body {
	background-color: #ffffff;
	margin:0;
	font-family: "Noto Sans TC";
	overflow-x: hidden;
}

@font-face {
	font-family: 'Noto Sans TC';
	font-style: normal;
	font-weight: 100;
	src: url('../font/NotoSansTC-Regular.ttf');
	font-display: swap;
}

*{
	box-sizing: border-box;
}

.table {
    display: table;
}

.tr {
    display: table-row;
}

.td {
    display: table-cell;
}

.right {
    text-align: right;
}

.o_hidden{
	display:none;
}

.topbar{
	width:100%;
	height: 20px;
	background-image:url('../img/header.svg');
}

.menubar{
	width:100%;
	height: 150px;
	height:calc(100vw / 1920 * 150);
	display:flex;
    align-items: center;
    justify-content: space-between;
}

.menubar_right{
	display:flex;
    align-items: center;
    justify-content: space-between;
	margin-right:calc(100vw / 1920 * 50);
	height: 100%;
}

.menu{
	display:flex;
    justify-content: space-between;
	height: 100%;
}

.menutab{
	display: flex;
    flex-direction: column;
    justify-content: center;
	
	text-align:center;
	width:calc(100vw / 1920 * 160);
	position:relative;
	cursor:pointer;
}

.yellow_text{
	color:#FFC72C;
}

.lang_tc, .lang_en{
	cursor:pointer;
}

.menutab_eng_text{
	font-weight:bold;
}

.menutab_chi_text{
	letter-spacing:2px;
	font-weight:bold;
}

.item_button{
	display:none;
}

.submenu_seperator{
	position: absolute;
	left: 25%;
	width:50%;
	border-bottom: 4px solid #FFC72C;
	margin-left:auto;
	margin-right:auto;
	margin-top: -12%;
}

.sub_item_area{
	/* padding-top:calc(100vw / 1920 * 23); */
	width:calc(100vw / 1920 * 200);
	position:absolute;
	left: calc(100vw / 1920 * -20);
	top: 100%;
}

.sub_item_area_content{
	background-color:white;
	padding:calc(100vw / 1920 * 20);
	/* margin-top:calc(100vw / 1920 * 25); */
	box-shadow:0px 1px 5px #707070;
}

.item_sub_button{
	font-size:calc(100vw / 1920 * 16);
	line-height:calc(100vw / 1920 * 40);
	text-align:left;
	color:#333333;
	cursor:pointer;
}

.item_sub_button.eng{
	line-height:calc(100vw / 1920 * 20);
	margin-top:calc(100vw / 1920 * 20);
}

.item_sub_button.eng:first-child{
	margin-top:calc(100vw / 1920 * 5);
}

@media (hover: hover) {
	.item_sub_button:hover{
		color:#FFBB00;
	}
}

.lang_selector{
	font-weight:bold;
	margin:0 30px 0 15px;
}

.lang_dot{
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:#FFC72C;
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
}

.lk_socialmedia{
	display:flex;
    align-items: center;
    justify-content: space-between;
}

.banner_m{
	display:none;
}

.timeline_m{
	display:none;
}

.lkhistlogo{
	background-image:url('../img/LKH.svg');
	width: 573px;
	height: 150px;
	margin: 5px auto 0px;
	background-size:contain;
	background-repeat:no-repeat;
}

.logopart{
	box-shadow:inset 0 -15px 15px -16px rgba(0, 0, 0, 0.5);
}

.jslogo{
	background-image:url('../img/junior.svg');
	width: 268px;
	height: 79px;
	margin: 70px auto 45px;
	background-size:contain;
	background-repeat:no-repeat;
}

.jswebsite{
	display: flex;
    align-items: flex-start;
    justify-content: center;
	margin-bottom:70px;
}

.ncwh_thumb{
	background-image:url('../img/ncwh_thumb.png');
	width: 580px;
	height: 300px;
	background-size:contain;
	background-repeat:no-repeat;
}

.ncwh_t{
	background-image:url('../img/ncwh_t.png');
	width: 580px;
	height: 150px;
	background-size:contain;
	background-repeat:no-repeat;
	transition: opacity 0.3s ease-in-out; 
	opacity: 1;
	cursor:pointer;
}

