*{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}body{font-family:Noto Sans TC,serif;font-size:16px}body a{color:#555}body a:hover{color:#ad121d}.gotop,body a:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.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;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%}.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}}@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}}.col-red{color:#ad121d}body{color:#555;letter-spacing:1px;line-height:1.5}.surbg{height:100vh;position:fixed;width:100%;z-index:1}.surbg canvas{display:block;height:100%;width:100%}.surbg .mask{bottom:0;display:block;left:0;opacity:.85;position:absolute;width:100%}@media only screen and (max-width:767px){.surbg .mask{height:500px;width:auto}}.surround-s1-kv{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;width:100%;z-index:5}.surround-s1-kv .text-area{max-width:850px;padding:0 20px}.surround-s1-kv .text-area h2{animation:alpha_top30 .5s linear .3s forwards;color:#333;filter:alpha(opacity=100);font-family:"Noto Serif TC",serif;font-size:85px;letter-spacing:1px;line-height:1;margin-bottom:15px;opacity:0;-moz-opacity:0;text-align:center}@media only screen and (max-width:1024px){.surround-s1-kv .text-area h2{font-size:60px}}@media only screen and (max-width:767px){.surround-s1-kv .text-area h2{font-size:45px;line-height:1.2;margin-bottom:10px}}.surround-s1-kv .text-area h3{animation:alpha_top30 .5s linear .5s forwards;filter:alpha(opacity=100);font-family:"Noto Serif TC",serif;font-size:30px;line-height:1.3;margin-bottom:15px;opacity:0;-moz-opacity:0;text-align:center}@media only screen and (max-width:1024px){.surround-s1-kv .text-area h3{font-size:20px}}@media only screen and (max-width:767px){.surround-s1-kv .text-area h3{font-size:16px}}.surround-s1-kv .text-area p{animation:alpha_top30 .5s linear .7s forwards;color:#555;filter:alpha(opacity=100);font-size:18px;letter-spacing:1px;line-height:1.5;opacity:0;-moz-opacity:0;text-align:center}@media only screen and (max-width:767px){.surround-s1-kv .text-area p{font-size:16px}}.surround-s1-kv .scrolldown-area{background:#ddd;bottom:0;height:15.7068062827vh;left:50%;position:absolute;width:1px}@media only screen and (max-width:1024px){.surround-s1-kv .scrolldown-area{height:100px}}.surround-s1-kv .scrolldown-area .rel{height:100%;position:relative;width:100%}.surround-s1-kv .scrolldown-area .linered{animation:linedown 1s linear 0s infinite;background:#ad121d;height:3.1413612565vh;left:0;position:absolute;top:0;width:1px}@media only screen and (max-width:1024px){.surround-s1-kv .scrolldown-area .linered{height:20px}}.surround-s1-kv .scrolldown-area .cirred{align-items:center;animation:popbubble .8s linear .9s forwards;background:#ffb1b6;background:linear-gradient(180deg,#ffb1b6 0,#ad121d);border-radius:50%;display:flex;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffb1b6",endColorstr="#ad121d",GradientType=0);filter:alpha(opacity=100);height:60px;justify-content:center;left:50%;margin-left:-30px;opacity:0;-moz-opacity:0;position:absolute;top:0;width:60px;z-index:3}.surround-s1-kv .scrolldown-area .cirred svg{display:block}@media only screen and (max-width:767px){.surround-s1-kv .scrolldown-area .cirred{height:50px;margin-left:-25px;width:50px}.surround-s1-kv .scrolldown-area .cirred svg{height:auto;width:14px}}.surround-s1-kv .btn-area{animation:alpha_top30 .5s linear .7s forwards;filter:alpha(opacity=100);justify-content:center;opacity:0;-moz-opacity:0}.btn-area{margin-top:20px}.btn-area,.btn-red{display:flex;position:relative}.btn-red{align-items:center;background:none;border:1px solid #ad121d;border-radius:50px;color:#ad121d;font-family:"Noto Serif TC",serif;font-size:18px;font-weight:700;gap:10px;height:50px;justify-content:center;padding:0 20px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.btn-red span{color:#ad121d;display:block}.btn-red svg{display:block}@media only screen and (min-width:1000px){.btn-red:hover{background:#ad121d;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.btn-red:hover span{color:#fff}.btn-red:hover svg path{fill:#fff}}.btn-red .comming-soon{margin-right:-46px;right:50%;top:-50px}.btn-red:hover .comming-soon{background:rgba(34,34,34,.9);filter:alpha(opacity=100);opacity:1;-moz-opacity:1;top:-55px;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){.btn-red:hover .comming-soon{background:rgba(168,31,31,.9);top:-55px}}.surround-s2-why{padding:60px 0 150px;position:relative;z-index:10}@media only screen and (max-width:767px){.surround-s2-why{padding:60px 0 80px}}.surround-s2-why.vivi .top-title{animation:alpha_top30 .5s linear 0s forwards}.surround-s2-why.vivi .cards-container .card:first-child{animation:alpha_top50 .5s linear .3s forwards}.surround-s2-why.vivi .cards-container .card:nth-child(2){animation:alpha_top50 .5s linear .5s forwards}.surround-s2-why.vivi .cards-container .card:nth-child(3){animation:alpha_top50 .5s linear .7s forwards}.surround-s2-why.vivi .cards-container .card:nth-child(4){animation:alpha_top50 .5s linear .9s forwards}.surround-s2-why.vivi .cards-container .card:nth-child(5){animation:alpha_top50 .5s linear 1.1s forwards}.surround-s2-why.vivi .cards-container .vbox1 .iconbox.icon1{animation:popbubble .5s linear .7s forwards}.surround-s2-why.vivi .cards-container .vbox1 .iconbox.icon2{animation:popbubble .5s linear .9s forwards}.surround-s2-why.vivi .cards-container .vbox1 .iconbox.icon3{animation:popbubble .5s linear 1.1s forwards}.surround-s2-why.vivi .cards-container .vbox1 .cir-center .rlogo{animation:alpha_top30 .5s linear .7s forwards}.surround-s2-why.vivi .cards-container .vbox2 ul li:first-child{animation:alpha_top30 .5s linear .9s forwards}.surround-s2-why.vivi .cards-container .vbox2 ul li:nth-child(2){animation:alpha_top30 .5s linear 1.1s forwards}.surround-s2-why.vivi .cards-container .vbox2 ul li:nth-child(3){animation:alpha_top30 .5s linear 1.3s forwards}.surround-s2-why.vivi .cards-container .vbox3 .bubble-180{animation:popbubble .5s linear 1.1s forwards}.surround-s2-why.vivi .cards-container .vbox3 .bubble-150{animation:popbubble .5s linear 1.3s forwards}.surround-s2-why .top-title{margin-bottom:0;opacity:0}.surround-s2-why .top-title h3{color:#333;font-family:"Noto Serif TC",serif;font-size:30px;text-align:center}@media only screen and (max-width:1024px){.surround-s2-why .top-title h3{font-size:26px}}.surround-s2-why .scroll-wrapper{height:100vh;overflow:hidden;padding-top:35px;width:100%}@media only screen and (max-width:1599px){.surround-s2-why .scroll-wrapper{padding-top:25px}}@media only screen and (max-width:767px){.surround-s2-why .scroll-wrapper{height:auto}}.surround-s2-why .cards-container{align-items:center;display:flex;gap:40px;height:100%;padding-left:calc(50vw - 300px);padding-top:45px}@media only screen and (max-width:767px){.surround-s2-why .cards-container{flex-direction:column;gap:30px;height:auto;padding:0 20px}}.surround-s2-why .card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.3);border:1px solid #333;color:#555;flex-shrink:0;font-size:18px;height:600px;letter-spacing:1px;line-height:1.5;opacity:0;padding:20px 20px 30px;position:relative;width:600px}@media only screen and (max-width:1599px){.surround-s2-why .card{font-size:16px;height:520px}}@media only screen and (max-width:767px){.surround-s2-why .card{height:auto;padding:15px;width:100%}}.surround-s2-why .card:nth-child(odd) .numbox{background:#333;color:#fff}.surround-s2-why .card:nth-child(2n) .numbox{background:#fff;border:1px solid #333}@media only screen and (max-width:767px){.surround-s2-why .card .flex-box{align-items:center;display:flex;gap:10px;margin-bottom:15px}}.surround-s2-why .card .numbox{align-items:center;color:#333;display:flex;font-family:"Noto Serif TC",serif;font-size:70px;font-weight:700;height:90px;justify-content:center;left:30px;line-height:1;position:absolute;top:-45px;width:80px}@media only screen and (max-width:767px){.surround-s2-why .card .numbox{flex:0 0 auto;font-size:40px;height:60px;left:0;position:relative;top:0;width:60px}}.surround-s2-why .card .title-area{margin-bottom:20px;padding-left:100px}@media only screen and (max-width:767px){.surround-s2-why .card .title-area{margin-bottom:0;padding-left:0}}.surround-s2-why .card .title-area h4{color:#333;font-family:"Noto Serif TC",serif;font-size:20px}.surround-s2-why .card .cont-flex{display:flex;flex-direction:column;gap:25px;height:calc(100% - 50px);justify-content:space-between}.surround-s2-why .card .pic-vivibox{min-height:340px}@media only screen and (max-width:767px){.surround-s2-why .card .pic-vivibox{min-height:100px}}.surround-s2-why .card .vbox1{align-items:center;display:flex;justify-content:center}@media only screen and (max-width:767px){.surround-s2-why .card .vbox1{transform:scale(.8)}}.surround-s2-why .card .vbox1 .cir-center{align-items:center;display:flex;height:230px;justify-content:center;position:relative;width:230px}.surround-s2-why .card .vbox1 .cir-center .rlogo{display:block;opacity:0}.surround-s2-why .card .vbox1 .cir-center .linedash{animation:rotate_360 20s linear 0s infinite;display:block;height:auto;position:absolute;width:230px}.surround-s2-why .card .vbox1 .cir-center .iconbox{align-items:center;background:#fff;border:1px solid #707070;border-radius:50%;display:flex;flex-direction:column;gap:5px;height:120px;justify-content:center;opacity:0;width:120px}.surround-s2-why .card .vbox1 .cir-center .iconbox p{color:#333;font-family:"Noto Serif TC",serif;font-size:18px;font-weight:700;text-align:center}.surround-s2-why .card .vbox1 .cir-center .iconbox svg{display:block}.surround-s2-why .card .vbox1 .cir-center .iconbox.icon1{left:50%;margin-left:-60px;position:absolute;top:-60px}.surround-s2-why .card .vbox1 .cir-center .iconbox.icon2{bottom:-5px;left:-60px;position:absolute}.surround-s2-why .card .vbox1 .cir-center .iconbox.icon3{bottom:-5px;position:absolute;right:-60px}.surround-s2-why .card .vbox2{align-items:center;display:flex;width:100%}.surround-s2-why .card .vbox2 ul{display:flex;gap:50px;justify-content:center;width:100%}@media only screen and (max-width:767px){.surround-s2-why .card .vbox2 ul{gap:20px}}.surround-s2-why .card .vbox2 ul li{opacity:0}.surround-s2-why .card .vbox2 ul li .iconbox{align-items:center;background:hsla(0,0%,100%,.8);border:1px solid #333;border-radius:10px;display:flex;height:120px;justify-content:center;margin-bottom:10px;width:120px}@media only screen and (max-width:767px){.surround-s2-why .card .vbox2 ul li .iconbox{height:80px;padding:12px;width:80px}}.surround-s2-why .card .vbox2 ul li .iconbox svg{display:block;height:auto;max-width:100%}@media only screen and (max-width:767px){.surround-s2-why .card .vbox2 ul li .iconbox svg{max-height:100%}}.surround-s2-why .card .vbox2 ul li h4{color:#333;font-family:"Noto Serif TC",serif;font-size:18px;text-align:center}@media only screen and (max-width:767px){.surround-s2-why .card .vbox2 ul li h4{font-size:14px}}.surround-s2-why .card .vbox3{margin:0 auto;max-width:510px;position:relative;width:100%}@media only screen and (max-width:767px){.surround-s2-why .card .vbox3{height:220px}.surround-s2-why .card .vbox3 svg{display:block;height:auto;max-width:40px}}.surround-s2-why .card .vbox3 h4{color:#333;font-family:"Noto Serif TC",serif;font-size:18px;text-align:center}@media only screen and (max-width:767px){.surround-s2-why .card .vbox3 h4{font-size:14px;padding:0 10px}}.surround-s2-why .card .vbox3 .bubble-180{align-items:center;background:#fff;border:1px solid #333;border-radius:50%;display:flex;flex-direction:column;gap:5px;height:180px;justify-content:center;opacity:0;position:absolute;width:180px}@media only screen and (max-width:767px){.surround-s2-why .card .vbox3 .bubble-180{height:100px;width:100px}}.surround-s2-why .card .vbox3 .bubble-150{align-items:center;background:#fff;border:1px solid #ad121d;border-radius:50%;display:flex;gap:5px;height:150px;justify-content:center;opacity:0;position:absolute;width:150px}@media only screen and (max-width:767px){.surround-s2-why .card .vbox3 .bubble-150{height:86px;width:86px}}.surround-s2-why .card .vbox3 .bubble-150 h4{color:#ad121d}.surround-s2-why .card .vbox3 .center{align-items:center;display:flex;flex-direction:column;justify-content:center}.surround-s2-why .card .vbox3 .bubble-center{align-items:center;background:#333;border-radius:50%;display:flex;height:125px;justify-content:center;left:180px;position:absolute;top:115px;width:125px}@media only screen and (max-width:767px){.surround-s2-why .card .vbox3 .bubble-center{height:90px;left:50%;margin-left:-45px;top:70px;width:90px}}.surround-s2-why .card .vbox3 .bubble-center h3{color:#fff;font-family:"Noto Serif TC",serif;font-size:20px;text-align:center}@media only screen and (max-width:767px){.surround-s2-why .card .vbox3 .bubble-center h3{font-size:16px}}.surround-s2-why .card .vbox3 .bb1{left:0;position:absolute;top:0}.surround-s2-why .card .vbox3 .bb2{position:absolute;right:80px;top:0}@media only screen and (max-width:767px){.surround-s2-why .card .vbox3 .bb2{right:40px}}.surround-s2-why .card .vbox3 .bb3{bottom:0;left:50px;position:absolute}@media only screen and (max-width:767px){.surround-s2-why .card .vbox3 .bb3{left:20px}}.surround-s2-why .card .vbox3 .bb4{bottom:0;position:absolute;right:0}.surround-s2-why .card .vbox4{align-items:center;display:flex;justify-content:center;position:relative}.surround-s2-why .card .vbox4 svg{display:block;height:auto;max-width:410px;width:100%}.surround-s2-why .card .vbox5{align-items:center;display:flex;justify-content:center;position:relative}.surround-s2-why .card .vbox5 svg{display:block;height:auto;width:100%}.surround-s2-why .scrolldown-area{background:#ddd;bottom:-60px;height:100px;left:50%;opacity:1;position:absolute;width:1px}@media only screen and (max-width:1024px){.surround-s2-why .scrolldown-area{height:80px}}.surround-s2-why .scrolldown-area .rel{height:100%;position:relative;width:100%}.surround-s2-why .scrolldown-area .linered{background:#ad121d;height:30px;left:0;position:absolute;top:0;width:1px}@media only screen and (max-width:1024px){.surround-s2-why .scrolldown-area .linered{height:15px}}.main_1240{max-width:1240px}.main-1600,.main_1240{margin:0 auto;padding:0 20px}.main-1600{max-width:1640px}.top-title{margin-bottom:50px}.top-title h3{color:#333;font-family:"Noto Serif TC",serif;font-size:30px;text-align:center}@media only screen and (max-width:1024px){.top-title p{font-size:16px}}.surround-s3-camera{background:#222;min-height:900px;overflow:hidden;padding-top:80px;position:relative;width:100%;z-index:4}@media only screen and (max-width:767px){.surround-s3-camera{min-height:1100px}}.surround-s3-camera.vivi .top-title{animation:alpha_top30 .5s linear 0s forwards}.surround-s3-camera.vivi .camera-imgbox{animation:alpha_top50 .5s linear .3s forwards}.surround-s3-camera.vivi .camera-imgbox .iconbox.item1{animation:alpha_right50 .5s linear .5s forwards}.surround-s3-camera.vivi .camera-imgbox .iconbox.item2{animation:alpha_left50 .5s linear .7s forwards}.surround-s3-camera.vivi .camera-imgbox .iconbox.item3{animation:alpha_left50 .5s linear .9s forwards}.surround-s3-camera .bg{background:url(../../images/frontend/taipeibg.png) no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.surround-s3-camera .top-title{margin-bottom:50px;opacity:0;position:relative;z-index:5}.surround-s3-camera .top-title h3{color:#fff}.surround-s3-camera .top-title p{color:#fff;font-size:18px;margin:0 auto;max-width:1140px;text-align:center}@media only screen and (max-width:1024px){.surround-s3-camera .top-title p{font-size:16px}}.surround-s3-camera .camera-imgbox{bottom:0;height:635px;left:50%;margin-left:-177px;opacity:0;position:absolute;width:355px;z-index:5}@media only screen and (max-width:767px){.surround-s3-camera .camera-imgbox{display:flex;height:400px;justify-content:center;left:0;margin:0;width:100%}}.surround-s3-camera .camera-imgbox .rel{display:flex;height:100%;justify-content:center;position:relative;width:100%}.surround-s3-camera .camera-imgbox img{display:block;max-height:100%}.surround-s3-camera .camera-imgbox .iconbox{border:1px solid #fff;border-radius:10px;color:#fff;max-width:360px;opacity:0;position:absolute;width:100%}@media only screen and (max-width:767px){.surround-s3-camera .camera-imgbox .iconbox{max-width:280px;position:relative}}.surround-s3-camera .camera-imgbox .iconbox .rel{align-items:center;gap:20px;padding:20px}@media only screen and (max-width:767px){.surround-s3-camera .camera-imgbox .iconbox .rel{gap:15px;height:auto;padding:10px}}.surround-s3-camera .camera-imgbox .iconbox .rel .txt h4{color:#fff;font-family:"Noto Serif TC",serif;font-size:18px}@media only screen and (max-width:767px){.surround-s3-camera .camera-imgbox .iconbox .rel .txt h4{font-size:16px}}.surround-s3-camera .camera-imgbox .iconbox .rel .txt p{color:#fff}@media only screen and (max-width:767px){.surround-s3-camera .camera-imgbox .iconbox .rel .txt p{font-size:14px;letter-spacing:0}}.surround-s3-camera .camera-imgbox .iconbox .rel .icon svg{display:block}@media only screen and (max-width:767px){.surround-s3-camera .camera-imgbox .iconbox .rel .icon svg{height:auto;max-height:60px;max-width:60px;width:auto}}.surround-s3-camera .camera-imgbox .iconbox .rel .dash-line{border-bottom:1px solid #fff;height:1px;position:absolute;width:65px}.surround-s3-camera .camera-imgbox .iconbox.item1{left:50%;margin-left:-600px;margin-top:-140px;position:absolute;top:50%}@media only screen and (max-width:767px){.surround-s3-camera .camera-imgbox .iconbox.item1{left:20px;margin:0;top:-350px}}.surround-s3-camera .camera-imgbox .iconbox.item1 .dash-line{right:-65px}.surround-s3-camera .camera-imgbox .iconbox.item2{margin-right:-600px;margin-top:-260px;position:absolute;right:50%;top:50%}.surround-s3-camera .camera-imgbox .iconbox.item2 .dash-line{left:-65px}@media only screen and (max-width:767px){.surround-s3-camera .camera-imgbox .iconbox.item2{height:auto;margin:0;right:20px;top:-250px}}.surround-s3-camera .camera-imgbox .iconbox.item3{margin-right:-600px;margin-top:-40px;position:absolute;right:50%;top:50%}.surround-s3-camera .camera-imgbox .iconbox.item3 .dash-line{left:-65px}@media only screen and (max-width:767px){.surround-s3-camera .camera-imgbox .iconbox.item3 .dash-line{left:auto;right:-65px}.surround-s3-camera .camera-imgbox .iconbox.item3{height:auto;left:20px;margin:0;top:-140px}}.surround-s3-camera .camera-imgbox .camera2{opacity:0;position:absolute}.surround-s4-progress{padding:120px 0;position:relative;z-index:10}.surround-s4-progress .top-title{opacity:0}.surround-s4-progress.vivi .top-title{animation:alpha_top30 .5s linear 0s forwards}.surround-s4-progress.vivi .line{animation:w_0100 .5s linear .3s forwards}@media only screen and (max-width:767px){.surround-s4-progress.vivi .line{animation:h_950 .5s linear .3s forwards}}.surround-s4-progress.vivi .step-ul li:first-child{animation:alpha_top30 .5s linear .3s forwards}.surround-s4-progress.vivi .step-ul li:nth-child(2){animation:alpha_top30 .5s linear .5s forwards}.surround-s4-progress.vivi .step-ul li:nth-child(3){animation:alpha_top30 .5s linear .7s forwards}.surround-s4-progress.vivi .step-ul li:nth-child(4){animation:alpha_top30 .5s linear .9s forwards}.surround-s4-progress.vivi .step-ul li:nth-child(5){animation:alpha_top30 .5s linear 1.1s forwards}.surround-s4-progress .line{background:linear-gradient(90deg,#f9f9f9 0,#3d3d3d);height:8px;position:absolute;top:240px;width:0;z-index:1}@media only screen and (max-width:1024px){.surround-s4-progress .line{display:none}}@media only screen and (max-width:767px){.surround-s4-progress .line{background:linear-gradient(180deg,#f9f9f9 0,#3d3d3d);display:block;height:950px;left:50%;margin-left:-2px;width:4px}}.surround-s4-progress .scrolldown-area{background:#ddd;height:100px;left:50%;opacity:1;position:absolute;top:0;width:1px;z-index:10}@media only screen and (max-width:1024px){.surround-s4-progress .scrolldown-area{height:80px}}.surround-s4-progress .scrolldown-area .rel{height:100%;position:relative;width:100%}.surround-s4-progress .scrolldown-area .linered{background:#ad121d;height:30px;left:0;position:absolute;top:0;width:1px}@media only screen and (max-width:1024px){.surround-s4-progress .scrolldown-area .linered{height:15px}}.surround-s4-progress .step-ul{display:flex;gap:30px;list-style:none;position:relative;z-index:5}@media only screen and (max-width:1024px){.surround-s4-progress .step-ul{flex-wrap:wrap;justify-content:center}}@media only screen and (max-width:767px){.surround-s4-progress .step-ul{gap:40px}}.surround-s4-progress .step-ul li{align-items:center;display:flex;flex-direction:column;opacity:0;padding:0 20px;width:20%}@media only screen and (max-width:1024px){.surround-s4-progress .step-ul li{width:calc(50% - 15px)}}@media only screen and (max-width:767px){.surround-s4-progress .step-ul li{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border-radius:10px;padding:15px 20px;width:100%}}.surround-s4-progress .step-ul li:first-child .numbox{background:#d8d8d8}.surround-s4-progress .step-ul li:nth-child(2) .numbox{background:#bdbdbd}.surround-s4-progress .step-ul li:nth-child(3) .numbox{background:#959595}.surround-s4-progress .step-ul li:nth-child(4) .numbox{background:#6b6b6b}.surround-s4-progress .step-ul li:nth-child(5) .numbox{background:#414141}.surround-s4-progress .step-ul li .numbox{align-items:center;color:#fff;display:flex;font-family:"Noto Serif TC",serif;font-size:35px;font-weight:700;height:60px;justify-content:center;margin-bottom:20px;width:60px}@media only screen and (max-width:767px){.surround-s4-progress .step-ul li .numbox{margin-bottom:10px}}.surround-s4-progress .step-ul li h4{color:#333;font-family:"Noto Serif TC",serif;font-size:20px;margin-bottom:5px;text-align:center}.surround-s4-progress .step-ul li p{color:#555;font-size:18px;text-align:center}@media only screen and (max-width:767px){.surround-s4-progress .step-ul li p{font-size:16px}}.surround-s5-demo{position:relative;z-index:10}.surround-s5-demo .top-title{opacity:0}.surround-s5-demo.vivi .top-title{animation:alpha_top30 .5s linear 0s forwards}.surround-s5-demo.vivi .demo-list li .demo-img{animation:alpha_left50 .5s linear .3s forwards}@media only screen and (max-width:1024px){.surround-s5-demo.vivi .demo-list li .demo-img{animation:alpha_top30 .5s linear .3s forwards}}.surround-s5-demo.vivi .demo-list li .infbox{animation:alpha_right50 .5s linear .3s forwards}@media only screen and (max-width:1024px){.surround-s5-demo.vivi .demo-list li .infbox{animation:alpha_top30 .5s linear .3s forwards}}.surround-s5-demo.vivi .demo-list li:nth-child(2n) .demo-img{animation:alpha_right50 .5s linear .5s forwards}@media only screen and (max-width:1024px){.surround-s5-demo.vivi .demo-list li:nth-child(2n) .demo-img{animation:alpha_top30 .5s linear .3s forwards}}.surround-s5-demo.vivi .demo-list li:nth-child(2n) .infbox{animation:alpha_left50 .5s linear .5s forwards}@media only screen and (max-width:1024px){.surround-s5-demo.vivi .demo-list li:nth-child(2n) .infbox{animation:alpha_top30 .5s linear .3s forwards}}.surround-s5-demo .scrolldown-area{background:#ddd;height:100px;left:50%;opacity:1;position:absolute;top:-50px;width:1px;z-index:10}@media only screen and (max-width:1024px){.surround-s5-demo .scrolldown-area{height:80px}}.surround-s5-demo .scrolldown-area .rel{height:100%;position:relative;width:100%}.surround-s5-demo .scrolldown-area .linered{background:#ad121d;height:30px;left:0;position:absolute;top:0;width:1px}@media only screen and (max-width:1024px){.surround-s5-demo .scrolldown-area .linered{height:15px}}.surround-s5-demo .bg-gray{background:#f7f7f7;border-radius:30px;padding:80px 80px 60px}@media only screen and (max-width:767px){.surround-s5-demo .bg-gray{padding:80px 20px 60px}}.surround-s5-demo .demo-list{display:flex;flex-direction:column;gap:60px}.surround-s5-demo .demo-list li{align-items:center;display:flex;gap:30px}@media only screen and (max-width:1024px){.surround-s5-demo .demo-list li{flex-direction:column}}.surround-s5-demo .demo-list li:nth-child(2n){flex-direction:row-reverse}@media only screen and (max-width:1024px){.surround-s5-demo .demo-list li:nth-child(2n){flex-direction:column}}.surround-s5-demo .demo-list li .demo-img{border:1px solid #333;border-radius:10px;flex:0 0 auto;max-width:790px;opacity:0;padding:10px;width:100%}@media only screen and (max-width:767px){.surround-s5-demo .demo-list li .demo-img{padding:5px}}.surround-s5-demo .demo-list li .demo-img img{border-radius:5px;display:block;height:auto;max-height:470px;max-width:100%}.surround-s5-demo .demo-list li .infbox{display:flex;flex-direction:column;opacity:0}.surround-s5-demo .demo-list li .infbox .titlebox{position:relative}.surround-s5-demo .demo-list li .infbox .titlebox .sq{background:#ad121d;height:9px;left:-9px;position:absolute;top:-9px;width:9px}.surround-s5-demo .demo-list li .infbox .titlebox h3{color:#333;font-family:"Noto Serif TC",serif;font-size:20px;margin-bottom:10px}.surround-s5-demo .demo-list li .infbox .titlebox p{font-size:18px;margin-bottom:20px}@media only screen and (max-width:1024px){.surround-s5-demo .demo-list li .infbox .btn-area{justify-content:center}}.surround-s6-qa{padding:100px 0;position:relative;z-index:10}.surround-s6-qa .top-title{opacity:0}.surround-s6-qa.vivi .top-title{animation:alpha_top30 .5s linear 0s forwards}.surround-s6-qa.vivi .qa-list{animation:alpha_top30 .5s linear .3s forwards}.surround-s6-qa .scrolldown-area{background:#ddd;height:100px;left:50%;opacity:1;position:absolute;top:-20px;width:1px;z-index:10}@media only screen and (max-width:1024px){.surround-s6-qa .scrolldown-area{height:80px}}.surround-s6-qa .scrolldown-area .rel{height:100%;position:relative;width:100%}.surround-s6-qa .scrolldown-area .linered{background:#ad121d;height:30px;left:0;position:absolute;top:0;width:1px}@media only screen and (max-width:1024px){.surround-s6-qa .scrolldown-area .linered{height:15px}}.surround-s6-qa .qa-list{display:flex;flex-direction:column;gap:10px;list-style:none;opacity:0}.surround-s6-qa .qa-list li{background:#fff;border:1px solid #333;border-radius:10px}.surround-s6-qa .qa-list li.now .qustion-box .qbox{background:#ad121d}.surround-s6-qa .qa-list li.now .qustion-box h4{color:#ad121d}.surround-s6-qa .qa-list li.now .arr{transform:rotate(180deg);transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.surround-s6-qa .qa-list li .flex-box{display:flex;gap:15px}.surround-s6-qa .qa-list li .qustion-box{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 20px 10px 10px}@media only screen and (max-width:767px){.surround-s6-qa .qa-list li .qustion-box{padding:10px}}.surround-s6-qa .qa-list li .qustion-box .arr{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){.surround-s6-qa .qa-list li .qustion-box .arr svg{height:auto;width:20px}}.surround-s6-qa .qa-list li .qustion-box .qbox{align-items:center;background:#333;border-radius:5px;color:#fff;display:flex;flex:0 0 auto;font-family:"Noto Serif TC",serif;font-size:30px;font-weight:700;height:60px;justify-content:center;width:60px}@media only screen and (max-width:767px){.surround-s6-qa .qa-list li .qustion-box .qbox{font-size:24px;height:45px;width:45px}}.surround-s6-qa .qa-list li .qustion-box h4{color:#333;font-family:"Noto Serif TC",serif;font-size:20px;padding-top:15px}@media only screen and (max-width:767px){.surround-s6-qa .qa-list li .qustion-box h4{font-size:18px;padding-top:5px}}.surround-s6-qa .qa-list li .answer-box{border-top:1px solid #eee;display:none;padding:10px}.surround-s6-qa .qa-list li .answer-box .abox{align-items:center;background:#333;border-radius:5px;color:#fff;display:flex;flex:0 0 auto;font-family:"Noto Serif TC",serif;font-size:30px;font-weight:700;height:60px;justify-content:center;width:60px}@media only screen and (max-width:767px){.surround-s6-qa .qa-list li .answer-box .abox{font-size:24px;height:45px;width:45px}}.surround-s6-qa .qa-list li .answer-box p{font-size:18px;padding-top:16px}@media only screen and (max-width:767px){.surround-s6-qa .qa-list li .answer-box p{font-size:16px;padding-top:5px}}.surround-form{padding:80px 0;position:relative;width:100%;z-index:5}.surround-form .top-title{opacity:0}.surround-form.vivi .top-title{animation:alpha_top30 .5s linear 0s forwards}.surround-form.vivi .form-area{animation:alpha_top30 .5s linear .3s forwards}@media only screen and (max-width:767px){.surround-form{padding-bottom:130px}}.surround-form img{display:block;height:auto;width:100%}.surround-form .scrolldown-area{background:#ddd;height:100px;left:50%;opacity:1;position:absolute;top:-40px;width:1px;z-index:10}@media only screen and (max-width:1024px){.surround-form .scrolldown-area{height:80px}}.surround-form .scrolldown-area .rel{height:100%;position:relative;width:100%}.surround-form .scrolldown-area .linered{background:#ad121d;height:30px;left:0;position:absolute;top:0;width:1px}@media only screen and (max-width:1024px){.surround-form .scrolldown-area .linered{height:15px}}.surround-form .bgl1{bottom:0;left:0;position:absolute;width:54.1666666667vw;z-index:1}@media only screen and (max-width:767px){.surround-form .bgl1{bottom:40vh;width:100%}}.surround-form .bgr1{bottom:0;position:absolute;right:0;width:54.1666666667vw;z-index:1}@media only screen and (max-width:767px){.surround-form .bgr1{width:100%}}.surround-form .cat-stone{animation:floatpup 5s linear 0s infinite;bottom:16vw;left:50%;margin-left:-45vw;position:absolute;width:5.8854166667vw;z-index:2}@media only screen and (max-width:767px){.surround-form .cat-stone{bottom:7vw;width:15vw}}.surround-form .cat-stone .cat{animation:catrotate2 5s linear 0s infinite;left:-14%;position:absolute;top:-29%;transform:rotate(-12deg);width:133%}.surround-form .stone2{animation:floatpup 4s linear .5s infinite;bottom:10vw;left:50%;margin-left:-40vw;position:absolute;width:3.6458333333vw;z-index:2}@media only screen and (max-width:767px){.surround-form .stone2{bottom:25vw;margin-left:-17vw;width:10vw}}.surround-form .stone2 .stoness{animation:rotate_360 15s linear 0s infinite;left:50%;margin-left:-88%;margin-top:-72%;position:absolute;top:50%;width:168%}.surround-form .flycb2{animation:flycb2 8s ease-out 1s infinite;filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:absolute;right:-10vw;top:8vw;width:7.8125vw;z-index:2}@media only screen and (max-width:767px){.surround-form .flycb2{width:15vw}}.surround-form .form-area{margin:0 auto;max-width:1240px;opacity:0;padding:0 20px;position:relative;z-index:5}@media only screen and (max-width:1599px){.surround-form .form-area{max-width:1140px}}.surround-form .form-area h2.formtitle{color:#333;font-family:"Noto Serif TC",serif;font-size:30px;margin-bottom:30px;text-align:center}.surround-form .form-area .form-box{background:hsla(0,0%,100%,.85);border:1px solid #333;border-radius:15px;padding:30px}@media only screen and (max-width:767px){.surround-form .form-area .form-box{padding:20px}}.surround-form .form-area .form-box .inp2box{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.surround-form .form-area .form-box .inp2box .input_item{position:relative;width:calc(50% - 10px)}@media only screen and (max-width:1024px){.surround-form .form-area .form-box .inp2box .input_item{width:100%}}.surround-form .form-area .form-box .inp2box .input_item.sexbox{display:flex}.surround-form .form-area .form-box .inp2box .input_item.sexbox input{width:60%}.surround-form .form-area .form-box .inp2box .input_item.sexbox button{width:20%}.surround-form .form-area .form-box .input_item{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;position:relative}@media only screen and (max-width:767px){.surround-form .form-area .form-box .input_item{margin-bottom:15px}}.surround-form .form-area .form-box .input_item input::placeholder{color:#333}.surround-form .form-area .form-box .input_item input::-webkit-input-placeholder{color:#333}.surround-form .form-area .form-box .input_item input:-ms-input-placeholder{color:#333}.surround-form .form-area .form-box .input_item input::-moz-placeholder{color:#333;opacity:1}.surround-form .form-area .form-box .input_item button,.surround-form .form-area .form-box .input_item input{background:none;border-bottom:1px solid #555;color:#333;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){.surround-form .form-area .form-box .input_item button,.surround-form .form-area .form-box .input_item input{font-size:14px;height:40px}}.surround-form .form-area .form-box .input_item .txt{color:#888;color:#333;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){.surround-form .form-area .form-box .input_item .txt{right:15px}}.surround-form .form-area .form-box .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){.surround-form .form-area .form-box .input_item button{padding:0 10px}}@media only screen and (min-width:1000px){.surround-form .form-area .form-box .input_item button:hover{background:#fff;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.surround-form .form-area .form-box .input_item button.now{background:#a81f1f;color:#fff;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.surround-form .form-area .form-box .checkbox{margin-bottom:10px}.surround-form .form-area .form-box .checkbox h2{color:#888;color:#333;font-family:"Noto Serif TC",serif;font-size:16px;font-weight:500;margin-bottom:10px}.surround-form .form-area .form-box .checkbox .check-inputarea{display:flex;flex-wrap:wrap;list-style:none}.surround-form .form-area .form-box .checkbox .check-inputarea li{align-items:center;display:flex;margin-bottom:10px;margin-right:10px}@media only screen and (min-width:1000px){.surround-form .form-area .form-box .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}.surround-form .form-area .form-box .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}}.surround-form .form-area .form-box .checkbox .check-inputarea li.now .checkboxcir{border:2px solid #ad121d}.surround-form .form-area .form-box .checkbox .check-inputarea li.now .checkboxcir svg{display:block}.surround-form .form-area .form-box .checkbox .check-inputarea li.now .title{color:#ad121d;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.surround-form .form-area .form-box .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}.surround-form .form-area .form-box .checkbox .check-inputarea li .checkboxcir svg{display:none}.surround-form .form-area .form-box .checkbox .check-inputarea li .title{color:#333;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}.surround-form .form-area .form-box .message{background:none;border-bottom:1px solid #6d6d6d;color:#333;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){.surround-form .form-area .form-box .message{height:120px}}@media only screen and (max-width:767px){.surround-form .form-area .form-box .message{font-size:14px;height:100px;margin-bottom:10px}}.surround-form .form-area .form-box .message::placeholder{color:#333}.surround-form .form-area .form-box .message::-webkit-input-placeholder{color:#333}.surround-form .form-area .form-box .message:-ms-input-placeholder{color:#333}.surround-form .form-area .form-box .message::-moz-placeholder{color:#333;opacity:1}.surround-form .form-area .form-box .btn_area{display:flex;font-size:0;justify-content:center;letter-spacing:0;text-align:center;width:100%}@media only screen and (max-width:1024px){.surround-form .form-area .form-box .btn_area{width:100%}}@media only screen and (max-width:767px){.surround-form .form-area .form-box .btn_area{justify-content:space-between}}.surround-form .form-area .form-box .btn_area button{border:1px solid #333;border-radius:5px;color:#333;font-family:"Noto Serif TC",serif;font-size:18px;font-weight:500;height:50px;letter-spacing:1px;margin:0 5px;min-width:120px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:150px}@media only screen and (min-width:1000px){.surround-form .form-area .form-box .btn_area button:hover{background:#a81f1f;border:1px solid #a81f1f;color:#fff;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){.surround-form .form-area .form-box .btn_area button{font-size:16px;height:40px;margin:0;min-width:30px;width:calc(50% - 10px)}}.footer{background:#222;padding:20px;position:relative;z-index:5}@media only screen and (max-width:767px){.footer{padding:20px 0}}.footer .mbh6{display:none}@media only screen and (max-width:767px){.footer .mbh6{color:#ccc;display:block;font-family:"Noto Serif TC",serif;font-size:12px;padding:0 15px}}.footer h6{color:#ccc;font-family:"Noto Serif TC",serif;font-size:12px}@media only screen and (max-width:767px){.footer h6{display:none}}.footer .main_980{display:flex;justify-content:space-between;margin:0 auto;max-width:980px}@media only screen and (max-width:767px){.footer .main_980{flex-direction:column;padding:0 15px}.footer .leftbox{font-size:0;letter-spacing:0;text-align:center}}.footer .topset{align-items:center;display:flex;margin-bottom:30px;padding-top:10px}@media only screen and (max-width:767px){.footer .topset{margin-bottom:15px}}.footer .topset .logoft{margin-right:10px}@media only screen and (max-width:767px){.footer .topset .logoft{height:30px;width:124px}}.footer .topset .cir{align-items:center;border:1px solid hsla(0,0%,100%,.5);border-radius:50%;display:flex;font-size:0;height:45px;justify-content:center;letter-spacing:0;margin-left:10px;text-align:center;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:45px}@media only screen and (max-width:767px){.footer .topset .cir{height:40px;width:40px}}.footer .topset .cir:hover{background:hsla(0,0%,100%,.1);transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.footer .topset .fb{width:12px}.footer .topset .fb svg{height:auto;width:100%}.footer .topset .line{width:23px}.footer .topset .line svg{height:auto;width:100%}.footer .rigthbox{border:1px solid #505050;color:#ddd;font-family:"Noto Serif TC",serif;font-size:14px;line-height:16px;padding:15px}@media only screen and (max-width:767px){.footer .rigthbox{margin-bottom:10px;width:100%}}.footer .rigthbox .phone{align-items:center;display:flex;margin-bottom:5px}.footer .rigthbox .phone .icon{align-items:center;display:flex;height:20px;justify-content:center;margin-right:10px;width:20px}.footer .rigthbox .phone .icon svg{max-height:100%;max-width:100%}.footer .rigthbox .mail{align-items:center;display:flex;margin-bottom:5px}.footer .rigthbox .mail a{color:#ddd}.footer .rigthbox .mail a,.footer .rigthbox .mail a:hover{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.footer .rigthbox .mail a:hover{color:#fff}.footer .rigthbox .mail .icon{align-items:center;display:flex;height:20px;justify-content:center;margin-right:10px;width:20px}.footer .rigthbox .mail .icon svg{max-height:100%;max-width:100%}.footer .rigthbox .add,.footer .rigthbox .add .icon{align-items:center;display:flex}.footer .rigthbox .add .icon{height:20px;justify-content:center;margin-right:10px;width:20px}.footer .rigthbox .add .icon svg{max-height:100%;max-width:100%}

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