.home1{margin-bottom: 50px; padding-top: 50px;}
.home1-picture, .home2-picture{float: right; width: calc(50% - 25px);}
.home1-picture img, .home2-picture img{width: 100%;}
.home1-text, .home2-text{position: absolute; top: 50%; left: 0; width: calc(50% - 25px); transform: translatey(-50%); text-align: justify;}
.home1-name, .home2-name{margin-bottom: 30px; font-size: 30px; color: #de4d30;}
.home1-name-2{text-align: center;}
.home1-btn{display: flex; line-height: 40px;}
.home1-btn a{display: block; margin-top: 1.5rem; padding: 0 1rem; background-color: #de4d30; color: #fff;}
.home1-btn a+a{margin-left: 0.75rem;}
.home1-btn a i{margin-left: 0.25rem;}
.home1-btn a:hover{background-color: #306f16;}

.home2{margin-bottom: 55px;}
.home2-picture{position: relative; float: left;}
.home2-picture h2{position: absolute; right: -25px; bottom: 0; padding: 30px; background-color: #de4d30; font-size: 14px; font-weight: 400; line-height: 1.1; letter-spacing: 1px; color: #fff;}
.home2-picture h2:before{content: ''; position: absolute; top: 8px; left: 8px; width: calc(100% - 21px); height: calc(100% - 21px); border: 3px double #fff;}
.home2-picture h2 b{display: block; margin-bottom: 5px; font-size: 30px;}
.home2-text{right: 0; left: initial;}

.homeL{margin-bottom: 20px;}
.homeL-list{display: flex; flex-wrap: wrap;}
.homeL-item{position: relative; flex: calc((100% - 90px)/4); margin-right: 30px; margin-bottom: 30px;}
.homeL-item:nth-child(4n){margin-right: 0;}
.homeL-item img{width: 100%;}
.homeL-item h2{padding: 15px; background-color: #f7f7f7; transition: all 0.3s ease 0s;}
.homeL-item:hover h2{background-color: #de4d30; color: #fff;}
.homeL-item a{position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; z-index: 1;}

.homeO{margin-bottom: 100px;}
.homeO-slick h2{position: absolute; bottom: 30px; left: 0; border-right: 7px solid #fff; box-shadow: 2px 2px 3px rgb(0 0 0 / 50%); transform: translatex(30px); opacity: 0;}
.homeO-slick h2:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/theme/images/gradient.jpg) no-repeat center / cover; opacity: 85%;}
.homeO-slick h2 span{position: relative; display: block; padding: 15px 30px; font-size: 25px; color: #fff;}
.homeO-slick a{position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; z-index: 1;}
.homeO-name{margin-bottom: 50px; font-size: 40px; text-align: center; color: #de4d30;}
.homeO-carousel .slick-slide{transform: scale(90%); opacity: 50%; transition: all 0.3s ease 0s;}
.homeO-carousel .slick-current{transform: scale(1); opacity: 1;}
.homeO-carousel .slick-current .homeO-slick h2{transform: translatex(0); opacity: 1; transition: all 0.5s ease 0.5s;}
.homeO-carousel .slick-arrow{position: absolute; top: 0; bottom: 0; width: 36px; height: 36px; border: 2px solid #de4d30; border-radius: 50%; cursor: pointer; z-index: 1;}
.homeO-carousel .slick-arrow:hover{background-color: #de4d30;}
.homeO-carousel .slick-arrow i{font-size: 18px; line-height: 36px; color: #de4d30;}
.homeO-carousel .slick-arrow:hover i{color: #fff;}
.homeO-carousel .slick-prev{left: 50px;}
.homeO-carousel .slick-next{right: 50px;}

.homeN{margin-bottom: 35px;}
.homeN-carousel{position: absolute; top: 0; left: 0; width: calc(100% - 415px); height: calc(100% - 15px); overflow: hidden;}
.homeN-carousel .slick-list, .homeN-carousel .slick-track, .homeN-carousel .slick-slide > div{height: 100%;}
.homeN-carousel-item{position: relative; height: 100%;}
.homeN-carousel-item img{width: 100%; height: 100%; object-fit: cover;}
.homeN-carousel-item > div{box-sizing: border-box; position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px; background-color: rgb(0 0 0 / 50%); color: #fff;}
.homeN-carousel-item > div span{font-size: 14px; opacity: 75%;}
.homeN-carousel-item > div span i{margin-right: 5px;}
.homeN-carousel-item > div h2{margin-top: 5px; font-size: 18px; text-transform: uppercase;}
.homeN-carousel-item a{position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 1;}
.homeN-nav{float: right; width: 400px;}
.homeN-nav .slick-slide{margin-bottom: 15px;}
.homeN-nav-item{box-sizing: border-box; padding: 15px; background-color: #f7f7f7; cursor: pointer; transition: all 0.3s ease 0s;}
.homeN-nav-item:hover{background-color: #de4d30; color: #fff;}
.homeN-nav-item p{display: -webkit-box; height: 48px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}

.homeA{padding-top: 30px; background-color: #f7f7f7;}
.homeA ul{list-style: none;}
.homeA a{color: #333;}
.homeA .wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.homeA .wrap > div{flex: 0 0 auto; padding-bottom: 30px;}
.homeA-brochure{width: 155px; font-size: 16px; font-weight: 700;  text-transform: uppercase; text-align: center;}
.homeA-brochure img{width: 125px; margin: 0 auto;}
.homeA-brochure i{font-size: 24px;}
.homeA-info {width: 480px;}
.homeA-info ul li{position: relative; padding-left: 36px;}
.homeA-info ul li+li{margin-top: 7.5px;}
.homeA-info ul li:nth-child(1){margin-bottom: 15px; padding-left: 0; font-size: 18px; font-weight: 700; text-transform: uppercase; color: #de4d30;}
.homeA-info ul li i{position: absolute; top: 2px; left: 0; width: 36px; text-align: center;}
.homeA-connect{width: 480px;}
.homeA-connect ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.homeA-connect ul li{width: calc(50% - 15px); margin-bottom: 15px;}
.homeA-connect ul li a{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.homeA-connect ul li a img{width: 70px;}
.homeA-connect ul li a span{width: calc(100% - 85px); font-weight: bold;}
.homeA-connect ul li:nth-child(3){width: 100%; margin-bottom: 0;}

@media all and (max-width: 1200px){
    .homeL-item{flex: calc((100% - 60px)/3);}
    .homeL-item:nth-child(4n){margin-right: 30px;}
    .homeL-item:nth-child(3n){margin-right: 0;}
}
@media all and (max-width: 820px){
	.home1-picture, .home2-picture{float: none; width: 100%; margin-bottom: 30px;}
    .home1-text, .home2-text{position: relative; width: 100%; transform: translatey(0);}
    .home2-picture h2{right: 0;}
    .homeL-item{flex: calc((100% - 30px)/2);}
    .homeL-item:nth-child(4n),
    .homeL-item:nth-child(3n){margin-right: 30px;}
    .homeL-item:nth-child(2n){margin-right: 0;}
    .homeA .wrap > div:nth-child(3){width: 100%;}
}
@media all and (max-width: 620px){
	.homeN-carousel{position: relative; width: 100%; height: 415px; margin-bottom: 15px;}
    .homeN-nav{float: none; width: 100%;}
    .homeA .wrap > div{width: 100%;}
    .homeA-brochure{margin: 0 auto;}
}
@media all and (max-width: 420px){
    .homeL-item{flex: 100%; margin-right: 0;}
    .homeL-item:nth-child(4n),
    .homeL-item:nth-child(3n){margin-right: 0;}
	.homeN-carousel{position: relative; width: 100%; height: 280px;}
    .homeA-connect ul li{width: 100%;}
}.banner{position: relative; height: 450px; background: no-repeat center / cover; overflow: hidden;}
.banner:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 25%);}
.banner-title{position: absolute; bottom: 0; width: 100%; padding: 15px 0; background-color: rgb(0 0 0/ 50%); font-size: 50px; text-transform: uppercase; text-align: center; color: #fff; text-shadow: 1px 1px 3px rgb(0 0 0 / 50%); z-index: 9;}

.slide{position: relative; overflow: hidden;}
.slide .owl-nav{display: block; opacity: 0; transition: all 0.3s ease 0s;}
.slide .owl-nav button{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; background-color: transparent; margin: auto; transition: all 0.3s ease 0s;}
.slide .owl-nav button.owl-prev{left: 40px;}
.slide .owl-nav button.owl-next{right: 40px;}
.slide .owl-nav button i{display: block; font-size: 40px; color: #fff; transition: all 0.3s ease 0s;}
.slide .owl-nav button:hover i{color: #de4d30;}
.slide-item{background-size: 0;}
.slide-item img{width: 100%;}
.slide:hover .owl-nav{opacity: 1;}

@media all and (max-width: 1200px){
    .banner-title{font-size: 40px;}
}
@media all and (max-width: 820px){
    .banner-title{font-size: 35px;}
}
@media all and (max-width: 620px){
	.banner-title{font-size: 30px;}
    
    .slide-item{height: 450px; background: no-repeat center / cover;}
    .slide-item img{display: none!important;}
}.contact{position: relative; padding: 100px 0;}
.contact:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/theme/images/gradient.jpg) no-repeat center / cover; opacity: 50%;}

.contact-right{float: right; width: calc(50% - 50px);}  
.contact-left{float: left; width: calc(50% - 50px);}
 
.contact-title{margin-bottom: 30px; font-weight: 700; color: #fff;}
.contact-title i{margin-bottom: 30px; font-size: 50px;}
.contact-title p:nth-child(2){margin-bottom: -15px; font-size: 25px;}
.contact-title p:nth-child(3){font-size: 40px;}
.contact-title:after{content: ''; display: block; width: 50px; height: 1px; margin-top: 20px; background-color: #de4d30;}

.contact-prev{color: #333;}
.contact-prev p:nth-child(1){margin-bottom: 24px;}
.contact-prev p:nth-child(2){margin-bottom: 7px;}
.contact-prev a{display: inline-block; background-image: linear-gradient(-45deg, #de4d30, #bb825d, #306f16); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 42px; font-weight: 700; line-height: 1;}

.contact-form{padding-top: 30px;}
.contact-form .form-item{float: left; width: calc(50% - 15px);}
.contact-form .form-item:nth-child(2n){float: right;}
.contact-form .form-item:nth-child(5){width: 100%; margin-bottom: 50px;}
.contact-form .form-item:nth-child(6){width: 100%; margin-bottom: 0;}
.contact-form .form-item input[type=text]{height: 50px; background-color: transparent; border: none; border-bottom: 1px solid #999; text-indent: 15px; color: #333;}
.contact-form .form-item input[type=text].error{border-bottom-color: #e70000;}
.contact-form .form-item textarea{height: 100px; padding: 15px; background-color: transparent; border: none; border-bottom: 1px solid #999;}
.contact-form .form-item input[type=submit]{width: 125px; height: 50px; background-color: transparent; border: 1px solid #de4d30; border-radius: 5px; text-transform: uppercase; letter-spacing: 1px; color: #333;}
.contact-form .form-item input[type=submit]:hover{background-color: #de4d30; color: #fff;}
.contact-form .form-item input::placeholder,
.contact-form .form-item textarea::placeholder{color: #333;}

@media all and (max-width: 820px){
    .contact-right{float: none; width: 100%; margin-bottom: 50px;}
    .contact-left{float: none; width: 100%;}
    .contact-form{padding-top: 0;}
}.feedback{padding: 100px 0 175px; background-color: #f7f7f7;}

.feedback-left{position: relative; float: left; width: calc(45% - 25px);}
.feedback-left i{position: absolute; right: 25px; bottom: -200px; font-size: 250px; opacity: 5%;}
.feedback-right{float: right; width: calc(55% - 25px);}

.feedback-title{margin-bottom: 15px; font-size: 35px; color: #de4d30;}
.feedback-prev{color: #555;}

.feedback-wrap{position: relative; padding: 50px; background-color: #fff; border-radius: 30px 30px 30px 0; box-shadow: 15px 15px 50px rgb(0 0 0 / 25%);}
.feedback-wrap:after{content: ''; position: absolute; bottom: -30px; left: 0; border-color: #fff transparent transparent; border-style: solid; border-width: 30px 50px 0 0;}
.feedback-wrap .owl-dots{position: absolute; bottom: -125px; left: 0; height: 15px; text-align: center; line-height: 1;}
.feedback-wrap .owl-dots button{display: inline-block; width: 15px; height: 100%; margin: 0 5px; background-color: #de4d30; border-radius: 15px; vertical-align: top; transition: all 0.3s ease 0s;}
.feedback-wrap .owl-dots button.active{width: 30px;}

.feedback-item i{float: left; width: 50px; font-size: 50px;}

.feedback-info{float: right; width: calc(100% - 65px);}
.feedback-info div:nth-child(1){margin-bottom: 30px; padding-top: 15px; color: #555;}
.feedback-info img{float: left; width: 75px; border-radius: 50%;}
.feedback-info span{float: right; width: calc(100% - 90px);}
.feedback-info span b{display: block;}

@media all and (max-width: 820px){
    .feedback-left{float: none; width: auto; margin-bottom: 50px;}
    .feedback-right{float: none; width: auto;}
}
@media all and (max-width: 620px){
    .feedback-item i{display: none;}
    .feedback-info{float: none; width: auto;}
}  .news{padding: 100px 0; box-shadow: inset 0 5px 15px -15px rgb(0 0 0 / 50%);}
.news-title{margin-bottom: 50px; font-size: 30px; font-weight: 700; text-transform: uppercase; text-align: center; color: #de4d30;}
.news-title i{margin-right: 15px; color: #333;}
.news-item{float: left; width: calc((100% - 60px)/3); margin: 0 30px 30px 0;}
.news-item:nth-child(3n){margin-right: 0;}
.news-img{border-radius: 5px; box-shadow: 2px 2px 5px rgb(0 0 0 / 50%); overflow: hidden;}
.news-img img{width: 100%; transition: all 0.5s ease 0s;}
.news-wrap{padding: 30px 15px 0;}
.news-time{margin-bottom: 15px; color: #777;}
.news-time i{margin-right: 5px;}
.news-name{margin-bottom: 15px; font-size: 16px; text-transform: uppercase;}
.news-name-2{margin-bottom: 30px; font-size: 24px; color: #de4d30;}
.news-name a, .news-prev{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #333; overflow: hidden; transition: all 0.3s ease 0s;}
.news-name a:hover{color: #de4d30;}
.news-prev{margin-bottom: 30px; -webkit-line-clamp: 3; color: #333;}
.news-more{display: inline-block; padding: 0 15px; background-color: #de4d30; border-radius: 15px;}
.news-more a{display: block; font-size: 14px; line-height: 30px; color : #fff;}
.news-more a i{margin-left: 5px; transition: all 0.3s ease 0s;}
.news-more:hover a i{margin-left: 10px;}
.news-detail{max-width: 1020px; margin: 0 auto;}
.news-detail .news-time{margin-bottom: 0;}
.news-item:hover .news-img img, .news-slick:hover .news-img img{transform: scale(1.05);}

.news-carousel .slick-list{width: calc(100% + 30px); transform: translateX(-15px);}
.news-carousel .slick-slide{padding: 0 15px;}
.news-carousel .slick-dots{height: 15px; margin-top: 50px; text-align: center; line-height: 1;}
.news-carousel .slick-dots li{width: 15px; height: 100%; margin: 0 7.5px; background-color: #d7d7d7; transform: rotate(45deg);}
.news-carousel .slick-dots li.slick-active{background-color: #de4d30;}

@media all and (max-width: 820px){
	.news-item{width: calc((100% - 30px)/2);}
    .news-item:nth-child(3n){margin-right: 30px;}
    .news-item:nth-child(2n){margin-right: 0;}
}
@media all and (max-width: 420px){
	.news-item{float: none; width: 100%; margin: 0 0 30px 0;}
    .news-item:nth-child(3n){margin-right: 0;}
    .news-name a, .news-prev{-webkit-line-clamp: initial;}
}.lylich{position: relative;}
.lylich-back{position: absolute; top: 0; left: 0; cursor: pointer;}
.lylich-back i{display: block; width: 80px; background-color: #de4d30; font-size: 30px; text-align: center; line-height: 80px; color: #fff; transition: all 0.3s ease 0s;}
.lylich-back i:hover{background-color: #306f16;}
.lylich-title{margin-bottom: 30px;}
.lylich-title h1{background-color: #f7f7f7; font-size: 35px; text-align: center; line-height: 80px;}
.lylich-title b{display: block; font-size: 20px;}
.lylich-form .form-item span{font-weight: 500;}

.lylich-profile{float: left; width: calc(100% - 330px);}
.lylich-profile .form-item{float: left; width: calc(50% - 15px);}
.lylich-profile .form-item:nth-child(2n){float: right;}
.lylich-profile .form-item:nth-child(7){width: 100%;}

.lylich-picture{float: right; width: 300px;}
.lylich-picture-title{margin-bottom: 5px; font-weight: 500;}
.lylich-picture-wrap{position: relative; min-height: 124px; padding: 15px 15px 55px; background: url(/theme/images/user.png) no-repeat center bottom 70px / 100px auto; border: 1px solid #d7d7d7;}
.lylich-picture-wrap a.SelectPicture, .lylich-picture-wrap a.RemovePicture{position: absolute; bottom: -1px; left: -1px; width: calc(100% + 2px); margin: 0 auto; padding: 11px 0 10px; cursor: pointer;}
.lylich-picture-wrap a.SelectPicture i, .lylich-picture-wrap a.RemovePicture i{display: block; font-size: 20px; text-align: center; color: #fff;}
.lylich-picture-wrap a.SelectPicture{background-color: #306f16;}
.lylich-picture-wrap a.RemovePicture{display: none; background-color: #de4d30;}
.lylich-picture-wrap img{background-color: #fff;}

.lylich-row p{padding-left: 10px; background-color: #f7f7f7; border: 1px solid #d7d7d7; font-weight: 500; line-height: 38px;}
.lylich-row .form-item{float: left; margin-bottom: 0;}
.lylich-row .form-item+.form-item p, .lylich-row .form-item+.form-item input[type=text]{border-left: none;}
.lylich-row+.lylich-row .form-item input[type=text]{border-top: none;}
.lylich-row-family .form-item{width: calc((100% - 500px)/3);}
.lylich-row-family .form-item:nth-child(1){width: 500px; margin-left: 0;}
.lylich-row-study .form-item,
.lylich-row-work .form-item{width: calc(100%/3);}
.lylich-row-certi .form-item{width: calc(100%/2);}

.lylich-add{margin-top: 5px; margin-bottom: 30px; text-align: right;}
.lylich-add span{cursor: pointer;}
.lylich-add span i{width: 40px; background-color: #306f16; font-size: 20px; text-align: center; line-height: 40px; color: #fff; transition: all 0.3s ease 0s;}
.lylich-add span:hover i{background-color: #de4d30;}

.lylich-idea .form-item{float: left; width: calc(50% - 15px);}
.lylich-idea .form-item:nth-child(2){float: right;}

.lylich-other .form-item{float: left; width: calc((100% - 60px)/3); margin-right: 30px;}
.lylich-other .form-item:nth-child(3n){margin-right: 0;}

.lylich-health{margin-bottom: 20px;}
.lylich-health .form-item{float: left; width: calc((100% - 90px)/4); margin-right: 30px;}
.lylich-health .form-item:nth-child(4n){margin-right: 0;}

@media all and (max-width: 768px){
    .lylich-row-family .form-item{width: calc((100% - 315px)/3);}
    .lylich-row-family .form-item:nth-child(1){width: 315px;}
    .lylich-other .form-item{width: calc((100% - 30px)/2);}
    .lylich-other .form-item:nth-child(3n){margin-right: 30px;}
    .lylich-other .form-item:nth-child(2n){margin-right: 0;}
}
@media all and (max-width: 580px){
    .lylich-profile{float: none; width: auto;}
    .lylich-picture{float: none; width: auto; margin-bottom: 30px;}
    .lylich-scroll-1{overflow-y: scroll;}
    .lylich-family, .lylich-work{width: 738px;}
    .lylich-idea .form-item{float: none; width: auto;}
    .lylich-idea .form-item:nth-child(2){float: none;}
    .lylich-other .form-item{float: none; width: auto; margin-right: 0;}
    .lylich-other .form-item:nth-child(3n){margin-right: 0;}
}
@media all and (max-width: 480px){
    .lylich-title h1{padding-left: 80px; font-size: 28px;}
    .lylich-scroll-2{overflow-y: scroll;}
    .lylich-study, .lylich-certi{width: 480px;}
    .lylich-health .form-item{width: calc((100% - 30px)/2);}
    .lylich-health .form-item:nth-child(4n){margin-right: 30px}
    .lylich-health .form-item:nth-child(2n){margin-right: 0;}
}.mamnon{padding: 50px 0; }
.mamnon-title{margin-bottom: 50px; font-size: 40px; font-weight: 400;}
.mamnon-title span{padding-right: 6px; color: #de4d30;}
.mamnon-name{margin-bottom: 30px; font-size: 30px; color: #de4d30;}

.mamnon1{background: url(/theme/images/side1.png) no-repeat center right;}
.mamnon3{background: url(/theme/images/side2.png) no-repeat center left;}

.mamnon1-item{position: relative;}
.mamnon1-img{float: right; width: 50%;}
.mamnon1-img img{width: 100%; border-radius: 30px 0; transition: all 0.3s ease 0s;}
.mamnon1-img:hover img{border-radius: 0 30px;}
.mamnon1-txt{position: absolute; top: 50%; left: 0; width: calc(50% - 50px);}
.mamnon1-txt > div{transform: translatey(-50%);}
.mamnon1-content{text-align: justify; color: #555;}
.mamnon1-item:nth-child(2){margin: 50px 0;}
.mamnon1-item:nth-child(2) .mamnon1-img{float: left;}
.mamnon1-item:nth-child(2) .mamnon1-txt{right: 0; left: initial;}

.mamnon2-tabs{float: left; width: calc(50% - 25px);}
.mamnon2-tabs ul{list-style: none; display: flex; flex-flow: row wrap;}
.mamnon2-tabs ul li{float: left; width: 50%;}
.mamnon2-tabs ul li a{display: block; padding: 15px; transition: all 0.3s ease 0s;}
.mamnon2-tabs ul li a img{transition: all 0.3s ease 0s;}
.mamnon2-tabs ul li a span{display: block; padding-top: 15px; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: 1px; color: #999; transition: all 0.3s ease 0s;}

.mamnon2-tabs ul li a.active{background-color: #fff; box-shadow: 0 0 15px rgb(0 0 0 / 25%);}
.mamnon2-tabs ul li a.active span, .mamnon2-tabs ul li a:hover span{color: #de4d30;}

.mamnon2-wrap{position: relative;}
.mamnon2-content{position: absolute; top: 0; right: 0; width: calc(50% - 25px); height: 100%; background-color: #f7f7f7;}
.mamnon2-content > div{position: absolute; top: 50%; width: calc(100% - 60px); padding: 30px; transform: translatey(-50%); text-align: justify;}

.mamnon2-item+.mamnon2-item{margin-top: 50px;}
.mamnon2-item:nth-child(2) .mamnon2-tabs{float: right;}
.mamnon2-item:nth-child(2) .mamnon2-content{right: initial; left: 0;}

.mamnon3_1{margin-bottom: 50px;}
.mamnon3_1 > img{float: left; width: 450px;}
.mamnon3_1 > ul{list-style: none; float: right; width: calc(100% - 500px); padding-top: 15px;}
.mamnon3_1 > ul > li{box-sizing: border-box; position: relative; float: left; width: 50%; margin-bottom: 30px; padding-left: 63px;}
.mamnon3_1 > ul > li i:not(.fa-thin){position: absolute; top: 0; left: 0; width: 46px; border: 1px dashed #d7d7d7; border-radius: 10px; font-size: 25px; text-align: center; line-height: 46px; color: #555;}
.mamnon3_1 > ul > li > h3{font-size: 35px; line-height: 1; color: #de4d30;}
.mamnon3_1 > ul > li > div a{color: #333;}
.mamnon3_1 > ul > li:nth-child(1){float: none; width: auto; padding-left: 0;}
.mamnon3_1 > ul > li:nth-child(1) > i{margin-bottom: 30px; font-size: 50px;}
.mamnon3_1 > ul > li:nth-child(1) > b{display: block; font-weight: 400;}
.mamnon3_1 > ul > li:nth-child(2){float: none; width: auto;}

.mamnon3_2{position: relative; margin-bottom: 50px;}
.mamnon3_2-left{float: left; width: calc(100% - 360px);}
.mamnon3_2-left > ul{list-style: none; border: 1px dashed #d7d7d7; border-radius: 10px;}
.mamnon3_2-left > ul > li{border-bottom: 1px dashed #d7d7d7;}
.mamnon3_2-left > ul > li:last-child{border-bottom: 0;}
.mamnon3_2-left > ul > li > *:not(.clear){box-sizing: border-box; padding: 15px;}
.mamnon3_2-left > ul > li > b{float: left; display: block; width: 145px; color: #de4d30;}
.mamnon3_2-left > ul > li > div:not(.clear){float: right; width: calc(100% - 145px); border-left: 1px dashed #d7d7d7; color: #555;}
.mamnon3_2-left > ul > li > div > ul{padding-left: 30px;}
.mamnon3_2-right{position: absolute; top: 0; right: 0; width: 330px; height: 100%;}
.mamnon3_2-right div{height: calc((100% - 60px)/3);}
.mamnon3_2-right div:nth-child(2){margin: 30px 0;}
.mamnon3_2-right div img{width: 100%; height: 100%; border-radius: 10px; object-fit: cover;}

.mamnon3_3 > ul{list-style: none; display: flex; flex-flow: row wrap;}
.mamnon3_3 > ul > li{float: left; width: calc((100% - 100px)/3); margin-right: 50px; margin-bottom: 50px;}
.mamnon3_3 > ul > li:nth-child(3n){margin-right: 0;}
.mamnon3_3 > ul > li > img{float: left; width: 75px;}
.mamnon3_3 > ul > li > div:not(.clear){float: right; width: calc(100% - 80px);}

@media all and (max-width: 820px){
    .mamnon1-img{float: none; width: 100%; margin-bottom: 30px;}
    .mamnon1-txt{position: relative; width: 100%;}
    .mamnon1-txt > div{transform: translatey(0);}
    
    .mamnon3_1{margin-bottom: 20px;}
    .mamnon3_1 > img{float: none; width: 100%;}
    .mamnon3_1 > ul{float: none; width: 100%; padding-top: 30px;}
}
@media all and (max-width: 620px){
    .mamnon2-tabs ul li a span{letter-spacing: 0;}
    .mamnon2-tabs{float: none!important; width: 100%; margin-bottom: 30px;}
    .mamnon2-tabs > ul > li{width: 25%;}
    .mamnon2-content{position: relative; width: 100%;}
    .mamnon2-content > div{position: relative; transform: translatey(0);}
    
    .mamnon3_2-left{float: none; width: 100%;}
    .mamnon3_2-right{display: none;}
    
    .mamnon3_3 > ul > li{width: calc((100% - 50px)/2);}
    .mamnon3_3 > ul > li:nth-child(3n){margin-right: 50px;}
    .mamnon3_3 > ul > li:nth-child(2n){margin-right: 0;}
}
@media all and (max-width: 420px){
    .mamnon2-tabs > ul > li{width: 50%;}
    
    .mamnon3_1 > ul > li{float: none; width: 100%;}
    
    .mamnon3_3 > ul > li{float: none; width: 100%; margin-right: 0;}
    .mamnon3_3 > ul > li:nth-child(3n){margin-right: 0;}
}.tuvan{padding: 50px 0;}
.tuvan-title{margin-bottom: 50px; font-size: 40px; text-transform: uppercase; text-align: center;}
.tuvan-title span{font-family: Tahoma; color: #de4d30;}
.tuvan-name{margin-bottom: 30px; font-size: 30px; text-transform: uppercase; text-align: center; color: #de4d30;}

.tuvan1-sumenh{position: relative; margin-bottom: 50px; box-shadow: 0 0 15px rgb(0 0 0 / 25%); border-radius: 15px; overflow: hidden;}
.tuvan1-sumenh img{float: left; width: 50%;}
.tuvan1-txt{position: absolute; top: 0; right: 0; display: flex; width: 50%; height: 100%; align-items: center; justify-items: center;}
.tuvan1-txt div{width: 100%; padding: 0 50px; text-align: center;}
.tuvan1-txt div h4{font-weight: 400;}
.tuvan1-txt div h4:after{content: ''; display: block; width: 100px; height: 2px; margin: 30px auto 0; background-color: #de4d30;}

.tuvan1-muctieu ul{list-style: none; display: flex; flex-flow: row wrap;}
.tuvan1-muctieu ul li{box-sizing: border-box; float: left; width: calc((100% - 100px)/3); text-align: center;}
.tuvan1-muctieu ul li img{border-radius: 50%; transition: all 0.3s ease 0s;}
.tuvan1-muctieu ul li h4{padding: 15px 15px 0; font-weight: 400;}
.tuvan1-muctieu ul li:hover img{transform: rotate(15deg);}
.tuvan1-muctieu ul li:nth-child(2){margin: 0 50px;}
.tuvan1-muctieu ul li:nth-child(2) i{margin: 30px 0; font-size: 30px;}
.tuvan1-muctieu ul li:nth-child(2) p{display: none; padding: 30px; box-shadow: 0 0 15px rgb(0 0 0 / 25%); border-radius: 5px;}
.tuvan1-muctieu ul li:nth-child(2) p:after, .tuvan1-muctieu ul li:nth-child(4) p:after{content: ''; display: block; width: 100px; height: 2px; margin: 30px auto 0; background-color: #de4d30;}
.tuvan1-muctieu ul li:nth-child(4){width: 100%; box-shadow: 0 0 15px rgb(0 0 0 / 25%); border-radius: 5px;}
.tuvan1-muctieu ul li:nth-child(4) p{padding: 30px;}

.tuvan2-name{position: relative; margin-bottom: -30px; padding: 100px 0 130px;}
.tuvan2-name:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/theme/images/gradient.jpg) no-repeat center / cover; opacity: 50%;}
.tuvan2-name h3{margin-bottom: 0; color: #fff;}
.tuvan2-prev{max-width: 760px; margin: 0 auto 50px; padding: 30px; background-color: #f7f7f7; border-radius: 5px; text-align: center;}

.tuvan2-1{margin-bottom: 50px;}
.tuvan2-1-wrap{position: relative;}
.tuvan2-1-name{max-width: 400px; margin: 0 auto 50px; font-size: 25px; text-transform: capitalize; text-align: center; color: #de4d30;}
.tuvan2-1-left{position: absolute; top: 50%; left: 0; width: calc(45% - 50px); transform: translatey(-50%);}
.tuvan2-1-left img{margin: 0 auto;}
.tuvan2-1-right{float: right; width: 55%;}
.tuvan2-1-right ul{list-style: none;}
.tuvan2-1-right ul li{box-sizing: border-box; position: relative; width: calc(100% - 50px); padding: 30px 30px 30px 120px; background-color: #f7f7f7; border-radius: 5px; transition: all 0.3s ease 0s;}
.tuvan2-1-right ul li:nth-child(2){margin: 30px 0 30px 50px;}
.tuvan2-1-right ul li:hover{background-color: #fff; box-shadow: 0 0 15px rgb(0 0 0 / 25%);}
.tuvan2-1-right ul li img{position: absolute; top: 0; bottom: 0; left: 30px; width: 60px; margin: auto;}
.tuvan2-1-right ul li h5{margin-bottom: 15px;}

.tuvan2-2-img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/theme/images/nonla.jpg) no-repeat center / auto calc(100% - 100px);}
.tuvan2-2-img img{max-height: 100%; margin: 0 auto;}
.tuvan2-2-txt ul{list-style: none;}
.tuvan2-2-txt ul li{box-sizing: border-box; position: relative; float: left; width: 35%; margin: 25px 0; padding: 15px; text-align: right; border-radius: 5px; transition: all 0.3s ease 0s;}
.tuvan2-2-txt ul li:hover{box-shadow: 0 0 15px rgb(0 0 0 / 25%);}
.tuvan2-2-txt ul li img{float: right; width: 70px; margin: auto;}
.tuvan2-2-txt ul li h5{float: left; display: flex; width: calc(100% - 85px); height: 70px; align-items: center; justify-items: center; font-weight: 400; line-height: 25px;}
.tuvan2-2-txt ul li:nth-child(2n){float: right; text-align: left;}
.tuvan2-2-txt ul li:nth-child(2n) img{float: left;}
.tuvan2-2-txt ul li:nth-child(2n) h5{float: right;}
.tuvan2-2-txt ul li:nth-child(3):before, .tuvan2-2-txt ul li:nth-child(4):before, .tuvan2-2-txt ul li:nth-child(4):after,
.tuvan2-2-txt ul li:nth-child(3):after{content: ''; position: absolute; right: 50px; width: 0px; height: 70px; border-right: 1px dashed #de4d30;}
.tuvan2-2-txt ul li:nth-child(3):before{top: -60px;}
.tuvan2-2-txt ul li:nth-child(3):after{bottom: -60px;}
.tuvan2-2-txt ul li:nth-child(4):before{top: -60px; right: initial; left: 50px;}
.tuvan2-2-txt ul li:nth-child(4):after{bottom: -60px; right: initial; left: 50px;}

.tuvan3 .tuvan2-name{margin-bottom: 50px; padding: 100px 0;}
.tuvan3 .tuvan2-1-name{max-width: none; margin-bottom: 30px; text-align: left;}
.tuvan3-item{position: relative; margin-bottom: 50px;}
.tuvan3-img{float: right; width: calc(50% - 25px);}
.tuvan3-img img{width: 100%; border-radius: 15px;}
.tuvan3-txt{position: absolute; top: 50%; left: 0; width: calc(50% - 25px);}
.tuvan3-wrap{transform: translatey(-50%);}
.tuvan3-content ul{list-style: none;}
.tuvan3-content ul li{position: relative; padding-left: 35px;}
.tuvan3-content ul li:before{content: '\f00c'; position: absolute; top: 2px; left: 15px; font-family: 'Font Awesome 6 Pro'; font-size: 14px; font-weight: 700; color: #de4d30;}
.tuvan3-item:nth-child(2) .tuvan3-img{float: left;}
.tuvan3-item:nth-child(2) .tuvan3-txt{right: 0; left: initial;}

.tuvan4-1{padding: 100px 0 50px; background-color: #f7f7f7;}
.tuvan4-1 .tuvan-name{text-transform: none; text-align: left;}
.tuvan4-1 .tuvan1-txt{background-color: #fff;}
.tuvan4-1 .tuvan1-txt div{text-align: left;}

.tuvan4-2{padding: 100px 0 50px;}
.tuvan4-2 .tuvan-name{margin-bottom: 50px;}
.tuvan4-2-list{display: flex; flex-flow: row wrap;}
.tuvan4-2-item{box-sizing: border-box; float: left; width: calc((100% - 225px)/4); margin: 0 75px 50px 0; padding: 50px 30px; border-radius: 5px; box-shadow: 0 0 15px rgb(0 0 0 / 25%);}
.tuvan4-2-item:nth-child(4){margin-right: 0;}
.tuvan4-2-img{width: 120px; margin-bottom: 30px; padding: 25px 0; background-color: #f7f7f7; border-radius: 50%;}
.tuvan4-2-img img{width: calc(100% - 50px); margin: auto;}
.tuvan4-2-item h4{margin-bottom: 15px;}
.tuvan4-2-item h4 span{font-size: 24px; color: #de4d30;}

.tuvan4-3{position: relative; padding: 100px 0 50px; background: no-repeat center bottom fixed; overflow: hidden;}
.tuvan4-3:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); backdrop-filter: blur(5px);}
.tuvan4-3 .tuvan-name{margin-bottom: 50px; color: #fff;}
.tuvan4-3 .tuvan-name:after{content: ''; display: block; width: 100px; height: 2px; margin: 30px auto 0; background-color: #de4d30;}
.tuvan4-3 ul{list-style: none; position: relative; float: left; width: 50%; z-index: 1;}
.tuvan4-3 ul li{box-sizing: border-box; position: relative; float: left; width: calc(50% - 25px); margin-bottom: 50px; color: #fff;}
.tuvan4-3 ul li:nth-child(2n){margin-left: 50px;}
.tuvan4-3 ul li h4{position: relative; margin-bottom: 15px; padding: 23px 0 0 65px; font-size: 18px;}
.tuvan4-3 ul li h4 i{position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-color: #de4d30; font-size: 30px; text-align: center; line-height: 50px;}
.tuvan4-3-guy{position: absolute; right: 0; bottom: -50px; width: calc(50% - 50px);}

.tuvan5{padding: 50px 0;}
.tuvan5 .slick-slide{padding: 0 15px;}
.tuvan5 .slick-slide > div{border: 1px solid #d7d7d7;}
.tuvan5 .slick-arrow{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; margin: auto; background-color: #de4d30; opacity: 75%; transition: all 0.3s ease 0s;}
.tuvan5 .slick-arrow:hover{opacity: 1;}
.tuvan5 .slick-arrow i{font-size: 18px; line-height: 40px; color: #fff;}
.tuvan5 .slick-prev{left: 30px;}
.tuvan5 .slick-next{right: 30px;}

@media all and (max-width: 820px){
	.tuvan1-sumenh img{float: none; width: 100%;}
    .tuvan1-txt{position: relative; width: 100%; padding: 30px 0 50px;}
    
    .tuvan2-1-left{position: relative; width: 100%; margin-bottom: 50px; transform: translatey(0);}
    .tuvan2-1-right{float: none; width: 100%;}
    
    .tuvan3-img{float: none; width: 100%; margin-bottom: 30px;}
    .tuvan3-txt{position: relative; width: 100%;}
    .tuvan3-wrap{transform: translatey(0);}
    .tuvan3-item:nth-child(2) .tuvan3-img{float: none;}
    
    .tuvan4-2-item{width: calc((100% - 50px)/2); margin: 0 50px 50px 0;}
    .tuvan4-2-item:nth-child(2){margin-right: 0;}
    
    .tuvan4-3{padding: 100px 0 0; background: no-repeat center / cover;}
    .tuvan4-3 ul{float: none; width: 100%;}
    .tuvan4-3-guy{position: relative; width: 100%; bottom: 0;}
    .tuvan4-3-guy img{margin: 0 auto;}
}
@media all and (max-width: 620px){
    .tuvan1-muctieu ul li{float: none; width: 100%; margin-right: 0;}
    .tuvan1-muctieu ul li:nth-child(2){margin: 50px 0;}
    .tuvan1-muctieu ul li:nth-child(2) p{display: block;}
    .tuvan1-muctieu ul li:nth-child(4){display: none;}
    
    .tuvan2-2-img img{display: none;}
    .tuvan2-2-txt ul li{width: calc(50% - 25px);}
}
@media all and (max-width: 420px){
    
    .tuvan2-1-right ul li{width: 100%;}
    .tuvan2-1-right ul li:nth-child(2){margin: 30px 0;}
    .tuvan2-2-txt ul li{width: 100%;}
    .tuvan2-2-txt ul li:nth-child(3):before, .tuvan2-2-txt ul li:nth-child(4):before, .tuvan2-2-txt ul li:nth-child(4):after, .tuvan2-2-txt ul li:nth-child(3):after{display: none;}
    
    .tuvan4-2-item{float: none; width: 100%; margin-right: 0;}
    
    .tuvan4-3 ul li{float: none; width: 100%;}
    .tuvan4-3 ul li:nth-child(2n){margin-left: 0;}
}.nhatngu{padding: 50px 0;}

.nhatngu1 .wrap:before{content: ''; position: absolute; top: 0; left: 0; width: calc(50% - 25px); height: 100%; background: url(/theme/images/japan_map.jpg) no-repeat center / auto 100%; opacity: 15%;}

.nhatngu1-left{position: absolute; top: 50%; width: calc(50% - 25px);}
.nhatngu1-left > div{transform: translatey(-50%); text-align: justify;}
.nhatngu1-left > div > h3, .nhatngu3-right > h2 > span:nth-child(1){margin-bottom: 15px; padding-left: 7px; border-left: 2px solid #de4d30; font-weight: 500; text-transform: uppercase;}
.nhatngu1-left > div > h2, .nhatngu3-right > h2 > span:nth-child(2){max-width: 380px; margin-bottom: 30px; font-size: 35px; color: #de4d30;}

.nhatngu1-right{position: relative; float: right; width: calc(50% - 25px);}
.nhatngu1-right ul{list-style: none; display: flex; flex-flow: row wrap;}
.nhatngu1-right ul li{float: left; width: calc((100% - 30px)/2); border-radius: 30px 0; box-shadow: 0 0 15px rgb(0 0 0 / 25%); transition: all 0.3s ease 0s;}
.nhatngu1-right ul li:nth-child(1){margin-bottom: 30px;}
.nhatngu1-right ul li:nth-child(2){margin-left: 30px; margin-bottom: 30px;}
.nhatngu1-right ul li:nth-child(4){margin-left: 30px;}
.nhatngu1-right ul li:hover{box-shadow: 0 0 15px rgb(0 0 0 / 50%); border-radius: 0 30px;}
.nhatngu1-right ul li > div{padding: 30px; text-align: justify;}
.nhatngu1-right ul li > div > img{width: 70px; margin-bottom: 30px;}
.nhatngu1-right ul li > div > h3{margin-bottom: 15px; font-weight: 700; text-transform: uppercase;}

.nhatngu3-left{position: absolute; bottom: 0; left: 0; width: calc(50% - 25px);}

.nhatngu3-right{float: right; width: calc(50% - 25px);}
.nhatngu3-right > h2 span{display: block;}
.nhatngu3-right > ul{list-style: none; padding-top: 15px; text-align: justify;}
.nhatngu3-right > ul li{position: relative; padding: 20px 0 15px 35px; box-shadow: 0px 7px 7px -7px rgb(0 0 0 / 25%); transition: all 0.3s ease 0s;}
.nhatngu3-right > ul li:hover{box-shadow: 0px 6px 7px -7px rgb(0 0 0 / 75%); transform: translateY(-1px);}
.nhatngu3-right > ul li h3{font-weight: 400;}
.nhatngu3-right > ul li i{position: absolute; top: 20px; left: 0; font-size: 22px; color: #de4d30;}

@media all and (max-width: 820px){
    .nhatngu1 .wrap:before{width: 100%; background-size: auto calc(100% - 100px)}
    .nhatngu1-left, .nhatngu3-left{position: relative; width: 100%; margin-bottom: 50px;}
    .nhatngu1-left > div{transform: translatey(0);}
	.nhatngu1-right, .nhatngu3-right{float: none; width: 100%;}
}
@media all and (max-width: 420px){
    .nhatngu1 .wrap:before{background-size: auto 50%}
    .nhatngu1-right ul li{float: none; width: 100%;}
    .nhatngu1-right ul li:nth-child(2){margin-left: 0;}
    .nhatngu1-right ul li:nth-child(3){margin-bottom: 30px;}
    .nhatngu1-right ul li:nth-child(4){margin-left: 0;}
}.thuctap{padding: 50px 0;}

/*.thuctap1-right{position: absolute; top: 50%; right: 0; width: calc(50% - 25px);}
.thuctap1-right div{transform: translatey(-50%);}*/
.thuctap1-right h2{font-weight: 500; text-transform: uppercase;}
.thuctap1-right h3{margin-bottom: 30px; font-size: 30px; color: #de4d30;}
.thuctap1-right span{display: block;}
.thuctap1-left{position: relative; float: left; width: calc(50% - 25px);}
.thuctap1-item{box-sizing: border-box; float: left; width: calc(50% - 15px); margin-left: calc(50% + 15px); padding: 30px; border-radius: 5px; transition: all 0.3s ease 0s;}
.thuctap1-item img{width: 75px; margin-bottom: 30px;}
.thuctap1-item h3{margin-bottom: 15px;}
.thuctap1-item:nth-child(1){background-color: #fffcf6; margin-bottom: 30px;}
.thuctap1-item:nth-child(2){background-color: #f0fffc;}
.thuctap1-item:nth-child(3){background-color: #f9f8ff; position: absolute; top: 50%; left: 0; margin-left: 0; transform: translatey(-50%);}
.thuctap1-item:hover{background-color: #fff; box-shadow: 0 0 15px rgb(0 0 0 / 25%);}

.thuctap2{padding-bottom: 20px;}
.thuctap2-title{margin-bottom: 30px; font-size: 30px; text-align: center; color: #de4d30;}
.thuctap2 ul{list-style: none;}
.thuctap2 ul li{position: relative; float: left; width: calc((100% - 60px)/3); margin: 0 30px 30px 0; border-radius: 5px; overflow: hidden;}
.thuctap2 ul li:nth-child(3n){margin-right: 0;}
.thuctap2 ul li:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 25%); z-index: 1; transition: all 0.3s ease 0s;}
.thuctap2 ul li img{width: 100%; transition: all 0.5s ease 0s;}
.thuctap2 ul li h3{position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px); font-size: 20px; text-transform: uppercase; line-height: 22px; color: #fff; z-index: 2; transition: all 0.3s ease 0s;}
.thuctap2 ul li h3:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; }
.thuctap2 ul li:hover:before{background-color: rgb(0 0 0 / 50%);}
.thuctap2 ul li:hover img{transform: scale(1.1);}
.thuctap2 ul li:hover h3{bottom: 30px;}

.thuctap3-title{margin-bottom: 50px; text-align: center;}
.thuctap3-title h2{font-weight: 500; text-transform: uppercase;}
.thuctap3-title h3{ font-size: 30px; color: #de4d30;}
.thuctap3 ul{list-style: none; font-size: 0; text-align: center;}
.thuctap3 ul li{position: relative; display: inline-block; width: calc((100%/4) - 15px); vertical-align: middle; overflow: hidden; transition: all 0.3s ease 0s;}
.thuctap3 ul li:before{content: '\f03e'; position: absolute; right: -50px; bottom: -30px; font-family: 'Font Awesome 6 Pro'; font-size: 200px; font-weight: 300; line-height: 1; color: #fff; opacity: 75%;}
.thuctap3 ul li:after{content: ''; position: absolute; top: 30px; left: 0; width: 100%; height: calc(100% - 60px);}
.thuctap3 ul li div{position: relative; padding: 15% 0; z-index: 2;}
.thuctap3 ul li div h3 {display: flex; height: 44px; margin-bottom: 15px; align-items: center; justify-items: center;}
.thuctap3 ul li div h3 span{display: block; width: 100%; font-size: 20px; text-transform: uppercase; line-height: 22px;}
.thuctap3 ul li div a{display: inline-block; width: 150px; background-color: #de4d30; border-radius: 5px; font-size: 16px; line-height: 40px; color: #fff; transition: all 0.3s ease 0s;}
.thuctap3 ul li div a:hover{box-shadow: 2px 4px 0 rgb(0 0 0 / 25%); transform: translatey(-4px);}
.thuctap3 ul li:nth-child(1):after{background-color: #f0fffc;}
.thuctap3 ul li:nth-child(2){padding: 0 30px; box-shadow: 0 0 15px rgb(0 0 0 / 25%); z-index: 1;}
.thuctap3 ul li:nth-child(2):after{background-color: #fff;}
.thuctap3 ul li:nth-child(3):after{background-color: #f9f8ff;}
.thuctap3 ul li:nth-child(4):after{background-color: #fffbdf;}

.thuctap3 ul:hover li:nth-child(2){padding: 0; box-shadow: 0 0 15px rgb(0 0 0 / 0); z-index: initial;}
.thuctap3 ul:hover li:nth-child(2):after{background-color: #fffcf6;}
.thuctap3 ul li:hover{padding: 0 30px!important; background-color: #fff!important; border-color: #fff!important; box-shadow: 0 0 15px rgb(0 0 0 / 25%)!important; z-index: 1!important;}
.thuctap3 ul li:hover:after{background-color: #fff!important;}

.thuctap4 .wrap{overflow: hidden;}
.thuctap4-carousel .slick-list{width: calc(100% + 50px); transform: translateX(-25px);}
.thuctap4-carousel .slick-slide{padding: 0 25px;}
.thuctap4-carousel .slick-dots{height: 15px; margin-top: 50px; text-align: center; line-height: 1;}
.thuctap4-carousel .slick-dots li{width: 15px; height: 100%; margin: 0 5px; background-color: #d7d7d7; border-radius: 7.5px;}
.thuctap4-carousel .slick-dots li.slick-active{width: 30px; background-color: #de4d30;}
.thuctap4-slick{position: relative; border-radius: 15px; overflow: hidden;}
.thuctap4-slick > *:not(img){position: absolute; top: 0; left: 0;}
.thuctap4-slick img{width: 100%;}
.thuctap4-slick span{position: absolute; right: 0; bottom: 0; width: 75px; height: 50px; margin: auto; background-color: #de4d30; border-radius: 10px;}
.thuctap4-slick span i{display: block; font-size: 18px; text-align: center; line-height: 50px; color: #fff;}
.thuctap4-slick a{width: 100%; height: calc(100% - 60px);}


@media all and (max-width: 820px){
	/*.thuctap1-right{position: relative; width: 100%; margin-bottom: 50px;}
    .thuctap1-right div{transform: translatey(0);}*/
    .thuctap1-left{float: none; width: 100%;}
    .thuctap1-item{float: none; width: 100%; margin-left: 0;}
    .thuctap1-item:nth-child(2){margin-bottom: 30px;}
    .thuctap1-item:nth-child(3){position: relative; transform: translatey(0);}
}
@media all and (max-width: 620px){
    .thuctap2 ul li{width: calc((100% - 30px)/2);}
    .thuctap2 ul li:nth-child(3n){margin-right: 30px;}
    .thuctap2 ul li:nth-child(2n-1){margin-right: 0;}
    .thuctap2 ul li:nth-child(1){margin-right: 0;}
    .thuctap2 ul li:nth-child(2){margin-left: 0;}
    
    .thuctap3 ul li{width: 50%;}
    .thuctap3 ul li:after{top: 0; height: 100%;}
    .thuctap3 ul li:nth-child(2){padding: 0;}
    .thuctap3 ul li div{position: relative; padding: 40% 0;}
    .thuctap3 ul li div h3{padding: 0 30px;}
    
    .thuctap3 ul li:hover{padding: 0!important;}
}
@media all and (max-width: 420px){
	.thuctap2 ul li{float: none; width: 100%; margin: 0 0 30px;}
    .thuctap2 ul li:nth-child(3n){margin-right: 0;}
    
    .thuctap3 ul li{width: 100%;}
    .thuctap3 ul li div{position: relative; padding: 30% 0;}
}.duhoc{padding: 50px 0;}
.duhoc-head{margin-bottom: 50px;}
.duhoc-left{float: left; width: calc(50% - 25px);}
.duhoc-right{position: absolute; top: 50%; right: 0; width: calc(50% - 25px);}
.duhoc-right > div{transform: translatey(-50%);}
.duhoc-right > div span{font-size: 14px; font-weight: 500; text-transform: uppercase;}
.duhoc-right > div h2{margin-bottom: 30px; font-size: 30px; color: #de4d30;}

.duhoc1-list+.duhoc1-list{margin-top: 50px;}
.duhoc1-title{margin-bottom: 30px; padding-bottom: 3px; font-size: 20px; text-transform: uppercase; border-bottom: 1px solid #d7d7d7;}
.duhoc1-title span{position: relative; display: inline-block;}
.duhoc1-title span:after{content: ''; position: absolute; bottom: -4px; left: 0; width: 100%; height: 3px; background-color: #de4d30;}
.duhoc1-img{border-radius: 5px; overflow: hidden;}
.duhoc1-img img{transition: all 0.5s ease 0s;}
.duhoc1-img:hover img{transform: scale(1.1);}
.duhoc1-time{padding-top: 15px; font-size: 14px; color: #777;}
.duhoc1-time i{margin-right: 5px;}
.duhoc1-name a{color: #333; transition: all 0.3s ease 0s;}
.duhoc1-name a:hover{color: #de4d30;}
.duhoc1-carousel .slick-list{width: calc(100% + 30px); transform: translateX(-15px);}
.duhoc1-carousel .slick-slide{padding: 0 15px;}
.duhoc1-carousel .slick-arrow{position: absolute; top: -60px; right: 0; width: 30px; height: 30px; background-color: #de4d30;}
.duhoc1-carousel .slick-arrow:hover{background-color: #306f16;}
.duhoc1-carousel .slick-arrow i{font-size: 18px; line-height: 30px; color: #fff;}
.duhoc1-carousel .slick-prev{right: 30px;}

.duhoc1-3{margin-bottom: 50px;}
.duhoc1-3-left{float: left; width: calc(50% - 15px); margin-right: 30px;}
.duhoc1-3-left .duhoc1-img{border-radius: 5px 5px 0 0;}
.duhoc1-3-right{float: left; width: calc(50% - 15px);}
.duhoc1-3-right+.duhoc1-3-right{margin-top: 30px;}
.duhoc1-3-right .duhoc1-time{padding-top: 15px;}
.duhoc1-3-wrap{padding: 15px; border: 1px solid #d7d7d7; border-top: 0; border-radius: 0 0 5px 5px;}
.duhoc1-3-wrap .duhoc1-time{padding-top: 0;}
.duhoc1-3-img{float: left; width: 180px; margin-right: 15px; border-radius: 5px; overflow: hidden;}
.duhoc1-3-img img{transition: all 0.5s ease 0s;}
.duhoc1-3-img:hover img{transform: scale(1.1);}
.duhoc1-3-name a{font-size: 18px; text-transform: uppercase; color: #de4d30;}.dieuduong{padding: 50px 0;}
.dieuduong-title{margin-bottom: 50px; font-size: 40px; font-weight: 400;}
.dieuduong-title span{padding-right: 6px; color: #306f16;}
.dieuduong-name{position: relative; margin-bottom: 30px; font-size: 30px; color: #306f16;}
.dieuduong-name i{position: absolute; bottom: 15px; font-size: 70px; color: #f7f7f7;}
.dieuduong-name h3{position: relative;}

.dieuduong1-item{position: relative; margin-bottom: 50px;}
.dieuduong1-img{float: right; width: calc(50% - 25px);}
.dieuduong1-img img{border-radius: 15px;}
.dieuduong1-txt{position: absolute; top: 50%; left: 0; width: calc(50% - 25px);}
.dieuduong1-wrap{transform: translatey(-50%);}
.dieuduong1-content ul{list-style: none;}
.dieuduong1-content ul li{position: relative; padding-left: 35px;}
.dieuduong1-content ul li:before{content: '\f00c'; position: absolute; top: 2px; left: 15px; font-family: 'Font Awesome 6 Pro'; font-size: 14px; font-weight: 700; color: #de4d30;}
.dieuduong1-item:nth-child(2) .dieuduong1-img{float: left;}
.dieuduong1-item:nth-child(2) .dieuduong1-txt{right: 0; left: initial;}

.dieuduong1-mode{position: relative; padding: 100px 0; background: no-repeat center fixed;}
.dieuduong1-mode:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); backdrop-filter: blur(3px);}
.dieuduong1-table .dieuduong-name{text-align: center; color: #fff;}
.dieuduong1-table > ul{list-style: none; box-sizing: border-box; max-width: 820px; margin: 0 auto; background-color: rgb(255 255 255 / 75%); border-radius: 10px;}
.dieuduong1-table > ul > li{border-bottom: 1px dashed #d7d7d7;}
.dieuduong1-table > ul > li:last-child{border-bottom: 0;}
.dieuduong1-table > ul > li > *:not(.clear){box-sizing: border-box; padding: 15px;}
.dieuduong1-table > ul > li > h4{float: left; display: block; width: 190px;}
.dieuduong1-table > ul > li > div:not(.clear){float: right; width: calc(100% - 190px); border-left: 1px dashed #d7d7d7; color: #222;}
.dieuduong1-table > ul > li > div > ul{list-style: none;}
.dieuduong1-table > ul > li > div > ul li{position: relative; padding-left: 35px;}
.dieuduong1-table > ul > li > div > ul li:before{content: '\f105'; position: absolute; top: 2px; left: 15px; font-family: 'Font Awesome 6 Pro'; font-size: 14px; font-weight: 700; color: #de4d30;}

.dieuduong2-location{position: relative; padding: 24px 0 0 30px;}
.dieuduong2-location i{position: absolute; top: 26px; left: 0; font-size: 18px; color: #de4d30;}
.dieuduong2-mode{padding: 0;}
.dieuduong2-mode:before{display: none;}
.dieuduong2-mode .dieuduong-name{text-align: left; color: #306f16;}
.dieuduong2-mode .dieuduong1-table > ul{max-width: none; border: 1px solid #d7d7d7;}

.dieuduong3{position: relative; padding: 100px 0; background: no-repeat center fixed; color: #fff;}
.dieuduong3:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); backdrop-filter: blur(3px);}
.dieuduong3 .dieuduong-title span{color: #de4d30;}
.dieuduong3 .dieuduong-name{color: #fff;}
.dieuduong3 .dieuduong-name:after{content: ''; display: block; width: 50px; height: 2px; margin-top: 5px; background-color: #de4d30;}
.dieuduong3-item{float: left; width: calc((100% - 150px)/3);}
.dieuduong3-item:nth-child(2){margin: 0 75px;}
.dieuduong3-item ul{list-style: none;}
.dieuduong3-item ul li{position: relative; padding-left: 15px;}
.dieuduong3-item ul li+li{margin-top: 15px;}
.dieuduong3-item ul li:before{content: '\f0da'; position: absolute; top: 1px; left: 0; font-family: 'Font Awesome 6 Pro'; font-weight: 700; color: #de4d30;}
.dieuduong3-item > a:nth-child(1){position: relative; display: block; font-size: 20px; text-align: center; color: #fff;}
.dieuduong3-item > a:nth-child(1) i{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 60px; height: 60px; margin: auto; background-color: rgb(222 77 48 / 90%); border-radius: 50%; line-height: 60px;}
.dieuduong3-item img{width: 100%;}

.dieuduong4{background-color: #f7f7f7;}
.dieuduong4 .dieuduong-name{margin-bottom: 50px; text-align: center;}
.dieuduong4-carousel .slick-list{width: calc(100% + 30px); transform: translateX(-15px)!important;}
.dieuduong4-carousel .slick-slide{padding: 0 15px;}
.dieuduong4-carousel .dieuduong4-slick{position: relative; display: block; height: 100px; background-color: #fff; border-radius: 5px; vertical-align: top;}
.dieuduong4-carousel .dieuduong4-slick img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: calc(100% - 30px); max-height: calc(100% - 30px);}
.dieuduong4-carousel .slick-arrow{position: absolute; bottom: -60px; width: 50px; height: 30px; margin: 0 auto; background-color: #306f16; margin: auto; border-radius: 5px;}
.dieuduong4-carousel .slick-arrow:hover{background-color: #de4d30;}
.dieuduong4-carousel .slick-arrow i{line-height: 30px; color: #fff;}
.dieuduong4-carousel .slick-prev{right: 60px; left: 0;}
.dieuduong4-carousel .slick-next{right: 0; left: 60px;}

@media all and (max-width: 820px){
    .dieuduong1-mode, .dieuduong3{background: no-repeat center / cover;}
    
	.dieuduong1-txt{position: relative; float: left;}
    .dieuduong1-wrap{transform: translatey(0);}
    .dieuduong1-item:nth-child(2) .dieuduong1-txt{float: right;}
    
    .dieuduong3-item{width: calc((100% - 100px)/3);}
    .dieuduong3-item:nth-child(2){margin: 0 50px;}
}
@media all and (max-width: 620px){
    .dieuduong-name{padding-top: 30px;}
    
    .dieuduong1-txt, .dieuduong1-img, .dieuduong3-item{float: none; width: 100%;}    
    .dieuduong1-table > ul > li > h4{width: 115px;}
    .dieuduong1-table > ul > li > div:not(.clear){width: calc(100% - 115px); min-height: 78px;}

    .dieuduong3-item:nth-child(2){margin: 50px 0;}
}.anuong1-1{padding: 50px 0;}
.anuong1-1-title{margin-bottom: 50px; padding-top: 165px; background: url(/theme/images/anuong1-1.jpg) no-repeat top center;}
.anuong1-1-title h2{font-family: Times New Roman; font-size: 50px; font-weight: 400; text-align: center; line-height: 1.2;}
.anuong1-1-picture{position: relative; overflow: hidden;}
.anuong1-1-picture:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 25%; background-image: linear-gradient(to top, #fff 25%, rgb(255 255 255 / 0) 100%); z-index: 1;}
.anuong1-1-picture img{width: 100%;}
.anuong1-1-content{position: absolute; top: 0; right: 0; left: 0; max-width: 800px; margin: 0 auto; padding: 50px; background: rgb(255 255 255 / 90%); box-shadow: 0 0 30px rgb(0 0 0 / 25%); text-align: center;}
.anuong1-1-content > *{position: relative; z-index: 2;}
.anuong1-1-content:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(#fff 15%, rgb(255 255 255 / 0) 100%); z-index: 1;}
.anuong1-1-content strong{font-size: 30px; color: #de4d30;}

.anuong1-2{background: #f9f9f9 url(/theme/images/anuong1-2a.png) no-repeat bottom left;}
.anuong1-2-wrap{padding: 100px 0; background: url(/theme/images/anuong1-2b.png) no-repeat top right;}
.anuong1-2-logo{width: 100px; margin: 0 auto;}
.anuong1-2-title{padding-top: 0; background: none;}
.anuong1-2-content{max-width: 800px; margin: 0 auto; text-align: center;}

.anuong2{display: flex; max-width: calc(100% - 30px); margin: 0 auto; padding: 100px 0;}
.anuong2 > *{box-sizing: border-box; flex: 0 0 auto; flex: 0 0 auto;}
.anuong2-left{width: 45%; padding: 120px 180px 0; background: url(/theme/images/anuong2.jpg) no-repeat top center; text-align: center;}
.anuong2-left h2{font-family: Times New Roman; font-size: 30px; font-weight: 400; line-height: 1.2;}
.anuong2-left i{margin-top: 15px; font-size: 50px; color: #de4d30;}
.anuong2-right{width: 55%;}
.anuong2-carousel .slick-arrow{position: absolute; bottom: 15px; left: -50px; width: 60px; height: 40px; background-color: #de4d30;}
.anuong2-carousel .slick-arrow:hover{transform: translatey(-3px); box-shadow: 0 1px 3px rgb(0 0 0 / 50%);}
.anuong2-carousel .slick-arrow i{font-size: 20px; line-height: 40px; color: #fff;}
.anuong2-carousel .slick-arrow.slick-next{left: 15px;}
.anuong2-item{position: relative; background: no-repeat center / cover;}
.anuong2-item img{opacity: 0;}
.anuong2-item a, .anuong3-item a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease 0s;}
.anuong2-item a, .anuong3-item a:before, .anuong2-item a, .anuong3-item a:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #fff; opacity: 0; transition: all 0.3s ease 0s;}
.anuong2-item a, .anuong3-item a:before{width: 40px; height: 1px; transform: translatex(-200%);}
.anuong2-item a, .anuong3-item a:after{width: 1px; height: 40px; transform: translatey(-200%);}
.anuong2-item a, .anuong3-item a:hover{background-color: rgb(0 0 0 / 50%);}
.anuong2-item a, .anuong3-item a:hover:before{transform: translatex(0); opacity: 1;}
.anuong2-item a, .anuong3-item a:hover:after{transform: translatey(0); opacity: 1;}
.anuong2-item h3{box-sizing: border-box; position: absolute; right: 0; bottom: 0; width: 50%; padding: 30px; background: #fff; text-align: right; color: #de4d30;}
.anuong2-item h3:before{content: ''; position: absolute; right: 1px; bottom: 0; width: calc(50% - 1px); height: calc(50% - 1px); border-right: 1px solid #de4d30; border-bottom: 1px solid #de4d30;}

.anuong3{margin: 0 auto; padding-bottom: 20px;}
.anuong3-title{padding: 107px 15px 50px 175px; background: url(/theme/images/anuong3.jpg) no-repeat center left 15px;}
.anuong3-title h2{margin-bottom: 15px; font-family: Times New Roman; font-size: 50px; font-weight: 400; line-height: 1.2;}
.anuong3-list{display: flex; flex-wrap: wrap;}
.anuong3-item{position: relative; flex: 0 0 auto; width: calc(100%/4 - 30px); height: 350px; margin: 0 15px 30px; background: no-repeat center / cover;}
.anuong3-item:nth-child(1),
.anuong3-item:nth-child(2),
.anuong3-item:nth-child(3){width: calc(100%/3 - 30px);}
.anuong3-item:nth-child(4),
.anuong3-item:nth-child(5){width: calc(100%/2 - 30px);}
.anuong3-item h3{position: absolute; bottom: 0; width: 100%; text-align: center;}
.anuong3-item h3 span{display: inline-block; padding: 15px; background-color: #de4d30; color: #fff;}

.anuong4{display: flex; justify-content: center;}
.anuong4-item{flex: 0 0 auto; width: calc(100%/3 - 30px); margin: 0 15px 50px;}
.anuong4-item h2{margin-bottom: 15px; font-family: Times New Roman; font-size: 30px; font-weight: 400; line-height: 1.2;}
.anuong4-item:nth-child(1){padding-top: 100px; background: url(/theme/images/anuong4-1.jpg) no-repeat top center;}
.anuong4-item:nth-child(2){margin-top: 100px; box-sizing: border-box; padding: 30px; background: url(/theme/images/anuong4-2.jpg) no-repeat center; border: 3px double #de4d30; border-radius: 15px; box-shadow: 0 0 30px rgb(0 0 0 / 15%); text-align: center;}
.anuong4-line h3{margin-bottom: 15px; font-family: Times New Roman; font-size: 20px; text-decoration: 1px underline; text-decoration-thickness: 1px; color: #de4d30;}
.anuong4-line:nth-child(1){margin-bottom: 30px;}

@media all and (max-width: 1400px){
    .anuong2-left{padding: 120px 50px 0;}
}
@media all and (max-width: 1200px){
	.anuong2-left{padding: 120px 30px 0;}
}
@media all and (max-width: 820px){
    .anuong1-1-content{position: relative; padding: 0 0 30px;}
    .anuong1-1-picture:after{display: none;}
    
    .anuong2{display: block; padding: 50px 0;}
	.anuong2-left{width: 100%; padding: 120px 0 60px;}
    .anuong2-right{width: 100%;}
    .anuong2-carousel .slick-arrow{left: 15px;}
    .anuong2-carousel .slick-arrow.slick-next{left: 80px;}
    
    .anuong3-title{padding: 107px 15px 50px;}
    .anuong3-item{width: calc(100%/2 - 30px)!important;}
    
    .anuong4-item{width: calc(100%/2 - 30px);}
}
@media all and (max-width: 620px){
	.anuong1-1-title h2{font-size: 30px;}
    
    .anuong2{padding: 50px 0 90px;}
    .anuong2-carousel .slick-arrow{bottom: -40px;}
    .anuong2-item h3{position: relative; width: 100%;}
    
    .anuong3-item{width: calc(100% - 30px)!important; margin: 0 auto 30px;}
    
    .anuong4{display: block;}
    .anuong4-item{width: calc(100% - 30px);}
    .anuong4-item:nth-child(2){margin-top: 50px;}
}.maymac-title{margin-bottom: 50px; font-size: 40px; line-height: 1.2; color: #306f16;}
.maymac1{padding: 100px 0;}
.maymac1-left{box-sizing: border-box; position: relative; float: left; width: calc(50% - 25px); padding: 0 0 100px 100px;}
.maymac1-left:before{box-sizing: border-box; content: ''; position: absolute; top: 50px; left: 50px; width: calc(100% - 100px); height: calc(100% - 100px); border: 1px solid #306f16; border-radius: 15px; z-index: -1;}
.maymac1-left img{border-radius: 30px;}
.maymac1-left img:nth-child(2){position: absolute; bottom: 0; left: 0; width: 50%;}
.maymac1-right{position: absolute; top: 50%; right: 0; width: calc(50% - 25px); transform: translatey(-50%);}
.maymac2{padding: 100px 0 50px; background-color: #f7f7f7;}
.maymac2-list{display: flex; flex-wrap: wrap;}
.maymac2-item{float: left; width: calc(100%/3); margin-bottom: 50px;}
.maymac2-wrap{padding: 0 15px;}
.maymac2-wrap img{border-radius: 30px;}
.maymac2-text{position: relative; max-width: calc(100% - 60px); margin: -30px auto 0; padding: 30px 0; background-color: #fff; border-radius: 15px; text-align: center; transition: all 0.5s ease 0s;}
.maymac2-text h4{font-size: 12px; text-transform: uppercase; letter-spacing: 3px; color: #306f16;}
.maymac2-text h2{padding: 0 15px; font-size: 20px;}
.maymac2-item:hover .maymac2-text{transform: translatey(-15px); box-shadow: 0 0 15px rgb(0 0 0 / 25%);}
.maymac3{padding: 100px 0 50px;}
.maymac3-item{position: relative; float: left; width: calc(50% - 25px); margin-bottom: 50px;}
.maymac3-item:nth-child(2n){margin-left: 50px;}
.maymac3-item img{border-radius: 30px;}
.maymac3-item h2{position: absolute; right: 0; bottom: 30px; max-width: 70%; padding: 10px 20px; background-color: #fff; border-radius: 15px 0 0 15px; transition: all 0.5s ease 0s;}
.maymac3-item:hover h2{color: #306f16;}
@media all and (max-width: 820px){
    .maymac1-left{float: none; width: 100%; margin-bottom: 50px;}
    .maymac1-right{position: relative; width: 100%; transform: translatey(0);}
    .maymac2-item{width: 50%;}
}
@media all and (max-width: 420px){
    .maymac1-left{padding: 0 0 50px 50px;}
    .maymac1-left:before{top: 25px; left: 25px; width: calc(100% - 50px);  height: calc(100% - 50px);}
    .maymac2-item{float: none; width: 100%;}
    .maymac3-item{float: none; width: 100%;}
    .maymac3-item:nth-child(2n){margin-left: 0;}
}