@charset "utf-8";

#sb-site.top-padding {
    padding-top: 75px;
}

#sb-site {
    padding-top: 75px;
    padding-bottom: 50px;
}

#fixed-top {
    position: fixed;
    opacity: 1;
    top: 0;
    width: 100%;
    height: 59px;
    /*background: url(/images/Mobile/head_bg.png) repeat;*/
    z-index: 9999;
    background-size: contain;
    background-color: white;
    border-bottom: 1px solid rgba(211, 211, 211, 0.74);
    box-shadow: 1px 0 5px rgba(0,0,0,.15);
}
/*img rwd*/

@media screen and (min-width:320px) {
    .img-fix {
    width: 86.1vw;
    height: 44.99vw !important;
}
}
div.blogpichidden {
    height: 44.99vw;
    overflow: hidden;
}

.img-fix2 {
    width: 100%;
    height: 32vw !important;
}

#leftarea {
    width: 100%;
}

#rightarea {
    margin-top: 10px;
    width: 100%;
}

.btn-rwd {
    width: 45%;
    margin: 0 2%;
}

@media (max-width: 991px) and (min-width: 768px) {
    .p-search {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .img-fix {
        width: 43.1vw;
        height:auto!important;
        /*height: 22.071vw !important;*/
    }

    div.blogpichidden {
    height: 22.071vw;
    overflow: hidden;
    }

    .img-fix2 {
        width: 100%;
        height: 9vw !important;
    }

    #leftarea {
        width: 50%;
        float: left;
        display: inline-block;
    }

    #rightarea {
        margin-top: 0px;
        width: 50%;
        float: left;
        display: inline-block;
    }

    .areaclass {
        float: left;
        display: inline-block;
        padding: 10px;
    }

    .btn-rwd {
        width: 50%;
    }

    .container {
        width: 750px;
    }
}

@media screen and (min-width:992px) {
    .img-fix {
        width: 28.1vw;
        /*height: 13vw !important;*/
        /*height: 14.696vw !important;*/
    }

     div.blogpichidden {
    height: 13vw;
    overflow: hidden;
    }

    .img-fix2 {
        width: 100%;
        height: 9.696vw !important;
    }

    #leftarea {
        width: 50%;
    }

    #rightarea {
        margin-top: 0px;
        width: 50%;
    }

    .btn-rwd {
        width: 45%;
        margin: 0 2%;
    }

    .container {
        width: 970px;
    }
}

.container {
    position: relative;
}

@media screen and (min-width: 1200px) {
    .container {
        width: 1170px;
    }
    .img-fix {
        width: 28.1vw;
    }

    div.blogpichidden {
    height: 11vw;
    overflow: hidden;
    }

}

@media screen and (min-width: 1600px) {
    .img-fix {
        width: 28.1vw;
    }

    div.blogpichidden {
    height: 12vw;
    overflow: hidden;
    }
}

@media screen and (min-width: 1700px) {
    .img-fix {
        width: 28.1vw;
    }
}


@media screen and (max-width:768px) {
    .fieldset_rwd {
        width: 100%;
    }

    .page_title2 {
        display: none;
    }

    .blogtitle a {
        font-size: 24px !important;
    }

    #fixed-top span.sb-toggle-left {
        float: left;
        color: white;
        display: block;
        background: url(https://fruitbox.blob.core.windows.net/images/menubtn.png) no-repeat;
        width: 25px;
        height: 21px;
        background-size: contain;
        margin: 24px 15px 0 15px;
    }

    .nav-slit {
        display: none;
    }

    .menu-icon {
        margin: 0;
        display: block;
    }

    #menu {
        padding: 5px 5px;
    }

    .titlerwd {
        margin-top: 0px;
    }
}


/*--tools--*/
.tools {
    background: url(/images/Mobile/tools.png) no-repeat;
    display: block;
    background-size: contain;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 30px;
    right: 10px;
}


h1 {
    padding: 0;
    /*width: 176px;*/
    margin: 12px auto 0;
}

@media screen and (max-width:768px) {
    /*#cartbtn {
        padding:13px 10px;
    }
    #menubtn{
        padding:13px 10px;
    }*/
    .menu-icon {
        padding: 13px 10px;
        margin: 0;
        display: block;
    }

    .pull-right {
        display: none;
    }
}

@media screen and (max-width:480px) {
    .success_area {
        padding: 13px;
    }

    /*#cartbtn {
        padding:0px 8px;
    }*/
    #menubtn {
        margin-right: 7px;
    }

    .menu-icon {
        padding: 12px 4px;
        margin: 0px 1px;
        display: block;
    }

    #msg1 {
        /*height: 70vw !important;
        background-size: contain !important;*/
    }

    #qck1 {
        /*height: 70vw !important;
        background-size: contain !important;*/
    }

    .width100 {
        width: 100% !important;
    }

    #sb-site {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    #sb-site2 {
        padding-bottom: 50px;
    }

    .pull-right {
        display: none;
    }

    #fixed-top span.sb-toggle-left {
        float: left;
        color: white;
        display: block;
        background: url(https://fruitbox.blob.core.windows.net/images/menubtn.png) no-repeat;
        width: 25px;
        height: 21px;
        background-size: contain;
        margin: 0;
    }
}