@charset "UTF-8";
/* 佈景主題精簡版：由 tools/theme_css.py 從 core.min.css、skin.css 擷取全站實際用到的規則（勿手改，改原始檔後重跑）。 */
/* ---------- core ---------- */
.page-fade-out,.side-navigation-wrapper,.thumbnail .overlay-info,.wrapper{-webkit-backface-visibility:hidden}
.wrapper-inner,body,html{max-width:100%}
.column>:first-child,.row{margin-top:0}
.overlay-navigation ul li a,.side-navigation ul li a{-webkit-tap-highlight-color:transparent;text-decoration:none;word-wrap:break-word}
#tml-caption,.tms-caption{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}
.tmh-perspective,.tms-perspective{perspective:800px}
html{font-size:62.5%}
body{padding:0;margin:0;background:#fff;color:#666;font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:400;font-style:normal;font-size:1.4rem;line-height:1.8;overflow-x:hidden!important;overflow-y:scroll;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a,button,input,select,textarea{touch-action:manipulation}
.button,button,input,select{line-height:1.4}
.page-fade-reset{opacity:1;-webkit-transition-duration:0s;transition-duration:0s}
.page-fade-out{opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}
.scroll-to-top{opacity:0;visibility:hidden;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.5s;transition-duration:.5s}
.row,.wrapper{width:100%;margin-right:auto;margin-left:auto}
.wrapper-inner{margin-right:auto;margin-left:auto}
.row,body.boxed .wrapper-inner{max-width:114rem}
.row{margin-bottom:0}
.row.full-width{max-width:100%}
.column,[class*=content-grid] .grid-item{width:100%;padding-left:1.5rem;padding-right:1.5rem;float:left}
.row.collapse>.column{padding-left:0;padding-right:0}
.row.flex{height:auto;display:flex;flex-wrap:wrap;align-items:initial}
.row.flex.boxes>.column,.row.flex.boxes>.v-align-middle,.row.flex>.v-align-middle,.row.flex>.v-align-middle>.box{height:auto;display:inherit}
.row.flex>.column>div:not(.row){width:100%;flex-direction:column}
@media only screen and (min-width:768px) {
.row.flex .v-align-middle>:not(.box):not([class*=icon-]),.row.flex.boxes .v-align-middle>div>:not(.box):not([class*=icon-]){width:100%;margin-top:auto;margin-bottom:auto}
}
.row.flex:after,.row.flex:before{content:"";display:none}
.width-4{width:33.33333%}
.width-8{width:66.66667%}
.width-12{width:100%}
.offset-2{margin-left:16.66667%}
.clear{width:0;height:0;display:block;clear:both;overflow:hidden;visibility:hidden}
.clearfix:after,.clearfix:before,.row:after,.row:before{height:0;content:".";display:block;overflow:hidden}
.clearfix:after,.row:after{clear:both}
.left{text-align:left}
.center,.navigation.nav-center>ul{text-align:center}
.pull-left{float:left!important}
.pull-right{float:right!important}
.flex{width:100%;display:flex;align-items:center}
.no-padding{padding:0!important}
.no-scroll,.overflow-hidden{overflow:hidden!important}
.full-width{width:100%!important}
.navigation-hide,.navigation-show{width:4.4rem;height:4.4rem;text-align:center;float:right}
.navigation-hide a,.navigation-show a{height:4.4rem;text-align:center;display:block}
.navigation-hide span,.navigation-show span{width:100%;line-height:4.4rem}
.navigation-hide{position:relative;z-index:10}
.navigation-hide a{color:#666}
.navigation-hide a:hover{color:#fff}
.reveal-side-navigation>div:after{position:absolute;top:0;right:0;width:0;height:0;background:rgba(0,0,0,0);content:'';opacity:0;z-index:110;-webkit-transition:opacity .3s,width 0s,height 0s;transition:opacity .3s,width 0s,height 0s}
.reveal-side-navigation,.side-navigation-wrapper{-webkit-transition:-webkit-transform 550ms,visibility 0s;transition:transform 550ms,visibility 0s}
.overlay-navigation-inner,.overlay-navigation-wrapper{width:100vw}
.overlay-navigation-wrapper{width:100vw;height:100%;min-height:100%;background-color:rgba(0,0,0,.8);overflow-y:scroll;visibility:hidden;position:fixed;top:-100%;z-index:101;-webkit-transition:-webkit-transform 550ms,opacity 550ms;transition:transform 550ms,opacity 550ms}
.overlay-navigation-wrapper.active{visibility:visible;top:0!important}
.overlay-navigation-wrapper.no-scrollbar{overflow:hidden}
.overlay-navigation-scroll-pane{height:100%}
.no-scrollbar .overlay-navigation-scroll-pane{overflow-x:hidden;overflow-y:scroll;position:absolute;left:0}
.no-scrollbar .overlay-navigation-scroll-pane::-webkit-scrollbar{display:none}
.overlay-navigation-inner{height:100%;display:table;position:relative}
.overlay-navigation-inner .v-align-middle{min-height:100%;display:table-cell;vertical-align:middle}
.overlay-navigation-wrapper.no-transition-reset{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.overlay-navigation-wrapper.scale-in-reset{-webkit-transform:translate3d(0,0,0) scale(.8);transform:translate3d(0,0,0) scale(.8);opacity:0}
.overlay-navigation-wrapper.scale-in{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}
.overlay-navigation{max-width:30rem;margin-left:auto;margin-right:auto}
.thumbnail video,.video-container,img,pre{max-width:100%}
.overlay-navigation:after,.overlay-navigation:before{content:".";display:block;height:0;overflow:hidden;clear:both}
.overlay-navigation ul{padding:0;margin:0;list-style:none}
.overlay-navigation ul:not(.list-horizontal) li{width:100%;display:block;margin-bottom:0}
.overlay-navigation>ul>li>a{padding:.6rem 0}
.overlay-navigation ul li a{font-size:1.2rem;line-height:1.5;color:#878787;display:block;-webkit-transition-property:background,color;transition-property:background,color;-webkit-transition-duration:.3s;transition-duration:.3s}
.overlay-navigation ul li a:hover,.overlay-navigation ul li.current>a:hover{color:#fff}
.overlay-navigation ul li.current>a{color:#fff;font-weight:700}
img{height:auto;display:inline-block;vertical-align:middle;border:none;border-radius:inherit;outline:0}
.button,.button-content>span,button{display:inline-block}
.button,button{padding:1.3rem 2.5rem;margin:0 1rem 1rem 0;font-family:inherit;font-size:1.3rem;color:#666;background-color:#eee;border:1px solid #eee;font-weight:400;vertical-align:middle;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.button:focus,button:focus{outline:0}
.button:hover,button:hover{text-decoration:none;color:#666;background-color:#d0d0d0;border-color:#d0d0d0}
ol,ul{margin:0 0 3rem 2rem;padding:0;font-size:1.4rem}
dl{margin:0 0 3rem}
dt{font-weight:700}
dd{padding-left:3rem;margin:0 0 1rem}
ul{list-style:disc}
.list-inline,.list-unstyled{margin-left:0;list-style:none}
.box.dismissable .close,.box.dismissable .close:hover,.header .logo a,.shop .product-price ins,a,a:hover,p a,p a:hover{text-decoration:none}
.divider,hr{margin:3rem 0;border-top:1px solid #eee;border-right:0;border-bottom:0;border-left:0;height:0;clear:both}
address,p{margin:0 0 3rem}
h1,h2,h3,h4,h5,h6{color:#333;font-weight:700;line-height:1;margin:0 0 2rem}
h1{font-size:4.8rem}
h2{font-size:3.2rem}
h3{font-size:2.4rem}
h3.widget-title,h4{font-size:2.1rem}
.lead{font-size:2.2rem;line-height:1.5;font-weight:200}
small{font-size:65%}
.weight-bold{font-weight:700}
a,p a{color:#666;outline:0}
a:hover,p a:hover{color:#333}
::selection{background:#333;color:#fff}
::-moz-selection{background:#333;color:#fff}
[class*=" icon-"],[class*=tms-arrow-nav]:before,[class*=tml-nav]:before,[class^=tms-arrow-nav]:before,[class^=tml-nav]:before,[class^=icon-]{font-family:icomoon;speak:none;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#tml-tool-bar .tml-social-list,#tml-tool-bar .tml-social-list li,.modal-open,.parallax,.tm-parallax,.tm-slider-container.tms-carousel,.tms-slide,.tms-slides{overflow:hidden}
.tag{color:#074a72}
@font-face{font-family:icomoon;src:url(../fonts/entypo.eot);src:url(../fonts/entypo.eot) format('embedded-opentype'),url(../fonts/entypo.woff) format('woff'),url(../fonts/entypo.ttf) format('truetype'),url(../fonts/entypo.svg) format('svg');font-weight:400;font-style:normal}
[class*=" icon-"],[class^=icon-]{font-style:normal;font-weight:400;text-transform:none;line-height:1;display:inline-block}
.icon-cancel:before{content:"\e66f"}
.color-grey-light{color:#999}
.color-grey-ultralight{color:#f4f4f4}
.color-black,.color-hover-black:hover{color:#000}
[class*=bkg-]::-webkit-input-placeholder,[class*=color-]::-webkit-input-placeholder,[class*=border-]::-webkit-input-placeholder{color:inherit}
[class*=bkg-]::-moz-placeholder,[class*=color-]::-moz-placeholder,[class*=border-]::-moz-placeholder{color:inherit}
[class*=bkg-]:-ms-input-placeholder,[class*=color-]:-ms-input-placeholder,[class*=border-]:-ms-input-placeholder{color:inherit}
.bar,.box,.form-element,.form-element+label:before,.overlay-info,.thumbnail,.thumbnail .background-image,.thumbnail img,a,button,input,textarea{-webkit-transition-property:background,border-color,color,opacity,box-shadow,-webkit-transform;transition-property:background,border-color,color,opacity,box-shadow,transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.no-transition,.no-transition-reset{-webkit-transition-duration:0s!important;transition-duration:0s!important}
@media only screen and (max-width:1140px) {
.row,body.boxed .wrapper-inner{max-width:96rem}
}
@media only screen and (max-width:960px) {
.row,body.boxed .wrapper-inner{max-width:76rem}
}
@media only screen and (max-width:768px) {
.two-columns-on-tablet>[class*=width-],.width-1,.width-10,.width-11,.width-12,.width-2,.width-3,.width-4,.width-5,.width-6,.width-7,.width-8,.width-9,[class*=content-grid-] .grid-item{width:100%}
.row,body.boxed .wrapper-inner{max-width:60rem}
[class*=offset-]{margin-left:0}
.lead{font-size:1.8rem;line-height:1.5;font-weight:200}
.clear-float-on-mobile{float:none!important}
.center-on-mobile{text-align:center!important}
}
@media only screen and (max-width:600px) {
.row,body.boxed .wrapper-inner{max-width:48rem}
}
@media only screen and (max-width:480px) {
.row,body.boxed .wrapper-inner{max-width:35rem}
}
@media only screen and (max-width :350px) {
.row,body.boxed .wrapper-inner{max-width:100%}
}
.mobile .tm-slider-parallax-container .tm-slider-container,.tm-slider-container{background:0 0;position:relative}
.tm-slider-parallax-container .tm-slider-container:not(.out-of-view){position:fixed}
.tm-slider-container:not(.out-of-view) .tms-content-inner>.row>.column,.tm-slider-parallax-container .tm-slider-container:not(.out-of-view),.tms-slide{will-change:transform,opacity}
.tm-slider-container.full-width-slider,.tm-slider-container.fullscreen{width:100%}
.tms-overlay,.tms-slide,.tms-slides{height:100%;width:100%}
.tms-slides{margin:0;padding:0;list-style:none;position:relative}
.tms-slide{visibility:hidden;position:absolute;background-size:contain;background-position:center;background-repeat:no-repeat;left:0;z-index:1}
.tms-forcefit{background-size:cover}
.tms-slide.active{visibility:visible}
.tms-overlay{position:absolute;top:0;left:0;z-index:1}
.tms-caption,.tms-content,.tms-progress-bar{z-index:2;position:absolute}
.tms-slide img,.tms-slide.tms-forcefit>embed,.tms-slide.tms-forcefit>iframe,.tms-slide.tms-forcefit>object{position:relative}
.tms-slide img{max-width:100%;max-height:100%;margin:0 auto;display:block;float:none;transform:translate(0,0)}
.tms-fullscreen .tms-slide>img,.tms-slide.tms-forcefit>img,.tms-slide>video+img{max-width:none;max-height:none;float:none;position:absolute}
.mobile .tms-slide,.tms-slide.error,.video-bkg-loaded iframe{background-size:cover!important;opacity:1!important}
.img-loaded .tms-overlay,.mobile .tms-bkg-video .tms-overlay,.video-bkg-loaded .tms-overlay{opacity:1!important}
.mobile .tms-slide,.tms-overlay,.tms-slide.error,.video-bkg-loaded iframe{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:1s;transition-duration:1s}
.tms-caption:not([class*=width-]){width:auto}
.tms-caption{display:inline-block!important;opacity:0}
.tms-content{width:100%;max-width:100%;height:100%;margin-left:auto;margin-right:auto;display:table;table-layout:fixed;text-align:center}
.tms-content-inner{height:100%;vertical-align:middle;display:table-cell;float:none}
.tms-content-inner .tms-caption{position:static}
.tms-content-inner.left{text-align:left}
.tms-slide .column,.tms-slide .row{height:100%}
.tms-content .column,.tms-content .row{height:auto}
.tm-lightbox,.tm-slider-container.pagination-below .tms-bullet-nav{background:#000}
#tml-caption,#tml-content,.tm-lightbox{opacity:0;width:100%;-webkit-backface-visibility:hidden}
@font-face{font-family:icomoon;src:url(../fonts/entypo.eot);src:url(../fonts/entypo.eot) format('embedded-opentype'),url(../fonts/entypo.woff) format('woff'),url(../fonts/entypo.ttf) format('truetype'),url(../fonts/entypo.svg) format('svg');font-weight:400;font-style:normal}
#tml-content,#tml-content-wrapper,#tml-lightbox{position:absolute}
.tm-lightbox{height:100%;background:rgba(255,255,255,.9);top:0;left:0;position:fixed;z-index:1000}
#tml-caption,#tml-tool-bar,.tml-nav{position:absolute}
#tml-content{visibility:hidden}
#tml-content-wrapper.zoomed{top:0!important;right:0!important;bottom:0!important;left:0!important}
#tml-content.scrollable-content:not(.modal-dialog){background:#fff;overflow-y:scroll;-webkit-overflow-scrolling:touch}
#tml-content.tml-error{width:100%;background:0 0;font-size:1.4rem;font-weight:700;text-align:center;top:50%;left:0;box-shadow:none}
#tml-next,#tml-prev{top:50%;margin-top:-2.1rem}
@media only screen and (max-width:479px) {
#tml-content-wrapper{left:10%!important;right:10%!important}
}
#tml-content embed,#tml-content iframe,#tml-content object,#tml-content video{width:100%!important;height:100%!important}
#tml-caption{font-size:1.2rem;font-style:italic;text-align:center;bottom:0}
#tml-caption span{width:100%;background-color:rgba(255,255,255,.5);display:block;padding:1rem 1.5rem;border-top:.1rem solid #eee}
.tml-nav{width:4.4rem;height:4.4rem;font-size:2rem;text-align:center;text-transform:capitalize;line-height:4.4rem;opacity:.4;z-index:10}
.tml-nav:hover{opacity:1}
#tml-next{right:3rem}
#tml-next:before{content:'\e644'}
#tml-prev{left:3rem}
#tml-prev:before{content:'\e643'}
#tml-exit{top:1.5rem;right:3rem}
#tml-tool-bar{margin:0;display:inline-block;top:1.5rem;left:3rem}
#tml-tool-bar .tml-nav{font-size:1.5rem}
#tml-tool-bar #tml-share-wrapper,#tml-tool-bar .tml-nav,#tml-tool-bar .tml-social-list{float:left;position:relative}
#tml-tool-bar #tml-zoom:before{content:'\e6cd'}
#tml-exit:before{content:'\e66f'}
.tml-nav{-webkit-transition-property:color,opacity;-moz-transition-property:color,opacity;-o-transition-property:color,opacity;-ms-transition-property:color,opacity;transition-property:color,opacity;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s}
@font-face{font-family:icomoon;src:url(../fonts/entypo.eot);src:url(../fonts/entypo.eot) format('embedded-opentype'),url(../fonts/entypo.woff) format('woff'),url(../fonts/entypo.ttf) format('truetype'),url(../fonts/entypo.svg) format('svg');font-weight:400;font-style:normal}
[class*=tml-nav]:before,[class^=tml-nav]:before{font-style:normal;font-weight:400;text-transform:none;line-height:1;display:inline-block}
.grid-container.full-width .row,.header .header-inner,.masonry-set-dimensions.full-width .row{max-width:100%}
.tm-loader{width:5rem;height:5rem;margin:-2.5rem 0 0 -2.5rem;position:absolute;top:50%;left:50%}
.tm-loader:before{content:'';display:block;padding-top:100%}
.tm-loader #circle{background:0 0;width:100%;height:100%;margin:auto;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center;animation:rotate 2s linear infinite}
.content,.section-block{position:relative;z-index:1}
.stroke{stroke-dasharray:1,200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-linecap:round;stroke-width:.2rem}
.ie-browser:not(.webkit) .tm-loader #circle{border:3px solid transparent;border-bottom-color:#ddd;animation:rotate 1.5s ease-in-out infinite,color 6s ease-in-out infinite}
@keyframes rotate{100%{transform:rotate(360deg)}}
@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}
@keyframes color{0%,100%,66%{stroke:#ddd;border-bottom-color:#ddd}40%,80%,90%{stroke:#666;border-bottom-color:#666}}
*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.content,body{background-color:#fff}
.section-block{width:100%;padding-top:7rem;padding-bottom:7rem;background-size:cover;background-position:center}
.audio-container,.box,.button-group,.contact-form-container,.content-slider,.feature-column,.lead,.menu-box,.menu-list,.menu-list li,.pricing-table,.progress-bar-group,.recent-slider,.signup-form-container,.table,.testimonial-2 blockquote,.text-column,.thumbnail,.video-container{margin-bottom:3rem}
.section-block.featured-media,body.boxed .section-block.featured-media{padding-top:0;padding-bottom:0}
.opacity-07{opacity:.7}
.masonry .tm-loader{top:6rem}
.header{width:100%;position:relative}
.header .header-inner{width:100%;background-color:#232323}
.header-transparent .header-inner{background-color:transparent}
.header-absolute{position:absolute;top:0;left:0;z-index:100}
.header .header-inner{opacity:1;position:relative;z-index:100;-webkit-transform:translateZ(0)}
.header-sticky .header-inner{width:100%;position:fixed;top:0;left:0;bottom:auto;z-index:100}
.header-compact .header-inner .dropdown>.nav-icon,.header-compact .header-inner .navigation>ul>li,.header-compact .header-inner .navigation>ul>li>a:not(.button),.header-compact .logo{height:6rem;line-height:6rem}
.header-compact .logo{width:10rem}
.header-compact .logo span{font-size:1.5rem;line-height:2}
.header .logo a:last-child,.header-background .logo a:first-child,.mobile .header .logo a:first-child{display:table-cell}
.header-background .logo a+a{display:none!important}
.header .button,.header .dropdown,.header .navigation-show{margin:0;line-height:1.2}
.header .navigation-show{display:block}
.header-background .header-inner{background:#232323}
.mobile .header{position:static!important}
.mobile .header-fixed-on-mobile .header-inner{width:100%;position:fixed!important;left:0;top:0}
.mobile .header-sticky .header-inner{position:relative}
.mobile .header,.mobile .header .header-inner{height:8rem!important;padding-top:0;background:#232323}
.mobile .header .header-inner,.mobile .header .nav-bar{border-top:none!important}
.mobile .header .navigation-show{display:block!important;visibility:visible!important}
.mobile .header .header-inner,.mobile .header .logo,.mobile .header .logo span,.mobile .header .navigation-show,.mobile .header .navigation-show a span{transition:none}
.header.header-animated{-webkit-transition-property:height,-webkit-transform,visibility;transition-property:height,transform,visibility}
.header-animated .header-inner{-webkit-transition-property:height,background,border,padding,margin,font-size,line-height,color,opacity;transition-property:height,background,border,padding,margin,font-size,color,line-height,opacity}
.header-animated .dropdown>.nav-icon,.header-animated .header-inner .navigation,.header-animated .header-inner .navigation>ul>li,.header-animated .header-inner .navigation>ul>li>a,.header-animated .navigation-show a{-webkit-transition-property:height,background,border,padding,margin,font-size,line-height,color,opacity,-webkit-transform;transition-property:height,background,border,padding,margin,font-size,color,line-height,opacity,transform}
.header-animated .logo,.header-animated .logo span{-webkit-transition-property:width,height,background,border,padding,margin,font-size,line-height,opacity;transition-property:width,height,background,border,padding,margin,font-size,line-height,opacity}
.header-animated,.header-animated .dropdown>.nav-icon,.header-animated .header-inner,.header-animated .header-inner .navigation,.header-animated .header-inner .navigation>ul>li,.header-animated .header-inner .navigation>ul>li>a,.header-animated .logo,.header-animated .logo a,.header-animated .logo span,.header-animated .navigation-show a{-webkit-transition-duration:.5s;transition-duration:.5s}
.header-hide .header-inner{opacity:0}
.header-positioned .header-inner{-webkit-transform:translate3d(0,-10rem,0);transform:translate3d(0,-10rem,0)}
.header-in .header-inner,.header-out .header-inner{-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s}
.header-in .header-inner{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.header-out .header-inner{-webkit-transform:translate3d(0,-10rem,0);transform:translate3d(0,-10rem,0)}
.header-in .header-inner .logo,.header-in .header-inner .navigation,.header-in .navigation-show{transition:none!important}
@media only screen and (max-width:960px) {
.header{background:0 0;position:static!important}
.header-fixed-on-mobile .header-inner,body.boxed .header-fixed-on-mobile{width:100%;position:fixed!important;left:0;top:0}
.header-sticky .header-inner{position:relative}
.header .header-inner{background:#232323}
.header .header-inner,.header .nav-bar{border-top:none!important}
.header,.header .header-inner{height:8rem!important;padding-top:0;border:none}
.header .header-inner,.header .logo,.header .logo span,.header .navigation-show,.header .navigation-show a span{transition:none}
.header .navigation-show{display:block!important;visibility:visible!important}
}
.overlay-navigation-header{width:100%;padding:1rem 0;margin-bottom:3rem;position:absolute;top:2rem}
.overlay-navigation-wrapper .navigation-hide{min-height:4rem;line-height:4rem;position:absolute;right:3rem;top:0}
.overlay-navigation:first-child{padding-top:5rem}
.overlay-navigation{padding-bottom:8rem;margin-bottom:0}
.overlay-navigation-footer{padding:1rem 4rem;font-size:1.2rem;position:absolute;bottom:0}
.overlay-navigation-footer .copyright{font-size:1.1rem}
.footer ul,.post-info span:first-child{margin-left:0}
.footer{width:100%;background-color:#222;position:relative;z-index:1}
.footer .row.flex>.column{flex-direction:column}
.footer .footer-top{padding-top:7rem;padding-bottom:7rem}
.footer .widget{margin-bottom:3rem}
.footer ul{list-style:none}
.footer .footer-top-inner>:first-child,.footer .widget:last-child>:first-child{margin-top:0}
.footer .footer-top-inner>:last-child,.footer .widget:last-child>:last-child{margin-bottom:0}
@media only screen and (max-width:768px) {
.footer-top>.row>.column{width:100%}
}
.text-uppercase{text-transform:uppercase}
.mb-0{margin-bottom:0}
.mb-10{margin-bottom:1rem}
.mb-20{margin-bottom:2rem}
@media only screen and (max-width:768px) {
.mb-mobile-0{margin-bottom:0}
.mb-mobile-30{margin-bottom:3rem}
.mb-mobile-50{margin-bottom:5rem}
}
/* ---------- skin ---------- */
.row, body.boxed .wrapper-inner {
    max-width: 144rem;
}
@media only screen and (max-width: 480px) {
.row, body.boxed .wrapper-inner {
		max-width: 42rem;
	}
}
@media only screen and (max-width:350px) {
.row, body.boxed .wrapper-inner {
		max-width: 33rem;
	}
}
.pr-60 { padding-right: 60px; }
@media only screen and (max-width:768px) {
.pr-mobile-0 { padding-right: 0; }
}
body{
	font-family: 'Hind Madurai', 'Helvetica Neue', "Noto Sans TC", sans-serif;
	letter-spacing: 0;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.7;
	color: #454545;
}
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
input,
button,
.button,
select,
textarea,
.post-title,
.project-title,
.product-title,
.artist-title,
.overlay-info > span > span,
.project-description,
.font-alt-1,
.header .navigation > ul > li > a,
.header .navigation > ul > li > div > a, /* #MOD */
.side-navigation > ul > li > a,
.overlay-navigation > ul > li > a,
.grid-filter-menu a,
.dropdown a,
[class*="stats-"] .counter{
		font-family: 'Roboto', 'Helvetica Neue', "Noto Sans TC", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6{
	line-height: 1.2;
	font-weight: 300;
	text-transform: none;
	color: #212325;
}
h1 {
	font-size: 4.381rem;
}
h2{
	font-size: 3.294rem;
}
h3 {
	font-size: 2.476rem;
}
h4 {
	font-size: 1.862rem;
}
.lead,
blockquote.large{
	font-size: 1.995rem;
	font-weight: 400;
}
.weight-bold{
	font-weight: 700;
}
ol, ul{
	font-size: inherit;
}
a, 
p a,
.box a:not(.button){
	color: #ec6d74;
}
a,
p a,
.box a:not(.button):hover,
.social-list li a:hover,
.team-1 .social-list a:hover,
.team-2 .social-list a:hover,
.tabs li a:hover,
.tabs li.active a,
.tabs li.active a:hover,
.blog-masonry .with-background .post-read-more a:hover,
.post-info a:hover,
.post-info-over a:hover,
.post-info-over a:hover span,
.post-author-aside a:hover,
.post-love a:hover,
.post-love a:hover span,
.scroll-down a:hover,
.widget a:not(.button):hover,
.footer a:hover + .post-info .post-date,
.footer .navigation a:hover,
.footer .social-list a:hover,
.footer .footer-bottom a:hover,
.shop .product-summary a:hover,
.shop .cart-overview a:hover,
.navigation .sub-menu.custom-content a:not(.button):hover,
.header .dropdown-list .recuperate-password:hover,
.header .header-inner-top-dark a:hover,
.dropdown-list:not(.custom-content) li a.active,
.dropdown-list:not(.custom-content) li a:hover{
	color: #aa975c;
}
@media only screen and (max-width: 768px) {
body{
		font-size: 1.7rem;
	}
h1 {
		font-size: 4.125rem;
	}
h2{
		font-size: 3.101rem;
	}
h3 {
		font-size: 2.331rem;
	}
h4 {
		font-size: 1.947rem;
	}
.lead,
	blockquote.large{
		font-size: 2.074rem;
	}
.button, button {
		font-size: 1.586rem;
	}
}
@media only screen and (max-width: 320px) {
body{
		font-size: 1.4rem;
	}
h1 {
		font-size: 3.381rem;
	}
h2{
		font-size: 2.542rem;
	}
h3 {
		font-size: 1.911rem;
	}
h4 {
		font-size: 1.596rem;
	}
.lead,
	blockquote.large{
		font-size: 1.7rem;
	}
.button, button {
		font-size: 1.3rem;
	}
}
body, 
.content,
.featured-media:after,
.section-block:not([class*="bkg-"]),
.fullscreen-sections-wrapper{
	background-color: #000000;
}
.section-block.featured-media{
	background-color: #000;
}
.wrapper-inner{
	-webkit-filter: none;
			filter: none;
	-webkit-transition: 350ms ease-in-out;
			transition: 350ms ease-in-out;
}
.color-grey-ultralight{
	color: #f3f4f8;
}
.color-grey-light,
.color-hover-grey-light:hover{
	color: #f6f7fc;
}
.content{
	-webkit-transition-duration: 500ms;
			transition-duration: 500ms;
	-webkit-transform-origin: bottom;
    		transform-origin: bottom;
}
.section-block,
.fullscreen-section .fullscreen-inner,
.pagination-2 .pagination-next,
.row.xlarge{
	padding-top: 9rem;
	padding-bottom: 9rem;
}
.footer .footer-top{
	padding-top: 9rem;
	padding-bottom: 5rem;
}
.header-compact .logo,
.header-compact .header-inner .navigation > ul > li,
.header-compact .header-inner .navigation > ul > li > a:not(.button),
.header-compact .header-inner .dropdown > .nav-icon{
	height: 6rem;
	line-height: 6rem;
}
.header .header-inner{
	background-color: #fff;
	border-bottom: none;
	border-bottom: 1px solid #ecedf2;
}
.header-transparent .header-inner{
	background-color: #d8ff00;
	border-bottom: 1px solid transparent;
}
.header-background .header-inner{
	background-color: #d1f701;
	box-shadow: none;
}
.header-background .header-inner > .nav-bar{
	border-bottom: none;
}
.mobile .header .header-inner{
	background-color: #d8ff00 !important;
	border-top: none;
}
.mobile .header .header-inner{
	border-bottom: 1px solid #000000;
}
.mobile .header + .content{
	padding-top: 0;
}
@media only screen and (max-width: 960px) {
.header .header,
	.header .header-inner,
	.header.header-transparent .header-inner{
		background-color: #d8ff00;
	}
.header .header-inner{
		border-bottom: 1px solid #000000;
	}
}
.header-compact .header-inner .navigation > ul > li > a:not(.button) { padding-top: 1.1rem; }
.overlay-navigation>ul>li>a {
	padding: 1.2rem 0;
	line-height: 1.1;
}
.header-compact .logo{
	width: 370px;
}
.header-in .logo a,
.header-out .logo a{
	-webkit-transition-duration: 0ms;
	transition-duration: 0ms;
}
.header-background .logo a:first-child{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.header-background .logo a + a{
	display: block !important;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
}
.header-background .navigation > ul > li > a:not(.button){
	color: #000
}
.header-background .navigation > ul > li.current > a:not(.button){
	color: #fff;
	border-bottom: none;
	background-color: #000;
}
.header-background .navigation > ul > li.current > a:not(.button):hover{
	color: #fff;
	background-color: #000;
}
.header-background .navigation > ul > li > a:not(.button):hover{
	color: #fff;
	background-color: #000;
	opacity: 1;
}
.header-background.nav-dark .v-align-middle > .button:not(.nav-icon):not(:hover),
.header-background.nav-dark .dropdown > .button:not(.nav-icon):not(:hover){
	color: #fff;
}
.header-background .with-division ul{
	border-left-color: #eee;
}
.header-background .with-division li{
	border-right-color: #eee;
}
.header-background .v-align-middle > .button:not(.nav-icon),
.header-background .dropdown > .button:not(.nav-icon){
	background: #212325;
	border-color: transparent;
	color: #fff;
}
.header-background .v-align-middle > .button:not(.nav-icon):hover,
.header-background .dropdown > .button:not(.nav-icon):hover{
	background-color: #a3893a;
	border-color: transparent;
	color: #fff;
}
.header-background .navigation .nav-icon{
	color: #999;
}
.header-background .navigation .nav-icon:hover,
.header-background .navigation .nav-icon.active{
	color: #000;
}
.header-background .social-list li a{
	color: #4e4e4d;
}
.header-background .social-list li a:hover{
	color: #a3893a;
}
.header-compact .dropdown a:not(.nav-icon) + .dropdown-list{
	margin-top: 1.2rem;
}
.header .navigation-show{
	width: 4.4rem;
	height: 4.4rem;
	margin-left: 0;
}
.header-background .navigation .navigation-show.nav-icon{
	color: #aa975c;
	border-color: #aa975c;
}
.header-background .navigation .navigation-show.nav-icon:hover{
	color: #c6b06b;
	border-color: #c6b06b;
}
.navigation-hide{
	width: 4.4rem;
	height: 4.4rem;
	margin-top: 1.9rem;
	margin-right: 0;
}
.navigation-hide a{
	background: none;
	color: #d1d1d1;
}
.navigation-hide a span{
	width: 4.4rem;
	font-size: 2rem;
}
.overlay-navigation-wrapper{
	background-color: rgba(0,0,0,1);
}
.overlay-navigation-inner{
	text-align: left;
}
.overlay-navigation-header{
	top: 1.5rem;
}
.overlay-navigation{
	max-width: 40rem;
	padding-left: 3rem;
	padding-right: 3rem;
}
.overlay-navigation > ul > li > a{
	font-size: 2.2rem;
	color: #d8ff00;
	font-weight: 400;
}
.overlay-navigation ul li.current > a{
	font-weight: 400;
}
.overlay-navigation-wrapper .navigation-hide{
	top: 0;
	right: 3rem;
}
.overlay-navigation-wrapper .navigation-hide a{
	color: #d8ff00;
}
.overlay-navigation-wrapper .navigation-hide a:hover{
	color: #d8ff00;
}
.overlay-navigation > ul > li > a:hover,
.overlay-navigation > ul > li.current > a,
.overlay-navigation ul li.current > a:hover{
	color: #d8ff00;
}
.overlay-navigation-footer{
	padding-left: 3rem;
	padding-right: 3rem;
}
.overlay-navigation-footer,
.overlay-navigation-footer .social-list a{
	color: #d8ff00;
	font-size: 1.3rem;
}
.overlay-navigation-footer .copyright{
	font-size: 1.1rem;
}
.mobile .navigation-show{
	margin-left: 2rem;
}
@media only screen and (max-width: 960px) {
.header .navigation-show{
		margin-left: 2rem;
	}
.overlay-navigation-header{
		top: 2rem;
	}
.overlay-navigation-wrapper .navigation-hide{
		top: 0;
		right: 3rem;
	}
}
@media only screen and (max-width: 768px) and (min-width: 321px) {
.overlay-navigation > ul > li > a{
		font-size: 2.196rem;
	}
.overlay-navigation-footer,
	.overlay-navigation-footer .social-list a{
		font-size: 1.586rem;
	}
.overlay-navigation-footer .copyright{
		font-size: 1.342rem;
	}
}
.tm-slider-container:not([class*="bkg-"]){
	background: none;
}
.featured-media,
.full-width-slider,
.parallax{
	height: 60rem;
	padding: 0;
}
.parallax.page-intro,
.page-intro{
	height: 45rem;
}
.parallax.small,
.page-intro.small{
	height: 20rem;
}
.page-intro .full-width-slider,
.window-height .full-width-slider{
	height: inherit;
}
.mobile .featured-media,
.mobile .parallax.fixed-height{
	height: 50rem;
}
.tm-lightbox{
	background: rgba(0,0,0,.75);
}
#tml-content-wrapper.zoomed + #tml-caption span{
	background-color: rgba(0,0,0,0.3);
	border: none;
	color: #fff;
}
#tml-caption span {
    width: 100%;
    background-color: rgba(0,0,0,.7);
    display: block;
    padding: 1rem 1.5rem;
    border-top: .1rem solid #000;
    font-style: normal;
    color: #fff;
}
#tm-lightbox.height-auto .modal-dialog{
	height: auto !important;
}
.tml-nav{
	color: #f1f1f1;
	opacity: 1;
}
.tml-nav:hover{
	color: #ffffff;
}
.tm-loader {
	width: 5rem;
	height: 5rem;
	margin: -2.5rem 0 0 -2.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
}
.tm-loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.tm-loader #circle{
	background: none;
	width: 100%;
	height: 100%;
	margin: auto;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
 	transform-origin: center center;
	animation: rotate 2s linear infinite;
}
.stroke{
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
	stroke-width: 0.3rem;
}
.ie-browser:not(.webkit) .tm-loader #circle{
	border: 3px solid rgba(0,0,0,0);
	border-bottom-color: #ddd;
	animation: rotate 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
}
@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}
@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}
@keyframes color {
	100%,
	0% {
		stroke: #a3893a;
		border-bottom-color: #a3893a;
	}
	40% {
		stroke: #2fca74;
		border-bottom-color: #2fca74;
	}
	66% {
		stroke: #a3893a;
		border-bottom-color: #a3893a;
	}
	80%,
	90% {
		stroke: #2fca74;
		border-bottom-color: #2fca74;
	}
}
.project-attribute{
	margin-bottom: 0.3rem;
}
.project-attribute .project-label{
	min-width: 130px;
	font-weight: 500;
	text-transform: none;
	display: table-cell;
}
.project-attribute .project-value{
	display: table-cell;
}
.footer ::-webkit-input-placeholder{
	color: #666;
}
.footer :focus::-webkit-input-placeholder{
	color: #a3893a;
}
.footer ::-moz-placeholder{
	color: #666;
}
.footer :focus::-moz-placeholder{
	color: #a3893a;
}
.footer :-ms-input-placeholder{
	color: #666;
}
.footer :focus:-ms-input-placeholder{
	color: #a3893a;
}
.footer .widget,
.footer address{
	font-size: 1.3rem;
	color: #f1f1f1;
	text-transform: none;
	font-style: normal;
}
.footer-top a:not(.button){
	font-size: 1.3rem;
	color: #f1f1f1;
}
.footer .copyright{
	margin-bottom: 0;
	font-size: 1.3rem;
	float: none;
}
.footer .widget li{
	padding-top: 0;
	border: none;
	border-color: #eee;
}
.footer{
	width: 100%;
	background: #000000;
	color: #ffffff;
	z-index: 0;
	border-top: 1px solid #eee;
}
.footer-top{
	background-color: transparent;
}
@media only screen and (max-width: 768px) and (min-width: 321px) {
.footer .widget,
	.footer address{
		font-size: 1.586rem;
	}
.footer-top a:not(.button){
		font-size: 1.586rem;
	}
.footer .copyright{
		font-size: 1.586rem;
	}
}
hr,
.divider{
	border-color: #ecedf2;
}
.footer hr{
	border-color: #303336;
}
.mobile .page-intro { height: 200px !important; }
.mobile .page-intro .tm-slider-container { height: 200px !important; }
@media only screen and (max-width: 480px) {
.project-attribute .project-label {
		min-width: initial;
		display: block;
		font-weight: bold;
	}
.project-attribute .project-value {
		display: block;
	}
.project-attribute {
		margin-bottom: 1.8rem;
	}
.project-attribute:last-child {
		margin-bottom: 0;
	}
}
.header .header-inner { border-bottom: 1px solid #000000; }
.section-block.featured-media { background-color: #d8ff00; border-bottom: 1px #000 solid; }
.section-block.featured-media { height: 22rem !important; }
.section-block.featured-media p { text-transform:uppercase; }
.mobile .page-intro { height: 14rem !important; }
.mobile .page-intro .tm-slider-container { height: 14rem !important; }
.justify-content-center, .center, .justify-center { justify-content: center !important; }
.align-items-center, .center, .between-center, .align-center { align-items: center !important; }
.row.flex .column { float: none; flex: 0 0 auto; }
.custom_content { color: #fff; }
.custom_content p { color: #fff; }