/*2016.03.16 수진수정*/

html, body {
    /*height: 100%;*/
    background: #fff;
}

.MOBILE, .MOBILE_SEARCH {
    display: none;
}

.btn-cart-md ul li.ico_shopping > a:hover, .btn-cart-md ul li.ico_shopping > a.on {
    color: #99cc01;
    background-position: left -22px;
}

.k-ff {
    overflow: inherit !important;
}

.dropdown-menu > li > a {
    display: block;
    white-space: normal;
    word-break: break-all !important;
}

.btn.btn-order {
    background: #0bc586;
    border: solid 1px #0aa671;
    color: #fff;
}

.main-content, .inner-page {
    padding-bottom: 0px;
}

/*.main-content {
    position:relative;
    width:100%;
}

.dishes {
     border:solid 1px red;
      width:100%;
     min-height:230px;
     position:absolute;
     top:50%;
     margin-top:-25%;
}*/

.dishes .dishes-item-container {
    margin: 5% auto;
}

.list-tel {
    position: fixed;
    bottom: 80px;
    left: 0;
    width: 100%;
    margin: 0 0;
}


.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 0;
    z-index: 999;
}

.main-content {
    position:absolute; top:63%;
    /*margin-top:-76px;*/
    width:100%;
    height:153px;
}

/* 17.11.1 hours popup*/

