<br />
<b>Notice</b>:  Undefined variable: buffer in <b>/home/halon211/domains/halongdanang.com/public_html/components/style.php</b> on line <b>28</b><br />
.banner{position: relative; height: 400px; background-repeat: no-repeat; background-position: center; background-size: cover;}
.banner-title{position: absolute; top: 116.41px; right: 0; bottom: 0; left: 0; display: flex; margin: auto; align-items: center; justify-content: center; text-align: center;}
.banner-title-inner{display: block; font-size: 40px; font-weight: 700; line-height: 1.2; color: #fff; text-shadow: 1px 1px 2px rgb(0 0 0 / 0.75);}.direct ul{list-style: none; text-align: center;}
.direct ul li{display: inline-block; color: #fff;}
.direct ul li:after{content: "/"; display: inline-block; margin-left: 5px;}
.direct ul li:nth-last-child(2):after{display: none;}
.direct ul li a{color: #fff;}
@media (min-width:320px){
    .direct ul li.direct-m{display: none;}
}
@media (min-width:768px){
    .direct ul li.direct-m{display: inline-block;}
}.slide-item{background-repeat: no-repeat; background-position: center; background-size: cover;}
.slide-wrap{position: relative; display: flex; align-items: center; justify-content: left;}
.slide-wrap:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: rgb(0 0 0 / 0);}
.slide-text{max-width: 500px; padding: 30px; background-color: rgb(0 0 0 / 0.25);}
.slide-text span{font-weight: 700; line-height: 1.2; color: #fff;}
.slide-text p{margin: 30px 0; color: #fff;}
.slide-text a{display: inline-block; padding: 0 30px; background-color: #e41f26; border: 2px solid #e41f26; border-radius: 20px; font-weight: 700; line-height: 36px; letter-spacing: 1px; color: #fff; transition: all 0.25s ease 0s;}
.slide-text a:hover{background-color: #fff; color: #e41f26;}
.slide-text a i{width: 0; font-size: 16px; vertical-align: sub; overflow: hidden; transition: all 0.125s ease 0s;}
.slide-text a:hover i{width: auto; margin-left: 10px;}
.slide .owl-nav button{position: absolute; top: 0; bottom: 0; width: 35px; height: 70px; margin: auto; background-color: rgb(255 255 255 / 0.5); transition: all 0.25s ease 0s;}
.slide .owl-nav button:hover{background-color: #fff;}
.slide .owl-nav button.owl-prev{left: 0;}
.slide .owl-nav button.owl-next{right: 0;}
.slide .owl-nav button i{display: block; font-size: 16px; color: #fff; transition: all 0.25s ease 0s;}
.slide .owl-nav button:hover i{color: #e41f26;}
.slide .owl-dots{position: absolute; right: 0; bottom: 20px; left: 0; text-align: center; line-height: 1;}
.slide .owl-dots button{width: 20px; height: 5px; margin: 0 5px; background-color: rgb(255 255 255 / 0.5); vertical-align: top;}
.slide .owl-dots button.active{background-color: #fff;}
@media (min-width:320px){
    .slide-wrap{height: 50vh; height: calc(100vh);}
    .slide-text span{font-size: 30px;}
    .slide .owl-nav{display: none;}
}
@media (min-width:768px){
    .slide-text span{font-size: 40px;}
    .slide-text p{font-size: 16px;}
}
@media (min-width:970px){
    .slide-wrap{height: calc(100vh);}
    .slide .owl-nav{display: block; opacity: 0; transition: all 0.25s ease 0s;}
    .slide:hover .owl-nav{opacity: 1;}
}.aboutus ul{list-style: none;}
.aboutus ul li{margin-bottom: 30px;}
.aboutus ul li b{display: block; margin-bottom: 5px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #555;}
.aboutus ul li > p{color: #777;}
.aboutus-title{margin-bottom: 15px; font-family: Roboto Slab; font-size: 40px; font-weight: 700; color: #e41f26;}
.aboutus-preview{margin-bottom: 30px; color: #777;}
.aboutus-more{padding-top: 20px; font-weight: 700; line-height: 36px;}
.aboutus-more a{display: inline-block; padding: 0 30px; background-color: #e41f26; border: 2px solid #e41f26; border-radius: 20px; letter-spacing: 1px; color: #fff; transition: all 0.25s ease 0s;}
.aboutus-more a:hover{background-color: #fff; color: #e41f26;}
.aboutus-more a i{width: 0; font-size: 16px; vertical-align: sub; overflow: hidden; transition: all 0.125s ease 0s;}
.aboutus-more a:hover i{width: auto; margin-left: 10px;}
@media (min-width:320px){
    .aboutus{padding: 50px 0;}
    .aboutus-picture{display: none;}
}
@media (min-width:768px){
    .aboutus{position: relative; padding: 100px 0;}
    .aboutus-picture{position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 50%; height: auto; margin: auto; background: no-repeat center / cover;}
    .aboutus-wrap{margin-left: 50%; padding-left:70px;}
    .aboutus-preview{font-size: 16px;}
}.history{padding: 70px 0 40px; background-color: #f7f7f7;}
.history ul{list-style: none;}
.history ul li{box-sizing: border-box; margin-bottom: 30px; padding: 0 15px;}
.history ul li a{position: relative; display: block; border-radius: 10px; font-size: 22px; text-align: center; color: #fff; overflow: hidden;}
.history ul li span{position: absolute; right: 0; bottom: 0; left: 0; margin: auto; padding: 15px 0; background-image: linear-gradient(to top, rgb(0 0 0 / 50%) 50%, transparent)}
.catalog{padding: 70px 0;}
.catalog ul{list-style: none;}
.catalog ul li{box-sizing: border-box; margin-bottom: 50px; padding: 0 15px;}
.catalog ul li a{display: block; text-align: center;}
.catalog ul li a img{margin-bottom: 5px;}
.catalog ul li a span{display: block;}
.catalog ul li a span:nth-child(2){font-weight: 700; font-size: 18px; text-decoration: underline; color: #555;}
.catalog ul li a span:nth-child(2):hover{color: #e41f26;}
.catalog ul li a span:nth-child(3){font-size: 12px; color: #777;}
.catalog-title{margin-bottom: 15px; font-size: 40px; font-weight: 700; color: #e41f26;}
.catalog-preview{margin-bottom: 50px; color: #777;}
.catalog-more{font-weight: 700; text-align: center; line-height: 36px;}
.catalog-more a{display: inline-block; padding: 0 30px; background-color: #e41f26; border: 2px solid #e41f26; border-radius: 20px; letter-spacing: 1px; color: #fff; transition: all 0.25s ease 0s;}
.catalog-more a:hover{background-color: #fff; color: #e41f26;}
.catalog-more a i{width: 0; font-size: 16px; vertical-align: sub; overflow: hidden; transition: all 0.125s ease 0s;}
.catalog-more a:hover i{width: auto; margin-left: 10px;}
@media (min-width:320px){
    .catalog{padding: 50px 0;}
    .catalog-2{padding-top: 50px;}
}
@media (min-width:480px){
    .catalog ul li{float: left; width: calc(100%/2);}
}
@media (min-width:768px){
    .history ul li{float: left; width: calc(100%/2);}
    .catalog-preview{font-size: 16px;}
}
@media (min-width:970px){
    .catalog ul li{width: calc(100%/4);}
    .catalog-2 ul li{width: calc(100%/2);}
}.certifi{position: relative; }
.certifi ul{list-style: none;}
.certifi ul li{position: relative; float: left; height: 150px; margin-bottom: 30px;}
.certifi ul li a{display: block; height: 100%;}
.certifi ul li a img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: calc(100% - 30px); max-height: calc(100% - 30px); margin: auto;}
.certifi-title{margin-bottom: 15px; font-family: Roboto Slab; font-size: 40px; font-weight: 700; text-align: center; color: #e41f26;}
.certifi-prev{max-width: 758px; margin: 0 auto 50px; text-align: center; color: #777;}
@media (min-width:320px){
    .certifi{padding: 50px 0 20px;}
    .certifi ul li{width: calc(100%/2)}
}
@media (min-width:580px){
    .certifi ul li{width: calc(100%/3)}
}
@media (min-width: 768px){
    .certifi{padding: 100px 0 70px;}
    .certifi-prev{font-size: 16px;}
}.policy{position: relative;}
.policy:before{content: ''; position: absolute; right: 0; bottom: 0; left: 0; background-color: #f7f7f7;}
.policy ul{list-style: none;}
.policy ul li{margin-bottom: 30px;}
.policy ul li b{display: block; margin-bottom: 5px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #555;}
.policy ul li > p{color: #777;}
.policy-title{margin-bottom: 30px; font-family: Roboto Slab; font-size: 40px; font-weight: 700; color: #e41f26;}
@media (min-width:320px){
    .policy{padding: 50px 0;}
    .policy:before{height: 100%;}
    .policy-left{display: none;}
}
@media (min-width:970px){
    .policy{padding: 100px 0;}
    .policy:before{height: calc(100% - 200px);}
    .policy-left{float: left; display: block; width: 450px;}
    .policy-right{float: left; width: calc(100% - 520px); margin-left: 50px; padding-top: 150px;}
}.contact{padding: 50px 0;}
.contact-item{width: 150px;}
.c-left{margin-bottom: 30px;}
.c-left h2{margin-bottom: 20px; font-size: 18px; text-transform: uppercase; color: #e41f26;}
.c-left ul{list-style: none;}
.c-left ul li{margin-bottom: 10px; padding-left: 15px;}
.c-left ul li:nth-child(4){margin-bottom: 0;}
.c-left ul li span:nth-child(1){display: inline-block; width: 80px; vertical-align: top;}
.c-left ul li span:nth-child(2){display: inline-block; width: calc(100% - 80px); vertical-align: top;}
.c-left ul li a{color: #0093dd;}
.c-left ul li:nth-child(2) a{color: #e41f26;}
.c-left ul li:nth-child(3) a{color: #333;}
.c-right{padding-bottom: 30px;}
.c-right form{max-width: calc(100% - 30px); margin: auto;}
.c-text{margin-bottom: 30px; text-align: justify;}
@media (min-width: 768px){
    .c-left{float: left; width: calc(50% - 30px);}
    .c-right{float: right; width: calc(50% - 30px);}
}.awards{}
.awards-list{}
.awards-item{box-sizing: border-box; position: relative; float: left; width: calc(100%/3); margin-bottom: 50px; padding: 0 25px;}
.awards-item a{position: relative; display: block; box-shadow: 2px 2px 3px 2px rgb(0 0 0 / 50%); overflow: hidden;}
.awards-item a:before, .awards-item a:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 0; z-index: 1; transition: all 0.5s ease 0s;}
.awards-item a:before{content: ''; background-color: rgb(0 0 0 / 50%);}
.awards-item a:after{content: '\f002'; width: 50px; height: 50px; transform: scale(0.25); font-family: "Font Awesome 5 Free"; font-weight: 900; text-align: center; font-size: 30px; line-height: 50px; color: #fff;}
.awards-item img{margin: 0 auto; transition: all 0.5s ease 0s;}
.awards-item:hover a:before{opacity: 1;}
.awards-item:hover a:after{transform: scale(1); opacity: 1;}
.awards-item:hover img{transform: scale(1.1);}

@media all and (max-width: 820px){
	.awards-item{width: calc(100%/2);}
}
@media all and (max-width: 620px){
	.awards-item{padding: 0 15px;}
}.grown-1{position: relative;}
.grown-1-quote{max-width: 758px; margin: 0 auto; padding-top: 70px; font-family: Pacifico; text-align: center;}
.grown-1-quote-prev{font-size: 36px;}
.grown-1-quote-name{font-size: 22px; text-align: right;}
.grown-1-item{background: no-repeat center / cover;}
.grown-1-wrap{position: relative;}
.grown-1-numb{position: absolute; top: 60px; width: 56px; margin: auto; border: 2px dotted; border-radius: 50%; font-size: 36px; font-weight: 700; text-align: center; line-height: 56px;}
.grown-1-name{margin-bottom: 22px; font-family: Roboto Slab; font-size: 30px; text-transform: uppercase; line-height: 1;}
.grown-1-cont{font-weight: 600; text-align: justify;}
.grown-1-item:nth-child(1){color: #fff;}
.grown-1-item:nth-child(2){color: #42b5e5;}
.grown-1-item:nth-child(1) .grown-1-numb{border-color: #fff;}
.grown-1-item:nth-child(2) .grown-1-numb{border-color: #42b5e5;}

.grown-2{box-shadow: 0 1px 10px rgb(0 0 0 / 25%);}
.grown-2 .owl-nav button{background: #fff; transition: all 0.25s ease 0s;}
.grown-2 .owl-nav button i{display: block; font-size: 22px; color: #333;}
.grown-2-title{position: relative;}
.grown-2-title span{display: block;}
.grown-2-title span:nth-child(1){position: absolute; top: 30px; width: 56px; margin: auto; border: 2px dotted #333; border-radius: 50%; font-size: 36px; font-weight: 700; text-align: center; line-height: 56px;}
.grown-2-title span:nth-child(2){font-family: Roboto Slab; font-size: 30px; text-transform: uppercase; line-height: 1;}
.grown-2-owl{background-color: #f9f9f9;}
.grown-2-wrap{position: relative; max-width: 728px; margin: auto; padding: 15px;}
.grown-2-name{font-size: 20px; font-weight: 700; text-transform: uppercase;}
.grown-2-name b{font-size: 30px; line-height: 1; color: #e41f26;}
.grown-2-cont{font-weight: 600; text-align: justify;}

.grown-3{padding: 50px 0 20px; text-align: center;}
.grown-3-numb{width: 56px; margin: 0 auto 10px; border: 2px dotted #e41f26; border-radius: 50%; font-size: 36px; font-weight: 700; line-height: 56px; color: #e41f26;}
.grown-3-title{max-width: 375px; margin: 0 auto 30px; font-family: Roboto Slab; font-size: 30px; text-transform: uppercase; line-height: 1; color: #e41f26;}
.grown-3-preview{max-width: 575px; margin: 0 auto 50px; font-weight: 600;}
.grown-3-list{font-size: 0;}
.grown-3-item{box-sizing: border-box; display: inline-block; margin-bottom: 30px; padding: 0 15px; vertical-align: top;}
.grown-3-img img{margin: 0 auto;}
.grown-3-name{margin: 10px 0; font-size: 20px; font-weight: 700; text-transform: uppercase;}
.grown-3-cont{font-size: 14px; font-weight: 600;}

@media (min-width: 320px){
    .grown-1-numb{right: 0; left: 0;}
    .grown-1-name{text-align: center;}
    
    .grown-1-item:nth-child(1) .grown-1-wrap{padding: 130px 0 70px;}
    .grown-1-item:nth-child(2) .grown-1-wrap{padding: 130px 15px 70px; background-color: rgb(0 0 0 / 0.75);}
    
    .grown-2 .owl-nav{position: relative; width: 80px; margin: 15px auto 30px;}
    .grown-2 .owl-nav button{width: 40px; height: 30px;}
    .grown-2-title{padding: 100px 0 30px;}
    .grown-2-title span:nth-child(1){right: 0; left: 0;}
    .grown-2-title span:nth-child(2){text-align: center;}
    
}
@media (min-width: 410px){
    .grown-3-item{width: calc(100%/2);}
} 
@media (min-width: 580px){
    .grown-1-wrap:after{content: ''; position: absolute; bottom: 0; width: 0; height: calc(100% - 121px); border-left: 2px dotted;}
    
    .grown-1-item:nth-child(1) .grown-1-wrap{margin-left: 50%; padding: 70px 0 70px 50px;}
    .grown-1-item:nth-child(1) .grown-1-wrap:after{left: -1px; border-color: #fff;}
    .grown-1-item:nth-child(1) .grown-1-numb{right: initial; left: -30px;}
    .grown-1-item:nth-child(1) .grown-1-name{width: 170px; text-align: left;}

    .grown-1-item:nth-child(2) .grown-1-wrap{margin-right: 50%; padding: 70px 50px 280px 0; background-color: rgb(0 0 0 / 0);}
    .grown-1-item:nth-child(2) .grown-1-wrap:after{right: -1px; border-color: #42b5e5;}
    .grown-1-item:nth-child(2) .grown-1-wrap:before{content: ''; position: absolute; top: 0; right: -1px; width: 0; height: 58px; border-left: 2px dotted #42b5e5;}
    .grown-1-item:nth-child(2) .grown-1-numb{right: -30px; left: initial;}
    .grown-1-item:nth-child(2) .grown-1-name{padding-left: calc(100% - 195px); text-align: right;}
    .grown-1-item:nth-child(2) .grown-1-cont{text-align-last: right;}
    
    .grown-2-title{margin-left: 50%; padding: 30px 0 30px 50px;}
    .grown-2-title:after{content: ''; position: absolute; top: 0; left: -1px; width: 0; height: 28px; border-left: 2px dotted #333;}
    .grown-2-title span:nth-child(1){right: initial; left: -30px;}
    .grown-2-title span:nth-child(2){width: 175px; text-align: left;}
    
    .grown-3 .wrap:before{content: ''; position: absolute; top: -50px; right: 0; left: 0; width: 0; height: 47px; margin: auto; border-left: 2px dotted #e41f26;}
}
@media (min-width: 768px){
    .grown-2 .owl-carousel{background-color: #f9f9f9;}
    .grown-2 .owl-nav{position: initial; width: auto; margin: 0;}
    .grown-2 .owl-nav button{position: absolute; top: 0; bottom: 0; width: 30px; height: 50px; margin: auto;}
    .grown-2 .owl-nav button.owl-prev{left: 0; border-radius: 0 10px 10px 0;}
    .grown-2 .owl-nav button.owl-next{right: 0; border-radius: 10px 0 0 10px;}
    .grown-3-item{width: calc(100%/3);}
} 
@media (min-width: 970px){

}
@media (min-width: 1170px){

}.intro-1-content h2{margin-bottom: 30px; font-family: Roboto Slab; font-size: 40px; color: #e41f26;}
.intro-2{padding: 100px 0 70px; background: #f7f7f7 url(/theme/images/intro.png) no-repeat bottom right}
.intro-2-item{margin-bottom: 30px;}
.intro-2-name{margin-bottom: 15px; font-size: 25px; font-weight: 700;}
.intro-2-name:before{content: ''; display: inline-block; width: 50px; height: 2px; margin-right: 15px; background-color: #e41f26; vertical-align: middle;}
.intro-2-content{font-size: 16px;}
.intro-3{padding: 100px 0;}
.intro-3 ul{list-style: none;}
.intro-3 ul li+li{margin-top: 10px;}
.intro-3 ul li a{display: block; padding: 10px 0 10px 30px; background-color: #f7f7f7; font-size: 16px; color: #333; transition: all 0.25s ease 0s;}
.intro-3 ul li a.active{background-image: linear-gradient(to right, #e41f26 30%, #27b0e6); color: #fff;}
.intro-3 ul li > div{padding: 30px; border: 1px solid #d7d7d7; border-top: 0; font-size: 16px;}
.intro-3-sogan{box-sizing: border-box; position: relative; padding: 50px; background-color: #f7f7f7; border: 2px solid #d7d7d7; border-left-width: 15px;}
.intro-3-sogan i{margin-bottom: 30px; font-size: 40px; color: #e9e9e9;}
.intro-3-sogan p{margin-bottom: 60px; padding: 0; font-family: Roboto Slab; font-size: 25px; text-align: justify; color: #999;}
.intro-3-sogan span{display: block; text-align: right; font-weight: 700; color: #e41f26;}
.intro-3-sogan span:before{content: ''; display: inline-block; width: 50px; height: 2px; margin-right: 15px; background-color: #e41f26; vertical-align: middle;}
@media (min-width:320px){
    .intro-1{padding: 50px 0;}
    .intro-1-content{padding-top: 30px;}
    .intro-2{background-size: 100% auto;}
    .intro-3 ul{margin-bottom: 30px;}
}
@media (min-width:768px){
    .intro-1{position: relative; padding: 100px 0;}
    .intro-1-picture{position: absolute; top: 0; left: 0; bottom: 0; width: calc(50% - 25px); margin: auto; background: no-repeat center / cover;}
    .intro-1-picture img{opacity: 0;}
    .intro-1-content{float: right; width: calc(50% - 25px); padding: 30px 0; font-size: 16px;}
    .intro-2{background-size: 40% auto;}
}
@media (min-width:970px){
    .intro-3 ul{float: left; width: calc(100% - 450px); margin-bottom: 0;}
    .intro-3-sogan{float: right; width: 400px;}
}.product{padding: 50px 0 20px;}
.product-left ul{list-style: none;}
.product-left ul li+li{margin-top: 10px;}
.product-left ul li a{display: block; padding: 7.5px 0 7.5px 15px; background-color: #f7f7f7; font-size: 16px; font-weight: 700; color: #555; transition: all 0.25s ease 0s;}
.product-left ul li:hover a, .product-left ul li.active a{color: #e41f26;}
.product-list{padding-bottom: 15px;}
.product-item{float: left; margin-bottom: 15px; transition: all 0.25s ease 0s;}
.product-img{margin-bottom: 2px; overflow: hidden;}
.product-img img{transition: all 0.25s ease 0s;}
.product-more{position: relative; margin-bottom: 2px; background-color: #e41f26;}
.product-more:before, .product-more:after{content: ''; position: absolute; right: 0; left: 0; height: 1px; margin: auto; background-color: #e41f26;}
.product-more:before{top: -2px;}
.product-more:after{bottom: -2px;}
.product-more a{display: block; font-weight: 700; text-align: center; line-height: 30px; letter-spacing: 1px; color: #fff;}
.product-info{padding: 30px 15px 15px; background-color: #f7f7f7;}
.product-info *{display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.product-info a{margin-bottom: 5px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #555;}
.product-info span{height: 22px; -webkit-line-clamp: 1;}
.product-item:hover{transform: translateY(-1px); box-shadow: 0 1px 3px rgb(0 0 0 / 0.25);}
.product-item:hover .product-img img{transform: scale(1.05);}
.product-detail{padding-top: 30px;}
.product-detail a{display: block; margin-bottom: 15px; text-decoration: underline; color: #777;}
.product-detail h1{font-size: 30px; color: #555;}
.product-detail b{display: block; font-size: 18px; color: #e41f26;}
.product-detail b span{ font-weight: 400; color: #777;}
.product-detail .main-detail{margin-top: 30px; padding-top: 30px; border-top: 1px solid #d7d7d7;}
@media (min-width:320px){
    .product-left{margin-bottom: 30px;}
    .product-item{width: calc((100% - 15px) / 2); margin-right: 15px;}
    .product-item:nth-child(2n){margin-right: 0;}
    .product-info a{height: 50px; -webkit-line-clamp: 2;}
}
@media (min-width:580px){
    .product-info a{height: 25px; -webkit-line-clamp: 1;}
}
@media (min-width:768px){
    .product-left{float: left; width: 300px; margin-bottom: 0;}
    .product-right{float: right; width: calc(100% - 330px)}
    .product-info a{height: 50px; -webkit-line-clamp: 2;}
    .product-slide{float: left; width: calc(50% - 15px);}
    .product-detail{float: right; width: calc(50% - 15px);}
}
@media (min-width:970px){
    .product-info a{height: 25px; -webkit-line-clamp: 1;}
}
@media (min-width:1170px){
    .product-item{width: calc((100% - 30px) / 3); margin-right: 15px;}
    .product-item:nth-child(2n){margin-right: 15px;}
    .product-item:nth-child(3n){margin-right: 0;}
}.recipe-item{margin-bottom: 30px; background-color: #f5f5f5; border-radius: 0 0 10px 10px;}
.recipe-img{position: relative;}
.recipe-img img{border-radius: 10px;}
.recipe-wrap{padding: 15px;}
.recipe-time{position: absolute; bottom: 15px; left: 15px; padding: ;}
.recipe-time span{display: block; text-align: center;}
.recipe-time span:nth-child(1){background-color: #e41f26; font-size: 26px; font-weight: 700; color: #fff;}
.recipe-time span:nth-child(2){padding: 0 10px; background-color: #fff; line-height: 25px; color: #555;}
.recipe-name{margin-bottom: 5px; font-size: 16px; font-weight: 700;}
.recipe-name a, .recipe-prev{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; color: #333; transition: all 0.25s ease 0s;}
.recipe-name a:hover{color: #e41f26;}
.recipe-prev{-webkit-line-clamp: 3; color: #777; overflow: hidden;}
@media (min-width:320px){
}
@media (min-width:480px){
    .recipe-item{float: left; width: calc((100% - 30px)/2); margin-right: 30px;}
    .recipe-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:1170px){
    .recipe-item{width: calc((100% - 60px)/3); margin-right: 30px;}
    .recipe-item:nth-child(2n){margin-right: 30px;}
    .recipe-item:nth-child(3n){margin-right: 0;}
}.recruit-list{list-style: none; position: relative; padding: 50px 0;}
.recruit-list:before, .recruit-list:after{content: ''; position: absolute; background: #fff;}
.recruit-list:before{top: 0; right: 0; width: 1px; height: 100%;}
.recruit-list:after{bottom: 50px; left: 0; width: 100%; height: 1px;}
.recruit-list li{box-sizing: border-box; border-bottom: 1px solid #d7d7d7; transition: all 0.25s ease 0s;}
.recruit-list li a{display: block; min-height: 73px; padding: 50px 30px;}
.recruit-list li a img{float: left; width: 70px; margin-right: 15px;}
.recruit-list li a b:nth-child(2){display: block; max-height: 50px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #555; overflow: hidden; transition: all 0.25s ease 0s;}
.recruit-list li a span{color: #777;}
.recruit-list li:hover{background-color: #f7f7f7;}
.recruit-list li:hover a b{color: #e41f26;}
@media (min-width:768px){
    .recruit-list li{float: left; width: calc(100%/2); border-right: 1px solid #d7d7d7;}
}
@media (min-width:970px){
    .recruit-list li{width: calc(100%/3);}
}