/* ---reset.css--- */
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{
	outline:none;
	text-decoration:none;
}
/* ---reset.css--- */

html {	
	font-family:微軟正黑體,Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:none;
	background-color:#fff;
	width:100%;
}

body{
	width:100%;
}

/* --電腦版型------------------------------------- */


header{
	width:100%;
	background-image:url(images/bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

header h1{	
	
	height:500px;
	margin:0 auto;
    width:688px;
}
header h1 img{
	margin-top:40px;

}

.menu{
	width: 100%;
}
.menu ul{
	width:100%;
	height:56px;
	border-top:4px solid #b2db46;
	background-color:#86c81e;
	display: table;
    margin: 0 auto;
    text-align: center;
}
.menu li{
	display:inline-block;
	border-left:1px solid #fff;
	margin-right:-4px;
	background-color:#5c7622;
	width: 320px;
	height:60px;
	color:#fff;
	font-size:24px;
	font-weight: bolder;
	line-height:60px;
}
.menu li:last-child{
	border-right:1px solid #fff;

}
.menu li a{
	display:block;
	width: 320px;
	height:60px;
	color:#fff;
	font-size:24px;
	font-weight: bolder;
	line-height:60px;
	background-color:#86c81e;

}
.menu li a:hover{
	background-color:#5c7622;
}

article{
	width:865px;
	margin:0 auto;
	padding:70px 0 30px 0;
	font-size:20px;

}
h2{
	font-size:40px;
	color:#f07d37;
	border-bottom:3px dotted #c0a687;
	padding-bottom:20px;
	margin-bottom:50px;
}



article p{
	line-height:36px;
	margin-top: 20px;
	text-align: justify;
}
article p.name{
	margin-top:50px;
}
article img{
	text-align:center;
}
.clear{
	clear:both;
}
.name{
	color:#6eac0c;
}

.notebox{
	width:100%;
	background-color:#f3a549;
	margin-top:20px;
}

.notebox ul{
	width:81%;
	margin:0 auto;
	padding:30px 0;
}
.notebox li{
	list-style:decimal;
	color:#fff;
	line-height:34px;
	font-weight: bolder;
}

.gobu{
	width:182px;
	height:69px;
	margin:0 auto;
	margin-top:30px;
}
.gobu a{
	display:block;
	background-image:url(images/gobu.png);
	text-indent:-9999px;
	width:184.5px;
	height:70px;
	background-size:184.5px;
}
.gobu a:hover{
	opacity:0.7;
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	filter:alpha(opacity=70);
}


footer{
	width:100%;
	border-top:1px solid #86c81e;

}

footer p{
	width:100%;
	font-size:13px;
	text-align: center;
	margin:15px 0;
	line-height:20px;
	letter-spacing:1px;
}

h3{
	font-size:26px;
	color:#f07d37;
	border-bottom:3px dotted #c0a687;
	padding-bottom:20px;
	margin-bottom:20px;

}

.ptop30{
	margin-top:30px;
}
.list ul{
	margin-left:20px;
	
}
.list li{
	list-style:decimal;
	color:#87b828;
	line-height:36px; 

}
.list li span{
	color:#000;
}
.list li .orgbox{
	margin-bottom:20px;
	line-height:30px;

}
.list li .orgbox .stepbox{
	background-color: #f3a549;
	color:#fff;
	text-transform:uppercase;
	display:block;
	width:150px;
	height:50px;
	line-height:50px;
	text-align:center;
	margin-top: 10px;
	margin-bottom:10px;
}
.list li .orgbox .gobu{
	margin:0;
	margin-top:10px;
	margin-bottom: 30px;
}

span a{
	color:#79c206;
}
span a:hover{
	color:#416b00;
}

article .font16 li{
	font-size:16px;
	line-height:28px;
	margin-bottom:20px;
	text-align:justify;
	
}
.list li ul li{
	list-style:disc;
	color:#000;
	margin-bottom: 0px;

}
.list li ul li ul li{
	list-style:upper-latin;
	color:#000;
	margin-left:8px;
	margin-bottom: 0px;
}

article .list li span.swd{
	font-size:14px;
	display:block;
	line-height:20px;
	color:#868686;
}
.award{
	display:block;
	float:left;
}

.awardright{
	float:right;
	width:70%;
	margin-top:40px;
}
.orgbox span.award02{
	width:30%;
	float:left;
	text-align:center;
	margin-bottom:20px;
}




/* --20160628新增------------------------------------- */

.awardbox{
	 margin:30px 0px;
}
/* table */

 .table {  
  display: table; 
  border-collapse: collapse;
  color:#000;
  text-align:justify;
  line-height:36px;
  width:95%;
  margin:0 auto;
 }  

/* tr */
.row{
	display: table-row;
}

article li span.awardname{
	font-size:20px;
	font-weight:bold;
	color:#f47300;
}
article  li span.awardname02{
	font-size:20px;
	font-weight:bold;
	color:#62ae00;
}
article li span.awardname03{
	font-size:20px;
	font-weight:bold;
	color:#ca1818;
}


/* tr */
.row02{
	display: table-row;
	font-size:18px;
	border-bottom:1px solid #ecb75a;
}
.row03{
	display: table-row;
	font-size:18px;
	border-bottom:1px solid #3ea710;
}
.cell3 {  
  display: table-cell; 
  padding:0px 10px;
  width:15%;
}  
  
.cell4 {  
  display: table-cell; 
 padding:0px  10px;
 

}
.cell5 {  
  display: table-cell; 
  padding:0px  10px;
}

/* --20160815新增------------------------------------- */
h4, h5, h6{
	padding:10px 0px;
	text-align:center;
	color:#fff;
	border-radius:10px;
	font-size:20px;
	font-weight:bold;
}
h4{
	background-color:#f3a549;
}
h5{
	background-color:#f08d2c;
}
h6{
	background-color:#3ea710;
	font-size:22px;
	padding:15px 0px;
	}
.awardbox02 .table, .awardbox03 .table{
	margin:0 auto;
	margin-top:10px;
}
.awardbox02{
	width:48%;
	margin-bottom:50px;
	float:left;
	margin-left:10px;
}
.awardbox03{
	width:97%;
    margin-bottom:50px;
	margin:0 auto;
}
.awardbox03 .table{
	text-align:center;
	width:100%;
	margin-bottom:50px;
}


.org{
	color: #f07d37;
	font-size:24px;
	padding-top:20px;
}
/* --手機版型------------------------------------- */

@media screen and (max-width: 970px) {
	
	*{
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	html,body{
		-webkit-text-size-adjust:none;
	}
	
header{
	width:100%;
	height:auto;
	background-image:url(images/bg02.jpg);
	background-repeat:no-repeat;
	background-size:100%;
}

header h1{	
	height:30%;
	margin:0 auto;
    width:80%;
    margin-top:0px;
    margin-bottom:20px;
    overflow:hidden;
}

header h1 img{
	width:100%;
	height:auto;
	margin-top:20px;
}


.menu{
	width: 100%;
	margin-bottom: 20px;
}
.menu ul{
	width:100%;
	height:48px;
	border-top:0px;
	background-color:#86c81e;
    text-align: center;
}
.menu li{
	width:100%;
	display:inline-block;
	border-left:none;
	border-top:1px solid #fff;
	text-align:center;
	margin-right:1px;
	background-color:#5c7622;
	color:#fff;
	font-size:24px;
	font-weight: bolder;
	border-top:4px solid #b2db46;

}
.menu li:last-child{
	border-right:none;

}
.menu li a{
	display:block;
	width: 100%;
	height:60px;
	color:#fff;
	font-size:24px;
	font-weight: bolder;
	line-height:60px;
}
.menu li a:hover{
	background-color:#5c7622;
}

article{
	width:90%;
	margin:0 auto;
	padding:30px 0 30px 0;
	font-size:20px;
	line-height:20px;

}
h2{
	font-size:26px;
	line-height:28px;
	color:#f07d37;
	border-bottom:3px dotted #c0a687;
	padding-bottom:20px;
	margin-bottom:50px;

}

article p{
	
	margin-top: 20px;
	text-align: justify;
}

article img{
	float:none;
	width:100%;
	height:auto;
	margin-left:0px;
	margin-bottom:20px;
}
.clear{
	clear:both;
}
.name{
	color:#6eac0c;
}

.notebox{
	width:100%;
	background-color:#f3a549;
	margin-top:20px;
}

.notebox ul{
	width:80%;
	margin:0 auto;
	padding:30px 0;
	padding-left:20px;
}
.notebox li{
	list-style:decimal;
	color:#fff;
	line-height:34px;
	font-weight: normal;
}

.gobu{
	width:182px;
	height:69px;
	margin:0 auto;
	margin-top:30px;
}
.gobu a{
	display:block;
	background-image:url(images/gobu.png);
	text-indent:-9999px;
	width:182px;
	height:69px;
	background-size:184.5px;
}
.gobu a:hover{
	opacity:0.87;
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	filter:alpha(opacity=70);
}

footer{
	width:100%;
	border-top:1px solid #86c81e;

}

footer p{
	width:100%;
	font-size:9px;
	text-align: center;
	margin:10px 0;
	line-height:16px;
	letter-spacing:0px;
}

.list li .orgbox img{
	width:100%;
	height:auto;
}


.award{
	display:block;
	float:none;
}

.awardright{
	float:none;
	width:75%;
	margin-top:40px;
}

.orgbox span.award02{
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:20px;

}


/* --20160628新增------------------------------------- */

.awardbox{
	 margin:30px 0px;
}
.awardbox02 .table{
	margin:0 auto;
}
/* table */

 .table  {  
  display: table; 
  width:100%;
  border-collapse: collapse;
  color:#000;
  text-align:justify;
 }  

/* tr */
.row{
	display: table-row; 

}

article li span.awardname{
	font-size:20px;
	font-weight:bold;
	color:#f47300;

}
article li span.awardname02{
	font-size:16px;
	font-weight:bold;
	color:#62ae00;

}
article li span.awardname03{
	font-size:16px;
	font-weight:bold;
	color:#ca1818;
}
/* tr */
.row02{
	display: table-row;
	font-size:15px;
	border-bottom:1px solid #ecb75a;
}
.row03{
	display: table-row;
	font-size:15px;
	border-bottom:1px solid #3ea710;
}
.cell3 {  
  display: table-cell; 
  padding:0px;
  width:15%;
}  
  
.cell4 {  
  display: table-cell; 
 padding:0px;
 

}
.cell5 {  
  display: table-cell; 
 padding:0px;
}

/* --20160815新增------------------------------------- */
h4, h5, h6{
	padding:10px 0px;
	text-align:center;
	color:#fff;
	border-radius:10px;
	font-size:16px;
	font-weight:bold;
}
h4{
	background-color:#f3a549;
}
h5{
	background-color:#f08d2c;
}
h6{
	background-color:#3ea710;
	font-size:22px;
	padding:15px 0px;
	}
.awardbox02 .table{
	margin:0 auto;
	margin-top:10px;
}
.awardbox02{
	width:100%;
	margin-bottom:50px;
	float:none;
	margin-left:0px;

}
.awardbox03{
	width:100%;
    margin-bottom:50px;
	margin:0 auto;
}
.awardbox03 .table{
	text-align:center;
	width:100%;
	margin-bottom:20px;
}



}