.ncwh_s{
	background-image:url('../img/ncwh_s.png');
	width: 580px;
	height: 150px;
	background-size:contain;
	background-repeat:no-repeat;
}

.nwhe_thumb{
	background-image:url('../img/nwhe_thumb.png');
	width: 580px;
	height: 300px;
	background-size:contain;
	background-repeat:no-repeat;
}

.nwhe_t{
	background-image:url('../img/nwhe_t.png');
	width: 580px;
	height: 150px;
	background-size:contain;
	background-repeat:no-repeat;
	transition: opacity 0.3s ease-in-out; 
	opacity: 1;
	cursor:pointer;
}

.nwhe_s{
	background-image:url('../img/nwhe_s.png');
	width: 580px;
	height: 150px;
	background-size:contain;
	background-repeat:no-repeat;
	transition: opacity 0.3s ease-in-out; 
	opacity: 1;
	cursor:pointer;
}

.nwhe_part{
	margin-left:70px;
}

.ncwh_t:hover, .nwhe_t:hover, .nwhe_s:hover {
  opacity: 0.5; 
}

.sspart {
    background-color: #EDEDED;
    background-image: linear-gradient(180deg, #EDEDED 0%, #FFFFFF 100%);
    overflow: hidden;
}

.sswebsite{
	display: flex;
    align-items: flex-start;
    justify-content: center;
	margin-bottom:70px;
}

.sslogo{
	background-image:url('../img/senior.svg');
	width: 268px;
	height: 79px;
	margin: 70px auto 45px;
	background-size:contain;
	background-repeat:no-repeat;
}

.ncwhss_thumb{
	background-image:url('../img/ncwh_thumb_ss.png');
	width: 580px;
	height: 600px;
	background-size:contain;
	background-repeat:no-repeat;
	transition: opacity 0.3s ease-in-out; 
	opacity: 1;
	cursor:pointer;
}

.newhss_thumb{
	background-image:url('../img/newh_thumb_ss.png');
	width: 580px;
	height: 600px;
	background-size:contain;
	background-repeat:no-repeat;
	transition: opacity 0.3s ease-in-out; 
	opacity: 1;
	cursor:pointer;
}

.nwhess_part{
	margin-left:70px;
}

.ncwhss_thumb:hover, .newhss_thumb:hover {
  opacity: 0.5; 
}

.lklogo_layer{
	width:85%;
	margin:0 auto;
    display: flex;
    justify-content: flex-end;
}

.lklogopart {
    background-color: #EDEDED;
    background-image: linear-gradient(180deg, #EDEDED 0%, #FFFFFF 100%);
    overflow: hidden;
}

.lklogo{
	background-image:url('../img/LKPCoLogo_RGB_W.svg');
	width: 300px;
	height: 60px;
	margin-top: 60px;
	margin-bottom: 60px;
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
}

.button_list_menu_button{
	display:none;
}

.menu_close_button{
	display:none;
}

.mobile_menu_bottom{
	display:flex;
	align-items: center;
}

.icon_fb{
	background-image:url('../img/icon_fb.svg');
	width: 30px;
	height: 30px;
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
}

.icon_ig{
	background-image:url('../img/icon_ig.svg');
	width: 30px;
	height: 30px;
	background-size:contain;
	background-repeat:no-repeat;
	margin-left:calc(100vw / 1920 * 15);
	cursor:pointer;
}

.icon_yt{
	background-image:url('../img/icon_youtube.svg');
	width: 30px;
	height: 30px;
	background-size:contain;
	background-repeat:no-repeat;
	margin-left:calc(100vw / 1920 * 15);
	cursor:pointer;
}

/*
.icon_fb:hover{
	background-image:url('../img/icon_fb2.svg');
}

.icon_ig:hover{
	background-image:url('../img/icon_ig2.svg');
}

.icon_yt:hover{
	background-image:url('../img/icon_youtube2.svg');
}
*/

.section_subject{
	width:100%;
	position:relative;
	overflow:hidden;
}

.section_subject_bg1{
	background-image:url('../img/bg_subject.svg');
	width:calc(100vw / 1920 * 506.14);
	height:calc(100vw / 1920 * 493.28);
	position:absolute;
	top:calc(100vw / 1920 * 51);
	left:calc(100vw / 1920 * -86.24);
	z-index:-1;
}

.section_subject_bg2{
	background-image:url('../img/bg_subject2.svg');
	width:calc(100vw / 1920 * 205.36);
	height:calc(100vw / 1920 * 270.66);
	position:absolute;
	top:calc(100vw / 1920 * 258);
	right:calc(100vw / 1920 * -5);
	z-index:-1;
}

.section_subject_content{
	padding-top:120px;
	padding-bottom:180px;
}

.section_title{
	text-align:center;
	font-weight:bold;
}

.section_title_eng{
	font-size:20px;
}

.section_title_chi{
	font-size:36px;
}

.subject_listing{
    margin-top: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.subject_listing.eng{
	align-items:flex-start;
}

.subject_listing > div {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 160px;
}

.subject_logo{
	width:95px;
	height: 80px;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}

.s_chist_logo, .s_hist_logo, .s_csd_logo, .s_ces_logo, .s_jls_logo, .s_geog_logo, .s_chi_logo, .s_sci_logo{
	cursor:pointer;
}

.s_chist_logo{
	background-image:url('../img/icon_chist.svg');
}

.s_hist_logo{
	background-image:url('../img/icon_hist.svg');
}

.s_csd_logo{
	background-image:url('../img/icon_csd.svg');
}

.s_ces_logo{
	background-image:url('../img/icon_ces.svg');
}

.s_jls_logo{
	background-image:url('../img/icon_ls.svg');
}

.s_geog_logo{
	background-image:url('../img/icon_geog.svg');
}

.s_chi_logo{
	background-image:url('../img/icon_chinese.svg');
}

.s_sci_logo{
	background-image:url('../img/icon_science.svg');
}

.s_chist_logo.eng{
	background-image:url('../img/en/icon_chist.svg');
}

.s_hist_logo.eng{
	background-image:url('../img/en/icon_hist.svg');
}

.s_csd_logo.eng{
	background-image:url('../img/en/icon_csd.svg');
}

.s_ces_logo.eng{
	background-image:url('../img/en/icon_ces.svg');
}

.s_jls_logo.eng{
	background-image:url('../img/en/icon_ls.svg');
}

.s_geog_logo.eng{
	background-image:url('../img/en/icon_geog.svg');
}

.s_chi_logo.eng{
	background-image:url('../img/en/icon_chinese.svg');
}

.s_sci_logo.eng{
	background-image:url('../img/en/icon_science.svg');
}

.s_title{
	margin-top:30px;
	font-size:20px;
	text-align:center;
	vertical-align:top;
}

.s_title span{
	white-space:nowrap;
}

.section_news{
	background-color:#EFEFEF;
	background-image: linear-gradient(180deg, #EFEFEF 0%, #ffffff 100%);
	overflow:hidden;
}

.section_news_content{
	padding-top:100px;
	padding-bottom:120px;
}

.news_section{
	display:flex;
    align-items: flex-start;
    justify-content: space-between;
	width:73%;
	margin:45px auto 50px;
}

.news{
	width:calc(100vw / 1920 * 400);
}

.news_thumbnail{
	width:calc(100vw / 1920 * 400);
	height:calc(100vw / 1920 * 250);
	background-image:url('../img/NewsBanner.png');
	background-size:100% 100%;
	position:relative;
}

.news_thumbnail.pic1{
	background-image:url('../img/2024_ces.jpg');
}


.news_link{
	width:calc(100vw / 1920 * 149.8);
	height:calc(100vw / 1920 * 40.4);
	background-image:url('../img/icon_more.svg');
	background-size:contain;
	background-repeat:no-repeat;
	position:absolute;
	bottom:-8%;
	right:-6%;
	cursor:pointer;
}

.news_link.eng{
	background-image:url('../img/icon_more_en.svg');
	width:calc(100vw / 1920 * 172.8);
}

.news_date{
	color:#FFBB00;
	font-size:calc(100vw / 1920 * 20);
	line-height:calc(100vw / 1920 * 40);
	margin-top:calc(100vw / 1920 * 20);
}

.news_desc{
	color:#333333;
	font-size:calc(100vw / 1920 * 20);
	line-height:calc(100vw / 1920 * 40);
}

.more_news{
	width:calc(100vw / 1920 * 256.8);
	height:calc(100vw / 1920 * 69.2);
	background-image:url('../img/icon_morenews.svg');
	background-size:contain;
	background-repeat:no-repeat;
	margin:0 auto 40px;
	cursor:pointer;
}

.more_news.eng{
	width:calc(100vw / 1920 * 269.8);
	height:calc(100vw / 1920 * 70);
	background-image:url('../img/icon_morenews_en.svg');
}

.section_onlinestore{
	background-image: linear-gradient(180deg, #fdf6e3 0%, #ffffff 100%);
	position:relative;
	overflow:hidden;
}

.section_onlinestore_content{
	padding-top:90px;
	padding-bottom:105px;
}

.section_onlinestore_bg{
	background-image:url('../img/bg_store2.svg');
	background-size:contain;
	background-repeat:no-repeat;
	width:calc(100vw / 1920 * 607.52);
	height:calc(100vw / 1920 * 609.55);
	position:absolute;
	top:calc(100vw / 1920 * 90);
	left:calc(100vw / 1920 * 82);
	overflow:hidden;
}

.onlinestore_slider{
	width: calc(100vw / 1920* 980);
    margin-top: calc(100vw / 1920* 66.50);
    margin-left: calc(100vw / 1920* 720);
}

.onlinestore_slider_mobile{
	display:none;
}

.store_item{
	cursor:pointer;
}

.store_item p{
	text-align:center;
}

.goto_onlinestore{
	width:calc(100vw / 1920 * 206.8);
	height:calc(100vw / 1920 * 69.2);
	background-image:url('../img/icon_gobookstore.svg');
	background-size:contain;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:calc(100vw / 1920 * 206.8);
	margin-top:calc(100vw / 1920 * 70);
	cursor:pointer;
}

.goto_onlinestore.eng{
	width:calc(100vw / 1920 * 269.8);
	height:calc(100vw / 1920 * 70);
	background-image:url('../img/icon_gobookstore_en.svg');
}

.sitemap{
	background-color:#FFBB00;
}

.sitemap_column1 > div, .sitemap_column2 > div, .sitemap_column3 > div{
	cursor:pointer;
}

.section_sitemap_content{
	width: 73%;
    margin: 0 auto;
    display: flex;
    padding-top: 60px;
    padding-bottom: 90px;
    justify-content: space-between;
	overflow:hidden;
}

.sitemap_column4{
	display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

.sitemap_column{
	color:white;
	font-size:calc(100vw / 1920 * 18);
	line-height:calc(100vw / 1920 * 40);
}

.sitemap_social_media{
	display:flex;
}

.sitemap_icon_fb{
	background-image:url('../img/icon_fb2.svg');
	width: 50px;
	height: 50px;
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
}

.sitemap_icon_ig{
	background-image:url('../img/icon_ig2.svg');
	width: 50px;
	height: 50px;
	background-size:contain;
	background-repeat:no-repeat;
	margin-left:calc(100vw / 1920 * 15);
	cursor:pointer;
}

.sitemap_icon_yt{
	background-image:url('../img/icon_youtube2.svg');
	width: 50px;
	height: 50px;
	background-size:contain;
	background-repeat:no-repeat;
	margin-left:calc(100vw / 1920 * 15);
	cursor:pointer;
}

.sitemap_icon_fb:hover{
	background-image:url('../img/icon_fb.svg');
}

.sitemap_icon_ig:hover{
	background-image:url('../img/icon_ig.svg');
}

.sitemap_icon_yt:hover{
	background-image:url('../img/icon_youtube.svg');
}

.sitemap_slogan{
	color:white;
	font-size:calc(100vw / 1920 * 30);
	line-height:calc(100vw / 1920 * 40);
	font-weight:bold;
}

.sitemap_slogan.eng{
	text-align:right;
}

.footer{
	background-color:#4D4D4D;
}

.footer_content{
	width:73%;
	margin:0 auto;
    display: flex;
    align-items: flex-start;
	padding-top:40px;
	padding-bottom:40px;
    justify-content: space-between;
	color:white;
}

.footer_text_right{
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_text_right.en{
	display:block;
	text-align:center;
}

.footer_text_right a{
    margin: 0 15px;
    cursor: pointer;
}

.footer_text_right a:link, .footer_text_right a:visited, .footer_text_right a:hover, .footer_text_right a:active{
	color:white;
	text-decoration:none;
}

.nopointer{
	pointer-events:none;
}

.owl-carousel .owl-nav button.owl-prev{
	position:absolute;
	top:25%;
	left:-25px;
	width:calc(100vw / 1920 * 83.8);
	height:calc(100vw / 1920 * 69.2);
	border-radius:25px;
	box-shadow: 0px 1px 1px 1px #EFEFEF;
	background-image: url(../img/icon_arrowleft.svg);
	background-color:white;
	color:transparent;
}

.owl-carousel .owl-nav button.owl-next{
	position:absolute;
	top:25%;
	right:-25px;
	width:calc(100vw / 1920 * 83.8);
	height:calc(100vw / 1920 * 69.2);
	border-radius:25px;
	box-shadow: 0px 1px 1px 1px #EFEFEF;
	background-image: url(../img/icon_arrowright.svg);
	background-color:white;
	color:transparent;
}

.owl-theme .owl-nav button.owl-prev:hover {
	background-image: url(../img/icon_arrowleft.svg);
	background-color:#EFEFEF;
	color: transparent;
    text-decoration: none;
}

.owl-theme .owl-nav button.owl-next:hover {
	background-image: url(../img/icon_arrowright.svg);
	background-color:#EFEFEF;
	color: transparent;
    text-decoration: none;
}

/* product */

.home_btn{
	background-image:url('../img/icon_home.svg');
	width: calc(100vw / 1920 * 22.9);
	height: calc(100vw / 1920 * 24.95);
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}

.middle_part_content{
	width:86%;
	margin:0 auto;
	padding-top:calc(100vw / 1920 * 35);
	padding-bottom:calc(100vw / 1920 * 250);
}

.timeline_content{
	width:72%;
	margin:0 auto;
	padding-bottom:calc(100vw / 1920 * 250);
}

.nav_bar_text{
	color:#333333;
	font-size:calc(100vw / 1920 * 18);
	line-height:calc(100vw / 1920 * 26);
	margin-left:calc(100vw / 1920 * 10);
	vertical-align:middle;
}

.sub_menu_bar{
	display:flex;
	margin-top:calc(100vw / 1920 * 60);
}

.sub_menu_tab{
	width:calc(100vw / 1920 * 200);
	height:calc(100vw / 1920 * 60);
	font-size:calc(100vw / 1920 * 18);
	line-height:calc(100vw / 1920 * 60);
	background-color:#F5F5F5;
	text-align:center;
	cursor:pointer;
}

.sub_menu_tab.style2{
	width:calc(100vw / 1920 * 250);
}

.sub_menu_tab.selected{
	background-color:#FFBB00;
}

.sub_menu_tab_arrow{
	background-image:url('../img/icon_arrowdown_b.svg');
	width: calc(100vw / 1920 * 21.1);
	height: calc(100vw / 1920 * 20);
	margin-left:calc(100vw / 1920 * 10);
	background-size:contain;
	background-repeat:no-repeat;
	display:inline-block;
	vertical-align:middle;
}

.product_list{
	margin-top:calc(100vw / 1920 * 60);
}

.product_list_item{
	width:calc(100vw / 1920 * 445);
	height:calc(100vw / 1920 * 50);
	font-size:calc(100vw / 1920 * 18);
	line-height:calc(100vw / 1920 * 50);
	background-color:#EFEFEF;
	color:#333333;
	border-radius:calc(100vw / 1920 * 50);
	display:flex;
    justify-content: space-between;
    align-items: center;
	padding-left:calc(100vw / 1920 * 30);
	padding-right:calc(100vw / 1920 * 30);
	margin-top:calc(100vw / 1920 * 20);
	cursor:pointer;
}

.product_list_item.en{
	width:calc(100vw / 1920 * 600);
}

.product_list_dl_btn{
	background-image:url('../img/icon_download.svg');
	width: calc(100vw / 1920 * 25.11);
	height: calc(100vw / 1920 * 21.45);
	background-size:contain;
	background-repeat:no-repeat;
}

.legal_notice{
	margin-top:calc(100vw / 1920 * 60);
	font-size:calc(100vw / 1920 * 18);
	line-height:calc(100vw / 1920 * 26);
}

.legal_notice .bold{
	font-weight: bold;
}

.space20 {
    height: calc(100vw / 1920 * 20);
}

.space40 {
    height: calc(100vw / 1920 * 40);
}

.space50 {
    height: calc(100vw / 1920 * 50);
}

.space100 {
    height: calc(100vw / 1920 * 50);
}

.section_title_news{
	text-align:center;
	font-weight:bold;
	margin-top:calc(100vw / 1920 * 88);
}

.news_part{
	display:flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
	margin-top:calc(100vw / 1920 * 60);
}

.news_break {
	flex-basis: 100%;
	height: calc(100vw / 1920 * 80);
}

.event_update{
	margin-top:calc(100vw / 1920 * 60);
	font-size:calc(100vw / 1920 * 20);
	line-height:calc(100vw / 1920 * 40);
}

.event_update select{
	font-size:calc(100vw / 1920 * 20);
	line-height:calc(100vw / 1920 * 50);
	height:calc(100vw / 1920 * 50);
	border-radius:50px;
	border-color:#707070;
	padding-left:calc(100vw / 1920 * 28);
	padding-right:calc(100vw / 1920 * 28);
}

.event_update .highlight {
    color: #FFBB00;
    font-weight: bold;
}

/* product_list */

.input_writer, .input_isbn, #Subject{
	margin-left: calc(100vw / 1920 * 20);
}

.product_search input{
	height: calc(100vw / 1920 * 50);
	font-size:calc(100vw / 1920 * 20);
	line-height: calc(100vw / 1920 * 50);
	border-radius: calc(100vw / 1920 * 50);
	padding-left: calc(100vw / 1920 * 20);
	padding-right: calc(100vw / 1920 * 20);
	border:2px solid #707070;
	color:#333333;
}

.book_search_btn, .book_search_reset_btn{
	font-size:calc(100vw / 1920 * 20);
	margin-left:calc(100vw / 1920 * 20);
	line-height: calc(100vw / 1920 * 50);
	border-radius: calc(100vw / 1920 * 50);
	padding-left: calc(100vw / 1920 * 20);
	padding-right: calc(100vw / 1920 * 20);
	color:white!important;
	background-color:#707070;
	border:none!important;
	width: calc(100vw / 1920 * 129);
	height: calc(100vw / 1920 * 50);
	text-align:center;
	display:inline-block;
	cursor:pointer;
	vertical-align:sub;
}
	
.search_icon{
	background-image:url('../img/icon_search.svg');
	background-size:contain;
	background-repeat:no-repeat;
	width:calc(100vw / 1920 * 19.5);
	height:calc(100vw / 1920 * 19.5);
	display:inline-block;
	vertical-align:middle;
}


#Subject{
	height: calc(100vw / 1920 * 50);
	font-size:calc(100vw / 1920 * 20);
	line-height: calc(100vw / 1920 * 50);
	border-radius: calc(100vw / 1920 * 50);
	padding-left: calc(100vw / 1920 * 20);
	padding-right: calc(100vw / 1920 * 20);
	color:#333333;
}

.sub_cat_button {
	position: relative;
	background-color: #AAAAAA;
	height: calc(100vw / 1920 * 50);
	font-size:calc(100vw / 1920 * 20);
	line-height: calc(100vw / 1920 * 50);
	border-radius: calc(100vw / 1920 * 50);
	margin-top: calc(100vw / 1920 * 20);
	color:white;
	text-align:center;
}
.sub_cat_button:before {
	content: "";
	
	position: absolute;
    top: 0;
    right: 20px;
	
    width: 20px;
    height: 100%;
	
	background-image: url(../img/icon_open.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.sub_cat_button.selected:before {
	background-image: url(../img/icon_close.svg);
}
.sub_cat_button .limit_text {
	overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.cat_bar {
	background-image: url(../img/web_lkp_img05.png);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: repeat-x;
	
	border-bottom: 1px solid #DDDDDD;
}
.cat_bar_item {
    display: inline-block;
    padding: 0 12px;
	border-right: 1px solid #DDDDDD;
	
	cursor: pointer;
}
.cat_bar_item.selected {
	color: #2E318F;
	background-color: white;
}
.cat_bar_item:first-child {
    margin-left: 40px;
	border-left: 1px solid #DDDDDD;
}
.table.catalog {
	font-size: 12px;
	width: 100%;
	
	padding: 12px 0px;
	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	
	box-sizing: border-box;
}
.table.catalog .tr:nth-child(odd) {
	background-color: #f7f9f8;
}
.table.catalog .tr:nth-child(even) {
	background-color: #ffffff;
}
.table.catalog .tr:nth-child(1) .td {
	white-space: nowrap;
	background-color: #EFEFEF;
	height: calc(100vw / 1920 * 40);
	font-size:18px;
	line-height: calc(100vw / 1920 * 40);
	border-radius: calc(100vw / 1920 * 50);
	color:#333333;
	text-align:center;
}
.table.catalog .td {
	font-size:18px;
	line-height:26px
	padding: 3px;
}

.table.catalog .td:nth-child(1) {
	width: 100px;
	text-align:center;
}
.table.catalog .td:nth-child(2) {
	width: 300px;
}
.table.catalog .td:nth-child(3) {
	width: 100px;
	text-align:center;
}
.table.catalog .td:nth-child(4) {
	width: 50px;
	text-align:center;
}

.table.product_search {
	box-sizing: border-box;
	display:flex;
}
.table.product_search .tr .td:nth-child(1) {
	text-align: right;
}

input.year {
	width: 100px;
}

.table.product_result {
    font-size: 16px;
    line-height: 24px;
	
	width: 100%;
	
	padding: 12px 0px;
	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	
}
.table.product_result .tr:nth-child(odd) {
	background-color: #f7f9f8;
}
.table.product_result .tr:nth-child(even) {
	background-color: #ffffff;
}

.table.product_result .td {
	line-height: 1.5em;
	padding: 3px;
}
.table.product_result .tr .td:nth-child(1) {
	white-space: nowrap;
}
.table.product_result .tr:nth-child(1) .td {
	white-space: nowrap;
	background-color: #EFEFEF;
	height: calc(100vw / 1920 * 40);
	font-size: 16px;
	line-height: 24px;
	border-radius: calc(100vw / 1920 * 50);
	color:#333333;
	text-align:center;
}

.table.product_result .td:nth-child(1) {
	width: 135px;
	text-align:center;
}
/* product_list */

.vision_text{
	font-size:calc(100vw / 1920 * 26);
	line-height:calc(100vw / 1920 * 38);
}

.about_us_text > div{
	font-size:calc(100vw / 1920 * 18);
	line-height:calc(100vw / 1920 * 30);
	color:#333333;
}

.about_us_text .highlight {
    color: #FFBB00;
    font-weight: bold;
}

.aboutus_title{
	font-size:calc(100vw / 1920 * 36);
	line-height:calc(100vw / 1920 * 54);
	color:#FFBB00;
	font-weight:bold;
}

.aboutus_subtitle{
	font-size:calc(100vw / 1920 * 26);
	line-height:calc(100vw / 1920 * 36);
	font-weight:bold;
}

.goto_joinus{
	width:calc(100vw / 1920 * 206.8);
	height:calc(100vw / 1920 * 69.2);
	background-image:url('../img/icon_joinus.svg');
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
}

.goto_joinus{
	background-image:url('../img/icon_joinus_en.svg');
}

.contact_name, .contact_email, .contact_content{
	border-bottom:2px solid #FFBB00;
	width:calc(100vw / 1920 * 700);
	font-size:calc(100vw / 1920 * 18);
	line-height:calc(100vw / 1920 * 26);
	margin-top:calc(100vw / 1920 * 15);
}

.contact_name input, .contact_email input{
	width:100%;
	-webkit-appearance: none;
	border: none;
	font-size:calc(100vw / 1920 * 18);
	line-height:calc(100vw / 1920 * 26);
}

.contact_content textarea{
	width:100%;
	-webkit-appearance: none;
	border: none;
	resize: none;
	font-size:calc(100vw / 1920 * 18);
	line-height:calc(100vw / 1920 * 26);
}

.contact_us_content{
	display:flex;
}

.contact_form, .contact_information{
	width:100%;
}

.contact_form_submit{
	width:calc(100vw / 1920 * 206.8);
	height:calc(100vw / 1920 * 69.2);
	background-image:url('../img/icon_contactus_submit.svg');
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
}

.contact_form_submit.eng{
	background-image:url('../img/icon_confirm_en.svg');
}

.vision_mobile{
	display:none;
}

.vision_menu{
	display:flex;
}

.vision_tab{
	width:calc(100vw / 1920 * 381);
	height:calc(100vw / 1920 * 150);
	background-repeat:no-repeat;
	background-size:contain;
	cursor:pointer;
	
	background-color:#AAAAAA;
	
    display: flex;
	justify-content: space-between;
    align-items: center;
	padding:calc(100vw / 1920 * 50);
	
	border-left:1px solid white;
}

.vision_tab.en{
	padding-left:calc(100vw / 1920 * 30);
	padding-right:calc(100vw / 1920 * 30);
}

.vision_icon_text{
	font-size:calc(100vw / 1920 * 36);
	line-height:calc(100vw / 1920 * 30);
	font-weight:bold;
	color:white;
}

.vision_icon_text.eng{
	font-size:calc(100vw / 1920 * 26);
	line-height:calc(100vw / 1920 * 30);
}

.vision_tab01.clicked{
	background-color:#F47B20;
}

.vision_tab02.clicked{
	background-color:#12B2A6;
}

.vision_tab03.clicked{
	background-color:#BEA05A;
}

.vision_tab04.clicked{
	background-color:#125778;
}

.vision_tab05.clicked{
	background-color:#8E44AC;
}

.vision_tab01 .vision_icon{
	background-image:url('../img/icon_Commitment.svg');
	width:calc(100vw / 1920 * 129.27);
	height:calc(100vw / 1920 * 79.26);
	background-repeat:no-repeat;
	background-size:contain;
}

.vision_tab02 .vision_icon{
	background-image:url('../img/icon_Innovation.svg');
	width:calc(100vw / 1920 * 105.73);
	height:calc(100vw / 1920 * 109.74);
	background-repeat:no-repeat;
	background-size:contain;
}

.vision_tab03 .vision_icon{
	background-image:url('../img/icon_Enrichment.svg');
	width:calc(100vw / 1920 * 140.39);
	height:calc(100vw / 1920 * 102.33);
	background-repeat:no-repeat;
	background-size:contain;
}

.vision_tab04 .vision_icon{
	background-image:url('../img/icon_Diversity.svg');
	width:calc(100vw / 1920 * 98.62);
	height:calc(100vw / 1920 * 106.06);
	background-repeat:no-repeat;
	background-size:contain;
}

.vision_tab05 .vision_icon{
	background-image:url('../img/icon_Communication.svg');
	width:calc(100vw / 1920 * 125.04);
	height:calc(100vw / 1920 * 83.5);
	background-repeat:no-repeat;
	background-size:contain;
}

.vision_slogan{
	width:calc(100vw / 1920 * 1440);
	height:calc(100vw / 1920 * 140);
	background-repeat:no-repeat;
	background-size:contain;
	margin:0 auto;
	display:flex;
    align-items: center;
    justify-content: center;
}

.vision_slogan_text{
	font-size:calc(100vw / 1920 * 36);
	line-height:calc(100vw / 1920 * 30);
	color:#101010;
}

.vision_slogan1{
	background-image:url('../img/quote1.svg');
}

.vision_slogan2{
	background-image:url('../img/quote2.svg');
	display:none;
}

.vision_slogan3{
	background-image:url('../img/quote3.svg');
	display:none;
}

.vision_slogan4{
	background-image:url('../img/quote4.svg');
	display:none;
}

.vision_slogan5{
	background-image:url('../img/quote5.svg');
	display:none;
}

#contact_name::placeholder, #contact_email::placeholder, #contact_content::placeholder {
  font-size:calc(100vw / 1920 * 18);
  font-family: "Noto Sans TC";
}

#contact_content::placeholder {
  position:absolute;
  bottom: 5px;
}