@media only screen and (max-width:640px) {
    
    #container{
        top: 40px;
        position: relative;
    }
    #container, #header, #footer{
        width: 100% !important;
        height: auto !important;
        overflow: hidden;
    }
    #header{
        display: none !important;
    }
    #header_bar_container{
        position: absolute;  
        width: 100%;
        z-index: 9;
    }
    .frame{
        margin: auto;
        width: 98% !important;
    }
    .frame240, .frame480, .frame720, .frame960{
        float: left !important;
        width: 100% !important;
    }
    .col-1c, .col-2c{
        width: 100% !important;
    }
    .col-1c img, .col-2c img{
        max-width: 100% !important;
    }
    .absolute-image img{
        width: 100% !important;
        height: auto !important;
    }
    .absolute-image, .absolute-text{
        position: initial !important;
    }
    #nav{
        display: none;
    }
    .contactus form input, .contactus form textarea, .contactus form select{
        width: 95% !important;
    }
    .header_bar{
        position: relative;
        overflow: hidden;
        background: black;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        line-height: 40px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 40px;
        padding: 0 50px;
        text-align: center;
    }
    .header_bar a{
        background: center center no-repeat transparent;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC");
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        left: 10px;
        cursor: pointer;
    }
    #cssmenu{
        background: black;
    }
    #cssmenu ul li{
        font-size: 16px;
        line-height: 24px;
        border-bottom: 1px solid gray;
        padding: 8px 0px;
    }
    #cssmenu ul li a{
        color: white !important;
    }
    #cssmenu ul.submenu{
        display: block;
        margin-left: 24px;
        position: relative;
    }
    #cssmenu ul.submenu li{
        border-bottom: none;
    }
    
    #webboard .article .boardheader .topicheader, #webboard .article .boardheader .read, #webboard .article .boardheader .post, #webboard .article .boardheader .date{
        font-size: 80%;
    }
    div.comment{
        width: 90%;
    }
    #topic_detail_ifr, #comment_detail_ifr{
        height: 200px !important;
    }
    #topic_detail_tbl, #comment_detail_tbl{
        height: 200px !important;
    }
    #topic_detail_tbl .mceFirst .mceToolbar, #comment_detail_tbl .mceFirst .mceToolbar{
        display: none;
    }
    #imggallery #imgcat, #imggallery #imgshow{
        width: 100% !important;
    }
    #imgcat .imgcat{
        display: none !important;
    }
/*    #imggallery #imgshow .imgshow li{
        margin: auto !important;
        float: none !important; 
    }
    #imggallery #imgshow .imgshow li a{
        margin: auto !important;
    }*/
    #imgcat .imgcat_responsive select{
        width: 96%;
        height: 30px;
        margin: 2%;
        line-height: 30px;
        font-size: 16px;
        font-weight: bold;
        color: white;
        background: black;
        border: none;
    }
    #imgcat .imgcat_responsive select option{
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        font-weight: bold;
        color: white;
    }
    #market{
        width: 100% !important;
    }
    #market>div.title{
        font-size: 4em !important;
        height: auto !important;
        width: 100% !important;
    }
    #market>div.market_main{
        float: left;
        width: 100%;
    }
    #market div.market_product div.market_productlist>div{
        float: none !important;
        margin: 20px auto !important;
    }
    div#market>div.cartview{
        margin: 2px;
    }
    table.cartview{
        width: 100% !important;
    }
    div.market_productdetail{
        margin-bottom: 0px;
    }
    div.market_productdetail>div.detail{
        width: 100%;
    }
    div.market_productdetail>div{
        float: none;
    }
    div.market_productdetail>div.detail>div>div.left{
        width: 80px;
    }
    div.market_productdetail>div.detail>div>div.right{
        width: auto;
    }
    div.market_product_detail{
        width: 93% !important;
    }
    #product_detail{
        width: 89% !important;
    }
    div.market_productdetail>div.detail>div:nth-child(10)>div.left{
        display: none;
    }
    div.market_productdetail>div.detail>div:nth-child(10)>div.right{
        margin: 10px auto;
        text-align: center;
        width: 90%;
    }
    span.addtocart, span.fav{
        float: none;
        margin: 12px auto;
    }
    div.productimage_large{
        width: auto !important;
    }
    div.productimage_large>img{
        max-width: 100%;
    }
    div.postcomment>div>div.left {
        width: 100%;
        text-align: left; 
    }
    div.postcomment>div>div.right{
        width: 100%;
    }
    span.ok{
        margin-left: 0px !important;
    }
    .cleditorMain{
        width: 98% !important;
    }
    #order_form .market_productdetail .detail{
        width: 95% !important;
    }
    #order_form .market_productdetail .detail input, #order_form .market_productdetail .detail textarea{
        width: 99%;
        margin-left: 1px;
    }
    #confirm .market_productdetail .detail{
        width: 95% !important;
    }
    #confirm .market_productdetail .detail input, #confirm .market_productdetail .detail textarea{
        width: 99%;
        margin-left: 1px;
    }
    .banklist > .left{
        width: 80px;
    }
    #market div.banklist>div.detail{
        width: 100%;
    }
    #market div.banklist>div.detail>div>div.left, #market div.banklist>div.detail>div>div.right{
        width: 100%;
    }
}
@media only screen and (min-width:640px) {
    #header_bar_container{
        display:none !important;
    }
    .imgcat_responsive{
        display:none !important;
    }
}