@import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css");@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);@import url("https://fonts.googleapis.com/css?family=Roboto:500,900i");*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(55,53,63,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-appearance:none;outline:none}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;padding:0;font-family:"Roboto",Arial,Helvetica,sans-serif,"Noto Sans TC";font-size:16px;font-weight:400;line-height:1.5;letter-spacing:3px;color:#37353F;text-align:left}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;letter-spacing:3px}p{margin-top:0;margin-bottom:1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}li{list-style-type:none}a{color:#37353F;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}strong{font-weight:700}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.outer{width:98%;height:auto;max-width:1400px;margin:auto}@media (max-width: 1450px){.outer{width:100%}}::-webkit-input-placeholder{color:#37353F;opacity:1}:-ms-input-placeholder{color:#37353F;opacity:1}::-ms-input-placeholder{color:#37353F;opacity:1}::placeholder{color:#37353F;opacity:1}:-ms-input-placeholder{color:#37353F}::-ms-input-placeholder{color:#37353F}.m-input{position:relative;width:100%;height:55px;margin:0 0 10px 0;padding:0;font-weight:400}input[type="input"],input[type="text"],input[type="password"],input[type="submit"],input[type="tel"],input[type="email"],select{width:100%;height:55px;padding:0 20px;outline:none;border:none;-moz-appearance:none;-webkit-appearance:none;background:#fff;border:0;border-radius:0}input[type="submit"]{height:70px;font-weight:700;background:#FFBA5A}@media (max-width: 1800px){input[type="submit"]{height:60px}}textarea{width:100%;height:200px;padding:20px;border:0;outline:none;background:#F4F4F4;resize:none}.loading{position:fixed;left:0px;top:0px;z-index:6;width:100%;height:100%;background-color:#FAFAF5}.loading>div{position:absolute;left:0;right:0;top:0;bottom:0;width:215px;height:100px;margin:auto;padding-top:35px;font-size:10px;color:#37353F;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.loading .u-logo{width:215px;height:46px;line-height:50px;animation-name:lineAnime03;animation-duration:.375s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;-webkit-animation-name:lineAnime03;-webkit-animation-duration:.375s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;-webkit-animation-direction:alternate}.loading .u-logo svg{width:100%;height:auto}.loading .u-logo .cls-1,.loading .u-logo .cls-2{fill:#f9a828}.loading .lod{animation-name:lineAnime03;animation-duration:.275s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate;-webkit-animation-name:lineAnime03;-webkit-animation-duration:.275s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;-webkit-animation-direction:alternate}@keyframes lineAnime03{0%{opacity:1}100%{opacity:.4}}@-webkit-keyframes lineAnime03{0%{opacity:1}100%{opacity:.4}}.j_bgIMG{background-position:center;background-size:cover;background-repeat:no-repeat}.m-topmline{position:absolute;left:0;top:0;width:100%;height:4px;background:-webkit-gradient(linear, left top, right top, color-stop(10%, #ffba5a), color-stop(90%, #503bff));background:linear-gradient(90deg, #ffba5a 10%, #503bff 90%)}.m-separateline{width:100%;height:2px;margin:40px auto;background:#F4F4F4}.highlight{display:inline-block;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FFBA5A));background-image:linear-gradient(to bottom, transparent 60%, #FFBA5A 60%)}.m-title{width:100%;height:auto}.m-title span{display:block}.l-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.header-box{position:relative;width:100%;height:104px;-webkit-transition:all 0.9s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.9s cubic-bezier(0.4, 0, 0.2, 1)}@media (max-width: 1800px){.header-box{height:80px}}.header-box .outer.l-flex{height:104px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px}@media (max-width: 1800px){.header-box .outer.l-flex{height:80px}}.header-box .m-topmline{z-index:3;background:-webkit-gradient(linear, left top, right top, color-stop(10%, #ffba5a), color-stop(90%, #503bff));background:linear-gradient(90deg, #ffba5a 10%, #503bff 90%)}.header-box .m-logo-name{width:172px;height:38px}.header-box .m-logo-name span{display:block;font-size:16px}.header-box .m-logo-name span:last-child{font-size:10px}.header-box .m-menu li{margin:0 30px 0 0}.header-box .button_container{display:none}@media (max-width: 1200px){.header-box .m-menu li{margin:0 10px 0 0}.header-box .m-menu li a{font-size:14.4px}}@media (max-width: 600px){.header-box .m-menu{position:fixed;top:0;right:0;z-index:4;width:300px;height:100vh;margin:0;padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#FFBA5A;-webkit-box-shadow:-1px 2px 23px -4px rgba(130,130,130,0.52);box-shadow:-1px 2px 23px -4px rgba(130,130,130,0.52);-webkit-transition:all 0.9s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.9s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translateX(120%);transform:translateX(120%)}.header-box .m-menu li{margin:20px auto;font-weight:700}body.menuOpen .header-box .m-menu{-webkit-transform:translateX(0%);transform:translateX(0%)}.header-box .button_container{display:block;position:absolute;top:0;bottom:0;right:26px;z-index:5;margin:auto;width:16px;height:16px;cursor:pointer;-webkit-transition:opacity .25s ease;transition:opacity .25s ease;-webkit-transform-origin:center center;transform-origin:center center}body.menuOpen .header-box .button_container .top{-webkit-transform:translateY(4px) translateX(0) rotate(45deg);transform:translateY(4px) translateX(0) rotate(45deg);background:#393E46}body.menuOpen .header-box .button_container .middle{opacity:0;background:#393E46}body.menuOpen .header-box .button_container .bottom{-webkit-transform:translateY(-4px) translateX(0) rotate(-45deg);transform:translateY(-4px) translateX(0) rotate(-45deg);background:#393E46}body.menuOpen .z_Sml .header-box .button_container .top,body.menuOpen .z_Sml .header-box .button_container .bottom{background:#2e383f}.header-box .button_container span{background:#393E46;border:none;height:2px;width:100%;position:absolute;top:2px;left:0;-webkit-transition:all .35s ease;transition:all .35s ease;cursor:pointer}.z_Sml .header-box .button_container span{background:#2e383f}.header-box .button_container span:nth-of-type(2){top:6px}.header-box .button_container span:nth-of-type(3){top:10px}}footer .info{width:calc(100% - 90px);height:160px;margin:0 20px 0 0;padding:0 40px;background:#FFBA5A}@media (max-width: 1450px){footer .info{width:calc(100% - 60px);margin:0 0 0 0}}footer .info.l-flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer .info .sociel{width:70px;height:30px;text-align:right;font-size:24px}footer .info .contact{width:260px;height:66px}footer .copyright{width:300px;height:24px;line-height:24px;text-align:center;margin:50px auto}.pagetop{cursor:pointer;position:relative;width:70px;height:160px;color:#fff;background:#37353F}@media (max-width: 1450px){.pagetop{width:60px}}.pagetop span{display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100px;height:20px;text-align:center;font-size:12.8px;font-weight:700;-webkit-transform:rotate(90deg) translateY(15px);transform:rotate(90deg) translateY(15px)}@media (max-width: 1450px){.pagetop span{-webkit-transform:rotate(90deg) translateY(20px);transform:rotate(90deg) translateY(20px)}}body{background-color:#FAFAF5}.slickbox{position:relative;width:100%;height:auto}.slickbox .l-login.l-flex{position:absolute;z-index:2;right:20px;top:0;bottom:0;margin:auto 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:550px;height:400px;background:#37353F;-webkit-transition:all 0.9s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.9s cubic-bezier(0.4, 0, 0.2, 1)}@media (max-width: 1800px){.slickbox .l-login.l-flex{width:400px;height:400px}}@media (max-width: 900px){.slickbox .l-login.l-flex{position:relative;right:auto;width:96%;height:320px;margin:-150px auto 0 auto}}.slickbox .l-login.l-flex .m-topmline{z-index:3;background:#FFBA5A}.slickbox .l-login.l-flex .wrp{width:300px;height:auto;margin:auto}@media (max-width: 900px){.slickbox .l-login.l-flex .wrp{width:90%}}.slickbox .l-login.l-flex .wrp .m-title{margin:0 auto 20px auto}.slickbox .l-login.l-flex .wrp .m-title span:first-child{font-size:16px;color:#FFBA5A}.slickbox .l-login.l-flex .wrp .m-title span:last-child{font-size:24px;color:#fff}@media (max-width: 1800px){.slickbox .l-login.l-flex .wrp .m-title span:first-child{font-size:14.4px}.slickbox .l-login.l-flex .wrp .m-title span:last-child{font-size:22.4px}}@media (max-width: 1200px){.slickbox .l-login.l-flex .wrp .m-title span:first-child{font-size:12.8px}.slickbox .l-login.l-flex .wrp .m-title span:last-child{font-size:16px}}.slickbox .l-login.l-flex .wrp input[type="submit"]{margin:10px auto;font-weight:700;border-radius:8px;background:#FFBA5A}.slickbox .l-login.l-flex .wrp .member div{color:#fff}.slickbox .l-login.l-flex .wrp .member a{display:block;width:100%;height:60px;margin:10px auto;font-weight:700;line-height:60px;text-align:center;background:#FFBA5A}.slickbox .j_slick.slick-initialized{width:80%}@media (max-width: 1200px){.slickbox .j_slick.slick-initialized{width:100%}}.slickbox .j_slick.slick-initialized .slick-list .slick-slide{position:relative;display:block;width:100%;opacity:0;-webkit-transform:scale(1.15) translateZ(0);transform:scale(1.15) translateZ(0);transition:opacity 0.4s 0.4s linear,-webkit-transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition:opacity 0.4s 0.4s linear,-webkit-transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.65s cubic-bezier(0.23, 1, 0.32, 1),opacity 0.4s 0.4s linear;transition:transform 0.65s cubic-bezier(0.23, 1, 0.32, 1),opacity 0.4s 0.4s linear,-webkit-transform 0.65s cubic-bezier(0.23, 1, 0.32, 1)}.slickbox .j_slick.slick-initialized .slick-list .slick-slide.slick-current.slick-active{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);transition:opacity 0.4s linear,-webkit-transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition:opacity 0.4s linear,-webkit-transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);transition:transform 0.65s cubic-bezier(0.23, 1, 0.32, 1),opacity 0.4s linear;transition:transform 0.65s cubic-bezier(0.23, 1, 0.32, 1),opacity 0.4s linear,-webkit-transform 0.65s cubic-bezier(0.23, 1, 0.32, 1)}.slickbox .j_slick.slick-initialized .slick-list .slick-slide .m-txt{position:absolute;top:0;bottom:0;left:100px;margin:auto 0;width:310px;height:124px;overflow:hidden}.slickbox .j_slick.slick-initialized .slick-list .slick-slide .m-txt ::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:#FFBA5A}.slickbox .j_slick.slick-initialized .slick-list .slick-slide .m-txt h1{position:relative;width:100%;height:46px;padding:5px 15px;font-size:24px;font-weight:700;background:#fff;overflow:hidden}.slickbox .j_slick.slick-initialized .slick-list .slick-slide .m-txt span{display:block;width:100%;height:52px;padding:2px 15px;font-size:16px;background:#fff;overflow:hidden}.container{margin:70px auto}.container .right{width:70px;height:auto;overflow:hidden;background:#37353F}@media (max-width: 1450px){.container .right{width:60px}}@media (max-width: 600px){.container .right{display:none}}.container .right .pagetop{position:fixed;display:none;bottom:10px;color:#FAFAF5;background:transparent}.container .left{width:calc(100% - 140px);height:auto;margin:0 70px 0 0}@media (max-width: 1450px){.container .left{width:calc(100% - 60px);margin:0 0 0 0}}@media (max-width: 600px){.container .left{width:100%}}.container .left .m-card{position:relative;padding:70px;margin:70px 0 0 0;background:#fff}@media (max-width: 900px){.container .left .m-card{padding:70px 30px}}.container .left .m-card:first-child{margin:0 0 0 0}.container .left .m-card::before{content:'';position:absolute;top:0;left:70px;z-index:100;width:100px;height:4px;background:#FFBA5A}@media (max-width: 900px){.container .left .m-card::before{left:30px}}.container .left .m-card .m-title{width:280px;height:auto;margin:0 70px 40px 0}@media (max-width: 1450px){.container .left .m-card .m-title{width:100%}}.container .left .m-card .m-title .j_jpage-ul a{cursor:pointer;margin:0 10px 0 0;font-size:24px}.container .left .m-card .m-title .j_jpage-ul a:first-child::after{content:'/';margin:0 0 0 10px;color:#37353F}.container .left .m-card .m-title .j_jpage-ul .jp-current{color:#FFBA5A;font-weight:700}.container .left .m-card .m-class-b{margin:0 0 30px 0}.container .left .m-card .m-cont{width:calc(100% - 350px)}@media (max-width: 1450px){.container .left .m-card .m-cont{width:100%}}.container .left .m-card .m-cont.m-class-c{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 350px){.container .left .m-card .m-cont.m-class-c{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.container .left .m-card .m-cont.m-class-c>div{width:calc(33% - 40px);margin:0 0 40px 0}@media (max-width: 600px){.container .left .m-card .m-cont.m-class-c>div{width:calc(50% - 20px)}}@media (max-width: 350px){.container .left .m-card .m-cont.m-class-c>div{width:100%}}.container .left .m-card .m-cont.m-class-c>div a{display:block;line-height:1.5}.container .left .m-card .m-cont .m-inputbox.l-flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 600px){.container .left .m-card .m-cont .m-inputbox.l-flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.container .left .m-card .m-cont .m-inputbox.l-flex .m-input{position:relative;width:calc(50% - 7px);height:69px;margin:0 0 14px 0}.container .left .m-card .m-cont .m-inputbox.l-flex .m-input.tm-full{width:100%}@media (max-width: 600px){.container .left .m-card .m-cont .m-inputbox.l-flex .m-input{width:100%}}.container .left .m-card .m-cont .m-inputbox.l-flex .m-input input{background:#F4F4F4}.container .left .m-card .m-cont .m-inputbox.l-flex .m-input label{position:absolute;left:20px;top:16px;width:100%;height:24px;-webkit-transform:scale(1, 1);transform:scale(1, 1);-webkit-transition:all 0.3s cubic-bezier(0.125, 0.75, 0.415, 1);transition:all 0.3s cubic-bezier(0.125, 0.75, 0.415, 1);pointer-events:none}.container .left .m-card .m-cont .m-inputbox.l-flex .m-input input:focus ~ label,.container .left .m-card .m-cont .m-inputbox.l-flex .m-input input.has-content ~ label{top:-10px;font-size:12.8px}.container .left .m-card .m-cont .m-inputbox.l-flex input[type="submit"]{margin:14px auto}.container .left .m-group.l-flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:70px 0 0 0}.container .left .m-group.l-flex .m-pdtitem{display:block;width:calc(33% - 10px)}@media (max-width: 900px){.container .left .m-group.l-flex .m-pdtitem{width:100%}}.container .left .m-group.l-flex .m-pdtitem .j_bgIMG{width:100%;height:340px}@media (max-width: 900px){.container .left .m-group.l-flex .m-pdtitem .j_bgIMG{height:500px}}@media (max-width: 600px){.container .left .m-group.l-flex .m-pdtitem .j_bgIMG{height:300px}}@media (max-width: 350px){.container .left .m-group.l-flex .m-pdtitem .j_bgIMG{height:250px}}.container .left .m-group.l-flex .m-pdtitem .text{width:100%;height:170px;padding:40px;background:#fff}.container .left .m-group.l-flex .m-pdtitem .text h3{width:100%;height:28px;overflow:hidden}.container .left .m-group.l-flex .m-pdtitem .text p{width:100%;height:48px;overflow:hidden}.banner{position:relative;margin:70px auto 20px auto}.banner img{width:100%;height:auto}.sucsful-wrapper{position:relative;width:100%}.sucsful-wrapper .msg{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:484px;height:434px;padding:50px;background:#fff;-webkit-box-shadow:-1px 2px 23px -4px rgba(130,130,130,0.52);box-shadow:-1px 2px 23px -4px rgba(130,130,130,0.52);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 600px){.sucsful-wrapper .msg{width:280px;height:300px;padding:20px}}.sucsful-wrapper .msg div{width:100%;height:auto;margin:0 auto 10px auto;text-align:center}.sucsful-wrapper .msg div i{font-size:3em;color:#0BE019}@media (max-width: 600px){.sucsful-wrapper .msg div i{font-size:1em}}.sucsful-wrapper .msg div span{display:block}@media (max-width: 600px){.sucsful-wrapper .msg div span{font-size:12.8px}}.sucsful-wrapper .msg a{margin:1em 0 0 0;color:#FFBA5A;font-weight:700}