body{
	font-size: 16px;
	line-height: 30px;
	font-family: "微軟正黑體";
	color: #333;
}
.sta_topBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 0;
}
.sta_top{
	width: 1200px;
	margin: 0 auto;
}
.sta_top .tit, .sta_bot .tit{
	font-weight: bold;
	font-size: 20px;
	color: #333;
	margin-bottom: 5px;
}
.sta_top .ctn, .sta_mid .ctn{
	width: 100%;
	float: left;
	background: url(../images/sta_top_bg_lt.gif) left top no-repeat;
}
.sta_top .text{
	width: 650px;
	float: left;
}
.sta_top .img{
	width: 550px;
	float: left;
}
.sta_midBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 30px 0 10px 0;
	background: url(../images/sta_mid_bg_r.jpg) 60% top no-repeat, url(../images/sta_mid_bg_l.jpg) left top no-repeat, url(../images/sta_mid_bg_.png) repeat;
}
.sta_mid{
	width: 1200px;
	margin: 0 auto;
}
.sta_mid .left, .sta_mid .right{
	width: 50%;
	float: left;
}
.sta_mid .left .text, .sta_mid .right .text{
	width: 50%;
	float: left;
}
.sta_mid .left .btn, .sta_mid .right .btn{
	width: 50%;
	height: 105px;
	float: left;
	text-align: center;
	background: url(../images/sta_btn_1.png) center top no-repeat;
	color: #333;
	font-weight: bold;
	padding: 100px 0 0 0;
}
.sta_mid .right .btn{
	background: url(../images/sta_btn_2.png) center top no-repeat;
}
.sta_mid .left a:hover .btn{
	background: url(../images/sta_btn_1h.png) center top no-repeat;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-0-transition: 0.3s;
	transition: 0.3s;
}
.sta_mid .right a:hover .btn{
	background: url(../images/sta_btn_2h.png) center top no-repeat;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-0-transition: 0.3s;
	transition: 0.3s;
}
.sta_botBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 20px 0;
	background: url(../images/sta_bot_bg.png) center bottom no-repeat, url(../images/sta_bot_bg_2.gif) left bottom repeat-x;
}
.sta_bot{
	width: 1200px;
	margin: 0 auto;
}
.sta_bot .left, .sta_bot .right{
	width: 50%;
	float: left;
}
.sta_bot .left ul{
	width: 80%;
	float: left;
	padding: 3%;
	background: url(../images/sta_bot_liBg.png) repeat;
}
.sta_bot .left li{
	padding: 0 0 0 25px;
	background: url(../images/sta_list.png) left 4px no-repeat;
}
.sta_bot .left li a{
	color: #638c0b;
}
.sta_bot .left li a:hover{
	color: #ff5b00;
}
.sta_bot .right{
	text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.sta_topBg{
	padding: 20px 0 0 0;
	min-width: 1000px;
}
.sta_top{
	width: 970px;
	padding: 0 15px;
}
.sta_top .text{
	width: 460px;
}
.sta_top .img{
	width: 510px;
}
.sta_midBg{
	padding: 20px 0;
	min-width: 1000px;
	background: url(../images/sta_mid_bg_r.jpg) 70% top no-repeat, url(../images/sta_mid_bg_l.jpg) left top no-repeat, url(../images/sta_mid_bg_.png) repeat;
}
.sta_mid{
	width: 970px;
	padding: 0 15px;
}
.sta_mid .left .text, .sta_mid .right .text{
	width: 40%;
}
.sta_mid .left .btn, .sta_mid .right .btn{
	width: 60%;
}
.sta_botBg{
	padding: 20px 0;
	min-width: 1000px;
}
.sta_bot{
	width: 970px;
	padding: 0 15px;
}
.sta_bot .right img{
	width: 100%;
	height: auto;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.sta_topBg{
	min-width: 320px;
	padding: 15px 0 0 0;
}
.sta_top{
	width: 90%;
	margin: 0 5%;
	height: auto;
}
.sta_top .text, .sta_top .img{
	width: 100%;
}
.sta_top .img img{
	width: 100%;
	height: auto;
}
.sta_midBg{
	min-width: 320px;
	padding: 15px 0;
}
.sta_mid{
	width: 90%;
	margin: 0 5%;
	height: auto;
}
.sta_mid .left, .sta_mid .right{
	width: 100%;
}
.sta_mid .left .text, .sta_mid .right .text{
	width: 100%;
}
.sta_mid .left .btn, .sta_mid .right .btn{
	width: 100%;
	margin: 15px 0 0 0;
}
.sta_botBg{
	min-width: 320px;
	padding: 15px 0;
}
.sta_bot{
	width: 90%;
	margin: 0 5%;
	height: auto;
}
.sta_bot .left ul{
	width: 90%;
	margin: 10px 0;
}
.sta_bot .left, .sta_bot .right{
	width: 100%;
}
.sta_bot .right img{
	width: 100%;
	height: auto;
}
}