* {
    box-sizing: border-box;
}

/* ----- font css  ----- */
@font-face
{
    font-family:'Inter';
    src:url('../fonts/Inter/Inter.ttf');
}
@font-face
{
    font-family:'Space Grotesk';
    src:url('../fonts/Space_Grotesk/SpaceGrotesk-VariableFont_wght.ttf');
}

html {
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 100%;
}

body {
    width: 100vw;
    height: 100vh;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    font-weight: 400;
    line-height: 16px;
    background-color: #F5F5F5;

    /* -webkit-transition: width 0.45s ease-in-out;
    -moz-transition: width 0.45s ease-in-out;
    -o-transition: width 0.45s ease-in-out;
    transition: width 0.45s 1s ease-in-out; */
}

body, select, input {
    font-family: 'Inter','Microsoft JhengHei'
}

a {
    text-decoration: none;
}
.mobile_menu{display: none;}
#mainSlider .banner{
    width: 100%;
    padding-top: 748px;
    background-repeat: no-repeat;
    background-position: center 80%;
    background-size: cover;
}
#mainSlider .banner.sp1{}
#mainSlider .banner.sp1{}
#mainSlider .banner.sp1{}
.intro_slider_mobile{display:none;}
.main_menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 80px;
    height: 100px;
    position: fixed;
    top: 0;
    background-color: #FFFFFF;
    z-index: 10;
}
.main_menu a{color: #1E1E1E;}
.main_menu li:hover{opacity: 1;}
.main_menu .logo{display: flex;align-items: center;}
.main_menu .front{width: 110px;margin-right: 16px;}
.main_menu .logo a:first-child{
    display:flex;
}
.main_menu .logo a:first-child:after{
    content:'';
    display: block;
    height: 24px;
    width:1px;
    background-color:#D9D9D9;
    margin-top: 10px;
}
.main_menu .behind{width: 165px;margin-left: 16px;}
.main_menu menu{
    padding: 0;
    list-style: none;
    margin: 0;
    color: #1E1E1E;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    height: 32px;
}
.main_menu menu li:first-child{margin-left: 0;}
.main_menu menu li{
    padding: 8px;
    margin-left: 14px;
    display: flex;
    align-items: center;
}
i.lang{display: inline-block;width: 22px;height: 16px;background-image: url('../images/Globe.svg');background-size: 16px;background-repeat: no-repeat;background-position: center;position: relative;top: 2px;margin-right: 8px;margin-left: 20px;}
.btn { 
    background: #0C3CC7;border: 1px #0C3CC7 solid;color: #D6EFFF;
    font-size: 16px;font-family: Inter;font-weight: 400;line-height: 16px;border-radius: 8px;padding: 12px;display: inline-flex;align-items: center;cursor: pointer;}
.btn::after{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../images/arrow_outward_lighter.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    margin-left: 8px;
}
.btn:hover {
    background: #143A9B;
}
.dark .btn{ color: #143A9B;background: #D6EFFF;border: 1px #D6EFFF solid;  }
.dark .btn::after{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../images/arrow_outward.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    margin-left: 8px;
}
.dark .btn:hover {background: #89C7FF;}
.main{width:100%;margin-top:100px;}
.content{display: flex;}
.divider{background-image: url('../images/Decor.svg');background-repeat: no-repeat;height: 12px;}
section{
    padding: 80px;
    position: relative;
}
.travel .content{display: flex;}
.travel .intro{
    width: 628px;
    position: relative;
    margin-right: -72px;
    z-index: 2;
}
.travel .intro h1{
    color: #1E1E1E;
    font-size: 87px;
    font-family: Space Grotesk;
    font-weight: 600;
    line-height: 105.60px;
    word-wrap: break-word;
    position: relative;
    margin: 0;
    margin-bottom: 48px;
    /* width: 650px; */
    width:767px;
}

.travel .introKr h1{
    font-size: 73px;
}

.travel .intro h1 strong{display:inline-block;position: relative;}
.travel .intro h1 strong:after{
    content:'';
    height:36px;
    position:absolute;
    top:72px;
    left:0;
    background-color:rgba(112, 255, 246, 1);
    width: 100%;
    z-index:-1;
}
.travel .intro .intor{
    padding: 24px;
    padding-left: 0;
    border-radius: 40px;
    background-color: rgba(245, 245, 245, 1);
    display: flex;
    position: relative;
    z-index: 10;
    margin-top: 24px;
}
.travel .intro .intor p{
    color: #1E1E1E;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.40px;
    word-wrap: break-word;
    margin: 0;
    width: 50%;
}
.travel .intro .intor p:last-child{
    margin-left: 24px;
}
.intro_slider{
    width: calc( 100% - 556px);
    position: relative;
    z-index: 1;
    flex: 0 0 calc( 100% - 628px);
    margin-left: 0px;
}
.intro_slider_block{
    width: 100%;
    border-radius: 40px;
    overflow: hidden;
}
.intro_slider .swiper-slide img{
    width: 100%;
}
.intro_slider .left{
    color: #1E1E1E;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 22.40px;
    word-wrap: break-word;
    padding: 12px 16px;
    display: block;
    width: 278px;
    border-radius: 0px 16px 16px 16px;
    position: absolute;
    top: 30%;
    left: -16px;
    z-index: 3;
    background: rgba(255, 255, 255, 0.88);
}
.intro_slider .right{
    color: #F3F3F3;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 22.40px;
    word-wrap: break-word;
    background-color: rgba(12, 60, 199, 0.88);
    padding: 12px 16px;
    display: block;
    width: 258px;
    border-radius: 16px 0px 16px 16px;
    position: absolute;
    top: 44%;
    right: -16px;
    z-index: 3;
}

.dark{background: #383838;}

.bg_vender{
    width: 100vw;
    height: 56px;
    background-repeat: no-repeat;
    
}
.bg_vender.top{
    background-image: url('../images/TopVector.svg');
    background-size: 100vw 150%;
}
.bg_vender.bottom{
    background-image: url('../images/BottomVector.svg');
    background-size: 100vw;
    background-position-y: -8px;
}

.heading{
    flex: 0 33.3333%;
    margin-right: 32px;
}
.heading.full{
    flex: 0 100%;
    margin-right: 0;
}

label.arrow{
    color: #1451FF;
    font-size: 24px;
    font-family: Inter;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 28.80px;
    display: flex;
    align-items: center;
}
label.arrow::before{
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('../images/arrow_circle_right_blue.svg');
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center;
    margin-right: 8px;
}
.dark label.arrow{
    color: #89C7FF;
}
.dark label.arrow::before{
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url('../images/arrow_circle_right.svg');
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center;
    margin-right: 8px;
}

.heading .title h2{
    color: #1E1E1E;
    font-size: 48px;
    font-family: Space Grotesk;
    font-weight: 700;
    line-height: 62.40px;
    margin: 16px 0 24px 0;
}

.heading .title p{
   color: #757575;
   font-size: 16px;
   font-weight: 400;
   line-height: 22.4px;
}
.dark.heading .title p{ color: rgba(255, 255, 255, 0.70);}
.dark .heading .title h2{
    color: white;
}
.toggle_result{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.toggle_result.close{
    height: 21vw;
    overflow-y: hidden;
}

.toggle_result a{
    margin-bottom: 16px;
    display: flex;
    flex: 0 calc((100% - 16px)/2 );
    cursor: pointer;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.toggle_result .card{
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding-top: 33.3333%;
}
.toggle_result .card span{
    position:absolute;
    color: white;
    font-size: 24px;
    font-family: Inter;
    font-weight: 600;
    line-height: 28.80px;
    left: 16px;
    bottom: 8px;
    z-index: 2;
}
.toggle_result .card::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 80%;
    background: linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, #1E1E1E 100%);
    opacity: 1;
    bottom: 0;
    left: 0;
}
.toggle_result a:hover .card::before{
    content: '';
    height: 100%;
    background: linear-gradient(180deg, rgba(30, 30, 30, 0) 0%, #1E1E1E 100%)
}
.toggle_result a:hover .card span{ color: #D6EFFF;}
.toggle_result .card img{width:100%;}
.toggle_item .show_more{
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 92px;
    background: linear-gradient(180deg, rgba(56, 56, 56, 0) 0%, #383838 70%);
    position: relative;
    top: -71px;
    z-index: 2;
    margin-bottom: -62px;
}
.toggle_item .show_more .more_btn{
    border-style: none;
    padding: 12px;
    background: #383838;
    border-radius: 8px;
    color: #E3E3E3;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 16px;
    border: 1px #444444 solid;
    cursor: pointer;
}
.toggle_item .show_less{
    display: none;
}
.less_btn{
    border: none;
    color: #303030;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 16px;
    padding: 12px;
    background: #F5F5F5;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 24px;
}
section .title_area{
    flex: 0 33.3333%;
    margin-right: 32px;
    z-index: 3;
}
section .title_area label{
    font-family: Space Grotesk;
    font-weight: 700;
    line-height: 62.40px;
}
section .title_area .title h2{
    font-size: 48px;
    font-family: Space Grotesk;
    font-weight: 700;
    line-height: 62.40px;
    word-wrap: break-word;
    margin: 0;
}
section .title_area .title p{
   font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 22.40px;
    word-wrap: break-word
}
.bg-type2{background-image: url('../images/cuisineDecor.svg');background-repeat: no-repeat;background-position: right bottom;}
.area-bg1{background-image: url('../images/area_bg1.svg');background-repeat: no-repeat;background-position: left 21%;}
.bg-type4{background-image: url('../images/bg-type4.svg');background-repeat: no-repeat;width: 70px;height: 42px;position: absolute;right: -20px;top: -30px;}
.bg-type5{background-image: url('../images/bg-type5.svg');background-repeat: no-repeat;width: 120px;height: 109px;position: absolute;z-index: -1;left: 2%;top: 18px;}
.bg-type6{background-image: url('../images/bg-type6.svg');background-repeat: no-repeat;width: 180px;height: 232px;position: absolute;z-index: -1;left: 28%;top: 90px;}
.bg-type7{background-image: url('../images/bg-type7.svg');background-repeat: no-repeat;width: 39px;height: 42px;position: absolute;z-index: 2;left: 30%;top: 46px;}
.bg-type8{background-image: url('../images/bg-type8.svg');background-repeat: no-repeat;width: 190px;height: 190px;position: absolute;z-index: 1;left: 26%;top: -8px;}
.bg-type9{background-image: url('../images/bg-type9.svg');background-repeat: no-repeat;width: 176px;height: 154px;position: absolute;z-index: -1;left: 54%;top: 45px;}
.bg-type10{background-image: url('../images/bg-type10.svg');background-repeat: no-repeat;width: 90px;height: 85px;position: absolute;z-index: -1;left: 62%;top: 220px;}

.dark{background-color: #383838;}
.dark .title h2{color: white;}
.dark .title p{color: rgba(255, 255, 255, 0.70);}
.col-with{
    flex: 0 calc( 66.666% - 24px);
}
.street_area{
    display: flex;
    flex-wrap: wrap;
}
.street_area h4{
    color: white;
    font-size: 24px;
    font-weight: 600;
    line-height: 28.80px;
    margin: 0;
    margin-bottom: 24px;
    width: 100%;
    flex: 0 0 100%;
}
.street_area .img_block{
    width: 280px;
    border-radius: 16px 0 0 16px;
    overflow: hidden;
}
.street_area .img_block img{
    width: 100%;height: 100%;
}
#Gifting .street_Item{width: 100%;}
.street_Item{display: flex;width: 100%;}
.street .street_info{
    background-color: #1E1E1E;
    flex: 0 0 calc( 100% - 280px);
    padding: 24px;
    border-radius: 0 16px 16px 0;
}
.street .street_info label{
    color: #D6EFFF;
    font-size: 24px;
    font-family: Inter;
    font-weight: 600;
    line-height: 28.80px;
    word-wrap: break-word;
}
.street .street_info p{
    color: white;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 22.40px;
    word-wrap: break-word;
}
.street .street_galary{
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin-top: 32px;
    /* border-radius: 18px; */
}
.street .street_galary .img_block{
    width: 92px;
    cursor: pointer;
    position: relative;
    border-radius: initial;
    border: 1px solid #383838;
    box-sizing: border-box;
}

.street .street_galary .img_block.active::before{
    content: '';
    background: linear-gradient(180deg, rgba(214, 239, 255, 0) 0%, #1451FF 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.street .street_galary .img_block.active::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('../images/check.svg');
    background-position: center;
    background-size: 42px;
    background-repeat: no-repeat;
    left: 0;
    z-index: 2;
}

.street .street_galary.food{border-radius:18px;}
.street .street_galary.food .img_block{width: calc( (100%)/9 );}
.street .street_galary.food .img_block img{object-fit: cover;height: 100%;}

.street .street_galary.gift{border-radius:18px;}
.street .street_galary.gift .img_block{width: calc( (100%)/6 );}
.street .street_galary.gift .img_block img{object-fit: cover;height: 100%;}

.group_tours{
    display: flex;
}
.group_tours .tour{
    flex: 0 0 calc( (100% - 24px)/2);
}
.group_tours .tour:first-child{margin-right: 24px;}
.group_tours .tour label{
    color: #1E1E1E;
    font-size: 24px;
    font-family: Inter;
    font-weight: 600;
    line-height: 28.80px;
    display: block;
}
.group_tours .tour span{
    color: #1E1E1E;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 22.40px;
    display: inline-block;
    margin: 16px 0;
    height: 68px;
}
.group_tours .tour img{
    width: 100%;
    margin-bottom: 16px;
}

.tw_excellence{
    display: flex;
    position: relative;
    z-index: 3;
    width: 33.3333%;
}
.tw_excellence .info_block{
    flex: 0 0 100%;
}
.col-front-with .info p{
    color: rgba(255, 255, 255, 0.70);
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 22.40px;
    margin-top: 0;
}
.tw_excellence .info_img img{
    width: 100%;
    margin-bottom: 32px;
}

.tw_position{
    background-image: url('../images/TwMap.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    flex: 0 33.3333%;
    margin-right: 32px;
    padding-top: 40%;
    max-height: 468px;
    overflow: hidden;
    position: relative;
}
.attract{
    /* flex-wrap: wrap; */
}
.attract .heading{
    flex: 0 100%;
    margin-right: 0;
    display: flex;
    margin-bottom: 64px;
}
.attract .heading .title{margin-right: 24px;flex: 0 0 33.33%;}
.attract .heading .title h2{
    margin: 0;
    margin-top: 16px;
}
.attract .heading  p{
    color: #757575;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 22.40px;
    word-wrap: break-word;
    margin-top: 56px;
    margin-bottom: 0;
    flex: 0 50%;
}
.attract .info{
    display: flex;
}
.tw_position a{
    color: #143A9B;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 16px;
    padding: 8px;
    background: #B6DFFF;
    border-radius: 8px;
    position: absolute;
}
.tw_position .p1{
    left: 58%;
    top: 15%;
}
.tw_position .p2{
    left: 48%;
    top: 29%;
}
.tw_position .p3{
    left: 4%;
    top: 40%;
}
.tw_position .p4{
    left: 40%;
    top: 66%;
}
.tw_position .p5{
    left: 75%;
    top: 47%;
}
.tw_position a.active,.tw_position a:hover{
    color: #D6EFFF;
    background: #0C3CC7;
}
.tw_info{
    display: flex;
}
.tw_area{
    padding: 24px 48px;
    border-radius: 24px;
    transform: rotate(-1deg);
    transform-origin: 0 0;
    background-color: white;
    background-image: url('../images/attractVector.svg');
    background-position: 82% 95%;
    background-repeat: no-repeat;
    background-size: 72%;
    flex: 1;
}
.tw_area label{
    color: #0C3CC7;
    font-size: 40px;
    font-family: Space Grotesk;
    font-weight: 700;
    line-height: 48px;
    word-wrap: break-word;
}
.tw_area p{
    color: #1E1E1E;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 22.40px;
    word-wrap: break-word;
    margin: 0;
    margin-top: 12px;
}
.tw_area_info{
    transform: rotate(1deg);
    transform-origin: 0 0;
    background: #D6EFFF;
    border-radius: 24px;
    padding: 24px 32px;
    position: relative;
    flex: 1;
}
.tw_area_info img{
    width: calc( 100% + 30px);
    margin-left: -15px;
    margin-top: -63px;
}
.tw_area_info .areaNm{
    color: #1451FF;
    font-size: 24px;
    font-family: Inter;
    font-weight: 600;
    line-height: 28.80px;
    word-wrap: break-word;
    display: block;
    margin: 12px 0;
}
.tw_area_info p{
    color: #1E1E1E;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 22.40px;
    word-wrap: break-word;
    margin: 0;
}
.lipoItem{width: 66.6667%;display: flex;}
.lipoItem .lipo_card{margin-right: 24px;width: calc( (100% - 24px)/2 );}
.lipoItem .lipo_card.second{padding-top: 32px;margin-right: 0;}
.lipoItem .lipo_card h3{
    color: #1E1E1E;
    font-size: 48px;
    font-family: Space Grotesk;
    font-weight: 700;
    line-height: 62.40px;
    word-wrap: break-word;
    margin-bottom: 24px;
}
.lipoItem .lipo_card p{
    color: #757575;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 22.40px;
    word-wrap: break-word;
    margin-bottom: 40px;
    height: 90px;
}
.lipo_list{
    width: 33.333%;
    overflow: hidden;
    margin-left: 24px;
}
.lipo_list h4{
    color: #1E1E1E;
    font-size: 24px;
    font-family: Inter;
    font-weight: 600;
    line-height: 28.80px;
    word-wrap: break-word;
}
.lipo_list button:first-child{margin-right:4px;margin-bottom: 6px;}
.lipo_list button{
    color: #434343;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 16px;
    word-wrap: break-word;
    border: none;
    padding: 8px;
    background: #E3E3E3;
    border-radius: 8px;
    cursor: pointer;
}
.lipo_list button.active{
    background: #0C3CC7;
    border-radius: 8px;
    gap: 8px;
    color: #D6EFFF;
}
.lipo_list ul{
    list-style: none;
    margin-left: 0;
    padding: 8px 16px;
    height: 35vw;
    background: white;
    border-radius: 24px;
    overflow-y: scroll;
}
.lipo_list li{
    color: #1E1E1E;
    font-size: 16px;
    font-family: Inter;
    font-weight: 600;
    line-height: 22.40px;
    word-wrap: break-word;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #DCDCDC;
    padding: 20px 0;
}
.lipo_list li a{color: #1E1E1E;}
.lipo_list li::before{content: '';width: 40px;height: 40px;background-image: url('../images/lipo_arrow.svg');display: block;margin-right: 4px;flex: 0 0 40px;}
.lipo_list li span{
    display: block;
}
.lipo_list li:last-child{border-bottom:none;}
.lipo img{width: 100%;}
/* Scrollbar Styling */
#cusScroll::-webkit-scrollbar {
    width: 10px;
}
 
#cusScroll::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#cusScroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #6d6d6d; 
}


footer{background-color: #1E1E1E;padding: 32px;}
footer .content{
    display: flex;
    width: 100%;
    max-width: 1400px;
    margin: auto;
}
.divider.bottom{
    width: 100%;
    background-position: center;
    margin-bottom: 180px;
}
footer .mt_logo{
    width:210px;
}
footer .socail{
     width:240px;
}
footer .organized{
    display: flex;
    align-items: center;
    color: white;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.60px;
    flex-wrap: wrap;
}
footer .organized span{width: 100%;} 
footer .copyright{
    color: rgba(255, 255, 255, 0.70);
    font-size: 14px;
    font-weight: 400;
    line-height: 19.60px;
    width: 100%;
    max-width: 1400px;
    margin: auto;
    margin-top: 60px;
}
footer .organized img{width: 250px;}
footer .mt_logo img{width: 124px;}
footer .footer_group{width: 50%;display: flex;align-items: center;justify-content: space-between;}

.MondeMore{margin-top: 24px;}
.col-front-with{
    display: flex;
    position: relative;
    z-index: 3;
    width: 66.6667%;
}
section .col-front-with .title_area{
    flex: 0 0 50%;
}
section .col-front-with .info{margin-right: 24px;}

.lipo_toggle_column {
    flex-direction: column;
    justify-content: space-between;
    height: 90px;
}


.dropdown {
    position: relative;
    display: inline-block;
  }

  .dropbtn {
    background-color: white;
    color: black;
    padding: 10px;
    font-size: 16px;
    border: none;
    /* border: 1px solid #ccc; */
    cursor: pointer;
    border-radius: 5px;
    display: flex;
    align-items: center;
  }

  .globe-icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    width: 216px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    /* border: 1px solid #ccc; */
    border-radius: 16px;
    margin-top: 10px;
    /* padding: 10px; */
    right:0;
    /* height: 258px; */
  }

  .dropdown-content :hover {
    opacity: 100;
  }

  .dropdown-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #444;
    color: white;
    padding: 16px 16px 16px 32px;
    font-size: 16px;
    border-radius: 16px 16px 0 0;
    height: 78px;
  }

  .close-btn {
    background-color: transparent;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
    width: 32px;
    height: 32px;
  }

  .close-btn:hover {
    background-color: #000;
    border: 1px solid #000;
    border-radius: 15px;
  }

  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }

  .dropdown-content a:hover {
    background-color: #f1f1f1;
  }

  .drop_menu {
    padding: 12px 16px 16px 16px;
  }

  .drop_menu a {
    border-radius: 10px;
  }


  .mobile_dropdown-content {
    display: none;
    position: sticky;
    background-color: white;
    width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 99;
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    margin-top: 10px;
    bottom:0;
    height: 284px;
    /* padding: 10px; */
    
  }

  .mobile_dropdown-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #444;
    color: white;
    padding: 16px 16px 16px 24px;
    font-size: 16px;
    border-radius: 16px 16px 0 0;
    height: 78px;
  }

  .mobile_close-btn {
    background-color: transparent;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
    height: 32px;
    width: 32px;
  }

  .mobile_close-btn:hover {
    background-color: #000;
    border: 1px solid #000;
    border-radius: 15px;
  }

  .mobile_dropdown-content a {
    color: black;
    padding: 8px;
    text-decoration: none;
    display: block;
  }

  .mobile_dropdown-content a:hover {
    background-color: #f1f1f1;
  }

  .mobile_drop_menu{
    padding:12px 16px 32px 16px;
  }

  .area-slider-block{width: calc( 100% + 30px);margin-left: -15px;margin-top: -8px;display: grid;grid-template-columns: 100%;}
  #areaslider{width: 100%;}
  #areaslider img{width: 100%; margin-left:0;margin-top:0;}
  #area-slider-toolbar{height: 32px; overflow: hidden;position: relative;margin-top: 12px;}
  #area-slider-toolbar .swiper-pagination{text-align: left;}
  #area-slider-toolbar .foward{}
  #area-slider-toolbar .foward div{ width: 32px;height: 32px; background-color: #0C3CC7;top: 22px;border-radius: 100%;}
  #area-next{right: 0;}
  #area-prev{ right: 42px;left: auto;}
  #area-next::after{font-size:12px;color: #D6EFFF;}
  #area-prev::after{font-size:12px;color: #D6EFFF;}
  .bg-type4{z-index: 12;}

/* mobile setting */
@media screen and (max-width: 768px){
    .intro_slider{display: none;}
        .main{
        margin-top: 60px;
        width: 100vw;
    }
    .main_menu{display: none;}
    .mobile_menu {
        display: block;
        width: 100%;
        padding: 0;
        height: 60px;
        position: fixed;
        top: 0;
        background-color: #FFFFFF;
        z-index: 10;
    }
    .mMenuItem{
        display: flex;
        height: 60px;
        justify-content: space-between;
        align-items: center;
        padding: 0 16px;
    }
    .mMenuItem .logo img{width:180px;}
    .mMenuList{
        max-height: 0;
        transition: max-height 0.15s ease-out;
        overflow: hidden;background-color: #fff;}
    .mMenuList.toggle{
        max-height: 500px;
        transition: max-height 0.25s ease-in;
    }
    .mobile_menu .icon{background-image: url('../images/MmenuToggle.svg');width: 36px;height: 36px;background-repeat: no-repeat;background-position: center;}
 
    .mobile_menu .icon.toggle{background-image: url('../images/Mmenu.svg');}
    .mobile_menu menu{
        list-style: none;
        margin: 0;
        padding: 0 16px;
    }
    .mobile_menu menu li{
        padding: 8px;
        color: #1E1E1E;
        font-size: 16px;
        font-family: Inter;
        font-weight: 400;
        line-height: 16px;
        word-wrap: break-word;
    }
    .mobile_menu menu li a{color: #1E1E1E;}
    .mobile_menu menu li i.lang{margin-left: 0;}
    .mobile_menu menu li.language{padding-top: 16px;padding-bottom: 16px;}
    .mobile_menu .prodBy{
        padding: 16px;
        border-top: 1px solid #ECECEC;
        display: flex;
        align-items: center;
    }
    .mobile_menu .prodBy span{
        color: #5A5A5A;
        font-size: 14px;
        font-family: Inter;
        font-weight: 400;
        line-height: 19.60px;
        word-wrap: break-word;
    }
    .mobile_menu .prodBy img{width: 62px;margin-left: 6px;}

    #mSlider .banner{
        width: 100%;
        padding-top: 537px;
        background-repeat: no-repeat;
        background-position: center 90%;
        background-size: cover;
    }
    .intro_slider_mobile{
        width: 100%;
        position: relative;
        z-index: 1;
        margin-left: 0px;
        display: block;
    }
    .intro_slider_mobile .swiper-slide img{
        width: 100%;
    }
    .intro_slider_mobile .left{
        color: #1E1E1E;
        font-size: 16px;
        font-family: Inter;
        font-weight: 400;
        line-height: 22.40px;
        word-wrap: break-word;
        padding: 12px 16px;
        display: block;
        width: 278px;
        border-radius: 0px 16px 16px 16px;
        position: absolute;
        top: 10%;
        left: -8px;
        z-index: 3;
        background: rgba(255, 255, 255, 0.88);
    }
    .intro_slider_mobile .right{
        color: #F3F3F3;
        font-size: 16px;
        font-family: Inter;
        font-weight: 400;
        line-height: 22.40px;
        word-wrap: break-word;
        background-color: rgba(12, 60, 199, 0.88);
        padding: 12px 16px;
        display: block;
        width: 258px;
        border-radius: 16px 0px 16px 16px;
        position: absolute;
        top: 44%;
        right: -8px;
        z-index: 3;
    }
    section{padding: 0;width: 100%;position: relative;}
    .content{display: flex;width: 100%;flex-wrap: wrap;padding: 16px;}
    .heading{flex: 0 0 100%;margin-right: 0;}
    label.arrow{font-size: 20px;line-height: 24px;}
    .heading .title h2{font-size: 32px;line-height: 41.60px;}
   .dark label.arrow::before{
        content: '';
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url('../images/arrow_circle_right.svg');
        background-repeat: no-repeat;
        background-size: 28px;
        background-position: center;
        margin-right: 8px;
    }
   label.arrow::before{
        content: '';
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url('../images/arrow_circle_right_blue.svg');
        background-repeat: no-repeat;
        background-size: 28px;
        background-position: center;
        margin-right: 8px;
    }
   
    section .title_area{flex: 0 100%;margin-right: 0;}
    .col-with{flex: 0 0 100%;flex-wrap: wrap;}
    .toggle_result a{flex: 0 0 100%;}
     /* .toggle_result .card{flex: 0 0 100%;} */
    .toggle_result.close{height: 100vw;}
        section .title_area .title h2{
        font-size: 32px;
        line-height: 41.60px;
        display: inline-block;
        padding-right: 17%;
        margin-bottom: 24px;
    }
    .street {margin-top:24px;}
    .street_area{width: 100%;}
    .street_area .img_block{width: 100%;border-radius: 16px 16px 0 0;}
    .street .street_info{flex: 0 0 100%;border-radius: 0 0 16px 16px;padding: 16px;}
    .street .street_info p{margin-bottom:0;}
    .street .street_galary{flex: 0 0 100vw;margin-left: -16px;overflow: auto;margin-bottom: 60px;}
    .street .street_galary.food,.street .street_galary.gift{border-radius:0;}
    .street .street_galary .img_block{flex: 0 0 33.3333%;}
    .attract .heading{flex-wrap:wrap;margin-bottom: 32px;padding-top: 40px;}
    .attract .heading .title{margin-right: 0;flex: 0 0 100%;}
    .attract .heading p{flex: 0 0 100%;margin-top: 24px;}
    .attract .heading p:last-child{display:none;}
    .tw_position{
        flex: 0 0 100vw;
        margin-right: 0;
        max-height: initial;
        padding-top: 100vw;
        margin-left: -16px;
    }
    .tw_area{background-image: none;padding: 24px;flex: 0 0 100%;}
    .tw_area label{font-size: 32px;line-height: 38.40px;}
    .tw_area p{margin-top: 16px;}
    .tw_area_info{margin-top: 52px;padding: 24px;flex: 0 0 100%;}
    .tw_area_info img{width: 100%;margin-left: 0;}


    #Exploring .title{}

    .travel .intro h1{
        color: #1E1E1E;
        font-size: 48px;
        line-height: 57.60px;
        width: 100%;
        margin-bottom: -24px;
        position: relative;
        z-index: 2;
    }
    .travel .divider{background-position: center;margin-top: 52px;}
    .travel .intro{width:100%;}
    .travel .intro h1 strong{font-weight: 600;}
    .travel .intro h1 strong:after{
        content:'';
        height: 18px;
        position:absolute;
        top: 35px;
        left:0;
        background-color:rgba(112, 255, 246, 1);
        /* width: 195px; */
        z-index:-1;
    }
    .street_Item{display: block;}
    .travel .intro .intor{padding: 0;display: block;}
    .travel .intro .intor p{width: 100%;margin: 0;}
    .travel .intro .intor p:last-child{margin: 0;margin-top: 24px;}
    .bg_vender.top{background-image: url('../images/TopVectorM.svg');bottom: -3px;position: relative;}
    .bg_vender.bottom{background-image: url('../images/BottomVectorM.svg');background-position-y: -17px;background-size: 120%;position: relative;top: -2px;}
    .bg-type5{left: -14%;}
    .bg-type6{left: auto;right: -22%;}
    .bg-type7{left: auto;right: 10%;}
    .bg-type8{left: auto;right: -24%;}
    .bg-type9{left: auto;top: 585px;right: -10%;}
    .bg-type10{left: auto;right: -9%;top: 744px;}

    .group_tours{display: block;width: 100%;}
    .group_tours .tour{flex: 0 0 100%;margin-top: 24px;}
    .group_tours .tour:first-child{margin-right: 0;}
    .group_tours .tour img{width: 100vw;margin-left: -16px;}
    .tw_excellence{display: block;width: 100%;}
    .tw_excellence .info_block{flex: 0 0 100%;}
    /* .tw_excellence div.info_img{margin-bottom:40px;}
    .tw_excellence div:first-child{margin-right: 0;margin-top: 24px;}
    .tw_excellence .info_img img{width: 100vw;margin-left: -16px;margin-bottom: 16px;} */

    .lipo .heading{display: block;width: 100%;flex: none;}
    .lipo .heading .title h2{font-size: 48px;line-height: 62.40px;}
    .lipo img{width: 100vw;margin-left: -16px;}
    .lipoItem .lipo_card h3{font-size: 48px;line-height: 62.40px;margin-top: 16px;margin-bottom: 24px;}
    .lipoItem.col-with{display: block;width: 100%;}
    .lipo_list{margin-left: 0;width: 100%;}
    .lipo_list .lipo_toggle{display: flex;align-items: center;justify-content: space-around;}
    .lipo_list ul{height: 480px;}
    .lipo_list button:first-child{margin:0;}
    .lipo_list h4{margin-top: 40px;margin-bottom: 16px;}
    .divider.bottom{margin-top: 52px;margin-bottom: 115px;}
    footer .mt_logo,
    footer .mt_logo img{width: 124px;}
    footer .content{padding:0;flex-wrap: wrap;align-items: center;}
    footer .socail{width: auto;}
    footer .organized{margin-top:48px;}
    footer .organized img{width: 250px;}
    footer .mt_logo img{width: 124px;}
    footer .footer_group{width: 100%;}
    .MondeMore{margin-top: 24px;}
    .col-front-with{width: 100%;flex-wrap: wrap;}
    section .col-front-with .title_area{padding-right: 0;flex: 0 0 100%;}
    .lipoItem{width: 100%;display: flex;flex-wrap:wrap;}
    .lipoItem .lipo_card{margin-right: 0;width: 100%;}
    .lipoItem .lipo_card.second{padding-top: 32px;margin-right: 0;}
    .lipoItem .lipo_card p{height:auto;margin-bottom: 24px;}

    #Enjoy .enjoy_list{display: block;margin-top: 32px;}
    #Enjoy .enjoy_list .card:nth-child(even){margin-left:0;}
    #Enjoy .title h4{margin: 24px 0 16px 0;}
}
  
/* 桌機板-平板 */
@media screen and (min-width: 768px) and (max-width: 1024px){
    .logo a:first-child{display: none;}
    section{padding: 0;width: 100%;position: relative;}
    .content{display: flex;width: 100%;flex-wrap: wrap;padding: 32px;}
    .heading{flex: 0 0 100%;margin-right: 0;}
    label.arrow{font-size: 20px;line-height: 24px;flex: 0 0 100%;}
    .heading .title h2{font-size: 32px;line-height: 41.60px;}
    #mainSlider .banner{padding-top: 643px;}
    .intro_slider{
    width: calc( 100% - 480px);
    flex: 0 0 calc( 100% - 428px);
}
   .dark label.arrow::before{
        content: '';
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url('../images/arrow_circle_right.svg');
        background-repeat: no-repeat;
        background-size: 28px;
        background-position: center;
        margin-right: 8px;
    }
   label.arrow::before{
        content: '';
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url('../images/arrow_circle_right_blue.svg');
        background-repeat: no-repeat;
        background-size: 28px;
        background-position: center;
        margin-right: 8px;
    }
   
    .content .title{display: flex;align-items: center;}
    .content .title h2{flex: 0 0 calc( (100% - 16px)/2 );margin-right: 20px;}

    section .title_area{flex: 0 100%;margin-right: 0;}
    .col-with{flex: 0 0 100%;}
    .toggle_result .card{}
    .toggle_result.close{height: 32vw;}
        section .title_area .title h2{
        display: inline-block;
        line-height: 62.40px;
        font-size: 48px;
        margin-right: 24px;
    }
    .street_area{width: 100%;flex-wrap: wrap;}
    .street_area .img_block{width: 100%;border-radius: 16px 16px 0 0;}
    .street .street_info{flex: 0 0 100%;border-radius: 0 0 16px 16px;padding: 16px;}
    .street .street_info p{margin-bottom:0;}
    .street .street_galary{flex: 0 0 calc( (100% - 24px)/2 );margin-bottom: 60px;margin-top: 0;}
    .street .street_galary .img_block{flex: 0 0 33.3333%;}
    .attract .heading{flex-wrap:wrap;margin-bottom: 32px;padding-top: 40px;}
    .attract .heading .title{margin-right: 0;flex: 0 0 100%;flex-wrap: wrap;}
    .attract .heading p{flex: 0 0 100%;margin-top: 24px;}
    .attract .heading p:last-child{display:none;}
    .tw_position{
        flex: 0 0 100%;
        margin-right: 0;
        max-height: initial;
        padding-top: 50%;
        margin-left: -16px;
        background-size: contain;
    }
    .tw_position .p1{left: 68%;top: 4%;}
    .tw_position .p2{left: 54%;top: 16%;}
    .tw_position .p3{left: 28%;top: 40%;}
    .tw_position .p4{left: 44%;top: 66%;}
    .tw_position .p5{left: 63%;top: 47%;}
    
    .tw_area{padding: 24px;}
    .tw_area label{font-size: 32px;line-height: 38.40px;}
    .tw_area p{margin-top: 16px;}
    .tw_area_info{margin-top: 52px;padding: 24px;}
    .tw_area_info img{width: 100%;margin-left: 0;}
    .travel .intro h1{
        color: #1E1E1E;
        font-size: 72px;
        line-height: 86.40px;
        width: 534px;
    }
    .travel .divider{}
    .travel .intro{width: 500px;}
    .travel .intro h1 strong:after{
        content:'';
        height: 28px;
        position:absolute;
        top: 58px;
        left:0;
        background-color:rgba(112, 255, 246, 1);
        width: 292px;
        z-index:-1;
    }
    .street_Item{display: inline-block;width: calc( (100% - 32px)/2 );margin-right: 28px;}
    #Gifting .street_Item{display: inline-block;width: calc( (100% - 32px)/2 );margin-right: 28px;}
    
    .travel .intro .intor{/* padding: 0; *//* display: block; */}
    .travel .intro .intor p{width: 100%;margin: 0;}
    .travel .intro .intor p:last-child{}
    .bg_vender.top{background-image: url('../images/TopVectorT.svg');position: relative;bottom: -3px;}
    .bg_vender.bottom{background-image: url('../images/BottomVectorT.svg');background-position-y: -17px;background-size: 120%;position: relative;top: -2px;}
    .bg-type5{left: -1%;}
    .bg-type6{top: 54px;left: 35%;}
    .bg-type7{left: auto;right: 10%;}
    .bg-type8{left: auto;right: -24%;}
    .bg-type9{left: auto;top: 0px;right: 0%;}
    .bg-type10{left: auto;right: 0%;top: 150px;}

    .group_tours{display: block;/* width: 100%; */}
    .group_tours .tour{width: calc( (100% - 24px)/2 );display: inline-block;margin-top: 24px;}
    .group_tours .tour:first-child{margin-right: 19px;}
    .group_tours .tour img{width: 100%;}

    /* .lipo .heading{display: block;width: calc( (100% - 24px)/2 );flex: none;margin-right: 24px;} */
    .lipo .heading .title h2{font-size: 48px;line-height: 62.40px;}
    .lipo img{width: 100%;margin-left: 0;}
    .lipoItem .lipo_card h3{font-size: 48px;line-height: 62.40px;}
    .lipoItem.col-with{display: block;width: 100%;}
    .lipo_list{margin-left: 0;width: 100%;}
    .lipo_list h4{margin-top: 40px;margin-bottom: 16px;}
    .divider.bottom{margin-top: 52px;margin-bottom: 115px;}
    footer .mt_logo,
    footer .mt_logo img{width: 124px;}
    footer .content{padding:0;flex-wrap: wrap;align-items: center;}
    footer .socail{width: auto;}
    footer .organized{margin-top:48px;}

    #Gifting .street{margin-top:24px;}
    .twExcellence .title_area{flex: 0 0 calc( (100% - 24px)/2 );}
    footer .footer_group{width: 100%;}
    .MondeMore{margin-top: 24px;}
    .twExcellence .content{display:flex;}
    .col-front-with{width: 50%;flex-wrap: wrap;}
    .lipoItem{width: 100%;display: flex;}
    .lipoItem .lipo_card{margin-right: 24px;width: calc( (100% - 24px)/2 );}
    .lipoItem .lipo_card.second{padding-top: 24px;margin-right: 0;}
    .lipo_list ul{height:450px}
    .main_menu{padding: 0 32px;}
    .main_menu .behind{margin-left:0}
    .main_menu .logo a:first-child{display: none;}
    .street_area h4{width: 100%;flex: 0 0 100%;}

    
    section.twExcellence .col-front-with .info{
        margin-right:0;
    }
    
    #Enjoy .title_area{flex: 0 0 calc((100% - 32px) / 2);margin-right: 32px;}
    #Enjoy .col-with{flex: 0 0 calc((100% - 32px) / 2);}
    #Enjoy .content .title{display: block;}
    #Enjoy .enjoy_list{display: block;}
    #Enjoy .enjoy_list .card:nth-child(even){margin-left:0;}
}
/* 桌機板-手機板 */
@media screen and (min-width: 1024px) and (max-width: 1120px){
   .street .street_galary.food .img_block{width: calc( (100%)/6 );}
   section{padding: 32px;}
}

@media screen and (min-width: 1200px){
    #mainSlider .banner{
        background-position: center 70%;
    }
    #mainSlider .banner.sp2{
        background-position: center 50%;
    }
}  


.imgFit{width: 100%;}
.tw_excellence div.info_block{flex: 0 0 100%;width: calc( (100% - 56px)/3 );}
.twex_slider{width: 100%;height: 424px;}
.twex_slider_block{width: 100%;}
.twEximg{ width: 100%; height: 424px;background-position:center;background-size: contain;background-color: #fff;background-repeat: no-repeat;}
.twEximgIcon{
    width:15%;
    margin:10px;
}
#twExTitle{color: #89C7FF;font-size: 24px;font-family: 'Inter';font-weight: 600;line-height: 28.80px;}
.twExcellence p.desc{
        background: rgba(255, 255, 255, 0.95);
        box-shadow: 0px 4px 4px -1px rgba(12, 12, 13, 0.05);
        color: black;
        font-size: 20px;
        font-family: Inter;
        line-height: 24px;
        padding: 12px 16px;
        border-radius: 0 16px 16px 16px;
        margin-top: 16px;
    }
    section.twExcellence .col-front-with .info{margin-right: 0;}
    .tw_excellence{margin-left: 24px;width: calc( 33.3333% - 24px );}
    #twex-slider-toolbar{display: flex;height: 32px;margin: 16px 0;}
    #twex-slider-toolbar .swiper-pagination{position: inherit;text-align: left;line-height: 32px;}
    #twex-slider-toolbar .foward{flex: 0 0 80px;display: flex;justify-content: space-between;}
    #twex-slider-toolbar .foward .swiper-button-next{
        position: inherit;
        width: 32px;
        height: 32px;
        margin-top: 0;
        background-image: url('../images/twEx-foward.svg');
        -moz-transform: scaleX(-1);
        -webkit-transform:scaleX(-1);
        -o-transform:scaleX(-1);
        transform:scaleX(-1);
    }
    #twex-slider-toolbar .foward .swiper-button-next.swiper-button-disabled{
        background-image: url('../images/twEx-foward-disabled.svg');
        -moz-transform: scaleX(1);
        -webkit-transform:scaleX(1);
        -o-transform:scaleX(1);
        transform:scaleX(1);
    }
     #twex-slider-toolbar .foward .swiper-button-next:after{content:none;}
    #twex-slider-toolbar .foward .swiper-button-prev{position: inherit;width: 32px;height: 32px;margin-top: 0;background-image: url('../images/twEx-foward.svg');}
    #twex-slider-toolbar .foward .swiper-button-prev.swiper-button-disabled{
        background-image: url('../images/twEx-foward-disabled.svg');
        -moz-transform: scaleX(-1);
        -webkit-transform:scaleX(-1);
        -o-transform:scaleX(-1);
        transform:scaleX(-1);
    }
    #twex-slider-toolbar .foward .swiper-button-prev:after{content:none;}
    #twExSlider #twex-pagination{}
    #twex-slider-toolbar .swiper-pagination-bullet{background-color: #888;}
    #twex-slider-toolbar .swiper-pagination-bullet-active{background-color: #D6EFFF;}
    /* talet setting */
    @media screen and (min-width: 768px) and (max-width: 1024px){
       section.twExcellence .col-front-with{width: 100%;flex-wrap: nowrap;}
       section.twExcellence .col-front-with .info{width: calc( (100% - 32px)/2 );/* margin-left: 32px; */}
       section .col-front-with .title_area{flex: 0 0 calc( (100% - 32px)/2 );margin-right: 32px;}
       section .col-front-with .title_area .title{display: block;}
       .tw_excellence{width: 100%;margin-left:0}
        .tw_excellence div.info_block{flex: 0 0 100%;width: 100%;}
    }
    /* mobile setting */
    @media screen and (max-width: 768px){
        section .col-front-with .title_area 
        section.twExcellence .col-front-with .title_area .title{display: block;}
        section.twExcellence .col-front-with .title_area .title p{margin: 0;}
        section.twExcellence .col-front-with .title_area .title a{margin:24px 0}
        .tw_excellence{margin-left: 0px;width: 100%;}
        .tw_excellence div.info_block{width: 100%;}
    }


    /* 2024 1130 add */
    #Enjoy{}
    #Enjoy .title h4{color: white;font-size: 24px;font-family: Inter;margin-top: 24px;margin-bottom: 16px;line-height: 28.80px;}
    #Enjoy .title .type_sort{}
    #Enjoy .title .type_sort button{
    padding: 8px;
    background: #303030;
    border-radius: 8px;
    border: none;
    color: #F3F3F3;
    font-size: 16px;
    font-family: Inter;
    font-weight: 400;
    line-height: 16px;
    margin-right: 4px;
    cursor: pointer;
    margin-bottom: 6px;
    }
    #Enjoy .title .type_sort button:hover,
    #Enjoy .title .type_sort button.active{color: #143A9B;background: #D6EFFF;}
    .enjoy_list{display: flex;flex-wrap: wrap;width: 100%;}
    .enjoy_list .card{
        min-height: 164px;/* width: calc( (100% - 24px)/2 ); */
        display: inline-block;
        border-radius: 12px;
        overflow: hidden;
        display: flex;
        margin-bottom: 16px;
        display: flex;
        flex: 0 0 calc( (100% - 24px)/2 );
        height: 164px;  /* 固定初始高度 */
    }
    .card.expanded {
        height: auto;  /* 展開後的高度可以自動調整 */
    }
    .enjoy_list .card:nth-child(even){margin-left: 16px;}
    .enjoy_list .card .img_block_bg{width: 164px;min-height: 164px;display: inline-block;background-size: cover;background-position: center;flex: 164px 0 0;}
    .enjoy_list .card p{display: inline-block;margin: 0;padding: 16px;background: #2C2C2C;color: rgba(255, 255, 255, 0.70);}
    .enjoy_list .card p label{display: block;color: white;font-size: 20px;font-weight: 600;line-height: 24px;}
    .enjoy_list .card p span{display: block;margin-top: 4px;color: rgba(255, 255, 255, 0.70);font-size: 16px;font-weight: 400;line-height: 22.40px;}
    .enjoy_list .card p a{
    color: #D6EFFF;
    font-size: 16px;
    font-family: Noto Sans TC;
    font-weight: 400;
    line-height: 22.40px;
    margin-top: 8px;
    display: block;
    text-align: right;
}

.enjoy_list .card div{
    display: inline-block;
    margin: 0;
    padding: 16px;
    background: #2C2C2C;
    color: rgba(255, 255, 255, 0.70);    
    width: 100%;
}
    .enjoy_list .card div label{
        /* display: block; */
        color: white;
        font-size: 20px;
        font-weight: 600;
        /* line-height: 24px; */

        display: -webkit-box;           /* 創建多行彈性布局 */
        -webkit-box-orient: vertical;  /* 設置為垂直排列 */
        overflow: hidden;              /* 超出部分隱藏 */
        text-overflow: ellipsis;       /* 顯示點點點 */
        -webkit-line-clamp: 1;         /* 限制為 2 行 */
        line-height: 1.5em;              /* 行高（調整行間距） */
        max-height: calc(1.5em * 2);   /* 設置最大高度（2 行高度） */
    }
    .enjoy_list .card div span {
        display: block;
        margin-top: 4px;
        color: rgba(255, 255, 255, 0.70);
        font-size: 16px;font-weight: 400;
        line-height: 22.40px;
        
        display: -webkit-box;           /* 創建多行彈性布局 */
        -webkit-box-orient: vertical;  /* 設置為垂直排列 */
        overflow: hidden;              /* 超出部分隱藏 */
        text-overflow: ellipsis;       /* 顯示點點點 */
        -webkit-line-clamp: 2;         /* 限制為 2 行 */
        line-height: 1.5;              /* 行高（調整行間距） */
        max-height: calc(1.5em * 2);   /* 設置最大高度（2 行高度） */

    }
    .enjoy_list .card div a{
    color: #143A9B;
    font-size: 16px;
    font-family: Noto Sans TC;
    font-weight: 500;
    line-height: 16px;
    width:56px;    
    display: block;
    text-align: center;
    border: 1px solid #D6EFFF;
    border-radius: 5px;
    padding: 8px;
    background-color: #D6EFFF;
}

.enjoy_list .card div a{
    color: #143A9B;
    font-size: 16px;
    font-family: Noto Sans TC;
    font-weight: 500;
    line-height: 16px;
    width:56px;    
    display: block;
    text-align: center;
    border: 1px solid #D6EFFF;
    border-radius: 5px;
    padding: 8px;
    background-color: #D6EFFF;
}

.enjoy_list .card div .show{
    display: flex;
    justify-content: end;
    padding: 10px;
    /* margin-top: 8px; */
}

.enjoy_list .card div .show .more{
    color: #ffffff;
    font-size: 16px;
    font-family: Noto Sans TC;
    font-weight: 500;
    line-height: 16px;
    /* width:88px;     */
    display: block;
    text-align: center;
    border: 1px solid #808080;
    border-radius: 5px;
    padding: 8px;
    background: #2C2C2C;
    margin-right: 5px;
}

.enjoy_list .card div .show .more_dis{
    color: #808080;
    font-size: 16px;
    font-family: Noto Sans TC;
    font-weight: 500;
    line-height: 16px;
    /* width:88px;     */
    display: block;
    text-align: center;
    border: 1px solid #808080;
    border-radius: 5px;
    padding: 8px;
    background: #2C2C2C;
    margin-right: 5px;
}



@media screen and (min-width: 768px) and (max-width: 1024px){

    /* .enjoy_list .card .img_block_bg {
        width: 113px;
        flex: 130px 0 0;
    } */
    
 }
 /* mobile setting */
 @media screen and (max-width: 768px){

    /* .enjoy_list .card .img_block_bg {
        width: 113px;
        flex: 130px 0 0;
    } */
    
 }