
/* 1. Basic */
* {padding:0;margin:0;border-collapse:collapse;list-style:none;}
body {float:left;width:100%;font-size:13px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;color:#4c4d51;background: #eceef2;}
img,fieldset,input {border:0;vertical-align:middle;}
hr,.hidden,#accessibility-nav {position:absolute;top:-1000em;left:-1000em;width:0;height:0;overflow:hidden;}
hr.clear {position:static;clear:both;border:0;}
.clear {clear:both;}
button,input,textarea,select,code {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;vertical-align:middle;}
button {background:none;cursor:pointer;}
a {text-decoration:none;color:#4d72a7;}
a:hover {color:#354767 ;}
::selection {background-color: #46a5e3;color: white;}
::-webkit-selection{background-color: #46a5e3;color: white;}
::-moz-selection {background-color: #46a5e3;color: white;}

/* 2. Img */
.resource .widget .widget-header .logo, #header .logo a,.logo-black {}
.check-coner:checked{background:url('../../images/site/business/brand-logo.png');background-repeat:no-repeat;background-size:718px 407px;}
.widget-preview, .about .overview .about-support li span i, .num,.overview .brand-list span, .about .overview .about-app li .arrow,.about .overview .about-app .paging a, .ic-plus, .ic-plus2, .ic-star,.ic-check {background-image:url('../../images/site/business/icon.png');background-repeat:no-repeat;background-size:200px 200px;}
.overview .brand-list li a, .overview .brand-list li big,.overview .brand-detail .brand-title big, .add-fancy .plugin .explore li span{background:url('../../images/site/business/brand-logo.png');background-repeat:no-repeat;background-size:718px 407px;}
.promotion .promotion-detail .badge .icon {background:url('../../images/site/business/badge.png') no-repeat 0 0;}
.mobile .phone {background:url('../../images/site/business/mobile_img2.png') no-repeat;}
.about .overview .about-app #phone {background:url('../../images/site/business/phone.png') no-repeat;}
.overview.new .visual {background:url(../../images/site/business-header.jpg) no-repeat 50% 50%;background-size:940px 450px;}
.business .overview.new .summary-menu i,.business .overview.new #audience .prev,.business .overview.new #audience .next  {background:url(../../images/site/business-illust.png) no-repeat;background-size:300px 210px;}
.resource .anywhere .slide .bg {background:url('../../images/site/business/anywhere_slide1.png') no-repeat 0 0;background-size:584px 438px;}
.resource .anywhere .slide .slide2 .img {background:url('../../images/site/business/anywhere_slide2.png') no-repeat 0 0;background-size:231px 392px;}
.resource .anywhere .slide .slide3 .img {background:url('../../images/site/business/anywhere_slide3.png') no-repeat 0 0;background-size:231px 392px;}
.resource .anywhere .slide .slide4 .img {background:url('../../images/site/business/anywhere_slide4.png') no-repeat 0 0;background-size:231px 392px;}
.resource .anywhere .slide .slide5 .img {background:url('../../images/site/business/anywhere_slide5.png') no-repeat 0 0;background-size:231px 392px;}
.resource .anywhere .arrow {background:url('../../images/site/business/anywhere_arrow.png') no-repeat 0 0;background-size:30px 45px;}
.business .overview.new #audience .audience1 .thumnail {background:url(../../images/site/business-audience1.png) no-repeat;background-size:cover;}
.business .overview.new #audience .audience2 .thumnail {background:url(../../images/site/business-audience2.png) no-repeat;background-size:cover;}
.business .overview.new #audience .audience3 .thumnail {background:url(../../images/site/business-audience3.png) no-repeat;background-size:cover;}
.business .overview.new #audience .audience4 .thumnail {background:url(../../images/site/business-audience4.png) no-repeat;background-size:cover;}
.resource .anywhere .intro .img.tum-img {background:url('../../images/site/business/anywhere_img1_tum.png');background-size:372px 240px;}
.tumblr-logo {background:url('../../images/site/business/tumblr.png') no-repeat;background-size:70px 35px;}
.button .option .tooltip .icon,.button .stit .button .icon,.button .stit .widget .icon, .button .option .switch.style .icon, .button .widget .thum_size .icon {background:url('../../images/site/business/widget.png') no-repeat;background-size:200px 150px;}
/* 2x image for ipad */
@media screen and (-webkit-min-device-pixel-ratio:2){
.resource .widget .widget-header .logo, #header .logo a {background-image:url('../../images/site/business/logo2x.png');}
.business .overview.new .summary-menu i,.business .overview.new #audience .prev,.business .overview.new #audience .next  {background-image:url('../../images/site/business/business-illust2x.png');}
.overview.new .visual {background-image:url('../../images/site/business/business-header2x.jpg');}
.check-coner:checked{background-image:url('../../images/site/business/brand-logo2x.png');}
.widget-preview, .about .overview .about-support li span i, .num,.overview .brand-list span, .about .overview .about-app li .arrow,.about .overview .about-app .paging a, .ic-plus, .ic-plus2, .ic-star,.ic-check {background-image:url('../../images/site/business/icon2x.png');}
.overview .brand-list li a, .overview .brand-list li big,.overview .brand-detail .brand-title big, .add-fancy .plugin .explore li span{background-image:url('../../images/site/business/brand-logo2x.png');}
.resource .anywhere .slide .bg {background-image:url('../../images/site/business/anywhere_slide12x.png') ;}
.resource .anywhere .slide .slide2 .img {background-image:url('../../images/site/business/anywhere_slide22x.png') ;}
.resource .anywhere .slide .slide3 .img {background-image:url('../../images/site/business/anywhere_slide32x.png') ;}
.resource .anywhere .slide .slide4 .img {background-image:url('../../images/site/business/anywhere_slide42x.png') ;}
.resource .anywhere .slide .slide5 .img {background-image:url('../../images/site/business/anywhere_slide52x.png') ;}
.resource .anywhere .arrow {background-image:url('../../images/site/business/anywhere_arrow2x.png') ;}
.business .overview.new #audience .audience1 .thumnail {background-image:url('../../images/site/business/business-audience12x.png')}
.business .overview.new #audience .audience2 .thumnail {background-image:url('../../images/site/business/business-audience22x.png');}
.business .overview.new #audience .audience3 .thumnail {background-image:url('../../images/site/business/business-audience32x.png');}
.business .overview.new #audience .audience4 .thumnail {background-image:url('../../images/site/business/business-audience42x.png');}
.resource .anywhere .intro .img.tum-img {background-image:url('../../images/site/business/anywhere_img1_tum2x.png');}
.tumblr-logo {background-image:url('../../images/site/business/tumblr2x.png') no-repeat;}
.button .option .tooltip .icon,.button .stit .button .icon,.button .stit .widget .icon, .button .option .switch.style .icon, .button .widget .thum_size .icon {background-image:url('../../images/site/business/widget2x.png');}
}

/* 3. Layout */
#header {position:relative;float:left;width: 100%;background: #393f48;z-index: 2;box-shadow: 0px 0 3px rgba(0, 0, 0, 0.5);}
#header .logo {float:left;line-height:44px;}
#header .logo a {display: inline-block;width: 91px;height: 18px;margin-top:14px;vertical-align:middle;}
#header .logo a:hover {opacity: 0.6;filter: alpha(opacity=60);transition: opacity 0.2s ease;-webkit-transition: opacity 0.2s ease;-moz-transition: opacity 0.2s ease;-o-transition: opacity 0.2s ease;-ms-transition: opacity 0.2s ease;}
#header li {float:left;line-height:47px;}
#header .gnb {float:right;}
#header .gnb li {padding-left:30px;}
#header .gnb li a {font-size:13px;color:#c4c7cc;}
#header .gnb li a:hover,#header .gnb li a.current {color:#fff;}
#header .gnb li a.current {font-weight:bold;}
#header.fixed .snb {position:fixed;top:0;}
#header .snb {position: absolute;top: 47px;left: 0;clear: both;float: left;width: 100%;background: #2c323b;min-height: 44px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);}
#header .snb .inner {display:none;}
#header .snb li {margin-right:3px;}
#header .snb li a {display: block;line-height: 26px;min-height: 25px;padding: 0 10px;margin-top: 9px;color: #b2b5bb;}
#header .snb li a:hover, #header .snb li a.current {color:#fff;}
#header .snb li a.current {background:#1e2530;border-radius:3px;font-weight:bold;}
#header .inner {width: 940px;margin: 0 auto;min-height: 44px;font-size: 12px;padding-top: 0px;}
.wrapper {position: relative;clear:both;float:left;width:100%;padding-top:65px;z-index: 1;}
.container {margin: 0 auto;width:940px;background:#fff;border-radius:3px 3px 0 0;box-shadow: 0 0 3px rgba(0,0,0,.09), 0 1px 2px rgba(0,0,0,.1);-moz-box-shadow: 0 0 3px rgba(0,0,0,.09), 0 1px 2px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 3px rgba(0,0,0,.09), 0 1px 2px rgba(0,0,0,.1);}
#content {position:relative;float:left;width:820px;padding:38px 60px;}
#footer {position: relative;padding:1px 0 30px 1px ;clear: both;overflow: hidden;background: url(../../images/site/border.png) repeat-x 0 0 #e3e5e9;}
#footer .inner {height:50px;background:url('../../images/site/business/border.png') repeat-x 0 0 #fff;border-radius: 0 0 3px 3px;box-shadow: 0 0 3px rgba(0,0,0,.09), 0 1px 2px rgba(0,0,0,.1);-moz-box-shadow: 0 0 3px rgba(0,0,0,.09), 0 1px 2px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 3px rgba(0,0,0,.09), 0 1px 2px rgba(0,0,0,.1);width:892px;margin:0 auto;padding:0 26px 0 22px;}
#footer .footer-menu {float: left;font-size: 12px;padding: 15px 0;}
#footer .footer-menu li {float:left;margin-right:13px;line-height:17px;font-size:11px;font-weight:bold;}
#footer .footer-menu li a {display:inline-block;vertical-align:middle;color:#6e7176;}
#footer .copyright {float: right;color: #6b737e;font-size: 11px;padding: 17px 0 0;line-height: 17px;color: #90939a;font-weight: bold;}
#footer .select-round {background: none;border: 0;box-shadow: none;padding: 0;font-size: 11px;font-weight: bold;color: #6e7176;vertical-align: top;height: 20px;}
/* 1.1. RNB */
.right-sidebar .sidebar {float:left;padding:40px 0 0 37px;width:183px;}
.right-sidebar #content {float:right;width:630px;padding:38px 40px 38px 0;}
/* 1.2. No Sub */
#header .snb.no-sub {min-height:0;}
.wrapper.no-sub {padding-top:20px;}

/* 3. Util */
.ptit {border-bottom:1px solid #ebecef;padding:18px 25px 17px;font-weight:normal;color:#6e7176;font-size:18px;}
.ptit b {color:#373d48;font-weight:normal;}
.pagination {clear:both;width:820px;float:left;padding-top:25px;border-top:1px solid #ebecef;}
.pagination .prev {float:left;padding:7px 0;}
.pagination .next {float:right;padding:7px 0;}
.left {float:left;}
.right {float:right;}
.intro {border-bottom: 1px solid #ebecef;padding-bottom: 40px;}
.intro h3 {font-size: 30px;color: #22324e;padding-bottom: 12px;}
.intro p {color: rgb(113, 118, 126);font-size: 18px;line-height: 26px;}
#infscr-loading {text-align:center;clear:both;position:relative;margin:0 auto;z-index:1000;background:#fff;border-radius:0 0 5px 5px;left:0;top: 0;z-index:9;padding: 10px 0;}
#infscr-loading .loading {display:inline-block;width:16px;height:11px;background: url(../../images/site/common/loading.gif) no-repeat 0 0;background-size: cover;text-indent: -1000em;margin: 2px 0;}
/* 3.1 Button */
.btn-joinas {display: inline-block;background: #4683c1;border-radius: 3px;color: #fff;font-size: 16px;font-weight: bold;box-shadow: inset 0 1px 0px rgba(175,207,236,0.14);line-height: 47px;min-width: 230px;text-align: center;}
.btn-submit, .btn-join,.btn-apply,.btn-add,.btn-confirm {border: 1px solid #396c9d;color: #fff;font-weight: bold;padding: 0 20px;box-shadow: inset 0 2px 0px rgba(175,207,236,0.2),0 1px 0 rgba(0,0,0,0.11);background: -webkit-linear-gradient(bottom, #4781b9, #538cc4);background: -ms-linear-gradient(bottom,  #4781b9, #538cc4);background: -moz-linear-gradient(bottom,  #4781b9, #538cc4);background: -o-linear-gradient(bottom,  #4781b9, #538cc4);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4781b9',endColorstr='#538cc4');border-radius: 2px;text-shadow: 0 1px 1px rgba(77,123,196,.75);}
.btn-submit:hover, .btn-join:hover, .btn-apply:hover, .btn-add:hover ,.btn-confirm {background: -webkit-linear-gradient(bottom, #508bc2, #5a94ca);background: -ms-linear-gradient(bottom, #508bc2, #5a94ca);background: -moz-linear-gradient(bottom,  #508bc2, #5a94ca);background: -o-linear-gradient(bottom,  #508bc2, #5a94ca);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#508bc2',endColorstr='#5a94ca');}
.btn-submit:active , .btn-join:active ,.btn-apply:active ,.btn-add:active ,.btn-confirm:active {background: #437bb1;box-shadow: inset 0 1px 1px rgba(53,96,144,.51);}
.btn-submit {clear:both;font-size:13px;line-height:32px;}
.btn-confirm {clear:both;font-size:13px;line-height:32px;}
.btn-add {clear:both;font-size:12px;line-height:31px;}
.btn-join {font-size:14px;line-height:36px;margin-bottom:20px;}
.btn-apply {display:inline-block;line-height:40px;font-size:14px;margin-bottom:20px;}
.btn-learn {display:inline-block;padding:0 25px;line-height:47px;color:#fff;font-size:15px;background:#4683c1;box-shadow:inset 0 1px 0 rgba(175,207,236,0.14), 0 2px 0 #275787;border-radius:2px;}
.btn-apply:hover,.btn-learn:hover,.btn-joinas:hover {color:#fff;}
.btn-add-ff {color:#fff;font-size:15px;line-height:33px;height:32px;border:0;border-radius:3px;text-shadow:0 1px 0 #3e5f23;padding:0 15px;font-weight:bold;background:-webkit-linear-gradient(bottom, #4e9b1a, #82c43b);background:-ms-linear-gradient(bottom,  #4e9b1a, #82c43b);background:-moz-linear-gradient(bottom,  #4e9b1a, #82c43b);background:-o-linear-gradient(bottom,  #4e9b1a, #82c43b);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e9b1a',endColorstr='#82c43b');box-shadow:0 3px 0 #438915;}
.btn-add-ff:hover {background:-webkit-linear-gradient(bottom, #6bab3e, #94cd59);background:-ms-linear-gradient(bottom,  #6bab3e, #94cd59);background:-moz-linear-gradient(bottom,  #6bab3e, #94cd59);background:-o-linear-gradient(bottom,  #6bab3e, #94cd59);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bab3e',endColorstr='#94cd59');box-shadow:0 3px 0 #5e9836;}
.btn-add-ff:focus {color:#e4f4d5;background:-webkit-linear-gradient(bottom, #86c150, #76b546);background:-ms-linear-gradient(bottom,  #86c150, #76b546);background:-moz-linear-gradient(bottom,  #86c150, #76b546);background:-o-linear-gradient(bottom,  #86c150, #76b546);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#86c150',endColorstr='#76b546');box-shadow:0 3px 0 #5a9634;}
.btn-add-ff:focus .ic-plus2 {opacity:0.84;filter: alpha(opacity=84);}
/* 3.2 Icon */
.num {display:inline-block;background-position:0 0;width:28px;height:28px;line-height:28px;font-size:14px;color:#43699f;font-weight:bold;text-align:center;}
.no {display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;font-size:12px;font-weight:bold;background:#cbd2d8;border-radius:10px;}
.no-line {display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;border: 2px solid #606166;font-weight: bold;color: #606166;border-radius: 12px;font-size: 14px;}
.ic-plus {display:inline-block;width:12px;height:12px;background-position:-160px -90px;vertical-align:middle;margin-top:-3px;}
.ic-plus2 {display:inline-block;width:12px;height:12px;background-position:-160px -108px;vertical-align:middle;margin-top:-3px;}
.ic-star {display:inline-block;width:13px;height:13px;background-position:-175px -89px;background-color:#38a1ca;vertical-align:middle;margin-top:-3px;}
.ic-check {display: inline-block;width: 13px;height: 10px;background-position: -181px -108px;vertical-align: middle;margin-top: -3px;}
/* 3.3 Form */
.input-text {border:1px solid #c7cad0;border-color:#bcc1c8 #c7cad0 #d7dbe2;box-shadow:inset 0 1px 2px rgba(0,0,0,0.06);border-radius:3px;line-height:15px;height:15px;padding:7px 9px;font-size:13px;}
textarea.input-text {line-height: 20px;padding: 4px 9px;resize: vertical;}
.resource .api .frm .input-text {border-radius:2px;;}
.input-coner {border:1px solid #cecece;line-height:15px;height:15px;background:#fff;padding:7px 0 7px 11px;}
.select-round {-webkit-appearance: none;-moz-appearance: none;-moz-box-shadow: 0 1px 1px rgba(130,137,150,0.12);-webkit-box-shadow: 0 1px 1px rgba(130, 137, 150, 0.12);box-shadow: 0 1px 1px rgba(130, 137, 150, 0.12);border: 1px solid #caccd0;border-top-color: rgb(201, 206, 214);border-bottom-color: #c0c4c9;border-radius: 3px;height: 29px;padding:7px 0 7px 5px;line-height:15px;text-indent:4px;background: #fff url('../../images/site/business/select-arrow.png') no-repeat 97% 50%;font-size: 13px;}
.select-coner {-webkit-appearance: none;-moz-appearance: none;border:1px solid #cecece;height:29px;background:#fff url('../../images/site/business/select-arrow.png') no-repeat 97.5% 50%;padding-left:11px;}
.number-coner {-webkit-appearance: none;-moz-appearance: none;border:1px solid #cecece;height:29px;background:#fff;padding-left:11px;}
.check-coner {-webkit-appearance: none;-moz-appearance: none;border:1px solid #cecece;width:16px;height:16px;background:#fff;margin-top:-4px;cursor:pointer}
.check-coner:checked {background-position:-181px -129px;}

/* 4. Page */
/* 4.1 Business */
/* 4.1.1 Overview */
.overview .ptit {display:none;}
.overview #content {padding:0 0 40px;width:100%;}
.overview .visual {height:450px;border-radius:3px 3px 0 0;color:#fff;font-size:20px;text-align:center;background:url('../../images/site/business/business-img1.png') no-repeat 50% 50%;}
.overview .visual h3 {color: #fff;font-size: 50px;line-height: 60px;padding: 175px 0 10px;letter-spacing: -2px;font-family: "Gotham SSm A", "Gotham SSm B", Arial,sans-serif;}
.business .overview .visual h3 {padding-top:147px;}
.business .overview .visual .btn-joinas {margin-top:40px;}
.overview .summary-menu {float:left;width:100%;background:#f5f6f8;padding:43px 0;}
.overview .summary-menu li {float:left;background:#fff;border-radius:4px;width:215px;padding:26px;margin-left:25px;border:1px solid #dfe0e4;border-color:#edeef0 #dfe0e4 #c2c4ca #dfe0e4;box-shadow:0 1px 1px rgba(52,56,79,0.14);}
.overview .summary-menu li:first-child {margin-left:43px;}
.overview .summary-menu li b {display:block;color:#4d72a7;font-size:16px;border-bottom:1px solid #f0f1f1;padding-bottom:10px;}
.overview .summary-menu li span {display:block;padding-top:16px;font-size:14px;line-height:19px;color:#6e7176;}
.overview .pagination {margin:0 60px;width:820px;}
.overview .brand-detail {position: relative;float: left;width: 100%;margin-top: 55px;}
.overview .brand-detail .brand-visual {position: relative;height: 243px;overflow: hidden;border-radius: 4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
.overview .brand-detail .brand-visual .visual {position:absolute;top:0;width:3705px;height:243px;float:left;transition:left 1s;-webkit-transition:left 1s;-moz-transition:left 1s;-o-transition:left 1s;-ms-transition:left 1s;z-index:1;background:#fff;}
.overview .brand1 .brand-detail .brand-visual .trick {left:-740px;z-index:2;}
.overview .brand5 .brand-detail .brand-visual .trick {left:0;z-index:2;}
.overview .brand4 .brand-detail .brand-visual .trick {left:741px;}
.overview .brand1 .brand-detail .brand-visual .visual {left:0;}
.overview .brand2 .brand-detail .brand-visual .visual {left:-741px;}
.overview .brand3 .brand-detail .brand-visual .visual {left:-1482px;}
.overview .brand4 .brand-detail .brand-visual .visual {left:-2223px;}
.overview .brand5 .brand-detail .brand-visual .visual {left:-2964px;}
.overview .brand-detail .brand-visual .visual img {float:left;width:740px;height:243px;background-size:cover;background-position:50% 50%;border-radius: 4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin-right:1px;}
.overview #brand-introduce .brand-detail p {font-size: 13px;line-height: 18px;color: #4c4d51;}
.overview .brand-detail .brand-title {position: absolute;top: 0;right: 38px;min-height: 218px;background: #fff;width: 203px;padding: 25px 25px 0;box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);z-index:3;}
.overview .brand-detail .brand-title div {position:absolute;filter: alpha(opacity=0);left:25px;top:25px;width:203px;transition:opacity 1s;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;-ms-transition:opacity 1s;z-index:1;opacity:0;}
.overview .brand-detail .brand-title h4 {line-height:75px;text-align:left;}
.overview .brand-detail .brand-title big {display:inline-block;vertical-align:middle;margin-top:-3px;text-indent:-100em;overflow:hidden;}
.overview .brand1 .brand-detail .brand-title .hello,.overview .brand5 .brand-detail .brand-title .ar,.overview .brand2 .brand-detail .brand-title .mujjo,.overview .brand3 .brand-detail .brand-title .hardgraft,.overview .brand4 .brand-detail .brand-title .spray {opacity:1;filter: alpha(opacity=100);z-index:2;}
.overview .brand-detail .brand-title .logo-hl {width:138px;height:43px;background-position:-554px 0;margin-left:32px;}
.overview .brand-detail .brand-title .logo-mj {width:139px;height:44px;background-position:-553px -89px;margin-left:32px;}
.overview .brand-detail .brand-title .logo-hg {width:118px;height:72px;background-position:-564px -165px;margin-left:42px;}
.overview .brand-detail .brand-title .logo-hb {width:190px;height:22px;background-position:-528px -282px;margin-left:6px;}
.overview .brand-detail .brand-title .logo-ar {width:125px;height:53px;background-position:-560px -354px;margin-left:39px;}
.overview .brand-detail .brand-title p {padding:6px 0 0;}
.overview .brand-detail dl {width:340px;text-align:left;padding:50px 0 42px;}
.overview .brand-detail .description {display:none;}
.overview .brand1 .brand-detail .description.hello,.overview .brand5 .brand-detail .description.ar,.overview .brand2 .brand-detail .description.mujjo,.overview .brand3 .brand-detail .description.hardgraft,.overview .brand4 .brand-detail .description.spray {display:block;}
.overview .brand-detail dl.left {margin-left:15px;}
.overview .brand-detail dl.right {margin-right:15px;}
.overview .brand-detail dt {font-weight:bold;color:#22324e;font-size:13px;padding-bottom:3px;}
.overview .brand-detail p {padding-bottom:18px;}
.overview #brand-introduce {position:relative;clear:both;float:left;width:740px;text-align:center;padding:0 100px 183px;height:645px;overflow:hidden;}
.overview #brand-introduce h3 {padding-top: 60px;padding-bottom: 4px;font-size: 30px;color: #22324e;}
.overview #brand-introduce p {font-size: 18px;line-height: 30px;color: rgb(113, 118, 126);}
.overview .brand-list .arrow {position:absolute;top:-9px;width:15px;height:9px;background-position:-30px 0;transition:left 1s;-moz-transition:left 1s;-webkit-transition:left 1s;-o-transition:left 1s;-ms-transition:left 1s;}
.overview .brand1 .brand-list .arrow {left:75px;}
.overview .brand2 .brand-list .arrow {left:250px;}
.overview .brand3 .brand-list .arrow {left:410px;}
.overview .brand4 .brand-list .arrow {left:610px;}
.overview .brand5 .brand-list .arrow {left:700px;}
.overview .brand-list {position:relative;float:left;width:100%;clear:both;width:740px;border-top: 1px solid #dfe0e4;}
.overview .brand-list li {line-height:60px;margin:48px 33px 0;float:left;}
.overview .brand-list li a {display:inline-block;vertical-align:middle;margin-top:-3px;}
.overview .brand-list li big {opacity:0;filter: alpha(opacity=0);display:block;text-indent:-100em;overflow:hidden;;transition:opacity 1s;-moz-transition:opacity 1s;-webkit-transition:opacity 1s;-o-transition:opacity 1s;-ms-transition:opacity 1s;}
.overview .brand-list li .current big {opacity:1;filter: alpha(opacity=100);}
.overview .brand-list .hello {width:106px;height:33px;background-position:-30px -37px;}
.overview .brand-list .mujjo {width:101px;height:32px;background-position:-33px -111px;}
.overview .brand-list .hardgraft {width:98px;height:60px;background-position:-35px -170px;}
.overview .brand-list .spray {width:166px;height:19px;background-position:0 -266px;}
.overview .brand-list .ar {width:99px;height:42px;background-position:-33px -326px;}
.overview .brand-list .hello big {width:106px;height:33px;background-position:-229px -37px;}
.overview .brand-list .mujjo big {width:101px;height:32px;background-position:-232px -111px;}
.overview .brand-list .hardgraft big {width:98px;height:60px;background-position:-234px -170px;}
.overview .brand-list .spray big {width:166px;height:19px;background-position:-199px -266px;}
.overview .brand-list .ar big {width:99px;height:42px;background-position:-232px -326px;}

/* new business */
.business .overview.new .pay-notify {color:#7d7f84;font-size:18px;line-height:24px;text-align:center;padding:50px 0;}
.business .overview.new .visual h3 {font-size:36px;line-height:43px;padding:112px 0 0 42px;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.business .overview.new .visual h3 b {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:normal;}
.business .overview.new .visual h3 span {display: inline-block;height: 40px;background: rgba(255,255,255,0.88);color: #383f4a;font-weight: normal;padding: 8px 12px 9px;margin: 1px;}
.business .overview.new .visual {text-align:left;}
.business .overview.new .visual .btn-joinas {background: -webkit-linear-gradient(top, #ffffff, #e0e2e3);background: -ms-linear-gradient(top, #ffffff, #e0e2e3);background: -moz-linear-gradient(top, #ffffff, #e0e2e3);background: -o-linear-gradient(top, #ffffff, #e0e2e3);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e0e2e3');color: #005898;text-shadow: 0 1px 0 #fff;box-shadow: 0 2px 4px rgba(0,0,0,0.16);min-width: 0;padding: 3px 26px;margin-left: 42px;line-height: 45px;}
.business .overview.new .summary-menu {background:url('../../images/site/business/separator.png') no-repeat 50% 0;padding-bottom:0;}
.business .overview.new .summary-menu li {width:216px;margin-left:20px;padding:0 27px 24px;box-shadow:inset 0 -2px 0 #f5f5f5;0 1px 0 #f5f5f5;}
.business .overview.new .summary-menu li:first-child {margin-left:45px;}
.business .overview.new .summary-menu small {display:block;font-size:13px;line-height:18px;padding-top:18px;}
.business .overview.new .summary-menu li b {border:0;margin:0;padding:21px 0 8px;border-top:1px solid #f0f1f1;color:#22324e;}
.business .overview.new .summary-menu li span {padding-top:0;color:#6e7176;}
.business .overview.new .btn-learn {font-weight:bold;box-shadow:0 1px 4px rgba(0,0,0,0.26);border:2px solid rgba(255,255,255,0.5);background:rgba(255,255,255,0.2);line-height:41px;}
.business .overview.new .summary-menu em {display:block;line-height:143px;text-align:center;}
.business .overview.new .summary-menu em i {display:inline-block;vertical-align:middle;}
.business .overview.new .summary-menu .ic-getting {width:165px;height:97px;background-position:0 -100px;}
.business .overview.new .summary-menu .ic-build {width:134px;height:96px;background-position:0 0;}
.business .overview.new .summary-menu .ic-increase {width:90px;height:88px;background-position:-150px 0}
.business .overview.new #audience {position:relative;clear:both;padding-top:105px;text-align:center;background:url('../../images/site/business/separator2.png') no-repeat 50% 34px;overflow:hidden;}
.business .overview.new #audience h3,.business .overview.new #brand-introduce h3 {color:#22324e;font-weight:normal;line-height:30px;font-size:30px;}
.business .overview.new #audience h3 small,.business .overview.new #brand-introduce h3 small {display:block;font-size:17px;color:#6e7176;}
.business .overview.new #brand-introduce {padding:0;width:100%;height:auto;}
.business .overview.new #brand-introduce h3 {padding:57px 0 40px;}
.business .overview.new .brand-list {border:0;padding-bottom:27px;color:#6e7176;width:100%;}
.business .overview.new .brand-list a {margin:0 4px;}
.business .overview.new .brand-list a.current {font-weight:bold;color:#3f4650;border-bottom:1px solid #3f4650;}
.business .overview.new .brand-detail {margin-top:0;}
.business .overview.new .brand-detail .brand-visual {margin:0 46px;height:auto;}
.business .overview.new .brand-detail .brand-title {position:static;width:100%;padding:0 0 0 26px;min-height:116px;margin:310px 0 0 226px;width:590px;text-align:left;box-shadow:none;border-left:1px solid #f5f5f5;}
.business .overview.new .brand-detail .description {height: auto;margin: 0 auto;width: 800px;border-top: 1px solid #f5f5f5;margin-top: 22px;}
.business .overview.new .brand-detail .brand-title h4 {position:absolute;top:0;left:-256px;width:226px;height:116px;line-height:114px;text-align:center;}
.business .overview.new .brand-detail .brand-title big {margin:0;}
.business .overview.new .brand-detail .brand-title b {display:block;font-size:16px;line-height:18px;padding-bottom:10px;}
.business .overview.new .brand-detail div {position:relative;top:0;left: 0;width:auto;height:0;}
.overview.new .paging1 .brand-detail .brand-title .hello, .overview.new .paging5 .brand-detail .brand-title .ar, .overview.new .paging2 .brand-detail .brand-title .mujjo, .overview.new .paging3 .brand-detail .brand-title .hardgraft, .overview.new .paging4 .brand-detail .brand-title .spray {height:auto;}
.business .overview.new .brand-detail .brand-title div {position:absolute;top: 310px;left: 253px;}
.business .overview.new .brand-detail .brand-visual .visual img {width:848px;height:282px;}
.business .overview.new .brand-detail .brand-visual .visual{width:3400px;height:282px;}
.business .overview.new .brand-detail .brand-title .link a {font-weight:bold;}
.business .overview.new .paging1 .brand-detail .brand-visual .visual {left:0}
.business .overview.new .paging2 .brand-detail .brand-visual .visual {left:-849px}
.business .overview.new .paging3 .brand-detail .brand-visual .visual {left:-1698px}
.business .overview.new .paging4 .brand-detail .brand-visual .visual {left:-2547px}
.business .overview.new #audience ul {text-align:center;padding:47px 0 57px;}
.business .overview.new #audience li {display:inline-block;margin-right:-4px;padding:1px 1px 1px 0;box-shadow:0 1px 0 #f1f1f1;background:-webkit-linear-gradient(top, #ddddde, #bcbdbe);background:-ms-linear-gradient(top,  #ddddde, #bcbdbe);background:-moz-linear-gradient(top,  #ddddde, #bcbdbe);background:-o-linear-gradient(top,  #ddddde, #bcbdbe);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddddde',endColorstr='#bcbdbe');vertical-align:top;}
.business .overview.new #audience li a {display:block;padding:16px 30px;font-size:16px;color:#616e78; line-height:20px; background:-webkit-linear-gradient(top, #ffffff, #fbfbfb);background:-ms-linear-gradient(top,  #ffffff, #fbfbfb);background:-moz-linear-gradient(top,  #ffffff, #fbfbfb);background:-o-linear-gradient(top,  #ffffff, #fbfbfb);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#fbfbfb');}
.business .overview.new #audience li a.current {background: -webkit-linear-gradient(top, #fefefe, #eaeaea);background: -ms-linear-gradient(top,  #fefefe, #eaeaea);background: -moz-linear-gradient(top,  #fefefe, #eaeaea);background: -o-linear-gradient(top,  #fefefe, #eaeaea);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#eaeaea');font-weight: bold;color: #464a50;text-shadow: 0 1px 0 #fff;}
.business .overview.new #audience li:first-child {padding-left:1px;}
.business .overview.new #audience li:first-child {border-radius:5px 0 0 5px;}
.business .overview.new #audience li:first-child a {border-radius:3px 0 0 3px;}
.business .overview.new #audience li:last-child {border-radius: 0 5px 5px 0;}
.business .overview.new #audience li:last-child a {border-radius: 0 3px 3px 0;}
.business .overview.new #audience .slide {position:relative;width:400%;height:489px;transition:left 0.2s;-webkit-transition:left 0.2s;-moz-transition:left 0.2s;-o-transition:left 0.2s;}
.business .overview.new #audience .slide .slide-item {float:left;width:25%;}
.business .overview.new #audience .prev,.business .overview.new #audience .next {position:absolute;top:442px;width:48px;height:48px;display:block;}
.business .overview.new #audience .prev {left:47px;background-position:-240px -100px;}
.business .overview.new #audience .prev:hover {background-position:-240px -160px;}
.business .overview.new #audience .next {left:846px;background-position:-180px -100px;}
.business .overview.new #audience .next:hover {background-position:-180px -160px;}
.business .overview.new #audience dl {text-align:left;position:relative;background:url('../../images/site/business/separator2.png') no-repeat 50% 100%;}
.business .overview.new #audience .thumnail {position:absolute;}
.business .overview.new #audience dt,.business .overview.new #brand-introduce  .brand-detail .description dt {font-size:17px;color:#242b36;padding-bottom:10px;font-weight:normal;}
.business .overview.new #brand-introduce  .brand-detail .description dt {font-size:16px;}
.business .overview.new #audience dd,.business .overview.new #brand-introduce  .brand-detail .description dd {font-size:14px;line-height:20px;}
.business .overview.new #audience dd p,.business .overview.new #brand-introduce  .brand-detail .description dd p {padding-bottom:20px;color:#828587;font-size:14px;line-height:20px;}
.business .overview.new #audience .audience1 {padding:78px 120px 0 528px;height:411px;}
.business .overview.new #audience .audience2 {padding:90px 570px 0 136px;height:399px;}
.business .overview.new #audience .audience3 {padding:328px 160px 0 200px;height:161px;}
.business .overview.new #audience .audience4 {padding:56px 460px 0 137px;height:433px;}
.business .overview.new #audience .audience1 .thumnail {top:56px;left:135px;width:355px;height:338px;}
.business .overview.new #audience .audience2 .thumnail {top:0;right:103px;width:473px;height:442px;}
.business .overview.new #audience .audience3 .thumnail {top:17px;left:50%;margin-left:-304px;width:609px;height:277px;}
.business .overview.new #audience .audience4 .thumnail {top:23px;right:137px;width:556px;height:438px;}
.business .overview.new #brand-introduce  .brand-detail .description .left,.business .overview.new #brand-introduce  .brand-detail .description .right {margin:0;width:370px;padding-top:43px;}
.business .overview.new #audience.paging1 .slide {left:0;}
.business .overview.new #audience.paging2 .slide {left:-940px;}
.business .overview.new #audience.paging3 .slide {left:-1880px;}
.business .overview.new #audience.paging4 .slide {left:-2820px;}
.overview.new .paging1 .brand-detail .brand-title .hello,.overview.new .paging2 .brand-detail .brand-title .mujjo,.overview.new .paging3 .brand-detail .brand-title .hardgraft,.overview.new .paging4 .brand-detail .brand-title .spray {opacity:1;position: relative;top: 0;left: 0;z-index:2;}
.overview.new .paging1 .brand-detail .hello,.overview.new .paging2 .brand-detail .mujjo,.overview.new .paging3 .brand-detail .hardgraft,.overview.new .paging4 .brand-detail .spray {display:block;}
.overview .business-support {clear:both;background:url('../../images/site/business/separator.png') no-repeat 50% 0;padding-top:38px;}
.overview .business-support li {float:left;font-size:16px;line-height:26px;color:#a2a7af;text-align:center;width:422px;padding-top:58px;height:154px;}
.overview .business-support li:last-child {width:421px;border-left:1px solid rgba(44,45,48,0.08);}
.overview .business-support b {color:#505662;}
.overview .business-support .go-help {display:inline-block;padding-top:18px;font-size:15px;font-weight:bold;}
.overview .business-support ul {box-shadow:0 1px 1px rgba(52,56,76,0.3),inset 0 -2px 0 rgba(0,0,0,0.04);border:1px solid rgba(44,45,48,0.08);margin:0 auto;width:845px;height:212px;border-radius:3px;}
.overview .business-support p {clear:both;padding:60px 0 20px;text-align:center;font-size:22px;color:#505662;}
.overview .business-support .btn-join {display:block;margin:27px auto 0;line-height:43px;height:45px;font-size:16px;}
.overview .business-support iframe {display: inline-block;margin-top: 18px;vertical-align:top;}
.overview .business-support #fb-root {position:absolute;}
.overview .business-support .fb-like {display: inline-block;vertical-align:top;}
.overview .business-support .fb-like span {height:auto !important;}
.overview .business-support .fb_iframe_widget iframe {position:relative;margin-top:19px;}
/* 4.1.2 Getting Started */
.getting .sidebar.affix-top {position: fixed;top: 40px;}
.getting .getting-menu {padding-bottom:26px;background:#fff;}
.getting .getting-menu dt {padding:0 12px 1px;color:#22324e;line-height:26px;font-size:15px;font-weight:bold;}
.getting .getting-menu a {display:block;padding:0 12px;font-size:13px;line-height:26px;}
.getting .getting-menu a:hover,.getting .getting-menu a.current {background:#ebf2f7;border-radius:13px;color:#22324e;}
.getting .stit {font-size:22px;padding-bottom:18px;color:#22324e;}
.getting .pagination {margin:0 60px;padding-bottom:38px;}
.getting-detail {position:relative;border-top:1px solid #ebecef;}
.getting-detail dt {font-size:16px;padding:42px 0 15px;color:#22324e;font-weight:bold;}
.getting-detail dd {font-size:13px;line-height:20px;color:#4c4d51;padding-bottom:33px;}
.getting-detail dd p {padding-bottom:20px;}
.getting-detail:last-child dd,.getting-detail.last dd {padding-bottom:0;}
.getting-detail.getting-widget, .getting-detail.getting-artwork {padding-top:310px;}
.getting-detail.getting-widget .thumnail , .getting-detail.getting-artwork .thumnail {position:absolute;top:54px;left:0;text-align:center;}
.getting-detail.getting-left, .getting-detail.getting-right {padding:46px 0;min-height:181px;}
.getting-detail.getting-left {padding-left:290px;}
.getting-detail.getting-right {padding-right:290px;}
.getting-detail.getting-left .thumnail {position:absolute;left:0;top:46px;}
.getting-detail.getting-right .thumnail {position:absolute;right:0;top:46px;}
.getting-detail.selling-product dt, .getting-detail.selling-purchasing dt, .getting-detail.selling-order dt, .getting-detail.selling-paid dt {padding-top:30px;}
.getting-detail.selling-simple dt {padding-top:0;}
.getting-detail.selling-simple dd {padding-bottom:0;}
.getting-detail.getting-create {clear:both;padding:10px 240px 0 0;background:url('../../images/site/business/business-create.png') no-repeat 430px 82px;min-height:263px;}
.getting .join-fancy {padding:0 0 65px;text-align:center;}
.getting .accout-guide {float:left;width:100%;padding-bottom:37px;}
.getting .accout-guide li {position:relative;float:left;width:250px;padding:22px 0 13px 48px;font-size:13px;line-height:20px;}
.getting .accout-guide li:nth-child(odd),.getting .accout-guide li.odd {clear:both;}
.getting .accout-guide li:nth-child(even),.getting .accout-guide li.even {float:right;}
.getting .accout-guide li .num {position:absolute;top:22px;left:10px;}
/* 4.1.3 Build a Presence */
.build .getting-detail {padding:23px 0 35px;min-height:267px;}
.build .getting-detail dd:last-child,.build .getting-detail dd.last {padding-bottom:0;}
.build .getting-detail.build-left .thumnail, .build .getting-detail.build-right .thumnail {position:absolute;top:35px;}
.build .getting-detail.build-left {padding-left:425px;}
.build .getting-detail.build-left .thumnail {left:0;}
.build .getting-detail.build-right {padding-right:425px;}
.build .getting-detail.build-right .thumnail {right:0;}
.build .build-intro {font-size:16px;line-height:24px;color:#6e7176;padding-bottom:20px;}
.build .build-intro b {display:inline-block;font-size:24px;padding-bottom:14px;color:#22324e;}
.build .getting-detail.build-connect {border-top:0;}
.build .getting-detail.build-engage, .build .getting-detail.build-apple {padding-top:35px;}
/* 4.1.4 Increase Sales */
.increase p {font-size:13px;line-height:20px;}
.increase .increase-intro {padding-bottom: 40px;}
.increase .increase-intro h3 {font-size: 30px;color: #22324e;padding-bottom: 12px;}
.increase .increase-intro p {font-size: 18px;color: rgb(113, 118, 126);line-height: 26px;}
.increase .increase-intro ul {padding-top:20px;}
.increase .increase-intro li {list-style:inside circle;font-size: 18px;color: rgb(113, 118, 126);line-height: 26px;}
.increase .getting-detail {float:left;border:0;width:250px;padding:195px 0 50px 35px;}
.increase .getting-detail .thumnail {position:absolute;top:0;left:0;}
.increase .getting-detail dt {padding-top:0;}
.increase .getting-detail dd {padding:0;}
.increase .getting-detail .thumnail {top:0;left:35px;}
.increase .getting-detail.big {padding-top:280px;width:376px;min-height:120px}
.increase .getting-detail:nth-child(2),.increase .getting-detail:nth-child(4),.increase .getting-detail.nth_2,.increase .getting-detail.nth_4 {padding-left:0;}
.increase .getting-detail:nth-child(2) .thumnail,.increase .getting-detail:nth-child(4) .thumnail, .increase .getting-detail.nth_2 .thumnail,.increase .getting-detail.nth_4 .thumnail {left:0;}
.increase .getting-detail:nth-child(4),.increase .getting-detail:nth-child(5),.increase .getting-detail:nth-child(6),.increase .getting-detail.nth_4,.increase .getting-detail.nth_5,.increase .getting-detail.nth_6 {margin-bottom:14px;}
.increase h4 {clear:both;font-size:20px;color:#22324e;padding-bottom:20px;padding-top:55px;border-top:1px solid #ebecef;}
.increase .bring-list li {float:left;padding:80px 40px 80px 32px;width:190px;font-size:13px;line-height:20px;}
.increase .bring-list li:last-child,.increase .bring-list li.last {padding-right:0;width:210px;}
.increase .bring-list li b {display:block;padding-bottom:14px;}
.increase .bring-list li .no {margin:-3px 5px 0 0;}
/* 4.1.5 Partner with Fancy */
.partner .signup-intro {font-size: 18px;color: rgb(113, 118, 126);line-height: 26px;padding-bottom: 10px;padding-bottom: 15px;padding: 0 220px 15px 0;border-bottom: 1px solid #ebecef;background: url(../../images/site/business-create.png) no-repeat 630px 30px;}
.partner .confirm-email-box {background:#fffbd6;border:1px solid #f6f1c6;margin:-20px 0 30px;padding:18px 15px 20px;color:#393d4d;font-size:13px;}
.partner .confirm-email-box a {color:#1f519e;}
.partner .confirm-email-box .btn-area {padding-top:6px;font-weight:bold;}
.partner .signup-intro h3 {font-size: 30px;color: #22324e;padding-bottom: 18px;padding-top: 5px;}
.partner .signup-intro p {padding-bottom: 25px;}
.partner .signup-intro p small {font-size:13px;color:#4c4d51;}
.partner .signup-frm {padding: 40px 0 25px;}
.partner .signup-frm dl {clear:both;float:left;width:100%;padding:13px 0;border-top:1px solid #f0f1f1;}
.partner .signup-frm dl:first-child,.partner .signup-frm dl.first {border-top:0;}
.partner .signup-frm dt {float:left;color:#22324e;font-size:13px;font-weight:bold;line-height:31px;}
.partner .signup-frm dd {float:right;width:635px;}
.partner .signup-frm small {color:#a5aab8;font-size:13px;line-height:31px;}
.partner .signup-frm .input-text {width:317px;margin-right:8px;}
.partner .signup-frm select.business-type {width:326px;margin-right:8px;}
.partner .signup-frm textarea.business-txt {line-height: 16px;padding: 10px 9px;height: 80px;width: 500px;resize: vertical;}
.partner .signup-frm input.contact-fst, .partner .signup-frm input.contact-last {width:148px;}
.partner .signup-frm dl.contact-web {padding-bottom:47px;}
.partner .signup-frm .btn-submit {clear:both;}
.partner .signup-frm .btn-confirm {clear:both;}
/* 4.2 Help */
.agreement .intro, .faq .intro {margin-bottom: 40px;}
.agreement .intro h3, .faq .intro h3 {font-size: 30px;padding-bottom: 12px;color: #22324e;}
.agreement .intro p.note {font-size:13px;color:#4c4d51;padding:0;}
.agreement .intro p {line-height:26px;}
.agreement p {line-height: 20px;padding-bottom: 26px;}
.agreement .stit {font-size:17px;color:#22324e;padding:25px 0 15px;}
.agreement .order-list {padding:0 0 36px 9px}
.agreement .order-list li {list-style:inside decimal;line-height:20px;}
.agreement .order-list li a {margin-left:15px;}
.agreement .agree-part1 {margin-left:36px;}
.agreement .agree-part1 li {position:relative;padding:0 0 20px;list-style:outside square;line-height:20px;}
.agreement .agree-part2 {margin-left:36px;padding-bottom:20px;}
.agreement .agree-part2 li .type {position:absolute;top:0;left:-16px;}
.agreement .agree-part2 li {position:relative;padding:0 0 20px;line-height:20px;}
.agreement .agree-part1 .agree-part2 {padding-top:10px;padding-bottom:0;}
.agreement .agree-part1 .agree-part2 li {list-style:none;padding-bottom:10px;}
.agreement .agree-part1 .agree-part2 li:last-child,.agreement .agree-part1 .agree-part2 li.last {padding-bottom:0;}
.agreement .agree-part2.itunes {margin-top:-10px;padding-bottom:20px;}
.agreement .agree-part2.itunes li,.agreement .agree-part2.indemnity li,.agreement .agree-part2.notice li  {padding-bottom:0;}
.agreement .agree-part3 {margin-left:50px;}
.agreement .agree-part3 li {position:relative;padding:0 0 20px;line-height:20px;}
.agreement .agree-part3 li .type {position:absolute;top:0;left:-27px;}
/* 4.2.1 FAQ */
.faq .intro {padding-bottom: 40px;}
.faq .faq-label dt {line-height: 30px;font-size: 16px;color: #22324e;cursor: pointer;}
.faq .faq-label dd {display:none;line-height:20px;padding:4px 0 15px;}
.faq .faq-label p {padding-bottom:10px;}
.faq .faq-label p:last-child,.faq .faq-label p.last {padding-bottom:0;}
.faq .faq-label.on dt {font-weight:bold;}
.faq .faq-label.on dd {display:block;}
.faq .faq-chept {padding:18px 0 28px;}
.faq .stit {font-size:24px;line-height:30px;padding-bottom:25px;color:#22324e;}
/* 4.2.2 Copyright */
.agreement.copyright .intro {margin-bottom:58px;}
.agreement.copyright .agree-part1 li {padding-left:14px;}
.agreement .copyright-tail {border-top:1px solid #ebecef;padding-top:52px;margin-top:30px;}
/* 4.2.3 Contact */
.contact .intro {padding: 0 0 40px;}
.contact .intro h3 {padding-bottom: 12px;font-size: 30px;color: #22324e;}
.contact .sidebar {float: left;width: 200px;padding-top: 7px;margin-top: 40px;}
.contact .sidebar dl {padding-bottom:30px;}
.contact .sidebar hr {position:static;width:100%;border:0;border-bottom:1px solid #ebecef;margin:-2px 0 30px;}
.contact .sidebar dt {color:#22324e;font-size:14px;font-weight:bold;padding-bottom:12px;}
.contact .sidebar dd {line-height:20px;}
.contact .sidebar .departments ul {padding-top:3px;margin-bottom:-1px;}
.contact .sidebar .departments li {line-height:26px;font-weight:bold;}
.contact .contact-frm {float: right;width: 570px;margin-top: 40px;}
.contact .contact-frm fieldset {border-bottom:1px solid #eaebed;margin-bottom:46px;padding-bottom:48px;}
.contact .contact-frm h4 {font-size: 20px;line-height: 28px;color: #22324e;padding-bottom: 33px;}
.contact .contact-frm h4 small {display:block;font-size:14px;color:#6e7176;font-weight:normal;}
.contact .contact-frm dl {padding-bottom:30px;line-height:20px;}
.contact .contact-frm dt {font-size:14px;font-weight:bold;padding-bottom:4px;color:#22324e;}
.contact .contact-frm p {float:left;clear:both;width:100%;padding:4px 0 13px;}
.contact .contact-frm p label {float:left;width:185px;font-weight:bold;line-height:31px;}
.contact .contact-frm p label.error {display:block;float:none;width:365px;margin-left:185px;color:#f00;font-weight:normal;line-height:1.2;padding:3px}
.contact .contact-frm .input-text.account,.contact .contact-frm .input-text.order {width:219px;}
.contact .contact-frm .input-text.name,.contact .contact-frm .input-text.email {width:298px;}
.contact .contact-frm .select-round.topic {width:308px;height:31px;}
.contact .contact-frm .input-text.description {width:365px;height:92px;}
.contact .contact-frm .btn-submit {clear:both;margin:4px 0 0 185px;}
/* 4.3 About */
.about .overview p {line-height:20px;padding-bottom:20px;}
.about .overview .stit {font-size: 30px;padding-bottom: 12px;color: #22324e;}
.about .overview .visual {background:url('../../images/site/business/about-visual.png') no-repeat 50% 50%;}
.about .overview .about-part,.about .overview .about-business,.about .overview .about-app,.about .overview .about-resource,.about .overview .about-support {clear:both;border-top:1px solid #eaecef;width:820px;margin:0 60px;padding-top:54px;}
.about .overview .about-part div {width: 385px;margin-bottom: 40px;}
.about .overview big {display: block;font-size: 18px;line-height: 26px;padding: 0px 0 20px;color: rgb(113, 118, 126);}
.about .overview .about-business {background: url('../../images/site/business/about-illust1.png') no-repeat 342px 95px;padding-bottom: 40px;}
.about .overview .about-business dl {width:340px;line-height:20px;padding-bottom:75px;}
.about .overview .about-business dt {padding:24px 0 10px;font-size:15px;color:#22324e;font-weight:bold;}
.about .overview .about-business .contact {text-align:center;}
.about .overview .about-app {text-align:center;padding-bottom: 30px;}
.about .overview .about-app small {font-size:11px;color:#73767e;}
.about .overview .about-app #phone {position:relative;text-align:left;margin-top:25px;height:522px;background-position:50% 0;}
.about .overview .about-app .paging {position:absolute;left:0;width:100%;bottom:0;text-align:center;}
.about .overview .about-app .paging a {display:inline-block;width:10px;height:10px;background-position:-130px 0;text-indent:-1000em;overflow:hidden;}
.about .overview .about-app .paging a.on {background-position:-145px 0;}
.about .overview .about-app .badge-list {padding:37px 0 17px;height:41px;margin:0 auto;width:375px;}
.about .overview .about-app .badge-list li {position:static;width:116px;float:left;padding-left:9px;opacity:1;filter: alpha(opacity=100);}
.about .overview .about-app .slide-img {position:absolute;top:107px;left:190px;}
.about .overview .about-app .slide-img .reflection {position:absolute;z-index:3;top:0;left:0;background:url('../../images/site/business/reflection.png') no-repeat;}
.about .overview .about-app .slide-img img {position:absolute;left:0;top:0;z-index:2;opacity:0;filter: alpha(opacity=0);float:left;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;}
.about .overview .about-app .slide1 .slide-img img:nth-child(1),.about .overview .about-app .slide2 .slide-img img:nth-child(2),.about .overview .about-app .slide3 .slide-img img:nth-child(3),.about .overview .about-app .slide4 .slide-img img:nth-child(4),.about .overview .about-app .slide1 .slide-img img.nth_1,.about .overview .about-app .slide2 .slide-img img.nth_2,.about .overview .about-app .slide3 .slide-img img.nth_3,.about .overview .about-app .slide4 .slide-img img.nth_4 {opacity:1;filter: alpha(opacity=100);}
.about .overview .about-app .android .slide-img {position:absolute;top:48px;left:419px;}
.about .overview .about-app li {opacity:0;filter: alpha(opacity=0);position:absolute;font-size:12px;line-height:20px;color:#4c4d51;width:160px;transition:opacity 1s;-moz-transition:opacity 1s;-ms-transition:opacity 1s;-o-transition:opacity 1s;-webkit-transition:opacity 1s;}
.about .overview .about-app li b {display:block;font-size:13px;line-height:17px;padding-bottom:5px;color:#22324e;}
.about .overview .about-app li .arrow {position:absolute;display:block;}
.about .overview .about-app .iphone li {left:0;}
.about .overview .about-app .iphone .slide-img .reflection {width:173px;height:203px;background-position:0 -59px;}
.about .overview .about-app .android li {right:0;}
.about .overview .about-app .android .slide-img .reflection {width:205px;height:363px;background-position:-279px 0;}
.about .overview .about-app .android li.case1 ,.about .overview .about-app .android li.case3 {top:124px;padding:33px 0 0 0;}
.about .overview .about-app .android li.case1 .arrow,.about .overview .about-app .android li.case3 .arrow {top:0;left:-15px;width:77px;height:14px;background-position:-50px 0;}
.about .overview .about-app .android li.case2 ,.about .overview .about-app .android li.case4 {padding: 0 0 28px 0;}
.about .overview .about-app .android li.case2 .arrow,.about .overview .about-app .android li.case4 .arrow {bottom:0;left:-15px;width:74px;height:25px;background-position:-80px -104px;}
.about .overview .about-app .iphone li.case2 ,.about .overview .about-app .iphone li.case4 {padding:33px 0 0 0;}
.about .overview .about-app .iphone li.case1 .arrow,.about .overview .about-app .iphone li.case3 .arrow {bottom:0;right:-15px;width:74px;height:25px;background-position:-50px -15px;}
.about .overview .about-app .iphone li.case1 ,.about .overview .about-app .iphone li.case3 {padding:0 0 28px 0;}
.about .overview .about-app .iphone li.case2 .arrow,.about .overview .about-app .iphone li.case4 .arrow {top:0;right:-15px;width:77px;height:14px;background-position:-78px -89px;}
.about .overview .about-app .iphone .case1 {top:188px;}
.about .overview .about-app .iphone .case2 {top:252px;}
.about .overview .about-app .iphone .case3 {top:230px;}
.about .overview .about-app .iphone .case4 {top:306px;}
.about .overview .about-app .android .case2 {top:222px;}
.about .overview .about-app .android .case4 {top:162px;}
.about .overview .about-app .slide1 .case1,.about .overview .about-app .slide2 .case2,.about .overview .about-app .slide3 .case3,.about .overview .about-app .slide4 .case4 {opacity:1;filter: alpha(opacity=100);}
.about .overview .about-resource li {width: 390px;padding: 30px 0 60px;line-height: 20px;}
.about .overview .about-resource li a {display:block;padding-top:290px;background:url('../../images/site/business/about-illust2.png') no-repeat 0 0;color:#4c4d51;}
.about .overview .about-resource li.right a {background-image:url('../../images/site/business/about-illust3.png');}
.about .overview .about-resource b {display:block;font-size:15px;color:#22324e;font-weight:bold;padding-bottom:7px;}
.about .overview .about-support {float: left;padding-bottom: 70px;}
.about .overview .about-support ul {padding-top:55px;}
.about .overview .about-support li {float:left;padding-top:6px;width:25%;text-align:center;margin-left:-1px;border-left:1px solid #eaecef;line-height:22px;color:#6e7176;}
.about .overview .about-support li:first-child,.about .overview .about-support li.first {border:0;margin:0;}
.about .overview .about-support li a {color:#6e7176;}
.about .overview .about-support li span {display:block;margin:0 auto 22px;width:90px;height:90px;line-height:90px;border:4px solid #ebebec;border-radius:49px;}
.about .overview .about-support li b {font-weight:normal;display:block;font-size:15px;color:#22324e;}
.about .overview .about-support li span i {display:inline-block;vertical-align:middle;margin-top:-3px;}
.about .overview .about-support li span .ic-start {width:34px;height:38px;background-position:-50px -40px;}
.about .overview .about-support li span .ic-mail {width:44px;height:34px;background-position:0 -40px;}
.about .overview .about-support li span .ic-support {width:54px;height:37px;background-position:-90px -40px;}
.about .overview .about-support li span .ic-faq {width:36px;height:20px;background-position:-150px -40px;}
.about .overview .about-fingertips, .about .overview .about-thing,.about .overview .about-part {clear:both;border-top:1px solid #ebecef;padding:59px 60px;margin:0;}
.about .overview .about-part .left,.about .overview .about-part .right {padding:5px 0 4px;}
.about .overview .about-fingertips {overflow:hidden;}
.about .overview .about-fingertips dt {font-size:18px;padding-bottom:12px;font-weight:bold;color:#22324e;}
.about .overview .about-fingertips .left {width:400px;padding-top:9px;}
.about .overview .about-fingertips .left p {width:370px;}
.about .overview .about-fingertips .check-list {padding-top:17px;}
.about .overview .about-fingertips .check-list li {position:relative;float:left;width:122px;line-height:30px;padding-left:23px;}
.about .overview .about-fingertips .check-list li:nth-child(odd),.about .overview .about-fingertips .check-list li.odd {clear:both;}
.about .overview .about-fingertips .check-list .ic-check {position:absolute;top:13px;left:0;}
.about .overview .about-fingertips .badge-list {clear:both;padding-top:37px;}
.about .overview .about-fingertips .badge-list li {float:left;padding-left:10px;}
.about .overview .about-fingertips .badge-list li:first-child,.about .overview .about-fingertips .badge-list li.first {padding-left:0;}
.about .overview .about-fingertips #phone {position:relative;overflow:hidden;width: 443px;margin:-35px -60px 0 0;height:490px}
.about .overview .about-fingertips #phone div {position:absolute;}
.about .overview .about-fingertips #phone .iphone {top: 40px;left:0;background: url('../../images/site/business/phone.png') no-repeat -20px -40px;padding: 67px 23px 62px 40px;}
.about .overview .about-fingertips #phone .android {padding: 48px 19px;background: url('../../images/site/business/phone.png') no-repeat -270px 0;left: 238px;top: 0;height: 491px;} 
.about .overview .about-fingertips #phone .reflection {position:absolute;z-index:3;top:0;left:0;background:url('../../images/site/business/reflection.png') no-repeat;}
.about .overview .about-fingertips #phone .iphone .reflection {top:67px;left:40px;width:173px;height:203px;background-position:0 -59px;}
.about .overview .about-fingertips #phone .android .reflection {top:48px;left:19px;width:205px;height:363px;background-position:-279px 0;}
.about .overview .about-thing .left {margin-left:-14px;padding-top:14px;}
.about .overview .about-thing .right {width:354px;padding-top:27px;}
.about .overview .about-thing p {padding-bottom:20px;line-height:20px;}
.about .overview .about-thing dl {padding-bottom:10px;}
.about .overview .about-thing dt {font-weight:bold;font-size:16px;padding-bottom:6px;color:#22324e;}
/* 4.3.1 Promotion */
.brands #content {background:#fff;}
.promotion .sidebar,.brands .sidebar,.deals .sidebar {float: left;width: 210px;padding-top: 24px;position: relative;left: -10px;}
.promotion .sidebar {padding-top: 20px;margin-top: 10px;}.promotion .sidebar dt,.brands .sidebar dt,.deals .sidebar dt {color: #b9babd;font-size: 10px;padding: 24px 0 9px 10px;}
.promotion .sidebar li,.brands .sidebar li,.deals .sidebar li {line-height:31px;}
.promotion .sidebar li a,.brands .sidebar li a,.deals .sidebar li a {display: block;border-radius: 2px;padding: 0 11px;font-weight: bold;font-size: 14px;}
.promotion .sidebar li a:hover,.brands .sidebar li a:hover,.deals .sidebar li a:hover {color:#324768}
.promotion .sidebar li a.current,.brands .sidebar li a.current,.deals .sidebar li a.current {color:#22324e;background:#f5f7f9;}
.promotion .promotion-detail, .brands .brands-detail, .deals .deals-detail {float: right;width: 580px;padding-top: 40px;margin-top: 10px;}
.promotion .promotion-detail.loading,.brands .brands-detail.loading,.deals .deals-detail.loading {opacity:0.7;filter: alpha(opacity=70);}
.promotion .promotion-detail h4 {color:#22324e;font-size:22px;line-height:24px;}
.promotion .promotion-detail h4 small {display: block;font-size: 14px;color: #6e7176;font-weight: normal;margin-top: 5px;}
.promotion .promotion-detail dl {position:relative;float:left;clear:both;width:360px;min-height:160px;padding:30px 0 0 220px;}
.promotion .promotion-detail p {font-size:13px;line-height:20px;padding-bottom:20px;}
.promotion .promotion-detail dt {font-size:16px;line-height:20px;color:#22324e;font-weight:bold;padding-bottom:4px;}
.promotion .promotion-detail dt .unlock {display:inline-block;font-size:10px;font-weight:normal;background:#82b964;border-radius:3px;padding:0 5px;margin-left:3px;line-height:19px;height:18px;vertical-align:middle;color:#fff;}
.promotion .promotion-detail .badge {position:absolute;left:0;top:30px;border-radius:4px;width:200px;height:160px;text-align:center;line-height:158px;}
.promotion .promotion-detail .badge .target {position:absolute;top:8px;left:8px;display:block;border-radius:2px;color:#fff;font-size:11px;line-height:25px;padding:0 8px;min-width:22px;font-weight:bold;}
.promotion .promotion-detail .userlist {float:left;margin-top:-7px;}
.promotion .promotion-detail .userlist li {position:relative;float:left;margin-right:4px;}
.promotion .promotion-detail .userlist img {width:32px;height:32px;border-radius:2px;}
.promotion .promotion-detail .userlist li .name {opacity:0;filter: alpha(opacity=0);position:absolute;top:-31px;left:50%;padding:0 8px;line-height:25px;white-space:nowrap;border-radius:2px;font-size:11px;color:#fff;background:#2b2b2b;transition:opacity 0.22s;-moz-transition:opacity 0.22s;-webkit-transition:opacity 0.22s;-ms-transition:opacity 0.22s;-o-transition:opacity 0.22s;}
.promotion .promotion-detail .userlist li .focus .name {opacity:1;filter: alpha(opacity=100);}
.promotion .promotion-detail .userlist li .name .arrow {display:block;width:0;height:0;border:4px solid #2b2b2b;border-color: #2b2b2b transparent transparent transparent;position:absolute;bottom:-8px;left:50%;margin-left:-4px;}
.promotion .promotion-detail .userlist-more {float:left;padding:0 6px;line-height:32px;color:#6e7176;margin-top:-7px;}
.promotion .promotion-detail .badge .icon {display:inline-block;width:90px;height:90px;vertical-align:middle;}
.promotion .promotion-detail .badge .icon.top {background-position:0 0;}
.promotion .promotion-detail .badge .icon.lv_150 {background-position:-110px 0;}
.promotion .promotion-detail .badge .icon.lv_50 {background-position:-220px 0;}
.promotion .promotion-detail .badge .icon.lv_25 {background-position:-330px 0;}
.promotion .promotion-detail .badge .icon.lv_5 {background-position:-440px 0;}
.promotion .promotion-detail.women .badge .icon.top {background-position:0 -120px;}
.promotion .promotion-detail.women .badge .icon.lv_150 {background-position:-110px -120px;}
.promotion .promotion-detail.women .badge .icon.lv_50 {background-position:-220px -120px;}
.promotion .promotion-detail.women .badge .icon.lv_25 {background-position:-330px -120px;}
.promotion .promotion-detail.women .badge .icon.lv_5 {background-position:-440px -120px;}
.promotion .promotion-detail.kids .badge .icon.top {background-position:0 -240px;}
.promotion .promotion-detail.kids .badge .icon.lv_150 {background-position:-110px -240px;}
.promotion .promotion-detail.kids .badge .icon.lv_50 {background-position:-220px -240px;}
.promotion .promotion-detail.kids .badge .icon.lv_25 {background-position:-330px -240px;}
.promotion .promotion-detail.kids .badge .icon.lv_5 {background-position:-440px -240px;}
.promotion .promotion-detail.pets .badge .icon.top {background-position:0 -360px;}
.promotion .promotion-detail.pets .badge .icon.lv_150 {background-position:-110px -360px;}
.promotion .promotion-detail.pets .badge .icon.lv_50 {background-position:-220px -360px;}
.promotion .promotion-detail.pets .badge .icon.lv_25 {background-position:-330px -360px;}
.promotion .promotion-detail.pets .badge .icon.lv_5 {background-position:-440px -360px;}
.promotion .promotion-detail.interior .badge .icon.top {background-position:0 -480px;}
.promotion .promotion-detail.interior .badge .icon.lv_150 {background-position:-110px -480px;}
.promotion .promotion-detail.interior .badge .icon.lv_50 {background-position:-220px -480px;}
.promotion .promotion-detail.interior .badge .icon.lv_25 {background-position:-330px -480px;}
.promotion .promotion-detail.interior .badge .icon.lv_5 {background-position:-440px -480px;}
.promotion .promotion-detail.tech .badge .icon.top {background-position:0 -600px;}
.promotion .promotion-detail.tech .badge .icon.lv_150 {background-position:-110px -600px;}
.promotion .promotion-detail.tech .badge .icon.lv_50 {background-position:-220px -600px;}
.promotion .promotion-detail.tech .badge .icon.lv_25 {background-position:-330px -600px;}
.promotion .promotion-detail.tech .badge .icon.lv_5 {background-position:-440px -600px;}
.promotion .promotion-detail.music .badge .icon.top {background-position:0 -720px;}
.promotion .promotion-detail.music .badge .icon.lv_150 {background-position:-110px -720px;}
.promotion .promotion-detail.music .badge .icon.lv_50 {background-position:-220px -720px;}
.promotion .promotion-detail.music .badge .icon.lv_25 {background-position:-330px -720px;}
.promotion .promotion-detail.music .badge .icon.lv_5 {background-position:-440px -720px;}
.promotion .promotion-detail.food .badge .icon.top {background-position:0 -840px;}
.promotion .promotion-detail.food .badge .icon.lv_150 {background-position:-110px -840px;}
.promotion .promotion-detail.food .badge .icon.lv_50 {background-position:-220px -840px;}
.promotion .promotion-detail.food .badge .icon.lv_25 {background-position:-330px -840px;}
.promotion .promotion-detail.food .badge .icon.lv_5 {background-position:-440px -840px;}
.promotion .promotion-detail.marketing .badge .icon.top {background-position:0 -960px;}
.promotion .promotion-detail.marketing .badge .icon.lv_150 {background-position:-110px -960px;}
.promotion .promotion-detail.marketing .badge .icon.lv_50 {background-position:-220px -960px;}
.promotion .promotion-detail.marketing .badge .icon.lv_25 {background-position:-330px -960px;}
.promotion .promotion-detail.marketing .badge .icon.lv_5 {background-position:-440px -960px;}
.promotion .promotion-detail.gift .badge .icon.top {background-position:0 -1080px;}
.promotion .promotion-detail.gift .badge .icon.lv_150 {background-position:-110px -1080px;}
.promotion .promotion-detail.gift .badge .icon.lv_50 {background-position:-220px -1080px;}
.promotion .promotion-detail.gift .badge .icon.lv_25 {background-position:-330px -1080px;}
.promotion .promotion-detail.gift .badge .icon.lv_5 {background-position:-440px -1080px;}
.promotion .promotion-detail.art .badge .icon.top {background-position:0 -1200px;}
.promotion .promotion-detail.art .badge .icon.lv_150 {background-position:-110px -1200px;}
.promotion .promotion-detail.art .badge .icon.lv_50 {background-position:-220px -1200px;}
.promotion .promotion-detail.art .badge .icon.lv_25 {background-position:-330px -1200px;}
.promotion .promotion-detail.art .badge .icon.lv_5 {background-position:-440px -1200px;}
.promotion .promotion-detail.men .badge {background:#eff4f8;}
.promotion .promotion-detail.men .badge .target {background:#aacde6;}
.promotion .promotion-detail.women .badge {background:#fcf3f5;}
.promotion .promotion-detail.women .badge .target {background:#ea9cab;}
.promotion .promotion-detail.pets .badge {background:#f8f7f5;}
.promotion .promotion-detail.pets .badge .target {background:#aca196;}
.promotion .promotion-detail.kids .badge {background:#ffebd3;}
.promotion .promotion-detail.kids .badge .target {background:#eda35d;}
.promotion .promotion-detail.interior .badge {background:#eef1e2;}
.promotion .promotion-detail.interior .badge .target {background:#b0b57e;}
.promotion .promotion-detail.tech .badge {background:#e3f3ee;}
.promotion .promotion-detail.tech .badge .target {background:#90d2c5;}
.promotion .promotion-detail.music .badge {background:#fcf8e9;}
.promotion .promotion-detail.music .badge .target {background:#ddc8a4;}
.promotion .promotion-detail.food .badge {background:#f0f7e2;}
.promotion .promotion-detail.food .badge .target {background:#9ec970;}
.promotion .promotion-detail.art .badge {background:#e6eef0;}
.promotion .promotion-detail.art .badge .target {background:#d2e0e7;}
.promotion .promotion-detail.marketing .badge {background:#f0edf6;}
.promotion .promotion-detail.marketing .badge .target {background:#b9b2d9;}
.promotion .promotion-detail.gift .badge {background:#edf5fd;}
.promotion .promotion-detail.gift .badge .target {background:#8fbfea;}
.promotion .promotion-detail.art .badge {background:#dce7ea;}
.promotion .promotion-detail.art .badge .target {background:#9dbccb;}
/* 4.3.2 Brands and Store */
.brands .intro, .deals .intro {border: 0;padding: 0;}
.brands .intro h3, .deals .intro h3 {padding-bottom: 12px;font-size: 30px;color: #22324e;}
.brands .sidebar p {border-top:1px solid #ebecef;margin:28px 0 0 10px;padding-top:34px;color:#6e7176;line-height:18px;}
.brands .sidebar p b {display:inline-block;padding-bottom:10px;color:#22324e;}
.brands .brands-detail,.deals .deals-detail {width:571px;padding-top:47px;}
.brands .brands-detail h4,.deals .deals-detail h4 {clear:both;position:relative;font-size:18px;}
.brands .brands-detail h4 b,.deals .deals-detail h4 b {position:relative;z-index:2;background:#fff;padding-right:13px;color:#22324e;}
.brands .brands-detail h4 span,.deals .deals-detail h4 span {position:absolute;width:100%;height:1px;background:#ebecef;top:50%;left:0;}
.brands .stores-list .stores-detail,.deals .stores-list .stores-detail {position:relative;padding:31px 0 7px 142px;min-height:120px;line-height:20px;}
.brands .stores-list .stores-detail .badge,.deals .stores-list .stores-detail .badge {position:absolute;top:33px;left:0;width:120px;height:120px;}
.brands .stores-list .stores-detail .logo-partner,.deals .stores-list .stores-detail .logo-partner {display:block;display:inline-block;font-size:14px;color:#22324e;}
.brands .stores-list .stores-detail .url,.brands .stores-list .stores-detail .follower,.deals .stores-list .stores-detail .url,.deals .stores-list .stores-detail .follower {display:block;}
.brands .stores-list .stores-detail .fancyd-stuff-list,.deals .stores-list .stores-detail .fancyd-stuff-list {height:50px;padding-top:13px;}
.brands .stores-list .stores-detail .fancyd-stuff-list li,.deals .stores-list .stores-detail .fancyd-stuff-list li {float:left;margin-left:4px;width:50px;height:50px;overflow:hidden;}
.brands .stores-list .stores-detail .fancyd-stuff-list li:first-child,.deals .stores-list .stores-detail .fancyd-stuff-list li:first-child,.brands .stores-list .stores-detail .fancyd-stuff-list li.first,.deals .stores-list .stores-detail .fancyd-stuff-list li.first {margin-left:0;}
.brands .stores-list .stores-detail .fancyd-stuff-list li img,.deals .stores-list .stores-detail .fancyd-stuff-list li img {min-width:50px;min-height:50px;background-position:50% 50%;background-size:cover;}
.brands .wrapper-list {float:left;padding:20px 0 40px;width:100%;}
.brands .wrapper-list li {float:left;width:190px;line-height:17px;padding:5px 0;}
.brands .wrapper-list li:nth-child(3n+1),.brands .wrapper-list li:nth_4 {clear:both;}
/* 4.3.3 Deals*/
.deals .sidebar .mid,.promotion .sidebar .mid  {border-top:1px solid #ebecef;position: static;width: 200px;border-width: 1px 0 0 0;margin:17px 0 0 10px}
.deals .sidebar .last {border-top:1px solid #ebecef;position: static;width: 200px;border-width: 1px 0 0 0;margin:17px 0 17px 10px}
/* 4.4 Mobile */
.mobile .overview .visual {background:no-repeat 50% 0;}
.mobile .android,.mobile .ios {float:left;clear:both;width:820px;margin:0 60px;border-bottom:1px solid #ebecef;}
.mobile h4 {font-size:30px;color:#263147;padding-bottom:10px;}
.mobile p {color:#6e7176;font-size:20px;}
.mobile .visual p {color:#fff;}
.mobile ul {padding:32px 0 15px;}
.mobile li {line-height:18px;padding-bottom:20px;color:#73767e;}
.mobile b {display:block;color:#2e333d;font-size:14px;}
.mobile .app {display: block;width: 174px;height: 61px;background: url('../../images/site/business/mobile_app.png') no-repeat 0 0;text-indent: -1000em;overflow: hidden;margin: 0;-webkit-transition: opacity 0.2s;}
.mobile .app:hover {opacity: 0.8;filter: alpha(opacity=80);}
.mobile .ios .right {width:537px;padding:100px 0 112px;}
.mobile .ios .phone {width:270px;height:430px;background-position:-628px 0;margin:60px 0 60px -6px;}
.mobile .app.ios {background-position:0 0;}
.mobile .android h4 small {display: inline-block;vertical-align: middle;font-size: 11px;font-weight: normal;}
.mobile .android h4 small .ic-star {margin-right:2px;}
.mobile .android .left {width:465px;padding:78px 0 84px 28px;}
.mobile .android .phone {width:268px;height:487px;background-position: -360px 0;margin:-53px 21px 0 0;}
.mobile .android ul {padding:31px 0 4px;}
.mobile .android li {line-height:20px;padding-bottom:27px;}
.mobile .app.google {float:left;background-position:0 -79px;margin:0 19px 0 3px;}
.mobile .app.amazone {background-position:-193px -79px;}
.mobile .window {clear:both;width:820px;margin:0 60px;}
.mobile .window .phone {width:360px;height:494px;background-position:0 0;margin:70px 0 19px -21px;}
.mobile .window .right {width:470px;padding-top:125px;}
.mobile .window .right ul {padding-top:27px;}
.mobile .window .right li {padding-bottom:27px;}
.mobile .app.win {background-position:-193px 0;}
/* 4.5 resource */
/* 4.5.1 Add to Fancy */
.add-fancy h4 {font-size: 20px;color: #22324e;padding: 40px 0 27px;}
.add-fancy h4 .browser {font-size:20px;font-weight:normal;}
.add-fancy .fancy-it {padding-bottom: 40px;border-bottom: 1px solid #ebecef;}
.add-fancy .fancy-it p {line-height:20px;padding-bottom:10px;}
.add-fancy .fancy-it ol {padding:30px 0 10px;}
.add-fancy .fancy-it li {position:relative;line-height:20px;padding:0 0 25px 33px;}
.add-fancy .fancy-it li .no {position:absolute;top:0;left:0;}
.add-fancy .fancy-it strong {display:block;font-size:14px;}
.add-fancy .fancy-it .samp {background:#f0f3f6;border-top:1px solid #e2e8ed;line-height:67px;display:inline-block;min-width:602px;padding:0 14px;font-size:16px;color:#373d48;margin-bottom:28px;}
.add-fancy .fancy-it .samp .btn-fancy {display: inline-block;background: #558cc9;border-radius: 5px;box-shadow: 0 3px 0 #3b5c8b;border: 0;padding: 0 20px;line-height: 40px;color: #fff;font-size: 18px;font-weight: bold;text-shadow: 0 -1px 0 #3b5c8b;margin: -7px 18px 0 0;cursor: move;vertical-align: middle;}
.add-fancy .fancy-it .samp .btn-fancy:hover {background: #5d94d1;}
.add-fancy .fancy-it .samp .btn-fancy:active {background: #497eb9;box-shadow: 0 2px 0 #3b5c8b;margin: -5px 18px 0 0;}
.add-fancy .plugin {float: left;width: 100%;padding-bottom: 50px;border-bottom: 1px solid #ebecef;}
.add-fancy .plugin .right {width:198px;}
.add-fancy .plugin .right dt {font-weight:bold;font-size:14px;padding:27px 0 15px;}
.add-fancy .plugin .right dd {padding-left:18px;font-size:12px;line-height:20px;}
.add-fancy .plugin .right li {padding-bottom:15px;list-style:outside decimal;font-weight:bold;}
.add-fancy .plugin .right li span {font-weight:normal;}
.add-fancy .plugin .right .button {padding:12px 18px;background:#e0e7f1;}
.add-fancy .plugin .right .button .btn-add {width:100%;text-align:left;}
.add-fancy .plugin .right .button .btn-add .ic-plus {margin:-2px 4px 0 -5px}
.add-fancy .plugin .right .button .btn-add-ff {width:100%;text-align:left;}
.add-fancy .plugin .right .button .btn-add-ff .ic-plus2 {margin:-2px 6px 0 0;}
.add-fancy .plugin .explore {clear:both;}
.add-fancy .plugin .explore dt {font-size:16px;font-weight:bold;padding:46px 0 10px;}
.add-fancy .plugin .explore dd {line-height:20px;padding-bottom:20px;}
.add-fancy .plugin .explore li {float: left;border: 1px solid #d9d9d9;width: 196px;height: 149px;line-height: 149px;text-align: center;margin-left: 9px;margin-top: 20px;}
.add-fancy .plugin .explore li:first-child,.add-fancy .plugin .explore li.first {margin-left:0;}
.add-fancy .plugin .explore li span {display:inline-block;vertical-align:middle;}
.add-fancy .plugin .explore li .logo-hello {width:106px;height:33px;background-position:-229px -37px;}
.add-fancy .plugin .explore li .logo-mujjo {width:101px;height:32px;background-position:-232px -111px;}
.add-fancy .plugin .explore li .logo-hardgraft {width:98px;height:60px;background-position:-234px -170px;}
.add-fancy .plugin .explore li .logo-hype {width:166px;height:18px;background-position:-199px -266px;}
.add-fancy .plugin .explore li .logo-ar {width:99px;height:42px;background-position:-232px -326px;}
.add-fancy .email {clear:both;float:left;width:100%;padding-bottom:20px;}
.add-fancy .email .left {width: 380px;}
.add-fancy .email p {line-height:20px;padding-bottom:20px;}
.add-fancy .email address {text-align:center;line-height:32px;margin:20px 0 13px;font-style:normal;font-weight:bold;background:#fffdc4;border-top:1px solid #ebe89d;}
.add-fancy .email small {display:block;text-align:center;color:#6e7176;font-size:11px;}
/* 4.5.2 API */
.resource .api h3 {font-size: 30px;color: #22324e;padding: 0px 0 12px;}
.resource .api p {line-height: 26px;font-size: 18px;color: rgb(113, 118, 126);}
.resource .api .frm {padding-top: 40px;}
.resource .api .frm dl {clear:both;float:left;width:100%;padding:14px 0;border-top:1px solid #eaebed;}
.resource .api .frm dl:first-child,.resource .api .frm dl.first {padding-top: 50px;}
.resource .api .frm dt {float:left;line-height:31px;font-weight:bold;color:#22324e;}
.resource .api .frm dd {float:right;width:635px;color:#a5aab8;}
.resource .api .frm .input-text {width:317px;margin-right:9px;}
.resource .api .frm textarea.input-text {height:91px;width:317px;}
.resource .api .frm .btn-submit {margin:15px 0 0 185px;}
/* 4.5.3 button & widget */
/* 4.5.3 button & widget */
.resource label[for] {cursor:pointer;}
.resource .widget h3 {font-size: 30px;color: #22324e;padding: 0 0 40px;}
.resource .widget p {line-height: 20px;padding-bottom: 40px;}
.resource .widget h4 {padding-bottom: 15px;font-weight: bold;font-size: 18px;color: #22324e;}
.resource .widget #fancy_widget {background:#f9f9fa;border:1px solid #ebedf0;margin-bottom:50px;z-index:1;padding-top:53px;text-align:center;height:570px;overflow:hidden;}
.resource .widget .widget-header {position:relative;z-index:2;margin:0 1px -53px;width:791px;height:41px;padding:12px 0 0 27px;background:-webkit-linear-gradient(bottom, #303540, #464c57);background:-ms-linear-gradient(bottom,  #303540, #464c57);background:-moz-linear-gradient(bottom,  #303540, #464c57);background:-o-linear-gradient(bottom,  #303540, #464c57);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#464c57',endColorstr='#303540');}
.resource .widget .widget-header .logo {display:block;width:122px;height:28px;background-position:0 -30px;}
.resource .widget dl {position:relative;clear:both;float:left;width:760px;background:#f9f9fa;border:1px solid #ebedf0;margin-bottom:50px;padding:0 30px;}
.resource .widget dt {font-size: 16px;color: #333333;padding: 25px 0;font-weight: bold;border-bottom: 1px solid #ebedf0;}
.resource .widget dd {padding:25px 0 30px;}
.resource .widget .option .preview {position:absolute;right:30px;top:102px;width:180px;height:123px;background:#fbfbfc;border:1px solid #e9e9e9;padding:20px 0;text-align:center;}
.resource .widget .option .preview label {display:block;font-size:12px;color:#333333;}
.resource .widget .option .frm {float:left;width:542px;padding-right:218px;}
.resource .widget .option .frm .left {clear:both;margin-top:7px;line-height:31px;color:#333333;}
.resource .widget .option .frm .left span {position:relative;color:#2d74d9;}
.resource .widget .option .frm .left span small {display: none;position: absolute;left: 50%;margin-left: -100px;border-radius: 2px;font-size: 11px;color: #fff;background: #111;bottom: 20px;padding: 5px;width: 200px;line-height:14px;}
.resource .widget .option .frm .left span:hover small {display:block;}
.resource .widget .option .frm .left span small .arrow {position: absolute;bottom: -6px;left: 50%;margin-left: -6px;border: 3px solid #111;border-color: #111 transparent transparent transparent;width: 0;height: 0;display: block;line-height:14px;}
.resource .widget .option .frm .right {width:419px;margin:8px 0 1px;line-height:29px;}
.resource .widget .option .frm p.right {padding-bottom:0;}
.resource .widget .option .frm .right.input-coner {height:30px;}
.resource .widget .option .frm .right .input-coner {background:none;width:398px;height:30px;}
.resource .widget .option .frm .right .input-coner.checked {background:#fff;}
.resource .widget .option .frm .right input[type="radio"] {margin-right:4px;}
.resource .widget .option .frm .right small, .resource .widget .option .frm small.right {color:#6e7176;font-size:13px;margin:0;}
.resource .widget .option .frm .right small {margin-left:22px;}
.resource .widget .option .frm .right.select-coner {line-height:1em;}
.resource .widget .option .frm input,.resource .widget .option .frm select {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
.resource .widget .option.button .preview {padding:40px 43px;width:86px;}
.resource .widget .option.button .preview label {padding-bottom:38px;}
.resource .widget .option.widget .preview {padding:20px 0;width:145px;height:103px;font-size:11px;}
.resource .widget .option.widget .frm {padding-right:166px;width:594px;}
.resource .widget .option.widget .frm .input-coner {width:479px;}
.resource .widget .option.widget .frm .left {clear:none;width:114px;}
.resource .widget .option.widget .frm .left.side {padding-left:16px;}
.resource .widget .option.widget .frm .select-coner {width:172px;}
.resource .widget .option.widget .frm .number-coner {width:172px;}
.resource .widget .option.widget .frm input {width:172px;}
.resource .widget .code dt {padding-bottom: 20px;font-weight: bold;}
.resource .widget .code dt small {font-size: 13px;display: block;padding-top: 10px;font-weight: normal;}
.resource .widget .code textarea {width:730px;height:57px;color:#333;line-height:19px;border:1px solid #a2a2b3;background:#fff;overflow:auto;padding:15px;outline:none;}
.resource .widget .code.widget {margin:0;}
.resource .widget .code.button {margin-bottom:94px;}
.resource .widget .code.button dd img {margin:10px 0 20px 1px !important;}
.resource .widget .code dd code {display:block;padding:10px;white-space:pre-wrap;word-break:break-all;border:1px solid #b5b8c0;border-radius:3px;font-size:13px;line-height:19px;box-shadow:inset 1px 0 3px #eee;background:#fff;width:730px;}
.resource .widget .code dd textarea {display:none;padding:10px;white-space:pre-wrap;word-break:break-all;border:1px solid #b5b8c0;border-radius:3px;font-size:13px;line-height:19px;box-shadow:inset 1px 0 3px #eee;color:#373D48;margin:0;resize:none;}
.resource .widget .widget-preview {display:block;width:68px;height:43px;margin:20px auto 10px;background-position:0 -90px;}
/* 4.5.4 Logo */
.logo h4 {color: #2e333d;font-size: 18px;padding: 40px 0 8px;}
.logo .intro {padding: 0px 0 40px;}
.logo .intro h3 {padding-bottom: 12px;font-size: 30px;color: #22324e;}
.logo .logotype, .logo .color, .logo .domain {float:left;clear:both;width:100%;margin-bottom:4px;border-bottom:1px solid #f1f2f4;padding-bottom:50px;}
.logo .logotype p,.logo .color p {line-height:20px;}
.logo .logotype li {float:left;padding:40px 0 0 39px;text-align:center;line-height:20px;font-size:11px;}
.logo .logotype li:first-child,.logo .logotype li.first{padding-left:0;}
.logo .logotype li img {display:block;}
.logo .logotype li b {display:block;color:#2e333d;font-size:13px;padding-top:18px;}
.logo .logotype li .data {color:#4d72a7;}
.logo .color {clear:both;}
.logo .color h4 {padding-bottom:6px;}
.logo .colortype {float:left;padding:31px 0 15px;}
.logo .colortype li {position:relative;float:left;width:140px;padding:11px 0 10px 80px;line-height:20px;color:#73767e;}
.logo .colortype span {position:absolute;top:0;left:0;display:block;width:61px;height:61px;border-radius:5px;}
.logo .colortype b {display:block;font-size:14px;color:#2e333d;}
.logo .colortype .color-blue {background:#46a5e3;}
.logo .colortype .color-gray {background:#3f434b;}
.logo h5 {clear:both;padding:18px 0 13px;font-size:15px;font-weight:normal;}
.logo .dot-list li {list-style:inside disc;line-height:22px;}
.logo .inquiries {clear:both;padding-bottom:47px;}
.logo .inquiries h4 {padding-bottom:12px;}

/* faq2 */
.faq-new .sidebar {width:213px;}
.faq-new #content {width:630px;}
.faq-new .sidebar.affix-top {position: fixed;top: 0;}
.faq-new .intro {border:0;}
.faq-new .faq-menu {padding-bottom:26px;background:#fff;}
.faq-new .faq-menu dt {padding:3px 12px 4px;color:#22324e;line-height:20px;font-size:15px;font-weight:bold;}
.faq-new .faq-menu a {display:block;padding:5px 12px;font-size:13px;line-height:16px;}
.faq-new .faq-menu a:hover,.faq-new .faq-menu a.current {background:#ebf2f7;border-radius:13px;color:#22324e;}
.faq-new .stit {font-size:22px;padding-bottom:18px;color:#22324e;margin-top:50px;}
.faq-new .stit:first-child,.faq-new .stit.first {margin-top:0;}
.faq-new .faq-label {position:relative;border-top:1px solid #ebecef;}
.faq-new .faq-label dt {font-size:16px;padding:42px 0 15px;color:#22324e;font-weight:bold;}
.faq-new .faq-label dd {font-size:13px;line-height:20px;color:#4c4d51;padding-bottom:33px;}
.faq-new .faq-label dd p {padding-bottom:20px;}
.faq-new .faq-label:last-child dd,.faq-new .faq-label.last dd {padding-bottom:0;}

.logo-black {display:inline-block;width:114px;height:23px;background-position:0 -70px;}
.google .glass .summary {background:url('../../images/site/business/glass_top.png') no-repeat;background-size:940px 260px;}
.google .glass .install .img {background:url('../../images/site/business/glass_mid.png') no-repeat;background-size:621px 365px;}
.google .glass .use .img .ani {background:url('../../images/site/business/glass_ani.png') no-repeat;background-size:892px 1005px;}
.google .glass .use dt i,.google .glass .use .arrow {background:url('../../images/site/business/glass_icon.png') no-repeat;background-size:100px 100px;}
.google .glass .use .img {background:url('../../images/site/business/glass_bot.png') no-repeat #f9f9f8;background-size:820px 420px;}
.google .glass .use .img2 {background:url('../../images/site/business/glass_bot2.png') no-repeat #f9f9f8;background-size:820px 420px;}
.instruction h2 {background:url('../../images/site/business/instruction_top.png') no-repeat;background-size:648px 140px;}
@media screen and (-webkit-min-device-pixel-ratio:2){
.google .glass .summary {background-image:url('../../images/site/business/glass_top2x.png') ;}
.google .glass .install .img {background-image:url('../../images/site/business/glass_mid2x.png') ;}
.google .glass .use .img .ani {background-image:url('../../images/site/business/glass_ani2x.png') ;}
.google .glass .use dt i,.google .glass .use .arrow {background-image:url('../../images/site/business/glass_icon2x.png') ;}
.google .glass .use .img {background-image:url('../../images/site/business/glass_bot2x.png') ;}
.google .glass .use .img2 {background-image:url('../../images/site/business/glass_bot22x.png') ;}
.instruction h2 {background-image:url('../../images/site/business/instruction_top2x.png');}
}
.google .glass .install {text-align:center;border-bottom:1px solid #e4e4e4;}
.google .glass .install h3,.google .glass .use h3,.google .glass .movie h3 {font-size:28px;color:#242b36;padding:64px 0 45px;font-weight:lighter}
.google .glass .install li {display:inline-block;padding-right:46px;}
.google .glass .install .img {width:621px;height:365px;margin:46px auto 0;}
.google .glass .install li:last-child {padding-right:0;}
.google .glass .use {text-align:center;margin:0 60px;padding-top:5px;}
.google .glass .use dl {position:relative;float:left;width:280px;padding:31px 0 80px;text-align:left;}
.google .glass .use dl .line {position:absolute;top:0;left:0;width:100%;height:3px;background:#373d48;transition:1s;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}
.google .glass .use dd {font-size:13px;color:#828587;line-height:19px;padding:0 20px;}
.google .glass .use dt {font-size:16px;line-height:22px;color:#242b36;padding:0 20px 15px;transition:1s;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}
.google .glass .use dt a {color:#242b36;}
.google .glass .use dt .ic-fancy {display:inline-block;width:21px;height:22px;margin:-3px 6px 0 0;vertical-align:middle;background-position:0 -75px;}
.google .glass .use dt .ic-buy {display:inline-block;width:22px;height:20px;margin:-3px 6px 0 0;vertical-align:middle;background-position:-26px -75px;}
.google .glass .use dt .ic-search {display:inline-block;width:20px;height:21px;margin:-3px 5px 0 0;vertical-align:middle;background-position:-50px -75px;}
.google .glass .use dl.first {width:260px;}
.google .glass .use dl.first dt {padding:0 20px 15px 5px;}
.google .glass .use dl.first dd {padding:0 20px 0 5px;}
.google .glass .use dl.trd dt {padding:0 5px 15px 20px;}
.google .glass .use dl.trd dd {padding:0 5px 15px 20px;}
.google .glass .use .img {position:relative;height:420px;margin-top:10px;}
.google .glass .use .prev,.google .glass .use .next {display:none;position:absolute;top:50%;width:65px;height:65px;margin-top:-33px;border-radius:33px;background:rgba(219,224,225,0.3);line-height:63px;text-align:center;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;}
.google .glass .use .arrow {display:inline-block;width:20px;height:35px;vertical-align:middle;opacity:0.6;}
.google .glass .use .prev:hover,.google .glass .use .next:hover {background:#dbe0e1;}
.google .glass .use .prev:hover .arrow,.google .glass .use .next:hover .arrow {opacity:1;}
.google .glass .use #use-animation:hover .prev,.google .glass .use #use-animation:hover .next {display:block;}
.google .glass .use .prev {left:58px;}
.google .glass .use .next {right:58px;}
.google .glass .use .prev .arrow {background-position:0 0;margin-right:7px;}
.google .glass .use .next .arrow {background-position:-26px 0;margin-left:7px;}
.google .glass .use .img2 {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;}
.google .glass .use .img .ani {position:absolute;top:50%;left:50%;margin:-126px 0 0 -223px;width:446px;height:251px;opacity:0;transition:1s;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;}
.google .glass .use .img .ani2 {background-position:-446px 0;}
.google .glass .use .img .ani3 {background-position:0 -251px;}
.google .glass .use .img .ani4 {background-position:-446px -251px;}
.google .glass .use .img .ani5 {background-position:0 -502px;}
.google .glass .use .img .ani6 {background-position:-446px -502px;}
.google .glass .use .img .ani7 {background-position:0 -753px;}
.google .glass .use .img .ani8 {background-position:-446px -753px;}
.google .glass .use .animation1 .img .ani1,.google .glass .use .animation2 .img .ani2,.google .glass .use .animation3 .img .ani3,.google .glass .use .animation4 .img .ani4,.google .glass .use .animation5 .img .ani5,.google .glass .use .animation6 .img .ani6,.google .glass .use .animation7 .img .ani7,.google .glass .use .animation8 .img .ani8 {opacity:1;}
.google .glass .use .animation1 .first .line,.google .glass .use .animation2 .first .line,.google .glass .use .animation3 .first .line,.google .glass .use .animation4 .first .line,.google .glass .use .animation5 .scd .line,.google .glass .use .animation6 .scd .line,.google .glass .use .animation7 .trd .line,.google .glass .use .animation8 .trd .line {background:#63b8f9;}
.google .glass .use .animation1 .first dt,.google .glass .use .animation2 .first dt,.google .glass .use .animation3 .first dt,.google .glass .use .animation4 .first dt,.google .glass .use .animation5 .scd dt,.google .glass .use .animation6 .scd dt,.google .glass .use .animation7 .trd dt,.google .glass .use .animation8 .trd dt, .google .glass .use .animation1 .first dt a,.google .glass .use .animation2 .first dt a,.google .glass .use .animation3 .first dt a,.google .glass .use .animation4 .first dt a,.google .glass .use .animation5 .scd dt a,.google .glass .use .animation6 .scd dt a,.google .glass .use .animation7 .trd dt a,.google .glass .use .animation8 .trd dt a{color:#63b8f9;}
.google .glass .use .animation7 .img2,.google .glass .use .animation8 .img2 {opacity:1;}
.google .glass .use .animation1 .first dt .ic-fancy,.google .glass .use .animation2 .first dt .ic-fancy,.google .glass .use .animation3 .first dt .ic-fancy,.google .glass .use .animation4 .first dt .ic-fancy {background-position:0 -50px;}
.google .glass .use .animation5 .scd dt .ic-buy,.google .glass .use .animation6 .scd dt .ic-buy {background-position:-26px -50px;}
.google .glass .use .animation7 .trd dt .ic-search,.google .glass .use .animation8 .trd dt .ic-search {background-position:-50px -50px;}
.google .glass .use .animation7 .prev:hover,.google .glass .use .animation7 .next:hover,.google .glass .use .animation8 .prev:hover,.google .glass .use .animation8 .next:hover {background:rgba(0,0,0,0.2);}
.google .glass .summary {height:187px;padding:73px 480px 0 60px;}
.google .glass .summary h2 {font-weight:lighter;font-size:22px;color:#242b36;}
.google .glass .summary p {font-size:14px;line-height:20px;color:#33373e;opacity:0.8;padding-top:18px;}
.google .glass .summary big {font-size:16px;font-weight:bold;}
.google .glass .need {clear:both;text-align:center;color:#535964;font-size:13px;line-height:20px;padding:62px 0 67px;border-top:1px solid #e4e4e4;margin:0 60px;}
.google .glass .need h4 {font-size:24px;padding-bottom:21px;color:#242b36;}
.google .glass .movie {clear:both;border-top:1px solid #e4e4e4;text-align:center;padding-bottom:60px;}

.instruction #header {box-shadow:none;}
.instruction #header .inner {width:648px;}
.instruction .wrapper {padding:22px 0 21px;}
.instruction .container {width:648px;}
.instruction h2 {font-size:16px;font-weight:lighter;line-height:31px;height:99px;padding:41px 0 0 40px;}
.instruction h2 b {display:block;font-size:28px;}
.instruction li {position:relative;line-height:24px;font-size:16px;padding:17px 0 0 31px;color:#242b36;}
.instruction .no-line {position:absolute;left:0;top:20px;width:18px;height:18px;font-size:13px;line-height:18px;}
.instruction ol {margin:0 40px;padding-bottom:35px;}
.instruction p {font-size:14px;line-height:22px;color:#535964;padding:33px 40px 13px;}
.instruction .btn-area {padding:30px 40px;}
.instruction .btn-no {font-size:14px;color:#4d72a7;font-weight:bold;border:0;padding:0 22px;line-height:35px;}

.resource .anywhere .intro {position:relative;padding:0 400px 65px 0;}
.resource .anywhere .intro h3 {font-size:32px;padding:15px 0 33px;color:#232323;}
.resource .anywhere .intro h3 span {font-size: 18px;font-weight: normal;}
.resource .anywhere .intro strong {display:inline-block;font-size:21px;line-height:1em;padding:0 90px 15px 0;}
.resource .anywhere .intro p {font-size:13px;line-height:20px;color:#333333;}
.resource .anywhere .intro .img {position:absolute;top:6px;right:-38px;}
.resource .anywhere .intro .img.tum-img {display:block;width:372px;height:240px;}
.resource .anywhere h4 {font-size:21px;font-weight:normal;padding-top:33px;clear:both;}
.resource .anywhere .source {background:#fdfdfd;border:1px solid #f4f6f9;border-radius:2px;padding:19px 17px;}
.resource .anywhere dl:after {content:'';display:block;clear:both}
.resource .anywhere dt {padding:40px 0 15px;font-size:15px;}
.resource .anywhere dd {width:375px}
.resource .anywhere label {display:block;padding:18px 0 8px;}
.resource .anywhere label small {font-size:12px;}
.resource .anywhere .head dd.left p {margin-top:12px}
.resource .anywhere .head dd.left p.first {margin-top:0}
.resource .anywhere .head textarea {height:62px;}
.resource .anywhere .head label.radio {display:inline}
.resource .anywhere .head input.input-text {width:200px;margin-left:10px}
.resource .anywhere .copy textarea {height:167px;}
.resource .anywhere .input-text {width:355px;}
.resource .anywhere .input-text.size {width:42px;}
.resource .anywhere p.first label {padding-top:0;}
.resource .anywhere dd.left {border-right:0;border-radius:2px 0 0 2px;}
.resource .anywhere dd.right {width:374px;border-radius:0 2px 2px 0;}
.resource .anywhere .slide p {color:#888888;font-size:15px;text-align:center;padding:36px 0 20px;}
.resource .anywhere .slide b {color:#333;display:block;font-size:18px;padding-bottom:5px;}
.resource .anywhere .slide {position:absolute;top:0;left:0;width:4090px;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;}
.resource .anywhere .animation2 .slide {left:-818px;}
.resource .anywhere .animation3 .slide {left:-1626px;}
.resource .anywhere .animation4 .slide {left:-2444px;}
.resource .anywhere .animation5 .slide {left:-3262px;}
.resource .anywhere .slide .bg {position:absolute;width:584px;height:438px;top:90px;left:117px;opacity:0.1;}
.resource .anywhere .slide .slide1 .bg {opacity:1;}
.resource .anywhere .slide .img {position:absolute;top:115px;left:50%;margin-left:-115px;width:231px;height:392px;}
.resource .anywhere .slide-item {position:relative;float:left;width:818px;height:590px;}
.resource .anywhere #animation {position:relative;background:#fdfdfd;border:1px solid #f4f6f9;border-radius:2px;overflow:hidden;height:589px;margin-top:30px;}
.resource .anywhere .prev, .resource .anywhere .next {border:2px solid #ebebec;position:absolute;top:50%;display:block;width:44px;height:44px;line-height:42px;border-radius:24px;margin-top:-24px;text-align:center;}
.resource .anywhere .next:hover,.resource .anywhere .prev:hover {border-color:#d1d1d3;}
.resource .anywhere .arrow {display:inline-block;width:12px;height:19px;vertical-align:middle;}
.resource .anywhere .prev {left:30px;}
.resource .anywhere .prev .arrow {margin-right:3px;}
.resource .anywhere .prev:hover .arrow {background-position:0 -24px;}
.resource .anywhere .next {right:30px;}
.resource .anywhere .next .arrow {margin-left:3px;background-position:-16px 0;}
.resource .anywhere .next:hover .arrow {background-position:-16px -24px;}
.resource .anywhere .tumblr {position:absolute;right:40px;bottom:37px;color:#2c4762;font-size:12px;}
.resource .anywhere .pagenation {position:absolute;bottom:36px;left:0;width:100%;text-align:center;;}
.resource .anywhere .pagenation a {display:inline-block;width:10px;height:10px;text-indent:-1000em;background:#eaeaea;opacity:0.4;border-radius:5px;margin:0 8px;}
.resource .anywhere .pagenation a.current {background:#d2d2d4;opacity:1;}
.tumblr-logo {text-indent:-100em;display:inline-block;width:67px;height:17px;}
.tumblr-logo.sm {width:53px;height:13px;background-position:0 -20px;}

.affiliate {color:#383d48;}
.affiliate .what {border-radius: 3px;}
.affiliate .what h2 {font-size:46px; text-align:center;height:65px; line-height:46px; padding:60px 0 0;}
.affiliate .what .desc {font-size:16px; text-align:center; line-height:16px; height:60px;}
.affiliate .what .banner {overflow:hidden;height:416px;background:url('../../images/site/business/affiliate_things.png') no-repeat;background-size:940px 416px; padding-bottom:13px;}
.affiliate .what .banner p {width:272px; height:272px; color:#fff; border-radius:136px; background-color:rgba(61,144,230, 0.97); margin:58px 0 0 336px;}
.affiliate .what .banner p small {display:block; font-size:10px; font-weight:bold; line-height:10px; text-align:center; padding-top:62px;}
.affiliate .what .banner p span {display:block; font-size:22px; line-height:27px; text-align:center; padding-top:27px;}
.affiliate .what .banner p strong {display:block; font-size:26px; font-weight:bold; line-height:26px;  text-align:center; padding-top:12px;}
.affiliate .what .copy {border-top:1px solid #d1d3d7; background-color:#fbfcfc; padding:39px 0 34px 42px; border-radius: 0 0 3px 3px;}
.affiliate .what .copy:after {content:''; display:block; clear:both;}
.affiliate .what .copy li {float:left;}
.affiliate .what .copy dl {width:250px;padding-right:56px;}
.affiliate .what .copy dl.credit {padding-right:0;}
.affiliate .what .copy dt {font-size:16px; height:36px; line-height:31px; font-weight:bold;}
.affiliate .what .copy dl.spread dt {padding-left:44px;}
.affiliate .what .copy dl.sales dt {padding-left:42px; background-position:0 -36px;}
.affiliate .what .copy dl.credit dt {padding-left:40px;  background-position:0 -72px;}
.affiliate .how div dd .figure-share, .affiliate .what .copy dt {background:url('../../images/site/business/affiliate_icons.png') no-repeat;background-size:36px 144px;}
.affiliate .what .copy dd {font-size:13px; padding:11px 0; line-height:17px;}

.affiliate .how {margin-top:15px; padding-bottom:20px;}
.affiliate .how h2 {font-size:36px; font-weight:normal; text-align:center;height:60px; line-height:46px; padding:46px 0 0; }
.affiliate .how .desc {font-size:15px; text-align:center; line-height:18px; height:94px; border-bottom:1px solid #f4f4f4; margin-bottom:15px;}
.affiliate .how div {position:relative;}
.affiliate .how div h3 {font-size:26px; font-weight:normal; height:42px;}
.affiliate .how div p {font-size:15px; line-height:22px;}
.affiliate .how div ol {padding-bottom:24px;}
.affiliate .how div li {padding:21px 0 6px;}
.affiliate .how div dt {font-size:14px; height:25px;}
.affiliate .how div dd {font-size:13px; color:#8a8f9c; line-height:18px;}
.affiliate .how div dd .figure-share {background-position:0 -108px; padding-left:20px;}
.affiliate .how div dd a {font-size:13px; color:#3c71b5;}
.affiliate .how div a.btn-blue {margin-left:-1px;display:inline-block;color:white; font-size:12px; font-weight:bold; background-color:#4587cb; border-radius:2px; padding:10px 14px 10px;}
.affiliate .how div.share {padding:42px 440px 83px 61px; background:url('../../images/site/business/affiliate_share.png') 500px 45px no-repeat;background-size:379px 423px;}
.affiliate .how div.share:after {content:''; display:block;border-bottom:1px solid #eee; position:absolute;bottom:0; width:820px;}
.affiliate .how div.anywhere {padding:73px 40px 0 477px;background:url('../../images/site/business/affiliate_anywhere.png') 60px 100px no-repeat;background-size:386px 298px; padding-bottom:83px;}


@media screen and (-webkit-min-device-pixel-ratio:2){
    .affiliate .what .banner {background-image:url('../../images/site/business/affiliate_things2x.png');}
    .affiliate .how div dd .figure-share, .affiliate .what .copy dt {background-image:url('../../images/site/business/affiliate_icons2x.png');}
    .affiliate .how div.share {background-image:url('../../images/site/business/affiliate_share2x.png');}
    .affiliate .how div.anywhere {background-image:url('../../images/site/business/affiliate_anywhere2x.png');}
}

/* about new overview */
.about.new .overview .item1 {background:url('../../images/site/business/about-discover1.jpg') no-repeat 0 0;background-size:940px 430px;}
.about.new .overview .item2 {background:url('../../images/site/business/about-discover2.jpg') no-repeat 0 0;background-size:940px 430px;}
.about.new .overview .item3 {background:url('../../images/site/business/about-discover3.jpg') no-repeat 0 0;background-size:940px 430px;}
.about.new .overview .item4 {background:url('../../images/site/business/about-discover4.jpg') no-repeat 0 0;background-size:940px 430px;}
.about.new .overview .item5 {background:url('../../images/site/business/about-discover5.jpg') no-repeat 0 0;background-size:940px 430px;}
.about.new .overview .copy .phone {background:url('../../images/site/business/about-phone.png') no-repeat;background-size:498px 487px;}
.about.new .overview .pagination .icon,.about.new .overview .btn-next,.about.new .overview .btn-prev, .about.new .overview .device .icon {background:url('../../images/site/business/about-icon.png') no-repeat 0 0;background-size:800px 240px;}
.about.new .overview .device {background:url('../../images/site/business/wood.png') repeat 0 0;background-size:980px 548px;}
@media screen and (-webkit-min-device-pixel-ratio:2){
.about.new .overview .item1 {background-image:url('../../images/site/business/about-discover1_2x.jpg');}
.about.new .overview .item2 {background-image:url('../../images/site/business/about-discover2_2x.jpg');}
.about.new .overview .item3 {background-image:url('../../images/site/business/about-discover3_2x.jpg');}
.about.new .overview .item4 {background-image:url('../../images/site/business/about-discover4_2x.jpg');}
.about.new .overview .item5 {background-image:url('../../images/site/business/about-discover5_2x.jpg');}
.about.new .overview .pagination .icon,.about.new .overview .btn-next,.about.new .overview .btn-prev, .about.new .overview .device .icon {background-image:url('../../images/site/business/about-icon_2x.png');}
.about.new .overview .copy .phone {background-image:url('../../images/site/business/about-phone.png');}
.about.new .overview .device {background-image:url('../../images/site/business/wood_2x.jpg');}
}
.about.new #footer .inner{width:932px;}
.about.new .overview {width:980px;font-family:'FreightSansProLight',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;;padding-top:18px;}
.about.new .overview .visual {position:relative;overflow:hidden;height:auto;background:none;padding-top:430px;margin:0 20px;border-radius:0;}
.about.new .overview .slide {position:absolute;top:0;left:0;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;width:4700px;font-family: "Gotham SSm A", "Gotham SSm B", Arial,sans-serif;}
.about.new .overview .ani2 .slide {left:-940px;}
.about.new .overview .ani3 .slide {left:-1880px;}
.about.new .overview .ani4 .slide {left:-2820px;}
.about.new .overview .ani5 .slide {left:-3760px;}
.about.new .overview .slide-item {float:left;width:940px;height:430px;}
.about.new .overview .slide .tit {font-size:64px;color:#fff;line-height:1em;padding-bottom:10px;}
.about.new .overview .slide .txt {font-size:17px;color:#fff;line-height:1em;}
.about.new .overview .item1 {text-align:right;}
.about.new .overview .item1 .tit {padding-top:37px;padding-right:39px;}
.about.new .overview .item1 .txt {padding-right:42px;}
.about.new .overview .item3 .tit {padding-top:49px;}
.about.new .overview .item3 .txt {color:#7c1215}
.about.new .overview .item4 .tit {padding-top:49px;color:#232f35;}
.about.new .overview .item4 .txt {color:#5b8997}
.about.new .overview .item2, .about.new .overview .item5 {text-align:left;}
.about.new .overview .item2 p, .about.new .overview .item5 p {padding-left:106px;}
.about.new .overview .item2 .tit, .about.new .overview .item5 .tit {padding-top:165px;padding-left:101px;}
.about.new .overview .item2 .txt{color:#ffc700;padding-left:104px;}
.about.new .overview .item5 .txt {color:#42c8bf;}
.about.new .overview .btn-next,.about.new .overview .btn-prev {position:absolute;top:186px;width:48px;height:49px;opacity:0.5;}
.about.new .overview .btn-prev {left:20px;background-position:-210px -180px}
.about.new .overview .btn-next {right:20px;background-position:-270px -180px}
.about.new .overview .copy {position:relative;background:url('../../images/site/business/about-hr.png') no-repeat 50% 0;padding:162px 550px 104px 68px;min-height:400px;}
.about.new .overview .copy h2 {font-size:32px;line-height:36px;padding-bottom:20px;font-weight:normal;}
.about.new .overview .copy p {color:#6a7181;line-height:22px;font-size:18px;padding-bottom:22px;}
.about.new .overview .copy .phone {position:absolute;top:82px;right:50px;display:block;width:498px;height:487px;}
.about.new .overview .device {position:relative;text-align:center;padding:60px 50px;}
.about.new .overview .device .shadow {position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 9px 1px rgba(0,0,0,0.75);}
.about.new .overview .device .frame {position:relative;background:url('../../images/site/business/about-wood-frame.png') repeat 0 0;padding:0 110px 23px;box-shadow:0 2px 4px rgba(0,0,0,0.75);}
.about.new .overview .device .icon {width:788px;height:168px;display:block;margin:14px -84px 24px;}
.about.new .overview .device .frame .line {position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);}
.about.new .overview .device h3 {font-size:38px;color:#fff;font-weight:normal;padding:53px 0 14px;}
.about.new .overview .device p {font-size:18px;color:#fff;}
.about.new .overview .device .supported {position:relative;z-index:3;display:inline-block;font-size:12px;background:#21618f;border-radius:2px;line-height:19px;padding:2px 9px;color:#fff;}
.about.new .overview .mix {position:relative;}
.about.new .overview .mix h2 {text-align:center;font-size:38px;font-weight:normal;padding:77px 20px 5px;}
.about.new .overview .mix p {text-align:center;padding:0 20px 793px;font-size:22px;color:#6a7181;line-height:26px;}
.about.new .overview .mix li {position:absolute;overflow:hidden;}
.about.new .overview .mix img {width:101%;height:101%;background-position:50% 50%;margin:-0.5%;background-size:cover;}
.about.new .overview .mix .figure-info {position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(66,130,181,0.9);color:#fff;text-align:center;opacity:0;transition:0.2s;-moz-transition:0.2s;-webkit-transition:0.2s;-o-transition:0.2s;}
.about.new .overview .mix figcaption {font-size:24px;line-height:24px;display:inline-block;vertical-align:middle;max-height:72px;overflow:hidden;padding:0 10px;}
.about.new .overview .mix .username {position:absolute;bottom:20px;left:0;width:100%;font-size:14px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.about.new .overview .mix a:hover .figure-info {opacity:1;}
.about.new .overview .mix .list1 {left:20px;top:190px;width:372px;height:372px;line-height:370px;}
.about.new .overview .mix .list2 {left:398px;top:190px;width:183px;height:183px;line-height:180px;}
.about.new .overview .mix .list3 {left:587px;top:190px;width:183px;height:183px;line-height:180px;}
.about.new .overview .mix .list4 {left:776px;top:190px;width:183px;height:183px;line-height:180px;}
.about.new .overview .mix .list5 {left:398px;top:379px;width:183px;height:183px;line-height:180px;}
.about.new .overview .mix .list6 {left:587px;top:379px;width:372px;height:372px;line-height:370px;}
.about.new .overview .mix .list7 {left:20px;top:568px;width:183px;height:183px;line-height:180px;}
.about.new .overview .mix .list8 {left:209px;top:568px;width:183px;height:183px;line-height:180px;}
.about.new .overview .mix .list9 {left:398px;top:568px;width:183px;height:183px;line-height:180px;}
.about.new .overview .mix .list10 {left:20px;top:757px;width:183px;height:183px;line-height:180px;}
.about.new .overview .mix .list11 {left:209px;top:757px;width:183px;height:183px;line-height:180px;}
.about.new .overview .mix .list12 {left:398px;top:757px;width:183px;height:183px;line-height:180px;}
.about.new .overview .mix .list13 {left:587px;top:757px;width:183px;height:183px;line-height:180px;}
.about.new .overview .mix .list14 {left:776px;top:757px;width:183px;height:183px;line-height:180px;}
.about.new .overview .mix .list6 figcaption,.about.new .overview .mix .list1 figcaption {max-height:96px;}
.about.new .overview .business-support {background:none;padding:75px 0 30px;}
.about.new .overview .business-support ul {box-shadow:none;border-color:#e4e4e5;}
.about.new .overview .business-support li {font-size:18px;}
.about.new .overview .business-support li:last-child{border-color:#e4e4e5;}
.about.new .overview .business-support b {font-size:30px;font-weight:normal;display:inline-block;padding-bottom:2px;}
.about.new .overview .join-text {text-align:center;font-size:32px;line-height:36px;padding-bottom:15px;}
.about.new .overview .join-text p {line-height: 36px;padding: 30px 0 28px;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.about.new .overview .join-text .btn-join {border:0;box-shadow:none;background:#238ecf;color:#ffffff;font-family: "Gotham SSm A", "Gotham SSm B", Arial,sans-serif;font-size:18px;min-width:217px;line-height:47px;height:auto;font-weight:normal;}
.about.new .overview .business-support #___plusone_0 {margin-top:19px !important;vertical-align:top !important;}


/* widget v2 */
.select-2dot {-webkit-appearance: none;-moz-appearance: none;background: #fff url('/_ui/images/common/jquery.selectBox-arrow2.gif') no-repeat 95% 50% !important;line-height: 15px;padding: 5px 20px 5px 7px;height: 30px;font-size: 13px;border: 1px solid #caccd0;border-bottom-color: #bdc0c5;border-radius: 3px;box-shadow: 0 1px 1px rgba(130,137,150,0.12),inset 0 -1px 1px 0px rgba(130,137,150,0.05) !important;}.btn-getcode {border:1px solid #396c9d;border-radius:2px;font-size:14px;color:#fff;text-shadow:0 1px 0 #457bac;font-weight:bold;font-size:14px;background: -webkit-linear-gradient(bottom, #3b84cb, #4a97e2);background: -ms-linear-gradient(bottom,  #3b84cb, #4a97e2);background: -moz-linear-gradient(bottom,  #3b84cb, #4a97e2);background: -o-linear-gradient(bottom,  #3b84cb, #4a97e2);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b84cb',endColorstr='#4a97e2');min-width:133px;padding:0 15px;line-height:39px;text-align:center;box-shadow:0 1px 0 #ededed;}
.btn-preview {border:1px solid #a9a9ab;border-radius:2px;font-size:14px;color:#464a52;font-weight:bold;font-size:14px;background: -webkit-linear-gradient(top, #fdfdfd, #f1f1f2);background: -ms-linear-gradient(top,  #fdfdfd, #f1f1f2);background: -moz-linear-gradient(top,  #fdfdfd, #f1f1f2);background: -o-linear-gradient(top,  #fdfdfd, #f1f1f2);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd',endColorstr='#f1f1f2');min-width:133px;padding:0 15px;line-height:39px;text-align:center;box-shadow:0 1px 0 #ededed;margin-left:6px;}
.button .title {padding:11px 0 41px;}
.button .title big {font-weight:bold;font-size:32px;color:#232323;}
.button .title small {font-size:21px;color:#333;}
.button .option {padding:27px 29px 28px;border:1px solid #dee0e3;border-radius:0 0 2px 2px;}
.button .stit {position:relative;background:#fbfbfc;border:1px solid #dee0e3;border-radius:2px 2px 0 0;border-bottom:0;padding:22px 30px 27px 130px;color:#333;min-height:85px;}
.button .stit h3 {font-size:24px;padding-bottom:12px;}
.button .stit p {font-size:13px;line-height:22px;}
.button .stit .button,.button .stit .widget {position:absolute;top:22px;left:28px;border:1px solid #c7c7c7;border-radius:2px;background:#fff;width:83px;height:83px;text-align:center;line-height:83px;}
.button .stit .button .icon, .button .stit .widget .icon {display:inline-block;}
.button .stit .button .icon {width:68px;height:18px;margin:32px 0 32px 1px;}
.button .stit .widget .icon {width:73px;height:69px;background-position:-6px -66px;margin-top:5px;}
.button .option dt {color:#333333;font-size:16px;font-weight:bold;padding:0 0 32px;border:0;}
.button .option dd {padding:0;}
.button .option .frm {padding:0;width:377px;}
.button .option .frm .label {display:block;padding-bottom:7px;}
.button .option .frm .label .cmt {display:inline;color: #b2b5bd;;font-size:12px;padding:0;}
.button .option .frm p {position:relative;padding-bottom:34px;}
.button .option .frm .cmt {display:block;padding:3px 0 0 18px;color:#333;font-size:12px;}
.button .option .frm.right {width:381px;}
.button .option .btn-area {clear:both;padding:28px 0 0;}
.button .option.button {margin-bottom:60px;}
.button .option .tooltip {position:relative;}
.button .option .tooltip .icon {display:inline-block;width:13px;height:13px;background-position:0 -20px;vertical-align: middle;margin-top: -5px;}
.button .option .tooltip small {position:absolute;left:-30px;bottom:25px;color:#ffffff;font-size:11px;line-height:18px;background:rgba(11,15,25,0.9);display:none;min-width:230px;padding:11px 12px;border-radius:2px;}
.button .option .tooltip .arrow {position:absolute;bottom:-10px;left:32px;border:5px solid ;width:0;height:0;display:block;border-color:rgba(11,15,25,0.9) transparent transparent;}
.button .option .tooltip:hover small {display:block;}
.button .option.button .scd {margin-top:10px;}
.button .option.button .input-text {width:268px;border-radius:2px;}
.button .option.button .select-2dot {width:208px;border-radius:2px;}
.button .option.widget .thum {width:65px;padding-right:36px;}
.button .option.widget .bgcolor {width:65px;padding-left:36px;}
.button .option.widget .px {position:absolute;bottom: 24px;left: 84px;;display:inline-block;width:26px;height:29px;line-height:29px;border:1px solid #bcc1c8;border-radius:0 2px 2px 0;color:#616974;background:#f9f9f9;text-align:center;}
.button .option.widget .bg {position:absolute;bottom: 24px;left: 0;;display:inline-block;width:26px;height:29px;line-height:29px;border:1px solid #bcc1c8;border-radius:2px 0 0 2px;color:#616974;background:#f9f9f9;text-align:center;}
.button .option .switch {font-size:0;border:1px solid #bcc1c8;border-radius:2px;display:inline-block;}
.button .option .switch input {position:absolute;top:-1000em;left:-1000em;}
.button .option .switch label {display:inline-block;line-height:30px;float:none;text-align:center;width:54px;font-size:13px;background:#dde0e4;color:#a8adb4;font-weight:bold;}
.button .option .switch .right {border-left:1px solid #bcc1c8;}
.button .option .switch .on {color:#6d747f;background:#fff;}
.button .option .switch.style label {width:85px;}
.button .option .switch.style .icon {display:inline-block;width:13px;height:13px;vertical-align:middle;margin-top:-3px;opacity:0.5;}
.button .option .switch.style .left .icon {background-position:-40px -20px}
.button .option .switch.style .right .icon {background-position:-20px -20px}
.button .option .switch.style .on .icon {opacity:1;}
.button .widget dd.clear {border-top:1px solid #f3f5f7;padding-top:27px;}
.button .widget .frm .input-text {width:288px;}
.button .widget .frm .input-text.css {width:321px;}
.button .option.widget .frm .row, .button .option.widget .frm .col {width:50px;}
.button .widget .frm  .select-2dot {width:150px;margin-right:4px;}
.button .option.button .input-text {background:#f3f3f3;}
.button .option.button .input-text.checked {background:#fff;}
.button .widget .thum_size input {vertical-align:top;margin-top:8px;}
.button .widget .thum_size .icon {display:block;margin:0 auto;}
.button .widget .thum_size .sm, .button .widget .thum_size .mid, .button .widget .thum_size .big {display:inline-block;vertical-align:top;background:#fbfbfc;border:1px solid #d8d9dc;text-align:center;color:#c7cad2;margin:8px 16px 16px 4px;font-size:12px;}
.button .widget .thum_size .on {background:#fbfbfc;border-color:#b4bcc7;color:#8491a5;}
.button .widget .thum_size .sm {width:58px;height:58px;}
.button .widget .thum_size .mid {width:78px;height:78px;}
.button .widget .thum_size .big {width:98px;height:98px;}
.button .widget .thum_size .sm .icon {width:23px;height:15px;background-position:-90px -30px;margin:15px auto 4px;}
.button .widget .thum_size .mid .icon {width:33px;height:21px;background-position:-120px -30px;margin:21px auto 7px;}
.button .widget .thum_size .big .icon {width:39px;height:25px;background-position:-160px -30px;margin:27px auto 9px;}
.button .widget .thum_size .sm.on .icon {background-position:-90px 0;}
.button .widget .thum_size .mid.on .icon {background-position:-120px 0;}
.button .widget .thum_size .big.on .icon {background-position:-160px 0;}
.button .widget p .error {display:none;position:absolute;left:0;bottom:10px;color:#ed1c24}

.popup .ly-close .ic-del-black {display:inline-block;vertical-align:middle;background-image:url('/_ui/images/common/add1x.png');background-repeat:no-repeat;background-size:253px 200px;}
.widget_post ul:after {content:'.';display:block;visibility:hidden;clear:both;height:0;}
.popup .ly-close {text-align:center;line-height:45px;}
#popup_container.widget-code .widget-code, #popup_container.button-code .button-code,#popup_container.widget-preview .widget-preview {display:block;}
#popup_container .popup.widget-code, #popup_container .popup.button-code, #popup_container .widget-preview {width:624px;margin:0 auto;}
.popup.widget-code .get_code, .popup.button-code .get_code {position:relative;background:#fff;padding:19px 20px 20px;}
.popup.widget-code .get_code textarea, .popup.button-code .get_code textarea {display:block;margin-top:15px;width:564px;height:166px;}
.popup.button-code .preview {position:absolute;top:18px;right:21px;}
.popup.button-code .preview a:nth-of-type(2) {padding-right:12px !important;}
#popup_container .popup.widget-preview {background:#fff;padding-bottom:20px;border-radius:2px;margin-top:20px;}
.popup.widget-preview iframe {margin:20px 20px 0;border:0;;}
