* {
    font-family: "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    /* overflow-x: hidden; */
    overflow-x: hidden !important;
}

a {
    text-decoration: none;
}

/* 
*::selection {
    background: #00A8B1;
    color: #fff;
}

*::-moz-selection {
    background: #00A8B1;
    color: #fff;
}
 */

/*  */
.h2 {
    color: #8F6B6B;
    font-size: 48px;
    font-weight: bold;
}

.menu_text {
    color: #8F6B6B;
    font-weight: bold;
}

.menu_icon {
    width: 40px;
    margin: 0 auto;
}

.menu_icon img {
    width: 100%;
}

.slogan {
    display: inline-block;
    width: 300px;
    top: 20px;
    left: 50px;
    position: relative;
}

nav .brand {
    display: inline-block;

}

.swiper-container {
    width: 100%;
    /* height: 100%; */
}

.swiper-slide img {
    width: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    border-radius: 80px;
}

.kv_row {
    padding: 115px 0 25px;
}

/*  */
.index_search {
    padding: 25px 0 55px;
}

.index_search_title h2 {
    text-align: center;
    padding: 25px 0 20px;
    margin: 0;
}

.index_search_title {
    background-image: url(../img/ears.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.index_search_row {
    width: 100%;
    background-color: #F7F7F5;
    padding: 40px 200px;
    border-radius: 60px;
}

.index_search_item {
    display: flex;
}

.index_search_item h4 {
    flex: 0 0;
    flex-basis: 90px;
    font-size: 24px;
    font-weight: bold;
    color: #8F6B6B;
    text-align: center;
}

.index_search_item h4 p {
    font-size: 14px;
    color: #FF8A8A;
}

.index_search_left {
    flex-grow: 2;

}

.index_search_left input[type="checkbox"] {
    display: none;
}

.index_search_left input[type="checkbox"]+label {
    display: inline-block;
    border: 1px solid #8F6B6B;
    color: #8F6B6B;
    border-radius: 50px;
    cursor: pointer;
    padding: 5px 20px;
    font-size: 18px;
    font-weight: bold;
    background-color: #F7F4ED;
    margin-right: 20px;
}

.index_search_left input[type="checkbox"]:checked+label {
    background-color: #8F6B6B;
    color: #fff;
}

.index_search_btn {
    text-align: center;
}

.index_search_btn img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.index_search_btn a {
    background-color: #FF8A8A;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: bold;
}

.index_search_btn a i {

    margin: 0 5px;
}

.index_search_bg {
    position: relative;
}

.decorate_1 {
    position: absolute;
    right: 0;
    bottom: 0;

}

/*  */
.bg_red {
    background-color: #F9D8CD;
    padding: 45px 0 25px;
}

.title_style {
    padding: 0px 0px 0px 25px;
    position: relative;
    width: 100%;
}

.title_style::before {
    content: " ";
    width: 17px;
    height: 44px;
    background-image: url(../img/title_icon.png);
    position: absolute;
    margin: 0 auto;
    top: 19px;
    left: 0;
}

.title_style h2 {
    padding: 10px 0;
    color: #8F6B6B;
    font-size: 48px;
    font-weight: bold;
}

.title_style .slogan {
    position: absolute;
    top: 0px;
    right: 0;
    left: inherit;
    width: 410px;

}

.index_group_item {
    padding: 25px;
    border-radius: 15px;
    background-color: #F7F7F5;
    border: 2px solid #8F6B6B;
    display: block;
    width: 100%;
    position: relative;
}

.index_group_item::before {

    content: " ";
    display: block;
    width: 20px;
    height: 30px;
    background-color: #f9d8cd;
    border-top: 2px solid #8F6B6B;
    border-bottom: 2px solid #8F6B6B;
    border-right: 2px solid #8F6B6B;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    position: absolute;
    top: 56%;
    left: -2px;

}

.index_group_item::after {

    content: " ";
    display: block;
    width: 20px;
    height: 30px;
    background-color: #f9d8cd;
    border-top: 2px solid #8F6B6B;
    border-bottom: 2px solid #8F6B6B;
    border-left: 2px solid #8F6B6B;

    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;

    position: absolute;
    top: 56%;
    right: -2px;

}

.index_group_date {
    font-size: 32px;
    color: #8F6B6B;
    font-weight: bold;
    position: relative;
    margin: 0 0 15px;
}

.index_group_date span {
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    border: 2px solid #8F6B6B;
    line-height: 1.5;
    font-weight: bolder;
    position: absolute;
    top: 5px;
    right: 0;
}

.index_group_img {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}

.index_group_img img {
    width: 100%;
}

.index_group_tag {
    padding: 15px 0;
    border-bottom: 3px #D9D6D0 dashed;

}

.tag_row {
    display: inline-block;
    padding: 2px 10px;
    border: 2px solid #8F6B6B;
    border-radius: 50px;
    font-size: 14px;
    font-weight: bolder;
    color: #8F6B6B;
}

.tag_row_active {
    background-color: #8F6B6B;
    color: #fff;
}

.index_group_item h3 {
    padding: 10px 0;
    font-size: 24px;
    color: #8F6B6B;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index_group_item p {

    font-size: 16px;
    color: #8F6B6B;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    /*行數*/
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 72px;

}

.pink_btn {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: bolder;
    color: #fff;
    background-color: #FF8A8A;
    letter-spacing: 4px;
}

.index_group_price h4 {
    color: #8F6B6B;
    font-size: 40px;
    font-weight: bolder;
}

.index_group_price h4 span {
    color: #8F6B6B;
    font-size: 14px;
}

.index_group .owl-theme .owl-dots .owl-dot span {
    background: #fff;
}

.index_group .owl-theme .owl-dots .owl-dot.active span,
.index_group .owl-theme .owl-dots .owl-dot:hover span {
    background: #8F6B6B;
    ;
}

.index_group .owl-prev {
    width: 25px;
    position: absolute;
    top: 33%;
    left: -55px;
    border: 0;
    outline: none;
}

.index_group .owl-next {
    width: 25px;
    position: absolute;
    top: 33%;
    right: -55px;
    border: 0;
    outline: none;
}

.index_hot_bg {
    padding: 20px 0 0;
    position: relative;
}

.index_hot {
    padding: 40px 0 0;
    position: relative;
}

.index_hot .title_style {

    border-bottom: 1px solid #8F6B6B;

}

.title_hot {
    position: absolute;
    display: inline-block;
    background-color: #95E5CA;
    color: #8F6B6B;
    font-weight: bold;
    font-size: 32px;
    right: 0;
    top: 0;
    padding: 24px 25px 23px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.decorate_2 {
    position: absolute;
    top: 0;
    left: 0;
}

/*  */
.index_hot_row {
    padding: 35px 0;
}

.index_hot_item {
    padding: 25px;
    border-radius: 15px;
    background-color: #F7F7F5;
    border: 2px solid #8F6B6B;
    display: block;
    width: 100%;
    position: relative;
}

.index_hot_img {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}

.index_hot_img img {
    width: 100%;
}

.index_hot_item h3 {
    padding: 10px 0;
    font-size: 24px;
    color: #8F6B6B;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    /*行數*/
    -webkit-box-orient: vertical;
    white-space: normal;
}


.index_hot_row .owl-theme .owl-dots .owl-dot span {
    background: #8F6B6B;
}

.index_hot_row .owl-theme .owl-dots .owl-dot.active span,
.index_hot_row .owl-theme .owl-dots .owl-dot:hover span {
    background: #CCC0BC;
    ;
}

.index_hot_carousel .owl-prev {
    width: 25px;
    position: absolute;
    top: 33%;
    left: -55px;
    border: 0;
    outline: none;
}

.index_hot_carousel .owl-next {
    width: 25px;
    position: absolute;
    top: 33%;
    right: -55px;
    border: 0;
    outline: none;
}

.index_recommend_row {
    border-bottom: 1px solid #8F6B6B;
    padding: 25px 0;
    margin: 0 0 25px;
}

.index_recommend_img {
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
}

.index_recommend_img img {
    width: 100%;
}

.index_recommend_right {}

.index_recommend_right h3 {
    padding: 10px 0;
    font-size: 24px;
    color: #8F6B6B;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index_recommend_right p {
    font-size: 16px;
    font-weight: bold;
    color: #8F6B6B;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    /*行數*/
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 96px;
}

.index_recommend_btn a {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: bolder;
    color: #fff;
    background-color: #FF8A8A;
    letter-spacing: 4px;
}

.index_recommend_item {
    position: relative;
}

.index_recommend_box {
    width: 90%;
    padding: 15px;
    background-color: #fff;
    border: 2px solid #8F6B6B;
    border-radius: 10px;
    position: relative;
}

.index_recommend_bottom {
    padding: 0 0 30px;
    position: relative;
}

.decorate_3 {
    position: absolute;
    bottom: 35px;
    left: 65px;
}

.index_recommend_box::after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 25px 25px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    left: 98.6%;
    top: 91%;
    transform: translate(-50%, -50%);

}

.index_recommend_box::before {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 26px 26px 26px;
    border-color: transparent transparent #8F6B6B transparent;
    position: absolute;
    left: 100%;
    top: 93%;
    transform: translate(-50%, -50%);

}

.index_recommend_title {
    font-size: 16px;
    font-weight: bold;
    color: #8F6B6B;
}

.index_recommend_title i {
    color: #FF8A8A;
    margin-right: 10px;
}

.index_rating {
    float: right;
}

.index_recommend_box p {
    margin: 15px 0 0;
    font-size: 16px;
    font-weight: bold;
    color: #8F6B6B;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    /*行數*/
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 72px;
}

.index_recommend_gray {
    background-color: #F7F7F5;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 86%;
    height: 95%;
    -webkit-border-top-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    border-top-left-radius: 50px;
}

.index_recommend_bg {
    position: relative;
    margin: 30px 0 0;
    padding: 60px 0 0;
}

.index_recommend_relative {
    position: relative;
    z-index: 1;
}

.index_step_red {
    padding: 65px 0 30px;
    background-color: #F9D8CD;

}

/*  */
.index_step_title {
    max-width: 737px;
    text-align: center;
    margin: 0 auto;
}

.index_step_title img {
    width: 100%;
}

.index_step_row {
    padding: 60px 0 0;
}

.index_step_item {
    width: 100%;
    background-color: #F7F7F5;
    padding: 30px;
    border-radius: 10px;
    position: relative;
}

.index_step_item h3 {
    color: #D9D6D0;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.index_step_img {
    max-width: 300px;
    margin: 0 auto;
}

.index_step_img img {
    width: 100%;
}

.index_step_item h4 {
    color: #8F6B6B;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.index_step_item p {
    color: #8F6B6B;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.index_step_icon {
    position: absolute;
    left: -35px;
    top: -35px;
}

.index_step_btn {
    text-align: center;
}

.index_step_btn a {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: bolder;
    color: #fff;
    background-color: #FF8A8A;
    letter-spacing: 4px;
    cursor: pointer;
}

/*  */
footer {
    background-color: #F7F7F5;
    padding: 30px 0;
}

.footer_left {
    display: flex;
}

.footer_left_img {
    flex: 0 0;
    flex-basis: 100px;
}

.footer_left_text {
    flex-grow: 2;
    color: #8F6B6B;
    font-size: 24px;
    font-weight: bold;
    padding-left: 25px;
}

.footer_right {
    font-size: 0;
}

.footer_right li {
    display: inline-block;
    width: 25%;
    text-align: center;
    margin: 0 0 10px;

}

.footer_right li a {
    display: block;
    width: 90%;
    margin: 0 auto;
    font-size: 18px;
    color: #8F6B6B;
    font-weight: bold;
    padding: 5px 0;
    text-align: center;
    background-color: #F7F4ED;
    border: 2px solid #8F6B6B;
    border-radius: 50px;
}

.footer_community {
    text-align: right;
}

.copyright {
    font-size: 16px;
    color: #8F6B6B;
    text-align: center;
}

.fix_right {
    position: fixed;
    right: 15px;
    top: 10%;
    z-index: 9999;
    text-align: center;
}

.fix_right_link {
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    text-orientation: upright;
    text-align: center;
    color: #8F6B6B;
    display: inline-block;

}

.fix_right_link a {
    letter-spacing: 4px;
    font-size: 16px;
    color: #8F6B6B;
    font-weight: bold;
}

.link_border {
    border-bottom: 1px solid #8F6B6B;
    padding: 0 0 10px;
    margin: 0 0 10px;
}

.fix_right_icon {
    display: block;
    width: 40px;
    margin: 0 auto 5px;
}

.fix_right_icon img {
    width: 100%;
}

.index_hot_tab a {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: bolder;
    color: #fff;
    background-color: #FF8A8A;
    letter-spacing: 4px;
    cursor: pointer;
}

.index_hot_tab {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 0 25px;
}

.index_hot_tab .tab_active {
    background-color: #8F6B6B;
    color: #fff;
}

.core-nav .wrap-core-nav-list .core-nav-list .mo {
    display: none;
}

/*  */
.index_map {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    padding: 30px 0;
    display: block;
}

.index_map_mo {
    display: none;
}

.index_map_dk {
    max-width: 650px;
    margin: 0 auto;
}

.map_item {
    max-width: 460px;

}

.map_item_title {
    width: 100%;
    border-bottom: 1px solid #8F6B6B;
    display: flex;
    align-items: center;
    padding-left: 75px;
}

.map_item_title_left {
    display: flex;
    align-items: center;
    flex-basis: 235px;

}

.map_item_title_left h4 {
    /* flex: 0 0; */
    flex-basis: 105px;
    text-align: right;
    color: #8F6B6B;
    font-size: 25px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.map_item_title_left span {
    font-size: 16px;
    display: block;
}

.map_item_title_left p {
    color: #8F6B6B;
    font-weight: bold;
    flex-grow: 2;
    font-size: 35px;
    margin: 0;
    padding: 0;
    padding-left: 15px;
}

.map_item_title_right {
    flex-grow: 2;
    padding-left: 15px;
}

.map_item_user {
    display: inline-block;
    width: 28px;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 -5px;
}

.map_item_user img {
    width: 100%;
}

.map_item_bottom {
    padding-left: 180px;
}

.map_item_row {
    border: 1px solid #8F6B6B;
    width: 100%;
    display: flex;
    background-color: #F7F7F5;
    padding: 15px;
    border-radius: 10px;
    position: relative;
    margin: 15px 0;
    align-items: center;
}

.map_item_row_img {
    flex: 0 0;
    overflow: hidden;
    border-radius: 10px;
    flex-basis: 70px;

}

.map_item_row_img img {
    width: 100%;
}

.map_item_row h3 {
    flex-grow: 2;
    padding-left: 15px;
    font-size: 21px;
    color: #8F6B6B;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    /*行數*/
    -webkit-box-orient: vertical;
    white-space: normal;
}

.map_item_1 {
    position: absolute;
    top: 78px;
    right: -5vw;
}

.map_item_2 {
    position: absolute;
    top: 40%;
    left: 5vw;
}

.map_item_3 {
    position: absolute;
    top: 40%;
    right: -1vw;
}

.map_item_4 {
    position: absolute;
    top: 69%;
    left: 6vw;
}

.map_item_5 {
    position: absolute;
    top: 3%;
    left: -6vw;
}

.map_item_style .map_item_bottom {
    padding-left: 0;
    padding-right: 180px;
}

.map_item_style .map_item_title {
    padding-left: 0;
    padding-right: 75px;
}

.index_map_bg {
    background-color: #E9F6F7;
    padding: 40px 0;
    background-image: url(../img/wave.png), url(../img/wave.png), url(../img/wave.png);
    background-repeat: no-repeat;
    background-position: 21% 36%, 77% 10%, 83% 70%;
    position: relative;
    margin: 85px 0 0;
}

.index_map_btn {
    text-align: right;
}

.index_map_btn a {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: bolder;
    color: #fff;
    background-color: #FF8A8A;
    letter-spacing: 4px;
    cursor: pointer;
}

.decorate_4 {
    width: 65px;
    position: absolute;
    right: 31vw;
    top: -100px;
}

.decorate_5 {
    width: 239px;
    position: absolute;
    right: 18vw;
    top: -24px;
}

.decorate_4 img {
    width: 100%;
}

.decorate_5 img {
    width: 100%;
}

.index_step_carousel .item {
    padding: 50px 50px;
}

.index_step_pd {
    padding: 0 50px;
}

.index_step_dk {
    display: block;
}

.index_step_mo {
    display: none;
}

.pg_top {
    padding: 110px 0 0;
}

/*  */
/*  */
.qa_list {
    padding: 25px 0;
}

.qa_item {
    border: 1px solid #735858;
    /* border-top: 0; */

    cursor: pointer;
    margin: 0 0 15px;
    border-radius: 10px;
    background-color: #F7F7F5;
}

/* .qa_item:first-child {
    border-top: 1px solid #54377D;
} */

.qa_title {
    padding: 15px 45px 15px 015px;
    color: #8F6B6B;
    font-size: 22px;
    position: relative;
    font-weight: bold;

}

.qa_content {
    position: relative;
}

.qa_text {
    border-top: 1px solid #735858;
    padding: 15px;
    color: #8F6B6B;
    display: none;
}

.qa_list_icon {
    position: absolute;
    width: 18px;
    height: 18px;
    transform: translateY(-50%) translateX(-50%);
    top: 50%;
    right: 10px;
    cursor: pointer;
}

.icon1 {
    width: 18px;
    height: 2px;
    background-color: #735858;
    position: absolute;
    transform: translateY(-50%)translateX(-50%);
    top: 50%;
    left: 50%;
}

.icon2 {
    width: 18px;
    height: 2px;
    background-color: #735858;
    position: absolute;
    transform: translateY(-50%)translateX(-50%);
    top: 50%;
    left: 0%;
}

.icon2 {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.qa_row {
    max-width: 960px;
    margin: 0 auto;
}

.qa_row .default_tab {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 0 25px;
}

/*  */
.default_tab a {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: bolder;
    color: #fff;
    background-color: #FF8A8A;
    letter-spacing: 4px;
    cursor: pointer;
}

.default_tab .tab_active {
    background-color: #8F6B6B;
    color: #fff;
}

/*  */
.bulletin_top {
    width: 100%;
    background-color: #F7F7F5;
    padding: 40px 40px;
    border-radius: 60px;
    margin: 15px 0 45px;
}

.bulletin_top_img {
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
}

.bulletin_top_img img {
    width: 100%;
}

.bulletin_top h3 {
    padding: 10px 0;
    font-size: 24px;
    color: #8F6B6B;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bulletin_top p {
    font-size: 16px;
    font-weight: bold;
    color: #8F6B6B;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 96px;
}

.default_date {
    font-size: 24px;
    color: #8F6B6B;
    font-weight: bold;
    position: relative;
    margin: 0 0 15px;
}

.default_date span {
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 10px;
    display: inline-block;
    border: 2px solid #8F6B6B;
    vertical-align: top;
}

.bulletin_bottom {
    background-color: #F9D8CD;
    padding: 35px 0;
}

.bulletin_bottom .default_tab {
    max-width: 480px;
    margin: 0 auto;
    padding: 0 0 25px;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #8F6B6B;
    font-weight: bold;
    font-size: 18px;
    background-color: #CCC0BC;
    border: 1px solid #dee2e6;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: inherit;

    background-color: #fff;
    border-color: #dee2e6;
    cursor: no-drop;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #735858;
    border-color: #735858;
}

.page-link:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #735858;
    border-color: #735858;
}

/*  */

.ticket_item {
    padding: 25px;
    border-radius: 15px;
    background-color: #F7F7F5;
    border: 2px solid #8F6B6B;
    display: block;
    width: 100%;
    position: relative;
}

.ticket_item::before {

    content: " ";
    display: block;
    width: 20px;
    height: 30px;
    background-color: #f9d8cd;
    border-top: 2px solid #8F6B6B;
    border-bottom: 2px solid #8F6B6B;
    border-right: 2px solid #8F6B6B;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    position: absolute;
    top: 56%;
    left: -2px;

}

.ticket_item::after {

    content: " ";
    display: block;
    width: 20px;
    height: 30px;
    background-color: #f9d8cd;
    border-top: 2px solid #8F6B6B;
    border-bottom: 2px solid #8F6B6B;
    border-left: 2px solid #8F6B6B;

    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;

    position: absolute;
    top: 56%;
    right: -2px;

}

.ticket_date {
    font-size: 32px;
    color: #8F6B6B;
    font-weight: bold;
    position: relative;
    margin: 0 0 15px;
}

.ticket_date span {
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    border: 2px solid #8F6B6B;
    line-height: 1.5;
    font-weight: bolder;
    position: absolute;
    top: 5px;
    right: 0;
}

.ticket_img {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.ticket_img img {
    width: 100%;
}

.ticket_tag {
    padding: 15px 0;
    border-bottom: 3px #D9D6D0 dashed;

}

.tag_row {
    display: inline-block;
    padding: 2px 10px;
    border: 2px solid #8F6B6B;
    border-radius: 50px;
    font-size: 14px;
    font-weight: bolder;
    color: #8F6B6B;
}

.tag_row_active {
    background-color: #8F6B6B;
    color: #fff;
}

.ticket_item h3 {
    padding: 10px 0;
    font-size: 24px;
    color: #8F6B6B;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 70px;
}

.ticket_item p {

    font-size: 16px;
    color: #8F6B6B;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    /*行數*/
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 72px;

}

.pink_btn {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: bolder;
    color: #fff;
    background-color: #FF8A8A;
    letter-spacing: 4px;
}

.ticket_price h4 {
    color: #8F6B6B;
    font-size: 40px;
    font-weight: bolder;
}

.ticket_price h4 span {
    color: #8F6B6B;
    font-size: 14px;
}

.article {
    max-width: 980px;
    margin: 0 auto;
    padding: 40px 0;
}

.article_data {
    color: #FF8A8A;
    font-size: 32px;
    font-weight: bold;
}

.article_top h2 {
    color: #735858;
    font-size: 48px;
    font-weight: bold;
}

.article_tag a {
    display: inline-block;
    border: 2px solid #8F6B6B;
    color: #8F6B6B;
    border-radius: 50px;
    cursor: pointer;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: bold;
    background-color: #F7F4ED;
    margin-right: 5px;
}

.article_icon {
    float: right;
    padding: 0 0 15px;
}

.article_icon a {
    display: inline-block;
}

.edit {
    padding: 30px 0;
}

.edit img {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.edit p {
    color: #8F6B6B;
    font-size: 16px;
    padding: 15px 0;
}

/*  */
.location_row {}

.location_row_top {
    padding: 0px 0 35px;
    color: #8F6B6B;
    font-size: 19px;
}

.location_row .default_tab {
    text-align: center;
    padding: 0 0 30px;
}

.location_row .default_tab a {
    padding: 5px 25px;
}

.location_map {
    padding: 45px 60px;
    background-color: #E9F6F7;
    width: 100%;
    border-radius: 45px;
    margin: 0 0 40px;
}

.location_map_top {
    border-bottom: 1px solid #8F6B6B;
}

.location_form_row {}

.form_title {
    font-size: 24px;
    font-weight: bold;
    color: #8F6B6B;
}

.location_form_row select {
    border-radius: 50px;
    background-color: #F7F7F5;
    border: 1px solid #735858;
}

.location_btn {
    display: inline-block;
    background-color: #FF8A8A;
    padding: 5px 45px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 100px;
}

.location_map_box iframe {
    width: 100%;
    height: 800px;

}

.location_map_list {
    height: 800px;
    overflow-y: auto;
}

.location_map_bottom {
    padding: 25px 0;
}

.location_map_item {
    padding: 15px;
    border-radius: 15px;
    background-color: #F7F7F5;
    border: 1px solid #735858;
    margin-bottom: 30px;
    position: relative;
}

.location_map_nav {
    position: relative;
}

.location_map_nav .location_number {
    padding: 5px;
    background-color: #735858;
    display: inline-block;
    color: #fff;
    line-height: 1;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

.location_map_nav h4 {
    font-size: 24px;
    font-weight: bold;
    color: #8F6B6B;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.location_map_nav span {
    font-size: 18px;
    font-weight: bold;
    color: #FF8A8A;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

.location_line {
    padding: 15px 90px 15px 0px;
}

.location_line a {
    font-size: 18px;
    font-weight: bold;
    color: #FF8A8A;
    text-decoration: underline;
}

.location_line a i {
    margin: 0 5px;
}

.location_data {
    font-size: 16px;
    font-weight: bold;
    color: #8F6B6B;
    padding: 0 90px 0 0px;
}

.location_data span {
    margin: 0 10px;
}

/*  */
.login_bg {
    background-image: url(../img/login_bg.png);
    background-size: cover;
}

.logoin_row {
    padding: 130px 0 60px;
    background-color: #fff;
    width: 100%;
}

.logoin_title h2 {
    padding: 10px 0;
    color: #8F6B6B;
    font-size: 48px;
    font-weight: bold;
    margin: 0;
}

.form_row {
    max-width: 450px;
    margin: 0 auto;
    /* padding: 30px 0; */
}

.logoin_row p {
    padding: 10px 0;
    font-size: 16px;
    color: #8F6B6B;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin: 0;
}

.form_row h4 {
    font-size: 18px;
    font-weight: bold;
    color: #8F6B6B;

}

.form_style_text {
    border-radius: 100px;
    height: 45px;
    background-color: #F7F7F5;

}

.form_style_text::placeholder {
    color: #CCC0BC;
    font-weight: bold;
}

.form_style_title {
    font-size: 18px;
    font-weight: bold;
    color: #8F6B6B;
}

.form_style_title span {

    color: #FF8A8A;
}

.form_style_btn {
    text-align: center;
}

.form_style_btn a {
    display: inline-block;
    background-color: #FF8A8A;
    padding: 10px 15px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 100px;
}

.form_style_other {
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    color: #8F6B6B;
}

.form_style_other a {
    text-decoration: underline;
    color: #FF8A8A;
}

.logoin_community {
    padding: 15px 0;
}

.logoin_community a {
    display: inline-block;
}

.register_community {
    padding: 15px 0;
    text-align: center;
}

.register_community a {
    display: inline-block;
}

.register_community h4 {
    font-size: 18px;
    font-weight: bold;
    color: #8F6B6B;
}

.form_style_check {
    font-size: 16px;
    font-weight: bold;
    color: #8F6B6B;
}

.form_style_check a {
    text-decoration: underline;
    color: #FF8A8A;
}

/*  */
.member_row {
    max-width: 960px;
    margin: 0 auto;
}

.member_row .default_tab {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
}

.member_row .default_tab .item {
    display: inline-block;
}

.member_title_style {
    margin: 30px 0 0;
    border-bottom: 1px solid #8F6B6B;
    position: relative;
}

.member_form {
    padding: 40px 0;
    max-width: 450px;
    margin: 0 auto;
}

.member_form_btn {
    text-align: center;
    letter-spacing: 1px;
}

.cancel_btn {
    display: inline-block;
    background-color: #a67c7c;
    padding: 10px 15px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 100px;
    border: 2px solid #735858;
    width: 110px;
    cursor: pointer;
}

.save_btn {
    display: inline-block;
    background-color: #735858;
    padding: 10px 15px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 100px;
    border: 2px solid #a67c7c;
    cursor: pointer;
}

.form_style .form-group {
    position: relative;

}

.verify {
    font-size: 16px;
    font-weight: bold;
    color: #FF8A8A;
    position: absolute;
    right: 0;
    top: 0;
}

.travel_btn {
    display: inline-block;
    background-color: #F7F4ED;
    padding: 5px 15px;
    color: #8F6B6B;
    font-size: 18px;
    font-weight: bold;
    border-radius: 100px;
    border: 1px solid #735858;
    position: absolute;
    right: 0;
    top: 30px;
    cursor: pointer;
}

.member_map {
    width: 100%;
    padding: 15px;
    background-color: #E9F6F7;
    margin: 30px 0 60px;
    border-radius: 15px;
    text-align: center;
    background-image: url(../img/wave.png), url(../img/wave.png), url(../img/wave.png);
    background-repeat: no-repeat;
    background-position: 21% 36%, 77% 10%, 83% 70%;
    position: relative;
}

.member_map h2 {
    padding: 5px 0;
    color: #8F6B6B;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.member_map p {
    padding: 5px 0;
    color: #8F6B6B;
    font-size: 18px;
    text-align: center;
}

.member_map a {
    text-decoration: underline;
    color: #FF8A8A;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 4px;

}

.member_decorate1 {
    width: 150px;
    position: absolute;
    left: 30px;
    bottom: -15px;
}

.member_decorate2 {
    width: 40px;
    position: absolute;
    right: 30px;
    bottom: 0;
}

.member_decorate1 img,
.member_decorate2 img {
    width: 100%;

}

.member_table {
    padding: 20px 0 0;
}

.member_table small {
    text-align: right;
    padding: 0 0 20px;
    display: block;
    width: 100%;
}

.member_table_style {
    width: 100%;
    background-color: #F7F4ED;
    margin: 0 0 25px;
}

.member_table_style th {
    background-color: #8F6B6B;
    color: #F7F4ED;
    padding: 10px 5px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.member_table_style td {
    color: #8F6B6B;
    padding: 10px 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #8F6B6B;
}

.member_table_style td span {
    color: #FF8A8A;
    font-weight: bold;
}

.member_table_style td a {
    background-color: #FF8A8A;
    color: #F7F4ED;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 100px;
    font-weight: bold;
    cursor: pointer;
}

.table_dk {
    display: block;
}

.table_mo {
    display: none;
}

.member_collect {
    padding: 40px 0 0;
}

.member_collect_item {
    padding: 20px;
    background-color: #F7F4ED;
    border-radius: 20px;
    border: 1px solid #735858;
    margin-bottom: 20px;
}

.member_collect_img {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
}

.member_collect_img img {
    position: relative;
    width: 100%;
}

.member_collect_data {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient. 固定鏈接 - 用於編輯和分享此漸變： https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: 1;

}

.member_collect_data span {
    position: absolute;
    color: #fff;
    font-size: 16px;
    bottom: 5px;
    left: 15px;
}

.member_collect_item h3 {
    padding: 10px 0;
    font-size: 24px;
    color: #8F6B6B;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.member_collect_item p {
    font-size: 16px;
    font-weight: bold;
    color: #8F6B6B;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 44px;
}

.group_price {
    color: #8F6B6B;
    font-size: 36px;
    font-weight: bolder;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.group_price span {
    color: #8F6B6B;
    font-size: 14px;
}

.member_collect_bottom {
    padding: 15px 0;
    position: relative;
}

.member_collect_btn {
    background-color: #FF8A8A;
    color: #F7F4ED;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 100px;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
}

.group_tag {}

.member_collect_bottom .fa-heart {
    position: absolute;
    top: 30px;
    right: 0;
    font-size: 30px;
    color: #CCC0BC;
}

.member_collect_bottom .heart_red {
    color: #FF8A8A;
}

.member_page {
    padding: 30px 0;
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 0;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 32px;
    color: #8F6B6B;
    font-weight: bold;
}

.member_table_style .meat {
    color: #8F6B6B;
}

.member_table_style .veg {
    color: #FF8A8A;
}

.revise_btn {
    background-color: #FF8A8A;
    color: #F7F4ED;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 100px;
    font-weight: bold;
    cursor: pointer;
}

/*  */
.share_row {
    padding: 40px 0;
}

.share_item {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.share_item img {
    width: 100%;
}

.share_item_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient. 固定鏈接 - 用於編輯和分享此漸變： https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: 1;
}

.share_item_mask h3 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding: 0 15px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    /*行數*/
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 43px;
}

.share_item_tag {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    padding: 0 15px;
    position: absolute;
    top: 15px;
    left: 15px;
}

.share_item_user_img {
    width: 40px;
    display: inline-block;
    overflow: hidden;
    border-radius: 100%;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.share_item_user_img img {
    width: 100%;

}

.share_item_name {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.share_item_name span {
    margin: 0 5px;
}

.share_item_user {
    position: absolute;
    bottom: 80px;
    left: 15px;
    padding: 0 15px;
}

.share_article {
    width: 100%;
}

.article_side {}

.article_side h3 {
    font-size: 18px;
    font-weight: bold;
    color: #8F6B6B;
}

.article_side_list {
    border-top: 1px solid #8F6B6B;
}

.article_side_list li {
    border-bottom: 1px solid #8F6B6B;
}

.article_side_list li a {
    width: 100%;
    display: block;
    padding: 10px 0;
    color: #FF8A8A;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.article_side .article_tag a {
    display: inline-block;
    border: 0;
    color: #8F6B6B;
    border-radius: 50px;
    cursor: pointer;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: bold;
    background-color: #F7F4ED;
    margin-right: 10px;
}

.hot_item {
    display: block;
    width: 100%;
    padding: 15px;
    background-color: #F7F7F5;
    padding: 15px;
    border: 1px solid #8F6B6B;
    border-radius: 15px;
}

.hot_item_img {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.hot_item_img span {
    position: absolute;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    top: 15px;
    left: 15px;
}

.hot_item_img img {
    width: 100%;
}

.hot_item p {
    margin: 10px 0;
    font-size: 24px;
    color: #8F6B6B;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    /*行數*/
    -webkit-box-orient: vertical;
    white-space: normal;
}

.hot_item_btn {
    text-align: center;
}

.hot_item_btn a {

    background-color: #FF8A8A;
    color: #F7F4ED;
    display: inline-block;
    padding: 5px 25px;
    border-radius: 100px;
    font-weight: bold;
    cursor: pointer;

}

/*  */
/*  */
.search {
    padding: 25px 0;
}

.search_title h2 {
    text-align: center;
    padding: 25px 0 20px;
    margin: 0;
}

.search_title {
    background-image: url(../img/ears.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.search_row {
    width: 100%;
    background-color: #F7F7F5;
    padding: 40px 200px;
    border-radius: 60px;
    margin: 0 0 25px;
}

.search_item {
    display: flex;
}

.search_item h4 {
    flex: 0 0;
    flex-basis: 90px;
    font-size: 24px;
    font-weight: bold;
    color: #8F6B6B;
    text-align: center;
}

.search_item h4 p {
    font-size: 14px;
    color: #FF8A8A;
}

.search_left {
    flex-grow: 2;

}

.search_left input[type="checkbox"] {
    display: none;
}

.search_left input[type="checkbox"]+label {
    display: inline-block;
    border: 1px solid #8F6B6B;
    color: #8F6B6B;
    border-radius: 50px;
    cursor: pointer;
    padding: 5px 20px;
    font-size: 18px;
    font-weight: bold;
    background-color: #F7F4ED;
    margin-right: 20px;
}

.search_left input[type="checkbox"]:checked+label {
    background-color: #8F6B6B;
    color: #fff;
}

.search_btn {
    text-align: center;
}

.search_btn img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.search_btn a {
    background-color: #FF8A8A;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: bold;
}

.search_btn a i {

    margin: 0 5px;
}

.search_bg {
    position: relative;
}

.search_top {
    width: 100%;
    background-color: #F7F7F5;
    padding: 40px 40px;
    border-radius: 60px;
    margin: 15px 0 45px;
}

.search_top_img {
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
}

.search_top_img img {
    width: 100%;
}

.search_top h3 {
    padding: 10px 0;
    font-size: 24px;
    color: #8F6B6B;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search_top p {
    font-size: 16px;
    font-weight: bold;
    color: #8F6B6B;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 96px;
}

.search_top_img .default_date {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    margin: 0 0 15px;
    top: 15px;
    left: 15px;
}

.search_top_img .default_date span {
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 10px;
    display: inline-block;
    border: 2px solid #fff;
    vertical-align: top;
}

.search_top .article_tag {
    padding: 15px 0;
}

.search_top .article_tag a {
    display: inline-block;
    border: 2px solid #8F6B6B;
    color: #8F6B6B;
    border-radius: 50px;
    cursor: pointer;
    padding: 3px 10px;
    font-size: 18px;
    font-weight: bold;
    background-color: #F7F4ED;
    margin-right: 5px;
}

.search_r_btn a {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: bolder;
    color: #fff;
    background-color: #FF8A8A;
    letter-spacing: 4px;
}

.search_price {
    color: #8F6B6B;
    font-size: 40px;
    font-weight: bolder;
}

.search_price span {
    color: #8F6B6B;
    font-size: 14px;
}

.search_select_row {
    text-align: right;
    padding: 35px 0;
}

.search_select {
    display: inline-block;
}

.search_select select {
    border-radius: 50px;
    background-color: #F7F7F5;
    border: 1px solid #735858;
    color: #735858;
    font-weight: bold;

}

/*  */
.overview_tab {
    padding: 0 0 40px;
}

.overview_bottom {
    background-color: #E9F6F7;
    padding: 35px 0;
}

.overview_bottom .ticket_item::before {
    content: " ";
    display: block;
    width: 20px;
    height: 30px;
    background-color: #E9F6F7;
    border-top: 2px solid #8F6B6B;
    border-bottom: 2px solid #8F6B6B;
    border-right: 2px solid #8F6B6B;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomright: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    position: absolute;
    top: 56%;
    left: -2px;
}

.overview_bottom .ticket_item::after {
    content: " ";
    display: block;
    width: 20px;
    height: 30px;
    background-color: #E9F6F7;
    border-top: 2px solid #8F6B6B;
    border-bottom: 2px solid #8F6B6B;
    border-left: 2px solid #8F6B6B;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    position: absolute;
    top: 56%;
    right: -2px;
}

/*  */
.search_left .input-group {
    border: 1px solid #8F6B6B;
    color: #8F6B6B;
    background-color: #F7F4ED;
    /* border-radius: 50px; */
    /* overflow: hidden; */
}

.search_left .input-group-text {

    border: 0;
    background-color: #F7F4ED;
}

.search_left .datetimepicker-input {
    background-color: #F7F4ED;
    border: 0;

}

/*  */
.travel_records {
    padding: 25px 0;
}

.travel_records_title h2 {
    text-align: center;
    padding: 25px 0 20px;
    margin: 0;
}

.travel_records_title {
    background-image: url(../img/ears.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.travel_records_row {
    width: 100%;
    background-color: #F7F7F5;
    padding: 40px 120px;
    border-radius: 60px;
    margin: 0 0 25px;
}

.travel_records_list {
    height: 800px;
    overflow-y: auto;
}

.travel_records_item {
    background-color: #F7F4ED;
    border: 1px solid #735858;
    width: 100%;
    padding: 20px;
    border-radius: 23px;
    position: relative;
    margin: 0 0 20px;
}

.travel_records_right {
    padding: 0 100px 0 0;

}

.travel_records_right span {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 4px;
    color: #8F6B6B;
}

.travel_records_right h4 {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 4px;
    color: #8F6B6B;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 57px;
}

.travel_records_left {
    font-size: 16px;
    font-weight: bold;
    color: #8F6B6B;
    position: absolute;
    top: 50%;
    left: 88%;
    transform: translate(-50%, -50%);
    width: 100px;
}

.travel_records_left i {
    margin-right: 5px;
}

.travel_records_left span {
    font-size: 16px;
    font-weight: bold;
    color: #FF8A8A;

}

.travel_records_left span i {
    margin-right: 5px;
}

.my_travel_row {
    padding: 0 0 40px;
}

.my_travel_item {
    padding: 25px;
    border-radius: 15px;
    background-color: #F7F7F5;
    /* border: 2px solid #8F6B6B; */
    display: block;
    width: 100%;
    position: relative;
}

.my_travel_img {
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}

.my_travel_img img {
    width: 100%;
}

.my_travel_item h3 {
    padding: 10px 0;
    font-size: 24px;
    color: #8F6B6B;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.my_travel_item p {

    font-size: 16px;
    color: #8F6B6B;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    /*行數*/
    -webkit-box-orient: vertical;
    white-space: normal;
}

.my_travel_img_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    z-index: 1;
}

.my_travel_img_mask span {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;

}

.my_travel_row .owl-theme .owl-dots .owl-dot span {
    background: #8F6B6B;
}

.my_travel_row .owl-theme .owl-dots .owl-dot.active span,
.my_travel_row .owl-theme .owl-dots .owl-dot:hover span {
    background: #CCC0BC;
    ;
}

.my_travel_carousel .owl-prev {
    width: 25px;
    position: absolute;
    top: 33%;
    left: -55px;
    border: 0;
    outline: none;
}

.my_travel_carousel .owl-next {
    width: 25px;
    position: absolute;
    top: 33%;
    right: -55px;
    border: 0;
    outline: none;
}

.my_travel_bottom {
    background-color: #E9F6F7;
    padding: 35px 0;
}

/*  */
.file-input {
    display: inline-block;
    text-align: left;
    background: #fff;
    padding: 16px;
    width: 100%;
    position: relative;
    border-radius: 100px;
    background-color: #F7F7F5;
}

.file-input>[type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
}

.file-input>.file_button {
    display: inline-block;
    cursor: pointer;
    background: #8F6B6B;
    padding: 5px 16px;
    border-radius: 2px;
    border-radius: 100px;
    margin-right: 8px;
    color: white;
}

.file-input:hover>.file_button {
    background-color: #FF8A8A;
    ;
    color: white;
}

.file-input>.label {
    color: #333;
    white-space: nowrap;
    opacity: .3;
}

.file-input.-chosen>.label {
    opacity: 1;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 60%;
    padding: 6px 10px;
    position: absolute;
}

.file_img {
    width: 100%;
    min-height: 200px;
    border: 2px #CCC0BC dashed;
    margin-bottom: 15px;

}

.file_img img {
    width: 100%;
}

.form_style textarea {
    background-color: #F7F7F5;
    border: 0;
    min-height: 250px;
}

/*  */
.swiper {

    height: auto;
}

/*  */
.product_top {
    padding: 0;
    border-bottom: 1px solid #8F6B6B;
}

.product_data {
    border-bottom: 1px solid #8F6B6B;
    padding: 0 0 25px;
    margin: 0 0 25px;
}

.product_data h2 {
    font-size: 40px;
    color: #735858;
    font-weight: bold;
}

.product_data p {
    font-size: 16px;
    color: #735858;
    padding: 15px 0 25px;
    margin: 0;
}

.product_price {
    text-align: right;
    font-size: 40px;
    font-weight: bold;
    color: #FF8A8A;
    position: relative;
}

.product_price span {
    font-size: 16px;
    font-weight: normal;
    color: #FF8A8A;
}

.product_community {
    text-align: left;
}

.itinerary_item {
    display: flex;
    width: 100%;
    padding: 5px 0;
}

.itinerary h3 {
    font-size: 28px;
    color: #735858;
    font-weight: bold;
}

.itinerary_item h4 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #FF8A8A;
    vertical-align: top;
    flex: 0 0;
    flex-basis: 120px;
    align-self: center;
}

.itinerary_item h4 img {
    text-align: center;
    display: inline-block;
    margin: 0 5px 0 0;
    max-width: 100%;
    vertical-align: top;
}

.itinerary_block {
    flex-grow: 2;
    position: relative;
    width: 100%;
    margin: 0 auto;
    border-radius: 15px;
    background-color: #F7F7F5;
    padding: 10px 0;
}

.itinerary_text {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #735858;

}

.itinerary_text small {
    display: block;
    font-size: 16px;
}

.itinerary_btn {
    text-align: center;
    padding: 25px 0 0;
    margin: 0 0 60px;
}

.itinerary_btn .geton {
    display: inline-block;
    width: 40%;
    color: #fff;
    text-align: center;
    padding: 10px;
    background-color: #735858;
    border-radius: 100px;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
}

.itinerary_btn .geton:hover {

    color: #735858;
    background-color: #CCC0BC;
}

.itinerary_btn .apply {
    cursor: pointer;
    display: inline-block;
    width: 40%;
    color: #fff;
    text-align: center;
    padding: 10px;
    background-color: #FF8A8A;
    border-radius: 100px;
    font-weight: bold;
    font-size: 18px;
}

.itinerary_btn .apply:hover {
    color: #735858;
    background-color: #F9D8CD;
}

.itinerary_btn .disabled {
    cursor: pointer;
    display: inline-block;
    width: 40%;
    color: #8F6B6B;
    text-align: center;
    padding: 10px;
    background-color: #D9D6D0;
    border-radius: 100px;
    font-weight: bold;
    font-size: 18px;
    cursor: no-drop;
}

.product_edit {
    border-bottom: 1px solid #8F6B6B;
}

.product_bottom {
    padding: 40px 0;
}

.featured_item {
    width: 100%;
    background-color: #F7F7F5;
    padding: 25px;
    display: block;
    border-radius: 25px;
}

.featured_item_img {
    width: 100%;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    margin: 0 0 25px;
}

.featured_item_img img {
    width: 100%;
}

.featured_item_mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient. 固定鏈接 - 用於編輯和分享此漸變： https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: 1;
}

.featured_item_user_img {
    width: 30px;
    display: inline-block;
    overflow: hidden;
    border-radius: 100%;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.featured_item_user_img img {
    width: 100%;

}

.featured_item_name {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.featured_item_name span {
    margin: 0 5px;
}

.featured_item_user {
    position: absolute;
    bottom: 15px;
    left: 15px;
    padding: 0 15px;
}

.featured_item_bottom {

    border-top: 1px solid #8F6B6B;
}

.featured_item_bottom h5 {
    margin: 0;
    font-size: 18px;
    color: #8F6B6B;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.featured_item_tag {
    padding: 15px 0;

}

.product_bottom_btn {
    padding: 45px 0;
    text-align: center;
}

.product_bottom_btn .apply {
    cursor: pointer;
    display: inline-block;
    width: 250px;
    color: #fff;
    text-align: center;
    padding: 10px;
    background-color: #FF8A8A;
    border-radius: 100px;
    font-weight: bold;
    font-size: 18px;
}

.slider {
    padding: 0 30px;
}

.flexslider_back {
    width: 100%;
}

.flexslider_back img {
    width: 100%;
}

.flexslider_next {
    width: 100%;
}

.flexslider_next img {
    width: 100%;
}

.flexslider .slides img {
    width: 100%;
    display: block;
    border-radius: 20px;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
    padding: 10px;
}

.flex-control-thumbs img {
    border-radius: 20px;
}

/*  */
.shopping_cart {
    max-width: 1170px;
    margin: 0 auto;

}

.step {
    font-size: 0;
    margin: 30px auto;
    padding: 0;
    width: 600px;
    text-align: center;
    position: relative;
}

.step::before {
    content: " ";
    width: 60%;
    height: 1px;
    background-color: #8F6B6B;
    position: absolute;
    transform: translateY(-50%)translateX(-50%);
    top: 30%;
    left: 50%;
}

.step li {
    display: inline-block;
    width: 33.33%;
    text-align: center;
    position: relative;
    z-index: 1;
}

.step .active .step_no {
    background-color: #FF8A8A;
    font-size: 21px;
    color: #fff;
    display: inline-block;
    border-radius: 100%;
    font-weight: bold;

}

.step_no {
    background-color: #F9D8CD;
    font-size: 21px;
    color: #735858;
    display: inline-block;
    border-radius: 100%;
    padding: 9px 19px;
    font-weight: bold;
}

.step_text {
    color: #8F6B6B;
    font-size: 16px;
    padding: 10px 0;
}

.step .active .step_text {
    color: #8F6B6B;
    font-size: 16px;
    padding: 10px 0;
    font-weight: bold;
}

.shopping_title_style {
    margin: 30px 0 0;
    position: relative;
}

.again_btn {
    display: inline-block;
    background-color: #E9F6F7;
    padding: 5px 15px;
    color: #8F6B6B;
    font-size: 18px;
    font-weight: bold;
    border-radius: 100px;
    position: absolute;
    right: 0;
    top: 25px;
    cursor: pointer;
}

.shopping_data {
    background-color: #F7F4ED;
    border-radius: 23px;
    padding: 25px;
    margin: 0 0 30px;
    border: 1px solid #8F6B6B;
}

.shopping_data_img {
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.shopping_data_img img {
    width: 100%;
}

.shopping_data ul li {
    font-size: 18px;
    font-weight: bold;
    color: #8F6B6B;
    padding: 0 0 5px;
}

.shopping_form {
    background-color: #F7F4ED;
    border-radius: 23px;
    padding: 25px;
    margin: 0 0 30px;
}

.shopping_form h3 {
    color: #8F6B6B;
    font-size: 28px;
    font-weight: bold;
}

.shopping_form small {
    color: #8F6B6B;
    font-size: 16px;
    font-weight: bold;
}

.shopping_form small a {
    color: #FF8A8A;
    text-decoration: underline;
    margin: 0 5px;
    cursor: pointer;
}

.shopping_form select {
    border-radius: 50px;
    background-color: #F7F7F5;
    border: 1px solid #735858;
}

.shopping_form .form-check-label {
    color: #8F6B6B;
    font-size: 16px;
    font-weight: bold;
}

/*  */
.bus_1 {
    width: 100%;
    position: relative;
}

.bus_1 img {
    width: 100%;
}

.bus_1 h5 {
    width: 100%;
    padding: 15px 0;
    background-color: #fff;
    text-align: center;
    margin: 0;
    color: #8F6B6B;
    font-weight: bold;
}

.bus_seat {
    position: relative;
}

.driver {
    width: 125px;
    background-color: #8F6B6B;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    position: absolute;
    top: 12.5%;
    left: 13%;
}

.seat_table {
    width: 150px;
    font-size: 0;
    margin: 0;

}

.seat_1 {
    position: absolute;
    top: 18.5%;
    left: 13%;
}

.seat_2 {
    position: absolute;
    bottom: 24%;
    left: 13%;
}

.seat_3 {
    position: absolute;
    top: 25%;
    right: 13%;
}

.seat_4 {
    position: absolute;
    bottom: 30%;
    right: 13%;
}

.seat_table li {
    width: 50%;
    display: inline-block;
    padding: 2px;
    vertical-align: middle;
}

.seat_btn .booked {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    background-color: #CCC0BC;
    cursor: no-drop;
    /* min-height: 62px; */
}

.seat_btn .booked p {
    margin: 0;
}

.seat_btn input[type="checkbox"] {
    display: none;
}

.seat_btn input[type="checkbox"]+label {
    width: 100%;
    background-color: #F9D8CD;
    color: #735858;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
    margin: 0;

}

.seat_btn input[type="checkbox"]:checked+label {
    background-color: #FF8A8A;
    margin: 0;
    color: #fff;
}

.bus_1 small {
    width: 100%;
    padding: 10px 0 0;
    color: #FF8A8A;
    text-align: center;
    display: block;
}

.bus_2 {
    width: 100%;
    position: relative;
}

.bus_2 img {
    width: 100%;
}

.bus_2 h5 {
    width: 100%;
    padding: 15px 0;
    background-color: #fff;
    text-align: center;
    margin: 0;
    color: #8F6B6B;
    font-weight: bold;
}

.bus_2 small {
    width: 100%;
    padding: 10px 0 0;
    color: #FF8A8A;
    text-align: center;
    display: block;
}

.bus_2 .seat_3 {
    width: 75px;
}

.bus_2 .seat_3 li {
    width: 100%;
    display: block;
    padding: 2px;
    vertical-align: middle;
}

.bus_2 .seat_4 {
    width: 150px;
}

.bus_2 .seat_4 li {
    width: 50%;
    display: inline-block;
    padding: 2px;
    vertical-align: middle;
}

.bus_3 {
    width: 100%;
    position: relative;
}

.bus_3 img {
    width: 100%;
}

.bus_3 h5 {
    width: 100%;
    padding: 15px 0;
    background-color: #fff;
    text-align: center;
    margin: 0;
    color: #8F6B6B;
    font-weight: bold;
}

.bus_3 small {
    width: 100%;
    padding: 10px 0 0;
    color: #FF8A8A;
    text-align: center;
    display: block;
}

.bus_3 .seat_3 {
    width: 75px;
}

.bus_3 .seat_3 li {
    width: 100%;
    display: block;
    padding: 2px;
    vertical-align: middle;
}

/*  */
.shopping_people {
    padding: 10px 0;
    color: #8F6B6B;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}

.shopping_people span {
    color: #FF8A8A;
}

.shopping_people_list {
    color: #FF8A8A;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 10px;
}

.passenger_list {
    height: 1040px;
    overflow-y: auto;
}

.passenger_list_row {
    padding: 15px;
    position: relative;
    background-color: #fff;
    border-radius: 15px;
    margin: 0 0 30px;
}

.passenger_list_label {
    color: #fff;
    background-color: #95E5CA;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    left: 15px;
    top: 0;
}

.passenger_list_form {
    padding: 40px 0 0;
}

.calculate h3 {
    color: #8F6B6B;
    font-size: 28px;
    font-weight: bold;
}

.calculate {
    padding: 40px 0;
}

.calculate_table {
    padding: 40px 0 0;
}

.calculate_table_style {
    width: 100%;
    background-color: #F7F4ED;
    margin: 0 0 25px;
}

.calculate_table_style th {
    background-color: #8F6B6B;
    color: #F7F4ED;
    padding: 10px 5px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.calculate_table_style td {
    color: #8F6B6B;
    padding: 10px 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}

.calculate_total {

    padding: 0 60px 30px 0;
    border-bottom: 1px solid #8F6B6B;
    text-align: right;
}

.calculate_total span {
    color: #8F6B6B;
    font-size: 18px;
    padding: 0 75px 0 0;
    width: 160px;
    text-align: right;
    display: inline-block;
}

.calculate_total h6 {
    display: inline-block;
    color: #FF8A8A;
    font-size: 28px;
    font-weight: bold;
    width: 200px;
    text-align: right;

}

.calculate_total .discount h6 {
    color: #8F6B6B;
    font-size: 20px;
}

.calculate_btn {
    text-align: center;
    padding: 45px 0 25px;

}

.calculate_btn a {

    background-color: #735858;
    color: #F7F4ED;
    padding: 10px 25px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 4px;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
}

.calculate_btn .Cancel {
    background-color: #FF8A8A;
}

.finish_data {
    width: 100%;

}

.finish_data th {
    color: #8F6B6B;
    width: 150px;

    font-weight: bold;
    font-size: 18px;
    padding: 5px;

}

.finish_data td {
    color: #8F6B6B;

    font-size: 16px;
    padding: 5px;

}

.finish_data td .check_set {
    display: block;
    color: #FF8A8A;
    text-decoration: underline;
    cursor: pointer;
}

.other_btn {
    text-align: center;
    padding: 0 0 40px;
}

.other_btn a {
    display: block;
    color: #FF8A8A;
    text-decoration: underline;
    font-weight: bold;
    font-size: 24px;
}

.collect {
    font-size: 40px;
    color: #CCC0BC;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.collect:hover {
    color: #FF8A8A;
}

.collect_active {
    color: #FF8A8A;
}

.row_table_seat_1 {
    position: absolute;
    top: 189px;
    left: 20px;
}

.row_table_seat_2 {
    position: absolute;
    bottom: 84px;
    left: 15px;
}

.row_table_seat_3 {
    position: absolute;
    top: 256px;
    right: 20px;
}

.row_table_seat_4 {
    position: absolute;
    bottom: 85px;
    right: 20px;
}

.row_table li {
    padding: 13px 0 14px;
    font-size: 12px;
    font-weight: bold;
}

/*  */
.travel_partner_btn {
    display: inline-block;
    background-color: #F7F4ED;
    padding: 5px 15px;
    color: #8F6B6B;
    font-size: 18px;
    font-weight: bold;
    border-radius: 100px;
    border: 1px solid #735858;

    cursor: pointer;
}

.shopping_form textarea {
    border-radius: 15px;

    background-color: #F7F7F5;
}

.fix_kv {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 9999;
    top: 0;
    left: 0;
}

.fix_kvimg {
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fix_kvimg img {
    width: 100%;
}

.fix_close {
    width: 30px;
    position: absolute;
    top: -15px;
    right: -15px;
    cursor: pointer;
}

.fix_close img {
    width: 100%;
}

.member_order_table .member_table_style {
    border: 1px solid #8F6B6B;
}

.member_order_table .member_table_style th {
    background-color: initial;
    color: #8F6B6B;
    padding: 10px 5px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #8F6B6B;
}

.member_order_table .member_table_style td {

    border: 1px solid #8F6B6B;
}

.member_order_table .member_table_style .member_order_th {
    background-color: #8F6B6B;
    color: #fff;
}

.popover_order i {
    margin-right: 3px;
}

.member_form .logoin_community {
    padding: 0;

}

.footer_left_text p {
    font-size: 18px;
    color: #FF8A8A;
}

.passenger_list_fix {
    position: absolute;
    right: 15px;
    top: 10px;
}

.location_data_img {
    max-width: 80px;
    position: absolute;
    right: 15px;
    bottom: 10px;
}

.location_data_img img {
    width: 100%;
    border-radius: 5px;
}

.seat_row_1 .seat_1,
.seat_row_1 .seat_2 {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.seat_row_2 .seat_3,
.seat_row_2 .seat_4 {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.seat_row_3 .seat_1,
.seat_row_3 .seat_2 {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.seat_row_4 .seat_3,
.seat_row_4 .seat_4 {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.seat_row_5 .seat_1 {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.seat_row_6 .seat_3,
.seat_row_6 .seat_4 {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.seat_row_1 {
    position: absolute;
    top: 18.5%;
    left: 13%;
}

.seat_row_2 {
    position: absolute;
    top: 18.5%;
    right: 13%;
    padding-top: 90px;
}

.seat_row_3 {
    position: absolute;
    top: 18.5%;
    left: 13%;
}

.seat_row_4 {
    position: absolute;
    top: 14%;
    right: 13%;
    padding-top: 90px;
}

.seat_row_5 {
    position: absolute;
    top: 18.5%;
    left: 13%;
}

.seat_row_6 {
    position: absolute;
    top: 18.5%;
    right: 13%;
}

.seat_row_1 .seat_1 {
    padding-bottom: 45px;
}

.seat_row_2 .seat_3 {
    padding-bottom: 90px;
}

.seat_row_3 .seat_1 {
    padding-bottom: 45px;
}

.seat_row_4 .seat_3 {
    padding-bottom: 45px;
    position: relative;
    left: 75px;
}

.seat_row_6 .seat_3 {
    position: relative;
    left: 75px;
}

.seat_3_pd {
    margin-bottom: 90px;
}

.seat_row_6 .seat_3_pd {
    margin-bottom: 45px;
}

.seat_row_5 .seat_1_pd {
    margin-bottom: 45px;
}
.cur-year{
    border: 0;
    position: relative;
    z-index: 999999;
}
.form_style_select{
     border-radius: 100px;
    height: 45px;
    background-color: #F7F7F5;
    width: 100%;
    border: 1px solid #ced4da;
    padding: 0 10px;
}
/* .cur-year {
  -webkit-appearance: none; 
  appearance: none;
  font-size: 16px;
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.flatpickr-year-select{
    position: absolute;
    top: 7px;
    border: 0;
    right: 16%;
    z-index: 9999;
    font-size: 17px;
}
.flatpickr-current-month .flatpickr-monthDropdown-months{
    width: 80px;
}
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
} */
/*  */
@media (max-width: 1600px) {
    .map_item {
        transform: scale(0.8);
    }

    .map_item_2 {
        position: absolute;
        top: 40%;
        left: 7vw;
    }

    .map_item_4 {
        position: absolute;
        top: 69%;
        left: 8vw;
    }

    .decorate_5 {
        width: 239px;
        position: absolute;
        right: 15.5vw;
        top: -24px;
    }
}

@media (max-width: 1440px) {
    .map_item {
        transform: scale(0.7);
    }

    .map_item_5 {
        position: absolute;
        top: 1%;
        left: -8vw;
    }

    .decorate_5 {
        width: 239px;
        position: absolute;
        right: 11vw;
        top: -23px;
    }
}

@media (max-width: 1280px) {

    .slogan {
        display: none;
        width: 300px;
        top: 20px;
        left: 15px;
        position: relative;
    }

    .index_recommend_gray {
        background-color: #F7F7F5;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 95%;
        -webkit-border-top-left-radius: 50px;
        -moz-border-radius-topleft: 50px;
        border-top-left-radius: 50px;
    }

    .decorate_3 {
        position: absolute;
        bottom: 35px;
        left: 65px;
        width: 100px;
    }

    .decorate_3 img {
        width: 100%;
    }
}

@media (max-width: 1170px) {}

@media (max-width: 1131px) {}

@media (max-width: 992px) {
    .location_data_img {
        max-width: inherit;
        position: inherit;
        right: inherit;
        bottom: inherit;
        width: 100%;
        padding: 10px 0 0;
    }

    .location_line {
        padding: 10px 0;
    }

    .location_data {
        font-size: 16px;
        font-weight: bold;
        color: #8F6B6B;
        padding: 0;
    }

    .calculate_total {
        padding: 0;
        border-bottom: 1px solid #8F6B6B;
        text-align: right;
    }

    .fix_close {
        width: 30px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }

    .fix_kvimg {
        padding: 15px;
        max-width: initial;
        width: 100%;
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .shopping_data_img {
        width: 100%;
        border-radius: 15px;
        overflow: hidden;
        margin: 0 0 25px;
    }

    .again_btn {
        display: block;
        background-color: #E9F6F7;
        padding: 10px 15px;
        color: #8F6B6B;
        font-size: 18px;
        font-weight: bold;
        border-radius: 100px;
        position: relative;
        right: inherit;
        top: inherit;
        cursor: pointer;
        margin: 0 0 15px;
        text-align: center;
    }

    .step {
        font-size: 0;
        margin: 30px auto;
        padding: 0;
        width: 100%;
        text-align: center;
        position: relative;
    }

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
        padding: 5px;
    }

    .flexslider .slides img {
        width: 100%;
        display: block;
        border-radius: 5px;
    }

    .flexslider {
        margin: 0 0 0px;
    }

    .slider {
        padding: 0;
    }

    .flex-control-thumbs img {
        border-radius: 5px;
    }

    .travel_records_right h4 {
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 4px;
        color: #8F6B6B;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        white-space: normal;
        height: 45px;
    }

    .travel_records_right span {
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0px;
        color: #8F6B6B;
    }

    .travel_records_row {
        width: 100%;
        background-color: #F7F7F5;
        padding: 15px;
        border-radius: 15px;
        margin: 0 0 25px;
    }

    .location_map_list {
        height: inherit;
        overflow-y: inherit;
    }

    .location_btn {
        display: inline-block;
        background-color: #FF8A8A;
        padding: 5px 45px;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        border-radius: 100px;
        width: 100%;
    }

    .location_map_box {}

    .travel_records_list {
        height: 400px;
        overflow-y: auto;
        margin: 0 0 20px;
    }

    .location_map_box iframe {
        width: 100%;
        height: 400px;
    }

    .location_map {
        padding: 15px;
        background-color: #E9F6F7;
        width: 100%;
        border-radius: 45px;
        margin: 0 0 40px;
    }

    .member_table_style {
        width: 100%;
        background-color: #F7F4ED;
        margin: 0 0 25px;
        border: 1px solid #8F6B6B;
    }

    .table_dk {
        display: none;
    }

    .table_mo {
        display: block;
    }

    .logoin_row {
        padding: 100px 30px 0px;
        background-color: #fff;
        width: 100%;
    }

    .article {
        max-width: 980px;
        margin: 0 auto;
        padding: 0 0 40px;
    }

    .article_data {
        color: #FF8A8A;
        font-size: 25px;
        font-weight: bold;
    }

    .article_top h2 {
        color: #735858;
        font-size: 43px;
        font-weight: bold;
    }

    .default_date {
        font-size: 24px;
        color: #8F6B6B;
        font-weight: bold;
        position: relative;
        margin: 15px 0 0;
    }

    .bulletin_top {
        width: 100%;
        background-color: #F7F7F5;
        padding: 25px;
        border-radius: 15px;
        margin: 15px 0 45px;
    }

    .pg_top {
        padding: 70px 0 0;
    }

    .footer_right li a {
        display: block;
        width: 90%;
        margin: 0 auto;
        font-size: 16px;
        color: #8F6B6B;
        font-weight: bold;
        padding: 5px 0;
        text-align: center;
        background-color: #F7F4ED;
        border: 2px solid #8F6B6B;
        border-radius: 50px;
    }

    .index_step_red {
        padding: 30px 0 30px;
        background-color: #F9D8CD;
    }

    .index_step_row {
        padding: 0px 0 0;
    }

    .index_step_icon {
        position: absolute;
        left: -25px;
        top: -15px;
        width: 80px;
    }

    .index_step_icon img {
        width: 100%;
    }

    .index_step_dk {
        display: none;
    }

    .index_step_mo {
        display: block;

    }

    .index_step_item {
        width: 290px;
        background-color: #F7F7F5;
        padding: 30px;
        border-radius: 10px;
        position: relative;
        float: left;
        margin-left: 40px;
        margin-top: 30px;
    }

    .index_step_carousel .item {
        padding: 40px;
    }

    .swiper-slide {

        border-radius: 40px;
    }

    .map_item_bottom {
        padding-left: 0;
    }

    .map_item_title {
        width: 100%;
        border-bottom: 1px solid #8F6B6B;
        display: flex;
        align-items: center;
        padding-left: 0;
    }

    .index_map_list {
        padding: 35px 0 20px;
        margin: 0;
    }

    .map_item {
        transform: inherit;
    }

    .index_map_bg {
        background-color: #E9F6F7;
        padding: 20px 0;
        background-image: url(../img/wave.png), url(../img/wave.png), url(../img/wave.png);
        background-repeat: no-repeat;
        background-position: 21% 36%, 77% 10%, 83% 70%;
        position: relative;
        margin: 0px 0 20px;
    }

    .index_map {
        display: none;
    }

    .index_map_mo {
        display: block;
        background-image: url(../img/tw_m.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

    .decorate_5 {
        width: 80px;
        position: absolute;
        right: 15px;
        top: 22px;
    }

    .decorate_4 {
        width: 35px;
        position: relative;
        right: inherit;
        top: inherit;
        margin: 0 auto;
        display: none;
    }

    .index_search_title {
        background-image: url(../img/ears_m.png);
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    .menu_footer {
        text-align: center;
        padding: 10px 0;
    }

    .menu_footer_row {
        text-align: center;
    }

    .core-nav .wrap-core-nav-list .core-nav-list .menu_footer a {
        display: inline-block;
        width: initial;
        color: #8F6B6B;
        font-weight: bold;
        font-size: 18px;
    }

    .menu_footer_row span {

        width: initial;
        color: #8F6B6B;
        font-weight: bold;
        display: inline-block;
        font-size: 18px;
    }

    .core-nav .wrap-core-nav-list .core-nav-list .mo {
        display: block;
    }

    .index_hot {
        padding: 0;
        position: relative;
    }

    .index_recommend_tag {
        padding: 10px 0;
    }

    .tag_row {
        display: inline-block;
        padding: 2px 10px;
        border: 2px solid #8F6B6B;
        border-radius: 50px;
        font-size: 14px;
        font-weight: bolder;
        color: #8F6B6B;
        margin: 0 0 5px;
    }

    .slogan {
        display: inline-block;
        width: 300px;
        top: 20px;
        left: 50px;
        position: relative;
        display: none;
    }

    .menu_icon {
        display: inline-block;
        width: 30px;
    }

    .menu_icon img {
        width: 100%;
    }

    .menu_text {
        color: #8F6B6B;
        font-weight: bold;
        display: inline-block;
        font-size: 18px;
    }

    .fix_right {
        position: fixed;
        right: 15px;
        top: 10%;
        z-index: 9999;
        text-align: center;
        display: none;
    }

    .bg_red {
        background-color: #F9D8CD;
        padding: 15px 0 25px;
    }

    .kv_row {
        padding: 80px 0 25px;
    }

    .index_search {
        padding: 0px 0 45px;
    }

    .index_search_row {
        width: 100%;
        background-color: #F7F7F5;
        padding: 20px;
        border-radius: 30px;
    }

    .index_search_item {

        padding: 0 0 15px;
    }

    .index_search_item h4 {
        flex: 0 0;
        flex-basis: 65px;
        font-size: 21px;
        font-weight: bold;
        color: #8F6B6B;
        text-align: left;
    }

    .h2 {
        color: #8F6B6B;
        font-size: 32px;
        font-weight: bold;
    }

    .title_style h2 {
        padding: 10px 0;
        color: #8F6B6B;
        font-size: 32px;
        font-weight: bold;
    }

    .title_style::before {
        content: " ";
        width: 17px;
        height: 44px;
        background-image: url(../img/title_icon.png);
        position: absolute;
        margin: 0 auto;
        top: 8px;
        left: 0;
    }

    .title_hot {
        position: absolute;
        display: inline-block;
        background-color: #95E5CA;
        color: #8F6B6B;
        font-weight: bold;
        font-size: 32px;
        right: 0;
        top: 0;
        padding: 24px 25px 23px;
        -webkit-border-top-left-radius: 15px;
        -webkit-border-top-right-radius: 15px;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topright: 15px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        display: none;
    }

    .index_recommend_gray {
        background-color: #F7F7F5;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        -webkit-border-top-left-radius: 50px;
        -moz-border-radius-topleft: 50px;
        border-top-left-radius: 50px;
    }

    .index_recommend_bg {
        position: relative;
        margin: 0px 0 0;
        padding: 20px 0 0;
    }

    .index_search_left input[type="checkbox"]+label {
        display: inline-block;
        border: 1px solid #8F6B6B;
        color: #8F6B6B;
        border-radius: 50px;
        cursor: pointer;
        padding: 5px 15px;
        font-size: 16px;
        font-weight: bold;
        margin-right: 0px;
    }

    .index_search_btn img {
        max-width: 90px;
        display: inline-block;
        margin: 0 auto;
    }

    .decorate_3 {
        position: absolute;
        bottom: 35px;
        left: 65px;
        display: none;
    }

    .index_group_date {
        font-size: 25px;
        color: #8F6B6B;
        font-weight: bold;
        position: relative;
        margin: 0 0 15px;
    }

    .index_search_btn a {
        background-color: #FF8A8A;
        color: #fff;
        display: inline-block;
        padding: 5px 20px;
        border-radius: 50px;
        font-size: 18px;
        font-weight: bold;
        margin: 0 10px 0;
    }

    .index_group_date span {
        font-size: 16px;
        padding: 5px 10px;
        border-radius: 5px;
        display: inline-block;
        border: 2px solid #8F6B6B;
        line-height: 1.5;
        font-weight: bolder;
        position: absolute;
        top: 0px;
        right: 0;
    }

    .index_group_price h4 {
        color: #8F6B6B;
        font-size: 26px;
        font-weight: bolder;
    }

    .index_group_carousel .item {
        padding: 0 20px;
    }

    .index_group .owl-prev {
        width: 19px;
        position: absolute;
        top: 50%;
        left: -15px;
        border: 0;
        outline: none;
    }

    .index_group .owl-next {
        width: 19px;
        position: absolute;
        top: 50%;
        right: -15px;
        border: 0;
        outline: none;
    }

    .index_group_item::after {
        content: " ";
        display: block;
        width: 20px;
        height: 30px;
        background-color: #f9d8cd;
        border-top: 2px solid #8F6B6B;
        border-bottom: 2px solid #8F6B6B;
        border-left: 2px solid #8F6B6B;
        -webkit-border-top-left-radius: 50px;
        -webkit-border-bottom-left-radius: 50px;
        -moz-border-radius-topleft: 50px;
        -moz-border-radius-bottomleft: 50px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        position: absolute;
        top: 59%;
        right: -2px;
    }

    .index_group_item::before {
        content: " ";
        display: block;
        width: 20px;
        height: 30px;
        background-color: #f9d8cd;
        border-top: 2px solid #8F6B6B;
        border-bottom: 2px solid #8F6B6B;
        border-right: 2px solid #8F6B6B;
        -webkit-border-top-right-radius: 50px;
        -webkit-border-bottom-right-radius: 50px;
        -moz-border-radius-topright: 50px;
        -moz-border-radius-bottomright: 50px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        position: absolute;
        top: 59%;
        left: -2px;
    }

    .map_item_title_left p {
        color: #8F6B6B;
        font-weight: bold;
        flex-grow: 2;
        font-size: 30px;
        margin: 0;
        padding: 0;
        padding-left: 15px;
        text-align: center;
    }

    .map_item_title_left h4 {
        /* flex: 0 0; */
        flex-basis: 105px;
        text-align: left;
        color: #8F6B6B;
        font-size: 21px;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }

    .map_item_row h3 {
        flex-grow: 2;
        padding-left: 15px;
        font-size: 19px;
        color: #8F6B6B;
        font-weight: bold;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .footer_left {
        display: block;
    }

    .footer_left_img {
        flex: initial;
        flex-basis: initial;
        width: 100px;
        margin: 0 auto;
    }

    .footer_left_img img {
        width: 100%;
    }

    .footer_left_text {
        flex-grow: 2;
        color: #8F6B6B;
        font-size: 18px;
        font-weight: bold;
        padding: 15px 0;
        text-align: center;
    }

    .footer_right li {
        display: inline-block;
        width: 50%;
        text-align: center;
        margin: 0 0 10px;
    }

    .footer_community {
        text-align: center;
        padding: 0 0 15px;
    }

    .copyright {
        font-size: 14px;
        color: #8F6B6B;
        text-align: center;
    }

    .tag_row_active {
        background-color: #8F6B6B;
        color: #fff;
    }

    .index_map_btn {
        text-align: center;
    }

    .index_hot_row {
        padding: 20px 0;
    }

    .seat_table {
        width: 130px;
        font-size: 0;
        margin: 0;
    }

    .driver {
        display: none;
    }

    .seat_btn .booked {
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 0;
        text-align: center;
        background-color: #CCC0BC;
        cursor: no-drop;
        min-height: inherit;
    }

    .seat_1 {
        position: absolute;
        top: 5%;
        left: 5%;
    }

    .seat_2 {
        position: absolute;
        bottom: 20%;
        left: 5%;
    }

    .seat_3 {
        position: absolute;
        top: 14%;
        right: 5%;
    }

    .seat_4 {
        position: absolute;
        bottom: 20%;
        right: 5%;
    }

    .member_table_style th {
        background-color: #8F6B6B;
        color: #F7F4ED;
        padding: 10px 5px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        width: 100px;
    }

    .itinerary_block {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        border-radius: 15px;
        background-color: #F7F7F5;
        padding: 10px;
    }

    .itinerary_text {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        color: #735858;
        position: initial;
        left: inherit;
        top: inherit;
        transform: inherit;
    }

    .itinerary_text small {
        display: initial;
        font-size: 18px;
        font-weight: bold;
    }

    .itinerary_text br {
        display: none;
    }

    .itinerary_item h4 img {
        text-align: center;
        display: inline-block;
        margin: 0 10px 0 0;
        max-width: 100%;
        vertical-align: top;
    }

    .itinerary_item h4 {
        text-align: left;
        font-size: 18px;
        font-weight: bold;
        color: #FF8A8A;
    }

    .search_row {
        width: 100%;
        background-color: #F7F7F5;
        padding: 25px 15px;
        border-radius: 25px;
        margin: 0 0 25px;
    }

    .search_item h4 {
        flex: 0 0;
        flex-basis: 65px;
        font-size: 21px;
        font-weight: bold;
        color: #8F6B6B;
        text-align: left;
    }

    .search_left input[type="checkbox"]+label {
        display: inline-block;
        border: 1px solid #8F6B6B;
        color: #8F6B6B;
        border-radius: 50px;
        cursor: pointer;
        padding: 5px 15px;
        font-size: 16px;
        font-weight: bold;
        background-color: #F7F4ED;
        margin-right: 0px;
    }

    .search_item {
        display: flex;
    }

    .finish_data th {
        color: #8F6B6B;
        width: 150px;
        font-weight: bold;
        font-size: 18px;
        padding: 5px;
        display: block;
    }

    .finish_data td {
        color: #8F6B6B;
        font-size: 16px;
        padding: 5px;
        display: block;
    }

    .member_order_table .member_table_style .member_order_th {
        background-color: #8F6B6B;
        color: #fff;
        display: table-cell;
    }

    .member_order_table .member_table_style th {
        background-color: initial;
        color: #8F6B6B;
        padding: 10px 5px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        border: 1px solid #8F6B6B;
        display: table-cell;
    }

    .member_order_table .member_table_style td {
        border: 1px solid #8F6B6B;
        display: table-cell;
    }

    .shopping_form {
        background-color: #F7F4ED;
        border-radius: 23px;
        padding: 15px;
        margin: 0 0 30px;
    }

    .member_row .default_tab a {

        padding: 5px 15px;

        font-size: 16px;

    }

    .fix_kvimg {
        padding: 15px;
        max-width: initial;
        width: 100%;
        position: absolute;
        top: 35%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .index_step_btn {
        text-align: center;
        padding: 25px 0 0;
    }

    .member_decorate1 {
        width: 77px;
        position: absolute;
        left: 18px;
        bottom: -15px;
    }

    .member_decorate2 {
        width: 27px;
        position: absolute;
        right: 17px;
        bottom: -14px;
    }

    .travel_btn {
        display: inline-block;
        background-color: #F7F4ED;
        padding: 5px 15px;
        color: #8F6B6B;
        font-size: 18px;
        font-weight: bold;
        border-radius: 100px;
        border: 1px solid #735858;
        position: absolute;
        right: 0;
        top: 10px;
        cursor: pointer;
    }

    .location_map_nav span {
        font-size: 18px;
        font-weight: bold;
        color: #FF8A8A;
        display: block;
        position: relative;
        right: inherit;
        top: inherit;
    }

    .article_tag a {
        display: inline-block;
        border: 2px solid #8F6B6B;
        color: #8F6B6B;
        border-radius: 50px;
        cursor: pointer;
        padding: 3px 10px;
        font-size: 12px;
        font-weight: bold;
        background-color: #F7F4ED;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .edit {
        padding: 0px 0 30px;
    }

    .seat_row_1 {
        position: absolute;
        top: 13%;
        left: 10%;
    }

    .seat_row_2 {
        position: absolute;
        top: 13%;
        right: 10%;
        padding-top: 90px;
    }

    .seat_row_3 {
        position: absolute;
        top: 13%;
        left: 10%;
        ;
    }

    .seat_row_4 {
        position: absolute;
        top: 13%;
        right: 10%;
        padding-top: 45px;
    }

    .seat_row_5 {
        position: absolute;
        top: 13%;
        left: 10%;
        ;
    }

    .seat_row_6 {
        position: absolute;
        top: 13%;
        right: 10%;
    }
    .seat_row_6 .seat_3 {
    position: relative;
    left: 65px;
}
.bus_3 .seat_3 {
    width: 65px;
}
}
@media (max-width:400px) {
    .seat_row_3 {
        position: absolute;
        top: 5%;
        left: 5%;
        transform: scale(0.8);
    }
    .seat_row_4 {
        position: absolute;
        top: 11.5%;
        right: 5%;
        padding-top: 0;
        transform: scale(0.8);
    }
        .seat_row_5 {
        position: absolute;
        top: 8%;
        left: 5%;
        transform: scale(0.8);
    }
    .seat_row_6 {
        position: absolute;
        top: 8%;
        right: 5%;
        transform: scale(0.8);
    }
        .seat_row_1 {
        position: absolute;
        top: 5%;
        left: 5%;
        transform: scale(0.8);
    }
    .seat_row_2 {
        position: absolute;
        top: 5%;
        right: 5%;
        padding-top: 90px;
        transform: scale(0.8);
    }
}