.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    padding-right: 0;
    padding-left: 0;
}

.container {
    padding-right: 0;
    padding-left: 0;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

div,
li,
td {
    text-align: left;
}

body {
    padding: 0;
    font-size: 1.05em;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0 auto;
    line-height: 150%;
    position: relative;
    /*max-width: 925px;*/
}

img,
input {
    border: 0
}

img {
    max-width: 100%;
}

ul {
    padding: 0;
    margin: 0
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline
}

textarea:focus,
input:focus,
a:active

a:hover,
a:focus {
    outline: dotted #FFA049 3px !important;
}

td,
p,
div,
span {
    line-height: 150%;
}

/* Bootstrap+ */
@media (min-width: 768px) {
    .dropdown:hover>.dropdown-menu {
        display: block;
        margin-top: 0
    }    
}
.dropdown.active>.dropdown-menu {
    display: block;
    margin-top: 0;
    /* remove the gap so it doesn't close */
}

.dropdown-menu li {
    width: 100%
}

.dropend {
    position: relative
}

.dropright-menu {
    position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(100%)
}

.dropend:hover>.dropright-menu {
    display: block;
    margin-top: 0;
    /* remove the gap so it doesn't close */
}
/* Bootstrap+ END */

/*index*/
.navMain {
    position: absolute;
    z-index: 5900;
    left: 0;
    top: 0;
    font-size: 12px;
}

.navMain a span {
    display: none;
    color: #fff;
}

.navMain a:focus span {
    display: block;
    background-color: brown;
}

.header-link {
    color: #630;
    padding: 8px;
    text-align: right;
    vertical-align: middle;
    position: relative;
    z-index: 1039
}

.header-link .hLink {
    font-size: 1em;
    padding: 0px 12px 0px 0px;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    line-height: 32px;
}

.header-link a {
    color: #630;
    text-decoration: none;
}

.header-link .hMessage {
    color: #215192;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    line-height: 32px;
}

.header-link .hMessage ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.header-link .hMessage ul li {
    display: inline-block;
}

.header-link .hMessage ul li a {
    color: #215192;
    text-decoration: none;
    display: inline-block;
    text-indent: -1000px;
    overflow: hidden;
    width: 32px;
    height: 32px;
}

.header-link .hMessage ul li .youtube {
    background: url(../img/index2025/youtubeIcon.png) no-repeat;
    background-size: 32px;
}

.header-link .hMessage ul li .facebook {
    background: url(../img/index2025/facebookIcon.png) no-repeat;
    background-size: 32px;
}

.header-link .hMessage ul li .instagram {
    background: url(../img/index2025/instagramIcon.png) no-repeat;
    background-size: 32px;
}

.headerArea {
    z-index: 1001;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100px;
    /*background: url(../img/index2025/hearderBg.png) repeat-x #fff;*/
    margin: 0 auto;
}

.mainPage .bottom_field {
    width: 21%;
    min-width: 188px;
    float: left;
    display: block;
}

.mainPage .content {
    width: 100%
}

caption {
    display: none;
}

.h2_emEducation {
    color: #000 !important;
    font-weight: bold;
    text-align: left;
    background: 0 0 / cover no-repeat url(../img/index2025/h2.gif);
    padding: 0 0 0 24px;
    margin: 0 0 24px 0;
    height: 48px;
    font-size: 1.25em;
    overflow: hidden
}

.h2_emEducation a {
    color: unset
}
.h2_emEducation a:hover {
    color: #0a58ca
}

.mainPage .contentDiv {
    padding: 0 48px;
}

.content {
    padding: 36px 0;
}

.search {
    background: url(../img/common_pic/search_bg.gif) no-repeat center center;
    height: 40px;
    width: 184px;
    padding: 12px 3px 5px 0;
    margin-bottom: 8px
}

.search_btn {
    float: left;
    color: #FFF;
    background: url(../img/common_pic/btn_003.gif) no-repeat center center;
    height: 22px;
    width: 40px;
    cursor: pointer;
}

.search_textbox {
    color: #6c0008;
    margin: 0 5px;
    float: left;
    font: normal Arial, Helvetica, sans-serif;
    width: 118px;
    height: 22px;
    border: solid 1px #b39d7a;
    border-right-color: #FFF;
    border-bottom-color: #FFF;
}

.altS {
    display: inline-block;
    margin-bottom: 4px;
    width: 130px;
    height: 22px;
    font-size: 13px;
}

.search_btn {
    font-size: 13px;
    line-height: 22px;
    vertical-align: middle;
    float: right;
}

.position {
    padding: 24px 0 16px;
    text-align: right;
    color: #666;
    font: normal Arial, Helvetica, sans-serif
}

.position a {
    color: #555;
    font: normal Arial, Helvetica, sans-serif;
}

.position a img {
    width: .75em;
    height: .75em;
    margin: 0 0 5px
}

.left_sub_menu {
    min-height: 120px;
    padding: 0 0 60px 0;
}

.left_sub_menu ul {
    font-size: 0.9em;
    padding-top: 65px;
    width: 90%;
    margin-left: 10px;
    text-align: left;
}

.left_sub_menu li {
    margin-top: 5px;
    padding: 0 0 5px 0;
    background: url(../img/common_pic/partition.gif) repeat-x center bottom;
    list-style: inside url(../img/common_pic/arrow_02.gif) none;
    text-align: left;
}

.left_sub_menu li a {
    padding-left: 3px;
    color: #968d2f;
    text-decoration: none;
}

.list thead {
    background: url(../img/index2025/wel_thead_bg.gif) repeat-x center center;
    height: 33px;
    width: 650px;
}

.list table {
    clear: both;
    width: 100%
}

.list th {
    background: url(../img/index2025/wel_thead_partition.gif) no-repeat right top;
    height: 34px;
    position: relative;
    text-indent: 6px;
}

.list th:last-child {
    background: none;
}

.list th:first-child::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/index2025/wel_thead_left.gif);
    width: 5px;
    height: 34px;
}

.list th:last-child::after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/index2025/wel_thead_right.gif);
    width: 5px;
    height: 34px;
}

.list td {
    padding: 5px 5px 5px 15px;
    background: url(../img/common_pic/dot_line.gif) repeat-x center bottom;
}

.list td a {
    color: #4a8505
}

.list input {
    cursor: pointer;
}

.list table input {
    color: white;
    text-align: center;
    background: url(../img/common_pic/btn_002.gif) no-repeat center center;
    height: 18px;
    width: 59px;
}

.plist,
.slidelist {
    overflow: hidden;
}

.plist {
    padding: 0 12.5%;
}

.plist ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.plist ul li {
    overflow: hidden;
    border: dashed #ccc;
    border-width: 0 0 1px 0;
    margin: 0 0 12px 0;
}

.plist ul li .photo {
    float: left;
    width: 160px;
}

.plist ul li .photo img {
    border: solid #ccc 1px;
    padding: 4px 0;
    width: 120px;
}

.plist ul li .text {
    float: left;
    width: calc(100% - 160px)
}

.plist ul li .text h2 {
    padding: 0 0 6px 0;
    margin: 0;
    color: #063
}

.plist .p-item {
    margin: 8px 16px
}

.plist .p-item .photo,
.plist .p-item .text {
    color: black;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 16px auto
}

.plist .p-item .text:hover {
    color: #0a58ca
}

@media (max-width: 575px) {
    .plist .p-item {
        margin: 8px 8px
    }

    .plist .p-item h3 {
        font-size: 1.05em
    }

    .plist .p-item .photo,
    .plist .p-item .text {
        margin: 12px auto
    }
}

@media (max-width: 467px) {
    .plist .p-item {
        margin: 8px 4px
    }

    .plist .p-item .photo,
    .plist .p-item .text {
        margin: 8px auto
    }
}

.plist .p-item .photo img {
    width: 100%;
    max-width: 360px;
    aspect-ratio: 1.5;
    object-fit: cover;
    object-position: center
}

@media (max-width: 1199px) {
    .plist {
        padding: unset;
        height: unset
    }
}

.headerArea.calendar .row {
    background: url(../img/index2025/banner_calendar_2014.jpg) no-repeat 0 24px
}

.mainPage.calendar {
    background-image: url(../img/index2025/title_calendar.png)
}

.calendar .left_sub_menu {
    background: url(../img/index2025/banner_l_calendar.gif) no-repeat center top
}

.calendarlist {
    overflow: hidden;
}

.calendarlist ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.calendarlist ul li {
    overflow: hidden;
    border: dashed #ccc;
    border-width: 0 0 1px 0;
    margin: 0 0 24px 0;
    padding: 0 0 12px 0;
}

.calendarlist ul li .text h2 {
    padding: 0 0 6px 0;
    margin: 0;
    color: #063;
    font-weight: bold;
}

.pagebar {
    text-align: center;
    margin: 25px
}

.pagebar a {
    color: #555;
    font: normal Arial, Helvetica, sans-serif
}

