@charset "UTF-8";

body{height:auto !important;}

/* slide */
.bx-wrapper .bx-prev, .bx-wrapper .bx-next{background:none;}
.bx-wrapper .bx-viewport{left:auto;height:auto !important;box-shadow:none !important;border:0 !important;background:transparent !important;}
.slide-wrap .slide-list .slide-con-tit{opacity:0;}
.slide-wrap .slide-list.view .slide-con-tit{-webkit-animation-name: titOpacity;-ms-animation-name: titOpacity;-webkit-animation-name: titOpacity;animation-duration:2s;-webkit-animation-duration:2s;-ms-animation-duration:2s;}
@keyframes titOpacity {
    0% {opacity:0;}
    25% {opacity:1;}
    50% {opacity:1;}
    75% {opacity:1;}
	100% {opacity:0;}
}
@-webkit-keyframes titOpacity {
    0% {opacity:0;}
    25% {opacity:1;}
    50% {opacity:1;}
    75% {opacity:1;}
	100% {opacity:0;}
}
@-ms-keyframes titOpacity {
    0% {opacity:0;}
    25% {opacity:1;}
    50% {opacity:1;}
    75% {opacity:1;}
	100% {opacity:0;}
}

/* visual */
.visual{overflow:hidden;position:relative;width:100%;height:100%;}
.visual .main-video{position:absolute;left:50%;width:auto;height:auto;min-width:100%;min-height:100%; transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);/*margin-left:-50%;*/}
.visual .tit-area{position:absolute;top:180px;left:50%;z-index:95;width:950px;margin-left:-475px;}
.visual .tit-area .title{color:#fff;font-size:48px;line-height:100px;letter-spacing:0.35em;}
.visual .tit-area p, .visual .tit-area span{color:#fff;}
.visual .tit-area p{margin:55px 0 50px;}
.visual .btm-arrow{position:absolute;bottom:78px;left:50%;z-index:999;margin-left:-18px;opacity:1;transition:bottom 0.8s;cursor:pointer;}
.visual .btm-arrow.move{bottom:58px;transition:bottom 0.8s;}

.visual .main-image{position:absolute;left:50%;width:auto;height:100%;min-width:100%;min-height:100%; transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.visual .tit-area p{width:780px;}

/* zikto walk */
#zikto-walk {background:#ededed url('../images/ZIKTO-Walk-line.png') no-repeat 45% top;}
#zikto-walk .content{background:transparent;}
#zikto-walk .tit-area{width:950px;padding:90px 0 80px;margin:0 auto;}
#zikto-walk .tit-area .txt{width:950px;}
#zikto-walk .tit-area .title{padding:10px 0 20px;}
#zikto-walk .slide-list-area{position:relative;width:100%;height:auto;background:transparent;}
#zikto-walk .slide-wrap .slide-list-area [class*="slide-list"]{width:100%;height:auto;padding-top:146px;}
#zikto-walk .slide-wrap .slide-con-tit{margin-top:40px;}
#zikto-walk .indicator{width:950px;margin:0 auto;}
#zikto-walk .indicator:after{display:block;clear:both;content:'';}
#zikto-walk .indicator li{float:left;margin-left:14px;}
#zikto-walk .indicator li:first-child{margin-left:0;}
#zikto-walk .indicator button{position:relative;padding:5px 35px 5px 0;border-radius:4px;letter-spacing:0.15em;font-size:14px;color:#c4ad8c;}
#zikto-walk .indicator button:hover, #zikto-walk .indicator button.current{padding:5px 25px 5px 10px;color:#fff;background:#c4ad8c;transition:padding 0.6s;}
{color:#fff;background:#c4ad8c;}

#zikto-walk  [class*="slide-list"] p{position:absolute;top:0;left:50%;width:950px;margin-left:-475px;padding:33px 0 58px;line-height:30px;font-size:16px;;color:#777;}
.measure-link {width:950px;margin:0 auto;}
.measure-link .more-link{margin:25px 0 45px;}

/* tracker */
#activity-tracker-fitness-tracker {height:1117px;background:#ededed;}
#wrap section#activity-tracker-fitness-tracker .content{overflow:hidden;}
.tracker-area .tit-area{position:absolute;top:0;left:485px;width:950px;margin:0 auto;}
.tracker-area .title{margin:25px 0 35px;}
.tracker-area .content-tit{position:relative;margin-top:75px;}
.tracker-slide{position:relative;height:1024px;border-bottom:1px solid #fff;}
.tracker-slide button{position:absolute;top:0;z-index:10;width:128px;height:128px;border-radius:70px;background:#fff;-webkit-box-shadow: 10px 29px 111px -9px rgba(0,0,0,0.2);
-moz-box-shadow: 10px 29px 111px -9px rgba(0,0,0,0.2);
box-shadow: 10px 29px 111px -9px rgba(0,0,0,0.2);}
.tracker-slide button:hover{-webkit-box-shadow: 10px 29px 111px -9px rgba(0,0,0,0.3);
-moz-box-shadow: 10px 29px 111px -9px rgba(0,0,0,0.3);
box-shadow: 10px 29px 111px -9px rgba(0,0,0,0.3);}
.tracker-slide button em{display:block;width:128px;padding:10px 0 0;font-size:14px;font-family:"WG-Medium";line-height:24px;letter-spacing:0.24em;color:#c4ad8c;}
.tracker-slide button em span{display:block;font-size:10px;width: 128px;display: block;}
.tracker-slide button > span{display:block;position:absolute;left:-2px;top:-1px;width:128px;height:128px;background:url('../images/Tracker-ZIKTO-Walk-button-dot.png') no-repeat left 1px;background-size:cover;}
.tracker-slide .activity button, .tracker-slide .fitness button{display:none !important;}

.white-box{position:absolute;top:294px;left:50%;width:1240px;height:563px;margin-left:-620px;background:#fff;}

.tracker-box{position:absolute;top:294px;left:50%;width:1240px;height:563px;margin-left:-620px}
.tracker-box ul{overflow:hidden;padding-top:90px;}
.tracker-box li{position:relative;left:0;float:left;padding:0 13px;box-sizing:border-box;}
.tracker-box li p{font-size:16px;line-height:30px;text-align:center;}
.tracker-box .list-title{font-weight:700;font-size:16px;line-height:120px;text-align:center;}
.tracker-box .icon{display:block;height:125px;text-align:center;}
.tracker-slide .btn-dot-line{position:absolute;top:57px;width:340px;height:15px;}

.activity .btn-dot-line{left:1070px;}
.activity {position:absolute;top:0;left:0;width:100%;height:1024px;}
.activity .more-link{position:absolute;left:485px;top:888px;}
.activity-bg{position:absolute;right:263px;top:196px;z-index:10;width:349px;}
.activity .txt{width:647px;}
.activity-info ul{margin:0 70px;}
.activity-info li{width:265px;}
.activity-info li:first-child, .activity-info li:last-child{width:285px;}
.activity-info .tracker-bg-shadow{position:absolute;top:0;right:0;width:204px;height:276px;background:url('../images/Fitness-Tracker-ZIKTO-Walk-bg.png') no-repeat left top;}
.activity-bg.pc-img{display:block;}
.activity-bg.mobile-img{display:none;}

.fitness .btn-dot-line{left:518px}
.fitness{position:absolute;top:0;left:0;width:100%;height:1024px;}
.fitness .tit-area{text-align:right;text-align:right;}
.fitness .fitness-bg{position:absolute;bottom:0;left:0;z-index:10;}
.fitness .tit-area .txt{display:inline-block;width:701px;}
.fitness-info{margin-bottom:70px;}
.fitness-info ul{margin-left:760px;}
.fitness-info li{width:297px;}

#activity-tracker-fitness-tracker .indicator{overflow:hidden;position:absolute;bottom:125px;right:485px;}
#activity-tracker-fitness-tracker .indicator a{float:left;margin-left:45px;font-size:16px;letter-spacing:0.15em;color:#b6b6b6;font-family:"WG-Medium";}
#activity-tracker-fitness-tracker .indicator a.current{color:#c4ad8c;}

.s3 .fitness-btn{display:none;left:485px;}
.s3 .activity-btn{display:none;}
.s3 .view-activity .activity{left:0;}
.s3 .view-activity.moving .activity{left:100%;transition:left 1s;transition-delay:1.2s}
.s3 .view-activity .activity .tit-area{opacity:1;}
.s3 .view-activity.moving .activity .tit-area{opacity:0;transition:opacity 0.5s;}
.s3 .view-activity .activity-btn{display:block;left:1306px;}
.s3 .view-activity.moving .activity-btn{left:485px;transition:left 1.2s;transition-delay:1s;}
.s3 .view-activity .content-tit{margin-left:485px;}
.s3 .view-activity.moving .content-tit{margin-left:1128px;transition:margin-left 1s;transition-delay:1s;}
.s3 .view-activity .activity .activity-bg{opacity:1;}
.s3 .view-activity.moving .activity .activity-bg{opacity:0;transition:opacity 0.5s;transition-delay:0.2s;}
.s3 .view-activity .activity .tracker-bg-shadow{opacity:1}
.s3 .view-activity.moving .activity .tracker-bg-shadow{opacity:0;transition:opacity 0.5s;transition-delay:0.2s;}
.s3 .view-activity .activity-info li{left:0;opacity:1;}
.s3 .view-activity.moving .activity-info li{left:100px;opacity:0;transition:all 0.4s;}
.s3 .view-activity.moving .activity-info li:nth-child(4){transition-delay:0.5s}
.s3 .view-activity.moving .activity-info li:nth-child(3){transition-delay:0.6s}
.s3 .view-activity.moving .activity-info li:nth-child(2){transition-delay:0.7s}
.s3 .view-activity.moving .activity-info li:nth-child(1){transition-delay:0.8s}
.s3 .view-activity .activity .btn-dot-line{opacity:1;}
.s3 .view-activity.moving .activity .btn-dot-line{opacity:0;transition:opacity 0.5s;transition-delay:1s}

.s3 .view-activity .fitness{left:-100%;}
.s3 .view-activity.moving .fitness{left:0;transition:left 1s;transition-delay:1.2s;}
.s3 .view-activity .fitness .tit-area{opacity:0;}
.s3 .view-activity.moving .fitness .tit-area{opacity:1;transition:opacity 0.5s;transition-delay:2.4s;}
.s3 .view-activity .fitness-info li{left:100px;opacity:0;}
.s3 .view-activity.moving .fitness-info li{left:0;opacity:1;transition:all 0.4s;transition-delay:2.6s;}
.s3 .view-activity .fitness .btn-dot-line{opacity:0;}
.s3 .view-activity.moving .fitness .btn-dot-line{opacity:1;transition:opacity 0.5s;transition-delay:2s}

.s3 .view-fitness .fitness-btn{display:block;left:485px;}
.s3 .view-fitness.moving .fitness-btn{left:1306px;transition:left 1.2s;transition-delay:1s;}
.s3 .view-fitness .content-tit{margin-left:1128px;}
.s3 .view-fitness.moving .content-tit{margin-left:485px;transition:margin-left 1s;transition-delay:1s;}
.s3 .view-fitness .activity{left:100%;}
.s3 .view-fitness.moving .activity{left:0;transition:left 1s;transition-delay:1.2s;}
.s3 .view-fitness .activity .tit-area{opacity:0;}
.s3 .view-fitness.moving .activity .tit-area{opacity:1;transition:opacity 0.5s;transition-delay:2.4s;}
.s3 .view-fitness .activity .activity-bg{opacity:0;}
.s3 .view-fitness.moving .activity .activity-bg{opacity:1;transition:opacity 0.5s;transition-delay:2.6s;}
.s3 .view-fitness .activity .tracker-bg-shadow{opacity:0;}
.s3 .view-fitness.moving .activity .tracker-bg-shadow{opacity:1;transition:opacity 0.5s;transition-delay:2.6s;}
.s3 .view-fitness .activity-info li{left:100px;opacity:0;}
.s3 .view-fitness.moving .activity-info li{left:0;opacity:1;transition:all 0.4s;}
.s3 .view-fitness.moving .activity-info li:nth-child(4){transition-delay:3.1s;}
.s3 .view-fitness.moving .activity-info li:nth-child(3){transition-delay:3s;}
.s3 .view-fitness.moving .activity-info li:nth-child(2){transition-delay:2.9s;}
.s3 .view-fitness.moving .activity-info li:nth-child(1){transition-delay:2.7s;}

.s3 .view-fitness .activity-btn{display:none;left:1306px;}
.s3 .view-fitness .activity .btn-dot-line{opacity:0;}
.s3 .view-fitness.moving .activity .btn-dot-line{opacity:1;transition:opacity 0.5s;transition-delay:2s;}

.s3 .view-fitness .fitness .btn-dot-line{opacity:1;}
.s3 .view-fitness.moving .fitness .btn-dot-line{opacity:0;transition:opacity 0.5s;transition-delay:1s}
.s3 .view-fitness .fitness{left:0;}
.s3 .view-fitness.moving .fitness{left:-100%;transition:left 1s;transition-delay:1.2s;}
.s3 .view-fitness .fitness .tit-area{opacity:1;}
.s3 .view-fitness.moving .fitness .tit-area{opacity:0;transition:opacity 0.5s;}
.s3 .view-fitness .fitness-info{opacity:1;}
.s3 .view-fitness .fitness-info li{left:0;opacity:1;}
.s3 .view-fitness.moving .fitness-info li{left:100px;opacity:0;transition:all 0.4s;transition-delay:0.5s;}


/* design */
#design .tit-area{width:950px;margin:110px auto 0;text-align:right;}
#design .tit-area .title{margin:10px 0 20px;font-size:54px;line-height:100px;letter-spacing:0.35em;}
#design .info-txt .info-title{margin-bottom:15px;font-size:30px;line-height:48px;font-family:"WG-Medium";}
#design .info-txt p{display:inline-block;line-height:36px;}
#design .tit-area .txt{display:inline-block;width:656px;}
#design .more-link{margin:40px 0 160px 478px;}
.design-tab {overflow:hidden;position:relative;background:#e6e6e6;}
.design-tab ul{position:absolute;}
.design-tab ul li{position:absolute;opacity:0;transition:opacity 0.5s;}
.design-tab ul li img{width:100%;height:100%;}
.design-tab ul li .mobile-img{display:none;}
.design-tab ul li.view{z-index:10;opacity:1;transition:opacity 0.8s;}
.design-tab .indicator{overflow:hidden;position:absolute;bottom:30px;z-index:20;}
.design-tab .indicator button{float:left;color:#b6b6b6;font-size:16px;font-family:"WG-Medium";letter-spacing:0.15em;cursor:pointer;}
.design-tab .indicator button:first-child{margin-right:40px;}
.design-tab .indicator button.current{color:#c4ad8c;}

.design-top{margin-top:95px;padding-bottom:80px;border-bottom:1px solid #e5e5e5;}
.design-top:after{display:block;clear:both;content:'';}
.design-top .info-txt{float:left;width:435px;text-align:right;}
.design-top .info-txt p{width:375px;}
.design-top .design-tab{float:left;width:729px;height:502px;margin-left:280px;}
.design-top .design-tab li{width:729px;height:502px;}
.design-top .design-tab li video{width:100%;height:100%;}
.design-top .design-tab .indicator{right:40px;}

.design-btm{position:relative;}
.design-btm .design-tab{position:absolute;right:365px;top:-120px;z-index:25;width:502px;height:729px;}
.design-btm .design-tab li{width:502px;height:729px;}
.design-btm .design-tab .indicator{left:40px;}
.design-btm .design-info{overflow:hidden;width:345px;margin:40px 0 0 475px;}
.design-info dt{float:left;width:137px;margin-bottom:20px;font-size:14px;letter-spacing:0.15em;font-family:"WG-Medium";}
.design-info dd{float:left;margin-bottom:20px;font-size:16px;}
.design-info dd.wrist-info span{display:block;margin-top:12px;}
.design-info dd.wrist-info span:first-child{margin-top:0;}
.design-btm .info-txt{width:475px;margin:150px 0 0 475px;}
.design-btm .info-txt p{width:398px;}

.design-slide{width:100%;height:auto;margin: 0 auto;}
.design-slide .slide-nav{z-index:10;}
.design-slide .slide-list-area{width:100%;padding-bottom:257px;}
.design-slide .slide-list-area div[class*="slide-list"]{}
.slide-wrap.design-slide .pc-img{display:block;}
.slide-wrap.design-slide .mobile-img{display:none;}

.design-slide .slide-con-txt{position:relative;padding:40px 47px 0 0;box-sizing:border-box;text-align:right;}
.design-slide .slide-con-txt .slide-sub-tit{margin-bottom:20px;font-size:26px;font-weight:700;}
.design-slide .slide-con-txt p{line-height:36px;}
.slide-wrap.design-slide .slide-nav button{margin-top:-106px;}

.design-slide .bx-wrapper .bx-pager{display:none;}
.design-slide .dummy{opacity:0;position:absolute;top:0;left:0;z-index:-1;width:100%;height:auto;}


/* how to use */
#how-to-use{margin-top:100px;}
#how-to-use .content:after{display:block;content:'';position:absolute;top:0;left:50%;width:1650px;height:100%;margin-left:-825px;background-color:#ededed;}
#how-to-use .tit-area{position:relative;z-index:10;padding:95px 0 0 485px;}
#how-to-use .tit-area .txt{width:436px;}
#how-to-use .tit-area .title{margin:25px 0 30px;}
#how-to-use .led-wrap{position:relative;width:100%;height:520px;}
.led-wrap .display{position:absolute;top:-235px;right:303px;z-index:20;width:620px;height:620px;}
.led-wrap .display ul{position:absolute;top:0;left:0;}
.led-wrap .display ul li{position:absolute;left:0;top:0;width:620px;height:620px;opacity:0;transition:opacity 0.5s;}
.led-wrap .display ul li.view{opacity:1;transition:opacity 0.5s;}
.led-wrap .display ul li img{width:100%;}
.led-wrap .display ul li p{display:none;}
.led-wrap .display-txt{position:absolute;left:263px;bottom:-80px;text-align:center;}
.led-wrap .display-txt strong{display:block;margin-bottom:12px;font-family:"WG-Medium";font-size:14px;letter-spacing:0.05em;}
.led-wrap .display-txt span{font-family:"WG-Light";font-size:16px;}
.led-wrap .line{display:block;position:absolute;width:100%;padding-bottom:15px;}
.led-wrap .line:after{display:block;position:absolute;bottom:0;left:0;content:'';height:1px;width:0;background:#c4ad8c;}
.led-wrap .line button{margin-left:485px;text-align:left;cursor:pointer;}
.led-wrap .line button strong{display:inline-block;width:240px;font-family:"WG-Medium";font-size:15px;letter-spacing:0.05em;}
.led-wrap .line button span{display:inline-block;font-size:16px;}
.led-wrap .led-list{position:relative;height:100%;margin-top:100px;z-index:10;}
.led-wrap .led-list li:nth-child(2) span{top:50px;}
.led-wrap .led-list li:nth-child(3) span{top:100px;}
.led-wrap .led-list li:nth-child(4) span{top:150px;}
.led-wrap .led-list li:nth-child(5) span{top:200px;}
.led-wrap .led-list li:nth-child(6) span{top:250px;}
.led-wrap .led-list li:nth-child(7) span{top:300px;}

.led-wrap .line.current button strong, .led-wrap .line button:hover strong, .led-wrap .line.current button span, .led-wrap .line button:hover span{color:#c4ad8c;}
.led-wrap .line.current:after{width:100%;transition:width 1.3s;}
.led-wrap .click-btn{display:block;position:absolute;top:254px;left:74px;z-index:30;width:102px;height:102px;border-radius:51px;background:#3b3b3b;color:#c4ad8c;font-size:14px;letter-spacing:0.15em;text-align:center;}
.led-wrap .click-btn span{display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%;background:url('../images/ZIKTO-click-button-bg.png') no-repeat left top;}

/* strap */
#wrap section#strap .content{width:100%;max-width:1920px;left:auto;margin:0 auto;text-align:center;}
#strap .tit-area{margin-top:95px;text-align:center;}
#strap .tit-area .title{margin:25px 0 40px;}
#strap .tit-area .txt{width:949px;margin:0 auto;}
#strap .more-link{margin:40px 0 60px;text-align:center;}
.strap-img{width:1040px;padding-bottom:40px;margin:0 auto;}
.strap-img, .strap-img .indicator{overflow:hidden;}
.strap-img .leather, .strap-img .moree{position:relative;float:left;width:50%;}
.strap-img .moree{float:right;padding-left:1px;box-sizing:border-box}
.strap-img ul{position:relative;height:460px;}
.strap-img li{position:absolute;left:0;top:0;width:100%;height:460px;}
.strap-img li .img-link{display:block;overflow:hidden;position:relative;width:100%;height:400px;}
.strap-img li .img-link img{position:absolute;left:0;width:100%;opacity:0;transition:opacity 1s;}
.strap-img li .txt-link{display:none;position:relative;margin-top:28px;font-size:16px;color:#000;font-family:"WG-Light";}
.strap-img li .txt-link:visited{color:#000;}
.strap-img li .txt-link:hover{color:#c4ad8c;}
.strap-img li.view{z-index:10;}
.strap-img li.view .img-link img{opacity:1;transition:opacity 0.8s;}
.strap-img li.view .txt-link{display:block;}
.strap-img strong{position:absolute;top:50%;left:0;z-index:15;width:100%;margin-top:-75px;text-align:center;font-size:30px;font-family:"WG-Light";letter-spacing:0.35em;color:#fff;opacity:0.3;cursor:pointer;}
.strap-img strong:hover{opacity:1;}
.strap-img .indicator{display:inline-block;position:relative;z-index:30;margin-top:12px;}
.strap-img .indicator button{position:relative;float:left;width:16px;height:16px;margin:10px 14px 10px;border-radius:9px;background:#c97d49;text-indent:-999em;}
.strap-img .indicator button:after{display:block;position:absolute;left:-6px;top:-6px;content:'';width:26px;height:26px;border:1px solid;border-radius:26px;opacity:0;}
.strap-img .indicator button.current:after{opacity:1;}

.strap-img .leather{padding-right:1px;box-sizing:border-box;}
.strap-img .leather li .img-link img{top:0;}
.strap-img .leather .autumn-camel:after{border-color:#c97d49;}
.strap-img .leather .chic-black{background:#4b4d54;}
.strap-img .leather .chic-black:after{border-color:#4b4d54;}
.strap-img .leather .double-tour{background:#a94033;}
.strap-img .leather .double-tour:after{border-color:#a94033;}
.strap-img .leather .snow-white{box-sizing:border-box;border: 1px solid #c0c0c0;background:#fff;}
.strap-img .leather .snow-white:after{left:-7px;top:-7px;border-color:#c0c0c0;}
.strap-img .leather .black{background:#222;}
.strap-img .leather .black:after{border-color:#222;}
.strap-img .leather .camel{background:#9b5b3d;}
.strap-img .leather .camel:after{border-color:#9b5b3d;}

.strap-img .moree li .img-link img{top:0;}
.strap-img .moree .blue{background:#0964a9;}
.strap-img .moree .blue:after{border-color:#0964a9;}
.strap-img .moree .pink{background:#ea7c9f;}
.strap-img .moree .pink:after{border-color:#ea7c9f;}
.strap-img .moree .red{background:#e45139;}
.strap-img .moree .red:after{border-color:#e45139;}
.strap-img .moree .balance{background:#cebcb0;}
.strap-img .moree .balance:after{border-color:#cebcb0;}
.strap-img .moree .energy{background:#363232;}
.strap-img .moree .energy:after{border-color:#363232;}

/* app */
#app{background:#ededed;}
#app .content{overflow:hidden;padding:120px 0;}
#app .app-bg{position:absolute;top:-269px;left:254px;;z-index:25;}
#app .app-box{position:relative;width:1460px;height:930px;margin:0 auto;background:#fff;}
.app-box .app-tit{width:500px;padding-top:78px;margin-left:252px;}
.app-box .app-tit .title{margin:25px 0 35px;}
.app-box .app-tit .app-tit-area{position:relative;}
.app-box .app-tit .app-tit-area .tit-area{display:none;position:absolute;top:0;left:0;}
.app-box .anchor{position:absolute;bottom:360px;left:252px;}
.app-box .anchor:after{display:block;clear:both;content:'';}
.app-box .anchor li{float:left;margin-left:20px;text-align:center;}
.app-box .anchor li:first-child{margin-left:0;}
.app-box .anchor span{display:inline-block;width:62px;height:62px;}
.app-box .anchor em{display:block;margin-top:18px;font-family:"WG-Light";font-size:12px;letter-spacing:0.05em;}
.app-box .anchor em em{display:inline;}
.app-box .anchor .current em, .app-box .anchor button:hover em{color:#c4ad8c;}

.app-box .phone-area{position:absolute;top:62px;left:835px;width:529px;height:931px;}
.app-box .phone-img{position:absolute;z-index:20;}
.app-box .screen-default{margin:120px 0 0 64px;}
.app-box .google-btn, .app-box .app-store-btn{position:absolute;bottom:120px;}
.app-box .google-btn{left:256px;}
.app-box .app-store-btn{left:427px;}
.app-box .dis{position:absolute;top:500px;left:0;width:467px;font-size:16px;line-height:30px;color:#777;}

.app-screen{position:absolute;top:113px;left:66px;width:338px;height:600px;}
.app-screen li{overflow:hidden;position:absolute;left:0;top:0;width:338px;height:600px;opacity:0;}
.app-screen .app-screen-img{position:relative;width:338px;}
.app-screen .app-screen-img:after{display:block;clear:both;content:'';}
.app-screen li img{position:absolute;left:0;top:0;width:100%;}
.app-screen li.view{z-index:10;opacity:1;}

.app-box .app-tit-area .mobile-txt, .mobile-anchor{display:none;}

/* membership */
#membership{background: #000 url('../images/Membership-ZIKTO-Walk.jpg') no-repeat center top;}
#membership .content{height:1365px;text-align:center;}
#membership .tit-area{padding-top:120px;}
#membership .content-tit, #membership .title, #membership .txt{color:#c4ad8c;margin:0 auto;text-align:center;}
#membership .content-tit{width:325px;margin:0 auto 20px;padding:7px 0;background:url('../images/Membership-ZIKTO-Walk-title-bg.png') no-repeat left top;}
#membership .tit-area .title{font-size:62px;}
#membership .tit-area .txt{margin-top:40px;width:917px;}
#membership .tit-area .disc{margin:33px 0 25px;font-size:16px;font-family:"WG-Light";color:#fff;opacity:0.5;text-align:center;}
.membership-info{position:relative;left:50%;width:705px;height:705px;margin-top:50px;margin-left:-352.5px;background:url("../images/Membership-ZIKTO-Walk-Graphic.png") no-repeat center center;}
.membership-info .dot{display:block;position:absolute;width:100%;height:100%;animation-name:dotRotate;animation-duration: 30000ms;animation-iteration-count: infinite;animation-timing-function: linear;
	-ms-animation-name:dotRotate;-ms-animation-duration: 30000ms;-ms- animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;-webkit-animation-name:dotRotate;-webkit-animation-duration: 30000ms;-webkit- animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;}
.membership-info .product{position:absolute;left:50%;top:31px;width:80px;margin-left:-40px;opacity:0;transition:opacity 0.6s;}
.membership-info .product img{width:100%;}
#membership .more-link{padding-top:100px;}
.in-view .membership-info .product{opacity:1;transition:opacity 0.6s;transition-delay:1s;}
.membership-list{position:relative;z-index:10;}
.membership-list li{float:left;width:50%;height:353px;text-align:center;}
.membership-list strong{display:block;padding-top:85px;background:no-repeat center top;font-size:12.8px;;color:#c4ad8c;}
.membership-list p{margin-top:10px;font-size:12.8px;line-height:20px;color:#c4ad8c;}
.membership-list li:nth-child(1) strong{margin-top:145px;background-image: url("../images/Membership-ZIKTO-Walk-Medical-icon.png");}
.membership-list li:nth-child(2) strong{margin-top:145px;background-image: url("../images/Membership-ZIKTO-Walk-Shopping-icon.png");}
.membership-list li:nth-child(3) strong{line-height:20px;margin-top:63px;background-image: url("../images/Membership-ZIKTO-Walk-HealthCare-icon.png");background-position: center 10px;}
.membership-list li:nth-child(4) strong{margin-top:63px;background-image: url("../images/Membership-ZIKTO-Walk-Fitness-icon.png");background-position: center 20px;}

@keyframes dotRotate {
    from {transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);}
    to {transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);}
};
@-webkit-keyframes dotRotate {
    from {transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);}
    to {transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);}
}
@-ms-keyframes dotRotate {
    from {transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);}
    to {transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);}
}

/* enjoy */
#other{display:block;overflow:hidden;position:relative;left:50%;width:100%;height:540px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);}
#other span{position:absolute;top:50%;left:50%;margin:-36px 0 0 -353.5px;font-family:"WG-Light";font-size:62px;color:#fff;letter-spacing:0.24em;opacity:0.3;}
#other img{position:absolute;top:0;left:50%;width:2560px;margin-left:-1280px;}
#other:hover span{opacity:1;}

/* media */
@media all and (min-width: 769px) and (max-width: 1100px) {
    .visual .tit-area{top:120px;width:768px;margin-left:-384px;}
    .visual .tit-area .title{font-size:36px;line-height:78px;letter-spacing:0.35em;}
    .visual .tit-area p{width:586px;margin:35px 0 40px;}

   /* zikto-walk */
   #zikto-walk .tit-area{width:768px;padding:90px 0 80px;}
   #zikto-walk .tit-area .title{padding:20px 0 30px;}
   #zikto-walk .tit-area .txt{width:768px;}

   #zikto-walk .indicator{width:768px;}
   #zikto-walk .indicator button:hover:after{transition:none;}
   #zikto-walk .slide-wrap .slide-list-area [class*="slide-list"]{padding-top:130px;}
   #zikto-walk  [class*="slide-list"] p{font-size:14px;line-height:26px;width:768px;margin-left:-384px;padding: 33px 0 50px;}
   .measure-link{width:768px;}
   .measure-link .more-link{margin:38px 0 0;}

	/* tracker */
    #activity-tracker-fitness-tracker{height:1160px;}
	#wrap section#activity-tracker-fitness-tracker .content{height:1160px;}
    .white-box{display:none;}
    .tracker-slide{height:1047px;}
    .tracker-area .tit-area{left:166px;width:768px;}
    .tracker-area .content-tit{margin-top:95px;margin-left:166px;}
    .tracker-slide .btn-area{display:none;}
    .tracker-slide .btn-area button{display:none !important;top:5px;}
    .tracker-slide .btn-dot-line{top:62px;}
    .tracker-box{top:340px;width:920px;height:535px;margin-left:-460px;background:#fff;}
    .tracker-box .list-title{font-size:14px;}
	.tracker-box li{padding: 0 30px;}
	.tracker-slide .activity button, .tracker-slide .fitness button{display:block !important;}
    #activity-tracker-fitness-tracker .indicator{right:166px;}
    #activity-tracker-fitness-tracker .indicator a{margin-left:30px;}

	.activity-btn{left:807px;}
	.view-activity .activity{left:0;}
	.view-activity .fitness{left:-100%;}
	.activity{height:1047px;}
    .tracker-area .activity .tit-area{width:470px;}
	.activity .btn-dot-line{left:550px;}
	.activity .txt{width:auto;}
	.activity-bg{right:21px;top:248px;}
	.activity-info .tracker-bg-shadow{right:-30px;width:237px;height:510px;background:url('../images/Fitness-Tracker-ZIKTO-Walk-bg-02.png') no-repeat right top;}
    .activity-info ul{margin:0;}
	.activity-info li{width:384px !important;}
	.activity .more-link{top:auto;bottom:120px;left:166px;}
	.activity-bg.pc-img{display:none;}
	.activity-bg.mobile-img{display:block;}
    .activity .bx-wrapper .bx-viewport{overflow:hidden;width:768px !important;margin:0 auto;}
    .activity .bx-wrapper img{display:inline-block;}
    .activity .bx-wrapper .bx-pager, .activity .bx-wrapper .bx-controls-auto{bottom:-59px;}
    .activity .bx-wrapper .bx-pager.bx-default-pager a{margin:0 8px;background:#d9d9d9;}
    .activity .bx-wrapper .bx-pager.bx-default-pager a.active{background:#c4ad8c;}
	
	.view-fitness .activity{left:100%;}
	.view-fitness .fitness{left:0;}
	.fitness-btn{left:166px;}
	.fitness .btn-dot-line{left:200px;}
	.fitness .title{display:inline-block;;}
	.fitness .tit-area .txt{width:500px;}
	.fitness .fitness-info{top:340px;height:535px;}
	.fitness-info ul{margin-left:460px;}
	.fitness-info li{width:400px;padding:0 75px;}
    .fitness-info li .icon img{height:157px;width:auto;}
	.fitness .fitness-bg{left:-200px;bottom:-20px;width:auto;height:620px;}

	.s2 .view-activity .content-tit{margin-left:166px;transition:margin-left 1s;}
	.s2 .view-fitness .content-tit{margin-left:622px;transition:margin-left 1s;}
	.s2 .view-fitness .activity{left:100%;transition:left 1s;transition-delay:0.5s;}
	.s2 .view-fitness .fitness{left:0;transition:left 1s;transition-delay:0.5s;}
	.s2 .view-activity .fitness{left:-100%;transition:left 1s;transition-delay:0.5s;}
	.s2 .view-activity .activity{left:0;transition:left 1s;transition-delay:0.5s;}
	
	/* design */
	#design .tit-area{width:768px;margin:98px auto 0;}
	#design .tit-area .title{margin: 10px 0 30px;font-size:36px;line-height:78px;letter-spacing:0.35em;}
	#design .info-txt .info-title{font-size:22px;margin-bottom:15px;}
	#design .info-txt .info-title br{display:none;}
    #design .info-txt p{line-height:32px;}
	.design-tab ul li .pc-img{display:none;}
	.design-tab ul li .mobile-img{display:block;}
	.design-top{margin-top:90px;padding-bottom:100px;}
	.design-top .info-txt{float:none;width:484px;text-align:left;margin-left:166px;margin-top:35px;}
	.design-top .info-txt p{width:100%;}
	.design-top .design-tab{float:none;margin-left:146px;}
	.design-top .design-tab, .design-top .design-tab li{width:810px;height:588px;}
	.design-btm .design-tab, .design-btm .design-tab li{width:448px;height:648px;}
	.design-btm .design-tab{right:76px;top:-95px;}
	.design-btm .design-info{margin: 48px 0 0 166px;}
	.design-btm .info-txt{margin:100px 0 0 166px;}
	.design-btm .info-txt p{width:345px;}
    #design .more-link{margin:65px 0 100px 166px;}
    
    .design-slide .slide-con-txt{padding:40px 10% 0 0;}
    .design-slide .slide-con-txt .slide-sub-tit{font-size:22px;margin-bottom:24px;}
    .design-slide .slide-con-txt p{font-size:18px;}
	.slide-wrap.design-slide .pc-img{display:block;}
	.slide-wrap.design-slide .mobile-img{display:none;}
	.slide-wrap.design-slide:first-child .pc-img{display:none;}
	.slide-wrap.design-slide:first-child .mobile-img{display:block;}
    .slide-wrap.design-slide .slide-nav button{margin-top:-128px;}
    .slide-wrap.design-slide .bx-wrapper{margin-bottom:0;}
	
	/* how-to-use */
	#how-to-use .tit-area{padding:90px 0 0 166px;}
	#how-to-use .tit-area .txt{width:365px;}
	#how-to-use .led-wrap{height:415px;}
	.led-wrap .display{width:500px;height:500px;left:604px;right:auto;top:-256px;}
    .led-wrap .display ul li{width:500px;height:500px;}
	.led-wrap .display img{width:100%;}
	.led-wrap .led-list{margin-top:55px;}
	.led-wrap .led-list li .display-img{width:539px;height:539px;left:560px;right:auto;top:-300px;}
    .led-wrap .led-list li .display-img img{width:100%;}
    .led-wrap .led-list li .display-img:after{background-size:539px 539px;}
	.led-wrap .line{padding-bottom:12px;}
	.led-wrap .line button{margin-left:166px;}
	.led-wrap .line button strong{font-size:14px;}
	.led-wrap .display-txt{left:203px;}
	.led-wrap .click-btn{width:90px;height:90px;top:211px;left:55px;}
    .led-wrap .click-btn span{width:100%;background-size:cover;}
	
	/* strap */
	#strap .tit-area .txt{width:739px;margin:0 auto;}
    .strap-img{width:100%;}
	.strap-img strong{margin-top:-80px;font-size:36px;}
    .strap-img li, .strap-img ul{height:100%;}
    .strap-img ul{padding-bottom:100%;}
	.strap-img li .img-link{height:92%;}
	.strap-img li .txt-link{height:3%;margin-top:5%;}

	/* app */
	#app .content{padding:140px 0 102px;}
	#app .app-box{width:1040px;height:870px;}
	#app .app-bg{width:445px;top:-206px;left:30px;}
	.app-box .app-tit{padding-top:94px;margin-left: 136px;}
	.app-box .tit-area .txt{width:347px;}
    .app-box .tit-area .txt br{display:none;}
	.app-box .app-tit .title{width:425px;margin: 30px 0;}
	.app-box .phone-area{top:80px;left:590px;width:402px;height:708px;}
	.app-box .phone-img{width:100%;}
	.app-box .anchor{left:136px;bottom:326px;}
	.app-box .anchor li{width:60px;margin-left:35px;}
    .app-box .anchor button em em{display:block;margin-top:0;}
	.app-box .google-btn, .app-box .app-store-btn{width:146px;}
	.app-box .google-btn img, .app-box .app-store-btn img{width:100%;}
	.app-box .google-btn{left:136px;}
	.app-box .app-store-btn{left:290px;}
    .app-box .dis{top:462px;left:0;font-size:14px;line-height:28px;}
	.app-screen{left:51px;top:87px;width:256px;height:454px;}
	.app-screen li{width:256px;height:454px;}
	.app-screen .app-screen-img{width:256px;}
	.app-screen li img{width:256px;}
	
	/* membership */
	#membership{background-size:auto 100%;background-position:center top;}
	#membership .tit-area .txt{width:768px;}
	#membership .tit-area .disc{margin:25px 0;}
	.membership-info .dot{animation:none;}

	/* other */
	#other{height:310px;}
	#other img{width:1100px;margin-left:-550px;}
	#other span{font-size:44px;margin: -25px 0 0 -250px;}
	#other:hover span{color:#fff;}
	#other span:after{display:none;}

}
@media all and (max-width: 768px) {
	.slide-wrap .slide-list .slide-con-tit{opacity:1;}
	.slide-wrap .slide-list.view .slide-con-tit{animation:none;}

    .visual .tit-area{top:90px;width:300px;margin-left:-150px;}
    .visual .tit-area .title{width:280px;font-size:28px;line-height:56px;letter-spacing:0.2em;}
    .visual .tit-area .title span{display:block;}
    .visual .tit-area .title br{display:none;}
    .visual .tit-area p{width:277px;margin:22px 0 15px;}

    .visual .btm-arrow{bottom:30px;width:30px;margin-left:-15px;}
    .visual .btm-arrow img{width:100%;}
    .visual .btm-arrow.move{bottom:15px;transition:bottom 0.8s;}

	/* zikto-walk */
    #zikto-walk {background-image:none;}
	#zikto-walk .tit-area{width:300px;padding:50px 0 40px;}
	#zikto-walk .tit-area .title{padding:16px 0;}
	#zikto-walk .tit-area .txt{width:300px;}
	#zikto-walk .indicator {position:absolute;left:50%;top:166px;z-index:30;width:auto;margin-left:-42.5px;}
	#zikto-walk .indicator li{margin-left:15px;}
	#zikto-walk .indicator button{width:10px;height:10px;padding:0;border-radius:5px;background:#cacaca;text-indent:-999em;opacity:1;}
	#zikto-walk .indicator button:after{display:none;}
	#zikto-walk .indicator button:hover, #zikto-walk .indicator button.current{background:#c4ad8c;padding:0;}
	
	#zikto-walk .slide-wrap .slide-list-area [class*="slide-list"]{padding-top:0;}
	#zikto-walk .slide-wrap .slide-con-tit{position:static;top:auto;width:300px;margin:0 auto;margin-bottom:25px;text-align:left;opacity:1;}
	#zikto-walk .slide-wrap .slide-con-tit span{color:#c4ad8c;font-size:14px;letter-spacing:0.15em;font-family:"WG-Medium";}
	#zikto-walk  [class*="slide-list"] p{position:static;top:auto;left:auto;width:300px;height:160px;margin:0 auto;padding:0;line-height:26px;font-size:14px;}
	.measure-link{width:300px;}
	.measure-link .more-link{margin:28px 0 62px;}

	/* tracker */
	#activity-tracker-fitness-tracker{height:860px;}
	#wrap section#activity-tracker-fitness-tracker .content{height:860px;}
    .activity .activity-bg{display:none;}
    .fitness .fitness-bg{display:none;}
    .tracker-slide{height:755px;border-bottom:0;}
    .tracker-area .tit-area{left:234px;width:300px;}
    .tracker-area .title{margin:15px 0 22px;}
    .tracker-area .content-tit{left:234px;width:300px;margin-top:0;}
    .white-box{display:none;}
    .tracker-slide .btn-dot-line{display:none;}
    .tracker-slide .btn-area, .tracker-slide .btn-area button{display:none !important;}
    .tracker-slide .activity button, .tracker-slide .fitness button{display:block !important;}
    .tracker-slide button{top:auto;bottom:-32px;left:auto;right:234px;width:65px;height:65px;background:none;}
    .tracker-slide button span{width:65px;height:65px;background:url('../images/ZIKTO-Tracker-mobile-btn.png') no-repeat;background-position:left top;background-size:cover;}
    .tracker-slide .fitness button span{background-position:left -66px;}
    .tracker-slide button em{display:none;font-size:11px;line-height:20px;}
    #activity-tracker-fitness-tracker .indicator{display:none;}
    
	.tracker-box{top:260px;width:708px;height:394px;margin-left:-354px;background:#fff;}
	.tracker-box .list-title{margin:28px 0;font-size:14px;line-height:1;text-align:left;}
	.tracker-box ul{padding-top:50px;}
	.tracker-box li{float:none;text-align:left;}
	.tracker-box li p{width:246px;text-align:left;font-size:14px;line-height:26px}
	.tracker-box .icon{text-align:left;width:85px;height:85px;}
	.tracker-box .icon img{width:100%;}
	
	.activity{left:0;height:755px;border-bottom:1px solid #fff;}
    .activity .title{width:300px;letter-spacing:-0.08em;}
	.activity .txt{width:300px;}
    .activity .txt span{display:block;}
	.activity-info ul{margin: 0;}
	.activity-info li:first-child, .activity-info li:last-child, .tracker-box li{width:300px;padding:0;}
	.activity .more-link{top:700px;left:234px;}

	.activity-info .bx-wrapper{max-width:300px !important;}
	.activity-info .bx-wrapper .bx-pager{bottom:-48px;}
	.activity-info .bx-wrapper .bx-pager.bx-default-pager a{background:#d9d9d9;}
	.activity-info .bx-wrapper .bx-pager.bx-default-pager a:hover, .activity-info .bx-wrapper .bx-pager.bx-default-pager a.active{background:#c4ad8c;}
	
	.fitness{left:-100%;height:755px;border-bottom:1px solid #fff;}
	.fitness .tit-area .txt{width:292px;}
    .fitness .tit-area .txt br{display:none;}
	.tracker-box.fitness-info{top:280px;}
	.fitness-info ul{margin-left:204px;}
	.fitness-info ul li, .fitness-info .icon, .fitness-info .list-title, .fitness-info li p{text-align:right;}
	.fitness-info li p,  .fitness-info .icon{display:inline-block;}
	.tracker-slide .fitness button{left:234px;}

	.s1 .view-activity .content-tit{left:234px;transition:left 1s;}
	.s1 .view-activity .fitness{left:-100%;transition:left 1s;transition-delay:0.5s;}
	.s1 .view-activity .activity{left:0;transition:left 1s;transition-delay:0.5s;}

	.s1 .view-fitness .content-tit{left:338px;transition:left 1s;}
	.s1 .view-fitness .fitness{left:0;transition:left 1s;transition-delay:0.5s;}
	.s1 .view-fitness .activity{left:100%;transition:left 1s;transition-delay:0.5s;}
	
	/* design */
	#wrap section#design .content{max-width:768px;width:100%;left:auto;margin-left:0;}
	#design .tit-area{width:300px;margin-top:53px;text-align:left;}
	#design .tit-area .title{margin: 10px 0 22px;font-size:28px;line-height:58px;}
	#design .info-txt .info-title{margin-bottom:14px;font-size:20px;line-height:30px;}
	#design .info-txt p{width:100%;line-height:32px;font-size:18px;}
	#design .tit-area .txt{width:274px;}
	.design-tab ul li .pc-img{display:none;}
	.design-tab ul li .mobile-img{display:block;}
	.design-tab ul li{opacity:1;transition:none;}
	.design-tab ul li.view{transition:none;}
	.design-tab{background:none;}
	.design-tab .bx-wrapper .bx-pager{bottom:10px;padding-top:0}
	.design-tab .bx-wrapper .bx-pager.bx-default-pager a{background:#d9d9d9;}
	.design-tab .bx-wrapper .bx-pager.bx-default-pager a:hover, .design-tab .bx-wrapper .bx-pager.bx-default-pager a.active{background:#c4ad8c;}

	.design-top{margin-top:50px;padding-bottom:50px;}
	.design-top .design-tab{float:none;margin:0 auto;width:100%;height:auto;padding:0 30px;box-sizing:border-box}
	.design-tab .indicator{display:none;left:50%;width:32px;margin-left:-16px;}
	.design-tab .indicator button{width:10px;height:10px;border-radius:5px;background:#c4c4c4;text-indent:-999em;}
	.design-tab .indicator button:first-child{margin-right:12px;}
	.design-tab .indicator button.current{background:#c4ad8c;}
	.design-top .info-txt{float:none;width:300px;margin:30px auto 0;text-align:left;}
	.design-top .design-tab li{height:auto;width:100%;}
	.design-top .design-tab .bx-wrapper{max-width:708px;width:100%;padding-bottom:0;margin-bottom:0;}
	.design-btm .design-tab .bx-wrapper{width:300px;height:436px;padding-bottom:0;margin-bottom:0;}
	#wrap .design-btm .design-tab .bx-wrapper .bx-viewport{height:436px !important;}

	.design-btm .design-tab, .design-btm .design-tab li{width:300px;height:436px;}
	.design-btm .design-tab{top:160px;right:auto;left:50%;margin-left:-150px;}
	.design-btm .design-info{width:300px;margin:35px auto 0;}
	.design-info dt{width:40%;margin-bottom:15px;font-size:12px;}
	.design-info dd{width:60%;margin-bottom:15px;font-size:14px;}
	.design-info dd.wrist-info span{margin-top:7px;}
	.design-btm .info-txt{width:300px;margin:500px auto 0;}
	.design-btm .design-tab .indicator{left:50%;}
	#design .design-shop-link{width:300px;margin:30px auto 45px;}
	#design .more-link{left:50%;margin:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);}
	
	#design .slide-wrap .slide-con-tit{display:none;}
	.design-slide .slide-con-txt{width:300px;height:167px;margin:60px auto 0;padding:0;text-align:center;}
	.design-slide .slide-con-txt .slide-sub-tit{margin-bottom:16px;font-size:20px;}
	.design-slide .slide-con-txt p{font-size:18px;line-height:32px}
	.design-slide .slide-con-txt p br{display:none;}
	.design-slide .bx-wrapper{margin-bottom:0}
	.design-slide .bx-wrapper .bx-pager{display:block;position:absolute;bottom:181px;}
	.design-slide .bx-wrapper .bx-pager.bx-default-pager a{margin:0 7px;background:#d9d9d9;}
	.design-slide .bx-wrapper .bx-pager.bx-default-pager a:hover, .design-slide .bx-wrapper .bx-pager.bx-default-pager a.active{background:#c4ad8c;}
	.slide-wrap.design-slide .pc-img{display:none;}
	.slide-wrap.design-slide .mobile-img{display:block;}
	
	/* how-to-use */
	#how-to-use .tit-area{width:300px;margin:0 auto;padding:55px 0 0;}
	#how-to-use .tit-area .content-tit{text-align:center;}
    #how-to-use .tit-area .title{margin:14px 0 30px;text-align:center;}
    #how-to-use .tit-area .txt{width:300px;margin:0 auto;text-align:center;}
    #how-to-use .led-wrap{height:525px;margin-top:40px}
    #how-to-use .led-wrap:after{display:block;content:'';position:absolute;top:180px;z-index:20;height:1px;width:100%;background:#c4ad8c;}
    .led-wrap .display ul li p{display:block;position:absolute;bottom:0;width:100%;text-align:center;}
    .display ul li p strong{display:block;margin-bottom:10px;font-size:14px;font-family:"WG-Medium";}
    .display ul li p span{font-size:16px;font-family:"WG-Regular";}
    .led-wrap .display{width:100%;top:0;left:50%;z-index:30;right:auto;height:356px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);}
    .led-wrap .display > img{display:none;}
    .led-wrap .display-txt{display:none;}
    .led-wrap .display .click-btn{display:none;}
    .led-wrap .display ul li{position:relative;opacity:1;height:356px;padding-bottom:112px;}
    .led-wrap .display ul li:after{content:'';position:absolute;top:0;left:50%;width:356px;height:356px;margin-left:-178px;background:url('../images/Display-ZIKTO.png') no-repeat left top;background-size:356px 356px;}
    .led-wrap .display ul li img{position:absolute;top:0;left:50%;z-index:10;width:356px;height:356px;margin-left:-178px;}
    .led-wrap .display ul li, .led-wrap .display ul li.view{transition:none;}
    .led-wrap .line:after{display:none;}
    .led-wrap .line{top:auto !important;bottom:0;z-index:999;width:100%;}
    .led-wrap .line button{width:100%;margin-left:0;text-align:center;}
    .led-wrap .line button strong{display:block;width:100%;margin-bottom:12px;text-align:center;color:#000;font-size:14px;}
    .led-wrap .line button span{font-size:16px;font-family:"WG-Regular";}
    .led-wrap .line button span, .led-wrap .line.current button strong, .led-wrap .line button:hover strong, .led-wrap .line.current button span, .led-wrap .line button:hover span{color:#000;}
    .led-wrap .led-list{display:none;}

	.led-wrap .bx-wrapper{margin:0 auto;}
	.led-wrap .bx-wrapper .bx-pager, .led-wrap .bx-wrapper .bx-controls-auto{bottom:67px;top:auto;}
	.led-wrap .bx-wrapper .bx-pager.bx-default-pager a{background:#d9d9d9;}
	.led-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .led-wrap .bx-wrapper .bx-pager.bx-default-pager a.active{background:#c4ad8c;}

	/* strap */
	#strap{margin-top:93px}
	#strap .tit-area{width:300px;margin:0 auto;}
	#strap .tit-area .txt{width:280px;}
	#strap .tit-area .title {width:200px;margin:20px auto 30px; }
	#strap .more-link{margin:40px 0;}
    .strap-img{width:100%;padding-bottom:12px;}
	.strap-img strong{margin-top:-55px;font-size:26px;opacity:1;}
    .strap-img ul{height:auto;padding-bottom:100%;}
    .strap-img li{height:100%;}
	.strap-img li .img-link{height:92%;}
	.strap-img li .txt-link{margin-top:5%;height:3%;font-size:14px;}
	.strap-img .leather, .strap-img .moree{float:none;width:100%;}
	.strap-img .leather{margin-bottom:12px;}

	/* app */
	#app .app-bg{display:none;}
    .app-box .app-tit-area .mobile-txt{display:none;position:absolute;top:595px;left:50%;width:300px;margin-left:-144.5px;}
    .app-box .mobile-app-tit{width:289px;margin-bottom:20px;font-family:"WG-Medium";font-size:20px;}
    .app-box .app-tit-area .mobile-txt p{font-size:18px;line-height:32px;}
    #app .content{padding:50px 30px;box-sizing:border-box;}
    #app .app-box{width:auto;height:1090px;}
    #app .tit-area{width:300px;margin:0 auto;text-align:center;}
    #app .content-tit{text-align:center;}
    .app-box .app-tit{width:100%;margin-left:0;padding-top:50px}
    .app-box .app-tit .title{margin:15px 0 25px;}
    .app-box .app-tit .txt{padding:0 15px;}
    .app-box .app-tit .app-tit-area{width:300px;margin:0 auto;}
    .app-box .anchor{display:none;}
    .app-box .phone-area{top:185px;left:50%;width:285px;height:502px;margin-left:-125px}
    .app-box .phone-img{width:285px;}
    .app-box .screen-default{width:265px;margin:75px 0 0 40px;}
    .app-box .app-tit .app-tit-area .tit-area > .dis{display:none;}
    .app-box .app-tit-area .mobile-txt p br{display:none;}
    .app-box .app-tit-area .mobile-txt p.dis{position:static;top:0;width:275px;margin-top:13px;font-size:14px;line-height:26px;text-align:center;}
    .app-box .google-btn, .app-box .app-store-btn{bottom:66px;height:35px;}
    .app-box .google-btn{left:236px;}
    .app-box .app-store-btn{left:360px;}
    .app-box .google-btn img, .app-box .app-store-btn img{height:100%;width:auto;}
    .app-screen{top:60px;left:50%;width:183px;height:324px;margin-left:-107.5px}
    .app-screen li{width:183px;height:324px;opacity:1;}
    .app-screen .app-screen-img{width:183px;}
    .app-screen li img{width:183px;height:324px;}
    
    .mobile-anchor{display:block;position:absolute;top:50%;left:50%;z-index:99;width:300px;height:30px;margin-top:-54px;margin-left:-166px;}
    .mobile-anchor button{position:absolute;width:14px;height:30px;}
    .mobile-anchor button img{width:100%;}
    .mobile-anchor button.prev{left:10px;}
    .mobile-anchor button.next{right:10px;}
    .phone-area .bx-wrapper, .phone-area .bx-wrapper .bx-viewport{width:183px !important;height:770px !important;}
    .phone-area .bx-wrapper{overflow:hidden;margin:0 0 0 36px;}
    .phone-area .bx-wrapper .app-screen{left:auto;margin-left:0;}
    .phone-area .bx-wrapper .bx-pager, .phone-area .bx-wrapper .bx-controls-auto{bottom:0;}
    .phone-area .bx-wrapper .bx-pager.bx-default-pager a{background:#d9d9d9;}
    .phone-area .bx-wrapper .bx-pager.bx-default-pager a:hover, .phone-area .bx-wrapper .bx-pager.bx-default-pager a.active{background:#c4ad8c;}

	/* membership */
	#membership{background-size:auto 100%;}
	#membership .content{height:920px;}
	#membership .tit-area{width:300px;margin:0 auto;padding-top:80px}
	#membership .content-tit{width:211px;background-size:100% 100%;}
    #membership .tit-area .title{margin-bottom:25px;font-size:32px;}
	#membership .tit-area .txt{width:300px;margin:0 auto;}
    #membership .tit-area .txt br{display:none;}
	#membership .tit-area .disc{margin:15px 0 30px;font-size:12px;line-height:18px}
    #membership .more-link{padding-top:40px;}
	.membership-info{width:435px;height:435px;margin-top:50px;margin-left:-217.5px;background-size:412px 412px;}
	.membership-info .dot, .membership-info .dot img{width:100%;}
	.membership-info .dot{animation:none;}
	.membership-info .product{top:20px;margin-left:-39px;}
	.membership-info .product img{height:412px;width:auto;}
	.membership-list strong{padding-top:43px;font-size:9px;line-height:12px}
	.membership-list p{font-size:9px;line-height:12px}
	.membership-list li{height:205px;padding-left:20px;box-sizing:border-box;}
	.membership-list li:nth-child(1) strong, .membership-list li:nth-child(2) strong{margin-top:90px}
	.membership-list li:nth-child(3) strong, .membership-list li:nth-child(4) strong{margin-top:45px}
	.membership-list li:nth-child(1) strong{background-size:30px 30px;}
	.membership-list li:nth-child(2){padding-right:20px;}
	.membership-list li:nth-child(2) strong{background-size:23px 30px;}
	.membership-list li:nth-child(3) strong{background-size:27px 21.5px;}
	.membership-list li:nth-child(4){padding-right:20px;}
	.membership-list li:nth-child(4) strong{background-position:center 10px;background-size:37px 19.5px;}

	/* other */
	#other{height:297px;}
	#other img{width:768px;margin-left:-384px;}
	#other span{margin: -11px 0 0 -136.5px;font-size:24px;opacity:1;}
	#other:hover span{color:#fff;}
	#other span:after{display:none;}
}