@charset "utf-8";*{padding:0;margin:0;}html,body{width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;font-size:14px;overflow:hidden;}@font-face{font-family:'icon-font';src:url('../fonts/icon-font.eot?k1p375');src:url('../fonts/icon-font.eot?k1p375#iefix') format('embedded-opentype'),url('../fonts/icon-font.ttf?k1p375') format('truetype'),url('../fonts/icon-font.woff?k1p375') format('woff'),url('../fonts/icon-font.svg?k1p375#icomoon') format('svg');font-weight:normal;font-style:normal;}.red{color:#f54848;}.line{width:400px;height:2px;margin-top:5px;margin-left:-1px;background-color:#83725c;}.line-weight{width:400px;height:4px;margin-top:5px;margin-left:-1px;background-color:#ba976d;}.main{width:100%;height:100%;background:url(../images/2017thanksgiving/thanks-bg.jpg) center 60% no-repeat;position:relative;}.letter{position:absolute;left:40%;bottom:1%;}.clickLetter:after{display:block;content:'';width:75px;height:75px;background:url(../images/2017thanksgiving/finger.png) center no-repeat;position:absolute;top:52%;left:58%;animation:swing 1s linear infinite;-webkit-animation:swing 1s linear infinite;}@keyframes swing{0%{top:48%;}50%{top:50%;}100%{top:48%;}}@-webkit-keyframes swing{0%{top:48%;}50%{top:50%;}100%{top:48%;}}.letter img{display:block;width:auto;height:450px;border:none;}@media screen and (min-width:1800px){.main{background-position:center;background-size:cover;}}@media screen and (min-width:2000px){.letter img{height:800px;}.letterHidden{margin-left:-400px;}}.robot{position:fixed;left:-170px;bottom:0;z-index:999;transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}.guide-box{width:350px;height:150px;line-height:30px;font-size:18px;color:#FFF;padding:10px;border:#CCC 2px solid;border-radius:5px;background-color:rgba(0,0,0,0.8);position:fixed;left:280px;bottom:40px;z-index:-1;opacity:0;transition:opacity 0.5s;-ms-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;}.guide-box p{transition:opacity 0.5s;-ms-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;opacity:0;}.guide-box p a{line-height:16px;font-size:16px;color:#FFF;text-decoration:none;padding:5px 10px;border-radius:3px;background:#15666b;float:right;}.guide-box p a:hover{background-color:#22acb5;}.guide-box:before{display:block;content:"";width:0;height:0;border-top:transparent 10px solid;border-right:#CCC 20px solid;border-bottom:transparent 10px solid;position:fixed;left:260px;bottom:160px;}.blackbg{content:'';width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;z-index:-1;transition:opacity 0.5s;-ms-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;opacity:0;}.openLetterBox{overflow:hidden;width:540px;height:300px;color:#644c30;font-family:Georgia,"Times New Roman",Times,serif;font-weight:bold;text-align:center;background:url(../images/2017thanksgiving/open-letter-bg.png) center no-repeat;background-size:100% 100%;padding:100px 130px;position:absolute;top:50%;margin-top:-250px;left:50%;margin-left:-400px;z-index:888;transition:all 0.5s linear;-ms-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;}.letterHidden{left:40%;bottom:1%;margin:0;margin-left:-180px;transform:scale(0,0);-ms-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-webkit-transform:scale(0,0);transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;transition-delay:1s;-ms-transition-delay:1s;-moz-transition-delay:1s;-webkit-transition-delay:1s;-o-transition-delay:1s;}.openLetterBox .wrap{width:100%;height:100%;position:relative;}.openLetterBox .wrap>#minLetter{position:absolute;top:-50px;right:-50px;text-decoration:none;}.openLetterBox .wrap>#minLetter:after{font-family:icon-font;content:"\ea0d";width:32px;height:32px;font-size:32px;color:#793221;}.openLetterBox .wrap>#minLetter:hover:after{color:#b34024;}.openLetterBox .wrap>#maxLetter{display:none;width:400px;height:100px;line-height:100px;background:#793221;transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);position:absolute;top:50%;margin-top:-50px;right:-230px;text-decoration:none;}.openLetterBox .wrap>#maxLetter:after{content:'OPEN';font-family:Arial,Helvetica,sans-serif;font-size:48px;letter-spacing:14px;color:#FFF;}.openLetterBox .wrap>h2{font-size:24px;margin-bottom:40px;}.openLetterBox .wrap #code{font-size:18px;color:#6d5334;margin-bottom:40px;}.openLetterBox .wrap #code span{background:#fbe5ba;}.openLetterBox .wrap>p{font-size:16px;text-align:left;color:#6d5334;margin-bottom:10px;}.openLetterBox .wrap>p a{display:block;width:240px;height:45px;line-height:45px;font-size:24px;color:#6d5334;text-align:center;text-decoration:none;margin:20px auto 0;border:#6d5334 2px solid;transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.5s;}.openLetterBox .wrap>p a:hover{color:#402b07;border:#402b07 2px solid;}.menu{width:500px;height:650px;position:absolute;top:-650px;left:50%;z-index:777;margin-left:-250px;transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}.menu-box{width:inherit;height:inherit;position:relative;perspective:1800px;}.cover{width:500px;height:650px;position:absolute;top:50%;margin-top:-325px;left:0;z-index:2;transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;transition-delay:1s;-ms-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;-webkit-transition-delay:1s;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;}.page{width:440px;height:560px;position:absolute;top:50%;margin-top:-280px;z-index:2;transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;cursor:pointer;}.page-left{background:url(../images/2017thanksgiving/page-left-bg.jpg) right center no-repeat;background-size:cover;left:-440px;transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;-o-transform-origin:right;-webkit-transform-origin:right;transform:rotatey(180deg);-ms-transform:rotatey(180deg);-moz-transform:rotatey(180deg);-o-transform:rotatey(180deg);-webkit-transform:rotatey(180deg);}.page-right{background:url(../images/2017thanksgiving/page-right-bg.jpg) right center no-repeat;background-size:cover;transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;-o-transform-origin:left;-webkit-transform-origin:left;left:0;}.front{background:url(../images/2017thanksgiving/front.jpg) left center no-repeat;background-size:cover;transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;-o-transform-origin:left;-webkit-transform-origin:left;z-index:12;}.page2{z-index:10}.page4{z-index:8}.page6{z-index:6}.page1{background:url(../images/2017thanksgiving/page1-bg.jpg) right center no-repeat;background-size:cover;left:-500px;transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;-o-transform-origin:right;-webkit-transform-origin:right;transform:rotatey(180deg);-moz-transform:rotatey(180deg);-ms-transform:rotatey(180deg);-o-transform:rotatey(180deg);-webkit-transform:rotatey(180deg);}.page8{background:url(../images/2017thanksgiving/page8-bg.jpg) left center no-repeat;background-size:cover;}.page-content{line-height:17px;color:#d3c1a9;text-align:center;}.page1 .page-content{padding:84px 26px 87px 76px;}.page8 .page-content{padding:83px 82px 88px 19px;}.page-left .page-content{padding:41px 26px 41px 16px;}.page-right .page-content{padding:42px 21px 41px 20px;}.page-content h2{font-size:30px;line-height:48px;color:#ffefda;margin:20px 0 10px;}.page-content .subtitle{font-size:20px;font-style:italic;line-height:40px;text-align:center;color:#edcd9c;margin-bottom:20px;}.page-content a{color:#f9a239;}.page-content a:hover{color:#fdbb6b;}.page1 p{font-size:18px;line-height:36px;color:#edcd9c;}.page1 .line{margin-top:14px;}.page2 .pic{margin-top:20px;}.page2 p{font-size:14px;color:#ffefda;text-align:justify;padding:15px;}.page2 p#endtime{font-size:16px;text-align:center;padding:0;}.subscription p{text-align:center;padding:0;margin-bottom:10px;}.subscription input{width:365px;height:30px;font-size:16px;outline:none;border:#ffefda 1px solid;}.subscription input[type=email]{color:#ffefda;text-align:center;background-color:transparent;}.subscription input[type=email]::-webkit-input-placeholder{color:#ffefda;}.subscription input[type=email]:-moz-placeholder{color:#ffefda;}.subscription input[type=email]::-moz-placeholder{color:#ffefda;}.subscription input[type=email]:-ms-input-placeholder{color:#ffefda;}.subscription input[type=submit]{width:367px;font-weight:bold;color:#ffefda;cursor:pointer;border:none;background-color:#2aa4a9;}.subscription input[type=submit]:hover{background-color:#279296;}.page3 .line{margin-top:40px;}.page3 .feature>div{display:inline-block;vertical-align:middle;}.page3 .feature{text-align:justify;padding:40px 10px;}.page3 .feature:after{display:inline-block;content:'';width:100%;}.page3 .feature .item{width:176px;font-size:12px;letter-spacing:-0.5px;text-align:left;vertical-align:top;}.page3 h3{font-size:14px;color:#ffefda;margin-bottom:15px;}.page3 .feature>div li{line-height:22px;list-style:none;padding-left:20px;}.page3 .feature>div li:before{font-family:icon-font;content:'\ea10';margin-left:-20px;margin-right:6px;}.page4 p{font-size:14px;line-height:24px;color:#ffefda;text-align:left;padding:10px;}.pwandru{width:386px;padding:20px 0;border:#ffefda 1px solid;margin:0 auto 10px;}.pwandru>div{display:inline-block;vertical-align:middle;}.pwandru .plus{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:#ffefda 2px solid;border-radius:50%;}.pwandru .plus:after{content:'+';font-size:20px;font-weight:bold;color:#ffefda;}.pwandru .equal{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:#ffefda 2px solid;border-radius:50%;margin-right:5px;}.pwandru .equal:after{content:'=';font-size:20px;font-weight:bold;color:#ffefda;}.pwandru .btn{text-align:center;}.pwandru .btn span:first-child{display:block;font-size:28px;font-weight:bold;color:#ff4014;margin-bottom:10px;}.pwandru .btn a{display:block;font-size:16px;text-decoration:none;color:#000;padding:5px 10px;border-radius:3px;background-color:#ffefda;}.pwandru .btn a:hover{background-color:#f9d2a0;}.page5 h2{margin:30px 0;}.page5 .subtitle{margin-bottom:40px;}.product{font-size:13px;text-align:left;padding:8px 10px;margin-top:5px;}.product h3{font-size:20px;color:#ffefda;margin-bottom:5px;}.product-box{padding:10px;margin:10px auto;}.product-box>div{display:inline-block;vertical-align:top;}.product-box .pic{margin-right:20px;}.product-box .text{width:180px;font-size:16px;color:#ffefda;}.product-box .text>p{line-height:24px;}.product-box .text .btn{margin-top:10px;}.product-box .text .btn span{vertical-align:middle;}.product-box .text .btn span:first-child{color:#ffefda;text-decoration:line-through;}.product-box .text .btn a{font-size:16px;text-decoration:none;color:#FFF;padding:5px 15px;border-radius:3px;background-color:#d7603a;}.product-box .text .btn a>i{font-style:normal;margin-right:5px;}.product-box .text .btn a:hover{background-color:#da4a1d;}.page6 .product:nth-child(2){margin-top:20px;}.page6 .product-box .text .btn{margin-top:30px;}.page7 h2{margin-bottom:0;}.page7 .subtitle{font-size:16px;margin:0;}.page7 p{font-size:15px;line-height:24px;text-align:left;color:#ffefda;padding:10px;}.page7 #us{text-align:right;padding-right:20px;margin-top:15px;}.page7 #share{font-size:13px;}.share-btn{display:inline-block;width:30px;height:30px;font-size:18px;font-weight:bold;line-height:30px;text-decoration:none;text-align:center;border-radius:5px;margin-right:10px;vertical-align:top;}#fb-share{background-color:#3a5899;}#fb-share:before{font-family:icon-font;content:"\ea8c";font-size:25px;color:#FFF;}#t-share{background-color:#00b1ed;}#t-share:before{font-family:icon-font;content:"\ea91";font-size:22px;color:#FFF;}