.pagebar span,
.pagebar img {
    margin: 0 3px
}

.pagebar a img {
    object-fit: contain;
    width: 1.67em;
    height: 1.67em;
    padding: 4px 0
}

.btn_01 {
    cursor: pointer;
    color: #716464;
    display: inline-block;
    font-weight: bold;
    font-size: 0.9em;
    height: 26px;
    width: 83px;
    background: url(../img/common_pic/btn_001.gif) no-repeat center center;
}

/* *** 2025 *** */
/* Side Menu */
.side-menu {
    position: fixed;
    top: calc(50vh - 210px);
    right: 12px;
    width: 60px;
    height: 410px;
    z-index: 1045
}

@media (max-width: 683px) {
    .side-menu {
        display: none
    }
}

@media (max-height: 512px) {
    .side-menu {
        display: none
    }
}

.side-menu ul {
    position: relative;
    background: 0 0 / contain no-repeat url(../img/index2025/guide.png);
    width: 60px;
    height: 410px
}

.side-menu ul a li {
    position: absolute;
    right: 0;
    width: 60px;
    height: 60px;
    margin: 0 0 10px 0;
    border-radius: 60px;
    background: #fff right 0 / 60px 410px no-repeat url(../img/index2025/guide.png);
    transition: .25s ease-in-out;
}

.side-menu ul a li:hover {
    width: calc(60px + 6em);
    background-color: #ffe7b4;
    color: #ab3800;
    cursor: pointer
}

.side-menu ul a li span {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    font-size: .01em;
    color: rgba(0, 0, 0, 0);
    transition: color .5s ease-in-out;
}

.side-menu .sd-m-text {
    font-size: 1.25em;
    color: #ab3800
}

.side-menu ul a:last-child li:hover {
    width: 60px
}

/* Header Area */
.header-area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
    z-index: 1051;
    transition: 0.5s ease-in-out
}

.header-area .header-bg {
    background: #ffc850 left top / contain no-repeat url(../img/index2025/headerBg.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
        /* Right-click menu of this bg is disabled */
}

.header-blank {
    display: block;
    width: 100%;
    height: 176px
}

/* Header Logo */
.header-area>.header-logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1031;
    background: left top / contain no-repeat url(../img/index2025/logoBg.png);
    width: 351px;
    height: 164px;
    transition: .5s ease-in-out
}

.hLogo,
.header-logo>a {
    position: absolute;
    display: block;
    text-indent: -1000px;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.header-logo .hLogo {
    width: 96px;
    background: 6px 6px / 100% no-repeat url(../img/index2025/logo.png);
    z-index: 1032;
    transition: .5s ease-in-out
}

/* Header Scrolled */
.upper-scrolled {
    top: -131px
}

.header-area>.logo-bg-scrolled {
    width: 64px;
    height: 44px;
    background: 0 0 / 62.526px 44px no-repeat url(../img/index2025/logoBgScrolled.png);
    top: 131px
}

.header-logo .logo-scrolled {
    background: 6px 3px / 37.5% no-repeat url(../img/index2025/logo.png);
}

@media (max-width: 992px) {
    .header-area>.logo-bg-scrolled {
        z-index: 1034
    }
}

@media (max-width: 767px) {

    .header-area>.header-logo,
    .header-area>.logo-bg-scrolled {
        width: 256px;
        height: 72px;
        background: 72px 6px / 60% no-repeat url(../img/index2025/logoBgRWD.png);
    }

    .header-logo .hLogo,
    .header-logo .logo-scrolled {
        width: 72px;
        background-position: 8px 2px;
        background-size: 80%
    }

    .upper-scrolled,
    .header-area>.logo-bg-scrolled {
        top: 0
    }
}

.hLogo.header-logoEn a {
    background: url(../img/pic_en/logo_en.png) no-repeat center center;
}

/* Header Search Bar */
.header-area nav .searchbar-desktop {
    display: block;
}

.header-area nav .searchbar-mobile {
    display: none;
}

.header-area nav .navbar-menu {
    background: #ab3800;
    border-bottom: #913001 solid 3px;
    position: relative
}

.header-area nav .menubtn-mobile {
    position: absolute;
    z-index: 1040;
    top: 4px;
    right: 4px;
    width: 64px;
    height: 64px;
    color: #fff;
    background: #f8bfc6
}

.header-area nav .search-btn {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: 80px;
    height: 36px;
    padding: 0 0 0 24px;
    border-width: 0;
    font-size: 0.9em;
    overflow: hidden;
    background: 2.5% 0% / contain no-repeat url(../img/index2025/searchBtn.png);
    border-radius: 96px;
    background-color: #bff8fe;
}

.header-area nav .search-input {
    display: inline-block;
    width: 100%;
    height: 36px;
    padding-left: 1.1em;
    border-radius: 36px;
    line-height: 36px;
    vertical-align: middle;
    font-size: 0.975em;
}

.header-area nav .search-adv-btn {
    display: block;
    font-size: 0.975em;
    text-align: center;
    height: 36px;
    padding: 8px 0;
}

.header-area nav .searchbar-row div {
    position: relative;
}

#navbarSupportedContent {
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.header-area a:hover {
    text-decoration: none
}

.header-area .navbar-nav {
    position: relative;
    margin: 0.2em auto 0;
    z-index: 1052
}

.header-area ul .nav-item .nav-link {
    color: #FFF;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 12px
}

.header-area .dropdown-menu .dropdown-item {
    color: #FFF
}

.header-area nav .nav-item {
    position: relative;
    z-index: 1100;
    transition-duration: .25s
}

.header-area nav .nav-item:hover {
    background: #ffc1c1;
    border-radius: 4px
}
.header-area nav .nav-item:hover .nav-link,
.header-area nav .dropdown-menu .dropdown-item:hover {
    color: #ab3800
}

.header-area nav .nav-item .dropdown-menu {
    background: #e5771c
}

.header-area nav .nav-item .dropdown-menu .nav-item {
    font-weight: unset;
    transition-duration: .25s
}

.header-area nav .nav-item .dropdown-menu .dropdown-item:hover {
    background-color: #ffc1c1
}

/* Header RWD */
@media (max-width: 1199px) {
    #navbarSupportedContent>ul>.nav-item>.nav-link {
        margin: 0 8px
    }
}

/* Especial setting for logo */
@media (max-width: 1092px) {
    .header-area nav .navbar-menu {
        z-index: 1033
    }
}

@media (max-width: 992px) {
    #navbarSupportedContent>ul>.nav-item>.nav-link {
        font-size: 1.15em;
        margin: 0 4px
    }
}

@media (max-width: 767px) {
    .header-blank {
        height: 72px
    }

    .header-area {
        height: 72px
    }

    .header-area>.header-bg {
        background: #ab3800
    }

    .header-area nav .header-link,
    .header-area nav .searchbar-desktop {
        display: none
    }

    .header-area nav .searchbar-mobile {
        display: block
    }

    .header-area nav .navbar-menu {
        border-bottom: unset;
        margin-top: 64px
    }

    #navbarSupportedContent {
        padding: 12px 0
    }

    .searchbar-mobile .search-trending {
        padding: 8px 16px;
        color: white
    }

    .searchbar-mobile .mobile-srch-link {
        color: #ff6
    }

    .searchbar-mobile .mobile-srch-link:hover {
        text-decoration: underline
    }
}

.tab a {
    color: #000;
    font: normal Arial;
    text-decoration: none;
    display: inline-block;
    height: fit-content;
}

.tab a:hover,
.tab a.active {
    background: #e5771c;
    color: #fff
}

.tab a span {
    padding: 6px 16px;
    float: left
}

.data-tabs {
    margin: 12px auto 36px;
}

.data-tabs>.dt-tab {
    padding: .25em 1em;
    list-style: none
}

.data-tabs>.dt-tab>a {
    display: inline-block;
    background: #eee -1.2em 0 / contain no-repeat url("../img/index2025/titleIcon.png");
    background-blend-mode: overlay;
    width: 100%;
    height: 2em;
    padding: 0 0 0 .84em;
    color: #000;
    font-size: 1.15em;
    line-height: 200%;
    text-decoration: none;
    transition: .05s ease-in;
    overflow-x: hidden
}

.data-tabs>.dt-tab>a:hover,
.data-tabs>.dt-tab>a.active {
    background-color: #e5771c;
    color: #fff
}

.data-tabs>.dt-ss-tab>a {
    display: inline-block;
    background: -1.2em -.3em / 2.45em 2em no-repeat url("../img/index2025/titleIcon.png");
    background-blend-mode: overlay;
    width: 100%;
    height: fit-content;
    padding: 0 0 0 1em;
    margin: .5em 0;
    color: #000;
    font-size: 1.15em;
    text-decoration: none;
    transition: .05s ease-in;
    filter: hue-rotate(48deg) brightness(1.825)
}

