﻿/* custom css theme panel */
@import url('https://fonts.googleapis.com/css?family=Kanit:100,100i,200,200i,300,300i,400,400i,500,500i,600,700,800,900');

.td-black {
    background: #000;
}

.td-black .td-main-content-wrap, .td-black .td-category-grid, .td-black .post, .td-black .td-category-header, .td-black .td-big-grid-post .td-module-thumb, .td-black .td_module_14 .td-module-meta-holder, .td-black .td-post-template-4 .td-post-title, .td-black .td-post-template-6 .td-post-header-holder, .td-black .td-post-template-8-box, .td-black .td-smart-list-dropdown-wrap .td-smart-list-dropdown, .td-black .td_module_mx3 .td-module-meta-info {
    background-color: #000;
}

.td-header-wrap .td-header-menu-wrap .sf-menu > li > a, .td-header-wrap .header-search-wrap .td-icon-search {
    text-shadow: #cc0706 0px 0px 5px;
}

.td-header-style-5, .td-main-page-wrap {
    padding-top: 0px;
}

.event-bg {
    background: rgba(227,7,7,1);
    padding: 5px;
    background: -moz-linear-gradient(top, rgba(227,7,7,1) 0%, rgba(93,18,14,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,7,7,1)), color-stop(100%, rgba(93,18,14,1)));
    background: -webkit-linear-gradient(top, rgba(227,7,7,1) 0%, rgba(93,18,14,1) 100%);
    background: -o-linear-gradient(top, rgba(227,7,7,1) 0%, rgba(93,18,14,1) 100%);
    background: -ms-linear-gradient(top, rgba(227,7,7,1) 0%, rgba(93,18,14,1) 100%);
    background: linear-gradient(to bottom, rgba(227,7,7,1) 0%, rgba(93,18,14,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30707', endColorstr='#5d120e', GradientType=0 );
}

.tab-news-bg {
    background: rgba(0, 0, 0, 0.61);
    padding: 15px;
}

.td-main-content-wrap {
    padding-bottom: 0px;
    background: url(../wp-content/uploads/2017/08/footer-bg-a.jpg) bottom center no-repeat;
    background-color: #000000 !important;
}

.post-template-default .td-main-content-wrap {
    padding-bottom: 0px;
    background: url(../wp-content/uploads/2017/08/header-content-bg.jpg) top 53px center no-repeat;
    background-color: #000000 !important;
    background-attachment: fixed;
}

.category .td-main-content-wrap {
    padding-bottom: 0px;
    background: url(../wp-content/uploads/2017/08/header-content-bg.jpg) top 253px center no-repeat;
    background-color: #000000 !important;
    background-attachment: fixed;
}


/*.td-post-template-5 .td-pb-row {
    background: #fff;
    padding: 15px;
    border: #ccc 5px solid;
    border-radius: 10px;
    margin-bottom: 15px;
}*/

.post {
    background: #0 !important;
    padding: 15px;
    border: #5f120e 5px solid;
    border-radius: 10px;
    margin-bottom: 15px;
}
/*.post {
    background-color: rgba(255, 255, 255, 0) !important;
}*/
.td-black .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list {
    text-align: center;
    background: url(../wp-content/uploads/2017/08/tab-bg.png) center;
}

.td-header-wrap .td-header-menu-wrap-full, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .td-header-menu-wrap.td-affix, .td-header-style-3 .td-header-main-menu, .td-header-style-3 .td-affix .td-header-main-menu, .td-header-style-4 .td-header-main-menu, .td-header-style-4 .td-affix .td-header-main-menu, .td-header-style-8 .td-header-menu-wrap.td-affix, .td-header-style-8 .td-header-top-menu-full {
    border-bottom: 2px #69110d solid;
}

.td-black .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a, .td-black .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a, .td-black .td-footer-instagram-container .td-instagram-user a, .td-black.global-block-template-13 .td-related-title .td-cur-simple-item {
    text-shadow: #e20707 0 0 5px;
}

a.whalefall-btn {
    background: url(../wp-content/uploads/2017/08/btn-ran.jpg) center no-repeat;
    display: block;
    /*width: 324px;*/
    height: 69px;
    text-align: center;
    font-family: Kanit;
    color: #d6d6d6;
    font-size: 22px;
    padding-top: 22px;
    text-shadow: #ffffff 0 0 1px;
    margin-bottom: 10px;
}

a:hover.whalefall-btn {
    color: #a80909;
    text-shadow: #a80909 0 0 5px;
}

.td-module-image .td-post-category {
    display: none;
}

a.bt-l {
    display: block;
    width: 281px;
    height: 144px;
    float: left;
    background: url(../wp-content/uploads/2017/08/header-btn.png);
    background-position-x: 0px;
    background-position-y: 0px;
}

a:hover.bt-l {
    background-position-y: 176px;
}

a.bt-c {
    display: block;
    width: 281px;
    height: 179px;
    float: left;
    background: url(../wp-content/uploads/2017/08/header-btn.png);
    background-position-x: -310px;
    background-position-y: 0px;
}

a:hover.bt-c {
    background-position-y: 176px;
}

a.bt-r {
    display: block;
    width: 281px;
    height: 144px;
    float: left;
    background: url(../wp-content/uploads/2017/08/header-btn.png);
    background-position-x: -618px;
    background-position-y: 0px;
}

a:hover.bt-r {
    background-position-y: 176px;
}

.block-btn {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    z-index: 99;
    top: -229px;
    margin-left: 110px;
}

.two-sec {
    width: 100%;
    height: auto;
    display: block;
    margin-top: -47px;
}

.ma-sec {
    width: 100%;
    height: 140px;
    margin-bottom: 15px;
    float: left;
    background: url(../wp-content/uploads/2017/08/ma-box.jpg) top center no-repeat;
    padding: 35px 15px 15px 15px;
    text-align: center;
    color: #fff;
}

    .ma-sec p {
        font-family: Kanit;
        font-size: 22px;
        color: #fff;
        text-shadow: #fff 0 0 8px;
    }

a.ranshop {
    width: 324px;
    height: 140px;
    display: block;
    float: left;
    background: url(../wp-content/uploads/2017/08/shop-btn.png) center;
    background-position-x: 0px;
    background-position-y: 0px;
}

a:hover.ranshop {
    background-position-y: -140px;
}


/* custom responsive css from theme panel (Advanced CSS) */
@media (min-width: 1019px) and (max-width: 1140px) {
    .block-btn {
        display: none;
    }
}


/* custom responsive css from theme panel (Advanced CSS) */
@media (min-width: 768px) and (max-width: 1018px) {
    .block-btn {
        display: none;
    }
}


/* custom responsive css from theme panel (Advanced CSS) */
@media (max-width: 767px) {
    .block-btn {
        display: none;
    }

    .two-sec {
        margin-top: 0px;
    }

    .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
        background-color: #000000 !important;
        padding: 5px !important;
    }
}