.time_popup {bottom:132px;  width:287px; height:320px; background:#323232; opacity:0.9; position:relative;  padding-top:30px; display:block; position: fixed; left: 63%;}
.time_title {float:left; width:100%; color:#d4ff00; font-size:16px;  padding-bottom:30px; padding-left:38px;}
.time_title span{padding-left:60px; font-size:20px !important;   color:white; text-align:right;}
.time_con { color:#ccc; }
.time_con ul {float:left; font-size:13px; line-height:28px; list-style-type:none;  }
.time_day { color:#ffca3c;}

/* 17.11.1 hours popup*/

@media (max-width: 1025px) {
    .main-content {
        position:absolute; top:65%;
        /*margin:150px 0 100px;*/
        width:100%;
    }
}

@media (max-width: 992px) {
    .main-content {
        position:relative;
        height:100%;
        padding-bottom:50px;
    }
}

@media (max-width: 780px) {
    .time_popup { left: 50%;}
    .main-content {
        position:absolute; top:51%;
        height:370px;
        width:100%;
        padding-bottom:0;
    }
}

@media (max-width: 767px) {
    .time_popup { left: 21%;}
    .header, .wrapper.sub .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        height: 100px;
    }

    .header-top .logo {
        height: 50px;
        line-height: 50px;
    }

    .header .header-search {
        top: 0px;
    }

    .inner-menu .menu-list .menu-list-item {
        padding: 0;
        border-top: none;
    }

    .btn-cart-md ul li.ico_login:hover, .btn-cart-md ul li.ico_login:active {
        background-position: center -28px;
    }

    .btn-cart-md ul li.ico_shopping > a {
        background: url("/Common/images/CakeFactory/common/store_icon_cart.png") no-repeat 0 12px;
        background-size: 22px;
    }

    .btn-cart-md ul li.ico_shopping > a:hover, .btn-cart-md ul li.ico_shopping > a.on {
        color: #99cc01;
        background-position: left -32px;
    }
    .btn-cart-md ul li.ico_flexgift{
        width:18% !important;
    }

    .btn-cart-md > ul > li {
        float: left;
        line-height: 50px;
    }

    .tp-banner-container, .inner-page {
        margin-top: 100px;
    }

    .tp-bullets {
        z-index: 100;
    }

    .inner-menu {
        padding: 0 !important;
        width: 95%;
        margin: 10px auto 0;
        padding: 0px;
        background: none;
    }

        .inner-menu .menu-list {
            width: 100%;
            margin-top: 20px;
            padding: 12px 15px;
            overflow: hidden;
        }

            .inner-menu .menu-list h3 {
                text-align: center;
                margin: 0;
                padding-bottom: 10px;
                font-size: 18px;
                font-weight: bold;
                color: #777;
                border-bottom: none;
                border-radius: 5px;
                background: #9FCE0E;
                padding: 8px 0;
                color: #fff;
            }

        .inner-menu .blackimg {
            float: left;
            width: 20%;
            height: 55px; /* height:100%; */
            margin-top: 15px;
            background: url(/Common/images/CakeFactory/common/blank_img.png) no-repeat center center #c2c2c2;
            border-radius: 5px;
            border: 1px solid #ccc;
            overflow: hidden;
            background-size: 35px;
        }

            .inner-menu .blackimg img.img-responsive {
                width: 100%;
                height: 100%;
                border-radius: 5px;
            }

        .inner-menu .menu-list .menu-list-item {
            float: right;
            width: 75%;
        }

            .inner-menu .menu-list .menu-list-item h4 {
                overflow: hidden;
                margin: 10px 0 0;
                font-size: 13px;
                width: 80%;
                white-space: nowrap;
                text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                color: #333 !important;
                font-weight: bold;
                /*line-height: 65px;
    white-space: normal;
    word-break: break-all;
    */
            }

            .inner-menu .menu-list .menu-list-item span.price {
                font-size: 12px;
                margin: 10px 0 0;
                /*line-height: 65px;*/
                font-weight: 700;
            }

        .inner-menu .menu-list .menu-text {
            clear: both;
            /*float: right;
        width: 65%;*/
            font-size: 12px;
            line-height: 18px;
            padding-bottom: 15px;
        }

    .wrapper .inner-page .mimport {
        width: 100%;
    }

    .inner-page .single-item {
        margin: 10px auto 0;
    }

    .btn {
        padding: 4px 3px;
    }

    .line_t {
        padding: 0;
        border: none;
        border-radius: 0;
        background-color: #fff;
    }

    .wrapper .inner-page .mimport {
        overflow: hidden;
        position: relative;
        padding-bottom: 95px;
    }

        .wrapper .inner-page .mimport .left {
            float: none;
            width: 100%;
            margin-bottom: 10px;
        }

        .wrapper .inner-page .mimport .right {
            width: 100%;
            position: absolute;
            left: 0;
            top: 40%;
        }


    .wrapper .inner-page .single-item h3 {
        text-align: center;
        margin: 5px 0 0;
        padding: 7px 0 8px 11px;
        font-size: 25px;
        font-weight: bold;
        color: #fff;
        word-break: break-all;
        word-wrap: break-word;
        border-bottom: 4px double #eee;
    }

    .item-details {
        background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 40%, rgba(0,0,0,0.01) 99%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 40%,rgba(0,0,0,0.01) 99%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 40%,rgba(0,0,0,0.01) 99%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
        min-height: 150px;
    }

    .inner-page .single-item ul.list-unstyled li {
        line-height: 16px !important;
        padding: 5px 0 5px 11px !important;
        color: #fff;
    }

        .inner-page .single-item ul.list-unstyled li:last-child {
            line-height: 30px !important;
            border-bottom: none;
        }

    .pdlr0 {
        padding-left: 0;
        padding-right: 0;
    }

    .btn-cart-md ul li.ico_shopping > a:hover, .btn-cart-md ul li.ico_shopping > a.on {
        color: #99cc01;
        background-position: left -32px;
    }

    .main-content {
        position:relative;
        height:100%;
        padding-bottom:50px;
    }

}
/*
@media (max-width:600px) {

    .time_popup {bottom:132px;  width:100%; height:320px; background:#323232; opacity:0.9; position:relative;  padding-top:30px; display:block; position: fixed; left: 0%; padding-left:55px;}
    .time_title {float:left; width:100%; color:#d4ff00; font-size:16px;  padding-bottom:30px; padding-left:38px;}
    .time_title span{padding-left:60px; font-size:20px !important;   color:white; text-align:right;}
    .time_con { color:#ccc; }
    .time_con ul {float:left; font-size:13px; line-height:28px; list-style-type:none;  }
    .time_day { color:#ffca3c;}

}*/

@media (max-width: 480px) {

    .MOBILE, .MOBILE_SEARCH {
        display: block;
    }

    .pdL0 {
        padding-left: 0;
    }

    .pdR0 {
        padding-right: 0;
    }

    .header2 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        height: 50px;
    }


        .header2 .header-top .header-contact {
            text-align: left;
            float: left;
            width: 65%;
            height: 50px;
        }

            .header2 .header-top .header-contact span, .header-top .header-contact a {
                vertical-align: middle;
            }

        .header2 .header-top .homeBtn a, .header3 .header-top .homeBtn a {
            display: inline-block;
            background: url(/Common/images/CakeFactory/main/store_icon_home.png) no-repeat 0 -3px;
            background-size: 100%;
            width: 21px;
            line-height: 18px;
            text-indent: -9999px;
            margin: 0 8px;
            cursor: pointer;
            position: relative;
            z-index: 9999;
        }

            .header2 .header-top .homeBtn a:hover, .header3 .header-top .homeBtn a:hover {
                background-position: 0 -45px;
            }

        .header2 .btn-cart-md, .header3 .btn-cart-md {
            float: right;
            border-left: none;
            padding: 0;
            width: 100px;
            height: 50px;
        }

            .header2 .btn-cart-md > ul > li {
                margin-left: 10px;
            }

            .header2 .btn-cart-md ul li.ico_shopping > a {
                padding-left: 20px;
            }

            .header2 .btn-cart-md ul li.ico_login {
                padding-left: 20px;
            }

        .header2 .header-top .storeName {
            display: inline-block;
            width: 79%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

    body.mainframe .header2 .btn-cart-md > ul > li {
        width: 18px;
    }

    body.mainframe .header2 .btn-cart-md ul li.ico_shopping {
        width: 22px;
    }

    .header2 .btn-cart-md ul li.ico_shopping > a > span {
        display: none;
    }

    body.mainframe .header2 .btn-cart-md > ul > li span {
        /*display: none;*/
    }

    body.mainframe .header2 .btn-cart-md > ul > li .rm {
        display: none;
    }


    .tp-banner-container1, .inner-page1 {
        margin-top: 50px;
    }

    .header3 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        height: 50px !important;
    }

        .header3 .header-top .header-contact {
            text-align: left;
            float: left;
            width: 11%;
            height: 50px;
            line-height: 50px;
        }

        .header3 .header-top .col-sm-8 {
            float: right;
            padding: 0;
        }

    div .header3 .header-top .search_left {
        width: inherit;
        max-width: 60%;
    }

    .header3 .header-top .search_left {
        width: 100%;
    }

    .header3 .header-search .input-group {
        background: #fff;
        border: 1px solid #929292;
        position: relative;
    }

    .header3 .header-search .input-group span.form-control2 {
        margin-left: 0px;
        border: solid 1px #fff;
        background-color: #fff;
    }

    .header3 .header-search .btn {
        position: absolute;
        right: 0px;
        top: 1px;
        color: #bbb !important;
        font-size: 13px;
        line-height: 20px;
        padding: 5px 10px;
        border: none !important;
        background: #fff;
    }

    .header3 .header-search .fa-bars {
        display: block;
        width: 33px;
        height: 32px;
        padding-top: 7px;
        font-size: 18px;
        color: #939192;
        text-align: center;
        background-color: #fff;
        border-radius: 4px;
    }

    .header3 .btn-cart-md > ul > li {
        margin-left: 8px;
    }

        .header3 .btn-cart-md > ul > li:nth-child(1) {
            width: 25px;
        }

        .header3 .btn-cart-md > ul > li:nth-child(2) {
            width: 18px;
        }

    .header3 .btn-cart-md ul li.ico_login, .btn-cart-md ul li.ico_login {
        display: inline-block;
        /*background: url("/Common/images/CakeFactory/common/store_icon_login.png") no-repeat center 15px;*/
        background: url("/Common/images/CakeFactory/common/header_ico.png") no-repeat center 16px;
        background-size: 17px;
        width: 20px !important;
    }

        .header3 .btn-cart-md ul li.ico_login:hover {
            background-position: center -28px;
        }

    .header3 .btn-cart-md ul li.ico_logout, .btn-cart-md ul li.ico_logout {
        display: inline-block;
        /*background: url("/Common/images/CakeFactory/common/store_icon_logout.png") no-repeat center 15px;*/
        background: url("/Common/images/CakeFactory/common/header_ico.png") no-repeat center 16px;
        background-size: 17px;
        width: 20px !important;
    }

        .header3 .btn-cart-md ul li.ico_logout:hover {
            background-position: center -28px;
        }

    .layout_login {
        background: none;
    }

        .layout_login .bgbox {
            background: none;
        }

    .main-content, .inner-page {
        padding-bottom: 20px;
    }

    .dishes .dishes-item-container {
        margin: 5px auto;
    }
      
    .main-content {
        position:absolute; top:51%;
        height: 220px;
        padding-bottom:0;
        /*margin:150px 0 100px;*/
        width:100%;
    }

}

@media (max-width: 360px) {
    .main-content {
        position:absolute; top:48%;        
        width:100%;
    }
}

@media (max-width: 320px) {
    .dishes .img-frame {
        height: 80px;
    }

    .dishes .dishes-item-container {
        margin: 0px auto;
    }
}

@media (max-width: 767px) {
    .layout_login {
        min-height: 520px;
    }
}