/* ปุ่มบริการด่วนในแถบบนของหน้าแรก */
#header .absolute-header>.pull-left{height:40px;padding:0 14px 0 6px;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.88);font-family:Arial,sans-serif;font-size:11px!important;line-height:1!important;font-weight:600;letter-spacing:.45px;box-shadow:0 7px 20px rgba(18,11,24,.11);transition:background .2s ease,border-color .2s ease,transform .2s ease}
#header .absolute-header>.pull-left>i{width:28px;height:28px;margin:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(212,175,55,.16);color:#f0ca58;font-size:13px;box-shadow:inset 0 0 0 1px rgba(240,202,88,.16)}
#header .absolute-header>.pull-left:hover{transform:translateY(-1px);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22)}
#header .absolute-header .pull-right{display:flex;align-items:center;gap:9px}
#header .absolute-header .pull-right>.btn{height:40px;margin:0;padding:0!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:999px!important;overflow:hidden;box-shadow:0 7px 20px rgba(18,11,24,.18);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
#header .absolute-header .pull-right>.btn-info{background:linear-gradient(135deg,#177ca7,#39a9cb)!important}
#header .absolute-header .pull-right>.btn-danger{background:linear-gradient(135deg,#72218c,#a33d99)!important}
#header .absolute-header .pull-right>.btn>a{position:relative;height:100%;padding:0 15px 0 9px;display:inline-flex;align-items:center;gap:8px;color:#fff!important;font-family:'Athiti',Arial,sans-serif!important;font-size:14px!important;line-height:1!important;font-weight:600!important;text-decoration:none!important;text-transform:none;white-space:nowrap}
#header .absolute-header .pull-right>.btn>a:before{width:28px;height:28px;flex:0 0 28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.17);font-family:FontAwesome;font-size:13px;font-weight:normal;box-shadow:inset 0 0 0 1px rgba(255,255,255,.11)}
#header .absolute-header .pull-right>.btn-info>a:before{content:'\f21d'}
#header .absolute-header .pull-right>.btn-danger>a:before{content:'\f19d'}
#header .absolute-header .pull-right>.btn>a:after{content:'\f105';margin-left:2px;font-family:FontAwesome;font-size:12px;font-weight:normal;opacity:.72}
#header .absolute-header .pull-right>.btn:hover,#header .absolute-header .pull-right>.btn:focus-within{transform:translateY(-2px);box-shadow:0 10px 25px rgba(18,11,24,.27);border-color:rgba(255,255,255,.38)!important}
#header .absolute-header .pull-right>.weather{height:40px;margin:0 0 0 3px!important;padding:0!important;display:inline-flex!important;align-items:center;vertical-align:middle}
#header .absolute-header .pull-right>.weather>a{height:40px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.20);border-radius:999px;background:rgba(255,255,255,.08);color:#fff!important;text-decoration:none!important;box-shadow:0 7px 20px rgba(18,11,24,.15);transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}
#header .absolute-header .pull-right>.weather>a:after{content:'EN';font-family:Arial,sans-serif;font-size:10px;font-weight:700;line-height:1;letter-spacing:.7px;color:rgba(255,255,255,.82)}
#header .absolute-header .pull-right>.weather img{display:block!important;width:25px!important;height:18px!important;margin:0!important;border:1px solid rgba(255,255,255,.38);border-radius:4px;object-fit:cover;box-shadow:0 2px 6px rgba(0,0,0,.22);transition:transform .2s ease,filter .2s ease}
#header .absolute-header .pull-right>.weather>a:hover,#header .absolute-header .pull-right>.weather>a:focus{transform:translateY(-2px);background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.38);box-shadow:0 10px 25px rgba(18,11,24,.24);outline:none}
#header .absolute-header .pull-right>.weather>a:hover img{filter:brightness(1.08)}
@media(max-width:991px){#header .absolute-header .pull-right>.btn-danger>a{font-size:0!important}#header .absolute-header .pull-right>.btn-danger>a:before{content:'\f19d'}#header .absolute-header .pull-right>.btn-danger>a:after{content:'สมัครเรียน';width:auto;height:auto;margin:0;font-family:'Athiti',Arial,sans-serif;font-size:13px;font-weight:600;opacity:1}}
@media(max-width:767px){#header .absolute-header .pull-left{display:none}#header .absolute-header .pull-right{float:none!important;justify-content:center;gap:6px}#header .absolute-header .pull-right>.btn{height:36px}#header .absolute-header .pull-right>.btn>a{padding:0 9px 0 5px;gap:6px;font-size:12px!important}#header .absolute-header .pull-right>.btn>a:before{width:26px;height:26px;flex-basis:26px}#header .absolute-header .pull-right>.btn>a:after{display:none}#header .absolute-header .pull-right>.btn-danger>a{font-size:0!important}#header .absolute-header .pull-right>.btn-danger>a:after{display:inline;content:'สมัครเรียน';font-family:'Athiti',Arial,sans-serif;font-size:12px;font-weight:600;opacity:1}#header .absolute-header .pull-right>.weather,#header .absolute-header .pull-right>.weather>a{height:36px}#header .absolute-header .pull-right>.weather>a{padding:0 7px}#header .absolute-header .pull-right>.weather>a:after{display:none}#header .absolute-header .pull-right>.weather img{width:24px!important;height:17px!important}}
@media(max-width:390px){#header .absolute-header .pull-right>.btn-info>a{font-size:0!important}#header .absolute-header .pull-right>.btn-info>a:after{display:inline;content:'VR TOUR';font-family:Arial,sans-serif;font-size:10px;font-weight:700;opacity:1}}
/* ลดความสูงรวมของแถบบน */
#header .absolute-header{padding-top:7px!important;padding-bottom:7px!important;line-height:1.2!important}
#header .absolute-header>.pull-left{height:34px!important;padding-left:5px!important;padding-right:12px!important;gap:7px!important;font-size:10px!important}
#header .absolute-header>.pull-left>i{width:24px!important;height:24px!important;font-size:11px!important}
#header .absolute-header .pull-right>.btn{height:34px!important}
#header .absolute-header .pull-right>.btn>a{padding-left:5px!important;padding-right:11px!important;gap:6px!important;font-size:13px!important}
#header .absolute-header .pull-right>.btn>a:before{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:11px!important}
#header .absolute-header .pull-right>.weather,#header .absolute-header .pull-right>.weather>a{height:34px!important}
#header .absolute-header .pull-right>.weather>a{padding-left:8px!important;padding-right:8px!important;gap:6px!important}
#header .absolute-header .pull-right>.weather img{width:23px!important;height:16px!important}
@media(max-width:767px){#header .absolute-header{padding-top:6px!important;padding-bottom:6px!important}#header .absolute-header .pull-right>.btn,#header .absolute-header .pull-right>.weather,#header .absolute-header .pull-right>.weather>a{height:32px!important}#header .absolute-header .pull-right>.btn>a:before{width:23px!important;height:23px!important;flex-basis:23px!important}}
