#dealer_holder{position: relative; width:100%; height: auto; padding-top:30px; padding-bottom:70px; background:url(../../images/home/page_dealer_bg.jpg) no-repeat center top #191820;}
.row_dealer{ max-width:1200px;}
.dealer_map{width:34%;}
.dealer_detail{width:66%;}
.dealer_icon {/* width: 33%; */display: inline-block;background-color: #fff;padding-right: 20px;}
.dealer_icon img{/* width: 50px; */height: 50px;padding: 10px;}
.dealer_detail_box .phone img.icon_dealer_detail{/* width: 50px; */margin-right: 62px;height: 30px;margin-bottom: 10px;}
.icon_dealer_txt{
    display: inline-block;
    font-size: 20px;
    color: #000000;
    vertical-align: middle;}
.rowwhite{/* background-color:rgba(0,0,0,0.8); */margin-bottom: 7px;display: inline-block;background-color: #ffffff;
text-align: center;}

.dealer_head{line-height:1; font-size:50px; color:#fff; margin-top:40px;
padding-bottom: 15px;
    text-shadow: 2px 2px 5px black;}
.dealer_head b{ font-weight:700;}
.dealer_head span{position: relative; top:-25px; line-height:1.2; font-size:16px;}
.dealer_tab{position: relative; padding:15px 60px 15px 35px; background-color:#4B4B4B; line-height:1.2; font-size:20px; color:#fff; margin-bottom:2px;}
.dealer_tab::before{content: ''; position:absolute; z-index:1; width:10px; height:100%; left:0; top:0; background-color:#F6C40B;}
.dealer_tab span{position:absolute; z-index:1; width:40px; height:25px; right:20px; top:50%; margin-top:-15px; line-height:25px; font-size:30px; text-align:center;}
.dealer_tab:hover{ background-color:#D60A0B; cursor:pointer;}
.dealer_tab:hover span{top:55%;}
.dealer_tab .county{width:90%;}
.dealer_tab .corp{width:70%; display:none;}
.dealer_tab.on{ background:url(../../images/home/map_pic_yellow.png) no-repeat 30px 10px #D60A0B; background-size:23px auto; font-weight:bold; line-height:1.2; font-size:22px; padding:14px 60px 14px 65px; margin-bottom:0px;}
.dealer_tab.on span{top:48%;}
.dealer_tab.on::before{ display:none;}
.dealer_tab.on:hover span{top:43%;}

.dealer_detail_wrap{display:none;}
.dealer_detail_box{position: relative; padding:15px 30px; background-color:#fff; line-height:1.2; font-size:16px; color:#000; margin-bottom:2px;}
.dealer_detail_box b{ font-weight:bold; font-size:18px;}
.dealer_detail_box span{ color:#D60A0B;}
.dealer_detail_box .locat{width:60%;margin-right: 1%;}
.dealer_detail_box .phone{width: 39%;text-indent:10px;font-size:30px;}
.dealer_detail_box .phone img{display: inline-block;vertical-align: inherit;margin-right: 10px;width: 25px;/* height: 30px; *//* margin-bottom: 10px; */}
.dealer_detail_box .phone .ic_tele{ margin-left:10px;}
.dealer_detail_box .bt_type1{ margin:15px 15px 0px 0px;}
.dealer_detail_box .bt_type1 span{padding:4px 10px !important;}
.dealer_detail_box .bt_type1 i{ margin-right:8px;}
.dealer_detail_box .bt_type1 .fa-phone{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); font-size:12px;}


.dealer_pin{position:absolute; z-index:1; width:5.5%; height:4.4%; background:url(../../images/home/map_pic_yellow.png) no-repeat center; background-size:100% 100%; cursor:pointer;}
.dealer_pin.active{width:7.7%; height:6%; margin-top:-1.5%; margin-left:-1.5%; background-image:url(../../images/home/map_pic_red.png); z-index:3;}
#pin_udon{left:64.9%; top:16.2%;}
#pin_phitlok{left:35.4%; top:19%;}
#pin_phitlok2{left:39%; top:19%;}
#pin_petchabun{left:47%; top:21.6%;}
#pin_khonkaen{left:61.5%; top:22%;}
#pin_khonkaen2{left:64.9%; top:22%;}
#pin_surin{left:75.5%; top:30.8%;}
#pin_ubon{left:84.5%; top:32%;}
#pin_saraburi{left:45.8%; top:33.7%;}
#pin_suphan{left:29.1%; top:32.3%;}
#pin_nakorn_pathom{left:32%; top:37.4%;}
#pin_samut_prakarn{left:41%; top:41%;}
#pin_samut_prakarn2{left:42.4%; top:38.5%;}
#pin_surat{left:17.9%; top:71.8%;}
#pin_nakornsri{left:26.9%; top:75.4%;}
#pin_songkla{left:33%; top:83.1%;}
#pin_bangkok{left:36%; top:40%;}
#pin_trang{left: 20.9%;top: 77.4%;}
#pin_chaiyaphum{left: 46.9%;top: 21.4%;}
#pin_loei{left: 46.9%;top: 15.4%;}
#pin_ayutthaya{ left: 37.9%;top: 35.4%;}
#pin_chonburi {left: 45.8%;top: 42.7%;}
#pin_pct {left: 33.8%;
    top: 24.7%;    }
#pin_nma {    left: 52.8%;
    top: 32.7%;}
#pin_pbi {left: 26.8%;
top: 45.7%;}

.dealer_tab, .dealer_tab span, .dealer_pin
{-moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;}


@media only screen and (min-width: 1367px) and (max-width: 2400px) {
#dealer_holder{ background-size:100% auto;}
}


@media screen and (max-width: 1180px) {
.dealer_detail_box .phone{font-size:24px;}
.dealer_detail_box .phone img{/* width:20px; */vertical-align:top;}
.dealer_detail_box .phone img.icon_dealer_detail{/* width:40px; */vertical-align:top;}

.dealer_detail_box .phone img.icon_dealer_detail {
    margin-right: 47px;
}
}

@media screen and (max-width: 1050px) {
.dealer_head{line-height:1; font-size:40px; margin-bottom:10px;}
.dealer_head span{top:-20px; line-height:20px; font-size:18px;}
}

@media screen and (max-width: 980px) {
.dealer_tab{padding:10px 35px 10px 20px; line-height:1.2; font-size:14px;}
.dealer_tab::before{content: ''; width:7px;}
.dealer_tab span{width:40px; height:25px; right:5px; line-height:28px; font-size:20px;}
.dealer_tab.on{ background:url(../../images/home/map_pic_yellow.png) no-repeat 18px 7px #D60A0B; background-size:18px auto; line-height:20px; font-size:20px; padding:10px 35px 10px 45px;}
.dealer_detail_box{line-height:1.2; font-size:14px; padding:12px 25px;}
.dealer_detail_box b{font-size:16px;}
.dealer_detail_box .phone{font-size:22px;}
.dealer_detail_box .phone img.icon_dealer_detail {
    margin-right: 42px;
    height: 30px;
    margin-bottom: 10px;
}
.icon_dealer_txt{font-size: 14px;}
}

@media screen and (max-width: 860px) {
.dealer_map{width:100%; max-width:380px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); display:none;}
.dealer_detail{width:100%;}
.dealer_head{margin-top:0px;}
}

@media screen and (max-width: 570px) {
.dealer_detail_box{padding:10px 10px;}
.dealer_detail_box .phone{font-size:18px;}
.dealer_detail_box .phone img {
    height: 22px;
}
    .dealer_detail_box .phone img.icon_dealer_detail {
        margin-right: 31px;
        height: 30px;
        margin-bottom: 10px;
    }

}

@media screen and (max-width: 480px) {
.dealer_icon img {
    height: 40px;
    padding: 8px 8px 3px 8px;
}
    .dealer_detail_box .phone img.icon_dealer_detail {
    height: 25px;
    }
.rowwhite {
width: 100%;
    display: block;
}
.dealer_icon {
    width: 32.5%;
    text-align: center;
    padding: 0;
}
.icon_dealer_txt{display: block;padding-bottom: 5px;}
.dealer_map{max-width:300px;}
.dealer_tab{padding:10px 25px 10px 15px; line-height:1.2; font-size:13px;}
.dealer_tab span{ width:30px; right:0px; line-height:28px; font-size:20px;}
.dealer_detail_box .locat{width:100%;}
.dealer_detail_box .phone{width:100%; text-indent:0px; margin-top:10px;}
.dealer_detail_box .phone .ic_tele{ margin-left:0px;}
}

@media screen and (max-width: 450px) {
.dealer_head{line-height:1; font-size:40px; margin-bottom:10px;}
.dealer_head span{line-height:1; font-size:14px;}
.dealer_detail_box .bt_type1{ margin:15px 5px 0px 0px;}
}

@media screen and (max-width: 365px) {
.dealer_detail_box .bt_type1{ margin:15px 2px 0px 0px;}
}

/* 20240509 */
.checkbox_wrap{padding: 10px 5px; background-color: #fff;}
label.checkbox input[type="checkbox"] {display:none;}
label.checkbox input[type="radio"] {display:none;}
label.checkbox span {
display:inline-block;
width:23px; /* This must be depend on image resolution */
height:23px; /* This must be depend on image resolution */
background:url('../../images/chk1.png'); background-position:center -1px;
background-size:100%;
-moz-background-size:100%;
background-repeat:no-repeat;
vertical-align:middle;
margin:3px; cursor:pointer;
}
label.checkbox :checked + span {
background:url('../../images/chk2.png'); background-position:center -1px;
background-size:100%;
-moz-background-size:100%;
background-repeat:no-repeat;
font-size:15px;
}