body{
	font-size: 16px;
	line-height: 30px;
	font-family: "微軟正黑體";
	color: #333;
}
.pe_topBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 0 0 30px 0;
	background: url(../images/sc_bg_l.png) left bottom no-repeat, url(../images/pe_top_bg_r.gif) right bottom no-repeat;
}
.pe_top{
	width: 1200px;
	margin: 0 auto;
}
.pe_top .tit, .pe_bot .tit{
	font-weight: bold;
	font-size: 20px;
	color: #333;
	margin-bottom: 5px;
}
.pe_top .ctn{
	width: 100%;
	float: left;
	background: url(../images/pe_top_bg_lt.gif) left top no-repeat;
}
.pe_top .left{
	width: 650px;
	float: left;
}
.pe_top .left .btn{
	width: 590px;
    float: left;
    padding: 15px 30px;
}
.pe_top .left a:hover .btn01, .pe_top .left a:hover .btn02{
	background: url(../images/pe_top_btn_1h.png) no-repeat;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-0-transition: 0.5s;
	transition: 0.5s;
}
.pe_top .left .btn01, .pe_top .left .btn02{
	width: 266px;
	float: left;
	height: 120px;
	background: url(../images/pe_top_btn_1.png) no-repeat;
	margin: 0 10px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding: 180px 0 0 0;
	text-shadow: 0 0 5px #666;
}
.pe_top .left .btn02{
	background: url(../images/pe_top_btn_2.png) no-repeat;
}
.pe_top .left a:hover .btn02{
	background: url(../images/pe_top_btn_2h.png) no-repeat;
}
.pe_top span.highlight{
	color: #f93d52;
	font-weight:600;
}
.pe_top .right{
	width: 550px;
	float: left;
	text-align: center;
}
.pe_botBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 30px 0;
	background: url(../images/pe_bot_bg_l.png) left top no-repeat, url(../images/pe_bot_bg_r.png) right top no-repeat, url(../images/pe_bot_bg.png) repeat;
}
.pe_bot{
	width: 1200px;
	margin: 0 auto;
}
.pe_bot span.highlight{
	color: #638c0b;
	font-weight:600;
}
.pe_bot .left, .pe_bot .right{
	width: 50%;
	float: left;
}
.pe_bot .btn_docu{
	background: #84bb0f;
	padding: 5px 10px;
	color: #fff;
	float: left;
	margin: 3px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.pe_bot a:hover .btn_docu{
	background: #d1c0a5;
	color: #fff;
}
.pe_bot .text, .pe_bot .btn{
	width: 48%;
	float: left;
	margin: 0 1%;
}
.pe_bot .title{
	color: #486a00;
	font-size: 18px;
	font-weight: 600;
	border-bottom: 2px dotted #ccc;
	margin: 20px 0 10px 0;
}
.pe_bot .text .new{
	background: url(../images/pe2_tit_img.png) left top no-repeat;
	padding: 0 10px 0 50px;
	margin: 15px 0;
}
.pe_bot .text ol{
	padding: 8px 5px 8px 20px;
	font-size: 15px;
	background: rgba(255,162,0,0.4)
}
.pe_bot .text li{
	list-style-type: decimal;
}
.pe_bot .btn p.textLi{
	list-style-type: decimal;
	padding: 0px 5px 0px 20px;
	font-size: 14px;
	
	background: rgba(255,162,0,0.4)
}
/*.pe_bot .left .btn{
	height: 84px;
	background: url(../images/pe_bot_btn_1.png) center top no-repeat;
	text-align: center;
	padding: 130px 0 0 0;
	color: #0272ce;
	font-weight: 600;
}*/
/*.pe_bot .left .btn a, .pe_bot .right .btn01 a, .pe_bot .right .btn02 a{
	color: #0272ce;
}*/
/*.pe_bot .left a:hover .btn{
	background: url(../images/pe_bot_btn_1h.png) center top no-repeat;
	color: #FF6600;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-0-transition: 0.5s;
	transition: 0.5s;
}*/
.pe_bot .btn01, .pe_bot .btn02{
	background: url(../images/pe_bot_btn_2.png) center top no-repeat;
	height: 71px;
	width: 162px;
	padding: 24px 10px 0 90px;
	line-height: 24px;
	color: #0272ce;
	font-weight: 600;
	margin: 0 auto;
}
.pe_bot a:hover .btn01, .pe_bot a:hover .btn02{
	background: url(../images/pe_bot_btn_2h.png) center top no-repeat;
	color: #c80c0c;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-0-transition: 0.5s;
	transition: 0.5s;
}
.pe_newBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 30px 0;
}
.pe_new{
	width: 1200px;
	margin: 0 auto;
}
.pe_new ul.list{
	width: 100%;
	float: left;
}
.pe_new ul.list li{
	width: 68%;
	float: left;
	padding: 0 2% 15px 0;
}
.pe_new li .title{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	color: #0068b7;
}
.pe_new li .text{
	width: 48%;
	padding: 10px 2% 0 0;
	float: left;
}
.pe_new li .img{
	width: 50%;
	float: left;
	padding: 10px 0 0 0;
	text-align: center;
}
.pe_new .btn_more{
	width: 64px;
	right: 10px;
	top: 10px;
	height: 37px;
	margin: 0 5px 0 0;
	position: absolute;
	background: url(../images/new_btn_more.png) center top no-repeat;
	
}
.pe_new .btn_mor:hover{
	top: 10px;
	right: 10px;
	background: url(../images/new_btn_more.png) center top no-repeat;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.pe_topBg, .pe_botBg, .pe_newBg{
	padding: 20px 0;
	min-width: 1000px;
}
.pe_top, .pe_bot, .pe_new{
	width: 970px;
	padding: 0 15px;
}
.pe_top .left{
	width: 570px;
}
.pe_top .left .btn{
	width: 570px;
	padding: 15px 0;
}
.pe_top .left .btn01, .pe_top .left .btn02{
	margin: 0 5px;
}
.pe_top .right{
	width: 400px;
}
.pe_top .right img{
	width: 100%;
	height: auto;
}
.pe_bot .right .text{
	width: 40%;
}
.pe_bot .right .btn{
	width: 56%;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.pe_topBg, .pe_botBg, .pe_newBg{
	min-width: 320px;
	padding: 15px 0;
}
.pe_topBg{
	background: url(../images/sc_bg_l.png) left center no-repeat, url(../images/pe_top_bg_r.gif) right bottom no-repeat;
}
.pe_top, .pe_bot, .pe_new{
	width: 90%;
	margin: 0 5%;
	height: auto;
}
.pe_top .left, .pe_top .right, .pe_new ul.list li{
	width: 100%;
	padding: 0;
}
.pe_new li .text, .pe_new li .img{
	width: 100%;
	padding: 0;
}
.pe_top .left .btn{
	width: 100%;
	padding: 15px 0;
}
.pe_top .left .btn01, .pe_top .left .btn02{
	margin: 0 auto;
	float: none;
}
.pe_top .right img{
	width: 100%;
	height: auto;
}
.pe_bot .left, .pe_bot .right{
	width: 100%;
	padding: 15px 0;
}
.pe_bot .text, .pe_bot .btn{
	width: 100%;
}
}