@charset "utf-8";

/*2022_lifesci CSS Document */
* { margin:0; padding:0;}

@media only screen and (max-width: 995px) { 	
.mobile{display:block;}
.desktop{display:none;}	
	
}

@media (min-width: 996px) {
.mobile{display:none;}
.desktop{display:block;}


}


/*#nav_container{width:100%;height:100% !important;margin:0 auto;padding:0 !important;background: rgba(0,255,132,0.5)}*/
#nav_container{width:100%;padding:0.8em 0.5em;margin:0 ; display: flex;flex-wrap: wrap;justify-content: flex-start;background:rgba(255,255,255,0.8)}
#Mnav_container{width:100%;padding:0.8em 0.5em;margin: 0 ; display: flex;flex-wrap: wrap;justify-content: flex-start; background:rgba(255,0,255,0)}




@media only screen and (max-width: 1199px) {
	
#nav_container{width:100%;margin:0 auto;padding:0.8em 0.5em;margin:0 ; border-radius:0 ; }	
#Mnav_container{width:100%;margin:0 auto;padding:0.8em 0.5em;margin:0 ; }			

	
}

/*************************************************/



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

	
#nav_container{width:100%;margin:0 auto;padding:0.8em 0em;margin:0 ; border-radius:0 ;background:rgba(255,255,255,1) }	
#Mnav_container{width:100%;margin:0 auto;padding:0.8em 0em;margin:0 ; background:rgba(255,255,255,1) }		
/*	
.m_nav .logo{width:calc(100% - 0em);background:#ff6600;height:auto;  padding:1em 0.5em;zoom:1;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;}
.m_nav .logo:after {content:''; clear:both; display:block;}
.m_nav .logo img{width:100%;max-width: 100%;height: auto}	*/

	
}	


#BackTop{width:100%;height:auto;display:none;padding:0.5em 0em;background:rgba(49,30,62,1.00); position:fixed;top:0px;z-index: 9999999;box-shadow: 0 0 8px 3px rgba(0,0,0,0.4)}





/**/
.fl{float:left}
.fr{float:left}

/**/

.header{width:100%;height:auto;top:0;position:relative; z-index:99999;background:rgba(255,255,255,1)}


.header .left{width:calc(100% - 790px);display: flex;flex-wrap: wrap;justify-content: flex-start;}


.header .left .img1 {width: 55%;}
.header .left .img2{display:none;}

.header .nav{width:790px; background: rgba(20,0,255,0);font:1em "微軟正黑體";font-weight:700;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:auto;}