.data-tabs>.dt-ss-tab>a:hover,
.data-tabs>.dt-ss-tab>a:focus {
    color: #404;
    filter: hue-rotate(60deg) saturate(1.1) brightness(2.67);
    outline: dotted #635 3px !important
}

.hSearch {
    margin: 12px 0 0 0;
    float: right;
}

.searchForm {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.search-trending {
    font-size: 0.9em;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1020;
    padding: 8px 0 8px 4px
}
ul.search-trending {
    list-style-type: none
}

.search-trending a {
    color: #005ccc;
}

.search-trending span a {
    cursor: pointer;
    color: #930f;
    margin: 0 6px 0 0;
}

.headerBanner {
    position: relative;
    margin: 0 auto;
    padding: 0 24px;
    /*padding: 0 calc((100% - 1320px) / 2) 0;*/
    /*max-height: 500px*/
}

.pageBgII {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: left top / 32px 552px repeat url(../img/index2025/pageBg.png);
    pointer-events: none
}

@media (max-width: 1199px) {
    .pageBgII {
        display: none
    }
}

.pageBg {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: calc(100% + 50px);
    background: left top / contain no-repeat linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff calc(50% - 670px), #fff calc(50% + 670px), rgba(255, 255, 255, 0) 100%)
}

.headerBanner .headerBannerFrame {
    position: absolute;
    top: 0;
    left: 0;

}

.headerBanner ul {
    margin: 0;
    padding: 0 0 24px 0;
    list-style: none;
    text-align: left;
}

.flexslider {
    overflow: hidden;
    width: 100%;
    background-color: #fff;
    margin: 0 auto 12px auto;
}

.flexslider a {
    display: block;
    padding: 1px 1px;
    margin: 1px 1px;
}

.flexslider img {
    width: 100%;
}

.flexslider a:focus {
    outline: dotted #FFA049 3px;
}

.main-content {
    position: relative;
    background: #fff;
    padding: 0 0 24px
}

.mainDiv {
    background: url(../img/index2025/mainDiv.jpg) no-repeat 0 -20px;
    padding: 0 26px;
    text-align: left;
    position: relative;
}

.mainMarquee {
    /*background: url(../img/index2025/marqueeBg.png) repeat-x;*/
    position: relative;
    overflow: hidden;
    height: 24px;
    clear: both;
    text-align: left;
    font-weight: bold;
    margin: 12px 0 0 0;
}

.mainMarquee span {
    padding: 0 20px 0 0;
    font-size: 0.8em;
}

.mainMarquee a {
    color: #aa0ba4;
    text-decoration: none;
}

.mainMarquee {
    position: relative;
    overflow: hidden;
    /* 超出範圍的部份要隱藏 */
    width: 100%;
    height: 25px;
}

.mainMarquee ul,
.mainMarquee li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1em;
    text-align: center;
    width: 100%;
}

.mainMarquee li {
    height: 25px;
    overflow: hidden;
    padding: 0px 6px;
}

.mainMarquee ul {
    position: absolute;
}

.mainMarquee ul li a {
    overflow: hidden;
    /* 超出範圍的部份要隱藏 */
    height: 25px;
    line-height: 25px;
    text-decoration: none;
}

.mainLink {
    padding: 12px 0;
    clear: both;
}

.mainLink .title {
    font-size: 2.308em;
    font-family: "微軟正黑體";
    padding: 6px 0 0 0;
    color: #fff;
    margin: 0;
    width: 100%;
    background: #ec7381;
    height: 47px;
}

.mainLink ul {
    clear: both;
    overflow: hidden;
    padding: 12px 12px 0 12px;
    margin: 0 0;
    list-style-type: none;
}

.mainLink ul li {
    width: 33.3%;
    padding: 5px 0;
    float: left;
}

.mainLink ul li a {
    margin: 6px;
    display: block;
}

.mainLink ul li img {
    width: 100%;
}

.mainLink .panelContainer {
    position: relative;
    background-color: #f9efd3;
    overflow: hidden;
}

.mainLink .more {
    position: relative;
    right: 22px;
    bottom: 0;
    height: 25px;
    text-align: right;
    clear: both;
}

.mainLink .more a {
    color: #ea9101;
    text-decoration: none;
}

.mainLink .more a:hover {
    color: #ffaf2e;
}

.mainRight {
    position: relative;
    overflow: hidden;
    float: left;
}

.message-container,
.activity-container {
    position: relative;
    background: #f9f7ee;
    width: 100%;
    min-height: 324px;
    margin: 30px 0
}

.activity-container {
    margin: 30px 0 16px
}

.tab-container .title a {
    margin: 0px auto 0px auto;
    width: 30px;
    display: block;
    color: #fff;
    text-decoration: none;
    font-family: "微軟正黑體";
}

.tab-container {
    font-size: 0.9em;
    text-align: left;
    position: relative;
    overflow: hidden;
    margin: 12px 0
}

.tab-container .etabs {
    overflow: hidden
}

.tab-container .etabs .tab a {
    width: 18.5%
}

.message-container .tab-container .etabs .tab a {
    width: 22.5%
}

.tab-container ul {
    list-style: none;
    overflow: hidden;
}

.tab-container .tab> :nth-child(n) {
    text-decoration: none;
    width: 20%;
    height: 43px;
    font-weight: bold
}

.tab-container .tab .activeOff {
    text-align: center;
    position: absolute;
    line-height: 45px;
    vertical-align: middle;
    font-family: "微軟正黑體";
    display: block;
    outline: none;
    font-size: 1.2em;
    font-weight: normal;
}

.tab-container .tab1 .activeOff {
    top: 0;
    left: 0;
}

.message-container .tab-container .tab2 .activeOff {
    top: 0;
    left: 25%
}

.message-container .tab-container .tab3 .activeOff {
    top: 0;
    left: 50%
}

.message-container .tab-container .tab4 .activeOff {
    top: 0;
    left: 75%
}

.activity-container .tab-container .tab2 .activeOff {
    top: 0;
    left: 20%
}

.activity-container .tab-container .tab3 .activeOff {
    top: 0;
    left: 40%
}

.activity-container .tab-container .tab4 .activeOff {
    top: 0;
    left: 60%
}

.activity-container .tab-container .tab5 .activeOff {
    top: 0;
    left: 80%
}

/* Customize */
.message-container .tab-container .tab .activeOff {
    color: #924607;
    background: #facd89;
}

.message-container .tab-container .tab .active {
    color: #fff;
    background: #e5771c;
}

.activity-container .tab-container .tab .activeOff {
    color: #bb192d;
    background: #f8bfc6;
}

.activity-container .tab-container .tab .active {
    color: #fff;
    background: #bb192d;
}

.panelContainer {
    clear: both;
    position: relative;
    top: 30px;
    left: 0;
    width: 100%;
    height: 320px;
    padding: 20px 0 44px 0;
    margin-top: 13px;
    text-align: left
}

