*{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}.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}.triggerbox{height:6000px;position:fixed;top:0;width:100%;z-index:-1}.ovh{height:100%;width:100%}.esg-title-box h2{color:#333;font-family:"Noto Serif TC",serif;font-size:30px;margin-bottom:5px;text-align:center}@media only screen and (max-width:767px){.esg-title-box h2{font-size:24px}}.esg-title-box h3{color:#555;font-size:18px;font-weight:400;text-align:center}@media only screen and (max-width:767px){.esg-title-box h3{font-size:16px}}.esg-section1{margin-bottom:80px;padding-top:150px;position:relative;width:100%}@media only screen and (max-width:1279px){.esg-section1{padding:150px 20px 0}}@media only screen and (max-width:767px){.esg-section1{padding:120px 20px 0}}.esg-section1 img,.esg-section1 svg{display:block;height:auto;width:100%}.esg-section1 .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){.esg-section1 .bgl1{bottom:40vh;width:100%}}.esg-section1 .bgr1{animation:bglab2 6s linear 0s infinite;position:fixed;right:0;width:54.1666666667vw;z-index:1}@media only screen and (max-width:767px){.esg-section1 .bgr1{width:100%}}.esg-section1 .bird-cba{animation:flycb4 8s ease-out 1.4s forwards;left:-10vw;position:absolute;top:60vw;width:6.25vw;z-index:6}@media only screen and (max-width:767px){.esg-section1 .bird-cba{left:-20vw;transform:translateY(150px);width:15vw}}.esg-section1 .txt-box{margin-bottom:80px;position:relative;z-index:10}@media only screen and (max-width:1024px){.esg-section1 .txt-box{margin-bottom:40px}}@media only screen and (max-width:767px){.esg-section1 .txt-box{margin-bottom:20px}}.esg-section1 .txt-box h1{animation:alpha_top30 .5s linear .3s forwards;color:#333;filter:alpha(opacity=100);font-family:"Noto Serif TC",serif;font-size:70px;font-style:normal;letter-spacing:2px;margin:0 0 10px;opacity:0;-moz-opacity:0;text-align:center}.esg-section1 .txt-box h1 span{color:#006a03;display:inline-block;margin:0 10px}@media only screen and (max-width:1024px){.esg-section1 .txt-box h1{font-size:50px}}@media only screen and (max-width:767px){.esg-section1 .txt-box h1{font-size:12vw;line-height:1.2}}.esg-section1 .txt-box h2{animation:alpha_top30 .5s linear .5s forwards;color:#333;filter:alpha(opacity=100);font-family:"Noto Serif TC",serif;font-size:30px;margin-bottom:30px;opacity:0;-moz-opacity:0;text-align:center}@media only screen and (max-width:1024px){.esg-section1 .txt-box h2{font-size:26px}}@media only screen and (max-width:767px){.esg-section1 .txt-box h2{font-size:22px}}.esg-section1 .txt-box p{animation:alpha_top30 .5s linear .7s forwards;color:#555;filter:alpha(opacity=100);font-size:18px;line-height:30px;margin:0 auto;max-width:880px;opacity:0;-moz-opacity:0;text-align:center}@media only screen and (max-width:1024px){.esg-section1 .txt-box p{font-size:16px;line-height:1.4;max-width:600px}}.esg-section1 .earth-area{animation:alpha_top30 .5s linear 1s forwards;bottom:-5vw;display:block;filter:alpha(opacity=100);margin:0 auto;max-width:1200px;opacity:0;-moz-opacity:0;position:relative;width:56.25%;z-index:5}@media only screen and (max-width:1024px){.esg-section1 .earth-area{width:80vw}}@media only screen and (max-width:767px){.esg-section1 .earth-area{width:85vw}}.esg-section1 .earth-area .car{animation:car 5s linear .5s infinite;left:0;position:absolute;top:50%;width:6.0756972112%}.esg-section1 .earth-area .redsun{opacity:0;position:absolute;right:19%;top:5vw;width:10%;z-index:-1}.esg-section1 .earth-area .redsun svg{animation:rotate_360 10s linear 0s infinite}.esg-section2{position:relative;z-index:3}.esg-section2.vivi .esg-title-box{animation:alpha_top30 .5s linear .3s forwards;filter:alpha(opacity=100);opacity:0;-moz-opacity:0}.esg-section2.vivi .whylist li:first-child{animation:alpha_top30 .5s linear .5s forwards}.esg-section2.vivi .whylist li:nth-child(2){animation:alpha_top30 .5s linear .7s forwards}.esg-section2.vivi .whylist li:nth-child(3){animation:alpha_top30 .5s linear .9s forwards}.esg-section2.vivi .whylist li:nth-child(4){animation:alpha_top30 .5s linear 1.2s forwards}@media only screen and (max-width:1024px){.esg-section2{padding-top:120px}}@media only screen and (max-width:767px){.esg-section2{padding-top:100px}}.esg-section2 img{display:block;height:auto;width:100%}.esg-section2 .left-waterfall{left:0;position:absolute;top:-22vw;width:14.5833333333vw;z-index:5}@media only screen and (max-width:1599px){.esg-section2 .left-waterfall{width:12%}}@media only screen and (max-width:1024px){.esg-section2 .left-waterfall{width:16%}}@media only screen and (max-width:767px){.esg-section2 .left-waterfall{width:25%}}.esg-section2 .left-waterfall .waterline1{animation:waterline1 1s linear 0s infinite}.esg-section2 .left-waterfall .waterline1,.esg-section2 .left-waterfall .waterline2{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:absolute;right:14.2%;top:58%;width:31%}.esg-section2 .left-waterfall .waterline2{animation:waterline1 1s linear .6s infinite}.esg-section2 .right-waterfall{position:absolute;right:0;top:5vw;width:14.5833333333vw;z-index:5}@media only screen and (max-width:1599px){.esg-section2 .right-waterfall{width:12%}}@media only screen and (max-width:1024px){.esg-section2 .right-waterfall{width:16%}}@media only screen and (max-width:767px){.esg-section2 .right-waterfall{width:25%}}.esg-section2 .right-waterfall .waterline1{animation:waterline2 .9s linear 0s infinite}.esg-section2 .right-waterfall .waterline1,.esg-section2 .right-waterfall .waterline2{filter:alpha(opacity=100);left:30%;opacity:0;-moz-opacity:0;position:absolute;top:46%;width:34%}.esg-section2 .right-waterfall .waterline2{animation:waterline2 .9s linear .5s infinite}.esg-section2 .right-waterfall .fishfall{animation:fishfall 10s linear .3s infinite;filter:alpha(opacity=100);left:37%;opacity:0;-moz-opacity:0;position:absolute;top:45%;transform:rotate(-90deg);width:20%}.esg-section2 .right-waterfall .wind-power{left:44%;position:absolute;top:-22%;width:16.4285714286%}.esg-section2 .right-waterfall .wind-power .rel{position:relative}.esg-section2 .right-waterfall .wind-power .rotate-wp{animation:rotate_360b 3s linear 0s infinite;left:-235%;position:absolute;top:-44%;width:543.4782608696%}.esg-section2 .right-waterfall .wind-power .dot-rotate{left:15.5%;position:absolute;top:-2.7%;width:39.1304347826%}.esg-section2 .right-waterfall .wind-power .dot-rotate svg{height:auto;width:100%}.esg-section2 .right-waterfall .float-lightning1{animation:floattop-light 2s linear .5s infinite;filter:alpha(opacity=100);left:18%;opacity:0;-moz-opacity:0;position:absolute;top:-55%;width:11.4285714286%}.esg-section2 .right-waterfall .float-lightning1 svg{height:auto;width:100%}.esg-section2 .right-waterfall .float-lightning2{animation:floattop-light 2.5s linear 1s infinite;filter:alpha(opacity=100);left:40%;opacity:0;-moz-opacity:0;position:absolute;top:-50%;width:8.5714285714%}.esg-section2 .right-waterfall .float-lightning2 svg{height:auto;width:100%}.esg-section2 .esg-title-box{filter:alpha(opacity=100);margin-bottom:90px;opacity:0;-moz-opacity:0}@media only screen and (max-width:767px){.esg-section2 .esg-title-box{margin-bottom:60px}.esg-section2 .esg-title-box h2{margin:0 auto;max-width:65%}}.esg-section2 .main_1240{margin:0 auto;max-width:1240px;padding:0 20px}@media only screen and (max-width:1599px){.esg-section2 .main_1240{max-width:1140px}}.esg-section2 .whylist{display:flex;flex-wrap:wrap;justify-content:space-between}.esg-section2 .whylist li{border-radius:30px;filter:alpha(opacity=100);margin-bottom:80px;opacity:0;-moz-opacity:0;padding:40px 30px 20px 150px;position:relative;width:calc(50% - 10px)}.esg-section2 .whylist li:first-child,.esg-section2 .whylist li:nth-child(4){background:#f7f7f7}@media only screen and (max-width:767px){.esg-section2 .whylist li:nth-child(4){background:none}}@media only screen and (max-width:1024px){.esg-section2 .whylist li{margin-bottom:60px;padding:35px 30px 20px}}@media only screen and (max-width:767px){.esg-section2 .whylist li{border-radius:15px;margin-bottom:50px;padding:35px 20px 20px;width:100%}.esg-section2 .whylist li:nth-child(3){background:#f7f7f7}}.esg-section2 .whylist li .num{-webkit-text-fill-color:#fff;-webkit-text-stroke:1px #006a03;bottom:35px;color:#fff;font-family:EB Garamond,serif;font-size:160px;font-weight:500;left:30px;line-height:1;position:absolute}@media only screen and (max-width:1024px){.esg-section2 .whylist li .num{bottom:auto;font-size:60px;left:20px;top:-35px}}.esg-section2 .whylist li h4{background:#006a03;color:#fff;display:inline-block;font-family:"Noto Serif TC",serif;font-size:20px;padding:5px 10px;position:absolute;top:-20px}@media only screen and (max-width:1024px){.esg-section2 .whylist li h4{left:70px}}.esg-section2 .whylist li p{color:#555;font-size:18px;line-height:30px}@media only screen and (max-width:767px){.esg-section2 .whylist li p{font-size:16px;line-height:25px}}.esg-section3{padding-top:220px;position:relative;z-index:5}@media only screen and (max-width:1024px){.esg-section3{padding-top:140px}}@media only screen and (max-width:767px){.esg-section3{padding-top:160px}}.esg-section3.vivi .wheel{animation:alpha_01 .5s linear .3s forwards}.esg-section3.vivi .s3data li:first-child{animation:alpha_top50 .3s linear .5s forwards}.esg-section3.vivi .s3data li:nth-child(2){animation:alpha_top50 .3s linear .8s forwards}.esg-section3.vivi .s3data li:nth-child(3){animation:alpha_top50 .3s linear 1.1s forwards}.esg-section3 .s3data{display:flex;left:0;position:absolute;width:100%}.esg-section3 .s3data li{color:#555;filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:absolute;text-align:center;width:285px}@media only screen and (max-width:1024px){.esg-section3 .s3data li{width:180px}}@media only screen and (max-width:767px){.esg-section3 .s3data li{font-size:14px;width:160px}}.esg-section3 .s3data li:first-child{left:5%;top:0}@media only screen and (max-width:767px){.esg-section3 .s3data li:first-child{left:10px;top:-55px}}.esg-section3 .s3data li:nth-child(2){left:50%;margin-left:-142px;top:-180px}@media only screen and (max-width:1024px){.esg-section3 .s3data li:nth-child(2){margin-left:-90px;top:-140px}}@media only screen and (max-width:767px){.esg-section3 .s3data li:nth-child(2){margin-left:-80px;top:-170px}}.esg-section3 .s3data li:nth-child(3){right:5%;top:0}@media only screen and (max-width:767px){.esg-section3 .s3data li:nth-child(3){right:10px;top:-40px}}.esg-section3 .s3data li .num{color:#006a03;display:flex;font-family:EB Garamond,serif;font-size:120px;font-weight:700;justify-content:center}@media only screen and (max-width:1599px){.esg-section3 .s3data li .num{font-size:100px}}@media only screen and (max-width:1024px){.esg-section3 .s3data li .num{font-size:80px}}@media only screen and (max-width:767px){.esg-section3 .s3data li .num{font-size:12vw}}.esg-section3 .s3data li span{display:block;margin-left:5px}.esg-section3 img{height:auto;width:100%}.esg-section3 .main_1440{margin:0 auto;max-width:1440px;padding:0 20px;position:relative}.esg-section3 .wheel{bottom:-60px;filter:alpha(opacity=100);margin:0 auto;opacity:0;-moz-opacity:0;position:relative;width:670px}@media only screen and (max-width:1599px){.esg-section3 .wheel{width:570px}}@media only screen and (max-width:1279px){.esg-section3 .wheel{width:470px}}@media only screen and (max-width:1024px){.esg-section3 .wheel{width:370px}}@media only screen and (max-width:767px){.esg-section3 .wheel{width:70vw}}.esg-section3 .wheel img{animation:rotate_360 10s linear 0s infinite}.esg-section3 .wheel .float-lightning1{animation:floattop-light 2.5s linear .5s infinite;filter:alpha(opacity=100);left:15%;opacity:0;-moz-opacity:0;position:absolute;top:-10%;width:4.776119403%}.esg-section3 .wheel .float-lightning1 svg{height:auto;width:100%}@media only screen and (max-width:767px){.esg-section3 .wheel .float-lightning1{display:none}}.esg-section3 .wheel .float-lightning2{animation:floattop-light 2s linear 2s infinite;filter:alpha(opacity=100);left:75%;opacity:0;-moz-opacity:0;position:absolute;top:0;width:3.5820895522%}@media only screen and (max-width:767px){.esg-section3 .wheel .float-lightning2{display:none}}.esg-section3 .wheel .float-lightning2 svg{height:auto;width:100%}.esg-section3 .waves{bottom:0;height:180px;margin-bottom:-7px;max-height:180px;min-height:120px;position:absolute;width:100%}.esg-section3 .content{background-color:#fff;height:20vh;position:relative;text-align:center}.esg-section3 .parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.esg-section3 .parallax>use:first-child{animation-delay:-2s;animation-duration:7s}.esg-section3 .parallax>use:nth-child(2){animation-delay:-5s;animation-duration:10s}.esg-section3 .parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.esg-section3 .parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@media(max-width:768px){.esg-section3 .waves{height:40px;min-height:40px}.esg-section3 .content{height:30vh}.esg-section3 h1{font-size:24px}}.esg-section4{background:#f7f7f7;margin-top:0;padding:80px 0;position:relative;z-index:5}.esg-section4.vivi .esg-title-box{animation:alpha_top50 .5s linear .3s forwards}.esg-section4.vivi .pie-area .center-pie{animation:alpha_01 .3s linear .5s forwards;position:relative}.esg-section4.vivi .pie-area .center-pie svg{display:block;height:auto;max-width:100%}.esg-section4.vivi .pie-area .center-pie .redpart{animation:redpart .3s linear .7s forwards}.esg-section4.vivi .pie-area .center-pie .txt1,.esg-section4.vivi .pie-area .center-pie .txt2,.esg-section4.vivi .pie-area .center-pie .txt3{animation:alpha_01 .3s linear 1.5s forwards}.esg-section4.vivi .pie-area .center-pie .left-box .txt{animation:alpha_top30 .3s linear .9s forwards}.esg-section4.vivi .pie-area .center-pie .left-box .linebox{animation:linebox250 .3s linear 1.2s forwards}.esg-section4.vivi .pie-area .center-pie .right-box .txt{animation:alpha_top30 .3s linear 1.5s forwards}.esg-section4.vivi .pie-area .center-pie .right-box .linebox{animation:linebox150 .3s linear 1.2s forwards}.esg-section4.vivi .number-list{animation:alpha_top50 .5s linear 1.5s forwards}.esg-section4.vivi .fish01,.esg-section4.vivi .fish02,.esg-section4.vivi .fish03{display:block}.esg-section4.vivi .swimcir{animation:alpha_01 .5s linear 1.5s forwards}@media only screen and (max-width:767px){.esg-section4{padding-bottom:60px;padding-top:160px}}.esg-section4 .fish01{animation:fish01s 12s linear 1.5s infinite;display:none;position:absolute;right:-10vw;top:10vw;width:4.6875vw}@media only screen and (max-width:1599px){.esg-section4 .fish01{top:14vw}}@media only screen and (max-width:767px){.esg-section4 .fish01{top:20vw;width:10vw}}.esg-section4 .fish01 img{height:auto;width:100%}.esg-section4 .fish02{animation:fish02s 15s linear 1.8s infinite;display:none;left:-10vw;position:absolute;top:35vw;width:5.2083333333vw}@media only screen and (max-width:1599px){.esg-section4 .fish02{top:42vw}}@media only screen and (max-width:767px){.esg-section4 .fish02{top:70vw;width:10vw}}.esg-section4 .fish02 img{height:auto;transform:rotateY(180deg);width:100%}.esg-section4 .fish03{animation:fish03s 13s linear 1.7s infinite;bottom:0;display:none;position:absolute;right:-10vw;width:5.2083333333vw}@media only screen and (max-width:767px){.esg-section4 .fish03{bottom:2vw;width:10vw}}.esg-section4 .fish03 img{height:auto;width:100%}.esg-section4 .wave1{animation:floatll1 1.8s linear .3s infinite;position:absolute;right:2.6041666667vw;top:16vw;width:5.9375vw;z-index:1}.esg-section4 .wave1 img{height:auto;width:100%}.esg-section4 .wave2{animation:floatlr1 2s linear .3s infinite;left:8.3333333333vw;position:absolute;top:32vw;width:5.9375vw;z-index:1}@media only screen and (max-width:1279px){.esg-section4 .wave2{left:0}}.esg-section4 .wave2 img{height:auto;width:100%}.esg-section4 .swimcir{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:absolute;right:9vw;top:7vw;width:5.8854166667vw}.esg-section4 .swimcir img{animation:floatlr1 2s linear .3s infinite;height:auto;width:100%}.esg-section4 .main_1440{margin:0 auto;max-width:1440px;padding:0 20px;position:relative}@media only screen and (max-width:1599px){.esg-section4 .main_1440{max-width:1240px}}.esg-section4 .esg-title-box{filter:alpha(opacity=100);margin-bottom:140px;opacity:0;-moz-opacity:0}@media only screen and (max-width:1279px){.esg-section4 .esg-title-box{margin-bottom:100px}}@media only screen and (max-width:767px){.esg-section4 .esg-title-box{margin-bottom:120px}.esg-section4 .esg-title-box h2{margin:0 auto;max-width:70%}}.esg-section4 .pie-area{display:flex;justify-content:center;margin-bottom:100px}@media only screen and (max-width:1024px){.esg-section4 .pie-area{margin-bottom:60px}}@media only screen and (max-width:767px){.esg-section4 .pie-area{margin-bottom:100px}}.esg-section4 .pie-area .center-pie{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:relative;width:432px}@media only screen and (max-width:1279px){.esg-section4 .pie-area .center-pie{width:350px}}@media only screen and (max-width:767px){.esg-section4 .pie-area .center-pie{width:60vw}}.esg-section4 .pie-area .center-pie svg{display:block}.esg-section4 .pie-area .center-pie .redpart,.esg-section4 .pie-area .center-pie .txt1,.esg-section4 .pie-area .center-pie .txt2,.esg-section4 .pie-area .center-pie .txt3{filter:alpha(opacity=100);opacity:0;-moz-opacity:0}.esg-section4 .pie-area .center-pie .left-box{align-items:center;display:flex;left:-240px;position:absolute;top:35px}@media only screen and (max-width:1279px){.esg-section4 .pie-area .center-pie .left-box{left:-245px;top:30px}}@media only screen and (max-width:1024px){.esg-section4 .pie-area .center-pie .left-box{left:50%;margin-left:-320px}}@media only screen and (max-width:767px){.esg-section4 .pie-area .center-pie .left-box{bottom:-50px;left:-25%;margin-left:0;top:auto}}.esg-section4 .pie-area .center-pie .left-box .linebox{overflow:hidden;width:0}@media only screen and (max-width:1024px){.esg-section4 .pie-area .center-pie .left-box .linebox{display:none}}.esg-section4 .pie-area .center-pie .left-box .linebox svg{max-width:250px;width:250px}@media only screen and (max-width:1279px){.esg-section4 .pie-area .center-pie .left-box .linebox svg{width:230px}}.esg-section4 .pie-area .center-pie .left-box .txt{filter:alpha(opacity=100);margin-right:20px;opacity:0;-moz-opacity:0}.esg-section4 .pie-area .center-pie .left-box .num{color:#333;font-family:EB Garamond,serif;font-size:80px;font-weight:700;line-height:1;text-align:center}@media only screen and (max-width:1024px){.esg-section4 .pie-area .center-pie .left-box .num{font-size:60px}}@media only screen and (max-width:767px){.esg-section4 .pie-area .center-pie .left-box .num{font-size:12vw}}.esg-section4 .pie-area .center-pie .left-box h3{color:#333;font-family:"Noto Serif TC",serif;font-size:30px;text-align:center}@media only screen and (max-width:1024px){.esg-section4 .pie-area .center-pie .left-box h3{font-size:24px}}@media only screen and (max-width:767px){.esg-section4 .pie-area .center-pie .left-box h3{font-size:18px}}.esg-section4 .pie-area .center-pie .right-box{align-items:center;display:flex;left:350px;position:absolute;top:-50px}@media only screen and (max-width:1279px){.esg-section4 .pie-area .center-pie .right-box{left:270px}}@media only screen and (max-width:1024px){.esg-section4 .pie-area .center-pie .right-box{left:50%;margin-left:30px}}@media only screen and (max-width:767px){.esg-section4 .pie-area .center-pie .right-box{left:auto;margin-left:0;right:-27%;top:-105px}}.esg-section4 .pie-area .center-pie .right-box .linebox{overflow:hidden;width:0}@media only screen and (max-width:767px){.esg-section4 .pie-area .center-pie .right-box .linebox{display:none}}.esg-section4 .pie-area .center-pie .right-box .linebox svg{max-width:250px;width:150px}.esg-section4 .pie-area .center-pie .right-box .mbline{display:none}@media only screen and (max-width:767px){.esg-section4 .pie-area .center-pie .right-box .mbline{background:#000;bottom:-50px;display:block;height:50px;left:50%;position:absolute;width:1px}}.esg-section4 .pie-area .center-pie .right-box .txt{filter:alpha(opacity=100);margin-left:0;opacity:0;-moz-opacity:0;width:210px}@media only screen and (max-width:1024px){.esg-section4 .pie-area .center-pie .right-box .txt{width:180px}}@media only screen and (max-width:767px){.esg-section4 .pie-area .center-pie .right-box .txt{width:220px}}.esg-section4 .pie-area .center-pie .right-box .num{color:#ad121d;font-family:EB Garamond,serif;font-size:80px;font-weight:700;line-height:1;text-align:center}@media only screen and (max-width:1024px){.esg-section4 .pie-area .center-pie .right-box .num{font-size:60px}}@media only screen and (max-width:767px){.esg-section4 .pie-area .center-pie .right-box .num{font-size:12vw}}.esg-section4 .pie-area .center-pie .right-box h3{color:#333;font-family:"Noto Serif TC",serif;font-size:30px;text-align:center}@media only screen and (max-width:1024px){.esg-section4 .pie-area .center-pie .right-box h3{font-size:24px}}@media only screen and (max-width:767px){.esg-section4 .pie-area .center-pie .right-box h3{font-size:18px}}.esg-section4 .pie-area .center-pie .right-box p{color:#555;text-align:center}.esg-section4 .number-list{background:#fff;border:1px solid #000;border-radius:30px;filter:alpha(opacity=100);opacity:0;-moz-opacity:0;padding:85px 0 50px;position:relative;width:100%}@media only screen and (max-width:767px){.esg-section4 .number-list{border-radius:15px;padding:75px 0 30px}}.esg-section4 .number-list .flex-boxcenter{display:flex;justify-content:center;position:absolute;top:-25px;width:100%}.esg-section4 .number-list .keytitle{background:#ad121d;color:#fff;font-family:"Noto Serif TC",serif;font-size:30px;font-weight:700;padding:5px 15px;text-align:center}@media only screen and (max-width:767px){.esg-section4 .number-list .keytitle{font-size:24px}}.esg-section4 .number-list ul{display:flex;justify-content:space-between;margin-bottom:40px;padding:0 100px}@media only screen and (max-width:1599px){.esg-section4 .number-list ul{padding:0 60px}}@media only screen and (max-width:1279px){.esg-section4 .number-list ul{padding:0 30px}}@media only screen and (max-width:1024px){.esg-section4 .number-list ul{flex-wrap:wrap;justify-content:center;margin-bottom:0}}@media only screen and (max-width:767px){.esg-section4 .number-list ul{padding:0 15px}}.esg-section4 .number-list ul li{background:#f7f7f7;border-radius:20px;list-style:none;padding:30px;position:relative;top:0;transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;width:calc(20% - 16px)}@media only screen and (min-width:1000px){.esg-section4 .number-list ul li:hover{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:1279px){.esg-section4 .number-list ul li{padding:20px 15px}}@media only screen and (max-width:1024px){.esg-section4 .number-list ul li{margin:0 7px 40px;width:calc(33% - 20px)}}@media only screen and (max-width:767px){.esg-section4 .number-list ul li{border-radius:15px;margin-bottom:40px;margin-left:0;margin-right:20px;padding:30px 15px 15px;width:calc(50% - 10px)}.esg-section4 .number-list ul li:nth-child(2n){margin-right:0}.esg-section4 .number-list ul li:last-child{margin-bottom:20px;margin-right:0}}.esg-section4 .number-list ul li .numarea{color:#ad121d;font-family:EB Garamond,serif;font-size:60px;font-weight:700;letter-spacing:2px;margin-top:-70px;text-align:center}@media only screen and (max-width:767px){.esg-section4 .number-list ul li .numarea{font-size:12vw}}.esg-section4 .number-list ul li p{color:#333;font-family:"Noto Serif TC",serif;font-size:18px;font-weight:700;text-align:center}@media only screen and (max-width:767px){.esg-section4 .number-list ul li p{font-size:16px}}.esg-section4 .number-list .contp{color:#555;font-size:18px;margin:0 auto;max-width:870px;text-align:center}@media only screen and (max-width:1024px){.esg-section4 .number-list .contp{max-width:600px}}@media only screen and (max-width:767px){.esg-section4 .number-list .contp{font-size:16px;padding:0 15px}}.esg-section4 .float-solarpanels{animation:dotmove1 8s linear 0s infinite;left:50%;margin-left:17%;position:absolute;top:-11%;width:21.1979166667%;z-index:5}@media only screen and (max-width:1279px){.esg-section4 .float-solarpanels{left:50%;margin-left:20%;top:-9%;width:24%}}@media only screen and (max-width:767px){.esg-section4 .float-solarpanels{left:50%;margin-left:7%;top:-1%;width:37%}}.esg-section4 .float-solarpanels svg{height:auto;width:100%}.esg-section4 .float-solarpanels svg .one:hover .bg,.esg-section4 .float-solarpanels svg path{transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels svg .one:hover .bg{fill:#e60039}.esg-section4 .float-solarpanels svg .one:hover .icon{fill:#fff}.esg-section4 .float-solarpanels svg .one:hover .icon,.esg-section4 .float-solarpanels svg .two:hover .bg{transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels svg .two:hover .bg{fill:#d3a243}.esg-section4 .float-solarpanels svg .two:hover .icon{fill:#fff}.esg-section4 .float-solarpanels svg .three:hover .bg,.esg-section4 .float-solarpanels svg .two:hover .icon{transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels svg .three:hover .bg{fill:#549b35}.esg-section4 .float-solarpanels svg .three:hover .icon{fill:#fff}.esg-section4 .float-solarpanels svg .four:hover .bg,.esg-section4 .float-solarpanels svg .three:hover .icon{transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels svg .four:hover .bg{fill:#b81c2b}.esg-section4 .float-solarpanels svg .four:hover .icon{fill:#fff}.esg-section4 .float-solarpanels svg .five:hover .bg,.esg-section4 .float-solarpanels svg .four:hover .icon{transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels svg .five:hover .bg{fill:#e83828}.esg-section4 .float-solarpanels svg .five:hover .icon{fill:#fff}.esg-section4 .float-solarpanels svg .five:hover .icon,.esg-section4 .float-solarpanels svg .six:hover .bg{transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels svg .six:hover .bg{fill:#23b3d3}.esg-section4 .float-solarpanels svg .six:hover .icon{fill:#fff}.esg-section4 .float-solarpanels svg .seven:hover .bg,.esg-section4 .float-solarpanels svg .six:hover .icon{transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels svg .seven:hover .bg{fill:#fabf13}.esg-section4 .float-solarpanels svg .seven:hover .icon{fill:#fff}.esg-section4 .float-solarpanels svg .eight:hover .bg,.esg-section4 .float-solarpanels svg .seven:hover .icon{transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels svg .eight:hover .bg{fill:#991f40}.esg-section4 .float-solarpanels svg .eight:hover .icon{fill:#fff;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels2{animation:dotmove2 8s linear 0s infinite;left:50%;margin-left:-40%;position:absolute;top:0;width:21.1979166667%;z-index:5}@media only screen and (max-width:1279px){.esg-section4 .float-solarpanels2{margin-left:-50%;width:24%}}@media only screen and (max-width:1024px){.esg-section4 .float-solarpanels2{top:-5%}}@media only screen and (max-width:767px){.esg-section4 .float-solarpanels2{margin-left:-45%;top:2%;width:37%}}.esg-section4 .float-solarpanels2 svg{height:auto;width:100%}.esg-section4 .float-solarpanels2 svg .nine:hover .bg,.esg-section4 .float-solarpanels2 svg path{transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels2 svg .nine:hover .bg{fill:#ed6d34}.esg-section4 .float-solarpanels2 svg .nine:hover .icon{fill:#fff}.esg-section4 .float-solarpanels2 svg .nine:hover .icon,.esg-section4 .float-solarpanels2 svg .ten:hover .bg{transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels2 svg .ten:hover .bg{fill:#d02065}.esg-section4 .float-solarpanels2 svg .ten:hover .icon{fill:#fff}.esg-section4 .float-solarpanels2 svg .ele:hover .bg,.esg-section4 .float-solarpanels2 svg .ten:hover .icon{transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels2 svg .ele:hover .bg{fill:#f3982d}.esg-section4 .float-solarpanels2 svg .ele:hover .icon{fill:#fff}.esg-section4 .float-solarpanels2 svg .ele:hover .icon,.esg-section4 .float-solarpanels2 svg .twlf:hover .bg{transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels2 svg .twlf:hover .bg{fill:#be8a2f}.esg-section4 .float-solarpanels2 svg .twlf:hover .icon{fill:#fff}.esg-section4 .float-solarpanels2 svg .thirteen:hover .bg,.esg-section4 .float-solarpanels2 svg .twlf:hover .icon{transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels2 svg .thirteen:hover .bg{fill:#367d46}.esg-section4 .float-solarpanels2 svg .thirteen:hover .icon{fill:#fff;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels2 svg .fourteen:hover .bg{fill:#0b97db;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels2 svg .fourteen:hover .icon{fill:#fff;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels2 svg .fifteen:hover .bg{fill:#56bf28;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels2 svg .fifteen:hover .icon{fill:#fff;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels2 svg .sixteen:hover .bg{fill:#01689d;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels2 svg .sixteen:hover .icon{fill:#fff;transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s}.esg-section4 .float-solarpanels2 .rel{position:relative}.esg-section4 .float-solarpanels2 .float-lightning1{animation:floattop-light 2s linear .5s infinite;filter:alpha(opacity=100);left:18%;opacity:0;-moz-opacity:0;position:absolute;top:-20%;width:8%}.esg-section4 .float-solarpanels2 .float-lightning1 svg{height:auto;width:100%}.esg-section4 .float-solarpanels2 .float-lightning2{animation:floattop-light 2.5s linear 1s infinite;filter:alpha(opacity=100);left:40%;opacity:0;-moz-opacity:0;position:absolute;top:-10%;width:6%}.esg-section4 .float-solarpanels2 .float-lightning2 svg{height:auto;width:100%}.esg-section5{background:#f7f7f7;margin-top:0;padding:60px 0;position:relative;z-index:5}@media only screen and (max-width:1279px){.esg-section5{padding:20px 0}}@media only screen and (max-width:767px){.esg-section5{padding:0}}.esg-section5.vivi .esg-title-box{animation:alpha_top50 .5s linear .3s forwards}.esg-section5.vivi .earthbox .earth{animation:rotate_alpha .5s linear .5s forwards}.esg-section5.vivi .earthbox .cardshadow,.esg-section5.vivi .earthbox .tacscard{animation:alpha_top50 .3s linear .8s forwards}.esg-section5.vivi .earthbox .bubblemessage1{animation:alpha_top50 .3s linear 1.2s forwards}.esg-section5.vivi .earthbox .bubblemessage2{animation:alpha_bottom50 .3s linear 1.2s forwards}.esg-section5.vivi .w50:first-child li:first-child{animation:alpha_top30 .3s linear .7s forwards}.esg-section5.vivi .w50:first-child li:nth-child(2){animation:alpha_top30 .3s linear .9s forwards}.esg-section5.vivi .w50:first-child li:nth-child(3){animation:alpha_top30 .3s linear 1.1s forwards}.esg-section5.vivi .w50:nth-child(2) li:first-child{animation:alpha_top30 .3s linear 1.3s forwards}.esg-section5.vivi .w50:nth-child(2) li:nth-child(2){animation:alpha_top30 .3s linear 1.5s forwards}.esg-section5 .fishshadow1{animation:fishsha1 12.5s linear 1s infinite;position:absolute;right:-10vw;top:5vw;width:9.6875vw}@media only screen and (max-width:767px){.esg-section5 .fishshadow1{width:15vw}}.esg-section5 .fishshadow1 img{height:auto;width:100%}.esg-section5 .main_1440{margin:0 auto;max-width:1440px;padding:0 20px;position:relative}@media only screen and (max-width:1599px){.esg-section5 .main_1440{max-width:1240px}}.esg-section5 .esg-title-box{filter:alpha(opacity=100);margin-bottom:70px;opacity:0;-moz-opacity:0}@media only screen and (max-width:767px){.esg-section5 .esg-title-box{margin-bottom:40px}}.esg-section5 .esg-title-box h2{color:#006a03;font-family:"Noto Serif TC",serif;font-size:30px;margin-bottom:5px;text-align:center}.esg-section5 .esg-title-box h3{color:#555;font-size:18px;font-weight:400;text-align:center}.esg-section5 .flex-box{align-items:center;display:flex}@media only screen and (max-width:1024px){.esg-section5 .flex-box{flex-wrap:wrap}}.esg-section5 .flex-box .left-pic{display:flex;justify-content:center;width:50%}@media only screen and (max-width:1024px){.esg-section5 .flex-box .left-pic{margin-bottom:30px;width:100%}}@media only screen and (max-width:767px){.esg-section5 .flex-box .left-pic{margin-bottom:40px}}.esg-section5 .flex-box .left-pic svg{height:auto;width:100%}.esg-section5 .flex-box .left-pic .earthbox{position:relative;width:75.7142857143%}@media only screen and (max-width:1024px){.esg-section5 .flex-box .left-pic .earthbox{width:50%}}@media only screen and (max-width:767px){.esg-section5 .flex-box .left-pic .earthbox{width:80%}}.esg-section5 .flex-box .left-pic .earthbox .earth{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:relative;z-index:3}.esg-section5 .flex-box .left-pic .earthbox .tacscard{filter:alpha(opacity=100);left:50%;margin-left:-58.679245283%;margin-top:-32%;opacity:0;-moz-opacity:0;position:absolute;top:50%;width:117.358490566%;z-index:5}.esg-section5 .flex-box .left-pic .earthbox .cardshadow{filter:alpha(opacity=100);left:50%;margin-left:-58.4905660377%;margin-top:-25.5%;opacity:0;-moz-opacity:0;position:absolute;width:116.9811320755%;z-index:1}.esg-section5 .flex-box .left-pic .earthbox .bubblemessage1{filter:alpha(opacity=100);opacity:0;-moz-opacity:0;position:absolute;right:-9%;top:0;width:39.6226415094%;z-index:5}.esg-section5 .flex-box .left-pic .earthbox .bubblemessage1 svg{animation:floatpup2 1.8s linear 0s infinite}.esg-section5 .flex-box .left-pic .earthbox .bubblemessage2{bottom:0;filter:alpha(opacity=100);left:-9%;opacity:0;-moz-opacity:0;position:absolute;width:50.5660377358%;z-index:5}.esg-section5 .flex-box .left-pic .earthbox .bubblemessage2 svg{animation:floatpup2s 1.8s linear .3s infinite}.esg-section5 .flex-box .right-pic{align-items:center;display:flex;justify-content:space-between;width:50%}@media only screen and (max-width:1024px){.esg-section5 .flex-box .right-pic{width:100%}}@media only screen and (max-width:767px){.esg-section5 .flex-box .right-pic{flex-direction:column}}.esg-section5 .flex-box .right-pic .w50{width:calc(50% - 10px)}@media only screen and (max-width:767px){.esg-section5 .flex-box .right-pic .w50{width:100%}}.esg-section5 .flex-box .right-pic .w50 li{background:#fff;border-radius:15px;display:flex;filter:alpha(opacity=100);margin-bottom:40px;opacity:0;-moz-opacity:0;padding:20px;position:relative}@media only screen and (max-width:1279px){.esg-section5 .flex-box .right-pic .w50 li{padding:15px}}@media only screen and (max-width:767px){.esg-section5 .flex-box .right-pic .w50 li{margin-bottom:20px}}.esg-section5 .flex-box .right-pic .w50 li .number{color:#006a03;font-family:EB Garamond,serif;font-size:60px;font-weight:700;left:10px;position:absolute;top:-35px}@media only screen and (max-width:1279px){.esg-section5 .flex-box .right-pic .w50 li .number{font-size:50px}}@media only screen and (max-width:767px){.esg-section5 .flex-box .right-pic .w50 li .number{font-size:40px;top:-20px}}.esg-section5 .flex-box .right-pic .w50 li .icon-box{align-items:center;background:#f7f7f7;border-radius:10px;display:flex;flex:0 0 auto;height:80px;justify-content:center;width:80px}@media only screen and (max-width:1279px){.esg-section5 .flex-box .right-pic .w50 li .icon-box{height:60px;width:60px}.esg-section5 .flex-box .right-pic .w50 li .icon-box svg{width:60%}}@media only screen and (max-width:767px){.esg-section5 .flex-box .right-pic .w50 li .icon-box{height:80px;width:80px}}.esg-section5 .flex-box .right-pic .w50 li .txt{margin-left:20px}@media only screen and (max-width:1279px){.esg-section5 .flex-box .right-pic .w50 li .txt{margin-left:10px}}.esg-section5 .flex-box .right-pic .w50 li .txt h3{font-family:"Noto Serif TC",serif}@media only screen and (max-width:767px){.esg-section5 .flex-box .right-pic .w50 li .txt h3{font-size:18px}}.esg-section5 .flex-box .right-pic .w50 li .txt p{color:#707070}.esg-section6{background:#f7f7f7;position:relative;z-index:5}.esg-section6 .fishshadow2{animation:fish02s 12.5s linear 1s infinite;position:absolute;right:-10vw;top:5vw;width:15.625vw}@media only screen and (max-width:767px){.esg-section6 .fishshadow2{width:25vw}}.esg-section6 img{display:block;height:auto;width:100%}.esg-section6 .lw1{animation:rotate_2 3s linear 0s infinite;bottom:.5208333333vw;left:-.5208333333%;position:absolute;transform-origin:bottom right;width:8.0729166667%;z-index:3}.esg-section6 .lw2{animation:rotate_1 4s linear 0s infinite;left:2.6041666667%;width:5.625%;z-index:4}.esg-section6 .lw2,.esg-section6 .lw3{bottom:.5208333333vw;position:absolute;transform-origin:bottom center}.esg-section6 .lw3{animation:rotate_3 4s linear 0s infinite;left:8.3333333333%;width:4.6354166667%;z-index:1}.esg-section6 .lw4{animation:rotate_2 5s linear 0s infinite;bottom:-.5208333333vw;left:9.8958333333%;position:absolute;transform-origin:bottom left;width:9.4270833333%;z-index:5}.esg-section6 .lw5{bottom:-1.0416666667vw;left:-1.0416666667%;position:absolute;width:14.0625%;z-index:2}.esg-section6 .rw1{animation:rotate_3 5s linear 0s infinite;bottom:0;position:absolute;right:9.375%;width:8.75%;z-index:3}.esg-section6 .rw2{animation:rotate_2 4s linear 0s infinite;bottom:.78125vw;position:absolute;right:8.8541666667%;transform-origin:bottom;width:1.5625%;z-index:3}.esg-section6 .rw3{animation:rotate_1 5s linear 0s infinite;bottom:-.5208333333vw;position:absolute;right:-5.2083333333%;width:15.7291666667%;z-index:1}.esg-section6 .rw4{bottom:-1.0416666667vw;position:absolute;right:-1.0416666667%;width:21.40625%;z-index:2}.esg-section6 .rw5{animation:rotate_3 3.5s linear 0s infinite;bottom:1.3020833333vw;position:absolute;right:4.1666666667%;transform-origin:bottom;width:3.28125%;z-index:3}.esg-section6 .main_1240{margin:0 auto;max-width:1240px;padding:0 20px}.esg-section6 svg{display:flex;height:auto;width:100%}.esg-section6 .top-bg-area{position:relative}.esg-section6 .top-bg-area .shadowbg1{width:100%}.esg-section6 .top-bg-area .shadowbg2{bottom:-30px;position:absolute;width:100%}@media only screen and (max-width:767px){.esg-section6 .top-bg-area .shadowbg2{bottom:0}}.esg-section6 .form-area{background:#707070;padding-bottom:100px;padding-top:120px}@media only screen and (max-width:767px){.esg-section6 .form-area{padding-bottom:60px;padding-top:40px}}.esg-section6 .formtitle{color:#fff;font-family:"Noto Serif TC",serif;font-size:30px;margin-bottom:30px;text-align:center}.esg-section6 .form-box{background:hsla(0,0%,100%,.85);border:1px solid #333;border-radius:15px;padding:30px}@media only screen and (max-width:767px){.esg-section6 .form-box{padding:20px}}.esg-section6 .form-box .inp2box{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.esg-section6 .form-box .inp2box .input_item{position:relative;width:calc(50% - 10px)}@media only screen and (max-width:1024px){.esg-section6 .form-box .inp2box .input_item{width:100%}}.esg-section6 .form-box .inp2box .input_item.sexbox{display:flex}.esg-section6 .form-box .inp2box .input_item.sexbox input{width:60%}.esg-section6 .form-box .inp2box .input_item.sexbox button{width:20%}.esg-section6 .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){.esg-section6 .form-box .input_item{margin-bottom:15px}}.esg-section6 .form-box .input_item input::placeholder{color:#333}.esg-section6 .form-box .input_item input::-webkit-input-placeholder{color:#333}.esg-section6 .form-box .input_item input:-ms-input-placeholder{color:#333}.esg-section6 .form-box .input_item input::-moz-placeholder{color:#333;opacity:1}.esg-section6 .form-box .input_item button,.esg-section6 .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){.esg-section6 .form-box .input_item button,.esg-section6 .form-box .input_item input{font-size:14px;height:40px}}.esg-section6 .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){.esg-section6 .form-box .input_item .txt{right:15px}}.esg-section6 .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){.esg-section6 .form-box .input_item button{padding:0 10px}}@media only screen and (min-width:1000px){.esg-section6 .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}}.esg-section6 .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}.esg-section6 .form-box .checkbox{margin-bottom:10px}.esg-section6 .form-box .checkbox h2{color:#888;color:#333;font-family:"Noto Serif TC",serif;font-size:16px;font-weight:500;margin-bottom:10px}.esg-section6 .form-box .checkbox .check-inputarea{display:flex;flex-wrap:wrap;list-style:none}.esg-section6 .form-box .checkbox .check-inputarea li{align-items:center;display:flex;margin-bottom:10px;margin-right:10px}@media only screen and (min-width:1000px){.esg-section6 .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}.esg-section6 .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}}.esg-section6 .form-box .checkbox .check-inputarea li.now .checkboxcir{border:2px solid #ad121d}.esg-section6 .form-box .checkbox .check-inputarea li.now .checkboxcir svg{display:block}.esg-section6 .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}.esg-section6 .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}.esg-section6 .form-box .checkbox .check-inputarea li .checkboxcir svg{display:none}.esg-section6 .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}.esg-section6 .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){.esg-section6 .form-box .message{height:120px}}@media only screen and (max-width:767px){.esg-section6 .form-box .message{font-size:14px;height:100px;margin-bottom:10px}}.esg-section6 .form-box .message::placeholder{color:#333}.esg-section6 .form-box .message::-webkit-input-placeholder{color:#333}.esg-section6 .form-box .message:-ms-input-placeholder{color:#333}.esg-section6 .form-box .message::-moz-placeholder{color:#333;opacity:1}.esg-section6 .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){.esg-section6 .form-box .btn_area{width:100%}}@media only screen and (max-width:767px){.esg-section6 .form-box .btn_area{justify-content:space-between}}.esg-section6 .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){.esg-section6 .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){.esg-section6 .form-box .btn_area button{font-size:16px;height:40px;margin:0;min-width:30px;width:calc(50% - 10px)}}.main-content{margin:0 auto;max-width:1640px;padding:0 20px}@media only screen and (max-width:1599px){.main-content{max-width:1140px}}.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=esg.min.css.map*/