@font-face {
    font-family: "Kanit";
    src: local("Kanit"), url("") format("woff");
}

.td-header-wrap .black-menu .sf-menu > .current-menu-item > a,
.td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a,
.td-header-wrap .black-menu .sf-menu > .current-category-ancestor > a,
.td-header-wrap .black-menu .sf-menu > li > a:hover,
.td-header-wrap .black-menu .sf-menu > .sfHover > a,
.td-header-style-12 .td-header-menu-wrap-full,
.sf-menu > .current-menu-item > a:after,
.sf-menu > .current-menu-ancestor > a:after,
.sf-menu > .current-category-ancestor > a:after,
.sf-menu > li:hover > a:after,
.sf-menu > .sfHover > a:after,
.td-header-style-12 .td-affix,
.header-search-wrap .td-drop-down-search:after,
.header-search-wrap .td-drop-down-search .btn:hover,
input[type=submit]:hover,
.td-read-more a,
.td-post-category:hover,
.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-post-category,
.td-grid-style-5.td-hover-1 .td-big-grid-post:hover .td-post-category,
.td_top_authors .td-active .td-author-post-count,
.td_top_authors .td-active .td-author-comments-count,
.td_top_authors .td_mod_wrap:hover .td-author-post-count,
.td_top_authors .td_mod_wrap:hover .td-author-comments-count,
.td-404-sub-sub-title a:hover,
.td-search-form-widget .wpb_button:hover,
.td-rating-bar-wrap div,
.td_category_template_3 .td-current-sub-category,
.dropcap,
.td_wrapper_video_playlist .td_video_controls_playlist_wrapper,
.wpb_default,
.wpb_default:hover,
.td-left-smart-list:hover,
.td-right-smart-list:hover,
.woocommerce-checkout .woocommerce input.button:hover,
.woocommerce-page .woocommerce a.button:hover,
.woocommerce-account div.woocommerce .button:hover,
#bbpress-forums button:hover,
.bbp_widget_login .button:hover,
.td-footer-wrapper .td-post-category,
.td-footer-wrapper .widget_product_search input[type="submit"]:hover,
.woocommerce .product a.button:hover,
.woocommerce .product #respond input#submit:hover,
.woocommerce .checkout input#place_order:hover,
.woocommerce .woocommerce.widget .button:hover,
.single-product .product .summary .cart .button:hover,
.woocommerce-cart .woocommerce table.cart .button:hover,
.woocommerce-cart .woocommerce .shipping-calculator-form .button:hover,
.td-next-prev-wrap a:hover,
.td-load-more-wrap a:hover,
.td-post-small-box a:hover,
.page-nav .current,
.page-nav:first-child > div,
.td_category_template_8 .td-category-header .td-category a.td-current-sub-category,
.td_category_template_4 .td-category-siblings .td-category a:hover,
#bbpress-forums .bbp-pagination .current,
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a,
.td-theme-slider:hover .slide-meta-cat a,
a.vc_btn-black:hover,
.td-trending-now-wrapper:hover .td-trending-now-title,
.td-scroll-up,
.td-smart-list-button:hover,
.td-weather-information:before,
.td-weather-week:before,
.td_block_exchange .td-exchange-header:before,
.td_block_big_grid_9.td-grid-style-1 .td-post-category,
.td_block_big_grid_9.td-grid-style-5 .td-post-category,
.td-grid-style-6.td-hover-1 .td-module-thumb:after,
.td-pulldown-syle-2 .td-subcat-dropdown ul:after,
.td_block_template_9 .td-block-title:after,
.td_block_template_15 .td-block-title:before {
    background-color: #e20707;
}