.panelContainer ul {
    padding: 30px 0 20px 40px;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.panelContainer ul li {
    padding: 8px 0;
    line-height: 100%;
    min-height: 20px;
    overflow: hidden
}

.panelContainer ul li a {
    color: #ab3800;
    text-decoration: none
}

.panelContainer ul li a:hover {
    color: #ea9101
}

.panelContainer .more,
.panelContainer .more-info {
    position: absolute;
    right: 22px;
    text-align: right;
    height: 25px;
    font-size: 1.1em;
    font-weight: bold
}

.panelContainer .more a,
.panelContainer .more-info a {
    text-decoration: none
}

/* Customize */
.message-container .panelContainer {
    background: top left / auto repeat-x url(../img/index2025/messageLine.png)
}

.message-container .panelContainer ul li {
    padding: 8px 0
}

.activity-container .panelContainer {
    background: top left / auto repeat-x url(../img/index2025/relatedLinksLine.png)
}

.activity-container .panelContainer ul li img {
    aspect-ratio: 1.512;
    object-fit: cover;
    width: 189px
}

.panelContainer ul {
    padding: 30px 20px 20px 40px
}

.panelContainer .act-box {
    position: relative;
    padding: 0 12px 12px 0;
    border-bottom: #bb192d solid 2px
}

.panelContainer .more {
    bottom: 40px
}

.panelContainer .more-info {
    right: 2px;
    bottom: 8px
}

.message-container a {
    color: #c74e00
}

.message-container .panelContainer a:hover,
.panelContainer ul li a:hover {
    color: #ea9101
}

.activity-container a,
.activity-container .panelContainer ul li a,
.activity-container .act-text {
    color: #bb192d
}

.activity-container .act-text {
    padding: 0 0 0 16px
}

.activity-container .panelContainer a:hover {
    color: #ed7e8b
}

@media (max-width: 992px) {
    .panelContainer ul {
        padding: 30px 6px 20px
    }

    .panelContainer .more-info {
        right: 16px
    }

    .panelContainer .act-box {
        padding: 0 12px 36px 0
    }
}

@media (max-width: 767px) {
    .panelContainer ul {
        padding: 30px 20px
    }

    .panelContainer .more-info {
        right: 2px
    }

    .panelContainer {
        height: 360px
    }

    .panelContainer .act-box {
        padding: 0 12px 12px 0
    }
}

@media (max-width: 575px) {
    .tab-container .etabs .tab a {
        width: 20%;
        font-size: 1em
    }

    .panelContainer {
        height: unset
    }
}

/* Common Title */
.cm-sec-upper {
    position: absolute;
    top: -44.5667px;
    z-index: -1;
    opacity: 0
}

@media (max-width: 767px) {
    .cm-sec-upper {
        top: -72px;
    }
}

.cm-row {
    position: relative;
    padding: .135em 0 0 0;
    margin-top: .5em
}

.cm-row>.cm-title {
    position: relative;
    z-index: 50;
    background: left center / contain no-repeat url(../img/index2025/titleIcon.png);
    padding: .135em 0 0 1.525em;
    font-size: 1.6em;
    font-weight: bold;
    margin-left: .75em
}

.cm-row>.cm-line,
.cm-row>.cm-bg {
    display: block;
    position: absolute;
    z-index: 49;
    top: 0;
    left: 0;
    height: 100%;
}

.cm-row>.cm-line {
    width: 100%;
    background: 17.67em center / auto no-repeat url(../img/index2025/titleLine1.png);
    /* Title */
}

.cm-row>.cm-bg {
    aspect-ratio: 0.74704
}

/* Customize */
.message-container>.cm-row>.cm-bg {
    background: 35% center / 75% no-repeat url(../img/index2025/messageIcon.png),
        left center / contain no-repeat url(../img/index2025/messageBg.png)
}

.activity-container>.cm-row>.cm-bg {
    background: left bottom / 100% no-repeat url(../img/index2025/relatedLinksIcon.png),
        left center / contain no-repeat url(../img/index2025/relatedLinksBg.png)
}

@media (max-width: 767px) {
    .cm-row>.cm-line {
        background: 14.15em center / auto no-repeat url(../img/index2025/titleLine1.png);
        /* Title */
    }

    .cm-row>.cm-bg {
        display: none;
    }
}

.silder-container {
    margin: 4px 0 16px 0;
    overflow: hidden
}

.silder-container>.cm-row>.cm-title>a {
    color: #ec7381
}

.silder-container .work-container {
    background: #f9efd3;
    padding: 20px 80px
}

.silder-container .service-container {
    background: #ececec;
    padding: 20px 80px
}

.silder-container .reflinks-container {
    background: #eee2fc url(../img/index2025/reflinksBg.png) right 17.5% center / 683.333px 565.333px no-repeat;
    padding: 42px 80px
}

.silder-container .service-container .item a {
    color: #3d3d3d
}

.menu-service>.cm-row>.cm-title>a {
    color: #476fc0
}

.menu-service>.cm-row>.cm-line {
    filter: saturate(0);
}

.menu-reflinks>.cm-row>.cm-title>a {
    color: #935fd0
}

.menu-reflinks>.cm-row>.cm-line,
.menu-reflinks .owl-nav {
    filter: hue-rotate(240deg);
}

.tab-container>.cm-row>.cm-title>a {
    color: #e5771c
}

/* Footer */
.footerArea {
    width: 100%;
    position: relative;
    height: auto;
    margin: 0 auto;
    background: #eee;
    z-index: 1000;
    box-shadow: #777 0 4px 8px
}

.footer-navigation {
    position: relative;
    padding: 16px 20px 40px;
    overflow: hidden
}

.footer-navigation .fn-item {
    margin: 12px
}

.footer-navigation .title {
    color: #502c16;
    font-size: 1em;
    padding: 4px 0 0 0;
    margin: 0;
    text-align: left;
    border: solid #f1be50;
    border-width: 0 0 1px 0;
}

.footer-navigation ul {
    padding: 4px 0 0 0;
    margin: 0;
    list-style: none;
    text-align: left;
}

.footer-navigation ul li {
    width: 50%;
    float: left;
    font-size: 0.9em;
    margin: 0;
    padding: 0 0 0 0;
}

.footer-navigation ul li a {
    color: #515151;
    text-decoration: none;
}

.footer-navigation ul li a:hover {
    color: #7c7c7c;
}

.footerLink {
    position: relative;
    z-index: 50;
    font-size: 0.9em;
    text-align: center;
    max-width: 925px;
    margin: 0 auto;
    padding: 18px 0;
    clear: both;
    background: left top / 100% auto no-repeat url(../img/index2025/footer-navigation.png)
}

.footerLink a {
    color: #02b;
    position: relative
}
.footerLink a:hover {
    color: #7c7c7c
}
.footerLink a::before {
    content: attr(data-stroke);
    position: absolute;
    z-index: -1;
    -webkit-text-stroke: 6px #FFF;
    text-stroke: 6px #FFF;
    top: -1.5px;
    left: 0;
    width: 100%;
    height: 100%
}

.footerLink ul {
    position: relative;
    padding: 0;
    list-style: none;
    margin: 0 auto;
}

.footerLink ul li a {
    color: #2c689c;
    text-decoration: none;
}

.footerLink ul li a:hover {
    color: #7c7c7c;
}

.footer-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff url(../img/index2025/footerBg.png) center center / cover no-repeat;
    opacity: .5;
    pointer-events: none
}

.footer-info-container {
    position: relative;
    background: #fff
}

.footer-info {
    position: relative;
    z-index: 51;
    text-align: center;
    width: 100%;
    padding: 144px 0 48px;
    background: bottom center / auto repeat-x url(../img/index2025/footerLine.png);
    pointer-events: none
}

.footer-info h2 {
    font-size: 0.9em;
    font-weight: normal;
    padding: 2px 0;
    margin: 0;
    line-height: 100%;
}

.footer-info a {
    color: #2c689c;
    pointer-events: all
}

.footer-info a img {
    margin: 0 0 1em
}

.footer-info a:hover {
    color: #7c7c7c;
}


/* Subpage Main */
.mainPage {
    margin-top: 24px;
    background: #fff 0 0 / 1320px 76.267px no-repeat url();
    pointer-events: none
        /*For TEST*/
}

.subpage-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #fff 0 0 / contain no-repeat url()
}

.movie .subpage-bg,
.news .subpage-bg {
    background-image: url(../img/index2025/newsBg.png)
}

.Emphasis .subpage-bg {
    background-image: url(../img/index2025/businessBg.png)
}

.profession .subpage-bg,
.venue .subpage-bg {
    background-image: url(../img/index2025/venueBg.png)
}

.about .subpage-bg,
.sitemap .subpage-bg,
.copyright .subpage-bg,
.search_result .subpage-bg {
    background-image: url(../img/index2025/aboutBg.png)
}

.Services .subpage-bg,
.data-subsidy .subpage-bg {
    background-image: url(../img/index2025/serviceBg.png)
}

.Download .subpage-bg {
    background-image: url(../img/index2025/informationBg.png)
}

/* data-subsidy */
.mainPage.data-subsidy {
    background-image: url(../img/index2025/title_subsidy.jpg)
}

/*news*/
.mainPage.news {
    background-image: url(../img/index2025/title_news.png)
}

.news .left_sub_menu {
    background: url(../img/index2025/banner_l_news.gif) no-repeat center top
}

.newsDetail {
    width: 95%;
    text-align: center;
    margin: 0 auto
}

.newsDetail td {
    text-align: left
}

.news_main .btn_01 {
    margin: 10px auto
}

.news_main {
    text-align: center;
}

.news_main p {
    margin: 0;
    padding: 8px;
    text-align: left;
    color: #5b5b5b;
    background: url(../img/common_pic/dot_line.gif) repeat-x left bottom
}

.news_main p img {
    margin-right: 5px
}

.news_main_title {
    padding: 0 0 0 4px;
}

.news_content {
    display: block;
    margin-top: 5px;
    padding: 0 10px;
    line-height: 160%;
}

.news_other {
    padding-top: 1px;
    background: url(../img/common_pic/dot_line.gif) repeat-x left top;
    margin: 20px 20px;
    text-align: left;
}

.news_other p {
    margin: 0;
    padding: 5px 0 0;
    font: normal Arial, Helvetica, sans-serif;
    vertical-align: middle;
}

.news_other a {
    color: #888888;
    text-decoration: none;
}

.news_other a:hover {
    text-decoration: underline;
}

.news_other img {
    margin-right: 5px
}

.list td img {
    margin: 0 0 4px
}

@media (max-width: 767px) {
    .list td img {
        display: none
    }
}

/*about*/
.mainPage.about {
    background-image: url(../img/index2025/title_about.png);
}

.about_stratum {
    padding-bottom: 95px;
    color: #333;
    background: url(../img/common_pic/dot_line.gif) repeat-x left bottom
}

.about h2 {
    color: #0a9100;
    font-weight: bold;
}

