body {
    padding-top: 100px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 450px;
}
/* Mci */
body.site_front {
    margin: 0;
    font-family: LiHei Pro, Heiti TC, Microsoft JhengHei, Arial, Helvetica, sans-serif;
    line-height: 1.483;
    font-size: medium;
    /**/
    padding-top: 0;
    padding-bottom: 0;
    /**/
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
*:focus {
    outline: none !important;
}
.site_front img,
svg {
    width: auto;
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
.pginr_detail_custom img {
    /* width: auto !important; */
    height: auto !important;
}
.pginr_detail_custom iframe {
    max-width: 100%;
    vertical-align: top;
}
.pginr_detail_custom * {
    word-break: break-all;
}
.site_front a/*,
.site_front a:hover,
.site_front a:visited,
.site_front a:focus,
.site_front a:link*/ {
    color: inherit;
    text-decoration: none;
}
/* .site_front a:hover {
    text-decoration: underline;
} */
.site_front a.type_btn:hover {
    text-decoration: none;
}
.site_front label {
    margin-bottom: 0;
}
.site_front h1 {
    margin: 0;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}
.site_front input,
.site_front select,
.site_front textarea {
    max-width: 100%;
    margin: 0;
}
/* Mine */
.font_spec {
    font-family: source-han-serif-tc, serif;
    font-weight: 900;
    font-style: normal;
}
.not_list,
.not_list > li {
    list-style: none;
}
.not_list {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}
.width_limiter {
    max-width: 1720px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}
.width_limiter_sub {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
}
.list_horizontal {
    display: flex;
    align-items: center;
}
.href_button:hover {
    text-decoration: none !important;
}
/* Custom */
.blktp_menu_top,
.blktp_menu_bottom {
    padding-top: 20px;
    padding-bottom: 20px;
}
.blktp_menu_top {
    background-color: #dedede;
}
.site_login_icon {
    width: 44px;
    min-width: 44px;
    border-radius: 100%;
    overflow: hidden;
}
.site_login_icon::before {
    content: "";
    display: block;
    padding-bottom: 100%;
    background: url("../Images/top_icon_login.png") center center no-repeat;
    background-size: 100% 100%;
}
.site_login_content {
    padding-left: 15px;
    overflow: hidden;
}
.site_login_content > form {
    display: flex;
    align-items: center;
    flex-wrap:  wrap;
    margin-left: -10px;
    margin-top: -10px;
}
.site_login_content > form > span {
    padding-left: 10px;
    padding-top: 10px;
}
.site_login_content > form a.type_btn {
    display: block;
    padding: 0.5em 1em;
    background-color: #FFF;
    color: #000;
}
.site_login_content > form a[data-to="manage"] {
    background-color: #f2c359;
}
.site_search {
    flex-grow: 1;
    justify-content: flex-end;
}
.site_search > div {
    padding-left: 25px;
}
.site_search_menu,
.site_search_search,
.site_search_socail {
    overflow: hidden;
}
.site_search_menu > ul,
.site_search_search > div,
.site_search_socail > ul {
    flex-wrap: wrap;
    margin-right: -15px;
    margin-top: -15px;
}
.site_search_menu > ul > li,
.site_search_search > div > div,
.site_search_socail > ul > li {
    padding-right: 15px;
    padding-top: 15px;
}
.site_search_input_background {
    background: url("../Images/top_icon_search.png") right center no-repeat #FFF;
    padding: 10px;
    padding-right: 43px;
}
#site_search_input {
    border: none;
    vertical-align: top;
}
#site_search_input::placeholder {
    color: #636363;
}
.site_search_socail a {
    display: block;
    width: 44px;
    border-radius: 100%;
    overflow: hidden;
}
.site_search_socail a > span {
    display: block;
    padding-bottom: 100%;
    font-size: 0;
    background: center center no-repeat;
    background-size: 100% 100%;
}
.site_search_socail_fb a > span {
    background-image: url("../Images/social_icon_fb.png");
}
.site_search_socail_yt a > span {
    background-image: url("../Images/social_icon_yt.png");
}
/**/
#site_login {
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
}
#mcilghtbx_cnt {
    width: 100%;
    max-width: 1400px;
    padding: 60px;
    background: url("../Images/bg_stone.jpg") center center no-repeat;
    background-size: cover;
}
#mcilghtbx_cnt_in {
    padding: 40px;
    background-color: #FFF;
    color: #000;
}
.close_not_poswin a#mcilghtbx_xbtn,
a#mcilghtbx_xbtn {
    border-radius: 100%;
    overflow: hidden;
    background: none #000;
    width: 50px;
    height: 50px;
    margin: 10px 10px 0;
    position: relative;
}
a#mcilghtbx_xbtn::before,
a#mcilghtbx_xbtn::after {
    content: "";
    display: block;
    width: 50%;
    height: 5px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #FFF;
}
a#mcilghtbx_xbtn::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
a#mcilghtbx_xbtn::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
/*樣式二*/
.lightbox_tp2 #mcilghtbx_cnt {
    background: none #FFF;
}
.lightbox_tp2 #mcilghtbx_cnt_in {
    padding: 0;
}
@media screen and (max-width:768px) {
    #mcilghtbx_cnt {
        max-width: 1400px;
        padding: 40px;
    }
    #mcilghtbx_cnt_in {
        padding: 20px;
    }
    .close_not_poswin a#mcilghtbx_xbtn,
    a#mcilghtbx_xbtn {
        border-radius: 0;
        width: 40px;
        height: 40px;
        margin: 0;
    }
}
@media screen and (max-width:450px) {
    #mcilghtbx_cnt {
        padding: 50px 20px 20px 20px;
    }
}
/**/
.blktp_menu_bottom_menu {
    display: table;
    width: 100%;
}
.blktp_menu_bottom_menu > div {
    display: table-cell;
}
.site_logo {
    width: 360px;
    vertical-align: middle;
}
.site_menu {
    vertical-align: bottom;
}
.site_menu a {
    display: block;
    text-align: center;
}
.href_button .text_tw {
    font-size: 120.35%;
}
.site_menu > ul {
    flex-wrap: wrap-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: -15px;
}
.site_menu > ul > li {
    position: relative;
    margin-left: 40px;
    padding-top: 5px;
}
.site_menu a.href_button {
    padding: 10px;
}
.site_menu > ul > li > a.href_button {
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
.site_menu > ul > li.active > a.href_button,
.site_menu > ul > li:hover > a.href_button {
    border-bottom: 5px solid #f2c359;
    padding-top: 10px;
}
.site_menu > ul > li > ul {
    display: none;
    /**/
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #f2c359;
    margin-top: -5px;
    border: 2px solid #FFF;
    border-top: none;
    z-index: 99;
}
.site_menu > ul > li:hover > ul {
    display: block;
}
.site_menu > ul > li > ul > li {
    border-top: 1px solid #B79343;
}
.site_menu > ul > li > ul li:first-child {
    border-top: none;
}
.site_menu > ul > li > ul > li > ul {
    background-color: #B79343;
}
.site_menu > ul > li > ul > li > ul a.href_button {
    color: #FFF;
    font-size: 90%;
}
.site_menu > ul > li > ul > li > ul > li {
    border-top: 1px dashed #FFF;
}
/**/
.blktp_mobile {
    display: none;
}
.blktp_mobile_logo {
    flex-grow: 1;
    height: 70px;
    padding: 10px;
    text-align: center;
    border-right: 1px solid #261B19;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blktp_mobile_logo img {
    max-height: 100%;
}
.blktp_mobile_button {
    width: 70px;
    min-width: 70px;
}
a#blktp_mobilebtn {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 100%;
    font-size: 0;
}
a#blktp_mobilebtn::before,
a#blktp_mobilebtn::after {
    content: "";
    transition: transform 0.5s;
}
a#blktp_mobilebtn > span,
a#blktp_mobilebtn::before,
a#blktp_mobilebtn::after {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40%;
    height: 2px;
    background-color: #261B19;
}
a#blktp_mobilebtn > span {
    transform: translate(-50%, -50%);
}
a#blktp_mobilebtn::before {
    transform: translate(-50%, -50%) translate(0, -8px);
}
a#blktp_mobilebtn::after {
    transform: translate(-50%, -50%) translate(0, 8px);
}
.sitemenu_show a#blktp_mobilebtn > span {
    display: none;
}
.sitemenu_show a#blktp_mobilebtn::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.sitemenu_show a#blktp_mobilebtn::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (max-width:1366px) {
    .sitemenu_show,
    .sitemenu_show body {
        overflow: hidden;
    }
    .blktp_mobile {
        display: block;
    }
    .blktp_menu {
        position: fixed;
        left: 0;
        top: 70px;
        width: 100%;
        height: calc(100% - 70px);
        background-color: rgba(0, 0, 0, 0.75);
        color: #FFF;
        z-index: 99;
        overflow-x: hidden;
        overflow-y: auto;
        /**/
        display: none;
    }
    .sitemenu_show .blktp_menu {
        display: block;
    }
    .blktp_menu .width_limiter {
        padding-left: 0;
        padding-right: 0;
    }
    .site_login_icon {
        background-color: #FFF;
        border: 2px solid #FFF;
    }
    .blktp_menu_top,
    .blktp_menu_bottom {
        padding-top: 0;
        padding-bottom: 0;
    }
    .blktp_menu_top {
        background-color: transparent;
    }
    .blktp_menu_top > div {
        display: block;
    }
    .blktp_menu .site_login {
        display: none;
    }
    .site_login {
        padding: 10px 20px;
        /* border-bottom: 1px solid #FFF; */
    }
    .blktp_mobile_login .site_login {
        border-top: 1px dashed #989898;
    }
    .site_search {
        padding: 10px 20px;
        justify-content: center;
    }
    .site_search > div:first-child {
        padding-left: 0;
    }
    .site_search_socail a {
        background-color: #FFF;
    }
    .blktp_menu_bottom_menu,
    .blktp_menu_bottom_menu > div {
        display: block;
    }
    .blktp_menu_bottom_menu > div.site_logo {
        display: none;
    }
    .site_menu > .list_horizontal {
        flex-wrap: wrap;
        margin-left: -1px;
        margin-top: -1px;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .site_menu > ul > li {
        width: 25%;
        min-width: 25%;
        margin-left: 0;
        padding-left: 0;
        padding-top: 0;
        /* border-left: 1px dashed #ccc; */
        border-top: 1px dashed #ccc;
    }
    .site_menu > ul > li:last-child {
        flex-grow: 1;
    }
    /*.site_menu > ul > li:nth-child(3n+1):last-child > * {
        width: 33.33%;
    }
    .site_menu > ul > li:nth-child(3n+2):last-child > * {
        width: 50%;
    }*/
    .site_menu > ul > li > a.href_button,
    .site_menu > ul > li:hover > a.href_button {
        padding: 15px 10px;
        border-bottom: none;
    }
    .site_menu > ul > li > ul {
        display: block;
        position: static;
        margin-top: 0;
        background-color: transparent;
        border: none;
        padding-bottom: 10px;
    }
    .site_menu > ul > li > ul > li > a.href_button {
        border: 1px solid #FFF;
        margin: 15px;
    }
    .site_menu > ul > li > ul > li:first-child > a.href_button {
        margin-top: 0;
    }
    .site_menu > ul > li > ul > li,
    .site_menu > ul > li > ul > li > ul > li {
        border-top: none;
    }
    .site_menu > ul > li > ul > li > ul {
        background-color: transparent;
    }
    .site_menu > ul > li > ul > li > ul a.href_button {
        font-size: inherit;
    }
}
@media screen and (max-width:1024px) {
    .site_menu > ul > li {
        width: 33.33%;
        min-width: 33.33%;
    }
}
@media screen and (max-width:768px) {
    .site_search {
        display: block;
    }
    .site_search > div {
        padding-left: 0;
        padding-bottom: 10px;
    }
    .site_search > div:last-child {
        padding-bottom: 0;
    }
    .site_search_menu > ul,
    .site_search_search > div,
    .site_search_socail > ul {
        justify-content: center;
    }
    .site_search_search > div > div:first-child {
        display: none;
    }
    .site_menu > ul > li {
        width: 50%;
        min-width: 50%;
    }
    .site_menu > ul > li:nth-child(3n+1):last-child > *,
    .site_menu > ul > li:nth-child(3n+2):last-child > * {
        width: auto;
    }
    .site_menu > ul > li:nth-child(odd):last-child > * {
        width: 50%;
    }
}
@media screen and (max-width:450px) {
    .site_login_icon {
        display: none;
    }
    .site_login_content {
        padding-left: 0;
    }
    .site_menu > ul > li {
        width: 100%;
        min-width: 100%;
    }
    .site_menu > ul > li:nth-child(odd):last-child > * {
        width: auto;
    }
    .site_menu > ul > li > ul {
        display: flex !important;
        flex-wrap: wrap;
    }
    .site_menu > ul > li > ul > li {
        min-width: 50%;
        flex-grow: 1;
    }
    .site_menu > ul > li > ul > li:first-child > a.href_button {
        margin-top: 15px;
    }
}
/**/
.blktp_banner {
    position: relative;
}
.blktp_banner::after {
    /* content: ""; */
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 38px;
    background: url("../Images/page_banner_bottom.png") center bottom repeat-x;
    background-size: auto 100%;
    z-index: 12;
    pointer-events: none;
}
.index_banners {
    overflow: hidden;
    background-color: #666;
}
.index_banners .mciicosldr_pos {
    position: relative;
}
.index_banners .mciicosldr_pos::before,
.index_banners .mciicosldr_pos::after {
    /* content: ""; */
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 23.23%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9;
}
.index_banners .mciicosldr_pos::before {
    left: 0;
}
.index_banners .mciicosldr_pos::after {
    right: 0;
}
.index_banners .mciicosldr_cnt {
    /* width: 53.54%;
    margin-left: auto;
    margin-right: auto; */
}
.index_banners .mciicosldr_icos_box {
    overflow: visible;
    margin: 0;
}
.index_banners .mciicosldr_icos_box > ul {
    transition: left 0.5s;
}
.index_banners .mciicosldr_icos_box > ul > li {
    width: 100%;
    padding: 0;
}
.idxbnr_position,
.inrbnr_image {
    position: relative;
    overflow: hidden;
    height: 0;
}
.idxbnr_position {
    /* padding-bottom: 65.18%; */
    /* padding-bottom: 37.037%; */
    padding-bottom: 41.7%;
}
.mciicosldr_icos_box li .idxbnr_position > img,
.inrbnr_image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index_banners .mciicosldr_arwbtn_box {
    width: 54px;
    height: 55px;
    top: 50%;
    z-index: 10;
}
.index_banners a.mciicosldr_arwbtn {
    background-color: transparent;
    background-size: 100% 100%;
}
.index_banners .mciicosldr_arwbtn_box.mciarw_left {
    /* transform: translate(-50%, -50%); */
    transform: translate(10px, -50%);
}
.index_banners .mciicosldr_arwbtn_box.mciarw_left a.mciicosldr_arwbtn {
    background-image: url("../Images/slider_btn_left.png");
}
.index_banners .mciicosldr_arwbtn_box.mciarw_right {
    /* transform: translate(50%, -50%); */
    transform: translate(-10px, -50%);
}
.index_banners .mciicosldr_arwbtn_box.mciarw_right a.mciicosldr_arwbtn {
    background-image: url("../Images/slider_btn_right.png");
}
.inrbnr_image {
    padding-bottom: 25.21%;
}
.inrbnr_title {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inrbnr_title > div {
    width: 100%;
}
.inrbnr_title .text_tw {
    text-align: center;
    font-size: 170%;
    color: #FFF;
}
@media screen and (max-width:1024px) {
    .index_banners .mciicosldr_cnt {
        /* width: 80%; */
    }
    .index_banners .mciicosldr_pos::before,
    .index_banners .mciicosldr_pos::after {
        width: 10%;
    }
}
@media screen and (max-width:768px) {
    .index_banners .mciicosldr_arwbtn_box {
        width: 36px;
        height: 36px;
    }
    .blktp_banner::after {
        height: 19px;
    }
}
/**/
.blkbtm_content {
    padding-top: 20px;
    padding-bottom: 20px;
}
.blkbtm_content_left {
    overflow: hidden;
}
.blkbtm_content_left > div {
    margin-left: -15px;
    margin-top: -15px;
}
.blkbtm_content_left > div > div {
    padding-left: 15px;
    padding-top: 15px;
    width: 100%;
}
.blkbtm_govicon_kl {
    /* width: 321px; */
    max-width: 321px;
}
.blkbtm_govicon_tw {
    /* width: 70px; */
    max-width: 70px;
}
.blkbtm_content_right {
    flex-grow: 1;
    overflow: hidden;
    padding-left: 15px;
}
.blkbtm_content_right > div {
    justify-content: flex-end;
    margin-right: -15px;
    margin-top: -15px;
}
.blkbtm_content_right > div > div {
    padding-right: 15px;
    padding-top: 15px;
}
.blkbtm_links {
    overflow: hidden;
}
.blkbtm_links > ul {
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-right: -16px;
    margin-top: -15px;
}
.blkbtm_links > ul > li {
    padding-top: 15px;
}
.blkbtm_links > ul > li > * {
    display: block;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1;
}
.blkbtm_links > ul > li > *::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #000;
}
.blkbtm_gotop {
    width: 75px;
    min-width: 75px;
}
a#button_gotop {
    display: block;
    position: relative;
    background-color: #595959;
    height: 0;
    padding-bottom: 100%;
}
a#button_gotop > span {
    display: none;
}
a#button_gotop::before,
a#button_gotop::after {
    content: "";
    display: block;
    position: absolute;
    top: 40%;
    left: 50%;
    width: 30%;
    height: 2px;
    background-color: #FFF;
}
a#button_gotop::before {
    transform-origin: right center;
    transform: translate(-100%, -50%) rotate(-50deg);
}
a#button_gotop::after {
    transform-origin: left center;
    transform: translate(0, -50%) rotate(50deg);
}
.blkbtm_copyright_text {
    text-align: center;
    color: #FFF;
    background-color: #adadad;
    padding-top: 15px;
    padding-bottom: 15px;
}
@media screen and (max-width:1024px) {
    .blkbtm_content > div {
        display: block;
    }
    .blkbtm_content_left {
        margin-bottom: 15px;
    }
    .blkbtm_content_left > div {
        justify-content: center;
        flex-wrap: wrap;
    }
    .blkbtm_content_right {
        padding-left: 0;
        padding-top: 10px;
    }
    .blkbtm_content_right > div {
        flex-wrap: wrap;
        justify-content: center;
    }
    .blkbtm_links {
        width: 100%;
        min-width: 100%;
    }
    .blkbtm_links > ul {
        margin-right: -1px;
        justify-content: flex-start;
    }
    .blkbtm_links > ul > li {
        width: 20%;;
        min-width: 20%;
        text-align: center;
    }
    .blkbtm_links > ul > li:last-child {
        width: 100%;
        min-width: 100%;
    }
}
@media screen and (max-width:768px) {
    .blkbtm_links > ul > li {
        width: 33.33%;;
        min-width: 33.33%;
    }
}
@media screen and (max-width:450px) {
    .blkbtm_links > ul > li {
        width: 50%;
        min-width: 50%;
    }
}
/**/
.block_middle {
    flex-grow: 1;
}
/**/
.pgidx_row {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}
.pgidx_row:nth-child(even) {
    background: url("../Images/bg_stone.jpg") left center no-repeat;
    background-size: cover;
    /**/
    padding-top: 88px;
    padding-bottom: 88px;
}
.pgidx_row:nth-child(even):last-child {
    padding-bottom: 50px;
}
.pgidx_row:nth-child(even)::before,
.pgidx_row:nth-child(even)::after {
    content: "";
    display: block;
    height: 38px;
    position: absolute;
    left: 0;
    width: 100%;
    background-repeat: repeat-x;
    background-size: auto 100%;
}
.pgidx_row:nth-child(even):last-child::after {
    content: none;
}
.pgidx_row:nth-child(even)::before {
    top: 0;
    background-image: url("../Images/indexrow_bg_top.png");
}
.pgidx_row:nth-child(even)::after {
    bottom: 0;
    background-image: url("../Images/indexrow_bg_bottom.png");
}
.pgidx_title {
    text-align: center;
}
.pgidx_title .text_tw {
    font-size: 170%;
}
.pgidx_title ~ .pgidx_content {
    padding-top: 40px;
    /*暫
    min-height: 500px;*/
}
.pgidx_row:nth-child(odd) .pgidx_content {
    background: url("../Images/indexrow_bg_1.png") center top repeat-x;
    background-size: auto 312px;
}
.pgidx_row:nth-child(3n) .pgidx_content {
    background-image: url("../Images/indexrow_bg_3.png");
}
.idxpg_more {
    margin-top: 40px;
}
.idxpg_more > a {
    display: block;
    text-align: center;
    padding: 0.3em 1em;
    font-size: 115%;
    font-weight: bold;
    border-radius: 7px;
    background-color: #ececec;
    margin-left: auto;
    margin-right: auto;
    max-width: 8em;
}
.pgidx_row:nth-child(even) .idxpg_more > a {
    background-color: #000000;
    color: #FFF;
}
@media screen and (max-width:768px) {
    .pgidx_row:nth-child(even) {
        padding-top: 69px;
        padding-bottom: 69px;
    }
    .pgidx_row:nth-child(even)::before,
    .pgidx_row:nth-child(even)::after {
        height: 19px;
    }
    .pgidx_row:nth-child(odd) .pgidx_content {
        background-size: auto 156px;
    }
}
/**/
.news_list,
.events_list {
    overflow: hidden;
}
.news_list > ul,
.events_list > ul {
    margin-top: -25px;
    margin-right: -25px;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
}
.news_list > ul > li,
.events_list > ul > li {
    padding-top: 25px;
    padding-right: 25px;
}
@media screen and (max-width:1024px) {
    .news_list,
    .events_list,
    .activities_list {
        max-width: 768px;
        margin-left: auto;
        margin-right: auto;
    }
    .news_list > ul,
    .events_list > ul {
        margin-top: -15px;
        margin-right: -15px;
    }
    .news_list > ul > li,
    .events_list > ul > li {
        padding-top: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width:450px) {
    .news_list > ul,
    .events_list > ul {
        margin-top: -20px;
        margin-right: -20px;
    }
    .events_list > ul > li {
        padding-top: 20x;
        padding-right: 20px;
    }
    .news_list > ul > li {
        padding-top: 19px;
        padding-right: 20px;
        padding-bottom: 20px;
        border-top: 1px dashed #333;
    }
    .news_list > ul > li:last-child {
        padding-bottom: 0;
    }
}
/**/
.mciicosldr_icos_box > ul {
    transition: left 0.5s;
}
.mciicosldr_dotbtn_box .mciicosldr_dotbtn_pos li {
    vertical-align: bottom;
    margin: 5px 10px 0 10px;
}
a.mciicosldr_dotbtn {
    width: 12px;
    height: 12px;
    background-color: #aeaeae;
}
.now_view a.mciicosldr_dotbtn {
    background-color: #000;
}
@media screen and (max-width:768px) {
    .mciicosldr_dotbtn_box .mciicosldr_dotbtn_pos li {
        margin: 5px 5px 0 5px;
    }
}
/**/
.news_list > ul > li {
    width: 33.33%;
    min-width: 33.33%;
}
.news_item > div {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.news_item > div:first-child {
    margin-top: 0;
}
.news_item > div.nwstm_image {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 65.11%;
    margin-bottom: 20px;
}
.news_item > div.nwstm_image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nwstm_category,
.nwstm_date {
    font-size: 97.7%;
}
.nwstm_category > span {
    display: inline-block;
    vertical-align: top;
    padding: 0.3em 0.7em;
    background-color: #000;
    color: #FFF;
    border-radius: 7px;
    white-space: nowrap;
}
.nwstm_title,
.nwstm_date {
    font-weight: bold;
}
.nwstm_title {
    font-size: 136.8%;
}
.nwstm_title > span {
    display: block;
    line-height: 1.3;
    max-height: 2.6em;
    overflow: hidden;
    text-align: justify;
}
@media screen and (max-width:1024px) {
    .news_list > ul > li {
        width: 50%;
        min-width: 50%;
    }
    .news_list > ul > li:first-child {
        width: 100%;
        min-width: 100%;
    }
}
@media screen and (max-width:575px) {
    .news_list > ul > li {
        width: 100%;
        min-width: 100%;
    }
    .news_item > div {
        padding-left: 0;
        padding-right: 0;
    }
}
/**/
.actlst_item {
    width: 100%;
    align-items: flex-start;
}
.actlst_item_image {
    flex-grow: 1;
}
.actlst_item_image > div {
    position: relative;
    height: 0;
    padding-bottom: 65.3%;
    overflow: hidden;
}
.mciicosldr_icos_box > ul > li .actlst_item_image img,
.actlst_item_image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 3;
}
.actlst_item_information/*,
.activities_list .mciicosldr_dotbtn_pos*/ {
    padding-left: 50px;
    padding-right: 15px;
    width: 52.93%;
    min-width: 52.93%;
}
.activities_list .mciicosldr_pos {
    position: relative;
}
.activities_list .mciicosldr_icos_box {
    margin: 0 82px;
}
.activities_list .mciicosldr_icos_box > ul > li {
    width: 100%;
    padding: 0;
}
.activities_list .mciicosldr_arwbtn_box.mciarw_left a.mciicosldr_arwbtn,
.activities_list .mciicosldr_arwbtn_box.mciarw_right a.mciicosldr_arwbtn {
    background: none transparent;
    position: relative;
}
.activities_list a.mciicosldr_arwbtn::before,
.activities_list a.mciicosldr_arwbtn::after {
    display: block;
    position: absolute;
    top: 50%;
    background-color: #000;
}
.activities_list a.mciicosldr_arwbtn::before,
.activities_list a.mciicosldr_arwbtn::after {
    content: "";
    width: 90%;
    height: 10px;
}
.activities_list .mciarw_left a.mciicosldr_arwbtn::before,
.activities_list .mciarw_left a.mciicosldr_arwbtn::after {
    left: 0;
    transform-origin: left center;
}
.activities_list .mciarw_left a.mciicosldr_arwbtn::before {
    transform: rotate(45deg) translate(0, -5px);
}
.activities_list .mciarw_left a.mciicosldr_arwbtn::after {
    transform: rotate(-45deg) translate(0, 5px);
}
.activities_list .mciarw_right a.mciicosldr_arwbtn::before,
.activities_list .mciarw_right a.mciicosldr_arwbtn::after {
    right: 0;
    transform-origin: right center;
}
.activities_list .mciarw_right a.mciicosldr_arwbtn::before {
    transform: rotate(45deg) translate(0, 5px);
}
.activities_list .mciarw_right a.mciicosldr_arwbtn::after {
    transform: rotate(-45deg) translate(0, -5px);
}
.actlst_item_information {
    text-align: left;
}
.actlst_item_information > div {
    margin-top: 20px;
}
.actlst_item_information > div:first-child {
    margin-top: 0;
}
.actlst_item_tags {
    overflow: hidden;
}
.actlst_item_tags ul { 
    margin-left: -10px;
    margin-top: -10px;
}
.actlst_item_tags li {
    display: block;
    padding: 0;
    padding-left: 10px;
    padding-top: 10px;
}
.actlst_item_tags li > div {
    color: #FFF;
    background-color: #000;
    padding: 0.3em 1em;
    border-radius: 7px;
}
.actlst_item_title {
    font-size: 155%;
    font-weight: bold;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.actlst_item_content {
    font-size: 115%;
    max-height: 5.932em;
    overflow: hidden;
    text-align: justify
}
.actlst_item_content * {
    font-family: inherit !important;
    line-height: inherit !important;
    font-size: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline !important;
}
.activities_list .mciicosldr_dotbtn_box {
    display: block;
    /* margin: 0;
    position: absolute;
    left: 82px;
    right: 82px;
    bottom: 0; */
}
.activities_list .mciicosldr_dotbtn_box .mciicosldr_dotbtn_pos {
    /* margin: 0;
    margin-left: auto; */
}
.activities_list .mciicosldr_darw {
    display: none;
}
.actlst_item_data li {
    display: flex;
    margin-top: 15px;
}
.actlst_item_data li:first-child {
    margin-top: 0;
}
.actlst_item_data li::before {
    content: "";
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.actlst_item_data li > span {
    flex-grow: 1;
    line-height: 24px;
    padding-left: 10px;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}
.actlst_item_data li.actlst_item_time::before {
    background-image: url("../Images/actlist_icon_1.png");
}
.actlst_item_data li.actlst_item_location::before {
    background-image: url("../Images/actlist_icon_2.png");
}
.actlst_item_data li.actlst_item_group::before {
    background-image: url("../Images/actlist_icon_3.png");
}
@media screen and (max-width:1440px) {
    .activities_list .mciicosldr_icos_box {
        margin: 0 57px;
    }
    .actlst_item_information/*,
    .activities_list .mciicosldr_dotbtn_pos*/ {
        padding-left: 20px;
        width: 45%;
        min-width: 45%;
    }
    .activities_list .mciicosldr_dotbtn_box {
        left: 57px;
        right: 57px;
    }
}
@media screen and (max-width:1240px) {
    .actlst_item_information/*,
    .activities_list .mciicosldr_dotbtn_pos*/ {
        width: 33.33%;
        min-width: 33.33%;
    }
}
@media screen and (max-width:1024px) {
    .actlst_item {
        display: block;
    }
    .actlst_item_information/*,
    .activities_list .mciicosldr_dotbtn_pos*/ {
        width: 100%;
        min-width: 100%;
    }
    .actlst_item_information {
        padding-left: 0;
        padding-right: 0;
        margin-top: 15px;
    }
    .activities_list .mciicosldr_dotbtn_box {
        position: static;
    }
    .activities_list .mciicosldr_dotbtn_box .mciicosldr_dotbtn_pos {
        padding: 0 57px;
        margin-top: 10px;
    }
}
@media screen and (max-width:768px) {
    .activities_list .mciicosldr_icos_box {
        margin: 0 40px
    }
    .activities_list .mciicosldr_dotbtn_box .mciicosldr_dotbtn_pos {
        padding: 0 40px;
    }
    .activities_list .mciicosldr_arwbtn_box {
        width: 30px;
    }
}
/**/
.events_list li {
    width: 25%;
    min-width: 25%;
}
.events_list li:nth-child(even)::before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 19.42%;
}
.events_list a {
    display: block;
    position: relative;
    overflow: hidden;
}
.events_list .evtlst_image {
    position: relative;
    height: 0;
    padding-bottom: 141.01%;
    overflow: hidden;
}
.events_list .evtlst_image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.evtlst_title {
    display: flex;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    padding: 1em;
    align-items: center;
    justify-content: center;
    font-size: 160%;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.67);
    transition: top 0.5s;
}
.events_list a:hover .evtlst_title,
.events_list a:focus .evtlst_title {
    top: 0;
}
.evtlst_title > span {
    display: block;
    max-height: 100%;
    overflow: hidden;
}
@media screen and (max-width:1024px) {
    .events_list li {
        width: 50%;
        min-width: 50%;
    }
    .events_list li:nth-child(2) ~ li > a {
        margin-top: -19.42%;
    }
}
@media screen and (max-width:450px) {
    .events_list li {
        width: 100%;
        min-width: 100%;
    }
    .events_list li:nth-child(even)::before {
        content: none;
    }
    .events_list li:nth-child(2) ~ li > a {
        margin-top: 0;
    }
}
/**/
.index_page_other {
    overflow: hidden;
}
.index_page_other > div {
    margin-top: -88px;
    margin-right: -88px;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}
.index_page_other > div > div {
    width: 33.33%;
    min-width: 33.33%;
    padding-top: 88px;
    padding-right: 88px;
}
.idxthr_conent {
    background-color: #FFF;
    padding: 20px;
}
.idxthr_cnt_position {
    position: relative;
    height: 0;
    padding-bottom: 97.51%;
    overflow: hidden;
}
.idxthr_cnt_in {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/**/
.lststr_item {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 91%;
    overflow: hidden;
}
.lststr_item > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.lststr_image {
    position: relative;
    height: 0;
    padding-bottom: 78.9%;
}
.lststr_image img,
.mciicosldr_icos_box > ul > li .lststr_image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lststr_title {
    flex-grow: 1;
    font-size: 120%;
    color: #FFF;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.3em 1em;
}
.store_list .mciicosldr_icos_box > ul > li {
    width: 100%;
    padding: 0;
}
.store_list .mciicosldr_dotbtn_box {
    margin: 0;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.store_list .mciicosldr_dotbtn_box .mciicosldr_dotbtn_pos {
    margin: 0;
}
.store_list .mciicosldr_darw {
    display: none;
}
/* 登入表單 */
.lgnfrm_content > div {
    margin-top: 20px;
}
.lgnfrm_message {
    padding: 0 1em;
}
.lgnfrm_links {
    overflow: hidden;
}
.lgnfrm_links > ul {
    flex-wrap: wrap;
    margin-right: -1px;
}
.lgnfrm_links > ul > li {
    width: 50%;
    min-width: 50%;
}
.lgnfrm_links a {
    display: block;
    position: relative;
    text-align: center;
    padding: 0 1em;
}
.lgnfrm_links a::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 50%;
    width: 1px;
    height: 1em;
    background-color: #000;
    transform: translate(0, 50%);
}
.lgnfrm_content input {
    width: 100%;
    max-width: none;
    border-radius: 0;
    padding: 0.5em 1em;
}
.lgnfrm_content input[type="text"],
.lgnfrm_content input[type="password"] {
    border: 1px solid #747474;
    background: none #FFF;
    font-size: 109.6%;
}
.lgnfrm_content input[type="text"]::placeholder,
.lgnfrm_content input[type="password"]::placeholder {
    color: #828282;
}
.lgnfrm_submit input[type="submit"] {
    background: none #909090;
    color: #FFF;
    border: none;
    font-size: 111.75%;
    text-align: center;
}
.site_login_form .mcitab_btnbx {
    overflow: hidden;
}
.site_login_form .mcitab_btnbx > ul {
    margin-right: -20px;
    margin-top: -20px;
}
.site_login_form .mcitab_btnbx > ul > li {
    width: 50%;
    text-align: center;
    padding-right: 20px;
    padding-top: 20px;
    color: #FFF;
}
.site_login_form .mcitab_btnbx li a {
    display: block;
    background-color: #bababa;
    font-size: 120%;
    padding: 1em 1em;
    text-decoration: none;
}
.site_login_form .mcitab_btnbx li.now_view a {
    background-color: #000;
}
/**/
.mcitab_btnbx,
.mcitab_btnbx li.now_view {
    background-color: transparent;
}
.mcitab_cntbx > div > div {
    padding: 0;
}
.mcitab_cntbx > div.now_view > div {
    border: none;
}
/**/
.idxthr_login .site_login_form {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.idxthr_login .site_login_form .mcitab_cntbx {
    flex-grow: 1;
    position: relative;
}
.idxthr_login .site_login_form .now_view .lgnfrm_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.idxthr_login .site_login_form .now_view .lgnfrm_message {
    flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto;
}
@media screen and (max-width:1600px) {
    .index_page_other > div {
        margin-top: -20px;
        margin-right: -20px;
    }
    .index_page_other > div > div {
        padding-top: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width:1440px) {
    .index_page_other {
        max-width: 768px;
        margin-left: auto;
        margin-right: auto;
    }
    .index_page_other > div > div {
        width: 50%;
        min-width: 50%;
    }
    .index_page_other > div > div.idxthr_login {
        width: 100%;
        min-width: 100%;
    }
    .idxthr_login .idxthr_cnt_position {
        position: static;
        height: auto;
        padding-bottom: 0;
    }
    .idxthr_login .idxthr_cnt_in {
        position: static;
        width: auto;
        height: auto;
    }
    .idxthr_login .site_login_form {
        display: block;
        height: auto;
    }
    .idxthr_login .site_login_form .mcitab_cntbx {
        position: static;
    }
    .idxthr_login .site_login_form .now_view .lgnfrm_content {
        position: static;
        width: auto;
        height: auto;
        display: block;
    }
}
@media screen and (max-width:768px) {
    .site_login_form .mcitab_btnbx > ul {
        margin-top: -10px;
        margin-right: -10px;
    }
    .site_login_form .mcitab_btnbx > ul > li {
        padding-top: 10px;
        padding-right: 10px;
    }
    .index_page_other > div > div {
        width: 100%;
        min-width: 100%;
    }
    .idxthr_store .idxthr_cnt_position {
        position: static;
        height: auto;
        padding-bottom: 0;
    }
    .idxthr_store .idxthr_cnt_in {
        position: static;
        width: auto;
        height: auto;
    }
    .lststr_item > div,
    .store_list .mciicosldr_dotbtn_box {
        position: static;
    }
    .lststr_item {
        position: static;
        height: auto;
        padding-bottom: 0;
    }
}
@media screen and (max-width:450px) {
    .idxthr_conent {
        padding: 15px;
    }
}
/* 內頁 */
.pginr_category,
.pginr_filter,
.pginr_main {
    margin-top: 30px;
    margin-bottom: 30px;
}
.pginr_main {
    border-top: 4px solid #e2e2e2;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 4px solid #e2e2e2;
}
.page_inner .blktp_banner {
    background-color: #828282;
    color: #FFF;
    padding-top: 20px;
    /* padding-bottom: 58px; */
    padding-bottom: 20px;
}
.pginr_title_icon {
    width: 33px;
    min-width: 33px;
}
.pginr_title_icon::before {
    content: "";
    display: block;
    height: 0;
    padding-bottom: 100%;
    background: none center center no-repeat transparent;
    background-size: 100% 100%;
}
.pginr_title_text {
    font-size: 140%;
    padding-left: 15px;
    white-space: nowrap;
}
.pginr_breadthumb {
    flex-grow: 1;
    padding-left: 20px;
    text-align: right;
}
.pginr_category {
    overflow: hidden;
    font-size: 125%;
}
.pginr_category ul {
    margin-right: -20px;
    margin-top: -20px;
    flex-wrap: wrap;
}
.pginr_category ul > li {
    padding-right: 20px;
    padding-top: 20px;
    width: 20%;
    min-width: 20%;
}
.pginr_category a {
    display: block;
    padding: 0.5em 1em;
    text-align: center;
    border: 2px solid #868686;
}
.pginr_category a.active {
    background-color: #f2c359;
}
.pginr_filter {
    overflow: hidden;
    font-size: 125%;
}
.pginr_filter .list_horizontal {
    flex-wrap: wrap;
}
.pginr_filter input[type="text"],
.pginr_filter select {
    border: none;
    border-radius: 0;
    width: 100%;
    height: auto;
    box-shadow: none;
    margin: 0;
    /**/
    font-size: inherit;
    border-bottom: 2px solid #000;
}
.pginr_filter select {
    padding-top: 5px;
}
.pginr_filter input[type="text"]:focus,
.pginr_filter select:focus {
    box-shadow: none;
}
.pginr_filter input[type="text"]:placeholder {
    color: #828282;
}
.pginr_filter > div {
    margin-left: -20px;
    margin-top: -20px;
}
.pginr_filter > div > div {
    padding-left: 20px;
    padding-top: 20px;
    flex-grow: 1;
}
.pginr_filter_title {
    font-weight: bold;
    padding-right: 10px;
}
.pginr_filter_content {
    margin-top: -10px;
    margin-left: -10px;
    flex-grow: 1;
}
.pginr_filter_content > div {
    padding-top: 10px;
    padding-left: 10px;
    text-align: center;
    flex-grow: 1;
}
.pginr_filter_keyword .input_keyword input[type="text"] {
    padding-right: 36px;
}
.pginr_filter_keyword .pginr_filter_content {
    position: relative;
}
.pginr_filter_keyword .submit_button {
    position: absolute;
    right: 0;
    top: 10px;
    width: 36px;
    bottom: 2px;
    padding: 0;
}
.pginr_filter_keyword button[type="submit"] {
    border: none;
    border-radius: 0;
    background: url("../Images/filter_search.png") center center no-repeat;
    font-size: 0;
    width: 100%;
    height: 100%;
}
/**/
.pginr_filter_time .pginr_filter_content.list_horizontal {
    flex-wrap: nowrap;
}
.pginr_filter_time .pginr_filter_content.list_horizontal > div:nth-child(2) {
    flex-grow: 0;
}
/* icons */
.page_inner[data-page="news"] .pginr_title_icon::before {
    background-image: url("../Images/inner_title_icon/news.png");
}
.page_inner[data-page="activities"] .pginr_title_icon::before {
    background-image: url("../Images/inner_title_icon/activities.png");
}
.page_inner[data-page="groups"] .pginr_title_icon::before {
    background-image: url("../Images/inner_title_icon/groups.png");
}
.page_inner[data-page="streetperformer"] .pginr_title_icon::before {
    background-image: url("../Images/inner_title_icon/streetperformer.png");
}
.page_inner[data-page="subsidy"] .pginr_title_icon::before {
    background-image: url("../Images/inner_title_icon/subsidy.png");
}
.page_inner[data-page="events"] .pginr_title_icon::before {
    background-image: url("../Images/inner_title_icon/events.png");
}
.page_inner[data-page="venues"] .pginr_title_icon::before {
    background-image: url("../Images/inner_title_icon/venues.png");
}
.page_inner[data-page="tickets"] .pginr_title_icon::before {
    background-image: url("../Images/inner_title_icon/tickets.png");
}
/* icons:首頁下方三 */
.page_inner[data-page="preferentialactivity"] .pginr_title_icon::before {
    background-image: url("../Images/inner_title_icon/preferentialactivity.png");
}
.page_inner[data-page="links"] .pginr_title_icon::before {
    background-image: url("../Images/inner_title_icon/links.png");
}
.page_inner[data-page="mailbox"] .pginr_title_icon::before {
    background-image: url("../Images/inner_title_icon/mailbox.png");
}
/* icons:額外 */
.page_inner[data-page="manage"] .pginr_title_icon::before {
    background-image: url("../Images/inner_title_icon/manage.png");
}
.page_inner[data-page="sitemap"] .pginr_title_icon::before {
    background-image: url("../Images/inner_title_icon/sitemap.png");
}
.page_inner[data-page="search"] .pginr_title_icon::before {
    background-image: url("../Images/inner_title_icon/search.png");
}
@media screen and (max-width:1366px) {
    .pginr_category ul > li {
        width: 25%;
        min-width: 25%;
    }
}
@media screen and (max-width:1024px) {
    .pginr_category ul > li {
        width: 33.33%;
        min-width: 33.33%;
    }
}
@media screen and (max-width:768px) {
    .page_inner .blktp_banner {
        padding-bottom: 39px;
    }
    .pginr_top {
        display: block;
    }
    .pginr_title_text {
        white-space: normal;
    }
    .pginr_breadthumb {
        margin-top: 15px;
        border-top: 1px solid #FFF;
        padding-top: 15px;
        padding-left: 0;
    }
    .pginr_category ul > li {
        width: 50%;
        min-width: 50%;
    }
    /* .pginr_category ul {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .pginr_category ul > li {
        width: auto;
        min-width: auto;
    } */
}
/* @media screen and (max-width:450px) {
    .pginr_category ul > li {
        width: 100%;
        min-width: 100%;
    }
} */
/**/
.pginrlist_type {
    overflow: hidden;
}
.pginrlist_type > ul {
    margin-right: -20px;
    margin-top: -20px;
    flex-wrap: wrap;
    align-items: flex-start;
}
.pginrlist_type > ul > li {
    padding-right: 20px;
    padding-top: 20px;
}
.pginrlist_image {
    position: relative;
    height: 0;
    padding-bottom: 75%;
}
.pginrlist_image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pginrlist_category {
    overflow: hidden;
}
.pginrlist_category .list_horizontal {
    margin-left: -15px;
    margin-top: -15px;
    flex-wrap: wrap;
}
.pginrlist_category .list_horizontal > div {
    padding-left: 15px;
    padding-top: 15px;
}
.pginrlist_category span {
    display: block;
    background-color: #000;
    color: #FFF;
    padding: 0.5em 1em;
    border-radius: 6px;
    font-size: 90%;
}
/*.pginrlist_category,
.pginr_detail_subtitle {
    display: flex;
}
.pginrlist_category > div,
.pginr_detail_subtitle > div {
    background-color: #000;
    color: #FFF;
    padding: 0.5em 1em;
    border-radius: 6px;
    font-size: 90%;
}*/
.pginrlist_title {
    font-size: 126.7%;
    max-height: 4.449em;
    overflow: hidden;
    text-align: justify;
}
.pginrlist_time {
    font-size: 90%;
}
.pginr_pagenumber .pagination-container {
    text-align: center;
}
.pginr_pagenumber .pagination {
    margin: 20px 0 0 0;
    border-radius: 0;
    vertical-align: top;
}
.pginr_pagenumber .pagination > li > a,
.pginr_pagenumber .pagination > li > span {
    border-radius: 0;
}
.pginr_pagenumber .pagination > .active > a,
.pginr_pagenumber .pagination > .active > span,
.pginr_pagenumber .pagination > .active > a:hover,
.pginr_pagenumber .pagination > .active > span:hover,
.pginr_pagenumber .pagination > .active > a:focus,
.pginr_pagenumber .pagination > .active > span:focus {
    background: #dedede;
    border-color: #dedede;
    color: #000;
    text-decoration: none;
}
.pginr_pagenumber .pagination > li > a,
.pginr_pagenumber .pagination > li > span {
    text-decoration: none;
}
.page_detail .pginr_main > div {
    margin-top: 30px;
    border-top: 4px solid #e2e2e2;
    padding-top: 30px;
}
.page_detail .pginr_main > div:first-child {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
}
.pginr_detail_top {
    overflow: hidden;
}
.pginr_detail_top > .list_horizontal {
    margin-top: -50px;
    margin-right: -50px;
    align-items: flex-start;
}
.pginr_detail_top > .list_horizontal > div {
    padding-top: 50px;
    padding-right: 50px;
}
.pginr_detail_top_left {
    flex-grow: 1;
}
.pginr_detail_top_left > div {
    margin-top: 20px;
}
.pginr_detail_top_left > div:first-child {
    margin-top: 0;
}
.pginr_detail_top .pginrdetail_title {
    font-weight: bold;
    font-size: 165%;
}
.pginr_detail_custom {
    margin-top: 20px;
}
.pginr_detail_top_right {
    width: 25%;
    min-width: 25%;
}
.page_detail .pginrlist_category,
.arealist_ajax_infotitle.pginrlist_category {
    margin-bottom: 15px;
}
.pginr_detail_conent > .list_horizontal {
    flex-wrap: wrap;
}
.pginr_detail_image_list,
.pginr_detail_download_list {
    overflow: hidden;
}
.pginr_detail_image_list .list_horizontal,
.pginr_detail_download_list .list_horizontal {
    margin-top: -20px;
    margin-right: -20px;
}
.pginr_detail_image_list .list_horizontal > li,
.pginr_detail_download_list .list_horizontal > li {
    padding-right: 20px;
    padding-top: 20px;
}
.pginr_detail_image_list .list_horizontal {
    align-items: flex-start;
}
.pginr_detail_image_list .list_horizontal > li {
    width: 33.33%;
    min-width: 33.33%;
}
.pginr_detail_image_list a.lightbox {
    display: block;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 65.05%;
}
.pginr_detail_image_list img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pginr_detail_download_list a {
    display: block;
    padding: 0.5em 1em;
    border: 2px solid #868686;
}
@media screen and (max-width:1024px) {
    .pginr_detail_top > .list_horizontal {
        margin-top: -20px;
        margin-right: -20px;
    }
    .pginr_detail_top > .list_horizontal > div {
        padding-top: 20px;
        padding-right: 20px;
    }
    .pginr_detail_top_right {
        width: 33.33%;
        min-width: 33.33%;
    }
    .pginr_detail_image_list .list_horizontal > li {
        width: 50%;
        min-width: 50%;
    }
}
@media screen and (max-width:768px) {
    .pginr_detail_top > .list_horizontal {
        flex-wrap: wrap;
    }
    .pginr_detail_top_right {
        width: 100%;
        min-width: 100%;
    }
    .pginr_detail_top_right .pginr_detail_conent li:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
}
@media screen and (max-width:450px) {
    .pginr_detail_image_list .list_horizontal > li {
        width: 100%;
        min-width: 100%;
    }
}
/* 最新消息 Only */
.pginrlist_type[data-type="news"] > ul > li {
    width: 33.33%;
    min-width: 33.33%;
}
.pginrlist_type[data-type="news"] .pginrlist_image {
    padding-bottom: 65.5%;
    margin-bottom: 30px;
}
.pginrlist_type[data-type="news"] .pginrlist_image ~ div {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 15px;
}
.pginr_detail_top_right .pginr_detail_conent li {
    border-top: 2px dashed #ccc;
    padding-top: 20px;
    padding-bottom: 20px;
}
.pginr_detail_top_right .pginr_detail_conent li:first-child {
    border-top: none;
    padding-top: 0;
}
@media screen and (max-width:1024px) {
    .pginrlist_type[data-type="news"] > ul > li {
        width: 50%;
        min-width: 50%;
    }
}
@media screen and (max-width:768px) {
    .pginrlist_type[data-type="news"] > ul > li {
        width: 100%;
        min-width: 100%;
        padding-top: 19px;
        border-top: 1px dashed #333;
        padding-bottom: 20px;
    }
    .pginrlist_type[data-type="news"] > ul > li:last-child {
        padding-bottom: 0;
    }
}
/* 活動資訊 Only */
.pginrlist_type[data-type="activities"] > ul {
    margin-right: -50px;
    margin-top: -50px;
}
.pginrlist_type[data-type="activities"] > ul > li {
    padding-right: 50px;
    padding-top: 49px;
    width: 100%;
    min-width: 100%;
    border-top: 1px dashed #333;
    padding-bottom: 50px;
}
.pginrlist_type[data-type="activities"] > ul > li:last-child {
    padding-bottom: 0;
}
@media screen and (max-width:1024px) {
    .pginrlist_type[data-type="activities"] {
        max-width: 768px;
        margin-left: auto;
        margin-right: auto;
    }
}
/* 街頭藝人 Only */
.pginr_area_list {
    margin-top: 30px;
    border-top: 4px solid #e2e2e2;
    padding-top: 30px;
}
.pginr_araslctr_left {
    width: 60%;
    min-width: 60%;
    text-align: center;
    font-weight: bold;
}
.pginr_araslctr_left_map_text {
    font-size: 110%;
    margin: 15px 0;
}
.pginr_araslctr_right {
    flex-grow: 1;
    padding-left: 40px;
    overflow: hidden;
}
.pginr_araslctr_right > ul {
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: -20px;
}
.pginr_araslctr_right > ul > li {
    padding-left: 20px;
    padding-top: 20px;
    width: 100%;
    min-width: 100%;
}
.pginr_araslctr_right a.type_btn {
    display: block;
    padding: 10px 15px;
    border: 2px solid #868686;
    overflow: hidden;
}
.pginr_araslctr_right a.type_btn > div {
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -5px;
}
.pginr_araslctr_right .active a.type_btn {
    background-color: #f2c359;
}
.pginr_araslctr_right a.type_btn span {
    display: block;
    padding-left: 10px;
    padding-top: 5px;
}
.district_name {
    font-size: 125%;
}
.district_feature {
    flex-grow: 1;
}
.pginr_aralst_text {
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    font-size: 125%;
}
.pginr_aralst_result {
    overflow: hidden;
}
.pginr_aralst_result > ul {
    flex-wrap: wrap;
    align-items: flex-start;
    margin-right: -20px;
    margin-top: -20px;
}
.pginr_aralst_result > ul > li {
    padding-right: 20px;
    padding-top: 20px;
    width: 33.33%;
    min-width: 33.33%;
}
.pginr_aralst_item {
    margin: 10px;
    box-shadow: 3px 3px 5px rgba(20, 17, 19, 0.19);
    position: relative;
    overflow: hidden;
    font-size: 120%;
}
.pginr_aralst_item a {
    display: block;
}
.pginr_aralst_item_image {
    position: relative;
    height: 0;
    padding-bottom: 64.8%;
}
.pginr_aralst_item_image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pginr_aralst_item_title {
    padding: 20px;
    font-weight: bold;
}
.pginr_aralst_item_title > span,
.pginr_aralst_item_toggle .pginr_aralst_item_title > span {
    display: block;
    line-height: 1.5;
    max-height: 3em;
    overflow: hidden;
}
.pginr_aralst_item_toggle .pginr_aralst_item_title > span {
    height: 3em;
}
.pginr_aralst_item_buttons {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    transition: top 0.5s;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.button_showed .pginr_aralst_item_buttons {
    top: 0;
}
.pginr_aralst_item_buttons > div {
    background-color: #f2c359;
    width: 100%;
}
.pginr_aralst_item_buttons .pginr_aralst_item_title ~ div {
    text-align: center;
    padding: 20px;
    padding-top: 0;
}
.pginr_aralst_item_buttons .pginr_aralst_item_title ~ div a {
    border: 1px solid #000;
    padding: 10px 20px;
}
.pginr_aralst_item_buttons .pginr_aralst_item_title ~ div a:hover {
    background-color: #000;
    color: #FFF;
}
.arealist_ajax_top {
    background-color: #f2c359;
    padding: 20px;
}
.arealist_ajax_title {
    font-size: 150%;
    padding-top: 10px;
}
.arealist_ajax_information {
    font-size: 125%;
}
.arealist_ajax_information > div {
    padding: 20px;
}
.arealist_ajax_information > div:nth-child(even) {
    background-color: #f3e5ba;
}
/* .arealist_ajax_infotitle {
    color: #727272;
    margin-bottom: 5px;
    font-weight: bold;
}
.arealist_ajax_infotitle::before {
    content: "* ";
    display: inline;
} */
.arealist_ajax_infolist > div {
    border-top: 2px dashed #ccc;
    padding-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 15px;
}
.arealist_ajax_infolist > div:first-child {
    padding-top: 0;
    border-top: none;
}
.arealist_ajax_infolist > div:last-child {
    padding-bottom: 0;
}
.mcipcsldr_pics {
    background-color: #333;
}
.mcipcsldr_dotbtns_pos .locked a {
    background-color: #f2c359;
}
@media screen and (max-width:1024px) {
    .pginr_aralst_result > ul > li {
        width: 50%;
        min-width: 50%;
    }
}
@media screen and (max-width:768px) {
    .pginr_araslctr {
        flex-wrap: wrap;
    }
    .pginr_araslctr_left {
        width: 100%;
        min-width: 100%;
    }
    .pginr_araslctr_right {
        padding-left: 0;
        margin-top: 20px;
    }
    .arealist_ajax_infolist > div {
        margin-left: -20px;
        padding-left: 20px;
        margin-right: -20px;
        padding-right: 20px;
    }
}
@media screen and (max-width:575px) {
    .pginr_araslctr_right a.type_btn span {
        width: 100%;
        min-width: 100%;
    }
    .pginr_aralst_item_toggle .pginr_aralst_item_title {
        display: none;
    }
    .pginr_aralst_result > ul > li {
        width: 100%;
        min-width: 100%;
    }
    .pginr_aralst_item_buttons {
        position: static;
    }
    .arealist_ajax_information > div {
        padding: 10px;
    }
    .arealist_ajax_infolist > div {
        margin-left: -10px;
        padding-left: 10px;
        margin-right: -10px;
        padding-right: 10px;
    }
    .arealist_ajax_top {
        padding: 10px;
    }
    .arealist_ajax_slider {
        margin: -10px;
        margin-bottom: 0;
    }
}
/* 主題活動 Only */
.pginr_events_list > ul > li {
    margin-top: 15px;
}
.pginr_events_list > ul > li:first-child {
    margin-top: 0;
}
.pginr_evtslst_item {
    position: relative;
    text-align: left;
}
.pginr_evtslst_group {
    line-height: 50px;
    font-size: 125%;
}
.pginr_evtslst_group_number {
    width: 50px;
    min-width: 50px;
    background-color: #e2e2e2;
    text-align: center;
}
.pginr_evtslst_group_title {
    flex-grow: 1;
    padding-left: 20px;
    font-weight: bold;
    overflow: hidden;
}
.pginr_evtslst_group_title > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pginr_evtslst_group_info {
    padding-left: 70px;
}
.pginr_evtslst_group_info > ul {
    overflow: hidden;
}
.pginr_evtslst_group_info > ul > li {
    margin-top: 10px;
}
.pginr_evtslst_group_info > ul > li:last-child {
    margin-bottom: 30px;
}
.pginr_evtslst_grpinf_item.list_horizontal {
    align-items: flex-start;
}
.pginr_evtslst_grpinf_image {
    width: 422px;
    min-width: 422px;
    position: relative;
    overflow: hidden;
}
.pginr_evtslst_grpinf_image > div {
    height: 0;
    padding-bottom: 100%;
}
.pginr_evtslst_grpinf_image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pginr_evtslst_grpinf_content {
    flex-grow: 1;
    padding-left: 25px;
}
/**/
a.toggle_neighbor {
    display: block;
    position: relative;
}
a.toggle_neighbor > .pginr_evtslst_group {
    padding-right: 50px;
}
a.toggle_neighbor > .pginr_evtslst_group::before,
a.toggle_neighbor > .pginr_evtslst_group::after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 15px;
    background-color: #000;
}
a.toggle_neighbor > .pginr_evtslst_group::before {
    transform: translate(0, -50%);
}
a.toggle_neighbor > .pginr_evtslst_group::after {
    transform: translate(0, -50%) rotate(90deg);
}
a.toggle_neighbor.active > .pginr_evtslst_group::after {
    content: none;
}
.pginr_evtslst_item > a::after,
a.toggle_neighbor::after {
    content: "";
    display: block;
    position: absolute;
    left: 70px;
    bottom: 0;
    right: 0;
    height: 2px;
    background-color: #000;
}
a.toggle_neighbor + div {
    display: none;
}
a.toggle_neighbor.active + div {
    display: block;
}
@media screen and (max-width:1024px) {
    .pginr_evtslst_grpinf_image {
        width: 50%;
        min-width: 50%;
    }
    .pginr_evtslst_grpinf_content {
        padding-left: 20px;
    }
}
@media screen and (max-width:768px) {
    .pginr_evtslst_grpinf_item {
        flex-wrap: wrap;
    }
    .pginr_evtslst_grpinf_image,
    .pginr_evtslst_grpinf_content {
        width: 100%;
        min-width: 100%;
    }
    .pginr_evtslst_grpinf_content {
        padding-left: 0;
        padding-top: 20px;
    }
}
@media screen and (max-width:575px) {
    .pginr_evtslst_group_title {
        padding-left: 10px;
    }
    .pginr_evtslst_group_info {
        padding-left: 0;
    }
    /**/
    a.toggle_neighbor::after {
        left: 60px;
    }
}
/* 演藝團體 - 相關法規 */
.spec_notoggle a.toggle_neighbor > .pginr_evtslst_group::before,
.spec_notoggle a.toggle_neighbor > .pginr_evtslst_group::after {
    content: none;
}
.spec_notoggle a.toggle_neighbor > .pginr_evtslst_group {
    padding-right: 0;
}
/* 好康商店 */
.pginr_evtslst_group_info > div {
    margin-bottom: 30px;
}
.prfrntlctvt_theme {
    overflow: hidden;
    margin-top: 10px;
    padding-bottom: 30px;
    border-bottom: 2px dashed #cbcbcb;
}
.prfrntlctvt_theme > .list_horizontal {
    align-items: flex-start;
    margin-right: -30px;
    margin-top: -30px;
}
.prfrntlctvt_theme > .list_horizontal > div {
    padding-right: 30px;
    padding-top: 30px;
}
.prfrntlctvt_theme_image {
    width: 420px;
    min-width: 420px;
}
.prfrntlctvt_theme_image img {
    width: 100%;
}
.prfrntlctvt_theme_text {
    flex-grow: 1;
}
.prfrntlctvt_storelist {
    overflow: hidden;
}
.prfrntlctvt_storelist > .list_horizontal {
    margin-left: -50px;
    margin-top: -50px;
    align-items: flex-start;
    flex-wrap: wrap;
}
.prfrntlctvt_storelist > .list_horizontal > li {
    padding-left: 50px;
    padding-top: 50px;
    width: 50%;
    min-width: 50%;
}
.prfrntlctvt_item {
    overflow: hidden;
}
.prfrntlctvt_item > .list_horizontal {
    margin-left: -25px;
    margin-top: -25px;
    align-items: flex-start;
}
.prfrntlctvt_item > .list_horizontal > div {
    padding-left: 25px;
    padding-top: 25px;
}
.prfrntlctvt_item_image {
    position: relative;
    width: 240px;
    min-width: 240px;
    overflow: hidden;
}
.prfrntlctvt_item_image > div {
    padding-bottom: 100%;
    /* 暫 */
    background-color: #ccc;
}
.prfrntlctvt_item_image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prfrntlctvt_item_infomation {
    flex-grow: 1;
}
.prfrntlctvt_item_infomation > div {
    margin-top: 15px;
}
.prfrntlctvt_item_infomation > div:first-child {
    margin-top: 0;
}
.prfrntlctvt_item_info_name {
    background-color: #F3E4B9;
    padding: 0.3em 1em;
}
.prfrntlctvt_item_info_link {
    overflow: hidden;
}
.prfrntlctvt_item_info_link > .list_horizontal {
    align-items: flex-start;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -10px;
}
.prfrntlctvt_item_info_link > .list_horizontal > div {
    padding-left: 10px;
    padding-top: 10px;
}
.prfrntlctvt_item_info_link > .list_horizontal a {
    display: flex;
    align-items: center;
    background-color: #666;
    color: #FFF;
    font-size: 90%;
    padding: 8px 10px;
    border-radius: 4px;
}
.prfrntlctvt_item_info_link a > span {
    flex-grow: 1;
}
/* 差異化 */
.prfrntlctvt_item_info_link *[data-site="facebook"] a::before,
.prfrntlctvt_item_info_link *[data-site="official"] a::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.prfrntlctvt_item_info_link *[data-site="facebook"] a > span,
.prfrntlctvt_item_info_link *[data-site="official"] a > span {
    padding-left: 5px;
}
.prfrntlctvt_item_info_link *[data-site="facebook"] a {
    background-color: #23589C;
}
.prfrntlctvt_item_info_link *[data-site="facebook"] a::before {
    background-image: url("../Images/storelist_link_facebook.png");
}
.prfrntlctvt_item_info_link *[data-site="official"] a {
    background-color: #F15A23;
}
.prfrntlctvt_item_info_link *[data-site="official"] a::before {
    background-image: url("../Images/storelist_link_official.png");
}
@media screen and (max-width:1024px) {
    .prfrntlctvt_theme > .list_horizontal {
        margin-right: -15px;
        margin-top: -15px;
    }
    .prfrntlctvt_theme > .list_horizontal > div {
        padding-right: 15px;
        padding-top: 15px;
    }
    .prfrntlctvt_storelist > .list_horizontal {
        margin-left: -30px;
        margin-top: -30px;
    }
    .prfrntlctvt_item > .list_horizontal {
        margin-left: -15px;
        margin-top: -15px;
    }
    .prfrntlctvt_storelist > .list_horizontal > li {
        padding-left: 30px;
        padding-top: 30px;
    }
    .prfrntlctvt_item > .list_horizontal > div {
        padding-left: 15px;
        padding-top: 15px;
    }
    .prfrntlctvt_storelist > .list_horizontal > li {
        width: 100%;
        min-width: 100%;
    }
}
@media screen and (max-width:768px) {
    .prfrntlctvt_theme > .list_horizontal,
    .prfrntlctvt_item > .list_horizontal {
        flex-wrap: wrap;
    }
    .prfrntlctvt_theme > .list_horizontal > div,
    .prfrntlctvt_item > .list_horizontal > div {
        width: 100%;
        min-width: 100%;
    }
    .prfrntlctvt_item_infomation > div {
        margin-top: 10px;
    }
    .prfrntlctvt_item_infomation > div.prfrntlctvt_item_info_name {
        margin-top: -15px;
    }
}
@media screen and (max-width:450px) {
    .prfrntlctvt_item_info_link > .list_horizontal > div {
        width: 100%;
        min-width: 100%;
    }
}
/* 會員專區 */
.pginr_form {
    display: table;
    margin: 20px auto;
}
.pginr_form > div {
    margin-top: 30px;
}
.pginr_form > div:first-child {
    margin-top: 0;
}
.pginr_form_row,
.pginr_form_submit {
    display: flex;
}
.pginr_form_title,
.pginr_form_input > * {
    line-height: 1.483;
    padding-top: 1em;
    padding-bottom: 1em;
    height: auto;
}
.pginr_form_input {
    flex-grow: 1;
    max-width: 500px;
    padding-left: 0.5em;
}
.pginr_form_input > * {
    font-size: inherit;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.pginr_form_input > input {
    border-bottom: 2px solid #000;
}
.pginr_form_input > input:focus {
    box-shadow: none;
}
.pginr_form_submit {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
}
.pginr_form_submit .pginr_form_input {
    flex-grow: 1;
    max-width: 280px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}
.pginr_form_submit .pginr_form_input > * {
    display: block;
    width: 100%;
    background-color: #dedede;
    font-size: 110%;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    border: none;
    text-align: center;
}
@media screen and (max-width:575px) {
    .pginr_form_row {
        flex-wrap: wrap;
    }
    .pginr_form_row > div {
        width: 100%;
        min-width: 100%;
    }
    .pginr_form_title {
        padding: 0;
    }
    .pginr_form_input {
        padding-left: 0;
    }
    .pginr_form_submit {
        padding-left: 0;
        padding-right: 0;
    }
    .pginr_form_submit .pginr_form_input {
        width: 100%;
        min-width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 15px;
    }

}
/* 網站地圖 */
.pginr_main_sitemap {
    font-size: 125%;
    overflow: hidden;
}
.pginr_main_sitemap > ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -15px;
    margin-left: -15px;
}
.pginr_main_sitemap > ul > li {
    /* width: 20%;
    min-width: 20%; */
    width: 25%;
    min-width: 25%;
    padding-top: 15px;
    padding-left: 15px;
}
.pginr_main_sitemap > ul > li > a {
    background-color: #eee;
    justify-content: center;
}
.pginr_main_sitemap > ul > li a {
    display: flex;
    padding: 15px;
}
.pginr_main_sitemap > ul > li a > span {
    padding-left: 5px;
}
.pginr_main_sitemap > ul > li a > span:first-child {
    padding-left: 0;
}
.pginr_main_sitemap > ul ul {
    font-size: 90%;
}
.pginr_main_sitemap > ul ul li a {
    border-top: 1px dashed #ccc;
}
.pginr_main_sitemap > ul > li > ul > li:first-child > a {
    border-top: none;
}
.pginr_main_sitemap > ul ul ul a {
    padding-left: 25px;
}
@media screen and (max-width:1366px) {
    .pginr_main_sitemap > ul > li {
        width: 25%;
        min-width: 25%;
    }
}
@media screen and (max-width:1024px) {
    .pginr_main_sitemap > ul > li {
        width: 33.33%;
        min-width: 33.33%;
    }
}
@media screen and (max-width:768px) {
    .pginr_main_sitemap > ul > li {
        width: 50%;
        min-width: 50%;
    }
}
@media screen and (max-width:450px) {
    .pginr_main_sitemap > ul > li {
        width: 100%;
        min-width: 100%;
    }
    .pginr_main_sitemap > ul > li a,
    .pginr_main_sitemap > ul ul ul a {
        padding: 10px;
    }
}
/* 街頭藝人 > 申請展演 */
.pginr_apply_txtcntnt_check {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E2E2E2;
    padding: 20px 25px;
    margin: 20px 0;
    font-size: 120%;
}
.pginr_apply_txtcntnt_check label {
    margin-left: 10px;
}
.pginr_apply_text_content .pginr_form_submit .pginr_form_input > *,
#apply_div .pginr_form_submit .pginr_form_input > * {
    border: 2px solid #000;
    background-color: transparent;
}
.pginr_apply_addbox {
    position: relative;
    font-size: 135%;
}
.pginr_apply_addbox_left {
    overflow: hidden;
    padding: 20px 25px;
    background-color: #E2E2E2;
    margin-right: 255px;
}
.pginr_apply_addbox_left > div {
    margin-left: -20px;
    margin-top: -20px;
    flex-wrap: wrap;
    align-items: flex-start;
}
.pginr_apply_addbox_left > div > div {
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
    padding-top: 20px;
}
.pginr_apply_addbox_right {
    position: absolute;
    right: 0;
    top: 0;
    width: 235px;
    height: 100%;
}
a.pginr_apply_addbxrght_add {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #000;
    color: #FFF;
    position: relative;
    padding: 10px;
}
a.pginr_apply_addbxrght_add > span {
    display: block;
    position: relative;
    padding-left: 23px;
}
a.pginr_apply_addbxrght_add > span::before,
a.pginr_apply_addbxrght_add > span::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 2px;
    background-color: #FFF;
}
a.pginr_apply_addbxrght_add > span::before {
    transform: translate(0, -50%) rotate(90deg);
}
a.pginr_apply_addbxrght_add > span::after {
    transform: translate(0, -50%);
}
#apply_div .pginr_filter {
    overflow: visible;
}
.div2table {
    display: table;
}
.div2thead {
    display: table-header-group;
}
.div2tbody {
    display: table-row-group;
}
.div2tr {
    display: table-row;
}
.div2th,
.div2td {
    display: table-cell;
}
#apply_div .pginr_filter table {
    width: 100%;
}
#apply_div .pginr_filter > table > thead > tr {
    border-bottom: 2px dashed #E1E1E1;
}
#apply_div .pginr_filter > table th {
    text-align: center;
}
#apply_div .pginr_filter > table > thead > tr > th,
#apply_div .pginr_filter > table > tbody > tr > td {
    padding: 15px;
    vertical-align: middle;
}
.applydiv_number > span {
    display: flex;
    width: 2.5em;
    height: 2.5em;
    align-items: center;
    justify-content: center;
    background-color: #E2E2E2;
}
#apply_div .pginr_filter > table > tbody > tr > td:first-child,
#apply_div .pginr_filter > table > tbody > tr > td:last-child {
    width: 1px;
    white-space: nowrap;
}
.applydiv_delete > a {
    display: block;
    width: 30px;
    border-radius: 100%;
    background-color: #000;
    overflow: hidden;
}
.applydiv_delete > a > span {
    display: block;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    font-size: 0;
}
.applydiv_delete > a > span::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40%;
    height: 3px;
    transform: translate(-50%, -50%);
    background-color: #FFF;
}
#apply_div .input-group,
#apply_div .input-group > input {
    display: block;
}
.pginr_apply_scroller > .pginr_filter > table {
    min-width: 900px;
}
@media screen and (max-width:940px) {
    .pginr_apply_scroller {
        overflow-x: auto;
        overflow-y: visible;
    }
}
@media screen and (max-width:768px) {
    .pginr_apply_addbox,
    .pginr_apply_addbox > div {
        position: static;
    }
    .pginr_apply_addbox_left {
        margin-right: 0;
    }
    .pginr_apply_addbox_right {
        width: auto;
    }
}
/* 表單相關 */
form.apply_form,
.pginr_apply_txtcntnt_content {
    max-width: 1024px;
    overflow-x: auto;
    overflow-y: hidden;
    margin-left: auto;
    margin-right: auto;
}
form.apply_form table {
    /* min-width: 600px; */
    width: 100%;
}
form.apply_form tbody tr:nth-child(even) {
    background-color: #ddd;
}
/* form.apply_form tbody tr:nth-child(odd):last-child > th,
form.apply_form tbody tr:nth-child(odd):last-child > td {
    border-bottom: 1px solid #ddd;
} */
form.apply_form table th,
form.apply_form table td {
    vertical-align: middle;
    padding: 5px 10px;
}
form.apply_form table th {
    text-align: right;
    width: 10em;
}
form.apply_form table input[type="text"],
form.apply_form table input[type="file"],
form.apply_form table select,
form.apply_form table td > div {
    margin: 5px 10px 5px 0;
}
form.apply_form table input[type="text"],
form.apply_form table input[type="file"],
form.apply_form table select {
    border: 1px solid #ccc;
    padding: 5px 10px;
    /**/
    background-color: #FFF;
    border-radius: 0;
    font-size: inherit;
    line-height: inherit;
    height: auto;
}
form.apply_form table input[type="text"],
form.apply_form table input[type="file"] {
    width: 100%;
    max-width: 320px;
}
/* form.apply_form table select {
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
} */
form.apply_form table td > div {
    display: inline-block;
}
form.apply_form table input[type="radio"] {
    margin: 10px 5px;
}
form.apply_form .pginr_form_submit .pginr_form_input {
    flex-grow: 0;
    max-width: none;
}
.start_sign_view {
    display: inline-block;
}
@media screen and (max-width:768px) {
    form.apply_form table th {
        width: 5em;
    }
}
@media screen and (max-width:450px) {
    form.apply_form table input[type="text"],
    form.apply_form table input[type="file"],
    form.apply_form table select {
        width: 100%;
    }
}
/* 街頭藝人 - 準演公告 */
.allowed_performance_announcement_date .mciicosldr_icos_box > ul > li {
    width: 10%;
}
.allowed_performance_announcement_date .mciicosldr_arwbtn_box {
    width: 54px;
}
.allowed_performance_announcement_date .mciicosldr_arwbtn_box a.mciicosldr_arwbtn {
    background-size: 100% auto;
    background-color: transparent;
}
.allowed_performance_announcement_date .mciicosldr_arwbtn_box.mciarw_left a.mciicosldr_arwbtn {
    background-image: url("../Images/slider_btn_left.png");
}
.allowed_performance_announcement_date .mciicosldr_arwbtn_box.mciarw_right a.mciicosldr_arwbtn {
    background-image: url("../Images/slider_btn_right.png");
}
.alwdprfrmncncmntdt_time_box {
    background-color: #efead9;
    padding: 20px 0;
    font-size: 137.5%;
    font-weight: bold;
}
.alwdprfrmncncmntdt_time_box[data-week="0"],
.alwdprfrmncncmntdt_time_box[data-week="6"] {
    background-color: #e5e5e5;
}
.now_view .alwdprfrmncncmntdt_time_box {
    border: 2px solid #959595;
    background-color: #e5c161;
}
.alwdprfrmncncmntdt_time_month {
    margin-top: 5px;
    margin-bottom: 5px;
}
.alwdprfrmncncmntdt_time_date {
    font-size: 95.45%;
    color: #585858;
}
.allowed_performance_announcement_detail {
    margin-left: 54px;
    margin-right: 54px;
}
.allowed_performance_announcement_detail .mciicosldr_icos_box > ul > li {
    width: 100%;
    vertical-align: top;
    text-align: left;
}
.alwdprfrmncncmntdtl_box > div {
    margin-top: 30px;
}
.alwdprfrmncncmntdtl_fulltime {
    font-size: 156.25%;
    text-align: center;
}
.alwdprfrmncncmntdtl_location_name {
    display: flex;
    align-items: center;
    background-color: #e5c161;
    border-bottom: 4px solid #000;
    font-size: 156.25%;
    padding: 15px 20px;
    font-weight: bold;
}
.alwdprfrmncncmntdtl_location_name::before {
    content: "";
    display: block;
    width: 20px;
    min-width: 20px;
    height: 26px;
    background: url("../Images/alwdprfrmncncmntdtl_location_name.png") left center no-repeat;
    background-size: 100% 100%;
}
.alwdprfrmncncmntdtl_location_name > div {
    padding-left: 10px;
}
.alwdprfrmncncmntdtl_location_list > ul {
    display: table;
    width: 100%;
}
.alwdprfrmncncmntdtl_location_list > ul > li {
    display: table-row;
}
.alwdprfrmncncmntdtl_location_list > ul > li > div {
    display: table-cell;
    vertical-align: middle;
    background-color: #efead9;
    padding: 15px 20px;
    padding-left: 0;
    border-bottom: 2px dashed #444;
    font-size: 150%;
}
.alwdprfrmncncmntdtl_location_list > ul > li > div:first-child {
    padding-left: 20px;
}
.alwdprfrmncncmntdtl_location_list > ul > li:nth-child(even) > div {
    background-color: #FFF;
}
@media screen and (max-width:1440px) {
    .allowed_performance_announcement_date .mciicosldr_icos_box > ul > li {
        width: 12.5%;
    }
}
@media screen and (max-width:1366px) {
    .allowed_performance_announcement_date .mciicosldr_icos_box > ul > li {
        width: 16.66%;
    }
}
@media screen and (max-width:1024px) {
    .allowed_performance_announcement_date .mciicosldr_icos_box > ul > li {
        width: 20%;
    }
}
@media screen and (max-width:768px) {
    .allowed_performance_announcement_date .mciicosldr_icos_box > ul > li {
        width: 33.33%;
    }
    .allowed_performance_announcement_detail {
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (max-width:575px) {
    .allowed_performance_announcement_date .mciicosldr_icos_box > ul > li {
        width: 50%;
    }
}
@media screen and (max-width:400px) {
    .allowed_performance_announcement_date .mciicosldr_icos_box > ul > li {
        width: 100%;
    }
}
/* 展演空間：地圖 */
g#text,
g#text * {
    pointer-events: none;
    touch-action: none;
}
g#touch_x5F_map > * {
    cursor: pointer;
}
/* 2020-12-31 最新消息改樣式 */
.pginrlist_type_news .pginr_evtslst_group_title {
    line-height: 1.483;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
}
.pginrlist_type_news .pginr_evtslst_group_title > div {
    margin-left: -10px;
    margin-top: -10px;
}
.pginrlist_type_news .pginr_evtslst_group_title > div > div {
    padding-left: 10px;
    padding-top: 10px;
}
.pginrlist_type_news_category > div {
    padding: 0.3em 1em;
    border-radius: 6px;
    background-color: #000;
    color: #FFF;
    font-size: 90%;
}
*[data-type="0"] .pginrlist_type_news_category > div {
    background-color:#f2c359;
    color: #000;
}
.pginrlist_type_news_title {
    flex-grow: 1;
    overflow: hidden;
}
.pginrlist_type_news_title > div {
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media screen and (max-width:768px) {
    .pginrlist_type_news .pginr_evtslst_group_title > div {
        flex-wrap: wrap;
    }
    .pginrlist_type_news_title {
        width: 100%;
        min-width: 100%;
    }
}
/* 20210105 */
.pgidx_content .news_item .nwstm_title {
    flex-grow: 1;
    padding-left: 10px;
    overflow: hidden;
}
.pgidx_content .news_item .nwstm_title > span  {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: inherit;
}
.pgidx_content .pginrlist_type_news {
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.5);
}
.pgidx_content .pginrlist_type_news > ul > li:last-child .pginr_evtslst_item > a::after {
    content: none;
}
@media screen and (max-width:575px) {
    .pgidx_content .pginr_evtslst_group_number {
        display: none;
    }
    .pgidx_content .pginr_evtslst_item > a::after {
        left: 0;
    }
    .pgidx_content .activities_list .mciicosldr_icos_box {
        margin: 0;
    }
    .pgidx_content .mciicosldr_arwbtn_box {
        display: none;
    }
}
.blktp_mobile_login {
    background-color: #dedede;
}
/* 列印調整 */
@media print {
    .block_top {
        display: none;
    }
    *  {
        page-break-inside: avoid !important;
    }
    body.site_front,
    .list_horizontal,
    .blktp_menu_bottom_menu {
        display: block !important;
    }
    .list_horizontal > *,
    .blktp_menu_bottom_menu > * {
        display: block;
        width: auto !important;
        min-width: 0 !important;
    }
    .events_list li {
        width: 50% !important;
    }
    /*.pginrlist_type[data-type="activities"] > ul > li {
        width: 33.33%;
        min-width: 33.33%;
    }
    .pginrlist_type[data-type="activities"] > ul > li a[href]:after {
        content: none !important;
    }
    /**-/
    th, td,
    .page_index > div {
        page-break-inside: avoid !important;
    }
    * {
        color-adjust: exact !important;
        overflow: visible !important;
    }
    .pginrlist_image *,
    .actlst_item_image * {
        position: relative !important;
    }
    .pginrlist_image,
    .pginrlist_type[data-type="news"] .pginrlist_image,
    .actlst_item_image > div {
        width: auto !important;
        height: auto !important;
        padding-bottom: 0 !important;
    }
    .pginrlist_image img,
    .mciicosldr_icos_box > ul > li .actlst_item_image img,
    .actlst_item_image img {
        position: static !important;
        width: auto !important;
        height: auto !important;
        object-fit: none !important;
    }
    a[href]:after {
        content: none !important;
    }*/
}
/* 列印證 */
.certificate_print {
    position: relative;
    width: 10.5cm;
    margin-left: auto;
    margin-right: auto;
    border: 1px dashed #ccc;
    -webkit-print-color-adjust: exact;    
    color-adjust: exact;
}
.certificate_print_data {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.certificate_print_data > div {
    position: absolute;
}
.certificate_print_data_category {
    left: 0;
    top: 4.4664cm;
    width: 100%;
    font-size: 13.35pt;
    font-weight: bold;
}
.certificate_print_data_category > ul {
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1.2265cm;
}
.certificate_print_data_category > ul > li {
    width: 33.33% !important;
    min-width: 33.33% !important;
    text-align: center;
    color: #FFF !important;
}
.certificate_print_data_photo {
    left: 1.2397cm;
    top: 6.4218cm;
    width: 2.6186cm;
    height: 2.9458cm;
}
.certificate_print_data_photo img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    object-fit: cover;
}
.certificate_print_data_text {
    left: 4.4157cm;
    top: 6.4218cm;
    width: 5.2813cm;
    font-size: 10pt;
}
.certificate_print_data_text > ul > li {
    margin-top: 0.2589cm;
}
.certificate_print_data_text > ul > li:first-child {
    margin-top: 0;
}
.certificate_print_data_qrcode {
    left: 7.5732cm;
    top: 11.9043cm;
    width: 1.8664cm;
}
.certificate_print_data_qrcode img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
/**/
.ArtistDetail {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.ArtistDetail_photo {
    text-align: center;
    margin-bottom: 20px;
}
.ArtistDetail table {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.ArtistDetail th {
    text-align: right;
    vertical-align: middle !important;
    border-right: 1px solid #ccc;
}
.ArtistDetail th,
.ArtistDetail td {
    padding: 10px !important;
}
input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: 5px;
}
input.PrintButtton {
    display: block;
    width: 100%;
    max-width: 6em;
    margin: 20px auto;
    background-color: transparent;
    font-size: 150%;
    border: 2px solid #000;
    color: #000;
    border-radius: 999px;
    padding: 0.3em 0;
    font-weight: bold;
}
.pginr_detail_top .pginr_detail_top_left {
    overflow: hidden;
}
.table_scroller {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
.table_scroller > table,
.table_scroller > table th,
.table_scroller > table td {
    width: auto !important;
}
.table_scroller > table {
    min-width: 768px;
}
/* 2021-11-15 BANNER要跟著縮放 */
.blktp_banner {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

/*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;
    }