@charset "UTF-8";

header.windows, main.windows, footer.windows{ max-width: 1170px;}
.shop_menu_box{ margin: 20px 0;}

input[type="checkbox"]{ width: 15px; height: 15px;}

/*手機板賣場*/
.shopBox .group_Buy{margin-bottom: 20px;}
.shopBox .group_Buy h3,.shopBox .shop_Buy h3{ margin: 0; padding: 10px 10px 10px 25px; display: flex; align-items: center; justify-content: space-between; font-weight: bold;}
.shopBox .group_Buy h3 a,.shopBox .shop_Buy h3 a{
    font-size: 15px;
}
.shopBox .group_Buy h3 a{
    color:#7348BC;
}
.shopBox .group_Buy h3 a:hover{
    color:#9971df;
}
.shopBox .shop_Buy h3 a{
    color:#FF6666;
}
.shopBox .shop_Buy h3 a:hover{
    color:#da4545;
}
.shopBox .group_Buy{ background-color: #f8f0ff;}
.shopBox .shop_Buy{ background-color: #ffede1;}

.shopBox .group_Buy h3{
    background: url(../images/title_group.png) no-repeat left center;
    font-size: 20px;
    color:#7348BC;
}

.shopBox .shop_Buy h3{
    background: url(../images/title_hot.png) no-repeat left center;
    font-size: 20px;
    color:#FF6666;
}

.group_list ul{ list-style: none; display: flex; justify-content:flex-start; flex-wrap: wrap; padding:6px 6px 6px; margin: 0; border-top: 1px solid #fff;}
.group_list ul li{ width: 50%; padding: 6px;}
.group_list .group_list_main{ /*border: 1px solid #fff; */background-color: #fff;}
.group_list .group_list_main .img_box{ position: relative;}
.group_list .group_list_main p{ text-align: center;}

.group_list .group_list_main .love_box{ display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding:3px 10px;}
.group_list .group_list_main .love_box span img{ width: 20px;}

.group_list ul li img{ display: block;}
.group_list ul li h4{ margin: 0; padding: 10px 5px; min-height: 4em; text-align: left;}

/*search bar*/
.shop_search_box{  padding:5px 15px 0px 15px;}
.search_group{ display: flex; gap:4px; align-items: center; justify-content: space-between;}
.shop_searchBar { position: relative; border: 1px solid #a0a0a0; overflow: hidden; border-radius: 5px; width: 75%; display: flex; align-content: center; flex: 1 0 0; }
.shop_searchBar input{ border:0; height: 32px; width: 100%; padding-left: 5px;}
.shop_searchBar button{ right: 0; top: 0; width: 43px; background-color: #dab6f6; height: 100%; border: 1px solid #fff; height: 32px; border-top-right-radius:5px; border-bottom-right-radius:5px; display: flex; align-items: center; justify-content: center;}
.shop_searchBar button:hover{ background-color: #ad7dd3;}
.shop_searchBar button img{ max-height: 100%; width: auto;}
.shopcart_box {text-align: center; }
.shopcart_box a { position: relative; }
.shopcart_box a img { margin: 0 5px; }
.shopcart_box a span { border-radius: 50%; background-color: #fff; color: #9645d6; border: 1px solid #9645d6; width: 25px; height: 25px; font-weight: bold; display: inline-flex; align-content: center; justify-content: center; font-size: 13px; position: absolute; top: -13px; right: -11px; }


/*owl-menu*/
.owl-menu .item a{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column;}
.owl-menu .img_box{ width: 40px; height: 40px; background-color: #fff; border-radius: 5px; border: 1px solid #ebebeb; display: flex; align-items:center; justify-content: center;}
.owl-menu .img_box img{ max-width: 24px;}

.owl-menu.owl-carousel .owl-nav button.owl-next, .owl-menu.owl-carousel .owl-nav button.owl-prev{
    background: #fff; border: 1px solid #a0a0a0; border-radius: 50%; width: 25px; height: 25px;
    position: absolute;
    top: 12px;
}
.owl-menu.owl-carousel .owl-nav button.owl-next{ right: -25px;}
.owl-menu.owl-carousel .owl-nav button.owl-prev{ left: -25px;}

.owl-theme .owl-nav [class*='owl-']:hover{ color:#000; font-size: 15px;}

.owl-menu.owl-carousel{ width: 92%; margin: 0 auto;}

/*購物車*/
.cart_box{ padding: 15px;}
.cart_menu{ border-bottom: 3px solid #ebebeb; margin-bottom: 15px;}
.cart_menu .navBox{ display: flex; justify-content: space-between; list-style: none; margin: 0; padding: 0;}
.cart_menu .navBox li{ flex: 1;}
.cart_menu .navBox li a{ display: flex; justify-content: center; align-items: center; height: 35px; width: 100%; position: relative; }
.cart_menu .navBox li:hover a,
.cart_menu .navBox li.active a{
    color: #ad7dd3; 
}
.cart_menu .navBox li:hover a::after,
.cart_menu .navBox li.active a::after{ 
    content: ''; display: block; background-color:#ad7dd3; z-index: 1; width: 100%; height: 3px; position: absolute; left: 0; bottom: -3px;
}

/*結帳*/
.cart_box.checkout .cart_menu { margin-bottom:0px; }
.cart_box.checkout .cart_menu .navBox .navBar { display: flex; align-items: center; justify-content: center; height: 35px; }
.checkout_block { position: relative; width: 100%; min-height: 50px; }
.checkout_header { background: #d6d6d6; display: flex; align-items: center; justify-content: center; padding: 5px; }
.checkout_header label { margin-bottom:0.1rem; }
.checkout_body { padding: 1rem; }
ul.ul_select { margin-bottom: 1rem; padding: 0; max-height: 300px; overflow: auto; flex-grow: 1; }
li.li_option { list-style: none; padding: 1rem 2rem; cursor: pointer; }
li.li_option:hover { background: #7b34c233; }
li.li_option.selected { background: #954fac; color: white; }
.checkout_body .form-group .row label:last-child { text-decoration: underline; cursor:pointer;}
.checkout_body .form-group .row label:last-child:hover { color: #ad7dd3 ;}

.orderAmtDetail { text-align:right}
.orderAmtDetail ul { padding:0;}
.orderAmtDetail ul li { list-style: none; }
.orderAmtDetail ul li:last-child { border-top: 1px solid black; font-size: 1.2rem; font-weight: 700; color: #cf1717; padding-top: 0.2rem; }

ul.pro_list { list-style: none; margin: 0; padding: 0; }
ul.pro_list li{ border: 1px solid #dfe1e7; background-color: #fbfbfb; padding: 10px; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; margin-bottom: 15px;}
ul.pro_list li.empty div{flex-basis:100%;text-align:center;}
ul.pro_list li.empty div span { line-height: 30px; }
.pro_list .cheak_btn{ width: 30px; text-align: center;}
.pro_list .pro_group{ padding: 5px; display: flex;}
.pro_list .pro_group .img_box{ width:100%;}
.pro_list .pro_group .img_box img{ display: block; border:1px solid #ebebeb;}
.pro_list .pro_group .pro_contant { display: flex; flex-wrap: wrap; }
.pro_list .pro_group .pro_contant p{ width: 100%; }
.pro_list .pro_group .pro_contant h3 { margin: 0 0 5px; display: flex; justify-content: space-between; font-weight: normal; line-height: 1.5em; font-size: 16px; width: 100%; }
.pro_list .pro_group .pro_contant h3 a{ font-size: 15px; color: #666;}
.pro_list .pro_group .pro_contant h3 a:hover{ color:#ad7dd3;}
.pro_list .pro_group .pro_contant .price{ color:#f00}
.pro_list .pro_group .pro_contant .size{ display: flex; justify-content: start; align-items: center;}
.pro_list .pro_group .pro_contant .delete_btn{ background-color: #d85450; color:#fff; border-radius: 5px; width: 100px; text-align: center; line-height: 2em; margin-left:auto;}
.pro_list .pro_group .pro_contant .qty{ font-size:0.9rem}
.pro_list .pro_group .pro_contant .qty p { margin-bottom: 0; margin-left: 1rem; margin-top: 0.1rem; color: #f00; }
.pro_list .pro_group .pro_contant .buyNum{ margin-top: 3px;}

.cart_title{ background-color: #f8f0ff; padding: 10px; color:#7348BC;position:relative;}
.cart_title h3 { display: inline-block; margin: 0; font-size: 1.1rem; line-height: 1em; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.cart_title a{ display: inline-flex; align-items: center; justify-content: center; border: 1px solid #7348BC; color: #7348BC; border-radius: 5px; width: 28px; height: 28px; margin-right: 10px;}
.cart_title a:hover{ background-color:rgba(255, 255, 255, .3)}

.bonus_box{ display: flex; border: 1px solid #dfe1e7; align-content: center; justify-content: space-between; padding: 10px;}
.bonus_box p{ display: flex; align-items: center; margin-bottom: 0;}
.bonus_box p img{ display: block; margin: 0 5px;}

.total_box{ font-size: 18px; margin-top: 15px; border: 1px solid #dfe1e7; padding: 10px;}
.total_box p{margin-bottom: 0;}
.total_box .total_main{ font-weight: bold; display: flex; align-items: center; justify-content: space-between;}
.total_box .total_main button{ background-color: #ad7dd3; border-radius: 5px; width: 145px; height: 45px; color: #fff; font-size: 18px; margin-left: 10px;}
.total_box .total_main button:hover{ opacity: .8;}

/*again*/
.group_list_main button{ background-color: #ad7dd3; color: #fff; border-radius: 3px; height: 35px; padding:0 15px; display: flex; align-items: center; justify-content: center; font-size: 16px;}
.group_list_main button:hover{ opacity: .8;}
.group_list_main p{ margin-bottom: 0;}
.group_list_main h4{ margin: 0; font-size: 16px; text-align: center;}
.group_list_main .group_main{ display: flex; align-items: center; justify-content: space-between;}
.group_list_main .group_main .price_box{ color:#999999; font-size: 16px;}

.group_list_main .btn_again{display: flex; align-items: center;}
.group_list_main .btn_again .love img{ width: 20px; margin-right: 5px;}

.group_list.group_again ul{ list-style: none; margin: 0; padding: 0;}
.group_again{ margin-left: -5px; margin-right: -5px;}
.group_again ul li .group_list_main{ border: 1px solid #dfe1e7;}
.group_again ul li .group_list_main .price_box{ flex-direction: column; align-items: flex-start; }
.group_again .group_main{margin-bottom: 5px;}

/*商品內容*/
.pro_title h2{ background: url(../images/title_group.png) no-repeat left center #f8f0ff; padding: 8px 8px 8px 25px; margin: 0; display: flex; align-items: center; justify-content: space-between; font-size: 18px; color:#7348BC;}
.pro_title h2 button{ width: 20px; height: 20px; margin-right: 5px;}
.pro_main{ padding: 15px 15px;}
.pro_main h3{ color:#dab6f6; margin-top: 0; margin-bottom: 15px; font-size: 20px; font-weight: bold;}
.pro_main_text{ border-radius: 5px; border: 1px solid #dfe1e7; padding: 15px; margin-bottom: 10px;}

.total_btn{display: flex; align-items: center; justify-content: space-between;}
.total_btn button{ width: 50%; color: #fff; font-size: 22px; height: 55px;}
.total_btn button:hover{ opacity: .8;}
.total_btn button:first-child{ background: #64b37a;}
.total_btn button:last-child{ background: #9f71c3;}

/*電腦版*/
.win_header{ border: 1px solid #dfe1e7; margin: 15px 0; display: flex; align-content: center; justify-content: center;}
.win_group>ul>li{ width: 25%;}
.win_group>ul>li .group_list_main{ box-shadow: 0 0 10px rgba(0, 0, 0, .2);}

/*搜尋列*/
.win_header .logo_box{ width: 20%; max-width: 238px; display: flex; align-items: center; justify-content: center; padding: 15px;}
.win_header .store_box{ width: 80%; max-width: 910px; padding: 15px; display: flex; align-items: center; justify-content: space-between;}
.win_header .store_box .store_logo{ width: 20%; max-width: 160px;}
.win_header .store_box .win_search_box{ width: 80%;}
.win_header .store_box .win_search_box .followMe{display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;}
.win_header .store_box .win_search_box .followMe p{ display: flex; align-items: center; margin-bottom: 0;}
/*.win_header .store_box .win_search_box .followMe img{ display: block; margin: 0 5px;}*/
/*.win_header .store_box .win_search_box .followMe button{border-radius: 5px; text-align: center; padding: 7px 12px; line-height: 1em; margin-right: 10px;}*/
.win_header .store_box .win_search_box .followMe button a{ color: var(--color-primary);}

.win_main_box{ display: flex; align-content: flex-start; justify-content: space-between; margin-bottom: 20px;}
.win_main_box .main_left{ max-width: 240px; width: 100%; margin-right: 15px; border: 1px solid #dfe1e7;}
.win_main_box .main_right{ max-width: 920px; width: 100%;}
.win_main_box .main_left .member_main{ border-bottom: 1px solid #dfe1e7;}
.win_main_box .main_left .member_main p{ border-bottom: 1px solid #dfe1e7; margin-bottom: 0; height: 50px; display: flex; justify-content: center; align-items: center;}
.win_main_box .main_left .member_main dl,.win_main_box .main_left .member_main dd{ margin: 0; padding: 0;}
.win_main_box .main_left .member_main .group_box{display: flex; justify-content: space-between;}
.win_main_box .main_left .member_main .group_box dl{ width: 50%; height: 85px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.win_main_box .main_left .member_main .group_box dl:first-child{ border-right: 1px solid #dfe1e7;}
.win_main_box .main_left .member_main .group_box dl dt{ margin-bottom: 5px;}

.win_main_box .bannerBox .item{ max-height: 310px;}
.win_main_box .bannerBox .item img{ max-width: 100%;}

/*page*/
.page_box{ display: flex; align-content: center; justify-content: center; margin-top: 2rem; margin-bottom: 2rem;}
.page-link{color:#999; border-radius: 50%; padding: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; margin: 7px;}
.page-item:first-child .page-link{ border-top-left-radius: 50%; border-bottom-left-radius: 50%;}
.page-item:last-child .page-link{ border-top-right-radius: 50%; border-bottom-right-radius: 50%;}
.page-item.active .page-link{ background-color: #9f71c3; border-color: #9f71c3;}
.page-link:hover{ color: #9f71c3; border-color: #9f71c3; background-color:transparent;}


/**/
.main_left nav ul.left_menu { list-style: none; margin: 0; padding: 0; }
.main_left nav ul.left_menu li { border-bottom: 1px solid #dfe1e7; }
.main_left nav ul.left_menu li a { display: block; height: 40px; display: flex; align-items: center; justify-content: center; }
.main_left nav ul.left_menu li a:hover { background: #ad7dd3; color: #fff; }

.group_list_box{ border: 1px solid #dfe1e7; padding: 5px;}
.group_list_box .title { height: 2rem; display: flex; align-items: center; justify-content: center; background: #ad7dd3; }
.group_list_box h2 { text-align: center; font-size: 1.2rem; margin-bottom: 0; color: white; }
.group_list_box h3{ display: flex; align-items: center; justify-content: space-between; font-size: 20px; padding: 15px; margin: 0;}
.group_list_box h3 a{ font-size: 16px; display: flex; align-items: center; justify-content: center;}
.group_list_box h3 a img{ margin-left: 5px;}
.group_list_box h3 a:hover{ opacity: .6; color: #333;}

.pro_list_box .breadcrumbs{ margin:10px 0 10px; font-size: 18px; font-weight:bold; padding: 15px 15px 0 15px; color:#999; display: flex; align-items: center; justify-content: space-between;}
.pro_list_box .breadcrumbs a{ color:#999; font-size: 20px; color: #000; font-weight: normal;}
.pro_list_box .breadcrumbs a:hover{ color:#9645d6;}
.pro_list_box .breadcrumbs a:last-child{ font-size: 16px; display: flex; align-items: center; justify-content: center;}
.pro_list_box .breadcrumbs a img{ margin-left: 5px;}

.pro_list_box .group_list .group_list_main span{ position: static; width: auto; height: auto;}
.pro_list_box .group_list .group_list_main span img{ width: 24px;}

.price_box{ display: flex; align-items: center; justify-content: space-between; padding: 5px;}
.price_box_R{ display: flex; align-items: center; justify-content: center; cursor: pointer;}
.price_box_R img{margin:0 5px;}

/*menu*/
.menu_box{ border: 1px solid #dfe1e7; margin-bottom: 15px;}
.menu_box ul{ list-style: none; margin: 0; padding: 0; display: flex; align-content: center; justify-content: space-around; position: relative;} 
.menu_box ul li{width: 11%; display: block;}
.menu_box ul li a{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; text-align: center; height: 100%; padding: 10px 0;}
.menu_box ul li a:hover{ color:#9f71c3}
.menu_box ul li .img_box{ width: 40px; height: 40px; background-color: #fff; border-radius: 5px; border: 1px solid #ebebeb; display: flex; align-items:center; margin-bottom: 5px; justify-content: center;}
.menu_box ul li .img_box img{ max-width: 24px;}

.menu_box ul li:hover a .img_box{box-shadow: 2px 2px 0 #ebebeb;}
.menu_box{ position: relative;}
.menu_box ul li .more_item{ position: absolute; right: -1px; bottom: -90px; align-items: center; justify-content: space-between; background-color: #fff; border: 1px solid #dfe1e7; flex-wrap: wrap; width: 240px; border-radius: 5px; box-shadow: 0 0 10px #a0a0a0; display: none;}
.menu_box ul li .more_item::before{ content: ''; position:absolute; right: 42px; top: -13px; width: 15px; height: 13px; display: block; background: url(../images/icon_arrow_top.png) no-repeat center center;}

.menu_box ul li .more_item a{ display: block; padding: 5px 10px; width: 50%; text-align: left;}
.menu_box ul li .more_item a:hover{ background-color: #ad7dd3; color: #fff;}
.menu_box ul li:hover .more_item{ display: flex;}

.menu_box.fixedTop{ z-index: 99; position: fixed; top: 0; display: flex; justify-content: center; width: 100%; left: 0;box-shadow: 0 0 10px #666;}
.menu_box.fixedTop ul{ width: 100%; max-width: 1170px;}
.menu_box.fixedTop ul li .img_box{display: none;}
.menu_box.fixedTop>ul>li>a{ border-bottom: 3px solid transparent;}
.menu_box.fixedTop>ul>li>a:hover{ border-color:#9645d6;}
.menu_box.fixedTop ul li .more_item{bottom: -100px;}

/**/
.pro_view_box{ border: 1px solid #dfe1e7; padding-bottom: 1.5rem;}
.pro_view_box .breadcrumbs{ margin:10px 0 10px; font-size: 16px; font-weight:bold; padding: 15px 15px 0 15px; color:#999;}
.pro_view_box .breadcrumbs a{ color:#999;}
.pro_view_box .breadcrumbs a:hover{ color:#9645d6;}

.pro_view_main{ display: flex; align-items: flex-start; justify-content: space-between; padding: 0 15px;}
.pro_view_main .bannerBox{ max-width: 310px;}
.pro_view_main .proOrder_view{ width: 100%;}

.pro_view_main .proOrder_view .proOrder_Box{ padding: 0 0 0 15px; height: 215px;}
.pro_view_main .proOrder_view .proOrder_Box_title{ padding: 0 0 0 15px;}
.pro_view_main .proOrder_view .proOrder_Box .proOrder .qty { font-size: 0.8rem;text-align:center; }
.pro_view_main .pro_btn{ padding: 10px 0; width: 100%; display: flex; align-content: center; justify-content: center;}
.pro_view_main .pro_btn span{cursor: pointer; width: 14%; display: flex; align-items: center; justify-content: center;}
.pro_view_main .pro_btn button{ width: 43%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 22px; height: 50px; border-radius: 5px;}
.pro_view_main .pro_btn button:hover{ opacity: .8;}
.pro_view_main .pro_btn button:nth-child(2){ background: #64b37a;}
.pro_view_main .pro_btn button:last-child{ background: #9f71c3; margin-left: 10px;}

.pro_view_box h2{ padding:5px 15px; font-size: 23px; color: #9f71c3; font-weight: bold;}
.pro_view_box .pro_main{ padding-top: 1.5rem;}

/**/
.pro_view_main .bannerBox.owl-theme .owl-dots .owl-dot span{ width: 10px; height: 10px;}
.pro_view_main .owl-theme .owl-dots{ text-align: right;}
.pro_view_main .bannerBox.owl-theme .owl-nav.disabled + .owl-dots{ padding-right: 10px;}
.pro_view_main .owl-theme .owl-dots .owl-dot span{ padding:5px;}

.back_btn{display: flex; align-items: center; justify-content: center;}
.back_btn button{ display: flex; align-items: center; justify-content: center; background-color: #9f71c3; color: #fff; width: 160px; height: 40px; border-radius: 5px; font-size: 16px;}

/*timer*/
.group_list_main .img_box{ position: relative;}
.group_list_main a:hover .timer{ color:#333}
.gro-goo-timer.timer { position: absolute; top: 0; right: 0; padding: 7px 5px; text-align: right; }
.gro-goo-timer.timer .content { font-weight: bold; background-color: rgba(255, 255, 255, .85); line-height: 1rem; padding: 4px 5px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; justify-content: flex-end; z-index:2; position:relative; }


.model_btn_style{ display: flex; justify-content: space-between;}
.model_btn_style button{ flex:1;border-radius:0;}
.btn-enter{ background-color: #ad7dd3; border-color: #ad7dd3; color: #fff;}
.btn-enter:hover{ color:#fff; opacity: .8;}
.btn-close { color: #666; }
.btn-close:hover { color: #666; background: #e1e1e182; }

.btn-sm { height: 24px; font-size: 0.85rem; line-height: 1 !important; color: white; padding: 0.2rem 0.7rem; }
.btn-main { line-height: 1em; font-size: 0.95rem;background: var(--color-primary) !important; color: white; }
.modal-header{ background-color: #f8f0ff; padding: 0.5rem 0.5rem; font-size: 18px; font-weight: bold; color:#7348BC;}
.modal-body{ width:100%;}
.modal-footer { padding: 0rem; width: 100%; display: flex; justify-content: center; }
.modal-footer > * { padding: 0.5rem; margin:0 !important; border-radius:0;}

.bound_txt{ display: flex; justify-content: center; align-items: center; height: 80px;}
.bound_txt input{ margin: 0 5px; width: 100px; border:1px solid #a0a0a0;}
.close { float: right; font-size: 3rem; font-weight: 100; line-height: inherit; color: var(--gray-dark); padding-top: 0.75rem !important; padding-right: 1.5rem !important; text-shadow: none; opacity: 1; }
.close:hover{
    color: #fff;
}

/**最愛好物，樣式與buyAgain共用-手機板**/
.favorite_box{ padding: 5px;}

/**最愛好物，電腦版**/
.favorite_win{ border: 1px solid #dfe1e7;}
.favorite_win .group_main{ padding: 0 5px;}
.favorite_win .group_main .price_box{ display: block; font-size: 14px;}
.favorite_win .group_main p{ width: 100%; text-align: left;}
.favorite_win .group_main button{ padding: 0 10px;}


/* 背景顏色 文字顏色 素材 */
/* -h結尾: 有Hover效果 */
.bg-purple, .bg-purple-h { background: #ad7dd3 !important; color: white !important; }
.bg-purple-h:hover { opacity: 0.8 !important; }
.bg-tp, .bg-tp-h { background: transparent !important; }
.bg-tp-h:hover { background: #ad7dd3 !important; color: white !important; }
.bd-purple { border: 1px solid #ad7dd3 !important; }

.text-gray, .text-gray-h { color: #6e6e6e !important; }
.text-gray-h:hover { color: #46154c !important; }
.text-purple, .text-purple-h { color: #ad7dd3 !important; }
.text-purple-h:hover { color: #46035e !important; }
.text-red, .text-red-h { color: #e52222 !important; }
.text-red-h:hover { color: #ca1919 !important; }

@media (max-width:480px){
    body{ font-size: 13px !important;}
    .main_box ul.navBox li{ font-size: 14px; padding: 6px;}
    .group_list_main h4{ font-size: 14px;}
    ul.pro_list li{ padding: 5px;}
    .cart_box{ padding: 10px;}
    .cart_box.checkout { padding: 0px; }
    .btn-sm { font-size:13px; line-height:0.9 !important;}

    .group_list_main button { padding: 0 8px; }
    .group_main{ padding: 0 5px;}
    .group_list .group_list_main p{font-size: 12px;}
    .group_list_main button{ font-size: 12px; height: 30px;}
    .group_list ul li h4{ padding:8px 3px 5px;}
    .group_again ul li .group_list_main .price_box{ line-height: 1em;}
}
@media (max-width:995px){
    .windows{ display: none;}
    .mobile, .member-menu { display: block; }
    .member-menu.device-type-PC { display: none; }
    .shop_searchBar { width:67%;}
    .bottom_modal {width:100%;max-height: 800px;}
  
}
@media (min-width:996px){
    .windows{ display: block;}
    .mobile, .member-menu:not(.device-type-PC) { display: none; }
    
    ul.ul_select::-webkit-scrollbar { width: 7px; }
    ul.ul_select::-webkit-scrollbar-thumb { background: #929292; border-radius:50px;}
}