@charset "UTF-8";
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: inherit !important;
    line-height: inherit !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 100% !important;
}
p a {
    display: inline;
}
.pginr_form input[type="text"],
.pginr_form input[type="password"],
.pginr_form input[type="submit"] {
    border-radius: 7px;
}
[data-rel="taoyuan"] .width_limiter {
    padding-left: 30px;
    padding-right: 30px;
}
[data-rel="taoyuan"] *:focus,
.pginr_tpfltr_list input[type="checkbox"]:focus + label {
    outline: 5px dashed #feb31f;
    outline-offset: -5px;
}
@media screen and (max-width:1024px) {
    [data-rel="taoyuan"] .width_limiter {
        padding-left: 20px;
        padding-right: 20px;
    }
}
[data-rel="taoyuan"] a.acsky_href {
    position: absolute;
    left: 0;
    top: 0;
    /* z-index: 3; */
	text-decoration: none;
    /**/
    z-index: 10;
    color: #FFF;
}
[data-rel="taoyuan"] a.acsky_first_href:focus {
	padding: 0.5em 1em;
	text-align: center;
    /**/
	background-color: #261818;
	color: #FFF;
}
body.site_front[data-rel="taoyuan"] {
    background-color: #261818;
    font-size: 112.5%; /* 18px */
}
noscript {
    color: #FFF;
}
.main_body {
    overflow: hidden;
    color: #261818;
}
.pginr_main * {
    word-break: break-all;
}
.pginr_detail_custom * {
    max-width: 100%;
}
/* LAYOUT:TOP */
[data-rel="taoyuan"] .block_top {
    background-color: transparent;
    padding: 0;
    /* overflow: hidden; */
}
[data-rel="taoyuan"] .block_top .pgfrntlkcnt_topbg {
    display: flex;
    position: relative;
}
[data-rel="taoyuan"] .block_top .pgfrntlkcnt_topbg::before,
[data-rel="taoyuan"] .block_top .pgfrntlkcnt_topbg::after {
    position: relative;
}
[data-rel="taoyuan"] .block_top .pgfrntlkcnt_topbg .width_limiter {
    flex-grow: 1;
    padding-left: 0;
    padding-right: 0;
}
[data-rel="taoyuan"] .blktpcntnt_top > * > .block_horizonal {
    align-items: flex-end;
}
.blktpcntnt_top {
    margin-top: 35px;
    margin-bottom: 27px;
}
.blktpcntnt_tplogo {
    flex-grow: 1;
    padding-right: 20px;
}
.blktpcntnt_tplogo > h1 {
    float: left;
}
.blktp_content::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 348px;
    height: 100%;
    background: url("../Images/block_top_tree.png") left top no-repeat;
    background-size: 100% 100%;
}
.blktp_content > div {
    position: relative;
}
@media screen and (max-width:1200px) {
    [data-rel="taoyuan"] .block_top .pgfrntlkcnt_topbg {
        position: absolute;
    }
}
/* TOP-RIGHT */
.blktpcntnt_tpright {
    overflow: hidden;
}
.blktpcntnt_tpright > .block_horizonal {
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -10px;
}
.blktpcntnt_tpright > .block_horizonal > div {
    padding-left: 10px;
    padding-top: 10px;
}
/* TOP-LINKS */
.blktpcntnt_toplinks {
    overflow: hidden;
}
.blktpcntnt_toplinks ul {
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: -5px;
    margin-left: -10px;
    margin-right: -11px;
}
.blktpcntnt_toplinks ul > li {
    /* flex-grow: 1; */
    padding-top: 5px;
    /* padding-left: 1px; */
}
.blktpcntnt_toplinks a {
    position: relative;
    text-decoration: none;
    display: block;
    padding-left: 10px;
    padding-right: 11px;
    text-align: center;
    color: #FFF;
}
.blktpcntnt_toplinks a::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 1em;
    background-color: #FFF;
    transform: translate(0, -50%);
}
/* TOP-SEARCH */
.site_search_box,
.pginr_tpsrch_box > form {
    border-radius: 15px;
    overflow: hidden;
}
.site_search_box .block_horizonal,
.pginr_tpsrch_box > form > .block_horizonal {
    align-items: stretch;
}
.blktpcntnt_tpsrch_keyword {
    flex-grow: 1;
}
.blktpcntnt_tpsrch_keyword input,
.pginr_tpsrch_box input {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 0.7em;
    padding-right: 0.7em;
    border: none;
}
.blktpcntnt_tpsrch_button,
.topfilter_button_submit {
    width: 50px;
    min-width: 50px;
}
.blktpcntnt_tpsrch_button input,
.topfilter_button_submit button {
    font-size: 0 !important;
    display: block;
    border: none;
    width: 100%;
    height: 0;
    padding-bottom: 88%;
    background: url("../Images/blktpcntnt_topsearch.png") center center no-repeat #c3532f;
}
/* SITE-MENU */
.blktpcntnt_menu {
    background-color: #ffe9a1;
}
.blktpcntnt_menu > div {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%);
}
.blktpcntnt_menu .width_limiter {
    padding-left: 0;
    padding-right: 0;
}
.blktpcntnt_sitemenu {
    position: relative;
}
.blktpcntnt_sitemenu > ul {
    align-items: stretch;
    margin-left: -4px;
}
.blktpcntnt_sitemenu > ul > li {
    /* border-top: 1px solid rgba(0, 0, 0, 0.11); */
    flex-grow: 1;
    position: relative;
}
.blktpcntnt_sitemenu a {
    display: block;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    padding-left: 19px;
    position: relative;
    text-decoration: none;
}
.blktpcntnt_sitemenu > ul ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #ffe9a1;
    z-index: 10;
    display: none;
}
.blktpcntnt_sitemenu > ul > li:hover > ul,
.blktpcntnt_sitemenu > ul > li.now_view > ul {
    display: block;
}
.blktpcntnt_sitemenu > ul ul a {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.blktpcntnt_sitemenu > ul ul > li:first-child a {
    border-top: none;
}
.blktpcntnt_sitemenu::after,
.blktpcntnt_sitemenu > ul > li > a::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0));
}
.blktpcntnt_sitemenu::after {
    right: -4px;
}
.blktpcntnt_sitemenu a::before {
    left: 0;
}
.menu_showed,
.menu_showed > body {
    overflow: visible !important;
}
/* 選單開關 */
.blktpcntnt_mobile {
    display: none;
}
@media screen and (max-width: 1440px) {
    [data-rel="taoyuan"] .main_body > div.block_top {
        position: relative;
        padding: 0;
    }
    .site_front[data-rel="taoyuan"] {
        padding-top: 0;
    }
}
/* 行動版上方樣式ONLY-S */
@media screen and (max-width: 1024px) {
    .site_front[data-rel="taoyuan"] > .main_body {
        padding-top: 50px;
    }
    .menu_showed,
    .menu_showed > body {
        overflow: hidden !important;
    }
    .blktpcntnt_tpright,
    .blktpcntnt_menu {
        display: none;
    }
    [data-rel="taoyuan"] .main_body > div.block_top {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        z-index: 100;
        transition: height 0.25s;
        /**/
        overflow: hidden;
        height: 50px;
    }
    .menu_showed [data-rel="taoyuan"] .main_body > div.block_top {
        height: 100vh;
    }
    .menu_showed .blktpcntnt_tpright,
    .menu_showed .blktpcntnt_menu {
        display: block;
    }
    .blktp_content::before {
        content: none;
    }
    [data-rel="taoyuan"] .block_top .pgfrntlkcnt_topbg {
        display: none;
    }
    [data-rel="taoyuan"] .block_top .blktp_content {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .blktpcntnt_top {
        margin-top: 0;
        margin-bottom: 0;
        z-index: 20;
    }
    .blktpcntnt_top > .width_limiter {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }
    [data-rel="taoyuan"] .blktpcntnt_top > * > .block_horizonal {
        align-items: stretch;
        flex-direction: column;
    }
    .blktpcntnt_tplogo {
        position: relative;
        display: flex;
        height: 50px;
        padding-right: 0;
        margin-right: 50px;
        background-color: #261818;
    }
    .blktpcntnt_tplogo a {
        position: absolute;
        left: 10px;
        top: 10px;
        right: 10px;
        bottom: 10px;
    }
    .blktpcntnt_tplogo a > img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .blktpcntnt_mobile {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        background-color: #261818;
    }
    .blktpcntnt_mobile > div {
        padding: 10px;
    }
    a#site_menu_button > span,
    a#site_menu_button::before,
    a#site_menu_button::after {
        background-color: #FFF;
    }
    .blktpcntnt_tpright {
        width: 100%;
        min-width: 100%;
    }
    .blktpcntnt_tpright > .block_horizonal {
        display: block;
        margin: 0;
    }
    .blktpcntnt_tpright > .block_horizonal > div {
        margin: 10px 15px;
        padding: 0;
    }
    .blktpcntnt_toplinks ul > li {
        flex-grow: 1;
    }
    .blktpcntnt_menu {
        flex-grow: 1;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: transparent;
    }
    .blktpcntnt_menu > div {
        background: none;
    }
    .blktpcntnt_sitemenu {
        overflow: hidden;
        padding: 15px;
    }
    .blktpcntnt_sitemenu > ul {
        flex-wrap: wrap;
        margin-left: -15px;
        margin-top: -15px;
    }
    .blktpcntnt_sitemenu > ul > li {
        width: 33.33%;
        min-width: 33.33%;
        padding-left: 15px;
        padding-top: 15px;
        flex-grow: 0;
    }
    .blktpcntnt_sitemenu a {
        color: #FFF;
        border: 1px solid #FFF;
    }
    .blktpcntnt_sitemenu a::before {
        content: none;
    }
    .blktpcntnt_sitemenu > ul ul {
        position: static;
        display: block;
        background-color: transparent;
    }
    .blktpcntnt_sitemenu > ul ul a {
        border: none;
    }
}
@media screen and (max-width:575px) {
    .blktpcntnt_sitemenu > ul > li {
        width: 50%;
        min-width: 50%;
    }
}
@media screen and (max-width:450px) {
    .blktpcntnt_sitemenu > ul > li {
        width: 100%;
        min-width: 100%;
    }
}
/* 行動版上方樣式ONLY-E */
/* 固定側選單 */
.fixed_links_position {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 99;
    padding-right: 20px;
}
.fixed_links {
    position: relative;
}
.fixed_links::before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    bottom: -20px;
    right: -8px;
    width: 8px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}
