body{
	font-size: 16px;
	line-height: 30px;
	font-family: "微軟正黑體";
	color: #333;
}
.stp_ctnBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	min-height: 580px;
	background: url(../images/stp_bg.png) center bottom repeat-x;
}
.stp_ctn{
	width: 1200px;
	margin: 0 auto;
	padding: 15px 0;
}
.stp_ctn .text{
	width: 1004px;
	margin: 0 auto;
	padding: 100px 0 0 0;
}
.stp_ctn .text a, .stp_ctn .text a:hover{
	color: #fff;
}
.stp_ctn .btn_t, .stp_ctn .btn_b{
	width: 231px;
	height: 416px;
	float: left;
	position: relative;
}
.stp_ctn .btn_t .go{
	position: absolute;
	top: 0;
	left: 150px;
}
.stp_ctn .btn_t:hover .go{
	left: 120px;
	-o-transition: .30s linear;
    -webkit-transition: .30s linear;
    -moz-transition: .30s linear;
    transition: .30s linear;
}
.stp_ctn .btn_b .go{
	position: absolute;
	bottom: 0;
	right: 150px;
}
.stp_ctn .btn_b:hover .go{
	right: 120px;
	-o-transition: .30s linear;
    -webkit-transition: .30s linear;
    -moz-transition: .30s linear;
    transition: .30s linear;
}
.stp_ctn .go img{
	position: relative;
	z-index: 1;
}
.stp_ctn .go h1{
	position: absolute;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	z-index: 2;
	line-height: 90px;
	left: 80px;
}
.stp_ctn .btn_t{
	margin: -100px 10px 0 10px;
}
.stp_ctn .btn_b{
	margin: 0 10px -100px 10px;
}
.stp_ctn .btn_t:hover, .stp_ctn .btn_b:hover{
	-o-transition: .30s linear;
    -webkit-transition: .30s linear;
    -moz-transition: .30s linear;
    transition: .30s linear;
}
.stp_ctn .blu{
	background: url(../images/stp_btn_1.png) no-repeat;
}
.stp_ctn .yel{
	background: url(../images/stp_btn_2.png) no-repeat;
	margin-left: 130px;
}
.stp_ctn .yel:hover{
	background: url(../images/stp_btn_2h.png) no-repeat;
}
.stp_ctn .red{
	background: url(../images/stp_btn_3.png) no-repeat;
}
.stp_ctn .red:hover{
	background: url(../images/stp_btn_3h.png) no-repeat;
}
.stp_ctn .gre{
	background: url(../images/stp_btn_4.png) no-repeat;
}
.stp_ctn .gre:hover{
	background: url(../images/stp_btn_4h.png) no-repeat;
}
.stp_ctn .info{
	width: 84%;
	float: left;
	padding: 12% 8%;
	font-family: "微軟正黑體";
}
.stp_ctn .info p{
	margin: 10px 0;
}
.stp_ctn .info span{
	font-size: 30px;
	font-family: 'Century Gothic';
}
.stp_ctn .info span.tit{
	font-weight: 600;
	font-size: 16px;
	color: #00479d;
	font-family: "微軟正黑體";
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.stp_ctnBg{
	min-width: 1000px;
}
.stp_ctn{
	width: 1000px;
}
.stp_ctn .text{
	width: 988px;
}
.stp_ctn .btn_t{
	margin: -100px 8px 0 8px;
}
.stp_ctn .btn_b{
	margin: 0 8px -100px 8px;
}
}
@media screen and (min-width: 540px) and (max-width: 768px) {
.stp_ctn .text{
	width: 502px !important;
	margin: 0 auto;
}
.stp_ctn .btn_t, .stp_ctn .btn_b{
	margin: 10px 10px;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.stp_ctnBg{
	min-width: 320px;
}
.stp_ctn{
	width: 100%;
}
.stp_ctn .text{
	width: 231px;
	margin: 0 auto;
}
.stp_ctn .btn_t, .stp_ctn .btn_b{
	margin: 10px 0;
	overflow: hidden;
}
.stp_ctn .btn_b{
	float: right;
}
.stp_ctn .btn_t .go, .stp_ctn .btn_b .go{
	position: initial;
}
.stp_ctn .info{
	padding: 0 8%;
	width: 84%;
}
}