@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap";.color-gray{color:#666}.color-notice{color:#9f9f9f}.color-main{color:#007d7d}.color-danger{color:#ea2e31}.m-show{display:none}@media screen and (max-width: 900px){.m-show{display:block}}@media screen and (max-width: 900px){.m-hide{display:none !important}}body,div,h1,h2,h3,h4,h5,h6,form,input,select,textarea,label,p,blockquote,th,td,iframe,button,a,header,footer{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;font:inherit;color:inherit;word-wrap:break-word}body{font-size:16px;font-family:"Noto Sans","Noto Sans TC","Helvetica Neue",Helvetica,"微軟正黑體",sans-serif;font-weight:400;letter-spacing:.2px;color:#333;background:#fff;word-break:break-word}html{-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}a{color:inherit;text-decoration:none}button{color:inherit;background:none;outline:none;cursor:pointer}ul,ol{margin:0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;font:inherit;color:inherit;word-wrap:break-word}li{-webkit-box-sizing:border-box;box-sizing:border-box}table{width:100%;border-collapse:collapse;border-spacing:0}table th,table td{height:50px;padding:9px 8px;word-break:break-word}@media screen and (max-width: 900px){table th,table td{height:40px}}table thead th{font-weight:500}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:none}img{image-rendering:-webkit-optimize-contrast;max-width:100%}body{max-width:100%}.page{background:#fff}.wrapper{padding-top:100px}@media screen and (max-width: 900px){.wrapper{padding-top:50px}}@media screen and (max-width: 900px){.page--hasheadDlApp .wrapper{padding-top:110px}}.pagesize{margin-left:auto;margin-right:auto;max-width:1248px;padding:0 24px}@media screen and (max-width: 1100px){.pagesize{padding:0 20px}}header{position:fixed;top:0;z-index:100;width:100%;background-color:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.05);box-shadow:0 4px 8px 0 rgba(0,0,0,.05)}header .pagesize{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;gap:0 16px;height:100px}@media screen and (max-width: 1200px){header .pagesize{gap:0 4px}}@media screen and (max-width: 900px){header .pagesize{height:50px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.headLogo-link{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;gap:0 8px}@media screen and (max-width: 1200px){.headLogo-link{gap:0 4px}}@media screen and (max-width: 900px){.headLogo-link img{height:34px}}.headLogo .main img,.headLogo .sub img{display:block;height:48px}@media screen and (max-width: 1200px){.headLogo .main img,.headLogo .sub img{width:auto;height:36px}}@media screen and (max-width: 1024px){.headLogo .main img,.headLogo .sub img{height:32px}}.headLogo .sub{position:relative;padding-left:8px}.headLogo .sub::after{content:"";display:block;width:1px;height:30px;position:absolute;top:calc(50% - 15px);left:0;background-color:#d9d9d9}.headNav{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:0 16px}@media screen and (max-width: 900px){.headNav{position:absolute;top:9px;right:10px}}.headNav-list{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;max-width:720px;gap:0 16px;list-style:none;font-size:1.125em;line-height:24px;font-weight:500;padding-left:0}@media screen and (max-width: 1260px){.headNav-list{gap:0 8px}}@media screen and (max-width: 1200px){.headNav-list{max-width:640px;font-size:1em}}@media screen and (max-width: 1024px){.headNav-list{max-width:100%;font-size:.875em}}@media screen and (max-width: 900px){.headNav-list{display:none}}.headNav-list .main{display:block;padding:12px 0;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.headNav-list .main:hover,.headNav-list .main:focus{color:#007d7d}.headNav-list .hasSub{position:relative}.headNav-list .hasSub-hide{display:none;position:absolute;top:48px;left:calc(50% - 70px)}.headNav-list .sub{list-style:none;position:absolute;width:140px;padding:22px 20px;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.2);box-shadow:0 4px 16px rgba(0,0,0,.2)}.headNav-list .sub::after{content:"";position:absolute;top:-10px;left:calc(50% - 10px);border-style:solid;border-width:0 10px 10px 10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0)}.headNav-list .sub li{margin-bottom:16px}.headNav-list .sub li:last-child{margin-bottom:0}.headNav-list .sub a{line-height:24px}.headLogin{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.headLogin-btn{display:block;line-height:30px;font-weight:500;padding:4px 16px;border-radius:20px}@media screen and (max-width: 1200px){.headLogin-btn{padding:0px 10px;font-size:.875em}}@media screen and (max-width: 900px){.headLogin-btn{font-size:1em;line-height:1.25em;padding:6px 14px}.headLogin-btn.regist{display:none}}.headLogin .regist{color:#fff;background:#007d7d}.pageMenu-btn{display:none}@media screen and (max-width: 900px){.pageMenu-btn{display:block}}@media screen and (max-width: 900px){.pageMenu-head{height:50px;padding:8px 12px}.pageMenu-logo{display:block;width:120px;height:34px}.pageMenu-btnBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:8px 0;padding:16px 16px 0}.pageMenu-btnBox .bt{display:block;text-align:center;line-height:30px;font-weight:500;padding:4px;border-radius:20px}.pageMenu-btnBox .login{color:#fff;background-color:#007d7d}}footer{font-size:14px;z-index:99}footer ul{list-style:none;padding-left:0}footer .in{max-width:1248px;padding:30px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:0 15px}footer .in .infoBox{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.ftLinks{background:#f0f3f5}.ftLinks,footer .ftLinks a{color:#364a4a}.ftLinks a:hover{color:#007d7d}.ftLinks a.color_gr{color:#007d7d;font-weight:bold}.ftLinks a.color_gr:hover{color:#009898}.ftBut{background:#007d7d;color:#fff}.ftBut .in span:first-child{opacity:.6}.infoBox h4{font-size:18px;font-weight:bold;padding:6px 0}.infoBox h4{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}.trig span{width:16px;height:10px;display:none;background:url("../images/ft_ar_dw.svg") no-repeat}.trig.open span{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.infoBox .info{display:block}.infoBox .info.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 15px}.infoBox .Mr{margin:0 15px 0 0}.infoBox ul li{padding:6px 0}.comunity,.apps{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.comunity li{margin:0 5px 0 0}.comunity li:last-child{margin:0}.comunity a{width:40px;height:40px;display:block;border-radius:99px}.comunity a:hover{opacity:.9}.comunity a.game{background:#364a4a url("../images/ft_ico_game.png") center no-repeat;background-size:contain}.comunity a.line{background:#364a4a url("../images/ft_ico_line.png") center no-repeat;background-size:contain}.comunity a.fb{background:#364a4a url("../images/ft_ico_fb.png") center no-repeat;background-size:contain}.comunity a.yt{background:#364a4a url("../images/ft_ico_yt.png") center no-repeat;background-size:contain}.comunity a.ig{background:#364a4a url("../images/ft_ico_ig.png") center no-repeat;background-size:contain}.infoBox ul.apps{width:300px}.infoBox ul.apps.m_block{display:none}.infoBox ul.apps li{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:0}.apps a{height:36px;line-height:36px;display:block;padding:0 0 0 40px}.apps a.app01{background:url("../images/ft_app01.png") no-repeat;background-size:36px 36px}.apps a.app02{background:url("../images/ft_app02.png") no-repeat;background-size:36px 36px}.apps a.app03{background:url("../images/ft_app03.png") no-repeat;background-size:36px 36px}.info .addr,.info .phone,.info .fax,.info .mail{padding:6px 0 6px 24px}.info .addr{background:url("../images/ft_ico_home.png") 0 10px no-repeat;background-size:16px auto}.info .phone{background:url("../images/ft_ico_phone.png") 0 10px no-repeat;background-size:16px auto}.info .fax{background:url("../images/ft_ico_fax.png") 0 10px no-repeat;background-size:16px auto}.info .mail{background:url("../images/ft_ico_mail.png") 0 10px no-repeat;background-size:16px auto}.info ul.dot li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.info ul.dot li::before{content:" ";width:4px;height:4px;display:block;background:#364a4a;margin:0 7px 0 0}@media screen and (max-width: 900px){footer .m_hide{display:none}.infoBox:last-child{width:100%}.ftLinks .in{display:block;padding:20px}.ftLinks .in .fL{float:none}.infoBox .info{display:none}.infoBox .info.d-flex{display:none}.comunity{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.infoBox ul.apps{display:block}.infoBox ul.apps.m_block{display:block}.infoBox ul.apps.m_hide{display:none}.infoBox ul.apps li{padding:6px 0;margin:0}.ftBut .in{padding:20px 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ftBut .in span:first-child{opacity:1}.trig span{display:block}}.floatNav{position:fixed;z-index:900;left:0;bottom:120px;width:100%;height:0;overflow:visible}@media screen and (max-width: 900px){.floatNav{bottom:80px}}.floatNav-inner{position:relative;right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:0;padding:0;overflow:visible}.floatNav-btn{display:block}.floatNav-btn.login{width:110px;margin-bottom:55px}@media screen and (max-width: 900px){.floatNav-btn.login{display:none}}.floatNav-btn.open{width:73px}@media screen and (max-width: 900px){.floatNav-btn.open{width:60px}}.floatNav-btn img{display:block;width:100%}.popup{display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-2;background-color:rgba(0,0,0,.4);opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s}.popup-wrapper{position:fixed;top:0;left:0;z-index:2002;width:100%;min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-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;padding:0 20px}.popup-content{position:relative;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;z-index:2002;width:100%;max-width:450px;margin:0 auto;padding:24px;background:#fff;border-radius:20px;border:solid 1px #cfcfcf;-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.25);box-shadow:0 6px 12px 0 rgba(0,0,0,.25)}.popup-content.w-wide{max-width:900px}.popup-area{max-height:calc(100vh - 120px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.popup.open{position:fixed;z-index:2000;opacity:1;overflow-y:auto}.popup-close{display:block;position:absolute;top:0;right:0;z-index:3;width:24px;height:24px;background:url(../images/popup-close.svg) center center no-repeat;background-size:24px 24px;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.popup-close:hover,.popup-close:focus{opacity:.75}.popup-head{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding-bottom:16px;margin-bottom:20px;border-bottom:solid 1px #f0f0f0}.popup-title{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;line-height:1.5;font-weight:700;text-align:center;padding:0 24px}.popup-inner{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;line-height:28px;overflow-y:auto}.popup-foot{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-top:40px}.popup-foot-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}@media screen and (max-width: 900px){.popup-foot-btn{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.popup-foot-btn .btn{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;font-weight:500;padding:12px;border-radius:8px}@media screen and (max-width: 900px){.popup-foot-btn .btn{padding:8px 12px}}.pageMenu-list .hasSub button,.pageMenu-close,.pageMenu-btn .line,.pageMenu-btn,#pageMenu,.page{-webkit-transition:.2s;transition:.2s}body{margin:0;padding:0;overflow-x:hidden}.page{width:100%;margin:0;padding:0;position:relative;z-index:2}.page_cover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);background:rgba(3,2,1,.3);z-index:-2}.openmenu{-webkit-transform:translateX(260px);-ms-transform:translateX(260px);transform:translateX(260px)}.page.openmenu .page_cover{z-index:1001;top:0;-webkit-transition:background-color .2s;transition:background-color .2s}.wrapper{width:100%;min-height:100vh;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff}#pageMenu{position:fixed;top:0;left:0;bottom:0;z-index:-2;opacity:0;width:0;max-height:100vh;background:#fff}.openmenu~#pageMenu{z-index:1000;opacity:1;bottom:0;left:0;width:260px;display:none;overflow-y:auto}.openmenu~#pageMenu{display:block}.pageMenu-btn{position:absolute;left:0;width:50px;height:50px;outline:none;border:none}.pageMenu-btn .line{display:block;position:absolute;left:calc(50% - 12px);width:24px;height:3px;background-color:#007d7d;border-radius:2px}.pageMenu-btn .line01{top:calc(50% - 4.5px - 5px)}.pageMenu-btn .line02{top:calc(50% - 1.5px)}.pageMenu-btn .line03{top:calc(50% + 1.5px + 5px)}.pageMenu-close{position:absolute;top:0;right:3px;z-index:2;width:50px;height:50px;background:url(../images/head-pagemenu-close.svg) center center no-repeat;background-size:auto}.openmenu .pageMenu-close{z-index:2}.pageMenu-nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0 12px;padding:0 20px}@media screen and (max-width: 540px){.pageMenu-nav{gap:0 6px}}@media screen and (max-width: 374px){.pageMenu-nav{gap:0 3px;padding:0 12px}}.pageMenu-nav a{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:block;height:56px;line-height:56px;font-size:18px;letter-spacing:0;text-align:center;border-bottom:solid 4px rgba(0,0,0,0)}@media screen and (max-width: 374px){.pageMenu-nav a{font-size:17px}}.pageMenu-nav a.open{font-weight:500;color:#007d7d;border-bottom-color:#007d7d}.pageMenu-list{padding-left:0;list-style:none}.pageMenu-list>li{list-style:none}.pageMenu-list .first{display:block;position:relative;z-index:2;height:50px;font-size:18px;line-height:50px;font-weight:500;padding:0 16px;text-decoration:none}.pageMenu-list .list-sub{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:4px 0}.pageMenu-list .list-sub a{display:block;height:auto;line-height:1.5em;padding:4px 24px;border-bottom:none}.pageMenu-list .hasSub{position:relative}.pageMenu-list .hasSub button{position:absolute;top:0;right:3px;z-index:3;width:50px;height:50px;cursor:pointer;outline:none;background:url(../images/header-arrow-down.svg) center center no-repeat;border:none}.pageMenu-list .hasSub.open{background-color:#e6f0f1}.pageMenu-list .hasSub.open .hasSub-btn button{-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1)}.pageMenu-list .hasSub.open .list-sub{padding:4px 0}/*# sourceMappingURL=global.css.map */