body,html{background-color:#f3f3f3;width:100%;height:100%;font-size:12px}body{overflow:hidden}a{text-decoration:none}p{margin:0;padding:0}li,ul{list-style:none;margin:0;padding:0}a:focus{outline:0}.main{width:100%;height:100%;font-family:Didot,'Microsoft YaHei';-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.main.scroll{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.ab-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.preview-canvas-info,.we-publicity{margin-top:72px;width:100%;height:calc(100% - 72px);position:relative}.we-canvas{margin-top:72px;width:100%;position:relative}.we-canvas #canvasIframe{width:100%;height:100%}.we-canvas .we-button{position:relative;bottom:132px}.we-canvas .we-button .button-level-one{position:absolute;bottom:0;width:100%;text-align:center;left:50%;opacity:1;visibility:visible;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);transition:opacity .25s,visibility .25s,-webkit-transform .25s;transition:opacity .25s,transform .25s,visibility .25s;transition:opacity .25s,transform .25s,visibility .25s,-webkit-transform .25s}.we-canvas .we-button .button-level-one ul{font-size:0}.we-canvas .we-button .button-level-one>li{display:inline-block;color:#404040;width:65px;margin:0 10px}.we-canvas .we-button .button-level-one>li>a{color:#404040;width:100%;height:100%;display:block;text-align:center;position:relative}.we-canvas .we-button .button-level-one>li>a .btn-image{width:45px;margin:0 auto;position:relative;margin-bottom:7px}.we-canvas .we-button .button-level-one>li>a .btn-image img{width:100%;opacity:1}.we-canvas .we-button .button-level-one>li>a .btn-image img:nth-child(2){position:absolute;top:0;left:0;opacity:0}.we-canvas .we-button .button-level-one>li>a .txt{display:inline-block;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;left:50%;text-transform:capitalize}.we-canvas .we-button .button-level-one>li>a .line{box-sizing:border-box;height:1px;width:110%;background-color:#979797;display:block;margin-top:3px;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;transition:width .25s}.we-canvas .we-button .button-level-one>li.active>a .btn-image img:nth-child(1){opacity:0}.we-canvas .we-button .button-level-one>li.active>a .btn-image img:nth-child(2){opacity:1}.we-canvas .we-button .button-level-one>li.active>a .line{width:110%}.we-canvas .we-button .button-level-one.hidden{opacity:0;visibility:hidden;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}.we-canvas .we-button .button-level-two{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:105px;width:100%;text-align:center}.we-canvas .we-button .button-level-two .level-two{position:absolute;left:50%;-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%);bottom:0;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,-webkit-transform .25s;transition:opacity .25s,visibility .25s,transform .25s;transition:opacity .25s,visibility .25s,transform .25s,-webkit-transform .25s}.we-canvas .we-button .button-level-two .level-two.active{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);opacity:1;visibility:visible}.we-canvas .we-button .button-level-two ul{font-size:0}.we-canvas .we-button .button-level-two li{display:inline-block}.we-canvas .we-button .button-level-two li a{display:block;padding:0 5px}.we-canvas .we-button .button-level-two li a span{position:absolute;width:100%;margin-top:5px;-webkit-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none;font-size:10px;color:#404040;opacity:0;transition:opacity .15s}.we-canvas .we-button .button-level-two li a .circle{width:22px;height:22px;display:block;background-repeat:no-repeat;background-position:center;background-size:100% 100%;transition:width .15s,height .15s}.we-canvas .we-button .button-level-two li a:hover .circle{width:30px;height:30px}.we-canvas .we-button .button-level-two li.active span{opacity:1}.we-canvas .we-button .button-level-two li.active .circle{width:30px;height:30px}.we-canvas .we-button .button-level-two li .blacksofttouch{background-image:url(../../images/woc/colors/blacksofttouch.png)}.we-canvas .we-button .button-level-two li .charcoalgrey{background-image:url(../../images/woc/colors/charcoalgrey.png)}.we-canvas .we-button .button-level-two li .glossychrome{background-image:url(../../images/woc/colors/glossychrome.png)}.we-canvas .we-button .button-level-two li .glossypink{background-image:url(../../images/woc/colors/glossypink.png)}.we-canvas .we-button .button-level-two li .glossyturquoise{background-image:url(../../images/woc/colors/glossyturquoise.png)}.we-canvas .we-button .button-level-two li .glossydarkpurple{background-image:url(../../images/woc/colors/glossydarkpurple.png)}.we-canvas .we-button .button-level-two li .glossypopgreen{background-image:url(../../images/woc/colors/glossypopgreen.png)}.we-canvas .we-button .button-level-two li .mattblue{background-image:url(../../images/woc/colors/mattblue.png)}.we-canvas .we-button .button-level-two li .mattchampagne{background-image:url(../../images/woc/colors/mattchampagne.png)}.we-canvas .we-button .button-level-two li .mattnickel{background-image:url(../../images/woc/colors/mattnickel.png)}.we-canvas .we-button .button-level-two li .mattred{background-image:url(../../images/woc/colors/mattred.png)}.we-canvas .we-button .button-level-two li .mattblack{background-image:url(../../images/woc/colors/mattblack.png)}.we-canvas .we-button .button-level-two li .mattsilver{background-image:url(../../images/woc/colors/mattsilver.png)}.we-canvas .we-button .button-level-two li .metallicsilverdollar{background-image:url(../../images/woc/colors/metallicsilverdollar.png)}.we-canvas .we-button .button-level-two li .pianolacquerblack{background-image:url(../../images/woc/colors/pianolacquerblack.png)}.we-canvas .we-button .button-level-two li .pianolacquerwhite{background-image:url(../../images/woc/colors/pianolacquerwhite.png)}.we-canvas .we-button .button-level-two li .veloursblack{background-image:url(../../images/woc/colors/veloursblack.png)}.we-canvas .we-button .button-level-two li .velourssilver{background-image:url(../../images/woc/colors/velourssilver.png)}.we-canvas .we-button .button-level-two li .leatheretteblack{background-image:url(../../images/woc/colors/leatheretteblack.png)}.we-canvas .we-button .button-level-two li .leatherettewhite{background-image:url(../../images/woc/colors/leatherettewhite.png)}.we-canvas .we-button .button-level-two li .simple{background-image:url(../../images/woc/colors/simple.png)}.we-canvas .we-button .button-level-two li .classic{background-image:url(../../images/woc/colors/classic.png)}.we-canvas .we-button .button-level-two li .modern{background-image:url(../../images/woc/colors/modern.png)}.we-canvas .we-button .btn-share{position:absolute;left:50%;bottom:0;opacity:0;visibility:hidden;-webkit-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%);transition:opacity .3s,visibility .3s,-webkit-transform .3s;transition:opacity .3s,visibility .3s,transform .3s;transition:opacity .3s,visibility .3s,transform .3s,-webkit-transform .3s;transition-delay:.1s}.we-canvas .we-button .btn-share.active{opacity:1;visibility:visible;-webkit-transform:translateX(-50%) translateY(-400%);transform:translateX(-50%) translateY(-400%)}.we-canvas .we-button .btn-share>li{display:inline-block;color:#404040;width:65px;margin:0 10px}.we-canvas .we-button .btn-share>li>a{color:#404040;width:100%;height:100%;display:block;text-align:center;position:relative}.we-canvas .we-button .btn-share>li>a img{width:45px;margin:0 auto;margin-bottom:7px;position:relative;display:block}.we-canvas .we-button .btn-share>li>a .txt{display:inline-block;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;left:50%;text-transform:capitalize}.we-canvas .we-button .btn-share>li>a .we-qrcode{position:absolute;top:-10px;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.we-canvas .we-button .btn-share>li>a:hover .we-qrcode{opacity:1;visibility:visible}.we-canvas .preview-info{width:780px;margin:0 auto;-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s;height:0;display:none}.we-canvas .preview-info.active{-webkit-transform:translateY(-240px);transform:translateY(-240px);display:block}.we-canvas .preview-info img{padding:6px}.we-canvas .preview-info .preview-txt{margin-top:7px;margin-bottom:130px}.we-canvas .preview-info .preview-txt .info{padding:0 3px;border-right:1px solid #979797}.we-canvas .preview-info .preview-txt .info:last-child{border-right:0}.we-canvas .preview-info .preview-txt p{text-align:center;text-transform:capitalize}.we-canvas .preview-info .preview-txt p:nth-child(1){margin-bottom:3px;font-size:14px}.we-canvas .preview-info .preview-txt p:nth-child(2){font-size:10px}.we-canvas .preview-info .preview-submit{vertical-align:middle;text-align:right;margin-bottom:151px}.we-canvas .preview-info .preview-submit .sp1{font-size:18px;font-family:Helvetica;font-weight:700;margin-right:40px}.we-canvas .preview-info .preview-submit .num-total{font-size:20px;font-family:Helvetica;font-weight:700;margin-right:25px}.we-canvas .preview-info .preview-submit #check-out{height:42px;width:211px;border-radius:3px;background-color:#FFF;background:linear-gradient(180deg,#49C456 0,#08911F 100%);display:inline-block;font-family:".SF NS Text";line-height:42px;text-align:center;color:#fff}.drift{position:fixed;height:100%;right:0;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.drift.active{opacity:1;visibility:visible;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.drift.active .button{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.drift .button{position:fixed;right:0;top:50%;-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%);transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s}.drift .button .cart,.drift .button .information{background-color:#333;position:relative;display:block;width:126px;padding:8px 11px;border-top-left-radius:3px;border-bottom-left-radius:3px;-webkit-transform:translateX(95px);transform:translateX(95px);transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s, -webkit-transform .25s}.drift .button .cart img,.drift .button .information img{width:30px;height:30px;display:inline-block;vertical-align:middle}.drift .button .cart span,.drift .button .information span{width:90px;text-align:center;display:inline-block;line-height:18px}.drift .button .information{margin-top:3px;color:#FFF;font-size:12px}.drift .button .information:hover{-webkit-transform:translateX(0);transform:translateX(0)}.drift .cart-panel,.drift .information-panel{position:absolute;top:72px;right:0;height:calc(100% - 72px);width:210px;background-color:#333;padding:18px 20px;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;visibility:hidden;color:#fff;transition:opacity .3s,visibility .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s,visibility .3s;transition:opacity .3s,transform .3s,visibility .3s,-webkit-transform .3s}.drift .cart-panel.active,.drift .information-panel.active{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}.drift .cart-panel .score,.drift .information-panel .score{color:#f1540f;margin-bottom:9px}.drift .cart-panel .score li,.drift .information-panel .score li{font-size:22px;display:inline-block}.drift .cart-panel>.title,.drift .information-panel>.title{color:#0287DA;font-size:16px;margin-bottom:10px}.drift .cart-panel>.p1,.drift .information-panel>.p1{margin-bottom:14px}.drift .cart-panel>.p2,.drift .information-panel>.p2{margin-bottom:3px}.drift .cart-panel>.p3,.drift .information-panel>.p3{margin-bottom:29px}.drift .information-panel>.p4{line-height:18px;margin-bottom:17px}.drift .information-panel>.p5 li{display:block;line-height:30px}.drift .information-panel>.p5 li:after{content:'';clear:both;float:none;display:block}.drift .information-panel>.p5 .title{font-size:16px;font-family:Helvetica;font-weight:700}.drift .information-panel>.p5 .left{float:left}.drift .information-panel>.p5 .right{float:right}.drift .cart-panel .cart-group li{position:relative;opacity:.91;padding:8px;border-radius:4px;border:1px solid #E4E4E4;background-color:#FFF;box-shadow:0 4px 14px 7px rgba(121,121,121,0);margin:16px 0}.drift .cart-panel .cart-group li img{height:42px;vertical-align:middle}.drift .cart-panel .cart-group li .info{display:inline-block;vertical-align:middle;text-align:center;width:140px;font-size:14px}.drift .cart-panel .cart-group li .info .name{color:#373738;text-transform:capitalize;margin-bottom:4px}.drift .cart-panel .cart-group li .info .name span{font-size:12px;text-transform:initial}.drift .cart-panel .cart-group li .info .money{font-family:".SF NS Text";font-weight:700;color:#000}.drift .cart-panel .cart-group li .close{position:absolute;top:3px;right:5px;color:#000;font-size:12px}.drift .cart-panel .clear-all{color:red;font-size:14px;display:block;text-align:center;margin-bottom:13px;display:none}.drift .cart-panel .clear-all.active{display:block}.drift .cart-panel .num,.drift .cart-panel .total,.drift .cart-panel .unit-price{margin-bottom:28px}.drift .cart-panel .num span,.drift .cart-panel .total span,.drift .cart-panel .unit-price span{font-family:Helvetica;line-height:21px}.drift .cart-panel .num #qty-num,.drift .cart-panel .total #qty-num,.drift .cart-panel .unit-price #qty-num{font-family:'.SF NS Text';width:21px;height:21px;display:block;padding:0;border:0;text-align:center}.drift .cart-panel .num #qty-num::-webkit-inner-spin-button,.drift .cart-panel .num #qty-num::-webkit-outer-spin-button,.drift .cart-panel .total #qty-num::-webkit-inner-spin-button,.drift .cart-panel .total #qty-num::-webkit-outer-spin-button,.drift .cart-panel .unit-price #qty-num::-webkit-inner-spin-button,.drift .cart-panel .unit-price #qty-num::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}.drift .cart-panel .unit-price{margin-bottom:22px}.drift .cart-panel .total{font-size:18px}.drift .cart-panel .total>.title{text-align:center}.drift .cart-panel .total #num-total{color:#0287DA}.drift .cart-panel .submit{font-family:Helvetica;font-size:14px;color:#303030;padding:11px 15px;border-radius:3px;background-color:#FFF;box-shadow:0 0 24px 0 rgba(0,0,0,.22),0 24px 24px 0 rgba(0,0,0,.3)}.drift .cart-panel .submit span{text-align:center;line-height:14px;padding-top:1px}.drift .cart-panel .submit i{font-size:14px}.loading{position:fixed;top:0;left:0;width:100%;margin-top:72px;height:calc(100% - 72px);background-color:rgba(0,0,0,.83);opacity:0;visibility:hidden}.loading.active{opacity:1;visibility:visible}.loading h1{font-family:Lato;color:#fff;text-transform:uppercase;font-size:1em;letter-spacing:1.5px;text-align:center;width:155px;margin-top:20px;-webkit-animation:fade 2s infinite;-moz-animation:fade 2s infinite}.loading #container{width:180px;vertical-align:middle;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-left:24px}.loading .stick{width:30px;height:3px;background:#fff;display:inline-block;margin-left:-8px}.loading .stick:nth-child(n){transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-webkit-animation:fall 2s infinite;-moz-animation:fall 2s infinite}.loading .stick:nth-child(2n){transform:rotate(-30deg);-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-webkit-animation:rise 2s infinite;-moz-animation:rise 2s infinite}@-webkit-keyframes rise{50%{transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg)}}@-webkit-keyframes fall{50%{transform:rotate(-30deg);-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(30deg)}}@-webkit-keyframes fade{50%{opacity:.5}100%{opacity:1}}