@charset "utf-8";
/* CSS Document */
.side_box {padding:0 0 30px 0;}
.side_recpro {margin-bottom:30px;}
.side_recpro .pic {text-align:center; padding:0 0 10px 0;}
.side_recpro .info {text-align:left;font-size:14px; line-height:1.4em;}
.side_recpro .name {font-size:18px; line-height:1.2em; font-weight:bold; padding:10px 0;}
.side_recpro .btn {padding:20px 0 0 0;text-align:center;}
.side_recpro .btn a.link {display:block; padding:10px 0; font-size:14px; line-height:1.2em;}

.proside_video .list {padding:0 0 20px 0;}
.proside_video .info {padding:10px 0; font-size:14px; line-height:1.4em;}
.proside_help a {color:#5a5b64;}
.proside_help a:hover {color:#2c3db0;text-decoration:none;}
.proside_help ul {overflow:hidden;}
.proside_help ul li {float:left; width:50%; padding:10px 0; font-size:14px; line-height:1.2em; text-align:center; border-top:solid 1px #ebebeb;}
.proside_help ul li:first-child {border-right:solid 1px #ebebeb; border-top:0; margin-right:-1px;}
.proside_help ul li:nth-of-type(2) {border-top:0;}
.proside_help ul li:nth-of-type(2n+1) {border-right:solid 1px #ebebeb; margin-right:-1px; clear:both;}
.proside_help ul li span {display:block; padding:10px;}

/*tech spec*/
.pro_version {padding:0 0 30px 0;}
.pro_version .info {font-size:18px; line-height:1.6em;}

/*reviews*/
.brandbg {padding:30px 0 0 0;}
.brandbg ul{overflow:hidden; text-align:center;}
.brandbg ul li{display:inline-block; height:60px; text-align:center;}
.brandbg ul li a{display:inline-block; background-image:url(images/brand-total-bg.png); background-repeat:no-repeat; width:146px; height:40px; margin:0 auto;}
.brandbg ul li a:hover{display:inline-block; background-image:url(images/brand-total-bg.png); background-repeat:no-repeat;}
.brandbg ul li.bg1 a{ background-position: 0px 0px;}
.brandbg ul li.bg2 a{ background-position: 0px -48px;}
.brandbg ul li.bg3 a{ background-position: 0px -96px;}
.brandbg ul li.bg4 a{ background-position: 0px -144px;}
.brandbg ul li.bg5 a{ background-position: 0px -192px;}
.brandbg ul li.bg6 a{ background-position: 0px -247px;}
.brandbg ul li.bg7 a{ background-position: 0px -295px;}
.brandbg ul li.bg8 a{ background-position: 0px -346px;}
.brandbg ul li.bg9 a{ background-position: 0px -400px;}
.brandbg ul li.bg10 a{ background-position: 0px -457px;}
.brandbg ul li.bg11 a{ background-position: 0px -512px;}
.brandbg ul li.bg12 a{ background-position: 0px -568px;}
.brandbg ul li.bg13 a{ background-position: 0px -624px;}
.brandbg ul li.bg14 a{ background-position: 0px -672px;}
.brandbg ul li.bg1 a:hover{ background-position: -168px 0px;}
.brandbg ul li.bg2 a:hover{ background-position: -168px -48px;}
.brandbg ul li.bg3 a:hover{ background-position: -168px -96px;}
.brandbg ul li.bg4 a:hover{ background-position: -168px -144px;}
.brandbg ul li.bg5 a:hover{ background-position: -168px -192px;}
.brandbg ul li.bg6 a:hover{ background-position: -168px -247px;}
.brandbg ul li.bg7 a:hover{ background-position: -168px -295px;}
.brandbg ul li.bg8 a:hover{ background-position: -168px -346px;}
.brandbg ul li.bg9 a:hover{ background-position: -168px -400px;}
.brandbg ul li.bg10 a:hover{ background-position: -168px -457px;}
.brandbg ul li.bg11 a:hover{ background-position: -168px -512px;}
.brandbg ul li.bg12 a:hover{ background-position: -168px -568px;}
.brandbg ul li.bg13 a:hover{ background-position: -168px -624px;}
.brandbg ul li.bg14 a:hover{ background-position: -168px -672px;}
@media (max-width: 767px) { 
	.brandbg ul li {float:left; width:50%;}
}

.reviews_top {background:url(images/bg_repeat1.png); padding:60px 0; text-align:center;}
.reviews_top .title {font-size:36px; line-height:1.2em; font-weight:bold; color:#fff; padding:20px 0;}
.reviews_top .info {padding:0 20%; color:#fff;}
.reviews_top .btn {padding:20px 20%;}
.reviews_top .btn .link {display:block; color:#fff; margin:15px 0 0 0;}
@media (max-width: 979px) {
	.reviews_top .info {padding:0 5%;} 
}
@media (max-width: 767px) {
	.reviews_top .title {font-size:30px;}
	.reviews_top .btn {padding:20px 0;}
}

.comment dt{font-size:24px; line-height:1.2em; font-weight:bold; color:#2c3db0;}
.comment dd{border-bottom:solid 1px #e2e2e2; padding-bottom:40px; margin-bottom:40px; }
.comment dd .text{padding:20px 0;}
.comment dd .col999{ color:#ababab; font-size:14px;}
.comment dd .linegray{ display:inline-block; padding-left:12px; padding-right:12px; }
.comment dd .rating {float:right;}
.comment dd .rating li{ margin:8px 2px 0; }

/*review-write*/
.reviewsArea{padding-bottom:20px; overflow:hidden; background:#fff; border:solid 10px #f6f6f6; text-align:left;}
.reviewsArea .topBar{ border-bottom:solid 1px #f3f3f3; overflow:hidden;padding:20px 28px; }
.reviewsArea .topBar strong{font-size:25px; line-height:25px;margin-bottom:5px;  font-weight:normal;display:block}
.reviewsArea .topBar p{font-size:14px}
.reviewsArea .topBar .return{float:left;margin:12px 10px 0 0;display:block;background:url(images/reviews.png) no-repeat 0 -55px;width:158px;height:35px}
.reviewsArea .topBar .continue{float:left;margin:12px 0 0;display:block;background:url(images/reviews.png) no-repeat 0 -90px;width:165px;height:33px}
.reviewsArea .title{padding:5px 0; color: #5a5b64; font-size: 16px;overflow:hidden;}
.reviewsArea div.title{ line-height:40px;border-bottom:1px dashed #dcdcdc; margin-bottom:10px; }
.reviewsArea .reviewsItem{padding:10px 28px;}
.reviewsArea-btm{background:url(images/area-bg_14.png) no-repeat;width:700px;height:134px;margin:0 auto}
.reviewsArea .writeForm{padding:20px 28px;}
.reviewsArea .writeForm .require{ color:#f26522; line-height:26px; font-weight:500;}
.reviewsArea .writeForm .tip{color:red;margin-left:20px;display:none}
.reviewsArea .writeForm .rating{margin-top:0;position:relative;}
.reviewsArea .writeForm .rating p{position:absolute;top:25px; margin-left:50px;width:80px;height:32px;line-height:32px;display:none;text-align:center;font-size:15px; background:#fff; border:solid 1px #f3f3f3;}
.reviewsArea .writeForm .distr{margin:1px 0 0 1px}
.reviewsArea .writeForm label{display:block;margin:6px 0}
.reviewsArea .writeForm input[type=text]{background:#fff;font-size:13px;border:1px solid #dcdcdc;  width:93%;padding:0 5px;height:26px;line-height:26px;color:#888; }
.reviewsArea .writeForm textarea{background:#fff;border:1px solid #dcdcdc;width:93%;height:68px;font-size:13px;max-width:95%;padding:5px;color:#888; }
.reviewsArea .btn {padding:15px 0; text-align:center;}
.reviewsArea .note{ background:#f6f6f6; padding:10px 15px; margin:10px 0 0;}
.reviewsArea .note a{ color:#15abef}
li.vl-item{float:left;width:100%}
.reviewsArea dl.confirm{padding:10px 0 0 0; overflow:hidden;}
.reviewsArea dl.confirm dt{ float:left; width:30%; text-align:right; font-weight:bold;}
.reviewsArea dl.confirm dd{ padding-left:32%;}
@media (max-width: 767px) {
	.reviewsArea .writeForm{ width:90%;} 
	.reviewsArea .topBar strong{ font-size:18px; line-height:1.5em;}
	.reviewsArea dl.confirm dt{ float:none; width:auto; text-align:left; }
	.reviewsArea dl.confirm dd{ padding-left:0;}
}