@charset "utf-8";
/**************************************************

	SUPERBOARD :: LOCATION SKIN :: basic

**************************************************/
#map {width: 100%;height: 420px;background: #ddd;}

.loc-tbl-tit{display: block;margin-bottom: 20px;font-size: 25px;color: #333;font-weight: 300;}

.loc-tbl{background: #008dcc url('./bg-gra1.jpg') repeat-y 50% 50%;background-size: 100% auto;padding: 24px 30px;}
.loc-tbl > li{display: inline-block;vertical-align: middle;margin: 0 30px;}
.loc-tbl > li > p{display: inline-block;vertical-align: middle;font-size: 17px;color: #fff;}
.loc-tbl > li > strong{display: inline-block;vertical-align: middle;margin-right: 5px;font-size: 18px;color: #fff;font-weight: 500;line-height: 32px;}
.loc-tbl > li > strong img{margin-right: 5px;}

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

    #map {height: 120px;}

    .loc-tbl-tit{margin-bottom: 15px;font-size: 16px;}

    .loc-tbl{padding: 10px;}
    .loc-tbl > li{display: block;margin: 5px 0;}
    .loc-tbl > li > img {height: 18px;margin: 0 auto;display: block;}
    .loc-tbl > li > p{font-size: 13px;}
    .loc-tbl > li > strong{font-size: 13px;}
    .loc-tbl > li > strong img{width: 25px;height: auto;}

    #map{height: 200px !important;}

}