/* Index */
.recipeBox {
    width: 560px;
    height: auto;
    background-color: #ffffff;
    margin-left: 40px;
    padding: 15px 0px 25px 0px;
    text-align: center;
}

.recipeBox .boxTitle {
    width: 100%;
    min-height: 25px;
    background: url("../images/asset/box_flag.png") repeat-x;
    background-position-x: -4px;
    margin-bottom: 25px;
}

.boxTitle .titleText {
    width: 227px;
    height: 31px;
    background-color: #c6c100;
    padding: 25px 35px;
    margin-top: -50px;
}





.recipeBox .recipeItem {
    position: relative;
    width: 510px;
    height: 620px;
    margin: 0 auto;
    margin-bottom: 25px;
}

.itemBg1 {
    background: url("../images/index/item_bg_1.jpg") no-repeat;
}

.itemBg2 {
    background: url("../images/index/item_bg_2.jpg") no-repeat;
}

.itemBg3 {
    background: url("../images/index/item_bg_3.jpg") no-repeat;
}

.itemBg4 {
    background: url("../images/index/item_bg_4.jpg") no-repeat;
}




.recipeBox .itemTitle {
    color: #ffffff;
    font-size: 26px;
    line-height: 74px;
    letter-spacing: 4px;
}

.recipeBox .itemLaunch {
    display: block;
    color: #ffffff;
    font-size: 26px;
    line-height: 44px;
    letter-spacing: 2px;
    text-decoration: none;
}



.recipeItem .itemImg {
    width: 470px;
    height: 350px;
    background-color: #ffffff;
    margin: 0 auto;

}

.recipeItem:nth-child(1) .itemImg {
    background: url("https://dbjdsnch130xu.cloudfront.net/uploads/recipe/cover/121299/medium_20ea8b5e5d7c36d4.jpg") center center;
    background-size: cover;
}

.recipeItem:nth-child(2) .itemImg {
    background: url("https://dbjdsnch130xu.cloudfront.net/uploads/recipe/cover/121287/medium_2df4a5bc8c67d74c.jpg") center center;
    background-size: cover;
}

.recipeItem:nth-child(3) .itemImg {
    background: url("https://dbjdsnch130xu.cloudfront.net/uploads/recipe/cover/121178/medium_e2df4289eb691560.jpg") center center;
    background-size: cover;
}

.recipeItem:nth-child(4) .itemImg {
    background: url("https://dbjdsnch130xu.cloudfront.net/uploads/recipe/cover/121179/medium_f33491b3b47043f7.jpg") center center;
    background-size: cover;
}


.recipeItem .itemUserImg {
    float: left;
    width: 84px;
    height: 84px;
    background-color: black;
    margin-left: 20px
}

.recipeItem:nth-child(1) .itemUserImg {
    background: url("https://dbjdsnch130xu.cloudfront.net/uploads/user/avatar/26067/thumb_da1f6c5e8392d0ec.jpg") center center;
    background-size: cover;
}

.recipeItem:nth-child(2) .itemUserImg {
    background: url("https://dbjdsnch130xu.cloudfront.net/uploads/user/avatar/26067/thumb_da1f6c5e8392d0ec.jpg") center center;
    background-size: cover;
}

.recipeItem:nth-child(3) .itemUserImg {
    background: url("https://dbjdsnch130xu.cloudfront.net/uploads/user/avatar/211532/thumb_980f500105e1e514.jpg") center center;
    background-size: cover;
}

.recipeItem:nth-child(4) .itemUserImg {
    background: url("https://dbjdsnch130xu.cloudfront.net/uploads/user/avatar/211532/thumb_980f500105e1e514.jpg") center center;
    background-size: cover;
}





.recipeItem .itemFbBtn {
    float: left;
    width: 45px;
    height: 65px;
    margin-left: 10px;
    margin-top: 24px;
}

.recipeItem .itemCta {
    display: block;
    float: right;
    width: 293px;
    height: 64px;
    margin-top: 22px;
    margin-right: 10px;
}

.recipeItem .itemCatch {

    clear: both;
    width: 338px;
    height: 37px;
    margin: 0 auto;
    margin-top: 10px;
}






.recipeBox .introArticle {

    width: 473px;
    height: 321px;
    margin:0 auto ;
}

.recipeBox .infoBtn {

    display: block;
    width: 227px;
    height: 22px;
    background-color: #0d7d37;
    border: solid #c6c100 3px;
    margin: 0 auto;
    padding: 15px;
}