@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap";a,address,article,aside,audio,b,body,canvas,caption,center,code,div,fieldset,figcaption,footer,h1,h2,h3,h4,h5,h6,header,hgroup,i,img,input,label,li,nav,object,ol,output,p,q,ruby,s,samp,section,strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-weight:400;vertical-align:baseline;font-family:inherit;font-size:inherit}html{margin:0;padding:0;border:0;font-family:"微軟正黑體","Arial Narrow";font-size:18px;line-height:140%}@media screen and (max-width: 1280px){html{font-size:16px}}@media screen and (max-width: 768px){html{font-size:14px}}body{position:relative;color:#1e1e1e}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}td,th{vertical-align:middle}a{outline:0;color:#000;text-decoration:none;-webkit-backface-visibility:hidden}a:focus{outline:0}input:focus,select:focus,textarea:focus{outline:-webkit-focus-ring-color auto 0}img{max-width:100%;display:inline-block;transition:all linear .2s;-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s}.moSet{display:none}@media screen and (max-width: 768px){.pcSet{display:none}.moSet{display:block}}.btn-more-style a{display:flex;align-items:center;justify-content:center;transition:all linear .2s;background-image:url(//www.jacreative.com.tw/hdt/Y24/images/index/btn-bg.png);background-position:50%;background-repeat:no-repeat;width:180px;height:170px}@media screen and (max-width: 1280px){.btn-more-style a{width:150px;height:130px;background-size:auto 100%}}@media screen and (max-width: 980px){.btn-more-style a{width:120px;height:100px}}@media screen and (max-width: 768px){.btn-more-style a{width:100px;height:80px}}.btn-more-style a .txt{color:#d3672b}@media screen and (max-width: 768px){.btn-more-style a .txt{font-size:12px}}.btn-more-style a:hover{background-image:url(//www.jacreative.com.tw/hdt/Y24/images/index/btn-bg-green.png)}.btn-more-style a:hover .txt{color:#dfce5f}.btn-more-style.btn-more-style-yellow a:hover{background-image:url(//www.jacreative.com.tw/hdt/Y24/images/index/btn-bg-yellow.svg)}.btn-more-style.btn-more-style-yellow a:hover .txt{color:#fff}.homePage{position:relative;overflow:hidden}.main_width{width:calc(100% - 300px);margin:0 auto;position:relative}@media screen and (max-width: 1680px){.main_width{width:calc(100% - 200px)}}@media screen and (max-width: 1440px){.main_width{width:calc(100% - 150px)}}@media screen and (max-width: 768px){.main_width{width:calc(100% - 100px)}}@media screen and (max-width: 480px){.main_width{width:calc(100% - 60px)}}#app_header{position:relative}@media screen and (max-width: 768px){#app_header:after{content:"";display:block;width:100%;background-color:hsla(0,0%,100%,.5);height:60px;position:fixed;left:0;top:0;z-index:5}}#app_header .openMenuBg{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:-2;opacity:0;background:linear-gradient(135deg, #a8b6a9 0%, #e8c2a9 100%);background:linear-gradient(135deg, rgba(168, 182, 169, 0.8705882353) 0%, rgba(232, 194, 169, 0.831372549) 100%);transition:all linear .2s}#app_header #cis{position:fixed;z-index:9;left:30px;top:30px;transition:all linear .2s;width:62px}#app_header #cis a img{transition:all linear .2s}@media screen and (max-width: 1440px){#app_header #cis{width:50px}}@media screen and (max-width: 1280px){#app_header #cis{width:30px}}@media screen and (max-width: 768px){#app_header #cis{width:25px;left:15px;top:5px}}#app_header #menu_trigger{position:fixed;z-index:8;right:30px;top:30px;width:51px;height:30px;cursor:pointer}@media screen and (max-width: 768px){#app_header #menu_trigger{right:15px;top:15px;width:40px;height:30px}}#app_header #menu_trigger>div{position:absolute}#app_header #menu_trigger>div:last-child{opacity:0}@media screen and (max-width: 768px){#app_header #menu_trigger>div:first-child{background-image:url(//www.jacreative.com.tw/hdt/Y24/images/trigger-normal-m.png);background-repeat:no-repeat;background-position:50%;background-size:100%}#app_header #menu_trigger>div:first-child img{opacity:0}}#app_header .rightMenu{background-image:url(//www.jacreative.com.tw/hdt/Y24/images/menu_open_inside_bg.png);width:714px;height:100dvh;position:absolute;right:-100%;top:0;position:fixed;z-index:-1;transition:all linear .5s}@media screen and (max-width: 768px){#app_header .rightMenu{width:100%;background-size:100%;background-position:0% 0%}}@media screen and (max-width: 640px){#app_header .rightMenu{background-image:url(//www.jacreative.com.tw/hdt/Y24/images/menu_open_inside_bg_m.png);background-size:cover;background-position:100% 0;background-repeat:no-repeat}}#app_header .rightMenu #menu{position:absolute;color:#fff;box-sizing:border-box;padding:100px 100px 100px 200px;overflow:auto;max-height:100%;overflow-y:auto;overflow-x:hidden}#app_header .rightMenu #menu::-webkit-scrollbar{width:5px}#app_header .rightMenu #menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0px rgba(0,0,0,.3);border-radius:10px}#app_header .rightMenu #menu::-webkit-scrollbar-thumb{border-radius:10px;background:hsla(0,0%,100%,.142);-webkit-box-shadow:inset 0 0 0px rgba(0,0,0,.5)}#app_header .rightMenu #menu::-webkit-scrollbar-thumb:window-inactive{background:hsla(0,0%,100%,.142)}@media screen and (max-width: 640px){#app_header .rightMenu #menu{padding:100px 40px 50px 150px}}@media screen and (max-width: 480px){#app_header .rightMenu #menu{padding:100px 40px 50px 120px}}#app_header .rightMenu #menu nav>ul>li{position:relative;margin-bottom:25px}@media screen and (max-width: 768px){#app_header .rightMenu #menu nav>ul>li{margin-bottom:15px}}#app_header .rightMenu #menu nav>ul>li:last-child{margin-bottom:0}#app_header .rightMenu #menu nav>ul>li>div>a{color:#fff;cursor:pointer;position:relative}#app_header .rightMenu #menu nav>ul>li>div>a b{font-weight:bold;font-size:24px;letter-spacing:.2em;font-weight:400;transition:all linear .2s}@media screen and (max-width: 768px){#app_header .rightMenu #menu nav>ul>li>div>a b{font-size:18px}}@media screen and (min-width: 769px){#app_header .rightMenu #menu nav>ul>li>div>a:after{content:"";display:block;width:0;height:2px;background-color:#fff;position:absolute;left:0;top:calc(100% + 10px);opacity:0;transition:all linear .5s}#app_header .rightMenu #menu nav>ul>li>div>a:hover:after{opacity:1;width:100%}}#app_header .rightMenu #menu nav>ul>li>div .sub-menu{margin:25px 0}#app_header .rightMenu #menu nav>ul>li>div .sub-menu li{margin-bottom:15px}#app_header .rightMenu #menu nav>ul>li>div .sub-menu li:last-child{margin-bottom:0}#app_header .rightMenu #menu nav>ul>li>div .sub-menu li a{color:#fff;opacity:.7;transition:all linear .2s}#app_header .rightMenu #menu nav>ul>li>div .sub-menu li a b{letter-spacing:.1em;font-weight:400;transition:all linear .2s}@media screen and (min-width: 769px){#app_header .rightMenu #menu nav>ul>li>div .sub-menu li a:hover{opacity:1}}#app_header .rightMenu #menu nav>ul>li>div .sub-menu{height:0;overflow:hidden;margin:0;transition:all linear .2s}@media screen and (max-width: 768px){#app_header .rightMenu #menu nav>ul>li>div .sub-menu:before{content:"";top:-10px;right:-30px;display:block;position:absolute;width:10px;height:10px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(225deg);transform-origin:bottom;transition:all linear .2s}}#app_header .rightMenu #menu nav>ul>li>div>a.opened:after{opacity:1;width:100%}#app_header .rightMenu #menu nav>ul>li>div>a.opened+.sub-menu{height:auto;margin:20px 0}@media screen and (min-width: 769px){#app_header .rightMenu #menu nav>ul>li>div>a.opened+.sub-menu{margin-top:40px}}#app_header .rightMenu #menu nav>ul>li>div>a.opened+.sub-menu:before{transform:rotate(45deg);transform-origin:-100% 100%}#app_header .rightMenu #social_share{position:absolute;right:35px;bottom:30px}#app_header .rightMenu #social_share li a{display:block;transition:all linear .2s}@media screen and (min-width: 1281px){#app_header .rightMenu #social_share li:hover a{transform:scale(1.05)}}#app_header #translation{position:fixed;z-index:8;right:100px;top:30px}@media screen and (max-width: 768px){#app_header #translation{right:60px;top:14px}}#app_header #translation a{display:block}#app_header #translation ul{display:flex}#app_header #translation ul li:last-child{transform:translateX(-5px)}#app_header #translation b{display:block;border-radius:50%;font-size:14px;width:30px;height:30px;line-height:30px;text-align:center;color:#fff}@media screen and (min-width: 769px){#app_header #translation b{border:1px solid #fff;color:#fff}}@media screen and (max-width: 768px){#app_header #translation b{border:1px solid #194329;color:#194329}}@media screen and (min-width: 769px){#app_header #translation .cn ul li:last-child b{border:1px solid #fff;color:#194329;background-color:#fff}}@media screen and (max-width: 768px){#app_header #translation .cn ul li:last-child b{background-color:#194329;color:#fff}}@media screen and (min-width: 769px){#app_header #translation .en ul li:first-child b{border:1px solid #fff;background-color:#fff;color:#194329}}@media screen and (max-width: 768px){#app_header #translation .en ul li:first-child b{background-color:#194329;color:#fff}}#app_header.menu_opened:after{opacity:0}#app_header.menu_opened #menu_trigger>div:first-child{opacity:0}#app_header.menu_opened #menu_trigger>div:last-child{opacity:1}#app_header.menu_opened .openMenuBg{opacity:1;z-index:7}#app_header.menu_opened .rightMenu{opacity:1;z-index:7;right:0%}@media screen and (max-width: 768px){#app_header.menu_opened #translation b{border:1px solid #fff;color:#fff}#app_header.menu_opened #translation .cn ul li:last-child b{border:1px solid #fff;color:#194329;background-color:#fff}#app_header.menu_opened #translation .en ul li:first-child b{border:1px solid #fff;background-color:#fff;color:#194329}}#app_header.scrolldown #cis{width:40px}@media screen and (max-width: 1280px){#app_header.scrolldown #cis{width:25px}}#app_footer{background-color:#194329;color:#dfce5f;font-size:12px;letter-spacing:.1em;padding:50px 0}#app_footer .main_width{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}@media screen and (max-width: 480px){#app_footer .main_width{width:calc(100% - 30px)}}#app_footer .left{width:50%}#app_footer .left #contact_way ul{display:flex}#app_footer .left #contact_way ul li .btn-more-style a{background-image:url(//www.jacreative.com.tw/hdt/Y24/images/footer-btn-bg-de.png)}@media screen and (max-width: 980px){#app_footer .left #contact_way ul li .btn-more-style a{width:140px;height:120px}}#app_footer .left #contact_way ul li .btn-more-style a .txt{text-align:center;color:#194329}#app_footer .left #contact_way ul li .btn-more-style a .txt h4{font-weight:bold;font-size:15px}@media screen and (max-width: 980px){#app_footer .left #contact_way ul li .btn-more-style a .txt h4{font-size:14px}}#app_footer .left #contact_way ul li .btn-more-style a .txt p{font-size:.6rem;font-family:"Noto Serif TC",serif;letter-spacing:.02rem}#app_footer .left #contact_way ul li:last-child .btn-more-style a .txt p{font-size:20px}@media screen and (max-width: 980px){#app_footer .left #contact_way ul li:last-child .btn-more-style a .txt p{font-size:14px}}#app_footer .right{width:310px}@media screen and (max-width: 768px){#app_footer .right{width:50px}}#app_footer .right #social_share_footer{margin-bottom:20px}@media screen and (max-width: 768px){#app_footer .right #social_share_footer{margin-bottom:0px}}#app_footer .right #social_share_footer ul{text-align:right}#app_footer .right #social_share_footer ul li{display:inline-block;margin-left:5px}@media screen and (max-width: 980px){#app_footer .right #social_share_footer ul li p{font-size:12px}}#app_footer .bottom{width:100%;margin-top:20px}@media screen and (min-width: 981px){#app_footer .bottom{display:flex;justify-content:space-between}}@media screen and (max-width: 980px){#app_footer .bottom #copyright{font-size:12px;margin-top:20px}}@media screen and (max-width: 980px){#app_footer #coopertaiotns ul li p,#app_footer #coopertaiotns2 ul li p{font-size:12px}}#gotop{display:none;position:fixed;right:30px;bottom:30px;width:57px;height:54px;z-index:6;cursor:pointer}@media screen and (max-width: 640px){#gotop{right:10px;bottom:10px;width:37px;height:34px}}#gotop p img{position:absolute;top:0;transition:all linear .2s}#gotop p img:last-child{opacity:0}#gotop:hover p img:first-child{opacity:0}#gotop:hover p img:last-child{opacity:1}/*# sourceMappingURL=main.css.map */