.banner {padding:3rem 0 0 0;position: relative;z-index: 3; background-repeat: no-repeat; background-position: right 0; background-size:55% auto; background-image: url(https://famisafe.wondershare.com/style/images/img_bg2.png);}
.banner .title {font-size:2.6rem; margin-bottom: 1rem;}
.banner .info {font-size: 1.5rem; font-weight: 300;}
.banner .btnBox {padding-top:1rem;}
@media (min-width: 992px) {
	.banner_bg_rb.banner_bg_sm {background-position:right bottom; background-size:60% auto;}
}
@media (min-width: 1200px) {
	.banner {padding:5rem 0 3rem 0;}
	.banner .info {margin-top:2rem; font-size: 1.5rem;}
}
@media (min-width: 1920px) {
	.banner {background-size:50% auto;}
}
@media (min-width: 2300px) {
	.banner_bg_rb {background-size:45% auto;}
	.banner_bg_rb.banner_bg_sm {background-size:65% auto;}
}
@media (max-width: 767px) {
	.banner {background-size:200% auto; background-position: center 0; text-align: center;}
	.banner_bg_rb {background-size:180% auto; background-position:70% 0;}
	.banner_bg_rb.banner_bg_sm {background-size:140% auto;}
}

.page-nav {padding:3rem 0; font-size: 1.25rem;}
.page-nav li a {border-bottom: solid 2px #dbdbdb; padding: 1rem 0;}
.page-nav li a.active {border-bottom: solid 2px #00bcf2;}
@media (max-width: 1200px) {
	.page-nav {font-size: 1rem;}
	.page-nav li a {padding: 1rem .5rem}
}
@media (max-width: 767px) {
	.page-nav {display: none;}
}

.cont-tab-menu {display: none;padding: 15px; font-size: 1.25rem; font-weight: 600; position: relative;}
.cont-tab-menu .wsc-icon {position:absolute;top: 15px;right: 15px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.cont-tab-menu.active .wsc-icon {transform: rotate(180deg);}
@media (max-width: 768px) {
	.cont-tab-box {margin:15px; border-radius: 1rem; box-shadow: 0 0 30px #333; box-shadow: 0 0 30px rgba(0,0,0,.2); background-color: #fff;}
	.cont-tab-menu {display: block;}
}

.faq-box .item {margin-bottom: 3rem;}
.faq-box .item .title {position: relative;}
.faq-box .item .title .wsc-icon {display: none; position:absolute;top: 0;right: 0; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.faq-box .item .active .wsc-icon {transform: rotate(180deg);}
@media (max-width: 768px) {
	.faq-box .item {margin:10px 0; padding:20px; border-radius: 1rem; box-shadow: 0 0 30px #333; box-shadow: 0 0 30px rgba(0,0,0,.2); background-color: #fff;}
	.faq-box .item .title {margin-bottom: 0; font-size: 1.25rem;}
	.faq-box .item .title .wsc-icon {display:block;}
	.faq-box .item .title.active {margin-bottom: .5rem;}
}

.faq-list {min-height: 500px;}

/*backup bottom topics list*/
.nav-category {padding:2rem 0;}
.nav-category .column {margin-bottom: 0; font-size: 1.5rem; position: relative;}
.nav-category .column-xs {font-size: 1.25rem;}
.nav-category .column .wsc-icon {display: inline-block; position:absolute;top: 0;right: 0; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.nav-category .active .wsc-icon {transform: rotate(180deg);}
.nav-category a.curr {color: #00bcf2;}
.nav-category ul {margin:1rem 0 0 0; padding:0;}
.nav-category ul:after {display: block;content: '';clear: both;}
.nav-category ul li {margin: 3px 0; padding:3px 0; list-style: none; position: relative;}
.nav-category ul li ul {margin:-3px 0 -3px .5rem; display: none;}
.nav-category ul li ul li {padding-left:10px; margin: 0; font-weight:400;}
.nav-category ul li ul li:before {display: inline-block;content:''; width: 4px; height: 4px; overflow: hidden; border-radius: 100%; background-color: #6a6a6a; position: absolute;top:13px; left: 0;}
.nav-category dl {padding:10px 0; margin:5px 0 0 0;}
.nav-category dd > ul {margin: 0;}
.nav-category dd > ul > li {margin: 0;}
.nav-category dl dt{padding:5px 0; margin:0; font-size:1.15rem; font-weight:bold; color: #4a4a4a; position:relative;}
.nav-category dl dt img {width:30px; margin-right:5px; display:none;}
.nav-category dl dd {margin-bottom: 1rem;}
.nav-category dl dt[mouse="action"] {cursor:pointer;}
.nav-category dl dt[mouse="action"]:before {display:inline-block; content: ''; width:0; height:0; border-left:solid 4px transparent; border-right:solid 4px transparent; border-top: solid 4px #999; float:right; position:absolute; top:20px; right:8px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.nav-category dl dt.active:before {transform:rotate(180deg);}
.nav-category dl dt.active {margin-bottom: 5px;}
.nav-category.nc-img dl dt {padding:5px 15px 5px 0;}
.nav-category.nc-img dl dt:after {display: block; content: '';clear: both;}
.nav-category.nc-img dl dt img {float: left; display: inline-block;}
.nav-category.nc-img dl dt span {display: block;padding:2px 0 0 35px;}
.nav-category.nc-img dl dd {padding-left: 35px;}
.nav-category.nc-dot ul li {padding-left:10px;}
.nav-category.nc-dot ul li:before {display: inline-block;content:''; width: 4px; height: 4px; overflow: hidden; border-radius: 100%; background-color: #6a6a6a; position: absolute;top:13px; left: 0;}
.nav-category.nc-dot ul li.sub {padding-left: 5px;}
.nav-category.nc-dot ul li.sub:before {display: none;}
.nav-category.nc-side {padding:15px;}
@media (min-width: 576px) {
	.nav-category.nc-sm-col > ul li {float: left; width: 50%;}
}
@media (min-width: 767px) {
	.nav-category.nc-md-col > ul li {float: left; width: 50%;}
	.nav-category.nc-sm-col > ul li {float: left; width: 33.3%;}
}
@media (min-width: 992px) {
	.nav-category .column {font-size: 1.6rem;}
	.nav-category .column-xs {font-size: 1.35rem;}
	.nav-category .column .wsc-icon {display:none;}
	.nav-category dl dt{padding:5px 15px;}
	.nav-category ul li ul {display: block;}
	.nav-category.nc-md-col > ul li {float: left; width:33.3%;}
	.nav-category.nc-sm-col > ul li {float: left; width:25%;}
	.nav-category.nc-side {padding: 0; background-color:#fff; box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px rgba(0,0,0,.3); border-radius: 1rem;}
	.nav-category.nc-side .column {color:#fff; background-color: #00bcf2; padding: 1rem; margin: 0; border-radius: 10px 10px 0 0;}
	.nav-category.nc-side > ul {padding: 1rem; margin: 0;}
	.nav-category.nc-side dl {margin:0;}
	.nav-category.nc-side dd > ul {padding: 0 1rem;}
	.nav-category.nc-img dl dt {padding:5px 15px 5px 10px;}
	.nav-category.nc-img dl dd {padding-left: 45px;}
	.nav-category.nc-img dl ul {padding:0;}

}

@media (min-width: 992px) {
	.nav-category-fix {width:260px; float:left; position:absolute; left:50%; margin-left:-470px; z-index:6; top:555px;}
}
@media (min-width: 1200px) {
	.nav-category-fix {width:300px;}
}
@media (min-width: 1280px) {
	.nav-category-fix {margin-left:-600px;}
}
@media (min-width: 1600px) {
	.nav-category-fix {margin-left:-720px;}
}
.nav-category-side .column {position: relative;}
.nav-category-side .column .wsc-icon {display: none; position:absolute;top: 0;right: 0; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.nav-category-side .active .wsc-icon {transform: rotate(180deg);}
@media (max-width: 992px) {
	.nav-category-side .column .wsc-icon {display: inline-block;}
	.nav-category-side > ul li,
	.nav-category-side dd > ul > li {float: left; width:48%; margin-left: 2%;}
	.nav-category-side > ul li:first-child,
	.nav-category-side dd > ul > li:first-child {margin-left: 0;}
	.nav-category-side ul li:nth-of-type(2n+1) {clear: both; margin-left: 0;}
	.nav-category-side dd ul ul {display: none;}

	.nav-category-side.nc-img dl dt span {padding:0;}
	.nav-category-side.nc-img dl dt img {display:none;}
	.nav-category-side.nc-img dl dd {padding-left: 0;}
}
@media (max-width: 320px) {
	.nav-category-side ul li {float: none; width:auto;}
}

/*review-write*/
.reviewsArea{padding:20px 8%; overflow:hidden; background:#fff; border:solid 1px #e5e5e5; position: relative; z-index: 2;}
.reviewsArea .fr {float: right;}
.reviewsArea .topBar{padding:20px 0 0 0; text-align: center;}
.reviewsArea .topBar .continue{float:left;margin:12px 0 0;display:block;width:165px;height:33px}
.reviewsArea div.title{padding:5px 0; margin-bottom:10px;line-height:40px;border-bottom:1px dashed #dcdcdc; overflow:hidden;}
.reviewsArea strong.title {display: block;}
.reviewsArea .reviewsItem{padding:10px 28px;}
.reviewsArea-btm{width:700px;height:134px;margin:0 auto}
.reviewsArea .writeForm{padding:20px 28px;}
.reviewsArea .writeForm .require{ color:#f26522; line-height:26px; font-weight:bold;}
.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 #captcha_value {width: 100px; display: inline-block;}
/*.reviewsArea .writeForm input[type=text]{background:#fff;font-size:13px;border:1px solid #dcdcdc;  width:100%;padding:0 5px;height:26px;line-height:26px;color:#888; }
.reviewsArea .writeForm textarea{background:#fff;border:1px solid #dcdcdc;width:100%;height:68px;font-size:13px;max-width:100%;;padding:5px;color:#888; }*/
.reviewsArea .btnBox {padding:15px 0; text-align:center;}
.reviewsArea .btnBox a {padding: .5rem 2rem;}
.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; margin: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;}
}

.review-list {position: relative; z-index: 3;}
.review-list .list {overflow:hidden; border-bottom:solid 1px #e5e5e5; padding:25px 0; position:relative;}
.review-list .title {font-size: 1.25rem; font-weight: 700; margin-bottom: 1rem;}
.review-list .rev-rat {padding-top: .5rem; font-size: .88rem;}
.review-list .rev-rat .rating {vertical-align: middle;}
.review-list .rev-rat .name {display: inline-block; vertical-align: middle; margin-left: 10px;}
.review-list .rev-rat .date {display: inline-block; vertical-align: middle; margin-left: 10px;}
.review-list .rev-rat .date:before {display: inline-block;content: '|'; margin-right:10px;}