.fixed_links li {
    width: 75px;
    margin-top: 10px;
}
.fixed_links a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0;
    background-color: #261818;
    padding: 9px;
}
.fixed_links a.social_share_buttons {
    padding: 13px;
}
.fixed_links a > span,
[data-rel="taoyuan"] a#site_gotop > span {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: center center;
    background-size: 100% 100%;
}
.fixed_links li.site_gotop {
    margin-top: 30px;
}
[data-rel="taoyuan"] a#site_gotop {
    position: static;
    width: auto;
    transform: none;
    background-color: #dcdddd;
    border: none;
    max-width: none;
    border-radius: 0;
    font-size: 0;
    font-family: inherit;
}
[data-rel="taoyuan"] a#site_gotop::before {
    content: none;
}
[data-rel="taoyuan"] a#site_gotop > span {
    position: static;
}
/**/
.fixed_links a > span {
    background-image: url("../Images/fixed_buttons_1.png");
}
.fixed_links a[data-social="fb"] > span {
    background-image: url("../Images/fixed_buttons_2.png");
}
.fixed_links a[data-social="tw"] > span {
    background-image: url("../Images/fixed_buttons_3.png");
}
.fixed_links a[data-social="ln"] > span {
    background-image: url("../Images/fixed_buttons_4.png");
}
.fixed_links a#site_gotop > span {
    background-image: url("../Images/fixed_buttons_5.png");
}
@media screen and (max-width:1024px) {
    .fixed_links li {
        width: 60px;
    }
}
@media screen and (max-width:768px) {
    .fixed_links_position {
        left: 0;
        bottom: 0;
        top: auto;
        right: auto;
        width: 100%;
        transform: none;
        padding-right: 0;
        border-top: 1px solid #dcdddd;
    }
    .fixed_links::before {
        content: none;
    }
    .fixed_links > ul {
        display: flex;
    }
    .fixed_links li,
    .fixed_links li.site_gotop {
        width: auto;
        flex-grow: 1;
        margin-top: 0;
    }
    .fixed_links a,
    .fixed_links a.social_share_buttons,
    [data-rel="taoyuan"] a#site_gotop {
        width: 100%;
        height: 100%;
        padding: 13px 0;
    }
    .fixed_links a > span,
    [data-rel="taoyuan"] a#site_gotop > span {
        width: 40px;
        height: 40px;
        padding-bottom: 0;
        margin: 0 auto;
    }
    .site_front[data-rel="taoyuan"] > .main_body {
        padding-bottom: 67px;
    }
}
/* LAYOUT:BOTTOM */
.block_bottom {
    color: #FFF;
}
.blkbtm_fatfooter_menu {
    padding-top: 50px;
    padding-bottom: 58px;
    overflow: hidden;
}
.blkbtm_fatfooter_menu a {
    display: block;
    text-decoration: none;
}
.blkbtm_fatfooter_menu > ul {
    align-items: stretch;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: -30px;
}
.blkbtm_fatfooter_menu > ul > li {
    width: 14.28%;
    min-width: 14.28%;
    padding-left: 20px;
    padding-top: 30px;
}
.blkbtm_fatfooter_menu > ul > li:last-child {
    flex-grow: 1;
}
.blkbtm_fatfooter_menu > ul > li > a {
    font-size: 120%;
}
.blkbtm_fatfooter_menu > ul ul > li {
    margin-top: 10px;
}
.blkbtm_fatfooter_ctrlbtn {
    max-width: 112px;
    margin: 0 auto;
}
a#blkbtm_fatfooter_ctrlbtn {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden;
}
a#blkbtm_fatfooter_ctrlbtn::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-color: #FFF;
    border-radius: 100%;
}
#blkbtm_fatfooter_ctrlbtn_text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #261818;
    font-weight: bold;
    transform: translate(0, 3px);
}
/*關閉*/
.fatfutr_hided .blkbtm_fatfooter_menu {
    padding: 0;
    height: 0;
}
.fatfutr_hided a#blkbtm_fatfooter_ctrlbtn::before {
    top: auto;
    bottom: 0;
}
.fatfutr_hided #blkbtm_fatfooter_ctrlbtn_text {
    transform: translate(0, -3px);
}
@media screen and (max-width:1024px) {
    .blkbtm_fatfooter_menu > ul > li {
        width: 25%;
        min-width: 25%;
    }
}
@media screen and (max-width:768px) {
    .blkbtm_fatfooter_menu > ul > li {
        width: 33.33%;
        min-width: 33.33%;
    }
}
@media screen and (max-width:575px) {
    .blkbtm_fatfooter_menu > ul > li {
        width: 50%;
        min-width: 50%;
    }
}
@media screen and (max-width:420px) {
    .blkbtm_fatfooter_menu > ul > li {
        width: 100%;
        min-width: 100%;
        text-align: center;
    }
}
.blkbtm_copyright {
    /* background-color: #261818; */
    padding-top: 60px;
    padding-bottom: 60px;
}
.blkbtm_copyright_content {
    overflow: hidden;
}
.blkbtm_copyright_content > .block_horizonal {
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -20px;
    margin-top: -20px;
}
.blkbtm_copyright_content > .block_horizonal > div {
    padding-left: 20px;
    padding-top: 20px;
    flex-grow: 1;
    width: 33.33%;
    min-width: 33.33%;
}
.blkbtm_cprghtcntnt_contact > div,
.blkbtm_cprghtcntnt_social > div {
    padding-top: 10px;
}
.blkbtm_cprghtcntnt_contact > div:first-child,
.blkbtm_cprghtcntnt_social > div:first-child {
    padding-top: 0;
}
.blkbtm_cprghtcntnt_title {
    font-size: 155.56%;
}
.blkbtm_cprghtcntnt_social_fb a {
    display: flex;
    align-items: center;
    text-decoration: none;
}
.blkbtm_cprghtcntnt_social_fb a::before {
    content: "";
    display: block;
    width: 25px;
    min-width: 25px;
    height: 25px;
    background: url("../Images/blkbtm_cprghtcntnt_social_fb.png") left top no-repeat;
    background-size: 100% 100%;
}
.blkbtm_cprghtcntnt_social_fb a > span {
    padding-left: 10px;
}
.blkbtm_cprghtcntnt_govlogo {
    overflow: hidden;
}
.blkbtm_cprghtcntnt_govlogo > ul {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: -20px;
    margin-top: -20px;
    height: 100%;
}
.blkbtm_cprghtcntnt_govlogo > ul > li {
    padding-left: 20px;
    padding-top: 20px;
}
@media screen and (max-width:1024px) {
    .blkbtm_copyright {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .blkbtm_copyright_content > .block_horizonal > div.blkbtm_cprghtcntnt_govlogo {
        width: 100%;
        min-width: 100%;
    }
    .blkbtm_cprghtcntnt_govlogo > ul {
        flex-direction: row;
        flex-wrap: wrap;
    }
}
@media screen and (max-width:575px) {
    .blkbtm_copyright_content > .block_horizonal > div {
        width: 100%;
        min-width: 100%;
    }
}
/* PAGE:FRONT */
.page_front {
    background-color: #150303;
}
.pgfrnt_top {
    padding-top: 30px;
    padding-bottom: 30px;
}
.blktp_links {
    color: #FFF;
    overflow: hidden;
}
.blktp_links > div {
    overflow: hidden;
    float: right;
}
.blktp_links .block_horizonal {
    align-items: stretch;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin-top: -5px;
    margin-left: -16px;
    margin-right: -15px;
}
.blktp_links ul > li {
    position: relative;
    padding-top: 5px;
    padding-left: 16px;
    padding-right: 15px;
    flex-grow: 1;
    text-align: center;
}
.blktp_links ul > li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 0.9em;
    transform: translate(0, -50%) translate(0, 5px);
    background-color: #FFF;
}
.blktp_links a {
    text-decoration: none;
}
/**/
.page_front,
.pgfrnt_main,
.pgfrnt_content {
    display: flex;
    flex-grow: 1;
}
.page_front,
.pgfrnt_content {
    flex-direction: column;
}
.pgfrnt_content_top {
    position: relative;
    padding-bottom: 60px;
}
.pgfrnt_main {
    position: relative;
}
.pgfrnt_main_image {
    text-align: center;
}
.pgfrnt_main_image_box {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.pgfrnt_main_image_loop {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.pgfrnt_main_image_loop::before {
    content: "";
    display: block;
    background: url("../Images/front_only/pgfrnt_main_image_loop.png") center top repeat-y;
    background-size: 100% auto;
    flex-grow: 1;
}
.pgfrnt_main_image_loop::after {
    content: "";
    display: block;
    padding-bottom: 16.88%;
}
.pgfrnt_main_image_in {
    position: relative;
}
.pgfrnt_main_image_in img {
    margin-top: 174px;
}
.pgfrnt_main_topcover,
.pgfrnt_bg_top {
    height: 215px;
}
.pgfrnt_main_topcover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: url("../Images/front_only/pgfrnt_main_topcover.png") center top repeat-x;
    background-size: auto 100%;
    touch-action: none;
    pointer-events: none;
}
.pgfrnt_main_topcover::before,
.pgfrnt_main_topcover::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pgfrnt_main_topcover::before {
    background: url("../Images/front_only/pgfrnt_main_topcover_left.png") left top no-repeat;
    background-size: auto 100%;
}
.pgfrnt_main_topcover::after {
    background: url("../Images/front_only/pgfrnt_main_topcover_right.png") right top no-repeat;
    background-size: auto 100%;
}
.pgfrnt_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../Images/front_only/pgfrnt_bg_stage_background.jpg") center top no-repeat;
    background-size: cover;
}
.pgfrnt_bg::before,
.pgfrnt_bg::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 255px;
    height: 100%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}
.pgfrnt_bg::before {
    left: 0;
    background-image: url("../Images/front_only/pgfrnt_bg_stage_left.png");
}
.pgfrnt_bg::after {
    right: 0;
    background-image: url("../Images/front_only/pgfrnt_bg_stage_right.png");
}
.pgfrnt_bg_top {
    background: url("../Images/front_only/pgfrnt_bg_stage_top.png") center top repeat-x;
    background-size: auto 100%;
    margin-top: 60px;
}
.pgfrnt_bg_bottom,
.pgfrnt_content_links a::before,
.pgfrnt_content_links a::after {
    height: 120px;
}
.pgfrnt_bg_bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url("../Images/front_only/pgfrnt_bg_stage_floor.jpg") center center repeat-x;
    background-size: auto 100%;
}
.pgfrnt_content {
    position: relative;
    z-index: 3;
}
.pgfrnt_content_links {
    flex-grow: 1;
    text-align: center;
    margin-left: 165px;
    margin-right: 165px;
    color: #FFF;
}
.pgfrnt_content_links > *,
.pgfrnt_content_links ul,
.pgfrnt_content_links ul > li {
    height: 100%;
}
.pgfrnt_content_links > * {
    overflow: hidden;
}
.pgfrnt_content_links ul {
    align-items: stretch;
    margin-left: -40px;
    margin-top: -40px;
    justify-content: center;
}
.pgfrnt_content_links ul > li {
    padding-left: 40px;
    margin-top: 40px;
    flex-grow: 1;
    max-width: 258px;
}
.pgfrnt_content_links a {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
    font-size: 200%;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}
