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

	SUPERBOARD :: LOCATION SKIN :: basic

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

.loc{background: #83b465;text-align: center;padding: 40px 0;}
.loc-tbl {background: #83b465;text-align: center;padding: 40px 0;}
.loc-tbl > li{display: inline-block;vertical-align: top;margin: 0 20px;}
.loc-tbl > li > p{font-size: 16px;color: #fff;}
.loc-tbl > li > p strong{display: inline-block;vertical-align: middle;margin-right: 5px;font-size: 16px;color: #fff;font-weight: 300;}
.loc-tbl > li > p strong img{margin-right: 5px;}
.loc-tbl > li.print a {display:block; box-sizing:border-box; width:180px; line-height:50px; padding:0 77px 0 42px; font-size:16px; color:#fff; font-weight:300; background:url('/images/layout/print.png') right 45px center no-repeat, #222;}

.loc-info > li{margin-top: 40px;}
.loc-info > li .tit{display: block;font-size: 22px;color: #333333;font-weight: 300;letter-spacing: -1px;}
.loc-info > li .tit img{margin-right: 10px;}
.loc-info > li .txt{display: block;margin-top: 20px;border-top: 2px solid #333;border-bottom: 1px solid #ddd;box-sizing: border-box;padding: 20px;font-size: 16px;color: #666666;}
.loc-info > li .bus{margin-top: 10px;}
.loc-info > li .bus li{display: inline-block;margin-right: 20px;}
.loc-info > li .bus li em{display: inline-block;vertical-align: middle;margin-right: 5px;width: 10px;height: 10px;border-radius: 50%;box-sizing: border-box;}
.loc-info > li .bus li em.blue{border: 3px solid #0168b7;}
.loc-info > li .bus li em.green{border: 3px solid #009a44;}
.loc-info > li .bus li em.red{border: 3px solid #f02e2f;}
.loc-info > li .bus li p{display: inline-block;vertical-align: middle;font-size: 16px;color: #666666;}



.eng .loc-tbl > li.first{display:block; margin-bottom:20px;}

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

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

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

    .loc-info > li{margin-top: 20px;}
    .loc-info > li .tit{font-size: 15px;}
    .loc-info > li .tit img{width: 25px;height: auto;}
    .loc-info > li .txt{margin-top: 10px;padding: 15px;font-size: 13px;}
    .loc-info > li .bus li{margin-right: 0;display: block;}
    .loc-info > li .bus li p{font-size: 13px;}

    #map{height: 200px !important;}

}