﻿/* =================== */
/*     Header Cover    */
/* =================== */
.header-cover {
    height: 301px;
    border-bottom: 2px solid #c51515;
    background-position: center center;
    background-image: url(../images/itemShop-headerCover.jpg);
}

.header-cover img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.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: #fff !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;
}

/* 下拉選單整體樣式 */
.ddl-region {
    width: 163px;
    height: 30px;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    border: 1px solid #444;
    border-radius: 4px;
    font-size: 14px;
}

    .ddl-region option {
        background-color: #000;
        color: #fff;
        text-align: center;
        padding: 5px 0;
    }

        .ddl-region option:hover {
            background-color: #222;
        }

.captcha-td {
    white-space: nowrap;
    vertical-align: middle;
}

    .captcha-td input.regtext {
        width: 80px;
        height: 30px;
        vertical-align: middle;
    }


.captcha-img {
    height: 30px;
    vertical-align: middle;
    margin-left: 8px;
    cursor: pointer;
}


.captcha-note {
    display: block;
    margin-top: 4px; 
}

.btn-submit, .btn-reset {
    padding: 8px 16px; 
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #fff;
    outline: none;
}

.btn-submit {
    background-color: #28a745; 
    border: 1px solid #28a745;
}

    .btn-submit:hover {
        background-color: #218838;
        border-color: #1e7e34;
    }

.btn-reset {
    background-color: #444;
    border: 1px solid transparent;
}

    .btn-reset:hover {
        background-color: #666;
    }

.info-message {
    padding: 12px 16px;
    margin-bottom: 20px;
    border: 1px solid #bce8f1;
    border-radius: 6px;
    background-color: #d9edf7;
    color: #31708f;
    font-size: 14px;
    line-height: 1.7;
}

.resend-label {
    display: inline-block;
    margin-top: 10px;
    padding: 6px 14px;
    font-size: 13px;
    color: #fff;
    background-color: #5cb85c;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .resend-label:hover {
        background-color: #4cae4c;
    }

    .resend-label.disabled {
        background-color: #bbb;
        cursor: not-allowed;
        pointer-events: none;
    }

#timer {
    margin-left: 8px;
    font-weight: bold;
    color: #d9534f;
    font-size: 13px;
}

.register-success-container {
    background-color: #000000;
    color: #e0e0e0;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
    max-width: 900px;
    margin: 30px auto;
    font-family: "Microsoft JhengHei", sans-serif;
}

.register-success-title {
    color: #2b8a3e;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}

.register-success-message {
    text-align: center;
    color: #555;
    margin-bottom: 25px;
    font-size: 16px;
}

.button-container {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
}

.register-success-btn,
.register-success-link {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 15px;
    transition: all .25s ease;
}

.register-success-btn {
    background: #2b8a3e;
    color: #fff;
}

    .register-success-btn:hover {
        background: #237232;
    }

.register-success-link {
    background: #f0f0f0;
    color: #444;
}

    .register-success-link:hover {
        background: #e0e0e0;
    }

.protocol-content {
    background: #fafafa;
    padding: 20px 25px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    max-height: 460px;
    overflow-y: auto;
    font-size: 15px;
    line-height: 1.75;
    color: #333;
    white-space: pre-wrap; 
    background-color: #111111;
    border-radius: 8px;
    color: #cccccc;
}

.Registration_Protocol_Ta {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #00c8ff;
    margin: -50px 0px 10px;
    border-left: 5px solid #0056b3;
    padding-left: 10px;
}

.Registration_Protocol_Tb {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #ffdd55; 
    margin: -20px 0 8px;
}

.protocol-content p,
.protocol-content div,
.protocol-content span {
    letter-spacing: 0.2px;
}

.protocol-content::selection {
    background: #b3d7ff;
}

.protocol-content strong {
    color: #b80000;
}

.protocol-content {
    font-size: 15px;
}

.enter {
    max-width: 660px;
    margin: 0 auto;
    padding: 40px auto;
    background: rgba(20, 20, 20, 0.95);
    border: 2px solid #5f120e;
    border-radius: 12px;
    box-shadow: 0 0 25px rgba(226, 7, 7, 0.3);
    overflow: hidden;
}

    .enter caption,
    .enter .info-message {
        background: linear-gradient(90deg, #5f120e, #8b1611);
        color: #ff5555;
        font-size: 17px;
        font-weight: bold;
        text-align: center;
        padding: 16px 20px;
        text-shadow: 0 0 8px rgba(255,0,0,0.6);
        letter-spacing: 0.5px;
    }

    .enter table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0 12px;
        padding: 0 30px;
    }

    .enter td[align="right"] {
        width: 160px;
        color: #ffdddd;
        font-size: 15px;
        padding-right: 20px;
        vertical-align: middle;
    }

    .enter input.regtext,
    .enter input[type="text"],
    .enter input[type="password"],
    .enter select.ddl-region {
        width: 100%;
        max-width: 340px;
        height: 42px;
        padding: 0 14px;
        background: #111;
        border: 1px solid #444;
        border-radius: 6px;
        color: #fff;
        font-size: 15px;
        transition: all 0.3s;
        box-sizing: border-box;
    }

        .enter input.regtext:focus,
        .enter select.ddl-region:focus {
            outline: none;
            border-color: #e20707;
            box-shadow: 0 0 12px rgba(226,7,7,0.4);
            background: #1a1a1a;
        }

.ddl-region {
    width: 100%;
    max-width: 340px;
    height: 42px;
    background: #111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e20707' d='M2 4l4 4 4-4z'/%3E%3C/svg%3E") no-repeat right 14px center;
    background-size: 12px;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 40px !important;
    cursor: pointer;
}

.enter tr > td:nth-child(2) > table td {
    display: inline-block;
}

#phonePrefix {
    width: 120px !important;
    display: inline-block;
}

