﻿@media only screen and (min-width: 1200px) {
    .container{width: 1010px;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .container{width: 100%;}
}

@media only screen and (max-width: 1200px){
    #banner .logo{max-width: 150px;}
}
/*Common For Max 480*/
@media only screen and (max-width: 768px) {
    /*******************************
        -------[=公用]-------
    ********************************/
    #hdTop .col-r,#nav{display: none;}
    .menuBtn{display: block;}
    .mb-sm-20{margin-bottom: 20px;}
    .pages .num{display: none;}
    .pul-list-news li{padding-left: 8px;padding-right: 8px;}
    #banner .logo{max-width: 80px;right: 50px;top: 10px;}
    .PC-box{display: none;}
    .MOB-box{display: block;}
}   

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    /*******************************
        -------[=index]-------
    ********************************/
    #hdTop .link{display: none;}
    #aside .link{display: block;}
    .mb40{margin-bottom: 10px;}
    .mt35{margin-top: 20px;}
    #fd{padding: 10px 0;}
    .p-index-book1 > div{width: 50%;}
    .chartScro{padding-right: 15px;padding-left: 15px;}
}

