.banner{}
.banner{position: relative; display: flex; height: 230px; align-items: center; justify-content: center; background: no-repeat center / cover;}
.banner:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 50%);}
.banner .wrap > *:nth-child(1){display: block; font-size: 52px; font-weight: 900; text-transform: uppercase; text-align: center; color: #fff;}
.breadcrumb{padding: 18px 0; background-color: #f7f7f7;}
.breadcrumb ul{list-style: none;}
.breadcrumb ul li{float: left;}
.breadcrumb ul li+li:before{content: "/"; padding: 0 5px; font-weight: 400; color: #333!important;}
.breadcrumb ul li a{color: #333;}
.breadcrumb ul li:nth-last-child(2), .breadcrumb ul li:nth-last-child(2) a{font-weight: 700; color: #a23335;}

.slide-CH{}
.slide-CH-slick{vertical-align: top; background-size: 0;}

@media all and (max-width: 768px){
    .breadcrumb ul li.breadcrumb-768{display: none;}
    .banner{height: 215px;}
}
@media all and (max-width: 580px){
    .breadcrumb ul li.breadcrumb-580{display: none;}
    .banner .wrap > *:nth-child(1){font-size: 32px;}
    .banner{height: 165px;}
}
@media all and (max-width: 414px){
	.slide-CH-slick{height: 220px; background: no-repeat center / auto 100%;}
    .slide-CH-slick img{opacity: 0;}
}.menu-bar{float: left; margin-left: calc((100% - 70px - 763px - 62px - 36px - 186px)/2);}
.menu ul{list-style: none; transition: all 0.3s ease 0s;}
.menu ul li{position: relative;}
.menu ul li a{display: block; padding: 0 10px; font-weight: 700; color: #333; transition: all 0.3s ease 0s;text-transform: uppercase;font-size: 14px;}
.menu > ul > li{float: left;}
.menu > ul > li.menu-display{display: none;}
.menu > ul > li > a{line-height: 80px;}
.menu > ul > li.active > a, .menu > ul > li:hover > a{background-color: #a23335; box-shadow: inset 0 -5px 0 #ffc82a; color: #fff;}
.menu ul li ul{position: absolute; width: 210px; padding: 15px 0; background-color: #fff; transform-origin: 0 0; opacity: 0;}
.menu ul li ul li a{padding: 0 15px; font-size: 14px; line-height: 40px;text-transform: none;}
.menu ul li ul li:hover > a{background-color: #a23335; color: #fff;}
.menu > ul > li > ul{top: 100%; left: 0; transform: scale(1,0);}
.menu > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
.menu > ul > li > ul > li > ul{top: -15px; left: 100%; transform: scale(0,1);}
.menu > ul > li > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
.menu-mobile{position: absolute; top: 20px; left: 100px; width: 50px; height: 40px;}
.menu-mobile span{display: block; width: 25px; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #333;}
.menu-mobile span:after, .menu-mobile span:before{content: ''; position: absolute; display: block; width: 100%; height: 2px; background-color: #333;}
.menu-mobile span:after{bottom: -7px;}
.menu-mobile span:before{top: -7px;}
@media all and (max-width: 1169px){
    .menu-mobile{right: 0; left: initial;}
}.sanpham{padding-bottom: 50px;}
.sanpham-title{margin-bottom: 40px; font-size: 42px; text-transform: uppercase; text-align: center; color: #a23335;position: relative;}
.sanpham-title a{display: block; font-size: 32px; text-transform: uppercase; text-align: center; color: #333;}
.sanpham-title span:before, .sanpham-title span:after{content: ''; position: absolute; right: 0; bottom: 0; left: 0; margin: auto;width: 100px; height: 1px; background-color: rgb(0 0 0 / 10%);}
.sanpham-title span:before{left: 150px;}
.sanpham-title span:after{right: 150px;}
.sanpham-title i{position: absolute; right: 0; bottom: -13px; left: 0; margin: auto; font-size: 30px; color: rgb(0 0 0 / 40%)}
.sanpham-list{display: flex; flex-flow: row wrap;}
.sanpham-item{box-sizing: border-box; float: left; width: calc((100% - 90px)/4); margin: 0 30px 30px 0; padding: 15px; box-shadow: 0 1px 3px rgb(0 0 0 / 25%); transition: all 0.3s ease 0s;}
.sanpham-item:nth-child(4n){margin-right: 0;}
.sanpham-img{position: relative; overflow: hidden;transition: 0.3s;border:solid 1px #d5d5d5;cursor: pointer;}
.sanpham-content{background: #a23335;transition: 0.4s;padding: 10px;color: #fff;}
@keyframes shine{100%{left: 125%}}
.sanpham-name a{display: block; font-weight: 400; text-align: center; color: #fff;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis;overflow: hidden; transition: all 0.3s ease 0s;}
.sanpham-name a:hover{}
.sanpham-price{text-align: center;}
.sanpham-price span{padding-left: 5px; font-size: 14px; text-decoration: line-through; color: #777;}
.sanpham-img:after{content:'';position:absolute;top:34%;left:31%;cursor:pointer;border-radius:50px;display:inline-block;height:75pt;width:75pt;border:0 solid rgba(255,255,255,.7);box-sizing:border-box;opacity:.7;visibility:visible;transform:scale(4);transition:all .5s ease-in-out;}
.sanpham-owl .add-cart-action{position:absolute;bottom:-16px;left:0;right:0;display:block;width:100%;transform:rotateX(-90deg);transform-origin:0 28px 0;overflow:hidden;color:#fff;transition:all 0.5s ease;border-radius:0;border:none;}
.sanpham-owl .add-cart-action a{display:block;position:relative;background: #fc0;padding: 7px 22px;font-size: 14px;text-align: center;color: #fff;}
.sanpham-owl .add-cart-action a.added_to_cart{display:none;}
.sanpham-owl .add-cart-action .added:after{margin-left:.53em;vertical-align:bottom;}
.sanpham-owl .add-cart-action .loading:after{vertical-align:top;font-weight:400;position:absolute;top:.618em;right:1em;animation:spin 2s linear infinite;}
.sanpham-owl .ripple-tl{top:20%;left:20%;}
.sanpham-owl .ripple-br{bottom:20%;right:20%;}
.sanpham-owl:hover{box-shadow:0 5px 15px 0 rgba(0,0,0,.29);transition:0.3s;}
.sanpham-owl:hover .sanpham-img img{transform:scale(1.3,1.3);transition:0.5s}
.sanpham-owl:hover .sanpham-img:after{opacity:0;border:50px solid rgba(69,29,3,.5);visibility:hidden;transition: 0.4s}
.sanpham-owl:hover .add-cart-action{transform:rotateX(0deg) translateY(-16px);}
@media all and (max-width: 768px){
    .sanpham-item{width: calc((100% - 60px)/3);}
    .sanpham-item:nth-child(4n){margin-right: 30px;}
    .sanpham-item:nth-child(3n){margin-right: 0;}
}
@media all and (max-width: 580px){
    .sanpham-item{width: calc((100% - 30px)/2);}
    .sanpham-item:nth-child(3n){margin-right: 30px;}
    .sanpham-item:nth-child(2n){margin-right: 0;}
    .sanpham-price{font-size: 13px;}
}.request{position: fixed; top: 0; left: 0; display: none; width: 100vw; height: 100vh; background-color: rgb(0 0 0 / 75%); overflow: auto; z-index: 99995;}
.request-close{position: absolute; top: 0; right: 0; width: 50px; font-size: 30px; text-align: center; line-height: 50px; color: #fff; cursor: pointer; z-index: 1;}
.request-wrap{position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
.request-wrap .wrap{max-width: 970px; background: url(/theme/images/request.jpg) no-repeat center / cover;}
.request-wrap .wrap:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 25%);}
.request-wrap-2{position: relative; background: url(/theme/images/request.jpg) no-repeat center / cover;}
.request-left{box-sizing: border-box; position: absolute; top: 0; left: 0; display: flex; width: 50%; height: 100%; padding: 50px 30px 30px; align-items: center; justify-content: center;}
.request-left img{width: 125px; margin: 30px auto 15px;}
.request-left h2{padding: 15px; border: 1px solid #fff; text-transform: uppercase; text-align: center;}
.request-left h2 p:nth-child(1){font-size: 22px; color: #ffc82a; text-shadow: 1px 1px 0 #000;}
.request-left h2 p:nth-child(2){font-size: 42px; font-weight: 900; line-height: 1; color: #a23335; text-shadow: 1px 1px 0 #fff;}
.request-right{box-sizing: border-box; float: right; width: 50%; padding: 50px; background-color: rgb(0 0 0 / 75%); color: #fff;}
.request-form .form-item{}
.request-form .form-item input[type=text], .request-form .form-item select{color: #fff;}
.request-form .form-item input[type=text]:focus, .request-form .form-item select:focus{border-color: #ffc82a;}
.request-form .form-item input::placeholder{color:#fff;}
.request-form .form-item select option{color: #333;}
.request-model{display: flex; margin-bottom: 15px; flex-flow: row wrap; font-size: 14px;}
.request-model label{box-sizing: border-box; position: relative; display: block; float: left; width: calc(50% - 15px); margin-bottom: 15px; padding-left: 30px; cursor: pointer;}
.request-model label:nth-child(2n){margin-left: 30px;}
.request-model label:before, .request-model span.checked{content: ''; position: absolute; display: block; border-radius: 50%;}
.request-model label:before{top: 1px; left: 0; width: 19px; height: 19px; border: 1px solid #fff;}
.request-model label input[type=radio]{position: absolute; opacity: 0;}
.request-model label input[type=radio]:checked~span.checked{opacity: 1;}
.request-model label span.checked{top: 5px; left: 4px; width: 13px; height: 13px; background-color: #a23335; opacity: 0;}
.request-model label span strong{color: #ffc82a;}
.request-model label span small{display: inline-block; transform: translateY(-5px); font-size: 10px;}
.request-submit{position: relative; width: 200px; margin: 0 auto;}
.request-submit input[type=submit]{background-color: #ffc82a!important; color: #333;}
.request-submit input[type=submit]:hover{background-color: #000!important; color: #a23335;}

@media all and (max-width: 970px){
    .request-wrap .wrap{}
}
@media all and (max-width: 580px){
    .request{background: url(/theme/images/request.jpg) no-repeat center / cover;}
    .request:before{content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 75%);}
    .request-wrap .wrap{width: 100%; background: none;}
    .request-wrap .wrap:before{display: none;}
    .request-left{position: relative; width: auto; height: auto; margin-bottom: 15px;}
    .request-right{float: none; width: auto; background-color: transparent;}
    
    .lienhe-form .request-wrap-2{position: relative; padding: 50px 0;}
    .lienhe-form .request-wrap-2:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 75%);}
}
@media all and (max-width: 414px){
    .request-left{padding: 0;}
    .request-left img{width: 70px; margin: 15px auto;}
    .request-left h2{padding: 0; border: none;}
    .request-left h2 p:nth-child(1){font-size: 20px;}
    .request-left h2 p:nth-child(2){font-size: 35px;}
    .request-right{padding: 15px;}
    .request-model label:nth-child(2n){margin-left: 0;}
}.slide{position: relative; font-weight: 700; text-transform: uppercase; color: #fff;}
.slide-carousel .slide-slick{position: relative; display: block!important; height: calc(100vh - 120px); background: no-repeat center / cover; overflow: hidden;}
.slide-carousel .slide-content{position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); align-items: center; justify-content: center; text-align: center;}
.slide-carousel .slide-content h2{margin-bottom: 30px; font-size: 72px; animation-delay: 0.3s;}
.slide-carousel .slide-content p{margin: 0 auto 30px; font-weight: 400; text-transform: none; animation-delay: 0.5s;max-width: 55%;}
.slide-carousel .slide-content a{display: inline-block; animation-delay: 0.7s;}
.slide-carousel .slide-content a span{display: block; padding: 0 30px; background-color: #a23335; border-radius: 25px; font-size: 14px; line-height: 50px; letter-spacing: 1px; color: #fff; transition: all 0.3s ease 0s}
.slide-carousel .slide-content a span:hover{background-color: #ffc82a; color: #333;}
.slide-carousel .slick-current .slide-content *{animation-name: fadeup; animation-duration: 1s; animation-fill-mode: both;}
.slide-carousel .slick-dots{position: absolute; right: 0; bottom: 30px; left: 0; margin: 0 auto;}
.slide-carousel .slick-dots li{width: 15px; height: 15px; border-radius: 50%; background-color: #fff;}
.slide-carousel .slick-dots li+li{margin-left: 10px;}
.slide-carousel .slick-dots li.slick-active{background-color: #a23335;}
@keyframes fadeup{from{transform: translateY(25%); opacity: 0;} to{transform: translateY(0); opacity: 1;}}
@media all and (max-width: 1024px){
    .slide-carousel .slide-content h2{font-size: 54px;}
}
@media all and (max-width: 768px){
	.slide-carousel .slide-slick{height: calc(100vh - 80px);}
}
@media all and (max-width: 580px){
    .slide-carousel .slide-content p{max-width: 100%;}
}
@media all and (max-width: 480px){
    .slide-carousel .slide-content h2{font-size: 36px;}
}.count{position: relative; padding: 50px 0; background: #a23335; text-transform: uppercase; text-align: center; color: #95191c;}
.count:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/theme/images/bg-countdown.jpg);background-position: center;background-size: cover;background-repeat: no-repeat; opacity: 90%;}
.count ul{list-style: none; font-size: 0;}
.count ul li{float: left; width: calc(100%/3); font-size: 18px;}
.count ul li b{display: block; font-size: 72px; color: #95191c;}
.count .icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;background:none;border-width:0;height:100px;margin:0 auto 30px;margin-top:0px;width:100px;margin-top:30px;}
.count .icon-wrapper::before{content: " ";height:100%;position:absolute;left:-2px;right:0;top:-1px;margin:auto;width:100%;border-radius:20px;transform:rotate(45deg);border:solid 2px #95191c;}
.count .icon-wrapper p::before {color: #95191c;font-size: 50px;}
.count ul li p:nth-child(2){position: relative;display: inline-block;}
.count ul li p:nth-child(2) i{position: absolute; top: 45px; right: -20px; font-size: 20px;}
@media all and (max-width: 580px){

}
@media all and (max-width: 480px){
    .count ul li b{font-size: 35px;}
    .count ul li p:nth-child(2) i{top: 17px;}
    .count ul li p:nth-child(3){font-size: 13px;}
    .count .icon-wrapper{height:65px;width:65px;}
    .count .icon-wrapper p::before{font-size: 38px;}
}   .feedback{padding: 50px 0;}
.feedback .wrap{max-width: 870px;}
.feedback-title{margin-bottom: 30px; font-size: 32px; text-align: center; line-height: 1.2; color: #a23335;}
.feedback-img{float: left; width: 100px; margin: 0 auto; border-radius: 50%; overflow: hidden;}
.feedback-wrap{float: right; width: calc(100% - 115px);}
.feedback-star{margin-bottom: 5px; color: #ffc82a;}
.feedback-content{margin-bottom: 15px;}
.feedback-carousel .feedback-slick{vertical-align: top;}
.feedback-carousel .slick-dots{padding-top: 30px;}
.feedback-carousel .slick-dots li{width: 15px; height: 15px; background-color: #d7d7d7; border-radius: 50%;}
.feedback-carousel .slick-dots li+li{margin-left: 5px;}
.feedback-carousel .slick-dots li.slick-active{background-color: #a23335;}
@media all and (max-width: 580px){
    .feedback{text-align: center;}
    .feedback-img{float: none; margin-bottom: 15px;}
    .feedback-wrap{float: none; width: auto;}
}.gallery{padding: 50px 0;}
.gallery .wrap{width: auto;}
.gallery-carousel{margin-bottom: 30px;}
.gallery-carousel .slick-slide{padding: 0 15px;}
.gallery-carousel .slick-list{}
.gallery-carousel .gallery-slick{ vertical-align: top;}
.gallery-carousel .gallery-slick img{width: 100%;}
.gallery-nav{max-width: 768px; margin: 0 auto;}
.gallery-nav .slick-slide{padding: 0 5.5px;}
.gallery-nav .gallery-nav-slick{box-sizing: border-box; vertical-align: top; cursor: pointer; border: 2px solid transparent;}
.gallery-nav .slick-current .gallery-nav-slick{box-sizing: border-box; border: 2px solid #a23335;}
.gallery-nav .slick-arrow{position: absolute; top: 0; bottom: 0; width: 33px; height: 33px; margin: auto 0; border: 1px solid #a23335;}
.gallery-nav .slick-arrow:hover{background-color: #a23335;}
.gallery-nav .slick-arrow i{font-size: 20px; line-height: 33px; color: #a23335;}
.gallery-nav .slick-arrow:hover i{color: #fff;}
.gallery-nav .slick-prev{left: -65px;}
.gallery-nav .slick-next{right: -65px;}
@media all and (max-width: 768px){
    .gallery{padding: 50px 0 100px;}
    .gallery-carousel .slick-slide{padding: 0;}
    .gallery-nav .slick-arrow{top: initial; right: 0; bottom: -45px; left: 0; margin: 0 auto;}
    .gallery-nav .slick-prev{left: -45px;}
    .gallery-nav .slick-next{right: -45px;}
}.hp1{padding: 3rem 0;}
.hp1 .wrap{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.hp1 .wrap > div{flex: 0 0 auto; width: calc(50% - 1.5rem);}
.hp1 .wrap > div:nth-child(2){position: relative;}
.hp1 .wrap > div:nth-child(2) span{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 75px; height: 50px; margin: auto; border-radius: 10px; background-color: #a23335; transform: scale(90%); opacity: 80%; transition: all 0.3s ease 0s;}
.hp1 .wrap > div:nth-child(2) span i{display: block; text-align: center; line-height: 50px; color: #fff;}
.hp1 .wrap > div:nth-child(2):hover span{transform: scale(1); opacity: 1;}
.hp1 img{width: 100%; border-radius: 15px;}
.hp1-title{margin-bottom: 1.5rem; font-size: 36px; color: #a23335;}
.hp1-prev{margin-bottom: 1.5rem; text-align: justify; color: #777;}
.hp1-more{font-weight: 700; line-height: 40px;}
.hp1-more a{display: inline-block; padding: 0 1.5rem; border-radius: 20px; background-color: #a23335; color: #fff; transition: all 0.3s ease 0s;}
.hp1-more a:hover{background-color: #ffc82a; color: #333;}
@media all and (max-width: 991px){
	.hp1 .wrap > div{width: 100%;}
    .hp1 .wrap > div:nth-child(1){margin-bottom: 3rem;}
    .hp1-prev{margin-bottom: 1.5rem;}
}
.hp2-wrap{position: relative; margin-bottom: 3rem; padding: 6rem; background: no-repeat center / cover; border-radius: 15px; text-align: center;}
.hp2-back{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center bottom -6rem / cover; opacity: 15%;}
.hp2-title{position: relative; margin-bottom: 3rem; font-size: 40px; text-transform: capitalize; line-height: 1.2;}
.hp2-prev{position: relative; max-width: 810px; margin: 0 auto; font-size: 18px; font-weight: 700;}
.hp2-prev strong{color: #a23335;}
.hp2-list{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 1.5rem;}
.hp2-item{flex: 0 0 auto; width: calc(33% - 2.5rem); margin-bottom: 3rem; text-align: center;}
.hp2-item img{width: 100%; max-width: 360px; margin: 0 auto 1.5rem; border-radius: 50%;}
.hp2-item h3{margin-bottom: 0.75rem; font-size: 24px; color: #a23335;}
.hp2-item p{color: #777;}
@media all and (max-width: 767px){
    .hp2-wrap{padding: 3rem;}
	.hp2-item{width: 100%;}
}
.hp3{position: relative; margin-bottom: 3rem; padding: 6rem 0; background-repeat: repeat;background-attachment: fixed;}
.hp3:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.hp3-tabs{list-style: none; display: flex; justify-content: space-between; margin-bottom: 0.75rem; padding-bottom: 0.75rem; overflow-x: auto;margin: 0 auto;}
.hp3-tabs li{flex: 0 0 auto;}
.hp3-tabs li a{box-sizing: border-box; display: block; padding: 0.5rem 1rem; background-color: #fff; border-radius: 5px; border-bottom: 2px solid #d7d7d7; text-transform: uppercase; color: #333;}
.hp3-tabs li a.active{font-weight: 700; border-bottom-color: #a23335; color: #a23335;}
@media all and (max-width: 991px){
    .hp3{padding: 3rem 0}
    .hp3-tabs{margin: 0 auto;width: 100%;display: list-item;}
}
.hp4{text-align: center;}
.hp4-list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.hp4-item{flex: 0 0 auto; width: calc(50% - 1.5rem); margin-bottom: 3rem;}
.hp4-item img{width: 100%; margin-bottom: 0.5rem; border-radius: 15px;}
.hp4-item h3{font-size: 24px; color: #a23335; transition: all 0.3s ease 0s;}
.hp4-item:hover h3{color: #ffc82a;}
@media all and (max-width: 767px){
    .hp4-item{width: 100%;}
}
.paradigm{position: relative; padding: 100px 0 70px; background: url(/theme/images/bg-nhuongquyen.jpg) no-repeat center / cover;}
.paradigm:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 75%);}

.paradigm-title{margin-bottom: 30px; font-size: 42px; text-transform: uppercase; text-align: center; color: #ffc82a;}

.paradigm-quote{position: relative; margin-bottom: 75px; padding-bottom: 75px; font-size: 18px; text-align: center;letter-spacing: 1px; color: #fff;}
.paradigm-quote:before, .paradigm-quote:after{content: ''; position: absolute; bottom: 0; display: block; width: calc(50% - 50px); height: 1px; background-color: rgb(255 255 255 / 50%);}
.paradigm-quote:before{left: 0;}
.paradigm-quote:after{right: 0;}
.paradigm-quote i{position: absolute; right: 0; bottom: -25px; left: 0; font-size: 50px; width: 50px; margin: auto; color: rgb(255 255 255 / 50%);}

.paradigm-item{position: relative; float: left; width: calc((100% - 60px)/3); margin: 0 30px 30px 0; border-radius: 5px; box-shadow: 0 0 15px rgb(0 0 0 / 25%); text-align: center; color: #fff; overflow: hidden; transition: all 0.3s ease 0s;}
.paradigm-item:nth-child(3n){margin-right: 0;}
.paradigm-item > *:not(img){position: absolute; right: 0; left: 0; margin: 0 auto; transition: all 0.3s ease 0s;}
.paradigm-item h3{bottom: 0; padding: 15px; font-size: 22px; text-transform: uppercase;}
.paradigm-item h3 span{display: block; font-weight: 300; text-transform: none;}
.paradigm-wrap{bottom: 0; display: flex; height: 96px; background-color: rgb(0 0 0 / 70%); align-items: center; justify-content: center;}
.paradigm-wrap p{height: 0; opacity: 0; transition: all 0.3s ease 0s;}
.paradigm-wrap p strong{color: #ffc82a;}
.paradigm-wrap p small{display: inline-block; transform: translateY(-5px); font-size: 12px;}
.paradigm-item:hover > .paradigm-wrap{height: 100%;}
.paradigm-item:hover > .paradigm-wrap p{height: auto; opacity: 1;}
/*
.paradigm-item:nth-child(1){background-color: #a23335;}
.paradigm-item:nth-child(1) img{opacity: 0;}
.paradigm-item:nth-child(1):before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/theme/images/logo_2.png) no-repeat center / auto calc(100% - 30px); opacity: 10%;}
.paradigm-item:nth-child(1) .paradigm-wrap{height: 100%; background-color: transparent;}
.paradigm-item:nth-child(1) .paradigm-wrap span{display: inline-block; padding: 0 30px; background-color: #ffc82a; border-radius: 25px; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 50px; letter-spacing: 1px; color: #333; transition: all 0.3s ease 0s;}
.paradigm-item:nth-child(1):hover .paradigm-wrap span{background-color: #000; color: #a23335;}
*/
.paradigm-item a{top: 0; bottom: 0;}

@media all and (max-width: 1024px){
    .paradigm-item{width: calc((100% - 60px)/3);}
    .paradigm-item:nth-child(3n){margin-right: 0;}
}
@media all and (max-width: 768px){
    .paradigm-wrap{height: 68px;}
	.paradigm-item h3{padding: 10px; font-size: 18px;}
    .paradigm-item h3 span{font-size: 14px;}
}
@media all and (max-width: 580px){
    .paradigm{padding: 50px 0 20px;}
    .paradigm-item{float: none; width: auto; margin-right: 0;}
    .paradigm-item:nth-child(3n){margin-right: 0;}
}
@media all and (max-width: 414px){
    .paradigm-item h3{position: relative;}
}.drinksgroup .drinks-item{border-width: 2px 2px 2px 2px;}
.drinks-prev{font-size: 14px;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.drinks-intro{max-width: 768px; margin: 0 auto 35px; text-align: center;}
.drinks-intro img{max-width: 150px; margin: 0 auto;}
.drinks-intro *{margin-bottom: 15px!important;}
.drinks-group{margin-bottom: 20px;}
.drinks-group-name{margin-bottom: 20px; border-bottom: 1px solid #a23335;}
.drinks-group-name > *{display: block; font-size: 32px; color: #a23335;}
.drinks-group-name span{font-size: 22px;}
.drinks-title{margin-bottom: 50px;}
.drinks-title a{display: block; font-size: 32px; text-transform: uppercase; text-align: center; color: #333;}
.drinks-list{display: flex; flex-flow: row wrap;margin-top: 50px;}
.drinks-item{box-sizing: border-box; float: left; width: calc((100% - 90px)/4); margin: 0 30px 0 0; padding: 15px; background-color: #fff; border:solid 1px #eeeeee;}
.drinks-item:hover{}
.drinks-item:nth-child(4n){margin-right: 0;}
.drinks-name{font-weight: 400; text-align: center; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.drinks-img{
    padding-top: 100%;
	position: relative;
	overflow: hidden;
}
.drinks-img img{
    position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.drinks-img:hover img{    
    -webkit-transform: translate(-50%,-50%) scale(1.05);
	-ms-transform: translate(-50%,-50%) scale(1.05);
	-o-transform: translate(-50%,-50%) scale(1.05);
	transform: translate(-50%,-50%) scale(1.05);
}
.drinks-name a{display: block; font-weight: 400; text-align: center; color: #333;}
.drinks-name a:hover{color: #a23335;}
.drinks-price{text-align: center;}
.drinks-price span{padding-left: 5px; font-size: 14px; text-decoration: line-through; color: #777;}
@media all and (max-width: 768px){
    .drinks-item{width: calc((100% - 60px)/3);}
    .drinks-item:nth-child(4n){margin-right: 30px;}
    .drinks-item:nth-child(3n){margin-right: 0;}
}
@media all and (max-width: 580px){
    .drinks-item{width: calc((100% - 30px)/2);}
    .drinks-item:nth-child(3n){margin-right: 30px;}
    .drinks-item:nth-child(2n){margin-right: 0;}
}.sticky-right{position: sticky;top: 95px;}
.col-form{ margin: 30px 0;}
.col-form .form-item{margin-bottom: 20px;}
.col-form .form-item input[type=text], .col-form .form-item select{height: 40px; background-color: #fff; color: #333;}
.col-form .form-item input[type=submit]{width: 185px;}
.col{margin-bottom: 30px; padding: 15px; background-color: #f7f7f7;}
.col ul{list-style: none;}
.col-title{margin-bottom: 15px; font-weight: 700; text-transform: uppercase;}
.col-news li+li{margin-top: 15px; padding-top: 15px; border-top: 1px solid #d7d7d7;}
.col-news li a{position: relative; display: block; line-height: 22px;}
.col-news li a > span{position: absolute; top: 0; right: 0; bottom: 0; display: flex; width: calc(100% - 114px); margin: auto; align-items: center;}
.col-news li a > span span{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #333; overflow: hidden; transition: all 0.3s ease 0s;}
.col-news li a:hover > span span{color: #a23335;}.why-video{}
.why-video a{position: relative; display: block; height: 100%; animation: ripple 3s infinite;}
.why-video a:before, .why-video a i{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.why-video a:before{content: ''; width: 50px; height: 50px; background-color: rgb(255 255 255 / 75%); outline: 10px solid rgb(255 255 255 / 50%); border-radius: 50%; box-shadow: 0 8px 21px 0 rgba(162,51,53,.7); animation:ripple 3s infinite; position:absolute; animation-delay: 0.4s;}
.why-video a:after{animation: ripple 3s infinite; position: absolute; animation-delay: 0.8s;}
.why-video a i{width: 30px; height: 30px; font-size: 20px; text-align: center; line-height: 30px; color: #a23335; transition: all 0.25s ease 0s;}
.why-video a:hover i{transform: scale(1.25);}
@keyframes ripple{
    70%{box-shadow: 0 0 0 50px rgba(255,255,255,0);}
    100%{box-shadow: 0 0 0 0 rgba(255,255,255,0);}
}.lienhe{padding-top: 50px;}
.lienhe-info ul{list-style: none;}
.lienhe-top{padding: 30px 15px; }
.lienhe-info ul li{box-sizing: border-box; float: left; width: calc((100% - 100px)/3); margin: 0 50px 50px 0; background: #f7f7f7; text-align: center;}
.lienhe-info ul li:nth-child(1){width: 100%;}
.lienhe-info ul li:nth-child(4){margin-right: 0;}
.lienhe-info ul li h2{font-size: 22px; font-weight: 400; text-transform: uppercase; color: #a23335;}
.lienhe-info ul li i{font-size: 50px; color: #a23335; transition: all 0.3s ease 0s;}
.lienhe-info ul li span{display: block; margin-bottom: 15px;}
.lienhe-info ul li a{font-weight: 700; color: #333; transition: all 0.3s ease 0s;}
.lienhe-info ul li a:hover{color: #fff;}
.lienhe-item,.lienhe-top{border: 7px solid transparent;box-shadow: 0 0 0 2px #fff inset;padding: 20px 30px;}
.lienhe-item:hover,.lienhe-top:hover{background: #a23335;transition: 0.4s;color: #fff;}
.lienhe-item:hover i,.lienhe-top:hover,.lienhe-item:hover a,.lienhe-top:hover,.lienhe-top:hover h2{color: #fff;}
.lienhe-form{margin-bottom: 50px;}
.lienhe-map iframe{display: block!important; width: 100%!important; height: 500px!important;}
@media all and (max-width: 768px){    
    .lienhe-info ul li{float: none; width: auto; margin-right: 0;}
}.table{box-sizing: border-box; display: table; width: 100%; border-collapse: collapse; background-color: #fff;}
.table-body{box-sizing: border-box; display: table-row-group;}
.table-row{display: table-row;}
.table-row.table-head{font-weight: 700; text-transform: uppercase; text-align: center; line-height: 40px}
.table-row.table-head .table-cell:nth-child(2),
.table-row.table-head .table-cell:nth-child(3),
.table-row.table-head .table-cell:nth-child(4){width: 115px;}
.table-cell{box-sizing: border-box; display: table-cell; padding: 5px; border: 1px solid #d7d7d7; text-align: center; vertical-align: middle;}
.table-payment{text-align: left;}
.table-payment img{display: inline-block; vertical-align: middle;}
.table-payment span{font-size: 16px;}
.table-payment span b{color: #a23335;}
.cart{padding: 50px 0;}
.cart-name{padding-top: 5px;}
.cart-name a{display: block; font-size: 22px; text-transform: uppercase; text-align: left; color: #333;}
.cart-name a:hover{text-decoration: underline;}
.cart-string{padding-top: 5px; text-align: left;}
.cart-string ul{list-style: none;}
.cart-string li a{color: #333;}
.cart-string li a:hover{text-decoration: underline;}
.cart-string li:last-child a{color: #a23335;}
.cart-quantity{width: 90px; margin: auto;}
.cart-quantity a{float: left; width: 25px;}
.cart-quantity a i{display: block; width: 25px; background-color: #f7f7f7; text-align: center; line-height: 25px; color: #333; transition: all 0.3s ease 0s;}
.cart-quantity a i:hover{background-color: #a23335; color: #fff;}
.cart-quantity a.disabled i{background-color: #f7f7f7; color: #333; cursor: not-allowed;}
.cart-quantity input[type=text]{float: left; width: 40px; height: 25px; border: none; font-size: 16px; text-align: center; text-indent: 0;}
.cart-total{margin-bottom: 30px; font-size: 18px; text-align: right; line-height: 50px;}
.cart-total b{color: #a23335;}
.cart-payment{font-size: 14px; font-weight: 700; text-transform: uppercase; text-align: right; line-height: 50px;}
.cart-payment a{display: inline-block; padding: 0 30px; background-color: #a23335; border-radius: 25px; color: #fff; transition: all 0.3s ease 0s;}
.cart-payment a:hover{background-color: #ffc82a; color: #333;}
@media (min-width:320px){
    .table-cell:nth-child(4){display: none;}
    .cart-img{display: none;}
}
@media (min-width:768px){
    .table-cell:nth-child(4){display: table-cell;}
    .cart-img{float: left; display: block; width: 125px;}
    .cart-info{float: right; width: calc(100% - 140px);}
}.payment{padding: 50px 0 20px;}
.payment-bill{float: right; width: calc(50% - 25px);}
.payment-form{float: left; width: calc(50% - 25px); margin-bottom: 30px;}
.payment-form .form-item{float: left; width: calc(50% - 15px);}
.payment-form .form-item:nth-child(2n-1){float: right;}
.payment-form .form-item:nth-child(7){float: none; width: 100%;}
.payment-form .form-item:nth-child(10){float: none; width: 100%; margin-bottom: 0; text-align: right;}
.payment-form .form-item:nth-child(10) input[type=submit]{width: 200px;}
.payment-title{margin-bottom: 15px; font-size: 18px; font-weight: 500;}
.payment-list{list-style: none; margin-bottom: 20px;}
.payment-list li{margin-bottom: 10px;}
.payment-list li label{display: block; padding: 10px 15px; background: #f7f7f7; border: 1px solid #d7d7d7; border-radius: 5px;cursor: pointer;}
.payment-list li label i{margin-right: 15px;}
.payment-list li label input{display: none;}
.payment-list li div.main-detail{display: none; padding: 10px; border: 1px solid #d7d7d7; border-top: 0;}
.payment-list li.active label{background: #a23335; color: #fff;}
.payment-list li.active div.main-detail{display: block;}
@media all and (max-width: 768px){
    .payment-bill{float: none; width: auto;}
    .payment-form{float: none; width: auto;}
}.drinkgroup .drink-item{border-width: 2px 2px 2px 2px;}
.drink-prev{font-size: 14px;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.drink-intro{max-width: 768px; margin: 0 auto 35px; text-align: center;}
.drink-intro img{max-width: 150px; margin: 0 auto;}
.drink-intro *{margin-bottom: 15px!important;}
.drink-group{margin-bottom: 20px;}
.drink-group-name{margin-bottom: 20px; border-bottom: 1px solid #a23335;}
.drink-group-name > *{display: block; font-size: 32px; color: #a23335;}
.drink-group-name span{font-size: 22px;}
.drink-title{margin-bottom: 50px;}
.drink-title a{display: block; font-size: 32px; text-transform: uppercase; text-align: center; color: #333;}
.drink-list{display: flex; flex-flow: row wrap;margin-top: 50px;}
.drink-item{box-sizing: border-box; float: left; width: calc((100% - 90px)/4); margin: 0 30px 0 0; padding: 15px; border:solid 1px #eeeeee;}
.drink-item:hover{}
.drink-item:nth-child(4n){margin-right: 0;}
.drink-name{text-align: center;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.drink-img{
    padding-top: 100%;
	position: relative;
	overflow: hidden;
}
.drink-img img{
    position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.drink-img:hover img{    
    -webkit-transform: translate(-50%,-50%) scale(1.05);
	-ms-transform: translate(-50%,-50%) scale(1.05);
	-o-transform: translate(-50%,-50%) scale(1.05);
	transform: translate(-50%,-50%) scale(1.05);
}
.drink-name a{display: block; font-weight: 400; text-align: center; color: #333;}
.drink-name a:hover{color: #a23335;}
.drink-price{text-align: center;}
.drink-price span{padding-left: 5px; font-size: 14px; text-decoration: line-through; color: #777;}
@media all and (max-width: 768px){
    .drink-item{width: calc((100% - 60px)/3);}
    .drink-item:nth-child(4n){margin-right: 30px;}
    .drink-item:nth-child(3n){margin-right: 0;}
}
@media all and (max-width: 580px){
    .drink-item{width: calc((100% - 30px)/2);}
    .drink-item:nth-child(3n){margin-right: 30px;}
    .drink-item:nth-child(2n){margin-right: 0;}
}.franchise-head{margin-bottom: 50px; padding: 15px 0 30px; background-color: #f7f7f7;}
.franchise-head h1{font-size: 32px; font-weight: 400; text-transform: uppercase; line-height: 1.2;}
.franchise-title{position: relative; margin-bottom: 30px; font-size: 24px; text-transform: uppercase; color: #a23335;text-align: center;}
.franchise-title:before{content: ''; position: absolute; bottom: 10px; left: 0; width: 100%; height: 2px; background-color: #a23335;}
.franchise-title > div{position: relative; display: inline-block; padding:0 5px; background-color: #fff;}
.franchise-title p{color: #333;}
.franchise-title p strong{color: #a23335;}
.franchise-left{float: left; width: calc(100% - 330px);}
.franchise-right{position: absolute; top: 0; right: 0; bottom: 0; width: 300px; margin: auto;}

.franchise-1{padding-bottom: 20px;}
.franchise-1-list{display: flex; flex-flow: row wrap;}
.franchise-1-item{box-sizing: border-box; float: left; width: calc((100% - 60px)/3); margin: 0 30px 30px 0; text-align: center;}
.franchise-1-item:nth-child(3n){margin-right: 0;}
.franchise-1-item > p{width: 100px; margin: 0 auto 10px; padding: 10px; border: 2px solid #a23335; border-radius: 50%;}
.franchise-1-item h3{margin-bottom: 15px; background-color: #fff; font-size: 22px; line-height: 1;}
.franchise-1-item div{}
.franchise-1-item p {text-align: justify;}

.franchise-2{padding-bottom: 20px;}
.franchise-2-list{display: flex; flex-flow: row wrap; padding-top: 30px;}
.franchise-2-item{box-sizing: border-box; float: left; width: calc((100% - 60px)/3); margin: 0 30px 30px 0; padding: 50px 30px; background-color: #f7f7f7; text-align: center;}
.franchise-2-item:nth-child(3){margin-right: 0;}
.franchise-2-item > p{width: 50px; margin: 0 auto 15px; padding: 15px; background-color: #a23335; border-radius: 50%;}
.franchise-2-item h3{margin-bottom: 15px; font-size: 22px;}

.franchise-3{padding-bottom: 50px;}
.franchise-3-tabs{list-style: none;}
.franchise-3-tabs li a{position: relative; display: block; padding: 15px 0; border-bottom: 1px solid #d7d7d7; font-size: 22px; font-weight: 700; color: #333;}
.franchise-3-tabs li a:after{content: '\f105'; position: absolute; top: 22px; right: 0; font-family: 'Font Awesome 6 Pro'; font-size: 14px; font-weight: 900;}
.franchise-3-tabs li a.active:after{content: '\f107'; color: #a23335;}
.franchise-3-tabs li div{padding: 30px 0 15px;}
.franchise-3-tabs li div ul, .franchise-3-tabs li div ol{padding-left: 33px;}

.franchise-4{padding-bottom: 35px;}
.franchise-4 ul{list-style: none; padding-top: 50px; text-align: center; color: #333;}
.franchise-4 ul li{position: relative; float: left; width: calc((100% - 60px)/5); margin: 0 15px 15px 0; padding-top: calc((100% - 60px)/5); background-color: #e7e7e7; border-radius: 50%; overflow: hidden; transition: all 0.3s ease 0s;}
.franchise-4 ul li div{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; margin: auto; align-items: center; justify-content: center;}
.franchise-4 ul li div p{font-size: 14px;}
.franchise-4 ul li div p i{font-size: 35px; color: #a23335; transition: all 0.3s ease 0s;}
.franchise-4 ul li div p b{display: block; margin-bottom: -5px; padding-top: 5px; font-size: 18px;}
.franchise-4 ul li:nth-child(1){background-color: #a23335; color: #fff;}
.franchise-4 ul li:nth-child(1) div p i{color: #ffc82a}
.franchise-4 ul li:nth-child(5){margin-right: 0;}
.franchise-4 ul li:hover{background-color: #a23335; color: #fff;}
.franchise-4 ul li:hover i{color: #ffc82a;}
.franchise-4 img{display: inline-block;}

/*
.franchise-5{padding-bottom: 50px;}
.franchise-5-title{margin-bottom: 30px; font-size: 22px;}
.franchise-5-tabs{list-style: none;}
.franchise-5-tabs li{margin-bottom: 15px; float: left; width: calc((100% - 100px)/3); margin: 0 50px 50px 0;}
.franchise-5-tabs li:nth-child(3){margin-right: 0;}
.franchise-5-tabs li a{display: block; padding: 9px 0; background-color: #f7f7f7; text-align: center; color: #333;}
.franchise-5-tabs li a b{display: block; font-size: 22px; text-transform: uppercase;}
.franchise-5-tabs li a.active{background-color: #a23335; color: #fff;}
.franchise-5-wrap{position: relative;}
.franchise-5-content{float: left; width: 50%;}
.franchise-5-content div{padding: 30px;}
.franchise-5-content div:nth-child(1){background-color: #e7e7e7;}
.franchise-5-content div:nth-child(1) strong{display: block; margin-top: -3px; font-size: 32px; color: #a23335;}
.franchise-5-content div:nth-child(1) small{display: inline-block; transform: translateY(-5px); font-size: 12px;}
.franchise-5-content div:nth-child(2){background-color: #f7f7f7;}
.franchise-5-content div:nth-child(2) a{display: inline-block; margin-top: 30px; padding: 0 30px; background-color: #a23335; border-radius: 25px; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 50px; color: #fff; transition: all 0.3s ease 0s;}
.franchise-5-content div:nth-child(2) a:hover{background-color: #ffc82a; color: #333;}
.franchise-5-content ul, .franchise-5-content ol{padding-left: 25px;}
.franchise-5-content li{padding: 10px 0;}
.franchise-5-content li+li{border-top: 1px solid #d7d7d7;}
.franchise-5-content li:last-child{padding-bottom: 0;}
.franchise-5-picture{position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: no-repeat center / cover;}
.franchise-5-picture img{opacity: 0;}
*/

.franchise-5{padding-bottom: 50px;}
.franchise-5-title{margin-bottom: 30px; font-size: 22px;}
.franchise-5-tabs{list-style: none; margin-bottom: 15px; font-size: 0; text-align: center;}
.franchise-5-tabs li{display: inline-block; margin-bottom: 15px; padding: 0 15px;}
.franchise-5-tabs li a{display: block; font-size: 14px; font-weight: 700; text-transform: uppercase; text-align: center; color: #333;border: 2px solid #a23335;padding: 5px; }
.franchise-5-tabs li a.active{color: #a23335;}
.franchise-5-prev{padding-bottom: 15px;}
.franchise-5-prev p{float: left; width: calc(50% - 15px); margin-bottom: 15px; text-align: center;}
.franchise-5-prev p:nth-child(2){float: right;}
.franchise-5-prev p strong{display: block; font-size: 22px;}
.franchise-5-wrap{position: relative;}
.franchise-5-picture{float: left; width: calc(50% - 15px)}
.franchise-5-content{float: right; width: calc(50% - 15px);}
.franchise-5-content a{display: inline-block; margin-top: 30px; padding: 0 30px; background-color: #a23335; border-radius: 25px; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 50px; color: #fff; transition: all 0.3s ease 0s;}
.franchise-5-content a:hover{background-color: #ffc82a; color: #333;}
.franchise-5-content ul, .franchise-5-content ol{padding-left: 25px;}
.franchise-5-content li{padding: 5px 0;}
.franchise-5-content li+li{border-top: 1px solid #d7d7d7;}
.franchise-5-content li:last-child{padding-bottom: 0;}

.franchise-6{padding-bottom: 50px;text-align: center;}
.franchise-6 .franchise-title div{padding-left: 5px;}
.franchise-6-item{position: relative; font-size: 0; text-align: right;}
.franchise-6-item:before, .franchise-6-item img{content: ''; position: absolute;  right: 0; left: 0; margin: 0 auto;}
.franchise-6-item:before{top: 65px; width: 2px; height: calc(100% - 80px); background-color: #d7d7d7;}
.franchise-6-item img{top: 0; width: 50px;}
.franchise-6-prev{position: absolute; top: 50px; bottom: 0; right: calc(50% + 15px); height: 18px; margin: auto 0; font-size: 12px; text-transform: uppercase;}
.franchise-6-wrap{display: inline-block; width: calc(50% - 55px); padding: 15px 0 30px; text-align: left;}
.franchise-6-wrap h3{margin-bottom: 15px; font-size: 22px;  color: #a23335;}
.franchise-6-wrap div{padding: 30px; background-color: #f7f7f7; border-radius: 15px; font-size: 16px;}
.franchise-6-time{font-size: 22px; font-weight: 700; text-align: center; color: #a23335;}

.franchise-6-item:nth-child(2n){text-align: left;}
.franchise-6-item:nth-child(2n) .franchise-6-prev{right: initial; left: calc(50% + 15px);}
.franchise-6-item:nth-child(2n) .franchise-6-wrap{text-align: right;}

.franchise-qt{margin: 0 auto;}
.franchise-qt a{display: inline-block; margin-top: 30px; padding: 0 30px; background-color: #a23335; border-radius: 25px; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 50px; color: #fff; transition: all 0.3s ease 0s;}
.franchise-qt a:hover{background-color: #ffc82a; color: #333;}

@media all and (max-width: 1024px){
    .franchise-1, .franchise-2{padding-bottom: 20px;}
}
@media all and (max-width: 810px){
    .franchise-left{float: none; width: auto;}
    .franchise-right{display: none;}
}
@media all and (max-width: 580px){
	.franchise-1-item{width: calc((100% - 30px)/2);}
    .franchise-2-item{float: none; width: auto; margin-right: 0; padding: 30px;}
    .franchise-4 ul li{width: calc((100% - 15px)/2); padding-top: calc((100% - 15px)/2);}
    .franchise-4 ul li:nth-child(5){margin-right: 15px;}
    .franchise-4 ul li:nth-child(2n){margin-right: 0;}
    .franchise-5-prev p{float: none; width: auto;}
    .franchise-5-prev p:nth-child(2){float: none;}
    .franchise-5-picture{float: none; width: auto; margin-bottom: 30px;}
    .franchise-5-content{float: none; width: auto;}
}
@media all and (max-width: 414px){
    .franchise-head h2{font-size: 32px;}
    .franchise-title{font-size: 24px;}
    .franchise-title br{display: none;}
    .franchise-1-item{margin: 0 30px 30px 0;}
    .franchise-1-item:nth-child(2n),.franchise-1-item:nth-child(4n),.franchise-1-item:nth-child(6n) {margin-right: 0!important;}
    .franchise-1-item:nth-child(3n) {margin: 0 30px 30px 0;}
    .franchise-6-wrap{width: calc(50% - 40px);}
    .franchise-6-wrap div{padding: 15px;}
}

.news-partner{margin: 20px 0;}
.partner-title{margin-bottom: 30px; padding-top: 50px; font-size: 22px; font-weight: 700; text-align: center; text-transform: uppercase; color: #a23335;}
.partner-list{display: flex; flex-flow: row wrap;}
.partner-item{float: left; width: calc((100% - 90px)/4); margin: 0 30px 30px 0;}
.partner-item:nth-child(4n){margin-right: 0;}
.partner-img{margin-bottom: 15px;}
.partner-name a{display: block; color: #333; transition: all 0.3s ease 0s;text-align: center;}
.partner-name a:hover{color: #a23335;}

.partner-carousel .slick-list{width: calc(100% + 30px); transform: translateX(-15px);}
.partner-carousel .slick-slide{padding: 0 15px;}
.partner-carousel .partner-slick{vertical-align: top;}
.partner-carousel .slick-arrow{position: absolute; top: 0; bottom: 0; width: 33px; height: 33px; margin: auto 0; border: 1px solid #a23335;}
.partner-carousel .slick-arrow:hover{background-color: #a23335;}
.partner-carousel .slick-arrow i{font-size: 20px; line-height: 33px; color: #a23335;}
.partner-carousel .slick-arrow:hover i{color: #fff;}
.partner-carousel .slick-prev{left: -60px;}
.partner-carousel .slick-next{right: -60px;}
@media all and (max-width: 768px){
    .partner-item{width: calc((100% - 30px)/2);}
    .partner-item:nth-child(2n){margin-right: 0;}
}
@media all and (max-width: 480px){
    .partner-left{float: none; width: auto; height: 318px;}
    .partner-right{float: none; width: auto;}
}
@media all and (max-width: 480px){
    .partner-search form *:not(.clear){float: none; width: 100%; margin: 0 0 15px 0;}
    .partner-search form *:nth-child(3){float: right; width: 130px; margin-bottom: 0;}
    .partner-carousel .slick-prev,.partner-carousel .slick-next{display: none!important;}
}.fran-item{padding: 50px 0;}
.fran-content{float: left; width: calc(50% - 25px);}
.fran-content h2{margin-bottom: 30px; font-size: 22px; text-transform: uppercase; color: #a23335;}
.fran-content ul, .fran-content ol{padding-left: 18px;}
.fran-content ol~ul{padding: 5px 0 0 36px;}
.fran-content li+li{margin-top: 5px;}
.fran-content-2{width: 100%;}
.fran-picture{float: right; width: calc(50% - 25px); border-bottom: 5px solid #a23335;}
.fran-picture img{width: 100%;}
.fran-item:nth-child(2n){padding-top: 50px; background-color: #f7f7f7;}
.fran-item:nth-child(2n) .fran-content{float: right;}
.fran-item:nth-child(2n) .fran-picture{float: left;}
.fran-level2{position: relative; padding: 70px 0 40px; background-color: #333;}
.fran-level2:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/theme/images/count.png) center; opacity: 1%;}
.fran-group{position: relative; float: left; width: calc((100% - 60px)/3); margin: 0 30px 30px 0; border-radius: 15px; box-shadow: 0 0 15px rgb(0 0 0 / 25%); text-align: center; color: #fff; overflow: hidden; transition: all 0.3s ease 0s;}
.fran-group:nth-child(3n){margin-right: 0;}
.fran-group > *:not(img){position: absolute; right: 0; left: 0; margin: 0 auto; transition: all 0.3s ease 0s;}
.fran-group h2{bottom: 0; padding: 15px; background-color: rgb(0 0 0 / 90%); text-transform: uppercase;}
.fran-group h2 span{display: block; font-size: 14px; font-weight: 400; text-transform: none;}
.fran-group > div{top: 0; display: flex; height: calc(100% - 75px); background-color: rgb(0 0 0 / 70%); align-items: center; justify-content: center; opacity: 0;}
.fran-group > div div{transform: translateY(-50px); transition: all 0.3s ease 0s;}
.fran-group > div div strong{color: #ffc82a;}
.fran-group > div div span{display: inline-block; padding: 0 30px; background-color: #ffc82a; border-radius: 25px; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 50px; letter-spacing: 1px; color: #333; transition: all 0.3s ease 0s;}
.fran-group a{top: 0; bottom: 0;}
.fran-group:hover{box-shadow: 0 0 15px rgb(0 0 0 / 75%); transform: translateY(-5px);}
.fran-group:hover h2{background-color: #a23335; color: #fff;}
.fran-group:hover > div{opacity: 1;}
.fran-group:hover > div div{transform: translateY(0);}
@media all and (max-width: 1024px){
    .fran-group{width: calc((100% - 60px)/3);}
    .fran-group:nth-child(3n){margin-right: 0;}
}
@media all and (max-width: 768px){
    .fran-content{float: none; width: auto; margin-bottom: 30px;}
    .fran-picture{float: none; width: auto;}
    .fran-item:nth-child(2n) .fran-content{float: none;}
    .fran-item:nth-child(2n) .fran-picture{float: none;}
	.fran-group h2{padding: 10px; font-size: 18px;}
    .fran-group h2 span{font-size: 14px;}
    .fran-group > div{height: calc(100% - 68px);}
}
@media all and (max-width: 580px){
    .fran-group{float: none; width: auto; margin-right: 0;}
    .fran-group:nth-child(3n){margin-right: 0;}
}.package-head{position: relative; display: flex; height: calc(100vh - 120px); background: url(/theme/images/package0.jpg) no-repeat center / 100% 100%; align-items: center; justify-content: center; font-size: 22px; text-align: center; color: #fff}
.package-head:before, .package-head:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 35%;}
.package-head:before{background: url(/theme/images/bg-hat-left.png) no-repeat center left / auto 70%;}
.package-head:after{background: url(/theme/images/bg-hat-right.png) no-repeat center right /  auto 70%;}
.package-head .wrap{height: 100%; z-index: 1;}
.package-head-img{float: right; width: 55%; height: 100%; background: no-repeat center / 100% auto;}
.package-head-img img{height: 100%; opacity: 0;}
.package-head-txt{position: absolute; top: 0; bottom: 0; left: 0; display: flex; width: 45%; margin: auto; align-items: center; justify-content: center;}
.package-head h2{margin-bottom: -5px; font-weight: 400;}
.package-head h1{font-size: 60px; text-transform: uppercase; color: #ffc82a;}
.package-head small{display: inline-block; transform: translateY(-5px); font-size: 10px;}
.package-head strong{color: #ffc82a;}
.slide-slick video {display: block;position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;transform:translate(-50%, -50%);}
.package-1{padding: 100px 0 50px; background: url(/theme/images/package1.jpg) no-repeat center / cover;}
.package-1 ul{list-style: none;}
.package-1 ul li{box-sizing: border-box; float: left; width: calc(100%/3); margin-bottom: 50px; padding: 0 25px; text-align: center; color: #fff;}
.package-1 ul li img{width: 75px; margin: 0 auto 30px;}
.package-1 ul li h3{margin-bottom: 30px; font-size: 32px; text-transform: uppercase; color: #ffc82a;}

.package-2{position: relative; padding: 100px 0; background: #333; color: #fff;}
.package-2:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/theme/images/count.png) center; opacity: 1%;}
.package-2-left{float: left; width: calc(50% - 25px);}
.package-2-right{float: right; width: calc(50% - 25px);}
.package-2-title{margin-bottom: 15px; font-size: 32px; font-weight: 400; text-align: center;}
.package-2-title strong{text-transform: uppercase; color: #a23335;}
.package-2-content{margin-bottom: 50px; text-align: center;}
.package-2-carousel{margin-bottom: 15px;}
.package-2-carousel .package-2-slick{background: no-repeat center / cover; vertical-align: top;}
.package-2-carousel .package-2-slick img{width: 100%; opacity: 0;}
.package-2-nav{max-width: calc(100% - 90px); margin: 0 auto;}
.package-2-nav .slick-list{width: calc(100% + 15px); transform: translateX(-7.5px);}
.package-2-nav .slick-slide{padding: 0 7.5px; cursor: pointer;}
.package-2-nav .package-2-nav-slick{vertical-align: top;}
.package-2-nav .package-2-nav-slick div{background: no-repeat center / cover;}
.package-2-nav .package-2-nav-slick img{opacity: 0;}
.package-2-nav .slick-arrow{position: absolute; top: 0; bottom: 0; width: 30px; margin: auto 0; background-color: #a23335;}
.package-2-nav .slick-arrow:hover{background-color: #ffc82a;}
.package-2-nav .slick-arrow i{font-size: 20px; color: #fff;}
.package-2-nav .slick-arrow:hover i{color: #333;}
.package-2-nav .slick-prev{left: -45px;}
.package-2-nav .slick-next{right: -45px;}

.package-3{position: relative; padding: 100px 0 50px; background: url(/theme/images/package3.png) no-repeat center top / cover;}
.package-3:after{content: ''; position: absolute; right: 0; bottom: -30px; left: 0; height: 30px; background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,0) 100%);;}
.package-3-title{margin-bottom: 50px; font-size: 32px; font-weight: 400; text-align: center; color: #333;}
.package-3-title strong{display: block; margin-top: -5px; font-size: 42px; text-transform: uppercase; color: #a23335;}
.package-3-list{font-size: 0; text-align: center;}
.package-3-item{display: inline-block; width: calc((100% - 200px)/3); margin-bottom: 50px; border-radius: 15px; box-shadow: 0 0 30px rgb(0 0 0 / 25%); vertical-align: middle; overflow: hidden;}
.package-3-item+.package-3-item{margin-left: 100px;}
.package-3-item h3{padding: 30px; background-color: #a23335; font-size: 22px; color: #fff;}
.package-3-item ul{list-style: none; padding: 15px 30px; background-color: #fff;}
.package-3-item ul li{position: relative; padding: 15px 0 15px 30px; font-size: 16px; text-align: left;}
.package-3-item ul li+li{border-top: 1px solid #d7d7d7;}
.package-3-item ul li:before{content: '\f058'; position: absolute; top: 16px; left: 0; font-family: 'Font Awesome 6 Pro'; font-weight: 700; color: #a23335;}

.package-4{position: relative; padding: 50px 0; background: url(/theme/images/package4.jpg) no-repeat center top / cover; text-transform: uppercase; text-align: center; color: #fff;}
.package-4:before, .package-4:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 45%; z-index: 0;}
.package-4:before{background-color: #333;}
.package-4:after{background: url(/theme/images/count.png) center; opacity: 1%;}
.package-4 .wrap{z-index: 1;}
.package-4-title{margin-bottom: 30px; font-size: 42px; color: #a23335;}
.package-4-carousel .system-slick{vertical-align: top;}
.package-4-carousel .slick-arrow{position: absolute; top: 0; bottom: 0; width: 33px; height: 33px; margin: auto 0; border: 1px solid #fff;}
.package-4-carousel .slick-arrow i{font-size: 20px; line-height: 33px; color: #fff;}
.package-4-carousel .slick-arrow:hover i{background-color: #a23335;}
.package-4-carousel .slick-arrow:hover i{color: #fff;}
.package-4-carousel .slick-prev{left: -45px;}
.package-4-carousel .slick-next{right: -45px;}

.package-5{position: relative; background: no-repeat center top -450px / 100% auto; text-align: center;}
.package-5-wrap{padding: 20px 0;}
.package-5-title{margin-bottom: 30px; font-size: 42px; color: #a23335;}
.package-5-more a{display: inline-block; padding: 0 30px; background-color: #a23335; border-radius: 25px;font-size: 14px; text-transform: uppercase; line-height: 50px; color: #fff; transition: all 0.3s ease 0s;}
.package-5-more a:hover{background-color: #ffc82a; color: #333;}

@media all and (max-width: 1600px){
    .package-head{font-size: 18px;}
    
    .package-head h2{font-size: 22px;}
    .package-head h1{font-size: 52px;}
    
    .package-5{background-position: center top -350px;}
}
@media all and (max-width: 1366px){
    .package-head h1{font-size: 42px;}
    
    .package-5{background-position: center top -250px;}
}
@media all and (max-width: 1024px){
    .package-head .wrap{height: auto;}
    .package-head-img{float: none; width: auto; height: auto; max-width: 480px; margin: 0 auto 30px; background-size: 0;}
    .package-head-img img{height: auto; opacity: 1;}
    .package-head-txt{position: relative; width: auto; height: auto;}
    
    .package-4-carousel .slick-arrow{display: none!important;}
}
@media all and (max-width: 768px){
    .package-head:before, .package-head:after{opacity: 15%;}
    .package-head:before{background: url(/theme/images/bg-hat-left.png) no-repeat bottom left / 40% auto;}
    .package-head:after{background: url(/theme/images/bg-hat-right.png) no-repeat top right /  40% auto;}
    
    .package-head{height: calc(100vh - 80px); background-position: center right;}
    .package-1 ul li{float: none; width: auto; padding: 0; text-align: left;}
    .package-1 ul li img{width: 50px; margin: 0 0 15px;}
    .package-1 ul li h3{margin-bottom: 15px;}
    
	.package-2-left{float: none; width: auto; margin-bottom: 50px;}
    .package-2-right{float: none; width: auto;}
    
    .package-3-item{width: calc((100% - 60px)/3);}
    .package-3-item+.package-3-item{margin-left: 30px;}
}
@media all and (max-width: 580px){    
    .package-3-item{display: block; width: auto;}
    .package-3-item+.package-3-item{margin-left: 0;}
}
@media all and (max-width: 414px){
    .package-head:before{background-size: 50% auto;}
    .package-head:after{background-size: 50% auto;}

    .package-1{padding: 50px 0 0;}
    .package-1 ul li img{display: inline-block; vertical-align: middle;}
    .package-1 ul li h3{display: inline-block; vertical-align: middle;}
    
    .package-2{padding: 50px 0;}
    
    .package-3{padding: 50px 0 0;}
    .package-3-title strong{font-size: 36px;}
    
    .package-4{padding: 50px 0;}
    .package-4-title{font-size: 32px;}
    
	.package-5{height: auto; padding-bottom: 30px; background: no-repeat center top 85px / 100% auto;}
    .package-5-wrap{position: relative; top: 0;}
    .package-5-title{margin: 10px 0 20px;}
}.introduce-1{padding: 50px 0;}
.introduce-1-share{max-width: 768px; margin: 0 auto 50px; text-align: center;}
.introduce-1-share p:nth-child(2){padding-top: 15px; font-size: 18px; color: #a23335;}
.introduce-1-share p:nth-child(2) strong{}
.introduce-1-item{position: relative; margin-bottom: 50px; padding: 30px; background-color: #f7f7f7; overflow: hidden;}
.introduce-1-img{position: absolute; top: 30px; left: 30px; width: calc(55% - 55px); height: calc(100% - 60px); background: no-repeat center / cover;}
.introduce-1-img img{opacity: 0;}
.introduce-1-txt{float: right; width: calc(45% - 25px); padding: 70px 0;}
.introduce-1-txt h2{margin-bottom: 30px; font-size: 32px; text-transform: uppercase;}
.introduce-1-txt ul{padding-left: 33px;}
.introduce-1-prev{margin-bottom: 25px; font-size: 18px; color: #a23335;}
.introduce-1-item:nth-child(2n-1) .introduce-1-img{right: 30px; left: initial;}
.introduce-1-item:nth-child(2n-1) .introduce-1-txt{float: left;}
.introduce-2{position: relative; padding: 150px 0; background: no-repeat center fixed;}
.introduce-2:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%);}
.introduce-2-item{box-sizing: border-box; float: right; width: calc(50% - 25px); color: #fff;}
.introduce-2-item h2{margin-bottom: 30px; font-size: 32px; text-transform: uppercase;}
.introduce-2-item:nth-child(1){float: left; text-align: right;}
.introduce-2-item:nth-child(1):after, .introduce-2-item:nth-child(2):before{content: ''; display: block; width: 50px; height: 3px; background-color: #fff;}
.introduce-2-item:nth-child(1):after{margin-top: 30px; margin-left: calc(100% - 50px);}
.introduce-2-item:nth-child(2):before{margin-bottom: 25px;}
.introduce-34{padding: 50px 0;}
.introduce-34-name{margin-bottom: 30px; font-size: 32px; text-transform: uppercase;}
.introduce-34-tabs{list-style: none;}
.introduce-34-tabs li+li{margin-top: 15px;}
.introduce-34-tabs li a{display: block; padding: 15px; background-color: #f7f7f7; border-radius: 5px; font-size: 22px; color: #333;}
.introduce-34-tabs li a.active{color: #a23335;}
.introduce-34-content{padding: 30px 30px 15px;}
.introduce-34-tabs li:last-child .introduce-34-content{padding-bottom: 30px;}
.introduce-3{float: left; width: calc(50% - 25px);}
.introduce-4{float: right; width: calc(50% - 25px);}
@media all and (max-width: 580px){
    .introduce-1-item{padding: 15px;}
	.introduce-1-img{position: relative; top: 0; left: 0; width: auto; height: auto; background-size: 0;}
    .introduce-1-img img{opacity: 1;}
    .introduce-1-txt{float: none; width: auto; padding: 30px 0 0;}
    .introduce-1-item:nth-child(2n-1) .introduce-1-img{right: 0; left: initial;}
    .introduce-1-item:nth-child(2n-1) .introduce-1-txt{float: none;}
    .introduce-2{padding: 50px 0;}
    .introduce-2-item{float: none; width: auto;}
    .introduce-2-item:nth-child(1){float: none; margin-bottom: 50px; text-align: left;}
    .introduce-2-item:nth-child(1):after, .introduce-2-item:nth-child(2):before{display: none;}
    .introduce-3{float: none; width: auto; margin-bottom: 50px;}
    .introduce-4{float: none; width: auto;}
}.support{padding: 50px 0;}
.support-item{position: relative;}
.support-item+.support-item{margin-top: 50px;}
.support-img img{border-radius: 10px;}
.support-name{display: block; margin-bottom: 5px; font-size: 18px; font-weight: 500; text-transform: uppercase;}
.support-name:before, .support-name:after{content: ''; background-color: #95191c;}
.support-prev{margin-bottom: 15px; font-size: 16px; color: #95191c;}
.support-cont{text-align: justify;}
.support-item:nth-child(1) .support-name:after{display: block; width: 100px; height: 2px;}
.support-item:nth-child(2) .support-name:after{display: inline-block; width: 75px; height: 2px; margin-left: 10px;}
.support-item:nth-child(3) .support-name:before{display: inline-block; width: 5px; height: 24px; margin-right: 15px; border-right: 2px solid #fff; box-shadow: 2px 0px 0px 0px #95191c; vertical-align: sub;}
.support-item:nth-child(4) .support-name{border-bottom: 1px solid #95191c;}
.support-item:nth-child(5) .support-name{position: relative; padding-bottom: 5px;}
.support-item:nth-child(5) .support-name:before{position: absolute; bottom: 0; left: 0; display: block; width: 110px; height: 1px;}
.support-item:nth-child(5) .support-name:after{display: block; width: 310px; height: 1px;}

.business{padding: 50px 0 20px;}
.business-item{float: left; margin-bottom: 50px;}
.business-img{margin-bottom: 15px; background: no-repeat center / 75% auto; border: 2px outset #d7d7d7; box-shadow: 5px 5px 3px rgb(0 0 0 / 0.25);}
.business-img img{width: 100%; opacity: 0;}
.business-name{margin: auto; background-color: #95191c; border: 1px outset #d7d7d7; box-shadow: 2px 2px 1px rgb(0 0 0 / 0.25);}
.business-name a{display: block; text-align: center; color: #fff;}

@media (min-width:320px){            
    .support-img{margin-bottom: 30px;}
    .support-img img{box-shadow: 0 0 5px 3px rgb(0 0 0 / 25%);}
    
    .business-item{width: calc((100% - 15px)/2); margin-right: 15px;}
    .business-item:nth-child(2n){margin-right: 0;}
    .business-name{width: calc(100% - 30px);}
    .business-name a{line-height: 30px;}
}
@media (min-width:410px){    
    .business-item{width: calc((100% - 30px)/2); margin-right: 30px;}
    .business-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:480px){   
    .business-item{width: calc((100% - 30px)/2);}
    .business-item:nth-child(2n){margin-right: 0;}
    .business-name{width: calc(100% - 60px);}
    .business-name a{font-size: 16px; line-height: 40px;}
}
@media (min-width:768px){
    .introduce-2-item{float: left; width: calc(50% - 15px); margin-right: 30px;}
    .introduce-2-item:nth-child(2n){margin-right: 0;}
    
    .support-img{float: left; width: calc(50% - 25px); margin-bottom: 0;}
    .support-img img{box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 25%);}
    .support-item:nth-child(2n) .support-img{float: right;}
    .support-item:nth-child(2n) .support-img img{box-shadow: -2px 2px 5px 2px rgb(0 0 0 / 25%);}
    .support-txt{box-sizing: border-box; position: absolute; top: 0; right: 0; bottom: 0; display: flex; width: calc(50% - 25px); margin: auto; align-items: center; justify-content: center;}
    .support-item:nth-child(2n) .support-txt{right: initial; left: 0;}
    
    .business-item{width: calc((100% - 60px)/3);}
    .business-item:nth-child(2n){margin-right: 30px;}
    .business-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){    
    .support-img img{max-width: calc(100% - 50px); margin: auto;}
    .support-txt{padding: 0 25px;}
    
    .business-item{width: calc((100% - 90px)/4);}
    .business-item:nth-child(2n),
    .business-item:nth-child(3n){margin-right: 30px;}
    .business-item:nth-child(4n){margin-right: 0;}
}.video{margin-bottom: 20px;}
.video-title{margin: 20px 0; font-size: 32px;text-align: center;color: #a23335;}
.video-title:after{content: ''; display: block; width: 90px; height: 2px; margin: auto; background-color: #a23335;}
.video-title a{color: #4a4a4a;}
.video-wrap{padding: 15px; background-color: #fff; box-shadow: 0 0 10px 2px rgb(0 0 0 / 0.25);}
.video-left-img{margin-bottom: 15px;}
.video-left-img a, .video-img a{position: relative; display: block;}
.video-left-img a:after, .video-img a:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 82px; height: 82px; margin: auto; background: url(/theme/images/video.png) no-repeat; opacity: 0.5; transition: all 0.25s ease 0s;}
.video-left-img a img{width: 100%;}
.video-item{position: relative;}
.video-img{float: left;}
.video-img a:after{width: 39px; height: 39px; background: url(/theme/images/tv.png) no-repeat;}
.video-txt{position: absolute; top: 0; right: 0; width: calc(100% - 190px); height: 100%; display: flex; align-items: center; justify-content: left;}
.video-name{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.video-name a{font-size: 18px; font-weight: 500; line-height: 24px; color: #4a4a4a;}
.video-prev{padding-top: 5px; line-height: 24px; color: #333;}
.video-left .video-name a{font-size: 20px; line-height: 28px;}
.video-left:hover .video-left-img a:after, .video-item:hover .video-img a:after{opacity: 1;}
.video-left:hover .video-name a, .video-item:hover .video-name a{color: #a23335;}
@media (min-width:320px){
    .video-left{margin-bottom: 30px;}
    .video-item+.video-item{margin-top: 15px;}
    .video-img{width: 95px;}
    .video-txt{ width: calc(100% - 110px);}
}
@media (min-width:480px){
    .video-item+.video-item{margin-top: 30px;}
    .video-img{width: 175px;}
    .video-txt{width: calc(100% - 190px);}
}
@media (min-width:970px){
    .video-left{float: left; width: 500px; margin-bottom: 0;}
    .video-right{float: right; width: 420px;}
}
@media (min-width:1170px){
    .video-left{width: 600px;}
    .video-right{width: 510px;}
}
.tv-list{display: flex; flex-flow: row wrap; padding: 50px 0 20px;}
.tv-item{float: left; width: calc((100% - 90px)/4); margin: 0 30px 30px 0; background-color: #fff; box-shadow: 0 0 3px 1px rgb(0 0 0 / 25%); transition: all 0.25s ease 0s;}
.tv-item:nth-child(4n){margin-right: 0;}
.tv-img{overflow: hidden;}
.tv-img img{transition: all 0.5s ease 0s;}
.tv-img a{position: relative; display: block;}
.tv-img a:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 82px; height: 82px; margin: auto; background: url(/theme/images/video.png) no-repeat; opacity: 0.5; transition: all 0.25s ease 0s;}
.tv-txt a{display: block; padding: 15px; color: #4a4a4a;}
.tv-txt a h2{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #333; overflow: hidden; transition: all 0.3s ease 0s;}
.tv-txt a h2:hover{color: #a23335;}
.tv-txt a span{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.tv-item:hover{box-shadow: 0 2px 3px 1px rgb(0 0 0 / 50%);}
.tv-item:hover .tv-img img{transform: scale(1.05);}
.tv-item:hover .tv-img a.tv:after{opacity: 1;}
@media all and (max-width: 820px){
    .tv-item{width: calc((100% - 60px)/3);}
    .tv-item:nth-child(4n){margin-right: 0;}
    .tv-item:nth-child(3n){margin-right: 30px;}
}
@media all and (max-width: 620px){
    .tv-item{width: calc((100% - 30px)/2); }
    .tv-item:nth-child(3n){margin-right: 30px;}
    .tv-item:nth-child(2n){margin-right: 0;}
}
.hinhanh{padding-bottom: 35px;}
.hinhanh ul{list-style: none;}
.hinhanh ul li{position: relative; float: left; width: calc((100% - 90px)/4); margin: 0 30px 30px 0; border-radius: 5px; overflow: hidden;}
.hinhanh ul li:nth-child(4n){margin-right: 0;}
.hinhanh ul li a{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; margin: auto; align-items: center; justify-content: center; background-color: rgb(0 0 0 / 50%); opacity: 0; transition: all 0.25s ease 0s;}
.hinhanh ul li a > span{display: block; font-weight: 700; text-align: center; color: #fff;}
.hinhanh ul li a > span span{display: block; padding: 0 15px 15px; transform: translateY(-15px); transition: all 0.25s ease 0s}
.hinhanh ul li a i{display: block; transform: translateY(15px); font-size: 25px; transition: all 0.25s ease 0s;}
.hinhanh ul li a:hover{opacity: 1;}
.hinhanh ul li a:hover > span span{transform: translateY(0);}
.hinhanh ul li a:hover i{transform: translateY(0);}
.hinhanh-title{position: relative; margin-bottom: 40px; text-align: center;}
.hinhanh-title b{height: 2px; background-color: rgb(0 0 0 / 10%);flex: 1;-webkit-box-flex: 1;display: block;}
.hinhanh-title i{position: absolute; top: -30px; right: 0; bottom: 0; left: 0; margin: auto; font-size: 100px; color: rgb(0 0 0 / 10%)}
.hinhanh-title h2{position: relative; font-size: 30px; text-transform: uppercase; color: #ec1a23;align-items: center;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-flow: row wrap;-webkit-box-align: center;}
.hinhanh-title h2 span{padding: 0 15px;}
.hinhanh-title h3{position: relative; max-width: 580px; margin: auto; font-weight: 400;}
@media all and (max-width: 820px){
    .hinhanh ul li{width: calc((100% - 60px)/3);}
    .hinhanh ul li:nth-child(4n){margin-right: 0;}
    .hinhanh ul li:nth-child(3n){margin-right: 30px;}
}
@media all and (max-width: 620px){
    .hinhanh ul li{width: calc((100% - 30px)/2);}
    .hinhanh ul li:nth-child(3n){margin-right: 30px;}
    .hinhanh ul li:nth-child(2n){margin-right: 0;}
}.menudrink{}
.menudrink-item{position: relative;}
.menudrink-item .wrap{padding: 100px 0;}
.menudrink-img{position: absolute; top: 0; right: 0; bottom: 0; margin: auto 0;}
.menudrink-img img{width: auto; max-height: 100%;}
.menudrink-txt{float: left; width: 50%; color: #fff;}
.menudrink-txt h2{margin-bottom: 30px; font-size: 32px;}
.menudrink-txt h2 a{}
.menudrink-txt p{font-size: 18px;}
.menudrink-txt a{text-transform: uppercase; color: #fff;}
.menudrink-txt > a{display: inline-block; margin-top: 30px; padding: 0 30px; border: 2px solid #fff; border-radius: 25px; line-height: 46px; color: #fff; transition: all 0.3s ease 0s;}
.menudrink-txt > a:hover{background-color: #a23335; border-color: #a23335;}
.menudrink-txt-2{color: #333;}
.menudrink-txt-2 a{color: #333;}
.menudrink-txt-2 > a{border: 2px solid #333;}
.menudrink-item:nth-child(1):before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/theme/images/beans.webp) no-repeat center left / auto calc(100% - 30px); opacity: 50%;}
.menudrink-item:nth-child(2n) .menudrink-img{right: initial; left: 0;}
.menudrink-item:nth-child(2n) .menudrink-txt{float: right; text-align: right; text-align-last: right;}
@media all and (max-width: 768px){
    .menudrink-item .wrap{padding: 50px 0;}
	.menudrink-txt{float: none; width: auto;}
    .menudrink-img{position: relative;}
    .menudrink-item:nth-child(1):before{opacity: 0;}
    .menudrink-item:nth-child(2n) .menudrink-txt{float: none;}
}.news{padding-top: 20px;}
.news-2{padding-bottom: 50px; background-color: #f7f7f7;}
.news-2-title{margin-bottom: 30px; font-size: 42px; text-transform: uppercase; text-align: center; color: #a23335;}
.news-group{margin-bottom: 50px;}
.news-group-name{margin-bottom: 30px; border-bottom: 1px solid #a23335;}
.news-group-name > *{display: block; font-size: 32px; color: #a23335;}
.news-group-name span{font-size: 22px;}
.news-list{display: flex; flex-flow: row wrap;}
.news-item{box-sizing: border-box; float: left; width: calc((100% - 60px)/3); margin: 0 30px 30px 0; padding: 15px; box-shadow: 0 1px 3px rgb(0 0 0 / 25%); transition: all 0.3s ease 0s;}
.news-item:nth-child(3n){margin-right: 0;}
.news-item:hover{transform: translateY(-1px); box-shadow: 0 1px 5px rgb(0 0 0 / 50%);}
.news-name{padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #d7d7d7;}
.news-name .short{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.news-name a{display: block; color: #333; transition: all 0.3s ease 0s;}
.news-name a:hover{color: #a23335}
.news-name-2{padding-bottom: 0; border-bottom:  none;}
.news-prev{padding-top: 15px; color: #555;}
.news-system{font-weight: 700;}
.news-system i{color: #a23335;}
.news-left h1{display: block;font-size: 24px;font-weight: 500;}
.news-time{padding-top: 15px; font-size: 12px; font-weight: 700; color: #999;margin-bottom: 20px;}
.news-preview{margin-bottom: 10px; font-weight: 700; font-style: italic;}
.news-top{margin-bottom: 20px; padding: 10px 0 5px; border-top: 1px dotted #d7d7d7; border-bottom: 1px dotted #d7d7d7;}
.news-top ul{list-style: none;}
.news-top ul li{margin-bottom: 5px;}
.news-top ul li a{display: block; color: #555; transition: all 0.25s ease 0s;}
.news-top ul li a i{margin-right: 5px; font-size: 12px; transition: all 0.25s ease 0s;}
.news-top ul li:hover a{color: #a23335;}
.news-top ul li:hover a i{transform: translateX(2px);}
.news-more{font-size: 14px; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 50px; letter-spacing: 1px;}
.news-more a{display: inline-block; padding: 0 30px; background-color: #a23335; border-radius: 25px; color: #fff; transition: all 0.3s ease 0s;}
.news-more a:hover{background-color: #ffc82a; color: #333;}
.news-left{float: left; width: calc(100% - 330px);}
.news-right{float: right; width: 300px; margin-bottom: -30px;}
.news-title{margin: -50px 0 30px; padding: 15px 0 30px;}
.news-title h1{font-size: 24px; font-weight: 400; text-transform: uppercase; line-height: 1.2;}
.news-other{margin: 30px 0; padding-bottom: 15px; font-size: 22px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #d7d7d7;}
.news-carousel .slick-list{width: calc(100% + 30px); transform: translateX(-15px);}
.news-carousel .slick-slide{padding: 0 15px;}
.news-carousel .news-slick{vertical-align: top;}
.news-carousel .slick-arrow{position: absolute; top: 0; bottom: 0; width: 33px; height: 33px; margin: auto 0; border: 1px solid #a23335;}
.news-carousel .slick-arrow:hover{background-color: #a23335;}
.news-carousel .slick-arrow i{font-size: 20px; line-height: 33px; color: #a23335;}
.news-carousel .slick-arrow:hover i{color: #fff;}
.news-carousel .slick-prev{left: -65px;}
.news-carousel .slick-next{right: -65px;}
@media all and (max-width: 768px){
    .news-item{width: calc((100% - 30px)/2);}
    .news-item:nth-child(3n){margin-right: 30px;}
    .news-item:nth-child(2n){margin-right: 0;}
    .news-left{float: none; width: auto;}
    .news-right{display: none;}
}
@media all and (max-width: 414px){
    .news-item{float: none; width: auto;}
    .news-item:nth-child(2n){margin-right: 30px;}
}.product-intro{margin: 0 auto 35px;}
.product-intro img{max-width: 450px; margin: 0 auto;}
.product-intro > *{margin-bottom: 15px!important;}
.product-group{margin-bottom: 50px;}
.product-group-name{margin-bottom: 30px; border-bottom: 1px solid #a23335;}
.product-group-name > *{display: block; font-size: 32px; color: #a23335;}
.product-group-name span{font-size: 22px;}
.product-title{margin-bottom: 50px;}
.product-title a{display: block; font-size: 32px; text-transform: uppercase; text-align: center; color: #333;}
.product-list{display: flex; flex-flow: row wrap;}
.product-item{box-sizing: border-box; float: left; width: calc((100% - 90px)/4); margin: 0 30px 30px 0; padding: 15px; box-shadow: 0 1px 3px rgb(0 0 0 / 25%); transition: all 0.3s ease 0s;}
.product-item:hover{transform: translateY(-1px); box-shadow: 0 1px 5px rgb(0 0 0 / 50%);}
.product-item:nth-child(4n){margin-right: 0;}
.product-img{position: relative; margin-bottom: 15px; overflow: hidden;}
.product-img:before{content: ''; position: absolute; top: 0; left: -75%; display: block; width: 50%; height: 100%; background: linear-gradient(to right, rgb(255 255 255 / 0) 0, rgb(255 255 255 / 30%) 100%); transform: skewX(-25deg); z-index: 2;}
.product-img:hover:before{animation: shine 0.7s;}
@keyframes shine{100%{left: 125%}}
.product-name{font-weight: 400; text-align: center;}
.product-name a{display: block; color: #333;}
.product-name a:hover{color: #a23335;}
.product-price{text-align: center;}
.product-price span{padding-left: 5px; font-size: 14px; text-decoration: line-through; color: #777;}

.product-intro-2{position: relative;}
.product-intro-2 > a{position: relative; float: left; width: 50%; font-size: 30px; text-align: center; color: #fff;}
.product-intro-2 > a:before, .product-intro-2 > a i{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.product-intro-2 > a:before{content: ''; width: 80px; height: 80px; background-color: rgb(162 51 53 / 50%); outline: 10px solid rgb(162 51 53 / 25%); border-radius: 50%;}
.product-intro-2 > a i{width: 40px; height: 40px; font-size: 30px; text-align: center; line-height: 40px; transition: all 0.3s ease 0s;}
.product-intro-2 > a:hover i{transform: scale(1.25);}
.product-intro-2 > a img{max-width: 100%;}
.product-intro-2 > div:not(.clear){box-sizing: border-box; position: absolute; top: 0; right: 0; bottom: 0; display: flex; width: 50%; margin: auto; padding: 30px; background-color: #f7f7f7; align-items: center; justify-content: center;}

@media all and (max-width: 768px){
    .product-item{width: calc((100% - 60px)/3);}
    .product-item:nth-child(4n){margin-right: 30px;}
    .product-item:nth-child(3n){margin-right: 0;}
}
@media all and (max-width: 580px){
    .product-item{width: calc((100% - 30px)/2);}
    .product-item:nth-child(3n){margin-right: 30px;}
    .product-item:nth-child(2n){margin-right: 0;}
    
    .product-intro-2 > a{float: none; width: auto;}
    .product-intro-2 > div:not(.clear){position: relative; width: auto; padding: 30px 15px 15px;}
}.product-detail{padding-top: 50px;}
.product-slide{float: left; width: calc(50% - 25px); margin-bottom: 50px;}
.product-info{float: right; width: calc(50% - 25px); margin-bottom: 50px; padding-top: 15px;}
.product-info .product-category{margin-bottom: 15px}
.product-info .product-category a{font-size: 12px; text-transform: uppercase; color: #999;}
.product-info .product-category a:hover{text-decoration: underline;}
.product-info .product-name{font-size: 32px; line-height: 1.2;}
.product-info .product-price{margin-bottom: 30px; font-size: 18px; text-align: left;}
.product-info .product-price:before{content: ''; display: block; width: 30px; height: 2px; margin: 15px 0; background-color: #333;}
.product-info .product-price b{font-size: 22px; color: #a23335;}
.product-info .product-price span{font-size: 18px;}
.product-info .product-prev{margin-bottom: 30px;}
.product-quantity{}
.product-quantity p{float: left; width: 40px;}
.product-quantity p a i{display: block; background-color: #f7f7f7; text-align: center; line-height: 40px; color: #333; transition: all 0.3s ease 0s;}
.product-quantity p a i:hover{background-color: #a23335; color: #fff;}
.product-quantity input[type=text]{float: left; width: 70px; height: 40px; border: none; font-size: 16px; text-align: center; text-indent: 0;}
.product-button{position: relative; vertical-align: middle; font-size: 0; font-weight: 700; text-transform: uppercase; text-align: left; line-height: 46px;}
.product-button *{border-radius: 25px;}
.product-button a{float: left; width: calc(50% - 7.5px); margin-top: 15px; border: 2px solid #a23335; font-size: 14px; text-align: center; transition: all 0.3s ease 0s;}
.product-button a:nth-child(1){color: #a23335;}
.product-button a:nth-child(1):hover{background-color: #a23335; color: #fff;}
.product-button a:nth-child(2){float: right; background-color: #a23335; color: #fff;}
.product-button a:nth-child(2):hover{background-color: #ffc82a; border-color: #ffc82a; color: #333;}
.product-button p{position: absolute; right: 0; bottom: 0; display: none; width: 171.38px; background-color: #a23335; font-size: 14px; text-align: center; line-height: 50px; color: #fff;}
.product-detail-name{margin-bottom: 30px; border-bottom: 1px solid #a23335;}
.product-detail-name > *{display: block; font-size: 32px; color: #a23335;}
@media all and (max-width: 580px){
    .product-slide{float: none; width: auto;}
    .product-info{float: none; width: auto; padding-top: 0;}
}
@media all and (max-width: 414px){
    .product-info .product-price:before{margin: 25px 0 15px;}
    .product-info .product-name{font-size: 22px;}
}.recruit-1{padding: 50px 0; text-align: center;}
.recruit-1-prev{margin-bottom: 50px;}
.recruit-1-list{list-style: none;}
.recruit-1-list li{box-sizing: border-box; float: left; width: calc(100%/3); padding: 0 25px;}
.recruit-1-list li img{width: 100px; margin: 0 auto 15px;}
.recruit-1-list li b{text-transform: uppercase;}
.recruit-1-list li p{padding-top: 15px;}
.recruit-2{position: relative;}
.recruit-2-group{margin-bottom: 50px;}
.recruit-2-title{margin-bottom: 30px; border-bottom: 2px solid #d7d7d7; font-size: 22px; text-transform: uppercase; color: #a23335;}
.recruit-2-title span{position: relative; display: inline-block;}
.recruit-2-title span:after{content: ''; position: absolute; bottom: -2px; left: 0; display: block; width: 100%; height: 2px; background-color: #a23335;}
.recruit-2-table{box-sizing: border-box; display: table; width: 100%; border-collapse: collapse; background-color: #fff;}
.recruit-2-body{box-sizing: border-box; display: table-row-group;}
.recruit-2-row{display: table-row;}
.recruit-2-cell{box-sizing: border-box; display: table-cell; padding: 10px 5px; border: 1px solid #d7d7d7; text-align: center; line-height: 30px; vertical-align: middle;}
.recruit-2-cell a{display: inline-block; padding: 0 15px; background-color: #a23335; border-radius: 15px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #fff; transition: all 0.3s ease 0s;}
.recruit-2-cell a:hover{background-color: #ffc82a; color: #333;}
.recruit-2-head{background-color: #f7f7f7; font-weight: 700; text-transform: uppercase; text-align: center;}
.recruit-2-head .recruit-2-cell{padding: 15px 5px;}
.recruit-2-head .recruit-2-cell:nth-child(2){width: 250px;}
.recruit-2-head .recruit-2-cell:nth-child(3){width: 100px;}
.recruit-2-head .recruit-2-cell:nth-child(4){width: 150px;}
.recruit-2-head .recruit-2-cell:nth-child(5){width: 150px;}
.recruit-form{margin-top: 30px; padding: 30px; box-shadow: 0 0 30px rgb(0 0 0 / 25%); border-radius: 15px;}
.recruit-form > p{margin-bottom: 15px; font-size: 22px; font-weight: 700; text-transform: uppercase; color: #a23335;}
.recruit-form ul{margin-bottom: 30px;}
.recruit-form ul li{margin-left: 30px;}
.recruit-form ul li+li{margin-top: 10px;}
.recruit-form ul li:nth-child(1){list-style: none; margin-left: 0;}
.recruit-form ul li a{color: #333;}
.recruit-form .form-item{float: left; width: calc((100% - 60px)/3);}
.recruit-form .form-item:nth-child(2){margin: 0 30px;}
.recruit-form .form-item:nth-child(4){width: 100%;}
.recruit-form .form-item:nth-child(5){width: 100%; margin-bottom: 0;}
.recruit-form .form-item:nth-child(5) input[type=submit]{width: 200px;}
.recruit-form-wrap a{display: block;}
.recruit-form-wrap a.SelectFile{}
.recruit-form-wrap a.RemoveFile{display: none;}
@media all and (max-width: 768px){
    .recruit-1-list li{float: none; width: auto; padding: 0;}
    .recruit-1-list li+li{padding-top: 50px;}
}
@media all and (max-width: 414px){
    .recruit-form .form-item{float: none; width: auto;}
    .recruit-form .form-item:nth-child(2){margin: 0;}
}.system{padding: 50px 0;}
.system-search{padding: 30px; background-color: #f7f7f7;}
.system-search p{margin-bottom: 15px; font-size: 22px; text-transform: uppercase; color: #a23335;}
.system-search form *:not(.clear){float: left; width: calc((100% - 160px)/2); margin-right: 15px;}
.system-search form *:nth-child(3){width: 130px; margin-right: 0;}
.map_near_you{margin: 15px 0;color: #333;cursor: pointer; transition: all 0.3s ease 0s;}
.system-left{float: left; width: 300px; height: 500px; overflow: auto;}
.system-left > p{padding: 15px; font-size: 14px; color: #a23335;}
.system-left ul{list-style: none;}
.system-left ul li{padding: 15px; cursor: pointer; transition: all 0.3s ease 0s;}
.system-left ul li:nth-child(2n - 1){background-color: #f7f7f7;}
.system-left ul li:hover{background-color: #a23335; color: #fff;}
.system-left ul li p{font-size: 14px;}
.system-right{float: right; width: calc(100% - 300px); height: 500px;}
.system-right p{height: 100%;}
.system-right iframe{display: block; width: 100%!important; height: 100%!important;}

.danhsach{font-size: 14px;}
.danhsach-table{box-sizing: border-box; display: table; width: 100%; margin-bottom: 30px; border-collapse: collapse; background-color: #fff;}
.danhsach-body{box-sizing: border-box; display: table-row-group;}
.danhsach-row{display: table-row;}
.danhsach-cell{box-sizing: border-box; display: table-cell; padding: 5px; border: 1px solid #d7d7d7; vertical-align: middle;}
.danhsach-head{background-color: #f7f7f7; font-weight: 700;}
.danhsach-head .danhsach-cell{padding: 10px 5px; text-transform: uppercase;text-align: center;}
.danhsach-all{text-align: center; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 50px;}
.danhsach-all a{display: inline-block; padding: 0 30px; background-color: #a23335; border-radius: 25px; color: #fff; transition: all 0.3s ease 0s;}
.danhsach-all a:hover{background-color: #ffc82a; color: #333;}

.system-title{margin-bottom: 30px; padding-top: 50px; }
.system-title b{height: 2px; background-color: rgb(0 0 0 / 10%);flex: 1;-webkit-box-flex: 1;display: block;}
.system-title h2{position: relative; font-size: 30px; text-transform: uppercase; color: #ec1a23;align-items: center;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-flow: row wrap;-webkit-box-align: center;font-size: 22px; font-weight: 700; text-align: center; text-transform: uppercase; color: #a23335;}
.system-title h2 span{padding: 0 15px;}
.system-list{display: flex; flex-flow: row wrap;}
.system-item{float: left; width: calc((100% - 90px)/4); margin: 0 30px 30px 0;}
.system-item:nth-child(4n){margin-right: 0;}
.system-img{margin-bottom: 15px;}
.system-name a{display: block; text-transform: uppercase; color: #333; transition: all 0.3s ease 0s;}
.system-name a:hover{color: #a23335;}
.system-wrap{padding: 15px; border: 1px solid #d7d7d7; box-shadow: 0 1px 3px rgb(0 0 0 / 25%); transition: all 0.3s ease 0s;}
.system-wrap .system-img{overflow: hidden;}
.system-wrap .system-img img{transition: all 0.3s ease 0s;}
.system-wrap:hover{transform: translateY(-1px); box-shadow: 0 1px 5px rgb(0 0 0 / 50%);}
.system-wrap:hover .system-img img{transform: scale(1.05);}

.system-carousel .slick-list{width: calc(100% + 30px); transform: translateX(-15px);}
.system-carousel .slick-slide{padding: 0 15px;}
.system-carousel .system-slick{vertical-align: top;}
.system-carousel .slick-arrow{position: absolute; top: 0; bottom: 0; width: 33px; height: 33px; margin: auto 0; border: 1px solid #a23335;}
.system-carousel .slick-arrow:hover i{background-color: #a23335;}
.system-carousel .slick-arrow i{font-size: 20px; line-height: 33px; color: #a23335;}
.system-carousel .slick-arrow:hover i{color: #fff;}
.system-carousel .slick-prev{left: -65px;}
.system-carousel .slick-next{right: -65px;}
@media all and (max-width: 768px){
    .system-item{width: calc((100% - 30px)/2);}
    .system-item:nth-child(2n){margin-right: 0;}
}
@media all and (max-width: 480px){
    .system-left{float: none; width: auto; height: 318px;}
    .system-right{float: none; width: auto;}
}
@media all and (max-width: 480px){
    .system-search form *:not(.clear){float: none; width: 100%; margin: 0 0 15px 0;}
    .system-search form *:nth-child(3){float: right; width: 130px; margin-bottom: 0;}
}