#Tel_DDL {
    width: 200px !important;
    display: inline-block;
    margin-right: 10px;
}

.captcha-td {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

    .captcha-td input.regtext {
        width: 120px;
        flex: none;
    }

.captcha-img {
    height: 42px;
    border-radius: 6px;
    border: 1px solid #444;
    cursor: pointer;
    transition: 0.3s;
}

    .captcha-img:hover {
        border-color: #e20707;
        box-shadow: 0 0 10px rgba(226,7,7,0.5);
    }

.enter .r5,
.enter span[class*="Validator"],
.enter .Reg_tips {
    color: #ff6666;
    font-size: 13px;
    height: 20px;
    display: block;
    margin-top: 4px;
}

.enter .btn-submit,
.enter .btn-reset {
    height: 48px;
    min-width: 140px;
    font-size: 17px;
    font-weight: bold;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s;
    border: none;
    font-family: "Microsoft JhengHei", "Kanit", sans-serif;
}

.btn-submit {
    background: linear-gradient(to bottom, #e20707, #a00505);
    color: #fff;
    box-shadow: 0 4px 15px rgba(226,7,7,0.4);
}

    .btn-submit:hover {
        background: linear-gradient(to bottom, #ff0a0a, #c00707);
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(226,7,7,0.6);
    }

.btn-reset {
    background: #333;
    color: #ccc;
    border: 1px solid #555;
}

    .btn-reset:hover {
        background: #444;
        color: #fff;
    }

.enter td[align="center"] table {
    margin: 0 auto;
}

.enter td[align="center"] td {
    padding: 0 15px;
}

@media (max-width: 768px) {
    .enter {
        margin: 20px 10px;
        padding: 20px 15px;
    }

        .enter table {
            padding: 0 10px;
        }

        .enter td[align="right"] {
            width: auto;
            display: block;
            text-align: left;
            padding-bottom: 6px;
            font-size: 16px;
        }

        .enter input.regtext,
        .enter select.ddl-region,
        #phonePrefix,
        #Tel_DDL {
            max-width: 100%;
        }

    .captcha-td {
        flex-direction: column;
        align-items: flex-start;
    }

        .captcha-td input.regtext {
            width: 100%;
        }

    .btn-submit,
    .btn-reset {
        width: 100%;
        margin-bottom: 10px;
    }
}

#phonePrefix {
    width: 340px !important;
    min-width: 340px !important;
    flex: none !important;
}

@media (max-width: 768px) {
    #phonePrefix {
        width: 100% !important;
        min-width: unset !important;
    }
}

.register-warning-banner {
    position: relative;
    margin: 0 auto 30px;
    max-width: 760px;
    background: linear-gradient(90deg, #8b1611 0%, #5f120e 50%, #8b1611 100%);
    border: 2px solid #e20707;
    border-radius: 12px;
    padding: 18px 24px;
    text-align: center;
    color: #ff5555;
    font-family: "Microsoft JhengHei", "Kanit", sans-serif;
    box-shadow: 0 0 20px rgba(226, 7, 7, 0.6), inset 0 0 20px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    animation: warningGlow 4s infinite alternate;
}

.warning-icon {
    position: absolute;
    top: 25%;
    left: 225px;
    transform: translateY(-50%);
    font-size: 48px;
    animation: warningShake 2s infinite;
}

.warning-text {
    font-size: 18px;
    line-height: 1.8;
    text-shadow: 0 0 10px #ff0000;
    font-weight: bold;
    letter-spacing: 0.8px;
}

    .warning-text strong {
        color: #ff1a1a;
        font-size: 22px;
        text-shadow: 0 0 15px #ff0000;
    }

.warning-pulse {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at center, rgba(226,7,7,0.3) 0%, transparent 70%);
    animation: pulse 3s infinite;
}

@keyframes warningGlow {
    0% {
        box-shadow: 0 0 20px rgba(226,7,7,0.6), inset 0 0 20px rgba(0,0,0,0.5);
    }

    100% {
        box-shadow: 0 0 40px rgba(226,7,7,1), inset 0 0 30px rgba(0,0,0,0.7);
    }
}

@keyframes warningShake {
    0%, 100% {
        transform: translateY(-50%) rotate(0deg);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translateY(-50%) rotate(-8deg);
    }

    20%, 40%, 60%, 80% {
        transform: translateY(-50%) rotate(8deg);
    }
}

@keyframes pulse {
    0%, 100% {
        opacity: 0.4;
    }

    50% {
        opacity: 0.8;
    }
}

@media (max-width: 768px) {
    .register-warning-banner {
        padding: 16px 20px;
        margin: 0 15px 25px;
    }

    .warning-icon {
        position: static;
        transform: none;
        display: block;
        margin-bottom: 8px;
        font-size: 40px;
    }

    .warning-text {
        font-size: 16px;
    }

        .warning-text strong {
            font-size: 19px;
        }
}