.header .left .Ilanguage_block{width:45%;padding:2em 0 0 0em;}
.header .left .Ilanguage_block div{display:inline-block;border-radius:50px;color:#ffffff;background:  linear-gradient(90deg, #ff6600, #fc9c30);padding:0.2em 1em;}
.header .left .Ilanguage_block a{color:#ffffff;font:0.875em"微軟正黑體";font-weight:700;}
.header .left .Ilanguage_block a:hover{color:#ffffff;}



.header .navbar_nav{padding: 0;margin: 0;float:left;width:100%;}
.header .navbar_nav li{float:left;position:relative;display:block;padding:0 0.8em; text-align: center;}

.header .navbar_nav li a{text-decoration:none;display:block;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;color:#2c2c2c;}
.header .navbar_nav li:hover a{color:rgba(0,0,0,1.00)}
.header .navbar_nav li.dropdown{display:block;line-height: 100px;background:rgba(0,255,0,0);margin:0 0 0 0;}

.header .navbar_nav li.dropdown .title{display: inline-block; padding:0 1.3em 0 0; vertical-align:middle;background:url(../images/dropdown_arrow.jpg)no-repeat right 2.5em;}
.header .navbar_nav li.dropdown .title01{display: inline-block; padding:0 1.3em 0 0; vertical-align:middle;font:1em "Arial Black";/*font-weight:700;*/}

/*.header .navbar_nav li.dropdown .dropdown_menu{font:1em "微軟正黑體";font-weight:700;color:#000000;display:none;position:absolute;top:auto;background:#ff6600;width:auto;min-width:120px ; left:50%;transform: translate(-50%, 0);padding:0.5em 0;opacity:.9;border:#eeeeee 1px solid;filter:alpha (opacity=90);border-radius:7px;}*/
.header .navbar_nav li.dropdown .dropdown_menu{font:1.0625em "微軟正黑體";font-weight:700;color:#000000;display:none;position:absolute;top:100px;width:800px;right:0%;/*transform: translate(-50%, 0);*/border-top: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0px 0px 10px 10px;background:#00aa00;box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.35);opacity:.95;filtergba(0,0,0,1.00):alpha (opacity=95);}


.header .navbar_nav li.dropdown .dropdown_menu ul{padding:0;margin:0;}
.header .navbar_nav li.dropdown .dropdown_menu ul li{clear: both; width:100%;padding:0 1em 0.5em 1em;margin:0;display: block;color:#fff;}

.header .navbar_nav li.dropdown:hover .dropdown_menu{color:rgba(0,0,0,1.00);display:block;font:0.875em "微軟正黑體";font-weight:700;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{color:#000;display:block;width:100%;display: block}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color:#b20000;}


/*new*/

.header .navbar_nav li.dropdown .dropdown_menu01{color:#000000;display:none;position:absolute;top:100px;width:740px;right:5%;transform: translate(-17%, 0);border-top: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0px 0px 10px 10px;background:#ffffff;box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.35);opacity:.95;filtergba(0,0,0,1.00):alpha (opacity=95);}
.header .navbar_nav li.dropdown:hover .dropdown_menu01{color:rgba(0,0,0,1.00);display:block;}
.header .navbar_nav li.dropdown:hover .dropdown_menu01 a{color:#000;display:block;width:100%;display: block}
.header .navbar_nav li.dropdown:hover .dropdown_menu01 a:hover{color:#b20000;}


/**/
.header .navbar_nav li.dropdown:hover { position: static;display:block; }
.header .navbar_nav li.dropdown:hover .dropdown_menu01{display:table;display:block;}
/*.header .navbar_nav li.dropdown:hover .dropdown_menu01>li { display: table-cell; }*/


/**/
.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu01{width:100%;float: left;text-align: left; font:1.25em "微軟正黑體";font-weight:600;padding:1em 1em 0 1em;margin:0;}
/*.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu01 img{width: 100%;max-width: 100%;height: auto;}*/

.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu02{width:calc(100% - 0px);float: left;margin:0;padding:1em; text-align: left;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu02 .menu_list{width:calc((100%/4) - 1em);margin:0.2em 0.5em;font:1em "微軟正黑體";font-weight:600; }
.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu02 .menu_list a{font:1em "微軟正黑體";font-weight:600;  color:rgba(0,0,0,0.7); padding:0 0 0 1.7em; vertical-align:middle;background:url(../images/arrow01.svg)no-repeat left 0px;}
.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu02 .menu_list a:hover{color:#ff6600;}

.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu02 .menu_list01{width:calc((100%/2) - 1em);margin:0.2em 0.5em;font:1em "微軟正黑體";font-weight:600;}
.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu02 .menu_list01 a{font:1em "微軟正黑體";font-weight:600; color:rgba(0,0,0,0.7); padding:0 0 0 1.7em; vertical-align:middle;background:url(../images/arrow01.svg)no-repeat left 0px;}
.header .navbar_nav li.dropdown:hover .dropdown_menu01 .menu02 .menu_list01 a:hover{color:#ff6600;}

/**/




/*menu_fixed*/
.header.on{background:#fff;height: auto; padding:0;box-shadow: 0 0 8px 3px rgba(0,0,0,0.4)}
.header.on .left .img1{display:none}
.header.on .left .img2{display:inline-block;}
.header.on .navbar_nav li a{color:#333}
.header.on .navbar_nav li:hover a{color:#4a007d}



/**/
#navToggle{display:none}
.m_nav{display:none}





@media only screen and (max-width: 995px) {
.header .left .Ilanguage_block{display: none;}
	
.m_nav{display:block}
.m_nav{position:fixed;top:0;width:70%;height:100%;background:#ffffff;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all ease .5s;/*-webkit-transition:all ease .5s;transition:all .6s cubic-bezier(.77,0,.175,1) 0;*/left:0;transform:translateX(-150%);z-index:10000}
.m_nav.open{transform:translateX(0);padding:0 0em}
.m_nav .top{height:60px;padding:20px;box-sizing:border-box}

/*add*/
.m_nav_block{display:none;position:fixed;top:0;left:0;width:0;height:0;width:100%;height: 100%;background: rgba(0,0,0,0.3);/*background: rgba(255,0,4,0.7);overflow:hidden;*/z-index:0}
.m_nav_block .closecover{position:absolute;width:100vw !important;height:100vh !important;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0;top:0;z-index:1000}
/*add*/
.m_nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}
.m_nav .dropdown span{color:#ff0000;}

.m_nav .ul{padding:0 0em;}	
	
.m_nav .ul li{padding:0;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0;transition:all .6s cubic-bezier(.77,0,.175,1) 0;opacity:0}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);color:#000000;}
.m_nav .ul li a{display:block;text-decoration:none;font:1.1em "微軟正黑體";font-weight: 600;width:100%;padding:0.7em 1.5em;color: #000000; border-bottom: 1px solid rgba(0,0,0,0.4);}
.m_nav .ul li a:not(:only-child){padding:1em 0.5em;/*color:#ff6600;text-decoration:none;background: #00aa00*/vertical-align:middle;background: url(../images/left_arrow.svg) no-repeat right 25px;border-right: 10px solid transparent;}
	
.m_nav .ul li .dropdown_menu{display:none}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block;}
.m_nav .ul li .dropdown_menu a{display:block;font:1em "微軟正黑體";font-weight: 600;color: #262626;background: #eaeaea;/*color:rgba(65,65,65,1.00);*/padding:0.5em 1.2em 0.5em 2em;box-sizing:border-box;}
.m_nav .ul li .dropdown_menu a:last-child{border:none}	
	
/**/
.m_nav  ul li a,.m_nav ul li a:visited{display:block;ppadding:0.7em 1.5em;background:#ffffff;color:#262626;text-decoration:none}
.m_nav  ul li a:hover,.m_nav ul li a:visited:hover{/*background:#b9b9b9;*/color:#000000;}
.m_nav  ul li a:not(:only-child):after,.m_nav ul li a:visited:not(:only-child):after{ padding-left:4px;}
	
	
/**/	
/*.m_nav ul li a:visited{padding:0;color:#000000;text-decoration:none;}
.m_nav ul li a:not(:only-child){font:1.1em "微軟正黑體";font-weight: 600;color:#000000; vertical-align:middle;background:url(../images/left_arrow.svg) no-repeat 7em 22px;}
.m_nav ul li ul li{clear: both; font:1em "微軟正黑體";font-weight: 600;height:auto;margin:0.7em 0 0 1.5em;color:#ff6600;vertical-align:middle;background:url(../images/left_sub_arrow.svg) no-repeat 0.5em 0.1em;}
.m_nav ul li ul li a{height:auto;color:#897272;vertical-align:middle;}
.m_nav ul li a:visited:hover:(:only-child){display:block;color:#ff6600; vertical-align:middle;;}	*/

	
	
/*language*/	
.m_nav .language_block{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-content: center;align-items: stretch;height: auto;padding: 1em 0.5em;}
/*.m_nav .language_block a{display:inline-block;border-radius:30px;background: rgba(255,255,255,1.00);color:#0056cc;margin:0 0.2em;padding:0.5em 0.7em;font:1em "微軟正黑體";font-weight:700;}
.m_nav .language_block a:hover{color:#ffffff;background: rgba(0,0,0,0.5);font-weight:700;}*/
	
/*.m_nav .language_block div{width:calc(100%/3);}	*/
.m_nav .language_block .btn_text01{width:calc((100%/2) - 0.4em);margin:0.2em;}
.m_nav .language_block .btn_text02{width:calc((100%/2) - 0.4em);margin:0.2em;}	
.m_nav .language_block .btn_text03{width:calc((100%/1) - 0.4em);margin:0.2em;}	
.m_nav .language_block .btn_text04{width:calc((100%/1) - 0.4em);margin:0.2em;ont:1em Arial;font-weight: 700;}	
.m_nav .language_block .btn_text01 span a{width:100%;text-align: center; padding:0.5em;display:inline-block;background: #ff6600;color:#ffffff;border-radius: 5px;}	
.m_nav .language_block .btn_text01 span a:hover{width:100%;text-align: center;padding:0.5em;display:inline-block;background: #000000;color:#ffffff;border-radius: 5px;}	
.m_nav .language_block .btn_text02 span a{width:100%;text-align: center;padding:0.5em;display:inline-block;background: #449700;color:#ffffff;border-radius: 5px;}	
.m_nav .language_block .btn_text02 span a:hover{width:100%;text-align: center;padding:0.5em;display:inline-block;background: #000000;color:#ffffff;border-radius: 5px;}		
.m_nav .language_block .btn_text03 span a{width:100%;text-align: center;padding:0.5em;display:inline-block;background: #000000;color:#ffffff;border-radius: 5px;}	
.m_nav .language_block .btn_text03 span a:hover{width:100%;text-align: center;padding:0.5em;display:inline-block;background: #525252;color:#ffffff;border-radius: 5px;}	

.m_nav .language_block .btn_text04 span a{width:100%;text-align: center;padding:0.5em;display:inline-block;background: #666666;color:#ffffff;border-radius: 5px;}	
.m_nav .language_block .btn_text04 span a:hover{width:100%;text-align: center;padding:0.5em;display:inline-block;background: #525252;color:#ffffff;border-radius: 5px;}	
		
	
/*.m_nav .logo{padding:0.5em 1em;}*/
}




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

.header{width:100%;height:auto;position:fixed;top:0;left:0; z-index:999999;padding:0;background:rgba(255,255,255,1);box-shadow:3px 3px 3px rgba(0,0,0,0.2);}


	
.header .left{width:calc(100% - 65px);min-height: 87px;}
.header .left .img1{display:none;}	
.header .left .img2{display:inline-block;width:100%;}
.header .left .img2 img{max-width: 100%;height: auto;}	

	

	
.header #navToggle{height:auto;padding:0px 15px;margin:10px 0;/* margin-right:-15px;*/display:inline-block;float:left;/*background: #ff6600*/}
.header #navToggle span{position:relative;width:30px;height:3px;margin:32px 0 32px 0}
.header #navToggle span:before,.header #navToggle span:after{content:'';position:relative;width:100%;height:3px;left:0}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;display:block;background:#000000}
.header #navToggle span:before{top:8px}
.header #navToggle span:after{bottom:10px}
.header #navToggle.open span:before{top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}
.header #navToggle.open span:after{bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
.header #navToggle.open span{background:0 0}
.header #navToggle.open span:before,.header #navToggle.open span:after{background:#ffffff}
.header .nav{display:none}

}
@media screen and (min-width: 996px) and (max-width: 1299px) {
.header{width:100%;height:auto;padding:0 0.5em;display: flex;flex-wrap: wrap;justify-content: flex-start;/*top:0em;position:relative; z-index:99999*/;/*background:rgba(255,35,39,1)*/}	

.header .left{width:calc(100% - 710px);background: rgba(248,0,255,0);}	
.header .left .Ilanguage_block{width:100%;  padding:0 0 0 5vw ;/*display: flex;flex-wrap: wrap;justify-content: center;align-content: flex-start*/}	
.header .left .img1 {width: 100%;}	

	
.header .nav{width:710px; background: rgba(20,0,255,0);font:1em "微軟正黑體";font-weight:700;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:auto;}
.header .navbar_nav li{float:left;position:relative;display:block;padding:0 0.4em; text-align: center;}	

/*new*/	
.header .navbar_nav li.dropdown .dropdown_menu01{color:#000000;display:none;position:absolute;top:100px;width:710px;right:0%;transform: translate(-0%, 0);border-top: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0px 0px 10px 10px;background:#ffffff;box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.35);opacity:.95;filtergba(0,0,0,1.00):alpha (opacity=95);}
	

}
@media screen and (min-width: 1300px) and (max-width: 1399px) {
.header{width:100%;height:auto;top:0em;padding:0 1em;position:relative; z-index:99999;}	

.header .left{width:calc(100% - 710px);}		
.header .left .Ilanguage_block{width:45%;padding:2em 0 0 0.5em;}	
.header .left .img1 {width: 55%;margin:0.5em 0 0 0;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: center}	

.header .nav{width:710px; font:1em "微軟正黑體";background: rgba(20,0,255,0);font-weight:700;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:auto;}
.header .navbar_nav li{float:left;position:relative;display:block;padding:0 0.4em; text-align: center;}	
/*new*/	
.header .navbar_nav li.dropdown .dropdown_menu01{color:#000000;display:none;position:absolute;top:100px;width:710px;right:0%;transform: translate(-0%, 0);border-top: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0px 0px 10px 10px;background:#ffffff;box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.35);opacity:.95;filtergba(0,0,0,1.00):alpha (opacity=95);}
	
}
@media screen and (min-width: 1400px) and (max-width: 1650px) { 
.header{width:100%;height:auto;top:0em;position:relative; z-index:99999;}	

.header .left{width:calc(100% - 710px);}	
.header .left .Ilanguage_block{width:45%;padding:2em 0 0 0.5em;}	
.header .left .img1 {width: 55%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: center}	

.header .nav{width:710px; font:1em "微軟正黑體";background: rgba(20,0,255,0);font-weight:700;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:auto;}
.header .navbar_nav li{float:left;position:relative;display:block;padding:0 0.4em; text-align: center;}	
	
/*new*/	
.header .navbar_nav li.dropdown .dropdown_menu01{color:#000000;display:none;position:absolute;top:100px;width:710px;right:0%;transform: translate(-9%, 0);border-top: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0px 0px 10px 10px;background:#ffffff;box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.35);opacity:.95;filtergba(0,0,0,1.00):alpha (opacity=95);}
	
}
@media screen and (min-width: 1651px) and (max-width: 1873px) { 
.header{width:100%;height:auto;top:0em;position:relative; z-index:99999;}	

.header .left{width:calc(100% - 710px);}	
.header .left .Ilanguage_block{width:50%;padding:2em 0 0 0.5em;}	
.header .left .img1 {width: 50%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: center}	

.header .nav{width:710px; font:1em "微軟正黑體";background: rgba(2,25,2,0);font-weight:700;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:auto;}
.header .navbar_nav li{float:left;position:relative;display:block;padding:0 0.4em; text-align: center;}	
	
/*new*/	
.header .navbar_nav li.dropdown .dropdown_menu01{color:#000000;display:none;position:absolute;top:100px;width:710px;right:0%;transform: translate(-9%, 0);border-top: 1px solid rgba(0, 0, 0, 0.1);border-radius: 0px 0px 10px 10px;background:#ffffff;box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.35);opacity:.95;filtergba(0,0,0,1.00):alpha (opacity=95);}
	
}

@media only screen and (max-width:539px) {
.header .left .img2{width:100%; background: rgba(0,255,0,0) ;height: 87px;float: left;display:flex;flex-wrap: wrap;justify-content: flex-start;align-content:space-around;align-items: stretch}	
.header .left .img2 img {max-width: 100%;}	
	
}



@media only screen and (max-width:412px) {
/*language*/	
.m_nav .language_block{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: center;align-items: stretch;height: auto;padding: 1em 0.2em;/* border-top: 1px solid rgba(255,255,255,0.5)*/}


.m_nav .logo{padding:0.5em 0.7em;width:100%;}	
}