@charset "utf-8";
/* MavenProRegular-ext */
@import url(https://fonts.googleapis.com/css?family=Rubik:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic|Rubik+Mono+One|Rubik+One);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);

/* CSS Document */
::-moz-selection{background:#2c2047;color:#fff;}
::selection{background:#2c2047;color:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0; -webkit-text-size-adjust:none;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:outside decimal; margin-left:18px; line-height:1.6em;}
ol li{ line-height:1.8em;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active,a:focus{outline:none;blr:expression(this.onFocus=this.blur());}
a{outline:none;text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle; max-width:100%;}
body{font:14px/1.6em "Lato",sans-serif,Arial,Helvetica; color:#1f1f1f;background:#fff; }

input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:Rubik,sans-serif,Arial,Helvetica; outline:none; color:#666; vertical-align:top; font-size:14px; line-height:1.2em;}
input[type='checkbox']{vertical-align:text-top; vertical-align:baseline\9;}
select{font-family:Helvetica,Arial,sans-serif;}
select:focus{ outline:none; }

/*basic*/
.fl {float:left;}
.fr {float:right;}
.ac{ text-align:center;}
.al{ text-align:left;}
.ar{ text-align:right;}
.clear{ clear:both; height:0; overflow:hidden;}
.noh{ overflow:visible !important;}
.noBor{background:none !important; border:none !important; margin-right:0 !important;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.hide{ display:none !important;}
.nobg{ background:none !important;}
hr{border:none; height:0; overflow:hidden; border-bottom:1px dotted #666;margin:12px 0; *margin:0; height:0;} 
.maxW{ max-width:100%;}
.mauto {margin:0 auto !important; display:block !important;}
.mt5{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt25{margin-top:25px !important;}.mt30{margin-top:30px !important;}.mt35{margin-top:35px !important;}.mt40{margin-top:40px !important;}.mt60{margin-top:60px !important;}.mt50{margin-top:50px !important;}.mt0{margin-top:0 !important;}
.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}.mb60{margin-bottom:60px !important;}.mb0{margin-bottom:0px !important;}
.ml5{margin-left:5px !important;}.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml30{margin-left:30px !important;}.ml40{margin-left:40px !important;}.ml0{ margin-left:0 !important;}
.mr5{margin-right:5px !important;}.mr10{margin-right:10px !important;}.mr15{margin-right:15px !important;}.mr20{margin-right:20px !important;}.mr30{margin-right:30px !important;}.mr40{margin-right:40px !important;}.mr0{ margin-right:0 !important;}

/*respon*/
.container{width:1100px;margin:0 auto;} 
.row-fluid {width:auto;margin:0 auto;*zoom: 1;overflow:hidden;}
.row-fluid:before,.row-fluid:after {display: table;line-height: 0;content: "";} 
.row-fluid .span{float: left; display: block; margin-left: 2.564102564102564%; margin-left:1.564102564102564%\9; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.row-fluid .span img{max-width: 100%;-ms-interpolation-mode: bicubic;}
.row-fluid .span:first-child {margin-left: 0;}
.row-fluid .span2 { width: 48.717948717948715%;  width:48%\9; }/*border====   margin-left:0\9; width:48%\9;*width:47.7%; margin-right:2%\9;*/
.row-fluid .span3 { width: 31.623931623931625%; }/*padding:0 0 0 4%; margin-left:0; width:31.96%;* width:28%;*/
/*border====    margin-left:0\9; width:31.29%\9;*width:31.14%; margin-right:2%\9;*/
.row-fluid > .span2:nth-of-type(2n+1),.row-fluid > .span3:nth-of-type(3n+1),.row-fluid > .span5:nth-of-type(5n+1) { margin-left: 0;}
.row-fluid > .span2:nth-of-type(2n+1),.row-fluid > .span3:nth-of-type(3n+1){ clear:both}
.row-fluid .span4:nth-of-type(4n+1){ margin-left:0; clear:both}
.row-fluid .span4 { width: 23.076923076923077%;*width: 23%; }/* padding:0 1%; margin-left:0; width:24.99%;* width:22.8%;*/
.row-fluid .span5 {  width: 17.90%;padding:0 0 0 4%\9; margin-left:0\9; width:19.2%\9;* width:15%;}
@media (max-width: 1100px) {
	.container{width:auto; padding:0 3%;}
}
@media (max-width: 767px) {
	.row-fluid .span3 { width: 48.717948717948715%; }
	.row-fluid > .span3:nth-of-type(3n+1) { margin-left:  2.564102564102564%; clear:none }
	.row-fluid > .span3:nth-of-type(2n+1),.row-fluid .span4:nth-of-type(2n+1) { margin-left: 0; clear:both }
	.row-fluid .span4 { width: 48.717948717948715%;margin-left:0; margin-bottom:15px;}/*width: 48.717948717948715%; margin-left:0; margin-bottom:15px;*/
	
}
@media (max-width: 479px) { 
	.row-fluid .span { width: 100% !important;margin-left: 0 !important;  }
}
.visible-phone,.visible-tablet,.hidden-desktop {display: none !important;}
.visible-desktop {display: inherit !important;}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop, .visible-tablet{display: inherit !important;}
  .visible-desktop, .hidden-tablet {display: none !important ;} 
}
@media (max-width: 767px) {
  .hidden-desktop,.visible-phone { display: inherit !important;  }
  .visible-desktop,.hidden-phone {display: none !important;} 
}

.gradient{
    background: #0ef9e2;
    background: -moz-linear-gradient(left,  #0ef9e2 0%, #10f6af 80%);
    background: -webkit-gradient(linear, left center, right center, color-stop(0%,#0ef9e2), color-stop(80%,#10f6af));
    background: -webkit-linear-gradient(left,  #0ef9e2 0%,#10f6af 80%);
    background: -o-linear-gradient(left,  #0ef9e2 0%,#10f6af 80%);
    background: -ms-linear-gradient(left,  #0ef9e2 0%,#10f6af 80%);
    background: linear-gradient(to right,  #0ef9e2 0%,#10f6af 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ef9e2', endColorstr='#10f6af',GradientType=1 );
}
.gradient2{
    background: #0ef9e2;
    background: -moz-linear-gradient(top,  #10f6af 0%, #0ef9e2 100%);
    background: -webkit-gradient(linear, top center, bottom center, color-stop(0%,#10f6af), color-stop(100%,#0ef9e2));
    background: -webkit-linear-gradient(top,  #10f6af 0%,#0ef9e2 100%);
    background: -o-linear-gradient(top,  #10f6af 0%,#0ef9e2 100%);
    background: -ms-linear-gradient(top,  #10f6af 0%,#0ef9e2 100%);
    background: linear-gradient(to bottom,  #10f6af 0%,#0ef9e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10f6af', endColorstr='#0ef9e2',GradientType=0 );
}
:root .gradient,
:root .gradient2{filter:none;}

/*btn*/
.btn_try,
.btn_buy {display:inline-block;background:url(images/btnImg.png) no-repeat 0 0 #10f6af; border:solid 2px #10f6af; border-radius:100px; font-size:18px; line-height:1.2em; font-weight:bold; color:#333 !important; padding:15px 30px 11px 60px; box-shadow:0 3px 5px #ccc;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btn_try {background-position:17px -7px;}
.btn_buy {background-position:17px -126px; background-color:#fff;}
.btn_try:hover {text-decoration:none; background-color:#0ef9e2;border:solid 2px #0ef9e2;color:#333 !important;}
.btn_buy:hover {text-decoration:none; background-color:#10f6af;border:solid 2px #10f6af;color:#333 !important;}

.btndown_win,
.btndown_mac,
.btnbuy_win,
.btnbuy_mac {display:inline-block;background:url(images/btnImg.png) no-repeat 0 0 #10f6af; border:solid 2px #10f6af; border-radius:100px; font-size:18px; line-height:1.2em; font-weight:bold; color:#333 !important; padding:12px 30px 10px 60px; box-shadow:0 3px 5px #ccc;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btndown_win {background-position:17px -247px; background-color:#fff;}
.btndown_mac {background-position:17px -367px;}
.btndown_win:hover {text-decoration:none;background-color:#10f6af;border:solid 2px #10f6af;}
.btndown_mac:hover {text-decoration:none;background-color:#0ef9e2;border:solid 2px #0ef9e2;}
.btnbuy_win {background-position:17px -126px; background-color:#fff;}
.btnbuy_mac {background-position:17px -126px;}
.btnbuy_win:hover {text-decoration:none; background-color:#10f6af;border:solid 2px #10f6af;}
.btnbuy_mac:hover {text-decoration:none; background-color:#0ef9e2;border:solid 2px #0ef9e2;}

.btn_default {display:inline-block;background:#fff; border:solid 2px #10f6af; border-radius:100px; font-size:16px; line-height:1.2em; font-weight:bold; color:#333; padding:13px 30px; box-shadow:0 3px 5px #ccc;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.btn_default:hover {text-decoration:none; background:#10f6af;border:solid 2px #10f6af;}

.header{background:#fff;height:85px; border-bottom:solid 1px #d3d3d3;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.header .logo{ float:left; margin:20px 0 -42px;}
.header .logo img{max-width:100%;}
.header .info{ float:right; margin-top:10px; margin-left:10px;color:#555; font-size:12px;}
.header .info a{ color:#555;padding:0 6px; font-size:12px}
.header .input{float:right;display:inline-block;float:right;width:160px;height:28px;border:1px solid #dbdbdb;margin:10px 0 0 0; background:#fff; position:relative;}
.header .input .text{display:inline-block;width:125px;height:26px;line-height:26px;margin-top:2px;background: none !important;margin-left:5px;border: none;font-size: 12px;}
.header .input .search-btn{ display:inline-block;background:url(images/btn.png) no-repeat 0 5px; width:18px; height:28px;border: none; cursor:pointer;}
.header .nav{width:560px; float:right;position:relative;z-index:11;}
.header .nav li{float:left;}
.header .nav li a.title{display:inline-block;height:51px;line-height:51px; padding:0 20px;font-size:15px; color:#000;-webkit-backface-visibility: hidden;} 
.header .nav li.curr a.title,.header .nav li:hover a.title{ border-bottom:4px solid #84c754; font-weight:normal; text-decoration:none;height:49px;color:#84c754 !important;} 
.header .nav li .subNav{display:none;position:absolute;top:53px;left:0;background:#f2f2f2; padding:20px 30px;width:492px;overflow:hidden;-webkit-backface-visibility: hidden; z-index:1;} 
.header .nav li .subNav dl{ float:left; width:225px; -webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d; }
.header .nav li .subNav dl:first-child{ border-right:1px solid #dfdfdf;padding-right:20px; margin-right:20px;}
.header .nav li .subNav dt{ font-size:16px;margin-top:10px;margin-bottom:10px; overflow:hidden; line-height:24px;color:#333;}
.header .nav li .subNav dd a{color:#888; line-height:26px;}
.header .nav li .subNav dd a:hover{color:#84c754;}
.header .nav li .subNav .img{ float:left; margin-right:10px;} 
.header .nav li .subNav_w {width:200px;}
.header .nav li .subNav_w2 {width:200px; left:70%;}
.header .header-toggle{ float:right; width:30%; margin-top:15px; overflow:hidden;}
.header .header-toggle .toggle-nav{ display:block; background:url(images/btn.png) no-repeat -40px 0; width:30px; height:19px; float:right; border-right:1px solid #ececec; margin-right:7px}
.header .header-toggle .toggle-search{ display:block; background:url(images/btn.png) no-repeat -80px 0; width:28px; height:19px; float:right;}
@media (min-width: 979px) {
.header_s2 {height:48px;}
.header_s2 .logo { width:130px; margin:8px 0 0 0;}
.header_s2 .input,.header_s2 .nav {display:none; height:0; overflow:hidden; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
}
@media (min-width: 768px) and (max-width: 979px) {
	 .header{ background:#f4f4f4;height:auto;}
	 .header .logo{ margin-top:8px;}
	 .header .logo img{height:35px;}
	 .header .nav{ width:auto; float:none; margin-top:15px;}
	 .header .input{ margin-top:25px;}
	 .header .nav li .subNav_w2 {left:50%;}
	 .header .nav li a.title{ padding:0 15px; }
}
@media (max-width: 767px) {
	.header{ background:#f4f4f4;height:auto;}
 	.header .nav li:first-child a.title{color:#555 !important;border-bottom:none;}
	.header{ padding-bottom:6px; padding-top:10px;}
	.header .nav{ width:100%;   }
	.header .nav.hidden,.header .input.hidden{ display:none;}
	.header .nav li{ float:none; background:none; padding-bottom:1px;}
	.header .nav li a.title{ display:block; line-height:40px;height:40px;background:url(images/dot-down-nav.png) no-repeat #d8d8d8 95% 18px;} 
	.header .nav li.curr a.title{ border:5px solid #78b949 !important; border-width:0 0 0 5px !important; height:auto}
	.header .nav li:hover a.title{ background-color:#78b949; border:none; color:#fff; height:40px;}
	.header .nav li:first-child:hover a.title{color:#fff !important;}
	.header .nav li a.title img{ display:none;}
	.header .info{ float:none; margin:0; background:#f3f3f3; overflow:hidden;padding:5px 10px; margin-bottom:10px;}
	.header .logo{ width:64%; margin:0 0 10px;}
	.header .logo img{height:35px;}
	.header .input{ float:none; overflow:hidden; margin:0 0 10px; width:100% }
	.header .input .search-btn{margin-right:5px;}
	.header .phoneclear{  clear:both; height:0; overflow:hidden; }
	.header .input .text{width:86%;}
	.header .input .search-btn{ float:right; }
	.header .nav li .subNav{ position:relative; border:none; padding:0; width:100%; top:0;}
	.header .nav li .subNav dl{ float:none; width:100%; margin:0 !important; padding:0 !important;}
	.header .nav li .subNav dl img{ display:none;}
	.header .nav li .subNav dt{ background:#e5f9d6; margin:0 0 1px; height:40px ; line-height:40px; padding:0 16px; color:#365e74; font-size:16px;border-bottom:none;}
	.header .nav li .subNav dd{ background:#fff;margin:0 0 1px;}
	.header .nav li .subNav dd a{ float:none !important; width:69%; display:inline-block;height:40px ; line-height:40px; padding:0 16px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.header .nav li .subNav dd a:hover { text-decoration:none}
	.header .nav li .subNav dd:hover{ background:#eee;}
	.header .nav li .subNav_w2 {left:0;}
}
/*footer*/
.footer{background: url(images/bottom-bg.png) repeat-x;color: #d0d0d0; padding-bottom:1px;}
.footer a{ color:#d0d0d0;}
.footer .footerWrap{background: url(images/bottom-wrap-bg.png) no-repeat 50% 0;padding: 28px 0 0;}
.footer .btm-btm{background: url(images/bottom-btm-bg.png) no-repeat 50% 100%;  padding-bottom:35px; margin-bottom:10px;}
.footer .hr {border-top: 1px solid #393939;border-bottom: 1px solid #565656; margin:20px 0 ;}
.footer .span4 h4{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.totop{display:none;background:url(images/btn.png) 0 -30px;position: fixed;z-index: 2;width:59px;height:58px;bottom: 30px;left: 50%;margin-left: 530px; text-indent:-9999px;}
.footer2{background: url(images/footer-bg.png);color: #fff;padding: 20px 0; text-align:center;}
.footer2 a{ color:#fff;} 
@media (min-width: 768px) and (max-width: 979px) { 
 	.footer .btm-btm .span4{ text-align:center;}
	.footer .btm-btm .span4 img{ display:block; margin:0 auto;}
}

.tc_bg,.tc_bg iframe {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7;z-index:10;}
.tc_bg iframe {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* ie8  */filter:alpha(opacity=0);/* ie5-7  */opacity: 0;}

.bg_gray {background:#f9f9f9;}

/*rating*/
.rating{display:inline-block;*display:inline; zoom:1; *margin-bottom:3px;} 
.rating li{ display:inline-block; *display:inline;*padding:0 2px 0 0; height:15px;width:15px; background:url(images/star_img.png) no-repeat 0 -3px; zoom:1}
.rating li.on{background-position:0 -31px}
.rating li.half{background-position:0 -58px}

.bigRating li{background-position:-30px 0; width:30px; height:30px; }
.bigRating li.on{background-position:-30px -36px}
.bigRating li.half{background-position:-30px -72px}

.smallRating li{background-position:-79px -3px; width:12px; height:12px; }
.smallRating li.on{background-position:-79px -31px}
.smallRating li.half{background-position:-79px -58px}

/*footer-new*/
.footer_bottom{ background:#78b949; padding:25px 0; color:#fff;}
.footer_bottom .link_list{ margin-top:10px;}
.footer_bottom .link_list a{ display:block; color:#fff;}
.footer_bottom .title{ font-size:18px;}
.footer_bottom .choose_lit{ margin-top:15px;}
.footer_bottom .choose_lit dd{ background:url(images/bottom-img-new.png) no-repeat; padding-left:112px; height:35px;padding-top:17px; margin-bottom:15px;}
.footer_bottom .choose_lit dd.sec_img{ background-position:0 0;}
.footer_bottom .choose_lit dd.ser_img{ background-position:0 -60px;}
.footer_bottom .choose_lit dd.back_img{ background-position:0 -125px;}
.footer_bottom .choose_lit dd.sat_img{ background-position:0 -188px;}
.footer_bottom .share_bottom{ margin-top:15px; margin-bottom:30px;}
.footer_bottom .share_bottom a{ display:inline-block; background:url(images/bottom-img-new.png) no-repeat; width:36px; height:35px;}
.footer_bottom .share_bottom a.facebook_bottom{ background-position:-6px -263px;}
.footer_bottom .share_bottom a.twitter_bottom{ background-position:-6px -302px;}
.footer_bottom .share_bottom a.google_bottom{ background-position:-6px -340px;}
.footer_bottom .share_bottom a.youtube_bottom{ background-position:-6px -378px;}
.footer_bottom .share_bottom a.linkin_bottom{ background-position:-6px -415px;}
.footer_bottom .share_bottom a.more_bottom{ background-position:-6px -452px;}
.footer_bottom .btn_contact{display:inline-block;border:1px solid #fff; border-radius:5px;height:40px; line-height:40px;width:210px; background:url(images/bottom-dot.png) no-repeat 200px center;padding-left:20px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; color:#fff;}
.footer_bottom .btn_contact:hover{ text-decoration:none; background:#98d86a url(images/bottom-dot.png) no-repeat 200px center;}
.footer_new{ background:#497925; color:#7aaf52; padding:15px 0; text-align:center;}
.footer_new a{ color:#7aaf52; }
.yadsenserightf{right:0px; top:210px; position:fixed;}
@media (max-width: 767px) {
	.footer_bottom{ padding:15px 0;}
	.footer_bottom .row-fluid { padding:0 15px;}
	.footer_bottom .row-fluid .span{ float:none; width:auto;margin-left:0; margin-bottom:15px;}
	.footer_bottom .link_list a{ display:inline-block; margin-right:10px; text-decoration:underline}
	.footer_bottom .share_bottom{ margin-bottom:15px;}
	.yadsenserightf{ display:none;}
}

/* language selector */
.languageBtn{ display:inline-block; position:relative; }	
.languageIcon {background-color: transparent;width: 278px;position:absolute;right:0;top:-130px;background-color:#fff;border:solid 1px #dedede;display:none;z-index:3;}
.languageIcon ul{ padding-left:18px; padding-top:10px; }
.languageIcon ul li{ width:50%; height:20px; float:left; font-size:12px; line-height:20px; text-align:left; margin-bottom:10px; }
.languageIcon ul li img{ float:left; margin-right:5px; }
.languageBtn .languageIcon ul li a{ color:#333; }

/*bottom choose*/
.choose_bg{background:#0ff8cc url(images/choose_bg.jpg) no-repeat center center;padding:80px 0;}
.choose_bg h2{ font-size:36px; font-weight:700; text-align:center; line-height:1.2em;}
.choose{margin-top:50px;}
.choose .item{float:left;width:15%;height:154px;margin-left:15px;border:2px solid #19d2bc; border-radius:200px; text-align:center;}
.choose .item:first-child{margin-left:0;}
.choose .item strong{display:block;font-size:30px;margin-top:50px;}
.choose .item p{margin-top:10px;padding:0 15px;}
@media (max-width: 979px) {
	.choose .item{ width:15%; margin-left:10px; }
	.choose .item strong{ font-size:24px; }
}
@media (max-width: 767px) {
	.choose .item{ width:30%;margin-top:10px;}
	
}
@media (max-width: 479px) {
	.choose .item{ width:44.2%; }
}

/*paging*/
.paging{ text-align:center; margin:30px 0;}
.paging a{padding:3px 7px ;text-decoration: none; color:#333; font-size:16px; line-height:1.2em;border-radius:100px;}
.paging a:hover{background:#10f6af; color:#333;}
.paging a.curr{color:#2c2047; font-weight:bold; background:none !important;}
.paging .bb{padding:3px 15px ; margin:0 10px; border-radius:100px; border:solid 2px #10f6af; background:#fff; color:#333;}
.paging .bb:hover{background:#10f6af; color:#333; text-decoration:none;}

.totop{ display:none; background:url(images/cssImg.png) no-repeat -140px 0; position:fixed; z-index:2;  width: 69px;height: 62px; bottom:100px; right:0; font-size:16px; text-indent:-9999px;}
.totop:focus{ outline:none}
@media (max-width: 979px) {
	.totop{ display:block !important; position:static; background:url(images/cssImg.png) no-repeat -140px 0; text-align:center; color:#434B52; width:auto;height: 62px; line-height:62px;text-indent:0;}
}

.addthis_floating_style{ position:absolute !important; top:0; left:50%; margin:0 0 0 580px; width:60px; border:1px solid #dbdbdb; padding:10px 6px; background:#fff;}
@media (max-width: 1200px) {
	.addthis_floating_style {display:none;}
}

.rollTop {display:none;position:fixed;top:0;left:0; z-index:999; width:100%; background:#fff; padding:5px 0;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;box-shadow:0 0 5px #ccc;}
.rollTop .container {position:relative; z-index:2;}
.rollTop .close_btn {display:block; width:34px; height:34px; border-radius:100px; overflow:hidden; text-indent:-99999px; text-align:left; background:url(images/close-btn-pop.png) no-repeat center center #fff;box-shadow:0 0 5px #ccc; position:absolute; top:-34px; right:-30px; cursor:pointer;}
.rollTop .name{line-height:1.2em; font-size:20px; font-weight:normal; padding:0 420px 0 0;}
.rollTop .pro_nav {float:right; padding:5px 0 0 0;}
.rollTop .pro_nav li {float:left;}
.rollTop .pro_nav li a {display:block; padding:5px; font-size:16px; line-height:1.2em; position:relative;}
.rollTop .pro_menu {padding:5px 0;float:left;width:62%;}
.rollTop .pro_menu .name {float:left; width:50%; padding:8px 0 0 0;}
.rollTop .btn {float:right;}
.rollTop .btn a{margin:0; font-size:16px; padding:12px 20px 12px 60px;}
.rollTop .pro_nav ul:after,
.rollTop .pro_menu:after{display:block; content:""; clear:both;}
@media (max-width: 979px) {
	.rollTop .pro_menu .name {display:none;}
	.rollTop .pro_menu{width:auto;}
	.rollTop .pro_menu .pro_nav{float:none; width:auto;}
}
@media (max-width: 767px) {
	.rollTop .name {display:none;}
	.rollTop .close_btn {left:50%; right:auto; margin:0 0 0 -17px;}
	.rollTop .btn {float:none; text-align:center;}
}

/*.paypalStyle{display:block !important;}*/