@charset "utf-8";
/* CSS Document */
 
.bar-1{display:block;padding:2px 3px;color:#000;margin-bottom:2px;border:1px solid #999;/*background-color:#ffc477;*/-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.bar-2 {display:block;padding:20px 3px;color:#000;margin-bottom:2px;border:1px solid #999;/*background-color:#ffc477;*/-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.bar-2-br{display:block;line-height:1.1em;padding:17px 3px;color:#000;margin-bottom:2px;border:1px solid #999;/*background-color:#ffc477;*/-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.bar-3{display:block;padding:30px 3px;color:#000;margin-bottom:2px;border:1px solid #999;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.bar-3-go{display:block;padding:20px 3px;color:#000;margin-bottom:2px;border:1px solid #999;background-image:linear-gradient(-180deg,black,#ffffff,black);-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.bar-4 {display:block;padding:80px 3px;color:#000;margin-bottom:2px;border:1px solid #999;/*background-color:#ffc477;*/-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.bar-5-br {display:block;line-height:1.1em;padding:72px 3px;color:#000;margin-bottom:2px;border:1px solid #999;/*/*background-color:#ffc477;*/*/-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.ocean{border:none;padding:35px 0;text-align:center;color:#FFF;font-size:20px; background-image: url(https://yourpattaya.com/images/bg/sand-sea-wave-1180e.jpg)}
.road-6{border:none;padding:35px 0;text-align:center;color:#FFF; background-image: url(https://yourpattaya.com/images/bg/beach-road.jpg)}
.soi-6{border:none;padding:35px 0;text-align:center;color:#FFF; }
.rotate-90{padding:20px 40px;width:150px; height:40px; -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari 3-8 */
    transform: rotate(90deg);}
.laundry{background-color:#21a5e6;color:white;}
.pharm{background-color: #6FF}
.stb{background-color:#ccc}
.food{background-color:  #ffc477}
.mass{background-color: #FFC}
.accom{background-color:#FCF; color: #000000}
.accom-stb{background-image: linear-gradient( #FCF 25%, #ccc 25%, #ccc 50%, #FCF 50%, #FCF 75%, #ccc 75%, #ccc 100%);}
.gogo{background-image:linear-gradient(-180deg,black,#ffffff,black) }
.mart{background-color:#C9C}
.beauty{background-image: linear-gradient(-90deg, red, yellow);}
.closed{background-image: repeating-linear-gradient(180deg,white,grey 7%);color:red;text-shadow: 1px 1px 2px black, 0 0 25px white ;}
.os{background-image: repeating-linear-gradient(180deg,white,green 7%);color:white;text-shadow: 1px 1px 2px black, 0 0 25px white ;}
.shop{background-color: #999}
.ss-map-surround{display:block;padding:0;margin:0;background-image: url(https://yourpattaya.com/images/bg/beach-road.jpg)}
.remove-all-margin{margin:0 ! important;padding:0 !;}
.remove-all-margin-padding{margin:0 ! important;padding:0 ! important;}
a .hover-img { position:relative;}
a .hover-img span {position:absolute; left:-9999px; top:-9999px; z-index:9999;}
a:hover .hover-img span {top: 20px; left:0;}
a.blacka{color:#000000}

   
@media only screen and (max-width:480px) {
.bar-1 {font-size:12px;}
.bar-2{font-size: 12px;padding:24px 3px}
.bar-2-br{font-size:12px;padding:27px 3px;line-height:12px}
.bar-3-go{font-size: 12px;padding:24px 3px}
.bar-4 {font-size: 12px;padding:80px 3px}
.bar-5-br {font-size: 12px;padding:90px 3px}
.ss-map-surround{display:block;margin-left:2px;padding:5px 7px;background-image: url(https://yourpattaya.com/images/bg/beach-road.jpg)}
.soi-6{border:none;padding:35px 0;text-align:center;font-size:12px;color:#FFF;line-height:1.1em }
.ledger{padding-left:9px;}
}