@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap');
 
html, body, div{ margin:0; padding:0; }
html { 
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
 
body{ 
 font-family: "Noto Sans Thai", sans-serif; font-weight: 400; font-style: normal; 
 -webkit-text-size-adjust: none; background:#ffffff; 
 font-size:16px; line-height:1.4; color:#184795;  min-width:320px;  overflow-x:hidden; } 
 
img{ border:none; max-width:100%; outline:0; vertical-align:middle;  }
:focus { outline:0; }
a:active { outline:none; }
.word-wrap { word-wrap: break-word; } 
.clear{ clear:both; }
.clearvdo{ clear:both; }
.box{ display:block; position:relative; }
.boxleft, .left{ float:left; }
.boxright, .right{ float:right; }

.txt-center{ text-align:center; }
.txt-left{ text-align:left; }
.txt-right{ text-align:right; }

.table{ display:table; width:100%; margin:0; padding:0; position:relative; }
.table-row{ display:table-row; }
.table-cell{ display:table-cell; }

a:link{ text-decoration:none; color:#000000; }
a:visited{ text-decoration:none; color:#000000; }
a:hover{ text-decoration:none; color:#000000; }

h1, .h1{ font-size:60px; padding:0; margin:0; font-weight:normal;  }
h2, .h2{ font-size:42px; padding:0; margin:0; font-weight:normal; }
h3, .h3{ font-size:30px; padding:0; margin:0; font-weight:normal; }
h4, .h4{ font-size:24px; padding:0; margin:0; font-weight:normal; }
h5, .h5{ font-size:18px; padding:0; margin:0; font-weight:normal; }
h6, .h6{ font-size:14px; padding:0; margin:0; font-weight:normal; }
h7, .h7{ font-size:12px; padding:0; margin:0; font-weight:normal; }

.h2x{ font-size:36px; padding:0; margin:0; font-weight:normal; }

#page{ display: block; position: relative;  }
.content{ display:block; position: relative; width:80%; margin:0 auto;  }

#header{ display:block; position:fixed; top:0; left:0; right:0; width:100%; background:#fff; z-index:99;  }
.bxheader{ display:block; position:relative; width:100%; height:72px;  }
.bxheader > .tb{ display:table; position:relative; width:100%; height:100%; }
.bxheader > .tb > .tc1{ display:table-cell; position:relative; width:340px; vertical-align:middle; }
.bxheader > .tb > .tc2{ display:table-cell; position:relative; vertical-align:middle; text-align:right; }
.bxlogo{ display:block; position:relative; }
.bxlogo img{ max-height:72px;  }
.bxmenu{ display:block; position:relative; color:#000; }
 
.bxheader .bxnav{ display:inline-block; position: relative; vertical-align: middle; margin-right:24px;  }
.bxheader .bxlink{ display:inline-block; position: relative; vertical-align: middle;  }
.bxheader .bxlink .h4{ font-weight:700; }

ul#navmenu{ display:block; position:relative; margin:0; padding:0; list-style:none;   }
ul#navmenu > li{ 
  display:inline-block; position:relative; margin:0; height:72px; text-align:left; }
ul.navmenu > li > a{ display:inline-block; text-decoration:none; padding:24px 24px; transition:ease 0.5s; cursor: pointer; }
ul.navmenu > li > a.activ,
ul.navmenu > li > a:hover { /* opacity:0.8; */ color:#184795; }
.dropdown:hover > a {  color:#184795;  }
ul.navmenu > li > a > span.icon{ margin-left:12px;   } 
.dropdown-content {
  position: absolute; text-align:left; padding:6px 24px; margin: 0px; min-width:300px; font-size:16px;
  top:0; left:-999em; z-index: 999; transition:top .5s ease;  background:rgba(255,255,255,0.75);   } 
.dropdown-content > li{ display:inline-block; position:relative; padding:0; margin:0; width:300px; }
.dropdown-content > li:last-child{ border-bottom:none; }
.dropdown-content > li > a{ 
  padding:6px 0; text-decoration: none; display:block; ransition:ease 0.5s; cursor:pointer; } 
.dropdown-content a:hover, .dropdown-content a.activ, .dropdown-content li:hover > a { text-decoration:underline; /* opacity:0.8; */  }
 
.dropdown:hover > .dropdown-content{ left:0; top:100%; }
.dropdown .dropdown > .dropdown-content{
	transition:transform .7s ease, opacity .3s ease; min-width:320px; 
	transform:translateX(-100%); opacity:0; }
.dropdown .dropdown:hover > .dropdown-content{ left:100%; transform:translateX(0); top:0; opacity:1; }	

#homebanner{ display:block; position: relative; }
#homebanner > .imgbx{ display:block; position:relative; }
#homebanner > .imgbx > img{ max-width:100%; width:100%; }
#homebanner > .imgbx.desktop{ display:block; }
#homebanner > .imgbx.mobile{ display:none; }

.homecaption{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:6; }
.homecaption > .tb{ display:table; position:relative; width:100%; height:100%; }
.homecaption > .tb > .tc{ display:table-cell; position:relative; vertical-align: middle; }
.homecaption > .tb > .tc > .bx{ display:block; position:relative; width:68.75%; margin:0 auto;   }
.homecaption > .tb > .tc > .bx > .bxtxt{ display:block; position:relative; padding:0 0 36px;   }
.homecaption > .tb > .tc > .bx > .bxtxt > div{ display:block; position:relative; font-weight:600; }
.homecaption > .tb > .tc > .bx > .bxlink{ display:block; position:relative;  }
.homecaption > .tb > .tc > .bx > .bxlink .h3{ font-weight:700; }

.homecaption .cutd{ display:block; }
.homecaption .cutm{ display:inline-block; }

.homecaptionimg{ position:absolute; left:0; right:0; bottom:20px; z-index:4; }
.homecaptionimg > .imgbx{ display:block; position:relative; width:65%; margin:0 auto; text-align: center; }
.homecaptionimg > .imgbx > img{ max-width:100%;   }
.homecaptionimg > .imgbx.desktop{ display:block; }
.homecaptionimg > .imgbx.mobile{ display:none; }
 

#bxhowto{ display:block; position:relative; padding:52px 0; text-align: center; }
#bxhowto .bxtxth1{ display:block; position:relative; padding:0 0 20px;  }
#bxhowto .bxtxth1 > span{ font-weight:600; }
#bxhowto .bxtxth2{ display:block; position:relative; padding:0 0 20px; width:100%; margin:0 auto; }
#bxhowto .bxtxth2 > span{ font-weight:600; }
.bxhowto{ display:block; position:relative; }
.bxhowto > .tb{ display:table; position:relative; width:100%; }
.bxhowto > .tb > .tc{ display:table-cell; position:relative; width:33.33%; vertical-align: top;   }
.bxhowto > .tb > .tc > .bx{ display:block; position:relative; width:80%; margin:0 auto; }
.bxhowto > .tb > .tc > .bx > .bximg{ display:block; position:relative; height:362px;  }
.bxhowto > .tb > .tc > .bx > .bximg > .tb{ display:table; position:relative; width:100%; height:100%; }
.bxhowto > .tb > .tc > .bx > .bximg > .tb > .tc{ display:table-cell; position:relative; vertical-align:middle; }
.bxhowto > .tb > .tc > .bx > .bximg img{ max-height:100%;  }
.bxhowto > .tb > .tc > .bx > .bxtxt{ display:block; position:relative;   }
.bxhowto > .tb > .tc > .bx > .bxtxt > div{ font-weight:600; }


#bxopenacc{ display:block; position:relative; background:url("../img/bg-openacc.png") center no-repeat;   }
.bxopenacc-ele{ display:block; position:absolute; top:-62px; left:0; bottom:0px; right:0; z-index:2;
	/* background:url("../img/element-openacc.png") top center no-repeat;  background-size:100%; */   }
.bxopenacc-ele > img{ width:100%;  }
.bxopenacc-ele > img.desktop{ display:block;  }
.bxopenacc-ele > img.mobile{ display:none;  }
.bxopenacc{ display:block; position:relative; text-align:center; padding:85px 0 65px; z-index: 4;  }
.bxopenacc > .h2{ display:block; position:relative; padding:0 0 16px; font-weight:700; font-style: italic; }
.bxopenacc > .h2x{ display:block; position:relative;  font-weight:500; font-style: italic; }
.bxopenacc > .bxbtn{ display:block; position:relative; padding:36px 0; }
.bxopenacc > .bxbtn > .h2x{ font-weight:700; min-width:260px;  }
.bxopenacc > .h4{ display:block; position:relative; margin:0 auto; max-width:660px;  }


#bxdca{ display:block; position:relative; padding:104px 0 260px;  }
.bxdca-one{ display:block; position:relative; }
.dcabxtable{ display:block; position:relative; text-align: center; }
.dcabxtable > .h1{ display:block; position:relative; padding:0 0 26px; font-weight:500; }
.dcabxtable > .h3{ display:block; position:relative; padding:0 0 36px; font-weight:500; }
.dcabxtable > .h1 > b{ font-weight:700; }
.dcabxtable > .h3 > b{ font-weight:600; }
.dcabxtable > .h5{ display:block; position:relative; text-align:left; padding:36px 52px;  }

.bxdca-two{ display:block; position:relative; background:url("../img/bg-dca.png") center center no-repeat; background-size:100%; min-height:600px;   }
.bxdca-two > .elemobile{ display:none; }
.dcabxtext{ display:block; position:relative; padding:104px 0; width:50%; margin:0 0 0 auto; }
.dcabxtext > .h2{ display:block; position:relative; padding:0 0 20px; font-weight:600; }
.dcabxtext ul{ padding:0 0 0 40px; list-style: url("../img/ul-chk-blue.png"); font-weight:500;  }
.dcabxtext ul > li{ margin: 0 0 10px; }

.bxdca-three{ display:block; position:relative; }
.dcabxgraph{ display:block; position:relative; text-align: center;  }
.dcabxgraph > .bxh{ display:block; position:relative; padding:0 0 26px; }
.dcabxgraph > .bxh > .h2x{ display:block; position:relative; background:#3c8fd3; color:#fff; padding:36px; border-radius: 68px; font-weight:500; }
.dcabxgraph > .bxh > .h2x > b{ font-weight:700; }
.dcabxgraph > .h2x{ display:block; position:relative; color:#3c8fd3; font-weight:500; }
.dcabxgraph > .bximg{ display:block; position:relative; padding:52px 0; max-width:84%; margin:0 auto; }
.dcabxgraph > .h5{ display:block; position:relative; text-align: left; max-width:84%; margin:0 auto; }


#bxwhy{ display:block; position:relative; background:#fffcf1; padding:0 0 104px;   }
.bxwhybx{ 
	display:block; position:relative; background:#fff; border:#b4bfd2 solid 2px; border-radius:30px; 
	width:84%; margin:0 auto -172px; top:-172px; box-shadow: 20px 20px 29px rgba(2,2,2,0.1);  }
.bxwhybx > .whybx{ display:block; position:relative; padding:52px 0; width:80%; margin:0 auto; }
.bxwhybx > .whybx > .h1{ display:block; position:relative; text-align:center; padding:0 0 36px;  }
.bxwhybx > .whybx > .h1 > div{ font-weight:600; }
.bxwhybx > .whybx > .h4{ display:block; position:relative; font-weight:500; }
.bxwhybx > .whybx > .h4 b{ font-weight:700; }
.bxwhybx > .whybx > .h4 > ul{  padding:0 0 0 36px; list-style: url("../img/ul-chk-green.png");  }
.bxwhybx > .whybx > .h4 > ul > li{ margin: 0 0 10px; }

.bxwhyicon{ display:block; position:relative; padding:104px 0 0; }
.whyiconbx{ display:block; position:relative; width:100%;   }
.whyiconbx > .tb{ display:table; position:relative; width:100%; }
.whyiconbx > .tb > .tc{ display:table-cell; position:relative; width:33.33%; vertical-align: top;  }
.whyiconbx > .tb > .tc > .bx{ display:block; position:relative; width:92%; margin:0 auto; text-align: center; }
.whyiconbx > .tb > .tc > .bx > .bximg{ display:block; position:relative; height:120px; margin-bottom:36px;  }
.whyiconbx > .tb > .tc > .bx > .bximg > .tb{ display:table; position:relative; width:100%; height:100%; }
.whyiconbx > .tb > .tc > .bx > .bximg > .tb > .tc{ display:table-cell; position:relative; vertical-align:middle; }
.whyiconbx > .tb > .tc > .bx > .bximg img{ max-height:120px; }
.whyiconbx > .tb > .tc > .bx > .bxtxt{ display:block; position:relative;  }
.whyiconbx > .tb > .tc > .bx > .bxtxt > .h4{ font-weight:700; padding-bottom:10px;}
.whyiconbx > .tb > .tc > .bx > .bxtxt > .h5{ font-weight:500; }
.bxwhyicon > .bxbtn{ display:block; position:relative; text-align: center; padding:65px 0 0;  }
.bxwhyicon > .bxbtn .h2x{ font-weight:500; min-width:260px;  }


#bxwho{ display:block; position:relative; background: url("../img/bg-who.png") bottom center no-repeat; padding:104px 0 702px; }
.bxwho{ display:block; position:relative; text-align: center; }
.bxwho > .h1{ display:block; position:relative; font-weight:500; padding:0 0 52px; }
.bxwho > .h1 > div{ font-weight:700; }
.bxwho > .h4{ display:block; position:relative; font-weight:500; }
.bxwhobx{ display:block; position:relative; padding:0 0 36px;  }

.whobxx{ display:block; position:relative; width:50%; margin-bottom:52px; }
.whobxx.one{ float:left; }
.whobxx.two{ float:right; }
.whobxx > .bx{ display:block; position:relative; width:94%;   }
.whobxx > .bx > img{ max-width:100%; box-shadow: 20px 20px 29px rgba(2,2,2,0.2); border-radius:20px; }
.whobxx > .bx > .bxtxt{ position:absolute; top:0; left:0; bottom:0; right:0;   }
.whobxx > .bx > .bxtxt > .tb{ display:table; position:relative; width:100%; height:100%;  }
.whobxx > .bx > .bxtxt > .tb > .tc{ display:table-cell; position:relative; vertical-align: middle; }
.whobxx > .bx > .bxtxt > .tb > .tc > .bx{ 
  display:block; position:relative; text-align: left; line-height:1; padding:0 36px;   }
.whobxx > .bx > .bxtxt > .tb > .tc > .bx.txtright{ text-align:right; }
.whobxx > .bx > .bxtxt > .tb > .tc > .bx > .txtbx{ display:inline-block; position:relative; text-align: left; line-height:1.2;  }
.whobxx > .bx > .bxtxt > .tb > .tc > .bx > .txtbx > .h3{ font-weight:500; }
.whobxx > .bx > .bxtxt > .tb > .tc > .bx > .txtbx > .h2{ font-weight:700;   }


#bxfaqs{ display:block; position:relative; padding:104px 0; }
.bxfaqs{ display:block; position:relative; }
.bxfaqs > .h1{ display:block; position:relative; text-align: center; font-weight:700; padding:0 0 52px; }
.bxfaqslist{ display:block; position:relative; } 
.bxfaq{ display:block; position:relative; padding:52px 0; }
.faqlinebtm{ display:block; position:absolute; left:0; right:0; bottom:0; height:4px;
  background: rgb(30,60,114); background: linear-gradient(0deg, rgba(30,60,114,1) 0%, rgba(42,82,152,1) 100%);   }
.faqbx{ display:block; position:relative; width:88%; margin:0 auto; }
.faqbxq{ display:block; position:relative; font-weight:700; padding:0 0 36px; }
.faqbxa{ display:block; position:relative; font-weight:500;  }
.faqbxa > .txtremark{ padding:36px 0 0; text-align: center; } 


#bxopenaccbtn{ display:block; position:relative; }
#bxopenaccbtn > img.desktop{ display:block; width:100%; max-width:100%;   }
#bxopenaccbtn > img.mobile{ display:none;  }
.bxopenaccbtn{ display:block; position:absolute; top:0; left:0; bottom:0; right:0; z-index:6;   }
.bxopenaccbtn > .tb{ display:table; position:relative; width:100%; height:100%;  }
.bxopenaccbtn > .tb > .tc{ display:table-cell; position:relative; text-align: center; vertical-align: middle; }
#bxopenaccbtn a.btnyellow{ width:60%;  }


#bxcontact{ display:block; position:relative; background: url("../img/bg-contact.png") center no-repeat;  margin-bottom:136px;  }
.bxcontact-ele{ display:block; position:absolute; top:-42px; left:0; bottom:0px; right:0; z-index:2;   }
.bxcontact-ele > img{ width:100%;  }
.bxcontact-ele > img.desktop{ display:block;  }
.bxcontact-ele > img.mobile{ display:none;  }

.bxcontact{ display:block; position:relative; z-index:4;  }
.bxcontact > .tb{ display:table; position:relative; width:100%; }
.bxcontact > .tb > .tc1{ display:table-cell; position:relative; width:46%; vertical-align: middle; text-align: right; }
.bxcontact > .tb > .tc1 > .bx{ display:block; position:relative; padding:136px 0;  }
.bxcontact > .tb > .tc2{ display:table-cell; position:relative; width:54%; vertical-align:bottom; }
.bxcontact > .tb > .tc2 > .bx{ display:block; position:relative; }

.contactaddbx{ display:inline-block; position:relative; text-align:left; margin-right:36px; line-height:1.5;   }
.contactaddbx a{ color:#294694; }
.contactaddbx a:hover{ text-decoration: underline; }
.contactaddbx > .h2x{ font-weight:700; }
.contactaddbx > .h4{ font-weight:500; }
.contactformbx{ display:block; position:relative; background:#fff; border-radius:26px; width:92%; box-shadow: 6px 10px 11.57px 1.43px rgba(131,141,153,0.55);  margin:0 0 -120px;    }
.contactformbx > .bxform{ display:block; position:relative; width:86%; margin:0 auto; padding:36px 0 26px; text-align: center; }
.contactformbx > .bxform > .formbx{ display:block; position:relative; padding:52px 0;  }
.contactformbx > .bxform > .h3{ display:block; position:relative; font-weight:700; padding:0 0 16px;  }
.contactformbx > .bxform > .h5{ display:block; position:relative; font-weight:600; }
 

.bxformtxt{ display:block; position: relative; margin-bottom:20px;  }  
.bxsubmit{ display:block; position: relative; margin:46px 0 0; text-align: center; }
.txtinput{ text-align: center; }
.txtinput a{  text-decoration:underline; color:#184795; }


#contactform{ display:block; position:relative;   } 
#contactform input{ 
 display:block; position:relative; width:100%; padding:12px 20px; font-family: inherit; font-size:20px; font-weight:inherit; background:#eef9ff; border-radius:12px;  border:0; color: #184795;  }
#contactform textarea{ 
 display:block; position:relative; width:100%; padding:12px 20px; font-family: inherit; font-size:20px; font-weight:inherit; background:#eef9ff; border-radius:12px; border:0; color: #184795; height:160px; resize:none;    }


#contactform input[type=radio]{ width:24px; position:relative; margin:0; padding:0; cursor:pointer;  }
#contactform input[type=radio]:not(old){  width:24px; cursor:pointer; margin:0; padding:0; opacity:0; vertical-align:middle;  }
#contactform input[type=radio]:not(old) + label{
  display:inline-block; margin:0; min-height:24px; padding-left:34px; 
  background: url("../img/radio.png") left center no-repeat; cursor:pointer; margin-left:0px;  }
#contactform input[type=radio]:not(old):checked + label{ background: url(../img/radio_o.png) left center no-repeat; }
#contactform input[type=radio].error:not(old) + label{ background:url(../img/radio_e.png) left center no-repeat; }

 
#contactform label { display:block; padding:0; margin:0; text-align:left; }
#contactform label.error{ margin-left: 0px; color:#ff0000; font-size:12px; font-style:italic; }
#contactform input.error{ border-color:#ff0000;   }
 
#contactform input[type=submit]{   
  display:inline-block; position: relative; text-align:center; transition: ease 0.5s; color:#fff; cursor:pointer; border:none; width:auto; 
  padding:10px 36px; border-radius:60px; min-width:140px; font-family:inherit; font-size:inherit; font-weight:bold; 
  background: rgb(18,67,143); background: linear-gradient(0deg, rgba(18,67,143,1) 0%, rgba(38,163,255,1) 100%);  } 
#contactform input[type=submit]:hover{  background:#ffcc00; color:#184795;  } 
#contactform input[type=submit]:disabled { opacity:0.8; cursor: no-drop; background: rgb(18,67,143); background: linear-gradient(0deg, rgba(18,67,143,1) 0%, rgba(38,163,255,1) 100%); color:#fff;  }

#pagethanks{ display:block; position: relative; width:100%; height:100vh; }
#pagethanks > .tb{ display:table; position:relative; width:100%; height:100%; }
#pagethanks > .tb > .tc{ display:table-cell; position: relative; vertical-align: middle; text-align: center; }

.pagethanks{ display:block; position:relative; max-width:400px; margin:0 auto; font-weight:500; }
.pagethanks > .h4{  font-weight:700; }
.pagethanks a{ color:#184795;   }




#footer{ display:block; position:relative; }
.bxfooter{ display:block; position:relative; padding:52px 0; }
.footertxt{ display:block; position:relative; text-align: center; padding:0 0 26px; font-weight:500;  }
.footertxt a{ color:#294694; }
.footertxt a:hover{ text-decoration:underline; }
.bxfooter > .tb{ display:table; position:relative; width:100%; }
.bxfooter > .tb > .tc1{ display:table-cell; position:relative; width:44%; vertical-align:middle; }
.bxfooter > .tb > .tc2{ display:table-cell; position:relative; width:66%; vertical-align:middle; }
.bxfooter > .tb > .tc1 > .bx{ display:block; position:relative; width:90%;  }
.bxfooter > .tb > .tc1 > .bx > img{ max-width:100%; }
.bxfooter > .tb > .tc2 > .bx{ display:block; position:relative;  font-weight:500; }
.bxcopy{ display:block; position:relative; background:#1f3f77; color:#fff; text-align:center; font-weight:500; padding:39px 0; }


a.btnblue{ 
  display:inline-block; position: relative; text-align:center; transition: ease 0.5s; color:#fff; 
  padding:6px 36px; border-radius:60px; min-width:209px; cursor:pointer; 
  background: rgb(18,67,143); background: linear-gradient(0deg, rgba(18,67,143,1) 0%, rgba(38,163,255,1) 100%);  }
a.btnblue:hover{ background:#ffcc00; color:#184795;   /*box-shadow: 5px 5px 10px rgba(0,0,0,0.5);*/  }

a.btnyellow{ 
  display:inline-block; position: relative;  text-align:center; transition: ease 0.5s; color:#294694; padding:6px 36px; border-radius:60px; min-width:209px; font-weight:500; cursor:pointer; border:#f6be68 solid 1px;
  background-color: #fef4a9; background-image: linear-gradient(180deg, #fef4a9 0%, #ffcc00 48%, #ffcc00 100%); }
a.btnyellow:hover{ background:#184795; color:#ffcc00; border:#184795 solid 1px;  }


#bxpolicy{ display:block; position:relative; padding:142px 0; font-size:18px;  }
.bxpolicy{ display:block; position:relative; padding:0;  }
.bxpolicy > .bxtxth{ display:block; position:relative; padding:0 0 52px; text-align: center; font-weight:600;  }
.bxpolicy > .num{ display:block; position:relative; padding:0 0 26px; font-weight:700; font-size:26px; }
.bxpolicy > .txth{ display:block; position:relative; font-weight:500; }

.bxpolicy .txtbxh{ font-weight:500; padding:0 0 20px; }
.bxpolicy ol, .bxpolicy ul{ padding:0 0 0 36px; margin:0;  }

.bxpolicy .txtMed{ font-weight:500;  } 
.bxpolicy a{ color:#184795; text-decoration:underline; }

.bxpolicy > .tb{ display:table; position:relative; width:100%; border:#ccc solid 1px;  border-bottom:0; border-right:0; }
.bxpolicy > .tb > .tr{ display:table-row;  }
.bxpolicy > .tb > .tr.bxh{ font-weight:500; text-align:center;  }
.bxpolicy > .tb > .tr > .tc{ display:table-cell; position:relative; width:33.33%; border-bottom:#ccc solid 1px; border-right:#ccc solid 1px; } 
.bxpolicy > .tb > .tr > .tc > .bx{ display:block; position:relative; padding:20px; }
.bxpolicy .txthmobile{ display:none; } 


#cookiesbx{ 
 display:none; position:fixed; left:0px; right:0px; bottom:0px; z-index:9999; line-height:1.8;  }
.cookiesbx{ display:block; position:relative; padding:36px;  background:rgba(255,255,255,0.65); margin-bottom:10px; border-radius:26px; color:#000; font-weight:500; border:#ced5e1 solid 1px; }
.cookiesbx > .tb{ display:table; position: relative; width:100%; }
.cookiesbx > .tb > .c1{ display:table-cell; position: relative; vertical-align:middle; }
.cookiesbx > .tb > .c2{ display:table-cell; position: relative; vertical-align:middle; text-align: right;  }
.cookiesbx > .tb > .c1 > .bx{ display:block; position: relative; width:100%; }
.cookiesbx a{ color:#000; text-decoration:underline; transition: ease 0.5s; }
.cookiesbx a:hover{ color:#000; text-decoration:none; }
.cookiesbx button{   
  display:inline-block; position: relative; text-align:center; transition: ease 0.5s; color:#fff; cursor:pointer; 
  padding:10px 26px; border-radius:60px; min-width:140px; font-family:inherit; font-size:inherit; font-weight:bold; border:none; background: rgb(18,67,143); background: linear-gradient(0deg, rgba(18,67,143,1) 0%, rgba(38,163,255,1) 100%); }
.cookiesbx button:hover{ background:#ffcc00; color:#184795; }