@charset "UTF-8";html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
::selection{background:#05a1c1;color:#FFFFFF;}
::-moz-selection{background:#05a1c1;color:#FFFFFF;}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:100;src:url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf") format("opentype");}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:300;src:url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf") format("opentype");}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:400;src:url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf") format("opentype");}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:500;src:url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf") format("opentype");}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:700;src:url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf") format("opentype");}
@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:900;src:url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff") format("woff"), url("//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf") format("opentype");}
body{font-family:"Noto Sans TC", "Segoe UI", "微軟正黑體", "Microsoft JhengHei", "Arial","細明體", Helvetica, sans-serif;font-weight:300;letter-spacing:2px;}
:focus{outline:0;}
header .button_container{position:fixed;top:60px;right:60px;height:36px;width:72px;cursor:pointer;z-index:1001;-webkit-transition:opacity 0.25s ease;-o-transition:opacity 0.25s ease;transition:opacity 0.25s ease;}
header .button_container span{background:#5d5d5d;border:none;height:3px;width:100%;position:absolute;top:0;left:0%;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;cursor:pointer;}
header .button_container span:nth-child(2){top:50%;margin-top:-2px;}
header .button_container span:nth-child(3){top:32px;}
header .button_container:hover{opacity:0.7;}
header .button_container.active .top{-webkit-transform:translateY(12px) translateX(0) rotate(45deg);-ms-transform:translateY(12px) translateX(0) rotate(45deg);transform:translateY(12px) translateX(0) rotate(45deg);background:#fff;}
header .button_container.active .middle{opacity:0;background:#fff;}
header .button_container.active .bottom{-webkit-transform:translateY(-20px) translateX(0) rotate(-45deg);-ms-transform:translateY(-20px) translateX(0) rotate(-45deg);transform:translateY(-20px) translateX(0) rotate(-45deg);background:#fff;}
header .overlay{position:fixed;background:#000000;top:0;left:0;width:100%;height:100%;height:0%;opacity:0;opacity:1\9\0;visibility:hidden;-webkit-transition:opacity 0.35s, visibility 0.35s, height 0.35s;-o-transition:opacity 0.35s, visibility 0.35s, height 0.35s;transition:opacity 0.35s, visibility 0.35s, height 0.35s;overflow:hidden;z-index:1000;}
header .overlay nav{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:30px;font-weight:300;letter-spacing:.1em;text-align:center;}
header .overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;position:relative;height:100%;width:100%;}
header .overlay ul li{display:block;margin-bottom:1em;position:relative;cursor:pointer;opacity:0;opacity:1\9\0;-webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s;}
header .overlay ul li.btn-startint, header .overlay ul li a{display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden;padding:0;line-height:2em;}
header .overlay ul li.btn-startint.v-mobile, header .overlay ul li a.v-mobile{display:none;}
header .overlay ul li span{display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden;}
header .overlay.open{opacity:0.9;visibility:visible;height:100%;}
header .overlay.open li{-webkit-animation:fadeInRight 0.5s ease forwards;animation:fadeInRight 0.5s ease forwards;-webkit-animation-delay:0.35s;animation-delay:0.35s;}
header .overlay.open li:nth-child(2){-webkit-animation-delay:0.4s;animation-delay:0.4s;}
header .overlay.open li:nth-child(3){-webkit-animation-delay:0.45s;animation-delay:0.45s;}
header .overlay.open li:nth-child(4){-webkit-animation-delay:0.5s;animation-delay:0.5s;}
@-webkit-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes fadeInRight{0%{opacity:0;left:20%;}
100%{opacity:1;left:0;}
}
@keyframes fadeInRight{0%{opacity:0;left:20%;}
100%{opacity:1;left:0;}
}
header .dropdown-content-m{font-size:18px;font-weight:100;background-color:rgba(0, 0, 0, 0.8);margin:0;height:0;overflow:hidden;-webkit-transition:all .6s;-o-transition:all .6s;transition:all .6s;}
header .dropdown-content-m a{display:block;margin-bottom:.5em !important;}
header .dropdown-content-m a img{height:25px;}
.overlay nav ul li.on .dropdown-content-m{height:5em;margin-top:2em !important;margin-bottom:0em !important;}
.brand{overflow:hidden;}
.divider{margin-top:25px;border-bottom:1px solid #5d5d5d;}
.section{overflow:hidden;}
#overlay-slide{width:100%;height:100%;position:fixed;display:none;}
#overlay-slide div{width:100%;height:100%;position:absolute;top:0;left:0;transform:translateX(-100%);transition:transform .5s;animation-duration:1000ms;z-index:1001;}
#overlay-slide div:nth-of-type(1){background-color:#ff2b6c;}
#overlay-slide div:nth-of-type(2){background-color:#ff92b3;}
#overlay-slide div:nth-of-type(3){background-color:#ffa3bf;}
.btn-incline{display:block;font-size:18px;text-align:center;position:relative;text-decoration:none;color:#5d5d5d;transition:color .5s;}
.btn-incline span{display:inline-block;position:relative;top:-1px;width:18px;height:1px;margin:0 5px;background-color:#5d5d5d;transform:rotate(-70deg);vertical-align:middle;transition:all .3s;}
.btn-incline span:before{content:'';display:block;position:absolute;top:0;left:0;width:18px;height:1px;background-color:#5d5d5d;vertical-align:middle;transition:all .3s;opacity:0;}
.btn-incline:hover span{width:10px;transform:rotate(-45deg);}
.btn-incline:hover span:before, .btn-incline:hover span:after{width:10px;opacity:1;transform:rotate(90deg);}
.v-mobile{display:none;}
.v-mobile-l{display:none;}
.v-mobile-p{display:none;}
.wireframe{position:relative;height:100%;}
.wireframe .logo, .wireframe .line_H, .wireframe .line_V{z-index:1;}
.wireframe .logo{position:absolute;top:-30px;width:230px;height:78px;}
.wireframe .logo .st0{-webkit-transition:fill .5s;transition:fill .5s;fill:#5d5d5d;}
.wireframe .line_H, .wireframe .line_V{position:absolute;-webkit-transition:background .5s;transition:background .5s;}
.wireframe .line_H.bottom, .wireframe .line_V.right{background-color:#5d5d5d;}
.wireframe .line_H{width:100%;height:1px;}
.wireframe .line_V{width:1px;height:100%;}
.wireframe .line_H.top{top:0px;left:264px;width:calc(100% - 264px - 90px);}
.wireframe .line_H.top:before{content:'';display:block;width:100%;height:1px;background-color:#5d5d5d;}
.wireframe .line_H.bottom{bottom:0px;right:0;}
.wireframe .line_H.bottom .zenbook-series{-webkit-transition:background .5s,border .5s, colorr .5s;transition:background .5s, border .5s, colorr .5s;position:absolute;top:-30px;left:0;right:0;margin:0 auto;width:185px;padding:15px;color:#5d5d5d;font-size:24px;text-align:center;letter-spacing:1px;background-color:#ffffff;border:1px solid #5d5d5d;}
.wireframe .line_V.left{left:0;bottom:0;width:auto;height:calc(100% - 60px);background-color:transparent !important;}
.wireframe .line_V.left div{position:relative;height:100%;color:#5d5d5d;font-size:24px;letter-spacing:2px;}
.wireframe .line_V.left div .htop{margin-bottom:30px;width:1px;height:calc(50% - 54px);display:block;position:relative;}
.wireframe .line_V.left div .htop:before{content:'';width:100%;height:100%;display:block;position:relative;background-color:#5d5d5d;}
.wireframe .line_V.left div .hbottom{margin-top:30px;width:1px;height:calc(50% - 30px);display:block;position:relative;}
.wireframe .line_V.left div .hbottom:before{content:'';width:100%;height:100%;display:block;position:relative;background-color:#5d5d5d;}
.wireframe .line_V.left div:before, .wireframe .line_V.left div:after{content:'';display:block;position:relative;width:1px;background-color:#5d5d5d;}
.wireframe .line_V.left div:before{margin-bottom:30px;height:calc(50% - 54px);}
.wireframe .line_V.left div:after{margin-top:30px;height:calc(50% - 30px);}
.wireframe .line_V.right{right:0;bottom:0;height:calc(100% - 53px);}
.slogan{width:120px;height:261px;}
.slogan .slogan-svg{fill:#5d5d5d;}
.wireframe-content{padding:0px 0 0 180px;letter-spacing:0;font-size:0;height:100%;}
.wireframe-content .product-left, .wireframe-content .product-right{display:inline-block;vertical-align:top;box-sizing:border-box;}
.wireframe-content .product-left{width:50%;height:100%;position:relative;}
.wireframe-content .product-left .info-top > div{display:inline-block;}
.wireframe-content .product-left .mid{position:absolute;width:80%;height:80%;margin:auto;top:0;right:0;bottom:0;left:0;vertical-align:middle;}
.wireframe-content .product-left .incline{width:150px;height:1px;background-color:#5d5d5d;-webkit-transform:translate(-10px, -80px) rotate(-55deg);-o-transform:translate(-10px, -80px) rotate(-55deg);-moz-transform:translate(-10px, -80px) rotate(-55deg);-ms-transform:translate(-10px, -80px) rotate(-55deg);transform:translate(-10px, -80px) rotate(-55deg);}
.wireframe-content .product-left .product-title{-webkit-transform:translate(-45px, -35px);-o-transform:translate(-45px, -35px);-moz-transform:translate(-45px, -35px);-ms-transform:translate(-45px, -35px);transform:translate(-45px, -35px);}
.wireframe-content .product-left .product-title .zenbook3-Deluxe{width:300px;height:40px;}
.wireframe-content .product-left .product-title .zenbook-ux430{width:300px;height:30px;}
.wireframe-content .product-left .product-txt{font-size:18px;line-height:35px;letter-spacing:1.5px;color:#6d6d6d;}
.wireframe-content .product-left .product-txt p{padding:15px 0;}
.wireframe-content .product-left .product-txt p:first-of-type{padding-top:50px;}
.wireframe-content .product-left .product-txt img{padding:0 5px;height:22px;vertical-align:sub;}
.wireframe-content .product-left .product-features{padding-top:30px;font-size:16px;line-height:30px;letter-spacing:1.5px;color:#6d6d6d;}
.wireframe-content .product-left .product-features h3{margin-bottom:10px;}
.wireframe-content .product-left .product-features ul{margin-left:10px;}
.wireframe-content .product-left .product-features li{position:relative;}
.wireframe-content .product-left .product-features li:before{content:'/';display:block;position:absolute;top:0;left:-10px;}
.wireframe-content .product-right{width:50%;height:100%;position:relative;}
.wireframe-content .product-right .product-img{position:relative;width:100%;height:100%;text-align:center;}
.wireframe-content .product-right .product-img img{max-width:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.wireframe-content .product-right .product-more{color:#5d5d5d;position:absolute;width:80%;left:0;right:0;bottom:80px;margin:0 auto;}
.wireframe-content .product-right .product-more ul{font-size:0;}
.wireframe-content .product-right .product-more ul li{display:inline-block;font-size:18px;text-align:center;width:33.33333%;position:relative;}
.wireframe-content .product-right .product-more ul li a{position:relative;text-decoration:none;color:#5d5d5d;transition:color .5s;}
.wireframe-content .product-right .product-more ul li a span{display:inline-block;position:relative;top:-1px;width:18px;height:1px;margin:0 5px;background-color:#05a1c1;transform:rotate(-70deg);vertical-align:middle;transition:all .3s;}
.wireframe-content .product-right .product-more ul li a span:before{content:'';display:block;position:absolute;top:0;left:0;width:18px;height:1px;background-color:#05a1c1;vertical-align:middle;transition:all .3s;opacity:0;}
.wireframe-content .product-right .product-more ul li a:hover span, .wireframe-content .product-right .product-more ul li a.active span{width:10px;transform:rotate(-45deg);}
.wireframe-content .product-right .product-more ul li a:hover span:before, .wireframe-content .product-right .product-more ul li a:hover span:after, .wireframe-content .product-right .product-more ul li a.active span:before, .wireframe-content .product-right .product-more ul li a.active span:after{width:10px;opacity:1;transform:rotate(90deg);}
.wireframe-content .product-right .product-more ul li .buy.active ~ .buyopen{display:block !important;}
.wireframe-content .product-right .product-more ul li .buyopen{width:180px;left:-10%;display:none;position:absolute;bottom:40px;left:0;padding:5px 10px;background-color:#05a1c1;border-radius:5px;background-color:rgba(5, 161, 193, 0.8);}
.wireframe-content .product-right .product-more ul li .buyopen:before{content:"";display:block;position:absolute;color:#ffffff;left:0;right:0;bottom:-10px;margin:0 auto;width:0;height:0;border-style:solid;border-width:10px 8px 0 8px;border-color:rgba(5, 161, 193, 0.8) transparent transparent transparent;}
.wireframe-content .product-right .product-more ul li .buyopen a{color:#ffffff !important;display:block;padding:15px;position:relative;}
.wireframe-content .product-right .product-more ul li .buyopen a:after{content:'';display:block;width:100%;height:1px;position:absolute;left:0;bottom:0;background-color:#ffffff;}
.wireframe-content .product-right .product-more ul li .buyopen a:last-child:after{display:none;}
.section .slick-arrow{width:22px;height:41px;background-image:url("../images/arrow.svg");background-repeat:no-repeat;background-position:center;background-size:contain;transition:opacity .5s;}
.section .slick-arrow.slick-disabled{opacity:.2;}
.section .slick-prev{left:-40px;-webkit-transform:translate(0, -50%) rotate(180deg);-ms-transform:translate(0, -50%) rotate(180deg);transform:translate(0, -50%) rotate(180deg);}
.section .slick-next{right:-40px;}
.scrollpane{overflow-y:auto;height:calc(100vh - 260px);}
#section7 .ac-nav{position:absolute;display:none;top:20px;left:270px;font-size:18px;font-weight:300;line-height:25px;letter-spacing:1px;color:#5d5d5d;z-index:2;}
#section7 .ac-nav span{cursor:pointer;padding:0 5px;margin:0 5px;border:1px solid transparent;transition:border .3s;}
#section7 .ac-nav .ac-a:hover{border:1px solid #05a1c1;}
#section7 .ac-nav .ac-b:hover{border:1px solid #e16999;}
.wireframe.accessories{}
.wireframe.accessories .wireframe-content.ac-main-menu{padding:0;position:relative;}
.wireframe.accessories .wireframe-content.ac-main-menu .headtxt{position:absolute;width:100%;padding-top:80px;text-align:center;z-index:1;}
.wireframe.accessories .wireframe-content.ac-main-menu .headtxt .logo-2{width:192px;height:75px;padding-bottom:30px;}
.wireframe.accessories .wireframe-content.ac-main-menu .headtxt h2{font-size:30px;letter-spacing:2px;color:#5d5d5d;text-align:center;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left, .wireframe.accessories .wireframe-content.ac-main-menu .product-right{height:100%;cursor:pointer;background-size:contain;background-position:center bottom;background-repeat:no-repeat;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left .overlay, .wireframe.accessories .wireframe-content.ac-main-menu .product-right .overlay{height:100%;background-size:cover;transition:opacity 1s;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left h3, .wireframe.accessories .wireframe-content.ac-main-menu .product-right h3{width:100%;height:30px;position:absolute;top:-30%;bottom:0;margin:auto;font-size:30px;color:#5d5d5d;text-align:center;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left:hover .overlay, .wireframe.accessories .wireframe-content.ac-main-menu .product-right:hover .overlay{opacity:0;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left{background-image:url("../images/s7-accessories-1.jpg");}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left .overlay{background-image:url("../images/s7-line-gradient-blue.png");}
.wireframe.accessories .wireframe-content.ac-main-menu .product-right{background-image:url("../images/s7-accessories-2.jpg");}
.wireframe.accessories .wireframe-content.ac-main-menu .product-right .overlay{background-image:url("../images/s7-line-gradient-red.png");}
.wireframe-content.accessories-product{display:none;padding-top:70px;position:absolute;width:100%;box-sizing:border-box;background-color:#fff;}
.wireframe-content.accessories-product .ac-section{position:relative;padding-bottom:10vh;}
.wireframe-content.accessories-product .ac-section:last-of-type{padding-bottom:0;}
.wireframe-content.accessories-product .ac-close{position:absolute;top:3%;right:8%;z-index:3;font-size:18px;color:#fff;padding:5px 10px;border-radius:20px;cursor:pointer;letter-spacing:1px;-webkit-animation:op .8s .3s both;animation:op .8s .3s both;}
.wireframe-content.accessories-product .ac-close span{vertical-align:middle;position:relative;display:inline-block;border:none;width:0px;height:18px;top:0;left:0%;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;}
.wireframe-content.accessories-product .ac-close span:before, .wireframe-content.accessories-product .ac-close span:after{content:'';width:100%;height:1px;display:block;position:absolute;background-color:#fff;}
.wireframe-content.accessories-product .ac-close span:before{-webkit-transform:translateY(7px) translateX(0) rotate(90deg);-ms-transform:translateY(7px) translateX(0) rotate(90deg);transform:translateY(7px) translateX(0) rotate(90deg);}
.wireframe-content.accessories-product .ac-close span:after{-webkit-transform:translateY(7px) translateX(0) rotate(-90deg);-ms-transform:translateY(7px) translateX(0) rotate(-90deg);transform:translateY(7px) translateX(0) rotate(-90deg);}
.wireframe-content.accessories-product .ac-close:hover span{width:18px;height:18px;margin-right:5px;}
.wireframe-content.accessories-product .ac-close:hover span:before, .wireframe-content.accessories-product .ac-close:hover span:after{content:'';width:100%;height:1px;display:block;position:absolute;background-color:#fff;}
.wireframe-content.accessories-product .ac-close:hover span:before{-webkit-transform:translateY(7px) translateX(0) rotate(45deg);-ms-transform:translateY(7px) translateX(0) rotate(45deg);transform:translateY(7px) translateX(0) rotate(45deg);}
.wireframe-content.accessories-product .ac-close:hover span:after{-webkit-transform:translateY(7px) translateX(0) rotate(-45deg);-ms-transform:translateY(7px) translateX(0) rotate(-45deg);transform:translateY(7px) translateX(0) rotate(-45deg);}
.wireframe-content.accessories-product .product-left{height:auto;}
.wireframe-content.accessories-product .product-left .mid{position:relative;}
.wireframe-content.accessories-product .product-left .info-top{padding:80px 0 20px;}
.wireframe-content.accessories-product .product-left .info-top > div{vertical-align:middle;}
.wireframe-content.accessories-product .product-left .product-title{text-align:center;display:block;margin:0 auto;-webkit-transform:none;-o-transform:none;-moz-transform:none;-ms-transform:none;transform:none;color:#fff;}
.wireframe-content.accessories-product .product-left .product-title h2{width:100%;font-size:40px;letter-spacing:20px;}
.wireframe-content.accessories-product .product-left .product-title h2:after{content:'';display:inline-block;width:100%;}
.wireframe-content.accessories-product .product-left .product-title .ux430-tag{font-size:16px;padding:2px 8px;border:1px solid #e16999;border-radius:5px;}
.wireframe-content.accessories-product .product-left .product-title .ux430-tag img{height:20px;padding-right:5px;vertical-align:sub;}
.wireframe-content.accessories-product .product-left .product-txt{padding-bottom:50px;}
.wireframe-content.accessories-product .product-left .btn-incline{width:128px;}
.wireframe-content.accessories-product .product-right{height:auto;}
.wireframe-content.accessories-product .product-right .product-img{width:90%;margin:50px 0 30px;border:1px solid #5d5d5d;}
.wireframe-content.accessories-product .product-right .product-img img{position:relative;}
.wireframe-content.accessories-product p.note{font-size:14px;}
.wireframe-content.accessories-product .features{font-size:0;letter-spacing:0;position:relative;width:100%;text-align:center;}
.wireframe-content.accessories-product .features li{width:33.3333%;position:relative;display:inline-block;padding:0 6%;box-sizing:border-box;}
.wireframe-content.accessories-product .features li p{font-size:18px;font-weight:300;line-height:25px;color:#5d5d5d;}
.wireframe-content.accessories-product .features li p:after{content:'';display:block;width:30px;height:1px;margin:20px auto 30px;background-color:#999999;}
.wireframe-content.accessories-product .features li div{border-radius:50%;overflow:hidden;max-width:249px;height:100%;margin:0 auto;}
.wireframe-content.accessories-product .features li div img{width:100%;display:block;}
.wireframe-content.accessories-product .specs{font-size:0;letter-spacing:0;padding-bottom:50px;}
.wireframe-content.accessories-product .specs .left, .wireframe-content.accessories-product .specs .right{display:inline-block;vertical-align:middle;}
.wireframe-content.accessories-product .specs .left{width:45%;position:relative;}
.wireframe-content.accessories-product .specs .left div{width:80%;float:right;padding-top:150px;font-size:16px;line-height:30px;letter-spacing:1.5px;color:#05a1c1;}
.wireframe-content.accessories-product .specs .left div h3{margin-bottom:10px;}
.wireframe-content.accessories-product .specs .left ul{margin-left:10px;}
.wireframe-content.accessories-product .specs .left li{position:relative;}
.wireframe-content.accessories-product .specs .left li:before{content:'/';display:block;position:absolute;top:0;left:-10px;}
.wireframe-content.accessories-product .specs .right{width:55%;}
.wireframe-content.accessories-product .specs .right img{max-width:100%;}
.ac-lightbox .ac-close{display:none;}
.ac-lightbox .ac-section{position:relative;}
.ac-lightbox .scrollpane{height:100vh;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.ac-lightbox .wireframe-content{padding:0;}
.ac-lightbox .wireframe-content .product-right .product-img{display:block;}
.ac-lightbox .wireframe-content.accessories-product{position:absolute;width:100%;box-sizing:border-box;background-color:#fff;}
.ac-lightbox .wireframe-content.accessories-product .product-left .btn-incline{width:auto;}
.ac-lightbox .wireframe-content.accessories-product .product-right .product-img{text-align:left;}
.ac-lightbox .wireframe-content.accessories-product.notebook-bag .product-left .product-title{color:#05a1c1;}
.ac-lightbox .wireframe-content.accessories-product.notebook-bag .product-left .btn-incline{color:#05a1c1;}
.ac-lightbox .wireframe-content.accessories-product.notebook-bag .product-left .btn-incline span, .ac-lightbox .wireframe-content.accessories-product.notebook-bag .product-left .btn-incline span:before{background-color:#05a1c1;}
.ac-lightbox .wireframe-content.accessories-product.notebook-bag .product-right .product-img{border-color:#05a1c1;}
.ac-lightbox .wireframe-content.accessories-product.notebook-bag .product-right .product-more ul li a{color:#05a1c1;}
.ac-lightbox .wireframe-content.accessories-product.notebook-shell .product-left .product-title{color:#e16999;}
.ac-lightbox .wireframe-content.accessories-product.notebook-shell .product-left .btn-incline{color:#e16999;}
.ac-lightbox .wireframe-content.accessories-product.notebook-shell .product-left .btn-incline span, .ac-lightbox .wireframe-content.accessories-product.notebook-shell .product-left .btn-incline span:before{background-color:#e16999;}
.ac-lightbox .wireframe-content.accessories-product.notebook-shell .product-left .ux430-tag{font-size:16px;padding:2px 8px;border:1px solid #e16999;border-radius:5px;}
.ac-lightbox .wireframe-content.accessories-product.notebook-shell .product-left .ux430-tag img{height:20px;padding-right:5px;vertical-align:sub;}
.ac-lightbox .wireframe-content.accessories-product.notebook-shell .product-right .product-img{border-color:#e16999;}
.ac-lightbox .wireframe-content.accessories-product.notebook-shell .product-right .product-more ul li a{color:#e16999;}
.ac-lightbox .wireframe-content.accessories-product.notebook-shell .specs .left div{color:#e16999;}
.scroll-wrapper{overflow:hidden !important;padding:0 !important;position:relative;}
.scroll-wrapper > .scroll-content{border:none !important;box-sizing:content-box !important;height:auto;left:0;margin:0;max-height:none;max-width:none !important;overflow:scroll !important;padding:0;position:relative !important;top:0;width:auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar{height:0;width:0;}
.scroll-element{display:none;}
.scroll-element, .scroll-element .scroll-element div{box-sizing:content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible{display:block;}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow{cursor:default;}
.scroll-textarea{border:1px solid #cccccc;border-top-color:#999999;}
.scroll-textarea > .scroll-content{overflow:hidden !important;}
.scroll-textarea > .scroll-content > textarea{border:none !important;box-sizing:border-box;height:100% !important;margin:0;max-height:none !important;max-width:none !important;overflow:scroll !important;outline:none;padding:2px;position:relative !important;top:0;width:100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar{height:0;width:0;}
.scrollpane > .scroll-element,
.scrollpane > .scroll-element div{border:none;margin:0;overflow:hidden;padding:0;position:absolute;z-index:10;}
.scrollpane > .scroll-element{background-color:#ffffff;}
.scrollpane > .scroll-element div{display:block;height:100%;left:0;top:0;width:100%;}
.scrollpane > .scroll-element .scroll-element_size{background-color:#5d5d5d;}
.scrollpane > .scroll-element .scroll-element_outer:hover .scroll-element_size{background-color:#5d5d5d;}
.scrollpane > .scroll-element.scroll-x{bottom:0;height:12px;left:0;min-width:100%;padding:3px 0 2px;width:100%;}
.scrollpane > .scroll-element.scroll-y{height:100%;min-height:100%;padding:0 2px 0 3px;right:1px;top:0;width:30px;}
.scrollpane > .scroll-element .scroll-bar{background-color:#5d5d5d;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.scrollpane > .scroll-element.scroll-x .scroll-bar{height:10px;min-width:10px;top:1px;}
.scrollpane > .scroll-element.scroll-y .scroll-bar{left:1px;min-height:10px;width:13px;}
.scrollpane > .scroll-element.scroll-x .scroll-element_outer{height:15px;left:5px;}
.scrollpane > .scroll-element.scroll-x .scroll-element_size{height:2px;left:-10px;top:5px;}
.scrollpane > .scroll-element.scroll-y .scroll-element_outer{top:5px;width:25px;}
.scrollpane > .scroll-element.scroll-y .scroll-element_size{left:6px;top:-10px;width:2px;}
.scrollpane > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-25px;}
.scrollpane > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-25px;}
.scrollpane > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-25px;}
.scrollpane > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-25px;}
.scrollpane > .scroll-content.scroll-scrolly_visible{left:-17px;margin-left:17px;}
.scrollpane > .scroll-content.scroll-scrollx_visible{margin-top:17px;top:-17px;}
.ac-notebook-bag .scrollpane > .scroll-element .scroll-element_size{background-color:#05a1c1;background-color:rgba(5, 161, 193, 0.8);}
.ac-notebook-bag .scrollpane > .scroll-element .scroll-element_outer:hover .scroll-element_size{background-color:#05a1c1;background-color:rgba(5, 161, 193, 0.5);}
.ac-notebook-bag .scrollpane > .scroll-element .scroll-bar{background-color:#05a1c1;}
.ac-notebook-shell .scrollpane > .scroll-element .scroll-element_size{background-color:#e16999;background-color:rgba(255, 105, 153, 0.8);}
.ac-notebook-shell .scrollpane > .scroll-element .scroll-element_outer:hover .scroll-element_size{background-color:#e16999;background-color:rgba(255, 105, 153, 0.5);}
.ac-notebook-shell .scrollpane > .scroll-element .scroll-bar{background-color:#e16999;}
@media screen and (max-width:1169px){.scrollpane > .scroll-element{background-color:transparent;}
}
.lightbox{display:none;position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;padding-top:5%;overflow:auto;background-color:white;background-color:rgba(255, 255, 255, 0.4);}
.lightbox-box{background-color:#FFFFFF;width:80%;max-width:925px;max-height:692px;position:relative;margin:auto;padding:0;top:0;overflow:auto;}
.lightbox-content{padding:30px 55px;}
.lightbox-content .master{padding:60px 40px 40px 40px;color:#000000;text-align:left;letter-spacing:2px;font-weight:300;}
.lightbox-content .master h2{font-size:20px;line-height:24px;padding-bottom:5px;}
.lightbox-content .master h3{margin-bottom:40px;}
.lightbox-content .master h3, .lightbox-content .master ul li{font-size:16px;line-height:24px;}
.lightbox-content .master ul li{margin-bottom:15px;position:relative;}
.lightbox-content .master ul li:before{content:'/';display:block;position:absolute;top:0;left:-20px;}
.lightbox-content .master p{margin-top:50px;font-size:14px;line-height:24px;}
.lightbox-content .master p a{text-decoration:none;color:#000;}
.lightbox-content .master .show480{display:none;}
.lightbox-content .close_btn{width:50px;height:50px;right:10px;top:10px;position:absolute;}
.lightbox-content .iframe-wrap iframe{width:800px;height:450px;}
.youtube-vd.lightbox{background-color:black;background-color:rgba(0, 0, 0, 0.4);}
.showVideo, .showVideo2{cursor:pointer;}
.ac-lightbox{display:none;position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:white;-webkit-animation-name:animatetop;-webkit-animation-duration:0.3s;animation-name:animatetop;animation-duration:0.3s;}
.ac-lightbox-wrapp{position:relative;background-color:#fff;margin:auto;padding:0;top:0;}
.ac-lightbox.downout{-webkit-animation-name:animatedown;-webkit-animation-duration:0.3s;animation-name:animatedown;animation-duration:0.3s;}
@-webkit-keyframes animatetop{0%{opacity:0;-webkit-transform:translate(0, 100%);transform:translate(0, 100%);}
100%{opacity:1;-webkit-transform:translate(0, 0%);transform:translate(0, 0%);}
}
@keyframes animatetop{0%{opacity:0;-webkit-transform:translate(0, 100%);transform:translate(0, 100%);}
100%{opacity:1;-webkit-transform:translate(0, 0%);transform:translate(0, 0%);}
}
@-webkit-keyframes animatedown{0%{opacity:1;-webkit-transform:translate(0, 0%);transform:translate(0, 0%);}
100%{opacity:0;-webkit-transform:translate(0, 100%);transform:translate(0, 100%);}
}
@keyframes animatedown{0%{opacity:1;-webkit-transform:translate(0, 0%);transform:translate(0, 0%);}
100%{opacity:0;-webkit-transform:translate(0, 100%);transform:translate(0, 100%);}
}
.zanimatetop{-webkit-animation-name:zoomIn;animation-name:zoomIn;}
.close_btn{height:60px;width:60px;position:absolute;right:15px;top:15px;cursor:pointer;z-index:2;}
.close_btn:before, .close_btn:after{content:'';background:#5d5d5d;border:none;height:3px;width:100%;position:absolute;margin-left:-38%;top:0;left:0%;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;}
.close_btn:before{-webkit-transform:translateY(30px) translateX(20px) rotate(45deg);-ms-transform:translateY(30px) translateX(20px) rotate(45deg);transform:translateY(30px) translateX(20px) rotate(45deg);background:#5d5d5d;}
.close_btn:after{-webkit-transform:translateY(30px) translateX(20px) rotate(-45deg);-ms-transform:translateY(30px) translateX(20px) rotate(-45deg);transform:translateY(30px) translateX(20px) rotate(-45deg);background:#5d5d5d;}
.close_btn:hover, .close_btn:focus{text-decoration:none;cursor:pointer;}
.modal-center{width:100%;border-radius:0px;border-radius:0 0 10px 10px;padding:60px 0;color:#000000;text-align:center;}
.Setin{padding:0;width:auto;margin:0 auto;}
.modal-center > .Setin{padding:0 25px;}
.section{background-color:#ffffff;}
#section1{background-color:#05a1c1;background-image:url("../images/kv-01.jpg");background-size:cover;}
#section3{background-color:#e16999;background-image:url("../images/kv-02.jpg");background-size:cover;}
#section5{background-color:#0032dd;background-image:url("../images/kv-03.jpg");background-size:cover;}
#section2 .fp-tableCell, #section4 .fp-tableCell, #section6 .fp-tableCell, #section6 .fp-tableCell, #section7 .fp-tableCell, #section8 .fp-tableCell, #section9 .fp-tableCell, #section10 .fp-tableCell{box-sizing:border-box;padding:70px 95px;position:relative;}
.fp-viewing-home .button_container span, .fp-viewing-zenbook3-deluxe-fullhd .button_container span, .fp-viewing-zenbook-ux490 .button_container span{background-color:#ffffff;}
.vh100{width:100%;height:100vh;position:absolute;overflow:hidden;top:0;left:0;}
.s1-kv-flower{position:absolute;width:18.5%;top:50%;left:50%;-webkit-transform:translate(-114%, -128%) rotate(0deg);transform:translate(-114%, -128%) rotate(0deg);z-index:1002;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.s1-kv-flower img{width:100%;}
.s1-flowermask{position:absolute;top:50%;left:50%;-webkit-transform:translate(665%, 67%);transform:translate(665%, 67%);z-index:2;width:4%;}
.s1-flowermask img{width:100%;}
#section1 .v-mobile-l, #section1 .v-mobile-p{display:none;}
#section1 .window-height{position:relative;height:100vh;}
#section1 .s1-flowermask{position:absolute;top:50%;left:50%;-webkit-transform:translate(665%, 67%);transform:translate(665%, 67%);z-index:2;width:4%;}
#section1 .s1-flowermask img{width:100%;}
#section1 .s1-notebook{position:absolute;top:50%;left:50%;-webkit-transform:translate(-18.5%, -40%);transform:translate(-18.5%, -40%);z-index:1;width:38%;}
#section1 .s1-notebook img{width:100%;}
#section1 .kv-bg{position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#section1 .kv-bg img{width:100%;}
#section1 .s1-text{max-width:380px;width:100%;position:absolute;top:15%;left:9%;z-index:1;}
#section1 .s1-title{max-width:339px;}
#section1 .s1-title img{width:100%;}
#section1 .design-note{position:absolute;width:100%;left:33%;font-size:18px;font-weight:300;line-height:40px;letter-spacing:2px;color:#fff;}
#section1 .design-note img.zenbook3-deluxe{height:25px;padding:0 10px;display:inline-block;vertical-align:sub;}
#section1 .design-note .teacher-info{display:block;width:50%;text-align:center;position:relative;text-decoration:none;color:#fff;transition:color .5s;cursor:pointer;}
#section1 .design-note .teacher-info span{display:inline-block;position:relative;top:-1px;width:18px;height:1px;margin:0 5px;background-color:#fff;-webkit-transform:rotate(-70deg);transform:rotate(-70deg);vertical-align:middle;transition:all .3s;}
#section1 .design-note .teacher-info span:before{content:'';display:block;position:absolute;top:0;left:0;width:18px;height:1px;background-color:#fff;vertical-align:middle;transition:all .3s;opacity:0;}
#section1 .design-note .teacher-info:hover span{width:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#section1 .design-note .teacher-info:hover span:before, #section1 .design-note .teacher-info:hover span:after{width:10px;opacity:1;-webkit-transform:rotate(90deg);transform:rotate(90deg);}
#section1 .over-block{position:absolute;width:5%;height:100%;top:0;left:0;z-index:1;cursor:pointer;}
#section1 .over-block:hover ~ .goback-section{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
#section1 .over-block:hover ~ .goback-section .info{opacity:1;}
#section1 .over-block:hover ~ .goback-section .overlay-bg{width:100%;opacity:1;}
#section1 .goback-section{position:absolute;top:0;left:0;width:550px;height:100%;padding:40px 20px;box-sizing:border-box;cursor:pointer;z-index:2;-webkit-transform:translate(-90%, 0);transform:translate(-90%, 0);transition:transform .5s ease-out;}
#section1 .goback-section:hover{-webkit-transform:translate(0, 0);transform:translate(0, 0);}
#section1 .goback-section:hover .info{opacity:1;}
#section1 .goback-section:hover .overlay-bg{width:100%;opacity:1;}
#section1 .goback-section .info{position:relative;z-index:1;opacity:0;transition:opacity .3s ease-out;}
#section1 .goback-section .logo{width:40%;margin:0 auto;}
#section1 .goback-section .logo .st0{fill:#ffffff;}
#section1 .goback-section .slogan-title{width:65%;margin:25px auto;}
#section1 .goback-section .slogan-title img{width:100%;}
#section1 .goback-section .kv-1stv{width:95%;margin:0 auto;border:1px solid #fff;}
#section1 .goback-section .kv-1stv img{width:100%;}
#section1 .goback-section .design-text{width:90%;margin:30px auto 0;}
#section1 .goback-section .design-text p{font-size:14px;font-weight:300;line-height:25px;letter-spacing:2px;color:#fff;}
#section1 .goback-section .design-text .p-end{padding-bottom:30px;}
#section1 .goback-section .overlay-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#ff2b6c;transition:opacity .3s ease-out;}
#section1 .goback-1st-v{-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;writing-mode:tb-rl;color:#fff;font-size:14px;font-weight:300;position:absolute;bottom:5%;right:20px;z-index:1;cursor:pointer;}
#section1 .goback-1st-v:before, #section1 .goback-1st-v-mo:before{content:'';width:20px;height:20px;display:inline-block;padding-bottom:10px;background-image:url("../images/arrow-goback.svg");background-size:contain;background-repeat:no-repeat;}
.fp-viewing-zenbook3-deluxe-info .button_container span{background-color:#05a1c1;}
#section2 .wireframe .slogan-svg{fill:#05a1c1;}
#section2 .wireframe .product-features{color:#05a1c1;}
#section2 .wireframe .logo .st0{fill:#05a1c1;}
#section2 .wireframe .line_H.top:before, #section2 .wireframe .line_H.bottom, #section2 .wireframe .line_V, #section2 .wireframe .line_V.left div:before, #section2 .wireframe .line_V.left div:after{color:#05a1c1;background-color:#05a1c1;}
#section2 .wireframe .line_V.left div{color:#05a1c1;}
#section2 .wireframe .line_H.bottom .zenbook-series{color:#05a1c1;border:1px solid #05a1c1;}
#section2 .wireframe .product-img{padding-top:30px;}
#section2 .wireframe-content .product-right .product-more ul li{color:#05a1c1;}
#section2 .wireframe-content .product-right .product-more ul li .buyopen{background-color:#05a1c1;background-color:rgba(5, 161, 193, 0.8);}
#section2 .wireframe-content .product-right .product-more ul li .buyopen:before{border-color:#05a1c1 transparent transparent transparent;border-color:rgba(5, 161, 193, 0.8) transparent transparent transparent;}
#section2 .wireframe-content .product-right .product-more ul li a{color:#05a1c1;}
#section2 .wireframe-content .product-right .product-more ul li a span{background-color:#05a1c1;}
#section2 .wireframe-content .product-right .product-more ul li a span:before{background-color:#05a1c1;}
#section3{background-position:right;}
#section3 .s3-text{width:23%;max-width:480px;position:absolute;top:2%;right:8%;z-index:1;}
#section3 .s3-text img.s3-title{width:100%;}
#section3 .design-note{position:absolute;right:5%;bottom:3%;font-size:16px;font-weight:300;line-height:35px;letter-spacing:2px;color:#fff;}
.fp-viewing-zenbook3-deluxe-info2 .button_container span{background-color:#e16999;}
#section4 .wireframe .slogan-svg{fill:#e16999;}
#section4 .wireframe .product-features{color:#e16999;}
#section4 .wireframe .logo .st0{fill:#e16999;}
#section4 .wireframe .line_H.top:before, #section4 .wireframe .line_H.bottom, #section4 .wireframe .line_V, #section4 .wireframe .line_V.left div:before, #section4 .wireframe .line_V.left div:after{color:#e16999;background-color:#e16999;}
#section4 .wireframe .line_V.left div{color:#e16999;}
#section4 .wireframe .line_H.bottom .zenbook-series{color:#e16999;border:1px solid #e16999;}
#section4 .wireframe .wireframe-content .product-right .product-more ul li{color:#e16999;}
#section4 .wireframe .wireframe-content .product-right .product-more ul li .buyopen{background-color:#e16999;background-color:rgba(225, 105, 153, 0.8);}
#section4 .wireframe .wireframe-content .product-right .product-more ul li .buyopen:before{border-color:#e16999 transparent transparent transparent;border-color:rgba(225, 105, 153, 0.8) transparent transparent transparent;}
#section4 .wireframe .wireframe-content .product-right .product-more ul li a{color:#e16999;}
#section4 .wireframe .wireframe-content .product-right .product-more ul li a span{background-color:#e16999;}
#section4 .wireframe .wireframe-content .product-right .product-more ul li a span:before{background-color:#e16999;}
#section5 .txtbg{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -20%);width:100%;}
#section5 .txtbg img{width:100%;}
#section5 .s5-text{width:25%;max-width:456px;position:absolute;top:6%;right:9%;z-index:1;}
#section5 .s5-text img.s5-title{width:100%;}
#section5 .design-note{position:absolute;right:5%;bottom:3%;font-size:16px;font-weight:300;line-height:35px;letter-spacing:2px;color:#fff;}
#section5 .design-note img.zenbook-ux490{padding:0 10px;height:25px;vertical-align:sub;}
.fp-viewing-zenbook-ux490-info .button_container span{background-color:#0032dd;}
#section6 .wireframe .slogan-svg{fill:#0032dd;}
#section6 .wireframe .product-features{color:#0032dd;}
#section6 .wireframe .logo .st0{fill:#0032dd;}
#section6 .wireframe .line_H.top:before, #section6 .wireframe .line_H.bottom, #section6 .wireframe .line_V, #section6 .wireframe .line_V.left div:before, #section6 .wireframe .line_V.left div:after{color:#0032dd;background-color:#0032dd;}
#section6 .wireframe .line_V.left div{color:#0032dd;}
#section6 .wireframe .line_H.bottom .zenbook-series{color:#0032dd;border:1px solid #0032dd;}
#section6 .wireframe .wireframe-content .product-left .product-txt img{height:25px;}
#section6 .wireframe .wireframe-content .product-right .product-more ul li{color:#0032dd;}
#section6 .wireframe .wireframe-content .product-right .product-more ul li .buyopen{background-color:#0032dd;background-color:rgba(0, 50, 221, 0.8);}
#section6 .wireframe .wireframe-content .product-right .product-more ul li .buyopen:before{border-color:#0032dd transparent transparent transparent;border-color:rgba(0, 50, 221, 0.8) transparent transparent transparent;}
#section6 .wireframe .wireframe-content .product-right .product-more ul li a{color:#0032dd;}
#section6 .wireframe .wireframe-content .product-right .product-more ul li a span{background-color:#0032dd;}
#section6 .wireframe .wireframe-content .product-right .product-more ul li a span:before{background-color:#0032dd;}
.fp-viewing-accessories.ac-blue .button_container span{background-color:#05a1c1;}
.fp-viewing-accessories.ac-red .button_container span{background-color:#e16999;}
#section7 .wireframe.accessories.ac-notebook-bag{z-index:1;}
#section7 .wireframe.accessories.ac-notebook-bag .ac-a{border:1px solid #05a1c1;}
#section7 .wireframe.accessories.ac-notebook-bag .slogan-svg{fill:#05a1c1;}
#section7 .wireframe.accessories.ac-notebook-bag .product-features{color:#05a1c1;}
#section7 .wireframe.accessories.ac-notebook-bag .logo .st0{fill:#05a1c1;}
#section7 .wireframe.accessories.ac-notebook-bag .line_H.top:before, #section7 .wireframe.accessories.ac-notebook-bag .line_H.bottom, #section7 .wireframe.accessories.ac-notebook-bag .line_V, #section7 .wireframe.accessories.ac-notebook-bag .line_V.left div:before, #section7 .wireframe.accessories.ac-notebook-bag .line_V.left div:after{color:#05a1c1;background-color:#05a1c1;}
#section7 .wireframe.accessories.ac-notebook-bag .line_V.left div{color:#05a1c1;}
#section7 .wireframe.accessories.ac-notebook-bag .line_H.bottom .zenbook-series{color:#05a1c1;border:1px solid #05a1c1;}
#section7 .wireframe.accessories.ac-notebook-bag .wireframe-content.accessories-product.notebook-bag .ac-close{background-color:#05a1c1;}
#section7 .wireframe.accessories.ac-notebook-bag .wireframe-content.accessories-product.notebook-bag .slogan .st0{fill:#05a1c1;}
#section7 .wireframe.accessories.ac-notebook-bag .wireframe-content.accessories-product.notebook-bag .slogan .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#05a1c1;}
#section7 .wireframe.accessories.ac-notebook-bag .wireframe-content.accessories-product.notebook-bag .product-left .product-title{color:#05a1c1;}
#section7 .wireframe.accessories.ac-notebook-bag .wireframe-content.accessories-product.notebook-bag .product-left .btn-incline{color:#05a1c1;}
#section7 .wireframe.accessories.ac-notebook-bag .wireframe-content.accessories-product.notebook-bag .product-left .btn-incline span, #section7 .wireframe.accessories.ac-notebook-bag .wireframe-content.accessories-product.notebook-bag .product-left .btn-incline span:before{background-color:#05a1c1;}
#section7 .wireframe.accessories.ac-notebook-bag .wireframe-content.accessories-product.notebook-bag .product-right .product-img{border-color:#05a1c1;text-align:left;}
#section7 .wireframe.accessories.ac-notebook-bag .wireframe-content.accessories-product.notebook-bag .product-right .product-more ul li a{color:#05a1c1;}
#section7 .wireframe.accessories.ac-notebook-shell{z-index:1;}
#section7 .wireframe.accessories.ac-notebook-shell .ac-b{border:1px solid #e16999;}
#section7 .wireframe.accessories.ac-notebook-shell .slogan-svg{fill:#e16999;}
#section7 .wireframe.accessories.ac-notebook-shell .product-features{color:#e16999;}
#section7 .wireframe.accessories.ac-notebook-shell .logo .st0{fill:#e16999;}
#section7 .wireframe.accessories.ac-notebook-shell .line_H.top:before, #section7 .wireframe.accessories.ac-notebook-shell .line_H.bottom, #section7 .wireframe.accessories.ac-notebook-shell .line_V, #section7 .wireframe.accessories.ac-notebook-shell .line_V.left div:before, #section7 .wireframe.accessories.ac-notebook-shell .line_V.left div:after{color:#e16999;background-color:#e16999;}
#section7 .wireframe.accessories.ac-notebook-shell .line_V.left div{color:#e16999;}
#section7 .wireframe.accessories.ac-notebook-shell .line_H.bottom .zenbook-series{color:#e16999;border:1px solid #e16999;}
#section7 .wireframe.accessories.ac-notebook-shell .wireframe-content.accessories-product.notebook-shell .ac-close{background-color:#e16999;}
#section7 .wireframe.accessories.ac-notebook-shell .wireframe-content.accessories-product.notebook-shell .slogan .st0{fill:#e16999;}
#section7 .wireframe.accessories.ac-notebook-shell .wireframe-content.accessories-product.notebook-shell .slogan .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#e16999;}
#section7 .wireframe.accessories.ac-notebook-shell .wireframe-content.accessories-product.notebook-shell .product-left .product-title{color:#e16999;}
#section7 .wireframe.accessories.ac-notebook-shell .wireframe-content.accessories-product.notebook-shell .product-left .btn-incline{color:#e16999;}
#section7 .wireframe.accessories.ac-notebook-shell .wireframe-content.accessories-product.notebook-shell .product-left .btn-incline span, #section7 .wireframe.accessories.ac-notebook-shell .wireframe-content.accessories-product.notebook-shell .product-left .btn-incline span:before{background-color:#e16999;}
#section7 .wireframe.accessories.ac-notebook-shell .wireframe-content.accessories-product.notebook-shell .product-right .product-img{border-color:#e16999;}
#section7 .wireframe.accessories.ac-notebook-shell .wireframe-content.accessories-product.notebook-shell .product-right .product-more ul li a{color:#e16999;}
#section7 .wireframe.accessories.ac-notebook-shell .wireframe-content.accessories-product.notebook-shell .specs .left div{color:#e16999;}
#section8 .wireframe .wireframe-content{padding:0;}
#section8 .wireframe .slideMedia{width:60%;margin:0 auto;padding:40px 0 0;box-sizing:border-box;}
#section8 .wireframe .slideMedia.comingsoon .Media-nav .up.slick-slide{margin-top:-15px !important;}
#section8 .wireframe .slideMedia.comingsoon .Media-nav .up.slick-slide img{opacity:1;}
#section8 .wireframe .slideMedia.comingsoon .Media-nav .slick-slide{background-color:#fff;}
#section8 .wireframe .slideMedia.comingsoon .Media-nav .slick-slide img{opacity:.5;}
#section8 .wireframe .slideMedia.comingsoon .Media-nav .slick-slide:hover img{opacity:.3;}
#section8 .wireframe .slideMedia .Media-show img{height:55vh;margin:0 auto;transition:opacity .4s, background .4s;}
#section8 .wireframe .slideMedia .Media-show a.image-popup-vertical-fit:before{content:'';position:absolute;width:30px;height:75px;background-image:url("../images/icon-search.png");background-repeat:no-repeat;background-size:contain;top:0;right:0;bottom:0;left:0;margin:auto;opacity:0;transition:opacity .5s;z-index:1;}
#section8 .wireframe .slideMedia .Media-show a.image-popup-vertical-fit:after{content:'點圖放大';position:absolute;font-size:16px;color:#5d5d5d;width:100%;height:18px;text-align:center;top:20px;right:0;bottom:0;left:0;margin:auto;opacity:0;transition:opacity .5s;z-index:1;}
#section8 .wireframe .slideMedia .Media-show a.image-popup-vertical-fit:hover img{opacity:.1;background-color:rgba(0, 0, 0, 0.5);}
#section8 .wireframe .slideMedia .Media-show a.image-popup-vertical-fit:hover:after, #section8 .wireframe .slideMedia .Media-show a.image-popup-vertical-fit:hover:before{opacity:1;}
#section8 .wireframe .slideMedia .Media-nav{margin-top:30px;}
#section8 .wireframe .slideMedia .Media-nav .slick-list{padding:20px 0 !important;}
#section8 .wireframe .slideMedia .Media-nav .slick-slide{cursor:pointer;margin:10px;box-sizing:border-box;transition:margin .3s, opacity .2s;background-color:#5d5d5d;}
#section8 .wireframe .slideMedia .Media-nav .slick-center{margin-top:-15px;}
#section8 .wireframe .slideMedia .Media-nav .slick-center img{opacity:1;}
#section8 .wireframe .slideMedia .Media-nav img{width:100%;opacity:.4;}
#section9 .wireframe .wireframe-content{padding:0;}
#section9 .wireframe .Blogger{width:80%;margin:0 auto;padding:80px 0 0;box-sizing:border-box;}
#section9 .wireframe .Blogger .Blogger-nav{padding-bottom:60px;}
#section9 .wireframe .Blogger .Blogger-nav a{display:inline-block;}
#section9 .wireframe .Blogger .Blogger-nav a div{height:2px;overflow:hidden;bottom:-10px;position:relative;}
#section9 .wireframe .Blogger .Blogger-nav a div span{position:absolute;background-color:#05a1c1;width:100%;height:2px;left:-100%;margin-left:200%;-webkit-transition:left 200ms linear, margin-left 200ms ease-out;transition:left 200ms linear, margin-left 200ms ease-out;}
#section9 .wireframe .Blogger .Blogger-nav a:hover div span, #section9 .wireframe .Blogger .Blogger-nav a.selected div span{left:0;margin-left:0;-webkit-transition:left 300ms ease-out;transition:left 300ms ease-out;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-Deluxe, #section9 .wireframe .Blogger .Blogger-nav .zenbook3-UX430{height:38px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-Deluxe{width:334px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-UX430{width:302px;}
#section9 .wireframe .Blogger .Blogger-nav .incline{display:inline-block;width:110px;height:1px;background-color:#5d5d5d;-webkit-transform:translate(0, -15px) rotate(-45deg);-o-transform:translate(0, -15px) rotate(-45deg);-moz-transform:translate(0, -15px) rotate(-45deg);-ms-transform:translate(0, -15px) rotate(-45deg);transform:translate(0, -15px) rotate(-45deg);}
#section9 .wireframe .Blogger .Blogger-nav:before, #section9 .wireframe .Blogger .Blogger-nav:after{content:'';width:calc((100% - 334px - 120px - 302px)/2 - 20px);height:1px;display:inline-block;background:#000;position:relative;top:-20px;}
#section9 .wireframe .Blogger .Blogger-nav:before{margin-right:20px;}
#section9 .wireframe .Blogger .Blogger-nav:after{margin-left:20px;}
#section9 .wireframe .Blogger .slideBlogger{width:90%;margin:0 auto;padding-bottom:30px;}
#section9 .wireframe .Blogger .slideBlogger img{height:55vh;margin:0 auto;}
#section9 .wireframe .Blogger .slideBlogger .slick-slide{position:relative;overflow:hidden;}
#section9 .wireframe .Blogger .slideBlogger .slick-slide a{display:block;}
#section9 .wireframe .Blogger .slideBlogger .blogger-img{display:block;height:55vh;background-size:cover;background-repeat:no-repeat;background-position:center;cursor:pointer;}
#section9 .wireframe .Blogger .slideBlogger .blogger-img:hover .overlay{opacity:0;}
#section9 .wireframe .Blogger .slideBlogger .blogger-img:hover .blog-title{transform:translate(0, 0%);}
#section9 .wireframe .Blogger .slideBlogger .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(93, 93, 93, 0.6);transition:opacity .3s;}
#section9 .wireframe .Blogger .slideBlogger .overlay span{position:absolute;width:100%;height:20px;top:0;right:0;bottom:0;left:0;margin:auto;color:#fff;text-align:center;font-size:20px;font-weight:300;}
#section9 .wireframe .Blogger .slideBlogger .blog-title{color:#fff;font-size:18px;font-weight:300;letter-spacing:1px;line-height:25px;padding:20px 15px;box-sizing:border-box;position:absolute;text-decoration:none;width:100%;position:absolute;bottom:0;background:rgba(0, 0, 0, 0.7);transform:translate(0, 100%);transition:transform .3s ease-out;}
#section10 .wireframe .wireframe-content .mid{width:70%;height:60%;}
#section10 .wireframe .wireframe-content .product-left{width:35%;}
#section10 .wireframe .wireframe-content .product-left .incline{width:300px;-webkit-transform:translate(15px, 20px) rotate(-45deg);-o-transform:translate(15px, 20px) rotate(-45deg);-moz-transform:translate(15px, 20px) rotate(-45deg);-ms-transform:translate(15px, 20px) rotate(-45deg);transform:translate(15px, 20px) rotate(-45deg);}
#section10 .wireframe .wireframe-content .product-right{width:65%;}
#section10 .wireframe .wireframe-content .download-desktop li, #section10 .wireframe .wireframe-content .download-mobile li{display:block;font-size:26px;font-weight:300;letter-spacing:3px;line-height:30px;padding:30px 0;}
#section10 .wireframe .wireframe-content .download-desktop li a, #section10 .wireframe .wireframe-content .download-mobile li a{display:inline-block;color:#000;text-decoration:none;}
#section10 .wireframe .wireframe-content .download-desktop li a div, #section10 .wireframe .wireframe-content .download-mobile li a div{height:2px;overflow:hidden;bottom:-10px;position:relative;}
#section10 .wireframe .wireframe-content .download-desktop li a div span, #section10 .wireframe .wireframe-content .download-mobile li a div span{position:absolute;background-color:#05a1c1;width:100%;height:2px;left:-100%;margin-left:200%;-webkit-transition:left 200ms linear, margin-left 200ms ease-out;transition:left 200ms linear, margin-left 200ms ease-out;}
#section10 .wireframe .wireframe-content .download-desktop li a:hover div span, #section10 .wireframe .wireframe-content .download-mobile li a:hover div span{left:0;margin-left:0;-webkit-transition:left 300ms ease-out;transition:left 300ms ease-out;}
#section10 .wireframe .wireframe-content .download-mobile{position:absolute;right:20%;margin-top:70px;}
#section10 .wireframe .wireframe-content .download-mobile li{padding:10px 0;}
#section10 .wireframe .wireframe-content .download-mobile li .zenfone, #section10 .wireframe .wireframe-content .download-mobile li .zenpad{height:25px;}
#section10 .wireframe .slideDownload{width:85%;padding:50px 0 0;box-sizing:border-box;}
#section10 .wireframe .slideDownload .Download-show img{width:100%;margin:0 auto;}
#section10 .wireframe .slideDownload .Download-nav img{width:100%;opacity:.5;transition:opacity .5s;}
#section10 .wireframe .slideDownload img{width:100%;}
#section10 .wireframe .slideDownload .Download-show{width:100%;margin:0;box-sizing:border-box;padding:10px;}
#section10 .wireframe .slideDownload .Download-nav{width:100%;font-size:0;letter-spacing:0;}
#section10 .wireframe .slideDownload .Download-nav div{display:inline-block;width:33.3333%;cursor:pointer;padding:10px;box-sizing:border-box;}
#section10 .wireframe .slideDownload .Download-nav div.active img, #section10 .wireframe .slideDownload .Download-nav div:hover img{opacity:1;}
.m-1440{display:none;}
.mobile-no-rotate{background:#05a1c1;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;-webkit-animation:op 1s both;animation:op 1s both;}
.mobile-no-rotate p{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:6%;color:#fff;font-size:16px;text-align:center;}
@media screen and (max-device-width:840px) and (max-aspect-ratio:13/9){.mobile-no-rotate{display:none;}
}
@media all and (min-device-width:641px) and (max-device-width:840px) and (orientation:portrait){.mobile-no-rotate{display:none;}
}
@media screen and (min-device-width:1170px){.mobile-no-rotate{display:none;}
}
@media screen and (max-width:1800px){#section2 .fp-tableCell, #section4 .fp-tableCell, #section6 .fp-tableCell, #section6 .fp-tableCell, #section7 .fp-tableCell, #section8 .fp-tableCell, #section9 .fp-tableCell, #section10 .fp-tableCell{padding:75px 65px 45px;}
header .button_container{right:40px;}
.wireframe-content{padding:0px 0 0 130px;}
.wireframe-content .product-left .product-title .zenbook3-Deluxe{width:280px;height:31px;}
.wireframe-content .product-left .product-title .zenbook-ux430{width:280px;height:25px;}
.slogan{width:110px;height:239px;}
}
@media screen and (max-width:1620px){header .button_container{right:40px;}
.wireframe .line_V.left div{font-size:20px;}
.wireframe .line_V.left div:before{height:calc(50% - 52px);}
.wireframe .line_V.left div:after{height:calc(50% - 28px);}
.wireframe .line_H.bottom .zenbook-series{font-size:20px;}
.wireframe-content{padding:0px 0 0 130px;}
.wireframe-content .product-left .product-title{-webkit-transform:translate(-55px, -35px);-o-transform:translate(-55px, -35px);-moz-transform:translate(-55px, -35px);-ms-transform:translate(-55px, -35px);transform:translate(-55px, -35px);}
.wireframe-content .product-left .product-title .zenbook3-Deluxe{width:260px;height:29px;}
.wireframe-content .product-left .product-title .zenbook-ux430{width:260px;height:23px;}
.wireframe-content .product-left .product-txt{font-size:16px;line-height:30px;}
.wireframe-content .product-left .mid{width:85%;}
.wireframe-content .product-left .incline{width:120px;}
.wireframe-content .product-right .product-img img{width:90%;}
.slogan{width:95px;height:207px;}
.wireframe-content.accessories-product.notebook-bag .product-right .product-img img{width:100%;}
.wireframe-content.accessories-product .product-left .product-title h2{font-size:30px;}
#section1 .s1-text{left:3%;}
#section1 .s1-title{width:85%;}
#section1 .design-note{left:33%;font-size:16px;line-height:35px;}
#section1 .design-note img.zenbook3-deluxe{height:20px;}
#section3{background-position:60% 50%;}
#section3 .s3-text{top:5%;width:25%;}
#section3 .design-note{right:2%;}
#section5{background-position:10% 50%;}
#section5 .s5-text{top:8%;width:20%;}
#section5 .design-note{right:2%;}
#section10 .wireframe .wireframe-content .download-mobile{right:0;}
}
@media screen and (max-width:1440px){header .button_container{width:62px;}
.wireframe .line_V.left div{font-size:18px;}
.wireframe .line_V.left div:before{height:calc(50% - 51px);}
.wireframe .line_V.left div:after{height:calc(50% - 27px);}
.wireframe .line_H.bottom .zenbook-series{top:-20px;width:150px;padding:10px;font-size:18px;}
.wireframe-content{padding:0px 0 0 100px;}
.wireframe-content .product-left .product-title .zenbook3-Deluxe{width:230px;height:26px;}
.wireframe-content .product-left .product-title .zenbook-ux430{width:210px;height:19px;}
.wireframe-content .product-left .product-txt{font-size:15px;line-height:25px;}
.wireframe-content .product-left .product-features{font-size:15px;line-height:25px;}
.slogan{width:95px;height:207px;}
.wireframe.accessories .wireframe-content.ac-main-menu .headtxt h2{font-size:24px;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left h3, .wireframe.accessories .wireframe-content.ac-main-menu .product-right h3{font-size:24px;}
.wireframe-content.accessories-product .features li br.m-1440{display:block;}
}
@media screen and (max-width:1280px){#section2 .fp-tableCell, #section4 .fp-tableCell, #section6 .fp-tableCell, #section6 .fp-tableCell, #section7 .fp-tableCell, #section8 .fp-tableCell, #section9 .fp-tableCell, #section10 .fp-tableCell{padding:60px 15px 55px;}
header .button_container{top:50px;right:15px;width:60px;}
.wireframe .logo{top:-15px;width:180px;height:61px;}
.wireframe .line_H.top{left:200px;width:calc(100% - 200px - 90px);}
.wireframe .line_V.left div{font-size:18px;}
.wireframe .line_V.left div:before{height:calc(50% - 48px);}
.wireframe .line_H.bottom .zenbook-series{width:150px;padding:10px;font-size:18px;top:-20px;}
.wireframe-content{padding:0px 0 0 100px;}
.wireframe-content .product-left .mid{width:90%;}
.wireframe-content .product-left .incline{width:100px;-webkit-transform:translate(-29px, -62px) rotate(-55deg);-o-transform:translate(-29px, -62px) rotate(-55deg);-moz-transform:translate(-29px, -62px) rotate(-55deg);-ms-transform:translate(-29px, -62px) rotate(-55deg);transform:translate(-29px, -62px) rotate(-55deg);}
.wireframe-content .product-left .product-title .zenbook3-Deluxe{width:250px;height:28px;}
.wireframe-content .product-left .product-title .zenbook-ux430{width:250px;height:22px;}
.wireframe-content .product-left .product-txt{font-size:14px;line-height:25px;}
.wireframe-content .product-left .product-txt p{padding:8px 0;}
.wireframe-content .product-left .product-txt p:first-of-type{padding-top:30px;}
.wireframe-content .product-left .product-txt img{height:18px;}
.wireframe-content .product-left .product-features{padding-top:15px;font-size:14px;line-height:20px;}
.wireframe-content .product-right .product-img img{width:80%;}
.wireframe-content .product-right .product-more{bottom:30px;}
.wireframe-content .product-right .product-more ul li{font-size:14px;}
.wireframe-content .product-right .product-more ul li .buyopen{bottom:30px;left:-10px;width:100%;}
.slogan{width:80px;height:174px;}
.wireframe.accessories .wireframe-content.ac-main-menu .headtxt h2{font-size:20px;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left h3, .wireframe.accessories .wireframe-content.ac-main-menu .product-right h3{font-size:20px;}
#section1 .s1-text{left:5%;}
#section1 .s1-title{width:70%;}
#section1 .design-note{font-size:14px;line-height:30px;letter-spacing:1.5px;left:27%;}
#section1 .design-note img.zenbook3-deluxe{padding:0 5px;height:20px;}
#section1 .design-note .teacher-info{width:40%;}
#section3 .design-note{font-size:14px;line-height:30px;letter-spacing:1.5px;}
#section5 .design-note{font-size:14px;line-height:30px;letter-spacing:1.5px;}
#section5 .design-note img.zenbook-ux490{padding:0 5px;height:20px;}
}
@media screen and (max-width:1920px) and (max-height:900px){.wireframe-content .product-left .product-features{padding-top:0;}
}
@media screen and (max-width:1920px) and (max-height:850px){#section2 .fp-tableCell, #section4 .fp-tableCell, #section6 .fp-tableCell, #section6 .fp-tableCell, #section7 .fp-tableCell, #section8 .fp-tableCell, #section9 .fp-tableCell, #section10 .fp-tableCell{padding:75px 65px 60px;}
header .button_container{right:40px;}
.wireframe .logo{top:-30px;width:200px;height:68px;}
.wireframe .line_H.top{left:220px;width:calc(100% - 220px - 90px);}
.wireframe .line_V.left div{font-size:18px;}
.wireframe .line_V.left div:before{height:calc(50% - 51px);}
.wireframe .line_V.left div:after{height:calc(50% - 27px);}
.wireframe .line_H.bottom .zenbook-series{width:150px;padding:10px;font-size:18px;top:-20px;}
.wireframe-content{padding:0px 0 0 100px;}
.wireframe-content .product-left .product-title .zenbook3-Deluxe{width:230px;height:26px;}
.wireframe-content .product-left .product-title .zenbook-ux430{width:210px;height:19px;}
.wireframe-content .product-left .product-txt{font-size:15px;line-height:25px;}
.wireframe-content .product-left .product-txt p{padding:8px 0;}
.wireframe-content .product-left .product-txt p:first-of-type{padding-top:30px;}
.wireframe-content .product-left .product-txt img{height:20px !important;}
.wireframe-content .product-left .product-features{padding-top:15px;font-size:15px;line-height:25px;}
.wireframe-content .product-right .product-more{bottom:30px;}
.wireframe-content .product-right .product-more ul li{font-size:16px;}
.wireframe-content .product-right .product-more ul li .buyopen{bottom:30px;left:-10px;width:100%;}
.wireframe-content .product-right .product-more ul li .buyopen a{padding:15px 0;}
.slogan{width:85px;height:185px;}
#section10 .wireframe .slideDownload{width:75%;margin:0 auto;}
#section10 .wireframe .wireframe-content .download-desktop li, #section10 .wireframe .wireframe-content .download-mobile li{padding:8px 0;font-size:20px;}
#section10 .wireframe .wireframe-content .download-mobile{margin-top:50px;}
#section10 .wireframe .wireframe-content .download-mobile li .zenfone, #section10 .wireframe .wireframe-content .download-mobile li .zenpad{height:20px;}
}
@media screen and (max-width:1440px) and (max-height:750px){.wireframe-content .product-left .product-txt{font-size:14px;}
.wireframe-content .product-left .product-txt p{padding:5px 0;}
.wireframe-content .product-left .product-features{padding-top:10px;font-size:14px;}
.slogan{width:75px;height:163px;}
.lightbox-content .master{padding:40px;}
#section2 .wireframe .product-img{padding-top:0;width:80%;margin:0 auto;}
#section6 .wireframe .product-img img{width:70%;}
#section8 .wireframe .slideMedia .Media-show img{height:45vh;}
#section9 .wireframe .Blogger .Blogger-nav{padding-bottom:20px;}
#section9 .wireframe .Blogger .Blogger-nav .incline{width:60px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-Deluxe, #section9 .wireframe .Blogger .Blogger-nav .zenbook3-UX430{height:30px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-Deluxe{width:264px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-UX430{width:300px;}
#section9 .wireframe .Blogger .Blogger-nav:before, #section9 .wireframe .Blogger .Blogger-nav:after{width:calc((100% - 264px - 60px - 300px)/2 - 20px);}
#section9 .wireframe .Blogger .slideBlogger{width:80%;}
}
@media screen and (max-width:1440px) and (max-height:700px){.lightbox-content .master{padding:0;}
}
@media screen and (max-width:1440px) and (max-height:650px){.divider{margin-top:10px;}
.wireframe-content .product-left .incline{-webkit-transform:translate(-20px, -60px) rotate(-55deg);-o-transform:translate(-20px, -60px) rotate(-55deg);-moz-transform:translate(-20px, -60px) rotate(-55deg);-ms-transform:translate(-20px, -60px) rotate(-55deg);transform:translate(-20px, -60px) rotate(-55deg);}
.wireframe-content .product-left .product-txt p:first-of-type{padding-top:15px;}
.slogan{width:60px;height:131px;}
}
@media screen and (max-width:1280px) and (max-height:850px){#section2 .fp-tableCell, #section4 .fp-tableCell, #section6 .fp-tableCell, #section6 .fp-tableCell, #section7 .fp-tableCell, #section8 .fp-tableCell, #section9 .fp-tableCell, #section10 .fp-tableCell{padding:60px 15px 55px;}
header .button_container{top:50px;right:15px;width:60px;}
.wireframe .logo{top:-15px;width:180px;height:61px;}
.wireframe .line_H.top{left:200px;width:calc(100% - 200px - 90px);}
.wireframe .line_V.left div{font-size:18px;}
.wireframe .line_V.left div:before{height:calc(50% - 48px);}
.wireframe .line_H.bottom .zenbook-series{width:150px;padding:10px;font-size:18px;top:-20px;}
.wireframe-content{padding:0px 0 0 100px;}
.wireframe-content .product-left .mid{width:90%;}
.wireframe-content .product-left .info-top{padding-top:15px;}
.wireframe-content .product-left .incline{width:100px;-webkit-transform:translate(-29px, -62px) rotate(-55deg);-o-transform:translate(-29px, -62px) rotate(-55deg);-moz-transform:translate(-29px, -62px) rotate(-55deg);-ms-transform:translate(-29px, -62px) rotate(-55deg);transform:translate(-29px, -62px) rotate(-55deg);}
.wireframe-content .product-left .product-title .zenbook3-Deluxe{width:250px;height:28px;}
.wireframe-content .product-left .product-title .zenbook-ux430{width:250px;height:22px;}
.wireframe-content .product-left .product-txt{font-size:14px;line-height:25px;}
.wireframe-content .product-left .product-txt p{padding:8px 0;}
.wireframe-content .product-left .product-txt img{height:18px;}
.wireframe-content .product-left .product-features{padding-top:15px;font-size:14px;line-height:20px;}
.wireframe-content .product-right .product-img img{width:80%;}
.wireframe-content .product-right .product-more{bottom:30px;}
.wireframe-content .product-right .product-more ul li{font-size:14px;}
.wireframe-content .product-right .product-more ul li .buyopen{bottom:30px;left:-10px;width:100%;}
#section8 .wireframe .slideMedia{width:50%;padding:20px 0 0;}
}
@media screen and (max-width:1280px) and (max-height:650px){#section1 .s1-title{width:55%;}
#section1 .goback-section .slogan-title{margin:0 auto 10px;}
#section1 .goback-section .kv-1stv{width:50%;}
}
@media screen and (max-height:900px){#section1 .goback-section .slogan-title{width:50%;}
#section1 .goback-section .logo{width:30%;}
#section1 .goback-section .kv-1stv{width:90%;}
}
@media screen and (max-height:850px){#section1 .goback-section .kv-1stv{width:85%;}
#section1 .goback-section .design-text{width:85%;margin:20px auto 0;}
#section1 .goback-section .design-text p{font-size:14px;line-height:23px;}
#section1 .goback-section .design-text .p-end{padding-bottom:10px;}
}
@media screen and (max-height:800px){#section1 .s1-text{top:10%;left:5%;}
#section1 .s1-title{width:70%;}
#section1 .design-note{font-size:14px;line-height:35px;letter-spacing:1.5px;left:27%;}
#section1 .design-note img.zenbook3-deluxe{padding:0 5px;height:20px;}
#section1 .design-note .teacher-info{width:50%;}
#section1 .goback-section .slogan-title{width:45%;margin:15px auto;}
#section1 .goback-section .design-text{margin:20px auto 0;text-align:left;}
#section1 .goback-section .design-text p{font-size:14px;line-height:23px;}
#section1 .goback-section .design-text .p-end{padding-bottom:10px;}
#section2 .wireframe .product-img{padding-top:0;}
#section3 .s3-text{width:20%;}
#section6 .wireframe-content .product-right .product-img img{width:75%;}
#section8 .wireframe .slideMedia{width:50%;padding:30px 0 0;}
#section8 .wireframe .slideMedia .Media-show img{height:50vh;}
#section9 .wireframe .Blogger .slideBlogger .blogger-img{height:50vh;}
#section10 .wireframe .slideDownload{width:70%;padding:50px 0 0;}
}
@media screen and (max-height:767px){#section1 .goback-section .info{text-align:center;}
#section1 .goback-section .logo, #section1 .goback-section .slogan-title{display:inline-block;vertical-align:middle;}
#section10 .wireframe .slideDownload{width:70%;padding:50px 0 0;}
}
@media screen and (max-height:730px){.lightbox-content .master{padding:0;}
}
@media screen and (max-height:700px){#section1 .goback-section .kv-1stv{width:75%;}
#section1 .goback-section .slogan-title{width:35%;}
#section2 .wireframe-content .product-right .product-img img{width:80%;}
#section6 .wireframe-content .product-right .product-img img{width:65%;}
}
@media screen and (max-height:650px){header .overlay nav{font-size:24px;}
header .overlay ul li.btn-startint, header .overlay ul li a{line-height:1.5em;}
.lightbox-content .master h3, .lightbox-content .master ul li{font-size:14px;line-height:20px;}
.lightbox-content .master ul li{margin-bottom:8px;}
.wireframe .logo{width:150px;height:51px;}
.wireframe .line_H.top{left:170px;width:calc(100% - 170px - 90px);}
.wireframe .line_V.left{height:calc(100% - 40px);}
.wireframe .line_V.left div:after{height:calc(50% - 30px);}
.wireframe-content .product-left .product-txt p{padding:8px 0 0;}
.wireframe-content .product-left .incline{-webkit-transform:translate(0, -62px) rotate(-55deg);-o-transform:translate(0, -62px) rotate(-55deg);-moz-transform:translate(0, -62px) rotate(-55deg);-ms-transform:translate(0, -62px) rotate(-55deg);transform:translate(0, -62px) rotate(-55deg);}
.wireframe-content .product-left .product-title{-webkit-transform:translate(-10px, -35px);-o-transform:translate(-10px, -35px);-moz-transform:translate(-10px, -35px);-ms-transform:translate(-10px, -35px);transform:translate(-10px, -35px);}
.wireframe-content.accessories-product .product-left .product-title h2{font-size:25px;}
.wireframe-content.accessories-product .ac-close{font-size:14px;padding:3px 10px;}
.youtube-vd.lightbox{padding-top:1%;}
#section1 .s1-title{width:55%;}
#section1 .goback-section .slogan-title{margin:0 auto 10px;}
#section1 .goback-section .kv-1stv{width:50%;}
#section1 .goback-section .design-text p{font-size:12px;line-height:20px;}
#section3 .s3-text{width:20%;}
#section6 .wireframe-content .product-right .product-img img{margin:20px auto;width:60%;}
#section7 .ac-nav{left:200px;}
#section8 .wireframe .slideMedia .Media-show img{height:45vh;}
#section9 .wireframe .Blogger{width:70%;padding:30px 0 0;}
#section10 .wireframe .slideDownload{width:65%;padding:20px 0 0;margin:0 auto;}
}
@media screen and (max-width:1169px){header .overlay ul li.btn-startint.v-mobile, header .overlay ul li a.v-mobile{display:block;}
header .overlay ul li.btn-startint.v-desktop, header .overlay ul li a.v-desktop{display:none;}
.v-mobile{display:block;}
.v-desktop{display:none;}
#section2 .fp-tableCell, #section4 .fp-tableCell, #section6 .fp-tableCell, #section6 .fp-tableCell, #section7 .fp-tableCell, #section8 .fp-tableCell, #section9 .fp-tableCell{padding:30px 15px;}
#section10 .fp-tableCell{padding:30px 15px 50px;}
.wireframe .line_H.bottom .zenbook-series{display:none;}
.wireframe .line_V.left{width:18px;}
.wireframe .line_V.left div span{width:18px;line-height:20px;display:block;left:-8px;position:relative;}
.wireframe .line_V.left div span.v-desktop{display:none;}
.wireframe .line_V.left div .htop{display:none;}
.wireframe .line_V.left div .hbottom{margin-top:10px;height:calc(100% - 80px - 10px);}
.wireframe .line_V.left div:before{display:none;}
.wireframe .line_V.left div:after{margin-top:10px;height:calc(100% - 80px - 10px);}
.wireframe-content{padding:30px 0 0;}
.wireframe-content .product-img.v-mobile{width:60% !important;margin:0 auto;text-align:center;padding-bottom:30px;}
.wireframe-content .product-img.v-mobile img{max-width:100%;}
.wireframe-content .product-left{width:100%;height:auto;}
.wireframe-content .product-left .mid{position:relative;}
.wireframe-content .product-left .info-top{margin:0 auto;text-align:center;}
.wireframe-content .product-left .info-top > div{vertical-align:middle;}
.wireframe-content .product-left .incline{-webkit-transform:translate(-14px, 15px) rotate(-55deg);-o-transform:translate(-14px, 15px) rotate(-55deg);-moz-transform:translate(-14px, 15px) rotate(-55deg);-ms-transform:translate(-14px, 15px) rotate(-55deg);transform:translate(-14px, 15px) rotate(-55deg);}
.wireframe-content .product-left .product-title{-webkit-transform:translate(-20px, 30px);-o-transform:translate(-20px, 30px);-moz-transform:translate(-20px, 30px);-ms-transform:translate(-20px, 30px);transform:translate(-20px, 30px);}
.wireframe-content .product-left .product-txt{font-size:16px;line-height:30px;}
.wireframe-content .product-left .product-txt img{height:22px !important;}
.wireframe-content .product-left .product-features{font-size:16px;line-height:30px;letter-spacing:1px;}
.wireframe-content .product-left .product-features li{margin:10px 0;}
.wireframe-content .product-right{width:100%;height:auto;}
.wireframe-content .product-right .product-img{display:none;height:auto;}
.wireframe-content .product-right .product-img img{position:relative;}
.wireframe-content .product-right .product-more{position:relative;bottom:0;padding:30px 0;}
.wireframe-content .product-right .product-more ul li{font-size:18px;}
.wireframe.accessories .wireframe-content.ac-main-menu .headtxt{display:none;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left, .wireframe.accessories .wireframe-content.ac-main-menu .product-right{height:50%;background-size:contain;background-repeat:no-repeat;background-position:center;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left h3, .wireframe.accessories .wireframe-content.ac-main-menu .product-right h3{top:-30%;font-size:18px;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left h3 span, .wireframe.accessories .wireframe-content.ac-main-menu .product-right h3 span{font-size:20px;padding-bottom:20px;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left span, .wireframe.accessories .wireframe-content.ac-main-menu .product-right span{padding-bottom:10px;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left .overlay, .wireframe.accessories .wireframe-content.ac-main-menu .product-right .overlay{opacity:.5;}
.wireframe.accessories .wireframe-content.accessories-product{padding-top:100px;}
.wireframe.accessories .wireframe-content.accessories-product .ac-section{height:auto;}
.wireframe.accessories .wireframe-content.accessories-product .product-right .product-img{display:block;margin:20px auto;}
.wireframe.accessories .wireframe-content.accessories-product .product-right .product-img img{width:100%;}
.wireframe-content.accessories-product .product-right p.note{text-align:center;padding:0 10px;line-height:18 px;}
.ac-lightbox .wireframe-content.accessories-product .features li{padding:0 3%;}
.ac-lightbox .wireframe-content.accessories-product .features li div{width:80%;}
.ac-lightbox .wireframe-content.accessories-product .product-left .product-txt{text-align:center;}
.ac-lightbox .wireframe-content.accessories-product .product-left .btn-incline{padding-bottom:30px;}
.ac-lightbox .wireframe-content.accessories-product .product-right .product-img{width:60%;margin:0 auto 30px;text-align:center;}
.ac-lightbox .wireframe-content.accessories-product .product-right .product-img img{width:100%;}
.youtube-vd .lightbox-content{padding:30px 10px;}
.lightbox-content .iframe-wrap{text-align:center;}
.lightbox-content .iframe-wrap iframe{width:560px;height:315px;}
#section1.section{overflow:auto;}
#section1 .goback-section{display:none;}
#section1 .s1-text{width:auto;}
#section1 .design-note.v-mobile{position:relative;left:0;padding:15px;box-sizing:border-box;background:-moz-linear-gradient(top, rgba(70, 178, 209, 0) 1%, rgba(70, 178, 209, 0) 8%, #46b2d1 49%, #46b2d1 99%, #46b2d1 100%);background:-webkit-linear-gradient(top, rgba(70, 178, 209, 0) 1%, rgba(70, 178, 209, 0) 8%, #46b2d1 49%, #46b2d1 99%, #46b2d1 100%);background:linear-gradient(to bottom, rgba(70, 178, 209, 0) 1%, rgba(70, 178, 209, 0) 8%, #46b2d1 49%, #46b2d1 99%, #46b2d1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0046b2d1', endColorstr='#46b2d1',GradientType=0);}
#section1 .design-note.v-mobile .btn-section{display:block;position:relative;font-size:0;letter-spacing:0;}
#section1 .design-note.v-mobile .goback-1st-v-mo{position:relative;display:inline-block;right:auto;margin-right:20px;letter-spacing:1px;font-size:14px;cursor:pointer;}
#section1 .design-note.v-mobile .goback-1st-v-mo:before{padding-bottom:0;padding-right:10px;vertical-align:middle;}
#section1 .design-note.v-mobile .teacher-info{display:inline-block;width:auto;font-size:14px;letter-spacing:1px;text-align:right;}
#section2 .wireframe .product-img{padding-top:30px;}
#section3{background-image:url("../images/kv-02-mobile.jpg");background-size:cover;background-position:center;}
#section3 .s3-text{width:30%;left:0;right:0;margin:0 auto;}
#section3 .design-note{right:0;left:0;margin:0 auto;width:80%;}
#section4 .wireframe-content .product-img.v-mobile{width:80% !important;margin-top:10vh;}
#section5{background-image:url("../images/kv-03-mobile2.jpg");background-size:cover;background-position:top;}
#section5 .txtbg{display:block;}
#section5 .s5-text{width:35%;top:23%;}
#section5 .design-note{right:0;left:0;margin:0 auto;width:80%;}
#section6 .wireframe-content .product-img.v-mobile{margin-top:10vh;}
#section6 .wireframe .product-img img{width:100%;}
#section7 .ac-nav{top:60px;left:30px;}
#section8 .wireframe-content{position:relative;z-index:1;}
#section8 .wireframe .line_V.left div .hbottom{height:calc(100% - 120px - 10px);}
#section8 .wireframe .line_V.left div:after{height:calc(100% - 120px - 10px);}
#section8 .wireframe .slideMedia .Media-show img{width:100%;height:auto;}
#section8 .wireframe .slideMedia .Media-nav .slick-center{margin-top:0;}
#section8 .wireframe .slideMedia{width:80%;padding:150px 0 30px;}
#section9 .wireframe-content{position:relative;z-index:1;}
#section9 .wireframe .Blogger .slideBlogger{padding-bottom:0;}
#section9 .wireframe .Blogger .slideBlogger .overlay span{font-size:14px;}
#section9 .wireframe .Blogger .slideBlogger .blog-title{font-size:14px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-Deluxe{width:257px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-UX430{width:219px;}
#section9 .wireframe .Blogger .Blogger-nav:before, #section9 .wireframe .Blogger .Blogger-nav:after{width:calc((100% - 257px - 120px - 219px)/2 - 20px);}
#section10 .wireframe .wireframe-content .mid{display:none;}
#section10 .wireframe .wireframe-content .product-right{width:100%;}
#section10 .wireframe .slideDownload{width:85%;margin:0 auto;padding-top:40px;padding-bottom:30px;}
#section10 .wireframe .slideDownload .Download-nav div{padding:5px;}
#section10 .wireframe .btn-incline{margin-bottom:15px 0 10px;color:#05a1c1;}
#section10 .wireframe .btn-incline span, #section10 .wireframe .btn-incline span:before{background-color:#05a1c1;}
}
@media screen and (max-width:999px){#section9 .wireframe .Blogger .slick-vertical .slick-slide{border:none !important;}
#section9 .wireframe .Blogger .slideBlogger .blogger-img{height:80px;}
#section9 .wireframe .Blogger .slideBlogger .blog-title{height:100%;padding:15px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-Deluxe{width:203px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-UX430{width:173px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-Deluxe, #section9 .wireframe .Blogger .Blogger-nav .zenbook3-UX430{height:30px;}
#section9 .wireframe .Blogger .Blogger-nav .incline{width:80px;}
#section9 .wireframe .Blogger .Blogger-nav:before, #section9 .wireframe .Blogger .Blogger-nav:after{width:calc((100% - 203px - 120px - 173px)/2 - 20px);}
}
@media screen and (max-width:840px){.youtube-vd .lightbox-content{padding:30px 10px;}
.lightbox-content .master{padding:0;}
.lightbox-content .master h3, .lightbox-content .master ul li{font-size:14px;line-height:20px;}
.lightbox-content .master .show480{display:block;}
.lightbox-content .iframe-wrap{text-align:center;}
.lightbox-content .iframe-wrap iframe{width:450px;height:253px;}
}
@media screen and (max-width:767px){.wireframe-content.accessories-product .features li{width:100%;padding-bottom:30px;}
.wireframe-content.accessories-product .features li br.m-1440{display:none;}
.wireframe-content.accessories-product .product-left .btn-incline{width:100%;}
.wireframe-content.accessories-product .specs .left, .wireframe-content.accessories-product .specs .right{width:100%;}
.wireframe-content.accessories-product .specs .left div{padding-top:30px;float:none;margin:0 auto;}
.ac-lightbox .wireframe-content.accessories-product .features li{width:80%;padding:0 0 30px;}
.ac-lightbox .wireframe-content.accessories-product .features li p{font-size:16px;line-height:23px;}
.ac-lightbox .wireframe-content.accessories-product .product-left .btn-incline{font-size:16px;}
.ac-lightbox .wireframe-content.accessories-product .product-right .product-img{width:80%;}
#section1 .design-note.v-mobile{padding:15px;line-height:25px;}
#section1 .design-note.v-mobile br{display:none;}
#section1 .design-note.v-mobile .btn-section{padding-top:10px;}
#section1 .design-note.v-mobile .goback-1st-v-mo{position:relative;display:inline-block;width:50%;margin-right:0;}
#section1 .design-note.v-mobile .teacher-info{display:inline-block;width:50%;font-size:14px;letter-spacing:1px;text-align:right;}
#section3 .s3-text{width:45%;}
#section3 .design-note{line-height:25px;}
#section3 .design-note br{display:none;}
#section5 .s5-text{width:35%;right:7%;top:16%;}
#section5 .design-note{line-height:25px;}
#section5 .design-note br{display:none;}
#section9 .wireframe .Blogger{padding:80px 0 30px;}
#section9 .wireframe .Blogger .Blogger-nav{text-align:center;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-Deluxe{width:169px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-UX430{width:144px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-Deluxe, #section9 .wireframe .Blogger .Blogger-nav .zenbook3-UX430{height:25px;}
#section9 .wireframe .Blogger .Blogger-nav .incline{width:60px;}
#section9 .wireframe .Blogger .Blogger-nav:before, #section9 .wireframe .Blogger .Blogger-nav:after{display:none;}
}
@media screen and (max-width:640px){header .button_container{width:50px;right:10px;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left{background-size:70%;background-position:bottom;}
#section1.section, #section3.section, #section5.section, #section7.section{height:100vh !important;}
#section1.section .fp-tableCell, #section3.section .fp-tableCell, #section5.section .fp-tableCell, #section7.section .fp-tableCell{height:100vh !important;}
#section2.section, #section4.section, #section6.section{height:auto !important;}
#section2.section .fp-tableCell, #section4.section .fp-tableCell, #section6.section .fp-tableCell{height:auto !important;}
#section8.section, #section9.section, #section10.section{height:550px !important;}
#section8.section .fp-tableCell, #section9.section .fp-tableCell, #section10.section .fp-tableCell{height:550px !important;}
.wireframe .logo{width:150px;height:51px;}
.wireframe .line_H.top{left:170px;width:calc(100% - 170px - 60px);}
.wireframe .line_V.left{height:calc(100% - 40px);}
#section10 .fp-tableCell{padding:30px 15px 80px;}
.section .slick-arrow{width:22px;height:30px;}
.wireframe-content .product-left .product-title .zenbook3-Deluxe{width:176px;height:20px;}
.wireframe-content .product-left .product-title .zenbook-ux430{width:176px;height:16px;}
.wireframe-content .product-left .incline{width:90px;}
.wireframe-content .product-left .product-txt{font-size:14px;line-height:25px;}
.wireframe-content .product-left .product-txt img{height:20px !important;}
.wireframe-content .product-left .product-txt br{display:none;}
.wireframe-content .product-left .product-features{font-size:14px;line-height:20px;}
.wireframe-content .product-right .product-more ul li{font-size:14px;}
.wireframe-content .product-right .product-more ul li a span{display:none;}
.wireframe-content .product-right .product-more ul li:after{content:'/';display:inline-block;position:absolute;top:0px;right:0;}
.wireframe-content .product-right .product-more ul li:last-of-type:after{display:none;}
.slogan{width:50px;height:109px;}
.wireframe-content.accessories-product .product-left .info-top{padding:80px 0 0;}
.wireframe-content.accessories-product .product-left .info-top > div{display:block;}
.wireframe-content.accessories-product .product-left .product-title{margin:0 auto;position:relative;top:0;}
.wireframe-content.accessories-product .product-left .product-title h2{font-size:20px;}
.lightbox-content .iframe-wrap iframe{width:300px;height:196px;}
.ac-lightbox .wireframe-content.accessories-product .product-left .info-top .product-title h2{font-size:20px;}
.lightbox{padding-top:0;}
.lightbox-box{width:100%;height:100%;max-height:100vh;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.youtube-vd .lightbox-box{width:90%;height:auto;max-height:692px;top:5%;}
.lightbox-content .master{padding:0;}
.lightbox-content .master h3, .lightbox-content .master ul li{font-size:14px;line-height:20px;}
#section4 .wireframe-content .product-img.v-mobile{width:80%;margin-top:10vh;}
#section5 .design-note br.v-640{display:block;}
#section8.section .slick-prev{left:-20px;}
#section8.section .slick-next{right:-20px;}
#section8 .wireframe .slideMedia{width:85%;}
#section8 .wireframe .slideMedia .Media-nav{margin-top:0px;}
#section8 .wireframe .slideMedia .Media-nav .slick-slide{margin:0 5px;}
#section8 .wireframe .slideMedia .Media-nav .slick-center{margin-top:0;}
#section8 .wireframe .slideMedia.comingsoon .Media-nav .up.slick-slide{margin-top:0px !important;}
#section8 .wireframe .slideMedia.comingsoon .Media-nav .slick-arrow{display:none !important;}
#section9 .wireframe .Blogger .Blogger-nav{text-align:center;padding-bottom:30px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-Deluxe{width:135px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-UX430{width:115px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-Deluxe, #section9 .wireframe .Blogger .Blogger-nav .zenbook3-UX430{height:20px;}
#section9 .wireframe .Blogger .Blogger-nav a{vertical-align:middle;}
#section9 .wireframe .Blogger .Blogger-nav .incline{width:40px;vertical-align:middle;transform:translate(0, 0px) rotate(-45deg);}
#section9 .wireframe .Blogger .slideBlogger .blog-title{font-size:13px;line-height:18px;}
#section10 .wireframe .slideDownload .v-ipad{display:none;}
#section10 .wireframe .slideDownload .v-iphone{display:block;}
}
@media screen and (max-width:480px){header .overlay nav{font-size:25px;}
.wireframe-content .product-right .product-more ul li .buyopen{width:130px;left:-25px;}
.wireframe-content .product-right .product-more ul li .buyopen a{padding:15px 0;}
}
@media screen and (max-width:400px){header .overlay ul li a{line-height:1.5em;}
.overlay nav ul li.on .dropdown-content-m{height:4em;margin-top:1.5em !important;}
.wireframe-content .product-left .product-title{position:absolute;right:0;top:66px;-webkit-transform:translate(-10px, 12px);-o-transform:translate(-10px, 12px);-moz-transform:translate(-10px, 12px);-ms-transform:translate(-10px, 12px);transform:translate(-10px, 12px);}
.wireframe-content .product-left .incline{width:80px;margin-right:45%;}
.wireframe-content .product-right .product-more ul li .buyopen{padding:5px;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left h3, .wireframe.accessories .wireframe-content.ac-main-menu .product-right h3{font-size:16px;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left span, .wireframe.accessories .wireframe-content.ac-main-menu .product-right span{font-size:18px;}
#section9 .wireframe .Blogger .Blogger-nav{text-align:center;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-Deluxe{width:169px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-UX430{width:144px;}
#section9 .wireframe .Blogger .Blogger-nav .zenbook3-Deluxe, #section9 .wireframe .Blogger .Blogger-nav .zenbook3-UX430{height:25px;margin:0 auto;}
#section9 .wireframe .Blogger .Blogger-nav a{vertical-align:middle;text-align:center;}
#section9 .wireframe .Blogger .Blogger-nav a div{bottom:0;}
#section9 .wireframe .Blogger .Blogger-nav .incline{display:block;width:100%;margin:10px 0;transform:translate(0, 0px) rotate(0deg);}
#section10 .wireframe .slideDownload .Download-nav .slick-slide{margin:0 5px;}
}
@media screen and (max-width:320px){.lightbox-content .iframe-wrap iframe{width:250px;height:141px;}
.wireframe-content .product-left .info-top{text-align:center;}
.wireframe-content .product-left .info-top > div{display:block;}
.wireframe-content .product-left .incline{display:none !important;margin:15px auto 20px;-webkit-transform:translate(0px, 0px) rotate(0deg);-o-transform:translate(0px, 0px) rotate(0deg);-moz-transform:translate(0px, 0px) rotate(0deg);-ms-transform:translate(0px, 0px) rotate(0deg);transform:translate(0px, 0px) rotate(0deg);}
.wireframe-content .product-left .product-title{margin-bottom:15px;position:relative;top:0;-webkit-transform:translate(0px, 0px);-o-transform:translate(0px, 0px);-moz-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate(0px, 0px);}
.slogan{width:50px;height:109px;margin:0 auto;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left{background-position:50% 90%;}
#section1 .design-note.v-mobile .goback-1st-v-mo{width:45%;}
#section1 .design-note.v-mobile .teacher-info{width:55%;}
}
@media screen and (max-width:1169px) and (orientation:landscape){.wireframe.accessories .wireframe-content.ac-main-menu .headtxt{display:block;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left span.v-mobile{display:none;}
.wireframe.accessories .wireframe-content.ac-main-menu .product-left, .wireframe.accessories .wireframe-content.ac-main-menu .product-right{height:100%;width:50%;}
.s1-kv-flower{width:19.5%;-webkit-transform:translate(-168%, 12%) rotate(0deg);transform:translate(-168%, 12%) rotate(0deg);}
#section1 .v-mobile-l{display:block;}
#section1 .v-mobile-p{display:none;}
#section1 .s1-notebook{-webkit-transform:translate(-40.5%, 16%);transform:translate(-40.5%, 16%);width:39.5%;}
#section1 .s1-flowermask{-webkit-transform:translate(474%, 393%);transform:translate(474%, 393%);width:4%;}
#section3{background-image:url(../images/kv-02.jpg);background-size:cover;background-position:45% 50%;}
#section3 .design-note{right:5%;left:auto;width:auto;}
#section3 .s3-text{width:20%;left:auto;right:2%;}
#section5{background-image:url(../images/kv-03.jpg);background-position:10% 50%;}
#section5 .s5-text{width:23%;top:8%;right:2%;}
}
@media screen and (max-width:1169px) and (orientation:portrait){.s1-kv-flower{width:31.5%;-webkit-transform:translate(-158%, 8%) rotate(0deg);transform:translate(-158%, 8%) rotate(0deg);}
#section1 .v-mobile-l{display:none;}
#section1 .v-mobile-p{display:block;}
#section1 .s1-notebook{-webkit-transform:translate(-40.5%, 16%);transform:translate(-40.5%, 16%);width:59.5%;}
#section1 .s1-flowermask{-webkit-transform:translate(437%, 362%);transform:translate(437%, 362%);width:6.5%;}
#section1 .s1-text{top:6%;left:4%;}
}
@media screen and (max-width:480px) and (orientation:portrait){#section1 .s1-flowermask{-webkit-transform:translate(437%, 340%);transform:translate(437%, 340%);width:6.5%;}
#section1 .s1-text{top:7%;left:3%;}
#section1 .s1-title{width:44%;}
}
@media screen and (max-width:320px) and (orientation:portrait){#section1 .s1-title{width:35%;}
}