.global-block-template-4 .td-related-title .td-cur-simple-item:before {
    border-color: #e20707 transparent transparent transparent !important;
}

.woocommerce .woocommerce-message .button:hover,
.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover,
.global-block-template-4 .td-related-title .td-cur-simple-item,
.global-block-template-3 .td-related-title .td-cur-simple-item,
.global-block-template-9 .td-related-title:after {
    background-color: #e20707 !important;
}

.woocommerce .product .onsale,
.woocommerce.widget .ui-slider .ui-slider-handle {
    background: none #e20707;
}

.woocommerce.widget.widget_layered_nav_filters ul li a {
    background: none repeat scroll 0 0 #e20707 !important;
}

a,
cite a:hover,
.td_mega_menu_sub_cats .cur-sub-cat,
.td-mega-span h3 a:hover,
.td_mod_mega_menu:hover .entry-title a,
.header-search-wrap .result-msg a:hover,
.top-header-menu li a:hover,
.top-header-menu .current-menu-item > a,
.top-header-menu .current-menu-ancestor > a,
.top-header-menu .current-category-ancestor > a,
.td-social-icon-wrap > a:hover,
.td-header-sp-top-widget .td-social-icon-wrap a:hover,
.td-page-content blockquote p,
.td-post-content blockquote p,
.mce-content-body blockquote p,
.comment-content blockquote p,
.wpb_text_column blockquote p,
.td_block_text_with_title blockquote p,
.td_module_wrap:hover .entry-title a,
.td-subcat-filter .td-subcat-list a:hover,
.td-subcat-filter .td-subcat-dropdown a:hover,
.td_quote_on_blocks,
.dropcap2,
.dropcap3,
.td_top_authors .td-active .td-authors-name a,
.td_top_authors .td_mod_wrap:hover .td-authors-name a,
.td-post-next-prev-content a:hover,
.author-box-wrap .td-author-social a:hover,
.td-author-name a:hover,
.td-author-url a:hover,
.td_mod_related_posts:hover h3 > a,
.td-post-template-11 .td-related-title .td-related-left:hover,
.td-post-template-11 .td-related-title .td-related-right:hover,
.td-post-template-11 .td-related-title .td-cur-simple-item,
.td-post-template-11 .td_block_related_posts .td-next-prev-wrap a:hover,
.comment-reply-link:hover,
.logged-in-as a:hover,
#cancel-comment-reply-link:hover,
.td-search-query,
.td-category-header .td-pulldown-category-filter-link:hover,
.td-category-siblings .td-subcat-dropdown a:hover,
.td-category-siblings .td-subcat-dropdown a.td-current-sub-category,
.widget a:hover,
.td_wp_recentcomments a:hover,
.archive .widget_archive .current,
.archive .widget_archive .current a,
.widget_calendar tfoot a:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
#bbpress-forums li.bbp-header .bbp-reply-content span a:hover,
#bbpress-forums .bbp-forum-freshness a:hover,
#bbpress-forums .bbp-topic-freshness a:hover,
#bbpress-forums .bbp-forums-list li a:hover,
#bbpress-forums .bbp-forum-title:hover,
#bbpress-forums .bbp-topic-permalink:hover,
#bbpress-forums .bbp-topic-started-by a:hover,
#bbpress-forums .bbp-topic-started-in a:hover,
#bbpress-forums .bbp-body .super-sticky li.bbp-topic-title .bbp-topic-permalink,
#bbpress-forums .bbp-body .sticky li.bbp-topic-title .bbp-topic-permalink,
.widget_display_replies .bbp-author-name,
.widget_display_topics .bbp-author-name,
.footer-text-wrap .footer-email-wrap a,
.td-subfooter-menu li a:hover,
.footer-social-wrap a:hover,
a.vc_btn-black:hover,
.td-smart-list-dropdown-wrap .td-smart-list-button:hover,
.td_module_17 .td-read-more a:hover,
.td_module_18 .td-read-more a:hover,
.td_module_19 .td-post-author-name a:hover,
.td-instagram-user a,
.td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more span,
.td-pulldown-syle-2 .td-subcat-dropdown:hover .td-subcat-more i,
.td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more span,
.td-pulldown-syle-3 .td-subcat-dropdown:hover .td-subcat-more i,
.td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover,
.td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover i,
.td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-link:hover,
.td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-item .td-cur-simple-item,
.global-block-template-2 .td-related-title .td-cur-simple-item,
.global-block-template-5 .td-related-title .td-cur-simple-item,
.global-block-template-6 .td-related-title .td-cur-simple-item,
.global-block-template-7 .td-related-title .td-cur-simple-item,
.global-block-template-8 .td-related-title .td-cur-simple-item,
.global-block-template-9 .td-related-title .td-cur-simple-item,
.global-block-template-10 .td-related-title .td-cur-simple-item,
.global-block-template-11 .td-related-title .td-cur-simple-item,
.global-block-template-12 .td-related-title .td-cur-simple-item,
.global-block-template-13 .td-related-title .td-cur-simple-item,
.global-block-template-14 .td-related-title .td-cur-simple-item,
.global-block-template-15 .td-related-title .td-cur-simple-item,
.global-block-template-16 .td-related-title .td-cur-simple-item,
.global-block-template-17 .td-related-title .td-cur-simple-item,
.td-theme-wrap .sf-menu ul .td-menu-item > a:hover,
.td-theme-wrap .sf-menu ul .sfHover > a,
.td-theme-wrap .sf-menu ul .current-menu-ancestor > a,
.td-theme-wrap .sf-menu ul .current-category-ancestor > a,
.td-theme-wrap .sf-menu ul .current-menu-item > a,
.td_outlined_btn {
    color: #e20707;
}

    a.vc_btn-black.vc_btn_square_outlined:hover,
    a.vc_btn-black.vc_btn_outlined:hover,
    .td-mega-menu-page .wpb_content_element ul li a:hover,
    .td-theme-wrap .td-aj-search-results .td_module_wrap:hover .entry-title a,
    .td-theme-wrap .header-search-wrap .result-msg a:hover {
        color: #e20707 !important;
    }

    .td-next-prev-wrap a:hover,
    .td-load-more-wrap a:hover,
    .td-post-small-box a:hover,
    .page-nav .current,
    .page-nav:first-child > div,
    .td_category_template_8 .td-category-header .td-category a.td-current-sub-category,
    .td_category_template_4 .td-category-siblings .td-category a:hover,
    #bbpress-forums .bbp-pagination .current,
    .post .td_quote_box,
    .page .td_quote_box,
    a.vc_btn-black:hover,
    .td_block_template_5 .td-block-title > *,
    .td_outlined_btn {
        border-color: #e20707;
    }

