@font-face{font-family:'SamsungSharpSansMd';src:url('/static/font/curvedGame/SamsungSharpSans-Medium.eot');src:url('/static/font/curvedGame/SamsungSharpSans-Medium?#iefix') format('embedded-opentype'), url('/static/font/curvedGame/SamsungSharpSans-Medium.woff') format('woff'), url('/static/font/curvedGame/SamsungSharpSans-Medium.svg#SamsungIF_Rg') format('svg');font-weight:normal;font-style:normal}.nav-is-sticky .h-nav-local{position:relative !important}.flip{z-index:1;position:relative;width:100%;height:850px;margin:0 0 -150px 0;font-size:21px;font-family:'SamsungOneLt';overflow:hidden}.flip a{text-decoration:none}.flip img{vertical-align:top}.flip .flipMenu{z-index:10;position:absolute;left:0;top:200px;width:245px;height:100%;padding:0 0 0 64px;line-height:1;letter-spacing:-0.5px;font-size:15px}.flip .flipMenu ul li{position:relative;padding:0 0 33px 0}.flip .flipMenu ul li:last-child{padding-bottom:0}.flip .flipMenu ul li em{position:absolute;left:5px;top:11px;bottom:1px;display:block;width:1px;margin:7px 0 0 0;background-color:#cacaca}.flip .flipMenu ul li:last-child em{bottom:9px}.flip .flipMenu ul li p{position:relative;padding:0 0 0 30px;font-size:18px}.flip .flipMenu ul li p:before{content:'';position:absolute;left:0;top:50%;width:11px;height:11px;margin:-6px 0 0 0;border-radius:100%;background-color:#bbb}.flip .flipMenu ul li.on p:before, .flip .flipMenu ul li p:hover:before{background-color:#000}.flip .flipMenu ul li:first-child p:before{left:-3px;width:17px;height:15px;margin-top:-8px;border-radius:0;background:url('/static/images/tours/flip/bul_menu_home.png') no-repeat center center}.flip .flipMenu ul li:first-child.on p:before, .flip .flipMenu ul li:first-child p:hover:before{background:url('/static/images/tours/flip/bul_menu_home_on.png') no-repeat center center}.flip .flipMenu ul li p a{display:block;color:#666}.flip .flipMenu ul li.on p a, .flip .flipMenu ul li p a:hover{color:#000}.flip .flipMenu ul li p i{z-index:9;position:absolute;left:-8px;top:-5px;display:none;width:27px;height:27px;border:1px solid #000;border-radius:100%}.flip .flipMenu ul li.on p i, .flip .flipMenu ul li p:hover i{display:block}.flip .flipMenu ul li div{padding:0 0 0 20px;margin:0 0 -7px 0;line-height:1;overflow:hidden}.flip .flipMenu ul li:last-child div{margin-bottom:0}.flip .flipMenu ul li div span{display:block}.flip .flipMenu ul li div span:first-child{margin:15px 0 0 0}.flip .flipMenu ul li div span a{display:inline-block;padding:9px 25px 9px 25px;border-radius:33px;color:#666;vertical-align:top;overflow:hidden}.flip .flipMenu ul li.on div span a{color:#000}.flip .flipMenu ul li div span.on a, .flip .flipMenu ul li div span a:hover{background-color:#000;color:#fff}.flip .flipMenuMo{z-index:10;position:absolute;left:0;top:0;display:none;width:100%}.flip .flipMenuMo .menuDepth1{height:52px;background:url('/static/images/tours/flip/bg_menu_mo.jpg') repeat-x 0 bottom;background-color:#fff;line-height:50px;font-size:0;text-align:center;overflow:hidden}.flip .flipMenuMo .menuDepth1 div{min-width:483px}.flip .flipMenuMo .menuDepth1 div ul li{display:inline-block;padding:0 5px;font-size:17px;vertical-align:top}.flip .flipMenuMo .menuDepth1 div ul li a{position:relative;display:block;padding:0 10px;color:#000}.flip .flipMenuMo .menuDepth1 div ul li.on a{color:#1e4aad}.flip .flipMenuMo .menuDepth1 div ul li a i{position:absolute;left:0;bottom:-2px;display:none;width:100%;height:2px;background-color:#1e4aad}.flip .flipMenuMo .menuDepth1 div ul li.on a i{display:block}.flip .flipMenuMo .menuDepth2{display:none;max-width:483px;height:50px;padding:11px 0 0 0;margin:0 auto;line-height:1;font-size:0;text-align:center}.flip .flipMenuMo .menuDepth2 div{padding:0 20px}.flip .flipMenuMo .menuDepth2_2 div{min-width:523px}.flip .flipMenuMo .menuDepth2_3 div{min-width:381px}.flip .flipMenuMo .menuDepth2_4 div{min-width:245px}.flip .flipMenuMo .menuDepth2 div ul{display:inline-block}.flip .flipMenuMo .menuDepth2 div ul li{display:inline-block;padding:0 2px;font-size:14px;vertical-align:top}.flip .flipMenuMo .menuDepth2 div ul li a{display:block;padding:8px 15px 6px 15px;border-radius:14px;color:#666}.flip .flipMenuMo .menuDepth2 div ul li.on a{background-color:#1e4aad;color:#fff}.flip .flipContent{height:100%;text-align:center;color:#000;line-height:1}.flip .flipContent .flipContentIn{position:relative;height:100%}.flip .flipContent .flipContentIn .titleArea{z-index:999;position:absolute;left:0;top:39px;max-width:460px;padding:0 0 0 68px;line-height:1.2;text-align:left}.flip .flipContent .flipContentIn .titleArea p{font-size:19px;font-family:"SamsungSharpSansMd";visibility:hidden;animation-duration:1s}.flip .flipContent .flipContentIn .titleArea h1{margin:5px 0 0 0;font-size:40px;font-family:"SamsungSharpSansMd";visibility:hidden;animation-duration:1s;animation-delay:0.3s}.flip .flipContent .flipContentIn .titleArea h2{margin:7px 0 0 0;color:#555;font-size:17px;visibility:hidden;animation-duration:1s;animation-delay:0.6s}.flip .flipContent .flipContentIn .flipBg{position:absolute;top:0;left:0;width:100%;height:100%}.flip .flipContent .flipContentIn .flipBg.designBg{background-color:#e8f6fd}.flip .flipContent .flipContentIn .flipBg.writeBg{background-color:#e8f6fd}.flip .flipContent .flipContentIn .flipBg.presentBg{background-color:#eaf8f4}.flip .flipContent .flipContentIn .flipBg.navigateBg{background-color:#fef3f2}.flip .flipContent .flipContentIn .flipBg.connectBg{background-color:#eeeefd}@media only screen and (max-width:1459px){.flip{height:900px;margin:0}.flip .flipMenu{display:none}.flip .flipMenuMo{display:block}.flip .flipContent .flipContentIn .titleArea{display:none}#nav-local{display:none}}@media only screen and (max-width:959px){.flip{height:650px}.flip.hasBtnArea{height:740px}}@media only screen and (max-width:767px){.flip{margin-bottom:0}.newSticky{display:none !important}}@media only screen and (max-width:513px){.flip{height:490px}.flip.hasBtnArea{height:580px}}.promoBtns{z-index:20;position:absolute;right:70px;top:40px;line-height:1;font-size:14px;text-transform:uppercase;text-align:center;letter-spacing:1px;font-family:'SamsungOneRg'}.promoBtns:after{content:'';clear:both;display:block}.promoBtns p{float:left;margin:0 0 0 6px}.promoBtns p a{display:block;width:200px;padding:17px 0 15px 0;border:1px solid #000;border-radius:24px;color:#000}.promoBtns p a:hover{background-color:#33364a;color:#fff}.promoBtns p:last-child a{border:1px solid #1e4aad;background-color:#1e4aad;color:#fff}.promoBtns p:last-child a:hover{border:1px solid #33364a;background-color:#33364a}.promoBtnsMo{position:relative;display:none;margin:0 0 -150px 0;text-transform:uppercase}.promoBtnsMo:after{content:'';clear:both;display:block}.promoBtnsMo p{position:relative;float:left;width:50%;text-align:center}.promoBtnsMo p:before{content:'';position:absolute;left:0;top:50%;display:none;width:1px;height:40px;margin:-20px 0 0 0;background-color:#ebebeb}.promoBtnsMo p:last-child:before{display:block}.promoBtnsMo p a{display:block;height:60px;font-size:15px;color:#222;text-decoration:none}.promoBtnsMo p a span{display:inline-block;height:100%;padding:21px 0 0 27px;background:url('/static/images/ico/ico_btn_detail_mo.png') no-repeat left center;background-size:20px auto;vertical-align:top}.promoBtnsMo p:last-child a{color:#f06292}.promoBtnsMo p:last-child a span{padding-left:26px;background:url('/static/images/ico/ico_btn_us_mo.png') no-repeat left center;background-size:20px auto}@media only screen and (max-width:1459px){.promoBtns{display:none}.promoBtnsMo{display:block}}@media only screen and (max-width:767px){.promoBtnsMo{margin:0 0 -70px 0}}.circleMotion{position:relative;width:110px;height:110px;overflow:hidden}.circleMotion a{display:block;width:110px;height:110px;overflow:hidden}.arrowMotion{position:relative;width:62px;height:190px;background:url('/static/images/tours/flip/img_arrow_line_vertical.png') no-repeat center bottom;overflow:hidden}.arrowMotion.up{background-position:center top}.arrowMotion.up img{float:right}.arrowMotion.left{width:190px;height:62px;background:url('/static/images/tours/flip/img_arrow_line.png') no-repeat center center}.arrowMotion.right{width:190px;height:62px;background:url('/static/images/tours/flip/img_arrow_line.png') no-repeat center center}.alertBox{z-index:20;position:absolute;padding:0 65px;border-radius:30px;background:url('/static/images/tours/flip/bg_000000_50_new.png') repeat 0 0;font-size:20px;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;visibility:hidden;animation-duration:1s}.alertBox p{line-height:59px}.alertBox p i{line-height:1.4;font-style:normal}.flipBtnArea{position:absolute;right:-115px;top:48px;text-transform:uppercase;line-height:1;text-align:center;font-size:15px;font-family:'SamsungOneRg'}.flipBtnArea div{margin:28px 0 0 0;visibility:hidden}.flipBtnArea div.nfcBtn{animation-duration:1s;animation-delay:0.3s}.flipBtnArea div.miraBtn{animation-duration:1s;animation-delay:0.6s}.flipBtnArea div a{display:block;color:#000}.flipBtnArea div a.on, .flipBtnArea div a:hover{color:#1649d6}.flipBtnArea div a span{display:block;width:92px;height:92px;padding:1px;margin:0 auto;border-radius:100%}.flipBtnArea div a span i{display:block;width:100%;height:100%;border-radius:100%;box-shadow:0 0 20px rgba(0, 0, 0, 0.08);overflow:hidden}.flipBtnArea div a.on span i, .flipBtnArea div a:hover span i{box-shadow:0 0 20px rgba(0, 0, 0, 0.10)}.flipBtnArea div.thinBtn a span i{background:url('/static/images/tours/flip/btn_bg_pencel_white_.png') no-repeat 0 0}.flipBtnArea div.thickBtn a span i{background:url('/static/images/tours/flip/btn_bg_pen_white_.png') no-repeat 0 0}.flipBtnArea div.fineBtn a span i{background:url('/static/images/tours/flip/btn_bg_finger_white_.png') no-repeat 0 0}.flipBtnArea div.areaBtn a span i{background:url('/static/images/tours/flip/btn_bg_palm_white_.png') no-repeat 0 0}.flipBtnArea div.thinBtn a.on span i, .flipBtnArea div.thinBtn a:hover span i{background:url('/static/images/tours/flip/btn_bg_pencel_dark_.png') no-repeat 0 0}.flipBtnArea div.thickBtn a.on span i, .flipBtnArea div.thickBtn a:hover span i{background:url('/static/images/tours/flip/btn_bg_pen_dark_.png') no-repeat 0 0}.flipBtnArea div.fineBtn a.on span i, .flipBtnArea div.fineBtn a:hover span i{background:url('/static/images/tours/flip/btn_bg_finger_dark_.png') no-repeat 0 0}.flipBtnArea div.areaBtn a.on span i, .flipBtnArea div.areaBtn a:hover span i{background:url('/static/images/tours/flip/btn_bg_palm_dark_.png') no-repeat 0 0}.flipBtnArea div.lockBtn a span i{background:url('/static/images/tours/flip/btn_bg_lock_dark_.png') no-repeat 0 0}.flipBtnArea div.unlockBtn a span i{background:url('/static/images/tours/flip/btn_bg_unlock_dark_.png') no-repeat 0 0}.flipBtnArea div.lockBtn a.on span i, .flipBtnArea div.lockBtn a:hover span i{background:url('/static/images/tours/flip/btn_bg_lock_white_.png') no-repeat 0 0}.flipBtnArea div.unlockBtn a.on span i, .flipBtnArea div.unlockBtn a:hover span i{background:url('/static/images/tours/flip/btn_bg_unlock_white_.png') no-repeat 0 0}.flipBtnArea div.nfcBtn a span i{background:url('/static/images/tours/flip/btn_bg_nfc_white_.png') no-repeat 0 0}.flipBtnArea div.miraBtn a span i{background:url('/static/images/tours/flip/btn_bg_mira_white_.png') no-repeat 0 0}.flipBtnArea div.nfcBtn a.on span i, .flipBtnArea div.nfcBtn a:hover span i{background:url('/static/images/tours/flip/btn_bg_nfc_dark_.png') no-repeat 0 0}.flipBtnArea div.miraBtn a.on span i, .flipBtnArea div.miraBtn a:hover span i{background:url('/static/images/tours/flip/btn_bg_mira_dark_.png') no-repeat 0 0}.flipBtnArea div.writeBtn a span i{background:url('/static/images/tours/flip/btn_bg_pencel_white_.png') no-repeat 0 0}.flipBtnArea div.writeBtn a.on span i, .flipBtnArea div.writeBtn a:hover span i{background:url('/static/images/tours/flip/btn_bg_pencel_dark_.png') no-repeat 0 0}.flipBtnArea div a em{display:block;margin:15px 0 0 0}@media only screen and (max-width:959px){.circleMotion{width:55px;height:55px}.circleMotion a{width:55px;height:55px}.circleMotion img{width:55px}.arrowMotion{width:31px;height:95px;background-size:2px 164px}.arrowMotion img{width:1426px;height:95px}.arrowMotion.left{width:95px;height:31px;background-size:164px 2px}.arrowMotion.left img{width:95px;height:1426px}.arrowMotion.right{width:95px;height:31px;background-size:164px 2px}.arrowMotion.right img{width:95px;height:1426px}.alertBox{left:0 !important;top:50% !important;right:inherit !important;bottom:inherit !important;width:100%;padding:0;border-radius:0;background:none;font-size:16px}.alertBox p{display:inline-block;padding:0 24px;border-radius:20px;background:url('/static/images/tours/flip/bg_000000_50_new.png') repeat 0 0;vertical-align:top;line-height:39px}.flipBtnArea{right:inherit !important;left:0;top:-50px !important;width:100%;font-size:0;text-transform:none}.connect .flipBtnArea{top:-70px !important}.flipBtnArea div{display:inline-block;margin:0 10px;font-size:13px;vertical-align:top}.writePg .flipBtnArea div{margin:0 7px}.flipBtnArea div a span{width:62px;height:62px}.flipBtnArea div.nfcBtn a span i{background-size:60px auto !important}.flipBtnArea div.miraBtn a span i{background-size:60px auto !important}.flipBtnArea div.lockBtn a span i{background-size:60px auto !important}.flipBtnArea div.unlockBtn a span i{background-size:60px auto !important}.flipBtnArea div.thinBtn a span i{background-size:60px auto !important}.flipBtnArea div.thickBtn a span i{background-size:60px auto !important}.flipBtnArea div.fineBtn a span i{background-size:60px auto !important}.flipBtnArea div.areaBtn a span i{background-size:60px auto !important}.flipBtnArea div a em{margin:7px 0 0 0}}@media only screen and (max-width:513px){.flipBtnArea{top:-62px !important}}.menuLayer{z-index:10;position:absolute;left:0;top:0;width:100%}.menuLayer .menuLayerBox{position:relative;width:100%;height:100%;padding:0 0 30px 0}.menuLayer .menuLayerBox .depth1{position:relative;height:0px;background:url('/static/images/tours/flip/img_import_menu.jpg') no-repeat center center;background-color:#fff;overflow:hidden}.menuLayer.openDepth1 .menuLayerBox .depth1{overflow:visible}.menuLayer .menuLayerBox .depth1 em{position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ededed}.menuLayer .menuLayerBox .depth2{position:relative;height:0px;background:url('/static/images/tours/flip/img_import_laptop_menu.jpg') no-repeat center center;background-color:#fff;overflow:hidden}.menuLayer.openDepth1 .menuLayerBox .depth2{overflow:visible}.menuLayer .menuLayerBox .depth2 em{position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#ededed}.menuLayer .menuLayerBox .depth0{z-index:3;position:absolute;left:0;bottom:0;width:100%;height:30px}.menuLayer.openDepth1 .menuLayerBox .depth0{bottom:1px}.menuLayer .menuLayerBox .depth0 .depth0Box{z-index:3;position:relative;top:0;left:50%;width:167px;height:30px;margin:0 0 0 -83px;background:url('/static/images/tours/flip/img_screen_menu.png') no-repeat 0 0}.menuLayer .menuLayerBox .depth0 .depth0Box .importClick{position:absolute;left:-15px;top:-40px;display:none}.menuLayer .menuLayerBox .depth0 .depth0Box .exportClick{position:absolute;left:65px;top:-40px;display:none}.rMenuLayer{z-index:10;position:absolute;right:0;bottom:120px;width:58px;height:166px}.rMenuLayer .rMenuLayerBox{position:relative;width:100%;height:100%;background:url('/static/images/tours/flip/img_vertical_screen_menu.png') no-repeat center center}.rMenuLayer.open .rMenuLayerBox{background:url('/static/images/tours/flip/img_navigate_qf_menu_x.png') no-repeat center center}.rMenuLayer .rMenuLayerBox .menuClick{z-index:10;position:absolute;top:-26px;right:-25px}.rMenuLayer .rMenuLayerBox .menuOpenLayer{position:absolute;right:50px;top:16px;width:0;height:23px;background:url('/static/images/tours/flip/img_menu_layer_lock.jpg') no-repeat 0 0;overflow:hidden}.rMenuLayer.open .rMenuLayerBox .menuOpenLayer{overflow:visible}.rMenuLayer .rMenuLayerBox .menuOpenLayer .menuOpenLayerBox{position:relative;width:100%;height:100%}.rMenuLayer .rMenuLayerBox .menuOpenLayer .menuOpenLayerBox .menuOpenClick{position:absolute;left:22%;top:-42px}@media only screen and (max-width:959px){.menuLayer .menuLayerBox{padding-bottom:20px}.menuLayer .menuLayerBox .depth1{background-size:auto 90px}.menuLayer .menuLayerBox .depth2{background-size:auto 60px}.menuLayer .menuLayerBox .depth0{height:20px}.menuLayer .menuLayerBox .depth0 .depth0Box{width:111px;height:20px;margin-left:-55px;background-size:auto 20px !important}.menuLayer .menuLayerBox .depth0 .depth0Box .importClick{left:3px;top:-17px}.menuLayer .menuLayerBox .depth0 .depth0Box .exportClick{left:55px;top:-17px}.rMenuLayer{bottom:70px;width:38px;height:110px}.rMenuLayer .rMenuLayerBox{background-size:auto 90px !important}.rMenuLayer .rMenuLayerBox .menuClick{top:-13px;right:-8px}.rMenuLayer .rMenuLayerBox .menuOpenLayer{right:35px;top:6px;background-size:auto 16px}.rMenuLayer .rMenuLayerBox .menuOpenLayer .menuOpenLayerBox .menuOpenClick{left:26%;top:-20px}}@media only screen and (max-width:513px){.menuLayer .menuLayerBox{padding-bottom:15px}.menuLayer .menuLayerBox .depth1{background-size:auto 65px}.menuLayer .menuLayerBox .depth2{background-size:auto 45px}.menuLayer .menuLayerBox .depth0{height:15px}.menuLayer .menuLayerBox .depth0 .depth0Box{width:84px;height:15px;margin-left:-42px;background-size:auto 15px !important;}.menuLayer .menuLayerBox .depth0 .depth0Box .importClick{left:-5px;top:-20px}.menuLayer .menuLayerBox .depth0 .depth0Box .exportClick{left:35px;top:-20px}.rMenuLayer{bottom:50px;width:28px;height:90px}.rMenuLayer .rMenuLayerBox{background-size:auto 70px !important}.rMenuLayer .rMenuLayerBox .menuClick{right:-14px}.rMenuLayer .rMenuLayerBox .menuOpenLayer{right:25px;top:7px;background-size:auto 12px}.rMenuLayer .rMenuLayerBox .menuOpenLayer .menuOpenLayerBox .menuOpenClick{left:23%}}.verticalSc{position:absolute;left:0;bottom:0;width:100%;height:796px;visibility:hidden;animation-duration:1s;animation-delay:1s}.verticalSc .verticalScBox{position:relative;width:752px;height:100%;margin:0 auto;padding:102px 103px 0 102px;background:url('/static/images/tours/flip/bg_vertical_screen_.png') no-repeat center bottom}.verticalSc .verticalScBox .verticalScBoxIn{position:relative;width:100%;height:100%}.verticalSc .verticalScBox .flipBtnArea{right:-86px;top:77px}.verticalSc .verticalScBox .flipBtnArea div{visibility:visible}@media only screen and (max-width:959px){.verticalSc{height:559px}.verticalSc .verticalScBox{width:100%;padding:72px 0 0 0;max-width:513px;background-size:auto 559px}.verticalSc .verticalScBox .verticalScBoxIn{width:383px;margin:0 auto}}@media only screen and (max-width:513px){.verticalSc{height:409px}.verticalSc .verticalScBox{padding:53px 0 0 0;max-width:375px;background-size:auto 409px}.verticalSc .verticalScBox .verticalScBoxIn{width:279px}}@media only screen and (max-width:375px){}.verticalScSm{position:absolute;left:0;bottom:0;width:100%;height:789px;visibility:hidden;animation-duration:1s;animation-delay:1s}.verticalScSm.withMobile{padding-left:43px}.verticalScSm .verticalScSmBox{position:relative;width:500px;height:100%;margin:0 auto;padding:62px 61px 61px 62px;background:url('/static/images/tours/flip/bg_vertical_screen_sm_.png') no-repeat center bottom}.verticalScSm .verticalScSmBox .verticalScSmBoxIn{position:relative;width:100%;height:100%}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox{padding-bottom:22px}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox .depth1{background-size:250px auto}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox .depth2{background-size:250px auto}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox .depth0{height:22px}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox .depth0 .depth0Box{width:121px;height:22px;margin:0 0 0 -60px;background-size:121px auto !important}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox .depth0 .depth0Box .importClick{left:-24px;top:-45px;display:none}.verticalScSm .verticalScSmBox .mobileSc{position:absolute;left:-220px;bottom:23px;width:348px;height:336px;visibility:hidden;animation-duration:1s}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox{position:relative;width:100%;height:100%}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .mobileDrag{width:168px;height:100%;background:url('/static/images/tours/flip/img_connect_im_mobile_.png') no-repeat 0 0;cursor:url('/static/images/tours/flip/img_present_ca_finger.png'),url('/static/images/tours/flip/img_present_ca_finger.cur'), auto}.verticalScSm .verticalScSmBox.miraSc .mobileSc .mobileScBox .mobileDrag{cursor:default}.verticalScSm .verticalScSmBox.miraScOn .mobileSc .mobileScBox .mobileDrag{background:url('/static/images/tours/flip/img_connect_im_mobile_mira_.png') no-repeat 0 0}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .mobileDrag.done{cursor:default}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .mobileTarget{position:absolute;right:44px;bottom:17px;display:none}.verticalScSm .verticalScSmBox.miraSc .mobileSc .mobileScBox .mobileTarget{right:inherit;left:45px;bottom:inherit;top:73px}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .mobileTarget a{cursor:default}.verticalScSm .verticalScSmBox.miraSc .mobileSc .mobileScBox .mobileTarget a{cursor:pointer}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .dragArrow{z-index:3;position:absolute;left:70px;bottom:40px;display:none}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .wifiIng{z-index:3;position:absolute;left:163px;bottom:45px;width:88px;height:118px}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .wifiIng .wifiIngBox{position:relative;width:100%;height:100%}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .wifiIng .wifiIngBox span{position:absolute;left:0;top:0;display:none;width:100%;height:100%}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .wifiIng .wifiIngBox .dep1{background:url('/static/images/tours/flip/img_import_wifi_ing4.png') no-repeat 0 0}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .wifiIng .wifiIngBox .dep2{background:url('/static/images/tours/flip/img_import_wifi_ing3.png') no-repeat 0 0}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .wifiIng .wifiIngBox .dep3{background:url('/static/images/tours/flip/img_import_wifi_ing2.png') no-repeat 0 0}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .wifiIng .wifiIngBox .dep4{background:url('/static/images/tours/flip/img_import_wifi_ing1.png') no-repeat 0 0}@media only screen and (max-width:959px){.verticalScSm{height:539px}.verticalScSm.withMobile{padding-left:0;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s}.verticalScSm.withMobile.mobileStart{padding-left:176px}.verticalScSm .verticalScSmBox{width:342px;padding:43px 42px 42px 43px;background-size:auto 539px}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox{padding-bottom:16px}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox .depth1{background-size:190px auto}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox .depth2{background-size:190px auto}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox .depth0{height:16px}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox .depth0 .depth0Box{width:91px;height:16px;margin:0 0 0 -45px;background-size:91px auto !important}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox .depth0 .depth0Box .importClick{left:-3px;top:-19px}.verticalScSm .verticalScSmBox .mobileSc{left:-150px;bottom:15px;width:252px;height:240px}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .mobileDrag{width:120px;background-size:120px auto !important}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .dragArrow{bottom:33px}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .mobileTarget{right:52px;bottom:19px}.verticalScSm .verticalScSmBox.miraSc .mobileSc .mobileScBox .mobileTarget{left:43px;top:65px}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .wifiIng{left:113px;bottom:25px;width:60px;height:80px}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .wifiIng .wifiIngBox span{background-size:60px auto !important}}@media only screen and (max-width:513px){.verticalScSm{height:401px}.verticalScSm.withMobile{padding-left:0}.verticalScSm.withMobile.mobileStart{padding-left:119px}.verticalScSm .verticalScSmBox{width:250px;padding:38px 30px 30px 32px;background-size:auto 394px}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox{padding-bottom:13px}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox .depth1{background-size:130px auto}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox .depth2{background-size:130px auto}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox .depth0{height:13px}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox .depth0 .depth0Box{width:71px;height:13px;margin:0 0 0 -35px;background-size:71px auto !important}.verticalScSm .verticalScSmBox .verticalScSmBoxIn .menuLayer .menuLayerBox .depth0 .depth0Box .importClick{left:-9px;top:-21px}.verticalScSm .verticalScSmBox .mobileSc{left:-100px;bottom:11px;width:197px;height:160px}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .mobileDrag{width:80px;background-size:80px auto !important}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .dragArrow{left:20px;bottom:20px}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .mobileTarget{right:54px;bottom:8px}.verticalScSm .verticalScSmBox.miraSc .mobileSc .mobileScBox .mobileTarget{left:20px;top:34px}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .wifiIng{left:78px;bottom:15px;width:45px;height:60px}.verticalScSm .verticalScSmBox .mobileSc .mobileScBox .wifiIng .wifiIngBox span{background-size:45px auto !important}}.horizontalSc{z-index:2;position:absolute;left:0;bottom:0;width:100%;height:767px;visibility:hidden;animation-duration:1s;animation-delay:1s}.horizontalSc.withLaptop{padding-left:230px}.horizontalSc .horizontalScBox{position:relative;width:1028px;height:100%;margin:0 auto;padding:70px 69px 215px 70px;background:url('/static/images/tours/flip/bg_horizontal_screen_.png') no-repeat center bottom}.horizontalSc .horizontalScBox .horizontalScBoxIn{position:relative;width:100%;height:100%}.horizontalSc .horizontalScBox .horizontalScBoxIn .rMenuLayer{left:50%;bottom:0;width:166px;height:55px;margin:0 0 0 -83px}.horizontalSc .horizontalScBox .horizontalScBoxIn .rMenuLayer .rMenuLayerBox{background:url('/static/images/tours/flip/img_horizontal_screen_menu.png') no-repeat center center}.horizontalSc .horizontalScBox .laptopSc{z-index:2;position:absolute;left:-200px;bottom:60px;display:none;width:504px;height:239px;background:url('/static/images/tours/flip/bg_present_tc_laptop.png') no-repeat 0 0}.horizontalSc .horizontalScBox .laptopSc .laptopScBox{position:relative;width:100%;height:100%;padding:14px 123px 40px 54px}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .laptopScBoxIn{position:relative;width:100%;height:100%;overflow:hidden}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .laptopScBoxIn span{display:block}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .laptopScBoxIn span:last-child{display:none}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .laptopScBoxIn img{width:100%}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .laptopLine{position:absolute;left:434px;bottom:21px;display:none;width:0px;height:81px;background:url('/static/images/tours/flip/img_laptop_line.png') no-repeat 0 bottom}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .wifiLaptopIng{z-index:3;position:absolute;left:155px;bottom:251px;width:118px;height:88px}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .wifiLaptopIng .wifiLaptopIngBox{position:relative;width:100%;height:100%}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .wifiLaptopIng .wifiLaptopIngBox span{position:absolute;left:0;top:0;display:none;width:100%;height:100%}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .wifiLaptopIng .wifiLaptopIngBox .dep1{background:url('/static/images/tours/flip/img_import_wifi_pc_ing4.png') no-repeat 0 0}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .wifiLaptopIng .wifiLaptopIngBox .dep2{background:url('/static/images/tours/flip/img_import_wifi_pc_ing3.png') no-repeat 0 0}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .wifiLaptopIng .wifiLaptopIngBox .dep3{background:url('/static/images/tours/flip/img_import_wifi_pc_ing2.png') no-repeat 0 0}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .wifiLaptopIng .wifiLaptopIngBox .dep4{background:url('/static/images/tours/flip/img_import_wifi_pc_ing1.png') no-repeat 0 0}.horizontalSc .horizontalScBox .disclaimer{z-index:10;position:absolute;left:0;bottom:20px;width:100%;font-size:16px;line-height:1.4}@media only screen and (max-width:1499px){.horizontalSc .horizontalScBox .laptopSc{left:-100px}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .wifiLaptopIng{left:33px}}@media only screen and (max-width:959px){.horizontalSc{height:535px}.horizontalSc.withLaptop{padding-left:0}.horizontalSc .horizontalScBox{width:100%;max-width:600px;padding:41px 40px 201px 42px;background:url('/static/images/tours/flip/bg_horizontal_screen_mo_.png') no-repeat center bottom;background-size:auto 535px}.horizontalSc .horizontalScBox .horizontalScBoxIn .rMenuLayer{display:none;width:110px;height:38px;margin-left:-55px}.horizontalSc .horizontalScBox .horizontalScBoxIn .rMenuLayer .rMenuLayerBox{background-size:90px auto !important}.horizontalSc .horizontalScBox .laptopSc{left:50%;bottom:70px;width:300px;height:142px;margin:0 0 0 -130px;background-size:300px auto}.horizontalSc .horizontalScBox .laptopSc .laptopScBox{padding:8px 73px 24px 33px}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .laptopLine{left:259px;bottom:12px;height:100px;background-size:138px auto}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .wifiLaptopIng{bottom:141px;left:91px;width:80px;height:60px}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .wifiLaptopIng .wifiLaptopIngBox span{background-size:80px auto !important}.horizontalSc .horizontalScBox .disclaimer{font-size:14px}}@media only screen and (max-width:513px){.horizontalSc{height:357px}.horizontalSc .horizontalScBox{max-width:400px;padding:27px 27px 134px 28px;background-size:auto 357px}.horizontalSc .horizontalScBox .horizontalScBoxIn .rMenuLayer{display:none;width:90px;height:28px;margin-left:-45px}.horizontalSc .horizontalScBox .horizontalScBoxIn .rMenuLayer .rMenuLayerBox{background-size:70px auto !important}.horizontalSc .horizontalScBox .laptopSc{left:50%;bottom:30px;width:250px;height:118px;margin:0 0 0 -108px;background-size:250px auto}.horizontalSc .horizontalScBox .laptopSc .laptopScBox{padding:7px 61px 21px 27px}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .laptopLine{left:215px;bottom:10px;height:87px;background-size:71px auto}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .wifiLaptopIng{bottom:118px;left:79px;width:60px;height:45px}.horizontalSc .horizontalScBox .laptopSc .laptopScBox .wifiLaptopIng .wifiLaptopIngBox span{background-size:60px auto !important}.horizontalSc .horizontalScBox .disclaimer{bottom:0}.horizontalSc .horizontalScBox .disclaimer br{display:none}}.flip .forDesign{height:100%}.design{z-index:1;position:relative;height:100%;padding:0 0 0 20%;text-align:left}.design .designBox{position:relative;width:100%;height:100%}.design .designBox .designTxt{width:500px;height:100%;padding:0 0 0 50px}.design .designBox .designTxt table{width:100%;height:100%}.design .designBox .designTxt table td{height:100%;vertical-align:middle}.flip .flipContent .flipContentIn .design .designBox .designTxt h1{width:457px;height:107px;padding-top:0;background:url('/static/images/tours/flip/img_flip_design_logo.png') no-repeat 0 0;text-indent:-9999px}.design .designBox .designTxt .startBtn{margin:55px 0 0 0;text-align:center;font-size:22px;line-height:58px;font-family:'SamsungOneRg';visibility:hidden;animation-duration:1s;animation-delay:0.5s}.design .designBox .designTxt .startBtn a{display:block;width:220px;height:58px;border:1px solid #555;border-radius:31px;color:#000}.design .designBox .designTxt .startBtn a:hover{border:1px soild #33364a;background-color:#33364a;color:#fff}.design .designBox .designTxt .startBtn a span{position:relative;display:inline-block;width:21px;height:100%;margin:0 0 0 6px;background:url('/static/images/tours/flip/btn_design_arr.png') no-repeat 0 19px;vertical-align:middle;animation:arrStart 1s infinite 1s}.design .designBox .designTxt .startBtn a:hover span{background:url('/static/images/tours/flip/btn_design_arr_over.png') no-repeat 0 19px}@keyframes arrStart{0%{opacity:0;right:0}100%{opacity:1;right:-20px}}@-webkit-keyframes arrStart{0%{opacity:0;right:0}100%{opacity:1;right:-20px}}.design .designBox .imgRotation{z-index:0;position:absolute;left:550px;top:50%;width:486px;height:850px;margin:-400px 0 0 0;cursor:url('/static/images/tours/flip/img_design_cursor.png'),url('/static/images/tours/flip/img_design_cursor.cur'), auto}.design .designBox .imgRotation .imgRotationIn{position:relative;width:100%;height:100%}.design .designBox .imgRotation .imgRotationIn .overCursor{position:absolute;right:-215px;top:50%;width:319px;height:84px;margin:-94px 0 0 0;padding:33px 0 0 99px;background:url('/static/images/tours/flip/img_cursor_spin_.png') no-repeat 0 0;font-size:18px;line-height:1;color:#444;opacity:0;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s}.design .designBox .imgRotation.over .imgRotationIn .overCursor{display:none}.design .designBox .imgRotation canvas:active{cursor:url('/static/images/tours/flip/img_design_cursor_drag.png'),url('/static/images/tours/flip/img_design_cursor_drag.cur'), auto}.design .designBox .imgRotation img{position:absolute;left:0;top:0;display:none;width:100%}@media only screen and (max-width:1599px){.design .designBox .imgRotation .imgRotationIn .overCursor{right:inherit;left:50%;width:130px;height:130px;margin:-155px 0 0 -85px;padding:0;background:url('/static/images/tours/flip/img_cursor_spin_normal.png') no-repeat 0 0;font-size:0}}@media only screen and (max-width:1439px){.design{max-width:836px;margin:0 auto;padding:0}.design .designBox .designTxt{padding-left:20px}.design .designBox .imgRotation{left:450px}}@media only screen and (max-width:959px){.flip.designPg{background-color:#e7e7e8}.flip.designPg .forDesign{position:relative}.design{max-width:563px;padding:0 0 10px 0}.design .designBox .designTxt{z-index:1;position:absolute;left:20px;top:50%;width:145px;height:32px;margin:-20px 0 0 0;padding:0;text-align:center}.flip .flipContent .flipContentIn .design .designBox .designTxt h1{display:none;width:145px;height:27px;margin:0 0 20px 0;background:url('/static/images/tours/flip/img_flip_logo_mo_.png') no-repeat center center;background-size:145px auto}.design .designBox .designTxt .startBtn{z-index:5;position:relative;margin:0;line-height:32px;font-size:15px;animation-delay:0.5s}.design .designBox .designTxt .startBtn a{display:inline-block;width:110px;height:32px;border-radius:16px;vertical-align:top}.design .designBox .designTxt .startBtn a:hover{background:none;color:#000}.design .designBox .designTxt .startBtn a span{width:14px;margin-left:3px;background:url('/static/images/tours/flip/btn_design_arr.png') no-repeat 0 8px;background-size:14px auto;animation:arrStartMo 1s infinite 1s}.design .designBox .designTxt .startBtn a:hover span{background:url('/static/images/tours/flip/btn_design_arr.png') no-repeat 0 8px;background-size:14px auto}@keyframes arrStartMo{0%{opacity:0;right:0}100%{opacity:1;right:-10px}}@-webkit-keyframes arrStartMo{0%{opacity:0;right:0}100%{opacity:1;right:-10px}}.design .designBox .imgRotation{left:inherit;right:0;width:329px;height:527px;margin:-263px 0 0 -163px}.design .designBox .imgRotation .imgRotationIn .overCursor{width:86px;height:86px;margin:-83px 0 0 -53px;background:url('/static/images/tours/flip/img_cursor_spin_mo_.png') no-repeat 0 0;background-size:86px auto}.design .designBox .imgRotation .rotateVideo{display:none}.design .designBox .imgRotation .rotateImg{display:block}}@media only screen and (max-width:513px){.design{max-width:380px}.design .designBox .imgRotation{right:-30px;width:256px;height:409px;margin:-194px 0 0 0}}@media only screen and (max-width:369px){.design .designBox .designTxt{left:15px}.design .designBox .imgRotation{right:-50px}}.presentSs{z-index:1;position:relative;height:100%}.presentSs .dragScreen{position:relative;width:100%;height:100%;overflow:hidden}.presentSs .dragScreen img{position:absolute;left:0;top:-150px;width:100%}.presentSs .dragCursor{position:absolute;right:-126px;top:0;bottom:0;width:178px;overflow:hidden}.presentSs .dragCursor .dragCircle{z-index:1;position:absolute;left:50px;top:170px;width:128px;height:122px;cursor:pointer}.presentSs .dragCursor .dragCircle .dragCircleIn{position:relative;width:100%;height:100%}.presentSs .dragCursor .dragCircle .dragCircleIn .circleMotion{position:absolute;left:-46px;top:-50px}.presentSs .dragCursor .dragCircle .dragCircleIn .finger{position:absolute;left:0;top:0;width:100%;height:100%}.presentSs .dragCursor .dragArrow{position:absolute;width:100%}.presentSs .dragCursor .dragArrow.up{top:-10px}.presentSs .dragCursor .dragArrow.down{top:188px}.presentSs .dragCursor .dragArrow div{margin:0 0 0 27px}.presentSs .alertBox{right:20%;top:30%}@media only screen and (max-width:959px){.presentSs .dragCursor{right:-64px;width:84px}.presentSs .dragCursor .dragArrow div{margin-left:9px}.presentSs .dragCursor .dragArrow.down{top:94px}.presentSs .dragCursor .dragCircle{top:85px;left:20px;width:64px;height:61px}.presentSs .dragCursor .dragCircle .dragCircleIn .circleMotion{left:-24px;top:-26px}.presentSs .dragCursor .dragCircle .dragCircleIn .finger img{width:64px}}@media only screen and (max-width:513px){.presentSs .dragCursor .dragArrow div{margin-left:8px}}.presentAp{z-index:1;position:relative;height:100%}.presentAp .screen{position:absolute;left:0;bottom:0;width:100%;height:789px;background:url('/static/images/tours/flip/bg_present_ap_leg.png') no-repeat center bottom;visibility:hidden;animation-duration:1s;animation-delay:1s}.presentAp .screen .inScreen{position:relative;width:500px;height:789px;margin:0 auto}.presentAp .screen .inScreen .inScreenBox{position:relative;width:100%;height:100%;padding:62px 61px 61px 62px;background:url('/static/images/tours/flip/bg_present_ap_screen_.png') no-repeat 0 0;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s}.presentAp .screen .inScreen .inScreenBox .realScreen{position:relative;width:100%;height:100%;overflow:hidden}.presentAp .screen .inScreen .inScreenBox .realScreen .menuLayer .menuLayerBox{padding-bottom:22px}.presentAp .screen .inScreen .inScreenBox .realScreen .menuLayer .menuLayerBox .depth1{background-size:250px auto}.presentAp .screen .inScreen .inScreenBox .realScreen .menuLayer .menuLayerBox .depth2{background-size:250px auto}.presentAp .screen .inScreen .inScreenBox .realScreen .menuLayer .menuLayerBox .depth0{height:22px}.presentAp .screen .inScreen .inScreenBox .realScreen .menuLayer .menuLayerBox .depth0 .depth0Box{width:121px;height:22px;margin:0 0 0 -60px;background-size:121px auto !important}.presentAp .screen .inScreen .inScreenBox .realScreen .rMenuLayer{bottom:50%;width:40px;height:104px;margin-bottom:-52px}.presentAp .screen .inScreen .inScreenBox .realScreen .rMenuLayer .rMenuLayerBox{background-size:auto 84px}.presentAp .screen .inScreen.rotate .inScreenBox .realScreen .menuLayer{left:inherit;right:-50%;top:50%;margin:-11px 12px 0 0;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.presentAp .screen .inScreen.rotate .inScreenBox .realScreen .rMenuLayer{right:inherit;left:0;bottom:inherit;top:50%;width:104px;height:40px;margin:-20px 0 0 -31px;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.presentAp .screen .inScreen.rotate .inScreenBox .realScreen .rMenuLayer .rMenuLayerBox{background:url('/static/images/tours/flip/img_horizontal_screen_menu.png') no-repeat center center;background-size:84px auto}.presentAp .screen .inScreen.rotate .inScreenBox{-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.presentAp .screen .inScreen .panel{z-index:100;position:absolute;top:227px;left:50%;width:851px;height:173px;margin:0 0 0 -425px;font-size:36px;line-height:1.2;color:#fff;overflow:hidden}.presentAp .screen .inScreen .panel p{z-index:102;position:absolute;left:0;top:0;width:100%;height:100%;padding:47px 0 40px 0;opacity:0;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s}.presentAp .screen .inScreen .panel span{display:block;width:0;height:100%;margin:0 auto;background:url('/static/images/tours/flip/bg_rotate.png') repeat-y 0 0}.presentAp .screen .inScreen .flipBtnArea{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s}.presentAp .screen .inScreen .flipBtnArea.on{right:-260px;top:112px}.presentAp .screen .inScreen .flipBtnArea .rotateBtn{animation-duration:1s;animation-delay:0.5s}.presentAp .screen .inScreen .flipBtnArea .rotateBtn a span i{background:url('/static/images/tours/flip/btn_bg_rotation_white_.png') no-repeat center center}.presentAp .screen .inScreen .flipBtnArea .rotateBtn a.on span i, .presentAp .screen .inScreen .flipBtnArea .rotateBtn a:hover span i{background:url('/static/images/tours/flip/btn_bg_rotation_dark_.png') no-repeat center center}.presentAp .screen .inScreen .alertBox{right:6%;top:93px}@media only screen and (max-width:1459px){.presentAp .screen{left:-50px}}@media only screen and (max-width:959px){.presentAp .screen{left:0;height:550px;background-size:220px auto}.presentAp .screen .inScreen.rotate .inScreenBox .realScreen .menuLayer{margin:-7px 7px 0 0}.presentAp .screen .inScreen .inScreenBox .realScreen .menuLayer .menuLayerBox{padding-bottom:15px}.presentAp .screen .inScreen .inScreenBox .realScreen .menuLayer .menuLayerBox .depth0{height:15px}.presentAp .screen .inScreen .inScreenBox .realScreen .menuLayer .menuLayerBox .depth0 .depth0Box{width:84px;height:15px;margin-left:-42px;background-size:auto 15px !important;}.presentAp .screen .inScreen .inScreenBox .realScreen .rMenuLayer{width:28px;height:90px;margin-bottom:-45px}.presentAp .screen .inScreen .inScreenBox .realScreen .rMenuLayer .rMenuLayerBox{background-size:auto 70px !important}.presentAp .screen .inScreen.rotate .inScreenBox .realScreen .rMenuLayer{width:90px;height:28px;margin:-15px 0 0 -31px}.presentAp .screen .inScreen.rotate .inScreenBox .realScreen .rMenuLayer .rMenuLayerBox{background-size:70px auto !important}.presentAp .screen .inScreen{width:349px;height:550px}.presentAp .screen .inScreen .inScreenBox{padding:44px 44px 43px 44px;background-size:auto 550px}.presentAp .screen .inScreen .panel{top:125px;width:600px;height:137px;margin-left:-300px;font-size:30px}.presentAp .screen .inScreen .panel p{padding:33px 0 30px 0}.presentAp .screen .inScreen .panel span{background-size:600px auto}.presentAp .screen .inScreen .flipBtnArea{right:inherit !important;left:0;top:-70px !important;width:100%}.presentAp .screen .inScreen .flipBtnArea .rotateBtn a span i{background-size:60px auto !important}}@media only screen and (max-width:513px){.presentAp .screen{height:404px;background-size:150px auto}.presentAp .screen .inScreen.rotate .inScreenBox .realScreen .menuLayer{margin:-5px 5px 0 0}.presentAp .screen .inScreen .inScreenBox .realScreen .menuLayer .menuLayerBox{padding-bottom:10px}.presentAp .screen .inScreen .inScreenBox .realScreen .menuLayer .menuLayerBox .depth0{height:10px}.presentAp .screen .inScreen .inScreenBox .realScreen .menuLayer .menuLayerBox .depth0 .depth0Box{width:56px;height:10px;margin-left:-28px;background-size:auto 10px !important;}.presentAp .screen .inScreen .inScreenBox .realScreen .rMenuLayer{width:20px;height:70px;margin-bottom:-35px}.presentAp .screen .inScreen .inScreenBox .realScreen .rMenuLayer .rMenuLayerBox{background-size:auto 50px !important}.presentAp .screen .inScreen.rotate .inScreenBox .realScreen .rMenuLayer{width:70px;height:20px;margin:-10px 0 0 -25px}.presentAp .screen .inScreen.rotate .inScreenBox .realScreen .rMenuLayer .rMenuLayerBox{background-size:50px auto !important}.presentAp .screen .inScreen{width:256px;height:404px}.presentAp .screen .inScreen .inScreenBox{padding:32px 31px 31px 32px;background-size:auto 404px}.presentAp .screen .inScreen .panel{top:87px;width:440px;height:102px;margin-left:-220px;font-size:22px}.presentAp .screen .inScreen .panel p{padding:26px 0 20px 0}.presentAp .screen .inScreen .panel span{background-size:440px auto}}.presentCa{z-index:1;position:relative;height:100%}.presentCa .verticalSc{padding-left:260px}.presentCa .capture{position:absolute;left:50%;top:90px;width:432px;height:282px;margin:0 0 0 -216px;padding:52px 16px 34px 4px;background:url('/static/images/tours/flip/bg_present_ca_capture_layer.png') no-repeat 0 0}.presentCa .capture.captured{z-index:3;top:inherit;bottom:30px;display:none;width:440px;height:237px;margin-left:-220px;padding:27px 19px 14px 9px;background:url('/static/images/tours/flip/bg_present_ca_capture_sec_layer.png') no-repeat 0 0}.presentCa .capture.captured2{bottom:100px;margin-left:-260px}.presentCa .capture .captureBox{position:relative;width:100%;height:100%}.presentCa .capture.on .captureBox:before{content:'';position:absolute;left:0;top:-22px;display:block;width:100%;height:29px;background:url('/static/images/tours/flip/bg_present_ca_capture_top_under_over.png') no-repeat 0 0}.presentCa .capture.on .captureBox:after{content:'';position:absolute;left:0;bottom:0;display:block;width:100%;height:29px;background:url('/static/images/tours/flip/bg_present_ca_capture_under.png') no-repeat center 0}.presentCa .capture .captureBox img{width:100%}.presentCa .capture .swiper-container.onSlide{cursor:url('/static/images/tours/flip/img_present_ca_finger.png'),url('/static/images/tours/flip/img_present_ca_finger.cur'), auto}.presentCa .capture .captureBox .slideArrow{z-index:1;position:absolute;left:50%;top:50%;display:none;margin:-31px 0 0 -190px;font-size:0}.presentCa .capture .captureBox .slideArrow div{display:inline-block;vertical-align:top}.presentCa .capture .captureBox .captureBtn{z-index:10;position:absolute;right:35px;top:-89px;display:none}.presentCa .captureMobile{z-index:5;position:absolute;left:-260px;top:50%;width:296px;height:145px;margin:-73px 0 0 0}.presentCa .captureMobile .captureMobileSlide{position:relative;width:100%;height:100%;padding:4px 26px 25px 26px}.presentCa .captureMobile .captureMobileSlide img{width:100%}.presentCa .captureMobile .mobileSlideBg{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;background:url('/static/images/tours/flip/bg_present_ca_mobile_.png') no-repeat 0 0}.presentCa .screenWrite{z-index:4;position:absolute;left:50%;bottom:114px;display:none;width:412px;height:218px;margin:0 0 0 -251px;cursor:pointer}.presentCa .screenWrite .screenWriteBox{position:relative;width:100%;height:100%}.presentCa .screenWrite .screenWriteBox .pointer{position:absolute;left:150px;top:142px}.presentCa .screenWrite .screenWriteBox .penBtn{z-index:1000;position:absolute;left:100px;top:92px;display:none}.presentCa .alertBox{right:31%;top:410px}.presentCa .alertBox.alert1{right:15%;top:270px}.presentCa .alertBox.alert2{right:31%;top:410px}.presentCa .alertBox.alert3{right:15%;top:270px}@media only screen and (max-width:1439px){.presentCa .verticalSc{padding-left:140px}.presentCa .captureMobile{left:-140px}}@media only screen and (max-width:959px){.presentCa .verticalSc{padding-left:102px}.presentCa .capture{top:30px;width:300px;height:196px;margin:0 0 0 -150px;padding:36px 11px 22px 3px;background-size:300px auto}.presentCa .capture.captured{bottom:10px;width:302px;height:164px;margin-left:-151px;padding:19px 10px 9px 6px;background-size:302px auto}.presentCa .capture.captured2{bottom:80px;margin-left:-180px}.presentCa .capture.on .captureBox:before{top:-16px;height:20px;background-size:100% auto}.presentCa .capture.on .captureBox:after{height:20px;background-size:284px auto}.presentCa .capture .captureBox .slideArrow{margin:-15px 0 0 -95px}.presentCa .capture .captureBox .captureBtn{right:36px;top:-52px}.presentCa .captureMobile{left:-102px;width:204px;height:100px;margin-top:-20px}.presentCa .captureMobile .captureMobileSlide{padding:3px 17px 17px 17px}.presentCa .captureMobile .mobileSlideBg{background-size:auto 100px}.presentCa .screenWrite{bottom:89px;width:286px;height:152px;margin:0 0 0 -174px}.presentCa .screenWrite .screenWriteBox .pointer{width:88px;left:108px;top:100px}.presentCa .screenWrite .screenWriteBox .penBtn{top:77px;left:85px}}@media only screen and (max-width:639px){.presentCa .verticalSc{padding-left:0}.presentCa .captureMobile{left:0}}@media only screen and (max-width:513px){.presentCa .verticalSc{padding-left:51px}.presentCa .capture{top:20px;width:220px;height:144px;margin:0 0 0 -110px;padding:26px 8px 18px 2px;background-size:220px auto}.presentCa .capture.captured{width:222px;height:121px;margin-left:-111px;padding:14px 8px 8px 5px;background-size:222px auto}.presentCa .capture.captured2{bottom:50px;margin-left:-130px}.presentCa .capture.on .captureBox:before{top:-12px;height:14px}.presentCa .capture.on .captureBox:after{height:14px;background-size:209px auto}.presentCa .capture .captureBox .captureBtn{right:19px;top:-45px}.presentCa .captureMobile{left:-51px;width:143px;height:70px;margin-top:-10px}.presentCa .captureMobile .captureMobileSlide{padding:1px 11px 12px 11px}.presentCa .captureMobile .mobileSlideBg{background-size:auto 70px}.presentCa .screenWrite{bottom:58px;width:209px;height:111px;margin:0 0 0 -125px}.presentCa .screenWrite .screenWriteBox .pointer{left:90px;top:81px}.presentCa .screenWrite .screenWriteBox .penBtn{left:66px;top:58px}}@media only screen and (max-width:439px){.presentCa .verticalSc{padding-left:0}.presentCa .verticalSc .verticalScBox{float:right;margin-right:-25px}}@media only screen and (max-width:409px){.presentCa .captureMobile{left:0}.presentCa .verticalSc .verticalScBox{float:none;margin-right:0}}.presentTc{z-index:1;position:relative;height:100%}.presentTc .screenLayer{position:absolute;left:50%;top:50%;width:479px;height:318px;margin:-159px 0 0 -239px;padding:32px 9px 0 10px;background:url('/static/images/tours/flip/bg_present_tc_screen_pop.png') no-repeat 0 0;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s}.presentTc.full .screenLayer{left:0;top:0;width:100%;height:100%;margin:0;padding:0;border-radius:2px;overflow:hidden;background:none}.presentTc .screenLayer .extendBtn{z-index:10;position:absolute;right:-5px;top:-37px}.presentTc .screenLayer .changeBtn{z-index:10;position:absolute;left:9px;top:315px}.presentTc .screenLayer .changeBtn.sec{top:230px}.presentTc .screenLayer .pptLayer{position:relative;width:100%;height:100%;text-align:left;overflow:hidden}.presentTc .screenLayer .pptLayer img{width:100%}.presentTc .screenLayer .pptLayer .screenWrite{z-index:2;position:absolute;left:0;top:0;width:100%;height:100%;display:none;cursor:url('/static/images/tours/flip/img_present_ca_pencil.png'),url('/static/images/tours/flip/img_present_ca_pencil.cur'), auto}.presentTc .screenLayer .pptLayer .writeText{z-index:1;position:absolute}.presentTc .screenLayer .pptLayer .writeText.wt0{width:296px;height:185px;margin:-92px 0 0 -148px}.presentTc .screenLayer .pptLayer .writeText.wt1{width:226px;height:179px;margin:-89px 0 0 -113px}.presentTc .horizontalSc .horizontalScBox .laptopSc{display:block}.presentTc .horizontalSc .horizontalScBox .laptopSc span{display:block !important}.presentTc .laptopSc .writeText{z-index:1;position:absolute}.presentTc .laptopSc .writeText.wt0{width:109px;height:68px;margin:-34px 0 0 -54px}.presentTc .laptopSc .writeText.wt1{width:83px;height:66px;margin:-33px 0 0 -41px}.presentTc .alertBox{left:40%;top:230px}.presentTc .alertBox.alert1{left:20%;top:410px}.presentTc .alertBox.alert2{left:20%;top:320px}.presentTc .alertBox.alert3{left:inherit;right:1%;top:60px}@media only screen and (max-width:1439px){.presentTc .alertBox.alert1{left:22%}.presentTc .alertBox.alert2{left:22%}}@media only screen and (max-width:1129px){.presentTc .alertBox.alert1{left:25%}.presentTc .alertBox.alert2{left:25%}}@media only screen and (max-width:959px){.presentTc .screenLayer{width:350px;height:232px;margin:-116px 0 0 -175px;padding:23px 6px 0 7px;background-size:350px auto}.presentTc .screenLayer .extendBtn{top:-15px;right:9px}.presentTc .screenLayer .changeBtn{top:190px}.presentTc .screenLayer .changeBtn.sec{top:137px}}@media only screen and (max-width:513px){.presentTc .screenLayer{width:200px;height:133px;margin:-66px 0 0 -100px;padding:13px 4px 0 4px;background-size:200px auto}.presentTc .screenLayer .extendBtn{top:-20px;right:-7px}.presentTc .screenLayer .changeBtn{top:117px;left:-2px}.presentTc .screenLayer .changeBtn.sec{top:84px;left:-2px}}.navigatePp{z-index:1;position:relative;height:100%}.navigatePp .rMenuLayer{background:url('/static/images/tours/flip/bg_vertical_screen_menu.png') no-repeat 0 0;background-size:auto 100%}.navigatePp .rMenuLayer .rMenuLayerBox .menuClick{top:9px}.navigatePp .screenLayer{position:relative;width:100%;height:100%;overflow:hidden}.navigatePp .screenLayer .dragScreen{position:relative;width:100%;height:100%;overflow:hidden}.navigatePp .screenLayer .dragScreen img{position:absolute;left:0;top:0;width:100%}.navigatePp .screenLayer .dragLayer{position:absolute;right:-135px;top:0;width:135px;height:100%;padding:76px 12px 0 14px;border-left:1px solid #e9e9e8;background:url('/static/images/tours/flip/img_navigate_pp_drag_area.jpg') no-repeat center 29px;background-color:#fff}.navigatePp .screenLayer .dragLayer .dragLayerIn{position:relative;display:none;width:100%;height:100%}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor{position:absolute;left:0;top:0;bottom:0;width:100%;height:100%}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragCircle{z-index:1;position:absolute;left:0;top:31px;width:100%;height:147px;border:1px solid #4a9ede;background:url('/static/images/tours/flip/bg_c4e6ff_80.png') repeat 0 0;cursor:pointer}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragCircle .dragCircleIn{position:relative;width:100%;height:100%}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragCircle .dragCircleIn .circleMotion{position:absolute;left:0px;top:20px}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragCircle .dragCircleIn .finger{position:absolute;left:46px;top:70px;width:128px;height:122px}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragArrow{position:absolute;width:100%}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragArrow.up{top:-100px}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragArrow.down{top:140px}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragArrow div{margin:0 0 0 22px}.navigatePp .alertBox{right:25%;bottom:190px}.navigatePp .alertBox.alert1{right:33%;top:260px;bottom:inherit}@media only screen and (max-width:959px){.navigatePp .rMenuLayer .rMenuLayerBox .menuClick{top:14px}.navigatePp .screenLayer .dragLayer{width:95px;padding:62px 8px 0 10px;background-size:77px auto}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragCircle{top:22px;height:99px}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragArrow.up{top:-30px}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragArrow.down{top:90px}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragCircle .dragCircleIn .circleMotion{left:9px;top:24px}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragCircle .dragCircleIn .finger{left:34px;top:50px;width:64px;height:61px}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragCircle .dragCircleIn .finger img{width:100%}}@media only screen and (max-width:513px){.navigatePp .rMenuLayer .rMenuLayerBox .menuClick{top:7px}.navigatePp .screenLayer .dragLayer{width:70px;padding:54px 6px 0 7px;background-size:57px auto}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragCircle{top:16px;height:74px}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragArrow div{margin-left:13px}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragArrow.up{top:-50px}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragArrow.down{top:70px}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragCircle .dragCircleIn .circleMotion{left:-1px;top:7px}.navigatePp .screenLayer .dragLayer .dragLayerIn .dragCursor .dragCircle .dragCircleIn .finger{left:24px;top:33px}}.navigateQf{z-index:1;position:relative;height:100%}.navigateQf .rMenuLayer .rMenuLayerBox .menuOpenLayer{background:url('/static/images/tours/flip/img_navigate_qf_menu.png') no-repeat 0 0}.navigateQf .rMenuLayer .rMenuLayerBox .menuOpenLayer .menuOpenLayerBox .menuOpenClick{left:1%}.navigateQf .screenLayer{position:relative;width:100%;height:100%;overflow:hidden}.navigateQf .screenLayer img{width:100%}.navigateQf .screenLayer .qfLayer{position:absolute;right:-100%;top:0;display:block;width:100%;height:100%;padding:140px 158px 0 289px;background:url('/static/images/tours/flip/img_naviate_qf_open.jpg') no-repeat 0 0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.navigateQf .screenLayer .qfLayer.open{right:0}.navigateQf .screenLayer .qfLayer.full{padding:0}.navigateQf .screenLayer .qfLayer .qfLayerBox{position:relative;width:100%;height:100%}.navigateQf .screenLayer .qfLayer.full .qfLayerBox{display:block}.navigateQf .screenLayer .qfLayer .qfClick{position:absolute;left:52%;top:30%}.navigateQf .alertBox{right:5%;bottom:140px}.navigateQf .alertBox.alert1{right:inherit;left:15%;bottom:140px}.navigateQf .alertBox.alert2{right:16%;bottom:inherit;top:430px}@media only screen and (max-width:959px){.navigateQf .rMenuLayer .rMenuLayerBox .menuOpenLayer{background-size:auto 16px}.navigateQf .rMenuLayer .rMenuLayerBox .menuOpenLayer .menuOpenLayerBox .menuOpenClick{left:5%}.navigateQf .screenLayer .qfLayer{padding:95px 110px 0 197px;background-size:373px auto}.navigateQf .screenLayer .qfLayer .qfClick{left:54%}}@media only screen and (max-width:513px){.navigateQf .rMenuLayer .rMenuLayerBox .menuOpenLayer{background-size:auto 12px}.navigateQf .rMenuLayer .rMenuLayerBox .menuOpenLayer .menuOpenLayerBox .menuOpenClick{left:1%}.navigateQf .screenLayer .qfLayer{padding:70px 80px 0 144px;background-size:273px auto}.navigateQf .screenLayer .qfLayer .qfClick{left:52%}}.navigateLu{z-index:1;position:relative;height:100%}.navigateLu.unlock .menuLayer{display:none}.navigateLu .screenLayer{position:relative;width:100%;height:100%}.navigateLu.unlock .screenLayer{overflow:hidden}.navigateLu .rMenuLayer .rMenuLayerBox .menuClick{display:none}.navigateLu .screenLayer img{width:100%}.navigateLu .screenLayer .keypadLayer{z-index:11;position:absolute;left:50%;top:50%;display:none;width:356px;height:555px;margin:-277px 0 0 -178px;background:url('/static/images/tours/flip/bg_keypad_layer.png') no-repeat 0 0}.navigateLu .screenLayer .keypadLayer .keypadLayerBox{position:relative;width:100%;height:100%}.navigateLu .screenLayer .keypadLayer .keypadLayerBox p{position:absolute;left:50%;width:0;height:16px;margin:0 0 0 -56px;background:url('/static/images/tours/flip/img_keypad_star.png') no-repeat 0 0}.navigateLu .screenLayer .keypadLayer .keypadLayerBox .default{top:117px}.navigateLu .screenLayer .keypadLayer .keypadLayerBox span{position:absolute;display:none;width:68px;height:124px}.navigateLu .screenLayer .keypadLayer .keypadLayerBox .num0{top:421px;left:148px;background:url('/static/images/tours/flip/img_keypad_0.png') no-repeat 0 0}.navigateLu .screenLayer .keypadLayer .keypadLayerBox .num4{top:254px;left:64px;background:url('/static/images/tours/flip/img_keypad_4.png') no-repeat 0 0}.navigateLu .screenLayer .keypadLayer .keypadLayerBox .num5{top:254px;left:148px;background:url('/static/images/tours/flip/img_keypad_5.png') no-repeat 0 0}.navigateLu .screenLayer .keypadLayer .keypadLayerBox .num7{top:338px;left:64px;background:url('/static/images/tours/flip/img_keypad_7.png') no-repeat 0 0}.navigateLu.lock .screenLayer .keypadLayer{height:680px;margin-top:-340px;background:url('/static/images/tours/flip/bg_keypad_layer_unlock.png') no-repeat 0 0}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .before{top:182px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .default{top:257px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num0{top:562px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num2{top:310px;left:148px;background:url('/static/images/tours/flip/img_keypad_2.png') no-repeat 0 0}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num3{top:310px;left:232px;background:url('/static/images/tours/flip/img_keypad_3.png') no-repeat 0 0}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num4{top:394px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num5{top:394px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num6{top:394px;left:232px;background:url('/static/images/tours/flip/img_keypad_6.png') no-repeat 0 0}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num7{top:478px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num9{top:478px;left:232px;background:url('/static/images/tours/flip/img_keypad_9.png') no-repeat 0 0}.navigateLu .screenLayer .afterKeypadLayer{position:absolute;left:50%;top:50%;display:none;width:522px;height:122px;margin:-61px 0 0 -261px}.navigateLu .screenLayer .afterKeypadLayer div{position:relative;width:0;height:100%;margin:0 auto;background:url('/static/images/tours/flip/img_navigate_lock_msg.png') no-repeat center 0}.navigateLu .screenLayer .unlockLayer{position:absolute;right:-100%;top:0;display:none;width:100%;height:100%;padding:140px 288px 0 159px;background:url('/static/images/tours/flip/bg_navigate_unlock_screen.jpg') no-repeat 0 0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.navigateLu.unlock .screenLayer .unlockLayer{display:block}.navigateLu .screenLayer .unlockLayer.open{right:0}.navigateLu .screenLayer .unlockLayer.full{padding:0}.navigateLu .screenLayer .unlockLayer .unlockLayerBox{position:relative;display:none;width:100%;height:100%}.navigateLu .screenLayer .unlockLayer.full .unlockLayerBox{display:block}.navigateLu .screenLayer .unlockLayer .unlockClick{position:absolute;left:34%;top:15%}.navigateLu .verticalSc .verticalScBox .flipBtnArea div{visibility:hidden}.navigateLu .verticalSc .verticalScBox .flipBtnArea .lockBtn{animation-duration:1s;animation-delay:1.3s}.navigateLu .verticalSc .verticalScBox .flipBtnArea .unlockBtn{animation-duration:1s;animation-delay:1.6s}.navigateLu .alertBox{left:inherit;right:5%;bottom:inherit;top:122px}.navigateLu.lock .alertBox.alert1{right:5%;bottom:140px;top:inherit}.navigateLu.lock .alertBox.alert2{right:25%;bottom:140px;top:inherit}.navigateLu.lock .alertBox.alert5{right:5%;bottom:inherit;top:273px}.navigateLu.unlock .alertBox{left:20%;right:inherit;top:320px;bottom:inherit}.navigateLu.unlock .alertBox.alert2{left:inherit;right:5%;bottom:inherit;top:122px}@media only screen and (max-width:959px){.navigateLu .screenLayer .keypadLayer{width:240px;height:374px;margin:-187px 0 0 -120px;background-size:240px auto !important}.navigateLu.lock .screenLayer .keypadLayer{height:458px;margin:-219px 0 0 -120px}.navigateLu .screenLayer .keypadLayer .keypadLayerBox p{height:11px;margin-left:-38px;background-size:76px auto}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .before{top:123px}.navigateLu .screenLayer .keypadLayer .keypadLayerBox .default{top:79px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .default{top:173px}.navigateLu .screenLayer .keypadLayer .keypadLayerBox span{width:48px;height:87px;background-size:48px auto !important}.navigateLu .screenLayer .keypadLayer .keypadLayerBox .num0{left:99px;top:284px}.navigateLu .screenLayer .keypadLayer .keypadLayerBox .num4{left:42px;top:171px}.navigateLu .screenLayer .keypadLayer .keypadLayerBox .num5{left:99px;top:171px}.navigateLu .screenLayer .keypadLayer .keypadLayerBox .num7{left:42px;top:227px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num0{top:378px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num4{top:265px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num5{top:265px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num7{top:321px}.navigateLu .screenLayer .afterKeypadLayer{width:320px;height:75px;margin:-37px 0 0 -160px}.navigateLu .screenLayer .afterKeypadLayer div{background-size:320px auto}.navigateLu .screenLayer .unlockLayer{padding:95px 198px 0 109px;background-size:383px auto}.navigateLu .screenLayer .unlockLayer .unlockClick{left:141px;top:84px}}@media only screen and (max-width:513px){.navigateLu .screenLayer .keypadLayer{width:170px;height:265px;margin:-132px 0 0 -85px;background-size:170px auto !important}.navigateLu.lock .screenLayer .keypadLayer{height:325px;margin:-152px 0 0 -85px}.navigateLu .screenLayer .keypadLayer .keypadLayerBox p{height:8px;margin-left:-27px;background-size:55px auto}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .before{top:88px}.navigateLu .screenLayer .keypadLayer .keypadLayerBox .default{top:56px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .default{top:123px}.navigateLu .screenLayer .keypadLayer .keypadLayerBox span{width:33px;height:59px;background-size:33px auto !important}.navigateLu .screenLayer .keypadLayer .keypadLayerBox .num0{left:70px;top:202px}.navigateLu .screenLayer .keypadLayer .keypadLayerBox .num4{left:30px;top:122px}.navigateLu .screenLayer .keypadLayer .keypadLayerBox .num5{left:70px;top:122px}.navigateLu .screenLayer .keypadLayer .keypadLayerBox .num7{left:30px;top:162px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num0{top:268px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num4{top:187px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num5{top:187px}.navigateLu.lock .screenLayer .keypadLayer .keypadLayerBox .num7{top:228px}.navigateLu .screenLayer .afterKeypadLayer{width:260px;height:61px;margin:-30px 0 0 -130px}.navigateLu .screenLayer .afterKeypadLayer div{background-size:260px auto}.navigateLu .screenLayer .unlockLayer{padding:70px 145px 0 79px;background-size:279px auto}.navigateLu .screenLayer .unlockLayer .unlockClick{left:95px;top:54px}}.connect{z-index:1;position:relative;height:100%}.connect.im .menuLayer.openDepth1 .menuLayerBox .depth0 .depth0Box{background:url('/static/images/tours/flip/img_screen_menu_im.png') no-repeat 0 0}.connect .verticalScBox .menuLayer .menuLayerBox .depth1 .mobileClick{position:absolute;left:54px;top:50%;display:none;margin:-30px 0 0 0}.connect .verticalScBox .menuLayer .menuLayerBox .depth1 .laptopClick{position:absolute;left:162px;top:50%;display:none;margin:-30px 0 0 0}.connect .verticalScBox .menuLayer .menuLayerBox .depth2 .hdmiClick{position:absolute;left:75px;top:20px;display:none}.connect .verticalScBox .menuLayer .menuLayerBox .depth2 .wifiClick{position:absolute;left:153px;top:20px;display:none}.connect .verticalScBox .alertBox{left:35%;top:170px}.connect .verticalScBox .alertBox.alert1{left:20%;top:290px}.connect .verticalScBox .alertBox.alert2{left:20%;top:440px}.connect .horizontalSc{animation-delay:0s}.connect .horizontalScBox .menuLayer .menuLayerBox .depth1 .mobileClick{position:absolute;left:225px;top:50%;display:none;margin:-30px 0 0 0}.connect .horizontalScBox .menuLayer .menuLayerBox .depth1 .laptopClick{position:absolute;left:333px;top:50%;display:none;margin:-30px 0 0 0}.connect .horizontalScBox .menuLayer .menuLayerBox .depth2 .hdmiClick{position:absolute;left:245px;top:20px;display:none}.connect .horizontalScBox .menuLayer .menuLayerBox .depth2 .wifiClick{position:absolute;left:325px;top:20px;display:none}.connect .horizontalScBox .screenLayer .hdmi{position:absolute;left:50%;top:50%;display:none;width:574px;height:372px;margin:-186px 0 0 -287px;background:url('/static/images/tours/flip/img_import_hdmi_laptop_sc.png') no-repeat 0 0}.connect .horizontalScBox .screenLayer .wire{position:absolute;left:50%;top:50%;display:none;width:479px;height:317px;margin:-158px 0 0 -238px;background:url('/static/images/tours/flip/img_import_wire_laptop_sc.png') no-repeat 0 0}.connect .verticalScSmBox .menuLayer .menuLayerBox .depth1 .mobileClick{position:absolute;left:20px;top:50%;display:none;margin:-40px 0 0 0}.connect .verticalScSmBox .menuLayer .menuLayerBox .depth1 .laptopClick{position:absolute;left:93px;top:50%;display:none;margin:-40px 0 0 0}.connect .verticalScSmBox .menuLayer .menuLayerBox .depth2 .hdmiClick{position:absolute;left:33px;top:0;display:none}.connect .verticalScSmBox .menuLayer .menuLayerBox .depth2 .wifiClick{position:absolute;left:90px;top:0;display:none}.connect .verticalScSmBox .screenLayer .nfcMiraDefault{position:absolute;left:50%;top:50%;display:none;width:280px;height:468px;margin:-234px 0 0 -140px;background:url('/static/images/tours/flip/img_connect_im_guide.png') no-repeat 0 0}.connect .verticalScSmBox .screenLayer .nfcMira{position:absolute;left:50%;top:50%;display:none;width:145px;height:323px;margin:-161px 0 0 -72px;background:url('/static/images/tours/flip/img_connect_im_capture.png') no-repeat 0 0}.connect .verticalScSmBox .alertBox.alert3{right:4%;top:93px}.connect .verticalScSmBox .alertBox.alert4{top:inherit;left:15%;bottom:70px}.connect .verticalScSmBox.miraSc .alertBox.alert4{top:inherit;left:-10%;bottom:200px}@media only screen and (max-width:959px){.connect .verticalScBox .menuLayer .menuLayerBox .depth1 .mobileClick{left:49px;margin-top:-10px}.connect .verticalScBox .menuLayer .menuLayerBox .depth1 .laptopClick{left:124px;margin-top:-10px}.connect .verticalScBox .menuLayer .menuLayerBox .depth2 .hdmiClick{left:66px;top:22px}.connect .verticalScBox .menuLayer .menuLayerBox .depth2 .wifiClick{left:120px;top:22px}.connect .horizontalScBox .menuLayer .menuLayerBox .depth1 .mobileClick{left:117px;margin-top:-10px}.connect .horizontalScBox .menuLayer .menuLayerBox .depth1 .laptopClick{left:192px;margin-top:-10px}.connect .horizontalScBox .menuLayer .menuLayerBox .depth2 .hdmiClick{left:135px;top:25px}.connect .horizontalScBox .menuLayer .menuLayerBox .depth2 .wifiClick{left:190px;top:25px}.connect .horizontalScBox .screenLayer .hdmi{width:350px;height:227px;margin:-103px 0 0 -170px;background-size:350px auto}.connect .horizontalScBox .screenLayer .wire{width:350px;height:232px;margin:-106px 0 0 -170px;background-size:350px auto}.connect .verticalScSmBox .screenLayer .nfcMiraDefault{width:200px;height:334px;margin:-167px 0 0 -100px;background-size:200px auto}.connect .verticalScSmBox .menuLayer .menuLayerBox .depth1 .laptopClick{left:71px;margin-top:-10px}.connect .verticalScSmBox .menuLayer .menuLayerBox .depth2 .hdmiClick{left:25px;top:10px}.connect .verticalScSmBox .menuLayer .menuLayerBox .depth2 .wifiClick{left:68px;top:10px}.connect .verticalScSmBox .screenLayer .nfcMira{width:120px;height:267px;margin:-133px 0 0 -60px;background-size:120px auto}.connect .verticalScSmBox .alertBox.alert4{left:-100px !important;top:45% !important;width:auto}}@media only screen and (max-width:600px){.connect .horizontalSc .horizontalScBox{padding-left:0;padding-right:0}.connect .horizontalSc .horizontalScBox .menuLayer .menuLayerBox .depth1{width:518px;margin:0 auto}.connect .horizontalSc .horizontalScBox .menuLayer .menuLayerBox .depth2{width:518px;margin:0 auto}}@media only screen and (max-width:513px){.connect .horizontalSc .horizontalScBox{padding:27px 27px 134px 28px}.connect .horizontalSc .horizontalScBox .menuLayer .menuLayerBox .depth1{width:100%}.connect .horizontalSc .horizontalScBox .menuLayer .menuLayerBox .depth2{width:100%}.connect .verticalScBox .menuLayer .menuLayerBox .depth1 .mobileClick{left:29px;margin-top:-15px}.connect .verticalScBox .menuLayer .menuLayerBox .depth1 .laptopClick{left:83px;margin-top:-15px}.connect .verticalScBox .menuLayer .menuLayerBox .depth2 .hdmiClick{left:39px;top:10px}.connect .verticalScBox .menuLayer .menuLayerBox .depth2 .wifiClick{left:79px;top:10px}.connect .horizontalScBox .menuLayer .menuLayerBox .depth1 .mobileClick{left:62px}.connect .horizontalScBox .menuLayer .menuLayerBox .depth1 .laptopClick{left:115px}.connect .horizontalScBox .menuLayer .menuLayerBox .depth2 .hdmiClick{left:72px;top:10px}.connect .horizontalScBox .menuLayer .menuLayerBox .depth2 .wifiClick{left:115px;top:10px}.connect .horizontalScBox .screenLayer .hdmi{width:230px;height:149px;margin:-74px 0 0 -115px;background-size:230px auto}.connect .horizontalScBox .screenLayer .wire{width:230px;height:153px;margin:-76px 0 0 -115px;background-size:230px auto}.connect .verticalScSmBox .screenLayer .nfcMiraDefault{width:140px;height:234px;margin:-117px 0 0 -70px;background-size:140px auto}.connect .verticalScSmBox .screenLayer .nfcMira{width:90px;height:200px;margin:-100px 0 0 -45px;background-size:90px auto}.connect .verticalScSmBox .menuLayer .menuLayerBox .depth1 .laptopClick{left:45px;margin-top:-18px}.connect .verticalScSmBox .menuLayer .menuLayerBox .depth2 .hdmiClick{left:15px;top:0}.connect .verticalScSmBox .menuLayer .menuLayerBox .depth2 .wifiClick{left:50px;top:0}}@media only screen and (max-width:400px){.connect .horizontalSc .horizontalScBox{padding-left:0;padding-right:0}.connect .horizontalSc .horizontalScBox .menuLayer .menuLayerBox .depth1{width:345px}.connect .horizontalSc .horizontalScBox .menuLayer .menuLayerBox .depth2{width:345px}}.connect.ex .menuLayer.openDepth1 .menuLayerBox .depth0 .depth0Box{background:url('/static/images/tours/flip/img_screen_menu_ex.png') no-repeat 0 0}.connect .verticalScBox .menuLayer .menuLayerBox .depth1 .emailClick{position:absolute;left:57px;top:50%;display:none;margin:-30px 0 0 0}.connect.ex .menuLayer .menuLayerBox .depth1{background:url('/static/images/tours/flip/img_connect_ex_menu.jpg') no-repeat center center;background-color:#fff}.connect.ex .verticalScBox .alertBox.alert2{top:220px;left:inherit;right:5%}.connect .emailSc img{width:100%}.connect .emailScLayer{position:absolute;right:0;top:0;width:0;height:100%;background:url('/static/images/tours/flip/img_connect_ex_email.jpg') no-repeat 0 0;background-color:#fff;overflow:hidden}.connect .emailScLayer .emailScLayerBox{position:relative;width:100%;height:100%}.connect .emailScLayer .emailScLayerBox .emailSubject{position:absolute;left:115px;top:184px;width:0;height:7px;background:url('/static/images/tours/flip/img_connect_ex_email_idea.jpg') no-repeat 0 0}.connect .emailScLayer .emailScLayerBox .emailKeyboard{position:absolute;left:18%;top:210px;display:none;width:434px;height:109px;background:url('/static/images/tours/flip/img_export_email_keyboard.png') no-repeat 0 0}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox{position:relative;width:100%;height:100%}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox span{position:absolute;display:none;width:40px;height:67px}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox .i{top:24px;left:239px;background:url('/static/images/tours/flip/img_export_email_keyboard_i.png') no-repeat 0 0}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox .d{top:42px;left:109px;background:url('/static/images/tours/flip/img_export_email_keyboard_d.png') no-repeat 0 0}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox .e{top:24px;left:109px;background:url('/static/images/tours/flip/img_export_email_keyboard_e.png') no-repeat 0 0}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox .a{top:42px;left:57px;background:url('/static/images/tours/flip/img_export_email_keyboard_a.png') no-repeat 0 0}.connect .emailScLayer .emailScLayerBox .emailScSm{display:none;padding:246px 60px 0 60px}.connect .emailScLayer .emailScLayerBox .emailScSm img{width:100%}.connect .emailScLayer .emailScLayerBox .sendClick{position:absolute;right:1px;top:11px;display:none}.connect .exportIngSc{position:absolute;left:0;bottom:0;display:none;width:100%;height:772px}.connect .exportIngSc img{width:100%}.connect .exportIngSc .exportIngScBox{position:relative;width:976px;height:100%;margin:0 auto}.connect .exportIngSc .exportIngScBox .flipExportSc{position:absolute;left:0;bottom:0;width:542px;height:100%;background:url('/static/images/tours/flip/img_connect_ex_screen_.png') no-repeat 0 0;visibility:hidden;animation-duration:1s}.connect .exportIngSc .exportIngScBox .flipExportSc .flipExportScBox{position:relative;width:100%;height:100%}.connect .exportIngSc .exportIngScBox .flipExportSc .flipExportScBox .arrowTo{position:absolute;height:7px;font-size:0}.connect .exportIngSc .exportIngScBox .flipExportSc .flipExportScBox .arrowTo.mobileArr{right:-128px;top:220px;width:182px;-ms-transform:rotate(-33deg);-webkit-transform:rotate(-33deg);transform:rotate(-33deg)}.connect .exportIngSc .exportIngScBox .flipExportSc .flipExportScBox .arrowTo.laptopArr{right:-130px;top:430px;width:182px;-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg)}.connect .exportIngSc .exportIngScBox .flipExportSc .flipExportScBox .arrowTo em{display:inline-block;width:7px;height:7px;margin:0 3px;border-radius:100%;background-color:#00d9ff;vertical-align:middle;visibility:hidden;animation-duration:0.5s;animation-delay:0.5s}.connect .exportIngSc .exportIngScBox .mobileExportSc{position:absolute;right:159px;top:84px;width:164px;height:319px;padding:15px 15px 30px 10px;background:url('/static/images/tours/flip/img_connect_ex_mobile_.png') no-repeat 0 0;visibility:hidden;animation-duration:1s;animation-delay:0.5s}.connect .exportIngSc .exportIngScBox .mobileExportSc .mobileExportScBox{position:relative;width:100%;height:100%;overflow:hidden}.connect .exportIngSc .exportIngScBox .mobileExportSc .mobileExportScBox span{position:absolute;left:0;top:0;display:block;width:100%;height:100%;overflow:hidden}.connect .exportIngSc .exportIngScBox .mobileExportSc .mobileExportScBox span:last-child{z-index:1;visibility:hidden;animation-duration:0.5s}.connect .exportIngSc .exportIngScBox .laptopExportSc{position:absolute;right:-48px;bottom:19px;width:513px;height:268px;padding:18px 129px 46px 59px;background:url('/static/images/tours/flip/img_connect_ex_laptop_.png') no-repeat 0 0;visibility:hidden;animation-duration:1s;animation-delay:1s}.connect .exportIngSc .exportIngScBox .laptopExportSc .laptopExportScBox{position:relative;width:100%;height:100%;overflow:hidden}.connect .exportIngSc .exportIngScBox .laptopExportSc .laptopExportScBox span{position:absolute;left:0;top:0;display:block;width:100%;height:100%;overflow:hidden}.connect .exportIngSc .exportIngScBox .laptopExportSc .laptopExportScBox span:last-child{z-index:1;visibility:hidden;animation-duration:0.5s}@media only screen and (max-width:1799px){.connect .exportIngSc .exportIngScBox{left:230px}}@media only screen and (max-width:1459px){.connect .exportIngSc .exportIngScBox{left:0}}@media only screen and (max-width:959px){.connect.ex .menuLayer .menuLayerBox .depth1{background-size:auto 90px}.connect.ex .menuLayer .menuLayerBox .depth2{background-size:auto 60px}.connect .verticalScBox .menuLayer .menuLayerBox .depth1 .emailClick{margin-top:-10px}.connect .emailScLayer{background-size:373px auto}.connect .emailScLayer .emailScLayerBox .emailScSm{padding:180px 40px 0 40px}.connect .emailScLayer .emailScLayerBox .emailSubject{left:80px;top:124px;height:6px;background-size:auto 6px}.connect .emailScLayer .emailScLayerBox .emailKeyboard{top:140px;width:290px;height:73px;background-size:290px auto}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox span{background-size:26px auto !important}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox .i{top:16px;left:160px}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox .d{top:28px;left:73px}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox .e{top:16px;left:73px}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox .a{top:28px;left:38px}.connect .emailScLayer .emailScLayerBox .sendClick{right:20px;top:18px}.connect .exportIngSc{height:488px}.connect .exportIngSc .exportIngScBox{width:100%;max-width:558px}.connect .exportIngSc .exportIngScBox .flipExportSc{width:342px;background-size:auto 488px}.connect .exportIngSc .exportIngScBox .flipExportSc .flipExportScBox .arrowTo em{width:5px;height:5px;margin:0 2px}.connect .exportIngSc .exportIngScBox .flipExportSc .flipExportScBox .arrowTo.mobileArr{right:-95px;top:150px;width:126px}.connect .exportIngSc .exportIngScBox .flipExportSc .flipExportScBox .arrowTo.laptopArr{right:-95px;top:273px;width:126px}.connect .exportIngSc .exportIngScBox .mobileExportSc{right:30px;top:34px;width:102px;height:198px;padding:9px 10px 19px 6px;background-size:auto 198px}.connect .exportIngSc .exportIngScBox .laptopExportSc{right:-109px;width:303px;height:158px;padding:11px 77px 27px 35px;background-size:auto 158px}}@media only screen and (max-width:513px){.connect.ex .menuLayer .menuLayerBox .depth1{background-size:auto 65px}.connect.ex .menuLayer .menuLayerBox .depth2{background-size:auto 45px}.connect .verticalScBox .menuLayer .menuLayerBox .depth1 .emailClick{left:35px;margin-top:-15px}.connect .emailScLayer{background-size:270px auto}.connect .emailScLayer .emailScLayerBox .emailScSm{padding:130px 25px 0 25px}.connect .emailScLayer .emailScLayerBox .emailSubject{left:60px;top:90px;height:5px;background-size:auto 5px}.connect .emailScLayer .emailScLayerBox .emailKeyboard{top:102px;width:220px;height:55px;background-size:220px auto}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox span{background-size:20px auto !important}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox .i{top:12px;left:121px}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox .d{top:21px;left:55px}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox .e{top:12px;left:55px}.connect .emailScLayer .emailScLayerBox .emailKeyboard .emailKeyboardBox .a{top:21px;left:28px}.connect .emailScLayer .emailScLayerBox .sendClick{right:10px;top:5px}.connect .exportIngSc{height:386px}.connect .exportIngSc .exportIngScBox{max-width:350px}.connect .exportIngSc .exportIngScBox .flipExportSc{left:50%;width:271px;margin:0 0 0 -135px;background-size:auto 386px}.connect .exportIngSc .exportIngScBox .flipExportSc .flipExportScBox .arrowTo{display:none}.connect .exportIngSc .exportIngScBox .mobileExportSc{right:inherit;left:50%;top:inherit;bottom:0;width:81px;height:158px;padding:7px 7px 15px 5px;margin:0 0 0 -150px;background-size:auto 158px}.connect .exportIngSc .exportIngScBox .laptopExportSc{right:inherit;right:50%;top:inherit;bottom:0;width:226px;height:118px;padding:8px 57px 20px 25px;margin:0 -235px 0 0;background-size:auto 118px}}.writePg{z-index:1;position:relative;height:100%}.writePg .write1Step{position:relative;display:none;height:100%;overflow:hidden}.writePg .write1Step .writeProd{z-index:1;position:absolute;left:50%;bottom:-220px;display:none;display:block;width:500px;height:994px;margin:0 0 0 -250px}.writePg .write1Step .writeProd img{width:100%}.writePg .write1Step .writeEtc{z-index:2;position:absolute;left:50%;bottom:0;width:1682px;height:100%;margin:0 0 0 -250px}.writePg .write1Step .writeEtcBox{position:relative;width:100%;height:100%}.writePg .write1Step .writeEtcBox .pushClick{z-index:21;position:absolute;bottom:377px;left:126px}.writePg .write1Step .alertBox{left:-200px;bottom:400px}.writePg .write2Step{position:relative;display:none;height:100%}.writePg .write2Step .screenLayer{position:relative;width:100%;height:100%;overflow:hidden}.writePg .write2Step .changeColor{z-index:2;position:absolute;top:277px;right:71px;display:none;width:41px;height:194px}.writePg .write2Step .changeColor .changeColorBox{position:relative;width:100%;height:100%}.writePg .write2Step .changeColor .changeColorBox p span{display:block;width:41px;height:41px;margin:0 0 10px 0;border-radius:100%;overflow:hidden}.writePg .write2Step .changeColor .changeColorBox p span:last-child{margin-bottom:0}.writePg .write2Step .changeColor .changeColorBox p .orange{background-color:#e99d5f;animation-delay:0.2s}.writePg .write2Step .changeColor .changeColorBox p .pink{background-color:#e365aa;animation-delay:0.4s}.writePg .write2Step .changeColor .changeColorBox p .skyblue{background-color:#5cb4e6;animation-delay:0.6s}.writePg .write2Step .changeColor .changeColorBox p .purple{background-color:#7082e2;animation-delay:0.8s}.writePg .write2Step .changeColor .changeColorBox .colorClick{z-index:3;position:absolute;left:-35px;top:16px}.writePg .write2Step .verticalSc .verticalScBox .flipBtnArea div{visibility:hidden}.writePg .write2Step .verticalSc .verticalScBox .flipBtnArea div.thinBtn{animation-delay:1.3s}.writePg .write2Step .verticalSc .verticalScBox .flipBtnArea div.thickBtn{animation-delay:1.6s}.writePg .write2Step .verticalSc .verticalScBox .flipBtnArea div.fineBtn{animation-delay:1.9s}.writePg .write2Step .verticalSc .verticalScBox .flipBtnArea div.areaBtn{animation-delay:2.2s}.writePg .write2Step .alertBox{right:7%;top:122px}.writePg .write2Step .alertBox.alert1{right:inherit;left:35%;top:370px;visibility:visible}@media only screen and (max-width:959px){.writePg .write1Step .writeProd{width:380px;height:755px;bottom:-230px;margin:0 0 0 -190px}.writePg .write1Step .writeEtc{left:0;width:100%;margin:0}.writePg .write1Step .writeEtcBox .pushClick{bottom:251px;left:50%;margin:0 0 0 -77px}.writePg .write2Step .changeColor{top:214px;right:86px;width:31px;height:145px}.writePg .write2Step .changeColor .changeColorBox p span{width:31px;height:31px;margin:0 0 7px 0}.writePg .write2Step .changeColor .changeColorBox .colorClick{left:-12px;top:26px}.writePg .write2Step .alertBox.alert1{padding-right:31px}}@media only screen and (max-width:513px){.writePg .write1Step .writeProd{width:280px;height:557px;bottom:-150px;margin:0 0 0 -140px}.writePg .write1Step .writeEtcBox .pushClick{bottom:153px;margin:0 0 0 -81px}.writePg .write2Step .changeColor{top:158px;right:46px;height:139px}.writePg .write2Step .changeColor .changeColorBox p span{margin-bottom:5px}.writePg .write2Step .changeColor .changeColorBox .colorClick{top:24px}.writePg .write2Step .alertBox.alert1{padding-right:51px}}.thinpen{position:absolute;opacity:0;width:330px;height:110px;left:110px;top:150px}.thinpen path{stroke:#000}.thinpen.colored path{stroke:#f659ab}.mthinpen{position:absolute;left:80px;top:113px;opacity:0}.pink .mthinpen{top:212px}.sthinpen{position:absolute;left:40px;top:72px;opacity:0}.pink .sthinpen{top:157px}.sthick,.mthick{opacity:0}.thickpen{position:absolute;opacity:0;width:450px;height:110px;left:80px;top:180px}.slimpen{position:absolute;left:78px;top:180px}.pinkpen{position:absolute;opacity:0;width:330px;height:110px;left:110px;top:300px}.slim{position:absolute;opacity:0;width:200px;height:100px;left:310px;top:160px}.bold{position:absolute;opacity:0;width:546px;height:200px;left:0px;top:120px}.bold2{position:absolute;opacity:0;width:546px;height:200px;left:0px;top:250px}.mslim,.sslim,.mbold,.sbold,.mbold2,.sbold2{position:absolute;opacity:0}.drawingTool li img{display:none;position:absolute;z-index:999}.pointer{position:relative;z-index:9999}.finger{left:305px;top:157px}.palm{left:72px;top:120px}.pencil{left:110px;top:150px}.pink .pencil{left:110px;top:300px}.ckDetail .roundDetaila{position:absolute;width:98px;height:112px;opacity:0;left:100px;top:42px}.ckDetail .pencil{left:100px;top:42px}@media screen and (max-width:959px){.thinpen{width:220px;height:100px;left:80px;top:100px}.thickpen{width:300px;height:110px;top:116px;left:61px}.pinkpen{width:220px;height:100px;left:80px;top:200px}.slim{width:150px;height:100px;left:210px;top:105px}.bold{width:350px;height:200px;left:12px;top:62px}.bold2{width:350px;height:200px;left:12px;top:162px}.pencil{left:80px;top:110px}.pink .pencil{left:75px;top:210px}.slimpen{left:52px;top:132px}.finger{left:205px;top:102px}.palm{left:0px;top:40px}.ckDetail .roundDetaila{width:73px;height:85px;left:70px;top:25px}.ckDetail .pencil{width:88px;left:60px;top:10px}}@media screen and (max-width:513px){.thinpen{width:190px;height:100px;left:40px;top:55px}.thickpen{width:250px;height:110px;top:70px;left:25px}.pinkpen{width:190px;height:100px;left:40px;top:140px}.slim{width:122px;height:100px;left:151px;top:60px}.bold{width:300px;height:200px;left:-10px;top:11px}.bold2{width:300px;height:200px;left:-10px;top:95px}.pencil{left:38px;top:70px}.pink .pencil{left:38px;top:155px}.slimpen{left:20px;top:92px}.sthick{left:5px;top:80px}.finger{left:145px;top:57px}.palm{left:-20px;top:0px}.ckDetail .roundDetaila{width:53px;height:60px;left:65px;top:27px}.ckDetail .pencil{left:45px;top:15px}}