@charset "utf-8";@import url("reset.css");@import url("hover-min.css");@import url("animate.css");@font-face{font-family:'Mukta';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/mukta/v7/iJWKBXyXfDDVXbnBrXk.ttf) format('truetype')}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/notosanstc/v11/-nFkOG829Oofr2wohFbTp9i9kwMfDNdX.otf) format('opentype')}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/notosanstc/v11/-nF7OG829Oofr2wohFbTp9i1OCEJ.otf) format('opentype')}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/notosanstc/v11/-nFkOG829Oofr2wohFbTp9i9ywIfDNdX.otf) format('opentype')}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/notosanstc/v11/-nFkOG829Oofr2wohFbTp9i9gwQfDNdX.otf) format('opentype')}body,h1,h2,h3,h4,h5,h6,p,a,select,input,textarea,button{font-family:"Mukta","Noto Sans TC","Microsoft JhengHei","黑體",sans-serif,serif;color:#00112C;font-size:16px;font-weight:300;letter-spacing:.5px}main{position:relative;z-index:0}section{position:relative;padding:50px 0;z-index:1;background:#FFF}section:nth-child(even){background:#F4F6F9}section.fixed{position:fixed;top:60px;left:0;padding:0;z-index:0;background:transparent}.container{width:100%;max-width:1200px;margin:0 auto}.flex_center{display:flex;justify-content:center;align-items:center}.flex_top{display:flex;align-items:flex-start}.flex_wrap{flex-flow:wrap}.hide{display:none}.visible_hide{visibility:hidden}.visible_show{visibility:visible}.title{position:relative;margin:0 auto 20px auto;padding:20px 0;font-size:42px;font-weight:500;text-align:center;line-height:52px;letter-spacing:2px}.title::before{content:"";position:absolute;display:block;width:45px;height:3px;bottom:10px;left:50%;margin-left:-45px;background:#8FC31F}.title::after{content:"";position:absolute;display:block;width:45px;height:3px;bottom:10px;left:50%;margin-left:0;background:#F0941D}.more{display:inline-block;width:60px;height:20px;background:url("../images//svg/more.svg") no-repeat center;background-size:100%}.row_btn{display:block;width:100%;max-width:280px;margin:0 auto;padding:12px 10px 10px 10px;color:#F0941D;font-size:20px;font-weight:400;text-align:center;background:#FFF;border:2px solid #F0941D;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.wow:first-child{visibility:hidden}header{position:sticky;top:0;background:#FFF;box-shadow:0 2px 2px rgba(0,0,0,0.1);z-index:2}header *{font-weight:500}header .container{justify-content:space-between;padding:0 15px}header .container .logo{display:block;height:80px;margin:10px 0}header .container .logo img{width:auto;height:100%}header .container nav a{position:relative;display:inline-block;margin-left:20px;padding:5px 0}header .container nav .hvr-underline-from-center::before{height:3px;background:#107694}header .container nav a.current{color:#107694}header .container nav a.current::after{content:"";position:absolute;display:block;width:100%;height:3px;bottom:0;left:0;background:#107694}header .container .menu{display:none}header .container .close{display:none}header.narrow .logo{height:60px;margin:5px 0}footer{position:relative;background:#00112C;z-index:1}footer *{color:#C6CEDA}footer .container.flex_top{padding:40px 0;flex-flow:wrap}footer .container.flex_top .column{width:25%;padding:20px 30px}footer .container.flex_top .column .logo{width:80%;height:auto;margin-top:-10px}footer .container.flex_top .column h4{padding-bottom:10px;margin-bottom:10px;font-size:20px;font-weight:500;border-bottom:2px solid #C6CEDA}footer .container.flex_top .column a:not(.icon){display:block;margin:5px 0}footer .container.flex_top .column a:hover{color:#FFF}footer .container.flex_top .column p{justify-content:flex-start;margin-bottom:10px;line-height:20px}footer .container.flex_top .column p i.phone{display:inline-block;width:20px;height:20px;margin-right:8px;background:url("../images//svg/phone.svg") no-repeat center;background-size:70%}footer .container.flex_top .column p i.address{display:inline-block;width:20px;height:20px;margin-right:8px;background:url("../images//svg/address.svg") no-repeat center;background-size:80%}footer .container.flex_top .column .line{display:inline-block;width:32px;height:32px;margin:8px 8px 0 0;background:url("../images//svg/line.svg") no-repeat center;background-size:100%}footer .container.flex_top .column .fb{display:inline-block;width:32px;height:32px;margin:8px 8px 0 0;background:url("../images//svg/fb.svg") no-repeat center;background-size:100%}footer .copyright{padding:15px 10px;font-size:13px;text-align:center;border-top:1px solid #474747}footer .copyright a{font-size:13px}section.video,#video{width:100%;height:calc(100vh - 60px)}section.video{padding:0;pointer-events:none;background:none;overflow:hidden}section.video img{display:block;width:100%;height:auto}section.banner,section.banner.fixed{width:100%;height:60vh}section.banner{padding:0;height:calc(60vh - 60px);pointer-events:none;background:none}section.brand{padding:30px 0}section.brand .container{position:relative;padding:0 40px}section.brand .container .swiper-button-prev{left:10px;color:#00112C}section.brand .container .swiper-button-prev::after{font-size:24px}section.brand .container .swiper-button-next{right:10px;color:#00112C}section.brand .container .swiper-button-next::after{font-size:24px}section.brand .container .swiper-slide{text-align:center}section.brand .container .swiper-slide img{width:100%;max-width:140px;height:auto}section.achievement .column{width:100%;max-width:400px;padding:0 20px 40px 20px;text-align:center}section.achievement .column .counter{margin-bottom:5px;font-size:50px;font-weight:600;line-height:60px}section.achievement .column .counter .store{display:inline-block;width:32px;height:32px;margin:8px 8px 0 0;background:url("../images//svg/store.svg") no-repeat center;background-size:95%}section.achievement .column .counter .order{display:inline-block;width:32px;height:32px;margin:8px 8px 0 0;background:url("../images//svg/order.svg") no-repeat center;background-size:80%}section.achievement .column .counter .member{display:inline-block;width:32px;height:32px;margin:8px 8px 0 0;background:url("../images//svg/member.svg") no-repeat center;background-size:100%}section.achievement .column .counter.store{color:#8FC31F}section.achievement .column .counter.order{color:#F0941D}section.achievement .column .counter.member{color:#107694}section.achievement .column h3{font-size:32px;font-weight:500;line-height:40px}section.achievement .column h4{font-size:20px}section.product{background:url("../images//bg.jpg") repeat}section.product .column{width:100%;max-width:400px;padding:0 20px 40px 20px;text-align:center}section.product .column a{display:block;padding-bottom:20px;box-shadow:0 0 4px rgba(0,0,0,0.25)}section.product .column a img{width:100%;height:auto;margin-bottom:5px}section.product .column a h2{color:#FFF;font-size:18px;font-weight:400;line-height:24px}section.product .column .qc{background:#F0941D}section.product .column .gf{background:#DF5F55}section.product .column .gw{background:#107694}section.banner.product.fixed{background:#F0941D url("../images//product/bg.png") no-repeat center;background-size:cover}section.banner.product:not(.fixed){padding:0;background:none}section.banner.product:not(.fixed) .container{position:relative;height:100%;overflow:hidden}section.banner.product:not(.fixed) .container img{display:block;width:75%;height:auto;margin:20px auto}section.banner.product:not(.fixed) .container h1{position:absolute;top:5vh;left:7vw;color:#FFF;font-size:36px;font-weight:700;line-height:46px}section.service{background:#FFF}section.service .container .cover{display:block;width:100%;max-width:880px;height:auto;margin:0 auto}section.service .container article{width:100%;margin:20px auto;background:#F4F6F9;overflow:hidden}section.service .container article img{width:50%;max-width:600px}section.service .container article .desc{width:50%;padding:40px}section.service .container article .desc h1{margin-bottom:10px;font-size:24px;font-weight:500;line-height:32px}section.service .container article .desc a{display:inline-block;width:100%;max-width:280px;margin-top:20px;padding:10px 10px 8px 10px;color:#FFF;font-size:20px;text-align:center;background:#00112C;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}section.banner.about.fixed{background-color:#C1D540;background-image:url("../images//about/banner-about.png"),url("../images//about/upup.jpg");background-position:center, right bottom;background-repeat:no-repeat;background-size:cover, 40%}section.banner.about:not(.fixed){padding:0}section.banner.about:not(.fixed) .container{height:100%}section.banner.about:not(.fixed) .container .content{width:80%}section.banner.about:not(.fixed) .container .content h1{font-size:52px;font-weight:700}section.banner.about:not(.fixed) .container .content h2{margin-bottom:10px;font-size:32px;font-weight:500;line-height:40px}section.history{background:#FFF url("../images//about/bg.png") no-repeat center bottom;background-size:cover}section.history .container{position:relative;padding:0 50px}section.history .container .swiper-button-prev{left:10px;color:#00112C}section.history .container .swiper-button-prev::after{font-size:30px}section.history .container .swiper-button-next{right:10px;color:#00112C}section.history .container .swiper-button-next::after{font-size:30px}section.history .container .swiper-slide time{font-size:36px;font-weight:700;line-height:44px}section.history .container .swiper-slide h3{margin-bottom:10px;font-size:20px;font-weight:500}section.spirit .container{padding:0 20px}section.spirit .container .column{width:100%;max-width:290px;padding:0 20px;margin-bottom:30px;text-align:center}section.spirit .container .column .circle{display:block;width:120px;height:120px;margin:0 auto 10px auto;color:#FFF;font-size:48px;font-weight:700;line-height:120px;border-radius:99em;-webkit-border-radius:99em;-moz-border-radius:99em}section.spirit .container .column .cisbase{background:#8FC31F}section.spirit .container .column .cisother{background:#F0941D}section.spirit .container .column h3{font-size:32px;font-weight:600;line-height:40px}section.spirit .container .column p{font-size:20px}section.team .team_box{justify-content:space-between;width:80%;max-width:1000px;margin:0 auto;background:#FFF;box-shadow:0 0 4px rgba(0,0,0,0.25);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;overflow:hidden}section.team .team_box .category{width:calc(100% - 400px);padding:20px 30px}section.team .team_box .category .group{width:100%}section.team .team_box .category a{display:block;margin:0 30px 20px 0;font-size:18px}section.team .team_box .category a:hover,section.team .team_box .category a.current{color:#8FC31F}section.team .team_box .category i{display:block;margin:0 20px 20px 0;padding:3px 10px;font-style:normal;border:1px solid #00112C;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}section.team .team_box .pic{width:400px;height:400px;overflow:hidden}section.team .team_box .pic img{width:100%;height:auto}section.banner.case.fixed{background:#107694 url("../images//case/bg.png") no-repeat center top;background-size:80%}section.banner.case:not(.fixed){padding:0;background:none}section.banner.case:not(.fixed) .container{position:relative;height:100%;overflow:hidden}section.banner.case:not(.fixed) .container img{display:block;position:absolute;width:95%;height:auto;left:0;right:0;bottom:-50px;margin:0 auto}section.ttfree .container{padding:0 15px}section.ttfree .container h1{font-size:24px;font-weight:500;text-align:center}section.case .container .column{width:100%;max-width:400px;padding:20px}section.case .container .column a{display:block;padding:15px;background:#FFF;box-shadow:0 0 4px rgba(0,0,0,0.25)}section.case .container .column a .cover{position:relative}section.case .container .column a .cover img{display:block;width:100%;height:auto}section.case .container .column a .cover .tag{position:absolute;padding:3px 8px;right:0;bottom:0;color:#FFF;font-size:14px;background:rgba(240,148,29,0.9)}section.case .container .column a .info{justify-content:space-between;padding:10px 0}section.case .container .column a .info img{width:70px;height:auto;margin-right:10px}section.case .container .column a .info h3{font-weight:500;line-height:24px}section.case .container .column a .info h3 b{color:#F0941D;font-weight:500}section.case .container .column a p{font-size:14px}section.case .container .column a p .more{display:inline-block;background:url("../images//svg/more-og.svg") no-repeat center;border-bottom:1px solid #F0941D}section.banner.news.fixed{background:url("../images//news/banner-news.jpg") no-repeat center;background-size:cover}section.banner.news:not(.fixed){padding:0}section.banner.news:not(.fixed) .container{height:100%}section.banner.news:not(.fixed) .container .content{width:80%}section.banner.news:not(.fixed) .container .content h1{font-size:52px;font-weight:700;color:rgba(255,255,255,0.5);letter-spacing:10px}section.news_list .container{align-items:flex-start;justify-content:flex-start}section.news_list .container .column{width:100%;max-width:400px}section.news_list .container .column a{display:block;padding:20px}section.news_list .container .column a img{width:100%;height:auto;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}section.news_list .container .column a time{font-size:14px}section.news_list .container .column a h2{font-size:18px;line-height:28px}section.news_list .container .column a h2 .more{display:inline-block;background:url("../images//svg/more-gn.svg") no-repeat center;border-bottom:1px solid #8FC31F}section.banner.join_us.fixed{background-color:#C1D540;background:url("../images//join_us/banner-joinus.jpg") no-repeat center;background-size:cover}section.banner.join_us:not(.fixed){padding:0}section.banner.join_us:not(.fixed) .container{height:100%;background:url("../images//join_us/pic.png") no-repeat center right;background-size:60%}section.banner.join_us:not(.fixed) .container .content{width:80%}section.banner.join_us:not(.fixed) .container .content h1{font-size:52px;font-weight:700;color:#FFF;letter-spacing:5px}section.banner.join_us:not(.fixed) .container .content h2{font-size:24px;font-weight:600;color:#FFF;letter-spacing:10px}section#tabs .tabs{padding:15px}section#tabs .tabs .tab_menu{display:flex;text-align:center;border-bottom:1px solid #00112C;white-space:nowrap;overflow:hidden;overflow-x:auto;-ms-overflow-style:none}section#tabs .tabs .tab_menu a{display:inline-block;min-width:80px;padding:5px 15px;font-size:18px;font-weight:500;text-align:center}section#tabs .tabs .tab_menu .hvr-underline-reveal::before{height:3px;background:#107694}section#tabs .tabs .tab_menu a.current{color:#107694}section#tabs .tabs .tab_menu a.current::after{content:"";position:absolute;display:block;width:100%;height:3px;bottom:0;left:0;background:#107694}section#tabs .tabs .tab_menu::-webkit-scrollbar{display:none}section#tabs .tabs .pane{display:none;padding:30px 0}section#tabs .tabs .pane .column{justify-content:space-between;flex-flow:nowrap;padding:15px 10px;border-bottom:1px solid #E8EDF3}section#tabs .tabs .pane .column .info{width:calc(100% - 90px)}section#tabs .tabs .pane .column .info h3{font-weight:500}section#tabs .tabs .pane .column .info h3 time{margin-right:20px;color:#107694;font-size:18px}section#tabs .tabs .pane .column .info p{font-size:14px}section#tabs .tabs .pane .column .btn{display:inline-block;width:80px;padding:3px 8px;margin-left:10px;color:#FFF;font-size:14px;font-weight:400;text-align:center;background:#00112C;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}section#tabs .tabs .pane .column .btn:hover{background:#8FC31F}section#tabs .tabs .pane .column:last-child{border-bottom:none}section#tabs .tabs .pane.current{display:block}section.welfare .container .column{width:100%;max-width:400px;padding:20px;line-height:32px}section.welfare .container .column h3{margin-bottom:10px;font-size:18px;font-weight:500}section.welfare .container .column p::before{content:url("../images//svg/circle.svg");margin-right:5px}section.company_life{padding-bottom:0}section.company_life .container{max-width:100%}section.company_life .container img{display:block;width:100%;height:auto}@media (max-width:1024px){section.video,#video{height:60vh}section.history{background-size:contain}section.banner.product:not(.fixed) .container img{width:90%}section.banner.case.fixed{background-size:120%;background-position:center top}section.banner.case:not(.fixed) .container img{position:initial;width:160%;margin-top:12vh}}@media (max-width:768px){.title{font-size:32px;line-height:42px}section.video,#video{top:60px}section.banner{height:100vw;top:60px}header{position:fixed;width:100%}header .container{padding:0 10px}header .container .logo{height:50px;margin:5px 0}header .container nav{display:none;position:absolute;width:100%;height:100vh;top:0;left:0;padding:50px 25px;background:#F4F6F9}header .container nav a{display:block;width:100%;margin:10px 0;font-size:18px}header .container nav a::before{display:none}header .container nav a.current::after{display:none}header .container .menu{display:block;width:40px;height:40px;background:url("../images//svg/menu.svg") no-repeat center;background-size:70%}header .container .close{display:none;position:absolute;width:40px;height:40px;top:10px;right:10px;background:url("../images//svg/close.svg") no-repeat center;background-size:60%}footer .container.flex_top .column{width:50%}section.team .team_box{flex-flow:wrap-reverse}section.team .team_box .category{width:100%}section.team .team_box .pic{height:300px}section.service .container article{flex-flow:wrap}section.service .container article img{width:100%}section.service .container article .desc{width:100%}}@media (max-width:640px){footer .container.flex_top .column{width:100%}footer .container.flex_top .column .logo{display:block;width:160px;height:auto;margin:-10px auto 10px auto}section.banner.about.fixed{background-position:center, right 30vh;background-size:cover, 100%}section.banner.about:not(.fixed) .container .content h1{font-size:36px;line-height:44px}section.banner.about:not(.fixed) .container .content h2{font-size:22px;line-height:26px}section.banner.about:not(.fixed) .container .content p{margin-bottom:10vh;font-size:13px;line-height:18px}section.banner.product:not(.fixed) .container img{width:110%;margin-top:50px}section.banner.product:not(.fixed) .container h1{font-size:24px;line-height:32px}section.banner.case.fixed{background-position:center top;background-size:180%}section.banner.case:not(.fixed) .container img{width:160%;bottom:0}section.banner.news:not(.fixed) .container .content h1{font-size:36px;line-height:44px}section.banner.join_us:not(.fixed) .container{background-position:top right;background-size:70%}section.banner.join_us:not(.fixed) .container .content{margin-top:15vh}section.banner.join_us:not(.fixed) .container .content h1{font-size:48px;line-height:60px;letter-spacing:2px}section.banner.join_us:not(.fixed) .container .content h2{letter-spacing:5px}}