.td_wrapper_video_playlist .td_video_currently_playing:after {
    border-color: #e20707 !important;
}

.header-search-wrap .td-drop-down-search:before {
    border-color: transparent transparent #e20707 transparent;
}

.block-title > span,
.block-title > a,
.block-title > label,
.widgettitle,
.widgettitle:after,
.td-trending-now-title,
.td-trending-now-wrapper:hover .td-trending-now-title,
.wpb_tabs li.ui-tabs-active a,
.wpb_tabs li:hover a,
.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a,
.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a,
.td_block_template_1 .td-related-title .td-cur-simple-item,
.woocommerce .product .products h2:not(.woocommerce-loop-product__title),
.td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more,
.td_3D_btn,
.td_shadow_btn,
.td_default_btn,
.td_round_btn,
.td_outlined_btn:hover {
    background-color: #e20707;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: #e20707 !important;
}

.block-title,
.td_block_template_1 .td-related-title,
.wpb_tabs .wpb_tabs_nav,
.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container,
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    border-color: #e20707;
}

.td_block_wrap .td-subcat-item a.td-cur-simple-item {
    color: #e20707;
}



.td-grid-style-4 .entry-title {
    background-color: rgba(226, 7, 7, 0.7);
}


.block-title > span,
.block-title > span > a,
.block-title > a,
.block-title > label,
.widgettitle,
.widgettitle:after,
.td-trending-now-title,
.td-trending-now-wrapper:hover .td-trending-now-title,
.wpb_tabs li.ui-tabs-active a,
.wpb_tabs li:hover a,
.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a,
.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a,
.td_block_template_1 .td-related-title .td-cur-simple-item,
.woocommerce .product .products h2:not(.woocommerce-loop-product__title),
.td-subcat-filter .td-subcat-dropdown:hover .td-subcat-more,
.td-weather-information:before,
.td-weather-week:before,
.td_block_exchange .td-exchange-header:before,
.td-theme-wrap .td_block_template_3 .td-block-title > *,
.td-theme-wrap .td_block_template_4 .td-block-title > *,
.td-theme-wrap .td_block_template_7 .td-block-title > *,
.td-theme-wrap .td_block_template_9 .td-block-title:after,
.td-theme-wrap .td_block_template_10 .td-block-title::before,
.td-theme-wrap .td_block_template_11 .td-block-title::before,
.td-theme-wrap .td_block_template_11 .td-block-title::after,
.td-theme-wrap .td_block_template_14 .td-block-title,
.td-theme-wrap .td_block_template_15 .td-block-title:before,
.td-theme-wrap .td_block_template_17 .td-block-title:before {
    background-color: #5f120e;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background-color: #5f120e !important;
}

