﻿#backgroundPopup{display:none;position:fixed;_position:absolute;height:100%!important;width:100%;top:0;left:0;background:#000000;z-index:9990;}
#popupContact{margin:0 auto;text-align:center;display:none;position:fixed!important;_position:absolute;width:auto;height:auto;_width:auto;_height:auto;background:url(../images/loader.gif) no-repeat 50% 50%;border:0px;z-index:99999;left:50%!important;top:50%!important;transform:translate(-50%, -50%)!important;}
#popupContactClose{font-size:14px;line-height:14px;right:0;top:0;position:absolute;color:#d01b21;font-weight:700;display:block;cursor:pointer;z-index:9999;}
#popupContact a:hover{opacity:unset;}
a#popupContactClose{text-decoration:none;color:#d01b21;}
/* รูปภาพสำหรับเดสก์ท็อป */
.popup-desktop{display:block;width:100%;max-width:1000px;margin:0 auto!important;}
/* รูปภาพสำหรับมือถือ */
.popup-mobile{display:none;margin:0 auto!important;}
/* แก้ไขให้รูปภาพอยู่ตรงกลางทั้ง desktop และ mobile */
#popupContact img{display:block;margin:0 auto!important;}
@media only screen and (min-width:1367px){
    #popupContact{width:65%!important;max-width:1200px;}
    .popup-desktop{width:100%;max-width:1200px;margin:0 auto!important;}
}
@media only screen and (max-width:1366px){
    #popupContact{width:75%;max-width:1000px;}
    #popupContact img{max-width:100%;height:auto;}
}
@media screen and (max-width:980px){
    #popupContact{width:90%!important;}
    #popupContact img{width:100%!important;height:auto!important;}
    .popup-desktop{display:none;}
    .popup-mobile{display:block;}
}
@media only screen and (max-width:1024px){
    #popupContact{width:90%;}
}
@media screen and (max-width:800px){
    .popup{width:100%;height:auto;}
    .popup img{width:100%;height:auto;}
}