body{
	font-size: 16px;
	line-height: 30px;
	font-family: "微軟正黑體";
	color: #333;
}
.rep_mainBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	min-height: 470px;
	background: url(../images/rep_mainBg.png) left bottom repeat-x;
}
.rep_main{
	width: 1200px;
	margin: 0 auto;
}
.rep_main .ctn{
	width: 100%;
	float: left;
	padding: 20px 0;
}
.rep_main .top, .rep_main .bot{
	width: 100%;
	float: left;
}
.rep_main .top{
	padding: 0 0 20px 0;
}
.rep_main .top li{
	float: left;
	height: 100px;
}
.rep_main .top li.bg1{
	width: 360px;
	padding: 20px 0 0 40px;
	background: url(../images/rep_img_1.png) left 20px no-repeat;
}
.rep_main .top li.bg2{
	width: 200px;
	padding: 40px 0 0 180px;
	background: url(../images/rep_img_2.png) left top no-repeat;
}
.rep_main .top li.bg2:hover{
	background: url(../images/rep_img_2_h.png) left top no-repeat;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-0-transition: 0.5s;
	transition: 0.5s;
}
.rep_main .top li.bg3{
	width: 250px;
	padding: 20px 0 0 150px;
	background: url(../images/rep_img_3.png) left top no-repeat;
}
.rep_main .top li.bg3:hover{
	background: url(../images/rep_img_3_h.png) left top no-repeat;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-0-transition: 0.5s;
	transition: 0.5s;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.rep_mainBg{
	min-width: 1000px;
}
.rep_main{
	width: 970px;
	padding: 0 15px;
}
.rep_main .top li.bg1{
	width: 250px;
}
.rep_main .top li.bg2{
	width: 170px;
}
.rep_main .top li.bg3{
	width: 200px;
	background: url(../images/rep_img_3.png) -30px top no-repeat;
	padding: 20px 0 0 120px;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.rep_mainBg{
	min-width: 320px;
	padding: 20px 0;
}
.rep_main{
	width: 90%;
	margin: 0 5%;
	height: auto;
}
.rep_main .top li.bg1{
	width: 85%;
	padding: 0 0 0 15%;
}
.rep_main .top li.bg2, .rep_main .top li.bg3{
	background: none;
	width: 84%;
	height: auto;
	padding: 5px 0 5px 15%;
	margin: 5px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 3px 3px 0 #ccc; 
	border: 1px solid #518413;
}
}