.pgfrnt_content_links a::before,
.pgfrnt_content_links a::after {
    content: "";
    display: block;
}
.pgfrnt_content_links a::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url("../Images/front_only/pgfrnt_content_links_button_shadow.png") center center no-repeat;
    background-size: 100% auto;
}
.pgfrnt_content_links a::after {
    margin-top: 33.49%;
}
.pgfrnt_links_main {
    position: relative;
    height: 0;
    padding-bottom: 93.58%;
    overflow: hidden;
}
.pgfrnt_links_main::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 200%;
    background: url("../Images/front_only/pgfrnt_content_links_button_bg.png") left top no-repeat;
    background-size: 100% auto;
}
.pgfrnt_links_main > div {
    position: absolute;
    left: 6.42%;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    /* width: 100%;
    height: 100%; */
    align-items: center;
    justify-content: center;
}
.pgfrnt_content_links a:hover {
    color: #ffdb0d;
}
.pgfrnt_content_links a:hover .pgfrnt_links_main::before {
    transform: translate(0, -50%);
}
@media screen and (max-width:1024px) {
    .pgfrnt_top {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .pgfrnt_bg_bottom,
    .pgfrnt_content_links a::before,
    .pgfrnt_content_links a::after {
        height: 80px;
    }
    .pgfrnt_bg::before,
    .pgfrnt_bg::after {
        width: 120px;
    }
    .pgfrnt_content_links {
        margin-left: 95px;
        margin-right: 95px;
    }
}
@media screen and (max-width:960px) {
    .pgfrnt_content_links a {
        font-size: 133.34%;
    }
}
@media screen and (max-width:768px) {
    .pgfrnt_main_topcover,
    .pgfrnt_bg_top {
        height: 120px;
    }
    .pgfrnt_bg_top {
        margin-top: 40px;
    }
    .pgfrnt_main_image_in img {
        margin-top: 105px;
    }
    .pgfrnt_bg::before,
    .pgfrnt_bg::after {
        content: none;
    }
    .pgfrnt_content_links {
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (max-width:575px) {
    .pgfrnt_bg_bottom,
    .pgfrnt_content_links a::before,
    .pgfrnt_content_links a::after {
        display: none;
        content: none;
    }
    .pgfrnt_content_top,
    .pgfrnt_content_links {
        padding-bottom: 40px;
    }
    .pgfrnt_content_links > *,
    .pgfrnt_content_links ul,
    .pgfrnt_content_links ul > li {
        height: auto;
    }
    .pgfrnt_content_links ul {
        display: block;
    }
    .pgfrnt_content_links ul > li {
        max-width: 230px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width:450px) {
    .pgfrnt_main_topcover::before,
    .pgfrnt_main_topcover::after {
        background-size: 45% auto;
    }
    .pgfrnt_main_topcover,
    .pgfrnt_bg_top {
        height: 90px;
    }
    .pgfrnt_bg_top {
        margin-top: 25px;
    }
    .pgfrnt_main_image_in img {
        margin-top: 80px;
    }
}
@media screen and (max-width:350px) {
    .blktp_links > div {
        float: none;
    }
}
/* PAGE:FRONT-Content */
.pgfrntlkcnt_specwidth {
    max-width: 1770px;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.page_front[data-type="link_content"] {
    position: relative;
    overflow: hidden;
}
.page_front[data-type="link_content"]::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    transform: translate(-50%, 0);
    background: url("../Images/front_only/pgfrntlkcnt_top_star.png") left top no-repeat;
    margin-top: 3.02%;
}
.pgfrntlkcnt_topbg {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1920px;
    transform: translate(-50%, 0);
}
.pgfrntlkcnt_topbg::before,
.pgfrntlkcnt_topbg::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    background-position: left top;
    background-repeat: no-repeat;
}
.pgfrntlkcnt_topbg::before {
    left: 0;
    width: 316px;
    height: 95px;
    background-image: url("../Images/front_only/pgfrntlkcnt_top_left.png");
}
.pgfrntlkcnt_topbg::after {
    right: 0;
    width: 381px;
    height: 108px;
    background-image: url("../Images/front_only/pgfrntlkcnt_top_right.png");
}
.pgfrntlkcnt_top_middle {
    width: 50%;
    max-width: 388px;
}
.pgfrntlkcnt_top_middle::before {
    content: "";
    display: block;
    padding-bottom: 15.46%;
    background-image: url("../Images/front_only/pgfrntlkcnt_top_middle.png");
    background-size: 100% 100%;
}
.pgfrntlkcnt_top_position {
    position: relative;
    overflow: hidden;
}
.pgfrntlkcnt_top_rotate {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1690px;
    height: 43px;
    overflow: hidden;
}
.pgfrntlkcnt_top_rotate::after,
.pgfrntlkcnt_top_text {
    transform: rotate(-1.2deg);
}
.pgfrntlkcnt_top_rotate::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 200%;
    height: 100%;
    transform-origin: left top;
    background-color: #FFF;
}
.pgfrntlkcnt_top_text {
    padding-top: 3%;
    padding-bottom: 3%;
}
.pgfrntlkcnt_content,
.pgfrntlkcnt_content > .pgfrntlkcnt_specwidth {
    flex-grow: 1;
    display: flex;
}
.pgfrntlkcnt_content > .pgfrntlkcnt_specwidth {
    width: 100%;
    flex-direction: column;
}
.pgfrntlkcnt_content > .pgfrntlkcnt_specwidth::before,
.pgfrntlkcnt_content > .pgfrntlkcnt_specwidth::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 40px;
}
.pgfrntlkcnt_content > .pgfrntlkcnt_specwidth::before {
    top: 0;
    height: 53px;
    background: url("../Images/front_only/pgfrntlkcnt_content_left_top.png") left top no-repeat;
    background-size: 100% 100%;
}
.pgfrntlkcnt_content > .pgfrntlkcnt_specwidth::after {
    top: 53px;
    height: calc(100% - 53px);
    background: url("../Images/front_only/pgfrntlkcnt_content_loop.png") left top repeat-y;
    background-size: 100% auto;
}
.pgfrntlkcnt_content > .pgfrntlkcnt_specwidth > div {
    background-color: #FFF;
}
.pgfrntlkcnt_content_top {
    height: 53px;
}
.pgfrntlkcnt_content_main {
    flex-grow: 1;
    padding-bottom: 40px;
}
/*Content*/
.pgfrntlkcnt_content_main h2 {
    display: flex;
    max-width: 806px;
    height: 189px;
    background: url("../Images/front_only/title_circle.png") left top no-repeat;
    overflow: hidden;
    margin-bottom: 20px !important;
}
.pgfrntlkcnt_content_main h2::after {
    content: "";
    display: block;
    background: url("../Images/front_only/title_flower.png") left center no-repeat;
    width: 95px;
    height: 100%;
    min-width: 95px;
    min-height: 105px;
}
.pgfrntlkcnt_content_main h2 > span {
    flex-grow: 1;
    display: flex;
    align-items: center;
    height: 2.2em;
    margin-top: 39px;
    margin-left: 59px;
    font-size: 264.28%;
    font-weight: bold;
}
.pgfrntlkcnt_content_main_in {
    font-size: 133.34%;
}
.pgfrntlkcnt_content_download {
    margin-top: 40px;
    text-align: center;
}
.pgfrntlkcnt_highlight {
    color: #E50014;
}
.pgfrntlkcnt_notice {
    color: #49B4A5;
}
.pgfrntlkcnt_content_download a {
    display: inline-block;
    padding: 0.5em 1em;
    color: #00A2E9;
    border: 1px solid #00A2E9;
    text-decoration: none;
}
@media screen and (max-width:1024px) {
    .page_front[data-type="link_content"]::before {
        width: auto;
        max-width: none;
        transform: none;
        left: 20px;
        right: 20px;
        background-size: 100% auto;
    }
    .pgfrntlkcnt_topbg {
        left: 0;
        width: 100%;
        transform: none;
    }
    .pgfrntlkcnt_topbg::before,
    .pgfrntlkcnt_topbg::after {
        content: none;
    }
}
@media screen and (max-width:768px) {
    .pgfrntlkcnt_top_text {
        padding-bottom: 4%;
    }
    .pgfrntlkcnt_specwidth {
        padding-left: 20px;
        padding-right: 20px;
    }
    .pgfrntlkcnt_top > .pgfrntlkcnt_specwidth {
        padding-left: 0;
    }
    .pgfrntlkcnt_content > .pgfrntlkcnt_specwidth::before,
    .pgfrntlkcnt_content > .pgfrntlkcnt_specwidth::after {
        content: none;
    }
    .pgfrntlkcnt_content_top {
        height: 20px;
    }
    .pgfrntlkcnt_content_main {
        padding-bottom: 20px;
    }
    .pgfrntlkcnt_content_main h2::after {
        content: none;
    }
}
@media screen and (max-width:575px) {
    .page_front[data-type="link_content"]::before,
    .pgfrntlkcnt_topbg {
        display: none;
    }
}
/* 首頁 */
/*SLIDER*/
.page_index {
    background-color: #FFF;
}
.pgidx_block[data-content="slider"] {
    background: url("../Images/index_slider_bg.png") center center no-repeat;
    background-size: cover;
    overflow: hidden;
}
.pgidx_slider {
    background-color: transparent;
    margin-top: 60px;
    margin-bottom: 60px;
}
.pgidx_slider .mcipcsldr_pics {
    background-color: #261818;
}
.pgidx_slider .mcipcsldr_dotbtns_box {
    position: static;
    margin-top: 30px;
}
.pgidx_slider a.mcipcsldr_dotbtn {
    background-color: #dcdddd;
    width: 13px;
    height: 13px;
}
.pgidx_slider .mcipcsldr_dotbtns_pos .locked a {
    background-color: #017582;
}
@media screen and (max-width:1200px) {
    .pgidx_block[data-content="slider"] > .width_limiter {
        padding-left: 0;
        padding-right: 0;
    }
    .pgidx_slider {
        margin-top: 0;
        margin-bottom: 0;
    }
    .pgidx_slider .mcipcsldr_dotbtns_box {
        position: absolute;
        margin-top: 0;
    }
}
/*NEWS*/
.pgidx_block[data-content="news"],
.pgidx_nwsbg_ground {
    background-color: #c9a063;
}
.pgidx_block[data-content="news"] {
    overflow: hidden;
    padding-bottom: 60px;
}
.pgidx_news_top {
    position: relative;
}
.pgidx_news_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #261818;
}
.pgidx_news_bg > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.pgidx_nwsbg_tree {
    display: flex;
    flex-direction: column;
}
.pgidx_nwsbg_tree::before,
.pgidx_nwsbg_tree::after {
    content: "";
    display: block;
}
.pgidx_nwsbg_tree::before {
    height: 28px;
    background: url("../Images/index_news_tree_top.png") left top no-repeat;
}
.pgidx_nwsbg_tree::after {
    flex-grow: 1;
    background: url("../Images/index_news_tree_loop.png") left top repeat-y;
}
.pgidx_nwsbg_front {
    overflow: hidden;
}
.pgidx_nwsbg_front_rotate {
    display: flex;
    flex-direction: column;
    width: 110%;
    height: 110%;
    transform: translate(-5%, -5%) rotate(-1.2deg);
}
.pgidx_nwsbg_ground {
    height: 207px;
}
.pgidx_nwsbg_border {
    flex-grow: 1;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.pgidx_nwsbg_border_white {
    position: relative;
    width: 80%;
    height: 92%;
    margin: 0 auto;
    margin-bottom: -1.5%;
    background-color: #FFF;
}
.pgidx_nwsbg_border_white::before,
.pgidx_nwsbg_border_white::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.pgidx_nwsbg_border_white::before {
    left: -25px;
    bottom: -25px;
    border: 1px solid #FFF;
}
.pgidx_nwsbg_border_white::after {
    left: -35px;
    bottom: -35px;
    background: url("../Images/index_news_dot.png") center center repeat;
}
.pgidx_news,
.pgidx_nwsbg_grndmr_search_position {
    padding-left: 9%;
    padding-right: 9%;
}
.pgidx_news {
    /*安全範圍(不會壓到框)*/
    padding-top: 6%;
    padding-bottom: 0;
}
.pgidx_news_content_bg {
    background: url("../Images/index_news_left.png") left bottom no-repeat;
}
.pgidx_news_content,
.pgidx_nwsbg_grndmr_search {
    margin-left: 430px;
    max-width: 820px;
}
.pgidx_news_content {
    min-height: 1011px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.pgidx_nwscnt_main {
    flex-direction: column;
    justify-content: flex-end;
    min-height: 365px;
}
.pgidx_nwscnt_main > div {
    padding: 0;
    margin-top: 35px;
}
.pgidx_nwscnt_main > div:nth-last-child(4) {
    margin-top: 160px;
}
/* .site_nwslst_item_div {
    font-size: 125%;
} */
a.site_nwslst_item {
    overflow: hidden;
    white-space: nowrap;
}
a.site_nwslst_item > .block_horizonal {
    margin-left: -10px;
    margin-top: -10px;
}
a.site_nwslst_item > .block_horizonal > div {
    padding-left: 10px;
    padding-top: 10px;
}
.site_nwslst_item_time {
    width: auto;
    min-width: auto;
    padding-right: 16px;
    position: relative;
}
.site_nwslst_item_time::after {
    content: "";
    display: block;
    width: 1px;
    height: 1em;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%) translate(0, 5px);
    background-color: #261818;
}
.site_nwslst_item_time_box,
.site_nwslst_item_time_date,
.site_nwslst_item_title {
    font-size: 100%;
}
.site_nwslst_item_time_box {
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    text-align: left;
}
.site_nwslst_item_time_separate {
    padding-left: 5px;
    padding-right: 5px;
}
.site_nwslst_item_text {
    flex-grow: 1;
    font-weight: normal;
    margin-bottom: 0;
    overflow: hidden;
}
.site_nwslst_item_title {
    font-weight: normal;
    margin-bottom: 0;
}
a.site_nwslst_item:hover .site_nwslst_item_time_box,
a.site_nwslst_item:hover .site_nwslst_item_title {
    color: inherit;
    text-decoration: none;
}
/* .site_nwslst_item_text > div {
    overflow: hidden;
    max-height: none;
} */
.site_nwslst_item_title {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* MORE */
.pgidx_nwscnt_more {
    text-align: right;
    padding-bottom: 175px;
    margin-top: 0;
}
.pgidx_nwscnt_more a {
    color: inherit;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    text-decoration: underline;
}
/* 區塊標題 */
.pgidx_nwscnt_title {
    font-size: 222.23%;
    text-align: left;
    margin-bottom: 0;
    /**/
    color: #001d7f;
}
.pgidx_nwscnt_title_text {
    width: 146px;
    min-width: 146px;
    overflow: hidden;
    position: relative;
}
.pgidx_nwscnt_title_text::before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 129.45%;
    background: url("../Images/pgidx_nwscnt_title_text.png") left top no-repeat;
    background-size: 100% 100%;
}
.pgidx_nwscnt_title_text > div {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    align-items: center;
    line-height: 1.2;
    margin-right: 5px;
}
.pgidx_nwscnt_title_slogan {
    flex-grow: 1;
    font-size: 68.89%;
    /* color: #898989; */
    color: #666;
    padding-left: 20px;
    padding-right: 20px;
}
.pgidx_nwscnt_title > div::after {
    content: "";
    display: block;
    width: 95px;
    min-width: 95px;
    height: 105px;
    background: url("../Images/pgidx_nwscnt_title_flower.png") center center no-repeat;
    background-size: 100% 100%;
}
/*SEARCH*/
.pgidx_nwsbg_grndmr_search_position {
    position: relative;
    z-index: 2;
}
.pgidx_nwsbg_grndmr_search {
    margin-top: -70px;
    font-size: 122.22%;
}
.pgidx_nwsbg_grndmr_search .site_search_box,
.pginr_tpsrch_box > form {
    background: linear-gradient(to bottom, #ced1d9, #eceef1);
    padding: 5px;
}
.pgidx_nwsbg_grndmr_search .site_search_box > .block_horizonal,
.pginr_tpsrch_box > form > .block_horizonal {
    border-radius: 10px;
    overflow: hidden;
    align-items: stretch;
}
.pgidx_nwsbg_grndmr_search .site_search_box > .block_horizonal::before,
.pginr_tpsrch_box > form > .block_horizonal::before {
    content: "";
    display: block;
    width: 56px;
    min-width: 56px;
    background: url("../Images/pgidx_nwsbg_grndmr_search.png") center center no-repeat #FFF;
}
.site_keywords_box {
    margin-top: 10px;
}
.pgidx_nwsbg_grndmr_search .site_keywords_box {
    overflow: hidden;
    /* color: #FFF; */
    color: #333;
}
.site_keywords_box > .block_horizonal {
    align-items: stretch;
}
.site_keywords_box_title {
    white-space: nowrap;
}
.site_keywords_box_items {
    flex-grow: 1;
}
.site_keywords_box_items a {
    text-decoration: none;
}
.site_keywords_box_items a::after {
    content: "、";
    display: inline;
}
.site_keywords_box_items a:last-child::after {
    content: none;
}
@media screen and (max-width:1366px) {
    .pgidx_news_content {
        min-height: 676px;
    }
    .pgidx_news_content_bg {
        background-size: 420px auto;
    }
    .pgidx_news_content,
    .pgidx_nwsbg_grndmr_search {
        margin-left: 288px;
    }
    .pgidx_nwscnt_main {
        min-height: 180px;
    }
    .pgidx_nwscnt_main > div,
    .pgidx_nwscnt_main > div:nth-last-child(4) {
        margin-top: 20px;
    }
    .pgidx_nwscnt_main > div:nth-last-child(2) {
        margin-top: 95px;
    }
}
@media screen and (max-width:1024px) {
    .pgidx_news_content {
        min-height: auto;
    }
    .pgidx_news_content_bg {
        background: none;
    }
    .pgidx_news_content,
    .pgidx_nwsbg_grndmr_search {
        margin-left: 0;
    }
    .pgidx_nwscnt_main {
        min-height: auto;
    }
    .pgidx_nwscnt_main > div,
    .pgidx_nwscnt_main > div:nth-last-child(2) {
        margin-top: 20px;
    }
}
@media screen and (max-width:768px) {
    .pgidx_block[data-content="news"] {
        padding-bottom: 20px;
    }
    .pgidx_nwscnt_title {
        font-size: 177.78%;
    }
    .pgidx_nwscnt_title > div::after {
        content: none;
    }
    .pgidx_nwscnt_title_text {
        width: 120px;
        min-width: 120px;
    }
    .pgidx_nwscnt_title_slogan {
        padding-right: 0;
    }
    .pgidx_news {
        padding-left: 10%;
        padding-right: 10%;
    }
    .pgidx_nwsbg_grndmr_search_position {
        padding-left: 20px;
        padding-right: 20px;
    }
    .pgidx_nwsbg_grndmr_search {
        margin-top: -100px;
    }
    .pgidx_news_bg {
        display: none;
    }
}
@media screen and (max-width:575px) {
    .pgidx_news {
        padding: 20px;
        margin: 20px;
        background-color: #FFF;
    }
    .pgidx_nwscnt_more {
        padding-bottom: 0;
    }
    .pgidx_nwsbg_grndmr_search {
        margin-top: 0;
    }
    .site_nwslst_item > .block_horizonal,
    .site_keywords_box > .block_horizonal {
        flex-wrap: wrap;
    }
    .site_nwslst_item_text,
    .site_keywords_box_items {
        width: 100%;
        min-width: 100%;
    }
}
@media screen and (max-width:450px) {
    /* .pgidx_nwscnt_title > .block_horizonal {
        flex-wrap: wrap;
        justify-content: center;
    }
    .pgidx_nwscnt_title_slogan {
        width: 100%;
        min-width: 100%;
        margin-top: 15px;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    } */
    .pgidx_nwscnt_title {
        font-size: 142.22%;
    }
    .pgidx_nwscnt_title_text {
        width: 90px;
        min-width: 90px;
    }
    .pgidx_nwscnt_more {
        text-align: center;
    }
}
/*CATEGORY*/
.pgidx_block[data-content="category"] {
    padding-top: 40px;
    background: url("../Images/pgidx_block_category_bg.png") center center repeat;
}
.pgidx_ctgrbg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pgidx_ctgrbg::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 360px;
    background: url("../Images/pgidx_ctgrbg.png") center bottom repeat-x;
    background-size: auto 100%;
}
.pgidx_ctgrbg::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 320px;
    background: url("../Images/pgidx_ctgrbg_bottom.png") center bottom no-repeat;
    background-size: auto 100%;
    z-index: 30;
    touch-action: none;
    pointer-events: none;
}
.pgidx_ctgrbg_position {
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    min-width: 1800px;
    height: 100%;
    transform: translate(-50%, 0);
}
.pgidx_ctgrbg_position > div {
    position: absolute;
    top: 0;
    width: 438px;
    height: 100%;
    background-repeat: no-repeat;
}
.pgidx_ctgrbg_left {
    left: 0;
    background-image: url("../Images/pgidx_ctgrbg_lamps_left.png"), url("../Images/pgidx_ctgrbg_middle_left.png"), url("../Images/pgidx_ctgrbg_grass_left.png");
    background-position: left top, left center, left bottom;
}
.pgidx_ctgrbg_right {
    right: 0;
    background-image: url("../Images/pgidx_ctgrbg_middle_right.png"), url("../Images/pgidx_ctgrbg_lamps_right.png"), url("../Images/pgidx_ctgrbg_grass_right.png");
    background-position: center center, right top, right bottom;
}
@media screen and (max-width:1200px) {
    .pgidx_ctgrbg::before {
        height: 0;
        padding-bottom: 30%;
    }
    .pgidx_ctgrbg::after {
        height: 0;
        padding-bottom: 26.67%;
        background: url("../Images/pgidx_ctgrbg_bottom_2.png") center bottom no-repeat;
        background-size: 100% 100%;
    }
    .pgidx_ctgrbg_position > div {
        display: none;
    }
}
@media screen and (max-width:960px) {
    .pgidx_ctgrbg::after {
        content: none;
    }
}
.pgidx_ctgrcntnt {
    position: relative;
}
[data-rel="taoyuan"] .pgidx_ctgrcntnt > .width_limiter {
    padding-left: 20px;
    padding-right: 20px;
}
.pgidx_ctgrcntnt > * > .block_horizonal {
    align-items: stretch;
    justify-content: center;
}
.pgidx_ctgrcntnt_left {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    max-width: 800px;
}
.pgidx_block[data-content="category"] .pgidx_nwscnt_title,
.pgidx_block[data-content="category"] .pgidx_nwscnt_title_slogan {
    color: #FFF;
}
.pgidx_block[data-content="category"] .pgidx_nwscnt_title_slogan {
    padding-right: 0;
}
.pgidx_block[data-content="category"] .pgidx_nwscnt_title > div::after {
    content: none;
}
.pgidx_ctgrcntnt_left_main {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding-left: 42px;
    margin-top: -6%;
}
.pgidx_ctgrcntnt_left_main::before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 12.25%;
    background: url("../Images/pgidx_ctgrcntnt_left_main_top.png") left top no-repeat;
    background-size: 100% 100%;
    margin-bottom: -1px;
}
.pgidx_ctgrcntnt_left_main_content {
    /* min-height: 100%; */
    flex-grow: 1;
    background: url("../Images/pgidx_ctgrcntnt_left_main_loop.png") left top repeat-y;
    background-size: 100% auto;
    /**/
    padding: 20px;
    padding-left: 7%;
    padding-right: 8.5%;
    color: #FFF;
}
.pgidx_ctgrcntnt_left_main_content > ul > li {
    margin-top: 40px;
    padding-bottom: 30px;
    border-bottom: 2px solid #af9c6e;
}
.pgidx_ctgrcntnt_left_main_content > ul > li:first-child {
    margin-top: 0;
}
.pgidx_ctgrcntnt_left_items {
    max-width: 399px;
    margin-left: auto;
    margin-right: auto;
    font-size: 111.11%;
}
.pgidx_ctgrcntnt_left_items_list {
    margin-top: 30px;
    margin-bottom: 30px;
}
.pgidx_ctgrcntnt_left_items_more {
    text-align: center;
}
.pgidx_ctgrcntnt_left_items_more a {
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #b28247;
    color: #b28247;
    font-weight: bold;
    text-decoration: none;
}
.pgidx_ctgrcntnt_right {
    padding-left: 15px;
    /* width: 515px;
    min-width: 515px; */
    width: 44.4%;
    min-width: 44.4%;
}
.pgidx_ctgrcntnt_right > div {
    display: flex;
    align-items: flex-end;
    height: 100%;
    /* padding-bottom: 147px; */
    padding-bottom: 29.4%;
}
@media screen and (max-width:960px) {
    .pgidx_ctgrcntnt_right {
        display: none;
    }
    .pgidx_ctgrcntnt_left_main {
        padding-left: 0;
    }
}
@media screen and (max-width:450px) {
    .pgidx_ctgrcntnt_left_main {
        margin-top: 15px;
    }
    .pgidx_ctgrcntnt_left_main::before {
        content: none;
    }
    .pgidx_ctgrcntnt_left_main_content {
        background: #271919;
        border: 10px solid #be7601;
        border-bottom: none;
        border-right-color: transparent;
    }
}
/*內頁公版*/
.page_inner {
    position: relative;
}
.page_inner .pgidx_nwscnt_title ~ div:last-child {
    padding-bottom: 0;
}
/*內頁背景差異化-S*/
.page_inner .pgidx_news_bg {
    background-color: transparent;
}
.page_inner .pgidx_nwsbg_front_rotate {
    width: 100%;
    height: 100%;
    transform: none;
}
.page_inner .pgidx_nwsbg_border {
    align-items: center;
}
.page_inner .pgidx_nwsbg_border_white {
    width: auto;
    height: auto;
    top: 50px;
    left: 50px;
    right: 50px;
    bottom: 50px;
    margin-bottom: 0;
    transform: rotate(-1.2deg);
    position: absolute;
}
/*內頁背景差異化-E*/
.page_inner .pgidx_nwscnt_title_text {
    color: #281a1b;
    font-weight: bold;
}
.page_inner .pgidx_nwscnt_title_text h2 {
    /* max-width: 2em; */
    max-width: 2.6em;
    text-align: right;
}
.page_inner .pgidx_nwscnt_title_slogan {
    padding-right: 0;
}
.page_inner .pgidx_nwscnt_title > div::after {
    content: none;
}
.page_inner .pginr_content {
    position: relative;
    padding: 100px 9%;
}
@media screen and (max-width:1024px) {
    .page_inner .pginr_content {
        padding: 80px 15%;
    }
}
@media screen and (max-width:768px) {
    .page_inner .pginr_content {
        padding: 30px 0 30px 0;
        background-color: #FFF;
    }
}
/**/
.pginr_form {
    display: table;
    width: 100%;
}
.pginr_form_row {
    display: table-row;
    margin-bottom: 0;
}
.pginr_form_row > div {
    display: table-cell;
    vertical-align: top;
    padding: 10px 5px;
}
.pginr_form_title {
    width: 1px;
    white-space: nowrap;
    text-align: right;
}
.pginr_form_title label {
    margin-top: 6px;
    margin-bottom: 0;
}
.input_notice {
    color: #009e87;
}
.register_mail_link a {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 5px;
}
@media screen and (max-width:768px) {
    .pginr_form,
    .pginr_form_row,
    .pginr_form_row > div {
        display: block;
    }
    .pginr_form_title {
        text-align: left;
        width: auto;
        white-space: normal;
    }
    .pginr_form_row > div.pginr_form_title {
        padding-bottom: 0;
    }
}
/*登入*/
.site_login_form {
    background-color: transparent;
    padding-right: 0;
    max-width: none;
    padding: 0;
    margin: 0;
    color: inherit;
}
.lgnfrm_links {
    margin-top: 15px;
    margin-bottom: 15px;
    color: #b28247;
}
.lgnfrm_links a::after {
    content: none;
}
.lgnfrm_submit {
    text-align: center;
}
.lgnfrm_submit > ul {
    display: table;
    margin: 0 auto;
}
.lgnfrm_submit > ul > li {
    display: inline-block;
    margin: 0.5em 1em;
}
.lgnfrm_submit input[type="submit"],
.lgnfrm_submit a {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding: 0.3em 1.5em;
    color: #FFF;
    text-align: center;
    border-radius: 999px;
    text-decoration: none;
    border: none;
    font-size: 110% !important;
    width: 7em;
    max-width: 100%;
}
.lgnfrm_submit input[type="submit"] {
    background-color: #009e87;
}
.lgnfrm_submit a {
    background-color: #666;
}
.lgnfrm_username .block_horizonal ~ *,
.lgnfrm_password .block_horizonal ~ * {
    margin-left: calc(2em + 10px);
}
/*註冊*/
.pginr_apply_txtcntnt_check {
    background-color: #009e87;
}
.pginr_form_submit {
    margin: 15px 0 15px 0;
    overflow: hidden;
}
.pginr_form_submit > div {
    margin-left: -15px;
    margin-top: -15px;
    padding: 0;
}
.pginr_form_submit button {
    margin-left: 15px;
    margin-top: 15px;
    font-size: 100% !important;
    background-color: #115146;
}
/* 最新消息 */
.pginr_top_search,
.pginr_top_filter {
    margin-top: 15px;
}
.pginr_top_search,
.page_inner[data-page="artist_view"][data-type="list"] .pginr_top_filter {
    margin-left: 146px;
    padding-left: 20px;
}
.pginr_tpsrch_box > form {
    display: block;
}
.pginr_tpsrch_box .topfilter_input_keyword input[type="text"] {
    background-image: none;
    padding: 0.5em 0.7em;
}
.pginr_list > div {
    margin-bottom: 30px;
}
/**/
.pagination-container {
    display: table;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.pagination {
    margin: 10px 0;
    border-radius: 0;
    margin-left: -1px;
    display: flex;
    flex-wrap: wrap;
}
.pagination > li {
    position: relative;
    overflow: hidden;
    display: block;
    flex-grow: 1;
}
.pagination > li::before {
    content: "";
    display: block;
    width: 1px;
    height: 1em;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.pagination > li > a,
.pagination > li > span {
    float: none;
    display: block;
    border: none;
    margin-left: 0;
    text-align: center;
    background-color: transparent;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: transparent;
    border-color: transparent;
    color: #55b7e6;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: transparent;
    border-color: transparent;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0;
}
/**/
.pginr_main > div {
    margin-bottom: 40px;
}
.pginr_pagenumber,
.pginr_detail_main {
    border-bottom: 1px solid #555251;
}
.pginr_detail_main {
    padding-bottom: 40px;
}
.pginr_detail_main > div {
    margin-bottom: 20px;
}
.pginr_main > div:last-child,
.pginr_detail_main > div:last-child {
    margin-bottom: 0;
}
.pginr_detail_cover {
    text-align: center;
}
.pginr_detail_article_info {
    overflow: hidden;
}
.pginr_detail_article_info > .block_horizonal {
    align-items: stretch;
    margin-left: -20px;
    margin-top: -10px;
}
.pginr_detail_article_info > .block_horizonal > div {
    padding-left: 20px;
    padding-top: 10px;
}
.pginr_detail_title,
.form_title_main {
    font-size: 116.67%;
    background-color: transparent;
    padding: 0;
    font-weight: bold;
}
.pginr_detail_article_info .pginr_detail_title {
    flex-grow: 1;
    background-color: transparent;
    padding-bottom: 0;
    margin-bottom: 0;
    color: inherit;
    font-size: 166.67%;
}
.pginr_detail_article_info .pginr_detail_time > div {
    display: flex;
    height: 100%;
    align-items: flex-end;
    text-align: right;
}
.pginr_detail_image_list > ul {
    flex-wrap: wrap;
}
.pginr_detail_image_list a {
    display: block;
}
.pginr_detail_image_list a:focus {
    padding: 8px;
}
.pginr_detail_image_postion {
    position: relative;
    height: 0;
    padding-bottom: 66.93%;
    overflow: hidden;
}
.pginr_detail_image_postion > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pginr_detail_download_list a {
    margin: 0;
    padding-left: 42px;
}
/**/
.pginr_detail_bottom_links {
    font-size: 111.11%;
}
.pginr_detail_btmlnks_home {
    text-align: center;
    flex-grow: 1;
    padding-left: 15px;
    padding-right: 15px;
}
/*線上資源列表SPEC*/
.site_nwslst_item.has_file .site_nwslst_item_text > .block_horizonal::after {
    content: "";
    display: block;
    width: 35px;
    min-width: 35px;
    height: 35px;
    margin-left: 10px;
    background: url("../Images/icon_has_file.png") center center no-repeat;
    background-size: 100% 100%;
}
@media screen and (max-width:768px) {
    .pginr_top_search,
    .page_inner[data-page="artist_view"][data-type="list"] .pginr_top_filter {
        margin-left: 0;
        padding-left: 0;
    }
    .pginr_detail_article_info > .block_horizonal {
        flex-wrap: wrap;
    }
    .pginr_detail_article_info > .block_horizonal > div {
        width: 100%;
        min-width: 100%;
    }
    .pginr_detail_article_info .pginr_detail_time > div {
        justify-content: flex-end;
    }
}
@media screen and (max-width:400px) {
    .pginr_detail_bottom_links > .block_horizonal {
        flex-wrap: wrap;
    }
    .pginr_detail_bottom_links > .block_horizonal > div {
        flex-grow: 1;
    }
    .pginr_detail_bottom_links > .block_horizonal > div.pginr_detail_btmlnks_home {
        width: 100%;
        min-width: 100%;
        order: -1;
        margin-bottom: 15px;
    }
    .pginr_detail_btmlnks_prev {
        text-align: right;
        padding-right: 10px;
    }
    .pginr_detail_btmlnks_next {
        text-align: left;
        padding-left: 10px;
    }
}
@media screen and (max-width:350px) {
    .pginr_detail_download_list a {
        padding-left: 0;
    }
}
.pginr_form_submit a,
.pginr_form_submit input,
.pginr_form_submit button {
    background-color: #115146;
    font-size: 100% !important;
    margin-left: 15px;
    margin-top: 15px;
}
.form_box table.table th,
.form_box table.table td {
    font-size: 100%;
    padding: 10px;
}
.form_box table.table caption {
    font-size: 100%;
    color: #115146;
    font-weight: bold;
}
.form_title_main {
    background-color: #009e87;
    padding: 20px;
}
.form_box .btn-warning,
.form_box .btn-warning:hover,
.form_box .btn-warning:focus {
    background-color: #009e87;
    border: none;
    max-width: 150px;
}
/* Q&A */
.pginr_qnalist.mobile_type .mcitab_cntbx > div > h3 > a,
.pginr_qnalist.mobile_type .mcitab_cntbx > div > .mcitab_header > a,
.pginr_qnalist.mobile_type .mbtype_view > .mcitab_detail {
    border: none;
    padding: 20px;
}
.pginr_qnalist.mobile_type .mcitab_cntbx > div > h3 > a,
.pginr_qnalist.mobile_type .mcitab_cntbx > div > .mcitab_header > a {
    background-color: #009e87;
    border-top: 1px solid #FFF;
    color: #FFF;
    font-size: 115%;
    display: flex;
}
.pginr_qnalist_question_text {
    flex-grow: 1;
}
.pginr_qnalist_question_icon {
    padding-left: 20px;
    display: flex;
    align-items: center;
}
.pginr_qnalist_question_icon::before {
    content: "";
    display: block;
    width: 24px;
    overflow: hidden;
    /**/
    border: 12px solid transparent;
    border-top-color: #FFF;
    transform: translate(0, 25%);
}
.mbtype_view .pginr_qnalist_question_icon::before {
    border: none;
    transform: none;
    /**/
    background-color: #FFF;
    height: 4px;
}
@media screen and (max-width:768px) {
    .pginr_qnalist.mobile_type .mcitab_cntbx > div > h3 > a,
    .pginr_qnalist.mobile_type .mcitab_cntbx > div > .mcitab_header > a,
    .pginr_qnalist.mobile_type .mbtype_view > .mcitab_detail {
        padding: 15px;
    }
    .pginr_qnalist_question_icon {
        padding-left: 10px;
    }
}
/*永遠顯示
@media screen and (max-width:575px) {
    .pginr_qnalist_question_icon {
        display: none;
    }
}*/
/*SITEMAP*/
.stmpcnt_top {
    padding-bottom: 30px;
    border-bottom: 1px dashed #ccc;
}
.page_inner_sitemap {
    font-size: 117.65%;
}
.page_inner_sitemap a {
    border-color: #261818;
}
.page_inner_sitemap a > span {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-grow: 1;
    padding: 10px;
}
.page_inner_sitemap a > span.item_number {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 4rem;
    min-width: 4rem;
    flex-grow: 0;
    min-height: auto;
    background-color: #261818;
}
.page_inner_sitemap a > span.item_number::before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 56.25%;
}
.page_inner_sitemap a > span.item_number > span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
/*會員中心*/
.pginrsubs_text {
    background-color: #261818;
}
/* 藝人&場地介紹 */
.pginr_top_filter {
    margin-bottom: 30px;
}
.pginr_top_filter > .block_horizonal {
    align-items: stretch;
}
.pginr_tpfltr_left {
    width: 437px;
    min-width: 437px;
    text-align: center;
}
.pginr_tpfltr_right {
    flex-grow: 1;
    padding-left: 15px;
}
.pginr_tpfltr_list {
    overflow: hidden;
}
.pginr_tpfltr_list .block_horizonal {
    margin-top: -15px;
    margin-left: -15px;
    flex-wrap: wrap;
}
.pginr_tpfltr_list .block_horizonal > li {
    padding-top: 15px;
    padding-left: 15px;
}
.pginr_tpfltr_list input[type="checkbox"] {
    /* display: none; */
    width: 0;
    height: 0;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
}
.pginr_tpfltr_list a,
.pginr_tpfltr_list label,
.pginr_tpfltr_list label > span {
    display: block;
}
.pginr_tpfltr_list a,
.pginr_tpfltr_list label > span {
    padding: 0.3em 1em;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    background-color: #5b5653;
    text-align: center;
    cursor: pointer;
}
.pginr_tpfltr_list .active a,
.pginr_tpfltr_list input[type="checkbox"]:checked + label > span {
    background-color: #107249;
}
/*list*/
.pginr_artist_space_list {
    overflow: hidden;
}
.pginr_artist_space_list a {
    text-decoration: none;
}
.pginr_artist_space_list > .block_horizonal {
    margin-left: -20px;
    margin-top: -20px;
    flex-wrap: wrap;
    align-items: stretch;
}
.pginr_artist_space_list > .block_horizonal > li {
    padding-left: 20px;
    padding-top: 20px;
    width: 25%;
    min-width: 25%;
}
a.pginr_rtstspclst_href {
    display: block;
}
.pginr_rtstspclst_items_image {
    padding-right: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}
.pginr_rtstspclst_items_image > div {
    position: relative;
    height: 0;
    padding-bottom: 100%;
}
.pginr_rtstspclst_items_image > div::before,
.pginr_rtstspclst_items_image img {
    width: 100%;
    height: 100%;
    position: absolute;
}
.pginr_rtstspclst_items_image > div::before {
    content: "";
    display: block;
    left: 0;
    top: 0;
    background: url("../Images/pginr_rtstspclst_items_image_loop.png") left top repeat;
}
.pginr_rtstspclst_items_image img {
    right: -20px;
    bottom: -20px;
    object-fit: cover;
}
.pginr_rtstspclst_items_image ~ div {
    margin-top: 15px;
}
.page_inner[data-page="space_view"][data-type="list"] .pginr_rtstspclst_items_title {
    text-align: center;
}
.pginr_rtstspclst_items_title {
    /* font-weight: bold; */
    color: #3e3a39;
}
.pginr_rtstspclst_items_category {
    color: #009e87;
}
.pginr_rtstspclst_items_category > .block_horizonal {
    flex-wrap: wrap;
}
.pginr_rtstspclst_items_category span::before {
    content: "、";
    display: inline;
}
.pginr_rtstspclst_items_category span:first-child::before {
    content: none;
}
.pginr_rtstspclst_items_custom {
    /* color: #f7b200; */
    color: #866100;
}
.pginr_rtstspclst_items_award {
    overflow: hidden;
}
.pginr_rtstspclst_items_award .block_horizonal {
    margin-left: -10px;
    margin-top: -10px;
    flex-wrap: wrap;
}
.pginr_rtstspclst_items_award .block_horizonal > li {
    width: 43px;
    min-width: 43px;
    padding-left: 10px;
    padding-top: 10px;
}
.pginr_rtstspclst_items_award_item {
    height: 0;
    padding-bottom: 142.42%;
    overflow: hidden;
    background: url("../Images/pginr_rtstspclst_items_award_bg.png") center top no-repeat;
    position: relative;
}
.pginr_rtstspclst_items_award_item > span {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 70.21%;
    color: #FFF;
    font-size: 70%;
}
@media screen and (max-width:1024px) {
    .pginr_top_filter > .block_horizonal > div {
        width: 50%;
        min-width: 50%;
    }
    .pginr_artist_space_list > .block_horizonal > li {
        width: 33.33%;
        min-width: 33.33%;
    }
}
@media screen and (max-width:768px) {
    .pginr_top_filter > .block_horizonal {
        flex-wrap: wrap;
    }
    .pginr_top_filter > .block_horizonal > div {
        width: 100%;
        min-width: 100%;
    }
    .pginr_tpfltr_right {
        padding-top: 15px;
        padding-left: 0;
    }
    .pginr_artist_space_list > .block_horizonal > li {
        width: 50%;
        min-width: 50%;
    }
    .pginr_tpfltr_list .block_horizonal > li {
        width: 33.33%;
        min-width: 33.33%;
    }
}
@media screen and (max-width:575px) {
    .pginr_artist_space_list > .block_horizonal > li {
        width: 100%;
        min-width: 100%;
    }
    .pginr_tpfltr_list .block_horizonal > li {
        width: 50%;
        min-width: 50%;
    }
}
/*內頁*/
.page_inner[data-page="artist_view"][data-type="detail"] .pginr_detail_main,
.page_inner[data-page="space_view"][data-type="detail"] .pginr_detail_main {
    border-bottom: none;
    padding-bottom: 0;
}
.page_inner[data-page="artist_view"][data-type="detail"] .pginr_detail_cover,
.page_inner[data-page="space_view"][data-type="detail"] .pginr_detail_cover {
    margin-bottom: 60px;
}
.pginr_detail_cover,
.pginr_rtstspcnflst_items_title,
.pginr_rtstspcnflst_items_content {
    padding-left: 80px;
    padding-right: 80px;
}
.pginr_rtstspcnflst_items_title {
    font-size: 133.33%;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #efeff0;
    font-weight: bold;
}
.pginr_rtstspcnflst_items_content {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 105.56%;
}
.pginr_rtstspcnflst_data_list > ul > li {
    margin-top: 10px;
}
.pginr_rtstspcnflst_data_list > ul > li:first-child {
    margin-top: 0;
}
.pginr_rtstspcnflst_data_list .block_horizonal {
    flex-wrap: wrap;
    align-items: stretch;
}
/**/
.page_inner[data-page="space_view"][data-type="detail"] .pginr_rtstspcnflst_items:first-child .pginr_rtstspcnflst_items_title,
.page_inner[data-page="activity"][data-type="detail"] .pginr_rtstspcnflst_items:first-child .pginr_rtstspcnflst_items_title,
.pginr_rtstspcnflst_items[data-title] .pginr_rtstspcnflst_items_title {
    color: #FFF;
    text-align: center;
    font-size: 200%;
}
.page_inner[data-page="space_view"][data-type="detail"] .pginr_rtstspcnflst_items:first-child .pginr_rtstspcnflst_items_title,
.page_inner[data-page="activity"][data-type="detail"] .pginr_rtstspcnflst_items:first-child .pginr_rtstspcnflst_items_title {
    background-color: #009e87;
}
.pginr_rtstspcnflst_items[data-type="rule"] .pginr_rtstspcnflst_items_content > div {
    margin-top: 40px;
}
.pginr_rtstspcnflst_items[data-type="rule"] .pginr_rtstspcnflst_items_content > div.pginr_detail_custom {
    margin-top: 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #3e3a39;
}
.pginr_rtstspcnflst_items[data-type="rule"] .pginr_detail_title {
    background-color: transparent;
    color: inherit;
}
.pginr_rtstspcnflst_items[data-type="space_area"] .pginr_detail_image_list > ul > li {
    width: 50%;
    min-width: 50%;
}
@media screen and (max-width:1024px) {
    .page_inner[data-page="artist_view"][data-type="detail"] .pginr_detail_cover {
        margin-bottom: 30px;
    }
    .pginr_detail_cover,
    .pginr_rtstspcnflst_items_title,
    .pginr_rtstspcnflst_items_content {
        padding-left: 40px;
        padding-right: 40px;
    }
    .pginr_rtstspcnflst_items_content {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media screen and (max-width:768px) {
    .pginr_detail_cover,
    .pginr_rtstspcnflst_items_title,
    .pginr_rtstspcnflst_items_content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .pginr_rtstspcnflst_items[data-type="space_area"] .pginr_detail_image_list > ul > li {
        width: 100%;
        min-width: 100%;
    }
}
@media screen and (max-width:575px) {
    .pginr_detail_cover,
    .pginr_rtstspcnflst_items_content {
        padding-left: 0;
        padding-right: 0;
    }
}
@media print {
    .main_body,
    .pgidx_news_content,
    .pgidx_nwscnt_main,
    .block_horizonal {
        display: block !important;
    }
    .block_horizonal > * {
        display: inline-block !important;
        /* width: auto !important; */
        min-width: 0 !important;
        vertical-align: top !important;
    }
    * {
        -webkit-print-color-adjust: exact !important;    
        color-adjust: exact !important;
    }
    .pgidx_news_content,
    .pgidx_nwscnt_main {
        min-height: 0 !important;
    }
    a:after {
        content: none !important;
    }
    img,
    .pgidx_ctgrcntnt_left_main_content li {
        /* position: relative !important;
        page-break-inside: avoid !important; */
        display: inline-block !important;
        width: 100% !important;
        page-break-inside: avoid !important;
    }
    .width_limiter {
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /**/
    .pgidx_nwscnt_title_text > div {
        position: static;
    }
    .pgidx_news_content,
    .pgidx_nwsbg_grndmr_search {
        margin-left: 0;
        margin-right: 0;
    }
    .pgidx_ctgrcntnt_right img {
        display: none;
    }
}
/**/
.logout_top {
    font-size: 150%;
    color: #FED350;
}
.notdata_now {
    font-weight: bold;
    font-size: 200%;
    text-align: center;
}
/**/
.pginr_tpfltr_left svg {
    width: 100%;
}
path[id^="district_x5F_"] {
    cursor: pointer;
}
path[id^="district_x5F_"]:hover,
path[id^="district_x5F_"].active {
    fill: #956134;
}
g#TEXT,
g#TAG {
    pointer-events: none;
    touch-action: none;
}
/*內頁嫌太單調新增裝飾*/
.pgidx_nwsbg_border_white_new_pos {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 5;
}
.pgidx_nwsbg_border_white_new {
    position: absolute;
    left: -10px;
    right: -10px;
    top: -50px;
    bottom: -50px;
    transform-origin: center bottom;
    transform: rotate(1.2deg);
    background-repeat: no-repeat;
    background-image: url("../Images/page_inner_new_bottom_flower.png"), url("../Images/page_inner_new_bottom_right.png"), url("../Images/page_inner_new_bottom_left.png");
    background-position: 95% bottom, 102% 50%, 2% 80%;
    background-size: 6.82% auto, 16.95% auto, 21.2% auto;
}
@media screen and (max-width:1366px) {
    .pgidx_nwsbg_border_white_new_pos {
        display: none;
    }
}
/* 活動專區列表 */
.activity_calendar_show {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.activity_calendar_show > .block_horizonal {
    align-items: flex-start;
    margin-left: -50px;
    margin-top: -20px;
}
.activity_calendar_show > .block_horizonal > div {
    padding-left: 50px;
    padding-top: 20px;
}
.activity_calendar {
    width: 350px;
    min-width: 350px;
}
.activity_date_list {
    flex-grow: 1;
}
.activity_dtlst_title {
    padding: 1em;
    font-size: 150%;
    background-color: #009e87;
    color: #FFF;
    text-align: center;
}
.activity_dtlst_list {
    padding: 40px;
}
.activity_dtlst_list li {
    margin-top: 40px;
}
.activity_dtlst_list li:first-child {
    margin-top: 0;
}
a.activity_dtlst_item {
    text-decoration: none;
}
a.activity_dtlst_item > .block_horizonal {
    margin-left: -10px;
    margin-top: -10px;
}
a.activity_dtlst_item > .block_horizonal > div {
    padding-left: 10px;
    padding-top: 10px;
}
.activity_dtlst_item_name {
    flex-grow: 1;
}
.activity_dtlst_item_date {
    white-space: nowrap;
}
/**/
.page_activity_list > ul > li {
    margin-top: 40px;
}
.page_activity_list > ul > li:first-child {
    margin-top: 0;
}
.page_actvtlst_item > .block_horizonal  {
    align-items: stretch;
    margin-left: -40px;
    margin-top: -20px;
}
.page_actvtlst_item > .block_horizonal > div {
    padding-left: 40px;
    padding-top: 20px;
}
.page_actvtlst_item_image {
    width: 49.58%;
    min-width: 49.58%;
}
.page_actvtlst_item_image img {
    width: 100%;
}
.page_actvtlst_item_text {
    font-size: 125%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.page_actvtlst_item_text > ul {
    flex-grow: 1;
    padding-top: 20px;
}
.page_actvtlst_item_text > ul > li {
    margin-bottom: 15px;
}
.page_actvtlst_item_text > ul > li > div::before {
    content: "";
    display: block;
    width: 30px;
    min-width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
}
.page_actvtlst_item_text > ul > li .block_horizonal {
    align-items: stretch;
}
.page_actvtlst_item_href {
    color: #129bdd;
}
/**/
.page_actvtlst_item_text > ul > li > div.page_actvtlst_item_name::before {
    background-image: url("../Images/page_actvtlst_item_icon_1.png");
}
.page_actvtlst_item_text > ul > li > div.page_actvtlst_item_date::before {
    background-image: url("../Images/page_actvtlst_item_icon_2.png");
}
.page_actvtlst_item_text > ul > li > div.page_actvtlst_item_location::before {
    background-image: url("../Images/page_actvtlst_item_icon_3.png");
}
@media screen and (max-width:1024px) {
    .page_actvtlst_item > .block_horizonal,
    .activity_calendar_show > .block_horizonal {
        flex-wrap: wrap;
    }
    .activity_dtlst_list {
        padding: 20px 0;
    }
    .activity_dtlst_list li {
        margin-top: 20px;
    }
    .page_actvtlst_item > .block_horizonal > div,
    .activity_calendar_show > .block_horizonal > div {
        width: 100%;
        min-width: 100%;
    }
    .page_actvtlst_item_text > ul {
        padding-top: 0;
    }
}
@media screen and (max-width:575px) {
    .activity_dtlst_item > .block_horizonal {
        display: block;
    }
    
}
/*活動內頁*/
.page_inner[data-page="activity"][data-type="detail"] .page_actvtlst_item_text > ul > li > div::before,
.page_inner[data-page="theme"][data-type="detail"] .page_actvtlst_item_text > ul > li > div::before {
    content: none;
}
.page_actvtlst_item_buttons {
    overflow: hidden;
}
.page_actvtlst_item_buttons > .block_horizonal {
    margin-left: -20px;
    margin-top: -10px;
    flex-wrap: wrap;
}
.page_actvtlst_item_buttons > .block_horizonal > li {
    flex-grow: 1;
    padding-left: 20px;
    padding-top: 10px;
}
.page_actvtlst_item_buttons a {
    display: block;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    background-color: #333;
    padding: 0.2em 0.7em;
    border-radius: 7px;
}
/**/
.pginr_rtstspcnflst_items[data-title="spec_green"] .pginr_rtstspcnflst_items_title {
    background-color: #009e87;
}
.page_actvtlst_item_buttons .show_order a {
    background-color: #009e87;
}
.pginr_rtstspcnflst_items[data-title="spec_brown"] .pginr_rtstspcnflst_items_title {
    background-color: #d68e66;
}
.page_actvtlst_item_buttons .show_notice a {
    background-color: #d68e66;
}
/*主題活動*/
.pgnr_actvtlst li {
    margin-top: 40px;
}
.pgnr_actvtlst li:first-child {
    margin-top: 0;
}
a.pgnr_thmlst_href {
    display: block;
    text-decoration: none;
}
.pgnr_thmlst_item_image img {
    width: 100%;
}
.pgnr_thmlst_item_text {
    display: flex;
    margin-top: 15px;
    font-size: 150%;
    font-weight: bold;
}
.pgnr_thmlst_item_text > div {
    flex-grow: 1;
    padding-right: 1em;
}
.pgnr_thmlst_item_text::after,
.pgnr_thmlst_item_text a {
    display: block;
    color: #2ea7e0;
}
/* .pgnr_thmlst_item_text::after {
    content: "MORE";
} */
.pginr_rtstspcnflst_items[data-title="spec_orange"] .pginr_rtstspcnflst_items_title {
    background-color: #fe6b8a;
}
.pgnr_actvtdtl_subhref {
    text-align: center;
    margin-top: 40px;
}
.pgnr_actvtdtl_subhref a {
    display: inline-block;
    vertical-align: top;
    background-color: #fe6b8a;
    padding: 0.3em 1.5em;
    font-size: 131.25%;
    color: #FFF;
    text-decoration: none;
    border-radius: 999px;
    overflow: hidden;
}
@media screen and (max-width:1024px) {
    .pgnr_actvtdtl_subhref {
        margin-top: 20px;
    }
}
.pginr_rtstspcnflst_dtlst_title {
    white-space: nowrap;
}
.pginr_rtstspcnflst_dtlst_data > span:first-child ~ span::before {
    content: "、";
    display: inline;
}
[data-rel="month_schedule"] .pginr_rtstspcnflst_items_content {
    padding-left: 0;
    padding-right: 0;
}
@media screen and (max-width:575px) {
    .page_actvtlst_item_text > ul > li .block_horizonal {
        flex-wrap: wrap;
    }
    .pginr_rtstspcnflst_dtlst_title {
        white-space: normal;
    }
}
.pginr_rtstspcnflst_items_content > div > ul > li {
    padding-bottom: 20px;
    border-bottom: 2px dashed #7f7f7f;
    margin-bottom: 20px;
}
.pginr_rtstspcnflst_items_content > div > ul > li:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}
/*大日曆*/
.bkngspc_detail_month_schedule_top {
    background-color: transparent;
    font-size: 100%;
}
.bkngspc_detail_month_schedule_prev > a,
.bkngspc_detail_month_schedule_next > a {
    display: block;
    border: 2px solid #009e87;
    border-radius: 9999px;
    padding: 5px 15px;
    color: #484444;
    text-decoration: none;
    font-weight: bold;
}
.bkngspc_detail_month_schedule_prev > a::before,
.bkngspc_detail_month_schedule_next > a::after {
    display: inline;
    color: #009e87;
}
.bkngspc_detail_month_schedule_prev > a::before {
    content: "< ";
}
.bkngspc_detail_month_schedule_next > a::after {
    content: " >";
}
.bkngspc_detail_month_schedule_now_box {
    display: inline-flex;
}
.bkngspc_detail_month_schedule_now_month {
    display: flex;
    align-items: center;
    font-size: 300%;
    line-height: 1;
    padding-right: 0.2em;
}
.bkngspc_detail_month_schedule_now_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.bkngspc_detail_month_schedule_now_right > div {
    display: flex;
    align-items: center;
}
.bkngspc_detail_month_schedule_row:first-child ~ .bkngspc_detail_month_schedule_row .bkngspc_detail_month_schedule_cell,
.bkngspc_detail_month_schedule_row:first-child ~ .bkngspc_detail_month_schedule_row .bkngspc_detail_month_schedule_cell:hover {
    background-color: #f7f7f7;
}
.bkngspc_detail_month_schedule_row:first-child,
.bkngspc_detail_month_schedule_row:first-child .bkngspc_detail_month_schedule_cell:nth-child(6),
.bkngspc_detail_month_schedule_row:first-child .bkngspc_detail_month_schedule_cell:nth-child(7) {
    background-color: #009e87;
    color: #FFF;
}
.bkngspc_detail_month_schedule_table {
    border-left-color: #009e87;
    border-top-color: #009e87;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.bkngspc_detail_month_schedule_cell {
    border-right-color: #009e87;
    border-bottom-color: #009e87;
}
.bkngspc_detail_month_schedule_row .calendar-day > time {
    font-size: 100%;
}
.bkngspc_detail_month_schedule_items_title {
    font-size: 80%;
}
/*差異化*/
[data-title="spec_brown"] .bkngspc_detail_month_schedule_prev > a,
[data-title="spec_brown"] .bkngspc_detail_month_schedule_next > a {
    border-color: #d68e66;
}
[data-title="spec_brown"] .bkngspc_detail_month_schedule_prev > a::before,
[data-title="spec_brown"] .bkngspc_detail_month_schedule_next > a::after {
    color: #d68e66;
}
[data-title="spec_brown"] .bkngspc_detail_month_schedule_top {
    color: #d68e66;
}
[data-title="spec_brown"] .bkngspc_detail_month_schedule_cell {
    border-right-color: #d68e66;
    border-bottom-color: #d68e66;
}
[data-title="spec_brown"] .bkngspc_detail_month_schedule_table {
    border-left-color: #d68e66;
    border-top-color: #d68e66;
}
[data-title="spec_brown"] .bkngspc_detail_month_schedule_row:first-child,
[data-title="spec_brown"] .bkngspc_detail_month_schedule_row:first-child .bkngspc_detail_month_schedule_cell:nth-child(6),
[data-title="spec_brown"] .bkngspc_detail_month_schedule_row:first-child .bkngspc_detail_month_schedule_cell:nth-child(7) {
    background-color: #d68e66;
}
[data-title="spec_brown"] .bkngspc_detail_month_schedule_items_title {
    background-color: #ae6956;
}
/*活動專區小日曆*/
.activity_calendar .calendar,
.activity_calendar .row {
    margin: 0;
}
.activity_calendar .bkngspc_detail_month_schedule_top {
    background-color: transparent;
    font-size: 100%;
}
.activity_calendar .bkngspc_detail_month_schedule_table,
.activity_calendar .bkngspc_detail_month_schedule_cell {
    border: none;
}
.activity_calendar .bkngspc_detail_month_schedule_cell {
    padding-left: 2px;
    padding-right: 2px;
}
.activity_calendar .bkngspc_detail_month_schedule_row:first-child ~ .bkngspc_detail_month_schedule_row .bkngspc_detail_month_schedule_cell {
    background-color: transparent;
}
.activity_calendar .calendar-day > time {
    font-size: 100%;
}
.activity_calendar .bkngspc_detail_month_schedule_cell time {
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    padding: 0;
}
.activity_calendar .has_activity > time {
    color: #FFF;
    background-color: #009e87;
}
.activity_calendar .bkngspc_detail_month_schedule_cell time::before {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.activity_calendar .bkngspc_detail_month_schedule_cell time > span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.activity_calendar .calendar-no-current-month  {
    font-size: 0;
}
.activity_calendar .bkngspc_detail_month_schedule_top,
.activity_calendar .bkngspc_detail_month_schedule_row:first-child,
.activity_calendar .bkngspc_detail_month_schedule_row:first-child .bkngspc_detail_month_schedule_cell:nth-child(6),
.activity_calendar .bkngspc_detail_month_schedule_row:first-child .bkngspc_detail_month_schedule_cell:nth-child(7) {
    background-color: transparent;
    color: #009e87;
}
.activity_calendar .bkngspc_detail_month_schedule_prev > a,
.activity_calendar .bkngspc_detail_month_schedule_next > a {
    border: none;
    border-radius: 0;
    color: inherit;
    padding: 0;
}
.activity_calendar .bkngspc_detail_month_schedule_prev > a:before,
.activity_calendar .bkngspc_detail_month_schedule_next > a:after {
    content: none;
}
/**/
.bkngspc_detail_month_schedule_top {
    padding: 5px 0;
    text-align: center;
}
.bkngspc_detail_month_schedule_prev,
.bkngspc_detail_month_schedule_next {
    width: 14.28571428571429%;
    min-width: 14.28571428571429%;
}
.activity_calendar .calendar-no-current-month > time {
    display: none;
}
.bkngspc_detail_month_schedule_row:first-child .bkngspc_detail_month_schedule_cell,
.bkngspc_detail_month_schedule_cell {
    padding: 2px 0;
}
/*2022-01-10*/
.pgnr_verification_code_box {
    display: inline-flex;
    border: 1px solid #ccc;
    margin-top: 5px;
}
.pgnr_verification_code_box input {
    vertical-align: top;
}
a#speak {
    display: block;
    width: 40px;
    overflow: hidden;
}
a#speak > span {
    font-size: 0;
    display: block;
    padding-bottom: 100%;
    background: url("../Images/voice_play.png") center center no-repeat #009e87;
    background-size: 55% auto;
}
/**/
.mcitab_cntbx_children {
    position: relative;
}
.mcitab_cntbx_children a.mcitab_focus {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(1.29375em + 0.483em + 20px + 20px);
}
@media screen and (max-width: 768px) {
    .mcitab_cntbx_children a.mcitab_focus {
        height: calc(1.29375em + 0.483em + 15px + 15px);
    }
}
/**/
.activity_calendar .has_activity.hasActivityAndExpired > time {
    background-color: #7F7F7F;
}
/**/
.activity_dtlst_item_name {
    display: flex;
    align-items: center;
    padding: 0 !important;
}
.activity_dtlst_item_name > div {
    padding-left: 10px;
    padding-top: 10px;
}
.activity_dtlst_item_name_text {
    flex-grow: 1;
}
.activity_dtlst_item_name_dued > span {
    display: block;
    background-color: #C3532F;
    color: #FFF;
    padding: 10px;
    white-space: nowrap;
    text-align: center;
}
/**/
.pginr_rtstspcnflst_items .activity_dtlst_item_name_dued > span {
    padding: 5px 10px;
}
@media screen and (max-width:575px) {
    .activity_dtlst_item_name_dued > span {
        white-space: normal;
    }
}

/*20251107無障礙*/
html[data-index="True"] .pgfrntlkcnt_topbg {
    display: none !important;
}
html[data-index="True"] .blktp_content::before {
    content: none;
}
html[data-index="True"] .blktpcntnt_top {
    margin: 10px 0;
}
html[data-index="True"] .blktpcntnt_tpright {
    display: block !important;
    width: 100%;
}
html[data-index="True"] [data-rel="taoyuan"] .main_body > div.block_top {
    position: relative !important;
    height: auto !important;
}
html[data-index="True"] .blktpcntnt_tpright > .block_horizonal > div {
    margin: 0;
}
html:not([data-index="True"]) [data-rel="taoyuan"] .block_middle a.acsky_href {
    color: #000;
}