@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,time,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}*,:after,:before{box-sizing:border-box}:focus{outline:0}:disabled{background:#fff;color:#dee0e5}input,select,textarea{font-size:18px;padding:0 24px;border:solid 1px #8a9297}input::placeholder,select::placeholder,textarea::placeholder{color:#dadce2}@media screen and (max-width:820px){input,select,textarea{font-size:15px;padding:0 9px}}select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../svg/arrw_1.svg?20180611) no-repeat scroll 96.9% center transparent}:root{--gray200:#24A5E8;--text:#8a9297;--main:#0E3144}.article-title-box{position:relative;text-align:center;background-image:url(../images/img_deco_light_line.png),url(../images/img_deco_light_line.png);background-repeat:no-repeat,no-repeat;background-position:left center,right center;background-size:22.9%;margin:41px 0 92.6px 0;padding:62px 26px 0 26px}.article-title-box h1{font-family:Outfit;font-size:100px;color:#9ad3f4;letter-spacing:5px;text-transform:uppercase;line-height:1}.article-title-box h1 br{display:none}.article-title-box h2{font-size:40px;color:#0E3144;line-height:1.8;letter-spacing:4px}@media screen and (max-width:1024px){.article-title-box{margin:0 0 30px 0;padding-top:20px;padding-bottom:31px;background-position:-45% 91%,140% 91%;background-size:45%}.article-title-box h1{line-height:1.41;letter-spacing:normal}}@media screen and (max-width:1024px) and (max-width:820px){.article-title-box h1{font-size:10vw}.article-title-box h1 br{display:block}}@media screen and (max-width:1024px) and (max-width:640px){.article-title-box h1{font-size:11vw}}@media screen and (max-width:1024px) and (max-width:820px){.article-title-box h2{font-size:6vw}}.title{color:#24A5E8;font-size:40px;padding-bottom:15.5px;border-bottom:1px solid #A1C4FD;margin-bottom:39.5px}@media screen and (max-width:768px){.title{font-size:20px;padding-bottom:8.5px;margin-bottom:17.5px}}.contact-title h4{font-family:Outfit;font-size:16px;color:#24A5E8;letter-spacing:3.2px;margin-bottom:11px}@media screen and (max-width:640px){.contact-title h4{font-size:13px}}.contact-title h2{font-size:48px;color:#1a1a1a;letter-spacing:1.2px;line-height:1;margin-bottom:40px}@media screen and (max-width:640px){.contact-title h2{font-size:24px}}.card-title{font-size:20px;width:100%;line-height:1.25;letter-spacing:2px;text-align:center;color:#FFFFFF;background-color:#24A5E8;border-radius:8px;padding:10px 0 9px 0;margin-bottom:50px;font-weight:normal}@media screen and (max-width:640px){.card-title{font-size:16px;margin-bottom:30px}}.in-title{text-align:center;margin-bottom:80px;letter-spacing:3.2px}@media screen and (max-width:640px){.in-title{margin-bottom:32px}}.in-title h3{text-transform:uppercase;color:#24A5E8;margin-bottom:10px}@media screen and (max-width:640px){.in-title h3{font-size:12px;margin-bottom:0}}.in-title h2{font-size:32px;color:#0E3144;font-weight:500}@media screen and (max-width:640px){.in-title h2{font-size:24px}}.btn-1{width:268px;line-height:64px;display:flex;align-items:center;justify-content:center;color:#FFFFFF;font-size:18px;letter-spacing:3.6px;background-image:linear-gradient(to right,#83D7FE 0%,#5796FC 51%,#83D7FE 100%);text-decoration:none;border-radius:99em;transition:0.5s;background-size:200% auto;text-align:center}.btn-1:hover{background-position:right center}@media screen and (max-width:820px){.btn-1{width:200px;line-height:60px}}@media screen and (max-width:820px){.btn-1{width:160px;line-height:40px;font-size:14px}}.btn-2{transition:0.5s;color:#FFFFFF;width:100%;line-height:48px;padding:0 17.9104477612%;border-radius:24px;background:#0E3144;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:640px){.btn-2{padding:0 12.910448%;height:40px}}.btn-2:hover{background:#24A5E8}.btn-2.i-car:before{content:"";display:block;width:36px;height:34px;background:url(../images/icon/buy.svg) no-repeat;background-size:contain}.btn-2.i-buy:before{content:"";display:block;width:36px;height:34px;background:url(../images/icon/money.svg) no-repeat;background-size:contain}.btn-line{transition:0.5s;font-size:18px;width:100%;line-height:56px;padding:0 20px;border-radius:8px;display:block;color:#FFFFFF;text-decoration:none;background:url(../images/icon/line.svg) #07B53B no-repeat 96% center;background-size:36px 38px;margin-bottom:44px}.btn-line:hover{opacity:0.8}@media screen and (max-width:820px){.btn-line{font-size:16px;line-height:43px;background-size:26px 28px;margin-bottom:30px}}.close-btn{position:relative;right:20px;text-indent:-100000px;height:100%;background-image:url(../images/icon/close_desk_un.svg);background-repeat:no-repeat;background-position:right center}.close-btn:hover{background-image:url(../images/icon/close_desk_hover.svg)}@media screen and (max-width:820px){.close-btn{width:21px!important;height:21px;top:-3px;right:0;background-image:url(../images/icon/close_mb_un.svg);background-size:cover}}.form-group{position:relative;margin-bottom:20px}.form-group h4,.form-group label{font-size:18px;margin-bottom:8px;display:block}@media screen and (max-width:820px){.form-group h4,.form-group label{font-size:15px}}.form-group sub{color:#24A5E8}.form-group input,.form-group select,.form-group textarea{transition:0.5s;width:100%;height:64px;border-radius:8px}@media screen and (max-width:820px){.form-group input,.form-group select,.form-group textarea{height:43px}}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border:solid 1px #24A5E8}.form-group textarea{height:200px;padding:17px 24px}@media screen and (max-width:820px){.form-group textarea{padding:10px 9px}}.form-group select{background:url(../images/04_contact/arrw.svg) no-repeat 99% center;background-size:16px 18px}.form-group .with-errors{font-size:16px;letter-spacing:1.2px;width:100%;color:#24A5E8;margin-top:8px}@media screen and (max-width:640px){.form-group .with-errors{font-size:13px}}.form-group.checkbox_content{display:flex;flex-wrap:wrap}@media screen and (max-width:820px){.form-group.checkbox_content{margin-top:10px}}.form-group.checkbox_content h4{width:100%;margin-bottom:25px}@media screen and (max-width:820px){.form-group.checkbox_content h4{margin-bottom:14px}}.form-group .check-box:not(:last-child){margin-right:56px}@media screen and (max-width:820px){.form-group .check-box:not(:last-child){margin-right:10%}}.form-group .check-box input{display:none}.form-group .check-box a{color:#45070a;text-decoration:underline}.form-group .check-box input[type=radio]+label{width:100%;position:relative}.form-group .check-box input[type=radio]+label:after,.form-group .check-box input[type=radio]+label:before{content:"";border-radius:99em}.form-group .check-box input[type=radio]+label{display:flex;align-items:center}.form-group .check-box input[type=radio]+label:before{width:32px;height:32px;background:#FFFFFF;margin-right:12px}.form-group .check-box input[type=radio]:checked+label:after{position:absolute;left:6px;top:6px;background:#24A5E8;width:20px;height:20px}.form-group .form-add{display:flex;justify-content:space-between;margin-bottom:20px}.form-group .form-add .form-select{width:48%}.form-group .form-add .form-select select{background-color:#FFFFFF;background-position-x:95%}@media screen and (max-width:820px){.form-group .form-add{display:block;margin-bottom:0}.form-group .form-add .form-select{width:100%;margin-bottom:14px}.form-group .form-add .form-select select{height:43px}}.form-car-box{width:100%;display:flex;flex-wrap:wrap}.pagination{display:flex;justify-content:center}.pagination dd,.pagination dt{width:80px;height:80px;border:solid 1px #24A5E8;margin-right:24px;border-radius:99em;overflow:hidden}@media screen and (max-width:820px){.pagination dd,.pagination dt{width:38px;height:38px;margin-right:2.9%}}.pagination .rtbn{margin-right:0}.pagination a{display:flex;justify-content:center;align-items:center;transition:0.5s;width:100%;height:100%;text-decoration:none;color:#24A5E8}.pagination a:hover{color:#FFFFFF;background:#24A5E8}.pagination a:hover path{fill:#FFFFFF}.pagination .active a{color:#FFFFFF;background:#24A5E8}.tab{font-size:20px;border-bottom:1px solid #24A5E8;display:flex;margin-bottom:80px!important;text-align:center}@media screen and (max-width:640px){.tab{font-size:4vw;margin-bottom:26px!important}}.tab a{transition:0.5s;color:#0E3144;text-decoration:none}.tab a:after{opacity:0;margin-top:6px;content:"";display:block;width:100%;height:6px;background:#24A5E8}@media screen and (max-width:640px){.tab a:after{height:3px}}.tab a:hover{color:#24A5E8}.tab a.active{color:#24A5E8;pointer-events:none}.tab a.active:after{opacity:1}.product-item{width:22.2%;max-width:268px;margin:0 1.3698630137% 72px 1.3698630137%}@media screen and (max-width:820px){.product-item{width:47.2%;max-width:none}}@media screen and (max-width:640px){.product-item{margin-bottom:28px}}.product-item .product-img{position:relative;width:100%;height:0;padding-bottom:100%;margin-bottom:20px;overflow:hidden;border-radius:10px;transition:0.95s all cubic-bezier(0.275,0,0,1)}.product-item .product-img:after,.product-item .product-img:before{opacity:0;transition:0.5s;content:"";position:absolute;left:50%;transform:translate(-50%,-50%)}.product-item .product-img:before{top:60%;background:url(../images/icon/icon_more.svg) no-repeat;background-size:contain;width:52px;height:64px;z-index:1}.product-item .product-img:after{top:50%;width:100%;height:100%;background-color:rgba(36,165,232,0.7019607843);z-index:0}.product-item img{position:absolute;width:100%;height:100%;object-fit:cover}.product-item h2{font-size:22px;color:#0E3144;max-height:33px;line-height:33px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width:640px){.product-item h2{font-size:3.9vw;max-height:17px;line-height:17px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:6px}}.product-item h3{color:#8a9297;margin-bottom:8px;max-height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}@media screen and (max-width:640px){.product-item h3{font-size:3.4vw;max-height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:0}}.product-item a{text-decoration:none}.product-item a:hover h2{text-decoration:underline}.product-item a:hover .product-img{border-radius:40px}.product-item a:hover .product-img:after,.product-item a:hover .product-img:before{opacity:1}.product-item a:hover .product-img:before{top:50%}.price{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.price .original-price{font-size:18px;color:#8a9297;text-decoration:line-through}@media screen and (max-width:640px){.price .original-price{font-size:3.1vw}}.price .special-price{font-size:28px;color:#24A5E8;font-weight:bold}@media screen and (max-width:640px){.price .special-price{font-size:4.8vw}}html{height:100%;margin:0;padding:0;border:none}body,html{width:100%;height:100%;font-family:"Outfit","Noto Sans TC",sans-serif;font-size:16px;line-height:1.53;color:#0E3144}@media screen and (max-width:768px){body,html{font-size:15px}}body{transition:all ease 0.75s}main{width:98%;padding-bottom:200px;margin:auto;overflow:hidden}@media screen and (max-width:820px){main{width:100%;padding-bottom:80px}}article{position:relative}:target{position:absolute;top:-77px}.container{margin:0 auto}.article-box{width:90%;display:flex;justify-content:space-between}@media screen and (max-width:768px){.article-box{display:block}}.w-1468{max-width:1468px;width:90%;margin:auto}.w-1200{max-width:1208px;width:90%;margin:auto}.w-1168{max-width:1168px;width:90%;margin:auto}.w-868{max-width:868px;width:90%;margin:auto}.ju-center{justify-content:center!important}.bg-edf9fe{background:#edf9fe}.max-no{width:100%!important;max-width:none!important}.w-25{width:25%}.w-lg-100{width:100%}.w-lg-50{width:48.6301369863%}@media screen and (max-width:820px){.w-lg-50{width:100%}}.w-pl-pr-2{width:98%;margin-left:auto;margin-right:auto}@media screen and (max-width:820px){.w-pl-pr-2{width:100%}}@media screen and (max-width:640px){.w-sm-90{width:90%;margin:auto}}.mr-lg-32{margin-right:2.7397260274%}@media screen and (max-width:820px){.mr-lg-32{margin-right:0}}@media screen and (max-width:820px){.w-md-100{width:100%!important}}.pb-0{padding-bottom:0!important}@media screen and (max-width:640px){.mb-sm-3{margin-bottom:3px}}.bo-radius-20{border-radius:20px}.left-nav{width:200px;margin-right:20px}.left-nav a{display:flex;font-size:20px;text-decoration:none;color:#8a9297;transition:color 0.2s;line-height:1.5}.left-nav a:after,.left-nav a:before{position:relative;top:11px;display:block;content:"";width:8px;height:8px;border-radius:99em;background:#24A5E8;margin-right:12px;opacity:0}.left-nav a:after{display:none}.left-nav a:hover{color:#24A5E8}.left-nav li{margin-bottom:21px}.left-nav li:not(:last-child){margin-right:6%}.left-nav li.active a{color:#24A5E8}.left-nav li.active a:after,.left-nav li.active a:before{opacity:1}@media screen and (max-width:820px){.left-nav{width:100%}.left-nav ul{display:flex;justify-content:center}.left-nav li:not(:last-child){margin-right:5vw}.left-nav a{display:block}}@media screen and (max-width:820px) and (max-width:640px){.left-nav a{font-size:4.3vw}}@media screen and (max-width:820px){.left-nav a:before{display:none}.left-nav a:after{display:block;margin:auto}}.right-content{width:calc(100% - 220px);max-width:1168px}@media screen and (max-width:820px){.right-content{width:100%;margin-top:60px}}.mb-150{margin-bottom:150px}@media screen and (max-width:640px){.mb-150{margin-bottom:60px}}.g-recaptcha{display:none;opacity:0}.editor_box{margin:auto;color:#0e3144}.editor_box a{text-decoration:underline}.editor_box ol,.editor_box ul{padding-left:40px}.editor_box ol{list-style-type:decimal;padding-left:17px}.editor_box ul{list-style-type:initial;padding-left:20px}.editor_box b,.editor_box strong{font-weight:bold;font-size:inherit}.editor_box em{font-style:italic}.editor_box img{max-width:100%;height:auto!important;vertical-align:top}.editor_box iframe{max-width:100%}@media screen and (max-width:767px){.editor_box iframe{height:100%!important}}.editor_box h1,.editor_box h2,.editor_box h3,.editor_box h4,.editor_box h5,.editor_box h6,.editor_box table{margin:inherit}.editor_box td,.editor_box th,.editor_box tr{margin:initial}.desk_use{display:block}.mobile_use{display:none}@media screen and (max-width:820px){.desk_use{display:none}.mobile_use{display:block}}.page-animate{opacity:0;transform:translateY(15px);transition:all ease 0.75s}.page-animate.active{opacity:1;transform:translateY(0)}.loading{transition:0.6s;opacity:1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;text-align:center;background-color:#edf9fe;z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loading.js-rmove{opacity:0}.loading .box{font-size:18px;color:#24A5E8;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:opac 2s infinite linear}@media screen and (max-width:820px){.loading .box{font-size:15px}}.loading img{width:17%;max-width:288px}.loading span{width:200px;height:200px;display:block;position:absolute;top:calc(50% - 100px);left:calc(50% - 100px);border:1px solid;border-color:#24A5E8 transparent #24A5E8 transparent;border-radius:50%;animation:spin 2s infinite linear}@media screen and (max-width:820px){.loading span{width:150px;height:150px;top:calc(50% - 75px);left:calc(50% - 75px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes opac{0%{opacity:1}50%{opacity:0.4}to{opacity:1}}.num input{width:100%;border:none;padding:0;text-align:center}footer{position:relative;padding:80px 0 40px 0;font-size:16px;background:#0E3144;color:#FFFFFF}@media screen and (max-width:820px){footer{padding:40px 0 70px 0}}footer .container{width:90%;max-width:1468px;margin:auto}footer .content{display:flex;justify-content:space-between}@media screen and (max-width:820px){footer .content{display:block}}footer .logo{display:block;margin:0 21px 52px 0;width:168px;height:71px;background:url(../images/f_logo.svg) no-repeat;background-size:contain;text-indent:-10000px}@media screen and (max-width:820px){footer .logo{margin-bottom:60px}}footer .footer-information{line-height:2.19;letter-spacing:0.4px}footer .footer-information li{display:flex}footer .footer-information li h4{width:40px;color:#24A5E8;margin-right:15px}footer .footer-information li a{color:#dadce2;text-decoration:none}@media screen and (max-width:820px){footer .footer-information{font-size:14px}}footer .copyright{margin-top:70px;font-size:14px;color:#8a9297}@media screen and (max-width:820px){footer .copyright{margin-top:32px}}footer .copyright a{color:#8a9297;text-decoration:none}footer .copyright a:before{content:"";display:inline-block;width:1px;height:12px;background:#8a9297;margin:0 15px}footer .footer-list{max-width:721px;width:calc(100% - 325px);display:flex;flex-wrap:wrap}@media screen and (max-width:820px){footer .footer-list{width:100%}}footer .item-content{width:160px;letter-spacing:0.35px;margin-right:26px}footer .item-content:nth-child(4),footer .item-content:nth-child(8){margin-right:0}@media screen and (max-width:820px){footer .item-content{width:100%;margin-bottom:23px;margin-right:0}}footer .item-content h4{padding-bottom:7.5px;border-bottom:1px solid #8a9297;margin-bottom:15.5px;letter-spacing:0.8px;color:#24A5E8}footer .item-content h4 a{color:#24A5E8}footer .item-content h4 a:before{display:none}footer .item-content li{font-size:14px;margin-bottom:10px}footer .item-content a{transition:0.4s;text-decoration:none;color:#8a9297}footer .item-content a:before{content:"-";margin-right:5px}footer .item-content a:hover{color:#FFFFFF}.btn-top{transition:0.3s;opacity:0;pointer-events:none;position:fixed;right:2%;bottom:40px;z-index:7}@media screen and (max-width:820px){.btn-top{bottom:65px}}.btn-top a{color:#24A5E8;font-size:16px;letter-spacing:3.2px;text-decoration:none;writing-mode:vertical-rl}.btn-top:after{content:"";width:1px;height:120px;background:#24A5E8;display:block;margin:auto}@media screen and (max-width:820px){.btn-top:after{height:60px}}.btn-top.active{opacity:1;pointer-events:auto}.btn-top.active.fix{position:absolute;bottom:initial;top:-200px}@media screen and (max-width:640px){.btn-top.active.fix{transition:0s;position:fixed;bottom:65px;top:initial}}.btn-community{transition:0.5s;position:fixed;right:1%;bottom:3%}.btn-community.active{bottom:220px}.btn-community.active.fix{position:absolute;bottom:initial;top:-330px}.btn-community img{width:66%;display:block}.btn-community a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:99em;background:#24A5E8;margin-bottom:10px}@media screen and (max-width:820px){.btn-community{display:flex;position:fixed!important;bottom:0!important;right:0!important;top:inherit!important}.btn-community a{border-radius:0;width:50%;height:55px;margin-bottom:0}.btn-community a:first-child{border-right:1px solid #8fd1f4}.btn-community img{width:10%}}@media screen and (max-width:820px) and (max-width:640px){.btn-community img{width:20%}}.right-buy-car-btn-box{display:none;transition:0s;position:fixed;top:44%;right:0;z-index:1}.right-buy-car-btn-box.active{top:30%}@media screen and (max-width:820px){.right-buy-car-btn-box.active{top:initial}}@media screen and (min-width:820px){.right-buy-car-btn-box.fix{position:absolute;top:-650px}}@media screen and (max-width:820px){.right-buy-car-btn-box{top:initial;bottom:55px;right:0;display:flex;width:100%}}.right-buy-car-btn-box .btn-2{border-radius:0;border-top-left-radius:12px;border-bottom-left-radius:12px;display:block;text-align:center;text-decoration:none;line-height:1.5;width:96px;height:120px;padding:0;margin-bottom:6px}.right-buy-car-btn-box .btn-2 span{width:100%}@media screen and (max-width:820px){.right-buy-car-btn-box .btn-2 span{width:auto}}@media screen and (max-width:820px){.right-buy-car-btn-box .btn-2{display:flex;justify-content:center;width:50%;height:55px;border-top-left-radius:0;border-bottom-left-radius:0;margin:0;border-top:1px solid #3d5663}.right-buy-car-btn-box .btn-2 br{display:none}.right-buy-car-btn-box .btn-2:first-child{border-right:1px solid #3d5663}}.right-buy-car-btn-box .btn-2.i-car{padding-top:14px}@media screen and (max-width:820px){.right-buy-car-btn-box .btn-2.i-car{padding-top:0}}.right-buy-car-btn-box .btn-2.i-car:before{margin:0 auto;width:42px;height:42px}@media screen and (max-width:820px){.right-buy-car-btn-box .btn-2.i-car:before{margin:0}}.right-buy-car-btn-box .btn-2.i-buy{padding-top:16px}@media screen and (max-width:820px){.right-buy-car-btn-box .btn-2.i-buy{padding-top:0}}.right-buy-car-btn-box .btn-2.i-buy:before{margin:0 auto;width:34px;height:36px}@media screen and (max-width:820px){.right-buy-car-btn-box .btn-2.i-buy:before{margin:0}}@media screen and (max-width:820px){.product-info-page footer{padding:40px 0 150px 0}}header{padding:0 40px;position:sticky;top:0;height:100px;font-size:18px;display:flex;justify-content:space-between;z-index:10;background:#FFFFFF}@media screen and (max-width:992px){header{width:100%;height:auto;padding:15px 20px}}header .logo{text-indent:-100000px;margin-top:15px}header .logo a{display:block;width:168px;height:71px;background:url(../images/logo.svg) no-repeat;background-size:contain}@media screen and (max-width:992px){header .logo{margin-top:0}header .logo a{width:110px;height:46px}}header .menu-box{position:relative}header .menu-box li{position:relative;margin-right:40px}header .menu-box li:last-child{margin-right:28px}header .menu-box li a{position:relative;transition:color,0.4s;color:#0E3144;text-decoration:none;padding-top:37px;display:block}header .menu-box li a:before{position:absolute;top:0;left:50%;content:"";display:block;width:1px;height:0;background:#24A5E8;transition:height 0.6s}@media screen and (max-width:820px){header .menu-box li a:before{display:none}}header .menu-box li a:hover{color:#24A5E8}header .menu-box li a:hover:before{height:32px}@media screen and (min-width:992px){header .menu-box li.btn-sub:hover .sub-menu{opacity:1;pointer-events:auto}}@media screen and (max-width:992px){header .menu-box li.btn-sub{border-bottom:1px solid #24A5E8}header .menu-box li.btn-sub a{border:none;padding-bottom:12px}header .menu-box li.btn-sub a:after{transition:0.4s;content:"";display:inline-block;vertical-align:middle;position:absolute;top:65%;right:4%;transform:translateY(-50%) rotate(180deg);margin-left:10px;width:12px;height:8px;background:url(../images/icon/sub_btn.svg) top center no-repeat;background-size:contain}header .menu-box li.btn-sub.active{background:#edf9fe}header .menu-box li.btn-sub.active .sub-menu{display:block}header .menu-box li.btn-sub.active a:after{transform:translateY(-50%) rotate(0);top:68%}}header .menu-box li .sub-menu{transition:0.4s;opacity:0;pointer-events:none;width:120px;position:absolute;top:59px;left:50%;transform:translateX(-50%);padding-top:31px;text-align:center}@media screen and (max-width:992px){header .menu-box li .sub-menu{opacity:1;pointer-events:auto;display:none;width:100%;position:static;transform:none;padding:0 0 20px 0}}header .menu-box li .sub-menu ul{background:#FFF;box-shadow:0px 3px 6px rgba(0,0,0,0.16);display:block;text-align:center;padding:9px 0 6px 0}@media screen and (max-width:992px){header .menu-box li .sub-menu ul{padding:0;background:none;box-shadow:none}}header .menu-box li .sub-menu li{margin-right:0}header .menu-box li .sub-menu li a{color:#0E3144!important;padding:6px}header .menu-box li .sub-menu li a:hover{color:#24A5E8!important}@media screen and (max-width:992px){header .menu-box li .sub-menu li a{border:none;width:100%;padding-bottom:15px}}header .menu-box li .sub-menu li a:after,header .menu-box li .sub-menu li a:before{display:none}header .menu-box ul{display:flex}@media screen and (max-width:992px){header .menu-box{transition:0.4s;transition-delay:0.1s;pointer-events:none;opacity:0;text-align:center;position:fixed;width:100%;height:0;top:76px;left:0;background:#FFFFFF;padding:24px 0 48px 0;box-sizing:content-box}header .menu-box ul{display:block}header .menu-box li{margin:0!important}header .menu-box a{display:block;width:93%;margin:auto;padding:20px 0;border-bottom:1px solid #24A5E8}header .menu-box a:before{display:none}}header .menu-wrapper{display:none;width:35px;height:18px;cursor:pointer;z-index:10}@media screen and (max-width:992px){header .menu-wrapper{display:block}}header .hamburger-menu,header .hamburger-menu:after,header .hamburger-menu:before{width:24px;height:2px;border-radius:2px}header .hamburger-menu{position:relative;left:6px;transform:translateY(9px);background:#0E3144;transition:all 0ms 300ms}header .hamburger-menu:before{content:"";position:absolute;left:0;bottom:9px;background:#0E3144;transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1)}header .hamburger-menu:after{content:"";position:absolute;left:0;top:9px;background:#0E3144;transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1)}header .menu-content{display:flex;align-items:baseline}@media screen and (max-width:992px){header .menu-content{position:relative;top:13px}}header .member{position:relative;top:-6px}header .member ul{display:flex;align-items:center}header .member a{width:40px;height:40px;display:block;text-indent:-100000px;background-repeat:no-repeat;background-position:center}header .member a:hover{filter:invert(50%) sepia(96%) saturate(1067%) hue-rotate(170deg) brightness(96%) contrast(89%)}header .member li{position:relative}header .member li:after{font-size:12px;position:absolute;left:50%;transform:translateX(-50%);width:100%;text-align:center;margin-left:4px;margin-top:-4px;letter-spacing:0.1em}header .member li:not(:last-child){margin-right:8px}@media screen and (max-width:640px){header .member li{margin-right:8px!important}}header .member li.login a{background-image:url(../images/icon/login_off_un.svg);background-size:22px 24px}header .member li.login:after{content:"登入"}header .member li.account a{background-image:url(../images/icon/account_off_un.svg);background-size:25.5px 24px}header .member li.account:after{content:"註冊";margin-left:-3px}header .member li.card{position:relative}header .member li.card .num{position:absolute;top:0;right:0;min-width:20px;height:20px;line-height:20px;padding:0px 6px;background-color:#24A5E8;border-radius:99em;font-family:"Outfit",sans-serif;font-size:14px;z-index:3;color:#FFFFFF}header .member li.card a{background-image:url(../images/icon/card_un.svg);background-size:26px 24px}header .member li.card:after{content:"購物車"}header .member.on li.login a{background-image:url(../images/icon/login_on_un.svg);background-size:22px 24px}header .member.on li.login:after{content:"登出"}header .member.on li.account a{background-image:url(../images/icon/account_on_un.svg);background-size:25.5px 24px}header .member.on li.account:after{content:"會員";margin-left:0}.js-menu-active .logo,.js-menu-active header .member{opacity:0;pointer-events:none}.js-menu-active header:before{opacity:1}.js-menu-active .menu-wrapper .hamburger-menu{background:rgba(255,255,255,0)}.js-menu-active .menu-wrapper .hamburger-menu:after{top:0;transform:rotate(45deg);transition:top 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1)}.js-menu-active .menu-wrapper .hamburger-menu:before{bottom:0;transform:rotate(-45deg);transition:bottom 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1)}.js-menu-active .menu-box{opacity:1;pointer-events:auto;height:100%}.about-page header .menu-box li:first-child a{color:#24A5E8}.about-page header .menu-box li:first-child a:before{height:32px}.product-page header .menu-box li:nth-child(2) a{color:#24A5E8}.product-page header .menu-box li:nth-child(2) a:before{height:32px}.column-page header .menu-box li:nth-child(3) a{color:#24A5E8}.column-page header .menu-box li:nth-child(3) a:before{height:32px}.contact-page header .menu-box li:nth-child(4) a{color:#24A5E8}.contact-page header .menu-box li:nth-child(4) a:before{height:32px}.index-page main{width:100%}.in-item1{margin-bottom:120px;background:#FFFFFF}@media screen and (max-width:820px){.in-item1{margin-bottom:22px}}.in-item1 .container{position:relative}.in-item1 .content{position:relative;display:flex;justify-content:right;max-height:680px}.in-item1 .swiper{width:100%;display:flex;justify-content:right;margin:0}.in-item1 .kv-button{position:absolute;bottom:1vw;left:2.3958333333vw}@media screen and (max-width:820px){.in-item1 .kv-button{bottom:-9vw;left:18vw}}@media screen and (max-width:640px){.in-item1 .kv-button{bottom:-13vw;left:18vw}}.in-item1 .kv-button-content{display:flex;align-items:center;justify-content:center}.in-item1 .kv-button-content .swiper-button-next,.in-item1 .kv-button-content .swiper-button-prev{transition:0.5s;width:4.1666666667vw;height:4.1666666667vw;position:static;transform:translate(0,0);margin:0;border-radius:99em;border:1px solid #24A5E8}@media screen and (max-width:820px){.in-item1 .kv-button-content .swiper-button-next,.in-item1 .kv-button-content .swiper-button-prev{width:7vw;height:7vw}}@media screen and (max-width:640px){.in-item1 .kv-button-content .swiper-button-next,.in-item1 .kv-button-content .swiper-button-prev{width:10vw;height:10vw}}.in-item1 .kv-button-content .swiper-button-next:hover,.in-item1 .kv-button-content .swiper-button-prev:hover{border:1px solid rgba(36,165,232,0.2)}.in-item1 .kv-button-content .swiper-button-next:after,.in-item1 .kv-button-content .swiper-button-prev:after{color:#24a5e8;display:block;font-size:16px;font-family:swiper-icons;text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.in-item1 .kv-button-content .swiper-button-next:after{content:"next"}.in-item1 .kv-button-content .swiper-button-prev{margin-right:24px}@media screen and (max-width:820px){.in-item1 .kv-button-content .swiper-button-prev{margin-right:12px}}.in-item1 .kv-button-content .swiper-button-prev:after{content:"prev"}.in-item1 .slogan{padding:1.5104166667vw 0 1.5104166667vw 3.9583333333vw;font-size:2.5vw;font-weight:100;width:33.5416666667vw;max-height:644px;position:absolute;top:50%;transform:translateY(-50%);left:0;font-weight:100;background-color:#c2e9fb;line-height:1.5;letter-spacing:9.6px;color:#0E3144;display:flex;align-items:center;z-index:2}@media screen and (max-width:820px){.in-item1 .slogan{padding:5vw 0 5vw 3.9583333333vw;font-size:5vw;width:60vw;top:69%}}@media screen and (max-width:820px){.in-item1 .slogan{width:70vw}}.in-item1 .kv-button{position:absolute}.in-item1 .kv-button .swiper-button-next,.in-item1 .kv-button swiper-button-prev{position:static}.in-item1 img{width:100%;display:block}.in-item1 .scroll-icon{position:absolute;right:2.0833333333vw;bottom:2.5520833333vw;z-index:2;height:185px;overflow:hidden}@media screen and (max-width:820px){.in-item1 .scroll-icon{position:static;height:88px;margin-top:90px}}.in-item1 .scroll-icon span{color:#24A5E8;font-size:16px;letter-spacing:3.2px;text-decoration:none;writing-mode:vertical-rl;font-family:SourceSansPro;display:block;margin:auto}@media screen and (max-width:820px){.in-item1 .scroll-icon span{writing-mode:initial;text-align:center}}.in-item1 .scroll-icon:after{content:"";width:1px;height:0;background:#24A5E8;display:block;margin:auto;animation:scroll_line 2s ease-in-out infinite}@keyframes scroll_line{0%{height:0}60%{transform:translateY(0)}80%{height:120px;opacity:1}to{transform:translateY(120px);opacity:0}}@media screen and (max-width:820px){@keyframes scroll_line{0%{height:0}60%{transform:translateY(0)}80%{height:60px;opacity:1}to{transform:translateY(60px);opacity:0}}}.in-item2{text-align:center;margin-bottom:160px}@media screen and (max-width:640px){.in-item2{margin-bottom:60px;text-align:left}.in-item2 p{font-size:15px;line-height:2}}.in-item2 img{width:100%;display:block;margin-bottom:40px}@media screen and (max-width:640px){.in-item2 img{width:70%;margin:0 auto 20px auto}}.in-item2 ul{display:flex;justify-content:center;width:90%;margin:50px auto}@media screen and (max-width:640px){.in-item2 ul{display:block;margin:80px auto 0 auto}}.in-item2 li{width:31%;max-width:418px;margin-right:32px}@media screen and (max-width:640px){.in-item2 li{width:100%;margin:0 auto 40px auto}}.in-item2 .btn-1{margin:auto}.in-item3{width:100%;height:560px;background-image:url(../images/0_index/img_deco_holding_desk.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed}@media screen and (max-width:820px){.in-item3{height:51.221vw;background-image:url(../images/0_index/img_deco_holding_mobile.png);background-attachment:inherit}}.in-item3 img{width:100%}.in-item4{background-color:#edf8fe;background-image:url(../images/0_index/in_item4_bg.png);background-repeat:no-repeat;background-position:center 127%;background-size:200%;padding:200px 0}@media screen and (max-width:820px){.in-item4{padding:50px 0 70px 0;background-position:center 98%;background-size:300%}}.in-item4 .content{display:flex;flex-wrap:wrap}.in-item4 .btn-1{margin:auto}.in-item5{position:relative;padding-top:160px}@media screen and (max-width:640px){.in-item5{padding-top:65px}}.in-item5:before{position:absolute;top:-4.7vw;left:0;content:"";display:block;width:28.3020833333vw;height:16.671875vw;max-width:494px;max-height:291px;background:url(../images/0_index/img_deco_family.png) no-repeat;background-size:contain}@media screen and (max-width:820px){.in-item5:before{top:-10vw;padding-top:65px;width:38.3020833333vw;height:26.671875vw}}.in-item5 .content{width:100%;position:relative;display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden}@media screen and (max-width:820px){.in-item5 .content{transform:scale(1.24)}}.in-item5 .content:after,.in-item5 .content:before{content:"";position:absolute;display:block}.in-item5 .content:before{left:14vw;bottom:4vw;width:17.39375vw;height:15.1119791667vw;background:url(../images/0_index/item5_bg_1.svg) no-repeat;background-size:contain}.in-item5 .content:after{right:-3.9583333333vw;top:-2.1354166667vw;width:36.8973958333vw;height:27.5677083333vw;background:url(../images/0_index/item5_bg_2.svg) no-repeat;background-size:contain}.in-item5 .content img:first-child,.in-item5 .content img:nth-child(3){max-width:344px;width:17.9166666667vw}.in-item5 .content img:first-child{margin-top:14.0625vw}.in-item5 .content img:nth-child(2){max-width:868px;width:45.2083333333vw;margin-top:2.7083333333vw}.in-item5 img{display:block}.in-item6{position:relative;padding-top:139px}@media screen and (max-width:820px){.in-item6{padding-top:50px}}.in-item6:before{content:"";position:absolute;top:-5.2083333333vw;right:0;content:"";display:block;background:url(../images/0_index/img_deco_mom.png) no-repeat;background-size:contain;width:17.796875vw;height:18.9010416667vw}@media screen and (max-width:820px){.in-item6:before{top:-2px;width:23.796875vw;height:24.901042vw}}.in-item6 .content{display:flex;align-items:flex-start}@media screen and (max-width:820px){.in-item6 .content{display:block}}.in-item6 .in-text{max-width:521px;margin-right:7.5342465753%;order:1}@media screen and (max-width:820px){.in-item6 .in-text{margin:0 auto;max-width:568px}}.in-item6 img{max-width:568px;width:100%;display:block;order:2}@media screen and (max-width:820px){.in-item6 img{margin:0 auto 40px auto}}.in-item6 p{line-height:1.75;letter-spacing:0.4px;margin-bottom:75px}@media screen and (max-width:820px){.in-item6 p{margin-bottom:45px}}@media screen and (max-width:820px){.in-item6 .btn-1{margin:auto}}
/*# sourceMappingURL=index.css.map */