*{padding: 0;margin: 0;box-sizing: border-box;}
html{font-size: 12px;}
li{list-style: none;}
img{
	max-width: 100%;
}
#main{width: 100%;}
.contentwarp{
	max-width: 780px;
	min-width: 320px;
	margin: 0 auto;
}
.vote .header{
	line-height: 0;
}
.vote .panelwarp{
	border-left: 1px solid #7D7D7D;
	border-right: 1px solid #7D7D7D;
	padding: 20px 0px;
}
.vote .panelwarp .title{
	max-width: 725px;
	height: 25px;
	margin: 15px auto;
}
.vote .newwarp .title{
	background: url('../images/vote-bar03.jpg') no-repeat center;
}
.vote .goodwarp .title{
	background: url('../images/vote-bar.gif') no-repeat center;
}
.vote .formwarp .title{
	background: url('../images/vote-bar03.gif') no-repeat center;
}
.vote .item{
	width: 25%;
	height: 300px;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}
.vote .item .img img{width: 124px; height: 160px;}
.vote .listwarp{
	overflow: hidden;
}
.vote .item .radios{
	width: 15px;
	height: 15px;
}

.vote .item .icon{
	display: inline-block;
	border-radius: 50%;
	width: 18px;
	height: 18px;
}
.vote .item .name{
	font-size: 14px;
	font-weight: 700;
	color: #F29417;
	position: relative;
	top: -4px;
}

.vote .formwarp .form{width: 660px;margin: 0 auto;}
.vote .red{color: red;}
.vote .darkgreen{color: darkgreen;}
.vote .form-inline{width: 100%;overflow: hidden;margin-bottom: 15px;}
.vote .form-left{float: left;width: 42%;}
.vote .form-right{float:left;width: 55%;}
.vote .form input[type="text"]{font-size: 15px;}
.vote .form input[type="radio"]{margin-left: 5px;}
.vote .btn-inline{width: 150px;margin: 0 auto;}
.vote .btn-inline input{padding:1px 6px;}

.vote .textwarp{
	padding:25px;
}
.vote .footerwarp{
	max-width: 596px;
	overflow: hidden;
	margin: 0 auto;
}
.vote .footerwarp .footer-left{
	float: left;
}
.vote .footerwarp .footer-right{
	float: right;
}
.vote .footerwarp .logo{
	margin-top: 10px;
}
.vote .footerwarp .logo .mr{margin-right: 40px;}

.title_25{font-size: 12px;}

.vote .form-inline .call{
	float: left;
}
.vote .form-inline .text{
	float: left;
}

.vote .floor2{
	padding:  60px 10px;
	text-align: center;
}

.index .header{
	height: 10px;
	background: url('../images/index_top.gif') no-repeat center;
	background-size: 100%;
}
.index .panelwarp{
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	padding: 20px 0;
}
.index .floor2{
	padding-left: 20px;
	overflow: hidden;
}
.index .floor2 .blockleft{
	max-width: 336px;
	float: left;
}

.index .floor2 .blockleft .imgwarp{
	line-height: 0;
}
.index .floor2 .blockleft .textwarp{
	padding: 0px 3px 0px 3px;
}
.index .floor2 .blockleft .text{
	padding: 10px;
	border: 1px solid #CCCCCC;
	border-top: none;
	border-radius: 0px 0px 10px 10px;
}

.index .floor2 .blockright{
	max-width: 348px;
	/*float: right;*/
	text-align: center;
	padding: 60px 10px 0;
    margin: 0 auto;
}

.index .pricecolor{
	color: #CC0000;
}

.swbwarp{
	max-width: 550px;
	min-width: 320px;
	margin: 10px auto 0;
}

.swbwarp .headerbar{
	width: 100%;
	height: 10px;
	background: url('../images/index_top.gif') no-repeat center;
	background-size: 100% 100%;
	display: none;
}
.swbwarp .header{
	position: relative;
	line-height: 0;
}
.swbwarp .panelwarp{
	border-left: 1px solid #7D7D7D;
	border-right: 1px solid #7D7D7D;
	padding: 10px 20px;

}


.swbwarp .closebtn{
	display: block;
	position: absolute;
	width: 12.4%;
	height: 80%;
	right: 0;
	top: 8%;
	background: url('../images/s4d0_s2.gif') no-repeat center;
	background-size: 100%;
	opacity: 0;
}
.swbwarp .closebtn2{
	display: block;
	position: absolute;
	width: 100%;
	height: 80%;
	right: 0;
	top: 8%;
	background: url('../images/s4d0_s2.gif') no-repeat center;
	background-size: 100%;
	opacity: 0;
}
.swbwarp .closebtn:hover,.swbwarp .closebtn2:hover{
	opacity: 1;
}
.swbwarp .infowarp{
	float: left;
	margin-right: 20px;
	text-align: center;
}
.swbwarp .infowarp .img{
	line-height: 0;
	margin-bottom: 10px;
}

