.btn-main {
    background: #0071dc;
}
.btn-main:hover {
    opacity: 0.9;
    background: #0071dc;
}
.btn-detail-quote {
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
}

header{background: #fff; z-index: 9990!important;}
.modal-open header{z-index: 1020!important;}

a{text-decoration: none;}
a:hover{text-decoration: underline;}

#head-main .btn-head{background: #0a58ca; height: 42px; border: 1px solid #0071dc; border-radius: 2rem; text-decoration: none; color: #fff;}
#head-main .btn-head:hover{background: #115ca4; border: 1px solid #1258a7; color: #fff;}

#head-search{border: 1px solid #ddd; border-radius: 2rem; background: #fff;}
#head-search .form-control{border: none; height: 42px; border-radius: 2rem;}
#head-search .form-control:focus {
  border-color: #ced4da;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#head-search.suggest-on, #head-search.suggest-on .form-control{border-radius: 0;}
#head-search .search-clear{display: none; background: none; border: none; cursor: pointer;}
#head-search .search-clear.visible{display: block;}

#head-menu{background: #fff; font-size: 14px; border-top: 1px solid #ccc;}
#head-menu .nav-link{font-weight: bold; color: #000; font-size: 14px;}
#head-menu .nav-link:hover{text-decoration: underline;}
#head-location, #head-location a{color: #000;}
#head-location>a, #head-location>span{line-height: 40px; display: inline-block;}
#head-location .dropdown-menu.show{max-width: 260px; min-width: 220px; max-height: 400px; overflow-y: scroll; background: #fff;}
#head-location .dropdown-item:hover{color: #0071dc;}

#head-location ::-webkit-scrollbar{width: 3px;}
#head-location ::-webkit-scrollbar-track{background: #888;}
#head-location ::-webkit-scrollbar-thumb{background: #f1f1f1;}
#head-location ::-webkit-scrollbar-thumb:hover{background: #555;}


#suggest{position: absolute; top: 41px; left: 1px; background: #fff; z-index: 9999; padding: 1rem; width: 100%;}
#suggest{display: none;}
#suggest.show{display: block;}

.suggest_system .nav a{text-decoration: none; background: #ccc; padding: .125rem .75rem; display: block; border-radius: 2rem; margin: .125rem; color: #666;}
.suggest_system .nav a:hover{color: #000;}

.suggest-link{display: block; padding: .25rem .75rem; border-radius: 1.5rem; text-decoration: none; color: #666; background: #f5f5f5;}
.suggest-link img{width: 32px; margin-right: .5rem;}
.suggest-link span{display: inline-block; font-weight: bold;}
.suggest-link:hover{background: #ddd; color: #333;}

.suggest_keyword a{text-decoration: none; color: #333; padding: .25rem;}
.suggest_keyword a:hover{background: #ddd; color: #000;}

#head-nav .nav-title{display: block; font-size: 12px; line-height: 1em;}
#head-nav .nav-content{display: inline-block; font-size: 14px; font-weight: bold; line-height: 1em;}
#head-nav a.nav-link{border-radius: .5rem; color: #000;}
#head-nav a.nav-link:hover{background: #115ca4; color: #fff; text-decoration: none;}
#head-nav .dropdown-menu{min-width: 240px;}

#head-cat{position: absolute; height: 500px; width: 100%; background: #fff; left: 0px; padding:0px 40px;z-index: 9999;}
#cat-parent,#cat-body{height: 100%;}
#cat-parent{width: 360px; float: left; overflow-y: scroll;}
#cat-parent .nav-link{
    color: #46474a; font-size: 14px; position: relative;
    display: flex;
    padding: 15px 20px;
}
#cat-parent .nav-link.active,#cat-sub .nav-link.active{background: #f2f2f2;font-weight: bold;}

#cat-sub{
    position: relative;
    border-right: 1px solid #ddd;
    min-width:300px;
    height:100%;
    overflow-y: scroll;
}
#cat-sub .nav-link {
    color: #46474a;
    font-size: 14px;
    padding: 10px 20px;
}
#cat-subchild{
   width: 100%;
   overflow-y: auto;
}

#cat-subchild li{width:20%;float: left; list-style: none;text-align: center;margin-bottom: 30px;}
#cat-subchild li .img{
    border-radius: 60px;
    height: 60px;
    margin-bottom: 12px;
    overflow: hidden;
    position: relative;
    width: 60px;
    margin: 0 auto;
}
#cat-subchild li .img::after{
    background-color: rgba(0,0,0,.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#cat-subchild li span{
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
    margin: 0 auto;
    
}
#cat-body{background: #fff;}
#cat-body .card{background: none; border: none;}
#cat-body .card a{color: #46474a; text-decoration: none; font-size: 14px;}
#cat-body .card a:hover{text-decoration: underline;}
#cat-body .card h5{font-size: 16px; font-weight: bold;}
#cat-info{background: #fff;}

.img-banner{border-radius: .65rem; overflow: hidden;}
.item-center{display: flex; -webkit-box-align: center; align-items: center;}

.imgbn{position: relative; z-index: 100; overflow: hidden;}
.bn-content{position: absolute; width: 60%; top: 24px; left: 24px;}
.bn-title{font-size: 28px; font-weight: 700;}
.bn-title.title-lg{font-size: 64px;}
.bn-link{color: rgb(4, 30, 66); position: relative; z-index: 105;}
.bn-link:hover{text-decoration: none;}
.bn-content.text-white .bn-link{color: #fff;}
.bn-link-full{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 102;}

.bn-img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;}
.bn-img img{object-fit: cover; height: 100%;}
.img-1x1{padding-bottom: 100%;}
.img-16x9{padding-bottom: 56.25%;}
.img-top-1p{padding-bottom: 150.13%;}
.img-top-1d{padding-bottom: 66.49%;}
.img-top-1sd{padding-bottom: 27.2%;}
.img-body-t1{padding-bottom: 137.35%;}
.img-body-t2{padding-bottom: 170.9%;}

.product-group .group-cat{margin-bottom: 1rem;}
.group-cat .title{font-size: 22px; font-weight: bold; margin: 0;}
.group-cat .link{font-size: 16px; color: #444;}
.group-cat .link{color: #111;}

.product .price-sale{font-weight: bold;}
.product .price-old{font-size: 80%; margin-left: .375rem; text-decoration: line-through; color: #666;}
.product .title{font-size: 16px; font-weight: bold;}
.product .title a{color: #333; text-decoration: none; display: block;}
.product .title a{
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product .page_title a{
    color: #333;
    text-decoration-line: underline;
    font-size: small;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.back-to-top{background: rgb(0 0 0 / 80%); padding: .75rem; color: #fff; border-radius: 3px; cursor: pointer;}
.back-to-top{position: fixed; z-index: 9998; right: 4px; bottom: 56px;}

ul.list{list-style: none; margin: 0; padding: 0;}


#cat-top{border-bottom: 1px solid #ddd;}
#cat-top a{text-decoration: none; color: #666;}
#cat-top a:hover{text-decoration: underline; color: #111;}
#cat-top a::after{content: '/'; margin-left: .5rem; margin-right: .5rem;}

#pcat .sticky-top,.top-body.sticky-top{top:150px; z-index: 1001;}
#pcat-bar a{color: #333; text-decoration: none; display: block; padding: .5rem 0;}
#pcat-bar a:hover{color: #f35b3f;}

.key-item{border: 1px solid #ddd; border-radius: 1.5rem; padding: .375rem 1rem; color: #333; text-decoration: none;background-color: #ddd;}
.key-item img{height: 28px;}
.key-item:hover{color: #f35b3f;}

.text-b{font-weight: bold;}
.text-u{text-transform: uppercase;}
.text-bu,.text-ub{font-weight: bold; text-transform: uppercase;}
.text-sm{font-size: 90%;}
.text-lg{font-size: 125%;}
.text-xl{font-size: 150%;}
.text-xxl{font-size: 175%;}
.text-2x{font-size: 200%;}
.text-cat{font-size: 1.5rem;}
.text-title{font-size: 1.75rem;}
.text-promo{text-decoration: line-through; color: #565656;}
.bg-none{background: none;}

.w-filter{width: 16%;}
.w-20{width: 20%;}
.line-s{position: relative;}
.line-s::after{content: "";clear: both;position: absolute;top: 0;bottom: 0;left: 0;width: 1px;background: #ddd;}

.bg-gray{color: rgb(0, 0, 0); background-color: rgb(242, 248, 253);}

.product-deal .countdown{text-align: center; font-size: 50px;}

h1.title, h2.title{font-size: 28px;}
h2.cat{font-size: 22px;}

#acBar{width: 336px;}
#acBar a{color: #434343;}
.acc-item:hover{background: #f5f5f5;}
.acc-item a{text-decoration: none;}
.acc-item h2{margin-bottom: 0;}

.shop_header {
    max-height: 155px;
    background-image: url(../images/banner_shop_header.png);
    position: relative;
    z-index: 1;
}
.yrs{border: 1px solid #f6f6f6; background: #fff; padding: .125rem .5rem; font-size: 13px; border-radius: 6px; line-height: 1; display: inline-block;}

#product-detail h3{font-size: 1.35rem;}
.shop_header-menu li {
    position: relative;
}
.shop_header-menu a.nav-link{
    font-size: 14px;
    color: #fff;
}

.shop_header-search {
    width: 300px;
    margin-left: auto;
    position: relative;
}
.icon-search {
    position: absolute;
    top: 4px;
    left: 12px;
}
.shop_header-search input {
    width: 100%;
    border: none;
    outline: none;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    padding-left: 32px;
}
.producthot__badage {
    position: absolute;
    z-index: 9;
}
.producthot__badage img {
    width: 25px;
}
.producthot__badage-value {
    position: absolute;
    inset: 0px;
    margin: auto;
    font-size: 20px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    line-height: 28px;
    padding-top: 2px;
    text-align: center;
}

.swiper-button-next, .swiper-button-prev{color: #333;border: 1px solid #333; border-radius: 50%; width: 44px; height: 44px;background-color: #fff;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 20px;}
.swiper-button-next:hover, .swiper-button-prev:hover{border-width: 2px;}

footer{background: #232F3E;}
footer, footer a{color: #fff; text-decoration: none;}
footer ul a{font-size: 14px;}
footer a:hover{text-decoration: underline;}
.footer-title{font-size: 16px; margin: 6px 0 14px 0; color: #fff; font-weight: bold; text-transform: uppercase;}

#footer-btm{background: #131A22; padding: 2rem 0;}

#mcart a{color: #000; font-size: 28px;}
.bmenu a{color: #000;}
.bmenu a i {font-size: 28px;}
.bmenu a:hover, .bmenu a:hover span {text-decoration: underline;}

.mmenu{
    position: fixed;
    top:0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 9999;
    overflow-y: auto;
    display: none;
}
.mmenu a{color: #46474a; padding: .85rem 0;}
.mmenu-btn a{font-size: 28px; position: absolute; right: 1rem; top: 1rem;}
#mmenu .mmenu-item {display: none;}

.mw-1660{max-width: 1660px;}
.page-link{margin: .25rem; border-radius: 1rem;}

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

.ads-title{position: absolute; top: 10px; right: 0; background: #ffffffbf; font-size: 14px; padding: .25rem .5rem; line-height: 1;z-index:9999}
.product {height: 100%;transition: ease .5s;border-radius: 5px; padding: 10px;}
.product:hover{
    box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 8px 0px;
    padding: 10px;
}
.product.product-ads{box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 8px 0px;
    padding: 10px;
    text-align: center;
    }
.product.product-ads .title{
    font-weight: 18px;
    font-weight: bold;
}
.img1x1 {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 100%!important;
}
.img1x1 a {
    display: block;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 99;
}
.img1x1 img {
    -webkit-transition: ease .5s;
    transition: ease .5s;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.img1x1:hover img {
    transform: scale(1.05);
    filter: contrast(80%) brightness(110%);
}
.list-item-1 {
    display: flex;
    justify-content: center;
}
.list-item-1 .img1x1 {
    width: 80%;
}

/*Daisan Ads*/
#div-outer-48{
    width:100% !important;
}
.ad-section{
    width:100% !important;
}
.contentDivOuter{
    width:100% !important;
}

.home-search .search-clear {
    margin-top: 10px;
}
.home-search input.form-control {
    height: 56px !important;
}

@media (max-width: 768px) {
    html, body {
        font-size: 14px !important;
    }

	header{padding: 0 .5rem;}
	#head-main .row>*, #head-menu .row>*{padding-right: .25rem; padding-left: .25rem;}
	#head-menu{border-top: none;}
	#head-location>a, #head-location>span {line-height: 38px; font-weight: bold;}
	.bn-content {width: 70%; top: 20px; left: 20px;}
	.bn-title {font-size: 16px;font-weight: 600; line-height: 1.2}
	.bn-title.title-lg{font-size: 24px;}
	.bn-link{font-size: 14px;}
	.img-top-1sd{padding-bottom: 36%;}
	.img-top-1d {padding-bottom: 85.49%;}
	.suggest-link span{font-size: 14px;}
	.swiper-button-next, .swiper-button-prev{display: none;}
	#suggest{padding: .75rem .5rem;}
	#product-detail{border: none!important; box-shadow: none!important;}
	#Order{position: fixed; bottom: 0; left: 0; z-index: 9999; padding: 10px; background: #fff; width: 100%;}
	#Order{display: flex!important; justify-content: space-between!important;}
	
	h1.title, h2.title {font-size: 20px;}
	.product .title a{
	    -webkit-line-clamp: 4;
	}
	
}

@media (min-width: 769px) {
    .home-search #head-search {
        max-width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
    .mmenu {
        max-width: 500px;
        box-shadow: #000 1px 1px 1px 1px;
    }
}