.block-title,
.td_block_template_1 .td-related-title,
.wpb_tabs .wpb_tabs_nav,
.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.td-theme-wrap .td_block_template_5 .td-block-title > *,
.td-theme-wrap .td_block_template_17 .td-block-title,
.td-theme-wrap .td_block_template_17 .td-block-title::before {
    border-color: #5f120e;
}

    .td-theme-wrap .td_block_template_4 .td-block-title > *:before,
    .td-theme-wrap .td_block_template_17 .td-block-title::after {
        border-color: #5f120e transparent transparent transparent;
    }


    .td-theme-wrap .block-title > span,
    .td-theme-wrap .block-title > span > a,
    .td-theme-wrap .widget_rss .block-title .rsswidget,
    .td-theme-wrap .block-title > a,
    .widgettitle,
    .widgettitle > a,
    .td-trending-now-title,
    .wpb_tabs li.ui-tabs-active a,
    .wpb_tabs li:hover a,
    .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a,
    .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a,
    .td-related-title .td-cur-simple-item,
    .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
    .woocommerce .product .products h2:not(.woocommerce-loop-product__title),
    .td-theme-wrap .td_block_template_2 .td-block-title > *,
    .td-theme-wrap .td_block_template_3 .td-block-title > *,
    .td-theme-wrap .td_block_template_4 .td-block-title > *,
    .td-theme-wrap .td_block_template_5 .td-block-title > *,
    .td-theme-wrap .td_block_template_6 .td-block-title > *,
    .td-theme-wrap .td_block_template_6 .td-block-title:before,
    .td-theme-wrap .td_block_template_7 .td-block-title > *,
    .td-theme-wrap .td_block_template_8 .td-block-title > *,
    .td-theme-wrap .td_block_template_9 .td-block-title > *,
    .td-theme-wrap .td_block_template_10 .td-block-title > *,
    .td-theme-wrap .td_block_template_11 .td-block-title > *,
    .td-theme-wrap .td_block_template_12 .td-block-title > *,
    .td-theme-wrap .td_block_template_13 .td-block-title > span,
    .td-theme-wrap .td_block_template_13 .td-block-title > a,
    .td-theme-wrap .td_block_template_14 .td-block-title > *,
    .td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option,
    .td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option i,
    .td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover,
    .td-theme-wrap .td_block_template_14 .td-block-title-wrap .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover i,
    .td-theme-wrap .td_block_template_15 .td-block-title > *,
    .td-theme-wrap .td_block_template_15 .td-block-title-wrap .td-wrapper-pulldown-filter,
    .td-theme-wrap .td_block_template_15 .td-block-title-wrap .td-wrapper-pulldown-filter i,
    .td-theme-wrap .td_block_template_16 .td-block-title > *,
    .td-theme-wrap .td_block_template_17 .td-block-title > * {
        color: #ffffff;
    }



.td-header-wrap .td-header-top-menu-full,
.td-header-wrap .top-header-menu .sub-menu {
    background-color: #385c7b;
}

.td-header-style-8 .td-header-top-menu-full {
    background-color: transparent;
}

    .td-header-style-8 .td-header-top-menu-full .td-header-top-menu {
        background-color: #385c7b;
        padding-left: 15px;
        padding-right: 15px;
    }

.td-header-wrap .td-header-top-menu-full .td-header-top-menu,
.td-header-wrap .td-header-top-menu-full {
    border-bottom: none;
}



    .td-header-top-menu,
    .td-header-top-menu a,
    .td-header-wrap .td-header-top-menu-full .td-header-top-menu,
    .td-header-wrap .td-header-top-menu-full a,
    .td-header-style-8 .td-header-top-menu,
    .td-header-style-8 .td-header-top-menu a {
        color: #ffffff;
    }


.top-header-menu .current-menu-item > a,
.top-header-menu .current-menu-ancestor > a,
.top-header-menu .current-category-ancestor > a,
.top-header-menu li a:hover {
    color: #ffffff;
}


.td-header-wrap .td-header-sp-top-widget .td-icon-font {
    color: #ffffff;
}


.td-header-wrap .td-header-sp-top-widget i.td-icon-font:hover {
    color: #ffffff;
}



.td-header-wrap .td-header-menu-wrap-full,
.sf-menu > .current-menu-ancestor > a,
.sf-menu > .current-category-ancestor > a,
.td-header-menu-wrap.td-affix,
.td-header-style-3 .td-header-main-menu,
.td-header-style-3 .td-affix .td-header-main-menu,
.td-header-style-4 .td-header-main-menu,
.td-header-style-4 .td-affix .td-header-main-menu,
.td-header-style-8 .td-header-menu-wrap.td-affix,
.td-header-style-8 .td-header-top-menu-full {
    background-color: #000000;
}


.td-boxed-layout .td-header-style-3 .td-header-menu-wrap,
.td-boxed-layout .td-header-style-4 .td-header-menu-wrap,
.td-header-style-3 .td_stretch_content .td-header-menu-wrap,
.td-header-style-4 .td_stretch_content .td-header-menu-wrap {
    background-color: #000000 !important;
}


@media (min-width: 1019px) {
    .td-header-style-1 .td-header-sp-recs,
    .td-header-style-1 .td-header-sp-logo {
        margin-bottom: 28px;
    }
}

@media (min-width: 768px) and (max-width: 1018px) {
    .td-header-style-1 .td-header-sp-recs,
    .td-header-style-1 .td-header-sp-logo {
        margin-bottom: 14px;
    }
}

.td-header-style-7 .td-header-top-menu {
    border-bottom: none;
}



.sf-menu > .current-menu-item > a:after,
.sf-menu > .current-menu-ancestor > a:after,
.sf-menu > .current-category-ancestor > a:after,
.sf-menu > li:hover > a:after,
.sf-menu > .sfHover > a:after,
.td_block_mega_menu .td-next-prev-wrap a:hover,
.td-mega-span .td-post-category:hover,
.td-header-wrap .black-menu .sf-menu > li > a:hover,
.td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a,
.td-header-wrap .black-menu .sf-menu > .sfHover > a,
.header-search-wrap .td-drop-down-search:after,
.header-search-wrap .td-drop-down-search .btn:hover,
.td-header-wrap .black-menu .sf-menu > .current-menu-item > a,
.td-header-wrap .black-menu .sf-menu > .current-menu-ancestor > a,
.td-header-wrap .black-menu .sf-menu > .current-category-ancestor > a {
    background-color: #ad0303;
}