.about_stratum img {
    float: right
}

.about_stratum ul {
    margin: -10px 0 0 8px !important;
}

.about_stratum ul li {
    margin-left: 13px;
    list-style: outside url(../img/common_pic/arrow_04.gif) none;
}

.about_list {
    clear: both;
    font: normal Arial, Helvetica, sans-serif
}

.about_list b,
.about_list img {
    display: inline-block;
    width: 100%;
    margin: 0 0 40px
}

.about_list table {
    margin-left: 45px
}

.about_list td,
.about_list th {
    border: solid 1px white
}

.about_list th {
    color: white;
    text-align: center;
    height: 25px;
    font-size: 0.9em;
    background-color: #ffae2f;
    white-space: nowrap;
}

.odd {
    background-color: #f7eab4
}

.even {
    background-color: #fff9ef
}

.about .chairman {
    background: 0 bottom / auto repeat-x url(../img/common_pic/partition_01.gif);
    overflow: hidden;
    padding: 0 0 48px
}

.about .chairmanTable {
    margin: 12px
}

.about .chairmanTable table {
    width: 100%
}

.about .chairmanPhoto {
    margin: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.about .chairmanPhoto img {
    max-height: 480px;
    object-fit: contain
}

.chairman p {
    float: left;
    width: 300px;
    height: 106px;
}

.chairman td {
    color: #679c3b;
    font-size: 0.9em;
    padding: 6px 4px 4px 4px;
    text-align: left;
    border: solid #E6E6E6;
    border-width: 0 0 1px 0;
}

.chairman th {
    color: #679c3b;
    font-size: 0.9em;
    padding: 6px 4px 4px 4px;
    text-align: left;
    border: solid #E6E6E6;
    border-width: 0 0 1px 0;
    width: 35%;
}

.chairman td a {
    color: #679c3b;
}

.chairman th span {
    background: url(../img/common_pic/arrow_09.gif) no-repeat;
    padding: 0 10px 0 20px;
}

.background h2 span {
    display: none
}

.chairman img {
    float: right;
    margin-right: 25px
}

.background {
    clear: both;
    font: normal Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 160%;
    padding: 48px 0 0;
}

.idea {
    background: url(../img/index2025/idea.gif) no-repeat left center;
    width: 160px;
    height: 35px
}

.edu {
    background: url(../img/index2025/edu_background.gif) no-repeat left center;
    width: 73px;
    height: 35px
}

.experience {
    margin-top: 35px;
    background: url(../img/index2025/experience.gif) no-repeat left center;
    width: 73px;
    height: 35px
}

.edu span,
.experience span {
    display: block;
    text-indent: -1000px;
    overflow: hidden;
}

.background ul {
    padding-bottom: 35px;
}

.background li {
    margin-left: 42px;
    list-style-type: none;
    background: url(../img/common_pic/dot_line.gif) repeat-x center bottom;
    padding: 6px 0
}

.background dl {
    padding-right: 55px
}

.background dt {
    margin-top: 20px;
    font: bolder 22px Arial, Helvetica, sans-serif;
    color: #FF9900;
    padding: 6px 5px 6px;
}

.background dd {
    padding: 6px 0;
    width: 90%;
    background: url(../img/common_pic/dot_line.gif) repeat-x center bottom
}

.background li span,
.background dl span {
    display: block;
    float: left;
    margin: 3px 6px 0 0;
    width: 9px;
    height: 9px;
    background: url(../img/common_pic/arrow_06.gif) no-repeat center center
}

.goal ul {
    margin: 30px 0
}

.goal ol {
    min-height: 45px;
    _height: 45px;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
    font: normal Arial, Helvetica, sans-serif;
    list-style-type: none;
    color: #565656;
}

.goal ol span {
    display: block;
    margin: 0 35px 0 70px
}

.goal .NO_1 {
    background: url(../img/common_pic/icon_b_1.gif) no-repeat left top;
}

.goal .NO_2 {
    background: url(../img/common_pic/icon_b_2.gif) no-repeat left top;
}

.goal .NO_3 {
    background: url(../img/common_pic/icon_b_3.gif) no-repeat left top;
}

.goal .NO_4 {
    background: url(../img/common_pic/icon_b_4.gif) no-repeat left top;
}

.goal .NO_5 {
    background: url(../img/common_pic/icon_b_5.gif) no-repeat left top;
}

.goal .NO_6 {
    background: url(../img/common_pic/icon_b_6.gif) no-repeat left top;
}

.goal .NO_7 {
    background: url(../img/common_pic/icon_b_7.gif) no-repeat left top;
}

.goal .NO_8 {
    background: url(../img/common_pic/icon_b_8.gif) no-repeat left top;
}

.goal .NO_9 {
    background: url(../img/common_pic/icon_b_9.gif) no-repeat left top;
}

.goal .NO_10 {
    background: url(../img/common_pic/icon_b_10.gif) no-repeat left top;
}

.about p {
    padding: 0;
    margin: 5px 0 10px 25px;
    color: #666;
    font: normal Arial, Helvetica, sans-serif;
    line-height: 160%;
}

.about p a {
    color: #4a8505
}

.about h3,
.about dt {
    padding: 0;
    margin: 20px 0 0 25px;
    color: #FF9900;
    font: bold Arial, Helvetica, sans-serif;
    line-height: 160%;
}

.about dd {
    margin: 0 0 0 56px;
    color: #666;
    font: normal Arial, Helvetica, sans-serif;
    line-height: 160%;
}

.background p {
    margin: 0 0;
    padding: 0 10px 0 38px;
    font: bold Arial, Helvetica, sans-serif;
    color: #666;
    line-height: 160%;
}

.about .emblem {
    width: 450px;
    margin: 0 auto 40px;
}

.point_01 {
    background: url(../img/common_pic/icon_1.gif) no-repeat left center;
    padding: 15px 45px 8px
}

.point_02 {
    background: url(../img/common_pic/icon_2.gif) no-repeat left center;
    padding: 15px 45px 8px
}

.point_03 {
    background: url(../img/common_pic/icon_3.gif) no-repeat left center;
    padding: 15px 45px 8px
}

.point_04 {
    background: url(../img/common_pic/icon_4.gif) no-repeat left center;
    padding: 15px 45px 8px
}

.point_05 {
    background: url(../img/common_pic/icon_5.gif) no-repeat left center;
    padding: 15px 45px 8px
}

.point_06 {
    background: url(../img/common_pic/icon_6.gif) no-repeat left center;
    padding: 15px 45px 8px
}

.point_07 {
    background: url(../img/common_pic/icon_7.gif) no-repeat left center;
    padding: 15px 45px 8px
}

.point_08 {
    background: url(../img/common_pic/icon_8.gif) no-repeat left center;
    padding: 15px 45px 8px
}

.point_09 {
    background: url(../img/common_pic/icon_9.gif) no-repeat left center;
    padding: 15px 45px 8px
}

.point_10 {
    background: url(../img/common_pic/icon_10.gif) no-repeat left center;
    padding: 15px 45px 8px
}

/*ebook*/
.ebook .left_sub_menu {
    background: url(../img/index2025/banner_l_ebook.gif) no-repeat center top
}

.mainPage.ebook {
    background-image: url(../img/index2025/title_ebook.png)
}

.ebookList ul {
    list-style: none;
    overflow: hidden;
    clear: both;
    margin: 0 0 0 36px
}

.ebookList ul li {
    display: inline-block;
    margin: 6px 12px;
    width: 28%;
}

.ebookList ul li img {
    padding: 0 0 4px 0;
}

.ebookList ul li a {
    color: #063;
    text-decoration: none;
}

/*profession*/
.mainPage.profession {
    background-image: url(../img/index2025/title_profession.png)
}

.professionText {
    font-size: 1.2em;
    clear: both;
    overflow: hidden;
    color: #666;
    background: url(../img/common_pic/dot_line.gif) repeat-x left bottom;
    padding: 10px 0 10px 0;
}

.professionTitle {
    min-height: 30px;
    border: solid #ccc;
    border-width: 0 0 1px 0;
    overflow: hidden;
    padding: 0 0 10px 0;
}

.professionTitle b {
    float: left;
    font-size: 1.44em;
    color: #063;
    margin-top: .75em;
}

.professionTitle span {
    font-size: 0.9em;
    float: right;
    color: #999;
}

.cms_content {
    clear: both;
}

.professionPhoto {
    clear: both;
    width: 100%;
    text-align: center;
    padding: 20px 0 20px 0;
    font-size: 0.9em;
    color: #36C;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.professionPhoto .park_img_01 {
    width: 250px;
    text-align: center;
    float: left;
    margin: 0 0 20px 30px;
}

.professionPhoto .park_img_02 {
    width: 250px;
    text-align: center;
    float: left;
    margin: 0 0 20px 30px;
}

.profession .contnet_word {
    padding: 10px 0 10px 0;
}

.profession .contnet_word .photo img {
    padding: 4px;
    border: solid #ccc 1px;
}

.profession .contnet_word .text h2 {
    font-size: 0.9em;
    color: #063;
    padding: 4px 0 0 0;
    margin: 0;
    width: 480px;
    height: 20px;
}

.profession .contnet_word .text a {
    color: #063;
    text-decoration: none;
}

.profession .contnet_word .text a:hover {
    color: #693;
    text-decoration: none;
}

.profession .contnet_word .text div {
    padding: 0 0;
    color: #5b5b5b;
    line-height: 160%;
}

.content a,
.content button,
.content span {
    pointer-events: all
}

.content .cms_download ul {
    margin-left: 24px;
}

.content .cms_download ul li {
    list-style: none;
}

.content .cms_download ul li img {
    vertical-align: middle;
}

.content .cms_download ul li a {
    font-size: 0.9em;
    color: #06F;
    text-decoration: none;
}

.content .cms_download ul li a:hover {
    color: #F93;
    text-decoration: underline;
}

/* table in cms_download START */
.content .cms_download * {
    background: unset
}

.content .cms_download table thead {
    background: #fff;
    border: unset;
    border-color: #fff;
    border-style: unset
}

.content .cms_download table tbody tr td {
    background: #f4f4f4;
    border: #ddd solid;
    border-width: 2px 0;
    min-width: 4em
}

.content .cms_download table tbody tr:first-child td {
    border-width: 0 0 2px 0
}
.content .cms_download table tbody tr:last-child td {
    border-width: 2px 0 0 0
}

.content .cms_download table tbody tr td:first-child,
.content .cms_download table tbody tr td:last-child {
    width: 1%;
    min-width: unset;
    border-width: 0
}
.content .cms_download table tbody tr td:nth-child(2) {
    width: 15%
}
.content .cms_download table tbody tr td:nth-child(3) {
    width: 60%
}
.content .cms_download table tbody tr td:nth-child(4) {
    width: 23%
}

@media (max-width: 575px) {
    .content .cms_download table tbody tr td:nth-child(2) {
        width: 5em
    }
    .content .cms_download table tbody tr td:nth-child(3) {
        width: calc(98% - 5em)
    }
    .content .cms_download table tbody tr td:nth-child(4) {
        width: 5em
    }
}

.content .cms_download table tr:first-child td:first-child {
    border-radius: 24px 0 0 0 /* Fix the angle when it's hovered */
}
.content .cms_download table tr:first-child td:last-child {
    border-radius: 0 24px 0 0 /* Fix the angle when it's hovered */
}
.content .cms_download table tr:last-child td:first-child {
    border-radius: 0 0 0 24px /* Fix the angle when it's hovered */
}
.content .cms_download table tr:last-child td:last-child {
    border-radius: 0 0 24px 0 /* Fix the angle when it's hovered */
}

.content .cms_download table td {
    border: 0px;
}

.content .cms_download table tr td a {
    display: inline-block;
    width: 60px;
    padding: 6px;
}

/* table in cms_download END */


.backBtn {
    clear: both;
    text-align: center;
    padding: 10px 0;
    margin: 10px 0;
    width: 100%;
}

.btn_01 {
    cursor: pointer;
    color: #716464;
    display: inline-block;
    font-weight: bold;
    font-size: 0.9em;
    height: 26px;
    width: 83px;
    background: url(../img/common_pic/btn_001.gif) no-repeat center center;
}

/*Services*/
.mainPage.Services {
    background-image: url(../img/index2025/title_service.png)
}

.Services .cms_download {
    display: block;
    margin-top: 12px;
    line-height: 160%
}

.Services .cms_list ul,
.Services .cms_list ol {
    padding: 0 0 0 20px;
    font-size: 0.9em;
    color: #5b5b5b;
}

.Services .cms_list ul li a {
    text-decoration: none;
    color: #5b5b5b;
}

.Services .cms_list ul li a:hover {
    text-decoration: underline;
}

.Services .cms_list .cms_content {
    background: none;
    color: #5b5b5b;
    font-size: 0.9em;
}

/*Emphasis*/
.mainPage.Emphasis {
    background-image: url(../img/index2025/title_emphasis.png)
}

.Emphasis .contnet_word {
    padding: 10px 0 10px 0;
}

.Emphasis .contnet_word .photo img {
    padding: 4px;
    border: solid #ccc 1px;
}

.Emphasis .contnet_word .text h2 {
    font-size: 0.9em;
    font-weight: bold;
    color: #063;
    margin: 0;
    width: 480px;
    padding: 4px 0 0 0;
    height: 20px;
}

.Emphasis .contnet_word .text a {
    color: #063;
    text-decoration: none;
}

.Emphasis .contnet_word .text a:hover {
    color: #693;
    text-decoration: none;
}

.Emphasis .contnet_word .text div {
    padding: 0 0;
    color: #5b5b5b;
}

/*venue*/
.mainPage.venue {
    background-image: url(../img/index2025/title_venue.png)
}

/*report*/
.report .left_sub_menu {
    background: url(../img/index2025/banner_l_report.gif) no-repeat center top
}

.mainPage.report {
    background-image: url(../img/index2025/title_report.jpg)
}

/*informationOpen*/
.mainPage.informationOpen {
    background-image: url(../img/index2025/title_informationOpen.png)
}

.informationPublic .left_sub_menu,
.Download .left_sub_menu {
    background: url(../img/index2025/banner_l_informationPublic.gif) no-repeat center top
}

.mainPage.informationPublic,
.mainPage.Download {
    background-image: url(../img/index2025/title_informationPublic.png)
}


/*relWebsite*/
.mainPage.relWebsite {
    background-image: url(../img/index2025/title_relWebsite.jpg)
}

.relWebsite_field {
    width: 100%;
    margin: 0px auto;
    max-width: 611px;
    background: url(../img/common_pic/Related_bg_top.jpg) no-repeat center top;
}

.relWebsite_field div {
    padding: 0 0 40px;
    background: url(../img/common_pic/Related_bg_bottom.jpg) no-repeat center bottom
}

.relWebsite_field dl {
    padding: 65px 0px;
    margin: 0px auto;
    width: 100%;
    max-width: 480px;
    color: #363434;
    font: normal Arial, Helvetica, sans-serif
}

.relWebsite_field dt {
    font-weight: bold;
    margin: 15px 5px;
    padding-left: 10px;
    background: url(../img/common_pic/arrow_05.gif) no-repeat left center;
}

.relWebsite_field dt a {
    font-weight: bold;
    color: #363434
}

.relWebsite_field dt a:hover,
.relWebsite_field dd a:hover {
    color: #0099FF
}

.relWebsite_field dd {
    font-weight: bold;
    padding: 5px 5px 5px 10px;
    background: url(../img/common_pic/arrow_04.gif) no-repeat left center;
}

.relWebsite_field dd a {
    font-weight: normal;
    color: #363434
}


/*copyright*/
.mainPage.copyright {
    background-image: url(../img/index2025/title_copyright.png)
}

.copyright .intro {
    margin: 25px 0 0 45px;
    background: url(../img/index2025/copyright_intro.gif) no-repeat left center;
    width: 427px;
    height: 112px
}

.copyright .intro span,
.copyright .h2_01 span,
.copyright .h2_02 span,
.copyright .h2_03 span,
.copyright .h2_04 span {
    display: none
}

.copyright .partition {
    display: block;
    background: url(../img/common_pic/dot_line.gif) repeat-x center bottom;
    height: 25px;
    width: 97%
}

.copyright .h2_01 {
    width: 209px;
    height: 45px;
    background: url(../img/index2025/copyright_h2_01.gif) no-repeat left center
}

.copyright .h2_02 {
    width: 209px;
    height: 45px;
    background: url(../img/index2025/copyright_h2_02.gif) no-repeat left center
}

.copyright .h2_03 {
    width: 209px;
    height: 45px;
    background: url(../img/index2025/copyright_h2_03.gif) no-repeat left center
}

.copyright .h2_04 {
    width: 209px;
    height: 45px;
    background: url(../img/index2025/copyright_h2_04.gif) no-repeat left center
}

.copyright p,
.copyright ol {
    color: #6d6d6d;
}

.copyright p {
    margin: 0 20px 20px;
    text-indent: 25px;
}

.copyright ol {
    margin: 0 0 0 65px;
    padding: 0 0 0 20px
}

.copyright .NO_01 {
    background: url(../img/common_pic/no_01.gif) no-repeat left center;
    list-style-type: none;
}

.copyright .NO_02 {
    background: url(../img/common_pic/no_02.gif) no-repeat left center;
    list-style-type: none;
}

.copyright .NO_03 {
    background: url(../img/common_pic/no_03.gif) no-repeat left center;
    list-style-type: none;
}

.copyright .informationOpen .icon_01 {
    margin: 0;
    background: url(../img/common_pic/icon_1.gif) no-repeat left top;
    list-style-type: none;
    padding: 20px 0 24px 40px;
}

.copyright .informationOpen .icon_02 {
    margin: 0;
    background: url(../img/common_pic/icon_2.gif) no-repeat left top;
    list-style-type: none;
    padding: 20px 0 24px 40px;
}

.copyright .informationOpen .icon_03 {
    margin: 0;
    background: url(../img/common_pic/icon_3.gif) no-repeat left top;
    list-style-type: none;
    padding: 20px 0 24px 40px;
}

.copyright .informationOpen .icon_04 {
    margin: 0;
    background: url(../img/common_pic/icon_4.gif) no-repeat left top;
    list-style-type: none;
    padding: 20px 0 24px 40px;
}

.copyright .informationOpen .icon_04 ul {
    list-style: none;
    padding: 20px 0 0 0;
}

.copyright .informationOpen .icon_04 ul li {
    padding: 0 0 12px 0;
}

/*search_result*/
.search_result .left_sub_menu {
    background: url(../img/index2025/banner_l_search.gif) no-repeat center top
}

/*mail*/
.serachDiv {
    font-size: 0.9em;
    border: solid #d4d3d3;
    border-width: 0 0 1px 0;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.serachDiv table {
    width: 600px;
    table-layout: fixed;
}

.serachDiv .sTd1 {
    width: 100px;
    font-weight: bold;
    padding: 0 4px;
}

.serachDiv .sTd2 {
    width: 70px;
    padding: 0 4px;
    text-align: right;
}

.serachDiv .sTd3 {
    width: 160px;
    padding: 0 4px;
    text-align: left;
}

.serachDiv .sTd4 {
    width: 60px;
    padding: 0 4px;
    text-align: right;
}

.serachDiv .sTd5 {
    width: 140px;
    padding: 0 4px;
    text-align: left;
}

.serachDiv .sTd6 {
    width: 60px;
    padding: 0 4px;
    text-align: right;
}

.serachDiv td input {
    border: solid 1px;
    border-color: #abadb3 #e2e3ea #e2e3ea #e2e3ea;
}

.fromGroup {
    overflow: hidden;
    min-width: 320px;
}

.fromGroup .fTitle {
    float: left;
    display: block;
    vertical-align: top;
    width: 12%;
    text-align: left;
    font-weight: bold;
    padding: 0 0 6px 0;
}

.fromGroup .fInput {
    float: left;
    display: block;
    vertical-align: top;
    width: 35%;
    text-align: right;
    padding: 0 3px 6px 0;
}

.fromGroup .note {
    float: left;
    display: block;
    vertical-align: top;
    width: 6%;
    padding: 0 0 6px 0;
}

.fromGroup .fInput label {
    font-size: 0.9em;
    float: left;
    font-weight: normal;
    color: #000;
    font-weight: normal;
    width: 35%;
    padding: 0 1% 0 0;
}

.fromGroup .fInput input {
    float: left;
    display: block;
    vertical-align: top;
    width: 64%;
    height: 24px;
    padding: 0 0 12px 0;
}

.fromGroup .fTextarea {
    float: left;
    display: block;
    vertical-align: top;
    width: 88%;
    padding: 0 0 6px 0;
}

.fromGroup .fTextarea label {
    text-align: right;
    font-size: 0.9em;
    float: left;
    font-weight: normal;
    color: #000;
    font-weight: normal;
    width: 18%;
    padding: 0 1% 0 0;
}

.fromGroup .fTextarea textarea {
    width: 50%;
}

.fromGroup .fAuth {
    float: left;
    display: block;
    vertical-align: top;
    width: 66%;
    padding: 0 0 6px 16%;
}

.fromGroup .fButton {
    float: left;
    display: block;
    width: 8%;
    padding: 0 0 6px 0;
}

.fromGroup .fInput input {
    border: solid 1px;
    border-color: #abadb3 #e2e3ea #e2e3ea #e2e3ea;
}

#mainForm .fromGroup .fInput {
    float: left;
    display: block;
    vertical-align: top;
    width: 88%;
    text-align: right;
    padding: 0 3px 6px 0;
}

#mainForm .fromGroup .note {
    float: left;
    display: block;
    vertical-align: top;
    width: 6%;
    padding: 0 0 6px 0;
}

