@font-face{font-family:'sc';src:url('../font/sc/DFKingGothicSC16-Medium.otf') format('opentype');font-display:swap;font-weight:500}@font-face{font-family:'sc-serif';src:url('../font/sc-serif/DFKingSerifSC24-W5.otf') format('opentype');font-display:swap;font-weight:500}html,body{overflow-x:hidden !important;padding:0;margin:0;font-family:"Microsoft JhengHei",Arial,sans-serif;border:none}a{cursor:pointer;text-decoration:none;background-color:transparent;color:inherit;border:none}h1,h2,h3,h4,h5,p{margin:0;font-size:inherit}img{border:none;pointer-events:none;user-select:none}img:not([default]){max-width:100%}svg{width:100%}*{box-sizing:border-box;outline:none}table{width:100%;border-collapse:collapse;border:none}button{padding:0;margin:0;box-shadow:none;border:none;cursor:pointer}ul{margin:0;padding-left:1em}ul.cus>li{padding-left:1.2em}ul.cus._gh>li{padding-left:1.5em}ul.cus._num>li:nth-child(n + 10){padding-left:1.8em}ul.cus._num._gh>li:nth-child(n + 10){padding-left:2.1em}ul.decimal{list-style:decimal}ul.disc{list-style:disc}ul.upper_alpha{list-style:upper-alpha}ul.cus{list-style:none;padding:0}ul.cus>li{position:relative}ul.cus>li::before{content:attr(str);position:absolute;top:0;left:0}ul.cus._gh>li::before{content:"(" attr(str) ")"}ul._dot{list-style:none;padding:0;padding-left:1em}ul._dot>li::before{content:"‧";position:relative;margin-left:-1em}ul li::before{font-size:inherit}ul li ::marker{text-indent:0 !important}.clear::after{display:block;content:"";clear:both}.vtc>*{vertical-align:middle}.vtc::after{content:"";display:inline-block;vertical-align:middle;width:0;height:100%;font-size:0}.slime{animation:1.3s slime infinite}@media (min-width:1501px){.up_mb_hide{display:none !important}}@media (max-width:1500px){.mb_hide{display:none !important}}@media (min-width:1301px){.up_mb2_hide{display:none !important}}@media (max-width:1300px){.mb2_hide{display:none !important}}@media (min-width:1025px){.up_lg_hide{display:none !important}}@media (max-width:1024px){.lg_hide{display:none !important}}@media (min-width:901px){.up_lg2_hide{display:none !important}}@media (max-width:900px){.lg2_hide{display:none !important}}@media (min-width:769px){.up_md_hide{display:none !important}}@media (max-width:768px){.md_hide{display:none !important}}@media (min-width:601px){.up_sm_hide{display:none !important}}@media (max-width:600px){.sm_hide{display:none !important}}@keyframes an_fade{100%{opacity:1}}@keyframes an_none{100%{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes an_cp_inset{100%{clip-path:inset(0 0 0 0)}}@keyframes an_scroll{0%{height:0}40%{height:100%;transform:translateY(0)}80%{height:100%;transform:translateY(100%)}100%{height:100%;transform:translateY(100%)}}@keyframes an_rotate_cw{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes an_rotate_acw{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}@keyframes slime{0%,90%{animation-timing-function:linear}10%{animation-timing-function:cubic-bezier(0, .4, .4, 1);transform:translate(0, 5%) scaleY(1.1)}45%{animation-timing-function:cubic-bezier(.4, 0, 1, .6);transform:translate(0, -6%) scaleY(1)}0%,to{transform:translate(0, 6%) scaleY(.9)}90%{transform:translate(0, 5%) scaleY(1)}}@media (max-width:1024px){html.nav_active,body.nav_active{overflow-y:hidden}}html.no_scroll,body.no_scroll{overflow-y:hidden}span.b{font-size:200%;line-height:1}span.w{font-weight:bold}span.s{font-size:80%}.header{position:fixed;top:0;left:0;width:100%;user-select:none;z-index:100;background-color:#ffffff;padding:0 60px}@media (max-width:1024px){.header{padding:0 40px}}@media (max-width:600px){.header{padding:0 20px}}.header .header_ctn{max-width:1920px;height:100%;position:relative;display:flex;align-items:center;font-size:18px}@media (max-width:1500px){.header .header_ctn{font-size:16px}}@media (max-width:1024px){.header .header_ctn{font-size:22px}}.header .header_logo:first-child{margin-right:auto}.header .header_logo>img{width:100%;display:block}.header,.header_fill{height:100px}@media (max-width:1500px){.header,.header_fill{height:80px}}@media (max-width:768px){.header,.header_fill{height:70px}}@media (max-width:600px){.header,.header_fill{height:70px}}@media (max-width:1024px){.header .nav_frame{top:80px}}@media (max-width:768px){.header .nav_frame{top:70px}}@media (max-width:600px){.header .nav_frame{top:70px}}.footer{background-color:#ffffff;font-size:14px;padding:1.5em 0;font-weight:bold;text-align:center}@media (min-width:601px){.footer{display:flex;justify-content:center}}@media (max-width:600px){.footer{font-size:13px}}.footer>div{margin-bottom:.5em}@media (max-width:600px){.footer>div{letter-spacing:0}}.footer span{margin:0 1em}.footer a:hover{color:#b1aad0;transition:.3s ease}.serif_w5{font-family:'sc-serif',"Microsoft JhengHei",Arial,sans-serif;font-weight:500}.song{font-family:'sc-song',"Microsoft JhengHei",Arial,sans-serif;font-weight:500}.ud_song{font-family:'sc-ud-song',"Microsoft JhengHei",Arial,sans-serif;font-weight:500}body{font-family:'sc',"Microsoft JhengHei",Arial,sans-serif;font-weight:500;letter-spacing:1px}.ctn0{max-width:1550px;margin:0 auto}.ctn1{max-width:1550px;margin:0 auto}@media (max-width:1500px){.ctn1{max-width:1200px}}@media (max-width:1300px){.ctn1{max-width:900px}}@media (max-width:1024px){.ctn1{max-width:700px}}@media (max-width:600px){.ctn1{max-width:87%}}img{display:block}img[src$=".svg"]{width:100%}@keyframes cube_T{0%{transform:translateY(0)}50%{transform:translateY(-20%)}100%{transform:translateY(0)}}@keyframes cube_D{0%{transform:translateY(0)}50%{transform:translateY(20%)}100%{transform:translateY(0)}}.e_title{line-height:1;font-family:'sc-serif',"Microsoft JhengHei",Arial,sans-serif;font-weight:inherit;color:#ffffff;opacity:.7;font-size:340%;letter-spacing:0}@media (max-width:600px){.e_title{font-size:285%}}.e_title .e_layout{color:rgba(255,255,255,0.4)}.main_title{line-height:1;font-family:'sc-serif',"Microsoft JhengHei",Arial,sans-serif;font-weight:700;color:#b1aad0;font-size:190%}@media (max-width:600px){.main_title{font-size:180%}}.anchor{position:relative;top:-40px}.header{border-bottom:5px solid #b1aad0}@media (min-width:1025px){.header .nav_frame,.header .nav_ctn{height:100%}}@media (max-width:1024px){.header .nav_frame{position:fixed;left:0;right:0;bottom:0;overflow-y:auto;background-color:rgba(0,0,0,0.8)}.header .nav_frame:not(.active){height:0}}.header .nav_close{position:absolute;top:0;left:0;right:0;bottom:0}@media (min-width:1025px){.header .nav_close{display:none}}@media (min-width:1025px){.header .nav_ctn{display:flex}}@media (max-width:1024px){.header .nav_ctn{position:relative;background-color:#ffffff;transition:.5s;padding:20px 0}.header .nav_ctn:not(.active){transform:translateY(-100%)}}.header .nav_box{display:block;position:relative;cursor:pointer}@media (min-width:1025px){.header .nav_box{height:100%;display:flex;align-items:center}.header .nav_box:not(:last-child){margin-right:2em}}.header .nav_item{color:#000000;font-weight:500;transition:.3s ease}@media (max-width:1024px){.header .nav_item{padding:20px 0;text-align:center}}.header .nav_item.active,.header .nav_item:hover{color:#b1aad0}.header .nav_btn{cursor:pointer;margin-left:20px}@media (min-width:1025px){.header .nav_btn{display:none}}.header .nav_btn .nav_line{width:32px;height:3px;background-color:#b1aad0;transition:.3s ease}.header .nav_btn .nav_line:not(:last-child){margin-bottom:8px}.header .nav_btn .nav_line:nth-child(1){transform-origin:left bottom}.header .nav_btn .nav_line:nth-child(3){transform-origin:left top}.header .nav_btn.active{transition:.5s linear}.header .nav_btn.active .nav_line:nth-child(1){transform:rotate(42deg)}.header .nav_btn.active .nav_line:nth-child(2){opacity:0}.header .nav_btn.active .nav_line:nth-child(3){transform:rotate(-42deg)}.header .header_logo{height:70%}.header .header_logo>img{height:100%;width:auto}.space_frame{max-width:1920px;margin:0 auto;overflow:hidden;text-align:justify;text-justify:inter-ideograph;font-size:26px}@media (max-width:1500px){.space_frame{font-size:20px}}@media (max-width:1300px){.space_frame{font-size:18px}}@media (max-width:600px){.space_frame{font-size:14px}}.kv_frame .kv_bg .bg{position:relative}.kv_frame .kv_bg .bg::before{content:"";display:block;padding-top:56.25%}.kv_frame .kv_bg .bg>*{position:absolute;top:0;left:0;width:100%}.kv_frame .kv_bg .bg_m{position:relative}.kv_frame .kv_bg .bg_m::before{content:"";display:block;padding-top:164.58333333%}.kv_frame .kv_bg .bg_m>*{position:absolute;top:0;left:0;width:100%}.kv_frame .kv_bg img{width:100%}.swatch_frame{padding:100px 60px 130px}@media (max-width:600px){.swatch_frame{padding:60px 20px 100px}}.swatch_frame .swatch_cube{position:relative}@media (max-width:1024px){.swatch_frame .swatch_cube{margin-bottom:3.5em}}.swatch_frame .swatch_cube .box{position:relative;width:4.5em}.swatch_frame .swatch_cube .box>:not(._1){position:absolute}.swatch_frame .swatch_cube .box img{width:100%}@media (min-width:1025px){.swatch_frame .swatch_cube .box{position:absolute;top:0;left:0}}.swatch_frame .swatch_cube .box>div{transform:scale(0);transition:1.5s ease}.swatch_frame .swatch_cube .box>div.active{transform:scale(1)}.swatch_frame .swatch_cube .box>div._1{transform-origin:left bottom}.swatch_frame .swatch_cube .box>div._1.active>img{animation:cube_D 10s linear infinite;animation-delay:1.5s}.swatch_frame .swatch_cube .box>div._2{transform-origin:right top;top:66%;right:56%;width:72.5%}.swatch_frame .swatch_cube .box>div._2.active>img{animation:cube_T 10s linear infinite;animation-delay:1.5s}@media (min-width:1025px){.swatch_frame .swatch_ctn{padding-top:1.7em;padding-left:6.5em}}@media (max-width:1024px){.swatch_frame .swatch_ctn{padding-left:1em}}@media (max-width:600px){.swatch_frame .swatch_ctn{padding-left:0}}.swatch_frame .swatch_box{max-width:1240px}.swatch_frame .swatch_box .title,.swatch_frame .swatch_box .e_title{transform:translate3d(-40px, 0, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0}.swatch_frame .swatch_box .title.active,.swatch_frame .swatch_box .e_title.active{animation-name:an_none}.swatch_frame .swatch_box .sub,.swatch_frame .swatch_box .main_title{transform:translate3d(-40px, 0, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-delay:.2s}.swatch_frame .swatch_box .sub.active,.swatch_frame .swatch_box .main_title.active{animation-name:an_none}.swatch_frame .swatch_box .swatch_text,.swatch_frame .swatch_box .serif_text{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-delay:.6s}.swatch_frame .swatch_box .swatch_text.active,.swatch_frame .swatch_box .serif_text.active{animation-name:an_none}.swatch_frame .swatch_title{line-height:1;font-family:'sc-serif',"Microsoft JhengHei",Arial,sans-serif;font-weight:inherit;color:#b1aad0}.swatch_frame .swatch_title .title{font-size:230%;margin-bottom:.4em}.swatch_frame .swatch_title .sub{font-size:123%}.swatch_frame .swatch_text{line-height:1.8;margin-top:1.5em}.bg_frame{background-color:#f2f0e9}.sand_frame{padding:0 60px}.sand_frame .sand_ctn{position:relative}.sand_frame .sand{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;position:absolute;top:-2.3em;right:0;width:13em}.sand_frame .sand.active{animation-name:an_none}@media (max-width:1500px){.sand_frame .sand{width:12em}}@media (max-width:1024px){.sand_frame .sand{width:7em}}.sand_frame .sand>img{width:100%}.serif_frame{padding:0 60px;padding-top:5.6em}@media (max-width:600px){.serif_frame{padding:0 20px;padding-top:6em}}.serif_frame .serif_box{max-width:1040px}.serif_frame .serif_box .title,.serif_frame .serif_box .e_title{transform:translate3d(-40px, 0, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0}.serif_frame .serif_box .title.active,.serif_frame .serif_box .e_title.active{animation-name:an_none}.serif_frame .serif_box .sub,.serif_frame .serif_box .main_title{transform:translate3d(-40px, 0, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-delay:.2s}.serif_frame .serif_box .sub.active,.serif_frame .serif_box .main_title.active{animation-name:an_none}.serif_frame .serif_box .swatch_text,.serif_frame .serif_box .serif_text{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-delay:.6s}.serif_frame .serif_box .swatch_text.active,.serif_frame .serif_box .serif_text.active{animation-name:an_none}.serif_frame .serif_text{line-height:1.8;margin-top:1.5em}.view_frame{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-delay:.6s;padding:0 60px;padding-top:130px}.view_frame.active{animation-name:an_none}@media (max-width:600px){.view_frame{padding:0 20px;padding-top:50px}}@media (min-width:1025px){.view_frame .view_ctn{display:flex;justify-content:flex-end;align-items:flex-end}}.view_frame .view_box{display:flex}@media (min-width:1025px){.view_frame .view_box{flex-shrink:0;margin-right:40px}}@media (max-width:1024px){.view_frame .view_box{font-size:150%;margin-bottom:30px}}@media (max-width:600px){.view_frame .view_box{padding-left:1.3em;font-size:100%;justify-content:flex-end;max-width:400px}}.view_frame .view_box .tabs{flex-shrink:0;margin-right:25px}@media (max-width:1024px){.view_frame .view_box .tabs{margin-right:1.5em}}@media (max-width:600px){.view_frame .view_box .tabs{margin-right:1.2em}}.view_frame .view_box .tabs .tab{line-height:1;font-family:'sc-serif',"Microsoft JhengHei",Arial,sans-serif;font-weight:inherit;cursor:pointer;position:relative;transition:.3s ease;text-align:right}.view_frame .view_box .tabs .tab:not(:last-child){margin-bottom:1em}@media (max-width:1024px){.view_frame .view_box .tabs .tab:not(:last-child){margin-bottom:1.5em}}@media (max-width:1024px){.view_frame .view_box .tabs .tab:not(:last-child){margin-bottom:1.3em}}.view_frame .view_box .tabs .tab.active{color:#b1aad0}.view_frame .view_box .tabs .tab.active .icon{transform:scale(1)}.view_frame .view_box .tabs .icon{position:absolute;top:50%;right:100%;margin-top:-0.23em;margin-right:.5em;background-color:#e6ce78;transform:scale(0);transition:.5s ease;width:.46em;height:.46em}@media (max-width:600px){.view_frame .view_box .tabs .icon{width:.4em;height:.4em;margin-right:.4em}}.view_frame .view_box .view_item{background:url("../img/view_grid.svg") no-repeat center;background-size:100% 100%;width:17em}@media (max-width:1024px){.view_frame .view_box .view_item{width:11em;margin:0 auto}}@media (max-width:600px){.view_frame .view_box .view_item{width:65%;max-width:250px;margin:0}}.view_frame .view_box .view_item>img{animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;opacity:.5}.view_frame .view_box .view_item>img.active{animation-name:an_fade}.view_frame .view_box .view_item>img:not(.active){display:none}.view_frame .view_info{width:100%;max-width:800px}.view_frame .view_info>div:not(.active){display:none}.view_frame .view_info .title{transform:translate3d(-40px, 0, 0);animation-duration:1s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-name:an_none;color:#b1aad0;font-size:250%;letter-spacing:3px}.view_frame .view_info .title.active{animation-name:an_none}.view_frame .view_info .text{transform:translate3d(-40px, 0, 0);animation-duration:1s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-name:an_none;animation-delay:.2s;line-height:1.8;font-weight:500;margin-top:1.2em;opacity:.8}.view_frame .view_info .text.active{animation-name:an_none}@media (min-width:1025px){.view_frame .view_info .text{font-size:70%}}.img_frame{position:relative}.img_frame .img_ctn{position:relative;margin:0 auto}.img_frame._1{height:10em}.img_frame._1 .ink{animation-duration:3s;animation-timing-function:ease;animation-fill-mode:forwards;clip-path:inset(0 100% 0 0);position:absolute;top:-20px;left:0;width:18.5em}.img_frame._1 .ink.active{animation-name:an_cp_inset}.img_frame._1 .ink>img{animation-duration:3s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;opacity:.2}.img_frame._1 .ink>img.active{animation-name:an_fade}.img_frame._2{height:6.2em;padding:0 20px}.img_frame._2 .img_ctn{max-width:1630px}.img_frame._2 .box{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;position:absolute;top:2em;right:0;width:2.7em}.img_frame._2 .box.active{animation-name:an_none}.img_frame._3{position:absolute;top:0;left:0;right:0;padding:0 20px}@media (max-width:1024px){.img_frame._3{bottom:0}}.img_frame._3 .img_ctn{max-width:1630px}@media (min-width:1025px){.img_frame._3 .img_ctn{height:100%}}.img_frame._3 .box{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;position:absolute;left:0;bottom:-1.5em;width:6.5em}.img_frame._3 .box.active{animation-name:an_none}.img_frame._3 .ink{animation-duration:3s;animation-timing-function:ease;animation-fill-mode:forwards;clip-path:inset(0 0 0 100%);position:absolute;bottom:-3em;right:0;width:12em}.img_frame._3 .ink.active{animation-name:an_cp_inset}.img_frame._3 .ink>img{animation-duration:3s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;opacity:.2}.img_frame._3 .ink>img.active{animation-name:an_fade}.img_frame._4{padding:0 20px}.img_frame._4 .img_ctn{max-width:1630px;height:30px}.img_frame._4 .box{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;position:absolute;top:-3em;right:0;width:10em}.img_frame._4 .box.active{animation-name:an_none}@media (max-width:600px){.img_frame._4 .box{width:8em}}.img_frame._5{background-color:#f2f0e9;padding:0 20px}.img_frame._5 .img_ctn{max-width:1710px;height:12em}@media (max-width:600px){.img_frame._5 .img_ctn{height:50vw}}.img_frame._5 .box{position:absolute;transform:scale(0);transition:1.5s ease}.img_frame._5 .box.active{transform:scale(1)}.img_frame._5 .box._1{transform-origin:right bottom;left:0;width:2.7em}@media (min-width:601px){.img_frame._5 .box._1{top:0}}@media (max-width:600px){.img_frame._5 .box._1{bottom:5em;left:1%;width:2em}}.img_frame._5 .box._1.active>img{animation:cube_D 10s linear infinite;animation-delay:1.5s}.img_frame._5 .box._2{transform-origin:left top;bottom:0;left:50px;width:8em;margin-bottom:-4em}@media (max-width:600px){.img_frame._5 .box._2{left:5%;width:5em;margin-bottom:-2.5em}}.img_frame._5 .box._2.active>img{animation:cube_T 10s linear infinite;animation-delay:1.5s}.img_frame._5 .ink{animation-duration:3s;animation-timing-function:ease;animation-fill-mode:forwards;clip-path:inset(0 0 0 100%);position:absolute;right:0;bottom:3em;width:25em}.img_frame._5 .ink.active{animation-name:an_cp_inset}@media (max-width:600px){.img_frame._5 .ink{width:60%}}.img_frame._5 .ink>img{animation-duration:3s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;opacity:.2}.img_frame._5 .ink>img.active{animation-name:an_fade}.sample_frame{padding:0 20px}.sample_frame .sample_ctn{position:relative;padding:2.7em 30px}@media (max-width:600px){.sample_frame .sample_ctn{padding:70px 0}}.sample_frame .sample_bg{animation-duration:2s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;opacity:.2;position:absolute;top:0;left:0;right:0;bottom:0;background:url("../img/sample_bg.jpg") no-repeat center;background-size:cover}.sample_frame .sample_bg.active{animation-name:an_fade}@media (max-width:600px){.sample_frame .sample_bg{background-image:url("../img/sample_bg_m.jpg")}}.sample_frame .sample_box{position:relative;text-align:center}.sample_frame .sample_box .e_title{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0}.sample_frame .sample_box .e_title.active{animation-name:an_none}.sample_frame .sample_box .main_title{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-delay:.2s}.sample_frame .sample_box .main_title.active{animation-name:an_none}.sample_frame .sample_box .sample_text{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-delay:.6s}.sample_frame .sample_box .sample_text.active{animation-name:an_none}@media (max-width:1024px){.sample_frame .sample_box{max-width:600px;margin:0 auto}}@media (max-width:600px){.sample_frame .sample_box{max-width:87%}}.sample_frame .e_title{color:rgba(255,255,255,0.4)}.sample_frame .main_title{color:#000000}.sample_frame .title{line-height:1;font-family:'sc-serif',"Microsoft JhengHei",Arial,sans-serif;font-weight:900;font-size:190%}.sample_frame .sample_text{margin-top:1.5em;line-height:1.8}.swiper_frame{animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-delay:1.5s;max-width:740px;margin:0 auto;margin-top:50px}.swiper_frame.active{animation-name:an_fade}.swiper_frame .swiper_ctn{position:relative;padding:0 1.5em}@media (max-width:600px){.swiper_frame .swiper_ctn{padding:0 1.2em}}.swiper_frame .swiper_ctn .swiper_box{position:relative;padding:0 1.2em}.swiper_frame .swiper_ctn .swiper_box::before,.swiper_frame .swiper_ctn .swiper_box::after{content:"";display:block;position:absolute;top:0;bottom:0;background:url("../img/sample_demo_bg.svg") no-repeat;background-size:cover;width:20%}.swiper_frame .swiper_ctn .swiper_box::before{left:0;background-position:left center}.swiper_frame .swiper_ctn .swiper_box::after{right:0;background-position:right center}.swiper_frame .swiper_ctn .swiper-container{position:relative;height:100%;background-color:#000000}.swiper_frame .swiper_ctn .arrow{cursor:pointer;transition:.3s ease;position:absolute;top:0;bottom:0}.swiper_frame .swiper_ctn .arrow:hover._prev{transform:translateX(-20%)}.swiper_frame .swiper_ctn .arrow:hover._next{transform:translateX(20%)}.swiper_frame .swiper_ctn .arrow._prev{left:0}.swiper_frame .swiper_ctn .arrow._next{right:0}.swiper_frame .swiper_ctn .arrow>img{height:100%;width:auto}.swiper_frame .swiper_ctn .sample_item{background-color:#000000;max-width:18em;padding:.2em 0;margin:0 auto}.swiper_frame .swiper_ctn2{margin:15px 0 25px}.swiper_frame .swiper_ctn2 .sample_item:not(.active){display:none}.swiper_frame .swiper_ctn2 .sample_item>img{max-width:16em;margin:0 auto}.swiper_frame .swiper-pagination-bullets{font-size:0;text-align:center}.swiper_frame .swiper-pagination-bullets .swiper-pagination-bullet{opacity:1;width:9px;height:9px;background-color:rgba(0,0,0,0.3)}.swiper_frame .swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child){margin-right:10px}.swiper_frame .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#000000}.feat_frame{padding:0 60px;padding-bottom:200px}@media (max-width:1500px){.feat_frame{padding-bottom:7.7em}}@media (max-width:600px){.feat_frame{padding:0 20px;padding-bottom:7.7em}}.feat_frame .feat_title .title,.feat_frame .feat_title .e_title{transform:translate3d(-40px, 0, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0}.feat_frame .feat_title .title.active,.feat_frame .feat_title .e_title.active{animation-name:an_none}.feat_frame .feat_title .sub,.feat_frame .feat_title .main_title{transform:translate3d(-40px, 0, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-delay:.2s}.feat_frame .feat_title .sub.active,.feat_frame .feat_title .main_title.active{animation-name:an_none}.feat_frame .feat_title .swatch_text,.feat_frame .feat_title .serif_text{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-delay:.6s}.feat_frame .feat_title .swatch_text.active,.feat_frame .feat_title .serif_text.active{animation-name:an_none}.feat_frame .feat_box{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;padding-top:170px}.feat_frame .feat_box.active{animation-name:an_none}@media (min-width:1025px){.feat_frame .feat_box{display:flex;justify-content:center;flex-wrap:wrap}}@media (max-width:1500px){.feat_frame .feat_box{padding-top:5em}}.feat2_frame{position:relative;padding:0 60px}@media (max-width:600px){.feat2_frame{padding:0 20px}}.feat2_frame .feat_ctn{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;position:relative}.feat2_frame .feat_ctn.active{animation-name:an_none}.feat2_frame .feat_box{padding:7em 0}@media (min-width:1025px){.feat2_frame .feat_box{display:flex;justify-content:space-between}}@media (max-width:1024px){.feat_ctn .feat_box{max-width:21em;margin:0 auto}}@media (min-width:1025px){.feat_ctn .feat_item{width:30%}}@media (min-width:1025px){.feat_ctn .feat_item._1:nth-child(-n + 3){margin-bottom:170px}}@media (max-width:1500px) and (min-width:1025px){.feat_ctn .feat_item._1:nth-child(-n + 3){margin-bottom:6.5em}}@media (max-width:1024px){.feat_ctn .feat_item._1:not(:last-child){margin-bottom:25%}}.feat_ctn .feat_item._1 .img{margin-bottom:10%}.feat_ctn .feat_item._1 .img._1,.feat_ctn .feat_item._1 .img._2,.feat_ctn .feat_item._1 .img._3{position:relative;width:68.8453159%}.feat_ctn .feat_item._1 .img._1::before,.feat_ctn .feat_item._1 .img._2::before,.feat_ctn .feat_item._1 .img._3::before{content:"";display:block;padding-top:93.98734177%}.feat_ctn .feat_item._1 .img._1>*,.feat_ctn .feat_item._1 .img._2>*,.feat_ctn .feat_item._1 .img._3>*{position:absolute;top:0;left:0;width:100%}@media (max-width:1024px){.feat_ctn .feat_item._2:not(:last-child){margin-bottom:20%}}.feat_ctn .feat_item._2 .img{margin-bottom:5%;position:relative}.feat_ctn .feat_item._2 .img::before{content:"";display:block;padding-top:65.57734205%}.feat_ctn .feat_item._2 .img>*{position:absolute;top:0;left:0;width:100%}.feat_ctn .feat_item>div{margin-left:auto;margin-right:auto}.feat_ctn .feat_item .text{width:72.76688453%}.feat_ctn .feat_item .text>img{width:100%}.mix_frame{background-color:#eddda0;padding:90px 60px 140px}@media (max-width:600px){.mix_frame{padding:80px 20px 120px}}.mix_frame .mix_title{display:flex}@media (max-width:1024px){.mix_frame .mix_title{margin-bottom:3em}}.mix_frame .e_title{position:relative;width:.9em;opacity:.7}@media (max-width:600px){.mix_frame .e_title{font-size:340%}}.mix_frame .e_title>div{position:absolute;left:0;bottom:100%;transform:rotate(90deg);transform-origin:left bottom}.mix_frame .e_title>div>div{transform:translate3d(-40px, 0, 0);animation-duration:4s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;white-space:nowrap;font-size:90%}.mix_frame .e_title>div>div.active{animation-name:an_none}.mix_frame .main_title{transform:translate3d(40px, 0, 0);animation-duration:4s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;color:#000000}.mix_frame .main_title.active{animation-name:an_none}.mix_frame .mix_box{max-width:1460px}@media (min-width:1025px){.mix_frame .mix_box{display:flex;justify-content:flex-end;align-items:flex-end}}.mix_frame .mix_item._1{transform:translate3d(0, 40px, 0);animation-duration:4s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0}.mix_frame .mix_item._1.active{animation-name:an_none}@media (min-width:1025px){.mix_frame .mix_item._1{order:2;margin-left:auto;width:33.5%}}@media (max-width:1024px){.mix_frame .mix_item._1{margin-bottom:4em}}@media (max-width:600px){.mix_frame .mix_item._1{margin-bottom:3em}}.mix_frame .mix_item._1>img{margin-left:auto}@media (max-width:1024px){.mix_frame .mix_item._1>img{max-width:64%}}@media (max-width:600px){.mix_frame .mix_item._1>img{max-width:64%}}.mix_frame .mix_item._2{transform:translate3d(-40px, 0, 0);animation-duration:4s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0}.mix_frame .mix_item._2.active{animation-name:an_none}@media (min-width:1025px){.mix_frame .mix_item._2{order:1;margin-left:4em;margin-right:4%;width:calc(100% - 33.5% - 4% - 4em)}}.lang_frame{background-color:#f2f0e9;padding:170px 60px 60px 60px}@media (max-width:1500px){.lang_frame{padding-top:6em}}@media (max-width:600px){.lang_frame{padding:0 20px;padding-top:7em}}.lang_frame .lang_title{margin-bottom:2.5em}.lang_frame .e_title{position:relative;width:.9em;opacity:.7;transform:translate3d(-40px, 0, 0);animation-duration:4s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0}@media (max-width:600px){.lang_frame .e_title{font-size:340%}}.lang_frame .e_title.active{animation-name:an_none}.lang_frame .main_title{transform:translate3d(-40px, 0, 0);animation-duration:4s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0}.lang_frame .main_title.active{animation-name:an_none}.lang_frame .lang_box{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0}.lang_frame .lang_box.active{animation-name:an_none}@media (max-width:1024px){.lang_frame .lang_box{max-width:21em;margin:0 auto}}@media (min-width:1025px){.lang_frame .lang_box{display:flex;justify-content:space-between}}@media (max-width:600px){.lang_frame .lang_box{max-width:17em;margin:0 auto}}@media (min-width:1025px){.lang_frame .lang_item{width:30%}}.lang_frame .lang_item .img{position:relative}.lang_frame .lang_item .img::before{content:"";display:block;padding-top:41.07526882%}.lang_frame .lang_item .img>*{position:absolute;top:0;left:0;width:100%}.ex_frame{background-color:#f2f0e9;padding:0 60px;padding-top:170px}@media (max-width:1500px){.ex_frame{padding-top:6em}}@media (max-width:600px){.ex_frame{padding:0 20px;padding-top:7em}}.ex_frame .ex_ctn{position:relative;z-index:2}.ex_frame .ex_title{margin-bottom:2.5em}.ex_frame .ex_title .title,.ex_frame .ex_title .e_title{transform:translate3d(-40px, 0, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0}.ex_frame .ex_title .title.active,.ex_frame .ex_title .e_title.active{animation-name:an_none}.ex_frame .ex_title .sub,.ex_frame .ex_title .main_title{transform:translate3d(-40px, 0, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-delay:.2s}.ex_frame .ex_title .sub.active,.ex_frame .ex_title .main_title.active{animation-name:an_none}.ex_frame .ex_title .swatch_text,.ex_frame .ex_title .serif_text{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-delay:.6s}.ex_frame .ex_title .swatch_text.active,.ex_frame .ex_title .serif_text.active{animation-name:an_none}.ex_frame .ex_box{position:relative}.ex_frame .ex_box._1{margin-bottom:12%}@media (max-width:1024px){.ex_frame .ex_box._1{margin-bottom:0}}.ex_frame .ex_item._1{margin-left:auto}@media (min-width:1025px){.ex_frame .ex_item._1{width:68%}}@media (max-width:1024px){.ex_frame .ex_item._1{margin-bottom:-15%}}@media (min-width:1025px){.ex_frame .ex_item._2{position:absolute;left:0;bottom:-18%;width:41%}}@media (max-width:1024px){.ex_frame .ex_item._2{width:64%;margin-left:10%}}.ex_frame .ex_item._3{margin-left:auto;width:45%;margin-right:15%;margin-bottom:11%}@media (max-width:1024px){.ex_frame .ex_item._3{width:74%;margin-right:0;margin-bottom:20%}}.ex_frame .ex_item._4{position:absolute;top:12%;left:10%;z-index:2;width:25%}@media (max-width:1024px){.ex_frame .ex_item._4{top:14%;left:2%;width:38%}}.ex_frame .ex_item._5{width:44%;margin-left:auto;margin-right:5%}@media (max-width:1024px){.ex_frame .ex_item._5{width:68%}}.ex_frame .ex_item.active img{transform:translateZ(0) scale(1)}.ex_frame .ex_item>div>div{overflow:hidden;transform:translateZ(0)}.ex_frame .ex_item>div>div>img{transform:translateZ(0) scale(.8);transition:10s ease}.buy_frame{text-align:center;padding:100px 60px}@media (max-width:600px){.buy_frame{padding:100px 20px}}.buy_frame .buy_title{margin-bottom:60px}.buy_frame .buy_title .main_title{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;margin-bottom:.5em}.buy_frame .buy_title .main_title.active{animation-name:an_none}.buy_frame .buy_title .title{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-delay:.2s;font-weight:bold;letter-spacing:2px;font-size:230%}.buy_frame .buy_title .title.active{animation-name:an_none}.buy_frame .buy_title .sub{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-delay:.6s;font-size:77%;font-weight:bold}.buy_frame .buy_title .sub.active{animation-name:an_none}.buy_frame .buy_ctn{display:flex;flex-wrap:wrap;transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;animation-delay:1s;max-width:46em;margin:0 auto}.buy_frame .buy_ctn.active{animation-name:an_none}@media (max-width:1024px){.buy_frame .buy_ctn{max-width:600px}}.buy_frame .buy_pic{width:30%}@media (max-width:1024px){.buy_frame .buy_pic{width:55%;margin:0 auto 1.5em}}.buy_frame .buy_info{width:70%;text-align:left;padding-left:1em;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}@media (max-width:1024px){.buy_frame .buy_info{width:100%}}.buy_frame .buy_name{line-height:1;font-family:'sc-serif',"Microsoft JhengHei",Arial,sans-serif;font-weight:700;margin-bottom:1em;font-size:150%}.buy_frame .buy_description{line-height:1.6}@media (max-width:1024px){.buy_frame .buy_description{margin-bottom:2em}}.buy_frame .buy_features{padding-bottom:2%}.buy_frame .buy_features li{margin-bottom:.5em}.buy_frame .buy_btn{transform:translate3d(0, 40px, 0);animation-duration:1.5s;animation-timing-function:ease;animation-fill-mode:forwards;opacity:0;font-size:110%;cursor:pointer;width:9em;background-color:#b1aad0;border-radius:2em;color:#ffffff;display:block;padding:.8em 0;transition:.3s ease;margin:0 auto;margin-top:4em}.buy_frame .buy_btn.active{animation-name:an_none}@media (max-width:1024px){.buy_frame .buy_btn{margin-top:2em}}@media (max-width:600px){.buy_frame .buy_btn{font-size:90%}}.buy_frame .buy_btn:hover{opacity:.8}.cont_frame{background-color:#f2f0e9;padding:4.8em 60px}@media (max-width:600px){.cont_frame{padding:5em 20px}}@media (min-width:1025px){.cont_frame .cont_ctn{display:flex;justify-content:space-around}}@media (max-width:1024px){.cont_frame .cont_ctn{max-width:28em}}.cont_frame .cont_title{font-weight:bold}@media (max-width:1024px){.cont_frame .cont_title{margin-bottom:2em}}.cont_frame .cont_title .title{font-size:190%}@media (max-width:1024px){.cont_frame .cont_title .title{font-size:230%}}.cont_frame .cont_title .sub{color:#b1aad0;font-size:120%}@media (max-width:1024px){.cont_frame .cont_title .sub{font-size:135%}}.cont_frame .cont_company{margin-top:1.5em}.cont_frame .cont_text{line-height:1.5;font-size:90%}.cont_frame .cont_text .title{font-weight:700;margin-bottom:.2em}.cont_frame .cont_btn{font-size:110%;cursor:pointer;width:9em;background-color:#b1aad0;border-radius:2em;color:#ffffff;display:block;padding:.8em 0;margin-top:1.5em;text-align:center}@media (max-width:600px){.cont_frame .cont_btn{font-size:90%;margin-top:2.5em}}/*# sourceMappingURL=./layout.css.map */