.recipe {position:relative; padding-top:120px; background-image:url('http://15.164.2.79/setting/images/about/bg_orange.jpg');  background-position:center top; background-attachment:fixed; background-size:cover;}
.recipe .recipe_slide {background:#fed860; width:100%;  height:1000px; overflow:hidden;}
.recipe .recipe_slide .swiper-slide {overflow:hidden;}
.recipe .recipe_slide .left {width:50%; float:left; height:100%; text-align: center;}
.recipe .recipe_slide .left .recipe_img {margin-top:120px;}
.recipe .recipe_slide .right {width:50%; position:relative; float:left; height:100%; background:#fff6df; padding-top:220px; text-align: center; }
.recipe .recipe_slide .right:before {content:''; display:block; position:absolute; top:calc(50% - 135px/2 ); left:-82px; width: 82px; height:135px; background:url('http://15.164.2.79/setting/images/recipe/right_arrow.png');}
.recipe .recipe_slide .right h4 {color:#e75546; font-weight:600; margin-bottom:50px; font-size:50px; font-family:'Festivo Letters No1';}
.recipe .recipe_slide .right p {color:#fc923f; font-size:23px; font-weight:600; margin-bottom:15px;}
.recipe .recipe_slide .process {font-size:0; word-spacing: 0; padding:0 10%;}
.recipe .recipe_slide .process li {display:inline-block; position:relative; vertical-align: bottom; width:25%;}
.recipe .recipe_slide .process li:after {content:''; display:block; width:40px; height:40px; position:absolute; left:-20px; bottom:100px; background:url('/setting/images/recipe/recipe_btn.png');}
.recipe .recipe_slide .process li:first-child:after {display:none;}
.recipe .recipe_slide .process li img {display:block; margin:0 auto 20px;}
.recipe .recipe_slide .process li span {display:block; min-height:30px; font-size:18px;}
.recipe .recipe_slide .process .gridient {color:#e75546;}
.recipe .recipe_slide .process .amount {color:#f3980f;}
.recipe .ny_bg {position:absolute; width:100%; left:0; bottom:0; z-index: 9;}
.recipe .slide_btn {display:block; width:60px; height:70px; text-align: center; cursor:pointer; z-index:9; position:absolute; top:50%; background-repeat:no-repeat; background-position:center;}
.recipe-button-next {right:0; background-color:#fed860; background-image:url('http://15.164.2.79/setting/images/recipe/recipe_next.png');}
.recipe-button-prev {left:0; background-color:#fff; background-image:url('http://15.164.2.79/setting/images/recipe/recipe_prev.png');}



/*************
responsive
*************/

@media screen and (max-width:1680px) {
    .recipe .recipe_slide .process li span {font-size:15px;}
}
/*tablet size*/
@media screen and (max-width:1280px) {
    .recipe {padding-top:100px;}
    .recipe .recipe_slide {height:800px;}
    .recipe .recipe_slide .left .recipe_img {max-width:90%;}
    .recipe .recipe_slide .right {padding-top:120px;}
    .recipe .recipe_slide .right:before {width:41px; height:67px; background-size:cover; left:-41px;}
    .recipe .recipe_slide .right p {font-size:20px;}
    .recipe .recipe_slide .right h4 {font-size:40px; margin-bottom: 50px;}
    .recipe .recipe_slide .process li {width:50%; height:200px;}
    .recipe .recipe_slide .process li span {font-size:13px; min-height:20px;}
    .recipe .recipe_slide .process li img {max-width:none; max-height:100px;}
    .recipe .recipe_slide .process li:after {width:40px; height:40px; left:auto; right:-20px; bottom:-15px; background-size:cover; display:none;}
    .recipe .recipe_slide .process.col_3 li:after {bottom:50px;}
    .recipe .recipe_slide .process li:first-child:after {display:block;}
    .recipe .slide_btn {top:40%;}
    .recipe .slide_btn {width:40px; height:60px; background-size:15px auto; top:50%;}
}

/*mobile size*/
@media screen and (max-width:768px) {

    .recipe {padding-top:80px;}
    .recipe .recipe_slide {height:auto;}
    .recipe .recipe_slide .left { width:100%; height:550px; float:none; }
    .recipe .recipe_slide .left .recipe_img {width:400px; margin:50px auto;}
    .recipe .recipe_slide .right {width:100%; height:auto; float:none; padding-top:70px;}
    .recipe .recipe_slide .process li {height:230px; margin:30px 0;}
    .recipe .recipe_slide .process li span {font-size:15px; min-height:25px;}
    .recipe .recipe_slide .process li img {max-height:120px;}
    .recipe .recipe_slide .process.col_3 li:after {bottom:auto; top:210px;}
    .recipe-button-next {background-color:#fff;}
    .recipe .slide_btn {top:300px;}
    .recipe .ny_bg {position:static; bottom:auto; margin-top: -70px;}
}

@media screen and (max-width:460px) {
    .recipe .recipe_slide .right:before {left:calc(50% - 21px); top:-36px; transform:rotate(90deg);}
    .recipe .recipe_slide .left {height:400px;}
    .recipe .recipe_slide .left .recipe_img {max-width:70%; margin: 30px auto;}
    .recipe .recipe_slide .right {height: auto; padding-top: 50px;}
    .recipe .recipe_slide .right p {font-size:17px;}
    .recipe .recipe_slide .right h4 {font-size:35px; margin-bottom: 30px; font-family:'Festivo Letters No1';}
    .recipe .slide_btn {top:20%; width:30px; height:30px; background-size:10px auto;}
    .recipe .recipe_slide .process li:after {width:30px; height:30px;}
    .recipe .recipe_slide .process.col_3 li:after {bottom:10px;}
    .recipe .ny_bg {position:static; bottom:auto; margin-top: -50px;}
}