body {
    font-family: Arial,sans-serif;
    position: relative;
}

a {
    text-decoration: none;
}

.wrap {
    width: 940px;
    margin: 0 auto;
    padding: 0 0;
}

header {
    background-color: white;
    height: 43px;
    background-image: url(../img/header.png);
}

    header .lang {
        float: left;
        padding: 8px 0 0 0;
    }

        header .lang a {
            float: left;
            margin: 0 5px 0 0;
        }

.top-right {
    float: right;
    padding: 7px 0 0 0;
}

    .top-right span {
        float: left;
        height: 23px;
        padding: 2px 10px 0 30px;
        background-color: #689e2d;
        border-radius: 4px;
        margin: 0 0 0 15px;
        background-image: url(../img/m.png);
        background-repeat: no-repeat;
        background-position: 8px 7px;
    }

        .top-right span.face {
            padding: 2px 10px 0 20px;
            background-image: url(../img/f.png);
            background-repeat: no-repeat;
            background-position: 8px 4px;
        }

        .top-right span a {
            color: #dbfbbc;
            font-size: 14px;
            font-family: Tahoma;
        }

        .top-right span:hover {
            background-color: #508319;
        }

.banner {
    min-height: 96px;
}

    .banner a.logo {
        float: left;
        margin: 20px 0 0 0;
    }

nav {
    float: right;
    margin: 30px 0 0 0;
}
nav>ul>li {
display: inline-block;
}
nav ul ul {
display: none;
}
nav li a {
height: 30px;
line-height: 30px;
color: #055928;
font-size: 14px;
text-transform: uppercase;
padding: 0 12px;
}
nav>ul>li:hover,.current-menu-item {
background-image: url(../img/active.png);
}
.current-menu-item  a {
	color: #fec9c5;
}
nav>ul>li:hover>a {
color: #fec9c5;
}
nav>ul>li:hover>ul ,nav>ul>li>ul>li:hover ul{
display: block;
}
nav>ul>li>ul {
position: absolute;
}
nav>ul>li>ul>li,nav>ul>li>ul>li>ul>li{
    background-image: url(../img/active.png);
}
nav>ul>li>ul>li>ul>li{
	width:220px;
}
nav>ul>li>ul>li>a,nav>ul>li>ul>li>ul>li a{
	color: #fec9c5;
}
nav ul ul ul {
position: absolute;
margin-left: 117px;
margin-top:-30px;
}
.sub-menu {
z-index: 9999;
}
           

.slider {
    position: relative;
    border-bottom: 2px solid #055928;
}

.shadow {
    background-image: url(../img/shadow.png);
    height: 100px;
    background-repeat: no-repeat;
    background-position: top center;
    margin: -30px 0px 0px 0px;
}

.intro h1 {
    color: #c22318;
    font-size: 36px;
    font-family: Impact;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0px 0px 0px;
}

.intro p {
    color: #888888;
    font-size: 18px;
    text-align: center;
    padding: 10px 0px;
}

.special-title {
    background-image: url(../img/cate.png);
    background-position: top center;
    background-repeat: no-repeat;
    height: 78px;
    margin: 20px 0px 20px 0px;
}

    .special-title h3 {
        text-align: center;
        text-transform: uppercase;
        color: #f8c4c1;
        font-size: 18px;
        padding: 15px 0px 0px 0px;
    }

.product {
    width: 100%;
}

    .product article {
        float: left;
        width: 260px;
		height: 240px;
        margin: 0px 27px 40px 26px;
        position: relative;
    }

        .product article img {
            width: 254px;
            height: 184px;
            background-color: white;
            padding: 3px;
            display: block;
            border: 1px solid #d5d5d5;
            position: relative;
            box-shadow: 0px 0px 10px 0px #d5d5d5;
        }

            .product article img:hover {
            }

        .product article span.price {
            height: 60px;
            width: 60px;
            background-image: url(../img/price.png);
            display: block;
            position: absolute;
            top: -20px;
            right: -30px;
            z-index: 9999;
            line-height: 60px;
            color: #ffd1ce;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
        }

        .product article span.sale {
            color: #e5c90d;
        }

        .product article h5 {
            padding: 9px 0px 0px 0px;
            text-align: center;
        }

            .product article h5 a,.product article h5  {
                color: #055928;
                font-size: 18px;
            }

                .product article h5 a:hover {
                    text-decoration: underline;
                }

.diner {
    margin: 0px 0px 30px 0px;
}

    .diner h3 {
        color: #055928;
        font-size: 24px;
        font-family: Impact;
        border-bottom: 2px solid #80b54b;
    }

    .special .diner article {
        float: left;
        width: 290px;
    }

