@charset "UTF-8";

/* 關閉聯絡我們留言 */
.msgZone{
    display:none !important;
}

/* 全站圖片 */
img{
    max-width:100%;
    height:auto;
}

/* 首頁圓形區塊 */
.home-about,
.home-about > span,
.home-about img,
.home-about:hover,
.home-about:hover > span{
    border-radius:50% !important;
    overflow:hidden !important;
}

/* Header 基本 */
#header{
    z-index:9999 !important;
}

/* 透明 Header：白字＋陰影 */
#header .nav-menu > ul > li > a,
#header .header-icon,
#header .side-menu-btn a{
    color:#ffffff !important;
    text-shadow:
        0 0 3px rgba(0,0,0,.9),
        0 0 6px rgba(0,0,0,.7) !important;
}

/* 白底 Header：黑字＋取消陰影 */
body.whbt #header .nav-menu > ul > li > a,
body.whbt #header .header-icon,
body.whbt #header .side-menu-btn a,
#header.header-sticky .nav-menu > ul > li > a,
#header.header-sticky .header-icon,
#header.header-sticky .side-menu-btn a{
    color:#222222 !important;
    text-shadow:none !important;
}

/* 目前頁與滑過：黃色 */
#header .nav-menu > ul > li > a:hover,
#header .nav-menu > ul > li.active > a,
#header .nav-menu a.active,
body.whbt #header .nav-menu > ul > li.active > a,
body.whbt #header .nav-menu a.active,
#header.header-sticky .nav-menu > ul > li.active > a,
#header.header-sticky .nav-menu a.active{
    color:#ffd800 !important;
}

/* 桌機下拉選單：深底白字，取消陰影 */
#header .sub-dropdown,
#header .dropdown{
    background:rgba(0,0,0,.88) !important;
}

#header .sub-dropdown a,
#header .dropdown a,
body.whbt #header .sub-dropdown a,
body.whbt #header .dropdown a,
#header.header-sticky .sub-dropdown a,
#header.header-sticky .dropdown a{
    color:#ffffff !important;
    text-shadow:none !important;
}

#header .sub-dropdown a:hover,
#header .dropdown a:hover,
#header .sub-dropdown a.active,
#header .dropdown a.active,
body.whbt #header .sub-dropdown a.active,
body.whbt #header .dropdown a.active,
#header.header-sticky .sub-dropdown a.active,
#header.header-sticky .dropdown a.active{
    color:#ffd800 !important;
    text-shadow:none !important;
}

/* 三條線：透明 Header 白色＋陰影 */
.nav-mobile span,
.nav-mobile span:before,
.nav-mobile span:after{
    background:#ffffff !important;
    width:18px !important;
    height:2px !important;
    opacity:1 !important;
    box-shadow:
        0 0 3px rgba(0,0,0,.9),
        0 0 6px rgba(0,0,0,.7) !important;
}

/* 白底 Header：三條線黑色＋取消陰影 */
body.whbt .nav-mobile span,
body.whbt .nav-mobile span:before,
body.whbt .nav-mobile span:after,
#header.header-sticky .nav-mobile span,
#header.header-sticky .nav-mobile span:before,
#header.header-sticky .nav-mobile span:after{
    background:#222222 !important;
    box-shadow:none !important;
}

/* 平板＋手機選單 */
@media (max-width:991px){

    #header .nav-menu,
    #header .nav-menu-inner,
    #header .nav-menu ul,
    #header .nav-menu li,
    #header .sub-dropdown,
    #header .dropdown{
        background:rgba(0,0,0,.88) !important;
    }

    /* 展開選單一律白字，取消陰影 */
    #header .nav-menu a,
    #header .nav-menu-inner a,
    #header .nav-menu ul li a,
    #header .sub-dropdown a,
    #header .dropdown a,
    body.whbt #header .nav-menu a,
    body.whbt #header .nav-menu-inner a,
    body.whbt #header .nav-menu ul li a,
    body.whbt #header .sub-dropdown a,
    body.whbt #header .dropdown a,
    #header.header-sticky .nav-menu a,
    #header.header-sticky .nav-menu-inner a,
    #header.header-sticky .nav-menu ul li a,
    #header.header-sticky .sub-dropdown a,
    #header.header-sticky .dropdown a{
        color:#ffffff !important;
        text-shadow:none !important;
    }

    /* 展開選單目前頁維持黃色 */
    #header .nav-menu a.active,
    #header .nav-menu-inner a.active,
    #header .nav-menu > ul > li.active > a,
    #header .nav-menu ul li.active > a,
    #header .sub-dropdown a.active,
    #header .dropdown a.active,
    body.whbt #header .nav-menu a.active,
    body.whbt #header .nav-menu-inner a.active,
    body.whbt #header .nav-menu > ul > li.active > a,
    body.whbt #header .nav-menu ul li.active > a,
    body.whbt #header .sub-dropdown a.active,
    body.whbt #header .dropdown a.active,
    #header.header-sticky .nav-menu a.active,
    #header.header-sticky .nav-menu-inner a.active,
    #header.header-sticky .nav-menu > ul > li.active > a,
    #header.header-sticky .nav-menu ul li.active > a,
    #header.header-sticky .sub-dropdown a.active,
    #header.header-sticky .dropdown a.active{
        color:#ffd800 !important;
        text-shadow:none !important;
    }

    #header .nav-menu a:hover,
    #header .nav-menu-inner a:hover,
    #header .sub-dropdown a:hover,
    #header .dropdown a:hover{
        color:#ffd800 !important;
        text-shadow:none !important;
    }
}

/* Banner：全裝置滿版中心裁切 */
.hero-slider-1 .slide-bg-image,
.inner-intro{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

/* 桌機首頁 Banner 高度 */
@media (min-width:992px){

    .hero-slider-1,
    .hero-slider-1 .flex-viewport,
    .hero-slider-1 .slides,
    .hero-slider-1 .slides > li,
    .hero-slider-1 .slide-bg-image,
    .hero-slider-1 .js-fullscreen-height{
        height:100vh !important;
        min-height:620px !important;
    }
}

/* 平板＋手機 Banner */
@media (max-width:991px){

    .hero-slider-1,
    .inner-intro{
        aspect-ratio:16 / 9 !important;
        height:auto !important;
        min-height:220px !important;
        margin-bottom:15px !important;
    }

    .hero-slider-1 .flex-viewport,
    .hero-slider-1 .slides,
    .hero-slider-1 .slides > li,
    .hero-slider-1 .js-fullscreen-height{
        height:100% !important;
        min-height:0 !important;
    }

    .hero-slider-1 .slide-bg-image,
    .inner-intro{
        height:100% !important;
        background-size:cover !important;
        background-position:center center !important;
        background-repeat:no-repeat !important;
    }
}

/* 小手機 */
@media (max-width:480px){

    .hero-slider-1,
    .inner-intro{
        min-height:210px !important;
    }
}