/* cart_gh */
.table{border-collapse: collapse; user-select: none;}
.table-body{display: table-row-group;}
.table-row{display: table-row;}
.table-head .table-cell{width: 115px;}
.table-footer .table-cell{width: 230px;}
.table-cell{display: table-cell; padding: 0.5rem!important; border: 1px solid #d7d7d7; vertical-align: middle;}
.cart-string ul{list-style: none;}
.cart-string ul li a{background-color: var(--main); border: 1px solid var(--main);}
.cart-string ul li a:hover{background-color: var(--wite); color: var(--main);}
.cart-quantity span{width: 24px;}
.cart-quantity span i{display: block; background-color: var(--main); border: 1px solid var(--main); font-size: 14px; line-height: 22px; color: var(--wite); cursor: pointer; transition: all 0.5s ease 0s;}
.cart-quantity span i:hover{background-color: var(--wite); color: var(--main);}
.cart-code input[type=text]{width: calc(100% - 90px); height: 47px; border-right: none;}
.cart-code input[type=submit]{width: 90px; height: 47px; padding: 0; font-size: 14px; font-weight: 400; text-transform: uppercase;}
.carT-apply > *:nth-child(1){width: calc(100% - 90px); height: 47px;}
.cart-apply > *:nth-child(2){width: 90px; background-color: var(--main); line-height: 47px; cursor: pointer;}
.cart-apply > *:nth-child(2):hover{background-color: var(--hover);}
@media all and (max-width: 575px){
    .table{font-size: 12px;}
	.table-head .table-cell{width: 85px;}
    .cart-string ul li.main-more{font-size: 12px;}
    .cart-total{font-size: 16px!important;}
}
/* cart_tt */
.tt-title{margin-bottom: 1.5rem; font-weight: 700; color: var(--wite);}
.tt-list{list-style: none; margin-bottom: 20px;}
.tt-list li{margin-bottom: 10px;}
.tt-list li label{display: block; padding: 0.5rem 1rem; border: 1px solid var(--wite); color: var(--wite); cursor: pointer;}
.tt-list li label i{margin-right: 1rem;}
.tt-list li label input{display: none;}
.tt-list li div.main-detail{display: none; padding: 10px; border: 1px solid #d7d7d7; border-top: 0;}
.tt-list li.active label{background-color: var(--wite); border-color: var(--wite); font-weight: 700; color: var(--main);}
.tt-list li.active div.main-detail{display: block; color: var(--wite);}
/* header_banner */
.bn{height: 450px;}
.bn:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/theme/images/bg.jpg) no-repeat center / cover; opacity: 50%; pointer-events: none;}
.breadcrumb ul{list-style: none;}
.breadcrumb ul li+li:before{content: '/'; padding: 0 0.25rem;}
.breadcrumb ul li a{color: var(--wite);}
@media all and (min-width: 1200px){
	.bn h1, .bn h2{font-size: 48px!important;}
}
@media all and (max-width: 575px){
	.bn{height: 360px;}
}
/* home_intro */
.it-play i{right: 0; left: 0; width: 75px; height: 75px; color: var(--main);}
.it-play i:hover{background-color: var(--main); color: var(--wite);}
.it-play:before{content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: block; width: 75px; height: 75px; margin: auto; background-color: var(--wite); border-radius: 50%; animation: shadow 1s linear infinite;}
.it-txt:before{content: ''; position: absolute; top: 0; left: -1.5rem; width: calc(100% + 1.5rem); height: 100%; background: url(/theme/images/bg.jpg) no-repeat center; pointer-events: none;}
.it-txt .main-detail:before{content: ''; position: absolute; top: -1px; left: 0; width: 30px; height: 2px; background-color: var(--prev);}
@keyframes shadow{0%{transform:scale(1);opacity:50%;} 100%{transform:scale(1.5);opacity:0;}}
@media all and (max-width: 1199px){
	.it-txt:before{left: 0; width: 100%;}
}
/* home_media */
.media .container{padding: 0;}
.media .slick-slide > div{padding: 0 0.75rem;}
.media .slick-arrow{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; background-color: var(--main); border: 1px solid var(--wite); color: var(--wite); opacity: 0;}
.media .slick-arrow:hover{background-color: var(--wite); color: var(--main);}
.media .slick-arrow i{line-height: 38px;}
.media .slick-prev{left: 0;}
.media .slick-next{right: 0;}
.media:hover .slick-arrow{opacity: 1;}
.media:hover .slick-prev{left: calc(-40px - 1.5rem);}
.media:hover .slick-next{right: calc(-40px - 1.5rem);}
/* home_review */
.rv:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/theme/images/bg.jpg) no-repeat center / cover; opacity: 75%; pointer-events: none;}
.rv-slick .slick-dots{margin-top: 3rem;}
.rv-slick .slick-dots li{width: 16px; height: 16px; border: 1px solid var(--wite); border-radius: 50%;}
.rv-slick .slick-dots li+li{margin-left: 0.5rem;}
.rv-slick .slick-dots li.slick-active{background-color: var(--wite);}
/* home_service */
.sv .container{padding: 0;}
.sv .main-title:after{content: ''; position: absolute; bottom: -1px; right: 0; left: 0; display: block; width: 30px; height: 2px; margin: 0 auto; background-color: var(--wite);}
.sv .slick-slide > div{padding: 0 0.75rem;}
.sv .slick-arrow{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; background-color: var(--wite); border: 1px solid var(--wite); border-radius: 50%; opacity: 0; color: var(--main);}
.sv .slick-arrow:hover{background-color: var(--main); color: var(--wite);}
.sv .slick-arrow i{line-height: 38px;}
.sv .slick-prev{left: 0;}
.sv .slick-next{right: 0;}
.sv:hover .slick-arrow{opacity: 1;}
.sv:hover .slick-prev{left: calc(-40px - 1.5rem);}
.sv:hover .slick-next{right: calc(-40px - 1.5rem);}
.sv-img a{width: 100%; height: 0; padding-top: 100%;}
.sv-img:before, .sv-img:after{content: ''; position: absolute; pointer-events: none;}
.sv-img:before{top: 0; left: 0; width: 100%; height: 100%; background: url(/theme/images/bg.jpg) no-repeat center; opacity: 75%; transition: all 0.5s ease 0s;}
.sv-img:after{top: 1rem; left: 1rem; width: calc(100% - 2rem); height: calc(100% - 2rem); border: 4px double var(--wite); border-radius: 50%;}
.sv-item:hover .sv-img:before{opacity: 1;}
.sv-item:hover .sv-img a{transform: rotate(-5deg);}
/* home_shop */
.sp{background: url(/theme/images/bg.jpg) no-repeat center / cover;}
.sp .container{padding: 0;}
.sp .slick-slide > div{padding: 0 0.75rem;}
.sp .slick-arrow{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; background-color: var(--main); border: 1px solid var(--wite); color: var(--wite); opacity: 0;}
.sp .slick-arrow:hover{background-color: var(--wite); color: var(--main);}
.sp .slick-arrow i{line-height: 38px;}
.sp .slick-prev{left: 0;}
.sp .slick-next{right: 0;}
.sp:hover .slick-arrow{opacity: 1;}
.sp:hover .slick-prev{left: calc(-40px - 1.5rem);}
.sp:hover .slick-next{right: calc(-40px - 1.5rem);}
.sp-img span{position: absolute; top: 1rem; left: 1rem; width: 45px; border: 1px solid var(--main); line-height: 43px;}
/* home_slide */
.sl-logo{left: 3rem; max-width: calc(100% - 1.5rem); width: 360px; height: 100vh; z-index: 99996;}
.sl-box{position: absolute; left: 0; z-index: 99995;}
.sl-box:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/theme/images/bg.jpg) center center no-repeat; opacity: 75%; pointer-events: none;}
.sl-box .container{max-width: 1200px;}
.sl-box .fnt::before, .sl-box .fnt::after{content: ""; position: absolute; bottom: -3px; height: 3px; background-color: var(--wite);}
.sl-box .fnt::before{left: 0px; width: 36px;}
.sl-box .fnt::after{left: 39px; width: 15px;}
.sl-box ul{list-style: none;}
.sl-box ul li+li{margin-top: 0.5rem;}
.sl-box ul li a{color: var(--wite);}
@media all and (max-width: 1199px){
    .sl-logo{right: 0; left: 0; margin: 0 auto;}
	.sl-box{position: relative;}
    .sl-box:before{opacity: 1;}
}
@media all and (max-width: 767px){
	.sl-box{text-align: center;}
    .sl-box .fnt::before, .sl-box .fnt::after{display: none;}
}
/* home_work */
.work{padding: 6rem 0 calc(40px + 9rem);}
.work-item{background: url(/theme/images/bg.jpg) no-repeat center / cover; border: 5px outset var(--wite);}
.work-item img{transform: scale(85%); transition: all 0.5s ease 0s;}
.work-item i{right: 0; left: 0; transform: scale(0.5); opacity: 0;}
.work-item:hover img{transform: scale(1);}
.work-item:hover i{background-color: rgb(0 0 0 / 50%); transform: scale(1); opacity: 1;}
.work-slick .slick-arrow{position: absolute; bottom: calc(-40px - 3rem); margin: 0 auto; width: 40px; background-color: var(--main); border: 1px solid var(--wite); color: var(--wite);}
.work-slick .slick-arrow:hover{background-color: var(--wite); color: var(--main);}
.work-slick .slick-arrow i{display: block; line-height: 38px;}
.work-slick .slick-prev{right: 0; left: calc(-40px - 0.75rem);}
.work-slick .slick-next{right: calc(-40px - 0.75rem); left: 0;}
/* service */
.service{padding-top: calc(99px + 3rem);}
.service .container{max-width: 768px;}
.service .container:before{content: ''; position: absolute; top: 0; left: 0.75rem; width: calc(100% - 1.5rem); height: 100%; background: url(/theme/images/bg.jpg) no-repeat center / cover; opacity: 75%; pointer-events: none;}
.service .ls-1:after{content: ''; position: absolute; bottom: 0px; right: 0; left: 0; display: block; width: 30px; height: 2px; margin: 0 auto; background-color: var(--prev);}
.service ul{list-style: none;}
.service li h3:after{content: ''; display: inline-block; width: 100px; height: 0; margin: 0 0.5rem; border-top: 2px dotted var(--prev);}
/* shop_detail */
.spSlide .slick-slide > div{position: relative; height: 0; padding-top: 100%; cursor: pointer;}
.spSlide-nav .slick-slide{padding: 0 0.75rem;}
.spSlide-nav .slick-current div:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid var(--text);}
.spSlide-nav .slick-arrow{position: absolute; top: 0; bottom: 0; width: 30px; height: 30px; margin: auto; background-color: var(--wite); border-radius: 50%; box-shadow: 0 0 3px rgb(0 0 0 / 25%);}
.spSlide-nav .slick-arrow:hover{opacity: 1;}
.spSlide-nav .slick-arrow i{display: flex; height: 100%; align-items: center; justify-content: center;}
.spSlide-nav .slick-prev{left: 0;}
.spSlide-nav .slick-next{right: 0;}

