*{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}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}}.top-num{position:fixed;z-index:60}.top-triggerbox{height:100vh;min-height:1400px;position:fixed;top:0;width:100%}.ovh{height:100%;width:100%}.about-kvarea{align-items:center;display:flex;height:100vh;justify-content:center;min-height:1400px;overflow:hidden;position:relative;width:100%}.about-kvarea .bg-font{color:#333;font-family:"Noto Serif TC",serif;font-size:13.0208333333vw;font-weight:700;line-height:1;margin-top:-12.7604166667vw;position:fixed;top:50%;z-index:5}.about-kvarea .left-font{left:50%;margin-left:-13.0208333333vw}.about-kvarea .left-font p{animation:alpha_bottom50 .5s linear .3s forwards;filter:alpha(opacity=100);opacity:0;-moz-opacity:0}.about-kvarea .right-font{margin-right:-13.0208333333vw;right:50%}.about-kvarea .right-font p{animation:alpha_top50 .5s linear .3s forwards;filter:alpha(opacity=100);opacity:0;-moz-opacity:0}.about-kvarea .fix-centertxt{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:5}.about-kvarea .fix-centertxt .txt-center{opacity:0;position:relative;top:50px}.about-kvarea .fix-centertxt h2{color:#333;font-family:"Noto Serif TC",serif;font-size:40px;letter-spacing:5px;margin-bottom:10px;text-align:center}@media only screen and (max-width:1024px){.about-kvarea .fix-centertxt h2{font-size:30px}}@media only screen and (max-width:767px){.about-kvarea .fix-centertxt h2{font-size:5vw;letter-spacing:1px}}.about-kvarea .fix-centertxt h1{color:#333;font-family:"Noto Serif TC",serif;font-size:85px;font-style:normal;letter-spacing:10px;margin-bottom:30px}@media only screen and (max-width:1024px){.about-kvarea .fix-centertxt h1{font-size:60px}}@media only screen and (max-width:767px){.about-kvarea .fix-centertxt h1{font-size:9vw;letter-spacing:1px;margin-bottom:15px;text-align:center}}.about-kvarea .fix-centertxt h1 span{color:#ad121d}.about-kvarea .fix-centertxt p{opacity:0;position:relative;text-align:center;top:30px}@media only screen and (max-width:767px){.about-kvarea .fix-centertxt p{font-size:14px;max-width:70vw}.about-kvarea .fix-centertxt p br{display:none}}.about-kvarea img{height:auto;width:100%}.about-kvarea .bgl1{animation:bglab 4s linear 0s infinite;bottom:0;filter:alpha(opacity=100);left:-5vw;opacity:.8;-moz-opacity:.8;position:fixed;width:54.1666666667vw;z-index:2}@media only screen and (max-width:767px){.about-kvarea .bgl1{bottom:40vh;width:100%}}.about-kvarea .bgr1{animation:bglab2 6s linear 0s infinite;position:fixed;right:0;width:54.1666666667vw;z-index:1}@media only screen and (max-width:767px){.about-kvarea .bgr1{width:100%}}.about-kvarea .bird-cba{animation:flycb3 8s ease-out 1.4s forwards;left:-10vw;position:fixed;top:35vw;width:8.3333333333vw;z-index:6}@media only screen and (max-width:767px){.about-kvarea .bird-cba{left:-20vw;transform:translateY(150px);width:15vw}}.cir-bgicon{height:835px;left:50%;margin-left:-417px;margin-top:-417px;opacity:0;position:fixed;top:50%;width:835px}.cir-bgicon svg{display:block;height:auto;width:100%}@media only screen and (max-width:767px){.cir-bgicon{height:400px;margin-left:-200px;margin-top:-200px;width:400px}.cir-bgicon svg{height:auto;width:100%}}.about-section2{align-items:flex-end;display:flex;height:100vh;justify-content:center;margin-top:0;padding-bottom:0;padding-top:0;position:relative;width:100%}@media only screen and (max-width:767px){.about-section2{height:auto}}.about-section2 .main-content{margin:0 auto;position:relative;width:100%;z-index:5}@media only screen and (max-width:767px){.about-section2 .main-content{overflow:hidden}}@media only screen and (max-width:1024px){.about-section2 .buble-area{display:none}}.about-section2 .buble-area .bubble1{background:#ad121d;border-radius:50%;color:#fff}.about-section2 .buble-area .bubble1,.about-section2 .buble-area .bubble2{align-items:center;bottom:0;display:flex;font-family:"Noto Serif TC",serif;font-size:18px;font-weight:700;height:70px;justify-content:center;left:50%;position:absolute;transform:translateY(100px);width:70px}.about-section2 .buble-area .bubble2{border:1px solid #ad121d;border-radius:50%;color:#ad121d}.about-section2 .buble-area .po1{animation:floattop 8s ease-in-out .3s infinite;margin-left:-800px}.about-section2 .buble-area .po2{animation:floattop 8.5s ease-in .8s infinite;height:60px;margin-left:-750px;width:60px}.about-section2 .buble-area .po3{animation:floattop 7.5s ease-in 0s infinite;margin-left:-880px}.about-section2 .buble-area .po4{animation:floattop 7.8s ease-out .3s infinite;margin-left:-650px}.about-section2 .buble-area .po5{animation:floattop 8s ease-out .6s infinite;height:60px;margin-left:-1200px;width:60px}.about-section2 .buble-area .po6{animation:floattop 8.2s ease-out .5s infinite;font-size:16px;height:70px;margin-left:550px;width:70px}.about-section2 .buble-area .po7{animation:floattop 8.5s linear 1s infinite;height:60px;margin-left:600px;width:60px}.about-section2 .buble-area .po8{animation:floattop 8s linear .3s infinite;margin-left:700px}.about-section2 .buble-area .po9{animation:floattop 8.8s linear 1.2s infinite;margin-left:750px}.about-section2 .buble-area .po10{animation:floattop 7.5s ease-in-out .3s infinite;margin-left:1200px}.about-section2 .ctbox{display:flex;justify-content:center;margin-bottom:33px;position:relative;z-index:5}@media only screen and (max-width:767px){.about-section2 .ctbox{margin-bottom:0}}.about-section2 .ctbox .s2cir{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:relative;z-index:2}.about-section2 .ctbox .s2cir svg{display:block}@media only screen and (max-width:767px){.about-section2 .ctbox .s2cir svg{height:160px;width:160px}}.about-section2 .ctbox .cirline{align-items:center;border:1px solid #ad121d;border-radius:50%;color:#ad121d;display:flex;font-family:"Noto Serif TC",serif;font-size:60px;font-weight:700;height:340px;justify-content:center;margin-top:-170px;position:absolute;top:50%;width:340px;z-index:1}@media only screen and (max-width:767px){.about-section2 .ctbox .cirline{font-size:30px;height:160px;line-height:35px;margin-top:-80px;width:160px}}.about-section2 .ctbox .cirline.cir-design{animation:martop_2l 1s linear 0s infinite;left:50%;margin-left:-410px}@media only screen and (max-width:767px){.about-section2 .ctbox .cirline.cir-design{animation:martop_2lm 1s linear 0s infinite;margin-left:-200px}}.about-section2 .ctbox .cirline.cir-rd{animation:martop_2r 1s linear 0s infinite;margin-right:-410px;right:50%}@media only screen and (max-width:767px){.about-section2 .ctbox .cirline.cir-rd{animation:martop_2rm 1s linear 0s infinite;margin-right:-200px}}.about-section2 .top-txt{margin:0 auto 60px;max-width:1030px;opacity:0;position:relative;z-index:5}@media only screen and (max-width:1024px){.about-section2 .top-txt{margin-bottom:29px}}.about-section2 .top-txt h2{font-family:"Noto Serif TC",serif;font-size:30px;margin-bottom:20px;text-align:center}.about-section2 .top-txt h2 span{color:#ad121d}.about-section2 .top-txt p{color:#555;letter-spacing:1px;line-height:32px;text-align:center}.about-section2 .center-balance{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;opacity:0;transform:translateY(30px)}.about-section2 .center-balance svg{display:block}.about-section2 .center-balance .rototetp{animation:rotate_2 1s linear 0s infinite}@media only screen and (max-width:767px){.about-section2 .center-balance .rototetp{height:auto;width:340px}.about-section2 .center-balance .rototetp g{stroke-width:2}.about-section2 .center-balance .tr{height:auto;width:80px}}.about-section3{background:#f7f7f7;position:relative;width:100%;z-index:10}.about-section3 .main-content{display:flex;position:relative}@media only screen and (max-width:1024px){.about-section3 .main-content{flex-direction:column-reverse}}.about-section3 .main-content .leftpic-area{opacity:0;position:relative;top:-50px;width:50%}@media only screen and (max-width:1599px){.about-section3 .main-content .leftpic-area{top:-20px}}@media only screen and (max-width:1024px){.about-section3 .main-content .leftpic-area{padding-bottom:200px;top:0;width:100%}}@media only screen and (max-width:767px){.about-section3 .main-content .leftpic-area{padding-bottom:160px}}.about-section3 .main-content .leftpic-area .white-bord{left:11.875%;position:relative;width:70%}@media only screen and (max-width:1599px){.about-section3 .main-content .leftpic-area .white-bord{left:0;width:90%}}@media only screen and (max-width:1024px){.about-section3 .main-content .leftpic-area .white-bord{margin:0 auto;width:540px}}@media only screen and (max-width:767px){.about-section3 .main-content .leftpic-area .white-bord{width:280px}}.about-section3 .main-content .leftpic-area .white-bord:hover .cat-l2{width:33.8888888889%}.about-section3 .main-content .leftpic-area .white-bord:hover .cat-l2 .img{background:url(../../images/frontend/abcat3s.png) 0 0;background-size:cover;padding-bottom:123.4972677596%}.about-section3 .main-content .leftpic-area .white-bord img{height:auto;width:100%}.about-section3 .main-content .leftpic-area .white-bord .cat-l1{bottom:-59.3442622951%;left:-11.1111111111%;position:absolute;width:33.5185185185%}.about-section3 .main-content .leftpic-area .white-bord .cat-l2{bottom:-68.8524590164%;left:14.0740740741%;position:absolute;width:31.2962962963%}.about-section3 .main-content .leftpic-area .white-bord .cat-l2 .img{background:url(../../images/frontend/abcat3.png) 0 0;background-size:cover;padding-bottom:142.6035502959%;width:100%}.about-section3 .main-content .leftpic-area .white-bord .cat-l3{bottom:-67.2131147541%;left:50%;position:absolute;width:28.3333333333%}.about-section3 .main-content .leftpic-area .white-bord .cat-l4{bottom:-59.0163934426%;position:absolute;right:1.8518518519%;width:25.1851851852%}.about-section3 .main-content .leftpic-area .white-bord .cat-tech{position:absolute;right:-11.1111111111%;top:40.9836065574%;width:14.8148148148%}.about-section3 .main-content .leftpic-area .white-bord .cat-tech .rel{position:relative}.about-section3 .main-content .leftpic-area .white-bord .cat-tech .teacher{position:relative;z-index:2}.about-section3 .main-content .leftpic-area .white-bord .cat-tech .hand{animation:cathand 1s linear 0s infinite;left:-25%;position:absolute;top:18.6770428016%;transform-origin:center right;width:50%;z-index:1}.about-section3 .main-content .right-box{opacity:0;padding:90px 0 90px 70px;width:50%}@media only screen and (max-width:1024px){.about-section3 .main-content .right-box{padding:60px 0 40px;width:100%}}.about-section3 .main-content .right-box h2{color:#333;font-family:"Noto Serif TC",serif;font-size:30px;margin-bottom:5px}.about-section3 .main-content .right-box h2 span{color:#ad121d}@media only screen and (max-width:1024px){.about-section3 .main-content .right-box h2{text-align:center}}.about-section3 .main-content .right-box h3{color:#333;font-family:"Noto Serif TC",serif;font-size:20px;margin-bottom:20px}@media only screen and (max-width:1024px){.about-section3 .main-content .right-box h3{text-align:center}}.about-section3 .main-content .right-box p{color:#555;font-size:18px;line-height:30px;margin-bottom:40px}@media only screen and (max-width:1024px){.about-section3 .main-content .right-box p{text-align:center}}@media only screen and (max-width:767px){.about-section3 .main-content .right-box p{font-size:16px}}.about-section3 .main-content .right-box a{align-items:center;border:1px solid #ad121d;border-radius:50px;color:#ad121d;display:flex;font-family:"Noto Serif TC",serif;font-size:18px;font-weight:700;height:50px;justify-content:center;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:165px}@media only screen and (min-width:1000px){.about-section3 .main-content .right-box a:hover{background:#ad121d;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:1024px){.about-section3 .main-content .right-box a{margin:0 auto}}.about-section3_1{background:#fff;position:relative;width:100%;z-index:9}.about-section3_1.vivi .left-box{animation:alpha_right50 .3s linear 0s forwards}.about-section3_1.vivi .right-box .list-area{animation:alpha_top50 .3s linear 0s forwards}.about-section3_1.vivi .right-box .isoicon1{animation:popbubble .5s linear .3s forwards}.about-section3_1.vivi .right-box .isoicon2{animation:rotate_alpha .5s linear .3s forwards}.about-section3_1.vivi .right-box .gray-bg{animation:alpha_01 .5s linear .5s forwards}.about-section3_1.vivi .right-box .cirred,.about-section3_1.vivi .right-box .isoicon3,.about-section3_1.vivi .right-box .isoicon4{animation:alpha_01 .5s linear .8s forwards}.about-section3_1.vivi .corr1{animation:alpha_01 .3s linear .3s forwards}.about-section3_1.vivi .corr2{animation:alpha_01 .3s linear .5s forwards}.about-section3_1.vivi .corr3{animation:alpha_01 .3s linear .7s forwards}.about-section3_1.vivi .corr4{animation:alpha_01 .3s linear .9s forwards}.about-section3_1 .main-content{align-items:center;display:flex;padding:120px 0 80px;position:relative}@media only screen and (max-width:1024px){.about-section3_1 .main-content{flex-direction:column;padding:110px 20px}}@media only screen and (max-width:767px){.about-section3_1 .main-content{padding:60px 20px}}.about-section3_1 .main-content .corr1,.about-section3_1 .main-content .corr2,.about-section3_1 .main-content .corr3,.about-section3_1 .main-content .corr4,.about-section3_1 .main-content .left-box{filter:alpha(opacity=100);opacity:0;-moz-opacity:0}.about-section3_1 .main-content .left-box{padding:40px 80px 0 7%;width:50%}@media only screen and (max-width:1599px){.about-section3_1 .main-content .left-box{padding:0 20px 0 0}}@media only screen and (max-width:1024px){.about-section3_1 .main-content .left-box{margin-bottom:40px;max-width:700px;padding:0;width:100%}}@media only screen and (max-width:767px){.about-section3_1 .main-content .left-box{margin-bottom:5vw}}.about-section3_1 .main-content .left-box h2{color:#333;font-family:"Noto Serif TC",serif;font-size:30px;margin-bottom:5px}.about-section3_1 .main-content .left-box h2 span{color:#ad121d}@media only screen and (max-width:1024px){.about-section3_1 .main-content .left-box h2{text-align:center}}.about-section3_1 .main-content .left-box h3{color:#333;font-family:"Noto Serif TC",serif;font-size:20px;margin-bottom:30px}@media only screen and (max-width:1024px){.about-section3_1 .main-content .left-box h3{text-align:center}}@media only screen and (max-width:767px){.about-section3_1 .main-content .left-box h3{font-size:16px;margin-bottom:20px}}.about-section3_1 .main-content .left-box p{color:#555;font-size:18px;letter-spacing:1px;line-height:30px;margin-bottom:40px}@media only screen and (max-width:1024px){.about-section3_1 .main-content .left-box p{text-align:center}}@media only screen and (max-width:767px){.about-section3_1 .main-content .left-box p{font-size:16px}}.about-section3_1 .main-content .right-box{display:flex;justify-content:center;position:relative;width:50%}@media only screen and (max-width:767px){.about-section3_1 .main-content .right-box{width:100%}}.about-section3_1 .main-content .right-box img,.about-section3_1 .main-content .right-box svg{display:block;height:auto;width:100%}.about-section3_1 .main-content .right-box .list-area{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:relative;width:350px;z-index:2}@media only screen and (max-width:767px){.about-section3_1 .main-content .right-box .list-area{width:62vw}}.about-section3_1 .main-content .right-box .gray-bg{bottom:-10%;filter:alpha(opacity=100);left:50%;margin-left:-250px;opacity:0;-moz-opacity:0;position:absolute;width:500px;z-index:1}.about-section3_1 .main-content .right-box .isoicon1{filter:alpha(opacity=100);left:-20%;opacity:0;-moz-opacity:0;position:absolute;top:-10%;width:40%}.about-section3_1 .main-content .right-box .isoicon2{bottom:-13%;filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:absolute;right:-28%;width:68.5714285714%}.about-section3_1 .main-content .right-box .isoicon3{bottom:6%;filter:alpha(opacity=100);left:-36%;opacity:0;-moz-opacity:0;position:absolute;width:29.1428571429%}.about-section3_1 .main-content .right-box .isoicon3 img{animation:rotate_360 4s linear 0s infinite}.about-section3_1 .main-content .right-box .isoicon4{bottom:-7%;filter:alpha(opacity=100);left:-14%;opacity:0;-moz-opacity:0;position:absolute;width:17.1428571429%}.about-section3_1 .main-content .right-box .isoicon4 img{animation:rotate_360b 3s linear 0s infinite}.about-section3_1 .main-content .right-box .cirred{border:1px solid #ad121d;border-radius:50%;filter:alpha(opacity=100);height:290px;opacity:0;-moz-opacity:0;position:absolute;right:6%;top:-52%;width:290px;z-index:1}@media only screen and (max-width:1024px){.about-section3_1 .main-content .right-box .cirred{display:none}}.about-section4{background:#fff;padding:120px 0 150px;position:relative;z-index:8}@media only screen and (max-width:1024px){.about-section4{padding:60px 0}}.about-section4.vivi .titlebox{animation:alpha_top30 .3s linear .3s forwards}@media only screen and (max-width:767px){.about-section4.vivi .titlebox{animation:initial}}.about-section4.vivi .partner-area .itembox1{animation:alpha_left50 .3s linear .6s forwards}@media only screen and (max-width:767px){.about-section4.vivi .partner-area .itembox1{animation:initial}}.about-section4.vivi .partner-area .left-area .itembox2{animation:alpha_top30 .3s linear 1.2s forwards}@media only screen and (max-width:767px){.about-section4.vivi .partner-area .left-area .itembox2{animation:initial}}.about-section4.vivi .partner-area .right-area .itembox2{animation:alpha_top30 .3s linear .9s forwards}@media only screen and (max-width:767px){.about-section4.vivi .partner-area .right-area .itembox2{animation:initial}}.about-section4.vivi .partner-area .right-area .item-set .itembox3:first-child{animation:alpha_right30 .3s linear 1.5s forwards}@media only screen and (max-width:767px){.about-section4.vivi .partner-area .right-area .item-set .itembox3:first-child{animation:initial}}.about-section4.vivi .partner-area .right-area .item-set .itembox3:nth-child(2){animation:alpha_right30 .3s linear 1.7s forwards}@media only screen and (max-width:767px){.about-section4.vivi .partner-area .right-area .item-set .itembox3:nth-child(2){animation:initial}}.about-section4 .en-bg{color:#ad121d;font-family:EB Garamond,serif;font-size:8.125vw;font-weight:500;left:50%;margin-left:-27vw;position:absolute;text-transform:uppercase;top:7vw;transform:rotate(90deg);transform-origin:0 0}@media only screen and (max-width:1599px){.about-section4 .en-bg{margin-left:-36vw}}@media only screen and (max-width:1024px){.about-section4 .en-bg{display:none}}.about-section4 .titlebox{filter:alpha(opacity=100);margin-bottom:50px;opacity:0;-moz-opacity:0}.about-section4 .titlebox h2{font-size:30px;margin-bottom:5px}.about-section4 .titlebox h2,.about-section4 .titlebox h3{color:#333;font-family:"Noto Serif TC",serif;text-align:center}.about-section4 .titlebox h3{font-size:20px;margin-bottom:20px}.about-section4 .itembox1{align-items:center;background:#fff;border:1px solid #000;display:flex;filter:alpha(opacity=100);opacity:0;-moz-opacity:0;padding:10px;width:100%}@media only screen and (max-width:767px){.about-section4 .itembox1{padding:5px}}@media only screen and (min-width:1000px){.about-section4 .itembox1:hover .logoarea,.about-section4 .itembox1:hover .peo-photo1{filter:grayscale(0);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:1599px){.about-section4 .itembox1{align-items:stretch}}@media only screen and (max-width:1279px){.about-section4 .itembox1{flex-direction:column}}.about-section4 .itembox1 .peo-photo1{background:url(../../images/frontend/partner1.jpg) 50%;background-size:auto 100%;filter:grayscale(1);flex:0 0 auto;height:300px;margin-right:10px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:300px}@media only screen and (max-width:1599px){.about-section4 .itembox1 .peo-photo1{height:auto}}@media only screen and (max-width:1279px){.about-section4 .itembox1 .peo-photo1{height:300px;margin-bottom:5px;width:100%}}@media only screen and (max-width:767px){.about-section4 .itembox1 .peo-photo1{filter:grayscale(0);height:200px}}.about-section4 .itembox1 .logoarea{filter:grayscale(1);margin-bottom:10px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.about-section4 .itembox1 .logoarea img{display:block;max-height:60px;width:auto}@media only screen and (max-width:1599px){.about-section4 .itembox1 .logoarea img{height:40px}}.about-section4 .itembox2{background:#fff;border:1px solid #000;filter:alpha(opacity=100);margin-top:-1px;opacity:0;-moz-opacity:0;padding:10px;width:510px}@media only screen and (max-width:767px){.about-section4 .itembox2{padding:5px}}@media only screen and (min-width:1000px){.about-section4 .itembox2:hover .peo-photo2,.about-section4 .itembox2:hover .peo-photo3{filter:grayscale(0);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:1599px){.about-section4 .itembox2{width:80%}}@media only screen and (max-width:1279px){.about-section4 .itembox2{width:100%}}.about-section4 .itembox2 .peo-photo2{background:url(../../images/frontend/partner2.jpg) 50%;background-size:auto 100%;filter:grayscale(1);height:300px;margin-bottom:5px;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 (max-width:767px){.about-section4 .itembox2 .peo-photo2{filter:grayscale(0);height:200px}}.about-section4 .itembox2 .peo-photo3{background:url(../../images/frontend/partner3.jpg) 50%;background-size:auto 100%;filter:grayscale(1);height:300px;margin-bottom:5px;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 (max-width:767px){.about-section4 .itembox2 .peo-photo3{filter:grayscale(0);height:200px}}.about-section4 .itembox2 .logoarea{filter:grayscale(1);margin-bottom:10px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.about-section4 .itembox2 .logoarea img{display:block;max-height:60px;width:auto}@media only screen and (max-width:1599px){.about-section4 .itembox2 .logoarea img{height:40px}}.about-section4 .item-set{display:flex;margin-top:-1px}@media only screen and (max-width:1279px){.about-section4 .item-set{flex-direction:column}}.about-section4 .item-set .itembox3{background:#fff;border:1px solid #000;filter:alpha(opacity=100);opacity:0;-moz-opacity:0;padding:30px 15px 10px;width:50%}@media only screen and (max-width:1279px){.about-section4 .item-set .itembox3{width:100%}}.about-section4 .item-set .itembox3:last-child{margin-left:-1px}@media only screen and (max-width:1279px){.about-section4 .item-set .itembox3:last-child{margin-left:0;margin-top:-1px}}@media only screen and (min-width:1000px){.about-section4 .item-set .itembox3:hover .logoarea2{filter:grayscale(0);transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.about-section4 .item-set .itembox3 .logoarea2{align-items:center;display:flex;filter:grayscale(1);height:135px;justify-content:center;margin-bottom:10px;max-width:100%;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){.about-section4 .item-set .itembox3 .logoarea2{filter:grayscale(0)}}.about-section4 .item-set .itembox3 .logoarea2 img{display:block;margin:0 auto;max-height:100%;max-width:100%}.about-section4 .partner-area{display:flex;padding:0 80px;position:relative;z-index:5}@media only screen and (max-width:1599px){.about-section4 .partner-area{padding:0}}@media only screen and (max-width:1279px){.about-section4 .partner-area{padding:0 50px}}@media only screen and (max-width:1024px){.about-section4 .partner-area{padding:0 20px}}@media only screen and (max-width:767px){.about-section4 .partner-area{flex-wrap:wrap;padding:0}}.about-section4 .partner-area .left-area{align-items:flex-end;display:flex;flex-direction:column;margin-right:-1px;width:50%}@media only screen and (max-width:767px){.about-section4 .partner-area .left-area{width:100%}}.about-section4 .partner-area .right-area{padding-top:50px;width:50%}@media only screen and (max-width:1279px){.about-section4 .partner-area .right-area{padding-top:80px}}@media only screen and (max-width:767px){.about-section4 .partner-area .right-area{padding-top:0;width:100%}}.about-section4 .partner-area .peo-name{margin-top:20px}.about-section4 .partner-area .infbox{color:#555;font-size:18px;line-height:30px;padding:10px}@media only screen and (max-width:1599px){.about-section4 .partner-area .infbox{font-size:16px;line-height:25px}}.about-section4 .monr1{filter:alpha(opacity=100);opacity:.5;-moz-opacity:.5;position:absolute;right:0;top:30%;width:43.2291666667vw;z-index:1}.about-section4 .monr1 img{height:auto;width:100%}.about-section4 .monl2{filter:alpha(opacity=100);left:0;opacity:.5;-moz-opacity:.5;position:absolute;top:60%;width:43.2291666667vw;z-index:1}.about-section4 .monl2 img{height:auto;width:100%}.about-section5{background:#222;padding:90px 0;position:relative;z-index:10}@media only screen and (max-width:1024px){.about-section5{padding:60px 0}}.about-section5.vivi .titlebox{animation:alpha_top30 .3s linear .3s forwards}.about-section5.vivi .process ul li:first-child{animation:alpha_top30 .3s linear .6s forwards}.about-section5.vivi .process ul li:nth-child(2){animation:alpha_top30 .3s linear .8s forwards}.about-section5.vivi .process ul li:nth-child(3){animation:alpha_top30 .3s linear 1s forwards}.about-section5.vivi .process ul li:nth-child(4){animation:alpha_top30 .3s linear 1.2s forwards}.about-section5.vivi .process ul li:nth-child(5){animation:alpha_top30 .3s linear 1.4s forwards}.about-section5.vivi .process ul li:nth-child(6){animation:alpha_top30 .3s linear 1.6s forwards}.about-section5 .titlebox{filter:alpha(opacity=100);margin-bottom:50px;opacity:0;-moz-opacity:0}.about-section5 .titlebox h2{font-size:30px;margin-bottom:5px}.about-section5 .titlebox h2,.about-section5 .titlebox h3{color:#fff;font-family:"Noto Serif TC",serif;text-align:center}.about-section5 .titlebox h3{font-size:20px;margin-bottom:20px}.about-section5 .process{padding:0 50px;position:relative}@media only screen and (max-width:1599px){.about-section5 .process{padding:0}}.about-section5 .process ul{display:flex;flex-wrap:wrap;justify-content:space-between}.about-section5 .process ul li{align-items:center;border-bottom:1px solid #222;border-top:1px solid #222;display:flex;filter:alpha(opacity=100);flex-direction:column;list-style:none;margin-bottom:15px;opacity:0;-moz-opacity:0;padding:0 15px 20px;position:relative;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:calc(50% - 50px)}@media only screen and (max-width:767px){.about-section5 .process ul li{padding:0 10px;width:100%}}.about-section5 .process ul li .dot{background:#ad121d;border-radius:50%;height:10px;margin-top:-60px;position:absolute;top:50%;width:10px}@media only screen and (max-width:767px){.about-section5 .process ul li .dot{display:none}}.about-section5 .process ul li .dot .rel{height:100%;position:relative;width:100%}.about-section5 .process ul li:nth-child(2n) .dot{left:-20px}.about-section5 .process ul li:nth-child(odd) .dot{right:-20px}.about-section5 .process ul li:nth-child(odd) .dot .line{border-bottom:1px dashed #ad121d;position:absolute;top:50%;width:70px}.about-section5 .process ul li:nth-child(2) .line{border-right:1px dashed #ad121d;height:calc(100% + 30px);left:-16px;margin-top:-50px;position:absolute;top:50%;transform:rotate(13deg);transform-origin:0 0}@media only screen and (max-width:1599px){.about-section5 .process ul li:nth-child(2) .line{height:calc(100% + 45px);transform:rotate(12deg)}}@media only screen and (max-width:1279px){.about-section5 .process ul li:nth-child(2) .line{display:none}}.about-section5 .process ul li:nth-child(4) .line{border-right:1px dashed #ad121d;height:calc(100% + 23px);left:-16px;margin-top:-50px;position:absolute;top:50%;transform:rotate(13deg);transform-origin:0 0}@media only screen and (max-width:1599px){.about-section5 .process ul li:nth-child(4) .line{height:calc(100% - 7px);transform:rotate(11.5deg)}}@media only screen and (max-width:1279px){.about-section5 .process ul li:nth-child(4) .line{display:none}}@media only screen and (min-width:1000px){.about-section5 .process ul li:hover{border-bottom:1px solid #333;border-top:1px solid #333;color:#fff}.about-section5 .process ul li:hover,.about-section5 .process ul li:hover .redbox{transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.about-section5 .process ul li:hover .redbox{background:#ad121d}.about-section5 .process ul li:hover .num-title h3{-webkit-text-fill-color:initial;color:#a7a7a7;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.about-section5 .process ul li .num-title{position:relative;text-align:center}.about-section5 .process ul li .num-title h3{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #a7a7a7;color:#222;font-family:EB Garamond,serif;font-size:160px;font-weight:400;line-height:1;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.about-section5 .process ul li .num-title h2{background:#222;color:#fff;font-family:"Noto Serif TC",serif;font-size:24px;left:50%;letter-spacing:1px;margin-left:-100px;margin-top:-20px;position:absolute;text-align:center;top:50%;width:200px}.about-section5 .process ul li .redbox{background:#571e1e;color:#fff;font-size:18px;letter-spacing:1px;line-height:30px;padding:5px 15px;text-align:center;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){.about-section5 .process ul li .redbox{font-size:16px;line-height:25px}}.about-section5 .process ul li .short{color:#ddd;font-size:18px;line-height:30px;margin-bottom:15px;text-align:center}@media only screen and (max-width:767px){.about-section5 .process ul li .short{font-size:16px;line-height:25px}}@media only screen and (max-width:1599px){.about-section5 .process ul li .redbox,.about-section5 .process ul li .short{text-align:left;width:100%}}.about-section6{padding:80px 0}@media only screen and (max-width:767px){.about-section6{padding:60px 0}}.about-section6.vivi .titlebox{animation:alpha_top30 .3s linear .3s forwards}.about-section6.vivi .custom-card{animation:alpha_top30 .3s linear .6s forwards}.about-section6.vivi .arrl,.about-section6.vivi .arrr,.about-section6.vivi .dot-area{animation:alpha_top30 .3s linear .9s forwards}.about-section6 .main-content{position:relative;z-index:10}.about-section6 .main-content .arrl{cursor:pointer;filter:alpha(opacity=100);left:-60px;margin-top:-24px;opacity:0;-moz-opacity:0;position:absolute;top:50%}@media only screen and (max-width:1599px){.about-section6 .main-content .arrl{left:-20px}}@media only screen and (max-width:1279px){.about-section6 .main-content .arrl{align-items:center;background:rgba(0,0,0,.6);display:flex;height:60px;justify-content:center;left:0;margin-top:-30px;width:40px;z-index:10}.about-section6 .main-content .arrl svg{height:auto;width:16px}.about-section6 .main-content .arrl svg line{stroke:#fff}}.about-section6 .main-content .arrr{filter:alpha(opacity=100);margin-top:-24px;opacity:0;-moz-opacity:0;position:absolute;right:-60px;top:50%}@media only screen and (max-width:1599px){.about-section6 .main-content .arrr{right:-20px}}@media only screen and (max-width:1279px){.about-section6 .main-content .arrr{align-items:center;background:rgba(0,0,0,.6);display:flex;height:60px;justify-content:center;margin-top:-30px;right:0;width:40px;z-index:10}.about-section6 .main-content .arrr svg{height:auto;width:16px}.about-section6 .main-content .arrr svg line{stroke:#fff}}.about-section6 .titlebox{filter:alpha(opacity=100);margin-bottom:60px;opacity:0;-moz-opacity:0}@media only screen and (max-width:767px){.about-section6 .titlebox{margin-bottom:30px}}.about-section6 .titlebox h2{font-size:30px;margin-bottom:5px}.about-section6 .titlebox h2,.about-section6 .titlebox h3{color:#333;font-family:"Noto Serif TC",serif;text-align:center}.about-section6 .titlebox h3{font-size:20px;margin-bottom:20px}.about-section6 .custom-card{filter:alpha(opacity=100);margin-bottom:30px;opacity:0;-moz-opacity:0;width:100%}.about-section6 .custom-card .flexbox{display:flex}.about-section6 .custom-card .flexbox .card-item{display:flex;flex-direction:column;height:auto;justify-content:space-between;margin-right:40px;position:relative;width:calc(33.33333% - 26px)}@media only screen and (max-width:1599px){.about-section6 .custom-card .flexbox .card-item{margin-right:30px;width:calc(33.33333% - 20px)}}@media only screen and (max-width:1279px){.about-section6 .custom-card .flexbox .card-item{margin-right:30px;width:calc(50% - 15px)}}@media only screen and (max-width:767px){.about-section6 .custom-card .flexbox .card-item{margin-right:0;width:100%}}.about-section6 .custom-card .flexbox .card-item .txtbox{padding:30px 0 0 30px;position:relative}@media only screen and (max-width:1599px){.about-section6 .custom-card .flexbox .card-item .txtbox{padding:20px 0 0 20px}}.about-section6 .custom-card .flexbox .card-item .txtbox p{color:#555;font-size:18px;letter-spacing:1px;line-height:30px;margin-bottom:30px}@media only screen and (max-width:1599px){.about-section6 .custom-card .flexbox .card-item .txtbox p{font-size:16px;line-height:25px;margin-bottom:20px}}.about-section6 .custom-card .flexbox .card-item .txtbox .top-icon{left:0;position:absolute;top:0}@media only screen and (max-width:1599px){.about-section6 .custom-card .flexbox .card-item .txtbox .top-icon svg{height:auto;width:24px}}.about-section6 .custom-card .flexbox .card-item .bottom-area{position:relative;width:100%}.about-section6 .custom-card .flexbox .card-item .bottom-area .pic-area{display:block;overflow:hidden;padding-bottom:55.3359683794%;position:relative;width:100%}.about-section6 .custom-card .flexbox .card-item .bottom-area .pic-area:hover{display:block}.about-section6 .custom-card .flexbox .card-item .bottom-area .pic-area:hover .img-bg{transform:scale(1.1);transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}.about-section6 .custom-card .flexbox .card-item .bottom-area .from{display:flex;justify-content:flex-end;margin-bottom:25px}.about-section6 .custom-card .flexbox .card-item .bottom-area .from .line{background:#333;height:1px;margin-right:5px;margin-top:15px;width:60px}.about-section6 .custom-card .flexbox .card-item .bottom-area .from h4{font-family:"Noto Serif TC",serif;font-size:20px}@media only screen and (max-width:1599px){.about-section6 .custom-card .flexbox .card-item .bottom-area .from h4{font-size:18px}}.about-section6 .custom-card .flexbox .card-item .bottom-area .if-peo{background:url(../../images/frontend/peodemo.png) 50%;background-size:cover;height:150px;left:30px;position:absolute;top:-20px;width:150px;z-index:5}@media only screen and (max-width:1599px){.about-section6 .custom-card .flexbox .card-item .bottom-area .if-peo{height:100px;left:10px;top:0;width:100px}}.about-section6 .custom-card .flexbox .card-item .bottom-area .img-bg{background:url(../../images/frontend/cuspic.png) 0 0;background-size:cover;height:100%;left:0;position:absolute;top:0;transform:scale(1);transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:100%}.about-section6 .dot-area{display:flex;filter:alpha(opacity=100);justify-content:center;opacity:0;-moz-opacity:0}.about-section6 .dot-area .dot{border:2px solid #000;border-radius:50%;height:16px;margin:0 5px;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:16px}@media only screen and (min-width:1000px){.about-section6 .dot-area .dot:hover{background:#ad121d;border:2px solid #ad121d;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s}}.about-section6 .dot-area .dot.swiper-pagination-bullet-activ{background:#ad121d;border:2px solid #ad121d}@media only screen and (max-width:767px){.about-section6 .dot-area .dot{height:10px;margin:0 3px;width:10px}}.ovh{overflow:hidden}.footer{background:#222;padding:20px;position:relative;z-index:10}@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=about.min.css.map*/