.td_block_mega_menu .td-next-prev-wrap a:hover {
    border-color: #ad0303;
}

.header-search-wrap .td-drop-down-search:before {
    border-color: transparent transparent #ad0303 transparent;
}

.td_mega_menu_sub_cats .cur-sub-cat,
.td_mod_mega_menu:hover .entry-title a,
.td-theme-wrap .sf-menu ul .td-menu-item > a:hover,
.td-theme-wrap .sf-menu ul .sfHover > a,
.td-theme-wrap .sf-menu ul .current-menu-ancestor > a,
.td-theme-wrap .sf-menu ul .current-category-ancestor > a,
.td-theme-wrap .sf-menu ul .current-menu-item > a {
    color: #ad0303;
}



.td-header-wrap .td-header-menu-wrap .sf-menu > li > a,
.td-header-wrap .header-search-wrap .td-icon-search {
    color: #f2f2f2;
}


.td-theme-wrap .sf-menu .td-normal-menu .sub-menu {
    background-color: #000000;
}


    .td-theme-wrap .sf-menu .td-normal-menu .sub-menu .td-menu-item > a {
        color: #d90606;
    }


.td-theme-wrap .sf-menu .td-normal-menu .td-menu-item > a:hover,
.td-theme-wrap .sf-menu .td-normal-menu .sfHover > a,
.td-theme-wrap .sf-menu .td-normal-menu .current-menu-ancestor > a,
.td-theme-wrap .sf-menu .td-normal-menu .current-category-ancestor > a,
.td-theme-wrap .sf-menu .td-normal-menu .current-menu-item > a {
    color: #ad0303;
}


.td-theme-wrap .td-mega-menu ul,
.td-theme-wrap .td_mega_menu_sub_cats .cur-sub-cat,
.td-theme-wrap .td_mega_menu_sub_cats .cur-sub-cat:before {
    background-color: #000000;
}

.td-theme-wrap .sf-menu .td_mega_menu_sub_cats .cur-sub-cat,
.td-theme-wrap .td-mega-menu ul {
    border-color: #2b2b2b;
}

.td-theme-wrap .td_mega_menu_sub_cats:after {
    background-color: #2b2b2b;
}

@media (max-width: 767px) {
    body .td-header-wrap .td-header-main-menu {
        background-color: #020202 !important;
    }
}



