@charset "utf-8";
/*中央研究院永續科學中心 CSS Document */

.ie6 img{max-width:100%;width:100%}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}
* { margin:0; padding:0;}
a{color:#3f3934;}
a:hover{color:#000000;}

.mlogost{width:100%;min-width:1200px;height:0px;position:relative;z-index:1;text-align:center;}
.mlogost .mlogo{color:#ffffff;font:18pt "微軟正黑體";text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);font-weight:700;width:315px;height:120px;position:absolute;top:2.8em;left:calc((100% - 315px)/2);z-index:1;}

.eng_c{font:12pt Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";color:#949494;display: block;text-align: center;}
.eng{font:12pt Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";color:#949494;display: block;}
@media only screen and (max-width: 767px) {
.eng_c{font:8pt Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";color:#949494;display: block;text-align: left;}	
.eng{font:8pt Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";color:#949494;display: block;}	
}





#mob{display: none;}
#tab{display: block;}
@media screen and (max-width: 990px){
#tab{display: none;}	
#mob{display:block;}
}

/*news
.news{padding:2em 1em;}
.news .title{font:20.25pt "微軟正黑體";font-weight:900;color:#000;padding:4rem 0;}
.news .title p{font:13.5pt "微軟正黑體";color:rgba(0,0,0,0.38);font-weight: 700;}
.news .item-content{color:#0e0e0e;padding:2em 0;}
.news .news_category {margin:1em 0 0 0;}
.news .news_category span{display:inline-block;padding:0.2em;background:#0d7789;color:#ffffff;font:11pt "微軟正黑體";font-weight:700;}
.news .news_title{font:14pt "微軟正黑體";font-weight:700;color:#000000;height:50px;margin:0.5em 0 1em 0;}

.news .news_date{font:12pt Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";font-weight:700;color:#72717c;}
*/
/*index_new*/


#Inews_block {width:100%;height:auto;padding:0;margin:0; zoom:1;}
#Inews_block:after {content:''; clear:both; display:block;}

#Inews_block #Ibews{width:100%;height:auto !important;text-align:center;margin:4rem 0 4rem 0}
#Inews_block #Ibews .Ititle{font:22.5pt "微軟正黑體";font-weight:900;color:#000;padding:0;}
#Inews_block #Ibews .Ititle_sub{font:15pt "微軟正黑體";color:rgba(0,0,0,0.38);font-weight: 700;}

#Inews_block #Ibews .new_block{width:calc(100%-1em);margin:2% 1em 5% 1em;text-align:left;}


#Inews_block #Ibews .new_block .list{width:100%;float:left;margin:1em 0;padding:0;}
#Inews_block #Ibews .new_block .list{/*margin-top:4em;*/}
#Inews_block #Ibews .new_block .list li{width:100%;float:left;font:10.25pt "微軟正黑體";font-weight:700;}
#Inews_block #Ibews .new_block li a{color:#000000;text-decoration: none;}
#Inews_block #Ibews .new_block li a:hover{color:#ff6600;}

#Inews_block #Ibews .new_block .list .txt01{width:15%;}
#Inews_block #Ibews .new_block .list .txt02{width:10%;color:#707070;}
#Inews_block #Ibews .new_block .list .txt03{width:75%;font:14pt "微軟正黑體";font-weight:700; }
#Inews_block #Ibews .new_block .list .line{width:100%;height:5px;line-height:5px;margin-bottom:0.5em;background-image: linear-gradient(to right, #c6c6c6 10%, rgba(255, 255, 255, 0) 100%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:5px;}

@media screen and (max-width: 768px){
#Inews_block #Ibews .new_block .list{margin:1em 0;}	
#Inews_block #Ibews .new_block .list .txt01{width:70%;}
#Inews_block #Ibews .new_block .list .txt02{width:30%;color:#707070;text-align: right;}
#Inews_block #Ibews .new_block .list .txt03{width:100%;margin:1em 0;font:14pt "微軟正黑體";font-weight:700; }
	
	
}
/*Introduction*/
.Introduction{background:#ffffff;}
.Introduction .Introduction_full{background:#efefef url(../images/index/about_bg.jpg) no-repeat center 0;}

.Introduction .Introduction_full .Introduction_block{display: flex;flex-wrap: wrap;justify-content:flex-start;align-content:  space-between;align-items:stretch;  height: auto;}
.Introduction .Introduction_full .Introduction_block .Introduction_left{width:50%;background:#ff6600;}
/*.Introduction .Introduction_full .Introduction_block .Introduction_left div{display: flex;justify-content: flex-start;}*/
.Introduction .Introduction_full .Introduction_block .Introduction_right{width:50%;}

/*.Introduction .Introduction_full .Introduction_title{font:17pt Arial;font-weight: 700; color:#0d7789;margin-top:0.5em;}*/
.Introduction .Introduction_full .Introduction_title{font:22.5pt "微軟正黑體";font-weight:900;color:#000;padding:0;margin-top: 0em;}
.Introduction .Introduction_full .Introduction_title_sub{font:15pt "微軟正黑體";color:rgba(0,0,0,0.38);font-weight: 700;}


@media only screen and (max-width: 1100px) {
.Introduction .Introduction_full .Introduction_block .Introduction_left{width:100%;}
/*.Introduction .Introduction_full .Introduction_block .Introduction_left div{display: flex;justify-content: center;}*/
.Introduction .Introduction_full .Introduction_block .Introduction_right{width:100%;}
.Introduction .Introduction_full .Introduction_title{font:22.5pt "微軟正黑體";font-weight:900;color:#000;padding:0;text-align: center;margin-top: 1em;}
.Introduction .Introduction_full .Introduction_title_sub{font:15pt "微軟正黑體";color:rgba(0,0,0,0.38);font-weight: 700;text-align: center;}	
}

.Introduction .Introduction_full  p{font:12pt "Arial";font-weight:500;color:#666666;margin-top:3.7em;line-height:150%;width:94%;text-align: justify}
/*research*/
.research{padding:2em 1em;margin-top: 2em;}
/*.research .title{font:20.25pt "微軟正黑體";font-weight:900;color:#000;padding:4rem 0;}*/


.research .research_title{font:22.5pt "微軟正黑體";font-weight:900;color:#000;padding:0;margin-bottom: 1em;}
.research .research_title .research_title_sub{font:15pt "微軟正黑體";color:rgba(0,0,0,0.38);font-weight: 700;}



.research .research_content{font:13pt "微軟正黑體";font-weight:900;color:#0e0e0e;line-height:150%;text-align:left;}
.research .eng{font:12pt "Arial";font-weight:500;color:#666666;text-align: justify;line-height:150%;}

.research .item-content{padding:0 0 1em 0;}
.research .item-content img{max-width:100%;width:100%}
.research .item-content div{font:13pt "微軟正黑體";font-weight:900;color:#0e0e0e;padding:1rem 0 0 0;}
.research .item-content p{font:12pt "微軟正黑體";font-weight:700;color:#666666;}

#Mcontainer{width:100%;height:100% !important;margin:0 auto;padding:1em 0 4em 0;background:transparent;}

/*main_location_info*/
#Mcontainer .location_info {float:left; width:100%; height:auto; padding:0.5em 0;  clear:both;}
#Mcontainer .location_info .location {line-height:40px;text-align:left;}
#Mcontainer .location_info .location span {display:inline-block; padding-right:10px; vertical-align:middle; font:10pt "微軟正黑體";font-weight:bold; color:#7e7e7e; background:url(../images/arr_location.jpg) no-repeat right 7px;}
#Mcontainer .location_info .location span a{color:#7e7e7e;}
#Mcontainer .location_info .location span a:hover{color:#000000;}
#Mcontainer .location_info .location span.last {background:none;}
#Mcontainer .location_info .location strong {display:inline-block;padding-left:5px; vertical-align:middle; font:10pt "微軟正黑體";font-weight:bold; height:27px;line-height:27px; color:#000000;}
#Mcontainer .location_info .location strong a {color:#7e7e7e;}
#Mcontainer .location_info .location span.searchWord {background:none; color:#7e7e7e;}


#cate_title{margin: 3em 0 2em 0; text-align:center;background-image: linear-gradient(to right, #9b9b9b, #9b9b9b);background-position: center;background-size: 5px 1px;background-repeat: repeat-x;}
#cate_title span{background:#000;color:#fff;border-radius:50px;font:18pt "微軟正黑體";font-weight:700;padding:0.2em 1em;}

@media only screen and (max-width: 479px) {
#cate_title{margin: 3em 0 2em 0; text-align:center;background-image: linear-gradient(to right, #9b9b9b, #9b9b9b);background-position: center;background-size: 5px 1px;background-repeat: repeat-x;}
#cate_title span{background:#000;color:#fff;border-radius:50px;font:16pt "微軟正黑體";font-weight:700;padding:0.2em 1em;}
	
	
	
}

/*full page*/
.new_content{width:100%;min-height:100px;font:12pt "微軟正黑體";color:rgba(0,0,0,0.7);font-weight:500;line-height:25px;letter-spacing:1;}

.new_content ul {list-style:disc;padding:0 0 0 2em;}
.new_content ol {list-style:decimal;padding:0 0 0 2em;}


/*list*/
.list_block{width:100%;}
.list_block .title{width:100%;height:35px;line-height:35px;margin:15px 0;padding:5px 0;border-bottom:2px #373737 solid;}
.list_block .list{width:100%;}
.list_block li{float:left;font:12pt "微軟正黑體";color:#4d4d4d;margin:0;}
.list_block .txt01{width:5%;font-family:Arial;}
.list_block .txt01 span{display:inline-block;padding:0.1em 0.2em;background:#2F2F2F;color:#ffffff;}
.list_block .txt02{width:95%;}
.list_block .txt02 span{font:10pt "微軟正黑體";font-weight:700;}
.list_block .txt02 a{color:#000000;font-weight:700;}
.list_block .txt02 a:hover{color:#454545;}
.list_block .txt02 p{font:9pt Arial;}
.list_block .txt02 .date{display:inline-block;padding:0.15em 1em;margin-left:0;background:#d6d6d6;color:#000000;font:9pt "微軟正黑體";font-weight:700;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.list_block .txt02 .person{font:100%;color:#D86400;}
.list_block .txt02 .unit{font:100%;color:#028f9e;}
.list_block .line{width:100%;height:5px;line-height:5px;margin-bottom:0.5em;background-image: linear-gradient(to right, #c6c6c6 10%, rgba(255, 255, 255, 0) 100%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:5px;}

@media screen and (max-width: 768px){
.list_block .txt01{width:8%;}	
.list_block .txt02{width:calc(100% - 8%);}	
	
}

/*list*/
.news_list_block{width:100%;}
.news_list_block .title{width:100%;height:35px;line-height:35px;margin:15px 0;padding:5px 0;border-bottom:2px #373737 solid;}
.news_list_block .list{width:100%;}
.news_list_block li{float:left;font:12pt "微軟正黑體";color:#7B7B7B;margin:0;}
.news_list_block .txt02{width:100%;}
.news_list_block .txt02 a{color:#000000;font-weight:700;}
.news_list_block .txt02 a:hover{color:#454545;}
.news_list_block .txt02 p{font:9pt Arial;margin:0 0 0.5em 0;}
.news_list_block .txt02 p span{font:9pt"微軟正黑體";background:#016600;color:#ffffff;display:inline-block;padding:0.3em 0.7em 0 0.7em;margin:0 0.5em 0 0;border-radius:10px;}

.news_list_block .txt01{width:100%;}
.news_list_block .txt01 a{color:#000000;font-weight:700;}
.news_list_block .txt01 a:hover{color:#454545;}
.news_list_block .txt01 p{font:9pt Arial;margin:0 0 0.5em 0;}
.news_list_block .txt01 p span{font:9pt"微軟正黑體";background:#006787;color:#ffffff;display:inline-block;padding:0.3em 0.7em 0 0.7em;margin:0 0.5em 0 0;border-radius:10px;}

.news_list_block .line{width:100%;height:5px;line-height:5px;margin-bottom:0.5em;background-image: linear-gradient(to right, #c6c6c6 10%, rgba(255, 255, 255, 0) 100%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:5px;}


/*news_content*/
#list_title_block{width:100%;overflow:hidden;}
#list_title_block .link_block{width:100%;float:left;}
#list_title_block .link_block .Poster{font:9pt "微軟正黑體";font-weight:700;color:#9c9c9c;}
#list_title_block .link_block .year{display:inline-block;padding:0.15em 1em;margin-left:0;background:#000000;color:#ffffff;font:9pt "微軟正黑體";font-weight:700;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
#list_title_block .link_block .date{display:inline-block;padding:0.15em 1em;margin-left:0;background:#d6d6d6;color:#000000;font:9pt "微軟正黑體";font-weight:700;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}

#list_title_block .news_title_block_title{width:100%;font:17pt "微軟正黑體";font-weight:700;line-height:30px;margin-bottom:1em;color:#000;}
#list_title_block .news_title_block_date{width:100%;font:12pt Arial;font-weight:700;color:#a0a0a0;}

#list_title_block .news_title_block_number{font:100%;font:12pt "微軟正黑體";font-weight: 700;color:#b9115c;}
#list_title_block .news_title_block_unit{font:100%;font:12pt "微軟正黑體";font-weight: 700;color:#028f9e;}
#list_title_block .news_title_block_person{font:100%;font:12pt "微軟正黑體";font-weight: 700;color:#D86400;}
#list_title_block .news_title_block_files{width:100%;}
#list_title_block .news_title_block_files li{float:left;padding:5px 15px 5px 0;}
#list_title_block .news_title_block_files li p{font:9.75pt "微軟正黑體";font-weight:700;text-align: center;}
#list_title_block .line{float:left;width:100%;height:5px;line-height:5px;margin-bottom:2em;background-image: linear-gradient(to right, #c6c6c6 10%, rgba(255, 0, 0, 0) 100%);background-position: bottom;background-size: 1px 1px;background-repeat: repeat-x;padding-bottom:5px;}

#list_content_block{width:100%;min-height:100px;font:12pt "微軟正黑體";color:rgba(0,0,0,0.7);font-weight:500;line-height:30px;letter-spacing:1;}


/*download*/
.download_block{width:100%;line-height:35px;}
.download_block:after {content:''; clear:both; display:block;}
.download_block .list ol{width:100%;}
.download_block .list{width:100%;color:#424242;font:12pt "微軟正黑體";padding:1em 0;}
.download_block  li{float:left;padding:0;margin:0;background:url(../nimages/line01.gif) repeat-x 0 8px;}
.download_block .list .txt01{width:15%;float:left;text-align:center;background:#ffffff;}
.download_block .list .txt02{width:75%;float:left;font-weight: 700;}
.download_block .list .txt03{width:calc(10% - 0.5em);float:left;}
.download_block .list .txt03 img{margin-left:0.5em;}
.download_block .list .line{float:left;width:100%;height:5px;line-height:5px;margin-bottom:0.5em;background-image: linear-gradient(to right, #ececec 100%, rgba(255, 255, 255, 0) 100%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:5px;}
@media screen and (max-width: 610px){
.download_block .list .txt01{width:100%;float:left;text-align:left;}
.download_block .list .txt02{width:90%;float:left;font-weight: 700;text-align:left;}
.download_block .list .txt03{width:calc(10% - 0.5em);float:left;}	
.download_block .list .txt03 img{margin-left:0.5em;}
}

@media only screen and (max-width: 479px) {
.navbar-brand img{width:calc(420px*0.5)}
}
@media only screen and (min-width: 480px) and (max-width: 575px) {
.navbar-brand img{width:calc(420px*0.65)}
}
@media (min-width:576px) {
.navbar-brand img{width:calc(420px*0.85)}
}
@media (min-width:768px) {
	
.navbar-brand img{width:calc(420px*0.5)}
}
@media (min-width:992px) {
.navbar-brand img{width:calc(420px*0.95)}
}
@media (min-width:1200px) {
.navbar-brand img{width:100%}
}
/*footer*/
.footer{padding:2em 0;background:#212121 url(../images/footer_bg.jpg) center top no-repeat;min-height:480px}

.footer-right{width: 94%;padding:0;margin: 0 auto;}
.footer-right p{font:10.5pt Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";color:rgba(255,255,255,0.3)}
.footer-right li a{font:10pt "微軟正黑體";color:rgba(255,255,255,0.5);text-decoration: none;}
.footer-right li a:hover{font:10pt "微軟正黑體";color:rgba(255,255,255,1);}

.footer-right:after {content:''; display:block; clear:both;}
.footer-right .menuList{width:100%;margin:0 auto;}
.footer-right .menuList li{float:left;list-style:none;}
.footer-right .menuList a{color:#757575;}
.footer-right .menuList a:hover{color:#ffffff;}
.footer-right .menuList .column1 .title,.footer-right .menuList .column2 .title,.footer-right .menuList .column3 .title,.footer-right .menuList .column4 .title,.footer-right .menuList .column5 .title,.footer-right .menuList .column6 .title,.footer-right .menuList .column7 .title,.footer-right .menuList .column8 .title{width:100%;font:12pt "微軟正黑體";font-weight:700;color:#ffffff;text-align:left;display:inline-block; #display:inline; margin-bottom:10px;zoom:1}
.footer-right .menuList .column1{width:calc(12% - 0.5em);margin-left:0.5em;bottom:2em;text-align:center;}
.footer-right .menuList .column1 > ul >li{width:100%;font:10pt  "微軟正黑體";text-align:left;clear:both;}
.footer-right .menuList .column2{width:calc(12% - 0.5em);margin-left:0.5em;bottom:2em;text-align:center;}
.footer-right .menuList .column2 > ul >li{width:100%;font:10pt  "微軟正黑體";text-align:left;clear:both;}
.footer-right .menuList .column3{width:calc(26% - 0.5em);margin-left:0.5em;bottom:2em;text-align:center;}
.footer-right .menuList .column3 > ul >li{width:100%;font:10pt  "微軟正黑體";text-align:left;clear:both;}
.footer-right .menuList .column4{width:calc(14% - 0.5em);margin-left:0.5em;bottom:2em;text-align:center;}
.footer-right .menuList .column4 > ul >li{width:100%;font:10pt  "微軟正黑體";text-align:left;clear:both;}
.footer-right .menuList .column5{width:calc(12% - 0.5em);margin-left:0.5em;bottom:2em;text-align:center;}
.footer-right .menuList .column5 > ul >li{width:100%;font:10pt  "微軟正黑體";text-align:left;clear:both;}
.footer-right .menuList .column6{width:calc(12% - 0.5em);margin-left:0.5em;bottom:2em;text-align:center;}
.footer-right .menuList .column6 > ul >li{width:100%;font:10pt  "微軟正黑體";text-align:left;clear:both;}
.footer-right .menuList .column7{width:calc(12% - 0.5em);margin-left:0.5em;bottom:2em;text-align:center;}
.footer-right .menuList .column7 > ul >li{width:100%;font:10pt  "微軟正黑體";text-align:left;clear:both;}
.footer-right .menuList .column8{width:calc(35.3% - 1em);margin-left:1em;bottom:2em;text-align:right;}
.footer-right .menuList .column8 > ul >li{width:100%;font:10pt  "微軟正黑體";text-align:right;clear:both;}
.footer-right .menuList .column8 a{margin:0 0.4em;}
.footer-right .menuList .column8 a:hover{opacity: 0.5;filter: alpha(opacity=0.5); }

@media(max-width:480px) {
.footer_inner_info_w3ls_agileits{width:90%;margin:0 auto}
.footer-left p{color:#fff;line-height:2em;font:9.75pt "微軟正黑體";}
.footer-right .menuList .column1,.footer-right .menuList .column2,.footer-right .menuList .column3,.footer-right .menuList .column4,.footer-right .menuList .column5,.footer-right .menuList .column6,.footer-right .menuList .column7,.footer-right .menuList .column8{width:100%;padding-top:20px;text-align:center;}	
}
@media(max-width:991px) {
.footer_inner_info_w3ls_agileits{width:98%;margin:0 auto}
.footer-right{padding:0}
.footer-right .menuList .column1,.footer-right .menuList .column2,.footer-right .menuList .column3,.footer-right .menuList .column4,.footer-right .menuList .column5,.footer-right .menuList .column6,.footer-right .menuList .column7,.footer-right .menuList .column8{width:100%;padding-top:20px;text-align:center;}		
}
@media screen and (max-width: 768px){
.footer-right{margin-left:1.7em;} 	
.footer-right ul{width:100%;}
.footer-right .menuList .column1,.footer-right .menuList .column2,.footer-right .menuList .column3,.footer-right .menuList .column4,.footer-right .menuList .column5,.footer-right .menuList .column6,.footer-right .menuList .column7,,.footer-right .menuList .column8{width:100%;padding-top:20px;text-align:center;}		
}
.copy-right{color:#fff;text-align:center;padding:0.5em 0;font:11.25pt "微軟正黑體";background:#1f828a}

.footer-left{margin:0.2em 0 2em 0;background: rgba(255,255,255,0.3);padding:0.5em;border-radius: 5px;}
.footer-left:after {content:''; display:block; clear:both;}

.footer-left .address{font:12pt "微軟正黑體";color:#ffffff;margin-top:0.5em;/*margin-left:4.3vw;*/}
.footer-left .bottomBU{width:100%;display: flex;justify-content: center;align-items: center; }
.footer-left .bottomBU div a{background: #FB9C00;color:#000;font-weight: 700; display: inline-block;padding:0.5em 1em;margin:0.5em;border-radius: 5px;text-decoration: none;}
.footer-left .bottomBU div a:hover{background:#934400;color:#fff;display: inline-block;padding:0.5em 1em;margin:0.5em;border-radius: 5px;}

@media only screen and (max-width: 479px) {
	
.footer-left .address{font:9.75pt "微軟正黑體";color:#ffffff;margin-top:0.5em;/*margin-left:4.3vw;*/}	
}


@media screen and (max-width: 959px) {
.footer-left .address{width:100%;margin:0 auto;color:#ffffff;text-align: center;}
/*.footer-left .address{width:100%;display: flex;justify-content: center;align-items: center; }*/	
.footer-left .bottomBU{width:100%;display: flex;justify-content: center;align-items: center; }
}
/*@media screen and (min-width: 480px) and (max-width: 767px) {

.footer-left .address{width:calc(100% - 7vw);margin-left:7vw;display: flex;justify-content:flex-start;align-items:flex-start; } 	
.footer-left .bottomBU{width:calc(100% - 7vw);margin-left:7vw;display: flex;justify-content:flex-start;align-items:flex-start; } 	
}
*/
/* Carousel Header Styles */
.carousel-inner img {width: 100%;}
.carousel-control {width: 0;}
.carousel-control.left,
.carousel-control.right {opacity: 1;filter: alpha(opacity=100);background-image: none;background-repeat: no-repeat;text-shadow: none;}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {position: absolute;top: 45%;z-index: 5;display: inline-block;}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {left: 30px;}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {right: 30px;}
.carousel-control.left span:hover,
.carousel-control.right span:hover {opacity: .7;filter: alpha(opacity=70);}

.carousel-indicators .active {background-color: #fffffff;}
.carousel-indicators {bottom: 55px;}

.carousel-inner > .item {margin-left:0;margin-top:0;margin-bottom:0;padding-left: 0;width: 100%;height: auto;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {display: block;max-width: 100%;height: auto;margin-left:0;padding-left: 0;}

/* Header Text Styles */
@import url('http://fonts.googleapis.com/css?family=Noto+Serif+TC:700');

/* noto-sans-tc-regular - chinese-traditional */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans TC Regular'), local('NotoSansTC-Regular'),
       url('../fonts/noto-sans-tc-v4-chinese-traditional-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-tc-v4-chinese-traditional-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* noto-sans-tc-700 - chinese-traditional */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans TC Bold'), local('NotoSansTC-Bold'),
       url('../fonts/noto-sans-tc-v4-chinese-traditional-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-tc-v4-chinese-traditional-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



.header-text {color: #fff;text-shadow: 2px 2px #111;position: absolute;top: 25%;left: 1.8%;right: auto;width: 96.66666666666666%;}

.header-text span{font-family: 'Noto Serif TC', serif;color: #e6be99;line-height: 1.2;font-size: 46px;margin-bottom: 14px;display: block;}
.header-text h1{margin-top: 0;margin-bottom: 0;color: #fff;font: 50px 'Noto Serif TC', serif;font-weight:900; text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);}

.header-text p{color: #fff;font:38pt 'Noto Serif TC', serif;line-height:37px;}
.header-text .btn-primary{background-color: #BD9362;border:none;padding: 15px 33px;border-radius: 3px;font-weight: 900;font-size: 17px;color: #fff;text-shadow: none;text-transform: uppercase;}

@media  (max-width: 767px) { 
    .header-text {top: 15%;}
	.header-text h1{margin-top: 0;margin-bottom: 0;font-size: 34px;}
	.header-text span{font-size: 25px;margin-bottom: 11px;}
	.header-text p{ margin-bottom: 20px;font-size: 14px;}
	.header-text a.btn-primary{padding: 13px 28px;font-size: 15px;}
	
	.carousel-indicators {display: none;}
}
@media (max-width: 467px) { 
    .header-text {top: 10%;}
	.header-text h1{font-size: 20px;}
	.header-text span{font-size: 18px;margin-bottom: 8px;}
	.header-text p{ margin-bottom: 5px;font-size: 11px;}
	.header-text a.btn-primary{padding: 10px 22px;font-size: 11px;}
}

/*more_list*/
.more_list_title01{width:100%;font:13pt "微軟正黑體";font-weight:700;margin:0 0 10px 0;padding-bottom:2px;border-bottom:2px solid #535353;color:#414141;}

.more_list_block{width:100%;font:15pt "微軟正黑體";font-weight:700;margin:0;padding-bottom:5px;padding-top:5px;border-bottom:2px solid #535353;margin-bottom:0.5em;}
.more_list_block:after {content:''; clear:both; display:block;}
.more_list_block .list{width:100%;/*height:35px;line-height:35px;padding-botom:5px;border-bottom:1px #E0E0E0 dotted;*/}
.more_list_block li{float:left;font:11pt "微軟正黑體";color:#7B7B7B;margin:0;}
.more_list_block .txt01{width:3%;font-family:Arial;}
.more_list_block .txt02{width:calc(100% - 3%);}
.more_list_block a{color:#4D4D4D;}
.more_list_block a:hover{color:#000000;}
.more_list_block .line{float:left;width:100%;height:5px;line-height:5px;margin-bottom:0.5em;background-image: linear-gradient(to right, #ececec 100%, rgba(255, 255, 255, 0) 100%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:5px;}
@media screen and (max-width: 610px){
.more_list_block .txt01{width:6%;font-family:Arial;}
.more_list_block .txt02{width:calc(100% - 6%);}	
}


/*photo*/
/*Med_photo_list*/
.Atitle_block{padding:0.5em;background:rgba(0,0,0,0.05)}
.Atitle_block .date{font:9pt  "微軟正黑體";color:#ff6600; }
.Atitle_block .title{font:17pt "微軟正黑體";font-weight:bold;color:#222222;}
.Atitle_block .ANotes{color:#747474;font:10pt "微軟正黑體";font-weight:700;padding:0.05em 0;}
.Mphotost{width:94%;margin:0 auto;height:90% !important;padding:5% 3%;overflow:hidden;background:#EFEFEF;}
.Mphotost .list{float:left;width:200px;background:#EFEFEF;height:auto !important;margin-bottom:30px;cursor:pointer;margin-right:0.3125em;}
.Mphotost .list:hover{filter:alpha (opacity=50); opacity: 0.5;}

/*contact*/
.contact_block{width:calc(100% - 1em);padding:0.5em;margin:0;background:#f0f0f0;}
.contact_block .contact{width:100%;overflow:hidden;}
.contact_block .contact ol{width:100%;float:left;padding:0;margin:0.2em 0;}
.contact_block .contact .txt01{width:15%;padding-right:1%;float:left;font:12pt "微軟正黑體";font-weight:700;line-height:40px;text-align:right;background:#f1f1f1;}
.contact_block .contact .txt02{width:83%;padding-left:1%;float:left;font:12pt "微軟正黑體";font-weight:700;line-height:40px;color:#616161;}
.contact_block .contact .input{border:1px #c9caca solid;background:#ffffff;padding:0.5em;width:calc((100% - 5em) - 2px);}
.contact_block .contact .textarea{width:calc((100% - 5em) - 2px);height:70px;max-height:70px; border:1px #bbbbbb solid;padding:0.5em;margin:0.5em 0;}
@media screen and (max-width: 610px){
.contact_block .contact .txt01{width:100%;float: left;text-align: left;font:15pt "微軟正黑體";font-weight:700;}
.contact_block .contact .txt02{width:100%;}
.contact_block .contact .input{width:calc((100% - 2em) - 2px);}	
}

.image-block img {
    background: #fff;
    margin: 10px;
}


/*photo*/


.photost{width:100%;margin:0 auto;height:100% !important;overflow:hidden;}
.photost .list{float:left;width:calc(100%/4 - 2%);height:auto !important;margin:1%;cursor:pointer;}
.photost .list .photo{width:calc(100% - 2px);height:auto !important;z-index:1;position:relative;border:1px #D0D0D0 solid;}
.photost .list .photo:hover{border:1px #D0D0D0 solid;filter:alpha (opacity=50); opacity: 0.5;}
.photost .list .photo .note{width:calc(100% - 20px);margin:10px;}
.photost .list .photo .note .snote{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;line-height:30px;}
.photost .list .photo .note .date{width:100%;height:25px;color:#8c919b;font:12pt "微軟正黑體";font-weight:700;}
.photost .list .photo .note .title{width:100%;height:50px;color:#1E1E1E;font:12pt "微軟正黑體";font-weight:700;/*margin-bottom:5em;*/}
.photost .list .photo .note .title a{color:#1E1E1E;font:12pt "微軟正黑體";font-weight:700;}
.photost .list .photo .note .title a:hover{color:#1E1E1E;font:12pt "微軟正黑體";font-weight:700;}
.photost .list .photo .note .phnumber{width:100%;color:#FF9E00;font:10.5pt "微軟正黑體";font-weight:700;}
.photost .list .photo .note .phnumber .txt01{display:inline-block;color:#b44d01;width:45%;}
.photost .list .photo .note .phnumber .txt02{display:inline-block;color:#949494;width:50%;text-align:right;}

.photost .list .photo .note .phnumber{width:100%;color:#000000;font:10.5pt "微軟正黑體";font-weight:700;}

.photost .list .photo .note .phnumber .share{display:inline-block;color:#949494;width:50%;text-align:left;}
.photost .list .photo .note .phnumber .quantity{display:inline-block;color:#949494;width:50%;padding-top:1em;text-align:right;}

.photost .list .photo .note .phnumber .quantity .txt01{display:inline-block;color:#000000;font:11px "新細明體";left:0px;top:0.6em;position:absolute;/*padding-right:13px;padding-bottom:4.5pt;*/}
.photost .list .photo .note .phnumber .quantity .txt01_bg{display:inline-block;width:38px;height:40px;position:relative;top:0.7em;background:url(../nimages/photo_quantity1_bg.png) no-repeat left top;/*background:#ffd200;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;*/}
@media only screen and (max-width: 479px) {
/*photo*/
.photost .list{float:left;width:calc(100%/1 - 10%);height:auto !important;margin:5%;cursor:pointer;}	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/*photo*/
.photost .list{float:left;width:calc(100%/2 - 10%);height:auto !important;margin:5%;cursor:pointer;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	/*photo*/
	.photost .list{float:left;width:calc(100%/4 - 4%);height:auto !important;margin:2%;cursor:pointer;}}


/*link*/
#link_block{width:100%;padding:0;margin:0;}
/*#link_block .list{width:200px;margin-right:calc((100% - 200px*5)/5);float:left;*/}

#link_block .pic{width:100%;}
#link_block .pic img{max-width:100%;width:100%}
#link_block .note{width:100%;color:#000000;font:12pt "微軟正黑體";font-weight:700;margin:0.5em 0; }