@charset "utf-8";
/* 興大-第20屆國際生物催化與農業生物技術學會研討會 CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@700&display=swap');

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;}
.img-fluid{max-width:100%!important;height:auto}
html{font-size: 62.5%;-webkit-text-size-adjust:none;padding:0;margin:0;}




body {font-size:1.6rem;font-family: 'Noto Sans TC', sans-serif; color:#292929;}
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 {vertical-align: middle;border-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{position:absolute;width:0px;height:0px;z-index:1}
#backbutton{position:absolute;width:72px;height:30px;z-index:100;left:900px;top:-50px;}
.clear{clear: both;}
.clearfix{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_green{background:#0d4918;color: #ffffff;}
.bg-dark-10{background:#f1f1f1;color: #000000;}
.bg-red{background:#b70000;color: #ffffff;}

.bg-dark-10{background:rgba(0,0,0,0.1);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.2);color: #000;}
.bg-normal {background:rgba(0,149,14,0.2);color: #000;}
.bg-white{background:#ffffff;color:#000;}

.bg-yw{background:#ddd6bb;color:#1c190e;}

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

.f-1{font:1em "微軟正黑體";}
.f-1_1{font:1.0625em "微軟正黑體";}/*17*/
.f-1_2{font:1.125em "微軟正黑體";}/*18*/
.f-1_3{font:1.25em "微軟正黑體";}/*20*/


.tb_collapse,.tb_collapse th,.tb_collapse td {
    border: 1px solid #8f8f8f;
    border-collapse: collapse;
    padding: 0.5em;
    text-align:left;
}

/*border*/
.border5{width:100%;border-radius:0.5em;display: inline-block;}
.border5_s{border-radius:1em;display: inline-block;}

/*comm_block*/
#comm_title_block{display: flex;flex-wrap: wrap;justify-content: flex-start;font:1.125rem "微軟正黑體";font-weight: 700;/*margin:2rem 0;padding:1rem 0;*/}
#comm_list_block{display: flex;flex-wrap: wrap; justify-content: flex-start;align-items: center;font:1.125rem "微軟正黑體";font-weight: 600;}
#comm_list_block .mobile{display:none;}


#comm_list_block .input{border:1px #8f8f9d solid;background:#ffffff;padding:0.5em;}


#comm_list_block a{color:#000000;}
#comm_list_block a:hover{color:#2D2D2D;}

#comm_list_block .cline{clear:both;width:100%;height:1rem;line-height:1rem;margin-bottom:0.1rem;border-bottom:1px solid #d1d1d1;}

@media only screen and (max-width: 479px) {
#comm_title_block{display: none;}	
#comm_list_block .mobile{display:inline-block;color:#000;}	
#comm_list_block .mobdate{font:1.125rem "微軟正黑體";font-weight: 800;margin-left:0em;color:rgba(53,53,53,1.00);}
#comm_list_block .comm_Title{font:1.375rem "微軟正黑體";font-weight: 700;display: inline-block;}	
	
#comm_list_block .input{border:1px #8f8f9d solid;background:#ffffff;padding:0.5em;width:90%;margin:0 0 0 0;}	
#comm_list_block .mob_Date{font:0.9375em "微軟正黑體";font-weight: 700;display:inline-block;border-radius: 50px;padding:0.2em 1em;background:#220051;color:#ffffff;}	
}
@media screen and (min-width: 480px) and (max-width: 767px) {
#comm_title_block{display: none;}	
#comm_list_block .mobile{display:inline-block;color:#000;}		
#comm_list_block .mobdate{font:1.125rem "微軟正黑體";font-weight: 800;margin-left:0em;color:rgba(53,53,53,1.00);}
#comm_list_block .comm_Title{font:1.25rem "微軟正黑體";font-weight: 700;display: inline-block;}	
	
#comm_list_block .input{border:1px #8f8f9d solid;background:#ffffff;padding:0.5em;width:80%;margin:0 0 0 0.5em;}	
#comm_list_block .mob_Date{font:0.9375em "微軟正黑體";font-weight: 700;display:inline-block;border-radius: 50px;padding:0.2em 1em;background:#220051;color:#ffffff;}	
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#comm_title_block{display: flex;flex-wrap: wrap;justify-content: flex-start;font:1.125rem "微軟正黑體";font-weight: 700;}	
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
#comm_title_block{display: flex;flex-wrap: wrap;justify-content: flex-start;font:1.125rem "微軟正黑體";font-weight: 700;}	
}

