/*--------vvdemo v2-------------
--------2024/05/27 Roni--------*/
body::-webkit-scrollbar-track{background-color:#f3f3f3}body::-webkit-scrollbar{width:6px;background-color:#f3f3f3}body::-webkit-scrollbar-thumb{background-color:#000;}
.moz:root{scrollbar-color:#000 #f3f3f3;scrollbar-width:thin;}

.main{max-width:1300px;margin:0 auto;padding-left:15px;padding-right:15px;}body{font-family:"LXGW WenKai TC","Noto Sans TC",sans-serif;font-weight:400;font-size:16px;}.backtotop{bottom:3.5rem;right:8px;z-index:1000;border-radius:50%;margin-bottom:0;visibility:hidden;width:50px;height:50px;-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);}.dropdown:hover .dropdown-menu{display:block;}.backtotop,.menu-horizontal>li>a{transition:.5s;}

/*======================== 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 1em;font-size:1.3em;font-weight:700;letter-spacing:.03em;height:70px;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;}

/*=======================搜尋框========================*/
.sb-search{position:relative;width:0;min-width:50px;height:100%;overflow:hidden;-webkit-transition:width .3s;-moz-transition:width .3s;transition:width .3s;-webkit-backface-visibility:hidden}.sb-search-input{background:transparent;width:100%;padding:0 50px 0 0}input[type="search"].sb-search-input{-webkit-appearance:none;-webkit-border-radius:0;outline:0}.sb-search-input::-webkit-input-placeholder{color:#999}.sb-search-input:-moz-placeholder{color:#999}.sb-search-input::-moz-placeholder{color:#999}.sb-icon-search,.sb-icon-search,.sb-search-submit{width:50px;display:block;position:absolute;right:0;top:0;line-height:4.5em;text-align:center;cursor:pointer}.sb-search-submit{opacity:0;color:transparent;color:#000;border:0;outline:0;z-index:-1}.sb-icon-search{z-index:90;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;background-color:#fff}.sb-icon-search:before{content:""}.sb-search.sb-search-open,.no-js .sb-search{width:20em;max-width:calc(100vw - 40px);background:#e2e2e2;padding:0 1em;}



/*======================== 分類選單 ======================*/
.portfolio img{width:100%}.flip-animate{perspective:1000px}.flip-animate span{position:relative;display:inline-block;padding:0;transition:transform .3s;transform-origin:50% 0;transform-style:preserve-3d}.flip-animate span:before{position:absolute;top:100%;left:0;width:100%;height:100%;content:attr(data-hover);transition:color .3s;transform:rotateX(-90deg);transform-origin:50% 0;text-align:center}.flip-animate:hover span,.flip-animate:focus span{transform:rotateX(90deg) translateY(-22px)}.flip-animate:hover span:before,.flip-animate:focus span:before,.menu-horizontal>li>a:hover{color:#e37b00}.menu-horizontal>li.active>a,.m-nav-content>li.active>a{color:#e37b00!important;}

@media(max-width:1023px){.sb-icon-search,.sb-icon-search,.sb-search-submit{line-height:3.5em;}.m-nav-content>li>a,.m-nav-content .accordion_content li>a,.m-nav-content .accordion_bar{ font-size:1.3em;padding:.5em 2rem;}}

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