@charset "utf-8";

/*...............................................首頁...............................................*/

/*網底背景色*/
.bg {
    background-color: #fff;
}

/*內容背景色*/
#container {
    background-color: #fff;
}

#container .top_new {
    font-size: 18px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e4e4e4;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    padding-left: 10px;
    font-weight: bold;
    font-family: Arial, "微軟正黑體";
    color: #666;
    /* display: none; */

    margin-top: 20px;
}

/*logo bar 背景色*/

.top_menu {
    background-color: #fff;
}

/* 菜單文字顏色*/
.navbar-default .navbar-nav > li > a {
    color: #000;
}

/* 手機菜單文字顏色*/
@media (max-width: 640px) {
    .navbar-default .navbar-nav > li > a {
        color: #000000;
    }
}

/* 菜單背景顏色*/
.navbar-default {
    background-color: #fff;

    /* 菜單背景顏色*/
    color: #000;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #343434;
    border-left-color: #fff;
}

/* 菜單底線顏色*/
.nav.navbar-nav li a {
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
}

/*菜單hover*/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    /* 底線色*/
    background-color: #000;
    color: #fff;
    /*區塊色*/
}

/* 手機header ber樣式 */
@media (max-width: 1000px) {

    /* 菜單底線顏色*/
    .nav.navbar-nav li a {
        border-bottom-color: #343434;
        background-color: #f0f0f0 !important;
        color: #000 !important;
    }

    /*菜單hover*/
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        border-bottom-color: #343434 !important;
        /* 底線色*/
        background-color: #e4e4e4 !important;
        color: #000 !important;
        /*區塊色*/
    }

    .navbar-default {
        color: #fff !important;
        background-color: #fff !important;
        /* 背景色*/
        border-bottom-width: 5px;
        border-bottom-style: solid;
        border-bottom-color: #e4e4e4 !important;
        /* 底線色 */
    }
}

/*跑馬燈文字顏色 */
.text-primary {
    color: #fd5e2f;
}

.text-info {
    color: #31708f;
}

/*footer */
#footer {
    width: auto;
    background-color: #000;
    color: #fff;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 20;
    padding-right: 0%;
    padding-bottom: 20;
    padding-left: 0px;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #fff;
}

.d_menu {
    background-color: transparent;
    margin: 0px;
    padding: 0px;
}

/*首頁按鈕色*/

.grid li figure figcaption .classification {
    background-color: rgb(124 124 124);
}

/*首頁手機更多選項按鈕色*/
@media (max-width: 639px) {
    .bg #container .btn_more {
        background-color: #4d9d5a;
    }
}

/*動態banner*/
.grid-gallery figure img {
    display: block;
    width: 96%;
    border: 0px solid #e7e7e7;
    /*邊框色*/
    background-color: #e7e7e7;
    /*邊框色*/
    padding: 2%;
}

.grid figcaption {
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background-color: #e7e7e7;
    /*邊框色*/
    color: #000;
    /*文字色*/
}

/*購票按鈕顏色*/
.grid li figure figcaption a .going {
    color: #fff;
    display: block;
    background-color: #e95513;
    border: 0px solid #3f464e;
}

/*...............................................內頁...............................................*/

/*左邊選單hover顏色*/
.menuda {
    border: 1px solid #000;
}

.menuda li a {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    display: block;
    list-style-type: none;
    text-decoration: none;
    color: #333333;
    background-color: #ffffff;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
}

.menuda li a:hover {
    color: #000;
    background-color: #f0f0f0;
}

ul {
    margin: 0px;
    padding: 0px;
}

/*分類標示顏色*/

.pdl_icon_01,
.pdl_icon_02,
.pdl_icon_03 {
    color: #000;
    background-color: #ddd;
}

/*實心按鈕色*/
.btn_green {
    background-color: #000;
    box-shadow: none !important;
}

.btn_red {
    background-color: #000;
    box-shadow: none !important;
}

.btn_expired {
    background-color: rgb(153, 153, 153);
    /*disable色*/
}

.btn_green:hover,
.btn_red:hover {
    color: #fff;
    background-color: #000;
}

.btn_expired:hover{
	background-color: rgb(153, 153, 153);/*disable色*/
	cursor: none;
}

/*tab按鈕*/
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #000;
}

.nav.nav-pills > li > a {
    position: relative;
    display: block;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border: 1px solid #000;
    margin-bottom: 5px;
}

/*表格*/

.page-wrap table {
    border-collapse: collapse;
    background: #fff;
    font-size: 15px;
    margin: 0px;
    padding: 0px;
}

.page-wrap td,
th {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    border: 1px solid #fff;
}

.page-wrap td.err {
    background-color: #e992b9;
    color: #fff;
    font-size: 0.75em;
    text-align: center;
    line-height: 1;
}

.page-wrap th {
    background-color: #000;
    /*表頭顏色*/
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    height: 23px;
}

.itable tbody th {
    background-color: #000;
    /*表頭顏色*/
    color: #fff;
}

.page-wrap tbody th {
    background-color: #000;
    border: 1px solid #fff;
}

.page-wrap tbody tr:nth-child(2n-1) {
    background-color: #f5f5f5;
    transition: all 0.125s ease-in-out;
}

.page-wrap tbody tr:nth-child(2n) {
    background-color: #fdfdfd;
    transition: all 0.125s ease-in-out;
    margin-bottom: 20px;
}

.page-wrap tbody tr:hover {
    background-color: #fff08b;
    /*表格hover顏色*/
}

.itable tbody tr:hover {
    background-color: #fff08b;
    /*表格hover顏色與上方一致*/
}

/*商品搜尋按鈕*/

.search input[type="button"] {
    height: 35px;
    width: 50px;
    padding: 0px;
    background-color: #000;
    color: #fff;
    border: 0px solid #999;
}

.search input[type="button"]:hover {
    background-color: #000;
}

/*手機子菜單底色bar*/

@media (max-width: 639px) {
    .bg #container .sidebar #s_menu .h1_style {
        font-size: 18px;
        color: #ffffff;
        background-color: #000;
        height: 35px;
        line-height: 40px;
    }
}

/*20230308 新增以下*/

/*內頁標題*/
.title_01 {
    color: #000 !important;
    border-bottom: 2px solid #000 !important;
    width: calc(100% - 20px);
}

/*內容背景色*/

.product .d_frame {
    background-color: #f6f6f6;
}

@media (min-width: 639px) {
    .product .d_frame {
        padding-right: 10px;
        padding-left: 10px;
    }
}

/*菜單按鈕被點頁面時亮*/
.menuda .menu_on a {
    color: #ffffff;
    background-color: #000;
}

/*新增報名者按鈕置底*/

.add_btn_a {
    background-color: #fff;
    padding: 20px;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #000;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

.d_frame2 {
    margin-bottom: 60px;
}

.sob {
    border: 1px solid #343434;
    border-radius: 0rem;
}

.btn_green {
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0);
    border-radius: 0 !important;
}

.btn_green,
.btn_red,
.btn_expired {
    border-radius: 0 !important;
}

.formList ul li .ck_btn {
    border: 1px solid #343434;
    border-radius: 0 !important;
}

.member_content .nav.nav-pills > li > a {
    border-radius: 0 !important;
}

.member_content .nav.nav-pills > li > a:hover {
    border-radius: 0 !important;
    background-color: #000;
    color: #fff;
}