.spInfo{box-shadow: 0 0 5px rgb(0 0 0 / 25%);}
.spInfo-info{list-style: none;}
.spInfo-info li+li{margin-left: 0.5rem; padding-left: 0.5rem; border-left: 3px double var(--prev);}
.spInfo-info li a{color: var(--wite);}

.spInfo-prev{border-top: 1px solid var(--wite);}
.spInfo-prev ul{list-style: none; padding-left: 0;}
.spInfo-prev ul li{position: relative; padding-left: 24px;}
.spInfo-prev ul li:before{content: '\f105'; position: absolute; top: 0; left: 4px; font-family: "Font Awesome 6 Pro"; font-size: 12px; font-weight: 700; line-height: 24px; color: var(--wite);}

.spInfo-quantity{background-color: var(--wite); border: 1px solid var(--wite);}
.spInfo-quantity *{width: 40px; text-align: center; line-height: 38px; color: var(--main); cursor: pointer; user-select: none;}
.spInfo-quantity input[type=number]{height: 38px; padding: 0; background-color: var(--grey); border: none; box-shadow: none; appearance: none;}
.spInfo-quantity input[type=number]::-webkit-inner-spin-button, .spInfo-quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;}

.spInfo-button{padding: 0 1rem; background-color: var(--wite); border: 1px solid var(--wite); text-align: center; line-height: 38px; color: var(--main); cursor: pointer; transition: all 0.5s ease 0s;}
.spInfo-button:hover{background-color: var(--main); color: var(--wite);}
#addToCartAlert{left: 0.75rem; width: calc(100% - 1.5rem); line-height: 40px; pointer-events: none;}