@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Open+Sans:wght@400;500;600;700&display=swap);@-webkit-keyframes showout{0%{opacity:0;-webkit-transform:translateY(-30%);transform:translateY(-30%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes showout{0%{opacity:0;-webkit-transform:translateY(-30%);transform:translateY(-30%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeinx{0%{opacity:0}100%{opacity:1}}@keyframes fadeinx{0%{opacity:0}100%{opacity:1}}body,html{font-size:16px;font-family:'Noto Sans TC','Open Sans',sans-serif;background-color:#000}a{text-decoration:none;outline:0!important;color:#5b84f8}a:link{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}a:active{text-decoration:none;cursor:pointer}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:unset;transform:unset}img,svg{max-width:100%;height:auto}::-webkit-scrollbar{width:5px;height:5px;background:#1a1a1a}::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.5)}input[type=file]{background:rgba(0,0,0,0);height:60px;padding-left:calc(180px - 5em);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:12px;color:#5b84f8;cursor:pointer}input[type=file]:after{width:180px;height:60px;background-color:#32363f;content:'';position:absolute;left:0;top:0;pointer-events:none}input[type=file]:before{width:160px;height:60px;background-color:#32363f;content:'新增檔案';position:absolute;left:0;top:0;pointer-events:none;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;letter-spacing:.05rem;font-size:clamp(.92rem,.9vw,1rem);color:#c5c5c5;background-image:url(../images/feather-upload.svg);background-size:20px;background-repeat:no-repeat;background-position:130px center;pointer-events:none}.ckbutton{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.ckbutton>div{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:20px;position:relative;margin-bottom:10px}.ckbutton_label{position:relative}.ckbutton_label span{padding-left:30px;font-size:clamp(.92rem,.9vw,1rem);color:#c5c5c5}.ckbutton_label span:after{content:'';position:absolute;display:block;width:15px;height:15px;cursor:pointer;border:2px solid #fff;border-radius:3px;top:12px;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in}.ckbutton_label::after,.ckbutton_label::before{content:'';position:absolute;width:2px;background-color:#fff;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;opacity:0;z-index:5}.ckbutton_label::before{height:8px;top:9px;left:3px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ckbutton_label::after{height:12px;top:4px;left:9px;-webkit-transform:rotate(40deg);transform:rotate(40deg)}.ckbutton_checkbox:checked+.ckbutton_label span::after{background-color:#5ac36d;border:2px solid #5ac36d}.ckbutton_checkbox:checked+.ckbutton_label::after,.ckbutton_checkbox:checked+.ckbutton_label::before{opacity:1}.ckbutton_checkbox{display:none}.rdobutton{margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.rdobutton>div{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:20px;position:relative;margin-bottom:10px}.rdobutton_label{position:relative}.rdobutton_label:after{position:absolute;display:block;left:0;width:15px;height:15px;top:50%;cursor:pointer;border:2px solid #fff;border-radius:25px;-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:''}.rdobutton_label span{line-height:30px;margin-left:20px;margin-right:20px;font-size:clamp(.92rem,.9vw,1rem);color:#c5c5c5}input:checked+.rdobutton_label{background-color:rgba(0,0,0,0)}input:checked+.rdobutton_label:after{border:2px solid #5b84f8}input:checked+.rdobutton_label:before{content:'';position:absolute;top:50%;left:0;width:8px;height:8px;background-color:#5b84f8;border-radius:25px;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.rdobutton_radio:checked+.rdobutton_label::before{opacity:1}.rdobutton_radio{display:none}.page_content h1{letter-spacing:1rem;font-size:clamp(2.8rem,2.8vw,3.43rem);line-height:1.32}.page_content h1 span{font-weight:700}.page_content h2{font-size:clamp(1.75rem,2.5vw,3rem);line-height:1.2;letter-spacing:.2rem}.page_content h2 span{font-weight:700}.page_content h3{color:#fff;z-index:4;font-size:clamp(2.2rem,2.7vw,3.25rem);letter-spacing:.32rem;font-weight:300;padding-bottom:20px;margin-bottom:20px;position:relative}.page_content h3 span{font-weight:600;display:inline-block}.page_content h3 span:before{height:5px;width:2em;background-color:#fff;bottom:0;left:0;display:block;position:absolute;content:''}.page_content h4{line-height:1.25;font-size:clamp(1.4rem,1.8vw,2.25rem);font-weight:700;letter-spacing:.168rem}.page_content h5{font-size:clamp(1.25rem,1.6vw,2rem);font-weight:400;line-height:1.75;letter-spacing:.15rem}.page_content h6{font-size:clamp(1.1rem,1vw,1.375rem);line-height:1.27;font-weight:400}.page_content p{font-size:clamp(.92rem,.9vw,1rem);line-height:1.75;letter-spacing:.075rem}.page_content ul:not(.pageline){padding-left:1.2rem;margin-bottom:30px}.page_content ul:not(.pageline) li{margin-bottom:5px;list-style:disc;overflow-wrap:normal}.page_content ul:not(.pageline) li:first-child::marker,.page_content ul:not(.pageline) li:nth-child(7n+1)::marker{color:#5b84f8}.page_content ul:not(.pageline) li:nth-child(2)::marker,.page_content ul:not(.pageline) li:nth-child(7n+2)::marker{color:#f9495d}.page_content ul:not(.pageline) li:nth-child(3)::marker,.page_content ul:not(.pageline) li:nth-child(7n+3)::marker{color:#ffb201}.page_content ul:not(.pageline) li:nth-child(4)::marker,.page_content ul:not(.pageline) li:nth-child(7n+4)::marker{color:#5ab9be}.page_content ul:not(.pageline) li:nth-child(5)::marker,.page_content ul:not(.pageline) li:nth-child(7n+5)::marker{color:#7878c8}.page_content ul:not(.pageline) li:nth-child(6)::marker,.page_content ul:not(.pageline) li:nth-child(7n+6)::marker{color:#5ac36d}.page_content ul:not(.pageline) li:nth-child(7)::marker,.page_content ul:not(.pageline) li:nth-child(7n)::marker{color:#f26b00}.page_content ul:not(.pageline) li a{overflow-wrap:break-word;color:#5b84f8}.page_content ol{padding-left:1.2rem;margin-bottom:30px}.page_content ol li{margin-bottom:5px}.page_content ol li::marker{color:#5b84f8;font-family:Arial,Helvetica,sans-serif}.page_content ol li a{overflow-wrap:break-word;color:#5b84f8}.page_content .m_title{margin-top:120px}@media (max-width:767px){.page_content .m_title{margin-top:60px;margin-left:0;margin-right:0}}.page_content .m_title .date{color:#fff;letter-spacing:.18rem}.page_content .m_title .date span{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(.9rem,.9vw,1rem);letter-spacing:0}.page_content .m_title .select-wrapper{width:300px!important;height:60px!important}@media (max-width:767px){.page_content .m_title .select-wrapper{width:100%;width:calc(100% - 100px)!important}}.page_content .m_title input.select-button{color:#fff;background:#33363e;text-align:left;padding:15px;background-image:url(../images/select_bt.png);background-repeat:no-repeat;background-size:60px 60px;background-position:right 0;width:300px!important;height:60px!important}@media (max-width:767px){.page_content .m_title input.select-button{width:100%!important}}.page_content .m_title .select-list{z-index:100;position:relative;background:#34363d;-webkit-transform:translateY(0);transform:translateY(0);display:none;width:296px!important;top:0!important;margin-left:2px}@media (max-width:767px){.page_content .m_title .select-list{width:100%!important}}.page_content .m_title .select-list ul{list-style:none;padding-left:0;margin-bottom:0}.page_content .m_title .select-list ul li{list-style:none;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.3);display:block;height:45px!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff}.page_content .m_title .select-list ul li.selected{background-color:rgba(255,255,255,.3)}.page_content .m_title select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-image:url(../images/select_bt.png);background-repeat:no-repeat;background-size:60px 60px;background-position:right 0}.product_content{margin:120px 0}.product_content .m_title{margin-top:0}@media (max-width:767px){.product_content .m_title{margin-left:-15px;margin-right:-15px}}#wrapper{position:relative;overflow:hidden}#wrapper .webbg{width:100vw;height:100vh;position:fixed;z-index:-3;background-size:100% auto;top:0;background-position:center center}#wrapper .webbg video{width:130%;height:130%;position:absolute;top:0;left:-15%;-webkit-transform:translateY(15%);transform:translateY(15%)}@media (max-width:767px){#wrapper .webbg video{width:300%;height:160%;position:absolute;bottom:0;left:50%;-webkit-transform:translateY(-15%) translateX(-50%);transform:translateY(-15%) translateX(-50%)}}#wrapper .webbg.about video{width:100%;height:auto;position:absolute;top:0;left:0;-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:767px){#wrapper .webbg.about video{width:300%;height:160%;position:absolute;bottom:0;left:50%;-webkit-transform:translateY(-20%) translateX(-50%);transform:translateY(-20%) translateX(-50%)}}#wrapper>.container-fluid{position:relative;z-index:2;padding-top:90px}#wrapper #header{height:90px;position:fixed;top:0;left:0;z-index:50;background-color:rgba(0,0,0,0);-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header>.row{height:100%;z-index:30;position:relative}#wrapper #header>.row #logo{margin-top:23px}#wrapper #header>.row #logo img{height:43px;width:auto;margin-left:20px}@media (max-width:575px){#wrapper #header>.row #logo img{height:36px;margin-left:10px;margin-top:5px}}#wrapper #header>.row .hamber_bt{width:33px;height:25px;position:absolute;color:#fff;z-index:55;font-size:0;right:30px;top:30px;padding:0}#wrapper #header>.row .hamber_bt span{width:100%;height:1px;display:block;position:absolute;top:12px;-webkit-transform-origin:center center;transform-origin:center center;background-color:#fff;opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header>.row .hamber_bt:after,#wrapper #header>.row .hamber_bt:before{width:100%;height:1px;display:block;position:absolute;background-color:#fff;content:'';-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header>.row .hamber_bt:after{bottom:0;top:unset;left:0}#wrapper #header>.row .hamber_bt:before{top:0;left:0}#wrapper #header>.row .hamber_bt.open span{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header>.row .hamber_bt.open:after{bottom:13px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header>.row .hamber_bt.open:before{top:12px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header>.row #menubar{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;font-size:clamp(.9rem,.9vw,1rem);letter-spacing:.1rem}@media (max-width:991px){#wrapper #header>.row #menubar{position:absolute;width:100vw;height:100vh;background-color:#000;opacity:0;pointer-events:none;-webkit-transform:translateY(-30%);transform:translateY(-30%);-webkit-transition:all .5;transition:all .5}#wrapper #header>.row #menubar.open{opacity:1;pointer-events:initial;-webkit-transform:translateY(0);transform:translateY(0)}}#wrapper #header>.row #menubar nav{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:991px){#wrapper #header>.row #menubar nav{height:calc(100% - 180px);margin-top:160px;margin-bottom:20px;display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;overflow-y:auto}}#wrapper #header>.row #menubar nav>ul{list-style:none;margin-bottom:0}@media (max-width:991px){#wrapper #header>.row #menubar nav>ul{margin-left:15px;margin-right:15px;padding:0;padding-bottom:80px}}#wrapper #header>.row #menubar nav>ul>li{list-style:none}#wrapper #header>.row #menubar nav>ul>li>a{color:#fff;padding:5px;margin:10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:1080px){#wrapper #header>.row #menubar nav>ul>li>a{padding:0;margin:5px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap}}@media (max-width:991px){#wrapper #header>.row #menubar nav>ul>li>a{font-size:clamp(1.24rem,1.2vw,1.375rem);padding:5px 0}}@media (min-width:992px){#wrapper #header>.row #menubar nav>ul>li>a:after{width:0%;height:1px;background-color:#fff;position:absolute;left:0;bottom:0;content:'';opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header>.row #menubar nav>ul>li>a:hover:after{width:100%;height:1px;background-color:#fff;position:absolute;left:0;bottom:0;content:'';opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}}#wrapper #header>.row #menubar nav>ul>li.active>a:after{width:100%;height:1px;background-color:#fff;position:absolute;left:0;bottom:0;content:''}@media (max-width:991px){#wrapper #header>.row #menubar nav>ul>li.have_child>a:after{content:'';display:inline-block;width:.7em;height:.7em;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(../images/ionic-ios-arrow-down.svg);margin-left:.5rem;opacity:.7;-webkit-transform:rotate(180deg) translateY(-50%);transform:rotate(180deg) translateY(-50%);-webkit-transition:all .3s ease;transition:all .3s ease;right:0;position:absolute;top:25%;transition:all .3s ease}#wrapper #header>.row #menubar nav>ul>li.have_child.epo>a:after{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .3s ease;transition:all .3s ease}}@media (max-width:991px){#wrapper #header>.row #menubar nav .child_menu.dbox{display:none}#wrapper #header>.row #menubar nav .child_menu.dbox.open{display:block;-webkit-animation-name:showout;animation-name:showout;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-direction:normal;animation-direction:normal}#wrapper #header>.row #menubar nav .child_menu.dbox>ul{width:100%;list-style:none;padding:15px 20px;margin-top:10px;border-top:1px solid #3e3a39}#wrapper #header>.row #menubar nav .child_menu.dbox>ul>li{list-style:none;font-size:clamp(1rem,1vw,1.25rem);line-height:1.5;letter-spacing:.1rem;padding:5px 0;color:#b2b0b0}#wrapper #header>.row #menubar nav .child_menu.dbox>ul>li a{color:#b2b0b0;width:100%;display:block;position:relative}#wrapper #header>.row #menubar nav .child_menu.dbox>ul>li.have_child>a:after{content:'';display:inline-block;width:.7em;height:.7em;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(../images/ionic-ios-arrow-down.svg);margin-left:.5rem;opacity:.7;-webkit-transform:rotate(180deg) translateY(-50%);transform:rotate(180deg) translateY(-50%);-webkit-transition:all .3s ease;transition:all .3s ease;right:0;top:50%;position:absolute}#wrapper #header>.row #menubar nav .child_menu.dbox>ul>li.have_child.epo>a:after{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header>.row #menubar nav .child_menu.dbox>ul>li>ul{background:rgba(255,255,255,.1);margin-top:10px;list-style:none;display:none}#wrapper #header>.row #menubar nav .child_menu.dbox>ul>li>ul.open{display:block;-webkit-animation-name:showout;animation-name:showout;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-direction:normal;animation-direction:normal}#wrapper #header>.row #menubar nav .child_menu.dbox>ul>li>ul li{list-style:none;font-size:clamp(1rem,1vw,1.25rem);line-height:1.5;letter-spacing:.1rem;padding:5px 0;color:#b2b0b0}#wrapper #header>.row #menubar nav .child_menu.dbox>ul>li>ul li a{color:#b2b0b0}}#wrapper #header>.row .navtool{margin-left:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#wrapper #header>.row .navtool>div:not(:last-child) a{position:relative;padding:0 18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#wrapper #header>.row .navtool>div:not(:last-child) a img,#wrapper #header>.row .navtool>div:not(:last-child) a svg{height:14px;width:auto}#wrapper #header>.row .navtool>div:not(:last-child) a:before{position:absolute;right:0;width:1px;height:80%;background-color:#fff;content:'';top:10%}#wrapper #header>.row .navtool>div.langu{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}@media (max-width:991px){#wrapper #header>.row .navtool>div.langu .dbox{position:fixed;width:100vw;height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;left:0;top:0;background:#000;display:none}#wrapper #header>.row .navtool>div.langu .dbox.open{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation-name:fadeinx;animation-name:fadeinx;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-direction:normal;animation-direction:normal;pointer-events:all}#wrapper #header>.row .navtool>div.langu .dbox>ul{list-style:none;padding-left:0;text-align:center}#wrapper #header>.row .navtool>div.langu .dbox>ul>li,#wrapper #header>.row .navtool>div.langu .dbox>ul>li>a{color:#fff;font-size:clamp(1.4rem,1.8vw,2.25rem);letter-spacing:.2rem;line-height:3.5rem;text-align:center;width:100%}#wrapper #header>.row .navtool>div.langu .dbox>ul>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#wrapper #header>.row .navtool>div.langu .dbox>ul>li.active a{color:#5b84f8;pointer-events:none}#wrapper #header>.row .navtool>div.langu .dbox>ul>li.active a:after{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header>.row .navtool>div.langu .dbox>ul>li>a:after{content:'';width:17px;height:17px;display:inline;margin-left:.5em;background-repeat:no-repeat;background-image:url(../images/blue_arrow.svg);background-size:contain;opacity:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);-webkit-transition:all .3s ease;transition:all .3s ease;display:inline-block}#wrapper #header>.row .navtool>div.langu .dbox>ul>li>a:hover{color:#5b84f8}#wrapper #header>.row .navtool>div.langu .dbox>ul>li>a:hover:after{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .3s ease;transition:all .3s ease}}#wrapper #header>.row .navtool>div.langu a{padding:0 18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#wrapper #header>.row .navtool>div.langu a span{color:#fff;margin-left:.5em}@media (max-width:1080px){#wrapper #header>.row .navtool>div.langu a span{white-space:nowrap}}#wrapper #header>.row .navtool>div.langu a img{height:14px;width:auto}@media (max-width:991px){#wrapper #header>.row .navtool{margin-left:35px;margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;top:0}#wrapper #header>.row .navtool .searchbox.dbox{position:absolute;top:70px;width:calc(100vw - 40px);padding:0 20px;outline:0;border-radius:20px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#wrapper #header>.row .navtool .searchbox.dbox form{width:100%;background-color:#3e3a39;padding:0 20px;height:40px;border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#wrapper #header>.row .navtool .searchbox.dbox form input[type=email],#wrapper #header>.row .navtool .searchbox.dbox form input[type=number],#wrapper #header>.row .navtool .searchbox.dbox form input[type=password],#wrapper #header>.row .navtool .searchbox.dbox form input[type=tel],#wrapper #header>.row .navtool .searchbox.dbox form input[type=text]{height:40px;width:calc(100% - 120px);color:#fff;border:none;background-color:rgba(0,0,0,0)}#wrapper #header>.row .navtool .searchbox.dbox form input[type=email]:focus,#wrapper #header>.row .navtool .searchbox.dbox form input[type=number]:focus,#wrapper #header>.row .navtool .searchbox.dbox form input[type=password]:focus,#wrapper #header>.row .navtool .searchbox.dbox form input[type=tel]:focus,#wrapper #header>.row .navtool .searchbox.dbox form input[type=text]:focus{outline:0;border:none}#wrapper #header>.row .navtool .searchbox.dbox form a,#wrapper #header>.row .navtool .searchbox.dbox form button{width:60px;height:auto;outline:0;background-color:rgba(0,0,0,0);border:none;font-size:0;min-height:40px;background-repeat:no-repeat;background-image:url(../images/material-search.svg);background-size:18px auto;background-position:center center;-webkit-transform:translateX(20px);transform:translateX(20px)}#wrapper #header>.row .navtool .searchbox.dbox form a:before,#wrapper #header>.row .navtool .searchbox.dbox form button:before{display:none}}@media (min-width:992px){#wrapper #header .dbox{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;display:-webkit-box;display:-ms-flexbox;display:flex;padding:30vh 16vw 0;color:#fff;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;pointer-events:none;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header .dbox.open{pointer-events:painted;opacity:1;-webkit-transition:all .5s ease;transition:all .5s ease}#wrapper #header .dbox:after{background-color:rgba(0,0,0,.9);position:absolute;width:100%;height:100%;top:0;left:0;content:'';z-index:-1}#wrapper #header .dbox a{color:#fff}#wrapper #header .dbox a:hover{color:#5b84f8}#wrapper #header .dbox.child_menu{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#wrapper #header .dbox.child_menu .title{font-size:clamp(2.4rem,2.6vw,3.75rem);font-weight:700;letter-spacing:.375rem;color:#fff;padding-bottom:1rem;border-bottom:1px solid #fff}#wrapper #header .dbox.child_menu ul{padding-left:0;list-style:none}#wrapper #header .dbox.child_menu ul li{list-style:none}#wrapper #header .dbox.child_menu ul li a{-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header .dbox.child_menu ul li a:hover{color:#5b84f8;-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header .dbox.child_menu>ul{width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap}#wrapper #header .dbox.child_menu>ul>li,#wrapper #header .dbox.child_menu>ul>li>a{color:#fff;font-size:clamp(1.4rem,1.6vw,2.25rem);letter-spacing:.2rem;line-height:5.5rem}#wrapper #header .dbox.child_menu>ul>li>a:after{content:'';width:17px;height:17px;display:inline;margin-left:.5em;background-repeat:no-repeat;background-image:url(../images/blue_arrow.svg);background-size:contain;opacity:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);-webkit-transition:all .3s ease;transition:all .3s ease;display:inline-block;margin-bottom:.1em}#wrapper #header .dbox.child_menu>ul>li>a:hover:after{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header .dbox.child_menu>ul>li>ul{padding-left:0}#wrapper #header .dbox.child_menu>ul>li>ul>li,#wrapper #header .dbox.child_menu>ul>li>ul>li>a{color:#fff;font-size:clamp(1.2rem,1.2vw,1.5rem);letter-spacing:.16rem;line-height:3.75rem;text-align:left}#wrapper #header .dbox.child_menu>ul>li>ul>li>a:after{content:'';width:17px;height:17px;display:inline;margin-left:.5em;background-repeat:no-repeat;background-image:url(../images/blue_arrow.svg);background-size:contain;opacity:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);-webkit-transition:all .3s ease;transition:all .3s ease;display:inline-block}#wrapper #header .dbox.child_menu>ul>li>ul>li>a:hover:after{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header .dbox.searchbox{padding:0 16vw 0;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#wrapper #header .dbox.searchbox.open{display:-webkit-box;display:-ms-flexbox;display:flex}#wrapper #header .dbox.searchbox form{width:68%;border-bottom:1px solid #fff;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding-bottom:10px}#wrapper #header .dbox.searchbox form input[type=text]{background-color:rgba(0,0,0,0);outline:0!important;height:3.125rem;color:#fff;padding:10px 0;width:calc(100% - 60px);border:none;font-size:clamp(1.8rem,1.8vw,2.25rem);letter-spacing:.2rem}#wrapper #header .dbox.searchbox form a,#wrapper #header .dbox.searchbox form>button{width:50px;height:50px;outline:0;color:#fff;font-size:0;margin-left:10px;background-image:url(../images/material-search.svg);background-size:24px auto;background-position:center center;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease;transition:all .3s ease;background-color:rgba(0,0,0,0);background-repeat:no-repeat;position:absolute;right:0;-webkit-transform-origin:bottom center;transform-origin:bottom center;border:none}#wrapper #header .dbox.searchbox form a:hover,#wrapper #header .dbox.searchbox form>button:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header .dbox.langu{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#wrapper #header .dbox.langu.open{display:-webkit-box;display:-ms-flexbox;display:flex}#wrapper #header .dbox.langu>ul{list-style:none;padding-left:0;text-align:center}#wrapper #header .dbox.langu>ul>li,#wrapper #header .dbox.langu>ul>li>a{color:#fff;font-size:clamp(1.8rem,1.8vw,2.25rem);letter-spacing:.2rem;line-height:5.5rem;text-align:center;width:100% S}#wrapper #header .dbox.langu>ul>li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#wrapper #header .dbox.langu>ul>li.active a{color:#5b84f8;pointer-events:none}#wrapper #header .dbox.langu>ul>li.active a:after{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .3s ease;transition:all .3s ease}#wrapper #header .dbox.langu>ul>li>a:after{content:'';width:17px;height:17px;display:inline;margin-left:.5em;background-repeat:no-repeat;background-image:url(../images/blue_arrow.svg);background-size:contain;opacity:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);-webkit-transition:all .3s ease;transition:all .3s ease;display:inline-block}#wrapper #header .dbox.langu>ul>li>a:hover{color:#5b84f8}#wrapper #header .dbox.langu>ul>li>a:hover:after{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all .3s ease;transition:all .3s ease}}.showdown #wrapper #header{background-color:rgba(0,0,0,.7);-webkit-transition:all .3s ease;transition:all .3s ease}.showdown #wrapper #right_community{opacity:1;-webkit-transition:all .5s ease;transition:all .5s ease;pointer-events:normal;-webkit-transform:translateY(0);transform:translateY(0)}.showdown #gotop a{opacity:1!important;pointer-events:painted!important;cursor:pointer!important;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all .3s ease;transition:all .3s ease}#mainbanner{height:100vh;position:relative;z-index:3}#mainbanner .colorsq{width:50%;height:100%;position:absolute;right:0;top:0;background-color:rgba(0,0,0,.7)}@media (max-width:767px){#mainbanner .colorsq{width:100%}}#mainbanner .mainslogen{position:absolute;top:50%;left:50%;width:38.5%;height:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:clamp(2.2rem,2.6vw,3.6rem);letter-spacing:1rem;color:#fff;font-family:'微軟正黑體';font-weight:400;line-height:1.3;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}@media (max-width:991px){#mainbanner .mainslogen{letter-spacing:.5rem}}@media (max-width:767px){#mainbanner .mainslogen{width:70%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media (max-width:575px){#mainbanner .mainslogen{width:70%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}#mainbanner .mainslogen>div{margin-bottom:30px;padding:0 30px;position:relative}@media (max-width:767px){#mainbanner .mainslogen>div{padding:0 0;margin-bottom:20px;text-align:center}}#mainbanner .mainslogen>div:after{width:2px;height:100%;background-color:#5b84f8;content:'';position:absolute;right:0;top:0}@media (max-width:767px){#mainbanner .mainslogen>div:after{display:none}}#mainbanner .mainslogen>div div{display:block}#mainbanner .mainslogen>div div span{font-weight:600}#slideAD,.slideAD{background-color:#000;position:relative}@media (max-width:991px){#slideAD,.slideAD{padding:0 30px}}@media (max-width:767px){#slideAD,.slideAD{padding:50px 30px}}#slideAD h2,.slideAD h2{position:absolute;color:#fff;z-index:4;font-size:clamp(2.2rem,2.7vw,3.25rem);width:10vw;letter-spacing:.32rem;top:0;left:20%;font-weight:300}@media (max-width:1280px){#slideAD h2,.slideAD h2{width:12vw}}@media (max-width:991px){#slideAD h2,.slideAD h2{width:14vw}}@media (max-width:767px){#slideAD h2,.slideAD h2{position:relative;width:100%;padding:0;text-align:left;left:unset;top:unset;margin-bottom:20px}#slideAD h2 span,.slideAD h2 span{font-weight:600;padding-bottom:20px;position:relative}#slideAD h2 span:before,.slideAD h2 span:before{height:5px;width:2em;background-color:#fff;bottom:0;left:0;display:block;position:absolute;content:''}}#slideAD h2 span,.slideAD h2 span{font-weight:600}#slideAD .swiper-slide,.slideAD .swiper-slide{overflow:hidden}#slideAD .swiper-slide .box,.slideAD .swiper-slide .box{position:relative;padding-top:40px;padding-bottom:40px}#slideAD .swiper-slide .box .picp,.slideAD .swiper-slide .box .picp{position:relative;padding-top:51%;overflow:hidden;border-radius:0 30px}@media (max-width:767px){#slideAD .swiper-slide .box .picp,.slideAD .swiper-slide .box .picp{border-radius:0 30px 0 0}}#slideAD .swiper-slide .box .picp img,.slideAD .swiper-slide .box .picp img{position:absolute;min-width:100%;min-height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#slideAD .swiper-slide .box .text,.slideAD .swiper-slide .box .text{width:56%;background-color:rgba(0,0,0,.84);padding:35px 45px 25px;color:#fff;position:absolute;bottom:40px;right:0;z-index:3;line-height:4.3rem;min-height:34%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width:767px){#slideAD .swiper-slide .box .text,.slideAD .swiper-slide .box .text{width:100%;position:relative;background-color:#252121;padding:30px 20px 30px;bottom:unset}}@media (max-width:575px){#slideAD .swiper-slide .box .text,.slideAD .swiper-slide .box .text{padding:10px 20px 0}}#slideAD .swiper-slide .box .text>div,.slideAD .swiper-slide .box .text>div{width:100%}#slideAD .swiper-slide .box .text h5,.slideAD .swiper-slide .box .text h5{font-size:clamp(1.2rem,1.4vw,1.875rem);letter-spacing:6px;color:#fff;font-weight:400;line-height:50px}@media (max-width:767px){#slideAD .swiper-slide .box .text h5,.slideAD .swiper-slide .box .text h5{line-height:1.6;letter-spacing:.1rem}}#slideAD .swiper-slide .box .text .date,.slideAD .swiper-slide .box .text .date{color:#5b84f8;letter-spacing:.1rem;font-size:clamp(1rem,1.2vw,1.375rem);line-height:1.5;font-family:Arial,Helvetica,sans-serif;font-weight:700}#slideAD .swiper-slide .box .text .date span,.slideAD .swiper-slide .box .text .date span{padding:0 .5em}#slideAD .swiper-slide .box .text .address,.slideAD .swiper-slide .box .text .address{font-size:clamp(.9rem,.9vw,1rem);color:#c5c5c5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#slideAD .swiper-slide .box .text .address svg,.slideAD .swiper-slide .box .text .address svg{margin-right:10px;height:20px;width:auto;fill:#fff}#slideAD .swiper-slide .box .text .address a,.slideAD .swiper-slide .box .text .address a{color:#fff;z-index:1;pointer-events:painted}#slideAD span.swiper-pagination-bullet,.slideAD span.swiper-pagination-bullet{width:10px;height:10px;background-color:#c5c5c5;opacity:1}#slideAD span.swiper-pagination-bullet.swiper-pagination-bullet-active,.slideAD span.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#3e3a39;opacity:1}#slideAD:after,#slideAD:before,.slideAD:after,.slideAD:before{width:100%;height:30%;left:0;position:absolute;z-index:-1;content:'';pointer-events:none}#slideAD:after,.slideAD:after{bottom:100%;background:rgba(0,0,0,0) -webkit-gradient(linear,left bottom,left top,color-stop(10%,#000),to(rgba(0,0,0,0))) 0 0 no-repeat;background:rgba(0,0,0,0) linear-gradient(0deg,#000 10%,rgba(0,0,0,0) 100%) 0 0 no-repeat}#slideAD:before,.slideAD:before{top:100%;background:rgba(0,0,0,0) -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0)),color-stop(90%,#000)) 0 0 no-repeat;background:rgba(0,0,0,0) linear-gradient(0deg,rgba(0,0,0,0) 0,#000 90%) 0 0 no-repeat}#activet,.activet{padding:120px 0;margin-right:-15px;margin-left:-15px;background-color:rgba(0,0,0,.7);padding-bottom:634.5px}#activet .titlebar,.activet .titlebar{color:#fff;margin-bottom:58px}@media (max-width:767px){#activet .titlebar,.activet .titlebar{padding:0 30px;margin-left:15px;margin-right:15px}}#activet .titlebar a,.activet .titlebar a{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:767px){#activet .titlebar a,.activet .titlebar a{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}#activet .titlebar a .morebt,.activet .titlebar a .morebt{margin-left:15px}#activet .titlebar h2,.activet .titlebar h2{color:#fff;z-index:4;font-size:clamp(2.2rem,2.7vw,3.25rem);letter-spacing:.32rem;font-weight:300}#activet .titlebar h2 span,.activet .titlebar h2 span{font-weight:600;padding-bottom:20px;position:relative}#activet .titlebar h2 span:before,.activet .titlebar h2 span:before{height:5px;width:2em;background-color:#fff;bottom:0;left:0;display:block;position:absolute;content:''}#activet .box .w100,.activet .box .w100{width:auto;min-width:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:absolute;-webkit-animation-name:meqq;animation-name:meqq;-webkit-animation-duration:100s;animation-duration:100s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}#activet .box .w100 .activetx,.activet .box .w100 .activetx{width:384px;margin-right:10px;margin-left:10px;float:left}@media screen and (max-width:1540px){#activet .box .w100 .activetx,.activet .box .w100 .activetx{width:20vw}}@media (max-width:991px){#activet .box .w100 .activetx,.activet .box .w100 .activetx{width:250px}}#activet .box .w100 .activetx .picp,.activet .box .w100 .activetx .picp{width:100%;padding-top:100%;position:relative;margin-bottom:12px}#activet .box .w100 .activetx .picp a,.activet .box .w100 .activetx .picp a{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;display:block;color:#fff}#activet .box .w100 .activetx .picp a img,.activet .box .w100 .activetx .picp a img{min-width:100%;min-height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#activet .box .w100 .activetx h6 a,.activet .box .w100 .activetx h6 a{color:#fff}#activet .box .w100 .activetx:nth-child(10),#activet .box .w100 .activetx:nth-child(14),#activet .box .w100 .activetx:nth-child(2n),#activet .box .w100 .activetx:nth-child(6),.activet .box .w100 .activetx:nth-child(10),.activet .box .w100 .activetx:nth-child(14),.activet .box .w100 .activetx:nth-child(2n),.activet .box .w100 .activetx:nth-child(6){width:280px;-webkit-transform:translateY(50%);transform:translateY(50%)}@media screen and (max-width:1540px){#activet .box .w100 .activetx:nth-child(10),#activet .box .w100 .activetx:nth-child(14),#activet .box .w100 .activetx:nth-child(2n),#activet .box .w100 .activetx:nth-child(6),.activet .box .w100 .activetx:nth-child(10),.activet .box .w100 .activetx:nth-child(14),.activet .box .w100 .activetx:nth-child(2n),.activet .box .w100 .activetx:nth-child(6){width:14.5vw}}@media (max-width:991px){#activet .box .w100 .activetx:nth-child(10),#activet .box .w100 .activetx:nth-child(14),#activet .box .w100 .activetx:nth-child(2n),#activet .box .w100 .activetx:nth-child(6),.activet .box .w100 .activetx:nth-child(10),.activet .box .w100 .activetx:nth-child(14),.activet .box .w100 .activetx:nth-child(2n),.activet .box .w100 .activetx:nth-child(6){width:180px}}@media (max-width:767px){#activet .box .w100 .activetx:nth-child(10),#activet .box .w100 .activetx:nth-child(14),#activet .box .w100 .activetx:nth-child(2n),#activet .box .w100 .activetx:nth-child(6),.activet .box .w100 .activetx:nth-child(10),.activet .box .w100 .activetx:nth-child(14),.activet .box .w100 .activetx:nth-child(2n),.activet .box .w100 .activetx:nth-child(6){width:250px;-webkit-transform:translateY(0);transform:translateY(0)}}#activet .box .w100 .activetx:nth-child(11),#activet .box .w100 .activetx:nth-child(15),#activet .box .w100 .activetx:nth-child(3),#activet .box .w100 .activetx:nth-child(7),.activet .box .w100 .activetx:nth-child(11),.activet .box .w100 .activetx:nth-child(15),.activet .box .w100 .activetx:nth-child(3),.activet .box .w100 .activetx:nth-child(7){width:280px;-webkit-transform:translateY(7%);transform:translateY(7%)}@media screen and (max-width:1540px){#activet .box .w100 .activetx:nth-child(11),#activet .box .w100 .activetx:nth-child(15),#activet .box .w100 .activetx:nth-child(3),#activet .box .w100 .activetx:nth-child(7),.activet .box .w100 .activetx:nth-child(11),.activet .box .w100 .activetx:nth-child(15),.activet .box .w100 .activetx:nth-child(3),.activet .box .w100 .activetx:nth-child(7){width:14.5vw}}@media (max-width:991px){#activet .box .w100 .activetx:nth-child(11),#activet .box .w100 .activetx:nth-child(15),#activet .box .w100 .activetx:nth-child(3),#activet .box .w100 .activetx:nth-child(7),.activet .box .w100 .activetx:nth-child(11),.activet .box .w100 .activetx:nth-child(15),.activet .box .w100 .activetx:nth-child(3),.activet .box .w100 .activetx:nth-child(7){width:180px}}@media (max-width:767px){#activet .box .w100 .activetx:nth-child(11),#activet .box .w100 .activetx:nth-child(15),#activet .box .w100 .activetx:nth-child(3),#activet .box .w100 .activetx:nth-child(7),.activet .box .w100 .activetx:nth-child(11),.activet .box .w100 .activetx:nth-child(15),.activet .box .w100 .activetx:nth-child(3),.activet .box .w100 .activetx:nth-child(7){width:250px;-webkit-transform:translateY(0);transform:translateY(0)}}#activet .box .w100 .activetx:nth-child(12),#activet .box .w100 .activetx:nth-child(16),#activet .box .w100 .activetx:nth-child(4),#activet .box .w100 .activetx:nth-child(8),.activet .box .w100 .activetx:nth-child(12),.activet .box .w100 .activetx:nth-child(16),.activet .box .w100 .activetx:nth-child(4),.activet .box .w100 .activetx:nth-child(8){width:384px;-webkit-transform:translateY(12%);transform:translateY(12%)}@media screen and (max-width:1540px){#activet .box .w100 .activetx:nth-child(12),#activet .box .w100 .activetx:nth-child(16),#activet .box .w100 .activetx:nth-child(4),#activet .box .w100 .activetx:nth-child(8),.activet .box .w100 .activetx:nth-child(12),.activet .box .w100 .activetx:nth-child(16),.activet .box .w100 .activetx:nth-child(4),.activet .box .w100 .activetx:nth-child(8){width:20vw}}@media (max-width:991px){#activet .box .w100 .activetx:nth-child(12),#activet .box .w100 .activetx:nth-child(16),#activet .box .w100 .activetx:nth-child(4),#activet .box .w100 .activetx:nth-child(8),.activet .box .w100 .activetx:nth-child(12),.activet .box .w100 .activetx:nth-child(16),.activet .box .w100 .activetx:nth-child(4),.activet .box .w100 .activetx:nth-child(8){width:250px}}@media (max-width:767px){#activet .box .w100 .activetx:nth-child(12),#activet .box .w100 .activetx:nth-child(16),#activet .box .w100 .activetx:nth-child(4),#activet .box .w100 .activetx:nth-child(8),.activet .box .w100 .activetx:nth-child(12),.activet .box .w100 .activetx:nth-child(16),.activet .box .w100 .activetx:nth-child(4),.activet .box .w100 .activetx:nth-child(8){width:250px;-webkit-transform:translateY(0);transform:translateY(0)}}#activet .box:hover .w100,.activet .box:hover .w100{-webkit-animation-play-state:paused;animation-play-state:paused;cursor:pointer}@media (max-width:767px){#activet .box,.activet .box{height:320px}}@media screen and (max-width:1500px){#activet,.activet{padding-bottom:510px}}@media (max-width:767px){#activet,.activet{padding-bottom:120px}}@media (max-width:767px){.activet{padding:60px 0}}@media (max-width:575px){.activet{padding:60px 0 0}}@-webkit-keyframes meqq{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes meqq{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@-webkit-keyframes meqq2{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes meqq2{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}#newsArea{padding:0 0 120px;margin-right:-15px;margin-left:-15px;background-color:rgba(0,0,0,.7)}@media (max-width:767px){#newsArea{padding:0 30px 80px}}#newsArea .titlebar{color:#fff;margin-bottom:58px}#newsArea .titlebar a{color:#fff}#newsArea .titlebar h2{color:#fff;z-index:4;font-size:clamp(2.2rem,2.7vw,3.25rem);letter-spacing:.32rem;font-weight:300}#newsArea .titlebar h2 span{font-weight:600;position:relative;display:inline-block;padding-bottom:20px;position:relative}#newsArea .titlebar h2 span:before{height:5px;width:2em;background-color:#fff;bottom:0;left:0;display:block;position:absolute;content:''}@media (max-width:575px){#newsArea .titlebar{margin-bottom:30px}}#newsArea .listsq .list{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:25px 15px;color:#fff;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #707070;margin:0}#newsArea .listsq .list:first-child{border-top:1px solid #707070}#newsArea .listsq .list:hover{background-color:rgba(255,255,255,.16);-webkit-transition:all .3s ease;transition:all .3s ease}#newsArea .listsq .list:hover .morebt{border:2px solid #fff;-webkit-transition:all .3s ease;transition:all .3s ease}#newsArea .listsq .list:hover .morebt svg{opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}#newsArea .listsq .list a{color:#fff}#newsArea .listsq .list>a{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;font-size:0;display:block}#newsArea .listsq .list .more{position:relative;z-index:3}@media (max-width:575px){#newsArea .listsq .list .more{width:100%;max-width:unset;position:relative;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#newsArea .listsq .list .more a{right:0}#newsArea .listsq .list .more a .morebt{width:30px;height:30px;border-radius:0;border:none}}#newsArea .listsq .list .date{font-size:clamp(1.75rem,2.5vw,3rem);letter-spacing:.3rem;line-height:1.2;font-family:Arial,Helvetica,sans-serif;font-weight:700;margin-right:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}#newsArea .listsq .list .date span.yr{font-size:clamp(1rem,.9vw,1.125rem);display:block;width:100%}@media (max-width:575px){#newsArea .listsq .list .date{width:100%;margin-bottom:15px;opacity:.7}}#newsArea .listsq .list .name{font-size:clamp(1rem,.9vw,1.125rem);letter-spacing:.2rem;text-align:left;font-weight:700;line-height:1.8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:75%}@media (max-width:575px){#newsArea .listsq .list .name{width:100%;display:block;max-width:unset}}#specel{width:100%}#specel .row{background-color:#fff;padding:120px 0}@media (max-width:767px){#specel .row{padding:60px 0 60px 15px}#specel .row .swiper{margin-right:-15px}}#specel .row h2{color:#000;z-index:4;font-size:clamp(2.2rem,2.7vw,3.25rem);letter-spacing:.32rem;font-weight:300;width:8vw;margin-left:auto;margin-right:auto;text-align:center}@media (max-width:1280px){#specel .row h2{width:10vw}}@media (max-width:767px){#specel .row h2{position:relative;width:100%;padding:0 0 20px;text-align:left;left:unset;top:unset;margin-bottom:30px}#specel .row h2 span{font-weight:600;padding-bottom:20px;position:relative}#specel .row h2 span:before{height:5px;width:100%;background-color:#000;bottom:0;left:0;display:block;position:absolute;content:''}}#specel .row h2 span{font-weight:600;padding-bottom:20px;position:relative}#specel .row .box{position:relative;border-top-right-radius:30px;border-bottom-left-radius:30px;overflow:hidden}#specel .row .box>a{z-index:2;width:100%;height:100%;left:0;top:0;position:absolute;font-size:0}#specel .row .box .picp{border-top-right-radius:30px;border-bottom-left-radius:30px;overflow:hidden}#specel .row .box .tag{font-size:clamp(.8rem,.7vw,.875rem);padding:5px 12px;background-color:rgba(255,255,255,.7);color:#333;position:absolute;top:10%;right:10%;z-index:2;letter-spacing:1.4px;border-top-right-radius:8px;border-bottom-left-radius:8px}#specel .row .box .text{color:#fff;position:absolute;bottom:0;left:0;z-index:2;width:100%;padding:40px;border-bottom-left-radius:30px;background:rgba(0,0,0,0) -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(22%,#111),to(rgba(0,0,0,0))) 0 0 no-repeat padding-box;background:rgba(0,0,0,0) linear-gradient(0deg,#000 0,#111 22%,rgba(0,0,0,0) 100%) 0 0 no-repeat padding-box}#specel .row .box .text h5{font-size:clamp(1rem,.9vw,1.125rem);color:#fff}#specel .row .box .text .money{font-size:clamp(1.25rem,1.2vw,1.5rem);line-height:1.8}#specel .row .box:after{width:100%;height:100%;background:rgba(0,0,0,0) -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(22%,#111),to(rgba(0,0,0,0))) 0 0 no-repeat padding-box;background:rgba(0,0,0,0) linear-gradient(0deg,#000 0,#111 22%,rgba(0,0,0,0) 100%) 0 0 no-repeat padding-box;position:absolute;top:0;z-index:1;pointer-events:none;left:0;content:'';opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}#specel .row .box:hover:after{opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width:767px){#specel .viewmore>a{background:rgba(0,0,0,.3)}}#aboutUs{margin-right:-15px;margin-left:-15px;padding:120px 0;background-color:rgba(0,0,0,.7);color:#fff}@media (max-width:767px){#aboutUs{padding:80px 30px}#aboutUs .viewmore{margin-top:30px}}#aboutUs .title{color:#fff;position:relative;margin-bottom:58px}#aboutUs .title a{color:#fff;position:absolute;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#aboutUs .title h2{color:#fff;z-index:4;font-size:clamp(2.2rem,2.7vw,3.25rem);letter-spacing:.32rem;font-weight:300}#aboutUs .title h2 span{font-weight:600;padding-bottom:20px;position:relative}#aboutUs .title h2 span:before{height:5px;width:2em;background-color:#fff;bottom:0;left:0;display:block;position:absolute;content:''}#aboutUs .title .eng{font-size:clamp(1.75rem,3.6vw,4.375rem);color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:.15rem;line-height:1.1;text-align:left;font-family:Arial;font-weight:900;margin-bottom:38px}@media (max-width:767px){#aboutUs .title .eng{opacity:.5;margin-bottom:20px}}#aboutUs .text{line-height:2.25}#aboutUs .point{margin-top:88px}#aboutUs .point>div{text-align:center;font-family:arial;font-weight:900;font-size:clamp(2.875rem,3.6vw,4.375rem);line-height:1.1;position:relative}@media (max-width:767px){#aboutUs .point>div{margin-bottom:30px}}#aboutUs .point>div span{font-size:clamp(1rem,.9vw,1.125rem);color:#c5c5c5;display:block;font-family:'微軟正黑體';margin-top:15px;width:100%;text-align:center}#aboutUs .point>div.plus{position:relative}#aboutUs .point>div.plus>div{display:inline-block;position:relative}#aboutUs .point>div.plus>div:after{content:'+';font-size:clamp(2rem,2vw,2.625rem);right:0;top:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);font-weight:400;position:absolute}#aboutUs .point>div:before{height:60%;width:2px;content:'';background-color:rgba(255,255,255,.5);right:0;top:20%;position:absolute}#aboutUs .point>div:last-child::before{display:none}@media (max-width:767px){#aboutUs .point>div:nth-child(2):before{display:none}}#partner,.sample7{margin-right:-15px;margin-left:-15px;padding:19vw 0 0;background-size:100% auto;background-repeat:no-repeat;background-color:#000}#partner.partner2,.sample7.partner2{background-size:90% auto}@media (max-width:767px){#partner,.sample7{padding:0}#partner .swiper,.sample7 .swiper{padding:0 15px}#partner.partner2,.sample7.partner2{padding-top:60%;background-size:140% auto}}@media (max-width:767px){#partner .row .mainsq,.sample7 .row .mainsq{position:relative}}#partner .row .mainsq.xx,.sample7 .row .mainsq.xx{background-color:#fff;padding-top:3vw}@media (max-width:1280px){#partner .row .mainsq.xx,.sample7 .row .mainsq.xx{padding-top:0}}#partner .row .mainsq.xx .title,.sample7 .row .mainsq.xx .title{background-color:#fff;padding:1vw 4vw 1vw}#partner .row .mainsq.xx .title .btbar,.sample7 .row .mainsq.xx .title .btbar{width:180px}#partner .row .mainsq.xx h3,.sample7 .row .mainsq.xx h3{padding-left:0}#partner .row .mainsq h3,.sample7 .row .mainsq h3{color:#000}#partner .row .mainsq h3 span:before,.sample7 .row .mainsq h3 span:before{background-color:#000}@media (max-width:1420px){#partner .row .mainsq h3,.sample7 .row .mainsq h3{padding-top:2.5rem;padding-left:3vw}}@media (max-width:767px){#partner .row .mainsq h3,.sample7 .row .mainsq h3{z-index:4;font-size:clamp(2.2rem,2.7vw,3.25rem);letter-spacing:.32rem;font-weight:300;padding-top:6.5rem;padding-left:0;position:absolute;left:45px;bottom:50px;color:#fff}#partner .row .mainsq h3 span:before,.sample7 .row .mainsq h3 span:before{background-color:#fff}}#partner .row .mainsq .title,.sample7 .row .mainsq .title{background-color:#fff}@media (max-width:767px){#partner .row .mainsq .title,.sample7 .row .mainsq .title{background-color:rgba(0,0,0,.7);height:100%;width:100%;position:absolute;padding-top:0;top:0;left:0;padding-left:0}}#partner .row .mainsq .img,.sample7 .row .mainsq .img{padding:0!important}#partner .row .mainsq .img img,.sample7 .row .mainsq .img img{width:100%;height:auto}#partner .row .slide,.sample7 .row .slide{background-color:#fff;padding:3vw 4vw 2.5vw}@media (max-width:767px){#partner .row .slide,.sample7 .row .slide{margin:0 15px;width:calc(100% - 30px);padding:3vw 15px 2.5vw}}#partner .swiper-pagination,.sample7 .swiper-pagination{bottom:-5px!important}@media (max-width:767px){#partner .swiper-pagination,.sample7 .swiper-pagination{position:relative;margin-top:30px;bottom:10px}}#partner .swiper-horizontal>.swiper-pagination-bullets,#partner .swiper-pagination-bullets.swiper-pagination-horizontal,#partner .swiper-pagination-custom,#partner .swiper-pagination-fraction,.sample7 .swiper-horizontal>.swiper-pagination-bullets,.sample7 .swiper-pagination-bullets.swiper-pagination-horizontal,.sample7 .swiper-pagination-custom,.sample7 .swiper-pagination-fraction{text-align:center}@media (max-width:767px){#partner .swiper-horizontal>.swiper-pagination-bullets,#partner .swiper-pagination-bullets.swiper-pagination-horizontal,#partner .swiper-pagination-custom,#partner .swiper-pagination-fraction,.sample7 .swiper-horizontal>.swiper-pagination-bullets,.sample7 .swiper-pagination-bullets.swiper-pagination-horizontal,.sample7 .swiper-pagination-custom,.sample7 .swiper-pagination-fraction{text-align:center}}#partner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,#partner .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active,#partner .swiper-pagination-custom .swiper-pagination-bullet-active,#partner .swiper-pagination-fraction .swiper-pagination-bullet-active,.sample7 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.sample7 .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active,.sample7 .swiper-pagination-custom .swiper-pagination-bullet-active,.sample7 .swiper-pagination-fraction .swiper-pagination-bullet-active{background-color:#333}#partner .box,.sample7 .box{padding-bottom:2vw;position:relative}#partner .box>a,.sample7 .box>a{width:100%;height:100%;position:absolute;left:0;top:0;font-size:0}#partner span.swiper-pagination-bullet,.sample7 span.swiper-pagination-bullet{width:10px;height:10px;background-color:#c5c5c5;opacity:1}#partner .title{color:#000}@media (max-width:767px){#partner .title{padding:0 30px;margin-left:15px;margin-right:15px;color:#fff}}#partner .title a{color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:767px){#partner .title a{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff}}#partner .title a .morebt{margin-left:15px}#partner .title h2{color:#000;z-index:4;font-size:clamp(2.2rem,2.7vw,3.25rem);letter-spacing:.32rem;font-weight:300;margin-left:3vw;margin-top:3vw}@media (max-width:767px){#partner .title h2{margin-left:30px;margin-top:30px;color:#fff;position:absolute;bottom:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}#partner .title h2 span{font-weight:600;padding-bottom:20px;position:relative}#partner .title h2 span:before{height:5px;width:2em;background-color:#000;bottom:0;left:0;display:block;position:absolute;content:''}@media (max-width:767px){#partner .title h2 span:before{background-color:#fff}}#videoarea>.row,.videoarea>.row{background-color:#000;padding:8vw 0 10vw 0}@media (max-width:767px){#videoarea>.row,.videoarea>.row{padding:60px 15px 60px}}#videoarea .title,.videoarea .title{position:relative}#videoarea .title .en,.videoarea .title .en{font-size:clamp(3.2rem,3.6vw,4.375rem);color:#fff;font-family:Arial;font-weight:700;letter-spacing:.15rem;line-height:1.3;text-align:right;font-weight:900}@media (max-width:767px){#videoarea .title .en,.videoarea .title .en{display:none}}#videoarea .title h3,.videoarea .title h3{color:#fff;z-index:4;font-size:clamp(2.2rem,2.7vw,3.25rem);letter-spacing:.32rem;font-weight:300;position:absolute;right:0;top:100%}@media (max-width:767px){#videoarea .title h3,.videoarea .title h3{position:relative;margin-bottom:60px}}#videoarea .title h3 span,.videoarea .title h3 span{font-weight:600;padding-bottom:20px;position:relative}#videoarea .title h3 span:before,.videoarea .title h3 span:before{height:5px;width:2em;background-color:#fff;bottom:0;left:0;display:block;position:absolute;content:''}#videoarea .video,.videoarea .video{width:100%;padding-top:56.25%;position:relative}#videoarea .video iframe,.videoarea .video iframe{width:100%;height:100%;position:absolute;top:0;left:0}#videoarea .text,.videoarea .text{font-size:clamp(.9rem,.9vw,1rem);letter-spacing:.1rem;color:#fff;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;line-height:2.25;margin-top:5rem}@media (max-width:767px){#videoarea .text,.videoarea .text{margin-top:30px;text-align:left}}#videoarea #animation_logo,.videoarea #animation_logo{position:absolute;right:0;top:0;width:48%;-webkit-transform:translateX(-25%) translateY(-15%);transform:translateX(-25%) translateY(-15%);z-index:-1}#videoarea #animation_logo img,.videoarea #animation_logo img{width:100%}#footer>.row{background-color:#000;color:#fff;font-size:calmp(1.12rem,1vw,1.25rem);padding:140px 0}@media (max-width:1280px){#footer>.row{padding:100px 0}}@media (max-width:991px){#footer>.row{padding:60px 15px}}#footer>.row a{color:#fff}#footer .logo{margin-bottom:4vw}#footer .logo img{max-width:14.5vw}@media (max-width:991px){#footer .logo img{max-width:20vw}}@media (max-width:767px){#footer .logo img{max-width:40vw}}@media (max-width:575px){#footer .logo img{max-width:45vw}}#footer .mlogo{width:100%;margin-top:30px;margin-bottom:30px}#footer .footernav{line-height:1.5;margin-bottom:30px;width:37.5%;display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:1199px){#footer .footernav{width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width:767px){#footer .footernav{margin-bottom:0}}#footer .footernav ul{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;margin-left:0;list-style:none;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width:1199px){#footer .footernav ul{width:100%}}@media (max-width:575px){#footer .footernav ul{padding-left:0}}#footer .footernav ul li{width:100%;list-style:none;margin-bottom:15px}@media (max-width:1199px){#footer .footernav ul li{text-align:center;width:25%}}@media (max-width:767px){#footer .footernav ul li{text-align:center;width:50%}}@media (max-width:575px){#footer .footernav ul li{text-align:center;width:100%}}#footer .footernav ul li a{color:#fff}#footer .footernav ul li a:hover{color:#5b84f8;-webkit-transition:color .3s ease;transition:color .3s ease}#footer .info{width:37.5%}@media (max-width:1199px){#footer .info{width:50%}}@media (max-width:767px){#footer .info{width:100%}}#footer .info div.email,#footer .info div.fax,#footer .info div.tel{margin-bottom:15px}#footer .info div.email>a,#footer .info div.fax>a,#footer .info div.tel>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;line-height:30px;font-size:clamp(1rem,1vw,1.25rem)}#footer .info div.email>a img,#footer .info div.email>a svg,#footer .info div.fax>a img,#footer .info div.fax>a svg,#footer .info div.tel>a img,#footer .info div.tel>a svg{max-width:30px;max-height:30px;height:auto;width:24px;margin-right:.5em;fill:#fff}#footer .info div.email>a:hover,#footer .info div.fax>a:hover,#footer .info div.tel>a:hover{color:#5b84f8;-webkit-transition:all .3s ease;transition:all .3s ease}#footer .epaper{border-bottom:1px solid #707070}#footer .epaper form{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:767px){#footer .epaper form{margin-left:8em}}@media (max-width:575px){#footer .epaper form{margin-left:0}}#footer .epaper form input{width:60%;height:27px;background-color:rgba(0,0,0,0);color:#fff;outline:0;padding-right:15px;border:none;border-right:1px solid #707070;font-size:clamp(1rem,1vw,1.25rem)}#footer .epaper form button{width:80px;height:80px;border-radius:40px;background-color:rgba(255,255,255,0);outline:0;border:1px solid #fff;background-image:url(../images/feather-send.svg);background-repeat:no-repeat;background-size:23px auto;background-position:center;font-size:0;-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width:1420px){#footer .epaper form button{width:60px;height:60px;border-radius:30px}}#footer .epaper form button:hover{background-color:rgba(255,255,255,.3);-webkit-transition:all .3s ease;transition:all .3s ease;background-size:25px auto}@media (max-width:767px){#footer .epaper h6{display:inline;position:absolute;-webkit-transform:translateY(1.2em);transform:translateY(1.2em)}}@media (max-width:575px){#footer .epaper h6{display:inline;position:relative;-webkit-transform:translateY(1.2em);transform:translateY(1.2em)}}#footer .copyright{font-size:clamp(.7rem,.6vw,.75rem);color:#818181;margin-top:50px;text-align:right}@media (max-width:767px){#footer .copyright{text-align:center;margin-top:0}}#footer .community{margin-top:50px}#footer .community ul{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:0}#footer .community ul li{list-style:none;font-size:0}#footer .community ul li a{width:50px;height:50px;margin-right:10px;border-radius:25px;border:2px solid #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:.5}#footer .community ul li a img,#footer .community ul li a svg{max-width:30px;max-height:30px;height:auto;width:18px;margin-right:.5em;fill:#fff}#footer .community ul li a:hover{opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}#footer .community ul li:first-child:hover a{background:#d6249f;background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}#footer .community ul li:nth-child(2):hover a{background:#3b5998}#footer .community ul li:nth-child(3):hover a{background:#06c755}#footer .community ul li:nth-child(4):hover a{background:red}#footer .community.mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:35px}#footer .community.mobile li:last-child a{margin-right:0}@-webkit-keyframes a1{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes a2{0%{opacity:0}49.99%{opacity:0}50%{opacity:1}100%{opacity:1}}@-webkit-keyframes a{0%{margin-left:40px;width:40px;border-radius:0 40px 40px 0}49.99%{margin-left:40px;width:40px;border-radius:0 40px 40px 0}50%{margin-left:0;width:80px;border-radius:0}100%{margin-left:0;width:80px;border-radius:0}}@-webkit-keyframes a3{0%{margin-left:30px;width:30px;border-radius:0 30px 30px 0}49.99%{margin-left:30px;width:30px;border-radius:0 30px 30px 0}50%{margin-left:0;width:60px;border-radius:0}100%{margin-left:0;width:60px;border-radius:0}}#swiper1 .a-button-next,#swiper1 .a-button-prev,.swiper1 .a-button-next,.swiper1 .a-button-prev{position:absolute;top:50%;width:80px;padding-top:80px;z-index:10;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:1280px){#swiper1 .a-button-next,#swiper1 .a-button-prev,.swiper1 .a-button-next,.swiper1 .a-button-prev{width:60px;padding-top:60px}}@media (max-width:991px){#swiper1 .a-button-next,#swiper1 .a-button-prev,.swiper1 .a-button-next,.swiper1 .a-button-prev{display:none!important}}#swiper1 .a-button-next>div.play.m,#swiper1 .a-button-prev>div.play.m,.swiper1 .a-button-next>div.play.m,.swiper1 .a-button-prev>div.play.m{top:0;left:0;margin-left:40px;position:absolute;width:40px;height:80px;overflow:hidden;border-radius:0 40px 40px 0;-webkit-animation:a 5s linear;animation:a 5s linear}@media (max-width:1280px){#swiper1 .a-button-next>div.play.m,#swiper1 .a-button-prev>div.play.m,.swiper1 .a-button-next>div.play.m,.swiper1 .a-button-prev>div.play.m{margin-left:30px;position:absolute;width:30px;height:60px;border-radius:0 30px 30px 0;-webkit-animation:a3 5s linear;animation:a3 5s linear}}#swiper1 .a-button-next>div.play.m:after,#swiper1 .a-button-next>div.play.m:before,#swiper1 .a-button-prev>div.play.m:after,#swiper1 .a-button-prev>div.play.m:before,.swiper1 .a-button-next>div.play.m:after,.swiper1 .a-button-next>div.play.m:before,.swiper1 .a-button-prev>div.play.m:after,.swiper1 .a-button-prev>div.play.m:before{content:'';-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;right:0;width:80px;height:40px;background:rgba(0,0,0,0);border-style:solid;border-color:#fff;border-width:2px 2px 0;border-radius:40px 40px 0 0;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}@media (max-width:1280px){#swiper1 .a-button-next>div.play.m:after,#swiper1 .a-button-next>div.play.m:before,#swiper1 .a-button-prev>div.play.m:after,#swiper1 .a-button-prev>div.play.m:before,.swiper1 .a-button-next>div.play.m:after,.swiper1 .a-button-next>div.play.m:before,.swiper1 .a-button-prev>div.play.m:after,.swiper1 .a-button-prev>div.play.m:before{width:60px;height:30px;border-radius:30px 30px 0 0;-webkit-transform-origin:30px 30px;transform-origin:30px 30px}}#swiper1 .a-button-next>div.play.m:before,#swiper1 .a-button-prev>div.play.m:before,.swiper1 .a-button-next>div.play.m:before,.swiper1 .a-button-prev>div.play.m:before{z-index:1;-webkit-animation:a1 5s linear;animation:a1 5s linear;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}#swiper1 .a-button-next>div.play.m:after,#swiper1 .a-button-prev>div.play.m:after,.swiper1 .a-button-next>div.play.m:after,.swiper1 .a-button-prev>div.play.m:after{opacity:0;z-index:2;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:a2 5s linear;animation:a2 5s linear}#swiper1 .a-button-next:before,#swiper1 .a-button-prev:before,.swiper1 .a-button-next:before,.swiper1 .a-button-prev:before{width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid rgba(255,255,255,.3);content:'';border-radius:40px}#swiper1 .a-button-next,.swiper1 .a-button-next{right:17.1%;-webkit-transform:translateX(50%);transform:translateX(50%)}#swiper1 .a-button-next svg,.swiper1 .a-button-next svg{position:absolute;left:50%;top:50%;width:20px;height:auto;fill:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#swiper1 .a-button-next:hover:before,.swiper1 .a-button-next:hover:before{border:2px solid #fff}#swiper1 .a-button-next:hover svg,.swiper1 .a-button-next:hover svg{opacity:1}#swiper1 .a-button-prev,.swiper1 .a-button-prev{left:17.1%;-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg);-webkit-transition:all .3s ease;transition:all .3s ease}#swiper1 .a-button-prev svg,.swiper1 .a-button-prev svg{position:absolute;left:50%;top:50%;width:20px;height:auto;fill:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.3}#swiper1 .a-button-prev:hover:before,.swiper1 .a-button-prev:hover:before{border:2px solid #fff}#swiper1 .a-button-prev:hover svg,.swiper1 .a-button-prev:hover svg{opacity:1}#swiper1 .picp,.swiper1 .picp{position:relative}#swiper1 .picp>a,.swiper1 .picp>a{width:100%;height:100%;position:absolute;left:0;top:0;font-size:0;z-index:2}#swiper1 .text,.swiper1 .text{pointer-events:none}#specel .b-button-next,#specel .b-button-prev{position:absolute;width:80px;padding-top:80px;z-index:10;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;bottom:0}@media (max-width:1280px){#specel .b-button-next,#specel .b-button-prev{width:60px;padding-top:60px}}@media (max-width:767px){#specel .b-button-next,#specel .b-button-prev{display:none}}#specel .b-button-next>div.play.m,#specel .b-button-prev>div.play.m{top:0;left:0;margin-left:40px;position:absolute;width:40px;height:80px;overflow:hidden;border-radius:0 40px 40px 0;-webkit-animation:a 5s linear;animation:a 5s linear}@media (max-width:1280px){#specel .b-button-next>div.play.m,#specel .b-button-prev>div.play.m{margin-left:30px;position:absolute;width:30px;height:60px;border-radius:0 30px 30px 0;-webkit-animation:a3 5s linear;animation:a3 5s linear}}#specel .b-button-next>div.play.m:after,#specel .b-button-next>div.play.m:before,#specel .b-button-prev>div.play.m:after,#specel .b-button-prev>div.play.m:before{content:'';-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;right:0;width:80px;height:40px;background:rgba(0,0,0,0);border-style:solid;border-color:#707070;border-width:2px 2px 0;border-radius:40px 40px 0 0;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}@media (max-width:1280px){#specel .b-button-next>div.play.m:after,#specel .b-button-next>div.play.m:before,#specel .b-button-prev>div.play.m:after,#specel .b-button-prev>div.play.m:before{width:60px;height:30px;border-radius:30px 30px 0 0;-webkit-transform-origin:30px 30px;transform-origin:30px 30px}}#specel .b-button-next>div.play.m:before,#specel .b-button-prev>div.play.m:before{z-index:1;-webkit-animation:a1 5s linear;animation:a1 5s linear;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}#specel .b-button-next>div.play.m:after,#specel .b-button-prev>div.play.m:after{opacity:0;z-index:2;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:a2 5s linear;animation:a2 5s linear}#specel .b-button-next:before,#specel .b-button-prev:before{width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid rgba(112,112,112,.3);content:'';border-radius:40px}#specel .b-button-next{left:calc(50% + 10px)}#specel .b-button-next svg{position:absolute;left:50%;top:50%;width:20px;height:auto;fill:#707070;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#specel .b-button-next:hover:before{border:2px solid #707070}#specel .b-button-next:hover svg{opacity:1}#specel .b-button-prev{right:calc(50% + 10px);-webkit-transform:rotate(180deg);transform:rotate(180deg)}#specel .b-button-prev svg{position:absolute;left:50%;top:50%;width:20px;height:auto;fill:#707070;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.3}#specel .b-button-prev:hover:before{border:2px solid #707070}#specel .b-button-prev:hover svg{opacity:1}#specel .rightbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}#specel .rightbar .btbar{position:relative;width:100%}#specel .swiper-pagination{position:relative;margin-top:30px}@media (min-width:768px){#specel .swiper-pagination{display:none}}#specel .swiper-pagination span.swiper-pagination-bullet{width:10px;height:10px;background-color:#c5c5c5;opacity:1}#specel .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#3e3a39;opacity:1}#partner .c-button-next,#partner .c-button-prev,.sample7 .c-button-next,.sample7 .c-button-prev{position:absolute;width:80px;padding-top:80px;z-index:10;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;bottom:0}@media (max-width:1280px){#partner .c-button-next,#partner .c-button-prev,.sample7 .c-button-next,.sample7 .c-button-prev{width:60px;padding-top:60px}}@media (max-width:767px){#partner .c-button-next,#partner .c-button-prev,.sample7 .c-button-next,.sample7 .c-button-prev{display:none}}#partner .c-button-next>div.play.m,#partner .c-button-prev>div.play.m,.sample7 .c-button-next>div.play.m,.sample7 .c-button-prev>div.play.m{top:0;left:0;margin-left:40px;position:absolute;width:40px;height:80px;overflow:hidden;border-radius:0 40px 40px 0;-webkit-animation:a 5s linear;animation:a 5s linear}@media (max-width:1280px){#partner .c-button-next>div.play.m,#partner .c-button-prev>div.play.m,.sample7 .c-button-next>div.play.m,.sample7 .c-button-prev>div.play.m{margin-left:30px;position:absolute;width:30px;height:60px;border-radius:0 30px 30px 0;-webkit-animation:a3 5s linear;animation:a3 5s linear}}#partner .c-button-next>div.play.m:after,#partner .c-button-next>div.play.m:before,#partner .c-button-prev>div.play.m:after,#partner .c-button-prev>div.play.m:before,.sample7 .c-button-next>div.play.m:after,.sample7 .c-button-next>div.play.m:before,.sample7 .c-button-prev>div.play.m:after,.sample7 .c-button-prev>div.play.m:before{content:'';-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;right:0;width:80px;height:40px;background:rgba(0,0,0,0);border-style:solid;border-color:#707070;border-width:2px 2px 0;border-radius:40px 40px 0 0;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}@media (max-width:1280px){#partner .c-button-next>div.play.m:after,#partner .c-button-next>div.play.m:before,#partner .c-button-prev>div.play.m:after,#partner .c-button-prev>div.play.m:before,.sample7 .c-button-next>div.play.m:after,.sample7 .c-button-next>div.play.m:before,.sample7 .c-button-prev>div.play.m:after,.sample7 .c-button-prev>div.play.m:before{width:60px;height:30px;border-radius:30px 30px 0 0;-webkit-transform-origin:30px 30px;transform-origin:30px 30px}}#partner .c-button-next>div.play.m:before,#partner .c-button-prev>div.play.m:before,.sample7 .c-button-next>div.play.m:before,.sample7 .c-button-prev>div.play.m:before{z-index:1;-webkit-animation:a1 5s linear;animation:a1 5s linear;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}#partner .c-button-next>div.play.m:after,#partner .c-button-prev>div.play.m:after,.sample7 .c-button-next>div.play.m:after,.sample7 .c-button-prev>div.play.m:after{opacity:0;z-index:2;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:a2 5s linear;animation:a2 5s linear}#partner .c-button-next:before,#partner .c-button-prev:before,.sample7 .c-button-next:before,.sample7 .c-button-prev:before{width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid rgba(112,112,112,.3);content:'';border-radius:40px}#partner .c-button-next,.sample7 .c-button-next{left:100px}#partner .c-button-next svg,.sample7 .c-button-next svg{position:absolute;left:50%;top:50%;width:20px;height:auto;fill:#707070;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#partner .c-button-next:hover:before,.sample7 .c-button-next:hover:before{border:2px solid #707070}#partner .c-button-next:hover svg,.sample7 .c-button-next:hover svg{opacity:1}#partner .c-button-prev,.sample7 .c-button-prev{left:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}#partner .c-button-prev svg,.sample7 .c-button-prev svg{position:absolute;left:50%;top:50%;width:20px;height:auto;fill:#707070;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.3}#partner .c-button-prev:hover:before,.sample7 .c-button-prev:hover:before{border:2px solid #707070}#partner .c-button-prev:hover svg,.sample7 .c-button-prev:hover svg{opacity:1}#partner .title,.sample7 .title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}#partner .title .btbar,.sample7 .title .btbar{position:relative;width:60%;margin-left:3vw}.viewmore a,.viewmore button{border-radius:40px;-webkit-transition:all .3s ease;transition:all .3s ease;color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:Arial,Helvetica,sans-serif,'微軟正黑'}@media (max-width:1280px){.viewmore a,.viewmore button{border-radius:30px}}.viewmore a>.morebt,.viewmore button>.morebt{width:80px;height:80px;display:block;border-radius:40px;border:2px solid rgba(255,255,255,.3);position:relative;margin-left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width:1280px){.viewmore a>.morebt,.viewmore button>.morebt{width:60px;height:60px;border-radius:30px;margin-left:15px}}.viewmore a>.morebt svg,.viewmore button>.morebt svg{position:absolute;left:50%;top:50%;width:20px;height:auto;fill:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.3;-webkit-transition:all .3s ease;transition:all .3s ease}.viewmore a:hover,.viewmore button:hover{background-color:rgba(255,255,255,.3);border-radius:40px;padding-left:80px;-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width:1280px){.viewmore a:hover,.viewmore button:hover{padding-left:60px}}.viewmore a:hover>.morebt,.viewmore button:hover>.morebt{border:2px solid rgba(255,255,255,0);-webkit-transition:all .3s ease;transition:all .3s ease}.viewmore a:hover>.morebt svg,.viewmore button:hover>.morebt svg{opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}div.more a .morebt{width:80px;height:80px;display:block;border-radius:40px;border:2px solid rgba(255,255,255,.3);position:relative;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width:1280px){div.more a .morebt{width:60px;height:60px;border-radius:30px;-webkit-transform:rotate(-45deg) translateX(-20%) translateY(-20%);transform:rotate(-45deg) translateX(-20%) translateY(-20%)}}div.more a .morebt svg{position:absolute;left:50%;top:50%;width:20px;height:auto;fill:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.3;-webkit-transition:all .3s ease;transition:all .3s ease}#right_community{position:fixed;right:15px;bottom:90px;width:60px;z-index:29;padding:0;opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%);-webkit-transition:all .3s ease;transition:all .3s ease}#right_community>a.openbt{width:60px;height:60px;border-radius:30px;background-color:#3e3a39;display:block;font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:3;cursor:pointer}#right_community>a.openbt:after,#right_community>a.openbt:before{width:2px;height:30px;background-color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:'';-webkit-transform-origin:center center;transform-origin:center center}#right_community>a.openbt:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}#right_community>ul{padding:0;list-style:none;position:absolute;bottom:calc(100% - 70px);margin-bottom:0!important;opacity:0;z-index:2;pointer-events:none;-webkit-transition:all .3s ease;transition:all .3s ease}#right_community>ul li{width:60px;height:60px;display:block;overflow:hidden;margin-bottom:10px}#right_community>ul li a{width:100%;height:100%;font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#5b84f8;border-radius:30px;display:flex;align-items:center;justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease}#right_community>ul li a img,#right_community>ul li a svg{width:30px;height:auto}#right_community.open>a.openbt:after{-webkit-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg);-webkit-transition:all .3s ease;transition:all .3s ease}#right_community.open>a.openbt:before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);-webkit-transition:all .3s ease;transition:all .3s ease}#right_community.open>ul{padding:0;list-style:none;position:absolute;bottom:100%;margin-bottom:0!important;opacity:1;z-index:2;pointer-events:painted;-webkit-transition:all .3s ease;transition:all .3s ease}#right_community.open>ul li{width:60px;height:60px;display:block;overflow:hidden;margin-bottom:10px}#right_community.open>ul li a{width:100%;height:100%;font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:block;background-color:#5b84f8;border-radius:30px;align-items:center;justify-content:center;display:flex}#right_community.open>ul li a:hover{background-color:#4c78f0;-webkit-transition:all .3s ease;transition:all .3s ease}#right_community.open>ul li a img,#right_community.open>ul li a svg{width:30px;height:auto}@media (max-width:767px){.viewmore>a,.viewmore>button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding-left:60px;margin-left:auto;margin-right:auto;background:rgba(255,255,255,.3);border-radius:50px;color:#fff;left:50%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:30px;font-size:.875rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;height:60px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.viewmore .morebt{width:30px;height:30px;margin-left:.5em;border:none!important}.viewmore .morebt svg{opacity:1}}.page_content{position:relative}.pathline{position:absolute;width:75%;left:16.6vw;top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:clamp(1rem,1vw,1.1875rem);z-index:5}@media (max-width:991px){.pathline{left:8.3vw}}@media (max-width:767px){.pathline{left:15px;top:110px}}.pathline a,.pathline span{color:#fff}.pathline span:after{content:'/';padding-left:.5rem;padding-right:.5rem}.pathline span:last-child:after{display:none}.pathline a:hover{color:#5b84f8}#aboutSD{width:100vw;min-height:100vh;color:#fff;padding-top:200px;position:relative;padding-bottom:200px}#aboutSD .title{color:#fff;position:relative;z-index:1;margin-bottom:58px}#aboutSD .title a{color:#fff;position:absolute;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#aboutSD .title a .morebt{margin-left:15px}#aboutSD .title a:hover .morebt{border:2px solid #fff;-webkit-transition:all .3s ease;transition:all .3s ease}#aboutSD .title a:hover .morebt svg{opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}#aboutSD .title h2{color:#fff;z-index:4;font-size:clamp(2.2rem,2.7vw,3.25rem);letter-spacing:.32rem;font-weight:300}#aboutSD .title h2 span{font-weight:600;padding-bottom:20px;position:relative}#aboutSD .title h2 span:before{height:5px;width:2em;background-color:#fff;bottom:0;left:0;display:block;position:absolute;content:''}#aboutSD .title .eng{font-size:clamp(1.75rem,3.6vw,4.375rem);color:rgba(255,255,255,.5);font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:.15rem;line-height:1.1;text-align:left;font-family:Arial;font-weight:900;margin-bottom:38px;margin-top:20px}@media (max-width:767px){#aboutSD .title .eng{opacity:.5;margin-bottom:20px;margin-top:10px}}#aboutSD .textarea{position:relative;z-index:1;text-shadow:0 0 4px rgba(0,0,0,.4);font-size:clamp(1.02rem,1.3vw,1.625rem);letter-spacing:1.95px;line-height:1.5}#aboutSD .textarea h5{text-align:left;font-size:clamp(1.2rem,1.6vw,2rem);line-height:1.5;letter-spacing:2.4px;color:#fff;margin-bottom:2em}#aboutSD .bg{width:100%;height:100%;left:0;top:0;position:absolute;z-index:-1;background-size:100% auto;background-repeat:no-repeat;background-position:center bottom}#aboutSD:before{z-index:0;width:100%;height:90%;position:absolute;bottom:0;left:0;content:'';background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,rgba(0,0,0,0)),color-stop(32%,rgba(0,0,0,.42)),color-stop(94%,#000),color-stop(97%,#000));background:linear-gradient(to bottom,rgba(0,0,0,0) 5%,rgba(0,0,0,.42) 32%,#000 94%,#000 97%)}@media (max-width:767px){#aboutSD>div .row{margin:0}}@media (min-width:768px){a.btmore{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}a.btmore>.morebt{width:80px;height:80px;display:block;border-radius:40px;border:2px solid rgba(255,255,255,.3);position:relative;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .3s ease;transition:all .3s ease;margin-left:.5em}}@media (min-width:768px) and (max-width:1280px){a.btmore>.morebt{width:60px;height:60px;border-radius:30px}}@media (min-width:768px){a.btmore>.morebt svg{position:absolute;left:50%;top:50%;width:20px;height:auto;fill:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.3;-webkit-transition:all .3s ease;transition:all .3s ease}a.btmore:hover>.morebt{border:2px solid #fff;-webkit-transition:all .3s ease;transition:all .3s ease}a.btmore:hover>.morebt svg{opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}}@-webkit-keyframes colorchang{0%{fill:#5b84f8}33.333%{fill:#f9495d}66.666%{fill:#ffb201}100%{fill:#5b84f8}}@keyframes colorchang{0%{fill:#5b84f8}33.333%{fill:#f9495d}66.666%{fill:#ffb201}100%{fill:#5b84f8}}.marketing{background-color:#000;margin:0 -15px}.marketing .slogen{position:absolute;width:5vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:.6;z-index:1}.marketing .slogen svg{max-height:80vh;width:auto}.marketing .slogen svg .st0{-webkit-animation-name:colorchang;animation-name:colorchang;-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.marketing .item{z-index:2!important;position:relative}@media (max-width:767px){.marketing .item{padding:0 0;margin-bottom:40px}.marketing .item .viewmore>a{margin-top:15px}}.marketing .item:nth-child(2){-webkit-transform:translateY(-3.5vw);transform:translateY(-3.5vw)}.marketing .item:nth-child(2) .text{margin-top:3vw}@media (max-width:767px){.marketing .item:nth-child(2){-webkit-transform:translateY(0);transform:translateY(0);margin-bottom:0}.marketing .item:nth-child(2) .text{margin-top:0}}.marketing .item .text{padding:4vw;color:#fff}@media (max-width:767px){.marketing .item .text{padding:4vw 0}}.marketing .item .text h4{font-size:clamp(1.4rem,1.8vw,2.25rem);margin-bottom:40px}@media (max-width:767px){.marketing .item .text h4{margin-top:20px;margin-bottom:20px}}.marketing .item .text .ptext{color:#fff;line-height:1.8;font-size:clamp(.9rem,.9vw,1rem);margin-bottom:30px}.marketing .item .pic img{width:100%;height:auto}@media (max-width:767px){.marketing>.row:not(.part2){margin:0 15px}}.marketing .part2{position:relative;padding:120px 0}@media (max-width:767px){.marketing .part2{padding:60px 0 0}}.marketing .part2 .bg{position:relative;z-index:0;padding:0}.marketing .part2 .bg img{width:100%;pointer-events:none;opacity:.8}.marketing .part2 .tt2{position:absolute;width:100%;height:100%;top:0;z-index:1}@media (max-width:767px){.marketing .part2 .tt2{position:relative;height:auto}}.marketing .part2 .tt2 .textsq{background-color:#000;padding:80px 40px;color:#fff;border-radius:0 50px 0 50px}.marketing .part2 .tt2 .textsq h2{margin-bottom:30px;color:#fff;font-size:clamp(1.75rem,2.5vw,3rem);letter-spacing:.225rem;line-height:1.2}.marketing .part2 .tt2 .textsq h2 span{font-weight:700;display:block}.marketing .part2 .tt2 .textsq h6{font-size:clamp(1.2rem,1.2vw,1.5rem);letter-spacing:.16rem;line-height:1.5;padding-bottom:30px;margin-bottom:30px;color:#c5c5c5;border-bottom:1px solid #707070}.marketing .part2 .tt2 .textsq p{font-size:clamp(.9rem,.9vw,1rem);letter-spacing:.1rem;color:#fff}.marketing .part2 .tt2 .textposition{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.organize{margin:0 -15px;padding:120px 0;background-color:#000}@media (max-width:767px){.organize{padding:60px 0}}@media (max-width:575px){.organize{padding:60px 0 0}}.organize .titlebar{color:#fff;margin-bottom:58px}@media (max-width:767px){.organize .titlebar{padding:0 15px;margin-left:15px;margin-right:15px}}.organize .titlebar a{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:767px){.organize .titlebar a{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.organize .titlebar a .morebt{margin-left:15px}.organize .titlebar h3{color:#fff;z-index:4;font-size:clamp(2.2rem,2.7vw,3.25rem);letter-spacing:.32rem;font-weight:300}.organize .titlebar h3 span{font-weight:600;padding-bottom:20px;position:relative}.organize .titlebar h3 span:before{height:5px;width:2em;background-color:#fff;bottom:0;left:0;display:block;position:absolute;content:''}@media (min-width:992px){.organize .slide{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:stretch;align-content:stretch;width:83.3333vw}.organize .slide>div{width:6.9444166667vw;position:static;overflow:hidden;-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transition:all .3s ease;transition:all .3s ease}.organize .slide>div>div.trunoff{position:relative;width:41.6665vw;padding-top:33.3332vw;cursor:pointer;z-index:3}.organize .slide>div>div.trunoff .picp{width:100%;position:absolute;left:0;top:0;padding-top:80%;overflow:hidden;z-index:1;pointer-events:none}.organize .slide>div>div.trunoff .picp img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.organize .slide>div>div.trunoff .picp:before{width:100%;height:100%;content:'';position:absolute;top:0;left:0;background-color:rgba(0,0,0,.4);z-index:1;-webkit-transition:all .3s ease;transition:all .3s ease}.organize .slide>div>div.trunoff .text{position:absolute;pointer-events:none;left:0;bottom:0;z-index:3;padding:30px 1.5vw;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.4)}.organize .slide>div>div.trunoff .text .number{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.organize .slide>div>div.trunoff .text .number span:first-child{font-size:clamp(2.8rem,3.1vw,3.75rem);font-weight:700;line-height:1;color:#fff;font-family:Arial;margin-right:20px}.organize .slide>div>div.trunoff .text .number span:nth-child(2){-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;pointer-events:none;font-size:clamp(1.4rem,1.8vw,2.25rem);padding-left:25px;position:relative}.organize .slide>div>div.trunoff .text .number span:nth-child(2):after{width:4px;height:90%;content:'';left:0;top:50%;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#fff;-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);box-shadow:0 0 4px rgba(0,0,0,.4)}.organize .slide>div>div.trunoff .text .tt{opacity:0;pointer-events:none;height:0;margin-top:15px;-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-transition:all .3s ease;transition:all .3s ease}.organize .slide>div>div.trunoff .text .tt ul{padding:0;list-style:none}.organize .slide>div>div.trunoff .text .tt ul li{font-size:clamp(1rem,1.2vw,1.375rem);line-height:1.5;padding-left:1em;background-size:10px auto;background-repeat:no-repeat;background-position:left center;background-image:url(../images/tri.svg)}.organize .slide>div>div.trunoff a{width:100%;height:100%;position:absolute;z-index:3;top:0;left:0}.organize .slide>div>div.trunoff:hover .picp:before{background-color:rgba(0,0,0,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.organize .slide>div.open{width:41.6665vw;-webkit-transition:all .3s ease;transition:all .3s ease}.organize .slide>div.open>div{position:relative;width:41.6665vw;padding-top:33.3332vw}.organize .slide>div.open>div .picp{width:100%;padding-top:80%}.organize .slide>div.open>div .picp:before{background-color:rgba(0,0,0,.15);-webkit-transition:all .3s ease;transition:all .3s ease}.organize .slide>div.open>div .text .number span:nth-child(2){-webkit-transform:translateX(0);transform:translateX(0);opacity:1;pointer-events:none;-webkit-transition:all .3s ease;transition:all .3s ease}.organize .slide>div.open>div .text .tt{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:none;margin-bottom:0;height:auto;-webkit-transition:all .3s ease;transition:all .3s ease}.organize .slide>div.open>div .text .tt li,.organize .slide>div.open>div .text .tt ul{list-style:none}.organize .slide>div.open>div:hover .picp:before{background-color:rgba(0,0,0,.15);-webkit-transition:all .3s ease;transition:all .3s ease}}@media (max-width:991px){.organize .slide{width:100%}.organize .slide .x .trunoff{width:100%;padding-top:80%;position:relative}.organize .slide .x .trunoff .picp{width:100%;position:absolute;left:0;top:0;padding-top:80%;overflow:hidden;z-index:1;pointer-events:none}.organize .slide .x .trunoff .picp img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;-o-object-fit:contain;object-fit:contain}.organize .slide .x .trunoff .picp:before{width:100%;height:100%;content:'';position:absolute;top:0;left:0;background-color:rgba(0,0,0,.4);z-index:1;-webkit-transition:all .3s ease;transition:all .3s ease}.organize .slide .x .trunoff .text{position:relative;pointer-events:none;left:0;bottom:0;z-index:3;padding:30px 20px;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.4);margin-bottom:30px}.organize .slide .x .trunoff .text .number{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.organize .slide .x .trunoff .text .number span:first-child{font-size:clamp(2.8rem,3.1vw,3.75rem);font-weight:700;line-height:1;color:#fff;font-family:Arial;margin-right:20px}.organize .slide .x .trunoff .text .number span:nth-child(2){font-size:clamp(1.4rem,1.8vw,2.25rem);padding-left:25px;position:relative}.organize .slide .x .trunoff .text .number span:nth-child(2):after{width:4px;height:90%;content:'';left:0;top:50%;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#fff;-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);box-shadow:0 0 4px rgba(0,0,0,.4)}.organize .slide .x .trunoff .text .tt{margin-top:15px;-webkit-transform-origin:bottom center;transform-origin:bottom center}.organize .slide .x .trunoff .text .tt ul{padding:0;list-style:none}.organize .slide .x .trunoff .text .tt ul li{font-size:clamp(1rem,1.2vw,1.375rem);line-height:1.5;padding-left:1em;list-style:none;background-size:10px auto;background-repeat:no-repeat;background-position:left center;background-image:url(../images/tri.svg);margin-bottom:10px}.organize #swiper4 span.swiper-pagination-bullet{width:10px;height:10px;background-color:#c5c5c5;opacity:1}.organize #swiper4 span.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#3e3a39;opacity:1}}.inbanner{width:100vw;padding-top:21.3%;overflow:hidden;position:relative;margin-left:-15px;margin-right:-15px}.inbanner:before{content:'';pointer-events:none;width:60%;height:100%;position:absolute;right:0;top:0;z-index:1;background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(#000));background:linear-gradient(to right,rgba(0,0,0,0) 0,#000 100%)}@media (max-width:767px){.inbanner{padding-top:45%}}.inbanner img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.inbanner:before{position:absolute;width:66.4%;height:100%;top:0;right:0;content:'';z-index:2}.inbanner .textarea{bottom:25%;right:16.6vw;position:absolute;z-index:4}@media (max-width:767px){.inbanner .textarea{right:15px;bottom:15px}}.inbanner .textarea .titlesq{font-size:clamp(1.12rem,1.8vw,2.25rem);letter-spacing:.2rem;line-height:1.5;padding-right:12px;letter-spacing:.45rem;text-align:right;position:relative}@media (max-width:767px){.inbanner .textarea .titlesq{letter-spacing:.2rem}}.inbanner .textarea .titlesq:after{width:2px;height:85%;top:50%;right:0;background-color:#5b84f8;content:'';position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.inbanner .textarea .titlesq .title_sub{display:block;color:#5b84f8}.inbanner .textarea .titlesq .title_main{color:#fff;display:block}.sample1{padding:120px 0}.sample1.littb{padding:60px 0}@media (max-width:767px){.sample1{padding:60px 0;margin:0 15px}}.sample1 h2{top:unset}.sample1 .box{position:relative}.sample1 .box>a{width:100%;height:100%;position:absolute;left:0;top:0;font-size:0;z-index:2}.sample1 .text{pointer-events:none}.sample3{padding:120px 0}.sample3.littb{padding:60px 0}@media (max-width:767px){.sample3{padding:60px 0}}@media (max-width:575px){.sample3{padding:60px 0 0}}.sample3 .title{color:#fff;margin-bottom:58px}@media (max-width:767px){.sample3 .title{padding:0 30px;margin-left:15px;margin-right:15px}}.sample3 .title h2{color:#fff;z-index:4;font-size:clamp(2.2rem,2.7vw,3.25rem);letter-spacing:.32rem;font-weight:300;text-align:center;padding-bottom:20px;position:relative}.sample3 .title h2 span{font-weight:600;padding-bottom:20px;position:relative}.sample3 .title h2:before{height:5px;width:2em;background-color:#fff;bottom:0;display:block;position:absolute;content:'';left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.sample3 .swiper-pagination{position:relative;margin-top:30px}.sample3 .swiper-pagination span.swiper-pagination-bullet{width:10px;height:10px;background-color:#c5c5c5;opacity:1}.sample3 .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#3e3a39;opacity:1}.sample3 .box{position:relative}.sample3 .box>a{width:100%;height:100%;left:0;top:0;position:absolute;font-size:0}.sample5{padding:120px 0}.sample5.littb{padding:60px 0}@media (max-width:767px){.sample5{padding:60px 15px}}.sample5>.row>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;overflow:visible;position:relative}@media (max-width:991px){.sample5>.row>div{-ms-flex-wrap:wrap;flex-wrap:wrap}}.sample5>.row>div .liicon{width:10%;padding-top:10%;background-color:#5b84f8;background-image:url(../images/iconxx.png);background-repeat:no-repeat;background-size:60% auto;background-position:center center;position:absolute;right:62.5%;bottom:0;-webkit-transform:translateX(20%) translateY(20%);transform:translateX(20%) translateY(20%);z-index:1}@media (max-width:991px){.sample5>.row>div .liicon{right:0;-webkit-transform:translateX(10%) translateY(-350%);transform:translateX(10%) translateY(-350%)}}@media (max-width:767px){.sample5>.row>div .liicon{display:none}}.sample5>.row>div .pic{width:37.5%;padding-top:37.5%;overflow:hidden;position:relative}@media (max-width:991px){.sample5>.row>div .pic{width:100%;padding-top:100%}}.sample5>.row>div .pic img{min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute}@media (max-width:767px){.sample5>.row>div .pic img{opacity:.7}}.sample5>.row>div .cardx{width:62.5%;background-color:#fff;padding:3.6vw;position:relative}@media (max-width:1420px){.sample5>.row>div .cardx{padding:50px}}@media (max-width:991px){.sample5>.row>div .cardx{width:100%;padding:50px}}@media (max-width:767px){.sample5>.row>div .cardx{width:100%;padding:30px}}.sample5>.row>div .cardx h6{color:#fff;display:block;position:absolute;bottom:calc(100% + 15px);-webkit-transform:translateX(-35px);transform:translateX(-35px)}@media (max-width:1420px){.sample5>.row>div .cardx h6{-webkit-transform:translateX(-35px);transform:translateX(-35px)}}@media (max-width:991px){.sample5>.row>div .cardx h6{text-shadow:0 0 4px rgba(0,0,0,.5)}}@media (max-width:767px){.sample5>.row>div .cardx h6{padding:0 0 0 15px}}.sample5>.row>div .cardx .title{font-size:clamp(1.4rem,1.8vw,2.25rem);letter-spacing:.2rem;line-height:1.5;color:#000;font-weight:700;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #c5c5c5}.sample5>.row>div .cardx .title span{color:#5ab9be;font-size:clamp(1.24rem,1.4vw,1.75rem);white-space:nowrap;display:inline-block}.sample5>.row>div .cardx ul{list-style:none;padding-left:0}.sample5>.row>div .cardx ul a,.sample5>.row>div .cardx ul li{list-style:none;color:#000;font-size:clamp(1rem,1vw,1.25rem);line-height:1.5;margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.sample5>.row>div .cardx ul a svg,.sample5>.row>div .cardx ul li svg{margin-right:.5;width:30px}.sample5>.row>div .cardx ul a svg path,.sample5>.row>div .cardx ul li svg path{fill:#c5c5c5}.sample5>.row>div .cardx ul a svg .b,.sample5>.row>div .cardx ul li svg .b{fill:#c5c5c5}.sample5>.row>div .cardx ul a svg .c,.sample5>.row>div .cardx ul li svg .c{fill:#fff}.sample5>.row>div .cardx ul a span,.sample5>.row>div .cardx ul li span{width:calc(100% - 40px);margin-left:10px}.sample5>.row>div .cardx ul a:hover,.sample5>.row>div .cardx ul li:hover{color:#285aeb}.sample6{padding:120px 0}.sample6.littb{padding:60px 0}@media (max-width:767px){.sample6{padding:60px 15px;margin:0}}.sample6 .formbox{color:#fff}.sample6 .formbox h6{margin-bottom:30px;letter-spacing:.1rem}.sample6 .formbox .red{color:#c00;font-size:.875rem;margin-bottom:15px}.sample6 .formbox form>.row{margin-bottom:30px}.sample6 .formbox form>.row>label{color:#fff;font-size:clamp(1rem,.9vw,1.125rem);margin-bottom:10px;width:100%;letter-spacing:.1rem}.sample6 .formbox form>.row>label span{padding-left:30px;font-size:clamp(.92rem,.9vw,1rem);color:#c5c5c5}.sample6 .formbox form>.row input{outline:0;border:none}.sample6 .formbox form>.row input~a{padding:10px 0;cursor:pointer;display:inline-block}.sample6 .formbox form>.row input[type=date],.sample6 .formbox form>.row input[type=email],.sample6 .formbox form>.row input[type=number],.sample6 .formbox form>.row input[type=password],.sample6 .formbox form>.row input[type=tel],.sample6 .formbox form>.row input[type=text],.sample6 .formbox form>.row select{height:60px;width:100%;background-color:#32363f;padding:15px;color:#fff;font-size:clamp(1rem,.9vw,1.125rem);outline:0;border:none}.sample6 .formbox form>.row textarea{height:120px;width:100%;background-color:#32363f;padding:15px;color:#fff;font-size:clamp(1rem,.9vw,1.125rem);outline:0;border:none}.sample6 .formbox form>.row input.select-button{color:#fff;background:#33363e;text-align:left;padding:15px;background-image:url(../images/select_bt.png);background-repeat:no-repeat;background-size:60px 60px;background-position:right 0;width:100%;height:60px}.sample6 .formbox form>.row .select-list{z-index:100;position:relative;background:#34363d;-webkit-transform:translateY(-60px);transform:translateY(-60px);display:none}.sample6 .formbox form>.row .select-list ul{list-style:none;padding-left:0;margin-bottom:0}.sample6 .formbox form>.row .select-list ul li{list-style:none;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.3);display:block;height:45px!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.sample6 .formbox form>.row .select-list ul li.selected{background-color:rgba(255,255,255,.3)}.sample6 .formbox form>.row select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-image:url(../images/select_bt.png);background-repeat:no-repeat;background-size:60px 60px;background-position:right 0}.sample6 .formbox form>.row .radiobox>div{margin-right:2em;margin-bottom:15px}.sample6 .formbox form>.row .radiobox>div label{font-size:clamp(.92rem,.9vw,1rem);color:#c5c5c5}.sample6 .formbox form>.row.musthave>label{color:#fff}.sample6 .formbox form>.row.musthave>label:after{content:'*';color:#c00}.sample6 .formbox form>.row .code{display:-webkit-box;display:-ms-flexbox;display:flex}.sample6 .formbox form>.row .code input{width:calc(100% - 175px)}.sample6 .formbox form>.row .code .codeimg{width:175px;text-align:right}.sample6 .formbox form>.row .code .codeimg img{width:160px;height:60px}.sample6 .picp{position:relative;padding:10vh 0}.sample6 .picp img{width:75%;margin-left:25%;height:auto}.sample6 .picp .slogen{font-size:clamp(5.2rem,6.3vw,7.5rem);letter-spacing:.8rem;color:rgba(91,132,248,.8);position:absolute;top:50%;left:25%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(90deg);transform:translateX(-50%) translateY(-50%) rotate(90deg);font-family:Arial,Helvetica,sans-serif;font-weight:900;-webkit-transform-origin:center center;transform-origin:center center}.sample8{padding:120px 0}.sample8.littb{padding:60px 0}@media (max-width:767px){.sample8{padding:60px 0}}@media (max-width:575px){.sample8{padding:60px 0 0}}.sample8 .text_area{color:#fff;position:relative;z-index:2}.sample8 .text_area .tt p{margin-bottom:3em}@media (max-width:767px){.sample8 .text_area{margin-bottom:30px}.sample8 .text_area .tt p{margin-bottom:1.5em}}.sample8 .text_area:before{content:'';width:135%;height:100%;position:absolute;z-index:-1;top:0;left:0;background:-webkit-gradient(linear,left top,right top,color-stop(48%,#000),color-stop(65%,#000),color-stop(92%,rgba(0,0,0,.61)),to(rgba(0,0,0,0)));background:linear-gradient(to right,#000 48%,#000 65%,rgba(0,0,0,.61) 92%,rgba(0,0,0,0) 100%)}@media (max-width:767px){.sample8 .text_area:before{width:100%}}.sample8 .text_area>div{width:120%;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:767px){.sample8 .text_area>div{padding:0 15px;position:relative;width:100%;top:unset;-webkit-transform:translateY(0);transform:translateY(0)}}.sample8 .text_area h5{margin-bottom:1.2em;padding-bottom:.7em;border-bottom:1px solid #5b84f8}.sample8 .text_area .viewmore{margin-top:5vw}.sample8 .picarea{z-index:1;margin-bottom:30px}@media (max-width:767px){.sample8 .picarea img{width:calc(100% - 30px);margin:0 15px}}.sample8.reversex .text_area{text-align:right}@media (max-width:767px){.sample8.reversex .text_area{text-align:left}}.sample8.reversex .text_area:before{content:'';width:135%;height:100%;position:absolute;z-index:-1;top:0;right:0;left:unset;background:-webkit-gradient(linear,right top,left top,color-stop(48%,#000),color-stop(65%,rgba(0,0,0,.61)),color-stop(92%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:linear-gradient(to left,#000 48%,rgba(0,0,0,.61) 65%,rgba(0,0,0,0) 92%,rgba(0,0,0,0) 100%)}@media (max-width:767px){.sample8.reversex .text_area:before{width:100%}}.sample8.reversex .text_area>div{width:120%;left:unset;right:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:767px){.sample8.reversex .text_area>div{padding:0 15px;position:relative;width:100%;top:unset;-webkit-transform:translateY(0);transform:translateY(0)}}.sample8.havelogo .picarea{pointer-events:none}.sample8.havelogo>.row div>.row{position:relative}.sample8.havelogo>.row div>.row .container_box{z-index:0;position:absolute;top:-100px;right:-8.3vw;-webkit-perspective:1000px;perspective:1000px}@media (max-width:767px){.sample8.havelogo>.row div>.row .container_box{display:none}}.sample8.havelogo>.row div>.row .cardx{width:100%;padding-top:106.4%;background-repeat:no-repeat;background-size:100% auto;-webkit-transition:-webkit-box-shadow .2s ease,-webkit-transform .2s linear;transition:-webkit-box-shadow .2s ease,-webkit-transform .2s linear;transition:box-shadow .2s ease,transform .2s linear;transition:box-shadow .2s ease,transform .2s linear,-webkit-box-shadow .2s ease,-webkit-transform .2s linear}.sample9{background-color:#000;margin:0 -15px;position:relative;padding:120px 0}.sample9.littb{padding:60px 0}@media (max-width:767px){.sample9{padding:60px 0}}@media (max-width:575px){.sample9{padding:60px 0 0}}.sample9 .slogen{position:absolute;width:5vw;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);opacity:.6;z-index:1;top:50%}@media (max-width:767px){.sample9 .slogen{display:none}}.sample9 .slogen svg{max-height:80vh;width:auto}.sample9 .slogen svg .st0{-webkit-animation-name:colorchang;animation-name:colorchang;-webkit-animation-duration:15s;animation-duration:15s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.sample9 .item{position:relative;z-index:2}@media (max-width:767px){.sample9 .item{padding:0 0;margin-bottom:40px}.sample9 .item .viewmore>a{margin-top:15px}}.sample9 .item:nth-child(2){-webkit-transform:translateY(-3vw);transform:translateY(-3vw)}.sample9 .item:nth-child(2) .text{margin-top:3vw}@media (max-width:767px){.sample9 .item:nth-child(2){-webkit-transform:translateY(0);transform:translateY(0);margin-bottom:0}.sample9 .item:nth-child(2) .text{margin-top:0}}.sample9 .item .text{padding:3vw;color:#fff}@media (max-width:767px){.sample9 .item .text{padding:3vw 0}}.sample9 .item .text h4{font-size:clamp(1.4rem,1.8vw,2.25rem);margin-bottom:40px}@media (max-width:767px){.sample9 .item .text h4{margin-top:20px;margin-bottom:20px}}.sample9 .item .text .ptext{color:#fff;line-height:1.8;font-size:clamp(.92rem,.9vw,1rem)}.sample9 .item .text .ptext+.viewmore{margin-top:30px}.sample9 .item .pic img{width:100%;height:auto}@media (max-width:767px){.sample9>.row:not(.part2){margin:0 15px}}.sample10{color:#fff;padding:120px 0}.sample10.littb{padding:60px 0}@media (max-width:767px){.sample10{padding:60px 0}}@media (max-width:575px){.sample10{padding:60px 0 0}}@media (max-width:767px){.sample10 .title{margin:0}}.sample10 .list{margin:0 -7.5px!important}@media (max-width:767px){.sample10 .list{margin:0!important}}.sample10 .list>div{padding:0 7.5px!important}@media (max-width:767px){.sample10 .list>div{padding:0 15px!important}}.sample10 .list>div .picp{margin:20px 0 25px}.sample10 .list>div .picp img{width:100%;height:auto}.sample10 .list>div:nth-child(2){margin-top:1.8vw}@media (max-width:767px){.sample10 .list>div:nth-child(2){margin-top:0}}.sample10 .list>div:nth-child(3){margin-top:3.6vw}@media (max-width:767px){.sample10 .list>div:nth-child(3){margin-top:0}}.sample10 .list>div .textarea h6{margin-bottom:15px}.sample10.onlytext .title h4{margin-bottom:20px}.sample10.onlytext .list>div{margin-top:0!important}.sample10_2{color:#fff;padding:120px 0}.sample10_2.littb{padding:60px 0}@media (max-width:767px){.sample10_2{padding:60px 0}}@media (max-width:575px){.sample10_2{padding:60px 0 0}}@media (max-width:767px){.sample10_2 .title{margin:0}}.sample10_2 .list{margin:0 -7.5px!important}@media (max-width:767px){.sample10_2 .list{margin:0!important}}.sample10_2 .list>div{padding:0 7.5px!important}@media (max-width:767px){.sample10_2 .list>div{padding:0 15px!important}}.sample10_2 .list>div .picp{margin:20px 0 25px}.sample10_2 .list>div .picp img{width:100%;height:auto}.sample10_2 .list>div:nth-child(2){margin-top:3.6vw}@media (max-width:767px){.sample10_2 .list>div:nth-child(2){margin-top:0}}.sample11{color:#fff;padding:120px 0}.sample11.littb{padding:60px 0}@media (max-width:767px){.sample11{padding:60px 15px}}.sample11 .picp{margin:20px 0 25px}.sample11 .picp img{width:100%;height:auto}.sample12{color:#fff;padding:120px 0}.sample12.littb{padding:60px 0}@media (max-width:767px){.sample12{padding:60px 15px}}.sample12 .title h4{margin-bottom:15px}.sample12 .picp{margin:20px 0 25px}.sample12 .picp img{width:100%;height:auto}.sample13{color:#fff;padding:120px 0}.sample13.littb{padding:60px 0}@media (max-width:767px){.sample13{padding:60px 15px}}.sample13>.row{position:relative}.sample13 .mainin{color:#000;margin-bottom:6vw;z-index:1}@media (max-width:767px){.sample13 .mainin{margin-bottom:0}}.sample13 .mainin>.row{position:relative;padding-top:6vw;padding-bottom:5vw}@media (max-width:767px){.sample13 .mainin>.row{padding-top:8vw;padding-bottom:6vw}}@media (max-width:767px){.sample13 .mainin>.row .title h4{margin-bottom:1.5em}}@media (max-width:767px){.sample13 .mainin>.row .textarea h6{margin-bottom:1.5em}}.sample13 .mainin>.row .wbg{position:absolute;background-color:#fff;left:0;top:0;height:100%;display:block;z-index:-1;pointer-events:none}@media (max-width:767px){.sample13 .mainin>.row .wbg{width:100vw;margin-left:-15px;max-width:unset}}.sample13 .mainin>.row .iconlist{margin-top:30px}.sample13 .mainin>.row .iconlist>div{margin-bottom:20px;margin-top:20px}.sample13 .mainin>.row .iconlist>div .picp>div{width:100%;padding-top:100%;position:relative;overflow:hidden}.sample13 .mainin>.row .iconlist>div .picp>div img{max-width:100%;max-height:100%;width:130px;height:130px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover}.sample13 .mainin>.row .iconlist>div .text{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center}@media (max-width:575px){.sample13 .mainin>.row .iconlist>div .text{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.sample13 .mainin>.row .iconlist>div .text h6{width:100%}.sample13 .bgpic{position:relative}@media (max-width:767px){.sample13 .bgpic{display:none}}.sample13 .bgpic>div{position:absolute;left:0;bottom:0;z-index:-1}.sample13 .bgpic>div img{width:100%;height:auto}.sample13.fouricon_col .mainin>.row .iconlist>div .picp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}@media (max-width:767px){.sample13.fouricon_col .mainin>.row .iconlist>div .picp{margin-bottom:0}}.sample13.fouricon_col .mainin>.row .iconlist>div .picp>div{max-width:130px;padding-top:130px;width:100%}@media (max-width:767px){.sample13.fouricon_col .mainin>.row .iconlist>div .picp>div{max-width:unset;padding-top:100%}}.sample13.fouricon_col .mainin>.row .iconlist>div .text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:767px){.sample13.fouricon_col .mainin>.row .iconlist>div .text{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}}.sample13.fouricon_col .mainin>.row .iconlist>div .text h6,.sample13.fouricon_col .mainin>.row .iconlist>div .text p{text-align:center}@media (max-width:767px){.sample13.fouricon_col .mainin>.row .iconlist>div .text h6,.sample13.fouricon_col .mainin>.row .iconlist>div .text p{text-align:left}}.tagbox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.tagbox>a{font-size:clamp(1.08rem,1vw,1.25rem);color:#fff;letter-spacing:.1rem;padding:10px 25px;margin-right:20px;margin-bottom:20px;background-color:rgba(197,197,197,.4);border-radius:30px;white-space:nowrap;display:inline-block}@media (max-width:767px){.tagbox>a{padding:5px 12px;margin-right:10px;margin-bottom:10px}}.tagbox>a:hover{background-color:#3e3a39}.list_typea{padding:0 0 120px;margin-right:-15px;margin-left:-15px;background-color:rgba(0,0,0,.7)}@media (max-width:767px){.list_typea{padding:0 30px 80px}}.list_typea .titlebar{color:#fff;margin-bottom:58px}.list_typea .titlebar a{color:#fff}.list_typea .titlebar h2{color:#fff;z-index:4;font-size:clamp(2.2rem,2.7vw,3.25rem);letter-spacing:.32rem;font-weight:300}.list_typea .titlebar h2 span{font-weight:600;position:relative;display:inline-block;padding-bottom:20px;position:relative}.list_typea .titlebar h2 span:before{height:5px;width:2em;background-color:#fff;bottom:0;left:0;display:block;position:absolute;content:''}@media (max-width:575px){.list_typea .titlebar{margin-bottom:30px}}.list_typea .listsq{margin-top:30px;margin-bottom:30px}.list_typea .listsq .list{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:25px 15px;color:#fff;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #707070;margin:0}.list_typea .listsq .list:first-child{border-top:1px solid #707070}.list_typea .listsq .list:hover{background-color:rgba(255,255,255,.16);-webkit-transition:all .3s ease;transition:all .3s ease}.list_typea .listsq .list:hover .morebt{border:2px solid #fff;-webkit-transition:all .3s ease;transition:all .3s ease}.list_typea .listsq .list:hover .morebt svg{opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}.list_typea .listsq .list a{color:#fff}.list_typea .listsq .list>a{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;font-size:0;display:block}.list_typea .listsq .list .more{position:relative;z-index:3}@media (max-width:575px){.list_typea .listsq .list .more{width:100%;max-width:unset;position:relative;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.list_typea .listsq .list .more a{right:0}.list_typea .listsq .list .more a .morebt{width:30px;height:30px;border-radius:0;border:none}}.list_typea .listsq .list .date{font-size:clamp(1.75rem,2.5vw,3rem);letter-spacing:.3rem;line-height:1.2;font-family:Arial,Helvetica,sans-serif;font-weight:700;margin-right:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.list_typea .listsq .list .date span.yr{font-size:clamp(1rem,.9vw,1.125rem);display:block;width:100%}@media (max-width:575px){.list_typea .listsq .list .date{width:100%;margin-bottom:15px;opacity:.7}}.list_typea .listsq .list .name{font-size:clamp(1rem,.9vw,1.125rem);letter-spacing:.2rem;text-align:left;font-weight:700;line-height:1.8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:75%}@media (max-width:575px){.list_typea .listsq .list .name{width:100%;display:block;max-width:unset}}@media (max-width:767px){.list_typeb>.row{margin:0}}.list_typeb>.row .listsq{margin-top:30px;margin-bottom:30px}.list_typeb>.row .listsq>.row>div .box{width:100%;padding-top:100%;position:relative;z-index:0;margin-bottom:30px}.list_typeb>.row .listsq>.row>div .box>a{position:absolute;top:0;left:0;z-index:3;display:block;width:100%;height:100%;font-size:0;cursor:pointer}.list_typeb>.row .listsq>.row>div .box>.pic{width:100%;height:100%;top:0;left:0;z-index:0;position:absolute;overflow:hidden}@media (max-width:575px){.list_typeb>.row .listsq>.row>div .box>.pic{height:auto;padding-top:100%}}.list_typeb>.row .listsq>.row>div .box>.pic img{min-width:100%;min-height:100%;position:absolute;width:100%;height:auto;left:50%;top:50%;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;-webkit-transition:all .3s ease;transition:all .3s ease}.list_typeb>.row .listsq>.row>div .box .mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(.5);transform:scale(.5);background-color:rgba(0,0,0,0);-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width:575px){.list_typeb>.row .listsq>.row>div .box .mask{-webkit-transform:scale(1);transform:scale(1);background-color:rgba(0,0,0,0);-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;width:100%;height:auto}}.list_typeb>.row .listsq>.row>div .box .mask:before{width:80px;height:80px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:'';z-index:0;background-color:rgba(255,255,255,.23);border-radius:40px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}@media (max-width:575px){.list_typeb>.row .listsq>.row>div .box .mask:before{display:none}}.list_typeb>.row .listsq>.row>div .box .mask:after{width:30px;height:30px;display:block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:'';z-index:1;background-repeat:no-repeat;background-image:url(../images/lookat.svg);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}@media (max-width:575px){.list_typeb>.row .listsq>.row>div .box .mask:after{display:none}}.list_typeb>.row .listsq>.row>div .box .mask h6{color:#fff;text-align:center;padding:10px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;position:absolute;bottom:0;width:100%;text-align:center}@media (max-width:575px){.list_typeb>.row .listsq>.row>div .box .mask h6{opacity:1;position:relative}}.list_typeb>.row .listsq>.row>div .box:hover .pic img{-webkit-transform:translate(-50%,-50%) scale(1.05);transform:translate(-50%,-50%) scale(1.05);-webkit-transition:all .3s ease;transition:all .3s ease}.list_typeb>.row .listsq>.row>div .box:hover .mask{-webkit-transform:scale(1);transform:scale(1);background-color:rgba(0,0,0,.5);-webkit-transition:all .3s ease;transition:all .3s ease}.list_typeb>.row .listsq>.row>div .box:hover .mask:after,.list_typeb>.row .listsq>.row>div .box:hover .mask:before{opacity:1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.list_typeb>.row .listsq>.row>div .box:hover .mask h6{opacity:1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.list_typeb>.row .listsq.brand>.row>div .box{width:100%;padding-top:63.33%}.list_typeb>.row .listsq.brand>.row>div .box img{min-width:100%;min-height:100%;position:absolute;-o-object-fit:contain;object-fit:contain;left:50%;top:50%;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;-webkit-transition:all .3s ease;transition:all .3s ease}.list_typec .listsq{margin-top:30px;margin-bottom:30px}@media (max-width:767px){.list_typec>.row{margin:0}}.pageline{font-size:clamp(1rem,.9vw,1.125rem);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pageline a{padding:10px;color:#fff;position:relative;margin:0 5px}.pageline a:before{width:1em;height:1px;background-color:#5b84f8;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:'';display:none}.pageline a:hover{color:#5b84f8}.pageline a.active{color:#5b84f8}.pageline a.active:before{display:block}.jumpsq{width:100vw;height:100vh;z-index:300;background-color:rgba(0,0,0,.9);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;left:0;display:none;padding-top:5vh}.jumpsq .swiperbox{position:relative;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.jumpsq .swiperbox>h5{color:#fff;font-size:clamp(1.4rem,1.8vw,2.25rem);display:inline-table;margin-left:auto;margin-right:auto;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #5b84f8}.jumpsq .swiperbox .contentbox .jumpswiper{width:calc(60vw + 200px);height:auto;padding:0 100px}@media (max-width:991px){.jumpsq .swiperbox .contentbox .jumpswiper{width:calc(100vw - 30px);padding:0 0}}.jumpsq .swiperbox .contentbox .swiper-wrapper{width:60vw;height:auto}.jumpsq .swiperbox .contentbox .swiper-wrapper .swiper-slide{text-align:center}.jumpsq .swiperbox .contentbox .swiper-wrapper .swiper-slide img{max-height:75vw;height:auto;width:auto;height:75vh;-o-object-fit:contain;object-fit:contain}@media (max-width:991px){.jumpsq .swiperbox .contentbox .swiper-wrapper .swiper-slide img{max-height:60vh;height:auto;max-width:100%;width:auto;-o-object-fit:contain;object-fit:contain}}.jumpsq .swiperbox .contentbox .swiper-wrapper .swiper-slide .text{color:#fff;margin-top:10px}.jumpsq .a-button-next,.jumpsq .a-button-prev{position:absolute;top:50%;width:80px;padding-top:80px;z-index:10;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:1280px){.jumpsq .a-button-next,.jumpsq .a-button-prev{width:60px;padding-top:60px}}@media (max-width:991px){.jumpsq .a-button-next,.jumpsq .a-button-prev{width:45px;padding-top:45px}}.jumpsq .a-button-next>div.play.m,.jumpsq .a-button-prev>div.play.m{top:0;left:0;margin-left:40px;position:absolute;width:40px;height:80px;overflow:hidden;border-radius:0 40px 40px 0;-webkit-animation:a 5s linear;animation:a 5s linear}@media (max-width:1280px){.jumpsq .a-button-next>div.play.m,.jumpsq .a-button-prev>div.play.m{margin-left:30px;position:absolute;width:30px;height:60px;border-radius:0 30px 30px 0;-webkit-animation:a3 5s linear;animation:a3 5s linear}}.jumpsq .a-button-next>div.play.m:after,.jumpsq .a-button-next>div.play.m:before,.jumpsq .a-button-prev>div.play.m:after,.jumpsq .a-button-prev>div.play.m:before{content:'';-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;right:0;width:80px;height:40px;background:rgba(0,0,0,0);border-style:solid;border-color:#fff;border-width:2px 2px 0;border-radius:40px 40px 0 0;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}@media (max-width:1280px){.jumpsq .a-button-next>div.play.m:after,.jumpsq .a-button-next>div.play.m:before,.jumpsq .a-button-prev>div.play.m:after,.jumpsq .a-button-prev>div.play.m:before{width:60px;height:30px;border-radius:30px 30px 0 0;-webkit-transform-origin:30px 30px;transform-origin:30px 30px}}.jumpsq .a-button-next>div.play.m:before,.jumpsq .a-button-prev>div.play.m:before{z-index:1;-webkit-animation:a1 5s linear;animation:a1 5s linear;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.jumpsq .a-button-next>div.play.m:after,.jumpsq .a-button-prev>div.play.m:after{opacity:0;z-index:2;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:a2 5s linear;animation:a2 5s linear}.jumpsq .a-button-next:before,.jumpsq .a-button-prev:before{width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid rgba(255,255,255,.3);content:'';border-radius:40px}@media (max-width:767px){.jumpsq .a-button-next:before,.jumpsq .a-button-prev:before{background:rgba(0,0,0,.5)}}.jumpsq .a-button-next{right:0}.jumpsq .a-button-next svg{position:absolute;left:50%;top:50%;width:20px;height:auto;fill:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.3}.jumpsq .a-button-next:hover:before{border:2px solid #fff}.jumpsq .a-button-next:hover svg{opacity:1}.jumpsq .a-button-prev{left:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .3s ease;transition:all .3s ease}.jumpsq .a-button-prev svg{position:absolute;left:50%;top:50%;width:20px;height:auto;fill:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.3}.jumpsq .a-button-prev:hover:before{border:2px solid #fff}.jumpsq .a-button-prev:hover svg{opacity:1}.jumpsq .swiper-pagination{position:relative;margin-top:15px}.jumpsq .swiper-pagination span.swiper-pagination-bullet{width:10px;height:10px;background-color:#c5c5c5;opacity:1}.jumpsq .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#3e3a39;opacity:1}.jumpsq .swiper-horizontal>.swiper-pagination-bullets,.jumpsq .swiper-pagination-bullets.swiper-pagination-horizontal,.jumpsq .swiper-pagination-custom,.jumpsq .swiper-pagination-fraction{bottom:0}.jumpsq button.close{top:45px;right:45px;position:absolute;background-color:rgba(0,0,0,0);color:#fff;outline:0;border:none;padding:10px;z-index:200}@media (max-width:767px){.jumpsq button.close{top:15px;right:10px}}.note{font-size:clamp(.92rem,.9vw,1rem);text-align:left}.youtubelist>div{margin-bottom:30px}.youtubelist .pic{width:100%;padding-top:56.25%;position:relative}.youtubelist .pic>a{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;cursor:pointer}.youtubelist .pic>a:before{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.4);content:'';z-index:1}.youtubelist .pic>a:after{width:100%;height:100%;position:absolute;left:0;top:0;content:'';z-index:2;background-image:url(../images/iconyoutube.png);background-position:center center;background-repeat:no-repeat}.youtubelist .pic>a img{min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute}.youtubelist .name h6{color:#fff;margin:15px 0}.fsv{width:100vw;height:100vh;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fsv .video_box{width:60%;padding-top:33.6%;position:relative}@media (max-width:767px){.fsv .video_box{width:100%;padding-top:56.25%}}.fsv .video_box iframe{width:100%;height:100%;top:0;left:0;position:absolute}.product_content .leftbar{padding-right:4vw}@media (max-width:767px){.product_content .leftbar{margin-bottom:20px}}.product_content nav#productnav{margin-bottom:45px;position:relative;width:100%}.product_content nav#productnav ul{list-style:none;margin:0;padding:0}.product_content nav#productnav ul li{list-style:none;border-bottom:1px dashed #707070;margin-bottom:0}.product_content nav#productnav ul li a{font-size:clamp(1rem,.9vw,1.125rem);height:75px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#b2b0b0;position:relative;padding:10px 15px;text-decoration:none;-webkit-transition:.2s linear;transition:.2s linear}.product_content nav#productnav ul li a:hover{background:rgba(255,255,255,.1);color:#fff}.product_content nav#productnav ul li a .fa{width:16px;text-align:center;margin-right:5px;float:right}.product_content nav#productnav ul li.sub-menu>a:after{width:12px;height:12px;position:absolute;content:'';top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-image:url(../images/arrow2.svg);background-repeat:no-repeat;background-size:auto 12px;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:.5}.product_content nav#productnav ul li.sub-menu.active a:after{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);-webkit-transition:all .3s ease;transition:all .3s ease;opacity:1}.product_content nav#productnav ul li.active>a{background:rgba(255,255,255,.1);color:#fff}.product_content nav#productnav ul ul{background-color:rgba(255,255,255,.05)}.product_content nav#productnav ul li ul li a{border-left:4px solid transparent;padding:10px 20px}.product_content nav#productnav ul li ul li a:active,.product_content nav#productnav ul li ul li a:hover{border-left:4px solid #3498db}.product_content .nav_title h4{color:#fff;height:68px;padding-top:10px;margin-bottom:0;border-bottom:1px solid #707070}@media (max-width:767px){.product_content .nav_title h4{border:1px solid #707070;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.product_content .nav_title h4:after{width:12px;height:12px;position:absolute;content:'';top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-image:url(../images/arrow2.svg);background-repeat:no-repeat;background-size:auto 12px;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:.5}}@media (max-width:767px){.product_content .nav_title.open h4{background-color:rgba(255,255,255,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.product_content .nav_title.open h4:after{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);-webkit-transition:all .3s ease;transition:all .3s ease;opacity:.5}}.product_content .m_title>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:1420px){.product_content .m_title>div{-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.product_content .m_title>div>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media (max-width:767px){.product_content .m_title>div>div{width:100%}}.filter{margin-bottom:45px}.filter .titlename{font-size:clamp(1.24rem,1.2vw,1.375rem);border-bottom:1px solid #707070;margin-bottom:15px;padding-bottom:15px;color:#fff;cursor:pointer}.filter .titlename>span{width:100%;padding:0 15px 0 0;display:block;position:relative}.filter .titlename>span:after{width:12px;height:12px;position:absolute;content:'';top:50%;right:15px;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);background-image:url(../images/arrow2.svg);background-repeat:no-repeat;background-size:auto 12px;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:1}.filter .filterlist>div{position:relative;width:100%;display:block}.filter.close .titlename>span:after{-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0);-webkit-transition:all .3s ease;transition:all .3s ease;opacity:.5}.productlist{margin-bottom:60px;margin-top:15px}.productlist>div{margin-bottom:30px}.productlist .picp{width:100%;padding-top:100%;position:relative;overflow:hidden;border-radius:0 30px 0 30px}.productlist .picp>a{font-size:0;width:100%;height:100%;left:0;top:0;position:absolute;cursor:pointer;z-index:2}.productlist .picp>img{min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .3s ease;transition:all .3s ease}.productlist .picp>.tag{font-size:clamp(.8rem,.7vw,.875rem);padding:5px 12px;background-color:rgba(255,255,255,.7);color:#333;position:absolute;top:10%;right:10%;letter-spacing:1.4px;border-top-right-radius:8px;border-bottom-left-radius:8px;z-index:1}.productlist .picp:hover>img{-webkit-transform:translate(-50%,-50%) scale(1.02);transform:translate(-50%,-50%) scale(1.02);-webkit-transition:all .3s ease;transition:all .3s ease}.productlist .textarea{padding:15px}.productlist .textarea .price{font-size:clamp(1.2rem,1.2vw,1.5rem);letter-spacing:.16rem;font-family:Arial,Helvetica,sans-serif;color:#5b84f8;font-weight:700;margin-bottom:8px;width:100%}.productlist .textarea .price span{text-decoration:line-through;margin-left:.5em;font-size:clamp(.92rem,.9vw,1rem);color:#5e5e5e}.productlist .textarea .name a{font-size:clamp(1rem,.9vw,1.125rem);color:#fff;letter-spacing:.2rem;-webkit-transition:all .3s ease;transition:all .3s ease}.productlist .textarea .name a:hover{color:#5b84f8;-webkit-transition:all .3s ease;transition:all .3s ease}.listtype_bt{margin-right:30px}@media (max-width:767px){.listtype_bt{margin-right:15px;position:absolute;right:0}}.listtype_bt a{margin-left:15px;opacity:.3;-webkit-transition:all .3s ease;transition:all .3s ease}.listtype_bt a.active{opacity:.8;-webkit-transition:all .3s ease;transition:all .3s ease}.main_produt{margin-bottom:60px}.main_produt .info{color:#fff}.main_produt .info h3{position:relative;margin-bottom:45px}.main_produt .info h3:before{height:5px;width:2em;background-color:#fff;bottom:0;left:0;display:block;position:absolute;content:''}.main_produt .info .price{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:stretch;align-content:stretch}.main_produt .info .price .price_original{text-decoration:line-through;margin-right:1em;font-size:clamp(.92rem,.9vw,1rem);color:#5e5e5e;margin-right:20px;display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap;line-height:1.3;padding-top:1.2rem;margin-bottom:8px}.main_produt .info .price .special_price{font-size:clamp(1.6rem,2vw,2.5rem);letter-spacing:.16rem;font-family:Arial,Helvetica,sans-serif;color:#5b84f8;font-weight:700;margin-bottom:8px;width:100%}.main_produt .info .price .special_price span{margin-left:.5em;font-size:clamp(.92rem,.9vw,1rem);color:#fff;margin-right:.5em}.main_produt .info .text{letter-spacing:.1rem;line-height:2rem;margin-bottom:45px}.main_produt .pslider{position:relative}.main_produt .pslider .gallery{overflow:hidden}.main_produt .pslider .gallery .slider-container{width:100vw;height:100vh}.main_produt .pslider .gallery .swiper-container{width:100%;margin-left:auto;margin-right:auto}.main_produt .pslider .gallery .swiper-slide{background-size:cover;background-position:center}.main_produt .pslider .gallery .gallery-top{height:80%;width:100%}.main_produt .pslider .gallery .gallery-slider{margin-bottom:5px}.main_produt .pslider .gallery .gallery-slider .swiper-slide>div{width:100%;padding-top:96.6%;position:relative;border-radius:0 30px 0 30px;overflow:hidden}.main_produt .pslider .gallery .gallery-slider .swiper-slide>div img{position:absolute;min-width:100%;min-height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover}.main_produt .pslider .gallery .gallery-thumbs{height:20%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 0;margin-left:50px;margin-right:50px;width:calc(100% - 100px);overflow:hidden;position:relative}.main_produt .pslider .gallery .gallery-thumbs .swiper-slide>div{width:100%;padding-top:96.6%;position:relative;border-radius:10px;overflow:hidden}.main_produt .pslider .gallery .gallery-thumbs .swiper-slide>div img{position:absolute;min-width:100%;min-height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover}.main_produt .pslider .gallery .gallery-thumbs .swiper-slide{width:25%;height:100%;opacity:.4}.main_produt .pslider .gallery .gallery-thumbs .swiper-slide-active{opacity:1}.main_produt .pslider .gallery .swiper-button-next,.main_produt .pslider .gallery .swiper-button-prev{color:#fff;position:absolute;bottom:6.25%;top:unset;-webkit-transform:translateY(25%) scale(.6)!important;transform:translateY(25%) scale(.6)!important}.nav_page{margin:0;border-bottom:1px solid #b2b0b0}.nav_page ul{margin-bottom:0;border-bottom:none;list-style:none;padding-left:0}.nav_page ul li{list-style:none;margin-bottom:0;font-size:clamp(1.24rem,1.2vw,1.375rem)}.nav_page ul li .nav-link{margin-right:20px;color:#fff;border:none!important;-webkit-transition:all .3s ease;transition:all .3s ease}.nav_page ul li .nav-link:hover{color:#5b84f8;border:none!important;-webkit-transition:all .3s ease;transition:all .3s ease}.nav_page ul li .nav-link.active{color:#5b84f8;background-color:rgba(0,0,0,0);border:none;position:relative}.nav_page ul li .nav-link.active:after{width:100%;height:5px;border:none!important;background-color:#5b84f8;left:50%;bottom:0;position:absolute;-webkit-transform:translateX(-50%) translateY(2px);transform:translateX(-50%) translateY(2px);-webkit-transition:all .3s ease;transition:all .3s ease;content:''}.contentlist{padding:60px 0 0}@media (max-width:767px){.contentlist{margin:0}.contentlist>div{padding-left:0;padding-right:0}}.contentlist .coversq{width:100%;max-height:800px;overflow:hidden;position:relative;-webkit-transform-origin:top center;transform-origin:top center}.contentlist .coversq:after{pointer-events:none;position:absolute;height:600px;width:100%;left:0;bottom:0;background:rgba(0,0,0,0) -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(22%,#000),to(rgba(0,0,0,0))) 0 0 no-repeat padding-box;background:rgba(0,0,0,0) linear-gradient(0deg,#000 0,#000 22%,rgba(0,0,0,0) 100%) 0 0 no-repeat padding-box;content:''}.contentlist .coversq.open{max-height:unset;height:auto}.contentlist .coversq.open:after{pointer-events:none;opacity:0;-webkit-transition:hight .5s ease;transition:hight .5s ease}.contentlist .coversq.open .showmore{display:none}@-webkit-keyframes updown{0%{left:55%}50%{left:45%}100%{left:55%}}@keyframes updown{0%{left:55%}50%{left:45%}100%{left:55%}}.showmore{position:absolute;z-index:2;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.showmore a{color:#fff;font-size:clamp(1.24rem,1.2vw,1.375rem);letter-spacing:.1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.showmore a span{font-size:clamp(1.24rem,1.2vw,1.375rem);letter-spacing:.1;width:100%;text-align:center;margin-bottom:10px;color:#fff}.showmore a .morebt{width:80px;height:80px;display:block;border-radius:40px;border:2px solid rgba(255,255,255,.3);position:relative;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:all .3s ease;transition:all .3s ease;margin-left:auto;margin-right:auto}@media (max-width:1280px){.showmore a .morebt{width:60px;height:60px;border-radius:30px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.showmore a .morebt svg{position:absolute;left:50%;top:50%;width:20px;height:auto;fill:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:.3;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-animation-name:updown;animation-name:updown;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:1s;animation-duration:1s}.showmore a:hover .morebt{border:2px solid #fff}.showmore a:hover .morebt svg{opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}.related{margin-top:120px;padding-top:60px;border-top:1px solid #b2b0b0;margin-left:0;margin-right:0}.related h4{color:#fff;margin-bottom:30px}.activelist{margin-bottom:60px}@media (max-width:767px){.activelist{margin-left:0;margin-right:0}}.activelist>div{border-bottom:1px solid #b2b0b0;padding:50px 0 50px}.activelist>div .picp{width:100%;padding-top:51%;position:relative;overflow:hidden;border-radius:0 30px 0 30px}.activelist>div .picp>a{width:100%;height:100%;z-index:2;position:absolute;top:0;left:0;font-size:0}.activelist>div .picp img{min-width:100%;min-height:100%;top:50%;left:50%;-o-object-fit:cover;object-fit:cover;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center;z-index:1;-webkit-transition:all .3s ease;transition:all .3s ease;position:absolute}.activelist>div .picp:hover img{-webkit-transform:translate(-50%,-50%) scale(1.02);transform:translate(-50%,-50%) scale(1.02);-webkit-transition:all .3s ease;transition:all .3s ease}.activelist>div .textarea{margin-left:15px;color:#fff}.activelist>div .textarea h4{font-size:clamp(1.2rem,1.4vw,1.875rem);letter-spacing:6px;color:#fff;font-weight:400;line-height:50px}.activelist>div .textarea .date{color:#5b84f8;letter-spacing:.1rem;font-size:clamp(1rem,1.2vw,1.375rem);line-height:1.5;font-family:Arial,Helvetica,sans-serif;font-weight:700;margin-left:-.5em;margin-bottom:15px}.activelist>div .textarea .date span{padding:0 .5em}.activelist>div .textarea .address{font-size:clamp(.9rem,.9vw,1rem);color:#c5c5c5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.activelist>div .textarea .address svg{margin-right:10px;height:20px;width:auto;fill:#fff}.activelist>div .textarea .address a{color:#fff}.activelist>div .textarea .address a:hover{color:#5b84f8}.activelist>div .textarea .discrip{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;height:3.6em;overflow:hidden;margin-bottom:15px}@media (max-width:767px){.m_title .ddfdf .select-wrapper{width:100%!important}}@media (max-width:767px){#filter_product{display:none}}#jpModal.fade:not(.show){opacity:1}#jpModal .textarea{padding-left:30px;padding-right:30px;width:100%;text-align:center}#jpModal .textarea div,#jpModal .textarea h5,#jpModal .textarea p{text-align:center}#jpModal .textarea h5{text-align:center;border-bottom:1px solid #5b84f8;display:inline-block;margin-bottom:10px}#jpModal .modal-header{border:none;padding:1rem 1rem 0}#jpModal .modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.2rem}#jpModal .modal-content{border-bottom-left-radius:30px;border-top-right-radius:30px}#jpModal button.btn-close{position:absolute;top:0;right:0;-webkit-transform:translate(10%,-10%);transform:translate(10%,-10%);background:#999;z-index:50;opacity:1;border-radius:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:575px){#jpModal button.btn-close{-webkit-transform:translate(0,-10%);transform:translate(0,-10%)}}#jpModal button.btn-close:hover{opacity:1;background-color:#5b84f8}#jpModal button.btn-close svg{z-index:5;width:17px;height:auto}#jpModal button.btn-close svg path{fill:#fff}.modal.fade .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.jpmodalbt{opacity:0;position:absolute;z-index:-5}@keyframes showout{0%{opacity:0}100%{opacity:1}}.loading{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:10000}.loading-img{width:80px;height:auto;position:absolute;left:50%;top:50%;opacity:0;margin:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-name:showout;animation-name:showout;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.loading-img img{width:100%;height:auto}.loading-none{display:none}#animation_xx{width:100vw;height:100vh;background-color:#000;left:0;top:0;position:fixed;z-index:20000}#animation_xx>div{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#animation_xx>div img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;width:50vw}@media (max-width:767px){#animation_xx>div img{width:120vw;max-width:unset;max-height:unset;-o-object-fit:cover;object-fit:cover}}#animation_xx .skip{color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:700;right:3vw;bottom:3vw;position:absolute;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:1.8rem;cursor:pointer}#animation_xx .skip:hover{color:rgba(255,255,255,.8);-webkit-transition:all .3s ease;transition:all .3s ease}div>label.havetext{white-space:nowrap}div>label.havetext input[type=text]{height:30px!important;display:inherit;width:200px;background-color:rgba(0,0,0,0)!important;border-bottom:1px solid #fff!important;margin-left:10px}.form-control{border-radius:0;background-image:url(../images/calendar-regular.svg);background-repeat:no-repeat;background-position:calc(100% - 15px) center;background-size:20px}.address input[type=text]~input[type=text]{margin-bottom:10px}section.sample10.onlytext.underline{border-bottom:solid 1px rgba(255,255,255,.5)}.newspage .sample10_2,.newspage .sample8{padding:60px 0!important}.qapp .littb:first-child{padding-top:120px}#gotop{width:60px;height:60px;position:fixed;bottom:15px;right:15px;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all .3s ease;transition:all .3s ease}#gotop a{width:60px;height:60px;border-radius:30px;background-color:#3e3a39;font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:3;opacity:0;pointer-events:none;cursor:pointer}#gotop a:after,#gotop a:before{width:2px;height:20px;background-color:#fff;position:absolute;top:50%;left:50%;pointer-events:none;content:''}#gotop a:before{-webkit-transform:translate(calc(-100% - 4px),calc(-50% - 2px)) rotate(45deg);transform:translate(calc(-100% - 4px),calc(-50% - 2px)) rotate(45deg);-webkit-transform-origin:left center;transform-origin:left center}#gotop a:after{-webkit-transform:translate(calc(100% + 4px),calc(-50% - 2px)) rotate(-45deg);transform:translate(calc(100% + 4px),calc(-50% - 2px)) rotate(-45deg);-webkit-transform-origin:right center;transform-origin:right center}