@charset "utf-8";
/* 中央研究院永續科學中心CSS Document */
/*img,object,embed,video{max-width:100%}*/
.ie6 img{max-width:100%;width:100%}

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

body {font:13pt "微軟正黑體";line-height:20px;/*font-size:13px;font-size:small;*font:x-small;font-size:10pt;font-style:normal;font-weight:normal;font-family:Verdana, Geneva, sans-serif;*/}
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{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;}
.center{text-align:center;text-align: -moz-center;text-align: -webkit-center;}

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


.Pline01{background:#e5e5e5;height:1px;line-height:1px;font-size:0px;overflow:hidden;}
.Pline02{background:#e5e5e5;height:1px;line-height:1px;margin:15px 0;font-size:0px;overflow:hidden;}
.Hespace{height:1px;width:1px;padding-top:50px;clear:both;}

.pB{font:15pt "微軟正黑體";}
.pM{font:10pt "微軟正黑體";}
.pS{font:9pt "微軟正黑體";}
.pl{font:8pt "微軟正黑體";}

.red{font:9pt "微軟正黑體";font-weight:700;color:#FF0000;font-weight:900;padding:0 5px;}
.blue{font:9pt "微軟正黑體";font-weight:700;color:#0056CC;font-weight:900;padding:0 5px;}

.line{float:left;width:100%;height:auto !important;margin-bottom:15px;background-image: linear-gradient(to right, #333 40%, rgba(51, 51, 51, 0) 40%);background-position: bottom;background-size: 4px 1px;background-repeat: repeat-x;padding-bottom:15px;}


.Tradius{border-radius: 100%; padding:3px 6px;margin-right:0.5em;background:#ff6600;color:#ffffff;font:15pt "微軟正黑體";font-weight:700;}
.TSquare{border-radius: 0; padding:3px 6px;margin-right:0.2em;background:#ff6600;color:#ffffff;font:15pt "微軟正黑體";font-weight:700;}

.back01bu{float:left;padding:0.2em 1em;display: block;margin:10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.back01bu a{float:left;padding:0.2em 1em;background:#666;color:#ffffff;display: block;text-align:center;margin:0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.back01bu a:hover{float:left;padding:0.2em 1em;background:#000000;color:#ffffff;display: block;text-align:center;margin:0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.morebu{float:right;padding:0.2em 1em;display: block;margin:10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.morebu a{float:right;padding:0.2em 1em;background:#666;color:#ffffff;display: block;text-align:center;margin:0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.morebu a:hover{float:right;padding:0.2em 1em;background:#000000;color:#ffffff;display: block;text-align:center;margin:0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.member_page_c{width:100%;padding:0;overflow:hidden;text-align:center;overflow:hidden}
.member_button_c{width:100%;padding:1em 0;overflow:hidden;text-align:center;overflow:hidden}
.member_button_r{width:100%;overflow:hidden;padding: 0; text-align: right;}
.member_button_l{width:100%;overflow:hidden;padding: 0; text-align: left;}

.member_button_c #backbu a{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight:700;background:#B4B4B4;color:#000000;display:inline-block;text-align:center;padding:0.8em 2em;margin:1em 0.5em;text-decoration:none;}
.member_button_c #backbu a:hover{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#000000;color:#ffffff;display:inline-block;text-align:center;padding:0.8em 2em;margin:1em 0.5em;}

.member_button_l #login a{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight:700;background:#000000;color:#ffffff;display:inline-block;text-align:center;padding:0.3em 2em;margin:0;text-decoration:none;}
.member_button_l #login a:hover{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#ffda44;color:#000000;display:inline-block;text-align:center;padding:0.3em 2em;margin:0;}

.member_button_c #calendarbu a{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;font-weight:700;background:#B4B4B4;color:#000000;display:inline-block;text-align:center;padding:0.2em 1em;margin:1em 0.5em;text-decoration:none;}
.member_button_c #calendarbu a:hover{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background:#000000;color:#ffffff;display:inline-block;text-align:center;padding:0.2em 1em;margin:1em 0.5em;}

.member_button_l #backbu a{-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;font-weight:700;background:#2165c1;color:#ffffff;display:inline-block;text-align:center;padding:0.8em 2em;margin:1em 0.5em;text-decoration:none;}
.member_button_l #backbu a:hover{-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background:#003174;color:#ffffff;display:inline-block;text-align:center;padding:0.8em 2em;margin:1em 0.5em;}

.member_button_l a .facebook { vertical-align:top;background:url(../images/facebook.svg)  no-repeat center center;background-position:0 0;background-size:40px;height:40px;width:40px;display:inline-block;text-indent:-9999px;margin-right:0.5em;margin-top:1.2em;}
.member_button_l a:hover .facebook {vertical-align:top;background-position:0 -40px;background-size:40px;height:40px;width:40px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}

.member_button_l a .twitter { vertical-align:top;background:url(../images/twitter.svg)  no-repeat center center;background-position:0 0;background-size:40px;height:40px;width:40px;display:inline-block;text-indent:-9999px;margin-right:0.5em;margin-top:1.2em;}
.member_button_l a:hover .twitter {vertical-align:top;background-position:0 -40px;background-size:40px;height:40px;width:40px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}

.member_button_l a .linkedin { vertical-align:top;background:url(../images/linkedin.svg)  no-repeat center center;background-position:0 0;background-size:40px;height:40px;width:40px;display:inline-block;text-indent:-9999px;margin-right:0.5em;margin-top:1.2em;}
.member_button_l a:hover .linkedin {vertical-align:top;background-position:0 -40px;background-size:40px;height:40px;width:40px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}

/*arrow page*/
.member_page_c .num{line-height: 20px;vertical-align:top;margin-right:0.5em;}
.member_page_c a .num{line-height: 20px;margin-right:0.5em;}
.member_page_c a:hover .num{line-height: 20px;margin-right:0.5em;}

.member_page_c a .arrow01{vertical-align:top;background:url(../images/arrow/01.svg)  no-repeat center center;background-position:0 0;background-size:20px;height:20px;width:20px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
.member_page_c a:hover .arrow01{vertical-align:top;background-position:0 -20px;background-size:20px;height:20px;width:20px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}

.member_page_c a .arrow02{vertical-align:top;background:url(../images/arrow/02.svg)  no-repeat center center;background-position:0 0;background-size:20px;height:20px;width:20px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
.member_page_c a:hover .arrow02{vertical-align:top;background-position:0 -20px;background-size:20px;height:20px;width:20px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}

.member_page_c a .arrow03{vertical-align:top;background:url(../images/arrow/03.svg)  no-repeat center center;background-position:0 0;background-size:20px;height:20px;width:20px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
.member_page_c a:hover .arrow03{vertical-align:top;background-position:0 -20px;background-size:20px;height:20px;width:20px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}

.member_page_c a .arrow04{vertical-align:top;background:url(../images/arrow/04.svg)  no-repeat center center;background-position:0 0;background-size:20px;height:20px;width:20px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
.member_page_c a:hover .arrow04{vertical-align:top;background-position:0 -20px;background-size:20px;height:20px;width:20px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}

.member_page_c a .arrow05{vertical-align:top;background:url(../images/arrow/05.svg)  no-repeat center center;background-position:0 0;background-size:20px;height:20px;width:20px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
.member_page_c a:hover .arrow05{vertical-align:top;background-position:0 -20px;background-size:20px;height:20px;width:20px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}

.member_page_c a .arrow06{vertical-align:top;background:url(../images/arrow/06.svg)  no-repeat center center;background-position:0 0;background-size:20px;height:20px;width:20px;display:inline-block;text-indent:-9999px;margin-right:0.5em;}
.member_page_c a:hover .arrow06{vertical-align:top;background-position:0 -20px;background-size:20px;height:20px;width:20px;display:inline-block;text-indent:0;text-indent:-9999px;margin-right:0.5em;}

@media only screen and (max-width: 465px) {	
.member_button_r #backbu a{-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;font-weight:700;background:#2165c1;color:#ffffff;display:block;text-align:center;padding:0.8em 2em;margin:1em 0.5em;text-decoration:none;}
.member_button_r #backbu a:hover{-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;background:#003174;color:#ffffff;display:block;text-align:center;padding:0.8em 2em;margin:1em 0.5em;}
}


.note_message{margin:0 auto;padding:5em 2em;font:15pt "微軟正黑體";font-weight:700;color:#ff0000;background:#f1f1f1;text-align:center;}

/*table*/
.tg-table-light{border-collapse:collapse;border-spacing:0}
.tg-table-light td,.tg-table-light th{border:1px #bbb solid;color:#333;vertical-align:top;padding:1px}
.tg-table-light .tg-even td{background-color:#eee}
.tg-table-light th{background-color:#585858;color:#ffffff;}


/**/

.member_button_C{width:100%;padding:1em 0;overflow:hidden;text-align:center;overflow:hidden}
.member_button_R{width:100%;overflow:hidden;padding: 0; text-align: right;}
.member_button_L{width:100%;overflow:hidden;padding: 0; text-align: left;}

/*.member_button #backbu a{font:12pt "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.8em 2em;background:#666666;color:#ffffff;display:inline-block;text-align:center;margin:1em;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.member_button #backbu a:hover{width:auto;height:auto;padding:0.8em 2em;background:#000000;color:#ffffff;display: inline-block;text-align:center;margin:1em;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
*/
.member_button_C #backbu a{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight:700;background:#B4B4B4;color:#000000;display:inline-block;text-align:center;padding:0.8em 2em;margin:1em 0.5em;text-decoration:none;}
.member_button_C #backbu a:hover{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#000000;color:#ffffff;display:inline-block;text-align:center;padding:0.8em 2em;margin:1em 0.5em;}

.member_button_L #login a{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight:700;background:#122a50;color:#ffffff;display:inline-block;text-align:center;padding:0.3em 2em;margin:0;text-decoration:none;}
.member_button_L #login a:hover{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#ffda44;color:#000000;display:inline-block;text-align:center;padding:0.3em 2em;margin:0;}



.member_button_R #backbu_smooth3 a{font:11pt "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.2em 1em;background:#666666;color:#ffffff;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.member_button_R #backbu_smooth3 a:hover{width:auto;height:auto;padding:0.2em 1em;background:#000000;color:#ffffff;display: inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.member_button_L #backbu_smooth3 a{font:11pt "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.8em 2em;background:#000000;color:#ffffff;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.member_button_L #backbu_smooth3 a:hover{width:auto;height:auto;padding:0.8em 2em;background:#f9d542;color:#000000;display: inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}


.member_button_C #modbu a{font:13pt "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.2em 2em;background:#666666;color:#ffffff;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.member_button_C #modbu a:hover{width:auto;height:auto;padding:0.2em 2em;background:#000000;color:#ffffff;display: inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}


.member_button #loginbu-event a{font:11pt "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.4em 2em;background: linear-gradient(#7e7e7e, #535353);border:2px #535353 solid;color:#ffffff;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.member_button #loginbu-event a:hover{font:11pt "微軟正黑體";font-weight:700;width:auto;height:auto;padding:0.4em 2em;background: linear-gradient(#7e7e7e, #535353);border:2px #535353 solid;color:#ffffff;display:inline-block;text-align:center;margin:10px 10px 10px 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.member_button_C #engbu a{border-radius: 50px;font:10.5pt Arial;background:#ffffff;border:1px solid #666666;display:inline-block;text-align:center;padding:0.3em 1.2em;margin:0 0.3em;text-decoration:none;}
.member_button_C #engbu a:hover{border-radius: 50px;font:10.5pt Arial;background:#000000;color:#ffffff;border:1px solid #666666;display:inline-block;text-align:center;padding:0.3em 1.2em;margin:0 0.3em;}

.member_button_C #tengbu a{border-radius: 50px;font:9pt Arial;background:#ffffff;border:1px solid #666666;display:inline-block;text-align:center;padding:0.1em 1em;margin:0 0.1em;text-decoration:none;}
.member_button_C #tengbu a:hover{border-radius: 50px;font:9pt Arial;background:#000000;color:#ffffff;border:1px solid #666666;display:inline-block;text-align:center;padding:0.1em 1em;margin:0 0.1em;}


.member_button_C .photo1{width:auto;text-align:center;display: inline-block;margin: 0 auto;vertical-align:middle;height: auto;}
.member_button_C .photo1:after {content:''; clear:both; display:block;}
.member_button_C .photo1 img{vertical-align:middle;height: auto;}
.member_button_C .photo1 .pre{width:50px;float: left;display: inline-block;vertical-align:middle;margin-top:calc(50vh/2);}
.member_button_C .photo1 .next{width:50px;float: left;display: inline-block;vertical-align:middle;margin-top:calc(50vh/2);}
.member_button_C .photo1 .Bpic{width:auto;float: left;display: inline-block;}

.member_button_C .PNotes{padding:0.5em 0;font:12pt "微軟正黑體";font-weight:700;color:#222222;}
.member_button_C .PNumber{padding:1em 0;font:12pt "微軟正黑體";font-weight:700;}	
/*search*/
.news_searchst{font:12pt "微軟正黑體";font-weight: 700; width:calc(98% - 2em);height:auto;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background:#E7E7E7;padding:1em;margin:0;}
.news_searchst:after {content:''; clear:both; display:block;}
.news_searchst .TArea01{width:25%;float:left;height:auto;}
.news_searchst .TArea01 select{padding:0.3em;font:10.5pt "微軟正黑體";font-weight: 700;}
.news_searchst .TArea02{width:calc(100% - 25%);float:left;height:auto;}
.news_searchst .TArea02 select{padding:0.3em;font:10.5pt "微軟正黑體";font-weight: 700;}

@media only screen and (max-width: 509px) {	
.news_searchst .TArea01{width:100%;float:left;margin-bottom:0.2em;height:auto;}
.news_searchst .TArea02{width:100%;float:left;height:auto;}		
}

@media only screen and (min-width: 510px) and (max-width: 767px) {
.news_searchst .TArea01{width:30%;float:left;height:auto; }
.news_searchst .TArea02{width:calc(100% - 30%);float:left;height:auto;}
	
}