.MBv1 {
    padding: 0 0 0 0;
}

.nohref, .nohref:hover {
    text-decoration: none !important;
    color: #000 !important;
}

.ahrad:hover {
    text-decoration: underline;
}

/* .area_btn h2 moved to inline CSS for CLS prevention */

/* .featured_theme_button moved to inline CSS for CLS prevention */

.featured_theme_button h2 {
    letter-spacing: 0.5px;
    display: flex;
    margin: auto;
    position: absolute;
    height: 100%;
    width: 100%;
    font-size: 20px;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-weight: 400;
}

/* featured_theme_button bg images now use <img> tag with loading="lazy" for performance */

.shopType-selection-area {
    background-color: #F4F5F6;
    padding: 10px 10px;
    margin: auto;
}

/* front_page_shop_type_button bg images now use <img> tag with loading="lazy" for performance */

.front_page_shop_type_bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 100%;
    object-fit: contain;
    object-position: right center;
}

/* .container and responsive rules moved to inline CSS for CLS prevention */

.ui_container2 {
    border-bottom: none !important;
    max-width: 1128px;
    height: 50px;
    border-bottom: solid 0px #eeeeef;
    background-color: #fff;
    margin: auto;
}

#pagediv {
    width: 100%;
    text-align: center;
    border-spacing: 0px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

.notaholder {
    background-color: white;
    margin: 10vh;
    padding-bottom: 6vh;
    padding-top: 8px;
}

.without_pic {
    width: 124px;
    height: 110px;
    margin: auto;
}

.out_B {
    border-radius: 2px;
    margin: auto;
    width: 200px;
    padding: 8px;
    border: 1px solid #E8283B;
    color: #E8283B;
}

.slide {
    margin: auto;
    overflow: hidden;
}

/* .carousel-indicators and .carousel-control moved to inline CSS for CLS prevention */

/* Carousel skeleton shimmer */
@keyframes shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.carousel-inner > .item {
    position: relative;
    background-color: #e0e0e0; /* skeleton fallback when no inline bgcolor */
}

.carousel-inner > .item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    z-index: 0;
}

.carousel-inner > .item > .hand,
.carousel-inner > .item img {
    position: relative;
    z-index: 1;
}

.index-icon {
    height: 70px;
    width: 70px;
    margin: auto;
}

.border_line {
    border: 2px solid #f5f6f7;
}

.borderR_btn {
    padding: 4px;
    margin-right: 15px;
    height: 40px;
    line-height: 24px;
}

.borderR_btn:hover {
    background-color: #f4f5f6;
    border-bottom: 3px solid #9c9c9c;
}

.place_action_info {
    position: relative;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}

.articleCoverPic {
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    width: 100px;
    overflow: hidden;
}

.oneLine {
    line-height: 17px;
}

.con-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.artibox {
    background-color: white !important;
}

.bart {
    color: #464141;
    font-weight: 600;
    font-size: 17px;
}

.index_pi {
    width: 100%;
}

.first_cont {
    -webkit-overflow-scrolling: touch !important;
    overflow-y: hidden !important;
}

.first_cont_d {
    -webkit-transition: -webkit-transform 0.5s, transform 0.5s !important;
    -moz-transition: transform 0.5s !important;
    transition: -ms-transform 0.5s, -webkit-transform 0.5s, transform 0.5s !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

.first_cont_d::-webkit-scrollbar:horizontal {
    height: 0;
}

.col-2 {
    display: inline-block;
    box-sizing: boeder-box;
}

.scro_day {
    width: 100%;
}

.scro_day td {
    width: 12.5%;
    text-align: center;
}

.selecT {
    -webkit-transition: -webkit-transform 0.5s, transform 0.5s !important;
    -moz-transition: transform 0.5s !important;
    transition: -ms-transform 0.5s, -webkit-transform 0.5s, transform 0.5s !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

.selecT::-webkit-scrollbar:horizontal {
    height: 0;
}

.vyse {
    box-shadow: none !important;
    border: 1px solid #dddddd;
}

/* .area_btn moved to inline CSS for CLS prevention */
.area_btn:hover {
    background-color: #e6e5e9;;
}

.ad_bkc {
    /*background-color:#f8a07a;*/
}

@media screen and (max-width: 1000px) {
    .col-2 {
        width: 160px;
    }
}

@media screen and (max-width: 768px) {
    /* .front_page_shop_type_button height moved to inline CSS */

    .bart {
        font-size: 16px;
    }

    .artibox {
        background-color: #f5f6f7 !important;
    }

    .vyse {
        border: none;
    }

    /* .glyphicon-chevron and .carousel-indicators moved to inline CSS for CLS prevention */
}

#killerBar .swipe {
    display: none;
}

.brands_part {
    content-visibility: auto;
    contain-intrinsic-size: 70px; /* defer sprite load until near viewport */
}

.brands_spt i {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.brands_spt i:hover {
    -webkit-filter: grayscale(0%);
}

.brands_spt i {
    border: none;
}

.logo_spt_img {
    background: url(/image/mobile/logo/logo_partner.png) no-repeat;
}

.i_cyberport_ch {
    background-position: -10px -6px;
    width: 144px;
    height: 50px;
}

.i_caring_campany {
    background-position: -10px -57px;
    width: 132px;
    height: 65px;
}

.i_noahsark {
    background-position: -10px -124px;
    width: 76px;
    height: 70px;
}

.i_stripe {
    background-position: -10px -211px;
    width: 86px;
    height: 36px;
}

.i_klook {
    background-position: -9px -248px;
    width: 130px;
    height: 33px;
}

.i_hopetrip {
    background-position: -10px -290px;
    width: 92px;
    height: 52px;
}

.i_yahoo {
    background-position: -14px -346px;
    width: 134px;
    height: 52px;
}

.spt_box {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    text-align: center;
    width: 19.7%;
    padding: 12px 0px;
}

.logo_container h2 {
    font-weight: bold;
    font-size: 20px;
    color: #121416;
    line-height: 24px;
    text-align: center;
    font-style: normal;
}

.logo_container h3 {
    margin: 8px 0 24px !important;
    font-weight: 400;
    font-size: 14px;
    color: #64686E;
    line-height: 16px;
    text-align: center;
    font-style: normal;
}

.logo_container {
    padding: 80px 15px 20px;
    border-top: 1px solid #d9dada;
    margin-top: 40px;
}

@media only screen and (max-width: 768px) {
    .spt_box {
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
        text-align: center;
        width: 32.6%;
    }
}

@media only screen and (max-width: 500px) {
    .spt_box {
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
        text-align: center;
        width: 49%;
    }
}

.f15.nobold {
    font-weight: 400 !important;
    font-size: 15px !important;
}