@charset "utf-8";

@media screen and (max-width: 1200px) {

    #sb-search .where{width: 35%;}
    #sb-search .category{width: 99%;}

    /* list */
    .fran-box{margin-top: 20px;}
    .fran-box > *{float: none;}

    .fran-box > dt #map{height: 300px;}
    .fran-box > dt .info .marker{width: 35px;height: 35px;}
    .fran-box > dt .info .layer{position: absolute;top: -180px;margin-left: -150px;width: 300px;}
    .fran-box > dt .info .layer:before{bottom: -20px;margin-left: -10px;width: 20px;height: 20px;}
    .fran-box > dt .info .layer .tit{font-size: 14px;}
    .fran-box > dt .info .layer .add{font-size: 13px;}
    .fran-box > dt .info .layer .tel{font-size: 13px;}
    .fran-box > dt .info .layer .golink{width: 35px;height: 35px;}
    .fran-box > dt .info .layer i.axi{margin-top: -1px;}
    .fran-box > dd{margin-top: 10px;}

    .fran-list{margin: -5px;}
    .fran-list > li{width: calc(50% - 10px);margin: 5px;}
    .fran-list .info{padding: 15px 10px;}
    .fran-list .info .name{font-size: 14px;}
    .fran-list .info .add{font-size: 14px;}
    .fran-list .info .tel{margin-top: 5px;padding-top: 10px;font-size: 13px;}

    /* view */
    .fran-view{padding-bottom: 20px;}
    .fran-view > *{float: none;}
    .fran-view dt{padding-right: 0;width: auto;}
    .fran-view dt .bigimg{text-align: center;}
    .fran-view dt .bigimg img{max-height:320px;max-width: 100%;}
    .fran-view dt .bigimg .no-data{font-size: 14px;line-height: 200px;}
    .fran-view dt .bigimg .bx-pager{bottom: 15px;}
    .fran-view dt .bigimg .bx-pager-item a{width: 8px;height: 8px;}

    .fran-view dd{padding-top: 20px;width: auto;}
    .fran-view dd .head{padding-bottom: 15px;margin-bottom: 15px;}
    .fran-view dd .head em{font-size: 13px;margin-top: 5px;}
    .fran-view dd .head h4{font-size: 18px;line-height: 22px;font-weight: bold;}
    .fran-view dd .txt{font-size: 13px;line-height: 20px;}

    .fran-view dd .info{margin-top: 40px;padding: 15px 5px;}
    .fran-view dd .info > li{padding: 4px 0;padding-left: 0;}
    .fran-view dd .info > li > strong{position: static;padding: 4px 0;font-size: 14px;display: block;}
    .fran-view dd .info > li > p{display: block;font-size: 14px;line-height: 18px;}

    .fran-view-map #map{height: 200px !important;}

}