.td-menu-background:before,
.td-search-background:before {
    background: #000000;
    background: -moz-linear-gradient(top, #000000 0%, #232323 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #000000), color-stop(100%, #232323));
    background: -webkit-linear-gradient(top, #000000 0%, #232323 100%);
    background: -o-linear-gradient(top, #000000 0%, @mobileu_gradient_two_mob 100%);
    background: -ms-linear-gradient(top, #000000 0%, #232323 100%);
    background: linear-gradient(to bottom, #000000 0%, #232323 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#232323', GradientType=0 );
}


.white-popup-block:after {
    background: rgba(22,32,41,0.8);
    background: -moz-linear-gradient(45deg, rgba(22,32,41,0.8) 0%, rgba(56,92,123,0.8) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(22,32,41,0.8)), color-stop(100%, rgba(56,92,123,0.8)));
    background: -webkit-linear-gradient(45deg, rgba(22,32,41,0.8) 0%, rgba(56,92,123,0.8) 100%);
    background: -o-linear-gradient(45deg, rgba(22,32,41,0.8) 0%, rgba(56,92,123,0.8) 100%);
    background: -ms-linear-gradient(45deg, rgba(22,32,41,0.8) 0%, rgba(56,92,123,0.8) 100%);
    background: linear-gradient(45deg, rgba(22,32,41,0.8) 0%, rgba(56,92,123,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(22,32,41,0.8)', endColorstr='rgba(56,92,123,0.8)', GradientType=0 );
}



.td-banner-wrap-full,
.td-header-style-11 .td-logo-wrap-full {
    background-color: #000000;
}

.td-header-style-11 .td-logo-wrap-full {
    border-bottom: 0;
}

@media (min-width: 1019px) {
    .td-header-style-2 .td-header-sp-recs,
    .td-header-style-5 .td-a-rec-id-header > div,
    .td-header-style-5 .td-g-rec-id-header > .adsbygoogle,
    .td-header-style-6 .td-a-rec-id-header > div,
    .td-header-style-6 .td-g-rec-id-header > .adsbygoogle,
    .td-header-style-7 .td-a-rec-id-header > div,
    .td-header-style-7 .td-g-rec-id-header > .adsbygoogle,
    .td-header-style-8 .td-a-rec-id-header > div,
    .td-header-style-8 .td-g-rec-id-header > .adsbygoogle,
    .td-header-style-12 .td-a-rec-id-header > div,
    .td-header-style-12 .td-g-rec-id-header > .adsbygoogle {
        margin-bottom: 24px !important;
    }
}

@media (min-width: 768px) and (max-width: 1018px) {
    .td-header-style-2 .td-header-sp-recs,
    .td-header-style-5 .td-a-rec-id-header > div,
    .td-header-style-5 .td-g-rec-id-header > .adsbygoogle,
    .td-header-style-6 .td-a-rec-id-header > div,
    .td-header-style-6 .td-g-rec-id-header > .adsbygoogle,
    .td-header-style-7 .td-a-rec-id-header > div,
    .td-header-style-7 .td-g-rec-id-header > .adsbygoogle,
    .td-header-style-8 .td-a-rec-id-header > div,
    .td-header-style-8 .td-g-rec-id-header > .adsbygoogle,
    .td-header-style-12 .td-a-rec-id-header > div,
    .td-header-style-12 .td-g-rec-id-header > .adsbygoogle {
        margin-bottom: 14px !important;
    }
}


.td-footer-wrapper,
.td-footer-wrapper .td_block_template_7 .td-block-title > *,
.td-footer-wrapper .td_block_template_17 .td-block-title,
.td-footer-wrapper .td-block-title-wrap .td-wrapper-pulldown-filter {
    background-color: #000000;
}


.td-sub-footer-container {
    background-color: #385c7b;
}


.td-sub-footer-container,
.td-subfooter-menu li a {
    color: #ffffff;
}


    .td-subfooter-menu li a:hover {
        color: #ffffff;
    }



.post .td-post-header .entry-title {
    color: #dd3333;
}

.td_module_15 .entry-title a {
    color: #dd3333;
}


.td-module-meta-info .td-post-author-name a {
    color: #0a0404;
}


.td-post-content,
.td-post-content p {
    color: #1c1c1c;
}


    .td-post-content h1,
    .td-post-content h2,
    .td-post-content h3,
    .td-post-content h4,
    .td-post-content h5,
    .td-post-content h6 {
        color: #0a0a0a;
    }


.post blockquote p,
.page blockquote p {
    color: #385c7b;
}

.post .td_quote_box,
.page .td_quote_box {
    border-color: #385c7b;
}



.td-page-header h1,
.td-page-title,
.woocommerce-page .page-title {
    color: #dd3333;
}


.td-page-content p,
.td-page-content .td_block_text_with_title,
.woocommerce-page .page-description > p {
    color: #cccccc;
}


.td-page-content h1,
.td-page-content h2,
.td-page-content h3,
.td-page-content h4,
.td-page-content h5,
.td-page-content h6 {
    color: #ffffff;
}

.td-page-content .widgettitle {
    color: #fff;
}




.td-menu-background,
.td-search-background {
    background-image: url('../wp-content/uploads/2017/08/footer-bg-300x199.jpg');
}


ul.sf-menu > .td-menu-item > a {
    font-family: Kanit;
    font-size: 20px;
    line-height: 70px;
    font-weight: 300;
}

.block-title > span,
.block-title > a,
.widgettitle,
.td-trending-now-title,
.wpb_tabs li a,
.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab > a,
.td-theme-wrap .td-related-title a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce .product .products h2:not(.woocommerce-loop-product__title),
.td-theme-wrap .td-block-title {
    font-family: Kanit;
}

.td-post-date .entry-date {
    font-family: Kanit;
}

.td_module_wrap .td-module-title {
    font-family: Kanit;
}

.td_module_4 .td-module-title {
    font-family: Kanit;
}

.td_block_trending_now .entry-title a,
.td-theme-slider .td-module-title a,
.td-big-grid-post .entry-title {
    font-family: Kanit;
}

.td_module_mx4 .td-module-title a {
    font-family: Kanit;
}

.td_module_mx20 .td-module-title a {
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
}

.td-post-template-5 .td-post-header .entry-title {
    font-family: Kanit;
    font-size: 30px;
    line-height: 40px;
}

.td-post-content p,
.td-post-content {
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 31px;
}

@media (min-width: 768px) {
    #td-header-menu {
        min-height: 70px !important;
    }

    .td-header-style-4 .td-main-menu-logo img,
    .td-header-style-5 .td-main-menu-logo img,
    .td-header-style-6 .td-main-menu-logo img,
    .td-header-style-7 .td-header-sp-logo img,
    .td-header-style-12 .td-main-menu-logo img {
        max-height: 70px;
    }

    .td-header-style-4 .td-main-menu-logo,
    .td-header-style-5 .td-main-menu-logo,
    .td-header-style-6 .td-main-menu-logo,
    .td-header-style-7 .td-header-sp-logo,
    .td-header-style-12 .td-main-menu-logo {
        height: 70px;
    }

        .td-header-style-4 .td-main-menu-logo a,
        .td-header-style-5 .td-main-menu-logo a,
        .td-header-style-6 .td-main-menu-logo a,
        .td-header-style-7 .td-header-sp-logo a,
        .td-header-style-7 .td-header-sp-logo img,
        .td-header-style-7 .header-search-wrap .td-icon-search,
        .td-header-style-12 .td-main-menu-logo a,
        .td-header-style-12 .td-header-menu-wrap .sf-menu > li > a {
            line-height: 70px;
        }

    .td-header-style-7 .sf-menu {
        margin-top: 0;
    }

    .td-header-style-7 #td-top-search {
        top: 0;
        bottom: 0;
    }
}



/* Style generated by theme for demo: black */

.td-black .td-post-category:hover,
.td-black.global-block-template-7 .td-related-title .td-cur-simple-item {
    background-color: #e20707;
}

.td-black .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab.vc_active > a,
.td-black .vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tab:hover > a,
.td-black .td-footer-instagram-container .td-instagram-user a,
.td-black.global-block-template-13 .td-related-title .td-cur-simple-item {
    color: #e20707;
}

.td-black .page-nav .current {
    border-color: #e20707;
}


.td-black .td-header-style-5 .sf-menu > li > a:hover,
.td-black .td-header-style-5 .sf-menu > .sfHover > a,
.td-black .td-header-style-5 .sf-menu > .current-menu-item > a,
.td-black .td-header-style-5 .sf-menu > .current-menu-ancestor > a,
.td-black .td-header-style-5 .sf-menu > .current-category-ancestor > a,
.td-black .td_mega_menu_sub_cats .cur-sub-cat {
    color: #ad0303;
}

.td-black .sf-menu .td-post-category:hover {
    background-color: #ad0303;
}

/* ============== 公告列表頁 暴力紅黑霓虹版 ============== */
.news-list-page {
    max-width: 1000px;
    margin: 40px auto;
    font-family: 'Kanit', sans-serif;
    background: #000;
    border: 2px solid #e30707;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 0 30px rgba(227,7,7,0.5), inset 0 0 40px rgba(0,0,0,0.8);
}

.news-list-header {
    background: linear-gradient(90deg, #000, #5d120e, #000);
    padding: 25px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .news-list-header h1 {
        font-size: 36px;
        font-weight: 900;
        color: #fff;
        text-shadow: 0 0 20px #e30707, 0 0 40px #e30707;
        letter-spacing: 4px;
        margin: 0;
        animation: titleFlicker 4s infinite alternate;
    }

.header-glow-line {
    height: 4px;
    background: #e30707;
    box-shadow: 0 0 20px #e30707;
    margin-top: 15px;
}

@keyframes titleFlicker {
    0%,100% {
        opacity: 1;
    }

    50% {
        opacity: 0.92;
    }
}

.news-list-container {
    padding: 15px 0;
    background: rgba(0,0,0,0.85);
}

.news-row {
    width: calc(100% - 20px);
    margin: 0 10px 10px;
    padding: 18px 25px;
    background: rgba(20,0,0,0.7);
    border: 1px solid rgba(227,7,7,0.4);
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 100px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

    .news-row:hover {
        transform: translateY(-6px);
        background: rgba(50,0,0,0.9);
        border-color: #e30707;
        box-shadow: 0 15px 30px rgba(227,7,7,0.4), 0 0 40px rgba(227,7,7,0.3);
        z-index: 5;
    }

    .news-row::before {
        content: '';
        position: absolute;
        top: -100%;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(transparent, rgba(227,7,7,0.15), transparent);
        transition: 0.6s;
    }

    .news-row:hover::before {
        top: 100%;
    }

.scan-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #e30707;
    box-shadow: 0 0 15px #e30707;
    transform: translateX(-100%);
    animation: scanLine 5s linear infinite;
}

@keyframes scanLine {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.news-id {
    width: 60px;
    text-align: center;
    font-weight: 900;
    color: #e30707;
    font-size: 18px;
    text-shadow: 0 0 10px #e30707;
}

.news-title {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 15px;
}

    .news-title .tag {
        padding: 6px 14px;
        border-radius: 30px;
        font-size: 12px;
        font-weight: 900;
        background: #e30707;
        color: #fff;
        box-shadow: 0 0 15px rgba(227,7,7,0.8);
        min-width: 56px;
        text-align: center;
    }

    .news-title a {
        color: #fff;
        font-size: 17px;
        font-weight: 600;
        text-decoration: none;
        text-shadow: 0 0 8px rgba(255,255,255,0.4);
        transition: all 0.3s;
    }

        .news-title a:hover {
            color: #ff4444;
            text-shadow: 0 0 20px #ff4444;
        }

.news-date {
    color: #ff6666;
    font-weight: 700;
    font-size: 15px;
    min-width: 110px;
    text-align: right;
}

/* 分頁美化 */
.news-pagination {
    padding: 25px;
    text-align: center;
    background: linear-gradient(to bottom, #000, #1a0000);
    border-top: 1px solid #e30707;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
    font-size: 16px;
    color: #ccc;
}

.page-info strong {
    color: #e30707;
    font-size: 20px;
    text-shadow: 0 0 10px #e30707;
}

.page-links a.page-btn,
.page-links select.page-select {
    padding: 10px 20px;
    background: rgba(227,7,7,0.2);
    border: 1px solid #e30707;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s;
    cursor: pointer;
}

    .page-links a.page-btn:hover,
    .page-links select.page-select:hover {
        background: #e30707;
        box-shadow: 0 0 20px #e30707;
    }

.page-links select.page-select {
    background: #000;
    color: #e30707;
    font-weight: bold;
}

@media (max-width: 768px) {
    .news-row {
        flex-direction: column;
        text-align: center;
        gap: 12px;
        padding: 20px;
    }

    .news-id {
        width: auto;
    }

    .news-date {
        align-self: flex-end;
    }

    .news-list-header h1 {
        font-size: 28px;
    }

    .news-pagination {
        flex-direction: column;
        gap: 15px;
    }
}

.page-select {
    color: #000;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    position: relative;
    z-index: 10;
}

    .page-select option {
        color: #ccc;
        background-color: #000;
    }