#mainForm .fromGroup .fInput label {
    font-size: 0.9em;
    float: left;
    font-weight: normal;
    color: #000;
    font-weight: normal;
    width: 18%;
    padding: 0 1% 0 0;
}

#mainForm .fromGroup .fInput input {
    float: left;
    display: block;
    vertical-align: top;
    width: 50%;
    height: 24px;
    padding: 0 0 12px 0;
}

.mailDiv {
    font-size: 0.9em;
}

.mailDiv table {
    width: 600px;
    table-layout: fixed;
}

.mailDiv .mTd1 {
    width: 100px;
    font-weight: bold;
    padding: 0 4px;
}

.mailDiv .mTd2 {
    width: 70px;
    padding: 0 4px;
    text-align: right;
}

.mailDiv .mTd3 {
    color: #968d2f;
    width: 420px;
    padding: 0 4px;
    text-align: left;
}

.mailDiv .mTd4 {
    color: #2196f3;
    width: 420px;
    padding: 0 4px;
    text-align: left;
}

.mailDiv td input {
    border: solid 1px;
    border-color: #abadb3 #e2e3ea #e2e3ea #e2e3ea;
}

.mailTitle {
    display: block;
    background-color: antiquewhite;
    padding: 4px;
    margin: 0 36px 12px 36px;
    font-weight: bold;
}

