body{
	font-size: 16px;
	line-height: 30px;
	font-family: "微軟正黑體";
	color: #333;
}
.op_topBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 0 0 15px 0;
	background: url(../images/op_bg_4.png) right 20% no-repeat, url(../images/op_bg_1.png) left top no-repeat, url(../images/op_bg_2.png) left bottom no-repeat, url(../images/op_bg_3.png) right bottom no-repeat,;
}
.op_top{
	width: 1200px;
	margin: 0 auto;
}
.op_top .top, .op_top .bot{
	width: 100%;
	float: left;
	padding: 15px 0;
}
.op_top .top .left, .op_top .bot .right{
	width: 770px;
	float: left;
	padding: 0 30px 0 0;
}
.op_top .top .right, .op_top .bot .left{
	width: 400px;
	text-align: center;
	float: left;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.op_topBg{
	min-width: 1000px;
}
.op_top{
	width: 970px;
	margin: 0 15px;
}
.op_top .top .left, .op_top .bot .right{
	width: 570px;
	padding: 0;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.op_topBg{
	min-width: 320px;
	background: url(../images/op_bg_1.png) left top no-repeat, url(../images/op_bg_3.png) right bottom no-repeat;
}
.op_top{
	width: 90%;
	padding: 0 5%;
}
.op_top .top .left, .op_top .bot .right{
	width: 100%;
}
.op_top .top .right, .op_top .bot .left{
	width: 100%;
}
.op_top .top .right img, .op_top .bot .left img{
	width: 100%;
	height: auto;
}
}