body{
	font-size: 16px;
	line-height: 30px;
	font-family: "微軟正黑體";
	color: #333;
}
.cg_mainBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 0;
	background: url(../images/cg_bg.png) center bottom repeat-x;
}
.cg_main{
	width: 1200px;
	margin: 0 auto;
}
.cg_main .text{
	width: 100%;
	float: left;
	padding: 0 0 30px 0;
}
.cg_main .text ul{
	width: 970px;
	margin: 0 auto;
}
.cg_main .text li{
	width: 182px;
	float: left;
	height: 250px;
	margin: 15px 30px
}
.cg_main .text li.bg1:hover, .cg_main .text li.bg2:hover, .cg_main .text li.bg3:hover, .cg_main .text li.bg4:hover{
	-o-transition: .30s linear;
    -webkit-transition: .30s linear;
    -moz-transition: .30s linear;
    transition: .30s linear;
}
.cg_main .text li.bg1{
	background: url(../images/cg_btn_bg_1.png) center top no-repeat;
}
.cg_main .text li.bg1:hover{
	background: url(../images/cg_btn_bg_1h.png) center top no-repeat;
}
.cg_main .text li.bg2{
	background: url(../images/cg_btn_bg_2.png) center top no-repeat;
}
.cg_main .text li.bg2:hover{
	background: url(../images/cg_btn_bg_2h.png) center top no-repeat;
}
.cg_main .text li.bg3{
	background: url(../images/cg_btn_bg_3.png) center top no-repeat;
}
.cg_main .text li.bg3:hover{
	background: url(../images/cg_btn_bg_3h.png) center top no-repeat;
}
.cg_main .text li.bg4{
	background: url(../images/cg_btn_bg_4.png) center top no-repeat;
}
.cg_main .text li.bg4:hover{
	background: url(../images/cg_btn_bg_4h.png) center top no-repeat;
}

.cg_main .text li .img{
	width: 100%;
	height: 143px;
	float: left;
	padding: 60px 0 0 0;
	text-align: center;
}
.cg_main .text li:hover .img{
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
	-o-transition: .30s linear;
    -webkit-transition: .30s linear;
    -moz-transition: .30s linear;
    transition: .30s linear;
}
.cg_main .text li .tit{
	float: left;
	text-align: center;
	padding: 5px 0;
	background: #fff;
	border: 3px solid #ccc;
	width: 90%;
	margin: 0 5%;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.cg_mainBg{
	min-width: 1000px;
}
.cg_main{
	width: 1000px;
}
.cg_main .text{
	width: 95%;
	padding: 30px 2.5% 0 2.5%;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.cg_mainBg{
	min-width: 320px;
}
.cg_main{
	width: 90%;
	margin: 0 5%;
	height: auto;
}
.cg_main .text{
	width: 100%;
	height: auto;
	padding: 15px 0;
	background: none;
}
.cg_main .text ul{
	width: 181px;
	margin: 0 auto;
}
.cg_main .text li{
	margin: 15px 0;
}
}