@charset "utf-8";

/*2022_lifesci CSS Document */

html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar;padding: 0;margin: 0;}
*,::before,::after{-webkit-box-sizing:inherit;box-sizing:inherit;padding: 0;margin: 0;}

#toTop {position: fixed;bottom: 52px;right: 10px;cursor: pointer;display: none;z-index:99999;}

html{-webkit-text-size-adjust:none}

body {font:1em "微軟正黑體"; padding:0;margin:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*table,*/ caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;}

input[type=radio], input[type=checkbox] {padding:0;margin:0;}
input[type=hidden]{display:none !important;}
button {cursor:pointer;overflow:visible;}
button:-moz-focus-inner {border:none;}
ol, ul {list-style:none;}
/*img{border:none; width: auto;max-width: 100%; height: auto;}*/
a {text-decoration:none;}

blockquote {quotes:none;}
blockquote:before, blockquote:after {content:'';content:none;}
:focus {outline: 0;}
ins {text-decoration:none;}
a,a:hover{text-decoration:none;}
/*table {border-collapse:collapse;border-spacing:0;}*/
#hidden{width:100%;position:relative;height:0px;z-index:1}
.clear{clear: both;}
.img-fluid {max-width: 100%;height: auto;}


.red{color:#FF0000;padding:0.2em 0;}
.blue{color:#0056cc;padding:0.2em 0;}
.pink{color:#f0147b;padding:0.2em 0;}
.green{color:#00950e;padding:0.2em 0;}

.bg-primary{background:#007bff;color: #ffffff;}
.bg-secondary{background:#6c757d;color: #ffffff;}
.bg-success{background:#45a009;color: #ffffff;}
.bg-danger{background:#dc3545;color: #ffffff;}
.bg-warning{background:#ffc107;color: #000000;}
.bg-info{background:#17a2b8;color: #ffffff;}
.bg-dark{background:#343a40;color: #ffffff;}
.bg-pink{background:#f30352;color: #ffffff;}
.bg-blue{background:#0E609B;color: #ffffff;}
.bg-dark-70{background:#989ea4;color: #000000;}
.bg-dark_blue{background:#0d1d49;color: #ffffff;}
.bg-dark-10{background:#f1f1f1;color: #000000;}



.bg-orange{background:#ff6600;color: #ffffff;}
.bg-brown{background:#7C3600;color: #ffffff;}
.bg-indigo{background:#034057;color: #ffffff;}


.bg-freezing{background:rgba(0,77,149,0.3);color: #000;}
.bg-normal {background:rgba(0,149,14,0.3);color: #000;}


.text-primary{color:#007bff;}
.text-secondary{color:#6c757d;}
.text-success{color:#28a745;}
.text-danger{color:#dc3545;}
.text-warning{color:#ffc107;}
.text-info{color:#17a2b8;}
.text-dark{color:#282828;}
.text-block{color:#000000;}

/*video*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.gray_block{background:#f1f1f1 ;padding:calc(20%/2);width:auto;color:#ff0000;font:1.0625em "微軟正黑體";font-weight:700;line-height:30px;text-align:center;}
.gray_block01{background:#f1f1f1 ;padding:calc(10%/2);width:auto;color:#000000;font:1.0625em "微軟正黑體";font-weight:500;line-height:30px;}

/**/
#btn_dflex_c{width:100%;padding: 0;display:flex;flex-wrap:wrap;justify-content:center;}
#btn_dflex_r{width:100%;padding: 0; display:flex;flex-wrap:wrap;justify-content: flex-end;}
#btn_dflex_l{width:100%;padding: 0;display:flex;flex-wrap:wrap;justify-content: flex-start;}



#btn_dflex_c #backbu a{font:13pt "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.5em 2.5em;background:#ff6600;color:#ffffff;border:2px solid #ff6600;display:inline-block;text-align:center;margin:1em;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}
#btn_dflex_c #backbu a:hover{width:auto;height:auto;padding:0.5em 2.5em;background:#ffffff;color:#ff6600;border:2px solid #ff6600;display: inline-block;text-align:center;margin:1em;-webkit-border-radius:2em;-moz-border-radius: 2em;border-radius: 2em;}

@media screen and (min-width: 768px) and (max-width: 959px) {
	
#btn_dflex_c #backbu a{font:13pt "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.5em 2em;background:#ff6600;color:#ffffff;border:2px solid #ff6600;display:inline-block;text-align:center;margin:1em 0.5em;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}
#btn_dflex_c #backbu a:hover{width:auto;height:auto;padding:0.5em 2em;background:#ffffff;color:#ff6600;border:2px solid #ff6600;display: inline-block;text-align:center;margin:1em 0.5em;-webkit-border-radius:2em;-moz-border-radius: 2em;border-radius: 2em;}
	
}


.header_rounded{display:inline-block;border-radius: 50px;font:1em "微軟正黑體";font-weight:700;}


/**/
.line_w{width:100%;  height: 1px;line-height: 1px;margin:1em 0; background: linear-gradient(#ffffff, #ffffff); border: none; }


@media screen and (max-width: 575px) {
.line_w{width:100%;  height: 1px;line-height: 1px;margin:0.3em 0; background: linear-gradient(#ffffff, #ffffff); border: none; }	
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.line_w{width:100%;  height: 1px;line-height: 1px;margin:0.3em 0; background: linear-gradient(#ffffff, #ffffff); border: none; }	
	
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.line_w{width:100%;  height: 1px;line-height: 1px;margin:0.4em 0; background: linear-gradient(#ffffff, #ffffff); border: none; }	
}
@media screen and (min-width: 992px) and (max-width: 1199px){
.line_w{width:100%;  height: 1px;line-height: 1px;margin:0.7em 0; background: linear-gradient(#ffffff, #ffffff); border: none; }		
	
}
@media screen and (min-width: 1200px) and (max-width: 1399px){}


.b_solid_line{clear:both;height:10px;line-height:10px;border-bottom:2px solid #000000;width:100%;margin-bottom:0.5em;}
.dotted_line{float:left;width:100%;font:7pt Arial;height:auto !important;margin-bottom:10px;background-image: linear-gradient(to right, #000000 40%, transparent 70%);background-position: bottom;background-size: 4px 1px;background-repeat: repeat-x;padding-bottom:10px;}
.solid_line{float:left;width:100%;font:7pt Arial;height:auto !important;margin-bottom:10px;background-image: linear-gradient(to right, #c0c0c0 40%, rgba(192, 192, 192, 1) 100%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:10px;}

.dotted01_line{float:left;width:100%;font:7pt Arial;height:auto !important;margin-bottom:5px;background-image: linear-gradient(to right, #959595 40%, transparent 70%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:5px;}


/*page*/
#Page_block{width:100%;display:flex;flex-wrap: wrap;justify-content:center;align-content:  space-between;align-items:stretch;  height: auto;padding: 1em 2em;border-top:1px #606060 solid;margin:1em 0 0 0}

#Page_block{width:100%;color:#ff6600;text-align: center;}
#Page_block span{padding:0 0.5em;margin:0;}
#Page_block span a{color:#292929;cursor:pointer;}
#Page_block span a:hover{color:#ff6600;cursor:pointer;}



/*news_searchst*/

.news_searchst{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:center;margin:1em 0; padding:1em;background:#d3d3d3;border-radius:10px;}
.news_searchst .text03_1{width:100px;font:1.125em "微軟正黑體";font-weight:700;}
.news_searchst .text03_2{width:300px;margin:0em 0;}
.news_searchst .text03_2 .input{width:100%;padding:0.7em;border:0 solid #000;}
.news_searchst .text03_3{width:calc(100% - 400px);}
.news_searchst .text03_3 span a{display:inline-block;background:#000000;color:#ffffff;padding:0.2em 1em;}
.news_searchst .text03_3 span a:hover{background:#5d5d5d;color:#ffffff;}


@media screen and (max-width: 399px) {
/*page*/
#Page_block{width:100%;display:flex;flex-wrap: wrap;justify-content:center;align-content:  space-between;align-items:stretch;  height: auto;padding: 1em 0.5em;border-top:1px #606060 solid;margin:1em 0 0 0}

#Page_block{width:100%;color:#ff6600;text-align: left;}
#Page_block span{padding:0 0.5em;margin:0;}
#Page_block span a{color:#292929;cursor:pointer;}
#Page_block span a:hover{color:#ff6600;cursor:pointer;}
	
/*news_searchst*/

.news_searchst{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:center;margin:1em 0; padding:1em;background:#d3d3d3;border-radius:10px;}
.news_searchst .text03_1{width:100%;font:1.125em "微軟正黑體";font-weight:700;}
.news_searchst .text03_2{width:100%;margin:0.5em 0;}
.news_searchst .text03_2 .input{width:100%;padding:0.7em;border:0 solid #000;}
.news_searchst .text03_3{width:100%;}
.news_searchst .text03_3 span a{display:block;background:#000000;color:#ffffff;width:100%;text-align: center; padding:0.2em 1em;}	
	
}
@media screen and (min-width: 400px) and  (max-width: 575px) {
/*news_searchst*/

.news_searchst{width:100%;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: space-around;align-items:center;margin:1em 0; padding:1em;background:#d3d3d3;border-radius:10px;}
.news_searchst .text03_1{width:100%;font:1.125em "微軟正黑體";font-weight:700;}
.news_searchst .text03_2{width:100%;margin:0.5em 0;}
.news_searchst .text03_2 .input{width:100%;padding:0.7em;border:0 solid #000;}
.news_searchst .text03_3{width:100%;}
.news_searchst .text03_3 span a{display:block;background:#000000;color:#ffffff;width:100%;text-align: center; padding:0.2em 1em;}		
}