@import url(https://fonts.googleapis.com/css2?family=Abel&family=Noto+Sans+TC:wght@400;500;700&display=swap);html *{padding:0;margin:0;box-sizing:border-box;position:relative}body{font-family:Abel,'Noto Sans TC',sans-serif,Arial,'微軟正黑體','Microsoft JhengHei'}h2{font-size:6.7vw;font-weight:500}@media (min-width:768px){h2{font-size:5vw}}h3{font-size:40px;font-weight:500}@media (min-width:1024px){h3{font-size:50px}}img{display:block;width:100%}a{display:block;text-decoration:none;color:#111517}li,ul{padding:0;margin:0;list-style:none;color:#111517;line-height:1.5}main li{font-family:'Noto Sans TC',sans-serif,Arial,'微軟正黑體','Microsoft JhengHei'}p{font-size:18px;line-height:1.7;margin-bottom:18px;color:#111517;font-family:'Noto Sans TC',sans-serif,Arial,'微軟正黑體','Microsoft JhengHei'}.wrapper{display:block;margin:0 auto;overflow:hidden}.container{max-width:640px;height:100%;padding-left:20px;padding-right:20px;margin:0 auto}@media (min-width:960px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1024px;padding-left:0;padding-right:0}}@media (min-width:1440px){.container{max-width:1200px}}.pc_show{display:none}header{position:fixed;top:0;left:0;width:100%;padding:16px 20px;display:flex;justify-content:space-between;z-index:99;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s}.costum-navbar{padding:8px 20px;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (min-width:1440px){.costum-navbar{padding:10px 32px}}header .logo{width:60px;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s}header.costum-navbar .logo{width:13%}@media (min-width:768px){header.costum-navbar .logo{width:6%}}@media (min-width:1024px){header .logo{width:236px}header.costum-navbar .logo{width:18%}}@media (min-width:1280px){header.costum-navbar .logo{width:14%}}@media (min-width:1920px){header.costum-navbar .logo{width:10%}}ul.nav{display:flex;align-items:center;gap:40px}ul.nav li{height:50%;color:#fff;font-size:20px;letter-spacing:2px;display:flex;align-items:center;border-bottom:0 solid #fff;margin-top:10%;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s}header.costum-navbar ul.nav li{margin-top:0}ul.nav li:last-child{display:none}ul.nav li:before{content:'';position:absolute;width:0;height:2px;background-color:#fff;bottom:0;left:50%;translate:-50% 0;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s}header.costum-navbar ul.nav li:before{bottom:-6px}ul.nav li span{display:none}ul.nav li.active:before,ul.nav li:hover:before{content:'';position:absolute;width:100%}@media (min-width:1024px){header{padding:8px 32px}.m_show{display:none}.pc_show{display:block}ul.nav{gap:60px}ul.nav li a{font-size:20px}ul.nav li span{display:inline-block}header.costum-navbar ul.nav li{margin-top:0}}.title{font-size:40px;font-weight:500}.text_wh{color:#fff}.text_bl{color:#111517}.text_center{text-align:center}.mt_0{margin-top:0}.mb_0{margin-bottom:0}main{width:100%}.kv{width:100%;height:94vh}.home_animation{width:100%;height:100%;background-color:#fff;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 84vh);clip-path:polygon(0 0,100% 0,100% 100%,0 84vh)}.home_animation:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:5}.blackbg{position:absolute;top:-4%;width:48%;-webkit-animation:blackbgmove 4s infinite;animation:blackbgmove 4s infinite}@media (min-width:960px){.blackbg{width:48%;top:-9%}}@media (min-width:1024px){.blackbg{width:38%}}@media (min-width:1200px){.blackbg{width:36%;top:-22%}}@media (min-width:1440px){.blackbg{max-width:734px;top:-16%}}@media (min-width:1920px){.blackbg{top:-10%}}@-webkit-keyframes blackbgmove{0%{left:0}50%{left:-2%}100%{left:0}}.blueball{position:absolute;width:12%;top:21%;left:59%}@media (min-width:960px){.blueball{width:12%}}@media (min-width:1024px){.blueball{width:6%;top:24%;left:54%}}@media (min-width:1200px){.blueball{width:5%;top:17%;left:47%}}@media (min-width:1440px){.blueball{max-width:101px;top:15%;left:52%}}.bluebg{position:absolute;width:24%;top:62%;left:46%;z-index:-10}@media (min-width:960px){.bluebg{width:24%;top:54%;left:37%}}@media (min-width:1200px){.bluebg{width:12%;top:62%;left:47%}}@media (min-width:1440px){.bluebg{max-width:380px;top:57%;left:45%}}.elephantball{position:absolute;width:29%;top:27%;left:66%;z-index:1;-webkit-animation:elephantball infinite 3s;animation:elephantball infinite 3s}@media (min-width:540px){.elephantball{width:14%;left:66%;top:27%}}@media (min-width:960px){.elephantball{width:20%;left:58%;top:27%}}@media (min-width:960px){.elephantball{width:16%}}@media (min-width:1200px){.elephantball{width:13%;left:57%}}@media (min-width:1440px){.elephantball{max-width:231px;top:10%;left:60%}}@-webkit-keyframes elephantball{0%{top:40%}50%{top:37%}100%{top:40%}}@keyframes elephantball{0%{top:40%}50%{top:37%}100%{top:40%}}@media (min-width:1200px){@-webkit-keyframes elephantball{0%{top:20%}50%{top:17%}100%{top:20%}}@keyframes elephantball{0%{top:20%}50%{top:17%}100%{top:20%}}}.grapeball{position:absolute;max-width:198px;width:22%;top:62%;left:4%}@media (min-width:960px){.grapeball{width:22%;top:58%;left:4%}}@media (min-width:1440px){.grapeball{max-width:198px;top:52%;left:2%}}.greenball{position:absolute;max-width:384px;width:36%;top:14%;left:16%;-webkit-animation:greenball infinite 3s;animation:greenball infinite 3s}@media (min-width:960px){.greenball{width:32%;top:14%;left:16%}}@media (min-width:1024px){.greenball{width:26%;top:14%;left:25%}}@media (min-width:1200px){.greenball{width:20%;left:23%}}@media (min-width:1440px){.greenball{max-width:384px;top:10%;left:25%}}@-webkit-keyframes greenball{0%{top:16%}50%{top:18%}100%{top:16%}}@keyframes greenball{0%{top:16%}50%{top:18%}100%{top:16%}}.redball{position:absolute;max-width:160px;width:16%;top:3%;right:16%}@media (min-width:960px){.redball{width:16%;top:15%;right:13%}}@media (min-width:1200px){.redball{width:10%;top:12%}}@media (min-width:1440px){.redball{max-width:160px;top:10%;right:10%}}.pink{position:absolute;max-width:333px;width:30%;top:-7%;right:-2%;transform:scale(.95);-webkit-animation:pinkmove 4s infinite;animation:pinkmove 4s infinite}@media (min-width:960px){.pink{width:30%;top:-7%}}@media (min-width:1024px){.pink{width:25%;top:-3%}}@media (min-width:1200px){.pink{width:20%;top:-15%}}@media (min-width:1440px){.pink{max-width:333px;top:-10%;right:-2%}}@-webkit-keyframes pinkmove{0%{transform:scale(.95)}50%{transform:scale(1)}100%{transform:scale(.95)}}.stonebg{position:absolute;max-width:252px;width:18%;top:72%;left:15%;z-index:-1}@media (min-width:960px){.stonebg{width:17%;top:68%;left:15%}}@media (min-width:1200px){.stonebg{width:11%;top:81%}}@media (min-width:1440px){.stonebg{max-width:252px;top:70%;left:9%}}.tree{position:absolute;width:200%;bottom:-7%;right:-63%}@media (min-width:640px){.tree{width:140%;left:initial;right:-42%}}@media (min-width:960px){.tree{width:100%;bottom:-10%;right:-32%}}@media (min-width:1200px){.tree{bottom:-19%}}@media (min-width:1440px){.tree{width:92%;bottom:-21%;right:-29%}}@media (min-width:1920px){.tree{bottom:-11%}}.kv_text{position:absolute;top:45%;left:50%;translate:-50% -50%;width:100%;padding-left:20px;padding-right:20px;z-index:10}@media (min-width:1024px){.kv_text{padding-left:12.4%}}@media (min-width:1440px){.kv_text{padding-left:16.5%}}@media (min-width:1920px){.kv_text{padding-left:25%}}.kv h1{font-size:11vw;font-weight:700;letter-spacing:4px;margin-bottom:12px}@media (min-width:768px){.kv h1{font-size:8vmin;letter-spacing:10px}}@media (min-width:1024px){.kv h1{font-size:6.5vmin;letter-spacing:18px}}.kv h2{font-size:6vw;font-weight:500}@media (min-width:768px){.kv h2{font-size:5vmin;letter-spacing:1px}}@media (min-width:1024px){.kv h2{font-size:3.95vmin;letter-spacing:1px}}.go_scroll{position:absolute;bottom:1.5%;padding-left:20px;color:#111517}@media (min-width:1024px){.go_scroll{font-size:16px;bottom:1%;padding-left:12.4%}}@media (min-width:1440px){.go_scroll{padding-left:16.5%}}@media (min-width:1920px){.go_scroll{font-size:18px;bottom:1.2%;padding-left:25%}}.go_scroll img{width:20px;margin-left:14px;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@media (min-width:1920px){.go_scroll img{width:28px;margin-left:12px}}@-webkit-keyframes pulse{0%{transform:translate(0,0)}50%{transform:translate(0,5px);-webkit-transform:translate(0,5px);-moz-transform:translate(0,5px);-ms-transform:translate(0,5px);-o-transform:translate(0,5px)}100%{transform:translate(0,0)}}@keyframes pulse{0%{transform:translate(0,0)}50%{transform:translate(0,5px);-webkit-transform:translate(0,5px);-moz-transform:translate(0,5px);-ms-transform:translate(0,5px);-o-transform:translate(0,5px)}100%{transform:translate(0,0)}}.awards{padding:123px 0 80px;margin-top:-10vh;background:url(../images/awards_bg.jpg) no-repeat center center;background-size:cover;z-index:-1}.awards h2{border-bottom:1px solid #979797;padding-bottom:14px;margin-bottom:40px}@media (min-width:1024px){.awards{padding:190px 0 100px}.awards .container{max-width:960px}.awards h2{font-size:30px;padding-bottom:28px}}.ir_mag_group{width:100%;display:flex;flex-direction:column;align-items:center;gap:40px}@media (min-width:1024px){.ir_mag_group{flex-direction:row;align-items:flex-start}}.ir_mag_fig{width:120px}@media (min-width:1024px){.ir_mag_fig{width:186px}}.ir_mag_text{width:100%}@media (min-width:1024px){.ir_mag_text{width:74%}}.ir_mag_text span{font-size:30px}@media (min-width:1024px){.ir_mag_text span{font-size:36px}}.ir_mag_text h1{font-size:38px;font-weight:400;color:#235196;margin-top:10px}@media (min-width:375px){.ir_mag_text h1{font-size:40px}}@media (min-width:1024px){.ir_mag_text h1{font-size:60px;margin-top:20px}}.ir_mag_descr{margin-top:50px;text-align:justify}@media (min-width:375px){.ir_mag_descr{letter-spacing:-.4px}}@media (min-width:1024px){.ir_mag_descr{letter-spacing:1px}.ir_mag_descr p{font-size:20px}}.FSA{padding:80px 0;background:url(../images/FSA_bg.jpg) no-repeat center right -122px;background-size:cover}@media (min-width:540px){.FSA{background:url(../images/FSA_bg.jpg) no-repeat center center;background-size:cover}}@media (min-width:1024px){.FSA{padding:93px 0;background-attachment:fixed}}.FSA:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#7ca7b8;opacity:.8}.fsa_group{display:flex;flex-direction:column;align-items:center;gap:40px}@media (min-width:768px){.fsa_group{flex-direction:row;justify-content:center;gap:60px;width:100%;margin:0 auto}}@media (min-width:1200px){.fsa_group{width:88%}}@media (min-width:1440px){.fsa_group{width:68%}}.fsa_fig{width:140px}@media (min-width:1024px){.fsa_fig{width:20%}}.fsa_text{width:100%;display:flex;flex-direction:column;gap:15px}@media (min-width:1024px){.fsa_text{width:68%}}.fsa_text h1{font-size:9.6vw;font-weight:400;padding:10px 0;background-color:#235196}.fsa_text>span{font-size:6.7vw;letter-spacing:8px}@media (min-width:540px){.fsa_text h1{font-size:40px;padding:6px 0}.fsa_text>span{font-size:30px}}.fsa_text h1>span{display:block}@media (min-width:540px){.fsa_text h1>span{display:inline-block}}.brands{padding:60px 0 80px;background-color:#111517}@media (min-width:1024px){.brands{padding:100px 0 140px}}.brands h3{width:60%;margin-bottom:30px}@media (min-width:540px){.brands h3{width:100%}}@media (min-width:1024px){.brands h3{margin-bottom:40px}}.brands_list{display:flex;flex-direction:column;gap:30px}@media (min-width:540px){.brands_list{flex-direction:row;row-gap:60px;-moz-column-gap:3.34%;column-gap:3.34%;flex-wrap:wrap}}.brands_list li{width:100%}@media (min-width:540px){.brands_list li{width:48.33%}}.brands span,a{color:#fff}.brands span{font-size:18px;font-family:'Noto Sans TC',sans-serif,Arial,'微軟正黑體','Microsoft JhengHei'}.brands a{font-size:20px}.brands_link{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.brands_link .btn{width:49px;height:49px;background-color:#fff;background-size:26.34px 8.87px;border-radius:2em;-webkit-border-radius:2em;-moz-border-radius:2em;-ms-border-radius:2em;-o-border-radius:2em}.brands_link .btn:before{content:'';position:absolute;width:26.34px;height:8.87px;top:44%;left:50%;translate:-50% -50%;background:url(../images/arrow_r_blue.svg) no-repeat center center;background-size:cover}.brands_list li a{transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s}.brands_list li a:hover .brands_link .btn{background-color:#235196}.brands_list li a:hover .brands_link .btn:before{background:url(../images/arrow_r_white.svg) no-repeat center center;background-size:cover}.content .more_btn{width:100%;height:49px;line-height:47px;text-align:center;margin-top:50px}.content .more_btn span{position:absolute;font-size:20px;top:50%;left:50%;translate:-50% -50%}@media (min-width:768px){.content .more_btn{position:absolute;width:160px;top:-77px;right:0;margin-top:0}.content .more_btn span{left:34%}}@media (min-width:1024px){.content .more_btn{top:-94px}}.content .more_btn .btn_inner{position:absolute;width:100%;height:100%;top:0;right:0;border:2px solid #235196;border-radius:2em;-webkit-border-radius:2em;-moz-border-radius:2em;-ms-border-radius:2em;-o-border-radius:2em;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s}.content .more_btn:hover .btn_inner{width:49px;background-color:#235196}.content .more_btn .btn_inner:before{content:'';position:absolute;top:34%;right:10px;width:26.34px;height:8.87px;background:url(../images/arrow_r_white.svg) no-repeat center center;background-size:cover}.clients{display:none;padding:60px 0 100px;background:url(../images/clients_bg_m.jpg) no-repeat center center;background-size:cover}@media (min-width:1024px){.clients{padding:100px 0 76px;background:url(../images/clients_bg.jpg) no-repeat center center;background-size:cover}}.clients:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:transparent linear-gradient(180deg,#fffFFF00 0,#fff 15%,#fff 90%,#fffFFF00 100%)}@media (min-width:540px){.clients:before{background:transparent linear-gradient(180deg,#fffFFF00 5%,#fff 20%,#fff 85%,#fffFFF00 95%)}}@media (min-width:768px){.clients:before{background:transparent linear-gradient(180deg,#fffFFF00 0,#fff 10%,#fff 92%,#fffFFF00 100%)}}@media (min-width:820px){.clients:before{background:transparent linear-gradient(180deg,#fffFFF00 5%,#fff 20%,#fff 85%,#fffFFF00 95%)}}@media (min-width:1024px){.clients:before{background:transparent linear-gradient(180deg,#fffFFF00 5%,#fff 20%,#fff 92%,#fffFFF00 100%)}}@media (min-width:1200px){.clients:before{background:transparent linear-gradient(90deg,#fffFFF00 0,#fff 12%,#fff 88%,#fffFFF00 100%)}}@media (min-width:1920px){.clients:before{background:transparent linear-gradient(90deg,#fffFFF00 10%,#fff 15%,#fff 85%,#fffFFF00 90%)}}.clients h3{margin-bottom:30px}@media (min-width:1024px){.clients h3{margin-bottom:40px}}.clients_list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:35px;width:94.1%;margin:0 auto}@media (min-width:768px){.clients_list{gap:10px;width:92%}}.clients_list li{width:44.1%}@media (min-width:375px){.clients_list li{width:44.4%}}@media (min-width:768px){.clients_list li{width:32%}}@media (min-width:1024px){.clients_list{width:84%;justify-content:center;gap:30px}.clients_list li{width:21.66%}}footer{padding:30px 0;background-color:#979797}@media (min-width:960px){footer{padding:23px 0}}.contact_info{display:flex;flex-direction:column;justify-content:space-between;gap:8px}@media (min-width:960px){.contact_info{flex-direction:row;align-items:center;gap:0}}.contact_info li{font-size:14px;color:#fff;font-family:'Noto Sans TC',sans-serif,Arial,'微軟正黑體','Microsoft JhengHei'}.contact_info li:last-child{border-right:0;padding-right:0}@media (min-width:960px){.contact_info li{font-size:16px;border-right:1px solid #fff;padding:0 3.6%}}@media (min-width:1200px){.contact_info li{padding:0 4.9%}}@media (min-width:1440px){.contact_info li{padding:0 6.6%}}.contact_info li:first-child{padding-left:0}.join{display:block;font-size:16px;margin-top:15px;font-family:'Noto Sans TC',sans-serif,Arial,'微軟正黑體','Microsoft JhengHei';text-align:right;padding-top:17px;padding-right:38px;border-top:1px solid #fff}@media (min-width:960px){.join{border-top:0;margin-top:0;padding-top:0}}.join:before{content:'';position:absolute;width:27.27px;height:18px;right:0;background:url(../images/pointer.png) no-repeat center center;background-size:cover;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s}.join:hover:before{right:5px}.projects.wrapper{color:#fff;background-color:#111517}.projects.wrapper li,.projects.wrapper p{color:#fff}.projects_kv{width:100%;height:350px;background-color:#000;background:url(../images/projects_bg_m.jpg) no-repeat center center;background-size:cover}.projects_kv:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:transparent linear-gradient(180deg,#bebebe 0,#000 75%);opacity:.5}@media (min-width:960px){.projects_kv{height:56vh;background:url(../images/projects_bg.jpg) no-repeat center center;background-size:cover}}.projects_kv .kv_text{top:45%;left:50%;translate:-50% 0}@media (min-width:768px){.projects_kv .kv_text{padding-left:0;padding-right:0}}.projects_kv .kv_text h1{font-size:50px;font-weight:400;margin-bottom:10px}@media (min-width:960px){.projects_kv .kv_text .sub_title{display:flex;justify-content:flex-end;align-items:flex-end;gap:20px}}.projects_kv .kv_text p{font-size:18px;margin-bottom:0}@media (min-width:960px){.projects_kv .kv_text{top:42.85%;left:0;translate:0}.projects_kv .kv_text h1{font-size:14vmin;margin-bottom:12px}.projects_kv .kv_text h2{font-size:5vmin}.projects_kv .kv_text p{font-size:3.5vmin}}@media (min-width:1024px){.projects_kv .kv_text{padding-left:0}}@media (min-width:1920px){.projects_kv .kv_text{top:50%}.projects_kv .kv_text h1{font-size:12vmin;margin-bottom:16px}.projects_kv .kv_text h2{font-size:4.6vmin}.projects_kv .kv_text p{font-size:2.8vmin}}.sub_tab{display:flex;justify-content:center}.projects.wrapper .sub_tab li.active{background-color:#235196;color:rgba(255,255,255,1)}.projects.wrapper .sub_tab li{font-size:16px;flex-grow:1;text-align:center;padding:11px 7px;line-height:1.5;color:rgba(255,255,255,.6);border-bottom:1px solid #979797;cursor:pointer;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s}.projects.wrapper .sub_tab li:hover{background-color:#235196;color:rgba(255,255,255,1)}@media (min-width:960px){.projects.wrapper .sub_tab li{font-size:20px}}@media (min-width:1440px){.projects.wrapper .sub_tab li{font-size:22px;padding:18px}}.sub_tab li:not(:first-child){border-left:1px solid #979797}.sub_tab span{display:block}@media (min-width:960px){.sub_tab span{display:inline-block}}.projects_intro{padding:60px 0 70px}@media (min-width:960px){.projects_intro{padding:50px 0 70px}}@media (min-width:1024px){.projects_intro{padding:50px 0 100px}}.projects_intro p{padding:24px 18px;margin-top:-50px;margin-left:12.8%;margin-bottom:50px;text-align:center;background-color:rgba(35,81,150,.6)}@media (min-width:960px){.projects_intro p{position:absolute;width:48.33%;top:180px;right:0;font-size:24px;padding:40px 30px;margin-top:0;margin-left:0;margin-right:0;margin-bottom:0}}@media (min-width:1200px){.projects_intro p{top:200px}}@media (min-width:1440px){.projects_intro p{font-size:28px;padding:50px 40px;top:235px}}.projects_intro p:before{content:'';position:absolute;width:30px;height:30px;bottom:-15px;left:-5%;background-color:#0eaaf0;z-index:1}@media (min-width:960px){.projects_intro p:before{content:'';position:absolute;width:40px;height:40px;bottom:61px;left:-111.3%}}@media (min-width:1440px){.projects_intro p:before{width:56px;height:56px;bottom:77px;left:-112.3%}}.projects_intro>.container{padding:0}.intro_kv{padding-right:20px}@media (min-width:960px){.intro_kv{width:60.75%;padding-right:0}}.intro_kv:before{content:'';position:absolute;width:10px;height:10px;top:-10px;right:6px;background-color:#002965;z-index:1}.intro_kv:after{content:'';position:absolute;width:21.17px;height:50px;top:-20px;left:20px;background:url(../images/dot_group.svg) no-repeat center center;background-size:cover;z-index:1}@media (min-width:960px){.intro_kv:before{width:20px;height:20px;top:-10px;right:-30px}.intro_kv:after{width:33.87px;height:80px;top:0;left:initial;right:-378px}.intro_content{margin-top:50px}}@media (min-width:1440px){.intro_kv:before{width:32px;height:32px;top:-16px;right:-50px}.intro_kv:after{width:42.34px;height:100px;right:-472px}}@media (min-width:1920px){.intro_content{margin-top:50px;padding-left:120px}}.intro_content li{font-size:18px;top:12px;left:16px;margin-right:16px}@media (min-width:375px){.intro_content li{font-size:20px}}.intro_content li:not(:first-child){margin-top:12px}.intro_content li:before{content:'';position:absolute;width:8px;height:8px;top:9px;left:-16px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-color:#7ca7b8}@media (min-width:375px){.intro_content li:before{top:11px}}.works{padding:0 0 60px}@media (min-width:1024px){.works{padding:0 0 140px}}.works_pic{border:1px solid #dadada}.works_pic:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-color:#111517;opacity:0;z-index:1}.works_pic:after{content:'';position:absolute;width:30px;height:30px;top:50%;left:50%;translate:-50% -50%;background:url(../images/external_link.svg) no-repeat center center;background-size:cover;opacity:0;z-index:1}.works_list li a .works_pic:after,.works_list li a .works_pic:before{transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s}.works_list li a:hover .works_pic:before{opacity:.5}.works_list li a:hover .works_pic:after{opacity:1}.works_list{display:flex;flex-direction:column;gap:30px}@media (min-width:480px){.works_list{flex-direction:row;row-gap:50px;-moz-column-gap:20px;column-gap:20px;flex-wrap:wrap}}.works_list li{width:100%}@media (min-width:480px){.works_list li{width:47.73%}}@media (min-width:540px){.works_list li{width:48.33%}}@media (min-width:960px){.works_list li{width:31.88%}}@media (min-width:1200px){.works_list li{width:32%}}@media (min-width:1440px){.works_list li{width:32.21%}}.works_link{padding:10px 0;text-align:center}.works span{font-size:18px}.FSA.esg{padding:114px 0 70px;background:url(../images/FSA_esg_bg_m.jpg) no-repeat center center;background-size:cover;-webkit-clip-path:polygon(0 0,100% 0,100% 96%,50% 100%,0 96%);clip-path:polygon(0 0,100% 0,100% 96%,50% 100%,0 96%)}.FSA.esg:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/dot_bg.png) no-repeat center center;background-size:cover;mix-blend-mode:plus-lighter}@media (min-width:960px){.FSA.esg{padding:150px 0 150px;background:url(../images/FSA_esg_bg.jpg) no-repeat center center;background-size:cover;-webkit-clip-path:polygon(0 0,100% 0,100% 86%,50% 100%,0 86%);clip-path:polygon(0 0,100% 0,100% 86%,50% 100%,0 86%)}}.FSA.esg .fsa_fig{width:115px;margin-top:-54px;-webkit-filter:drop-shadow(0 5px 5px rgb(0 0 0 / 10%)) );filter:drop-shadow(0 5px 5px rgb(0 0 0 / 10%)) )}@media (min-width:960px){.FSA.esg .fsa_fig{width:130px}}.FSA.esg .fsa_text{width:100%;gap:10px;color:#111517}.FSA.esg .fsa_text h1{font-size:26px;padding:0;color:#235196;background-color:transparent}@media (min-width:960px){.FSA.esg .fsa_text h1{font-size:30px}}.FSA.esg .fsa_text>span{font-size:26px;letter-spacing:4px}@media (min-width:960px){.FSA.esg .fsa_text>span{font-size:30px}}.fsa_text span.highlight{font-weight:500;letter-spacing:4px;padding:12px 0 8px;color:#fff;background-color:#235196;margin-top:18px;border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-ms-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px}.FSA.esg .content{width:100%;max-width:960px;display:flex;flex-direction:column;gap:60px;margin:0 auto}@media (min-width:960px){.FSA.esg .content{flex-direction:row;justify-content:space-between;align-items:center}}.fsa_card{display:flex;flex-direction:column;align-items:center;gap:20px;background-color:#fff;box-shadow:0 5px 20px rgb(0 0 0 / 10%);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}@media (min-width:960px){.fsa_card{width:380px}}@media (min-width:960px){.fsa_advantage{width:483px}}.fsa_advantage span{display:block}.fsa_advantage>span{font-size:6vw;font-weight:400;letter-spacing:3px;text-align:center;color:#111517;border-bottom:1px solid #979797;padding-bottom:16px;margin-bottom:20px}@media (min-width:768px){.fsa_advantage>span{font-size:4vw}}@media (min-width:960px){.fsa_advantage>span{font-size:24px}}.fsa_advantage h2>span{width:169px;font-size:30px;font-weight:700;line-height:1.5;color:#235196}@media (min-width:768px){.fsa_advantage h2>span{width:250px;font-size:6vw}}@media (min-width:820px){.fsa_advantage h2>span{width:270px}}@media (min-width:1024px){.fsa_advantage h2>span{font-size:40px;width:220px;line-height:1.8}}.fsa_advantage h2>span:before{content:'';position:absolute;width:30px;height:43.76px;top:0;right:0;background:url(../images/upArrow_blue.svg) no-repeat center center;background-size:cover}@media (min-width:768px){.fsa_advantage h2>span:before{width:46.86px;height:68.36px;top:0;right:0}}.fsa_advantage h2{display:flex;flex-direction:column;align-items:center;gap:10px;color:#235196;font-family:'Noto Sans TC',sans-serif,Arial,'微軟正黑體','Microsoft JhengHei';font-weight:400;letter-spacing:4px}@media (min-width:960px){.fsa_advantage h2{font-size:40px;letter-spacing:4px}}.msci{padding:60px 0 60px}@media (min-width:960px){.msci{padding:80px 0 0}}@media (min-width:1440px){.msci{padding:100px 0 140px}}.msci .content{display:flex;flex-direction:column;align-items:flex-start}@media (min-width:960px){.msci .content{flex-direction:row;gap:40px}}.msci_advantage{width:100%}@media (min-width:960px){.msci_advantage{width:50%}}.msci_advantage .text{width:100%;display:flex;flex-direction:column;align-items:center}@media (min-width:960px){.msci_advantage .text{align-items:flex-start}}.msci_advantage .text>span{width:100%;font-size:6vw;font-weight:400;letter-spacing:3px;text-align:center;border-bottom:1px solid #979797;padding-bottom:16px;margin-bottom:20px;font-family:'Noto Sans TC',sans-serif,Arial,'微軟正黑體','Microsoft JhengHei'}@media (min-width:768px){.msci_advantage .text>span{font-size:4vw}}@media (min-width:960px){.msci_advantage .text>span{font-size:24px;text-align:left}}.msci_advantage h2{display:inline-block;font-size:30px;width:275px;line-height:1.5;font-family:'Noto Sans TC',sans-serif,Arial,'微軟正黑體','Microsoft JhengHei';font-weight:400;letter-spacing:4px}@media (min-width:768px){.msci_advantage h2{width:410px;font-size:6vw}}@media (min-width:820px){.msci_advantage h2{width:440px}}@media (min-width:960px){.msci_advantage h2{width:360px;font-size:40px}}.msci_advantage h2:before{content:'';position:absolute;width:30px;height:43.76px;top:0;right:0;background:url(../images/upArrow_lightBlue.svg) no-repeat center center;background-size:cover}@media (min-width:768px){.msci_advantage h2:before{width:46.86px;height:68.36px}}.msci_advantage h2 span{font-weight:700}.msci_advantage .fig{width:100%;height:382px;margin:0 auto;overflow:hidden}@media (min-width:768px){.msci_advantage .fig{width:70%;height:450px}}@media (min-width:960px){.msci_advantage .fig{width:446px;height:530px;margin:0}}.msci_advantage .fig .fig_inner{position:absolute;top:0;left:0;right:0;bottom:0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}.msci_advantage .fig .fig_inner.fig_default{top:100px;opacity:1}.msci_advantage .fig .fig_inner.fig_up{top:30px;opacity:0}.msci_advantage .fig .fig_inner.fig_up.active{opacity:1}.msci_advantage .fig .fig_inner.fig_default.active{opacity:0}.msci_grade{width:100%;display:flex;flex-direction:column;gap:44px;margin:0 auto}@media (min-width:960px){.msci_grade{width:50%}}.msci_grade .text{font-size:26px;font-family:'Noto Sans TC',sans-serif,Arial,'微軟正黑體','Microsoft JhengHei'}.msci_grade .text p{font-size:26px;font-weight:500;line-height:1;text-align:center}@media (min-width:768px){.msci_grade .text p{font-size:5vw}}@media (min-width:960px){.msci_grade .text p{font-size:30px}}.msci_grade .text p.highlight{font-size:8vw;font-weight:700}@media (min-width:768px){.msci_grade .text p.highlight{font-size:6vw}}@media (min-width:960px){.msci_grade .text p.highlight{font-size:38px}}.msci_grade .text p .highlight{font-size:44px;color:#6dd2ff;letter-spacing:3px}@media (min-width:768px){.msci_grade .text p .highlight{font-size:8vw}}@media (min-width:1024px){.msci_grade .text p .highlight{font-size:60px}}.msci_grade .text .percent{color:#6dd2ff}.msci_grade .text .percent_number{font-size:44px}@media (min-width:768px){.msci_grade .text .percent_number{font-size:8vw}}@media (min-width:1024px){.msci_grade .text .percent_number{font-size:60px}}.msci_grade .text p:last-child:before{content:'';position:absolute;bottom:-6px;right:0;width:20px;height:20px;background-color:#002965}@media (min-width:960px){.msci_grade .text p:last-child:before{width:32px;height:32px}}#scrollToTop{cursor:pointer;font-size:.9em;position:fixed;text-align:center;width:49px;height:49px;z-index:9999;background-color:#111517;border:1px solid #fff;padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px;right:20px;bottom:100px;background-image:url(../images/arrow_top.svg);background-repeat:no-repeat;background-position:center top 15px;background-size:25px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out}#scrollToTop:hover{background-color:#235196;border:1px solid #235196}#scrollToTop>img{display:block;margin:0 auto}@media (min-width:1200px){#scrollToTop{width:45px;height:45px;background-position:center top 13px;right:30px}}