@import url("reset.css");

html, body{height:100%; width:100%; }
img{vertical-align: top;   }
strong{font-weight:700;}
em{font-style:italic;}	
td{vertical-align:top;}
.clear{float:none; clear:both;}
p{margin-top:30px;}
p:first-child{margin-top:0px;}

.table{display:table}
.tr{display:table-row}
.td{display:table-cell}

.fancybox-button--zoom{
	display: none !important;
}

/* Start added by Calvin 20230208 */
a:focus-visible {
    border: 2px solid black !important;
}
/* End added by Calvin 20230208 */

input, textarea{
	color: #0A1938;
	font-family: 'Roboto', "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-weight: 400;
	}

.body_cn input,.body_cn textarea{
	font-family: 'Roboto', "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	}
	
body{
	color: #0A1938;
	font-family: 'Roboto', "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
	font-weight: 400;
	}

.body_cn{
	font-family: 'Roboto', "Noto Sans SC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}	

a{
color: #0A1938;
}

.noscroll{
	overflow:hidden;
	}


.loading{
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-color:#FFF;
	z-index:1001;
	opacity: 1;
	}	
	
.loading img{
	width:20px;
	height:20px;
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	margin:auto;}	

	
	
.scrollin{
	
	-webkit-transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s,  opacity 0.9s ease 0s; 
    transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s,  opacity 0.9s ease 0s; 
	}
	
.scrollin1{
	-ms-transform: translateY(100px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(100px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(100px) translateX(0px) translateZ(0px) scale(1);
	opacity:0;
	}	
	
.scrollin1.startani{
	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
	opacity:1;
	}
	
.scrollin2{
	-ms-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(50px) translateX(0px) translateZ(0px) scale(1);
	opacity:0;
	}	
	
.scrollin2.startani{
	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
	opacity:1;
	}	
	

.scrollin3{
	opacity:0;
	}	
	
.scrollin3.onscreen{
	opacity:1;
	}	

/* header */

.header_spacing{
	height:140px;
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	}

.header_spacing.nottop{
	height:100px;
	}

.header{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	z-index:100;
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	height:140px;
	}


.header::before{
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	content:"";
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:200px;
	background: linear-gradient(180deg, rgba(0,183,171,1) 0%, rgba(0,183,171,0) 100%);
	pointer-events: none;
}	

.black_header::before{
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}	
	
.header.nottop::before{
	opacity:0;
}	

.header.nottop{
	background-color:#00857C;
	height:100px;
	}	

.header_menu{
	position: absolute;
	bottom:16%;
	right:70px;
}
	
	
.top_logo{
	left:70px;
	height:80px;
	position:absolute;
	top:0px;
	bottom:0px;
	margin: auto;
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	}	
	
.header.nottop .top_logo {
    height: 65px;
}	
	
.top_logo .top_logo_img{
	height:100%;
	}
	
	
.header_menu_ul{
	display:block;
	}	
	
	
.header_menu_ul li{
	display:inline-block;
	line-height:24px;
	}	
	
.header_menu_ul li + li{
	padding-left:55px;
	}	
	
.header_menu_ul li a{
	color:#FFF;
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	}	
	
.header_menu_ul li a.active{
	text-decoration:underline;
	}

.header.nottop .header_menu_ul li a{
	color:#fff;
	}	
	
.header_menu_ul li a:hover{
	/* opacity:0.5; */
	color:#000;
}	


.header_lang{
	position: absolute;
	transition: 0.5s;
	top:16%;
	right:125px;
}	

.header_lang:focus {
	border: 1px solid #000;
}

.header_lang a{
	color:#fff;
}

.header_lang .selected_lang{
	color:#fff;
	float: left;
}
	
.header_lang .selected_lang img{
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
	
.header_lang .selected_lang span{
	display: inline-block;
	vertical-align: middle;
}

.header_lang a{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
}

.header_lang a:hover{
	opacity:0.5;
}

.lang_dropdown_wrapper{
	float: left;
	overflow: hidden;
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	white-space: nowrap;
	margin-top: 0px;
	position: relative;
	height:24px;
	width:0px;
}

.lang_dropdown{
	position: absolute;
	margin: 0;

}


.lang_dropdown li{
	margin-left: 10px;
	display: inline-block;
	line-height: 24px;
}


.lang_dropdown li a{
	line-height: 24px;
}

.header_search{
	position: absolute;
	top:16%;
	right:75px;
	display: flex;
}	

.header_search .search_dropdown_wrapper{
  	display:flex;
	color: white;
	width: 30px;
    transition: 0.5s;
	overflow: hidden;
}

.header_search .search_dropdown_wrapper #inline_search_dropdown_wrapper{
	display: flex;
}

.header_search .search_dropdown_wrapper button#search_button{
	padding: 0;
    background: none;
    border: 0;
	margin-right: 10px;
}

.header_search .search_dropdown_wrapper button#search_action{
	background: none;
	margin: 0;
    border: 1px solid;
	border-radius: 5px;
    padding: 0px 5px;
    font-size: 12px;
	text-shadow: 0 0 black;
	color: white;
	min-width: 50px;
}

.header_search .search_dropdown_wrapper .search_input{
    border-bottom: 1px solid;	
}

.header_search .search_dropdown_wrapper input{
	border: 0;
    padding: 0;
    background: none;
	color: white;
}

.header_search .search_dropdown_wrapper input::placeholder {
	color: white;
}

.en_show, .zh_show, .cn_show{
	display: none !important;
}

.body_en .en_show, .body_zh .zh_show, .body_cn .cn_show{
	display: inline-block !important;
}

.body_en .en_hide, .body_zh .zh_hide, .body_cn .cn_hide{
	display: none !important;
}

.dropdown_btn{
	width:16px;
	height:16px;
	position:absolute;
	top:0px;
	bottom:0px;
	margin:auto;
	right:15px;
	display:block;
	}	
		
.dropdown_btn .linewrapper{
	width:16px;
	height:16px;
	overflow:hidden;
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	margin:auto;
	display:block;
	}	
	
.dropdown_btn .line{
	position:absolute;
	width:100%;
	-webkit-transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
	height:2px;
	overflow:hidden;
	display:block;
	}	
	
.dropdown_btn .line span{
	position:absolute;
	width:100%;
	height:2px;
	display:block;
	background-color:#fff;
	}		
	
	
.dropdown_btn .leftline{
	left:0%;
	}	
	
.dropdown_btn .line .rightline{
	left:300%;
	}	
	
.dropdown_btn .line1{
	top:10%;}	
	
.dropdown_btn .line2{
	top:50%;
	margin-top:-1px;}	
	
.dropdown_btn .line3{
	top:90%;
	width:50%;
	margin-top:-2px;}	



.dropdown_btn .line1 .rightline{
	-webkit-transition: all 0.15s 0.05s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.05s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn .line2 .rightline{
	-webkit-transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn .line3 .rightline{
	-webkit-transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
	}
	
.dropdown_btn .line1 .leftline{
	-webkit-transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn .line2 .leftline{
	-webkit-transition: all 0.15s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn .line3 .leftline{
	-webkit-transition: all 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn.close .leftline{
	left:-400%;
	}	
	
.dropdown_btn.close .line1 .leftline{
	-webkit-transition: all 0.15s 0.05s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.05s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn.close .line2 .leftline{
	-webkit-transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn.close .line3 .leftline{
	-webkit-transition: all 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn.close .rightline{
	left:0%;
	}		
	
.dropdown_btn.close .line1{
	top:50%;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	}	
	
.dropdown_btn.close .line2{
	top:50%;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	margin-top:0px;
	}	
	
.dropdown_btn.close .line3{
	top:50%;
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	margin-top:0px;
	width:100%;
	}


.dropdown_btn.close .line1 .rightline{
	-webkit-transition: all 0.15s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn.close .line2 .rightline{
	-webkit-transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn.close .line3 .rightline{
	-webkit-transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1);
	}


.dropdown_btn:hover .line{
	width:100%;
	border-color:#c5a954;
	}	


.dropdown{
	position:fixed;
	left:0px;
	top:50px;
	right:0px;
	bottom:0px;
	margin:auto;
	z-index:10;
	background-color:#FFF;
	display:none;
	}

.dropdown_menu{
	padding:20px;}	

.dropdown_menu a{
	color:#FFF;
	font-weight: bold;
	}


/* footer */

.footer {
    padding: 70px;
}

.footer .table{
	width:100%;
}

.footer .table .td{
	vertical-align: top;
}

.footer_logo_wrapper{
	padding-right: 40px;
}
	
.footer_logo{
	height:80px;
}

.footer_logo img{
	height:80px;
}

.top_logo_img{
	height:25px;
}

.footer_right_wrapper_wrapper{
	width:60%;
}

.footer_right_wrapper{
	width:100%;
	float: right;
	border-left:1px solid rgba(0,0,0,0.2);
}

.footer_sns_wrapper{
	padding-left: 40px;
	}

.footer_sns_wrapper .title{
	margin-bottom: 15px;
}	

.footer_sns_wrapper ul{
	margin: -15px;
}	

.footer_sns_wrapper li{
	display:inline-block;
	margin: 15px;

}


.footer_address{
	margin-top: 80px;
}

.footer_address .title{
}	

.footer_address .description{
	 /* opacity:0.5; */
	color: #656B81;
}

.footer_nav{
	padding-left: 40px;
	}

.footer_right_wrapper .award{
	margin-top: 40px;
}

.footer_right_wrapper .award img{
	width:295px;
	mix-blend-mode: multiply;
}

.footer_right_wrapper .footer_nav a{
	font-weight: 500;
}

.footer_copyright{
	border-top:1px solid rgba(0,0,0,0.2);
	margin-top: 40px;
	padding-top: 20px;
}

.footer_copyright .td{
	/* opacity:0.5 */
	color: #656B81;
}

.footer_copyright ul{
	margin: -10px;
}

.footer_copyright li{
	margin: 10px;
	display: inline-block;
}

.footer_lastupdate{
	margin-top: 20px;
}

/* common */




.section_center_content{
	max-width:1280px;
	padding-left:40px;
	padding-right:40px;
	margin:auto;
	position:relative;
	}	


.section_center_full_content{
	max-width:1280px;
	margin:auto;
	position:relative;
	}

.section_middle_center_content{
	max-width:850px;
	padding-left:40px;
	padding-right:40px;
	margin:auto;
	position:relative;
}	

.section_small_center_content{
	max-width:560px;
	padding-left:40px;
	padding-right:40px;
	margin:auto;
	position:relative;
}	


/* content */


.thumb{
	width:100%;
	}
	
.thumb img{
	width:100%;
	}	


.border_content{
    border-top:1px solid rgba(0,0,0,0.2);
    border-bottom:1px solid rgba(0,0,0,0.2);
}	
	
.blue_bg{
	background-color:#00857C;
	color:#fff;
}

.new_blue{
	background-color:#00857C;
}

.new_blue:hover {
	background-color:#007A72;
}

.blue_bg .border_content{
    border-top:1px solid rgba(255,255,255,0.5);
    border-bottom:1px solid rgba(255,255,255,0.5);
}

.blue_bg a{
	color:#fff;
}

.grey_bg{
	background-color:#EBEEF3
}

.deepblue_bg{
	background-color:#0A1938;
	color:#fff;
}

.deepblue_bg .border_content{
    border-top:1px solid rgba(255,255,255,0.5);
    border-bottom:1px solid rgba(255,255,255,0.5);
}

.deepblue_bg a{
	color:#fff !important;
}



/* text */

.col_wrapper{
	overflow:hidden;
	}
	
.col_wrapper{
	margin-top: 30px;
}	
	
.col_wrapper:first-child{
	margin-top: 0px;
}

.table.col_wrapper{
	width:100%;
}

.row{
	margin-left:-15px;
	margin-right:-15px;
	margin-top:-30px;
	}	

.col_wrapper .row{
	display: block;
}	
	
.big_col_wrapper .row{
	margin-left:-30px;
	margin-right:-30px;
	}	

.normal_col_wrapper .row{
	margin-left:-15px;
	margin-right:-15px;
	}	
	
.small_col_wrapper .row{
	margin-left:-10px;
	margin-right:-10px;
	}	
	
.xs_col_wrapper .row{
	margin-left:-1px;
	margin-right:-1px;
	}	
	
.col_spacing{
	margin-left:15px;
	margin-right:15px;
	}	

.table.col_wrapper .td + .td{
	padding-left: 30px;
}	
	
.big_col_wrapper .col_spacing{
	margin-left:30px;
	margin-right:30px;
	}

.table.big_col_wrapper.col_wrapper .td + .td{
	padding-left: 60px;
}	

.modal_left_title_right_link_repeatable .table.big_col_wrapper.col_wrapper .td + .td{
	padding-left: 20px;
}	

.normal_col_wrapper .col_spacing{
	margin-left:15px;
	margin-right:15px;
	}
	
.small_col_wrapper .col_spacing{
	margin-left:10px;
	margin-right:10px;
	}
	
.xs_col_wrapper .col_spacing{
	margin-left:1px;
	margin-right:1px;
	}	

.col{
	float:left;
	padding-left:0px;
	padding-right:0px;
	position:static;
	-webkit-flex-basis: auto; /* Safari 6.1+ */
    flex-basis: auto;
	}

.row .col{
	margin-top: 30px;
}	
	
.first_col{
	clear:left;
	}	

.col12{
	width:100%;
	}
	
.col10{
	width:83.33%;
	}

.col9{
	width:75%;
	}

.col8{
	width:66.66%;
	}

.col7{
	width:58.33%;
	}

.col6{
	width:50%;
	}

.col5{
	width:41.66%;
	}

.col4{
	width:33.33%;
	}

.col2{
	width:16.67%;
	}

.col3{
	width:25%;
	}
	
body{
	font-size:16px;
	line-height:1.4em;
	letter-spacing: 0.03em;
	}
	
.text1, h1{
	font-size:48px;
	line-height:1.3em;
	}	
	
.text2, h2{
	font-size:36px;
	line-height:1.3em;
	}	
	
.text3, h3{
	font-size:32px;
	line-height:1.3em;
	}	
	
.text4, h4{
	font-size:24px;
	line-height:1.4em;
	}	
	
.text5, h5{
	font-size:18px;
	line-height:1.4em;
	}	
	
.text6, h6{
	font-size:16px;
	line-height:1.4em;
	}	
	
.text7{
	font-size:14px;
	line-height:1.4em;
	}	
	
.text8{
	font-size:12px;
	line-height:1.4em;
	}	

small{
	font-size: 80%;
}	
	
h1,h2,h3,h4,h5,h6{
	margin-top: 30px;
}

h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{
	margin-top: auto;
}


.free_text{
    font-weight: 400;
	line-height: 1.7em;
}


.journal-content-article .free_text p {
 margin-top:30px;
}

.journal-content-article .free_text  p+p {
 margin-top:30px;
}

.journal-content-article .free_text p:first-child {
 margin-top:auto;
}

.free_text h1,
.free_text h2,
.free_text h3,
.free_text h4,
.free_text h5,
.free_text h6{
    font-weight: 400;
}

.free_text h1 + p,
.free_text h2 + p,
.free_text h3 + p,
.free_text h4 + p,
.free_text h5 + p,
.free_text h6 + p{
    margin-top: 10px;
}

.free_text strong{
    font-weight: 500;
}

.body_zh .free_text strong, .body_cn .free_text strong{
    font-weight: 700;
}

.free_text a{
    /* opacity: 0.5; */
	color: #656B81;
    text-decoration: underline;
}
.free_text a:hover{
    opacity: 1;
}

.free_text img{
    max-width: 100%;
	height: auto !important;
}

.free_text ol li{
	list-style:decimal;
	margin-left:1em;
	}	
	
.free_text ol li+li{
	}
	
	
.free_text ul li{
	list-style:none;
	margin-left:1em;
	}	

.free_text ul li::before{
	content:"•";
	position: absolute;
	margin-left: -1em;

}	
	
.free_text ul li+li{
	}
	
	
.free_text hr{
	background:none;
	border:none;
	border-top:1px solid #F0F0F0;
	margin-top:30px;
	margin-bottom:30px;
	}

.free_text .table-responsive{
	min-height: .01%;
	overflow-x: auto;
	overflow-y: hidden;
	margin-top:30px;
}	
	
.free_text .table-responsive:first-child{
	margin-top:auto;
	}	
	
.center_text{
	text-align:center;
	}	

.right_text{
	text-align:right;
}	
	
.float_right{
	float:right;
	}	

.swiper-slide{
	position: relative;
}	






/* mobile */
.mobile_show{
	display:none;
	}
	

@media screen and (max-width: 1599px) { 


}


@media screen and (max-width: 1439px) { 


.header_menu_ul li + li {
    padding-left: 30px;
}
	
body{
	font-size:14px;
	line-height:1.4em;
	letter-spacing: 0.03em;
	}
	
.text1, h1{
	font-size:36px;
	line-height:1.3em;
	}	
	
.text2, h2{
	font-size:32px;
	line-height:1.3em;
	}	
	
.text3, h3{
	font-size:28px;
	line-height:1.3em;
	}	
	
.text4, h4{
	font-size:22px;
	line-height:1.4em;
	}	
	
.text5, h5{
	font-size:18px;
	line-height:1.4em;
	}	
	
.text6, h6{
	font-size:16px;
	line-height:1.4em;
	}	
	
.text7{
	font-size:14px;
	line-height:1.4em;
	}	
	
.text8{
	font-size:12px;
	line-height:1.4em;
	}	
}


@media screen and (max-width: 1279px) { 

.header_menu{
	font-size:18px;
	line-height:1.4em;
}

}

@media screen and (max-width: 1023px) { 
.header_menu_ul{
        display:none;
}        
.active .header_menu_ul{
        display:block;
} 
.section_center_content{
    padding-left: 15px;
    padding-right: 15px;
}


.header_spacing{
    height:60px;
}

.header {
	height:60px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #00857C;
}

.header::before{
	display: none;
}	

.header_spacer{
	height:60px;
}

.header.nottop {
	height:60px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #00857C;
}


.header_lang {
    position: absolute;
    top: 0%;
	bottom: 0%;
	margin: auto;
	height:24px;
    right: 70px;
}

.lang_dropdown_wrapper{
	margin-top: -1px;
}

.top_logo {
	left:15px;
    height: 35px;
    width: 35px;
	z-index:2;
}
.header.nottop .top_logo {
    height: 25px;
}


.dropdown_btn{
	z-index:2;
	}

.header_menu{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	opacity:0;
	padding-top:100px;
	bottom:0px;
	margin:auto;
    background-color: #00857C;
	pointer-events:none;
	}
	
.header_menu.active{
	display:block;
	opacity:1;
	pointer-events:auto;
	}	
	
.header_menu_ul li {
    display: block;
	text-align:left;
}	

	
.header_menu_ul li+li{
	margin-top:10px;
	padding-left:0px;
}	

.header_menu_ul li a {
    color: #fff;
    padding: 5px 15px;
}
	
.header.nottop .header_menu_ul {
    margin-top: 15px;
}	
	
/* footer */

.footer {
    padding: 40px 15px;
	text-align: center;
}

.footer .table .td {
	display:block
}

.footer_right_wrapper_wrapper{
	width:auto;
}

.footer_right_wrapper .col{
	float: none;
	width:auto;

}

.footer_right_wrapper {
    width: auto;
    float: none;
    border-left: none;
}

.footer_address {
    margin-top: 40px;
}

.footer_sns_wrapper {
    margin-top: 40px;
    padding-left: 0px;
}

.footer_nav {
    margin-top: 40px;
    padding-left: 0px;
}

.footer_copyright {
    margin-top: 40px;
    padding-top: 40px;
}

.footer_copyright .td{
	text-align: center !important;
}
.footer_copyright .td+.td{
	margin-top: 30px;
}

/* font */


body{
	font-size:14px;
	line-height:1.4em;
	letter-spacing: 0.03em;
	}
	
.text1, h1{
	font-size:28px;
	line-height:1.3em;
	}	
	
.text2, h2{
	font-size:22px;
	line-height:1.3em;
	}	
	
.text3, h3{
	font-size:18px;
	line-height:1.3em;
	}	
	
.text4, h4{
	font-size:17px;
	line-height:1.4em;
	}	
	
.text5, h5{
	font-size:16px;
	line-height:1.4em;
	}	
	
.text6, h6{
	font-size:14px;
	line-height:1.4em;
	}	
	
.text7{
	font-size:13px;
	line-height:1.4em;
	}	
	
.text8{
	font-size:12px;
	line-height:1.4em;
	}	
	
.m_first_col{
	clear:left;
	}	
	

	
/* mobile */
.mobile_hide{
	display:none;
	}
	
.mobile_show{
	display:block;
	}	
	
.header_search {
	position: absolute;
    top: 118%;
    left: 8px;
    right: 0;
}

.header_search .search_dropdown_wrapper{
	display: none;
}

}

@media screen and (max-width: 640px) { 


}


@media screen and (max-width: 480px) { 


/* mobile */

.mobile_hide2{
	display:none;
	}
	
.mobile_show2{
	display:block;
	}	

}
.displaynone{
	display: none;
}