.redText {
    color: #903;
    font-size: 0.9em;
}

.submitDiv {
    text-align: center;
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
    border: solid #d4d3d3;
    border-width: 1px 0 0 0;
}

.backDiv {
    text-align: center;
    padding: 20px 0;
    margin: 20px 0;
}

.serachDiv td .btnForm,
.mailDiv td .btnForm,
.submitDiv .btnForm {
    border: solid 1px #afafaf;
    border-color: #afafaf #afafaf #afafaf #afafaf;
    padding: 2px 4px;
    font-weight: bold;
}

.serachNoDiv {
    padding: 50px 0;
    text-align: center;
}

.serachListDiv {
    font-size: 0.9em;
}

.serachListDiv ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.serachListDiv ul li {
    padding: 6px 0;
    margin: 10px 0;
    border: dotted #333;
    border-width: 0 0 1px 0;
}

.serachListDiv ul li .questionQ {
    font-weight: bold;
    width: 100%;
    clear: both;
}

.serachListDiv ul li .questionA {
    color: #968d2f;
    width: 100%;
    clear: both;
}

.submitDiv a {
    color: #575555;
    border: solid 1px #afafaf;
    background-color: #E4E2E7;
    display: block;
    width: 90px;
    padding: 4px 6px;
    margin: 0 auto;
}

.backDiv a {
    color: #575555;
    border: solid 1px #afafaf;
    background-color: #E4E2E7;
    display: block;
    width: 80px;
    padding: 4px 6px;
    margin: 0 auto;
}

/*faq*/
.mainPage.faq {
    background-image: url(../img/index2025/title_faq.jpg)
}

.faq .left_sub_menu {
    background: url(../img/index2025/banner_l_faq.gif) no-repeat center top
}

.faqList ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.faqList ul li {
    border-bottom: solid #ccc 1px;
}

.faqTitle {
    padding: 12px;
    font-size: 1.231em;
    background-color: #fff;
    color: #1ebea5;
}

.arrow {
    fill: #e3f0e6;
    float: left;
    height: 25px;
    transform: rotate(0);
    transform-origin: center;
}

.active .faqTitle {
    background: #1ebea5;
    color: #fff;
}

.active .arrow {
    fill: #fff;
    transform: rotate(90deg);
}

.faqText {
    padding: 12px;
    font-size: 1.231em;
    display: none;
}

.active .faqText {
    background-color: #fbf7ea;
    display: block;
}

/*download*/
.mainPage.download {
    background-image: url(../img/index2025/title_download.jpg)
}

.download .left_sub_menu {
    background: url(../img/index2025/banner_l_download.gif) no-repeat center top
}

/*movie*/
.mainPage.movie {
    background-image: url(../img/index2025/title_media.png)
}

.movie .left_sub_menu {
    background: url(../img/index2025/banner_l_movie.gif) no-repeat center top
}

/*sitemap*/
.mainPage.sitemap {
    background-image: url(../img/index2025/title_sitemap.png)
}

.sitemap p {
    line-height: 160%;
    padding: 0 24px;
}

.sitemap strong {
    color: #71b800
}

.sitemap .sitemapDiv {
    background-color: #faf6e4;
    width: 95%;
    font-size: 0.9em;
}

.sitemap .sitemapDiv ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sitemap .sitemapDiv ul li ul {
    overflow: hidden;
    padding: 0 24px;
}

.sitemap .sitemapDiv ul li ul li {
    width: 33%;
    float: left;
}

