body{
	font-size: 16px;
	line-height: 30px;
	font-family: "微軟正黑體";
	color: #333;
}
.cs_mainBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 30px 0;
	background: url(../images/cs_bg_m.jpg) center top no-repeat, url(../images/cs_bg.jpg) center top repeat-x;
}
.cs_main{
	width: 1200px;
	margin: 0 auto;
}
.cs_main ul{
	width: 1160px;
	margin: 0 auto;
}
.cs_main li{
	width: 240px; 
	height: 195px;
	background: url(../images/cs_btn_bg.png) no-repeat;
	float: left;
	text-align: center;
	padding: 60px 10px 0 0;
	color: #fe7800;
	font-size: 20px;
	font-weight: bold;
	margin: 0 20px;
}
.cs_main li.bot{
	margin-top: 30px;
}
.cs_main li:hover{
	background: url(../images/cs_btn_bg_h.png) no-repeat;
	-o-transition: .30s linear;
    -webkit-transition: .30s linear;
    -moz-transition: .30s linear;
    transition: .30s linear;
}
.cs_main li:hover .img.bg1, .cs_main li:hover .img.bg2, .cs_main li:hover .img.bg3, .cs_main li:hover .img.bg4, .cs_main li:hover .img.bg5, .cs_main li:hover .img.bg6, .cs_main li:hover .img.bg7, .cs_main li:hover .img.bg8{
	-o-transition: .30s linear;
    -webkit-transition: .30s linear;
    -moz-transition: .30s linear;
    transition: .30s linear;
}
.cs_main li .img.bg1{
	width: 132px;
	height: 136px;
	margin: 0 auto;
	background: url(../images/cs_logo_1.png) no-repeat;
}
.cs_main li:hover .img.bg1{
	background: url(../images/cs_logo_1h.png) no-repeat;
}
.cs_main li .img.bg2{
	width: 132px;
	height: 136px;
	margin: 0 auto;
	background: url(../images/cs_logo_2.png) no-repeat;
}
.cs_main li:hover .img.bg2{
	background: url(../images/cs_logo_2h.png) no-repeat;
}
.cs_main li .img.bg3{
	width: 132px;
	height: 136px;
	margin: 0 auto;
	background: url(../images/cs_logo_3.png) no-repeat;
}
.cs_main li:hover .img.bg3{
	background: url(../images/cs_logo_3h.png) no-repeat;
}
.cs_main li .img.bg4{
	width: 132px;
	height: 136px;
	margin: 0 auto;
	background: url(../images/cs_logo_4.png) no-repeat;
}
.cs_main li:hover .img.bg4{
	background: url(../images/cs_logo_4h.png) no-repeat;
}
.cs_main li .img.bg5{
	width: 132px;
	height: 136px;
	margin: 0 auto;
	background: url(../images/cs_logo_5.png) no-repeat;
}
.cs_main li:hover .img.bg5{
	background: url(../images/cs_logo_5h.png) no-repeat;
}
.cs_main li .img.bg6{
	width: 132px;
	height: 136px;
	margin: 0 auto;
	background: url(../images/cs_logo_6.png) no-repeat;
}
.cs_main li:hover .img.bg6{
	background: url(../images/cs_logo_6h.png) no-repeat;
}
.cs_main li .img.bg7{
	width: 132px;
	height: 136px;
	margin: 0 auto;
	background: url(../images/cs_logo_7.png) no-repeat;
}
.cs_main li:hover .img.bg7{
	background: url(../images/cs_logo_7h.png) no-repeat;
}
.cs_main li .img.bg8{
	width: 132px;
	height: 136px;
	margin: 0 auto;
	background: url(../images/cs_logo_8.png) no-repeat;
}
.cs_main li:hover .img.bg8{
	background: url(../images/cs_logo_8h.png) no-repeat;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.cs_mainBg{
	min-width: 1000px;
	background: url(../images/cs_bg_m.jpg) center bottom no-repeat, url(../images/cs_bg.jpg) center top repeat-x;
}
.cs_main{
	width: 1000px;
	margin: 0 auto;
	height: auto;
}
.cs_main ul{
	width: 580px;
	height: auto;
}
.cs_main ul li{
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.cs_mainBg{
	min-width: 320px;
	background: url(../images/cs_bg_m.jpg) center bottom no-repeat, url(../images/cs_bg.jpg) center top repeat-x;
}
.cs_main{
	width: 90%;
	margin: 0 5%;
	height: auto;
}
.cs_main ul{
	width: 250px;
}
.cs_main li.bot{
	margin: 0;
}
.cs_main li{
	margin: 10px 0;
}
}