#content #buttonbar div div div.iScrollVerticalScrollbar{background-color:transparent;}

#content{}
 
#content #buttonbar{background:url(../../../../etc/designs/bochk_web/images/locator/locator-list-btn-bg.jpg) repeat-x left top;background-size:100% 100%;font-size:0;border-bottom:1px solid #6d6e70;overflow:visible;}
#content #buttonbar a{display:block;font-size:10pt;color:#000;line-height:35px;font-weight:bold;}
#content #buttonbar a.selected{background-color:#ebebeb;color:#b0002d;}
#content #buttonbar a span{display:inline-block;*display:inline;zoom:1;line-height:35px;font-size:12pt;}
html[lang|='en'] #content #buttonbar a span{font-size:10pt;}
#content #buttonbar h1{background:url(../../../../etc/designs/bochk_web/images/locator/locator-list-header-bg.jpg) repeat-x left top;background-size:100% 100%;-webkit-transform:translate(0px, 0px) translateZ(0px);width:100%;}
#content #buttonbar h1 a,#content #buttonbar h1 span{display:block;text-align:left;padding:0 20px;}
#content #buttonbar h1 a span{display:block;background:url(../../../../etc/designs/bochk_web/images/locator/locator-list-header-arrow.png) no-repeat right center;line-height:40px;padding:0;}
#content #buttonbar h1#mainland a span {background:none;}
#content #buttonbar h1,#content #buttonbar h1 a{position:relative;font-size:12pt;color:#fff;text-shadow:#828282 0 -2px;line-height:40px;height:40px;display:block;z-index:999999;}
#content #buttonbar div div div{position:relative;display:block;background-color:#efeff0;margin:0;list-style:none;width:auto;min-width:0;}
#content #buttonbar div div div#hongkong-list{background-color:#ccc;left:0;}
#content #buttonbar div div ul{position:relative;display:block;background-color:#efeff0;margin:0;list-style:none;width:auto;min-width:0;}
#content #buttonbar div div ul li{display:block;border-bottom:1px solid #6d6e70;}
#content #buttonbar div div ul li#map_filter-reset{float:left;}
#content #buttonbar div div ul li a{display:block;text-align:left;font-size:12pt;color:#000;line-height:25px;padding:10px 20px;}
#content #buttonbar div div ul li a span{display:block;background:url(../../../../etc/designs/bochk_web/images/locator/locator-list-content-arrow.png) no-repeat right center;line-height:25px;}
#content #buttonbar div div ul li a span.active{display:none;}
#content #buttonbar div div ul li a span.active span{display:inline;background:none;line-height:none;}
#content #buttonbar div div ul div{display:none;position:absolute;top:0;left:100%;width:100%;overflow:hidden;}
#content #buttonbar div div ul div a{padding-left:40px;}
#content #buttonbar div div ul div a.back-btn{background:#efeff0 url(../../../../etc/designs/bochk_web/images/locator/locator-list-back-arrow.png) no-repeat 20px center;border-bottom:1px solid #6d6e70;}
#content #buttonbar div div ul li#service div a.back-btn{overflow:hidden;}
#content #buttonbar div div ul div a#service-submit{float:right;background:url(../../../../etc/designs/bochk_web/images/locator/service-bg.jpg) repeat-x left top;background-size:100% 100%;padding-left:20px;border-left:1px solid #6d6e70;border-bottom:1px solid #6d6e70;}
#content #buttonbar div div ul div div{display:block;background-color:#ccc;position:relative;left:auto;top:auto;}

#content #map_filter,#content .locator-list{display:inline-block;*display:inline;zoom:1;text-align:center;width:50%;max-width:50%;}
#content #map_filter{float:left;}
#content #map_filter>a{border-right:1px solid #6d6e70;}
#content .locator-list>a{border-left:1px solid #fff;}
#content #map_filter>a>span{background:url(../../../../etc/designs/bochk_web/images/locator/icon-search.png) no-repeat right center;padding-right:22px;background-size:15px;}
#content #map_filter>a.selected>span{background:url(../../../../etc/designs/bochk_web/images/locator/icon-search-or.png) no-repeat right center;background-size:15px;}
#content .locator-list>a>span{background:url(../../../../etc/designs/bochk_web/images/locator/icon-list.png) no-repeat right center;padding-right:32px;background-size:25px;}
#content .locator-list>a.selected>span{background:url(../../../../etc/designs/bochk_web/images/locator/icon-list-or.png) no-repeat right center;background-size:25px;}

#content #map_filter>div,#content .locator-list>div{display:none;position:absolute;z-index:10;list-style:none;margin:0;width:100%;left:0;margin-top:1px;min-width:0;}
#content .locator-list>div{width:50%;left:50%;background-color:#fff;}
#content #map_filter>div .selected{background:#ced0d1 url(../../../../etc/designs/bochk_web/images/locator/icon-tick.png) no-repeat 15px center;}

#content #buttonbar div.locator-list div{overflow:hidden;background-color:#ccc;}
#content #buttonbar div.locator-list div div{background-color:transparent;}
#content #buttonbar div.locator-list ul{background-color:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
#content #buttonbar div.locator-list ul a{font-size:13px;}
#content #buttonbar div.locator-list ul li{border-bottom:0;}
#content .locator-list>div>ul>li{margin:0;border-top:1px solid #ccc;}
#content .locator-list>div>ul>li:first-child{margin:0;border-top:0;}
#content .locator-list>div>ul>li>a{display:block;padding:8px 10px;text-align:left;}

