@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */

@media screen and (max-width: 980px) {
    ul.picorder-bothside {
    text-align: center;
}
    .picorder-bothside li{
    float: none;
    display: inline-block;
    padding: 0;
}
    .pic-list {
    text-align: center;
}
    ul.pic-list li{
    float: none;
    /* padding: 0; */
    display: inline-block;
}
    .data-list a{
    width: 63%;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
    .main-right{
    float: none;
    margin: 0;
    width: auto;
}
    .nav-panel-title{
    background: #0c71b7;
}
    .main-left{
    min-height: auto;
    padding-bottom: 10px;
    /* width: 100%; */
    float: none;
    background: #0c71b7;
    width: auto;
}
 .wp-navi-aside .navi-aside-wrap li {
    display: block;
    text-align: left;
    border: none;
}
.wp-navi-aside .navi-aside-wrap li a{
    color: #fff;
}
.caret{
    display: none;
}
    #webmenu{
    width: 100%;
}
    .bott-right{
    border: none;
    float: none;
    width: 100%;
}
    .bott-left{
    /* float: none; */
    /* width: 100%; */
    margin: 0 auto;
    /* float: none; */
    margin-bottom: 30px;
}
    .detail{
    width: auto;
    float: none;
    padding-left: 75px;
}
    .module-right{
    width: 47%;
}
    .module-left{
    width: 47%;
}
    .banner{
    width: 61%;
}
    .min-ban-left{
    width: 38%;
}
    .menu{
    display: none;
}
    .ss{
    /* float: none; */
    /* width: 100%; */
    padding: 0 0 10px;
}
.navi-aside-toggle,
.navi-aside-search {display: block ! important;}
    .box{
    width: 99%;
}
    .logo{
    float: none;
    width: auto;
    text-align: center;
}
.logo img{
    max-width: 82%;
}
}
@media screen and (max-width: 767px) {
    .bott-right{
    float: left;
}
    .QQbed{
    padding: 0;
    margin: 0 auto;
}
    .QQarea{
    width: 100%;
}
    .module-min-picture{
    float: none;
    width: 100%;
    padding: 0;
    border: none;
}
    .module-min-left{
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
    
     .module-right{
    width: 100%;
    padding: 0;
    float: none;
}
    .module-left{
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 20px;
}
.banner{
    width: 100%;
}
    .min-ban-left{
    width: 100%;
    margin-bottom: 20px;
}
}