@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;}
body,h1,h2,p, span{ font-family: 微軟正黑體 ;background-color:#ffffff; /*overflow-x:hidden;*/}
a {text-decoration: none; color:#ffffff;}
a:hover,a.selected {text-decoration: none; color:#ffffff;}
a img {outline : none;}
img { width: 100%;/* and for IE 8 */width: auto\9; border:none;}
img.bk { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */}
/*----------------------top---------------------------*/
.top_box{ width:100%; min-height:40px; position:relative;}
.top_link{ width:990px; margin:0 auto; text-align:right; line-height:40px; padding-right:10px; color: #ffffff; font-weight:bold; background-color: #6EA346;box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);}
.top_link a{ color:#ffffff;}	
/*----------------------main---------------------------*/
.warpper_box{ width:100%; position:relative;}
.main_content{ max-width:1000px; margin:0 auto; background:url(../images/header_bg.png) no-repeat; box-shadow: 0 0 10px rgba(0,0,0,0.4); position:relative;}
.award_logo{ width:564px; padding:40px 0 0 90px;}
.main_visual{ width:550px; margin:-150px 0 0 450px;}
.nav_buttons{ width:450px; height:195px; margin:-200px 0 0 80px;}
.nav_buttons a{ cursor:pointer; width:115px; height:103px; margin:2px;}
.nav_buttons a img{ width:115px;}
.nav_buttons a#result img{ width:125px;}
/*----------------------content---------------------------*/
#switcher-panel{ max-width:1000px; margin:0 auto; padding: 30px 90px;}
.switcher-content {display: none;}
.tab_title{ width:105px; border-radius:5px; color:#FFFFFF; font-weight:bold; font-size:1.3em; line-height:1.2em; text-align:center; padding:5px; margin:10px 0 20px 0; background: #64943F;}
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a4a7', endColorstr='#0067b6', GradientType=1 );}
.tab_title2{ width:150px;border-radius:5px; color:#36834E; font-weight:bold; font-size:1.3em; line-height:1.2em; text-align:center; padding:5px; margin:10px 0 10px 0;}
.tab_title3{ width:145px; border-radius:5px; color:#FFFFFF; font-weight:bold; font-size:1.3em; line-height:1.2em; text-align:center; padding:5px; margin:10px 0 20px 0; background: #64943F;}
.tab_title2 span, .tab_title4 span, .tab_title5 span, .tab_title6 span{ width:43px; height:25px; float:left; padding:0 10px;}
.tab_title2 img, .tab_title4 img, .tab_title5 img, .tab_title6 img{ width:43px; height:25px;}
.tab_title4{ width:100%;;border-radius:5px; color:#36834E; font-weight:bold; font-size:1.3em; line-height:1.2em; text-align:left; padding:5px; margin:10px 0 10px 0;}
.tab_title5{ width:100%;border-radius:5px; color:#36834E; font-weight:bold; font-size:1.3em; line-height:1.2em; text-align:left; padding:5px; margin:10px 0 10px 0;}
.tab_title6{ width:300px;border-radius:5px; color:#36834E; font-weight:bold; font-size:1.3em; line-height:1.2em; text-align:center; padding:5px; margin:10px 0 10px 0;}
.tab_title7{ width:300px;border-radius:5px; color:#5FAE5A; font-size:1.3em; line-height:1.2em; text-align:center; padding:5px; margin:10px 0 10px 25px;}
.tab_title8{ width:320px;border-radius:5px; color:#5FAE5A; font-size:1.3em; line-height:1.2em; text-align:center; padding:5px; margin:10px 0 10px 25px;}
.tab_content{ color:#4c4948;font-size:1.1em; line-height:1.7em; margin:10px 0 50px 15px; width:100%;}
.tab_content p{ text-indent:-31px;margin-left: 40px;}
.tab_content2{ color:#4c4948;font-size:1.1em; line-height:1.7em; margin:10px 0 28px 20px; width:100%; display: block;}
.tab_content3{ color:#4c4948;font-size:1.1em; line-height:1.7em; margin:10px 0 50px 0;min-height: 50px; width:100%;display: block;}
.tab_content4{ color:#4c4948;font-size:1.1em; line-height:1.7em; margin:10px 0 30px 70px;display: block;}
.tab_content2 span,.tab_content4 span{ font-weight:bold; float:left;}
.tab_content3 img{ min-width:224px;}
.tab_content3 .btn1{ float:left; margin-right:40px;}
.number{ float:left; margin:0 20px 0 75px; height: 60px;}
.number2{ float:left; margin:0 20px 0 75px; height: 300px;}
.number3{ float:left; margin:0 20px 0 20px; height: 58px;}
.number4{ float:left; margin:0 20px 0 -40px; height: 150px;}
.number5{ float:left; margin:0 20px 0 75px; height: 250px;}
.number img, .number2 img, .number3 img, .number4 img{ max-width:21px; height:28px;}
.more_btn {
	width:70px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #C9DE96), color-stop(1, #398235) );
	background:-moz-linear-gradient( center top, #C9DE96 5%, #398235 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C9DE96', endColorstr='#398235');
	background-color:#ffffff;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0;
	border:1px solid #DAD3FF;
	display:inline-block;
	color:#ffffff;
	font-size: 0.9em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	margin:0 15px 5px 15px;
	background-color:#398235;
}
.more_btn a{color:#ffffff; text-decoration:none; display: block;}
.more_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #398235), color-stop(1, #C9DE96) );
	background:-moz-linear-gradient( center top, #398235 5%, #C9DE96 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#398235', endColorstr='#C9DE96');
	background-color:#398235;}.more_btn:active {position:relative;top:1px;}
/*----------------------work info---------------------------*/
#inline1, #inline1 p, #inline2, #inline2 p, #inline3, #inline3 p, #inline4, #inline4 p, #inline5, #inline5 p, #inline6, #inline6 p, #inline7, #inline7 p, #inline8, #inline8 p, #inline9, #inline9 p, #inline10, #inline10 p, #inline11, #inline11 p, #inline12, #inline12 p, #inline13, #inline13 p, #inline14, #inline14 p, #inline15, #inline15 p, #inline16, #inline16 p,  #inline17, #inline17 p, #inline18, #inline18 p, #inline19, #inline19 p, #inline20, #inline20 p, #inline21, #inline21 p, #inline22, #inline22 p, #inline23, #inline23 p, #inline24, #inline24 p, #inline25, #inline25 p, #inline26, #inline26 p{color: #4c4948;font-size: 1.1em;line-height: 1.6em;}
h2.first{ border-bottom:1px solid #231815;}
h2.first span{ color:#0096b2; font-size: 1.3em;line-height: 1.6em; padding-right: 10px;}
#inline1 p.work_title, #inline2 p.work_title, #inline3 p.work_title, #inline4 p.work_title, #inline5 p.work_title, #inline6 p.work_title, #inline7 p.work_title, #inline8 p.work_title, #inline9 p.work_title, #inline10 p.work_title, #inline11 p.work_title, #inline12 p.work_title, #inline13 p.work_title, #inline14 p.work_title, #inline15 p.work_title, #inline16 p.work_title, #inline17 p.work_title, #inline18 p.work_title, #inline19 p.work_title, #inline20 p.work_title, #inline21 p.work_title, #inline22 p.work_title, #inline23 p.work_title, #inline24 p.work_title, #inline25 p.work_title, #inline26 p.work_title{ color:#f08336; font-size: 2em;line-height: 1.6em; font-weight:bold;}
.unit{font-size: 1.3em;line-height: 1.6em;}
.pic_box{ display:inline-block;}
.pic_info{ width:150px; height: 180px; margin:15px 15px 15px 0; float:left; display:inline-block;}
.pic_info img{ width:150px;}
.pic_info span{ text-align:left; float:left; font-size: 1.1em;line-height: 1.6em;}
/*----------------------footer---------------------------*/
.footer_box{background-color: #6EA346;box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);}
.footer{ min-height:150px; margin:0 auto; text-align:center; padding-top:20px; line-height:2em; color: #ffffff; max-width:880px;}
.cna_logo{ float:left;}
.footer_links{ float:right;}
.footer_links a{ color:#ffffff;}