#content #map_filter #map_filter-list-button{border-bottom:1px solid #6d6e70;-webkit-transform:translate(0px, 0px) translateZ(10px);}
#content #map_filter #map_filter-list-button ul{overflow:hidden;border-top:3px solid #8f9094;border-bottom:3px solid #8f9094;}
#content #map_filter #map_filter-list-button ul li{display:inline-block;*display:inline;zoom:1;width:50%;border:0;}
#content #map_filter #map_filter-list-button ul li a{border-left:1px solid #6d6e70;background:url(../../../../etc/designs/bochk_web/images/locator/filter-list-btn-bg.jpg) repeat-x left top;background-size:100% 100%;text-align:center;}
#content #map_filter #map_filter-list-button ul li:first-child a{border-left:0;}

#content #map_canvas{clear:both;z-index:1;}

#content .gm-style-iw,.gm-style-iw>div{font-weight:normal;overflow:visible!important;}
#content .gm-style-iw{z-index:1;}
#content .gm-style-iw>div{}
/*#content .gm-style-iw>div>div{margin-right:-30px;}*/
/*20190515 CSS update for google map 3.36*/
/* ========== Pop Up ========== */
#content .googlemap-marker{min-width:230px;max-width:230px;/*margin-right:-30px;background:url(../../../../etc/designs/bochk_web/images/locator/icon-map-close.png) no-repeat 207px 3px;*/}
#content .googlemap-marker ul{list-style:none;padding-left:0;width:auto;min-width:230px;margin:0;}
@media only screen and (max-width: 320px) {
#content .googlemap-marker{min-width:182px;max-width:230px;}
#content .googlemap-marker ul{min-width:182px;max-width:230px;}
}
#content .googlemap-marker ul>li{padding-bottom:0;margin:0;}
#content .googlemap-marker ul>li>div{}
#content .googlemap-marker ul>li>div>p{}

#content ul.tab-button{padding-left:0;overflow:hidden;position:relative;z-index:5;margin-bottom:-1px;position:relative;-webkit-transform:translate(0px, 0px) translateZ(5px);}
#content ul.tab-button>li{display:inline-block;*display:inline;zoom:1;margin-right:5px;padding-bottom:0;}
#content ul.tab-button>li>a{display:block;color:#fff;padding:4px 10px;background-color:#999;border:1px solid #999;border-top-left-radius:5px;border-top-right-radius:5px;}
#content ul.tab-button>li>a.selected{background-color:#fff;border-bottom:1px solid #fff;color:#656565;}

#content .googlemap-marker ul.tab-content{overflow:hidden;}
#content .googlemap-marker ul.tab-content>li{text-align:left;}
#content .googlemap-marker ul.tab-content>li>div{padding:5px 15px 5px 5px;}
#content .googlemap-marker ul.tab-content>li .tab-content-header{display:inline;font-size:110%;color:#000;border-bottom:1px solid #000;margin-bottom:0;text-align:left;}
#content .googlemap-marker ul.tab-content>li .tab-content-bankcode{padding-top:3px;}
#content .googlemap-marker ul.tab-content>li .tab-content-phone{float:left;}
#content .googlemap-marker ul.tab-content>li .tab-content-fax{float:left;}
#content .googlemap-marker ul.tab-content>li .tab-content-email{float:left;}
#content .googlemap-marker ul.tab-content>li .tab-content-address{float:left;}
#content .googlemap-marker ul.tab-content>li ul.tab-content-service{margin-top:5px;font-size:0;min-width:180px;}
#content .googlemap-marker ul.tab-content>li ul.tab-content-service>li{display:list-item;zoom:1;margin:0 15px 10px 0;clear:both;}
#content .googlemap-marker ul.tab-content>li ul.tab-content-service>li>img{float:left;margin-right:10px;}
#content .googlemap-marker ul.tab-content>li ul.tab-content-service>li>span{font-size:14px;padding-top:3px;}
#content .googlemap-marker ul.tab-content>li span{display:block;overflow:hidden;}
#content .googlemap-marker ul.tab-content>li p{margin-top:10px;margin-bottom:0;overflow:hidden;}
#content .googlemap-marker ul.tab-content>li p{margin-right:20px;}
.iScrollVerticalScrollbar{-webkit-transform:translate(0px, 0px) translateZ(9999px);}
#content .googlemap-marker .border{border-top:1px solid #999;}
#content .googlemap-marker #wrapper{position:relative;z-index:1;overflow:hidden;height:70px;-webkit-transform:translate(0px, 0px) translateZ(1px);}
#content .googlemap-marker #scroller{position:absolute;z-index:5;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;-webkit-transform:translateZ(5px);-moz-transform:translateZ(5px);-ms-transform:translateZ(5px);-o-transform:translateZ(5px);transform:translateZ(5px);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;}
#content #service #MPF{background: url(../../../../etc/designs/bochk_web/images/locator/locator-list-header-bg.jpg) repeat-x left top;background-size: 100% 100%;color:#fff;}
#content #service #MPF span{background: url(../../../../etc/designs/bochk_web/images/locator/locator-list-header-arrow.png) no-repeat right center;}

#map-error{margin:0 10px;overflow:hidden;padding:150px 0;}
#map-error div{margin:0 auto;padding:0 30px;}
#map-error div img:first-child{float:left;width:50px;height:auto;padding:0 20px 150px 0;}
#map-error a {color: #2eb0a4}