.swbwarp .infowarp .icon{
	width: 18px;
	height: 18px;
	display: inline-block;
	position: relative;
	top: 2px
}

.swbwarp .infowarp .name{
	font-size: 16px;
	color: #F29417;
	font-weight: bold;
}

.swbwarp .infowarp .text{
	font-size: 12px;
}

.swbwarp .textwarp p{
	font-size: 12px;
	line-height: 150%;
	margin: 20px 0;
}

.swbwarp .footer{
	height: 10px;
	background: url('../images/s4f.gif') no-repeat center;
	background-size: 100%;
}
.swbwarp .header{
	width: 100%;
	height: 30px;
	/*background: url('../images/sw-top.png') no-repeat center;*/
	/*background-size: 100% 100%;*/
}
.swbwarp .header.top1{
	width: 240px;
	background: url('../images/swpa-top.png') no-repeat;
	background-position: -8px -3px;
	background-size: cover;
	height: 30px;
	margin: 0 auto;
	display: none;
}

.swbwarp .header.topb1{
	width: 124px;
	background: url('../images/swpb-top.png') no-repeat;
	background-position: -8px -3px;
	background-size: cover;
	height: 30px;
	margin: 0 auto;
	display: none;
}

.swbwarp .header.top2{
    height: 30px;
	background: url('../images/top3_2025.jpg') no-repeat;
    margin: 0 auto;
    background-position: center -1px;
	display: none;
}

.swbwarp .header.top3{
	width: 67px;
	height: 30px;
	margin: 0 auto;
	background: url('../images/swpa-top.png') no-repeat;
	background-size: cover;
	background-position: -482px 0px;
	display: none;
}
.swbwarp .header.top4{
    height: 30px;
	background: url('../images/top3.png') no-repeat;
    margin: 0 auto;
    background-position: center -1px;
	display: none;
}

.swbwarp .header.topb3{
	width: 67px;
	height: 30px;
	margin: 0 auto;
	background: url('../images/swpb-top.png') no-repeat;
	background-size: cover;
	background-position: -482px 0px;
	display: none;
}



/*commonstyle*/
.footer-bar{
	height: 10px;
	background: url('../images/s1q.gif') no-repeat center;
	background-size: 100%;
}
.copyright{
	color: #666666;
	font-family: Arial, Helvetica;
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 15px;
}
.copyright .br{
	display: none;
}
/*commonstyle end*/

@media screen and (max-width: 740px) {

	.index .floor2 .blockleft,.index .floor2 .blockright{
		float: none;
		margin: 0 auto;
	}
	.index .floor2{
		padding: 0;
	}
    .vote .panelwarp .title{
        margin: 15px 10px;
    }

}

@media screen and (max-width: 680px) {
    .vote .item{
    	width: 33.33333%;
    }
	.vote .formwarp .form{
		width: 100%;
		padding: 10px 20px;
	}
    .vote .form-left{width: 100%;margin-bottom: 10px;}
    .vote .form-right{width: 100%;}
    .vote .form-inline .text{
    	margin-bottom: 5px;
    }
    .vote .footerwarp{
    	padding: 0 25px;
    }
    .vote .title{
    	/*background: url(../images/vote-bar02.gif) no-repeat !important;*/
    	background-position: left !important;
    }

}


@media screen and (max-width: 560px) {
    .vote .item{
    	width: 50%;
    }
    .vote .newwarp .title{
        background: url('../images/vote-bar03_mobile.jpg') no-repeat center;
    }
    .vote .newwarp .title{
        width: 100%;
        height: 50px;
        margin: 15px auto;
        text-align: center;
    }
}


@media screen and (max-width: 500px) {
    .vote .footerwarp .footer-right{
    	float: none;
    	margin-top: 10px;
    }
    .vote .footerwarp .footer-left{
    	float: none;
    	margin-top: 10px;
    }
    .copyright .br{
    	display: block;
    }
	.swbwarp .header.top0{
		display: none;
	}
    .swbwarp .header.top1,.swbwarp .header.topb1,.swbwarp .header.top2,.swbwarp .header.top4,.swbwarp .header.top3,.swbwarp .headerbar{
    	display: block;
    }
    .swbwarp .headerwarp{
    	border: 1px solid #7D7D7D;
    	border-bottom: none;
    	border-top: none;
    }
}