@import url("../stylesheets/fonts/roboto.css");@import url("../stylesheets/fonts/notosans.css");@import url("../stylesheets/fonts/roboto.css");@import url("../stylesheets/fonts/notosans.css");@import url("./partial/button.css");body{background-color:#F6F8F9;font-family:"Noto Sans TC","微軟正黑體","Microsoft JhengHei",sans-serif;margin:0;padding:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;margin-bottom:80px}.container.container-60{margin-top:60px;margin-bottom:60px}.container.first-container{margin-top:160px}@media (max-width: 768px){.container.first-container{margin-top:90px}}.slick-dots{left:0}ol,ul{list-style:none}.bcg-parallax{width:100%;height:360px;position:relative;overflow:hidden;background-color:black;color:white;text-align:center;box-shadow:0px 2px 10px rgba(160,173,189,0.3)}.bcg{background-size:cover;background-repeat:no-repeat;width:100%;height:115%;opacity:0;position:absolute;top:0;-webkit-transform:scale(1.1);transform:scale(1.1)}.content-wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-family:"Noto Sans TC","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:64px;letter-spacing:2px;font-weight:700;opacity:0}.content-wrapper.w-960{width:960px}@media (max-width: 960px){.content-wrapper.w-960{font-size:24px}}@media (max-width: 960px){.content-wrapper{width:100%}}.btn-entry{height:30px;width:30px;margin:0px auto;margin-top:20px;border:1px solid #E52D27;box-sizing:border-box;cursor:pointer;border-radius:30px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:relative}.btn-entry:before,.btn-entry:after{content:'';display:block;position:absolute}.btn-entry:before{width:12px;height:10px;background-image:url("../images/btn_entry_arrow.svg");top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btn-entry:after{content:'Go';color:white;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0;left:10px;font-family:"Roboto",sans-serif;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btn-entry:hover,.btn-entry:active{width:80px;background-color:#E52D27;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btn-entry:hover:before,.btn-entry:active:before{background-image:url("../images/btn_entry_arrow_w.svg");-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;left:80%}.btn-entry:hover:after,.btn-entry:active:after{opacity:1;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.btn-entry:active{-webkit-transition:all .1s ease;transition:all .1s ease;background-color:#B31217;border:1px solid #B31217}.btn-primary{width:180px;height:50px;font-size:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:40px auto 0 auto;letter-spacing:0.5px;text-decoration:none;background:-webkit-linear-gradient(left, #E52D27, #B31217);background:linear-gradient(to right, #E52D27, #B31217);cursor:pointer;position:relative;overflow:hidden;-webkit-transition:.4s .02s ease-in all;transition:.4s .02s ease-in all}@media (max-width: 320px){.btn-primary{margin:40px auto 0 auto}}.btn-primary.headerBtn{width:100px;height:40px;margin:0px 30px;background:white}.btn-primary.headerBtn .text{color:#E52D27}.btn-primary.headerBtn.alert{margin:0px auto}.btn-primary.headerBtn.white .text{color:white}.btn-primary.headerBtn.white:hover .text{color:#fff;-webkit-transition:.1s .08s ease-in all;transition:.1s .08s ease-in all}.btn-primary.headerBtn.white:hover:after{left:100%;width:70%}.btn-primary.headerBtn.white:hover .icon-right{opacity:0;-webkit-transition:.1s .3s ease-in all;transition:.1s .3s ease-in all}.btn-primary.headerBtn.white:hover .icon-right.after{left:50%;opacity:1;-webkit-transform:transitionX(-50%);transform:transitionX(-50%)}.btn-primary.headerBtn:hover .text{color:#E52D27;-webkit-transition:.1s .08s ease-in all;transition:.1s .08s ease-in all}.btn-primary.headerBtn:hover:after{left:100%;width:70%}.btn-primary.headerBtn:hover .icon-right{opacity:0;-webkit-transition:.1s .3s ease-in all;transition:.1s .3s ease-in all}.btn-primary.headerBtn:hover .icon-right.after{left:50%;opacity:1;-webkit-transform:transitionX(-50%);transform:transitionX(-50%)}.btn-primary.white{background:#E52D27}.btn-primary .text{position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;-webkit-transition:.1s .3s ease-in all;transition:.1s .3s ease-in all}.btn-primary:after{content:'';display:block;position:absolute;left:-5%;top:1px;height:48px;width:5%;background:white;-webkit-transition:.4s .02s ease-in all;transition:.4s .02s ease-in all}.btn-primary.half-cut{margin-bottom:-25px}.btn-primary .icon-right{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:15px;width:12px;height:12px;background-size:cover;background-image:url("/images/btn_more_arrow_white_normal.png");opacity:1;-webkit-transition:.1s .08s ease-in all;transition:.1s .08s ease-in all}.btn-primary .icon-right.after{left:-12px;-webkit-transform:transitionX(0);transform:transitionX(0);-webkit-transition:.3s .02s ease-in all;transition:.3s .02s ease-in all}.btn-primary:hover .text{color:rgba(255,255,255,0);-webkit-transition:.1s .08s ease-in all;transition:.1s .08s ease-in all}.btn-primary:hover:after{left:100%;width:70%}.btn-primary:hover .icon-right{opacity:0;-webkit-transition:.1s .3s ease-in all;transition:.1s .3s ease-in all}.btn-primary:hover .icon-right.after{left:50%;opacity:1;-webkit-transform:transitionX(-50%);transform:transitionX(-50%)}.btn-primary.disable{background:white;cursor:unset}.btn-primary.disable:before{content:'';display:block;position:absolute;width:100%;height:100%;background-color:rgba(229,45,39,0.4)}.btn-primary.disable:after{display:none}.btn-primary.disable .icon-right.after{display:none}.btn-primary.disable:hover .text{color:#fff}.btn-primary.disable:hover .icon-right{opacity:1}.btn-secondary{width:180px;height:50px;font-size:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:20px auto 0 auto;letter-spacing:0.5px;text-decoration:none;cursor:pointer;border:1px solid #E52D27;position:relative;overflow:hidden;box-sizing:border-box;-webkit-transition:.4s .02s ease-in all;transition:.4s .02s ease-in all}.btn-secondary.mt-60{margin-top:60px}.btn-secondary.mb-20{margin-bottom:20px}.btn-secondary .text{position:absolute;left:20px;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);color:#e52d27;-webkit-transition:.1s .3s ease-in all;transition:.1s .3s ease-in all}.btn-secondary:after{content:'';display:block;position:absolute;left:-5%;top:0;height:50px;width:5%;background:#E52D27;-webkit-transition:.4s .02s ease-in all;transition:.4s .02s ease-in all}.btn-secondary .icon-right{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:15px;width:12px;height:12px;background-size:12px 10px;background-position-y:1px;background-image:url("/images/btn_entry_arrow.svg");background-repeat:no-repeat;opacity:1;-webkit-transition:.1s .08s ease-in all;transition:.1s .08s ease-in all}.btn-secondary .icon-right.after{left:-12px;-webkit-transform:transitionX(0);transform:transitionX(0);-webkit-transition:.3s .02s ease-in all;transition:.3s .02s ease-in all}.btn-secondary:hover .text{color:rgba(229,45,39,0);-webkit-transition:.1s .08s ease-in all;transition:.1s .08s ease-in all}.btn-secondary:hover:after{left:100%;width:70%}.btn-secondary:hover .icon-right{opacity:0;-webkit-transition:.1s .3s ease-in all;transition:.1s .3s ease-in all}.btn-secondary:hover .icon-right.after{left:50%;opacity:1;-webkit-transform:transitionX(-50%);transform:transitionX(-50%)}@media (max-width: 1024px){.headerBtn{display:none}.headerBtn.alert{display:block}}::-webkit-scrollbar{display:none}.bag{height:320px;width:100%;background-color:#243755;background-image:url("/images/img_banner_bg.png");display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.half{width:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.half.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.half.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (max-width: 640px){.half.justify-end{display:none}.half.justify-start{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}}.img_media{background-image:url("/images/img_media.png");width:430px;height:320px;background-size:cover}.bag-sub-title{font-size:24px;height:24px;letter-spacing:0.5px;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;text-align:center;margin-bottom:20px}.bag-title{font-size:60px;height:60px;letter-spacing:1px;font-weight:700;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px;text-align:center}@media (max-width: 375px){.bag-title{font-size:14vw}}.rotate-btn-bg{cursor:pointer;width:200px;height:50px;font-size:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0px auto;letter-spacing:0.5px;background-color:#fff;text-decoration:none;-webkit-transition:all 0.25s ease;transition:all 0.25s ease}.rotate-btn-bg.half-cut{margin-bottom:-75px}.rotate-btn-bg.onclic{width:50px;border-color:#A0ADBD;border-width:3px;border-style:solid;font-size:0;border-left-color:#B31217;-webkit-animation:rotating 2s 0.25s linear infinite;animation:rotating 2s 0.25s linear infinite;border-radius:50px}.rotate-btn-bg.onclic .rotate-btn{display:none}.rotate-btn-bg.onclic:hover{color:#B31217;background:white}.rotate-btn-bg.validate{font-size:13px;color:white;background:#B31217}.rotate-btn-bg.validate .rotate-btn{display:none}.rotate-btn-bg.validate:after{font-family:'FontAwesome';content:"\f00c";margin:0px auto}.rotate-btn-bg.invalidate{font-size:13px;color:white;background:#B31217}.rotate-btn-bg.invalidate .rotate-btn{display:none}.rotate-btn-bg.invalidate:after{font-family:'FontAwesome';content:"\f00d";margin:0px auto}.button-wrap{width:420px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 1023px){.button-wrap{width:auto;display:block}}.button-wrap.button-wrap-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.single-tween-item.hide{display:none}.rotate-btn-download:after{content:"";width:12px;height:12px;background-size:cover;margin-left:auto;margin-right:15px}.rotate-btn-download.red{width:180px;height:50px;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0px auto;padding-left:20px;color:#fff;background-color:rgba(229,45,39,0.4)}@media (max-width: 1023px){.rotate-btn-download.red{margin-bottom:15px}}.rotate-btn-download.red.download-pdf:before{content:"點我下載公司介紹"}.rotate-btn-download.red.go-video:before{content:"點我觀看磊山影音"}.rotate-btn-download.red.active{background:-webkit-linear-gradient(left, #E52D27, #B31217);background:linear-gradient(to right, #E52D27, #B31217)}.rotate-btn-download.red:after{background-image:url("/images/btn_more_arrow_white_normal.png")}.rotate-btn-download.white{color:#E52D27;border:1px solid #E52D27}.rotate-btn-download.white:after{background-image:url("/images/btn_more_arrow_red_normal.png")}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fade-out{0%{opacity:1}50%{opacity:0.5}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}50%{opacity:0.5}100%{opacity:0}}