*{box-sizing:border-box}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,textarea,ul{margin:0;padding:0}abbr,acronym,fieldset,img{border:0}q:after,q:before{content:""}button,input,select,textarea{border:0;outline:none}button{background:none;padding:0}a,button{cursor:pointer}a{text-decoration:none}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}.clearfix{zoom:1}.rd_show_in{opacity:0}.rd_show_in.rd_show_default{opacity:1;transform:translate(0)}.rd_show_in.rd_show_up{animation-duration:1s;animation-fill-mode:forwards;animation-name:show_in_animate_up}.rd_show_in.rd_show_down{animation-duration:1s;animation-fill-mode:forwards;animation-name:show_in_animate_down}@keyframes show_in_animate_up{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translate(0)}}@keyframes show_in_animate_down{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translate(0)}}.rd-client-testimony-dot-area .swiper-pagination-bullet-active,.recommend-work-swiper-pagination .swiper-pagination-bullet-active{background-color:#ad121d}.grecaptcha-badge{visibility:hidden}.main-content{margin:0 auto;max-width:1640px;padding:0 20px}@media only screen and (max-width:1599px){.main-content{max-width:1140px}}.marb_50{margin-bottom:50px}.marb_20{margin-bottom:20px}.ovh{overflow:hidden}h1{font-style:normal}.gotop{align-items:center;background:#fff;border:1px solid #ad121d;bottom:0;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:0;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:60px;z-index:20}@media only screen and (max-width:767px){.gotop{height:35px;width:35px}}@media only screen and (min-width:1000px){.gotop:hover{background:#ad121d;border-radius:50%}.gotop:hover,.gotop:hover svg line{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.gotop:hover svg line{stroke:#fff}}.header{position:fixed;z-index:60}@media only screen and (max-width:1024px){.header{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.06);height:50px;width:100%}}.header img,.header svg{height:auto;width:100%}.header .leftlogo{display:block;left:15px;position:absolute;top:16px;width:115px}@media only screen and (min-width:1000px){.header .leftlogo.pcnone{display:none}}@media only screen and (max-width:1024px){.header .leftlogo{left:15px;top:15px;width:80px}}.header .menu{position:fixed;right:0;top:0;z-index:100}.header .menu.whenblackbg .line{stroke:#fff}@media only screen and (min-width:1000px){.header .menu:hover .line{stroke:#ad121d;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.header .ham{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:transform .4s;-moz-user-select:none;-webkit-user-select:none;user-select:none;width:60px}@media only screen and (max-width:1024px){.header .ham{width:50px}}.header .hamRotate.active{transform:rotate(45deg)}.header .hamRotate180.active{transform:rotate(180deg)}.header .line{fill:none;stroke:#000;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .4s,stroke-dashoffset .4s;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.header .ham4 .bottom,.header .ham4 .top{stroke-dasharray:40 121}.header .ham4.active .bottom,.header .ham4.active .top{stroke-dashoffset:-68px}.header .ham4.active .line{stroke:#fff}@media only screen and (max-width:1024px){.header .ham4.active .line{stroke:#000}}.menufull{background:url(../../images/frontend/ridea_menu.jpg) 50% no-repeat;background-color:#222;background-size:cover;height:100%;overflow:hidden;padding:5px;position:fixed;width:100%;z-index:50}@media only screen and (max-width:767px){.menufull{overflow:auto;padding:50px 0 0}}.menufull .rel{display:flex;flex-direction:row;height:100%;overflow:hidden;position:relative;width:100%}@media only screen and (max-width:767px){.menufull .rel{flex-direction:column-reverse;height:auto;padding-bottom:30px}}.menufull .line01{animation:line01 .7s linear .3s forwards;background:#4e4e4e;height:1px;position:absolute;right:-100%;top:0;width:100%;z-index:2}@media only screen and (max-width:767px){.menufull .line01{display:none}}.menufull .line02{animation:line02 .7s linear .3s forwards;background:#4e4e4e;bottom:0;height:1px;position:absolute;width:0;z-index:2}@media only screen and (max-width:767px){.menufull .line02{display:none}}.menufull .line03{animation:line03 .7s linear .3s forwards;background:#4e4e4e;height:100%;left:0;position:absolute;top:100%;width:1px}@media only screen and (max-width:767px){.menufull .line03{display:none}}.menufull .line04{animation:line04 .7s linear .3s forwards;background:#4e4e4e;height:0;position:absolute;right:0;width:1px}@media only screen and (max-width:767px){.menufull .line04{display:none}}.menufull .box01{align-items:center;animation:box01 .5s linear .8s forwards;display:flex;filter:alpha(opacity=100);opacity:0;-moz-opacity:0;padding:0 70px;position:relative;top:-50px;width:60%}@media only screen and (min-width:1000px){.menufull .box01::-webkit-scrollbar{width:4px}.menufull .box01::-webkit-scrollbar-thumb{background-color:#444;border-radius:10px}}@media only screen and (max-width:1599px){.menufull .box01{display:block;overflow:auto;padding:50px}}@media only screen and (max-width:1279px){.menufull .box01{padding:30px}}@media only screen and (max-width:1024px){.menufull .box01{padding:90px 30px 30px;width:50%}}@media only screen and (max-width:767px){.menufull .box01{padding:0 15px;width:100%}}.menufull .box01 .item{width:100%}.menufull .box01 .item h3{color:#fff;font-family:EB Garamond,serif;font-size:2.6041666667vw;font-weight:400;margin-bottom:40px;text-align:center}@media only screen and (max-width:1279px){.menufull .box01 .item h3{margin-bottom:30px}}@media only screen and (max-width:1024px){.menufull .box01 .item h3{font-size:30px;margin-bottom:15px}}@media only screen and (max-width:767px){.menufull .box01 .item h3{font-size:20px}}.menufull .box01 .item .inp2box{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.menufull .box01 .item .inp2box .input_item{position:relative;width:calc(50% - 10px)}@media only screen and (max-width:1024px){.menufull .box01 .item .inp2box .input_item{width:100%}}.menufull .box01 .item .inp2box .input_item.sexbox{display:flex}.menufull .box01 .item .inp2box .input_item.sexbox input{width:60%}.menufull .box01 .item .inp2box .input_item.sexbox button{width:20%}.menufull .box01 .item .input_item{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;position:relative}@media only screen and (max-width:767px){.menufull .box01 .item .input_item{margin-bottom:10px}}.menufull .box01 .item .input_item button,.menufull .box01 .item .input_item input{background:none;border-bottom:1px solid #6d6d6d;color:#fff;font-family:"Noto Serif TC",serif;font-size:16px;height:50px;padding:0 15px 0 0;width:100%}@media only screen and (max-width:767px){.menufull .box01 .item .input_item button,.menufull .box01 .item .input_item input{border:1px solid #333;font-size:14px;height:40px;padding:0 15px}}.menufull .box01 .item .input_item .txt{color:#888;font-family:"Noto Serif TC",serif;font-size:16px;line-height:30px;position:absolute;right:0;top:12px}@media only screen and (max-width:767px){.menufull .box01 .item .input_item .txt{right:15px}}.menufull .box01 .item .input_item button{padding:0 15px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:25%}@media only screen and (max-width:1024px){.menufull .box01 .item .input_item button{padding:0 10px}}@media only screen and (min-width:1000px){.menufull .box01 .item .input_item button:hover{background:#a81f1f;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.menufull .box01 .item .input_item button.now{background:#a81f1f;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.menufull .box01 .item .checkbox{margin-bottom:10px}.menufull .box01 .item .checkbox .title{color:#888;font-family:"Noto Serif TC",serif;font-size:16px;font-weight:500;margin-bottom:10px}.menufull .box01 .item .checkbox .check-inputarea{display:flex;flex-wrap:wrap;list-style:none}.menufull .box01 .item .checkbox .check-inputarea li{align-items:center;display:flex;margin-bottom:10px;margin-right:10px}@media only screen and (min-width:1000px){.menufull .box01 .item .checkbox .check-inputarea li:hover .checkboxcir{border:2px solid #ad121d;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.menufull .box01 .item .checkbox .check-inputarea li:hover .title{color:#ad121d;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.menufull .box01 .item .checkbox .check-inputarea li.now .checkboxcir{border:2px solid #ad121d}.menufull .box01 .item .checkbox .check-inputarea li.now .checkboxcir svg{display:block}.menufull .box01 .item .checkbox .check-inputarea li.now .title{color:#fff;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.menufull .box01 .item .checkbox .check-inputarea li .checkboxcir{align-items:center;border:2px solid #6d6d6d;border-radius:50%;cursor:pointer;display:flex;flex:0 0 20px;height:20px;justify-content:center;margin-right:5px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:20px}.menufull .box01 .item .checkbox .check-inputarea li .checkboxcir svg{display:none}.menufull .box01 .item .checkbox .check-inputarea li .title{color:#888;font-family:"Noto Serif TC",serif;font-size:16px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.menufull .box01 .item .message{background:none;border-bottom:1px solid #6d6d6d;color:#fff;font-family:"Noto Serif TC",serif;font-size:16px;height:180px;padding:15px 15px 15px 0;resize:none;width:100%}@media only screen and (max-width:1279px){.menufull .box01 .item .message{height:120px}}@media only screen and (max-width:767px){.menufull .box01 .item .message{border:1px solid #333;font-size:14px;height:100px;padding:15px}}.menufull .box01 .item .inf-btn{align-items:center;display:flex;justify-content:space-between;margin-top:40px}@media only screen and (max-width:1024px){.menufull .box01 .item .inf-btn{align-items:flex-start;flex-direction:column-reverse;margin-top:30px}}.menufull .box01 .item .inf-btn ul{display:flex;flex-wrap:wrap}.menufull .box01 .item .inf-btn ul li{align-items:center;display:flex;padding-right:20px;width:50%}@media only screen and (max-width:1024px){.menufull .box01 .item .inf-btn ul li{padding:0;width:100%}}.menufull .box01 .item .inf-btn ul li p{color:#888;font-family:"Noto Serif TC",serif;font-size:16px;letter-spacing:1px;list-style:none;margin:0}.menufull .box01 .item .inf-btn ul li a{color:#888;font-family:"Noto Serif TC",serif;font-size:16px}.menufull .box01 .item .inf-btn ul li a,.menufull .box01 .item .inf-btn ul li a:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.menufull .box01 .item .inf-btn ul li a:hover{color:#fff}.menufull .box01 .item .inf-btn ul li.phone{margin-bottom:5px}.menufull .box01 .item .inf-btn ul li.phone .icon{align-items:center;display:flex;height:20px;justify-content:center;margin-right:10px;width:20px}.menufull .box01 .item .inf-btn ul li.phone .icon svg{max-height:100%;max-width:100%}.menufull .box01 .item .inf-btn ul li.mail{margin-bottom:5px}.menufull .box01 .item .inf-btn ul li.mail .icon{align-items:center;display:flex;height:20px;justify-content:center;margin-right:10px;width:20px}.menufull .box01 .item .inf-btn ul li.mail .icon svg{max-height:100%;max-width:100%}.menufull .box01 .item .inf-btn ul li.lineat .icon{align-items:center;display:flex;height:20px;justify-content:center;margin-right:10px;width:20px}.menufull .box01 .item .inf-btn ul li.lineat .icon svg{max-height:100%;max-width:100%}@media only screen and (max-width:1024px){.menufull .box01 .item .inf-btn ul li.add{margin-bottom:5px}}.menufull .box01 .item .inf-btn ul li.add .icon{align-items:center;display:flex;height:20px;justify-content:center;margin-right:10px;width:20px}.menufull .box01 .item .inf-btn ul li.add .icon svg{max-height:100%;max-width:100%}.menufull .box01 .item .btn_area{display:flex;font-size:0;justify-content:space-between;letter-spacing:0;text-align:center;width:30%}@media only screen and (max-width:1024px){.menufull .box01 .item .btn_area{margin-bottom:30px;width:100%}}@media only screen and (max-width:767px){.menufull .box01 .item .btn_area{justify-content:space-between}}.menufull .box01 .item .btn_area button{border:1px solid #6d6d6d;border-radius:5px;color:#fff;font-family:"Noto Serif TC",serif;font-size:18px;font-weight:500;height:50px;letter-spacing:1px;min-width:160px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:100%}@media only screen and (min-width:1000px){.menufull .box01 .item .btn_area button:hover{background:#a81f1f;border:1px solid #a81f1f;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}@media only screen and (max-width:767px){.menufull .box01 .item .btn_area button{font-size:16px;height:40px;margin:0;min-width:30px;width:100%}}.menufull .box02{height:100%;position:relative;width:20%;z-index:1}@media only screen and (max-width:1024px){.menufull .box02{width:0}}@media only screen and (max-width:767px){.menufull .box02{display:none}}.menufull .box02 .drbg{animation:alpha_01 .6s linear .6s forwards;background:url(../../images/frontend/ridea_menu_02.jpg) 50% no-repeat;background-size:cover;filter:alpha(opacity=100);height:100%;opacity:0;-moz-opacity:0;position:absolute;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s;width:100%}@media only screen and (min-width:1000px){.menufull .box02 .drbg:hover{background:url(../../images/frontend/ridea_menu_02s.jpg) 50% no-repeat;background-size:cover;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}}.menufull .box02 .linec1{animation:line04 .7s linear .3s forwards;background:#333;height:0;left:0;position:absolute;width:1px}.menufull .box02 .linec2{animation:line03 .7s linear .3s forwards;background:#333;height:100%;position:absolute;right:0;top:100%;width:1px}.menufull .box03{align-items:center;animation:box03 .5s linear .8s forwards;display:flex;filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:relative;top:50px;width:30%}@media only screen and (max-width:1024px){.menufull .box03{width:50%}}@media only screen and (max-width:767px){.menufull .box03{margin-bottom:15px;width:100%}}.menufull .box03 .lst{width:100%}.menufull .box03 a{color:#fff;display:flex;font-weight:700;justify-content:center;letter-spacing:1px;padding:12px 15px;text-align:center;width:100%}.menufull .box03 a .en{font-family:EB Garamond,serif;font-size:2.6041666667vw;font-weight:400;letter-spacing:1px;line-height:3vw}@media only screen and (max-width:1024px){.menufull .box03 a .en{font-size:30px}}@media only screen and (max-width:767px){.menufull .box03 a .en{font-size:18px;line-height:30px}}.menufull .box03 a .cht{font-family:"Noto Serif TC",serif;font-size:1.25vw;line-height:3vw;padding-left:1.5vw;position:relative}@media only screen and (max-width:1024px){.menufull .box03 a .cht{font-size:18px;padding-left:2vw}}@media only screen and (max-width:767px){.menufull .box03 a .cht{font-size:16px;line-height:30px;padding-left:20px}}.menufull .box03 a .cht .line{background:#fff;height:1.6vw;left:.7vw;position:absolute;top:28%;transform:rotate(20deg);width:1px}@media only screen and (max-width:1024px){.menufull .box03 a .cht .line{height:3vw;left:1vw;top:11%}}@media only screen and (max-width:767px){.menufull .box03 a .cht .line{height:16px;left:10px;top:7px}}.menufull .box03 a{transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}@media only screen and (min-width:1000px){.menufull .box03 a:hover{background:rgba(168,31,31,.5);transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}}@media only screen and (max-width:767px){.menufull .box03 a{border-bottom:1px solid #333;padding:10px}}.menufull .box03 a:hover .comming-soon{background:rgba(34,34,34,.9);filter:alpha(opacity=100);opacity:1;-moz-opacity:1;top:5px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (max-width:767px){.menufull .box03 a:hover .comming-soon{background:rgba(168,31,31,.9);top:-5px}}@keyframes box01{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:-50px}to{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;top:0}}@keyframes box03{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:50px}to{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;top:0}}@keyframes box02{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;right:-50px}to{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;right:0}}@keyframes line01{0%{right:-100%}to{right:0}}@keyframes line02{0%{width:0}to{width:100%}}@keyframes line03{0%{top:100%}to{top:0}}@keyframes line04{0%{height:0}to{height:100%}}*{cursor:none!important}.cursor{background-color:#ad121d;border-radius:100%;height:8px;left:0;pointer-events:none;position:fixed;top:0;transform:scale(1);transition:transform .3s cubic-bezier(.75,-1.27,.3,2.33),opacity .2s cubic-bezier(.75,-.27,.3,1.33);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:8px;z-index:1;z-index:900}@media only screen and (max-width:1024px){.cursor{display:none}}.cursor.active{opacity:.5;transform:scale(0)}.cursor.hovered{opacity:.08}.cursor-follow{border:1px solid #ad121d;border-radius:100%;height:40px;left:0;opacity:.8;pointer-events:none;position:fixed;top:0;transform:translate(-5px,-5px);transition:transform .6s cubic-bezier(.75,-1.27,.3,2.33),opacity .2s cubic-bezier(.75,-.27,.3,1.33);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px;z-index:900}@media only screen and (max-width:1024px){.cursor-follow{display:none}}.cursor-follow.active{background:#ff3b49;border:1px solid #ff3b49;opacity:.3;transform:scale(2)}.cursor-follow.hovered{opacity:.3}.pop-messagebox{align-items:center;background:hsla(0,0%,100%,.4);display:flex;height:100%;justify-content:center;left:0;padding:15px;position:fixed;top:0;width:100%;z-index:100}.pop-messagebox .center-w{background:#fff;border:1px solid #333;border-radius:15px;box-shadow:0 0 6px rgba(0,0,0,.08);max-width:400px;padding:30px;position:relative;width:100%}@media only screen and (max-width:767px){.pop-messagebox .center-w{padding:20px 20px 30px}}.pop-messagebox .center-w .cb1{position:absolute;right:-34px;top:-48px;transform:rotate(-15deg);width:100px}@media only screen and (max-width:767px){.pop-messagebox .center-w .cb1{right:-5px;top:-46px;width:80px}}.pop-messagebox .center-w .cb1 img{height:auto;width:100%}.pop-messagebox .center-w .cb2{bottom:-10px;left:-52px;position:absolute;transform:rotate(10deg);width:140px}@media only screen and (max-width:767px){.pop-messagebox .center-w .cb2{bottom:-6px;left:-8px;width:80px}}.pop-messagebox .center-w .cb2 img{height:auto;width:100%}.pop-messagebox .center-w .txt{font-family:"Noto Serif TC",serif;font-size:20px;font-weight:700;margin-bottom:20px;text-align:center}.pop-messagebox .center-w .btn-area{display:flex;justify-content:center}.pop-messagebox .center-w .btn-area button{border:1px solid #333;border-radius:15px;color:#555;font-family:"Noto Serif TC",serif;font-size:18px;font-weight:700;height:45px;margin:0 5px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:calc(50% - 10px)}@media only screen and (max-width:767px){.pop-messagebox .center-w .btn-area button{border-radius:10px;font-size:16px;height:40px}}.pop-messagebox .center-w .btn-area button:hover{background:#ad121d;border:1px solid #ad121d;color:#fff;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.other-loading{height:100%;position:fixed;width:100%;z-index:1000}.other-loading .rel{align-items:center;background:#fff;display:flex;height:100%;justify-content:center;position:relative;width:100%}.other-loading .rel .cirout{animation:rotate_360 1.5s linear 0s infinite}.other-loading .rel .cirout g{stroke-dasharray:485px;animation:lo2 4s linear 0s infinite}.other-loading .rel .cirlogo{animation:rotate_Y360 2s linear 0s infinite;left:50%;margin-left:-18.2px;margin-top:-32px;position:absolute;top:50%}@keyframes w_0100{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;width:0}to{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;width:100%}}@keyframes mr_0100{0%{margin-left:0}to{margin-left:100%}}@keyframes sq0100{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;width:0}40%{filter:alpha(opacity=100);margin-left:0;opacity:1;-moz-opacity:1;width:100%}70%{filter:alpha(opacity=100);margin-left:0;opacity:1;-moz-opacity:1;width:100%}to{filter:alpha(opacity=100);margin-left:100%;opacity:1;-moz-opacity:1}}@keyframes scrolldown{0%{bottom:-160px}to{bottom:0}}@keyframes alpha_01{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0}to{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}}@keyframes h100{0%{height:0}to{height:100px}}@keyframes h950{0%{height:0}to{height:950px}}@keyframes alpha_left50{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:translate(-50px)}to{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transform:translate(0)}}@keyframes alpha_right50{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:translate(50px)}to{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transform:translate(0)}}@keyframes alpha_right30{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:translate(30px)}to{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transform:translate(0)}}@keyframes alpha_top50{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:translateY(50px)}to{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transform:translate(0)}}@keyframes alpha_top30{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:translateY(30px)}to{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transform:translate(0)}}@keyframes alpha_bottom50{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:translateY(-50px)}to{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transform:translate(0)}}@keyframes foogy1{0%{filter:alpha(opacity=100);margin-left:30vw;opacity:0;-moz-opacity:0}10%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}80%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);margin-left:-180vw;opacity:0;-moz-opacity:0}}@keyframes foogyblog{0%{filter:alpha(opacity=100);left:-40%;opacity:0;-moz-opacity:0}10%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}80%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);left:-260%;opacity:0;-moz-opacity:0}}@keyframes flycb{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;right:-10vw;top:35vw}10%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}50%{top:28vw}80%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;right:100vw;top:35vw}}@keyframes flycb2{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;right:-10vw;top:8vw}10%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}50%{top:5vw}80%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;right:100vw;top:3vw}}@keyframes flycb3{0%{filter:alpha(opacity=100);left:-10vw;opacity:0;-moz-opacity:0;top:10vw}10%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}50%{top:5vw}80%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);left:100vw;opacity:0;-moz-opacity:0;top:10vw}}@keyframes flycb4{0%{filter:alpha(opacity=100);left:-10vw;opacity:0;-moz-opacity:0;top:25vw}10%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}50%{top:20vw}80%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);left:100vw;opacity:0;-moz-opacity:0;top:25vw}}@keyframes fish01{0%{right:-10vw;top:2vw}50%{right:50vw;top:0}to{right:105vw;top:2vw}}@keyframes fish01s{0%{right:-10vw;transform:translate(0)}50%{right:50vw;transform:translateY(5px)}to{right:105vw;transform:translate(0)}}@keyframes fish02{0%{left:-10vw;top:4vw}50%{left:30vw;top:3vw}to{left:105vw;top:4vw}}@keyframes fish02s{0%{left:-10vw;transform:translate(0)}50%{left:30vw;transform:translateY(-5px)}to{left:105vw;transform:translate(0)}}@keyframes fish03{0%{right:-10vw;top:6vw}50%{right:66vw;top:8vw}to{right:108vw;top:6vw}}@keyframes fish03s{0%{right:-10vw;transform:translate(0)}50%{right:66vw;transform:translateY(6px)}to{right:108vw;transform:translate(0)}}@keyframes fishsha1{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;right:-10vw;transform:translate(0)}10%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transform:translateY(20px)}95%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;right:108vw;transform:translateY(700px)}to{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:translateY(720px)}}@keyframes rotate_alpha{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:rotate(-15deg)}to{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transform:rotate(0deg)}}@keyframes rotate_360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate_Y360{0%{transform:rotateY(1turn)}40%{transform:rotateY(0deg)}80%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes rarea{0%{transform:rotate(0deg)}20%{transform:rotate(-15deg)}40%{transform:rotate(0deg)}60%{transform:rotate(10deg)}80%{transform:rotate(15deg)}to{transform:rotate(0deg)}}@keyframes rotate_net{0%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}to{transform:rotate(-15deg)}}@keyframes cathand{0%{transform:rotate(0deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}@keyframes catrotate{0%{transform:rotate(0deg)}20%{transform:rotate(3deg)}40%{transform:rotate(0deg)}60%{transform:rotate(0deg)}80%{transform:rotate(-3deg)}to{transform:rotate(0deg)}}@keyframes catrotate2{0%{transform:rotate(-12deg)}20%{transform:rotate(-16deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(-12deg)}80%{transform:rotate(-10deg)}to{transform:rotate(-12deg)}}@keyframes catmove{0%{transform:translate(0)}30%{transform:translate(0)}50%{transform:translate(-20px)}to{transform:translate(0)}}@keyframes cat1{0%{transform:translate(-9597px,-4864px)}20%{transform:translate(-9597px,-4864px)}35%{transform:translate(-9597px,-4970px)}60%{transform:translate(-9597px,-4970px)}80%{transform:translate(-9597px,-4864px)}to{transform:translate(-9597px,-4864px)}}@keyframes rotate_360b{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes marqpic{0%{background-position:0 0}to{background-position:-20vw 0}}@keyframes popbubble{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:scale(.5)}40%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transform:scale(1.2)}to{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transform:scale(1)}}@keyframes alpha_scale{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:scale(.8)}to{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transform:scale(1)}}@keyframes wave_scale{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:scale(.8)}50%{filter:alpha(opacity=100);opacity:.8;-moz-opacity:.8}to{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:scale(1.1)}}@keyframes titlemove{0%{left:-5vw}20%{left:5vw}40%{left:0}60%{left:2vw}to{left:0}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes marquee_re{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes float1{0%{top:0}50%{top:30px}to{top:0}}@keyframes web4box1{0%{left:0;top:0}25%{left:-1vw;top:-1vw}50%{left:0;top:0}75%{left:2vw;top:-.5vw}to{left:0;top:0}}@keyframes web4box1line{0%{bottom:-2.8333vw;transform:rotate(-74deg);width:5.833333vw}25%{bottom:-2.4vw;transform:rotate(-85deg);width:6.833333vw}50%{bottom:-2.8333vw;transform:rotate(-74deg);width:5.833333vw}75%{bottom:-2.4vw;transform:rotate(-56deg);width:6.833333vw}to{bottom:-2.8333vw;transform:rotate(-74deg);width:5.833333vw}}@keyframes web4box2{0%{left:0;top:0}25%{left:1vw;top:-1vw}50%{left:0;top:-1vw}75%{left:1vw;top:-1vw}to{left:0;top:0}}@keyframes web4box2line{0%{transform:rotate(-45deg);width:4.53125vw}25%{transform:rotate(-50deg);width:6.3vw}50%{transform:rotate(-50deg);width:5.5vw}75%{transform:rotate(-50deg);width:6.3vw}to{transform:rotate(-45deg);width:4.53125vw}}@keyframes web4box3{0%{left:0;top:0}25%{left:1vw;top:-2vw}50%{left:2vw;top:0}75%{left:1vw;top:1vw}to{left:0;top:0}}@keyframes web4box3line{0%{bottom:50%;left:-4.8vw;transform:rotate(0deg)}25%{transform:rotate(-9deg);width:5.9vw}50%{transform:rotate(3deg);width:6.9vw}75%{transform:rotate(13deg);width:5.9vw}to{left:-4.8vw;transform:rotate(0deg)}}@keyframes web4box4{0%{left:0;top:0}25%{left:1vw;top:1vw}50%{left:0;top:0}75%{left:-1vw;top:0}to{left:0;top:0}}@keyframes web4box4line{0%{transform:rotate(45deg);width:6vw}25%{transform:rotate(40deg);width:8vw}50%{transform:rotate(45deg);width:6vw}75%{transform:rotate(40deg);width:5.3vw}to{transform:rotate(45deg);width:6vw}}@keyframes web4box5{0%{left:0;top:0}50%{left:-2vw;top:.5vw}to{left:0;top:0}}@keyframes web4box5line{0%{transform:rotate(-55deg);width:5vw}50%{transform:rotate(-53deg);width:6vw}to{transform:rotate(-55deg);width:5vw}}@keyframes web4box6{0%{left:0;top:0}25%{left:-1vw;top:0}50%{left:0;top:0}75%{left:1vw;top:-1vw}to{left:0;top:0}}@keyframes web4box6line{0%{bottom:-.5vw;transform:rotate(45deg);width:4vw}25%{bottom:-.5vw;transform:rotate(45deg);width:5vw}50%{bottom:-.5vw;transform:rotate(45deg);width:4vw}75%{bottom:-.5vw;transform:rotate(53deg);width:4vw}to{bottom:-.5vw;transform:rotate(45deg);width:4vw}}@keyframes arrmove{0%{opacity:0;right:3vw}50%{opacity:1}to{opacity:0;right:-3vw}}@keyframes floattop{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:translateY(100px)}40%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}90%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0}to{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:translateY(-700px)}}@keyframes floattop-light{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:translate(0)}50%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:translateY(-200px)}}@keyframes floatpup{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translate(0)}}@keyframes floatpup1{0%{transform:translate(0)}50%{transform:translateY(-5px)}to{transform:translate(0)}}@keyframes floatpup2{0%{transform:translate(0)}50%{transform:translateY(10px)}to{transform:translate(0)}}@keyframes floatpup2s{0%{transform:translate(0)}50%{transform:translateY(-10px)}to{transform:translate(0)}}@keyframes floatlr1{0%{transform:translate(0)}50%{transform:translate(-10px)}to{transform:translate(0)}}@keyframes floatll1{0%{transform:translate(0)}50%{transform:translate(15px)}to{transform:translate(0)}}@keyframes dotmove1{0%{transform:translate(0)}25%{transform:translateY(-2vw)}50%{transform:translate(1vw)}75%{transform:translate(-1vw,-1vw)}to{transform:translate(0)}}@keyframes dotmove2{0%{transform:translate(0)}25%{transform:translateY(2vw)}50%{transform:translate(1vw,1vw)}75%{transform:translate(-1vw)}to{transform:translate(0)}}@keyframes dotmove3{0%{transform:translate(0)}25%{transform:translate(.5vw,-.5vw)}50%{transform:translateY(1vw)}75%{transform:translate(-1vw)}to{transform:translate(0)}}@keyframes dotmove4{0%{transform:translate(0)}50%{transform:translateY(-1.5vw)}to{transform:translate(0)}}@keyframes fishman{0%{transform:translate(0)}25%{transform:translate(2.5vw)}50%{transform:translate(0)}75%{transform:translate(-1.5vw)}to{transform:translate(0)}}@keyframes latternmove{0%{transform:rotate(0deg)}25%{transform:rotate(-8deg)}50%{transform:rotate(0deg)}75%{transform:rotate(12deg)}to{transform:rotate(0deg)}}@keyframes applemove{0%{transform:rotate(0deg)}25%{transform:rotate(-8deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes strocir{0%{stroke-dasharray:1000}to{stroke-dasharray:1950}}@keyframes rotateZ{0%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}@keyframes foogy1m{0%{filter:alpha(opacity=100);left:36vw;opacity:0;-moz-opacity:0}10%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}80%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);left:-160vw;opacity:0;-moz-opacity:0}}@keyframes foogy2m{0%{filter:alpha(opacity=100);left:-80vw;opacity:0;-moz-opacity:0}10%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}80%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);left:70vw;opacity:0;-moz-opacity:0}}@keyframes alplt{0%{filter:alpha(opacity=100);margin-top:30px;opacity:0;-moz-opacity:0}to{filter:alpha(opacity=100);margin-top:0;opacity:1;-moz-opacity:1}}@keyframes alplts{0%{filter:alpha(opacity=100);margin-bottom:0;opacity:0;-moz-opacity:0}to{filter:alpha(opacity=100);margin-bottom:20px;opacity:1;-moz-opacity:1}}@keyframes movecloud{0%{margin-left:0}50%{margin-left:-15px}to{margin-left:0}}@keyframes alpll{0%{filter:alpha(opacity=100);margin-left:-50px;opacity:0;-moz-opacity:0}to{filter:alpha(opacity=100);margin-left:0;opacity:1;-moz-opacity:1}}@keyframes movecloud2{0%{margin-right:0}50%{margin-right:-15px}to{margin-right:0}}@keyframes w40{0%{right:-40px}to{right:0}}@keyframes w300{0%{right:-300px}to{right:0}}@keyframes w300s{0%{right:0}to{right:-300px}}@keyframes armov{0%{left:0}50%{left:-7px}to{left:0}}@keyframes cirstroke{0%{stroke-dashoffset:1145}to{stroke-dashoffset:0px}}@keyframes rmask{0%{transform:translate(-10164px,-5457px)}to{transform:translate(-10164px,-5648px)}}@keyframes lo2{0%{stroke-dashoffset:1455}50%{stroke-dashoffset:0}to{stroke-dashoffset:1455}}@keyframes firework1{0%{clip-path:circle(28%);opacity:0;transform:scale(1)}15%{opacity:1;transform:scale(1)}70%{clip-path:circle(100%);opacity:1}80%{opacity:.5}to{clip-path:circle(100%);opacity:0;transform:scale(1.2)}}@keyframes waterline1{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:58%}20%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}80%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:95%}}@keyframes waterline2{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:46%}20%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}80%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:90%}}@keyframes waterline3{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:23%}20%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}80%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:80%}}@keyframes mart100{0%{margin-top:0}to{margin-top:-65px}}@keyframes fishfall{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0}85%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:38%;transform:rotate(-90deg)}88%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transform:rotate(-80deg)}96%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transform:rotate(-95deg)}to{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:98%;transform:rotate(-90deg)}}@keyframes flyyen{0%{filter:alpha(opacity=100);left:-10vw;opacity:0;-moz-opacity:0;top:35vw}10%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}50%{top:28vw}80%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);left:100vw;opacity:0;-moz-opacity:0;top:35vw}}@keyframes point{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:translate(0)}20%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}80%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:translateY(-10px)}}@keyframes waterwave{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:63%;transform:scale(1)}50%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:45%;transform:scale(.2)}}@keyframes waterwave2{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:76%;transform:scale(1)}50%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:65%;transform:scale(.3)}}@keyframes linedown{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:0}30%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}60%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}to{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;top:110%}}@keyframes bglab{0%{bottom:0;filter:alpha(opacity=100);left:-5vw;opacity:0;-moz-opacity:0}50%{filter:alpha(opacity=100);left:0;opacity:.8;-moz-opacity:.8}to{bottom:18vh;filter:alpha(opacity=100);left:-5vw;opacity:0;-moz-opacity:0}}@keyframes bglab2{0%{bottom:5vh;filter:alpha(opacity=100);opacity:0;-moz-opacity:0;right:0}50%{filter:alpha(opacity=100);opacity:.6;-moz-opacity:.6;right:-5vw}to{bottom:20vh;filter:alpha(opacity=100);opacity:0;-moz-opacity:0;right:0}}@keyframes rotate_1{0%{transform:rotate(0deg)}50%{transform:rotate(8deg)}to{transform:rotate(0deg)}}@keyframes rotate_2{0%{transform:rotate(0deg)}25%{transform:rotate(2deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0deg)}}@keyframes rotate_3{0%{transform:rotate(0deg)}50%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes martop_2l{0%{margin-top:-170px}25%{margin-top:-178px}50%{margin-top:-170px}75%{margin-top:-162px}to{margin-top:-170px}}@keyframes martop_2r{0%{margin-top:-170px}25%{margin-top:-162px}50%{margin-top:-170px}75%{margin-top:-178px}to{margin-top:-170px}}@keyframes martop_2lm{0%{margin-top:-80px}25%{margin-top:-84px}50%{margin-top:-80px}75%{margin-top:-76px}to{margin-top:-80px}}@keyframes martop_2rm{0%{margin-top:-80px}25%{margin-top:-76px}50%{margin-top:-80px}75%{margin-top:-84px}to{margin-top:-80px}}@keyframes redpart{0%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transform:translate(12683.328px,-4900.275px)}to{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transform:translate(12683.328px,-4981.275px)}}@keyframes linebox250{0%{width:0}to{width:250px}}@keyframes linebox150{0%{width:0}to{width:150px}}@keyframes iconw{0%{fill:#000}50%{fill:#fff}to{fill:#000}}@keyframes sesgcolor1{0%{fill:#fff}50%{fill:#e60039}to{fill:#fff}}@keyframes car{0%{filter:alpha(opacity=100);left:0;opacity:0;-moz-opacity:0}20%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}80%{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}90%{filter:alpha(opacity=100);opacity:0;-moz-opacity:0}to{filter:alpha(opacity=100);left:100%;opacity:0;-moz-opacity:0}}@keyframes ripple-animation{0%{height:0;opacity:1;width:0}to{height:90vw;opacity:0;width:90vw}}@keyframes ripple-animation-pad{0%{height:0;opacity:1;width:0}to{height:150vw;opacity:0;width:150vw}}@keyframes ripple-animation-mb{0%{height:0;opacity:1;width:0}to{height:200vw;opacity:0;width:200vw}}.scrollElement{height:48000px;width:100%}@media only screen and (max-width:1024px){.scrollElement{display:none}}body{font-family:Noto Sans TC,serif;font-size:16px}body a{color:#555}body a:hover{color:#ad121d;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}body.index-scrollhidden::-webkit-scrollbar{display:none}:root{scrollbar-width:none}.index-loading{height:100%;position:fixed;width:100%;z-index:1000}.index-loading .rel{align-items:center;background:#fff;display:flex;height:100%;justify-content:center;position:relative;width:100%}.index-loading .rel .r-area{animation:rarea 1s linear 1s infinite;left:50%;margin-left:-2.7864583333vw;margin-top:-4.8958333333vw;position:absolute;top:50%;width:5.59375vw}@media only screen and (max-width:767px){.index-loading .rel .r-area{margin-left:-9vw;margin-top:-23vw;width:18vw}}.index-loading .rel .r-area svg{height:auto;width:100%}.index-loading .rel .r-area .rmask{left:-.0625vw;position:absolute;top:-.1041666667vw}.index-loading .rel .r-area .maslkbox{animation:rmask 1s linear 0s forwards;transform:translate(-10164px,-5457px)}.index-loading .rel .cir1{position:relative;width:20.8333333333vw}@media only screen and (max-width:767px){.index-loading .rel .cir1{margin-top:-14vw;width:58.6666666667vw}}.index-loading .rel .cir1 svg{height:auto;width:100%}.index-loading .rel .cir1 .cirstroke{transform:rotate(-90deg);transform-origin:50% 50%}.index-loading .rel .cir1 .cirstroke g{stroke-dashoffset:1145;stroke-dasharray:1145;animation:cirstroke 1s linear 0s forwards}.index-loading .rel .cir1 .cirline{left:0;position:absolute;top:0}.right-dotbox{align-items:center;bottom:2%;display:flex;flex-direction:column;position:fixed;right:0;width:60px;z-index:49}@media only screen and (max-width:1024px){.right-dotbox{display:none}}.right-dotbox li{border:1px solid #ad121d;border-radius:50%;cursor:pointer;height:10px;margin-bottom:10px;position:relative;width:10px}.right-dotbox li,.right-dotbox li:hover .fontarea{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.right-dotbox li:hover .fontarea{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;visibility:visible}.right-dotbox li:hover .fontarea .lines{width:12px}.right-dotbox li.now,.right-dotbox li:hover .fontarea .lines{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.right-dotbox li.now{background:#ad121d}.right-dotbox li .fontarea{filter:alpha(opacity=100);font-weight:700;line-height:20px;margin-top:-14px;opacity:0;-moz-opacity:0;padding-right:20px;position:absolute;right:15px;top:50%;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;visibility:hidden;white-space:nowrap}.right-dotbox li .fontarea p{background:hsla(0,0%,100%,.9);border-radius:4px;color:#ad121d;font-family:"Noto Serif TC",serif;font-size:14px;padding:3px 8px}.right-dotbox li .fontarea .lines{height:1px;position:absolute;right:0;top:50%;width:0}.right-dotbox li .fontarea .lines,.right-dotbox li:hover{background:#ad121d;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall{display:block;height:100vh;overflow:hidden;position:fixed;width:100%}@media only screen and (max-width:1024px){.indexall{display:none}}.indexall img,.indexall svg{height:auto;width:100%}.indexall .monr1{position:absolute;right:-13.75vw;top:6.8062827225vh;width:55.8854166667vw;z-index:3}.indexall .monr1 img{animation:alpha_01 .6s linear 0s forwards;filter:alpha(opacity=100);opacity:0;-moz-opacity:0}.indexall .flycb{animation:flycb 8s ease-out 1.4s infinite;position:absolute;right:-10vw;top:35vw;width:9.6875vw;z-index:6}.indexall .monl2{bottom:7.2916666667vw;left:-2.0833333333vw;position:absolute;width:43.3333333333vw}.indexall .monl2 img{animation:alpha_left50 .6s linear .3s forwards;filter:alpha(opacity=100);opacity:0;-moz-opacity:0}.indexall .ml01{left:0;position:absolute;top:65.9685863874vh;width:33.3333333333vw;z-index:8}.indexall .ml01 img{animation:alpha_top50 .6s linear 1s forwards;filter:alpha(opacity=100);opacity:0;-moz-opacity:0}.indexall .ml02{position:absolute;right:0;top:62.3036649215vh;width:33.3333333333vw;z-index:8}.indexall .ml02 img{animation:alpha_top50 .6s linear 1s forwards;filter:alpha(opacity=100);opacity:0;-moz-opacity:0}.indexall .ml03{left:6.9791666667vw;position:absolute;top:113.5078534031vh;width:40.625vw;z-index:3}.indexall .ml04{position:absolute;right:0;top:95.9162303665vh;width:45.3125vw;z-index:3}.indexall .center-red{display:block;left:50%;margin-left:-10.4166666667vw;margin-top:-10.4166666667vw;position:absolute;top:50%;width:20.8333333333vw;z-index:2}.indexall .center-red svg{animation:rotate_360 10s linear 0s infinite}.indexall .cloudy-foogy{animation:foogy1 25s linear 0s infinite;position:absolute;top:10vw;width:156.25vw;z-index:5}.indexall .cloudy-foogy2{left:-45vw;position:absolute;top:120vh;width:156.25vw;z-index:10}.indexall .cloudy-foogy3{position:absolute;right:-10vw;top:30vw;width:100vw;z-index:5}.indexall .left-slogan-area{left:3.125vw;position:absolute;top:4.6875vw;z-index:3}.indexall .left-slogan-area .title-en{display:inline-block;position:relative}.indexall .left-slogan-area .title-en h2{animation:alpha_01 .3s linear .8s forwards;color:#ad121d;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:4.1666666667vw;font-weight:500;letter-spacing:.1vw;line-height:1.05;opacity:0;-moz-opacity:0;overflow:hidden;position:relative;text-transform:uppercase}.indexall .left-slogan-area .title-en .sq{animation:sq0100 1s linear .3s forwards;background:#ad121d;height:90%;margin-left:0;position:absolute;top:0;width:0}.indexall .left-slogan-area .title-cht{display:inline-block;position:relative}.indexall .left-slogan-area .title-cht h3{animation:alpha_01 .3s linear 1s forwards;color:#333;filter:alpha(opacity=100);font-family:"Noto Serif TC",serif;font-size:1.38vw;letter-spacing:.15vw;opacity:0;-moz-opacity:0;position:relative}.indexall .left-slogan-area .title-cht .sq{animation:sq0100 1s linear .6s forwards;background:#000;height:90%;margin-left:0;position:absolute;top:0;width:0}.indexall .center-build{left:50%;margin-left:-28.0208333333vw;position:absolute;top:155vh;width:56.0416666667vw;z-index:15}.indexall .center-build .rel{height:100%;position:relative;width:100%}.indexall .center-build .build{position:relative;z-index:10}.indexall .cat1{bottom:50%;position:absolute;right:24.4%;width:5.3%;z-index:10}.indexall .cat1 image{animation:cat1 3.5s linear 0s infinite;transform:translate(-9597px,-4900px)}.indexall .cat2{animation:catrotate 8s linear 0s infinite;bottom:39.5%;left:14.5%;position:absolute;width:15%;z-index:10}.indexall .cat2:hover .speach{left:35%;opacity:1;-moz-opacity:1;top:-23%}.indexall .cat2 .speach,.indexall .cat2:hover .speach{filter:alpha(opacity=100);transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;-ms-transition:all .8s;-webkit-transition:all .8s}.indexall .cat2 .speach{background:#fff;border:2px solid #222;border-radius:30px;color:#222;font-family:"Noto Serif TC",serif;font-size:1.0416666667vw;font-weight:700;left:25%;opacity:0;-moz-opacity:0;padding:5px 20px;position:absolute;top:-18%}.indexall .dragon{left:50%;margin-left:-2.2vw;position:absolute;top:-26vw;width:80.625vw;z-index:5}.indexall .dragon .dragonpic{position:relative;z-index:2}.indexall .dragon .hrv{left:10.2%;position:absolute;top:20%;width:23%;z-index:3}.indexall .dragon .hrl{left:1%;position:absolute;top:-5%;width:9%;z-index:1}.indexall .reson-1{left:50%;margin-left:-30vw;overflow:hidden;position:absolute;top:14vw;width:17.1875vw}.indexall .reson-1 h3{align-items:center;background:#ad121d;color:#fff;display:flex;font-family:"Noto Serif TC",serif;font-size:1.0416666667vw;height:3.125vw;justify-content:center;margin-left:18vw;width:100%}.indexall .reson-2{left:50%;margin-left:10vw;overflow:hidden;position:absolute;top:25vw;width:20.3125vw;z-index:11}.indexall .reson-2 h3{align-items:center;background:#ad121d;color:#fff;display:flex;font-family:"Noto Serif TC",serif;font-size:1.0416666667vw;height:3.125vw;justify-content:center;margin-left:-21vw;text-align:center;width:100%}.indexall .reson-3{left:50%;margin-left:-25.5vw;overflow:hidden;position:absolute;top:45vw;width:20.3125vw;z-index:11}.indexall .reson-3 h3{align-items:center;background:#ad121d;color:#fff;display:flex;font-family:"Noto Serif TC",serif;font-size:1.0416666667vw;height:3.125vw;justify-content:center;text-align:center;width:100%}.indexall .marquee{overflow:hidden}.indexall .maq_area{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:absolute;top:20vw}.indexall .maq_area .marquee span{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ad121d;animation:marquee var(--ad) linear infinite;animation-play-state:running;color:#fff;display:inline-block;font-family:EB Garamond,serif;font-size:8.9583333333vw;font-weight:500;line-height:200px;white-space:nowrap;width:var(--tw);will-change:transform}.indexall .maq_area .marquee--long span{animation:marquee_re var(--ad) linear infinite;text-align:left}.indexall .bg-grar-1{bottom:-52vh;position:absolute;right:0;width:87.5vw;z-index:-1}.indexall .bg-grar-2{bottom:-39vh;left:0;position:absolute;width:54.4791666667vw;z-index:-1}.indexall .cirmove{display:none;left:50%;margin-left:-20.5729166667vw;margin-top:-20.5729166667vw;position:absolute;top:50%;width:41.1458333333vw;z-index:1}.indexall .cirmove .rel{position:relative}.indexall .cirmove .clip-img,.indexall .cirmove svg{height:41.1458333333vw;width:41.1458333333vw}.indexall .cirmove .clip-img{animation:marqpic 20s linear .3s infinite;background:url(../../images/frontend/movepic2.jpg);background-size:auto 41.1458333333vw;clip-path:url(#clip-path)}.indexall .marqpic{height:800px;transform:translate(-10997px,-6934px)}.indexall .sland-01{bottom:-20vh;left:50%;margin-left:18vw;position:absolute;width:7.03125vw;z-index:5}.indexall .bamboo{bottom:-75vh;display:none;left:0;position:absolute;width:9.4791666667vw;z-index:5}.indexall .lion01{bottom:-3vh;position:absolute;right:-15vw;width:14.0625vw;z-index:5}.indexall .lionbgmountain{bottom:-12vh;position:absolute;right:-44vw;width:45.8333333333vw;z-index:1}.indexall .webdesign-title-outline{align-items:center;display:flex;height:100vh;justify-content:center;position:absolute;width:100%;z-index:5}.indexall .webdesign-title-outline h2{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ad121d;animation:titlemove .6s linear 0s forwards;display:none;font-family:EB Garamond,serif;font-size:10.4166666667vw;font-weight:500;left:-5vw;position:relative;white-space:nowrap}.indexall .webdesign-title-solid{align-items:center;display:flex;height:100vh;justify-content:center;position:absolute;width:100%;z-index:-1}.indexall .webdesign-title-solid h2{animation:titlemove .8s linear 0s forwards;color:#ad121d;display:none;font-family:EB Garamond,serif;font-size:10.4166666667vw;font-weight:500;left:-5vw;position:relative}.indexall .webtitle-cht{animation:popbubble .5s linear .5s forwards;background:#ad121d;border-radius:50%;color:#fff;filter:alpha(opacity=100);font-family:"Noto Serif TC",serif;font-size:1.5625vw;font-weight:700;height:10.9375vw;opacity:0;-moz-opacity:0;position:absolute;text-align:center;width:10.9375vw;z-index:3}.indexall .webtitle-cht .rel{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.indexall .webtitle-cht .rel .cirline{border:1px solid #ad121d;border-radius:50%;height:11.4583333333vw;left:50%;margin-left:-5.7291666667vw;margin-top:-5.7291666667vw;position:absolute;top:50%;width:11.4583333333vw}.indexall .center-reds{display:none;left:50%;margin-left:-6.416667vw;margin-top:5vw;position:fixed;top:50%;transform:translateY(50px);width:8.5416666667vw;z-index:2}.indexall .center-reds svg{animation:rotate_360 10s linear 0s infinite}.indexall .webox-1{height:100vh;left:100vw;position:absolute;width:100vw;z-index:8}.indexall .webox-1 .rel{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.indexall .webox-1 .rel .web1-txtbox{bottom:50%;display:none;margin-bottom:-21.5vw;position:absolute;right:12vw;z-index:10}.indexall .webox-1 .rel .web1-txtbox .relbox{background:#fff;max-width:17.1875vw;padding:2.0833333333vw 1.8229166667vw;position:relative;width:100%}.indexall .webox-1 .rel .web1-txtbox .relbox .sq{animation:sq0100 1s linear 0s forwards;background:#ad121d;height:100%;left:0;margin-left:0;position:absolute;top:0;width:0;z-index:2}.indexall .webox-1 .rel .web1-txtbox .txtbox{animation:alpha_01 .3s linear .5s forwards;filter:alpha(opacity=100);opacity:0;-moz-opacity:0}.indexall .webox-1 .rel .web1-txtbox h3{color:#333;font-family:"Noto Serif TC",serif;font-size:1.25vw;font-weight:700;margin-bottom:15px;text-align:center}.indexall .webox-1 .rel .web1-txtbox p{color:#555;font-size:.9375vw;letter-spacing:2px;line-height:1.5}.indexall .webox-1 .rel .web1-txtbox .iconbox{align-items:center;animation:alpha_01 .3s linear .5s forwards;display:flex;filter:alpha(opacity=100);height:8.3333333333vw;justify-content:center;margin:0 auto 20px;opacity:0;-moz-opacity:0;position:relative;width:8.3333333333vw}.indexall .webox-1 .rel .web1-txtbox .iconbox .icon{height:auto;max-width:4.1666666667vw}.indexall .webox-1 .rel .web1-txtbox .iconbox .border-sq{height:100%;position:absolute;width:100%}.indexall .webox-1 .rel .web1-txtbox .iconbox .border-sq .sq8a{animation:rotate_360 15s linear 0s infinite;height:auto;position:absolute;width:100%}.indexall .webox-1 .rel .web1-txtbox .iconbox .border-sq .sq8b{animation:rotate_360b 30s linear 0s infinite;height:auto;position:absolute;transform:rotate(15deg);width:100%}.indexall .webox-1 .rel .web1title{left:5vw;margin-top:-4.1666666667vw;position:absolute;top:50%;z-index:1}.indexall .webox-1 .rel .web1title .title-h2{animation:alpha_01 .3s linear .5s forwards;color:#ad121d;display:none;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:4.1666666667vw;font-weight:500;line-height:4.1666666667vw;opacity:0;-moz-opacity:0;position:relative;text-transform:uppercase}.indexall .webox-1 .rel .web1titleo{left:5vw;margin-top:-4.1666666667vw;position:absolute;top:50%;z-index:5}.indexall .webox-1 .rel .web1titleo .title-h2{display:none;height:3.9vw;overflow:hidden;position:relative}.indexall .webox-1 .rel .web1titleo .title-h2 .sq{animation:sq0100 1s linear 0s forwards;background:#ad121d;height:100%;margin-left:0;position:absolute;top:0;width:0;z-index:5}.indexall .webox-1 .rel .web1titleo h2{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff;animation:alpha_01 .3s linear .5s forwards;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:4.1666666667vw;font-weight:500;line-height:4.1666666667vw;opacity:0;-moz-opacity:0;position:relative;text-transform:uppercase}.indexall .webox-1 .rel .img01{filter:grayscale(100%);position:relative;width:63.6979166667vw;z-index:3}.indexall .webox-1 .rel .img01,.indexall .webox-1 .rel .img01:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .webox-1 .rel .img01:hover{filter:grayscale(0)}.indexall .webox-1 .rel .num{display:none;left:11vw;position:absolute;top:-1vw;z-index:5}.indexall .webox-1 .rel .num .numbox{overflow:hidden;position:relative}.indexall .webox-1 .rel .num .numbox h2{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ad121d;animation:alpha_01 .3s linear .5s forwards;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:11.71875vw;font-weight:500;opacity:0;-moz-opacity:0}.indexall .webox-1 .rel .num .sq{animation:sq0100 1s linear 0s forwards;background:#ad121d;height:100%;margin-left:0;position:absolute;top:0}.indexall .webox-2and3-bg{background:#f7f7f7;z-index:1}.indexall .webox-2and3,.indexall .webox-2and3-bg{height:100vh;left:100vw;position:absolute;top:0;width:84.8958333333vw}.indexall .webox-2and3{z-index:8}.indexall .webox-2and3 .rel{height:100%;position:relative;width:100%;z-index:3!important}.indexall .webox-2and3 .rel .web2title{left:0;position:absolute;top:6.7708333333vw;z-index:1}.indexall .webox-2and3 .rel .web2title .title2-h2{animation:alpha_01 .3s linear .5s forwards;color:#ad121d;display:none;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:4.1666666667vw;font-weight:500;line-height:4.1666666667vw;opacity:0;-moz-opacity:0;position:relative;text-transform:uppercase}.indexall .webox-2and3 .rel .web2titleo{left:0;position:absolute;top:6.7708333333vw;z-index:5}.indexall .webox-2and3 .rel .web2titleo .title2-h2{display:none;height:3.9vw;overflow:hidden;position:relative}.indexall .webox-2and3 .rel .web2titleo .title2-h2 .sq{animation:sq0100 1s linear 0s forwards;background:#ad121d;height:100%;margin-left:0;position:absolute;top:0;width:0;z-index:5}.indexall .webox-2and3 .rel .web2titleo h2{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff;animation:alpha_01 .3s linear .5s forwards;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:4.1666666667vw;font-weight:500;line-height:4.1666666667vw;opacity:0;-moz-opacity:0;position:relative;text-transform:uppercase}.indexall .webox-2and3 .rel .img02{filter:grayscale(100%);left:7.1354166667vw;position:absolute;top:0;width:30.3645833333vw;z-index:3}.indexall .webox-2and3 .rel .img02,.indexall .webox-2and3 .rel .img02:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .webox-2and3 .rel .img02:hover{filter:grayscale(0)}.indexall .webox-2and3 .rel .num{bottom:6vw;display:none;left:0;position:absolute;z-index:5}.indexall .webox-2and3 .rel .num .numbox{overflow:hidden;position:relative}.indexall .webox-2and3 .rel .num .numbox h2{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ad121d;animation:alpha_01 .3s linear .5s forwards;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:11.71875vw;font-weight:500;opacity:0;-moz-opacity:0}.indexall .webox-2and3 .rel .num .sq{animation:sq0100 1s linear 0s forwards;background:#ad121d;height:100%;margin-left:0;position:absolute;top:0}.indexall .webox-2and3 .rel .build2{left:33.8541666667vw;position:absolute;top:7.65625vw;width:18.4895833333vw;z-index:5}.indexall .webox-2and3 .rel .build2 img{animation:float1 5s linear 0s infinite;height:auto;position:relative;width:100%}.indexall .webox-2and3 .rel .red-sun{left:45vw;position:absolute;top:4.6875vw;width:8.5416666667vw;z-index:2}.indexall .webox-2and3 .rel .red-sun svg{animation:rotate_360 10s linear 0s infinite}.indexall .webox-2and3 .rel .web2-txtbox{bottom:5vw;display:none;left:22.6041666667vw;position:absolute;z-index:10}.indexall .webox-2and3 .rel .web2-txtbox .relbox{align-items:center;display:flex;max-width:29.6875vw;padding:2.0833333333vw 2.6041666667vw;position:relative;width:100%}.indexall .webox-2and3 .rel .web2-txtbox .relbox .bg{animation:alpha_01 .3s linear .5s forwards;background:#fff;filter:alpha(opacity=100);height:100%;left:0;opacity:0;-moz-opacity:0;position:absolute;top:0;width:100%}.indexall .webox-2and3 .rel .web2-txtbox .relbox .sq{animation:sq0100 1s linear 0s forwards;background:#ad121d;height:100%;left:0;margin-left:0;position:absolute;top:0;width:0;z-index:2}.indexall .webox-2and3 .rel .web2-txtbox .txtbox{animation:alpha_01 .3s linear .5s forwards;filter:alpha(opacity=100);opacity:0;-moz-opacity:0}.indexall .webox-2and3 .rel .web2-txtbox h3{color:#333;font-family:"Noto Serif TC",serif;font-size:1.25vw;font-weight:700;margin-bottom:15px}.indexall .webox-2and3 .rel .web2-txtbox p{color:#555;font-size:.9375vw;letter-spacing:1px;line-height:1.5}.indexall .webox-2and3 .rel .web2-txtbox .iconbox{align-items:center;animation:alpha_01 .3s linear .5s forwards;display:flex;filter:alpha(opacity=100);flex:0 0 8.333vw;height:8.3333333333vw;justify-content:center;margin:0 40px 0 auto;opacity:0;-moz-opacity:0;position:relative;width:8.3333333333vw}.indexall .webox-2and3 .rel .web2-txtbox .iconbox .icon{height:auto;max-width:4.1666666667vw}.indexall .webox-2and3 .rel .web2-txtbox .iconbox .border-sq{height:100%;position:absolute;width:100%}.indexall .webox-2and3 .rel .web2-txtbox .iconbox .border-sq .sq8a{animation:rotate_360 15s linear 0s infinite;height:auto;position:absolute;width:100%}.indexall .webox-2and3 .rel .web2-txtbox .iconbox .border-sq .sq8b{animation:rotate_360b 30s linear 0s infinite;height:auto;position:absolute;transform:rotate(15deg);width:100%}.indexall .webox-2and3 .rel .img03{bottom:6.25vw;filter:grayscale(100%);position:absolute;right:-12.2395833333vw;width:38.90625vw;z-index:3}.indexall .webox-2and3 .rel .img03,.indexall .webox-2and3 .rel .img03:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .webox-2and3 .rel .img03:hover{filter:grayscale(0)}.indexall .webox-2and3 .rel .web3-num{bottom:auto;display:none;left:auto;right:15vw;top:5vw;z-index:5}.indexall .webox-2and3 .rel .web3-txtbox{display:none;position:absolute;right:-8.6979166667vw;top:7.2916666667vw;z-index:10}@media only screen and (max-width:1279px){.indexall .webox-2and3 .rel .web3-txtbox{top:10vw}}.indexall .webox-2and3 .rel .web3-txtbox .relbox{max-width:17.03125vw;padding:2.0833333333vw;position:relative;width:100%}.indexall .webox-2and3 .rel .web3-txtbox .relbox .bg{animation:alpha_01 .3s linear .5s forwards;background:#fff;filter:alpha(opacity=100);height:100%;left:0;opacity:0;-moz-opacity:0;position:absolute;top:0;width:100%}.indexall .webox-2and3 .rel .web3-txtbox .relbox .sq{animation:sq0100 1s linear 0s forwards;background:#ad121d;height:100%;left:0;margin-left:0;position:absolute;top:0;width:0;z-index:2}.indexall .webox-2and3 .rel .web3-txtbox .txtbox{animation:alpha_01 .3s linear .5s forwards;filter:alpha(opacity=100);opacity:0;-moz-opacity:0}.indexall .webox-2and3 .rel .web3-txtbox h3{color:#333;font-family:"Noto Serif TC",serif;font-size:1.25vw;font-weight:700;margin-bottom:15px;text-align:center}.indexall .webox-2and3 .rel .web3-txtbox p{color:#555;font-size:.9375vw;letter-spacing:1px;line-height:1.5}.indexall .webox-2and3 .rel .web3-txtbox .iconbox{align-items:center;animation:alpha_01 .3s linear .5s forwards;display:flex;filter:alpha(opacity=100);flex:0 0 8.333vw;height:8.3333333333vw;justify-content:center;margin:0 auto 20px;opacity:0;-moz-opacity:0;position:relative;width:8.3333333333vw}.indexall .webox-2and3 .rel .web3-txtbox .iconbox .icon{height:auto;max-width:4.1666666667vw}.indexall .webox-2and3 .rel .web3-txtbox .iconbox .border-sq{height:100%;position:absolute;width:100%}.indexall .webox-2and3 .rel .web3-txtbox .iconbox .border-sq .sq8a{animation:rotate_360 15s linear 0s infinite;height:auto;position:absolute;width:100%}.indexall .webox-2and3 .rel .web3-txtbox .iconbox .border-sq .sq8b{animation:rotate_360b 30s linear 0s infinite;height:auto;position:absolute;transform:rotate(15deg);width:100%}.indexall .webox-2and3 .rel .web3title{bottom:4.1666666667vw;left:57.2916666667vw;position:absolute;z-index:1}.indexall .webox-2and3 .rel .web3title .title3-h2{animation:alpha_01 .3s linear .5s forwards;color:#ad121d;display:none;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:4.1666666667vw;font-weight:500;line-height:4.1666666667vw;opacity:0;-moz-opacity:0;position:relative;text-transform:uppercase}.indexall .webox-2and3 .rel .web3titleo{bottom:4.1666666667vw;left:57.2916666667vw;position:absolute;z-index:5}.indexall .webox-2and3 .rel .web3titleo .title3-h2{display:none;height:3.9vw;overflow:hidden;position:relative}.indexall .webox-2and3 .rel .web3titleo .title3-h2 .sq{animation:sq0100 1s linear 0s forwards;background:#ad121d;height:100%;margin-left:0;position:absolute;top:0;width:0;z-index:5}.indexall .webox-2and3 .rel .web3titleo h2{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #fff;animation:alpha_01 .3s linear .5s forwards;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:4.1666666667vw;font-weight:500;line-height:4.1666666667vw;opacity:0;-moz-opacity:0;position:relative;text-transform:uppercase}.indexall .webox-4{background:#333;display:none;height:100vh;left:30vw;position:absolute;width:100vw;z-index:7}.indexall .webox-4 .rel{height:100%;left:0;position:relative;width:100%}.indexall .webox-4 .linktobtn,.indexall .webox-4 .rel{align-items:center;display:flex;justify-content:center}.indexall .webox-4 .linktobtn{background:#ad121d;border-radius:50%;bottom:2.0833333333vw;height:9.8958333333vw;position:absolute;right:-4.9479166667vw;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:9.8958333333vw}.indexall .webox-4 .linktobtn .txt{color:#fff;font-family:"Noto Serif TC",serif;font-size:.9375vw;font-weight:700;text-align:center}.indexall .webox-4 .linktobtn .txt svg{display:inline-block;margin-top:.5208333333vw;min-width:20px;position:relative;width:1.0416666667vw}.indexall .webox-4 .linktobtn:hover{background:#d53944}.indexall .webox-4 .linktobtn:hover,.indexall .webox-4 .linktobtn:hover .comming-soon{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .webox-4 .linktobtn:hover .comming-soon{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}.indexall .webox-4 .linktobtn:hover svg{animation:arrmove 1.2s linear 0s infinite}.indexall .webox-4 .dragonbg{height:100vh;left:0;position:absolute;top:0}.indexall .webox-4 .dragonbg img{height:100%;width:auto}.indexall .webox-4 .web4-title{animation:alpha_scale .5s linear 0s forwards;display:none;filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:relative;z-index:3}.indexall .webox-4 .web4-title h2{color:#fff;font-family:EB Garamond,serif;font-size:4.1666666667vw;font-weight:500;letter-spacing:2px;line-height:4.1666666667vw;text-align:center;text-transform:uppercase}.indexall .webox-4 .web4-title p{color:#fff;font-family:"Noto Serif TC",serif;font-size:1.25vw;font-weight:700;text-align:center}.indexall .webox-4 .w4iconbox{display:none;left:50%;position:absolute;top:50%}.indexall .webox-4 .w4iconbox .linearea .linetobox{animation:alpha_01 .5s linear .5s forwards;display:none;filter:alpha(opacity=100);opacity:0;-moz-opacity:0}.indexall .webox-4 .w4iconbox .boxdash{align-items:center;border:1px solid #707070;border-radius:30px;display:flex;padding:20px 25px;position:relative}@media only screen and (max-width:1279px){.indexall .webox-4 .w4iconbox .boxdash{border-radius:15px;padding:15px}}.indexall .webox-4 .w4iconbox .left-icon{align-items:center;display:flex;height:2.0833333333vw;justify-content:center;margin-right:1.0416666667vw;width:2.0833333333vw}@media only screen and (max-width:1279px){.indexall .webox-4 .w4iconbox .left-icon{flex:0 0 30px;height:30px;width:30px}}.indexall .webox-4 .w4iconbox .left-icon img{max-height:100px;max-width:100%}.indexall .webox-4 .w4iconbox .txt .en{color:#fff;font-family:EB Garamond,serif;font-size:.625vw;text-transform:uppercase}.indexall .webox-4 .w4iconbox .txt h3{color:#fff;font-family:"Noto Serif TC",serif;font-size:1.0416666667vw}.indexall .webox-4 .w4iconbox.box1{animation:alpha_top50 .3s linear 0s forwards;filter:alpha(opacity=100);margin-left:-10vw;margin-top:-17vw;opacity:0;-moz-opacity:0}@media only screen and (max-width:1279px){.indexall .webox-4 .w4iconbox.box1{margin-left:-4vw}}.indexall .webox-4 .w4iconbox.box1 .boxdash{animation:web4box1 5.5s linear 0s infinite}.indexall .webox-4 .w4iconbox.box1 .linearea{animation:web4box1line 5.5s linear 0s infinite;bottom:-2.8333vw;height:1px;left:4vw;position:absolute;transform:rotate(-74deg);width:5.8333333333vw}.indexall .webox-4 .w4iconbox.box1 .linearea .linetobox{background:#707070;height:1px;width:100%}.indexall .webox-4 .w4iconbox.box2{animation:alpha_left50 .3s linear .3s forwards;filter:alpha(opacity=100);margin-left:19vw;margin-top:-13vw;opacity:0;-moz-opacity:0}.indexall .webox-4 .w4iconbox.box2 .boxdash{animation:web4box2 5.5s linear 0s infinite}.indexall .webox-4 .w4iconbox.box2 .linearea{animation:web4box2line 5.5s linear 0s infinite;bottom:-1.1vw;height:1px;left:-3.5vw;position:absolute;transform:rotate(-45deg);width:4.53125vw}.indexall .webox-4 .w4iconbox.box2 .linearea .linetobox{background:#707070;height:1px;width:100%}.indexall .webox-4 .w4iconbox.box3{animation:alpha_left50 .3s linear 0s forwards;filter:alpha(opacity=100);margin-left:27vw;margin-top:-1.5vw;opacity:0;-moz-opacity:0}@media only screen and (max-width:1279px){.indexall .webox-4 .w4iconbox.box3{max-width:18vw}}.indexall .webox-4 .w4iconbox.box3 .boxdash{animation:web4box3 6s linear 0s infinite}.indexall .webox-4 .w4iconbox.box3 .linearea{animation:web4box3line 6s linear 0s infinite;bottom:50%;height:1px;left:-4.8vw;position:absolute;transform:rotate(0deg);width:4.8vw}.indexall .webox-4 .w4iconbox.box3 .linearea .linetobox{background:#707070;height:1px;width:100%}.indexall .webox-4 .w4iconbox.box4{animation:alpha_bottom50 .3s linear .3s forwards;filter:alpha(opacity=100);margin-left:9vw;margin-top:11vw;opacity:0;-moz-opacity:0}.indexall .webox-4 .w4iconbox.box4 .boxdash{animation:web4box4 6.5s linear 0s infinite}.indexall .webox-4 .w4iconbox.box4 .linearea{animation:web4box4line 6.5s linear 0s infinite;height:1px;left:-4.8vw;position:absolute;top:-1.5vw;transform:rotate(45deg);width:6vw}.indexall .webox-4 .w4iconbox.box4 .linearea .linetobox{background:#707070;height:1px;width:100%}.indexall .webox-4 .w4iconbox.box5{animation:alpha_bottom50 .3s linear 0s forwards;filter:alpha(opacity=100);margin-left:-21.5vw;margin-top:9.5vw;opacity:0;-moz-opacity:0}.indexall .webox-4 .w4iconbox.box5 .boxdash{animation:web4box5 6s linear 0s infinite}.indexall .webox-4 .w4iconbox.box5 .linearea{animation:web4box5line 6s linear 0s infinite;height:1px;position:absolute;right:1.2vw;top:-2vw;transform:rotate(-55deg);width:5vw}.indexall .webox-4 .w4iconbox.box5 .linearea .linetobox{background:#707070;height:1px;width:100%}.indexall .webox-4 .w4iconbox.box6{animation:alpha_right50 .3s linear .3s forwards;filter:alpha(opacity=100);margin-left:-31vw;margin-top:-12vw;opacity:0;-moz-opacity:0}.indexall .webox-4 .w4iconbox.box6 .boxdash{animation:web4box6 5s linear 0s infinite}.indexall .webox-4 .w4iconbox.box6 .linearea{animation:web4box6line 5s linear 0s infinite;bottom:-.5vw;height:1px;position:absolute;right:-3.2vw;transform:rotate(45deg);width:4vw}.indexall .webox-4 .w4iconbox.box6 .linearea .linetobox{background:#707070;height:1px;width:100%}.indexall .webox-5{height:100vh;left:100vw;position:absolute;top:0;width:205vw;z-index:8}.indexall .webox-5 .logoline{bottom:-19.2708333333vw;height:42.96875vw;position:absolute;width:24.4791666667vw}.indexall .webox-5 .logoline .rel{height:100%;position:relative;width:100%}.indexall .webox-5 .logoline .ovh{bottom:0;height:100%;overflow:hidden;position:absolute;width:100%}.indexall .webox-5 .logoline .ovh svg{bottom:0;position:absolute}.indexall .webox-5 .treeland{position:absolute;right:0;width:8.2291666667vw;z-index:3}.indexall .webox-5 .w5redsun{bottom:-9vw;left:2vw;position:absolute;width:8.5416666667vw;z-index:2}.indexall .webox-5 .w5redsun svg{animation:rotate_360 10s linear 0s infinite}.indexall .webox-5 .web5title{display:none;left:-3vw;position:absolute;top:16.5vw;transform:rotate(90deg);z-index:5}.indexall .webox-5 .web5title .title2-h2{overflow:hidden;position:relative}.indexall .webox-5 .web5title .title2-h2 .sq{animation:sq0100 1s linear 0s forwards;background:#ad121d;height:90%;margin-left:0;position:absolute;top:0;width:0;z-index:5}.indexall .webox-5 .web5title h2{animation:alpha_01 .3s linear .5s forwards;color:#ad121d;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:4.1666666667vw;font-weight:500;line-height:4.1666666667vw;opacity:0;-moz-opacity:0;position:relative;text-transform:uppercase}.indexall .webox-5 .web5slogna{bottom:8.5vw;display:none;left:11vw;position:absolute;z-index:5}.indexall .webox-5 .web5slogna .title2-h2{background:#fff;overflow:hidden;position:relative}.indexall .webox-5 .web5slogna .title2-h2 .sq{animation:sq0100 1s linear 0s forwards;background:#ad121d;height:90%;margin-left:0;position:absolute;top:0;width:0;z-index:5}.indexall .webox-5 .web5slogna h2{animation:alpha_01 .3s linear .5s forwards;color:#333;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:1.0416666667vw;font-weight:500;line-height:1.5625vw;opacity:0;-moz-opacity:0;padding:0 1vw;position:relative;text-transform:uppercase}.indexall .webox-5 .work-mainthree{left:34vw;margin-top:-12.6822916667vw;position:absolute;top:50%;z-index:3}.indexall .webox-5 .work-mainthree ul{display:flex;left:0;list-style:none;position:relative}.indexall .webox-5 .work-mainthree li{margin-right:1.8229166667vw;width:51.0416666667vw}.indexall .webox-5 .work-mainthree li:last-child{margin-right:0}.indexall .webox-5 .work-mainthree li .pic-area{background:url(../../images/frontend/1597140365722.png);background-position:0 0;background-size:100% auto;padding-bottom:49.693877551%;position:relative;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s;width:100%}.indexall .webox-5 .work-mainthree li .pic-area .mask-area{align-items:center;background:transparent;display:flex;height:100%;justify-content:center;position:absolute;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:100%}.indexall .webox-5 .work-mainthree li .pic-area .mask-area .centeritem{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:relative;top:30px;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.indexall .webox-5 .work-mainthree li .pic-area .mask-area .centeritem .complogo{margin-bottom:10px;text-align:center}.indexall .webox-5 .work-mainthree li .pic-area .mask-area .centeritem .complogo img{max-height:80px;max-width:100%;width:auto}.indexall .webox-5 .work-mainthree li .pic-area .mask-area .centeritem p{color:#fff;font-size:16px;line-height:30px;margin:0 auto;max-width:80%;text-align:center}.indexall .webox-5 .work-mainthree li:hover .mask-area{background:rgba(0,0,0,.7);transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .webox-5 .work-mainthree li:hover .mask-area .centeritem{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;top:-10px;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.indexall .webox-5 .work-mainthree li:hover .pic-area{background-position:0 -25.3645833333vw;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.indexall .webox-5 .work-mainthree .linktobtn{align-items:center;background:#ad121d;border-radius:50%;bottom:-3.125vw;display:flex;height:6.25vw;justify-content:center;overflow:hidden;position:absolute;right:-3.125vw;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:6.25vw}.indexall .webox-5 .work-mainthree .linktobtn .txt{color:#fff;font-family:"Noto Serif TC",serif;font-size:.9375vw;font-weight:700;text-align:center}.indexall .webox-5 .work-mainthree .linktobtn .txt svg{display:inline-block;margin-top:.5208333333vw;min-width:20px;position:relative;width:1.0416666667vw}.indexall .webox-5 .work-mainthree .linktobtn:hover{background:#d53944;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .webox-5 .work-mainthree .linktobtn:hover svg{animation:arrmove 1.2s linear 0s infinite}.indexall .webox-5 .islandbox-1{height:7.2916666667vw;left:27.0833333333vw;position:absolute;top:3.3854166667vw;width:5.5729166667vw}.indexall .webox-5 .islandbox-1 .rel{height:100%;position:relative;width:100%}.indexall .webox-5 .islandbox-1 .rel .item01{animation:floatpup 5s linear 0s infinite;left:0;position:absolute;top:0;width:4.5833333333vw}.indexall .webox-5 .islandbox-1 .rel .item02{animation:floatpup1 5s linear .3s infinite;bottom:0;position:absolute;right:0;width:2.6041666667vw}.indexall .webox-5 .islandbox-2{animation:floatpup 5s linear 0s infinite;bottom:3.3854166667vw;height:6.5104166667vw;left:83.3333333333vw;position:absolute;width:6.6145833333vw;z-index:3}.indexall .webox-5 .islandbox-2 .rel{height:100%;position:relative;width:100%}.indexall .webox-5 .islandbox-2 .rel .item01{left:50%;margin-left:-1.6666666667vw;margin-top:-1.8229166667vw;position:absolute;top:50%;width:3.3333333333vw}.indexall .webox-5 .islandbox-2 .rel .item02{animation:rotate_360 5s linear 0s infinite;left:0;position:absolute;top:0;width:6.5104166667vw}.indexall .webox-5 .web5bggray-1{bottom:-7.5vw;left:49.21875vw;position:absolute;width:54.4791666667vw;z-index:1}.indexall .webox-5 .w5mountain1{left:62.0833333333vw;position:absolute;top:3.3854166667vw;width:43.3333333333vw}.indexall .webox-5 .w5mountain2{bottom:-8.8541666667vw;left:102.1875vw;position:absolute;width:43.3333333333vw}.indexall .appbox{height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:6}.indexall .appbox .web5bggray-2{bottom:-42vw;opacity:0;position:absolute;right:-20.5729166667vw;width:74.4791666667vw;z-index:1}.indexall .appbox .center-build2{bottom:-65vw;left:50%;margin-left:-17.0572916667vw;position:absolute;width:34.1145833333vw;z-index:3}.indexall .appbox .center-build2 .bud{position:relative;z-index:2}.indexall .appbox .center-build2 .rel{position:relative;width:100%}.indexall .appbox .center-build2 .rel .appred-sun{display:none;height:11.09375vw;left:3vw;position:absolute;top:-90vw;width:11.09375vw;z-index:1}.indexall .appbox .center-build2 .rel .appcont-1{margin-right:-4vw;position:absolute;right:50%;top:-18.5vw}@media only screen and (max-width:1279px){.indexall .appbox .center-build2 .rel .appcont-1{min-width:45vw;top:-19.5vw}}.indexall .appbox .center-build2 .rel .appcont-1 h2{color:#ad121d;font-family:"Noto Serif TC",serif;font-size:4.1666666667vw;font-weight:700;margin-bottom:1vw;text-align:right;white-space:nowrap}.indexall .appbox .center-build2 .rel .appcont-1 p{font-size:.9375vw;line-height:1.6;text-align:right}.indexall .appbox .center-build2 .rel .iconbubble{bottom:30vw;opacity:0;position:absolute;right:6.6vw;width:5.2083333333vw;z-index:5}.indexall .appbox .center-build2 .rel .iconbubble svg{height:auto;width:100%}.indexall .appbox .app-title{display:none;left:50%;margin-left:-35vw;position:absolute;top:14vw;transform:rotate(90deg);z-index:5}.indexall .appbox .app-title .title2-h2{overflow:hidden;position:relative}.indexall .appbox .app-title .title2-h2 .sq{animation:sq0100 1s linear 0s forwards;background:#ad121d;height:100%;margin-left:0;position:absolute;top:0;width:0;z-index:5}.indexall .appbox .app-title h2{animation:alpha_01 .3s linear .5s forwards;color:#ad121d;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:5.2083333333vw;font-weight:400;line-height:5.2083333333vw;opacity:0;-moz-opacity:0;position:relative;text-transform:uppercase}.indexall .appbox .app-title2{bottom:-65vw;display:none;left:50%;margin-left:10vw;position:absolute;z-index:5}.indexall .appbox .app-title2 .title2-h2{overflow:hidden;position:relative}.indexall .appbox .app-title2 .title2-h2 .sq{animation:sq0100 1s linear 0s forwards;background:#ad121d;height:100%;margin-left:0;position:absolute;top:0;width:0;z-index:5}.indexall .appbox .app-title2 h2{animation:alpha_01 .3s linear .5s forwards;background:#ad121d;color:#fff;filter:alpha(opacity=100);font-family:EB Garamond,"Noto Serif TC",serif;font-size:1.5625vw;font-weight:400;line-height:3.125vw;opacity:0;-moz-opacity:0;padding:0 1vw;position:relative;text-transform:uppercase}.indexall .appbox .islind3{bottom:-27vw;position:absolute;width:13.5416666667vw;z-index:2}.indexall .appbox .islind3 .rel{position:relative}.indexall .appbox .islind3 .lattern{animation:latternmove 3s linear 0s infinite;position:absolute;right:5.1vw;top:7.4vw;transform-origin:top left;width:.9895833333vw}.indexall .appbox .appboxgray{bottom:-35vw;left:-7.2916666667vw;position:absolute;width:54.4791666667vw;z-index:1}.indexall .appbox .phone-box{left:50%;margin-left:-20.9114583333vw;position:absolute;top:-6vw;width:41.8229166667vw;z-index:5}.indexall .appbox .phone-box .rel{padding-bottom:283.1880448319%;position:relative;width:100%}.indexall .appbox .phone-box .rel .phone-1{height:100%;left:50%;margin-left:-18.2291666667vw;position:absolute;width:36.4583333333vw;z-index:3}.indexall .appbox .phone-box .rel .phone-1 svg{width:100%}.indexall .appbox .phone-box .rel .phone-1 .rel{padding-bottom:0;position:relative}.indexall .appbox .phone-box .rel .phone-1 .rel .icon-contbox{padding:6.5104166667vw 3.90625vw 0;position:absolute;top:0;width:100%}.indexall .appbox .phone-box .rel .phone-1 .rel .icon-contbox ul{display:flex;justify-content:space-between;list-style:none;margin-bottom:1.8229166667vw;width:100%}.indexall .appbox .phone-box .rel .phone-1 .rel .icon-contbox ul li .iconbox{align-items:center;background:#f7f7f7;border-radius:15px;display:flex;height:6.25vw;justify-content:center;margin-bottom:10px;opacity:0;overflow:hidden;width:6.25vw}.indexall .appbox .phone-box .rel .phone-1 .rel .icon-contbox ul li .iconbox .svg-area{height:100%;max-height:3.6458333333vw;max-width:3.6458333333vw;position:relative;width:100%}.indexall .appbox .phone-box .rel .phone-1 .rel .icon-contbox ul li .iconbox .svg-area .cirdot{background:#ff6a75;border-radius:50%;height:.625vw;position:absolute;width:.625vw;z-index:1}.indexall .appbox .phone-box .rel .phone-1 .rel .icon-contbox ul li .iconbox .svg-area .cirdot.dotmove1{animation:dotmove1 8s linear 0s infinite;left:50%;margin-left:-.3125vw;margin-top:-.3125vw;top:50%}.indexall .appbox .phone-box .rel .phone-1 .rel .icon-contbox ul li .iconbox .svg-area .cirdot.dotmove2{animation:dotmove2 8s linear 0s infinite;left:50%;top:50%}.indexall .appbox .phone-box .rel .phone-1 .rel .icon-contbox ul li .iconbox .svg-area .cirdot.dotmove3{animation:dotmove3 8s linear 0s infinite;left:0;top:0}.indexall .appbox .phone-box .rel .phone-1 .rel .icon-contbox ul li .iconbox .svg-area .cirdot.dotmove4{animation:dotmove4 8s linear 0s infinite;left:50%;margin-left:-.3125vw;margin-top:-.3125vw;top:50%}.indexall .appbox .phone-box .rel .phone-1 .rel .icon-contbox ul li .iconbox .svg-area svg{height:100%;position:relative;width:100%;z-index:3}.indexall .appbox .phone-box .rel .phone-1 .rel .icon-contbox ul li p{color:#555;filter:alpha(opacity=100);font-family:Noto Sans TC,serif;font-size:.9375vw;opacity:0;-moz-opacity:0;text-align:center}.indexall .appbox .phone-box .rel .phone-1 .rel .iconcontact{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:relative}.indexall .appbox .phone-box .rel .phone-1 .rel .iconcontact .shortxt{color:#555;font-family:Noto Sans TC,serif;font-size:.9375vw;text-align:center}.indexall .appbox .phone-box .rel .phone-1 .rel .iconcontact button{background:#ad121d;border-radius:50px;display:block;height:2.6041666667vw;margin:0 auto .78125vw;padding:.2083333333vw;position:relative;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:9.375vw}.indexall .appbox .phone-box .rel .phone-1 .rel .iconcontact button:hover{background:#d53944;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .appbox .phone-box .rel .phone-1 .rel .iconcontact button:hover svg{margin-left:10px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .appbox .phone-box .rel .phone-1 .rel .iconcontact button .border{align-items:center;border:1px solid #de6a77;border-radius:50px;display:flex;height:100%;justify-content:center}.indexall .appbox .phone-box .rel .phone-1 .rel .iconcontact button p{color:#fff;font-family:"Noto Serif TC",serif;font-size:.9375vw;font-weight:700}.indexall .appbox .phone-box .rel .phone-1 .rel .iconcontact button svg{margin-left:5px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:1.0416666667vw}.indexall .appbox .phone-box .rel .phone-1 .rel .line-porterstar{filter:alpha(opacity=100);left:50%;margin-left:-45%;opacity:0;-moz-opacity:0;position:absolute;top:2%;width:90%;z-index:5}.indexall .appbox .phone-box .rel .phone-1 .rel .porterstar-titlebox{display:none;left:-23vw;position:absolute;top:8vw;z-index:10}.indexall .appbox .phone-box .rel .phone-1 .rel .porterstar-titlebox .reltitle{height:100%;position:relative;width:100%}.indexall .appbox .phone-box .rel .phone-1 .rel .porterstar-titlebox .reltitle .sq{animation:sq0100 1s linear .3s forwards;background:#ad121d;height:100%;left:0;margin-left:0;position:absolute;top:0;width:0}.indexall .appbox .phone-box .rel .phone-1 .rel .porterstar-titlebox .bgsq{animation:alpha_01 .3s linear .8s forwards;background:#ad121d;filter:alpha(opacity=100);opacity:0;-moz-opacity:0;padding:30px 40px}.indexall .appbox .phone-box .rel .phone-1 .rel .porterstar-titlebox h2{color:#fff;font-family:EB Garamond,serif;font-size:4.1666666667vw;font-weight:500;line-height:4.1666666667vw;text-transform:uppercase}.indexall .appbox .phone-box .rel .phone-1 .rel .porterstar-titlebox h3{color:#fff;font-family:"Noto Serif TC",serif;font-size:1.5625vw}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box{bottom:5%;padding:0 2.8645833333vw;position:absolute;width:100%;z-index:1}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .leftitem-1{display:flex;margin-bottom:1.0416666667vw}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .leftitem-1 .peo-photo{align-items:center;border:2px solid #707070;border-radius:50%;display:flex;height:2.6041666667vw;justify-content:center;width:2.6041666667vw}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .leftitem-1 .peo-photo svg{width:1.1458333333vw}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .leftitem-1 .mes-bubble{background:#888;border-radius:25px;color:#fff;font-size:1.0416666667vw;margin-left:1.8229166667vw;padding:10px 15px;position:relative}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .leftitem-1 .mes-bubble .arr{left:-.9375vw;position:absolute;top:.2604166667vw;width:1.5625vw}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-1{display:block;margin-bottom:.5208333333vw;text-align:right}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-1 .mes-bubble{background:#cd1638;border-radius:25px;color:#fff;display:inline-block;font-size:1.0416666667vw;margin-bottom:.5208333333vw;margin-right:1.8229166667vw;max-width:25.5208333333vw;padding:10px 15px;position:relative;text-align:left}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-1 .mes-bubble.link .flex{align-items:center;display:flex}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-1 .mes-bubble.link{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-1 .mes-bubble.link .white-ar{margin-left:.78125vw;width:.46875vw}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-1 .mes-bubble.link svg path,.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-1 .mes-bubble.link:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-1 .mes-bubble.link:hover{background:#d14b55}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-1 .mes-bubble.link:hover svg path{fill:#d14b55;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-1 .mes-bubble .arr{position:absolute;right:-.9375vw;top:.2604166667vw;transform:rotate(180deg);width:1.5625vw}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-2{margin-bottom:1.0416666667vw;position:relative;width:100%}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-2 .arr{position:absolute;right:.9vw;top:.2604166667vw;transform:rotate(180deg);width:1.5625vw;z-index:1}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-2 ul{border:5px solid #cd1638;border-radius:20px;display:flex;flex-wrap:wrap;list-style:none;margin-right:1.8229166667vw;overflow:hidden;position:relative;z-index:2}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-2 ul li{align-items:center;background:#fff;border-bottom:1px solid #fbe9eb;border-right:1px solid #fbe9eb;display:flex;justify-content:center;padding:20px 5px;width:25%}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-2 ul li .icon-box{align-items:center;display:flex;height:3.125vw;justify-content:center;margin:0 auto .5208333333vw;max-width:3.125vw}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-2 ul li .icon-box svg{width:100%}.indexall .appbox .phone-box .rel .phone-1 .rel .message-box .rightitem-2 ul li p{color:#555;font-size:.9375vw;text-align:center}.indexall .appbox .phone-box .rel .phone-island{bottom:15vw;left:0;position:absolute;width:41.8229166667vw;z-index:1}.indexall .appbox .phone-box .rel .phone-island .rel{padding-bottom:0}.indexall .appbox .phone-box .rel .phone-island .rel .dottbox-aera{height:80%;left:24.1%;position:absolute;top:21%;width:2.6041666667vw}.indexall .appbox .phone-box .rel .phone-island .rel .dottbox-aera .relbox{height:100%;overflow:hidden;position:relative;width:100%}.indexall .appbox .phone-box .rel .phone-island .rel .dottbox-aera .relbox .dott{background:#ffb1b6;background:linear-gradient(180deg,#ffb1b6 0,#ad121d 99%);border-radius:50%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffb1b6",endColorstr="#ad121d",GradientType=0);height:.78125vw;left:10px;position:absolute;top:10px;width:.78125vw}.indexall .appbox .phone-box .rel .phone-island .rel .waterline3{animation:waterline3 .9s linear 0s infinite;left:26%;overflow:hidden;position:absolute;top:23%;width:3px}.indexall .appbox .phone-box .rel .phone-island .rel .waterline3 img{animation:mart100 1s linear 0s infinite}.indexall .appbox .phone-box .rel .phone-island .rel .waterline4{animation:waterline3 .9s linear .5s infinite;left:28%;overflow:hidden;position:absolute;top:23%;width:2px}.indexall .appbox .phone-box .rel .phone-island .rel .waterline4 img{animation:mart100 1s linear 0s infinite}.indexall .appbox .phone-box .rel .protostarlogo{left:37vw;position:absolute;top:57vw;width:36.875vw}.indexall .appbox .yen{animation:flyyen 8s linear 0s forwards;display:none;left:0;position:absolute;top:0;width:12vw;z-index:1}.indexall .appbox .left-waterfall{bottom:-60vw;left:0;position:absolute;width:20.8333333333vw;z-index:5}.indexall .appbox .left-waterfall .waterline1{animation:waterline1 .8s linear 0s infinite}.indexall .appbox .left-waterfall .waterline1,.indexall .appbox .left-waterfall .waterline2{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:absolute;right:14.2%;top:58%;width:31%}.indexall .appbox .left-waterfall .waterline2{animation:waterline1 .8s linear .3s infinite}.indexall .appbox .right-waterfall{bottom:-65vw;position:absolute;right:0;width:21.875vw;z-index:5}.indexall .appbox .right-waterfall .waterline1{animation:waterline2 .9s linear 0s infinite}.indexall .appbox .right-waterfall .waterline1,.indexall .appbox .right-waterfall .waterline2{filter:alpha(opacity=100);left:30%;opacity:0;-moz-opacity:0;position:absolute;top:46%;width:34%}.indexall .appbox .right-waterfall .waterline2{animation:waterline2 .9s linear .5s infinite}.indexall .appbox .right-waterfall .fishfall{animation:fishfall 10s linear .3s infinite;filter:alpha(opacity=100);left:37%;opacity:0;-moz-opacity:0;position:absolute;top:45%;transform:rotate(-90deg);width:20%}.indexall .appbox .islindad{bottom:-15vw;height:9.1666666667vw;position:absolute;right:15.625vw;width:7.03125vw;z-index:5}.indexall .appbox .islindad:hover .speach{opacity:1;-moz-opacity:1;top:-49%}.indexall .appbox .islindad .speach,.indexall .appbox .islindad:hover .speach{filter:alpha(opacity=100);left:0;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.indexall .appbox .islindad .speach{background:#fff;border:2px solid #222;border-radius:30px;color:#222;font-family:"Noto Serif TC",serif;font-size:1.0416666667vw;font-weight:700;opacity:0;-moz-opacity:0;padding:5px 20px;position:absolute;top:-31%;white-space:nowrap}.indexall .appbox .islindad .rel{height:100%;position:relative;width:100%}.indexall .appbox .islindad .andoll{left:1.5vw;position:absolute;top:-2vw;width:3.8020833333vw}.indexall .appbox .islindapple{bottom:-10vw;height:3.125vw;position:absolute;right:24.4791666667vw;width:4.1666666667vw;z-index:5}.indexall .appbox .islindapple:hover .speach{opacity:1;-moz-opacity:1;top:-150%}.indexall .appbox .islindapple .speach,.indexall .appbox .islindapple:hover .speach{filter:alpha(opacity=100);left:-38%;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.indexall .appbox .islindapple .speach{background:#fff;border:2px solid #222;border-radius:30px;color:#222;font-family:"Noto Serif TC",serif;font-size:1.0416666667vw;font-weight:700;opacity:0;-moz-opacity:0;padding:5px 20px;position:absolute;top:-110%;white-space:nowrap}.indexall .appbox .islindapple .rel{height:100%;position:relative;width:100%}.indexall .appbox .islindapple .apple{animation:applemove 2s linear .5s infinite;left:.5vw;position:absolute;top:-2.9vw;width:3.3333333333vw}.indexall .appbox .islindapple .float-fragments{animation:rotate_360 6.5s linear 0s infinite;left:50%;margin-left:-4.1666666667vw;margin-top:-5vw;position:absolute;top:50%;width:8.3333333333vw}.indexall .client{filter:alpha(opacity=100);left:0;min-height:100vh;opacity:0;-moz-opacity:0;position:absolute;width:100vw;z-index:10}.indexall .client .rel{height:100%;position:relative;width:100%}.indexall .client .fishman{animation:fishman 8s linear 0s infinite;bottom:.8vw;display:none;left:5vw;position:absolute;width:23.4375vw;z-index:5}.indexall .client .fishman img{animation:floatpup1 1s linear 0s infinite}.indexall .client .fishman .basket{bottom:10%;left:28%;position:absolute;width:4.6875vw}.indexall .client .fishman .basket .point{animation:point .5s linear 0s forwards;bottom:116%;color:#ad121d;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:20px;font-weight:700;opacity:0;-moz-opacity:0;position:absolute;text-align:center;width:100%}.indexall .client .fishman .basket img{animation:floatpup1 1.5s linear 0s infinite}.indexall .client .water-bgbox{position:relative;top:0;width:100vw}.indexall .client .water-bgbox .water{animation:waterwave 2s linear 0s infinite;display:block;position:absolute;right:0;top:63%;z-index:1}.indexall .client .water-bgbox .water2{animation:waterwave2 2s linear 1s infinite;display:block;position:absolute;right:0;top:76%;width:40%;z-index:1}.indexall .client .water-bgbox .water3{animation:waterwave2 2s linear 1.5s infinite;display:block;left:-10vw;position:absolute;top:78%;width:40%;z-index:1}.indexall .client .water-bgbox .waterline{bottom:-1vw;left:0;position:relative;width:100%}.indexall .client .client-tittlepool{margin-bottom:3vw;text-align:center}.indexall .client .client-tittlepool .waterbox{height:250px;overflow-x:clip;position:relative;width:100%}.indexall .client .client-tittlepool .waterbox .fish01{animation:fish01 10s linear .3s infinite;position:absolute;right:-10vw;top:2vw;width:4.6875vw}.indexall .client .client-tittlepool .waterbox .fish02{animation:fish02 15s linear .6s infinite;left:-10vw;position:absolute;top:4vw;transform:rotateY(180deg);width:5.2083333333vw}.indexall .client .client-tittlepool .waterbox .fish03{animation:fish03 8s linear .3s infinite;position:absolute;right:-10vw;top:6vw;width:5.2083333333vw}.indexall .client .client-tittlepool .waterbox .fishhover:hover .rel .net{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .client .client-tittlepool .waterbox .fishhover .rel{position:relative}.indexall .client .client-tittlepool .waterbox .fishhover .rel .net{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:absolute;top:-3vw;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:80%}.indexall .client .client-tittlepool .waterbox .fishhover .rel .net img{animation:rotate_net .8s linear 0s infinite;transform:rotate(-15deg);transform-origin:right}.indexall .client .client-tittlepool .waterbox .wave1{animation:floatlr1 1s linear .3s infinite;left:10vw;position:absolute;top:6vw;width:5.2083333333vw;z-index:-1}.indexall .client .client-tittlepool .waterbox .wave2{animation:floatll1 1.2s linear .3s infinite;position:absolute;right:10vw;top:5vw;width:4.1666666667vw;z-index:-1}.indexall .client .client-tittlepool .waterbox .wave3{animation:floatll1 1s linear .3s infinite;position:absolute;right:50%;top:0;width:2.0833333333vw;z-index:1}.indexall .client .client-tittlepool .title2-h2{display:none;overflow:hidden;position:relative}.indexall .client .client-tittlepool .title2-h2 .sq{animation:sq0100 1s linear 0s forwards;background:#ad121d;height:90%;margin-left:0;position:absolute;top:0;width:0;z-index:5}.indexall .client .client-tittlepool h2{animation:alpha_01 .3s linear .5s forwards;color:#ad121d;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:4.1666666667vw;font-weight:500;line-height:4.1666666667vw;opacity:0;-moz-opacity:0;position:relative;text-transform:uppercase}.indexall .client .client-tittlepool .title-chtft{display:none;position:relative}.indexall .client .client-tittlepool .title-chtft h3{animation:alpha_01 .3s linear 1s forwards;color:#333;filter:alpha(opacity=100);font-family:"Noto Serif TC",serif;font-size:1.5625vw;letter-spacing:.28vw;opacity:0;-moz-opacity:0;position:relative}.indexall .client .client-tittlepool .title-chtft .sq{animation:sq0100 1s linear .6s forwards;background:#000;height:90%;margin-left:0;position:absolute;top:0;width:0}.indexall .client .clientbox{position:relative}.indexall .client .clientbox .carrl{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:absolute;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:30px;z-index:10}.indexall .client .clientbox .carrl svg{width:15px}.indexall .client .clientbox .carrl:hover{background:rgba(0,0,0,.1);background:#ad121d}.indexall .client .clientbox .carrl:hover,.indexall .client .clientbox .carrl:hover svg path{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .client .clientbox .carrl:hover svg path{fill:#fff}.indexall .client .clientbox .carrr{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:0;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:30px;z-index:10}.indexall .client .clientbox .carrr svg{width:15px}.indexall .client .clientbox .carrr:hover{background:rgba(0,0,0,.1);background:#ad121d}.indexall .client .clientbox .carrr:hover,.indexall .client .clientbox .carrr:hover svg path{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .client .clientbox .carrr:hover svg path{fill:#fff}.indexall .client .clientbox ul{border-top:1px solid #eee;display:flex;flex-wrap:wrap;list-style:none}.indexall .client .clientbox ul li{border-bottom:1px solid #eee;border-right:1px solid #eee;height:16.6666666667vw;width:16.6666666667vw}.indexall .client .clientbox ul li .imgbox{align-items:center;display:flex;filter:alpha(opacity=100);height:100%;justify-content:center;opacity:.4;-moz-opacity:.4;padding:3vw;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:100%}.indexall .client .clientbox ul li img{max-height:100%;max-width:100%}.indexall .client .clientbox ul li:hover .imgbox{background:#f7f7f7;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .contact-area{bottom:-52vw;left:0;padding-top:7.2916666667vw;position:absolute;width:100vw;z-index:9}.indexall .contact-area .rel{height:100%;position:relative;width:100%}.indexall .contact-area .cbggray-1{bottom:30vw;display:none;opacity:1;position:absolute;right:-20.5729166667vw;width:74.4791666667vw;z-index:-1}.indexall .contact-area .contact-title{margin-bottom:3.6458333333vw;text-align:center}.indexall .contact-area .contact-title .title2-h2{display:none;overflow:hidden;position:relative}.indexall .contact-area .contact-title .title2-h2 .sq{animation:sq0100 1s linear 0s forwards;background:#ad121d;height:90%;margin-left:0;position:absolute;top:0;width:0;z-index:5}.indexall .contact-area .contact-title h2{animation:alpha_01 .3s linear .5s forwards;color:#ad121d;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:4.1666666667vw;font-weight:500;line-height:4.1666666667vw;opacity:0;-moz-opacity:0;position:relative;text-transform:uppercase}.indexall .contact-area .contact-title .title-chtcc{display:none;position:relative}.indexall .contact-area .contact-title .title-chtcc h3{animation:alpha_01 .3s linear 1s forwards;color:#333;filter:alpha(opacity=100);font-family:"Noto Serif TC",serif;font-size:1.5625vw;letter-spacing:.28vw;opacity:0;-moz-opacity:0;position:relative}.indexall .contact-area .contact-title .title-chtcc .sq{animation:sq0100 1s linear .6s forwards;background:#000;height:90%;margin-left:0;position:absolute;top:0;width:0}.indexall .contact-area .clogobox{align-items:center;display:none;height:17.2916666667vw;justify-content:center;margin:0 auto 11.4583333333vw;position:relative;width:17.2916666667vw}.indexall .contact-area .clogobox .center{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.indexall .contact-area .clogobox .center:hover .qrcode{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .contact-area .clogobox .center .qrcode,.indexall .contact-area .clogobox .center:hover .rarea{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .contact-area .clogobox .center .qrcode{background:#fff;border-radius:50%;height:11.4583333333vw;left:50%;margin-left:-5.7291666667vw;margin-top:-5.7291666667vw;position:absolute;top:50%;width:11.4583333333vw;z-index:5}.indexall .contact-area .clogobox .cirarea{position:absolute;z-index:2}.indexall .contact-area .clogobox .cirarea .cirborder{stroke-dasharray:1000;stroke-dashoffset:1000;animation:strocir .6s linear .3s forwards}.indexall .contact-area .clogobox .rarea{animation:rotateZ .6s linear 0s forwards;display:none;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;position:relative;width:5.5208333333vw;z-index:3}.indexall .contact-area .clogobox .item-link,.indexall .contact-area .clogobox .rarea{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .contact-area .clogobox .item-link{background:#fff;border:1px solid #ad121d;border-radius:50%;height:15.625vw;margin-top:-7.8125vw;padding:.5208333333vw;position:absolute;top:50%;width:15.625vw}.indexall .contact-area .clogobox .item-link:hover{border:1px solid #fff;box-shadow:0 0 15px rgba(0,0,0,.16);transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .contact-area .clogobox .item-link:hover .comming-soon{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;top:0;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .contact-area .clogobox .item-link.leftcir{left:50%;margin-left:-27vw}.indexall .contact-area .clogobox .item-link.leftcir:hover .arr{transform:translateX(-10px);transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .contact-area .clogobox .item-link.rightcir{margin-right:-27vw;right:50%}.indexall .contact-area .clogobox .item-link.rightcir:hover .arr{transform:translateX(10px);transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.indexall .contact-area .clogobox .item-link .border{align-items:center;border:1px solid #ad121d;border-radius:50%;display:flex;height:100%;justify-content:center;position:relative;width:100%}.indexall .contact-area .clogobox .item-link .border .center-item h3{color:#ad121d;font-family:EB Garamond,serif;font-size:1.5625vw;font-weight:500;position:relative;text-align:center;text-transform:uppercase}.indexall .contact-area .clogobox .item-link .border .center-item p{color:#333;font-family:"Noto Serif TC",serif;font-size:.9375vw;font-weight:500;margin-bottom:.5208333333vw;text-align:center}.indexall .contact-area .clogobox .item-link .border .center-item .arr{margin:0 auto;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:1.25vw}.indexall .contact-area .lion-left{bottom:20px;left:-3.125vw;position:absolute;width:21.3541666667vw;z-index:2}.indexall .contact-area .lion-right{bottom:20px;position:absolute;right:-3.125vw;width:21.3541666667vw;z-index:2}.indexall .contact-area .footer-area{background:#222;padding:10px 15px}.indexall .contact-area .footer-area h6{color:#ccc;font-size:14px;text-align:center}.index-mball{display:none}@media only screen and (max-width:1024px){.index-mball{display:block}}.index-mball .mb-gotop{align-items:center;background:rgba(0,0,0,.8);border-radius:50%;bottom:10px;cursor:pointer;display:flex;height:30px;justify-content:center;position:fixed;right:10px;width:30px;z-index:50}.index-mball .mb-gotop svg{height:auto;width:10px}.index-mball .mb-linefriend{align-items:center;background:rgba(173,18,29,.8);border-radius:50%;bottom:45px;cursor:pointer;display:flex;height:30px;justify-content:center;position:fixed;right:10px;width:30px;z-index:50}.index-mball .mb-linefriend svg{height:auto;width:16px}.index-mball img,.index-mball svg{height:auto;width:100%}.index-mball .mb-section1-kv{overflow:hidden;padding-top:50px;position:relative;width:100%}@media only screen and (max-width:999px){.index-mball .mb-section1-kv{min-height:100vh}}.index-mball .mb-section1-kv .left-slogan-aream{padding-left:20px;padding-top:20px}@media only screen and (max-width:1024px){.index-mball .mb-section1-kv .left-slogan-aream{margin-bottom:20vw;padding-left:30px;padding-top:30px}}@media only screen and (max-width:767px){.index-mball .mb-section1-kv .left-slogan-aream{margin-bottom:52vw;padding-left:20px;padding-top:20px}}.index-mball .mb-section1-kv .left-slogan-aream .title-en{display:inline-block;position:relative}.index-mball .mb-section1-kv .left-slogan-aream .title-en h2{animation:alpha_01 .3s linear .8s forwards;color:#ad121d;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:10.6666666667vw;font-weight:500;line-height:1.05;opacity:0;-moz-opacity:0;overflow:hidden;position:relative;text-transform:uppercase}@media only screen and (max-width:1024px){.index-mball .mb-section1-kv .left-slogan-aream .title-en h2{font-size:5.859375vw;letter-spacing:.2vw}}@media only screen and (max-width:767px){.index-mball .mb-section1-kv .left-slogan-aream .title-en h2{font-size:10.6666666667vw;letter-spacing:.2vw}}.index-mball .mb-section1-kv .left-slogan-aream .title-en .sq{animation:sq0100 1s linear .3s forwards;background:#ad121d;height:90%;margin-left:0;position:absolute;top:0;width:0}.index-mball .mb-section1-kv .left-slogan-aream .title-cht{display:inline-block;position:relative}.index-mball .mb-section1-kv .left-slogan-aream .title-cht h3{animation:alpha_01 .3s linear 1s forwards;color:#333;filter:alpha(opacity=100);font-family:"Noto Serif TC",serif;font-size:4.2666666667vw;letter-spacing:.15vw;opacity:0;-moz-opacity:0;position:relative}@media only screen and (max-width:1024px){.index-mball .mb-section1-kv .left-slogan-aream .title-cht h3{font-size:2vw}}@media only screen and (max-width:767px){.index-mball .mb-section1-kv .left-slogan-aream .title-cht h3{font-size:3.7vw}}.index-mball .mb-section1-kv .left-slogan-aream .title-cht .sq{animation:sq0100 1s linear .6s forwards;background:#000;height:90%;margin-left:0;position:absolute;top:0;width:0}.index-mball .mb-section1-kv .monr1m{animation:alpha_top30 .5s linear .6s forwards;filter:alpha(opacity=100);left:-10vw;opacity:0;-moz-opacity:0;position:absolute;top:30vw;width:125vw}@media only screen and (max-width:767px){.index-mball .mb-section1-kv .monr1m{animation:alpha_top30 .5s linear .6s forwards;filter:alpha(opacity=100);left:-43vw;opacity:0;-moz-opacity:0;top:33.8666666667vw;width:286.1333333333vw}}.index-mball .mb-section1-kv .top-sun{left:50%;margin-left:-14.3229166667vw;position:absolute;top:35.15625vw;width:28.6458333333vw;z-index:2}@media only screen and (max-width:767px){.index-mball .mb-section1-kv .top-sun{margin-left:-29.3333333333vw;top:72vw;width:58.6666666667vw}}.index-mball .mb-section1-kv .top-sun svg{animation:rotate_360 10s linear 0s infinite}.index-mball .mb-section1-kv .mon-lm1{animation:alpha_top30 .5s linear .8s forwards;filter:alpha(opacity=100);left:0;opacity:0;-moz-opacity:0;position:absolute;width:35vw;z-index:5}@media only screen and (max-width:1024px){.index-mball .mb-section1-kv .mon-lm1{position:relative}}@media only screen and (max-width:999px){.index-mball .mb-section1-kv .mon-lm1{position:absolute}}@media only screen and (max-width:767px){.index-mball .mb-section1-kv .mon-lm1{left:-20vw;position:relative;width:57.0666666667vw;z-index:5}}.index-mball .mb-section1-kv .mon-lm2{animation:alpha_top30 .5s linear 1.1s forwards;bottom:3vw;filter:alpha(opacity=100);left:6vw;opacity:0;-moz-opacity:0;position:absolute;width:45vw;z-index:1}@media only screen and (max-width:767px){.index-mball .mb-section1-kv .mon-lm2{left:-5vw;width:67.4666666667vw}}.index-mball .mb-section1-kv .mon-rm1{animation:alpha_top30 .5s linear .8s forwards;bottom:0;filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:absolute;right:0;width:37vw;z-index:5}@media only screen and (max-width:767px){.index-mball .mb-section1-kv .mon-rm1{right:-5vw;width:48.5333333333vw}}.index-mball .mb-section1-kv .mon-rm2{animation:alpha_top30 .5s linear 1.1s forwards;bottom:3vw;filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:absolute;right:8vw;width:43vw;z-index:1}@media only screen and (max-width:767px){.index-mball .mb-section1-kv .mon-rm2{right:-10vw;width:65.0666666667vw}}.index-mball .mb-section1-kv .cloudm1{animation:foogy1m 20s linear 0s infinite;bottom:-36vw;left:36vw;position:absolute;width:200vw;z-index:3}@media only screen and (max-width:767px){.index-mball .mb-section1-kv .cloudm1{bottom:9vw}}.index-mball .mb-section1-kv .cloudm2{animation:foogy2m 20s linear 0s infinite;bottom:0;left:-80vw;position:absolute;width:160vw;z-index:3}@media only screen and (max-width:767px){.index-mball .mb-section1-kv .cloudm2{transform:translateY(55vw)}}.index-mball .mb-section2-why{overflow:hidden;padding-bottom:200px;padding-top:40px;position:relative;width:100%}.index-mball .mb-section2-why.vivi .titlebox{display:block}.index-mball .mb-section2-why.vivi .bg-graym1{animation:alpha_left50 .5s linear 1s forwards}.index-mball .mb-section2-why.vivi .three-cirbox .ball1{animation:popbubble .5s linear .3s forwards}.index-mball .mb-section2-why.vivi .three-cirbox .ball2{animation:popbubble .5s linear .6s forwards}.index-mball .mb-section2-why.vivi .three-cirbox .ball3{animation:popbubble .5s linear .9s forwards}.index-mball .mb-section2-why.vivi .three-cirbox .bg-build{animation:alpha_top30 .5s linear .3s forwards}.index-mball .mb-section2-why.vivi .three-cirbox .bg-dranm{animation:alpha_top30 .5s linear .6s forwards}.index-mball .mb-section2-why .titlebox{display:none;margin-bottom:60px;text-align:center}@media only screen and (max-width:767px){.index-mball .mb-section2-why .titlebox{margin-bottom:40px}}.index-mball .mb-section2-why .title-en{display:inline-block;position:relative}.index-mball .mb-section2-why .title-en h2{animation:alpha_01 .3s linear .8s forwards;color:#ad121d;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:10.6666666667vw;font-weight:500;line-height:1.05;opacity:0;-moz-opacity:0;overflow:hidden;position:relative;text-transform:uppercase}@media only screen and (max-width:1024px){.index-mball .mb-section2-why .title-en h2{font-size:5.859375vw}}@media only screen and (max-width:767px){.index-mball .mb-section2-why .title-en h2{font-size:10.6666666667vw}}.index-mball .mb-section2-why .title-en .sq{animation:sq0100 1s linear .3s forwards;background:#ad121d;height:90%;margin-left:0;position:absolute;top:0;width:0}.index-mball .mb-section2-why .three-cirbox{position:relative;z-index:5}.index-mball .mb-section2-why .three-cirbox .bg-build{filter:alpha(opacity=100);left:50%;margin-left:-365px;opacity:0;-moz-opacity:0;position:absolute;top:-10px;width:470px}.index-mball .mb-section2-why .three-cirbox .bg-build img{animation:floatpup 3s linear 0s infinite}@media only screen and (max-width:767px){.index-mball .mb-section2-why .three-cirbox .bg-build{left:50%;margin-left:-318px;top:-10px;width:366px}}.index-mball .mb-section2-why .three-cirbox .bg-build .rel{position:relative}.index-mball .mb-section2-why .three-cirbox .bg-build .rel .cat2{animation:catrotate 8s linear 0s infinite;bottom:35%;position:absolute;right:9%;width:22%;z-index:10}.index-mball .mb-section2-why .three-cirbox .bg-build .rel .cat2:hover .speach{filter:alpha(opacity=100);left:35%;opacity:1;-moz-opacity:1;top:-25%;transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;-ms-transition:all .8s;-webkit-transition:all .8s}.index-mball .mb-section2-why .three-cirbox .bg-build .rel .cat2 .speach{background:#fff;border:1px solid #222;border-radius:30px;color:#222;filter:alpha(opacity=100);font-family:"Noto Serif TC",serif;font-size:14px;font-weight:700;left:25%;opacity:0;-moz-opacity:0;padding:5px 15px;position:absolute;top:-18%;transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;-ms-transition:all .8s;-webkit-transition:all .8s;white-space:nowrap}.index-mball .mb-section2-why .three-cirbox .bg-dranm{filter:alpha(opacity=100);margin-right:-602px;opacity:0;-moz-opacity:0;position:absolute;right:50%;top:-68px;width:525px;z-index:5}@media only screen and (max-width:767px){.index-mball .mb-section2-why .three-cirbox .bg-dranm{margin-right:-412px;top:-28px;width:363px}}.index-mball .mb-section2-why .three-cirbox ul li{align-items:center;background:rgba(173,18,29,.9);border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-top-left-radius:50%;border-top-right-radius:50%;display:flex;filter:alpha(opacity=100);height:160px;justify-content:center;list-style:none;margin-bottom:25px;opacity:0;-moz-opacity:0;padding:20px;position:relative;width:160px}@media only screen and (max-width:767px){.index-mball .mb-section2-why .three-cirbox ul li{height:130px;margin-bottom:20px;padding:15px;width:130px}}.index-mball .mb-section2-why .three-cirbox ul li:first-child{left:50%;margin-left:-75px}.index-mball .mb-section2-why .three-cirbox ul li:nth-child(2){left:50%;margin-left:30px}.index-mball .mb-section2-why .three-cirbox ul li:nth-child(3){left:50%;margin-left:-75px}.index-mball .mb-section2-why .three-cirbox ul li .border-cir{border:1px solid #fff;border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-top-left-radius:50%;border-top-right-radius:50%;height:calc(100% - 6px);left:3px;opacity:.25;position:absolute;top:3px;width:calc(100% - 6px)}.index-mball .mb-section2-why .three-cirbox ul li .itemc{border-radius:50%;color:#fff;font-family:"Noto Serif TC",serif;font-size:20px;font-weight:700;text-align:center}@media only screen and (max-width:767px){.index-mball .mb-section2-why .three-cirbox ul li .itemc{font-size:16px}}.index-mball .mb-section2-why .three-cirbox ul li .itemc span{font-size:30px;font-weight:700;line-height:35px}.index-mball .mb-section2-why .bg-graym1{bottom:0;filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:absolute;width:100%}.index-mball .mb-section3-web{overflow:hidden;position:relative;top:-8vw;width:100%;z-index:5}.index-mball .mb-section3-web.vivi .web-titlem{display:block}.index-mball .mb-section3-web.vivi .cirin{animation:alpha_top30 .5s linear .3s forwards}.index-mball .mb-section3-web.vivi .redpopm{animation:popbubble .5s linear .6s forwards}@media only screen and (max-width:767px){.index-mball .mb-section3-web{top:-28vw}}.index-mball .mb-section3-web .web-titlem{display:none;position:relative}.index-mball .mb-section3-web .titlebox{left:50%;margin-left:-23.4vw;margin-top:-4vw;position:absolute;text-align:center;top:50%}@media only screen and (max-width:767px){.index-mball .mb-section3-web .titlebox{margin-left:-32vw;margin-top:-5vw}}.index-mball .mb-section3-web .title-en{display:inline-block;position:relative}.index-mball .mb-section3-web .title-en h2{animation:alpha_01 .3s linear .8s forwards;color:#ad121d;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:10.6666666667vw;font-weight:500;line-height:1.05;opacity:0;-moz-opacity:0;overflow:hidden;position:relative;text-transform:uppercase}@media only screen and (max-width:1024px){.index-mball .mb-section3-web .title-en h2{font-size:7.8125vw}}@media only screen and (max-width:767px){.index-mball .mb-section3-web .title-en h2{font-size:10.6666666667vw}}.index-mball .mb-section3-web .title-en .sq{animation:sq0100 1s linear .3s forwards;background:#ad121d;height:90%;margin-left:0;position:absolute;top:0;width:0}.index-mball .mb-section3-web .cirin{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:relative}.index-mball .mb-section3-web .clip-imgm{animation:marqpic 20s linear .3s infinite;background:url(../../images/frontend/movepic2.jpg);background-size:auto 132vw;clip-path:url(#clip-pathm);height:90vw;left:50%;margin-left:-45vw;position:relative;width:90vw}@media only screen and (max-width:767px){.index-mball .mb-section3-web .clip-imgm{height:132vw;margin-left:-66vw;width:132vw}}.index-mball .mb-section3-web .svgcir{position:absolute;top:0}.index-mball .mb-section3-web .redpopm{background:rgba(173,18,29,.9);border-radius:50%;bottom:15vw;filter:alpha(opacity=100);height:160px;opacity:0;-moz-opacity:0;position:absolute;right:20vw;width:160px;z-index:5}@media only screen and (max-width:767px){.index-mball .mb-section3-web .redpopm{bottom:17vw;height:130px;right:10vw;width:130px}}.index-mball .mb-section3-web .redpopm .rel{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.index-mball .mb-section3-web .redpopm .rel .borderred{border:1px solid #ad121d;border-radius:50%;height:166px;left:-3px;position:absolute;top:-3px;width:166px}@media only screen and (max-width:767px){.index-mball .mb-section3-web .redpopm .rel .borderred{height:136px;width:136px}}.index-mball .mb-section3-web .redpopm p{color:#fff;font-family:"Noto Serif TC",serif;font-size:24px;font-weight:700;text-align:center}@media only screen and (max-width:767px){.index-mball .mb-section3-web .redpopm p{font-size:20px}}.index-mball .mb-section3-web .infbox-area{display:flex;margin-top:-20px;padding:0 30px;position:relative;z-index:5}@media only screen and (max-width:767px){.index-mball .mb-section3-web .infbox-area{padding:0 20px}}.index-mball .mb-section3-web .infbox-area ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none}@media only screen and (max-width:767px){.index-mball .mb-section3-web .infbox-area ul{flex-direction:column}}.index-mball .mb-section3-web .infbox-area ul li{background:#fff;border-radius:30px;box-shadow:0 0 10px rgba(0,0,0,.1);filter:alpha(opacity=100);margin-bottom:60px;opacity:0;-moz-opacity:0;padding:35px 30px 25px;position:relative;width:calc(50% - 10px)}.index-mball .mb-section3-web .infbox-area ul li.vivi{animation:alpha_top30 .5s linear .3s forwards}@media only screen and (max-width:767px){.index-mball .mb-section3-web .infbox-area ul li{width:100%}}.index-mball .mb-section3-web .infbox-area ul li:last-child{align-items:center;display:flex;margin-bottom:15px;width:100%}.index-mball .mb-section3-web .infbox-area ul li:last-child .txtbox{width:50%}.index-mball .mb-section3-web .infbox-area ul li:last-child .txtbox h3,.index-mball .mb-section3-web .infbox-area ul li:last-child .txtbox p{text-align:left}@media only screen and (max-width:767px){.index-mball .mb-section3-web .infbox-area ul li:last-child{display:block}.index-mball .mb-section3-web .infbox-area ul li:last-child .txtbox{width:100%}.index-mball .mb-section3-web .infbox-area ul li:last-child .txtbox h3,.index-mball .mb-section3-web .infbox-area ul li:last-child .txtbox p{text-align:center}}.index-mball .mb-section3-web .infbox-area ul li .numm{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #ad121d;font-family:EB Garamond,serif;font-size:90px;font-weight:500;left:20px;position:absolute;top:-59px}.index-mball .mb-section3-web .infbox-area ul li .txtbox{animation:alpha_left50 .3s linear .5s forwards;filter:alpha(opacity=100);opacity:0;-moz-opacity:0}.index-mball .mb-section3-web .infbox-area ul li h3{color:#333;font-family:"Noto Serif TC",serif;font-size:20px;font-weight:700;margin-bottom:10px;text-align:center}.index-mball .mb-section3-web .infbox-area ul li p{color:#555;font-size:16px;letter-spacing:2px;line-height:1.5;text-align:center}.index-mball .mb-section3-web .infbox-area ul li .iconbox{align-items:center;animation:alpha_01 .3s linear .5s forwards;display:flex;filter:alpha(opacity=100);height:22.1354166667vw;justify-content:center;margin:0 auto 20px;opacity:0;-moz-opacity:0;position:relative;width:22.1354166667vw}@media only screen and (max-width:767px){.index-mball .mb-section3-web .infbox-area ul li .iconbox{height:32vw;width:32vw}}.index-mball .mb-section3-web .infbox-area ul li .iconbox .icon{height:auto;max-width:13.0208333333vw}@media only screen and (max-width:767px){.index-mball .mb-section3-web .infbox-area ul li .iconbox .icon{max-width:16vw}}.index-mball .mb-section3-web .infbox-area ul li .iconbox .border-sq{height:100%;position:absolute;width:100%}.index-mball .mb-section3-web .infbox-area ul li .iconbox .border-sq .sq8a{animation:rotate_360 15s linear 0s infinite;height:auto;position:absolute;width:100%}.index-mball .mb-section3-web .infbox-area ul li .iconbox .border-sq .sq8b{animation:rotate_360b 30s linear 0s infinite;height:auto;position:absolute;transform:rotate(15deg);width:100%}.index-mball .mb-section4-one{background:#333;margin-top:-150px;padding:120px 30px 90px;position:relative;width:100%}@media only screen and (max-width:767px){.index-mball .mb-section4-one{margin-top:-200px;padding:120px 20px 75px}}.index-mball .mb-section4-one.vivi .center-titlem{display:block}.index-mball .mb-section4-one.vivi .icon-listm li:first-child{animation:alpha_top30 .5s linear .5s forwards}.index-mball .mb-section4-one.vivi .icon-listm li:nth-child(2),.index-mball .mb-section4-one.vivi .icon-listm li:nth-child(3){animation:alpha_top30 .5s linear .8s forwards}.index-mball .mb-section4-one.vivi .icon-listm li:nth-child(4),.index-mball .mb-section4-one.vivi .icon-listm li:nth-child(5){animation:alpha_top30 .5s linear .5s forwards}.index-mball .mb-section4-one.vivi .icon-listm li:nth-child(6){animation:alpha_top30 .5s linear .8s forwards}.index-mball .mb-section4-one.vivi .linktobtn{animation:popbubble .5s linear 1s forwards}.index-mball .mb-section4-one .bgimg{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.index-mball .mb-section4-one .bgimg .imgaream{background:url(../../images/frontend/dbgm.jpg);background-size:cover;height:100%;left:0;position:relative;top:0;width:100%;z-index:1}.index-mball .mb-section4-one .titlebox{text-align:center}.index-mball .mb-section4-one .title-en{display:inline-block;position:relative}.index-mball .mb-section4-one .title-en h2{animation:alpha_01 .3s linear .8s forwards;color:#fff;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:8vw;font-weight:500;line-height:1.2;opacity:0;-moz-opacity:0;overflow:hidden;position:relative;text-transform:uppercase}@media only screen and (max-width:1024px){.index-mball .mb-section4-one .title-en h2{font-size:5.859375vw}}@media only screen and (max-width:767px){.index-mball .mb-section4-one .title-en h2{font-size:8vw}}.index-mball .mb-section4-one .title-en .sq{animation:sq0100 1s linear .3s forwards;background:#fff;height:90%;margin-left:0;position:absolute;top:0;width:0}.index-mball .mb-section4-one .title-cht{display:inline-block;position:relative}.index-mball .mb-section4-one .title-cht h3{animation:alpha_01 .3s linear 1s forwards;color:#fff;filter:alpha(opacity=100);font-family:"Noto Serif TC",serif;font-size:4.8vw;letter-spacing:.28vw;opacity:0;-moz-opacity:0;position:relative}@media only screen and (max-width:1024px){.index-mball .mb-section4-one .title-cht h3{font-size:2.6041666667vw}}@media only screen and (max-width:767px){.index-mball .mb-section4-one .title-cht h3{font-size:4.8vw}}.index-mball .mb-section4-one .title-cht .sq{animation:sq0100 1s linear .6s forwards;background:#fff;height:90%;margin-left:0;position:absolute;top:0;width:0}.index-mball .mb-section4-one .center-titlem{display:none;margin-bottom:40px;position:relative;z-index:3}@media only screen and (max-width:767px){.index-mball .mb-section4-one .center-titlem{margin-bottom:30px}}.index-mball .mb-section4-one .icon-listm{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;z-index:3}.index-mball .mb-section4-one .icon-listm li{border:1px solid #707070;border-radius:20px;filter:alpha(opacity=100);list-style:none;margin-bottom:20px;opacity:0;-moz-opacity:0;padding:20px;width:calc(33% - 10px)}@media only screen and (max-width:767px){.index-mball .mb-section4-one .icon-listm li{padding:15px;width:calc(50% - 10px)}}.index-mball .mb-section4-one .icon-listm li .icon-box{align-items:center;display:flex;height:70px;margin:0 auto 10px;width:70px}@media only screen and (max-width:767px){.index-mball .mb-section4-one .icon-listm li .icon-box{height:10.6666666667vw;width:10.6666666667vw}}.index-mball .mb-section4-one .icon-listm li p{color:#fff;font-family:"Noto Serif TC",serif;font-size:20px;font-weight:700;text-align:center}@media only screen and (max-width:767px){.index-mball .mb-section4-one .icon-listm li p{font-size:16px}}.index-mball .mb-section4-one .linktobtn{align-items:center;background:#ad121d;border-radius:50%;bottom:-80px;display:flex;filter:alpha(opacity=100);height:160px;justify-content:center;left:50%;margin-left:-80px;opacity:0;-moz-opacity:0;position:absolute;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:160px;z-index:5}@media only screen and (max-width:767px){.index-mball .mb-section4-one .linktobtn{bottom:-16vw;height:32vw;margin-left:-16vw;width:32vw}}.index-mball .mb-section4-one .linktobtn .txt{color:#fff;font-family:"Noto Serif TC",serif;font-size:20px;font-weight:700;text-align:center}@media only screen and (max-width:767px){.index-mball .mb-section4-one .linktobtn .txt{font-size:16px}}.index-mball .mb-section4-one .linktobtn .txt svg{display:inline-block;margin-top:5px;min-width:20px;position:relative;width:1.0416666667vw}.index-mball .mb-section4-one .linktobtn:hover{background:#d53944}.index-mball .mb-section4-one .linktobtn:hover,.index-mball .mb-section4-one .linktobtn:hover .comming-soon{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.index-mball .mb-section4-one .linktobtn:hover .comming-soon{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}.index-mball .mb-section4-one .linktobtn:hover svg{animation:arrmove 1.2s linear 0s infinite}.index-mball .mb-section5-work{padding-bottom:50px;padding-top:120px;position:relative}.index-mball .mb-section5-work.vivi .titlebox{display:block}.index-mball .mb-section5-work.vivi .worklistm{animation:alpha_top30 .5s linear .5s forwards}.index-mball .mb-section5-work .bg1{left:-34vw;position:absolute;top:110vw;z-index:-1}.index-mball .mb-section5-work .bg2{bottom:-10vw;position:absolute;right:0;z-index:-1}@media only screen and (max-width:767px){.index-mball .mb-section5-work{padding-top:80px}}.index-mball .mb-section5-work .titlebox{display:none;margin-bottom:30px;text-align:center}.index-mball .mb-section5-work .title-en{display:inline-block;position:relative}.index-mball .mb-section5-work .title-en h2{animation:alpha_01 .3s linear .8s forwards;color:#ad121d;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:10.6666666667vw;font-weight:500;line-height:1.05;opacity:0;-moz-opacity:0;overflow:hidden;position:relative;text-transform:uppercase}@media only screen and (max-width:1024px){.index-mball .mb-section5-work .title-en h2{font-size:5.859375vw}}@media only screen and (max-width:767px){.index-mball .mb-section5-work .title-en h2{font-size:10.6666666667vw}}.index-mball .mb-section5-work .title-en .sq{animation:sq0100 1s linear .3s forwards;background:#ad121d;height:90%;margin-left:0;position:absolute;top:0;width:0}.index-mball .mb-section5-work .worklistm{filter:alpha(opacity=100);list-style:none;margin-bottom:30px;opacity:0;-moz-opacity:0;padding:0 30px;width:100%}@media only screen and (max-width:767px){.index-mball .mb-section5-work .worklistm{padding:0 20px}}.index-mball .mb-section5-work .worklistm li{border-radius:20px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.index-mball .mb-section5-work .worklistm li .picarea{display:block;padding-bottom:60%;position:relative;width:100%}.index-mball .mb-section5-work .worklistm li .picarea .imgbg{background:url(../../images/frontend/1597824635965.jpg);background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.index-mball .mb-section5-work .worklistm li .txt-inf{background:#333;display:none;padding:20px}.index-mball .mb-section5-work .worklistm li .txt-inf .worklogom{margin-bottom:10px;text-align:center}.index-mball .mb-section5-work .worklistm li .txt-inf .worklogom img{max-height:50px;max-width:100%;width:auto}.index-mball .mb-section5-work .worklistm li .txt-inf p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:16px;height:50px;line-height:25px;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width:767px){.index-mball .mb-section5-work .worklistm li .txt-inf p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:14px;height:44px;line-height:22px;overflow:hidden;text-overflow:ellipsis}}.index-mball .linktobtnm{align-items:center;background:#ad121d;border-radius:25px;display:flex;height:50px;justify-content:center;margin:0 auto;width:180px}.index-mball .linktobtnm p{color:#fff;font-family:"Noto Serif TC",serif;font-size:16px;font-weight:700;margin-right:10px}.index-mball .linktobtnm svg{width:20px}.index-mball .mb-section6-app{overflow:hidden;padding-bottom:60px;position:relative;width:100%}.index-mball .mb-section6-app.vivi .left-slogan-aream{display:block}.index-mball .mb-section6-app.vivi .sun-bg{animation:alpha_top30 .5s linear .5s forwards}.index-mball .mb-section6-app.vivi .app-build{animation:alpha_top30 .5s linear .3s forwards}.index-mball .mb-section6-app .txt-center{color:#555;font-size:14px;margin-top:10px;text-align:center}.index-mball .mb-section6-app .top-area{margin-bottom:20px;padding-bottom:65px;position:relative;width:100%}.index-mball .mb-section6-app .left-slogan-aream{bottom:14vw;display:none;left:50%;margin-left:-30vw;position:absolute}@media only screen and (max-width:767px){.index-mball .mb-section6-app .left-slogan-aream{margin-left:-44vw}}.index-mball .mb-section6-app .left-slogan-aream .title-en{display:inline-block;position:relative}.index-mball .mb-section6-app .left-slogan-aream .title-en h2{animation:alpha_01 .3s linear .8s forwards;color:#ad121d;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:10.6666666667vw;font-weight:500;line-height:1.05;opacity:0;-moz-opacity:0;overflow:hidden;position:relative;text-transform:uppercase}@media only screen and (max-width:1024px){.index-mball .mb-section6-app .left-slogan-aream .title-en h2{font-size:5.859375vw}}@media only screen and (max-width:767px){.index-mball .mb-section6-app .left-slogan-aream .title-en h2{font-size:10.6666666667vw}}.index-mball .mb-section6-app .left-slogan-aream .title-en .sq{animation:sq0100 1s linear .3s forwards;background:#ad121d;height:90%;margin-left:0;position:absolute;top:0;width:0}.index-mball .mb-section6-app .left-slogan-aream .title-cht{display:inline-block;position:relative}.index-mball .mb-section6-app .left-slogan-aream .title-cht h3{animation:alpha_01 .3s linear 1s forwards;color:#333;filter:alpha(opacity=100);font-family:"Noto Serif TC",serif;font-size:4.8vw;letter-spacing:.28vw;opacity:0;-moz-opacity:0;position:relative}@media only screen and (max-width:1024px){.index-mball .mb-section6-app .left-slogan-aream .title-cht h3{font-size:2.6041666667vw}}@media only screen and (max-width:767px){.index-mball .mb-section6-app .left-slogan-aream .title-cht h3{font-size:5.3333333333vw}}.index-mball .mb-section6-app .left-slogan-aream .title-cht .sq{animation:sq0100 1s linear .6s forwards;background:#000;height:90%;margin-left:0;position:absolute;top:0;width:0}.index-mball .mb-section6-app .bg{bottom:-9vw;left:0;position:absolute;z-index:-1}@media only screen and (max-width:767px){.index-mball .mb-section6-app .bg{bottom:6vw}}.index-mball .mb-section6-app .app-build{filter:alpha(opacity=100);left:50%;margin-left:-15vw;opacity:0;-moz-opacity:0;position:relative;top:30px;width:52.0833333333vw;z-index:5}@media only screen and (max-width:767px){.index-mball .mb-section6-app .app-build{margin-left:-29.3333333333vw;top:25px;width:80vw}}.index-mball .mb-section6-app .app-build img{animation:floatpup 3s linear 0s infinite}.index-mball .mb-section6-app .build-cloud{animation:floatlr1 3s linear 0s infinite;bottom:0;left:50%;margin-left:12vw;position:absolute;width:19.53125vw;z-index:6}@media only screen and (max-width:767px){.index-mball .mb-section6-app .build-cloud{margin-left:10vw;width:37.3333333333vw}}.index-mball .mb-section6-app .sun-bg{filter:alpha(opacity=100);left:50%;margin-left:-25vw;opacity:0;-moz-opacity:0;position:absolute;top:0;width:28.6458333333vw;z-index:2}@media only screen and (max-width:767px){.index-mball .mb-section6-app .sun-bg{margin-left:-40vw;top:0;width:42.6666666667vw}}.index-mball .mb-section6-app .sun-bg svg{animation:rotate_360 10s linear 0s infinite}.index-mball .mb-section6-app .app-content{padding:0 30px}.index-mball .mb-section6-app .app-content.vivi .short-inf{animation:alpha_top30 .5s linear .3s forwards}.index-mball .mb-section6-app .app-content.vivi .appicon1,.index-mball .mb-section6-app .app-content.vivi .appicon4{animation:alpha_top30 .5s linear .6s forwards}.index-mball .mb-section6-app .app-content.vivi .appicon2,.index-mball .mb-section6-app .app-content.vivi .appicon3,.index-mball .mb-section6-app .app-content.vivi .linktobtnm{animation:alpha_top30 .5s linear .9s forwards}@media only screen and (max-width:767px){.index-mball .mb-section6-app .app-content{padding:0 20px}}.index-mball .mb-section6-app .app-content .short-inf{background:#f7f7f7;border-radius:15px;filter:alpha(opacity=100);margin-bottom:20px;opacity:0;-moz-opacity:0;padding:20px}.index-mball .mb-section6-app .app-content .short-inf h3{color:#ad121d;font-size:20px;font-weight:700;text-align:center}.index-mball .mb-section6-app .app-content .short-inf p{font-size:16px;text-align:center}.index-mball .mb-section6-app .app-content .icon-area{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin-bottom:20px}.index-mball .mb-section6-app .app-content .icon-area li{filter:alpha(opacity=100);margin-bottom:20px;opacity:0;-moz-opacity:0;width:calc(25% - 10px)}@media only screen and (max-width:767px){.index-mball .mb-section6-app .app-content .icon-area li{width:calc(50% - 10px)}}.index-mball .mb-section6-app .app-content .icon-area li .iconbox{align-items:center;background:#f7f7f7;border-radius:15px;display:flex;height:15.625vw;justify-content:center;margin-bottom:10px;overflow:hidden;width:100%}@media only screen and (max-width:767px){.index-mball .mb-section6-app .app-content .icon-area li .iconbox{height:32vw}}.index-mball .mb-section6-app .app-content .icon-area li .iconbox .svg-area{height:100%;max-height:9.1145833333vw;max-width:9.1145833333vw;position:relative;width:100%}@media only screen and (max-width:767px){.index-mball .mb-section6-app .app-content .icon-area li .iconbox .svg-area{max-height:18.6666666667vw;max-width:18.6666666667vw}}.index-mball .mb-section6-app .app-content .icon-area li .iconbox .svg-area .cirdot{background:#ff6a75;border-radius:50%;height:1.5625vw;position:absolute;width:1.5625vw;z-index:1}@media only screen and (max-width:767px){.index-mball .mb-section6-app .app-content .icon-area li .iconbox .svg-area .cirdot{height:3.2vw;width:3.2vw}}.index-mball .mb-section6-app .app-content .icon-area li .iconbox .svg-area .cirdot.dotmove1{animation:dotmove1 3s linear 0s infinite;left:50%;margin-left:-.3125vw;margin-top:-.3125vw;top:50%}.index-mball .mb-section6-app .app-content .icon-area li .iconbox .svg-area .cirdot.dotmove2{animation:dotmove2 3s linear 0s infinite;left:50%;top:50%}.index-mball .mb-section6-app .app-content .icon-area li .iconbox .svg-area .cirdot.dotmove3{animation:dotmove3 2s linear 0s infinite;left:0;top:0}.index-mball .mb-section6-app .app-content .icon-area li .iconbox .svg-area .cirdot.dotmove4{animation:dotmove4 2s linear 0s infinite;left:50%;margin-left:-.3125vw;margin-top:-.3125vw;top:50%}.index-mball .mb-section6-app .app-content .icon-area li .iconbox .svg-area svg{height:100%;position:relative;width:100%;z-index:3}.index-mball .mb-section6-app .app-content .icon-area li p{color:#555;font-family:Noto Sans TC,serif;font-size:18px;text-align:center}.index-mball .mb-section6-app .app-content .linktobtnm{filter:alpha(opacity=100);opacity:0;-moz-opacity:0}.index-mball .mb-section7-line{background:#ad121d;padding:70px 0;position:relative}.index-mball .mb-section7-line .firework1{animation:firework1 2s linear .5s infinite;clip-path:circle(28%);height:45px;position:absolute;right:10%;top:4%;width:45px}.index-mball .mb-section7-line .firework2{animation:firework1 1.5s linear 1s infinite;clip-path:circle(28%);height:30px;left:10%;position:absolute;top:18%;width:30px}.index-mball .mb-section7-line.vivi .center-slogan-aream{display:block}.index-mball .mb-section7-line.vivi .center-logo{animation:alpha_top30 .5s linear .5s forwards}.index-mball .mb-section7-line.vivi .lineiconbox .leftbox{animation:alpha_top30 .5s linear .7s forwards}.index-mball .mb-section7-line.vivi .lineiconbox .rightbox{animation:alpha_top30 .5s linear 1s forwards}@media only screen and (max-width:767px){.index-mball .mb-section7-line{padding:80px 0 60px}}.index-mball .mb-section7-line .center-slogan-aream{display:none;margin-bottom:60px;position:relative}.index-mball .mb-section7-line .center-slogan-aream .titlebox{text-align:center}.index-mball .mb-section7-line .center-slogan-aream .title-en{display:inline-block;position:relative}.index-mball .mb-section7-line .center-slogan-aream .title-en h2{animation:alpha_01 .3s linear .8s forwards;color:#fff;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:10.6666666667vw;font-weight:500;line-height:1.05;opacity:0;-moz-opacity:0;overflow:hidden;position:relative;text-transform:uppercase}@media only screen and (max-width:1024px){.index-mball .mb-section7-line .center-slogan-aream .title-en h2{font-size:5.859375vw}}@media only screen and (max-width:767px){.index-mball .mb-section7-line .center-slogan-aream .title-en h2{font-size:10.6666666667vw}}.index-mball .mb-section7-line .center-slogan-aream .title-en .sq{animation:sq0100 1s linear .3s forwards;background:#fff;height:90%;margin-left:0;position:absolute;top:0;width:0}.index-mball .mb-section7-line .center-slogan-aream .title-cht{display:inline-block;position:relative}.index-mball .mb-section7-line .center-slogan-aream .title-cht h3{animation:alpha_01 .3s linear 1s forwards;color:#fff;filter:alpha(opacity=100);font-family:"Noto Serif TC",serif;font-size:4.8vw;letter-spacing:.28vw;opacity:0;-moz-opacity:0;position:relative}@media only screen and (max-width:1024px){.index-mball .mb-section7-line .center-slogan-aream .title-cht h3{font-size:2.6041666667vw}}@media only screen and (max-width:767px){.index-mball .mb-section7-line .center-slogan-aream .title-cht h3{font-size:5.3333333333vw}}.index-mball .mb-section7-line .center-slogan-aream .title-cht .sq{animation:sq0100 1s linear .6s forwards;background:#fff;height:90%;margin-left:0;position:absolute;top:0;width:0}.index-mball .mb-section7-line .center-logo{filter:alpha(opacity=100);margin-bottom:70px;opacity:0;-moz-opacity:0;text-align:center}.index-mball .mb-section7-line .center-logo img{width:230px}.index-mball .mb-section7-line .lineiconbox{display:block;padding:0 30px;width:100%}@media only screen and (max-width:767px){.index-mball .mb-section7-line .lineiconbox{display:flex;justify-content:space-between;padding:0 20px}}.index-mball .mb-section7-line .lineiconbox .leftbox{align-items:center;display:flex;filter:alpha(opacity=100);justify-content:space-between;opacity:0;-moz-opacity:0}@media only screen and (max-width:767px){.index-mball .mb-section7-line .lineiconbox .leftbox{display:block;width:calc(50% - 15px)}}.index-mball .mb-section7-line .lineiconbox .leftbox .titlebox{align-items:center;background:#bf3943;border-radius:50%;color:#fff;display:flex;font-family:"Noto Serif TC",serif;font-size:26px;font-weight:700;height:200px;justify-content:center;text-align:center;width:200px}@media only screen and (max-width:767px){.index-mball .mb-section7-line .lineiconbox .leftbox .titlebox{font-size:16px;height:130px;margin:0 auto 25px;width:130px}}.index-mball .mb-section7-line .lineiconbox .rightbox{align-items:center;display:flex;filter:alpha(opacity=100);justify-content:space-between;opacity:0;-moz-opacity:0}@media only screen and (max-width:767px){.index-mball .mb-section7-line .lineiconbox .rightbox{display:block;width:calc(50% - 15px)}}.index-mball .mb-section7-line .lineiconbox .rightbox .linelink{align-items:center;border:1px solid #fff;border-radius:50%;display:flex;font-size:22px;height:200px;justify-content:center;position:relative;width:200px}@media only screen and (max-width:767px){.index-mball .mb-section7-line .lineiconbox .rightbox .linelink{font-size:16px;height:130px;margin:0 auto;width:130px}}.index-mball .mb-section7-line .lineiconbox .rightbox .linelink .waveline{animation:wave_scale .8s linear 0s infinite;border:1px solid #fff;border-radius:50%;filter:alpha(opacity=100);height:210px;left:50%;margin-left:-105px;margin-top:-105px;opacity:0;-moz-opacity:0;position:absolute;top:50%;width:210px}@media only screen and (max-width:767px){.index-mball .mb-section7-line .lineiconbox .rightbox .linelink .waveline{height:140px;margin-left:-70px;margin-top:-70px;width:140px}}.index-mball .mb-section7-line .lineiconbox .rightbox .linelink .center{text-align:center}.index-mball .mb-section7-line .lineiconbox .rightbox .linelink .center p{color:#fff;font-family:"Noto Serif TC",serif;font-size:16px;font-weight:700;margin-bottom:10px;text-align:center}.index-mball .mb-section7-line .lineiconbox .rightbox .linelink .center svg{width:20px}.index-mball .mb-section7-line .lineiconbox .item-set1{background:#fff;border-radius:30px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom:30px;width:calc(33.333% - 10px)}@media only screen and (max-width:767px){.index-mball .mb-section7-line .lineiconbox .item-set1{margin-bottom:20px;width:100%}}.index-mball .mb-section7-line .lineiconbox .item-set1 .item{border-bottom:1px solid #f7e6e8;padding:30px 15px;width:100%}.index-mball .mb-section7-line .lineiconbox .item-set1 .item .icon-box{margin:0 auto 5px;width:10.4166666667vw}.index-mball .mb-section7-line .lineiconbox .item-set1 .item .icon-box img,.index-mball .mb-section7-line .lineiconbox .item-set1 .item .icon-box svg{max-height:70px}@media only screen and (max-width:767px){.index-mball .mb-section7-line .lineiconbox .item-set1 .item .icon-box{width:16vw}}.index-mball .mb-section7-line .lineiconbox .item-set1 .item p{font-size:18px;text-align:center}@media only screen and (max-width:767px){.index-mball .mb-section7-line .lineiconbox .item-set1 .item p{font-size:16px}}.index-mball .mb-section7-line .lineiconbox .item-set1 .item:last-child{border:0}.index-mball .mb-section8-client{padding:40px 0}.index-mball .mb-section8-client.vivi .center-slogan-aream{display:block}.index-mball .mb-section8-client.vivi .client-listm{animation:alpha_top30 .5s linear .5s forwards}.index-mball .mb-section8-client .center-slogan-aream{display:none;margin-bottom:40px;position:relative}.index-mball .mb-section8-client .center-slogan-aream .titlebox{text-align:center}.index-mball .mb-section8-client .center-slogan-aream .title-en{display:inline-block;position:relative}.index-mball .mb-section8-client .center-slogan-aream .title-en h2{animation:alpha_01 .3s linear .8s forwards;color:#ad121d;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:10.6666666667vw;font-weight:500;line-height:1.05;opacity:0;-moz-opacity:0;overflow:hidden;position:relative;text-transform:uppercase}@media only screen and (max-width:1024px){.index-mball .mb-section8-client .center-slogan-aream .title-en h2{font-size:5.859375vw}}@media only screen and (max-width:767px){.index-mball .mb-section8-client .center-slogan-aream .title-en h2{font-size:10.6666666667vw}}.index-mball .mb-section8-client .center-slogan-aream .title-en .sq{animation:sq0100 1s linear .3s forwards;background:#ad121d;height:90%;margin-left:0;position:absolute;top:0;width:0}.index-mball .mb-section8-client .center-slogan-aream .title-cht{display:inline-block;position:relative}.index-mball .mb-section8-client .center-slogan-aream .title-cht h3{animation:alpha_01 .3s linear 1s forwards;color:#333;filter:alpha(opacity=100);font-family:"Noto Serif TC",serif;font-size:4.8vw;letter-spacing:.28vw;opacity:0;-moz-opacity:0;position:relative}@media only screen and (max-width:1024px){.index-mball .mb-section8-client .center-slogan-aream .title-cht h3{font-size:2.6041666667vw}}@media only screen and (max-width:767px){.index-mball .mb-section8-client .center-slogan-aream .title-cht h3{font-size:5.3333333333vw}}.index-mball .mb-section8-client .center-slogan-aream .title-cht .sq{animation:sq0100 1s linear .6s forwards;background:#333;height:90%;margin-left:0;position:absolute;top:0;width:0}.index-mball .mb-section8-client .client-listm{border-top:1px solid #ddd;filter:alpha(opacity=100);margin-bottom:30px;opacity:0;-moz-opacity:0}.index-mball .mb-section8-client .client-listm ul{display:flex;flex-wrap:wrap;list-style:none}.index-mball .mb-section8-client .client-listm li{border-bottom:1px solid #eee;border-right:1px solid #eee;height:200px;position:relative;width:33.333%}@media only screen and (max-width:767px){.index-mball .mb-section8-client .client-listm li{height:110px;width:50%}}.index-mball .mb-section8-client .client-listm li a{align-items:center;display:flex;filter:alpha(opacity=100);height:100%;justify-content:center;opacity:.4;-moz-opacity:.4;padding:15%;position:absolute;width:100%}.index-mball .mb-section8-client .client-listm li a img{max-height:80px;max-width:100%;width:auto}@media only screen and (max-width:767px){.index-mball .mb-section8-client .client-listm li a img{max-height:50px;max-width:100%;width:auto}}.index-mball .mb-section8-client .client-listm li:active a{filter:alpha(opacity=100);opacity:1;-moz-opacity:1}.index-mball .mb-section8-client .arbtn-center{display:flex;justify-content:center}.index-mball .mb-section8-client .arbtn-center button{border:1px solid #707070;border-radius:50%;height:50px;margin:0 5px;width:50px}@media only screen and (max-width:767px){.index-mball .mb-section8-client .arbtn-center button{height:35px;width:35px}}.index-mball .mb-section8-client .arbtn-center button svg{width:20px}@media only screen and (max-width:767px){.index-mball .mb-section8-client .arbtn-center button svg{width:15px}}.index-mball .mb-section9-contact{width:100%}.index-mball .mb-section9-contact.vivi .center-slogan-aream{display:block}.index-mball .mb-section9-contact.vivi .box2 .left-pic{animation:alpha_left50 .5s linear .3s forwards}.index-mball .mb-section9-contact.vivi .box2 .left-pic .sun-bg{animation:alpha_top30 .5s linear .5s forwards}.index-mball .mb-section9-contact.vivi .box2 .right-link a:first-child{animation:popbubble .5s linear .5s forwards}.index-mball .mb-section9-contact.vivi .box2 .right-link a:nth-child(2){animation:popbubble .5s linear .8s forwards}.index-mball .mb-section9-contact .center-slogan-aream{display:none;margin-bottom:30px;position:relative}.index-mball .mb-section9-contact .center-slogan-aream .titlebox{text-align:center}.index-mball .mb-section9-contact .center-slogan-aream .title-en{display:inline-block;position:relative}.index-mball .mb-section9-contact .center-slogan-aream .title-en h2{animation:alpha_01 .3s linear .8s forwards;color:#ad121d;filter:alpha(opacity=100);font-family:EB Garamond,serif;font-size:10.6666666667vw;font-weight:500;line-height:1.05;opacity:0;-moz-opacity:0;overflow:hidden;position:relative;text-transform:uppercase}@media only screen and (max-width:1024px){.index-mball .mb-section9-contact .center-slogan-aream .title-en h2{font-size:5.859375vw}}@media only screen and (max-width:767px){.index-mball .mb-section9-contact .center-slogan-aream .title-en h2{font-size:10.6666666667vw}}.index-mball .mb-section9-contact .center-slogan-aream .title-en .sq{animation:sq0100 1s linear .3s forwards;background:#ad121d;height:90%;margin-left:0;position:absolute;top:0;width:0}.index-mball .mb-section9-contact .center-slogan-aream .title-cht{display:inline-block;position:relative}.index-mball .mb-section9-contact .center-slogan-aream .title-cht h3{animation:alpha_01 .3s linear 1s forwards;color:#333;filter:alpha(opacity=100);font-family:"Noto Serif TC",serif;font-size:4.8vw;letter-spacing:.28vw;opacity:0;-moz-opacity:0;position:relative}@media only screen and (max-width:1024px){.index-mball .mb-section9-contact .center-slogan-aream .title-cht h3{font-size:2.6041666667vw}}@media only screen and (max-width:767px){.index-mball .mb-section9-contact .center-slogan-aream .title-cht h3{font-size:5.3333333333vw}}.index-mball .mb-section9-contact .center-slogan-aream .title-cht .sq{animation:sq0100 1s linear .6s forwards;background:#333;height:90%;margin-left:0;position:absolute;top:0;width:0}.index-mball .mb-section9-contact .box2{display:flex;flex-direction:column-reverse;flex-wrap:wrap;padding-bottom:50px;position:relative}@media only screen and (max-width:767px){.index-mball .mb-section9-contact .box2{display:flex;flex-direction:row;padding-bottom:0}}.index-mball .mb-section9-contact .box2 .left-pic{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:relative;width:100%}@media only screen and (max-width:767px){.index-mball .mb-section9-contact .box2 .left-pic{display:block;width:50%}}.index-mball .mb-section9-contact .box2 .left-pic .sun-bg{filter:alpha(opacity=100);left:50%;margin-left:-54vw;opacity:0;-moz-opacity:0;position:absolute;top:-37vw;width:23.4375vw;z-index:2}@media only screen and (max-width:767px){.index-mball .mb-section9-contact .box2 .left-pic .sun-bg{margin-left:-40vw;top:0;width:58.6666666667vw}}.index-mball .mb-section9-contact .box2 .left-pic .sun-bg svg{animation:rotate_360 10s linear 0s infinite}.index-mball .mb-section9-contact .box2 .left-pic .leftlion{bottom:-8vw;left:50%;margin-left:-50vw;position:absolute;width:28.2552083333vw;z-index:4}@media only screen and (max-width:767px){.index-mball .mb-section9-contact .box2 .left-pic .leftlion{bottom:-3vw;left:50%;margin-left:-28vw;width:57.8666666667vw;z-index:4}}.index-mball .mb-section9-contact .box2 .right-link{display:flex;justify-content:flex-end;padding-right:30px;padding-top:20px;width:100%}@media only screen and (max-width:767px){.index-mball .mb-section9-contact .box2 .right-link{display:block;width:50%}}.index-mball .mb-section9-contact .box2 .right-link a{border:1px solid #ad121d;border-radius:50%;display:block;filter:alpha(opacity=100);height:30vw;margin:0 10px;opacity:0;-moz-opacity:0;padding:5px;width:30vw}@media only screen and (max-width:767px){.index-mball .mb-section9-contact .box2 .right-link a{display:block;height:40vw;margin:0 auto 20px;padding:3px;width:40vw}}.index-mball .mb-section9-contact .box2 .right-link a .centerbox{align-items:center;border:1px solid #ad121d;border-radius:50%;display:flex;height:100%;justify-content:center;position:relative;width:100%}.index-mball .mb-section9-contact .box2 .right-link a .centerbox:hover .comming-soon{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;top:0;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.index-mball .mb-section9-contact .box2 .right-link a .centerbox h3{color:#ad121d;font-family:EB Garamond,serif;font-size:20px;font-weight:400;letter-spacing:0;text-align:center;text-transform:uppercase}@media only screen and (max-width:767px){.index-mball .mb-section9-contact .box2 .right-link a .centerbox h3{font-size:4.2vw}}.index-mball .mb-section9-contact .box2 .right-link a .centerbox h2{color:#333;font-family:"Noto Serif TC",serif;font-size:26px;margin-bottom:5px;text-align:center}@media only screen and (max-width:767px){.index-mball .mb-section9-contact .box2 .right-link a .centerbox h2{font-size:4.5vw}}.index-mball .mb-section9-contact .box2 .right-link a .centerbox svg{display:block;margin:0 auto;width:23px}.comming-soon{background:rgba(137,18,29,.9);border-radius:30px;color:#fff;filter:alpha(opacity=100);font-size:16px;line-height:30px;opacity:0;-moz-opacity:0;padding:10px 15px;position:absolute;right:-10px;top:10px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}@media only screen and (max-width:767px){.comming-soon{font-size:14px;line-height:25px;padding:8px 12px}}.footemb{background:#222;padding:15px 20px}.footemb h6{color:#ccc;font-family:"Noto Serif TC",serif;font-size:12px;line-height:16px;text-align:center}.scrolldown{animation:scrolldown .3s linear 1.8s forwards;bottom:-160px;height:160px;position:fixed;right:13.5416666667vw;width:50px;z-index:20}@media only screen and (max-width:1599px){.scrolldown{width:45px}}@media only screen and (max-width:1024px){.scrolldown{display:none}}.scrolldown .rel{display:flex;height:100%;justify-content:center;position:relative;width:100%}.scrolldown .bg{background:#ad121d;height:100%;left:0;position:absolute;top:0;width:100%}.scrolldown .rotat{align-items:center;display:flex;transform:rotate(90deg)}.scrolldown .rotat p{color:#fff;font-family:EB Garamond,serif;font-size:12px;margin-right:15px;white-space:nowrap}.scrolldown .rotat svg{animation:floatlr1 .6s linear 0s infinite}

/*# sourceMappingURL=index.min.css.map*/