@font-face {
    font-family: "MyriadProRegular";
    src: url('../../core_css/fonts/MyriadPro-Regular.eot');
    src: url('../../core_css/fonts/MyriadPro-Regular.eot?') format('embedded-opentype'), 
         url('../../core_css/fonts/MyriadPro-Regular.woff') format('woff'), 
         url('../../core_css/fonts/MyriadPro-Regular.ttf') format('truetype');
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'thaiRegular';
    src: url('../fonts/supermarket-webfont.eot');
    src: url('../fonts/supermarket-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/supermarket-webfont.woff2') format('woff2'),
         url('../fonts/supermarket-webfont.woff') format('woff'),
         url('../fonts/supermarket-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


.map-section {
	padding-top: 60px;
	padding-bottom: 40px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

.map-section h3{
	padding-left: 0px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}

.map-section span img {
	display: inline-block;
}

.map-section .table {
	margin-bottom: 0;
}
.map-section .table th, .map-section .table td { 
     border-top: none !important; 
 }

 .gmap-head .table>tbody>tr>td, .gmap-head .table>tbody>tr>th, 
 .gmap-head .table>tfoot>tr>td, .gmap-head .table>tfoot>tr>th, 
 .gmap-head .table>thead>tr>td, .gmap-head .table>thead>tr>th {
    padding: 02px 0px;
    line-height: 0;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

 .gmap-logo {
 	padding-top: 5px;
	width: 40px;
 }

 @media (max-width: 414px) {
 	.gmap-logo {
 		padding-top: 22px;
 	}	
 }

@media (max-width: 414px) {
	 .gmap-head h3 {
		padding-top: 22px;
	 }
}

@media (max-width: 320px) {
	 .gmap-head h3 {
		padding-top: 10px;
	 }
}

.addr {
	margin-left: 50px;
}

.addr a{
	color: #337ab7;
}

@media (max-width: 768px) {
	.addr {
		float: left;
		margin-left: 0px;
		margin-top: 40px;
	}	
}

.adr-th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.adr-th h5 {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #333;
	font-weight: bold;	
}

@media (min-width: 415px) and (max-width: 767px) {

	.phone-en h5 {
		margin-bottom: 10px;

	}
}


.adr-en {
	margin-top: 20px;
	font-size: 14px;
}

@media (max-width: 414px) {
	.adr-en {
		margin-top: 25px;
		margin-bottom: 25px;
	}	
}

.adr-en h5 {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #333;
	font-weight: bold;	
}

.phone-en {
	margin-top: 20px;
	margin-left: 50px;
	font-size: 14px;
}

@media (max-width: 768px) {
	.phone-en {
		margin-left: 100px;
		margin-top: 40px;
	}	
}

@media (max-width: 414px) {
	.phone-en {
		margin-left: 0px;
		margin-top: 25px;
	}	
}

.phone-en h5 {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #333;
	font-weight: bold;
}

.en-head {
	margin-top: 20px;
}

.tb-left {
  width: 20%;
  font-weight: bold;
}

@media (max-width: 414px) {
  .tb-left {
    width: 20%;
  }
}

@media (min-width: 415px) and (max-width: 767px) {
  .addr-th {
      width: 50%;
      float: left;
  }

  .phone-en {
  	float: left;
  }
}

.phone-en a{
	color: #337ab7;
}

@media (max-width: 414px) {
  .no-desc{
    border: none;
    margin-bottom: 0px;  
  }  
}

.no-desc .table th, .no-desc .table td { 
     border-top: none !important; 
 }

 .no-desc .table>tbody>tr>td, .no-desc .table>tbody>tr>th, 
 .no-desc .table>tfoot>tr>td, .no-desc .table>tfoot>tr>th, 
 .no-desc .table>thead>tr>td, .no-desc .table>thead>tr>th {
    padding: 2px 0px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

.no-desc .table {
  margin-bottom: 0px;

}

.dl-map {
	margin-top: 80px;
}

.dl-map a{
	color: #333;
}

.ways-section {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	padding-bottom: 60px;
}

.by-car-head {
	margin-bottom: 10px !important;
}

.public-trans {
	padding-bottom: 15px;
}

.ways-section h3 {
	font-size: 18px;
	color: #333;
	margin-bottom: 20px;
	padding-top: 20px;
	font-weight: bold;
}

@media (max-width: 320px) {
	.ways-section h3{
		font-size: 18px;
	}
}

.ways-section h5 {
	font-size: 16px;	
	color: #333;
	margin-top: 0px;
	font-weight: bold;
}

.list-none {
	list-style: none;
}

.sub-way-list {
	padding-left: 5px;
}

.way-list {
	padding-left: 20px;
}

.company-front {
	padding-top: 30px;
	padding-bottom: 70px;	
}

.gm-style {
	font-family: Arial, Helvetica, sans-serif;
}
