.section .lastestnew .news-box .more-info .news-title,
.section .about .info .main-title div:nth-of-type(1),
.section .account label,
.section .account .actionbtn,
.section .account .actionbtn button span,
.section .book-tickets-3 .check-info label,
.section .book-tickets-3 .check-info .container-checkbox a,
.section .contact .info li span,
.discount .discount-info .info {
    font-weight: 700
}

    .discount .discount-info .info,
    .section .contact .info li span,
    .section .book-tickets-3 .check-info .container-checkbox a,
    .section .book-tickets-3 .check-info label,
    .section .account .actionbtn button span,
    .section .account .actionbtn,
    .section .account label,
    .section .about .info .main-title div:nth-of-type(1),
    .section .lastestnew .news-box .more-info .news-title {
        font-weight: 700
    }

.table {
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.table-tr {
    display: table-row;
    width: 100%
}

.table-th {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: #818181
}

.table-td {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle
}

.seat-mark {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

@media all and (max-width: 768px) {
    .seat-mark {
        margin-top: 20px
    }
}

.seat-mark .mark {
    margin: 5px 15px 0 15px;
    color: #000
}

@media all and (max-width: 768px) {
    .seat-mark .mark {
        margin: 0 10px;
        margin-bottom: 10px;
        text-align: left
    }
}

@media all and (max-width: 320px) {
    .seat-mark .mark {
        width: 50%
    }
}

.seat-mark .mark span {
    display: inline-block;
    /*color: #fff;*/
    color: #232323;
    -webkit-box-shadow: 1px 0 #fff, -1px 0 #fff, 0 -1px #fff, 0 1px #fff;
    box-shadow: 1px 0 #fff, -1px 0 #fff, 0 -1px #fff, 0 1px #fff;
    border-radius: 8px 8px 3px 3px;
    margin-right: 10px;
    width: 43px;
    height: 33px;
    line-height: 33px;
    text-align: center
}

@media all and (max-width: 768px) {
    .seat-mark .mark span {
        width: 30px;
        height: 25px;
        line-height: 25px
    }
}

.seat-mark .selectable span {
    background-color: #CCCCCC;
    color: #8B8B8B;
    -webkit-box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323;
    box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323;
}

.seat-mark .selected span {
    background-color: #f5b32d;
    color: #232323;
    -webkit-box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323;
    box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323;
}

.seat-mark .sell span {
    background-color: #FF0000;
    color: #232323;
    -webkit-box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323;
    box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323;
}

.seat-mark .wheelchair {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .seat-mark .wheelchair span {
        border: 1px solid #232323;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #046eb5;
        background-size: 40%;
        padding: 2px;
        background-color: #046eb5
    }

.seat-table {
    min-width: 60%;
    max-width: 68%;
    margin: 0 auto 80px auto;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 20px
}

    .seat-table .table {
        scroll-snap-align: center;
    }

.seatpreview {
    padding-left: 2.5%;
    margin-top: -15px;
}

    .seatpreview .eventinfo {
        display: flex;
        flex-direction: row;
    }

    .seatpreview .seat-table {
        min-width: 90%;
        max-width: 95%;
        margin: 0 auto 80px auto;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-bottom: 10px;
        text-align: center;
    }

@media all and (max-width: 768px) {
    .seatpreview {
        margin-left: 0;
        margin-top: -85px;
    }

    .seat-table {
        width: 100%;
        max-width: 100%
    }

    .seatpreview .eventinfo {
        display: flex;
        flex-direction: column-reverse;
    }
}

.book-tickets-2 .screen,
.seatpreview .screen {
    display: block;
    text-align: center;
    margin: 30px auto;
    margin-bottom: 5px !important;
    width: 60%;
    border: 1px solid gray;
    color: #232323;
    font-size: 14px
}

    .book-tickets-2 .screen img,
    .seatpreview .screen img {
        width: 456px;
    }

@media all and (max-width: 768px) {

    .book-tickets-2 .screen, 
    .seatpreview .screen {
        width: 80%;
    }

        .book-tickets-2 .screen img,
        .seatpreview .screen img {
            width: 400px
        }
}

.seat-table .table-td:first-of-type .td-block {
    font-family: "bold-font";
    color: #7d7d7d
}

.seat-table .table-td:last-of-type .td-block {
    font-family: "bold-font";
    color: #7d7d7d
}

.seat-table .table-td .td-block {
    width: 43px;
    height: 30px;
    margin: 4px 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .96rem
}

@media all and (min-width: 769px)and (max-width: 992px) {
    .seat-table .table-td .td-block {
        margin: 4px;
        font-size: .9rem
    }
}

@media all and (max-width: 768px) {
    .seat-table .table-td .td-block {
        width: 30px;
        height: 25px;
        margin: 3px;
        font-size: .8rem
    }
}

.seat-table .table-td .seat,
.seat-table .table-td .td-seat {
    cursor: pointer;
    border-radius: 8px 8px 3px 3px;
    background-color: #232323;
    -webkit-box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323;
    box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323
}

.seat-table .table-td .td-seat {
    cursor: default
}

.seat-table .table-td .accessibility {
    background-color: #046eb5;
    -webkit-box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323;
    box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px
}

.seat-table .table-td .selectable {
    background-color: #CCCCCC;
    color: #8B8B8B;
    -webkit-box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323;
    box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px
}

.seat-table .table-td .selected {
    background-color: #f5b32d;
    color: #232323;
    -webkit-box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323;
    box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px
}

.seat-table .table-td .sell {
    background-color: #FF0000;
    color: #232323;
    -webkit-box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323;
    box-shadow: 1px 0 #232323, -1px 0 #232323, 0 -1px #232323, 0 1px #232323;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px
}

.seat-table .table-td.soldout .seat,
.seat-table .table-td.soldout .td-seat {
    cursor: not-allowed;
    background-color: #dd362b
}

.seat-table .table-td.booked .seat,
.seat-table .table-td.booked .td-seat {
    background-color: #f5b32d
}

.seat-table .table-td.booked.disable .seat,
.seat-table .table-td.booked.disable .td-seat {
    border: 1px solid #232323;
    cursor: not-allowed;
    pointer-events: none;
    background-color: rgba(129, 129, 129, .3254901961);
    color: #818181;
    -webkit-box-shadow: none;
    box-shadow: none
}

.section .main-banner .hotarea {
    padding-right: 60px;
}

@media (max-width: 1200px) {
    .section .main-banner .hotarea {
        padding-right: 45px;
    }
}

@media (max-width: 1024px) {
    .section .main-banner .hotarea {
        padding-right: 0px;
/*        margin-left: 0px !important;*/
        padding-left: 0px !important;
    }
}

@media (max-width: 992px) {
    .section .main-banner .hotarea {
        padding-right: 0;
        max-height: 50% !important;
    }
}

.section .main-banner img {
    width: 100%;
}

.section .nowshowing {
    padding-right: 10px
}

@media all and (min-width: 993px)and (max-width: 1200px) {
    .section .nowshowing {
        padding-right: 0
    }
}

@media all and (min-width: 769px)and (max-width: 992px) {
    .section .nowshowing {
        padding-right: 0
    }
}

@media all and (max-width: 768px) {
    .section .nowshowing {
        padding-right: 0
    }
}

.section .showing-list {
    text-align: center;
    position: relative
}

@media all and (min-width: 769px)and (max-width: 992px) {
    .section .showing-list {
        margin-bottom: 20px
    }
}

@media all and (max-width: 768px) {
    .section .showing-list {
        margin-bottom: 20px
    }
}

.section .showing-list a {
    display: block;
    padding-right: 15px
}

.section .showing-list .poster {
    position: relative;
    margin-bottom: 10px
}

    .section .showing-list .poster img {
        border-radius: 5px
    }

.section .onlinebook {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.section .onlinebook > div {
    width: 100%
}

.section .onlinebook .select-box {
    padding-left: 10px
}

@media (max-width: 1280px) {
    .section .onlinebook .select-box {
        margin-top: -15px;
    }
}

    .section .onlinebook .select-box div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 2.25vw;
        width: 100%
    }

@media (min-width: 1440px) and (max-width: 1919px) {
    .section .onlinebook .select-box div {
        margin-bottom: 1.25vw;
    }
}

@media  (max-width: 1400px) {
    .section .onlinebook .select-box div {
        margin-bottom: 0.55vw;
    }
}

@media (max-width: 1024px) {
    .section .onlinebook .select-box div {
        margin-bottom: 0vw;
    }
}

@media (max-width: 1023px) {
    .section .onlinebook .select-box div {
        margin-bottom: 0.85vw;
    }
}
/*
@media (min-width: 769px) and (max-width: 1023px) {
    .section .onlinebook .select-box div {
        margin-bottom: 0.9vw;
    }
}

@media (max-width: 768px) {
    .section .onlinebook .select-box div {
        margin-bottom: 1vw;
    }
}*/
    .section .onlinebook .select-box .svg-icons {
        width: 40px;
        height: 50px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        color: #910000;
    }

        .section .onlinebook .select-box .svg-icons.i-clock {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='clocktime' data-name='clocktime' version='1.1' viewBox='0 0 40 40'%3E%3C!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23b22d2d; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M20.03,0h0C8.94,0,0,8.94,0,20.02s8.94,19.98,20.03,19.98,19.97-8.99,19.97-19.98S31.01,0,20.03,0h0ZM35.53,19.88c0-.73-.58-1.31-1.31-1.31h-12.1c-.29-.53-.68-.92-1.17-1.17v-8.26c0-.73-.63-1.36-1.36-1.36s-1.36.63-1.36,1.36v8.26c-.87.44-1.51,1.41-1.51,2.48,0,1.6,1.26,2.87,2.87,2.87,1.12,0,2.04-.63,2.53-1.51h12.1c.73,0,1.31-.63,1.31-1.36h0Z'/%3E%3C/svg%3E")
        }

    .section .onlinebook .select-box select {
        width: 100%;
        height: 60px;
        margin-left: 20px;
        background-color: #232323;
        letter-spacing: 1.2px
    }

@media (min-width: 1281px) and (max-width: 1919px) {
    .section .onlinebook .select-box select {
        height: 45px;
    }
}

@media (max-width: 1280px) {
    .section .onlinebook .select-box select {
        height: 40px;
    }
}
        .section .onlinebook .select-box select option {
            background: #232323;
            padding: 10px 0
        }

@media (max-width: 768px) {
    .section .onlinebook .select-box select option {
        padding: 0;
    }
}

@media all and (max-width: 768px) {
    .section .onlinebook .select-box {
        padding-right: 0;        
    }
}

.section .lastestnew {
    margin-top: 20px;
    padding-left: 35px;
}

.section .lastestnew .news-box {
   width: 100%;
   vertical-align: central;
}

    .section .lastestnew .news-box .new-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

@media all and (max-width: 768px) {
    .section .lastestnew .news-box .new-info {
        margin-left: 0px;
        width: 100%
    }
}

.section .lastestnew .news-box .new-info .news-time {
    min-width: 100px;
    text-align: center;
    margin-right: 15px;
    margin-top: 2px;
    padding: 2px;
    background-color: #b22d2d;
    border-radius: 5px;
    font-family: "regular-font";
    font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
}

.section .lastestnew .news-box .more-info {
    margin-bottom: 0;
    margin-top: 50px
}

    .section .lastestnew .news-box .more-info .news-time {
        background-color: #000;
        margin-right: 15px;
        font-family: "bold-font";
        padding-top: 10px;
        padding-bottom: 10px;
    }

.btn-border:hover {
    border: 2px solid #b22d2d;
    box-shadow: inset 0 0 20px rgba(178, 45, 45, .5), 0 0 20px rgba(178, 45, 45, .2);
    outline-color: #b22d2d;
    outline-offset: 25px;
    text-shadow: 1px 1px 3px #b22d2d;
}

.section .solgan,
.modal .page .solgan {
    color: #b22d2d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: "bold-font";
}

.modal .page .solgan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .section .solgan .stroktext,
    .modal .page .solgan .stroktext {
        color: rgba(0, 0, 0, 0);
        display: inline-block;
        -webkit-text-stroke: 1px #b22d2d
    }

.section .movies .actions {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.section .movies .showing-list {
    margin-bottom: 50px
}

@media all and (max-width: 768px) {
    .section .movies .showing-list {
        margin-bottom: 20px
    }
}

.section .movies .showing-list .poster {
    margin-bottom: 30px
}

.section .movie-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;    
}

@media (max-width: 1024px) {
    .section .movie-info {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.section .movie-info .movie-item {    
    /*padding-left: 3vw;*/
    -ms-flex-line-pack: center;
    align-content: center;
    height: 100%;
    /*padding-right: 2vw;*/
}

    .section .movie-info .movie-item.item-info {
        padding-left: 2vw;
        -ms-flex-line-pack: center;
        align-content: center;
        /*padding-right: 2vw;*/
    }

@media (max-width: 992px) {
    .section .movie-info .movie-item.item-info {
        padding-left: 25px;
        padding-right: 0 !important;
        margin-right: 0 !important;
        /*margin-top: 20px;*/
    }
}

.section.introduction {
    background-color: #232323;
    margin-bottom: 0;
    padding: 30px 0 0 0
}

    .section.introduction p {
        margin-bottom: 20px
    }

.section .trailer {
    text-align: center;
    justify-content: flex-start;
}

.section .booking-history .actions {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.section .booking-history .item {
    position: relative;
    padding: 30px 40px;
    background-color: #d7d7d7;
    border: 1px solid #7d7d7d;
    margin-bottom: 40px
}

@media all and (max-width: 768px) {
    .section .booking-history .item {
        padding: 20px 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.section .booking-history .item:last-of-type {
    margin-bottom: 0
}

.section .booking-history .item:hover {
    background-color: #c3c3c3
}

@media all and (max-width: 768px) {
    .section .booking-history .item .content-row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.section .booking-history .row-left img {
    border-radius: 5px;
    max-width: 260px
}

@media all and (min-width: 769px)and (max-width: 992px) {
    .section .booking-history .row-left {
        width: 30%;
        margin-bottom: 20px;
        margin: 0 auto
    }
}

@media all and (max-width: 768px) {
    .section .booking-history .row-left {
        width: 30%;
        margin-bottom: 20px
    }
}

.section .booking-history .row-right {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
    padding-left: 20px
}

@media all and (min-width: 769px)and (max-width: 992px) {
    .section .booking-history .row-right {
        padding-left: 0px;
        width: 50%
    }
}

@media all and (max-width: 768px) {
    .section .booking-history .row-right {
        padding-left: 0px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.section .booking-history .tickets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .section .booking-history .tickets .ticket-no {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        background-color: #232323;
        padding: 10px 20px;
        border-radius: 5px
    }

        .section .booking-history .tickets .ticket-no span {
            margin-left: 5px;
            line-height: 1;
            font-family: "bold-font"
        }

.section .booking-history .movie-title {
    margin: 30px 0 35px 0
}

@media all and (max-width: 768px) {
    .section .booking-history .movie-title {
        width: 100%;
        text-align: center
    }
}

.section .booking-history .movie-title span {
    color: #666;
    word-break: break-all
}

.section .booking-history .booking-list {
    width: 80%
}

@media all and (max-width: 768px) {
    .section .booking-history .booking-list {
        width: 100%
    }
}

.section .booking-history .booking-list hr {
    width: 100%;
    margin: 20px 0
}

.section .booking-history .booking-list .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    height: 40px;
}

@media all and (max-width: 768px) {
    .section .booking-history .booking-list .list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.section .booking-history .booking-list .list:last-of-type {
    margin-bottom: 0
}

.section .booking-history .booking-list .list label {
    width: 90px;
    min-width: 90px;
    color: #818181
}

.section .booking-history .booking-list .list span {
    color: #000;
    font-family: "bold-font"
}

    .section .booking-history .booking-list .list span .ticketNo {
        color: var(--color-red-company);
        font-family: "bold-font"
    }

.section .booking-history .booking-list .tickets-list-info {
    width: 100%
}

    .section .booking-history .booking-list .tickets-list-info .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

@media all and (min-width: 769px)and (max-width: 992px) {
    .section .booking-history .booking-list .tickets-list-info .list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.section .booking-history .booking-list .tickets-list-info .list .list-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

    .section .booking-history .booking-list .tickets-list-info .list .list-content label {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 90px;
        min-width: 90px
    }

@media all and (min-width: 769px)and (max-width: 992px) {
    .section .booking-history .booking-list .tickets-list-info .list .list-content label {
        width: 68px;
        min-width: 68px
    }
}

@media all and (max-width: 768px) {
    .section .booking-history .booking-list .tickets-list-info .list .list-content label {
        width: 68px;
        min-width: 68px
    }
}

.section .booking-history .booking-list .tickets-list-info .list .list-content span {
    font-family: "regular-font"
}

.section .booking-history .booking-list .tickets-list-info .list .i-cancel {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 10px
}

.section .booking-history .ticket-state {
    position: absolute;
    right: 3em;
    top: 30px
}

.section .booking-history .ticket-state_dt {
    position: relative !important;
    right: 1em;
    top: 10px !important;
}

@media all and (max-width: 991px) {
    .section .booking-history .ticket-state {
        position: static;
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.section .booking-history .ticket-state .state {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    color: #000;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600
}

@media all and (max-width: 991px) {
    .section .booking-history .ticket-state .state {
        margin-right: 10px
    }
}

.section .booking-history .ticket-state .state.refund {
    background-color: #fc3
}

.section .booking-history .ticket-state .state .svg-icons {
    display: block;
    margin-left: 10px
}

    .section .booking-history .ticket-state .state .svg-icons.i-cancel {
        width: 20px;
        height: 20px
    }

.section .booking-history .ticket-info {
    width: 100%;
    position: relative;
    border-top: 1px solid #818181;
    display: none
}

    .section .booking-history .ticket-info .info-item {
        border-bottom: 1px dashed #818181;
        padding: 40px 80px
    }

        .section .booking-history .ticket-info .info-item:last-of-type {
            border-bottom: 0
        }

    .section .booking-history .ticket-info .ticket-state {
        top: 0;
        right: 0
    }

    .section .booking-history .ticket-info:last-of-type {
        border-bottom: none
    }

    .section .booking-history .ticket-info .row-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

@media all and (max-width: 768px) {
    .section .booking-history .ticket-info .row-left {
        width: 100%
    }
}

.section .booking-history .ticket-info .row-left span {
    width: 120px;
    text-align: center;
    display: inline-block;
    padding: 2px 10px;
    border: 1px solid #fff;
    border-radius: 12px
}

.section .news-info .actions {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.section .news-info .row-left {
    /*margin-right: 3%;*/
    width: 35%;
    left: 0px;
}

@media all and (min-width: 769px) and (max-width: 992px) {
    .section .news-info .row-left {
        width: 100%;
        padding: 0;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media all and (max-width: 768px) {
    .section .news-info .row-left {
        width: 100%;
        padding: 0;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.section .news-info .row-right {
    position: relative;
    padding-top: 2rem;    
    padding-left: 7%;
    width: 65%;
}

@media all and (min-width: 769px)and (max-width: 992px) {
    .section .news-info .row-right {
        width: 100%;
        /*margin-left: 20px;*/
        padding-left: 0px !important;
    }
}

@media all and (max-width: 768px) {
    .section .news-info .row-right {
        width: 100%;
        /*margin-left: 20px;*/
        padding-left: 0px !important;
    }
}

.section .news-info .news-time {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 135px;
    text-align: center;
    margin-right: 50px;
    padding: 5px;
    background-color: #232323;
    border-radius: 5px
}

.section .news-info .sub-title {
    /*color: #000;*/
    color: var(--color-red-company);
    margin: 30px 0
}

.section .news-info .site-info {
    color: #000;
    color: var(--color-dark-bg);
    /*font-weight: normal;*/
}

.section .news-info .new-content {
    color: #000
}

.section .group-ticket .project {
    margin-bottom: 100px
}

    .section .group-ticket .project hr {
        background-color: #ffdf00
    }

.section .group-ticket .row-left {
    padding-right: 3vw
}

@media all and (min-width: 769px)and (max-width: 992px) {
    .section .group-ticket .row-left {
        padding-right: 0px
    }
}

@media all and (max-width: 768px) {
    .section .group-ticket .row-left {
        padding-right: 0px
    }
}

.section .group-ticket .row-left img {
    border-radius: 10px
}

@media all and (min-width: 769px)and (max-width: 992px) {
    .section .group-ticket .sub-title {
        margin-top: 20px
    }
}

@media all and (max-width: 768px) {
    .section .group-ticket .sub-title {
        margin-top: 20px
    }
}

.section .group-ticket .hr-line {
    width: 100px
}

.section .group-ticket .new-content p {
    margin-bottom: 20px
}

.section .about .row-left {
    padding-right: 1.5vw
}

@media all and (min-width: 769px)and (max-width: 992px) {
    .section .about .row-left {
        padding-right: 0;
        margin-bottom: 15px
    }
}

@media all and (max-width: 768px) {
    .section .about .row-left {
        padding-right: 0;
        margin-bottom: 15px
    }
}

.section .about .row-right {
    padding-left: 1.5vw
}

@media all and (min-width: 769px)and (max-width: 992px) {
    .section .about .row-right {
        padding-left: 0
    }
}

@media all and (max-width: 768px) {
    .section .about .row-right {
        padding-left: 0
    }
}

.section .about img {
    border-radius: 10px
}

.section .about .info {
    margin-top: 40px
}

    .section .about .info .main-title div:nth-of-type(1) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .section .about .info .main-title div:nth-of-type(1)::before {
            width: 30px;
            height: 30px;
            content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 12C16.6569 12 18 10.6569 18 9C18 7.34315 16.6569 6 15 6C13.3431 6 12 7.34315 12 9C12 10.6569 13.3431 12 15 12Z' fill='%235A96C3'/%3E%3Cpath d='M9 18C10.6569 18 12 16.6569 12 15C12 13.3431 10.6569 12 9 12C7.34315 12 6 13.3431 6 15C6 16.6569 7.34315 18 9 18Z' fill='%235A96C3'/%3E%3Cpath d='M24 15C24 16.6569 22.6569 18 21 18C19.3431 18 18 16.6569 18 15C18 13.3431 19.3431 12 21 12C22.6569 12 24 13.3431 24 15Z' fill='%235A96C3'/%3E%3Cpath d='M15 24C16.6569 24 18 22.6569 18 21C18 19.3431 16.6569 18 15 18C13.3431 18 12 19.3431 12 21C12 22.6569 13.3431 24 15 24Z' fill='%235A96C3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.22935 2.83137C8.78333 0.99056 11.8518 0 15 0C18.9782 0 22.7936 1.58035 25.6066 4.3934C28.4196 7.20644 30 11.0218 30 15C30 18.9782 28.4196 22.7936 25.6066 25.6066C22.7936 28.4196 18.9782 30 15 30H6.50522e-09V27H6C3.48141 25.1111 1.621 22.4775 0.682297 19.4725C-0.256405 16.4675 -0.225809 13.2433 0.769751 10.2566C1.76531 7.2699 3.67536 4.67217 6.22935 2.83137ZM8.33316 24.9776C10.3065 26.2962 12.6266 27 15 27C18.1826 27 21.2348 25.7357 23.4853 23.4853C25.7357 21.2348 27 18.1826 27 15C27 12.6266 26.2962 10.3065 24.9776 8.33316C23.6591 6.35977 21.7849 4.8217 19.5922 3.91345C17.3995 3.00519 14.9867 2.76755 12.6589 3.23058C10.3311 3.6936 8.19295 4.83649 6.51472 6.51472C4.83649 8.19295 3.6936 10.3311 3.23058 12.6589C2.76755 14.9867 3.00519 17.3995 3.91345 19.5922C4.8217 21.7849 6.35977 23.6591 8.33316 24.9776Z' fill='%235A96C3'/%3E%3C/svg%3E ");
            background-color: rgba(0, 0, 0, 0);
            margin-right: 15px
        }

    .section .about .info .info-container {
        padding-left: 47px
    }

        .section .about .info .info-container.facility {
            overflow-x: auto;
            padding-bottom: 20px
        }

            .section .about .info .info-container.facility .table-tr:last-of-type .table-td:first-of-type {
                border-bottom-left-radius: 5px
            }

            .section .about .info .info-container.facility .table-tr:last-of-type .table-td:last-of-type {
                border-bottom-right-radius: 5px
            }

        .section .about .info .info-container li:first-of-type {
            margin-top: 20px
        }

        .section .about .info .info-container li:before {
            content: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4733 17.7467C13.5282 17.7904 13.5965 17.8139 13.6667 17.8133C13.7204 17.8137 13.7733 17.7999 13.82 17.7733C13.8743 17.746 13.92 17.7041 13.9518 17.6523C13.9836 17.6005 14.0003 17.5408 14 17.48V2.24C13.9982 1.64646 13.7617 1.07772 13.342 0.658023C12.9223 0.238323 12.3535 0.00175866 11.76 0H2.24C1.64646 0.00175866 1.07772 0.238323 0.658023 0.658023C0.238323 1.07772 0.00175866 1.64646 0 2.24V17.48C0.00444093 17.5362 0.0233522 17.5903 0.0548944 17.637C0.0864366 17.6838 0.129536 17.7215 0.18 17.7467C0.231962 17.7792 0.292029 17.7964 0.353333 17.7964C0.414637 17.7964 0.474704 17.7792 0.526667 17.7467L7 13.1267L13.4733 17.7467Z' fill='%23AA2D00'/%3E%3C/svg%3E ");
            margin-right: 10px;
            padding-top: 3px;
            position: relative;
            top: 4px
        }

        .section .about .info .info-container .table {
            min-width: 1000px;
            border-collapse: initial;
        }

            .section .about .info .info-container .table .table-th {
                width: 80px;
                padding: 5px 0;
                border-left: 1px solid #4a4a4a;
                border-right: 1px solid #4a4a4a;
                background-color: rgba(255, 255, 255, .253)
            }

                .section .about .info .info-container .table .table-th:first-of-type {
                    border-radius: 5px 0 0 0;
                    border: none;
                    border-right: 1px solid #4a4a4a;
                    width: 120px
                }

                .section .about .info .info-container .table .table-th:last-of-type {
                    border-radius: 0 5px 0 0;
                    border: none;
                    border-left: 1px solid #4a4a4a
                }

            .section .about .info .info-container .table .table-td {
                padding: 5px 0;
                border: 1px solid #4a4a4a
            }

.section .about .actions {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.section .account label {
    display: block;
    color: #000;
    margin: 0 0 5px 0
}

.section .account input {
    color: #000;
    border: 1px solid #b3b3b3;
}

.section .account select {
    border: 1px solid #b3b3b3;
    color: #000;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.49503 7C6.38669 7 6.27112 6.95628 6.19167 6.86884L0.124592 0.747833C-0.0415306 0.572948 -0.0415306 0.303332 0.124592 0.128446C0.290714 -0.0464395 0.565177 -0.0391526 0.738523 0.128446L6.50225 5.9434L12.2588 0.128446C12.4249 -0.0391526 12.6993 -0.0391526 12.8727 0.128446C13.046 0.296045 13.0388 0.572948 12.8727 0.747833L6.8056 6.86884C6.71893 6.95628 6.61059 7 6.50225 7H6.49503Z' stroke='%232F2F2F' stroke-width='0.25' stroke-miterlimit='10'/%3E%3C/svg%3E%0A")
}

.section .account .row-right {
    padding-right: 20px;
    margin-top: 30px;
}

@media all and (min-width: 769px)and (max-width: 992px) {
    .section .account .row-right {
        padding-right: 0;
        margin-top: 15px;
    }
}

@media all and (max-width: 768px) {
    .section .account .row-right {
        padding-right: 0;
        margin-top: 15px
    }
}

.section .account .row-right .deposit {
    background: url("../image/account1.png"), #c8c9c9
}

.section .account .row-right .points {
    background: url("../image/account2.png"), #c8c9c9
}

.section .account .row-right .deposit,
.section .account .row-right .points {
    background-repeat: no-repeat;
    background-position: right;
    border-radius: 5px;
    padding: 25px 40px;
    letter-spacing: 1.4px;
    margin-bottom: 20px
}

@media all and (max-width: 768px) {

    .section .account .row-right .deposit,
    .section .account .row-right .points {
        background-size: 50%;
        background-position: bottom right;
        background-repeat: no-repeat
    }
}

.section .account .row-right .mail {
    font-weight: 700;
    letter-spacing: 3px;
    margin-top: 20px
}

.section .account .row-right .account-info {
    margin: 10px 0;
}

    .section .account .row-right .account-info.graycolor {
        color: #878787;
        margin-top: 20px
    }

.section .account .row-left {
    padding: 30px 30px 0px 0px;
}

@media all and (min-width: 769px)and (max-width: 992px) {
    .section .account .row-left {
        padding: 15px 0px 0px 0px;
    }
}

@media all and (max-width: 768px) {
    .section .account .row-left {
        padding: 15px 0px 0px 0px;
        justify-content: center;
        justify-items: center;
    }
}

.section .account .row-right .points-value {
    margin-bottom: 30px;
    border: 1px solid #b7b7b7;
    padding: 10px 30px;
    border-radius: 5px;
    text-align: center;
    font-weight: 700
}

.section .account .row-left .account-box-title {
    background-color: #d7d7d7;
    border: 1px solid #7d7d7d;
    padding: 10px 0px 10px 30px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    letter-spacing: 1.5px;
    margin-bottom: 50px
}

    .section .account .row-left .account-box-title .i-profile,
    .section .account .row-left .account-box-title .i-points {
        width: 35px;
        height: 35px;
        margin-right: 15px
    }

.section .account .row:not(.account-box-title) {
    margin-bottom: 10px
}

.section .account .actions {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.section .account .actionbtn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    /*margin-top: 30px*/
}

@media all and (min-width: 769px)and (max-width: 992px) {
    .section .account .actionbtn {
        height: 60px;
        max-height: 60px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media all and (max-width: 768px) {
    .section .account .actionbtn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media all and (max-width: 768px) {
    .section .account .actionbtn:last-of-type {
        margin-top: 15px
    }
}

.section .account .actionbtn button {
    color: #fff;
    height: 50px;
    padding: 10px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #232323;
    margin-left: 0px; 
    margin-right: 25px;
}

@media all and (max-width: 768px) {
    .section .account .actionbtn button {
        margin-bottom: 15px;
        width: 100%
    }
}

.section .account .verify {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 10px 15px;
    background-color: #056eb8;
    font-weight: 200;
    border-radius: 5px;
    letter-spacing: 1.2px;
    margin: 0px !important;
    margin-bottom: 30px !important;
    color: #fff;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: none;
}

.section .booking .actions,
.section .news .actions {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.section .booking .content-row {
    margin-bottom: 60px
}

.section .booking .row-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*padding-right: 10px;*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

@media all and (max-width: 992px) {
    .section .booking .row-left {
        padding-right: 0;
        margin-bottom: 40px
    }
}

.section .booking .row-right {
    padding-left: 3.5%;
}

@media all and (max-width: 1200px) {
    .section .booking .row-right {
        margin-top: 20px;
        padding-left: 0;
    }
}

.section .booking .row-right .actions {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .section .booking .row-right .actions button,
    .modal .page .left .actions button {
        border-radius: 5px;
        color: #fff;
        margin: 0 10px;
    }

    .section .movie-info .actions button {
        border-radius: 5px;
        color: #fff;
        margin: 0 5px;
    }

        .section .booking .row-right .actions button a,
        .modal .page .left .actions button a {
            padding: 5px 25px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .section .movie-info .actions button a {
            padding: 5px 5px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

@media all and (max-width: 768px) {
    .section .booking .row-right .actions button a,
    .modal .page .left .actions button a {
        padding: 8px
    }
}

.section .booking .row-right .actions button.buy-ticket,
.section .movie-info .actions button.buy-ticket,
.modal .page .left .actions button {
    border: 1px solid #036eb5;
    margin-top: 40px;
    justify-content: center;
    justify-items: center;    
}

    .section .booking .row-right .actions button.buy-ticket .svg-icons,
    .section .movie-info .actions button.buy-ticket .svg-icons,
    .modal .page .left .actions button .svg-icons {
        margin-right: 5px
    }

    .section .booking .row-right .actions button.buy-ticket .i-ticket,
    .section .movie-info .actions button.buy-ticket .i-ticket,
    .modal .page .left .actions button .i-ticket {
        background: url("data:image/svg+xml, %3Csvg width='30' height='20' viewBox='0 0 576 512' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M64 64C28.7 64 0 92.7 0 128l0 64C0 200.8 7.4 207.7 15.7 210.6 34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320l0 64c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-64c0-8.8-7.4-15.7-15.7-18.6-18.8-6.5-32.3-24.4-32.3-45.4s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6l0-64c0-35.3-28.7-64-64-64L64 64zM416 336l0-160-256 0 0 160 256 0zM112 160c0-17.7 14.3-32 32-32l288 0c17.7 0 32 14.3 32 32l0 192c0 17.7-14.3 32-32 32l-288 0c-17.7 0-32-14.3-32-32l0-192z' fill='black'/%3E%3C/svg%3E%0A") no-repeat center;
        /*background: url("data:image/svg+xml,%3Csvg width='28' height='18' viewBox='0 0 28 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.8701 16.1101V12.1801C27.8701 11.5301 27.3601 10.9901 26.7101 10.9301C25.7001 10.8501 24.9301 10.0101 24.9201 9.00014C24.9201 7.99014 25.7001 7.15014 26.7101 7.07014C27.3601 7.02014 27.8601 6.48014 27.8701 5.82014V1.89014C27.8701 1.20014 27.3101 0.640137 26.6201 0.640137H20.3501C19.9601 0.640137 19.5801 0.730136 19.2301 0.900136C19.0901 0.970136 18.9401 0.970136 18.8001 0.900136C18.4501 0.730136 18.0701 0.640137 17.6801 0.640137H1.6001C0.910098 0.640137 0.350098 1.20014 0.350098 1.89014V5.82014C0.350098 6.47014 0.860098 7.01014 1.5101 7.07014C2.5801 7.15014 3.3701 8.08014 3.2901 9.14014C3.2201 10.0901 2.4601 10.8501 1.5101 10.9201C0.860098 10.9701 0.360098 11.5101 0.350098 12.1701V16.1001C0.350098 16.7901 0.910098 17.3501 1.6001 17.3501H17.6801C18.0701 17.3501 18.4501 17.2601 18.8001 17.0901C18.9401 17.0201 19.1001 17.0201 19.2301 17.0901C19.5801 17.2601 19.9601 17.3501 20.3501 17.3501H26.6201C27.3101 17.3501 27.8701 16.7901 27.8701 16.1001V16.1101ZM19.0101 4.62014C18.4501 4.62014 18.0001 4.17014 18.0001 3.61014V2.58014C18.0001 2.02014 18.4701 1.58014 19.0201 1.59014C19.5701 1.59014 20.0101 2.04014 20.0101 2.58014V3.60014C20.0101 4.16014 19.5601 4.61014 19.0001 4.61014L19.0101 4.62014ZM19.0101 8.54014C18.4501 8.54014 18.0001 8.09014 18.0001 7.53014V6.55014C18.0001 5.99014 18.4501 5.54014 19.0101 5.54014C19.5701 5.54014 20.0201 5.99014 20.0201 6.55014V7.53014C20.0201 8.09014 19.5701 8.54014 19.0101 8.54014ZM19.0101 12.4501C18.4501 12.4501 18.0001 12.0001 18.0001 11.4401V10.4601C18.0001 9.90014 18.4701 9.46014 19.0201 9.47014C19.5701 9.47014 20.0101 9.92014 20.0101 10.4601V11.4401C20.0101 12.0001 19.5601 12.4501 19.0101 12.4501ZM19.0101 16.4201C18.4501 16.4201 18.0001 15.9701 18.0001 15.4101V14.3901C18.0001 13.8301 18.4401 13.3801 19.0001 13.3701C19.5601 13.3601 20.0101 13.8101 20.0201 14.3701C20.0201 14.3701 20.0201 14.3901 20.0201 14.4001V15.4201C20.0201 15.9801 19.5701 16.4301 19.0101 16.4301V16.4201Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat center; */
        background-size: contain;

    }

        .section .booking .row-right .actions button.buy-ticket p,
        .section .movie-info .actions button.buy-ticket p,
        .modal .page .left .actions button p {
            color: #232323;
            font-weight: 700;
            letter-spacing: 2px
        }

        .section .booking .row-right .actions button.buy-ticket p,
        .section .movie-info .actions button.buy-ticket p,
        .modal .page .left .actions button p {
            color: #232323;
            font-weight: 700;
            letter-spacing: 2px
        }

        .section .booking .row-right .actions button.buy-ticket:hover,
        .section .movie-info .actions button.buy-ticket:hover,
        .modal .page .left .actions button:hover {
            background-color: #036eb5
        }

            .section .booking .row-right .actions button.buy-ticket:hover p,
            .section .movie-info .actions button.buy-ticket:hover p,
            .modal .page .left .actions button:hover p {
                color: #fff
            }

            .section .booking .row-right .actions button.buy-ticket:hover .i-ticket,
            .section .movie-info .actions button.buy-ticket:hover .i-ticket,
            .modal .page .left .actions button:hover .i-ticket {
                background: url("data:image/svg+xml, %3Csvg width='30' height='20' viewBox='0 0 576 512' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M64 64C28.7 64 0 92.7 0 128l0 64C0 200.8 7.4 207.7 15.7 210.6 34.5 217.1 48 235 48 256s-13.5 38.9-32.3 45.4C7.4 304.3 0 311.2 0 320l0 64c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-64c0-8.8-7.4-15.7-15.7-18.6-18.8-6.5-32.3-24.4-32.3-45.4s13.5-38.9 32.3-45.4c8.3-2.9 15.7-9.8 15.7-18.6l0-64c0-35.3-28.7-64-64-64L64 64zM416 336l0-160-256 0 0 160 256 0zM112 160c0-17.7 14.3-32 32-32l288 0c17.7 0 32 14.3 32 32l0 192c0 17.7-14.3 32-32 32l-288 0c-17.7 0-32-14.3-32-32l0-192z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center;
                /*background: url("data:image/svg+xml,%3Csvg width='28' height='18' viewBox='0 0 28 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.8701 16.1101V12.1801C27.8701 11.5301 27.3601 10.9901 26.7101 10.9301C25.7001 10.8501 24.9301 10.0101 24.9201 9.00014C24.9201 7.99014 25.7001 7.15014 26.7101 7.07014C27.3601 7.02014 27.8601 6.48014 27.8701 5.82014V1.89014C27.8701 1.20014 27.3101 0.640137 26.6201 0.640137H20.3501C19.9601 0.640137 19.5801 0.730136 19.2301 0.900136C19.0901 0.970136 18.9401 0.970136 18.8001 0.900136C18.4501 0.730136 18.0701 0.640137 17.6801 0.640137H1.6001C0.910098 0.640137 0.350098 1.20014 0.350098 1.89014V5.82014C0.350098 6.47014 0.860098 7.01014 1.5101 7.07014C2.5801 7.15014 3.3701 8.08014 3.2901 9.14014C3.2201 10.0901 2.4601 10.8501 1.5101 10.9201C0.860098 10.9701 0.360098 11.5101 0.350098 12.1701V16.1001C0.350098 16.7901 0.910098 17.3501 1.6001 17.3501H17.6801C18.0701 17.3501 18.4501 17.2601 18.8001 17.0901C18.9401 17.0201 19.1001 17.0201 19.2301 17.0901C19.5801 17.2601 19.9601 17.3501 20.3501 17.3501H26.6201C27.3101 17.3501 27.8701 16.7901 27.8701 16.1001V16.1101ZM19.0101 4.62014C18.4501 4.62014 18.0001 4.17014 18.0001 3.61014V2.58014C18.0001 2.02014 18.4701 1.58014 19.0201 1.59014C19.5701 1.59014 20.0101 2.04014 20.0101 2.58014V3.60014C20.0101 4.16014 19.5601 4.61014 19.0001 4.61014L19.0101 4.62014ZM19.0101 8.54014C18.4501 8.54014 18.0001 8.09014 18.0001 7.53014V6.55014C18.0001 5.99014 18.4501 5.54014 19.0101 5.54014C19.5701 5.54014 20.0201 5.99014 20.0201 6.55014V7.53014C20.0201 8.09014 19.5701 8.54014 19.0101 8.54014ZM19.0101 12.4501C18.4501 12.4501 18.0001 12.0001 18.0001 11.4401V10.4601C18.0001 9.90014 18.4701 9.46014 19.0201 9.47014C19.5701 9.47014 20.0101 9.92014 20.0101 10.4601V11.4401C20.0101 12.0001 19.5601 12.4501 19.0101 12.4501ZM19.0101 16.4201C18.4501 16.4201 18.0001 15.9701 18.0001 15.4101V14.3901C18.0001 13.8301 18.4401 13.3801 19.0001 13.3701C19.5601 13.3601 20.0101 13.8101 20.0201 14.3701C20.0201 14.3701 20.0201 14.3901 20.0201 14.4001V15.4201C20.0201 15.9801 19.5701 16.4301 19.0101 16.4301V16.4201Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center;*/
                background-size: contain
            }

.section .booking .movie-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

    .section .booking .movie-item.item-img,
    .section .movie-info .movie-item.item-img {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        margin: 0 auto;
        padding-right: 0;
    }

    .section .booking .movie-item.item-info {
        padding-left: 2vw;
        justify-content: flex-start;
    }

    @media all and (min-width: 769px)and (max-width: 992px) {
        .section .booking .movie-item.item-info {
            padding-left: 0;
            margin-top: 20px
        }
    }

    @media all and (max-width: 768px) {
        .section .booking .movie-item.item-info {
            padding-left: 0;
            margin-top: 20px
        }
    }

    .section .booking .movie-item .more {
        color: #fff;
        background-color: #232323;
        border-radius: 5px;
        padding: 5px 20px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 30px
    }

        .section .booking .movie-item .more .svg-icons {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 5px
        }

            .section .booking .movie-item .more .svg-icons.i-more {
                width: 26px;
                height: 26px;
                background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3802 13.4502C15.5202 13.6702 15.5902 13.8902 15.5902 14.1302V14.5002C15.5902 14.8602 15.5002 15.1802 15.3202 15.4602C15.1402 15.7402 14.8902 15.9502 14.5602 16.1102C14.2302 16.2602 13.8602 16.3402 13.4302 16.3402H12.5302C11.8702 16.3402 11.3502 16.1502 10.9702 15.7702C10.6002 15.3902 10.4102 14.8702 10.4102 14.1902H11.6702C11.6702 14.5102 11.7402 14.7602 11.8902 14.9402C12.0402 15.1202 12.2502 15.2002 12.5202 15.2002H13.4202C13.6802 15.2002 13.8902 15.1402 14.0502 15.0102C14.2102 14.8802 14.2902 14.7102 14.2902 14.5002V14.1302C14.2902 13.9402 14.2102 13.7802 14.0402 13.6702C13.8702 13.5502 13.6602 13.4902 13.3902 13.4902H12.2002V12.3702H13.3902C13.6302 12.3702 13.8102 12.3102 13.9602 12.2002C14.1002 12.0902 14.1702 11.9402 14.1702 11.7502V11.3802C14.1702 11.2102 14.1002 11.0702 13.9702 10.9702C13.8302 10.8702 13.6602 10.8202 13.4402 10.8202H12.5402C12.2902 10.8202 12.0902 10.9102 11.9502 11.0802C11.8102 11.2602 11.7402 11.5102 11.7402 11.8302H10.4502C10.4502 11.1502 10.6302 10.6302 11.0002 10.2502C11.3702 9.87018 11.8802 9.68018 12.5402 9.68018H13.4402C13.8402 9.68018 14.1902 9.75017 14.4902 9.89017C14.7902 10.0302 15.0302 10.2302 15.2002 10.4902C15.3702 10.7502 15.4502 11.0402 15.4502 11.3802V11.7502C15.4502 11.9802 15.3902 12.1902 15.2702 12.3902C15.1502 12.5902 14.9802 12.7602 14.7702 12.9002C15.0202 13.0502 15.2202 13.2302 15.3602 13.4502H15.3802Z' fill='white'/%3E%3Cpath d='M13.0001 21.6202C8.21006 21.6202 4.31006 17.7202 4.31006 12.9302C4.31006 8.14023 8.21006 4.24023 13.0001 4.24023C17.7901 4.24023 21.6901 8.14023 21.6901 12.9302C21.6901 17.7202 17.7901 21.6202 13.0001 21.6202ZM13.0001 4.64023C8.43006 4.64023 4.71006 8.36023 4.71006 12.9302C4.71006 17.5002 8.43006 21.2202 13.0001 21.2202C17.5701 21.2202 21.2901 17.5002 21.2901 12.9302C21.2901 8.36023 17.5701 4.64023 13.0001 4.64023Z' fill='white'/%3E%3Cpath d='M13 23.1899C7.35 23.1899 2.75 18.5899 2.75 12.9399C2.75 7.28994 7.35 2.68994 13 2.68994C18.65 2.68994 23.25 7.28994 23.25 12.9399C23.25 18.5899 18.65 23.1899 13 23.1899ZM13 3.07994C7.57 3.07994 3.15 7.49994 3.15 12.9299C3.15 18.3599 7.57 22.7799 13 22.7799C18.43 22.7799 22.85 18.3599 22.85 12.9299C22.85 7.49994 18.43 3.07994 13 3.07994Z' fill='white'/%3E%3Cpath d='M13.1998 0H12.7998V6.03H13.1998V0Z' fill='white'/%3E%3Cpath d='M13.1998 19.9702H12.7998V26.0002H13.1998V19.9702Z' fill='white'/%3E%3Cpath d='M26.0002 12.7998H19.9702V13.1998H26.0002V12.7998Z' fill='white'/%3E%3Cpath d='M6.03 12.7998H0V13.1998H6.03V12.7998Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center;
                background-size: contain
            }

    .section .booking .movie-item .list-row p:last-of-type,
    .section .movie-info .movie-item .list-row p:last-of-type {
        width: 75%
    }

    @media all and (max-width: 768px) {
        .section .booking .movie-title {
            width: calc(100% - 110px);
            padding-right: 10px
        }
    }

    .section .booking .movie-title span {
        color: #666;
        word-break: break-word
    }

    .section .booking .weektable {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #d7d7d7;
    }

        .section .booking .weektable .booktime {
            cursor: pointer;
            text-align: center;
            -webkit-box-flex: 1;
            -ms-flex: 1 0 0px;
            flex: 1 0 0;
            padding: 5px 0;
            border-top: 1px solid #8c8c8c;
            border-bottom: 1px solid #8c8c8c;
            color: #232323;
            font-family: "regular-font"
        }

            .section .booking .weektable .booktime:first-of-type {
                border-left: 1px solid #8c8c8c
            }

            .section .booking .weektable .booktime:last-of-type {
                border-right: 1px solid #8c8c8c
            }

    @media all and (max-width: 768px) {
        .section .booking .weektable .booktime {
            font-size: .85rem
        }
    }

    .section .booking .weektable .booktime.active {
        color: #fff;
        font-weight: bold;
        background-color: #4b4b4b;
        border: 1px solid #232323;
        font-family: "bold-font"
    }

    .section .booking .timetable {
        color: #fff;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border: 1px solid #7d7d7d;
        background-color: #d7d7d7;
        padding: 15px 20px
    }

    @media all and (min-width: 769px)and (max-width: 992px) {
        .section .booking .timetable {
            padding: 10px
        }
    }

    @media all and (max-width: 768px) {
        .section .booking .timetable {
            padding: 20px
        }
    }

    .section .booking .timetable .hallandtime {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 30px
    }

        .section .booking .timetable .hallandtime:last-of-type {
            padding-bottom: 0
        }

        .section .booking .timetable .hallandtime .hall {
            min-width: 150px;
            max-width: 250px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            text-align: right !important;
            font-weight: 500;
            font-family: "regular-font";
        }

        .section .booking .timetable .hallandtime .alltime {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-left: 20px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .section .booking .timetable .hallandtime .time {
            width: 90px;
            text-align: center;
            margin: 5px
        }

    @media all and (max-width: 768px) {
        .section .booking .timetable .hallandtime .time {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content
        }
    }

    .section .booking .timetable .hallandtime .time span {
        display: block;
        padding: 4px 5px;
        border: 1px solid #232323;
        color: #232323;
        border-radius: 5px;
        cursor: pointer;
        font-family: "regular-font"
    }

    .section .booking .timetable .hallandtime .time.active span {
        color: #fff;
        border: 1px solid #b22d2d;
        background-color: #b22d2d;
        font-family: "bold-font"
    }

    .section .booking .timetable .hallandtime .time.disable span {
        color: #a9a9a9;
        border: 1px solid #a9a9a9;
        background-color: #d7d7d7;
        font-family: "bold-font"
    }

    .section .book-tickets .row-left {
        padding-right: 8vw
    }

    @media all and (min-width: 993px)and (max-width: 1200px) {
        .section .book-tickets .row-left {
            padding-right: 0
        }
    }

    @media all and (min-width: 769px)and (max-width: 992px) {
        .section .book-tickets .row-left {
            padding-right: 0
        }
    }

    @media all and (max-width: 768px) {
        .section .book-tickets .row-left {
            padding-right: 0
        }
    }

    .section .book-tickets .movie-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 2vw 10px;
        position: relative;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        background-position: center center
    }

    @media all and (max-width: 768px) {
        .section .book-tickets .movie-box {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }
    }

    .section .book-tickets .movie-box .movie-item {
        width: 280px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

        .section .book-tickets .movie-box .movie-item img {
            width: 280px !important;
        }

    @media all and (max-width: 768px) {
        .section .book-tickets .movie-box .movie-item {
            margin-bottom: 10px
        }
    }

    .section .book-tickets .movie-box .movie-detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    @media all and (max-width: 768px) {
        .section .book-tickets .movie-box .movie-detail {
            margin-top: 10px
        }
    }

    .section .book-tickets .movie-box .movie-detail .svg-icons {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 30px;
        width: 40px;
        height: 40px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    @media all and (max-width: 768px) {
        .section .book-tickets .movie-box .movie-detail .svg-icons {
            width: 30px;
            height: 30px
        }
    }

    .section .book-tickets .movie-box .movie-detail .detail {
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 600
    }

    @media all and (max-width: 768px) {
        .section .book-tickets .movie-box .movie-detail .detail {
            margin-bottom: 10px
        }
    }

    .section .book-tickets .movie-box .movie-detail .detail.disable {
        color: #4b4b4b
    }

    .section .book-tickets .movie-box .movie-detail .detail .list-row {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

        .section .book-tickets .movie-box .movie-detail .detail .list-row span {
            margin: 0 10px;
            font-weight: 200
        }

    .section .book-tickets .row-right {
        padding: 2vw;
        padding-top: 1%;
        padding-bottom: 1.5%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border: 1px solid #9b9b9b
    }

    @media all and (min-width: 993px)and (max-width: 1200px) {
        .section .book-tickets .row-right {
            border-radius: 10px;
            border-left: none;
            margin-top: 2vw;
            padding: 20px;
            width: 100%
        }
    }

    @media all and (min-width: 769px)and (max-width: 992px) {
        .section .book-tickets .row-right {
            border-radius: 10px;
            border-left: none;
            margin-top: 2vw;
            padding: 20px;
            width: 100%
        }
    }

    @media all and (max-width: 768px) {
        .section .book-tickets .row-right {
            border-radius: 10px;
            border-left: none;
            margin-top: 2vw;
            padding: 20px;
            width: 100%
        }
    }

    .section .book-tickets .row-right .summary {
        color: #000;
        letter-spacing: 0px;
        color: rgba(0, 0, 0, 0);
        -webkit-text-stroke: 1px #000;
        position: relative;
        z-index: 1
    }

        .section .book-tickets .row-right .summary .high-light {
            position: absolute;
            width: 100%;
            left: 0px;
            top: 0px;
            z-index: -1
        }

@media (min-width: 1441px) and (max-width: 1919px) {
    .section .book-tickets .row-right .summary .high-light {
        top: -5px;
    }
}

@media (min-width: 1280px) and (max-width: 1440px) {
    .section .book-tickets .row-right .summary .high-light {
        top: -7px;
    }
}

@media (max-width: 1279px) {
    .section .book-tickets .row-right .summary .high-light {
        top: -9px;
    }
}

@media (max-width: 1024px) {
    .section .book-tickets .row-right .summary .high-light {
        top: -11px;
    }
}

@media (max-width: 1000) {
    .section .book-tickets .row-right .summary .high-light {
        top: -15px;
    }
}

@media (max-width: 768px) {
    .section .book-tickets .row-right .summary .high-light {
        top: -19px;
    }
}

@media (max-width: 400px) {
    .section .book-tickets .row-right .summary .high-light {
        top: -21px;
    }
}

            .section .book-tickets .row-right .summary .high-light::before {
                content: "";
                display: block;
                width: 100%;
                height: 20px;
                background-color: #ffdf00;
                position: absolute;
                top: 41px;
                right: 6px
            }

    @media all and (min-width: 769px)and (max-width: 992px) {
        .section .book-tickets .row-right .summary {
            text-align: left
        }
    }

    @media all and (max-width: 768px) {
        .section .book-tickets .row-right .summary {
            text-align: left
        }
    }

    .section .book-tickets .row-right .summary .svg-icons {
        margin-right: 10px
    }

        .section .book-tickets .row-right .summary .svg-icons.i-ticket {
            width: 34px;
            height: 21px
        }

    .section .book-tickets .row-right .summary-detail {
        color: #000;
        border-top: 1px dashed #686868;
        border-bottom: 1px solid #686868
    }

        .section .book-tickets .row-right .summary-detail li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 5px 30px;
        }

            .section .book-tickets .row-right .summary-detail li:not(:last-of-type) {
                border-bottom: 1px solid #686868
            }

        .section .book-tickets .row-right .summary-detail .ticket-name {
            width: 100%
        }

        .section .book-tickets .row-right .summary-detail .ticket-number {
            width: 80px;
            text-align: right;
            margin-right: 5px
        }

        .section .book-tickets .row-right .summary-detail .ticket-sum {
            width: 50%;
            text-align: right;
            margin-left: 5px
        }

    .section .book-tickets .row-right .summary-total {
        background-color: #000;
        padding: 10px 25px
    }

        .section .book-tickets .row-right .summary-total li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .section .book-tickets .row-right .summary-total .ticket-name {
            width: 100%
        }

        .section .book-tickets .row-right .summary-total .ticket-sum {
            width: 40%;
            text-align: right;
            margin-left: 5px
        }

    .section .tickets-package .row-left {
        padding-right: 2vw
    }

    @media all and (min-width: 769px)and (max-width: 992px) {
        .section .tickets-package .row-left {
            padding-right: 0
        }
    }

    @media all and (max-width: 768px) {
        .section .tickets-package .row-left {
            padding-right: 0
        }
    }

.section .tickets-package .package {
    margin-bottom: 30px;
    /*overflow-x: scroll;*/
}

        .section .tickets-package .package .package-title .table-th {
            background-color: #d7d7d7;
            border: 1px solid #7d7d7d;
            border-radius: 5px
        }

        .section .tickets-package .package .svg-icons {
            display: inline-block;
            margin-right: 10px
        }

            .section .tickets-package .package .svg-icons.i-ticket-black {
                width: 30px;
                height: 20px
            }

    .section .tickets-package .main-title div:nth-of-type(2) {
        color: #036eb5
    }

    .section .tickets-package .package-title small {
        display: none;
        margin-left: 10px
    }

    @media all and (max-width: 768px) {
        .section .tickets-package .package-title small {
            display: inline-block
        }
    }

    @media all and (max-width: 768px) {
        .section .tickets-package .package-title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }
    }

    .section .tickets-package .package-title .table-th {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 5px 5px 5px 40px;
        text-align: left;
        width: 100%
    }

    .section .tickets-package .package-content {
        margin-top: 5px;
        padding: 15px 20px;
        width: 100%
    }

    @media all and (max-width: 768px) {
        .section .tickets-package .package-content {
            padding: 10px
        }
    }

    .section .tickets-package .package-content .table-th:first-of-type {
        text-align: left;
        padding-left: 10px
    }

    .section .tickets-package .package-content .ticket-set:not(:last-of-type) {
        border-bottom: .5px solid #969696
    }

    .section .tickets-package .package-content .ticket-set .table-td {
        color: #b22d2d;
        padding: 10px 5px;
    }

        .section .tickets-package .package-content .ticket-set .table-td div {
            color: #000;
            font-size: .6rem
        }

        .section .tickets-package .package-content .ticket-set .table-td:first-of-type {
            width: 100%;
            min-width: 125px;
            text-align: left
        }

        .section .tickets-package .package-content .ticket-set .table-td:nth-of-type(2) {
            width: 100%;
            min-width: 50px
        }

        .section .tickets-package .package-content .ticket-set .table-td:nth-of-type(3) {
            width: 100%;
            min-width: 40px
        }

        .section .tickets-package .package-content .ticket-set .table-td:nth-of-type(4) {
            width: 100%;
            min-width: 100px;
            text-align: right
        }

    .section .tickets-package .package-content .ticket-sheet {
        white-space: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .section .tickets-package .package-content .ticket-sheet span {
            display: inline-block;
            width: 25px;
            height: 37px;
            cursor: pointer
        }

            .section .tickets-package .package-content .ticket-sheet span.minus {
                background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 25 25'%3E%3C!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B fill: %23232323; %7D .st2 %7B isolation: isolate; %7D .st3 %7B fill: %23e1e1e1; %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' x='-307.5' y='-327.5' width='1920' height='210'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st2'%3E%3Cg id='minus' data-name='minus'%3E%3Cg%3E%3Crect class='st1' width='25' height='25' rx='3' ry='3'/%3E%3Cpath class='st3' d='M13.54,13.55h3.28c.23-.01.67-.11.67-.66h0v-.79c0-.59-.58-.64-.73-.64h-5.31s-3.29,0-3.29,0c-.61,0-.66.47-.66.6v.9c0,.12.05.59.66.59h5.38Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center/contain
            }

            .section .tickets-package .package-content .ticket-sheet span.plus {
                background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 25 25'%3E%3C!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B fill: %23232323; %7D .st2 %7B isolation: isolate; %7D .st3 %7B fill: %23b22d2d; %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' x='-307.5' y='-367.5' width='1920' height='210'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='st2'%3E%3Cg id='puls' data-name='puls'%3E%3Cg%3E%3Crect class='st1' width='25' height='25' rx='3' ry='3'/%3E%3Cpath class='st3' d='M17.5,12.88c0,.55-.45.65-.67.66h-3.28v3.29c0,.61-.47.66-.59.66h-.9c-.13,0-.6-.06-.6-.66v-3.29s-3.29,0-3.29,0c-.61,0-.66-.46-.66-.59v-.9c0-.13.05-.6.66-.6h3.29v-3.22c0-.15.06-.73.65-.73h.79c.55,0,.65.45.66.68v3.28s3.22,0,3.22,0c.15,0,.73.05.73.64v.79h0Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center/contain
            }

            .section .tickets-package .package-content .ticket-sheet span.number {
                font-weight: 500;
                color: #000;              
                width: 60px;
                height: 23px;
                margin-top: -16px;
                margin-left: 0px;
                margin-right: 0px;
                padding: 0;
                text-align: center;
                border-color: rgba(0, 0, 0, 0);
                background-color: rgba(0, 0, 0, 0)                
            }

        @media all and (max-width: 1024px) {
            .section .tickets-package .package-content .ticket-sheet span.number {
                margin-top: -3px;
            }
        }

    .section .tickets-package .actions {
        margin-top: 40px
    }

    .section .book-tickets-2 {
        position: relative
    }

        .section .book-tickets-2 .main-title div:nth-of-type(2) {
            color: #036eb5
        }

        .section .book-tickets-2 .condition {
            position: absolute;
            left: 0;
            top: 0;
            color: #000
        }

    @media all and (min-width: 769px)and (max-width: 992px) {
        .section .book-tickets-2 .condition {
            position: unset;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content
        }
    }

    @media all and (max-width: 768px) {
        .section .book-tickets-2 .condition {
            position: unset;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content
        }
    }

    .section .book-tickets-2 .condition > div {
        padding: 5px 20px;
        border-radius: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        margin-bottom: 15px
    }

    .section .book-tickets-2 .condition .countdown {
        border: 1px solid #036eb5
    }

        .section .book-tickets-2 .condition .countdown span {
            margin-left: 10px
        }

    .section .book-tickets-2 .condition .how-many-seat {
        border: 1px solid #b22d2d
    }

        .section .book-tickets-2 .condition .how-many-seat span {
            margin: 0 10px
        }

    .section .book-tickets-3 .main-title div:nth-of-type(2) {
        color: #036eb5
    }

    .section .book-tickets-3 .booking-notice {
        color: #b22d2d;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 3px 5px;
        background-color: #c3c3c3;
        /*max-width: 90%;*/
        margin: 30px auto;
        font-family: "bold-font"
    }

        .section .book-tickets-3 .booking-notice .i-notice {
            width: 15px;
            height: 15px;
            margin-right: 5px
        }

    .section .book-tickets-3 .check-info select {
        border: 1px solid #7d7d7d;
        background-color: #d7d7d7;
        color: #000;
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.49503 7C6.38669 7 6.27112 6.95628 6.19167 6.86884L0.124592 0.747833C-0.0415306 0.572948 -0.0415306 0.303332 0.124592 0.128446C0.290714 -0.0464395 0.565177 -0.0391526 0.738523 0.128446L6.50225 5.9434L12.2588 0.128446C12.4249 -0.0391526 12.6993 -0.0391526 12.8727 0.128446C13.046 0.296045 13.0388 0.572948 12.8727 0.747833L6.8056 6.86884C6.71893 6.95628 6.61059 7 6.50225 7H6.49503Z' stroke='%232F2F2F' stroke-width='0.25' stroke-miterlimit='10'/%3E%3C/svg%3E%0A")
    }

    .section .book-tickets-3 .check-info input {
        background-color: #d7d7d7;
        color: #232323;
    }

    .section .book-tickets-3 .check-info label {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        font-family: "NotoSansTC-Black"
    }

    .section .book-tickets-3 .check-info .info-item {
        display: inline-block;
        width: 33%;
        margin: 5px 0 50px 0;
        padding-right: 20px
    }

        .section .book-tickets-3 .check-info .info-item label {
            color: var(--color-bule-text) !important;
            margin-bottom: 5px;
            font-weight: normal;
        }

    @media all and (max-width: 768px) {
        .section .book-tickets-3 .check-info .info-item {
            width: 50%;
            padding-right: 10px;
            margin-bottom: 20px
        }
    }

    .section .book-tickets-3 .check-info .precautions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 20px 0;
        padding: 10px 15px;
        color: #000;
        border: 1px solid #525252;
        border-radius: 5px;
        font-family: "NotoSansTC-regular";
        font-weight: 300;
        font-size: .85rem
    }

        .section .book-tickets-3 .check-info .precautions span {
            margin-right: 10px
        }

    .section .book-tickets-3 .check-info .container-checkbox {
        font-weight: normal;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding-left: 35px;
        color: #000;
        font-weight: normal;
        font-family: "NotoSansTC-regular"
    }

        .section .book-tickets-3 .check-info .container-checkbox a {
            margin: 0 5px;
            color: #000
        }

        .section .book-tickets-3 .check-info .container-checkbox .checkmark {
            width: 25px;
            height: 25px;
            top: 0;
            border: 1px solid #919191
        }

            .section .book-tickets-3 .check-info .container-checkbox .checkmark:after {
                left: 9px;
                top: 0px;
                width: 7px;
                height: 18px
            }

    .section .book-tickets-4 .book-done {
        text-align: center;
        margin-bottom: 60px;
        font-family: "bold-font"
    }

    .book-done span {
        font-family: "regular-font", "BaiJamjuree-Regular";
        font-weight: 600;
    }

    @media all and (max-width: 768px) {
        .section .book-tickets-4 .book-done {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }
    }

    .section .book-tickets-4 .attention {
        max-width: 1000px;
        margin: 0 auto
    }

    .section .book-tickets-4 .actions {
        margin-top: 40px
    }

    .section .contact .actions {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .section .contact .info {
        margin: 0;
        padding-right: 3vw
    }

    @media all and (max-width: 768px) {
        .section .contact .info {
            padding-right: 0
        }
    }

    .section .contact .info li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .section .contact .info li::before {
            margin-right: 10px;
            position: relative;
            top: 3px
        }

        .section .contact .info li:first-of-type {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .section .contact .info li:first-of-type::before {
                content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 12C16.6569 12 18 10.6569 18 9C18 7.34315 16.6569 6 15 6C13.3431 6 12 7.34315 12 9C12 10.6569 13.3431 12 15 12Z' fill='%235A96C3'/%3E%3Cpath d='M9 18C10.6569 18 12 16.6569 12 15C12 13.3431 10.6569 12 9 12C7.34315 12 6 13.3431 6 15C6 16.6569 7.34315 18 9 18Z' fill='%235A96C3'/%3E%3Cpath d='M24 15C24 16.6569 22.6569 18 21 18C19.3431 18 18 16.6569 18 15C18 13.3431 19.3431 12 21 12C22.6569 12 24 13.3431 24 15Z' fill='%235A96C3'/%3E%3Cpath d='M15 24C16.6569 24 18 22.6569 18 21C18 19.3431 16.6569 18 15 18C13.3431 18 12 19.3431 12 21C12 22.6569 13.3431 24 15 24Z' fill='%235A96C3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.22935 2.83137C8.78333 0.99056 11.8518 0 15 0C18.9782 0 22.7936 1.58035 25.6066 4.3934C28.4196 7.20644 30 11.0218 30 15C30 18.9782 28.4196 22.7936 25.6066 25.6066C22.7936 28.4196 18.9782 30 15 30H6.50522e-09V27H6C3.48141 25.1111 1.621 22.4775 0.682297 19.4725C-0.256405 16.4675 -0.225809 13.2433 0.769751 10.2566C1.76531 7.2699 3.67536 4.67217 6.22935 2.83137ZM8.33316 24.9776C10.3065 26.2962 12.6266 27 15 27C18.1826 27 21.2348 25.7357 23.4853 23.4853C25.7357 21.2348 27 18.1826 27 15C27 12.6266 26.2962 10.3065 24.9776 8.33316C23.6591 6.35977 21.7849 4.8217 19.5922 3.91345C17.3995 3.00519 14.9867 2.76755 12.6589 3.23058C10.3311 3.6936 8.19295 4.83649 6.51472 6.51472C4.83649 8.19295 3.6936 10.3311 3.23058 12.6589C2.76755 14.9867 3.00519 17.3995 3.91345 19.5922C4.8217 21.7849 6.35977 23.6591 8.33316 24.9776Z' fill='%235A96C3'/%3E%3C/svg%3E ")
            }

        .section .contact .info li:nth-of-type(2) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .section .contact .info li:nth-of-type(2)::before {
                content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9813 9.7097C12.6125 9.16039 12.1306 8.44335 11.4525 8.57225C11.2967 8.61876 11.149 8.68651 11.0133 8.7733C10.8853 8.85533 10.7681 8.95385 10.665 9.06737C10.4299 9.25011 10.2069 9.44823 9.99759 9.6599C9.49002 10.3048 9.15951 11.0705 9.03848 11.8821C8.91745 12.6936 9.0101 13.5227 9.30746 14.2873C9.8251 15.6636 10.6073 16.9248 11.61 18C12.5334 19.1166 13.6515 20.0566 14.9099 20.7748C15.6125 21.1831 16.4013 21.4193 17.2125 21.4651C18.0597 21.5174 18.9018 21.3021 19.6199 20.8498C19.8996 20.6374 20.1651 20.4067 20.415 20.1599L20.5192 20.0694C20.7662 19.8574 21.03 19.6307 21.03 19.2898C21.0824 18.6075 20.3399 18.0974 19.875 17.7C19.6476 17.4184 19.3596 17.1917 19.0322 17.0372C18.705 16.8827 18.347 16.8039 17.985 16.8076C17.5227 16.8775 17.2436 17.1808 16.9682 17.4796C16.7121 17.7579 16.459 18.0329 16.065 18.1124C15.5025 18.2248 14.955 17.7898 14.565 17.4748C14.1442 17.1273 13.7553 16.7442 13.4022 16.3301C13.1062 15.9825 12.8354 15.613 12.5926 15.2248C12.4179 14.9978 12.2902 14.7385 12.2168 14.4617C12.1434 14.1848 12.1258 13.8962 12.165 13.6124C12.2699 13.2374 12.7125 13.0126 12.9826 12.765C13.132 12.628 13.3136 12.498 13.4638 12.338C13.585 12.2087 13.6857 12.06 13.7326 11.8725C13.767 11.514 13.7284 11.1522 13.6189 10.8094C13.5092 10.4663 13.331 10.1495 13.095 9.87743L12.9813 9.7097Z' fill='%235A96C3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.66654 2.52795C9.13315 0.879637 12.0334 0 15 0C18.9783 0 22.7935 1.5802 25.6066 4.39343C28.4196 7.20629 30 11.0218 30 15C30 17.9667 29.1204 20.8667 27.472 23.3335C25.8239 25.8003 23.4811 27.7229 20.7402 28.8581C17.9995 29.9934 14.9834 30.2904 12.0736 29.7118C9.16391 29.1331 6.4913 27.7042 4.39347 25.6065C2.29563 23.5089 0.867045 20.8359 0.288249 17.9264C-0.290547 15.0165 0.00645008 12.0007 1.14189 9.25963C2.27714 6.51891 4.19974 4.17626 6.66654 2.52795ZM8.33316 24.9777C10.3067 26.2961 12.6266 27 15 27C18.1826 27 21.2349 25.7358 23.4853 23.4851C25.7357 21.2347 27 18.1827 27 15C27 12.6266 26.2961 10.3066 24.9776 8.33312C23.6591 6.35961 21.785 4.82153 19.5923 3.91332C17.3994 3.00512 14.9867 2.76745 12.659 3.23071C10.3312 3.6936 8.1929 4.83654 6.51474 6.51488C4.83658 8.19286 3.69364 10.3312 3.23057 12.6588C2.76768 14.9868 3.00516 17.3994 3.91355 19.5923C4.82175 21.7848 6.35984 23.659 8.33316 24.9777Z' fill='%235A96C3'/%3E%3C/svg%3E ")
            }

        .section .contact .info li:nth-of-type(3) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .section .contact .info li:nth-of-type(3)::before {
                content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6624 16.11C14.7631 16.207 14.8975 16.2616 15.0374 16.2616C15.1064 16.2616 15.174 16.2484 15.2368 16.2235C15.3016 16.1979 15.3613 16.1594 15.4124 16.11L21.2924 10.2301L21.2406 10.2008L21.1871 10.1763C21.1617 10.1653 21.1359 10.1557 21.1097 10.1473C21.0648 10.1334 21.0191 10.1232 20.9724 10.1173C20.9394 10.1129 20.9059 10.1103 20.8724 10.11H9.11246C9.05826 10.1096 9.00442 10.1155 8.95187 10.1268C8.89896 10.1382 8.84732 10.155 8.79788 10.1774L8.75247 10.2001L14.6624 16.11Z' fill='%235A96C3'/%3E%3Cpath d='M21.6374 10.56C21.7095 10.6857 21.7484 10.8277 21.75 10.9724V19.0276C21.7473 19.1748 21.7086 19.3187 21.6374 19.4476L17.19 15L21.6374 10.56Z' fill='%235A96C3'/%3E%3Cpath d='M16.8677 15.3299L15.7502 16.4399C15.7013 16.4868 15.6488 16.5296 15.5925 16.5674L15.5177 16.6051L15.4126 16.6574C15.3853 16.6618 15.3574 16.6618 15.3302 16.6574L15.2326 16.6948H14.6626L14.5426 16.6351H14.4901L14.3326 16.5073L13.2301 15.3973L8.73013 19.8973C8.84256 19.9511 8.96561 19.9793 9.09012 19.9801H20.8651C20.9231 19.979 20.9806 19.9724 21.0368 19.9603C21.1234 19.9416 21.2071 19.9105 21.2851 19.8673L16.8677 15.3299Z' fill='%235A96C3'/%3E%3Cpath d='M8.25003 10.9724C8.25131 10.8047 8.30075 10.6406 8.39249 10.5L12.9 15L8.39999 19.5C8.30276 19.3615 8.2504 19.1968 8.25003 19.0276V10.9724Z' fill='%235A96C3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0C12.0334 0 9.13315 0.879637 6.66654 2.52795C4.19974 4.17626 2.27714 6.51891 1.14189 9.25963C0.00645008 12.0007 -0.290547 15.0165 0.288249 17.9264C0.867045 20.8359 2.29563 23.5089 4.39347 25.6065C6.4913 27.7042 9.16391 29.1331 12.0736 29.7118C14.9834 30.2904 17.9995 29.9934 20.7402 28.8581C23.4811 27.7229 25.8239 25.8003 27.472 23.3335C29.1204 20.8667 30 17.9667 30 15C30 11.0218 28.4196 7.20629 25.6066 4.39343C22.7935 1.5802 18.9783 0 15 0ZM15 27C12.6266 27 10.3067 26.2961 8.33316 24.9777C6.35984 23.659 4.82175 21.7848 3.91355 19.5923C3.00516 17.3994 2.76768 14.9868 3.23057 12.6588C3.69364 10.3312 4.83658 8.19286 6.51474 6.51488C8.1929 4.83654 10.3312 3.6936 12.659 3.23071C14.9867 2.76745 17.3994 3.00512 19.5923 3.91332C21.785 4.82153 23.6591 6.35961 24.9776 8.33312C26.2961 10.3066 27 12.6266 27 15C27 18.1827 25.7357 21.2347 23.4853 23.4851C21.2349 25.7358 18.1826 27 15 27Z' fill='%235A96C3'/%3E%3C/svg%3E ")
            }

        .section .contact .info li:nth-of-type(4)::before {
            content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0C12.0333 0 9.13318 0.879734 6.66644 2.52795C4.19971 4.17617 2.27713 6.51885 1.14181 9.25974C0.00649925 12.0006 -0.29055 15.0166 0.288227 17.9263C0.867005 20.836 2.29561 23.5088 4.3934 25.6066C6.49118 27.7044 9.16393 29.133 12.0736 29.7117C14.9833 30.2905 17.9993 29.9935 20.7402 28.8582C23.4811 27.7228 25.8238 25.8003 27.472 23.3335C29.1202 20.8668 30 17.9667 30 15C30 11.0217 28.4196 7.20643 25.6066 4.39339C22.7935 1.58035 18.9782 0 15 0ZM15 27C12.6266 27 10.3065 26.2962 8.33315 24.9776C6.35977 23.659 4.8217 21.7849 3.91345 19.5922C3.0052 17.3995 2.76756 14.9867 3.23058 12.6589C3.6936 10.3311 4.83649 8.19294 6.51472 6.51471C8.19294 4.83648 10.3311 3.69359 12.6589 3.23057C14.9867 2.76755 17.3995 3.00519 19.5922 3.91344C21.7849 4.82169 23.659 6.35976 24.9776 8.33315C26.2962 10.3065 27 12.6266 27 15C27 18.1826 25.7357 21.2348 23.4853 23.4853C21.2348 25.7357 18.1826 27 15 27ZM16.0049 13.5H14.0024V22.5H16.0049V13.5ZM13.8867 11.1597C14.2161 11.38 14.6036 11.4977 15 11.4977C15.5298 11.4977 16.038 11.2877 16.4133 10.9138C16.7886 10.5399 17.0005 10.0325 17.0025 9.50266C17.004 9.10629 16.8878 8.71839 16.6686 8.3881C16.4495 8.05781 16.1373 7.79997 15.7715 7.64726C15.4057 7.49454 15.0029 7.45382 14.6139 7.53023C14.225 7.60665 13.8675 7.79678 13.5867 8.07653C13.3059 8.35628 13.1144 8.71308 13.0365 9.10173C12.9586 9.49038 12.9979 9.8934 13.1492 10.2597C13.3005 10.6261 13.5572 10.9393 13.8867 11.1597Z' fill='%235A96C3'/%3E%3C/svg%3E ")
        }

        .section .contact .info li:nth-of-type(5)::before {
            content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0C12.0333 0 9.13318 0.879734 6.66644 2.52795C4.19971 4.17617 2.27713 6.51885 1.14181 9.25974C0.00649925 12.0006 -0.29055 15.0166 0.288227 17.9263C0.867005 20.836 2.29561 23.5088 4.3934 25.6066C6.49118 27.7044 9.16393 29.133 12.0736 29.7117C14.9833 30.2905 17.9993 29.9935 20.7402 28.8582C23.4811 27.7228 25.8238 25.8003 27.472 23.3335C29.1202 20.8668 30 17.9667 30 15C30 11.0217 28.4196 7.20643 25.6066 4.39339C22.7935 1.58035 18.9782 0 15 0ZM15 27C12.6266 27 10.3065 26.2962 8.33315 24.9776C6.35977 23.659 4.8217 21.7849 3.91345 19.5922C3.0052 17.3995 2.76756 14.9867 3.23058 12.6589C3.6936 10.3311 4.83649 8.19294 6.51472 6.51471C8.19294 4.83648 10.3311 3.69359 12.6589 3.23057C14.9867 2.76755 17.3995 3.00519 19.5922 3.91344C21.7849 4.82169 23.659 6.35976 24.9776 8.33315C26.2962 10.3065 27 12.6266 27 15C27 18.1826 25.7357 21.2348 23.4853 23.4853C21.2348 25.7357 18.1826 27 15 27ZM16.0049 13.5H14.0024V22.5H16.0049V13.5ZM13.8867 11.1597C14.2161 11.38 14.6036 11.4977 15 11.4977C15.5298 11.4977 16.038 11.2877 16.4133 10.9138C16.7886 10.5399 17.0005 10.0325 17.0025 9.50266C17.004 9.10629 16.8878 8.71839 16.6686 8.3881C16.4495 8.05781 16.1373 7.79997 15.7715 7.64726C15.4057 7.49454 15.0029 7.45382 14.6139 7.53023C14.225 7.60665 13.8675 7.79678 13.5867 8.07653C13.3059 8.35628 13.1144 8.71308 13.0365 9.10173C12.9586 9.49038 12.9979 9.8934 13.1492 10.2597C13.3005 10.6261 13.5572 10.9393 13.8867 11.1597Z' fill='%235A96C3'/%3E%3C/svg%3E ")
        }

        .section .contact .info li:nth-of-type(5) label {
            display: block;
            margin-left: 20px;
            margin-bottom: 10px
        }

        .section .contact .info li span {
            display: inline-block;
            margin-right: 15px
        }

    @media all and (max-width: 768px) {
        .section .contact .info li span {
            width: 80%
        }
    }

    @media all and (max-width: 768px) {
        .section .contact .info li p {
            padding-left: 40px
        }
    }

    .section .contact .info label {
        display: block;
        margin-left: 30px;
        margin-bottom: 10px
    }

        .section .contact .info label:before {
            content: "";
            display: inline-block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #036eb5;
            margin-right: 10px;
            margin-bottom: 3px
        }

        .section .contact .info label div {
            padding-left: 15px
        }

    .section .contact .row-right .actions {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    @media all and (max-width: 768px) {
        .section .contact .row-right .actions .googlemap {
            width: 120px
        }
    }

    .discount {
        padding: 0
    }

        .discount .section:nth-of-type(2) {
            width: 100%;
            max-width: 100%;
            margin: 0
        }

        .discount .section .content {
            padding: 0 15px
        }

    @media all and (max-width: 768px) {
        .discount .section .content {
            padding: 0 10px
        }
    }

    .discount .discount-info {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 80px
    }

    @media all and (min-width: 769px)and (max-width: 992px) {
        .discount .discount-info .row-3 {
            padding: 0 10px;
            margin-bottom: 20px
        }
    }

    @media all and (max-width: 768px) {
        .discount .discount-info .row-3 {
            padding: 0;
            margin-bottom: 15px
        }
    }

    .discount .discount-info .info {
        position: relative;
        background-color: #ffdf00;
        color: #000;
        border-radius: 20px;
        text-align: center;
        padding: 10px;
        margin-bottom: 20px
    }

        .discount .discount-info .info .star {
            position: absolute;
            top: -10px;
            left: 35px;
            width: 50px;
            height: 50px;
            background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6364 2L11.0909 38L38 11.8526L2 17.1579L38 31.9368L17.6364 2Z' stroke='%23C53932' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E ");
            background-repeat: no-repeat;
            background-size: contain
        }

    .discount .discount-info li {
        width: 90%;
        margin: 0 auto 10px auto;
        margin-bottom: 10px
    }

        .discount .discount-info li::before {
            content: "";
            position: relative;
            top: 20px;
            height: 0px;
            width: 0px;
            border-color: #fed953 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
            border-style: solid solid solid solid;
            border-width: 15px 15px 0px 0px;
            margin-right: 10px
        }

    /*----*/
    .newscard {
        --distance: -45;
        --deg: 0.04;
        --light: rgba(255, 255, 255, calc(1 - var(--distance, 0)));
        --border-radius: .4rem;
        background: #f1f1f1;
        background-clip: padding-box;
        border: .2rem solid transparent;
        border-radius: var(--border-radius);
        padding: 2rem;
        margin: 1rem 0;
        position: relative;
        border-radius: var(--border-radius);
    }

        .newscard .actions {
            margin-top: 40px !important;
            margin-bottom: 0px;
        }

/*彈出視窗定義 (start)*/
.modal_ext {
    left: 0;
}

/* 自訂義角度屬性 */
@property --deg {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0deg;
}

/* 動畫改變自訂屬性數值 */
@keyframes a {
    0% {
        --deg: 0deg;
    }

    100% {
        --deg: 360deg;
    }
}
/* 自訂義百分比屬性 */
@property --p1 {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 100%;
}
/* 自訂義百分比屬性 */
@property --p2 {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 100%;
}

#documentPrivacyPolicy h1,
#documentOrderRule h1,
#documentMovieRating h1 {
    margin: 0px 10px 15px;
    padding: 0;
    width: max-content;
    font-family: impact, arial-black; /* 設定成比較粗的字體 */
    font-size: 1.4rem;
    line-height: 1;
    color: #0000; /* 文字顏色設定為透明 */
    background: linear-gradient(var(--deg), #B22D2D 50%, #000 50%); /* 套用角度自訂屬性 */
    background-clip: text;
    animation: a 2s linear infinite; /* 動畫 */
}

#documentOrderRule .modal-content,
#documentPrivacyPolicy .modal-content,
#documentMovieRating .modal-content {
    width: 70%;
    height: 80%;
    position: fixed;
    top: 10%;
    left: 15%;
    margin: 0;
    padding: 20px;
    border: hidden;
    color: black;
    background: #ebebeb;
}

#documentOrderRule .modal-body,
#documentPrivacyPolicy .modal-body,
#documentMovieRating .modal-body {
    border: 1px solid #000;
    border-radius: 10px;
    padding: 5px;
    height: 93%;
}

#documentOrderRule .modal-header,
#documentPrivacyPolicy .modal-header,
#documentMovieRating .modal-header {
    font-size: 1rem;
    font-weight: 900;
}

.doc_attention {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    overflow-y: auto;
    height: 100%;
    padding: 25px;
}

.doc_title-font {
    font-size: 1rem;
    color: #B22D2D;
    font-weight: 700;
}

.doc_m-font {
    font-size: 0.9rem;
    color: #232323;
}

.doc_note {
    padding-bottom: 20px;
    border-bottom: 1px dashed #B22D2D;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#documentOrderRule li,
#documentMovieRating li {
    list-style: decimal-leading-zero;
    margin-left: 40px;
    margin-bottom: 5px;
    line-height: 25px;
}

#documentPrivacyPolicy li {
    list-style: trad-chinese-informal;
    margin-left: 45px;
    margin-bottom: 5px;
    line-height: 25px;
}

.close-modal_ext {
    font-size: 0.7em;
    color: #ebebeb;
    background-color: #232323;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    bottom: 0px;
    line-height: 38px;
    top: 1em;
    right: 1.4em;
}

@media all and (max-width: 1024px) {
    #documentOrderRule .modal-content,
    #documentPrivacyPolicy .modal-content,
    #documentMovieRating .modal-content {
        width: 94%;
        height: 80%;
        position: fixed;
        top: 10%;
        left: 3%;
        margin: 0;
        padding: 10px;
    }

    #documentOrderRule .modal-body,
    #documentPrivacyPolicy .modal-body,
    #documentMovieRating .modal-body {
        height: 95%;
    }

    .doc_attention {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        position: relative;
        overflow-y: auto;
        height: 100%;
        padding: 10px;
    }

    #documentOrderRule li,
    #documentPrivacyPolicy li,
    #documentMovieRating li {
        margin-left: 25px;
        margin-bottom: 5px;
        line-height: 18px;
    }

    .close-modal_ext {
        font-size: 0.85em;
        width: 30px;
        height: 30px;
        line-height: 28px;
        margin-top: -5px;
    }

    #documentOrderRule .modal-header h1,
    #documentPrivacyPolicy .modal-header h1,
    #documentMovieRating .modal-header h1 {
        margin: 3px 10px 10px;
    }

    .modal_ext {
        left: 0;
    }
}
/*彈出視窗定義 (end)*/