@charset "utf-8";
@import url(bootstrap.min.css);
@import url(../assets/css/ie10-viewport-bug-workaround.css);
@import url(navbar-static-top.css);
@import url(magnific-popup.css);
@import url(font-awesome/css/font-awesome.min.css);
body{font-family:Arial;background-color:#fff;min-width:320px;margin:0;font-size:12pt;}
body.large_size>div.container{font-size:120%;}
body.middle_size>div.container{font-size:100%;}
body.small_size>div.container{font-size:80%;}
a{text-decoration:none;}
p{text-align:justify;font-size:100%;margin:0 0 20px 0;}
h1{font-weight:bold;color:#009944;clear:both;padding-top:20px;padding-bottom:10px;margin:0;font-size:230%;}
h2{font-weight:bold;color:#006536;clear:both;padding-top:20px;padding-bottom:25px;margin:0;font-size:150%;}
h3{font-weight:bold;color:#00883D;clear:both;padding-top:10px;padding-bottom:10px;margin:0;font-size:120%;}
h4{font-weight:bold;clear:both;padding:10px 0;margin:0;font-size:100%;}
h5{font-weight:bold;font-style:italic;text-decoration:underline;clear:both;padding:10px 0;margin:0;font-size:100%;}
/*h5{font-weight:bold;color:#009944;clear:both;padding-top:20px;padding-bottom:10px;margin:0;font-size:120%;}*/
.display-none{display:none;}
table{width:100%;}
table tr td{vertical-align:top;}
.float-left{float:left;}
.clear{clear:both;}
.padding-10{padding:10px;}
.margin-left-20{margin-left:20px;}
.inline-block{display:inline-block;}
.skiplink{position:absolute;top:-100px;}
.align-center{text-align:center !important;}
small{font-style:italic;display:block;margin:10px 0;}
header{font-size:200%;font-weight:bold;color:#258f31;}

/*Header*/
.frame{position:relative;max-width:1170px;margin:0 auto;padding:20px;}
.frame>div{padding:3px 0;float:right;font-size:10pt;}
.frame #slogan{z-index:1;display:inline-block;right:0;top:0;}
.frame #slogan a{display:block;}
.frame #slogan img{width:250px;}
.frame #tagline{display:none;}
.frame .top-right{display:none;}

/*Menu*/
.navbar{margin-bottom:0;display:grid;font-size:75%;background-color:#22882f;z-index:0;}
.navbar #navbar .top-right{display:block;text-align:center;padding:20px 0;}
.navbar #navbar .top-right>a{border-left:1px solid #fff;padding:0 5px;color:#fff;}
.navbar #navbar .top-right>div{display:inline;}
.navbar #navbar .top-right>div>a{padding:0 2px;font-size:12pt;color:#fff;}
.navbar #navbar .top-right>div>a:first-child{font-size:9pt;}
.navbar #navbar .top-right>div>a:last-child{font-size:15pt;}
.navbar #navbar .top-right>a:first-child{border-left:0px;}
.navbar .dropdown-toggle{cursor:pointer;}
.navbar .dropdown-menu{padding:0;}
.navbar .dropdown-menu>li>a{color:#fff;}
.navbar .container #navbar .nav>li>a{padding:10px 5px;}
.navbar .container .navbar-collapse{padding:0;}
.navbar .container .navbar-header .bar1,nav .container .navbar-header .bar2,nav .container .navbar-header .bar3 {width:36px;height:5px;background-color:#fff;margin:6px 0;transition:0.4s;display:block;}
.navbar .container .navbar-header .change .bar1 {-webkit-transform:rotate(-45deg) translate(-9px, 6px);transform:rotate(-45deg) translate(-9px, 6px);}
.navbar .container .navbar-header .change .bar2 {opacity:0;}
.navbar .container .navbar-header .change .bar3 {-webkit-transform:rotate(45deg) translate(-8px, -8px);transform:rotate(45deg) translate(-8px, -8px);}
.navbar .navbar-nav{margin:0;}
.navbar .navbar-nav>li>a{color:#fff;}
.navbar .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#fff;}
.navbar .navbar-nav .open .dropdown-menu{background-color:#00863c;font-size:100%;padding:0;}
.navbar .navbar-nav .open .dropdown-menu>li{border-bottom:1px solid #fff;}
.navbar .navbar-nav .open .dropdown-menu>li:hover{background-color:#00863c;}
.navbar .navbar-nav .open .dropdown-menu>li:last-child{border-bottom:0px;}
.navbar .navbar-nav .open .dropdown-menu>li>a{color:#fff;padding:5px 15px;}
.navbar .navbar-nav .open .dropdown-menu>li>a:hover{color:#b4d898;background-color:transparent;}
.navbar .navbar-nav .open .dropdown-menu>li>a:focus{background-color:#298753;}
.navbar .navbar-toggle:hover{border-color:transparent;}
.dropdown a:focus,.dropdown-menu a:hover{color:#b4d898;}
.navbar-toggle{border:0;}
.navbar-nav{margin:28px 10px;}

/*Banner*/
.banner{position:relative;max-width:1170px;margin:0 auto;}
.banner h1{margin:20px;padding:0;}

/*Left menu*/
#menu{display:none;}
/*filter:drop-shadow(0 0 3px #000);*/
/*Container*/
.sitemap h3{margin-top:20px;}
.sitemap ul{list-style:none;margin-left:-1.5em;}
.sitemap ul li{display:inline-block;vertical-align:top;}
.sitemap a{display:block;color:#666;}
.container{margin:inherit;}
.container #sub-nav{text-align:right;padding:10px 0;right:10px;font-size:75%;}
.container #sub-nav a{color:#000;}
.index-banner span{font-size:20px;color:#000;position:relative;font-weight:bold;top:10px;left:10px;padding:5px 15px 150px 0px;line-height:1.2em;display:block;}
.container div.col-md-10,.single-c{padding-bottom:80px;}
.container div.photo div{font-size:85%;margin:5px;}
.container div.photo div ul{list-style:none;margin-left:-1.5em;}
.container div.photo div ul li::before{content:"●";color:#009944;display: inline-block;width:1em;margin-left:-1em;}
.container .float-right-photo{float:right;margin-left:20px;max-width:300px;clear:both;}
.container .float-right-photo div{font-size:90%;margin:0 5px;font-style:italic;}
.center-photo{text-align:center;margin:30px auto;clear:both;}
.center-photo div{font-size:90%;margin:10px 5px;text-align:left;font-style:italic;}
.center-two-photo{text-align:center;margin:30px auto;}
.center-two-photo a{padding:10px;display:inline-block;}
.center-two-photo div{font-style:italic;}
.center-caption-photo{text-align:center;margin:30px auto;width:500px;}
.center-caption-photo div{font-size:90%;margin:10px 5px;text-align:left;font-style:italic;}
.center-vertical-photo{text-align:center;margin:30px auto;width:300px;}
.center-vertical-photo div{font-size:90%;margin:10px 5px;text-align:left;font-style:italic;}
.note{margin-bottom:40px;font-size:80%;}
.note2{padding:10px 0 40px 10px;font-size:80%;font-style:italic;}
.note ul,.note2 ul{list-style:none;display:table;padding:0;margin:0;}
.note ul li,.note2 ul li{padding:5px 10px;display:table-cell;}
.note ul li:first-child,.note2 ul li:first-child{padding-left:0;display:table-cell;}

/*About this report*/92cddc
table.about_this_report_table{margin:0 auto;}
table.about_this_report_table tr th,table.about_this_report_table tr td{padding:5px 10px;border-right:1px solid #00803e;}
table.about_this_report_table tr th.th-bottomline{border-bottom:1px solid #fff;}
table.about_this_report_table tr th{background-color:#00803e;color:#fff;border-right:1px solid #fff;vertical-align:center;}
table.about_this_report_table tr th:last-child,table.about_this_report_table tr td:last-child{text-align:center;border-right:1px solid #00803e;}
table.about_this_report_table tr td.firstCol{background-color:#eaf2ea;color:#20803e;font-weight:bold;border-right:0px;}
table.about_this_report_table tr.insideRow{border-bottom:2px solid #00803e;}
table.about_this_report_table .lastRow{border-bottom:4px solid #00803e;}
table.about_this_report_table tr th.table-th-top{border-top:1px solid #fff;}

/*2_1*/
table.table_2_1,table.table_2_3{margin:25px 0;}
table.table_2_1 tr th,table.table_2_1 tr td,table.table_2_3 tr th,table.table_2_3 tr td{padding:5px 10px;border:1px solid #333;}
table.table_2_1 .bold_underline{font-weight:bold;text-decoration:underline;}

/*2_2*/
table.table_2_2{margin:25px 0;}
table.table_2_2 tr td{vertical-align:top;}

/*3_1*/
.caption{margin:5px 15px;font-size:90%;}
ul.gallery{margin:0;padding:0;}
ul.gallery li{display:inline-block;vertical-align:top;padding:10px;list-style:none;width:200px;}
ul.gallery li img{}
ul.gallery li div.caption{margin:5px 0 5px 0;padding-left:1.5em;}
ul.li-1 li div.caption::before{content:"●";color:#a52030;display:inline-block;width:1em;margin-left:-1em;}
ul.li-2 li div.caption::before{content:"●";color:#187627;display:inline-block;width:1em;margin-left:-1em;}
ul.li-3 li div.caption::before{content:"●";color:#2660ad;display:inline-block;width:1em;margin-left:-1em;}
ul.li-4 li div.caption::before{content:"●";color:#A66803;display:inline-block;width:1em;margin-left:-1em;}
div.gallery-title-1{font-weight:bold;color:#a52030;background-color:#eed4ce;padding:5px 10px;}
div.gallery-title-2{font-weight:bold;color:#187627;background-color:#E7F6DD;padding:5px 10px;}
div.gallery-title-3{font-weight:bold;color:#2660ad;background-color:#d3edfb;padding:5px 10px;}
div.gallery-title-4{font-weight:bold;color:#945D03;background-color:#FFEBC5;padding:5px 10px;}

/*4_1*/
table.table_4_1{margin:25px 0;}
table.table_4_1 tr th,table.table_4_1 tr td{padding:5px 10px;border:1px solid #333;text-align:center;}

/*5_1*/
.service-learning{width:100%;padding:25px;border-radius:25px;margin:10px;border:5px solid #fff;background-color:#eaf4e3;display:inline-block;}
.learning-red{background-color:#fdeee9;}
.learning-purple{background-color:#ece9f3;}

/*6_0*/
table.table_6_0{margin:0 0 25px 0;}
table.table_6_0 tr th,table.table_6_0 tr td{padding:5px 10px;border:1px solid #333;text-align:center;}
table.table_6_0 tr th:first-child{text-align:left;}

/*7_1*/
table.table7_1_1,table.table7_1_2{margin-top:50px;font-size:12px;}
table.table7_1_1 tr:first-child th:first-child{padding:20px;border:1px solid #a95900;}
table.table7_1_2 tr:first-child th:first-child{padding:20px;border:1px solid #2f7b31;}
table.table7_1_1 tr:first-child th,table.table7_1_2 tr:first-child th{padding:20px;border:1px solid #fff;}
table.table7_1_1 tr th,table.table7_1_1 tr td{padding:5px 10px;border:1px solid #a95900;}
table.table7_1_1 tr th{background-color:#a95900;color:#fff;text-align:center;}
table.table7_1_1 tr th.first_th{background-color:#fff8ee;color:#a95900;}
table.table7_1_1 tr th.achievements_14,table.table7_1_2 tr th.achievements_14{background-color:#9e212f;}
table.table7_1_1 tr th.targets_15,table.table7_1_2 tr th.targets_15{background-color:#007ab5;}
table.table7_1_1 tr td ul,table.table7_1_2 tr td ul{padding:0 0 0 15px;}
table.table7_1_2 tr th,table.table7_1_2 tr td{padding:5px 10px;border:1px solid #2f7b31;}
table.table7_1_2 tr th{background-color:#2f7b31;color:#fff;text-align:center;}
table.table7_1_2 tr th.first_th{background-color:#fff8ee;color:#2f7b31;}

/*Table*/
.annex-table tr th,.annex-table tr td{padding:5px;border-bottom:1px solid #00803e;text-align:center;}
.annex-table caption{font-weight:bold;color:#00883D;clear:both;padding-top:10px;padding-bottom:10px;margin:0;font-size:120%;}
.annex-table tr th:first-child,.annex-table tr td:first-child{text-align:left;}
.annex-table tr:last-child td{border-bottom:3px solid #00803e;}
.annex-table tr td.no-bottomline{border-bottom:0;}
.annex-table tr td.topline{border-top:1px solid #00803e;;}
.annex-table tr.th-green{color:#fff;background-color:#00803e;}
.annex-table tr td.align-center{text-align:center;}

.annex-orange-table tr th,.annex-orange-table tr td{padding:5px 10px;border-bottom:1px solid #733A00;text-align:center;width:25%;}
.annex-orange-table tr th:first-child,.annex-orange-table tr td:first-child{text-align:left;width:40%;}
.annex-orange-table tr th,.annex-orange-table tr td{width:20%;}
.three-column tr th:first-child,.three-column tr td:first-child{text-align:left;width:40%;}
.three-column tr th,.three-column tr td{width:30%;}
.annex-orange-table tr.th-orange{color:#fff;background-color:#733A00;}
.annex-orange-table tr.th-light-orange{color:#fff;background-color:#9f4f00;}
.annex-orange-table tr:last-child th{border-bottom:3px solid #733A00;}

.annex-blue-table caption{background-color:#065e94;color:#fff;font-weight:bold;padding:5px 10px;}
.annex-blue-table tr th,.annex-blue-table tr td{padding:5px 10px;border-bottom:1px solid #065e94;vertical-align:top;}
.annex-blue-table tr th{width:38%;}
.annex-blue-table tr th:first-child{width:12%;}
.annex-blue-table tr th:last-child{width:12%;text-align:center;}
.annex-blue-table tr td:last-child{text-align:center;}
.annex-blue-table tr:last-child{border-bottom:3px solid #065e94;}
.annex-blue-table tr.th-background{background-color:#e9f3fb;}
.annex-blue-table tr.th-blue{color:#fff;background-color:#065e94;}
.annex-blue-table tr.th-light-blue{color:#fff;background-color:#167cbb;}
.annex-blue-table tr td ul{padding:0;margin:0;list-style:none;}

/*Footer*/
footer{margin:0 auto;font-size:80%;position:relative;background-color:#b6b6b6;color:#666;}
footer ul{list-style:none;padding:0;display:block;margin-top:20px;}
footer ul li{border-right:1px solid #333;display:inline;}
footer ul li:first-child{background:none;}
footer ul li a{padding:0 5px;color:#666;}
footer ul li:first-child a{padding-left:0;}
footer ul li:last-child{border-right:0;}
footer ul li:last-child a{border-right:0;}
footer>a{display:block;margin-top:80px;}
footer div#copyright{padding:10px 5px 20px 5px;}
footer div#footer{position:absolute;z-index:-1;display:none !important;}

@media only screen and (max-width:600px),(min-device-width:320px)and(max-device-width:600px){
	.index-banner span{font-size:25px;}
}

/*Tablet*/
@media only screen and (min-width:601px){
}

/*PC*/
@media only screen and (min-width:768px){
	/*Header*/
	.frame #logo{padding:44px 15px;}
	.frame #logo img{width:inherit;}
	.frame #slogan{top:5px;}
	.frame #slogan img{width:500px;}
	.frame #tagline{top:102px;position:absolute;right:10px;display:block;margin:5px 0;}
	.frame #tagline img{width:230px;}
	.frame .top-right{display:block;position:absolute;top:0;right:10px;z-index:10;}
	.frame .top-right>a{border-left:1px solid #666;padding:0 5px;color:#666;}
	.frame .top-right a.selected{text-decoration:underline;}
	.frame .top-right a:first-child{border-left:0px;}
	.frame .top-right>div{display:inline;}
	.frame .top-right>div>a{padding:0 2px;font-size:12pt;color:#666;}
	.frame .top-right>div>a:first-child{font-size:9pt;}
	.frame .top-right>div>a:last-child{font-size:15pt;}
	
	/*Left menu*/
	#menu{display:block;}
	#menu div ul{list-style:none;padding:10px 0;}
	#menu div ul li{line-height:1.2em;}
	#menu div ul li a{color:#000;padding-top:5px;padding-bottom:5px;}
	#menu ul>li{display:block;}
	#menu ul>li.active{background-color:#bfe8c9;}
	#menu ul>li:hover{background-color:#bfe8c9;}
	#menu ul>li>a{display:block;font-size:85%;font-weight:bold;line-height:1.5em;padding-left:15px;padding-right:15px;}
	#menu ul>li>a:hover{text-decoration:none;color:#005c2b;}
	#menu ul>li.active>a{text-decoration:none;color:#005c2b;}
	#menu div{background-color:#f0f7ec;height:100%;}
	#menu div h1{font-weight:bold;color:#006536;clear:both;padding:40px 15px 10px 15px;margin:0;font-size:130%;border-bottom:1px solid #006536;}
	
	/*Menu*/
	.navbar{z-index:1;}
	.navbar #navbar .top-right{display:none;}
	.navbar .container #navbar .nav>li>a{padding:0;}
	.navbar .container #navbar .nav{width:100%;font-size:9px;}
	.navbar .container #navbar .nav>li{padding:0 5px;}
	.navbar .container #navbar .nav>li:nth-child(1){width:10%;}
	.navbar .container #navbar .nav>li:nth-child(2){width:8%;}
	.navbar .container #navbar .nav>li:nth-child(3){width:12%;}
	.navbar .container #navbar .nav>li:nth-child(4){width:15%;}
	.navbar .container #navbar .nav>li:nth-child(5){width:12%;}
	.navbar .container #navbar .nav>li:nth-child(6){width:10%;}
	.navbar .container #navbar .nav>li:nth-child(7){width:10%;}
	.navbar .container #navbar .nav>li:nth-child(8){width:12%;}
	.navbar .container #navbar .nav>li:nth-child(9){width:11%;}
	
	html:lang(zh-Hant) .navbar .container #navbar .nav>li:nth-child(1){width:8%;}
	html:lang(zh-Hant) .navbar .container #navbar .nav>li:nth-child(2){width:6%;}
	html:lang(zh-Hant) .navbar .container #navbar .nav>li:nth-child(3){width:9%;}
	html:lang(zh-Hant) .navbar .container #navbar .nav>li:nth-child(4){width:17%;}
	html:lang(zh-Hant) .navbar .container #navbar .nav>li:nth-child(5){width:9%;}
	html:lang(zh-Hant) .navbar .container #navbar .nav>li:nth-child(6){width:17%;}
	html:lang(zh-Hant) .navbar .container #navbar .nav>li:nth-child(7){width:9%;}
	html:lang(zh-Hant) .navbar .container #navbar .nav>li:nth-child(8){width:12%;}
	html:lang(zh-Hant) .navbar .container #navbar .nav>li:nth-child(9){width:13%;}
	
	/*Container*/
	.container{width:100%;}
	.index-banner span{font-size:28px;}
	
	/*Footer*/
	footer div#footer{display:block;}
}

/*Over PC*/
@media only screen and (min-width:960px){
	h1{color:#fff;}
	
	/*Banner*/
	.banner h1{position:absolute;margin:75px 30px;padding:0;top:0;}
	
	/*Menu*/
	.navbar .container #navbar .nav{font-size:12px;}
	.navbar .container #navbar .nav>li>a{padding:10px 5px;min-height:60px;}
	
	/*Container*/
	.container{margin:0 auto;max-width:1170px;}
	.container h2{padding-top:0;}
	.col-md-2{padding:0px;display:block;}
	.col-md-10 h2{font-weight:bold;color:#006536;clear:both;padding:0;margin:20px 0 10px 0;font-size:150%;}
	.index-banner span{font-size:32px;}
}

@media only screen and (min-width:1170px){
	/*Menu*/
	.navbar .container #navbar .nav{width:100%;font-size:14px;max-width:1170px;}
	
	/*Footer*/
	footer{background-color:transparent;}
	footer ul{list-style:none;padding:0 10px;position:absolute;top:18px;margin:0;}
	html:lang(zh-Hant) footer ul{list-style:none;padding:0 10px;position:absolute;top:35px;margin:0;}
	footer div#copyright{position:absolute;top:54px;font-size:8pt;}
	footer div#footer{position:absolute;z-index:-1;display:block !important;}
}