.sitemap .title {
    font-size: 0.9em;
    padding-top: 3px;
    padding-left: 25px;
    background: #ffb300 url(../img/common_pic/arrow_07.gif) no-repeat 8px center;
    font-weight: bold;
    height: 24px
}

.sitemap .title a {
    color: white;
    text-decoration: none;
}

.sitemap .content table {
    background-color: #faf6e4;
    width: 95%;
    font-size: 0.9em;
}

.sitemap th {
    font-size: 0.9em;
    padding-left: 25px;
    background: #ffb300 url(../img/common_pic/arrow_07.gif) no-repeat 8px center;
    font-weight: bold;
    height: 24px
}

.sitemap th a {
    color: white;
    text-decoration: none;
}

.sitemap .content td {
    padding: 5px 5px 5px 25px
}

.sitemap .content td a {
    color: #686868;
    text-decoration: none;
}

.sitemap .content td a:hover {
    color: #71b800;
}

@media (max-width: 992px) {
    .headerMenu {
        margin: 0;
    }

    .headerSearch {
        position: absolute;
        top: 70px;
        right: 20px;
    }

    .headerBanner {
        margin: 0;
    }

    .headerSearch {
        margin: 0;
    }

    .searchForm {
        width: 100%;
        margin: 0;
    }

    .search-trending {
        width: 100%;
        margin: 0;
    }

    .headerSearch .searchInput {
        width: 100%;
    }

    .headerSearch .searchBtn {
        width: 100%;
    }

    .mainLeft,
    .mainRight {
        float: none;
        width: 100%;
    }

    .mainSubsidy ul li {
        width: 23%;
    }

    .mainEvent {
        margin: 12px 0 0 0;
    }

    .mainEvent .title {
        margin: 10% 0 0 0;
    }

    .footer-navigation .navigation1 {
        clear: both;
    }

    .footer-navigation .navigation5 {
        clear: none;
    }

    .footer-navigation .navigation3 {
        clear: none;
    }

    .footer-navigation .navigation2 {
        clear: both;
    }

    .footer-navigation .navigation4 {
        clear: none;
    }

    .footer-navigation .navigation6 {
        clear: none;
    }

    .headerPage .header-logo {
        width: 100%;
        float: none;
    }

    .headerPage .headerMenu,
    .mainPage .row {
        background-image: none;
    }

    .mainPage .bottom_field {
        display: none;
    }

    .headerPage .headerMenu {
        margin: 0 0 0 0;
        max-width: 100%;
    }

    .mainPage.mainArea {
        background-position: left top;
    }

    .mainPage .contentDiv {
        padding: 0 24px
    }
}

@media (max-width: 767px) {
    .headerMenu {
        font-size: 1.1em;
        margin: 0;
    }

    .header-link .hLink {
        font-size: 0.9em;
        text-align: left;
    }

    .headerSearch {
        position: absolute;
        top: 70px;
        right: 20px;
    }

    .headerBanner {
        margin: 0;
    }

    .searchForm {
        width: 100%;
        margin: 0 0 0 0;
    }

    .search-trending {
        width: 100%;
        margin: 0 0 0 0;
    }

    .mainSubsidy ul li {
        width: 30.3%;
    }

    .tab-container {
        width: 100%;
        margin: unset;
    }

    .tab-container .panelContainer .more {
        bottom: 48px
    }

    .tab-container .panelContainer .act-box .act-text {
        padding: 8px 0 24px 16px
    }

    .mainLink ul li {
        width: 50%;
    }

    .headerPage .header-logo {
        width: 100%;
        float: none;
    }

    .headerPage .headerMenu,
    .mainPage .row {
        background-image: none;
    }

    .mainPage .bottom_field {
        display: none;
    }

    .headerPage .headerMenu {
        margin: 0 0 0 0;
        max-width: 100%;
    }

    .mainPage.mainArea {
        background-position: left top;
    }

    .position {
        text-align: left;
    }

    .list th {
        font-size: 1em;
    }

    .list td {
        font-size: 1em;
    }

    .ebookList ul li {
        width: 25%;
    }
}

@media (max-width: 467px) {
    .mobilemenu {
        display: block;
    }

    .header-link {
        padding: 12px 92px 0px 12px;
    }

    .header-link .hLink {
        font-size: 0.8em;
    }

    .hSearch {
        width: 272px;
        margin: 0px auto;
        float: none;
    }

    .nav-open .headerMenu {
        display: block;
        position: absolute;
        width: 100%;
        top: 25px;
    }

    .nav-open .headerPage .headerMenu {
        display: block;
        position: absolute;
        width: 100%;
        top: 25px;
    }

    .headerMenu .nav .menu1,
    .headerMenu .nav .menu2,
    .headerMenu .nav .menu3,
    .headerMenu .nav .menu4,
    .headerMenu .nav .menu5,
    .headerMenu .nav .menu6,
    .headerMenu .nav .menu7 {
        width: 100%;
        float: none;
        background: #fff;
    }

    .headerMenu .nav .menu1 .menu,
    .headerMenu .nav .menu2 .menu,
    .headerMenu .nav .menu3 .menu,
    .headerMenu .nav .menu4 .menu,
    .headerMenu .nav .menu5 .menu,
    .headerMenu .nav .menu6 .menu,
    .headerMenu .nav .menu7 .menu {
        width: 100%;
    }

    .nav-open .headerMenu .nav .dropdown-content {
        top: 0;
        display: block;
        position: relative;
        width: 100%;
    }

    .nav-open .headerMenu .nav .dropdown-content li {
        width: 100%;
    }

    .headerSearch {
        position: absolute;
        top: 80px;
        right: 6px;
    }

    .headerBanner {
        margin: 0;
    }

    .mainDiv {
        padding: 0 12px;
    }

    .mainSubsidy ul li {
        width: 48%;
    }

    .tab-container {
        width: 100%;
    }

    .tab-container .panelContainer .act-box .act-text {
        padding: 8px 0 24px
    }

    .mainLink ul li {
        width: 100%;
    }

    .footerDiv {
        padding: 0 0 40px
    }

    .headerPage .header-logo {
        width: 100%;
        float: none;
    }

    .headerPage .headerMenu,
    .mainPage .row {
        background-image: none;
    }

    .mainPage .bottom_field {
        display: none;
    }

    .headerPage .headerMenu {
        margin: 0;
        max-width: 100%;
    }

    .headerPage .headerMenu .nav li {
        width: 100%;
    }

    .mainPage.mainArea {
        background-position: left top;
    }

    .position {
        text-align: left;
    }

    .list th {
        font-size: 0.846em;
    }

    .list td {
        font-size: 0.846em;
    }

    .chairman {
        width: 100%;
    }

    .chairman img {
        float: none;
        margin: 0 auto;
    }

    .fromGroup .title {
        float: none;
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .fromGroup .label {
        width: 24%;
        padding: 0 3px 0 0;
    }

    .fromGroup .note {
        width: 12%;
        padding: 0;
    }

    .fromGroup .text {
        width: 56%;
        padding: 0;
    }

    .fromGroup .label2 {
        clear: left;
        width: 24%;
        padding: 0 3px 0 0;
    }

    .fromGroup .text2 {
        width: 56%;
        padding: 0;
    }

    .fromGroup .textarea {
        width: 56%;
        padding: 0;
    }

    .fromGroup .auth {
        width: 56%;
        padding: 0;
    }

    .fromGroup .button {
        width: 8%;
    }

    .slidelist ul li .photo {
        float: none;
        width: 100%;
    }

    .slidelist ul li .photo img {
        width: 100%;
    }

    .slidelist ul li .text {
        float: none;
        width: 100%;
    }

    .ebookList ul li {
        width: 40%;
    }

    .sitemap .sitemapDiv ul li ul li {
        width: 50%;
        float: left;
    }

    .mailTitle {
        margin: 0 0 12px 0;
    }

    .fromGroup .fTitle {
        width: 100%;
        float: none;
    }

    #mainForm .fromGroup .fTitle {
        width: 0;
        display: none;
    }

    .fromGroup .fInput {
        width: 88%;
    }

    .fromGroup .fButton {
        width: 12%;
    }

    .fromGroup .fInput label {
        width: 30%;
    }

    .fromGroup .fInput input {
        width: 69%;
    }

    .fromGroup .fTextarea {
        float: left;
        width: 88%;
    }

    .fromGroup .fTextarea label {
        width: 30%;
    }

    .fromGroup .fTextarea textarea {
        width: 69%;
    }

    .fromGroup .fAuth {
        width: 74%;
        padding: 0 0 6px 26%;
    }

    #mainForm .fromGroup .fInput {
        width: 90%;
    }

    #mainForm .fromGroup .note {
        width: 10%;
    }

    #mainForm .fromGroup .fInput label {
        width: 30%;
    }

    #mainForm .fromGroup .fInput input {
        width: 69%;
    }
}