/*--元氣丸 v2--*/
/*================ Google login input專用 ==================*/
.inputBox{position:relative}.inputBox input{width:100%;}.inputBox label{position:absolute;z-index:0;top:0;left:0;padding:.6em;pointer-events:none;transition:.5s}.inputBox input:focus ~ label,.inputBox input:valid ~ label,.inputBox input:not([value=""]) ~ label{top:-1.4em;left:.3em;color:#333;font-size:.75em;background-color:#fff;height:2.4em;padding-left:.5em;}.inputBox input:focus{outline:0;border-color:#ec6200;}

.main{max-width:1000px;margin:0 auto;padding-left:15px;padding-right:15px;}body{font-family:"Noto Sans TC",sans-serif;font-weight:400;font-size:15px;}.backtotop{transition:.5s;bottom:3.5rem;right:8px;z-index:1000;border-radius:6px;margin-bottom:0;visibility:hidden;width:50px;height:50px;line-height:63px;-webkit-transition-property:all;transition-property:all;}.backtotop,.bck-on.rightToLeft:focus,.backtotop.bck-on{background:rgba(0,0,0,.7);}.backtotop.bck-on{visibility:visible;}.bck-on.fade{opacity:1;}.rightToLeft{right:-60px;}.bck-on.rightToLeft{right:8px;}.footer-bg:after{content:"";position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);}

/*======================== Header Nav ======================*/
.m-menu{list-style:none}.m-menu,.m-nav-content{cursor:pointer}.accordion_bar{display:flex;justify-content:space-between}.menu-horizontal{display:flex;flex-direction:row}.m-nav-content{max-height:calc(100vh - 100px);overflow-y:auto;box-shadow:0 4px 7px rgba(0,0,0,.4)}.m-nav-content>li>a,.m-nav-content .accordion_content li>a,.m-nav-content .accordion_bar{padding:.7em 1rem}.m-nav-content>li>a,.m-nav-content .accordion_content li>a,.m-nav-content .accordion_bar{border-radius:0;}.m-nav-content>li>a,.m-nav-content .accordion_content li>a{display:flex;}.m-nav-content .accordion_content{background-color:#dedede;color:#000;padding:0 0 1em;}.m-nav-content .accordion_bar.active,.m-nav-content .accordion_bar.active:hover{background-color:#dedede;color:#000;}.accordion_content li>a:hover,.m-nav-content>li>a:hover,.accordion_content li.current>a,.m-nav-content .accordion_content li>a:hover,.m-nav-content .accordion_content li.current>a,.m-nav-content .accordion_bar:hover{background-color:#fff;color:#000}.menu-horizontal>li:not(.menu-title)>details>ul{position:absolute}.menu-horizontal>li>a,.menu-horizontal>li>.sub-box{padding:0 1.5em;height:76px;display:flex;align-items:center;border-radius:0;cursor:pointer}.menu-vertical{display:flex;flex-direction:column}.dropdown .dropdown-content{padding:.5em 0}.dropdown-content>li>a{padding:.5em .8em;display:block;border-radius:0}.menu-vertical>li:not(.menu-title)>details>ul{position:relative}.menu-horizontal>li>details>ul:before{content:none}:where(.menu-horizontal>li:not(.menu-title)>details>ul){border-radius:var(--rounded-box,1rem);--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));--tw-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dropdown{position:relative;display:inline-block}.dropdown .dropdown-content{position:absolute}.dropdown.dropdown-hover .dropdown-content{display:none;}.menu{display:flex;flex-direction:column;flex-wrap:wrap;}.menu-horizontal>li:hover>.sub-box{color:#058eb2;}

.custom-modal{position:fixed;width:90%;top:55%;left:50%;background-color:#fafafa;box-sizing:border-box;opacity:0;transform:translate(-50%,-50%);transition:all 300ms ease-in-out;z-index:900}
.modalOverlay.can-open .custom-modal{opacity:1;top:50%;max-height:94vh;overflow:hidden;}

@media(max-width:991px){.main{max-width:none;}}