@charset "utf-8";
@import url('../../common/css/reset.css');
@import url('../../common/css/fonts.css');
@import url('../../common/css/jquery.fancybox.min.css');
@import url('../../common/css/swiper.min.css');
@import url('../../common/css/core.css');
@import url('../../common/css/content.css');
@import url('../../common/css/media_query.css');
@import url('../../common/css/print.css');

/* body, input[type=text] {
  font-family: Microsoft JhengHei, Microsoft YaHei, "微軟正黑體", 新細明體, Arial, Helvetica, sans-serif;
} */

#content .flexbox.tabControl>div:first-child {
	flex: 0 0 120px;
}

#content .flexbox.tabControl>div:last-child {
	flex: 0 1 calc(100% - 120px);
}

#content .flexbox.tabControl.design>div:first-child {
	flex: 0 0 80px;
}

#content .flexbox.tabControl.design>div:last-child {
	flex: 0 1 calc(100% - 80px);
}

#content .flexbox.tabControl.design ul li a#tab-all{
	width: 140px;
}

@media screen and (max-width: 767px) {
	#content .flexbox.tabControl>div:first-child, #content .flexbox.tabControl.design>div:first-child {
		flex: 0 0 100%;
	}

	#content .flexbox.tabControl>div:last-child, #content .flexbox.tabControl.design>div:last-child {
		flex: 1 1 100%
	}
}

#logoWrap>a>span.logo {
	transition: padding 0.25s ease 0s;
}

@media screen and (min-width: 768px) {
	#logoWrap>a>span.logo img.mobileLogo {
		display: none;
	}

	#logoWrap>a>span.logo {
		width: 270px;
	}
}

@media screen and (min-width: 1350px) {
	#logoWrap>a>span.logo {
		width: 343px;
	}
}

@media screen and (max-width: 767px) {
	#logoWrap>a>span.logo img.desktopLogo {
		display: none;
	}

	#logoWrap>a>span.logo {
		width: 153px;
		min-width: 153px;
	}
}