.header_rounded{width:100%;display:inline-block;border-radius: 1.5em;font-size: 1.6rem;/*font:1em "微軟正黑體";*/line-height: 1.5em; background:rgba(0,0,0,0.1);color: #000000;padding:1.5em}

/*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;}

/*comm_button*/
.member_button_c{width:100%;display:flex;flex-wrap: wrap;justify-content: center;margin:0.5em 0;}
.member_button_l{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-start;}
.member_button_r{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-end;}



.member_button_l #backbu a,.member_button_c #backbu a{font-size:1.7rem;width:auto;height:auto;padding:0.2em 1em;margin:0.5em 0.2em;background:#B4B4B4;color:#000000;display:inline-block;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.member_button_l #backbu a:hover,.member_button_c #backbu a:hover{width:auto;height:auto;padding:0.2em 1em;margin:0.5em 0.2em;background:#000000;color:#ffffff;display: inline-block;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.member_button_c #backbu_circle a{font-size:1.7rem;padding:0.2em 2em;border:1px #646464 solid;color:#646464;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.member_button_c #backbu_circle a:hover{padding:0.2em 2em;border:1px #646464 solid;color:#000000;display: inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}

.member_button_c #backbu p{font-size:1.2rem;}


/**/
#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:#212121;color:#ffffff;display:inline-block;text-align:center;margin:1em;border-radius: 0em;}
#btn_dflex_c #backbu a:hover{width:auto;height:auto;padding:0.5em 2.5em;background:#000000;color:#ffffff;display: inline-block;text-align:center;margin:1em;border-radius: 0em;}


#btn_dflex_c #btn_registration a{font-size: 2.4rem;font-weight:700;border-radius: 5px; width:auto;height:auto;padding:0.5em 2.5em;background:#ffc000;color:#000000;display:inline-block;text-align:center;margin:1em;}
#btn_dflex_c #btn_registration a:hover{width:auto;height:auto;border-radius: 5px; padding:0.5em 2.5em;background:#d9a300;color:#000000;display: inline-block;text-align:center;margin:1em;}




@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:#212121;color:#ffffff;display:inline-block;text-align:center;margin:1em 0.5em;border-radius: 0em;}
#btn_dflex_c #backbu a:hover{width:auto;height:auto;padding:0.5em 2em;background:#000000;color:#ffffff;display: inline-block;text-align:center;margin:1em 0.5em;border-radius: 0em;}

	
#btn_dflex_c #btn_registration a{font-size: 1.8rem;font-weight:700;border-radius: 5px;width:auto;height:auto;padding:0.5em 2em;background:#ffc000;color:#000000;display:inline-block;text-align:center;margin:1em 0.5em;}
#btn_dflex_c #btn_registration a:hover{width:auto;height:auto;border-radius: 5px;padding:0.5em 2em;background:#d9a300;color:#000000;display: inline-block;text-align:center;margin:1em 0.5em;}
	
}





/**/
.line_w{width:100%;  height: 1px;line-height: 1px;margin:0.25em 0; background: linear-gradient(#d0d0d0, #d0d0d0); border: none; }
/*.Iline_w{width:100%;  height: 1px;line-height: 1px;margin:0.25em 0; background: linear-gradient(#4f0000, #4f0000); border: none; }*/
.Iline_w{width:100%; clear:both;height:10px;line-height:10px;border-bottom:1px solid #ffffff;width:100%;margin-bottom:0.5em;}

@media screen and (max-width: 575px) {
.line_w{width:100%;  height: 1px;line-height: 1px;margin:0.25em 0; background: linear-gradient(#d0d0d0, #d0d0d0); border: none; }	
}
@media screen and (min-width: 576px) and (max-width: 767px) {
.line_w{width:100%;  height: 1px;line-height: 1px;margin:0.25em 0; background: linear-gradient(#d0d0d0, #d0d0d0); border: none; }	
	
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.line_w{width:100%;  height: 1px;line-height: 1px;margin:0.25em 0; background: linear-gradient(#d0d0d0, #d0d0d0); border: none; }	
}
@media screen and (min-width: 992px) and (max-width: 1199px){
.line_w{width:100%;  height: 1px;line-height: 1px;margin:0.25em 0; background: linear-gradient(#d0d0d0, #d0d0d0); 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:#b70000;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:#b70000;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;}		
}