.diner article {
        float: left;
        width: 260px;
    }

        .diner article.center {
            margin: 0 30px;
        }

        .diner article p {
            color: #969696;
            font-size: 14px;
            font-style: italic;
            padding: 20px 0px 0px 20px;
            line-height: 20px;
        }

            .diner article p span {
                float: left;
                margin: -0px 0px 0px -15px;
                font-size: 25px;
                font-weight: bold;
                color: #d6d6d6;
                font-style: normal;
            }

            .diner article p strong {
                font-style: italic;
                font-weight: normal;
            }

            .diner article p em {
                font-size: 25px;
                font-weight: bold;
                color: #d6d6d6;
                font-style: normal;
                display: inline-block;
            }

        .diner article h5 {
            text-align: right;
            color: #969696;
            font-size: 14px;
            font-weight: bold;
            padding: 5px 0;
        }

footer {
    background-image: url(../img/footer.png);
    background-repeat: repeat-x;
    min-height: 140px;
    padding: 27px 0px 0px 0px;
    background-color: #6ea235;
}

.infomation {
    float: left;
    width: 360px;
}

    .infomation p {
        color: #002b12;
        font-size: 13px;
        font-family: Tahoma;
        line-height: 25px;
    }

.house {
    float: left;
    width: 300px;
    margin: 0px 0px 0px 30px;
}

    .house h3 {
        color: #002b12;
        font-size: 14px;
        font-family: Impact;
        text-transform: uppercase;
        padding: 0px 0px 0px 20px;
        background: url(../img/clock.png) no-repeat 0px 2px;
    }

    .house h4 {
        color: #002b12;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 0px 4px 0px;
    }

    .house p {
        color: #002b12;
        font-size: 14px;
    }

.social {
    float: right;
}

    .social p {
        margin: 0px 0px 15px 0px;
    }

    .social span {
        height: 23px;
        padding: 2px 10px 1px 30px;
        background-color: #689e2d;
        border-radius: 4px;
        margin: 0 0 0 15px;
        background-image: url(../img/m.png);
        background-repeat: no-repeat;
        width: 140px;
        display: block;
        background-position: 8px 7px;
    }

        .social span.face {
            padding: 2px 10px 1px 20px;
            background-image: url(../img/f.png);
            background-repeat: no-repeat;
            background-position: 8px 4px;
            width: 150px;
            display: block;
        }

        .social span a {
            color: #dbfbbc;
            font-size: 14px;
            font-family: Tahoma;
        }

        .social span:hover {
            background-color: #508319;
        }

/************/

.cate-title {
    background-image: url(../img/cate.png);
    background-position: top center;
    background-repeat: no-repeat;
    height: 78px;
    margin: 20px 0px 20px 0px;
    text-align: center;
}

    .cate-title h3,.cate-title h1 {
        text-align: center;
        text-transform: uppercase;
        color: #f8c4c1;
        font-size: 18px;
        line-height: 50px;
        padding: 0px 0px 0px 30px;
        background-image: url("../img/icon1.png");
        background-repeat: no-repeat;
        background-position: 0px 10px;
        display: inline-block;
    }

        .cate-title h3.dinner {
            background-image: url("../img/icon2.png");
        }

        .cate-title h3.pork {
            background-image: url("../img/icon3.png");
        }

.product article em {
    color: #ad2920;
    font-size: 18px;
}

.product article.add h5 a {
    color: #ad2920;
    font-size: 18px;
    color: #bdbdbd;
    text-transform: uppercase;
}

.list {
    margin: 10px 0px 40px 0px;
}

    .list li {
        margin: 10px 0px;
    }

.col1 {
    float: left;
    width: 350px;
	padding-bottom: 15px;
}

    .col1 h4 {
        min-height: 26px;
    }

        .col1 h4 a {
            float: left;
            font-size: 18px;
            color: #055928;
        }

        .col1 h4 em {
            width: 29px;
            height: 33px;
            background-image: url("../img/icon4.png");
            float: left;
            margin: -25px 0px 0px 0px;
        }

    .col1 p {
        color: #606060;
        font-size: 14px;
    }

.col2 {
    float: left;
    width: 430px;
    margin: 0px 5px;
}

    .col2 p {
        color: #acacac;
        font-size: 18px;
    }

.col3 {
    float: left;
    width: 120px;
    margin: -10px 0px 0px 10px;
}

    .col3 span {
        color: #b52b21;
        font-size: 22px;
        font-weight: bold;
    }