/* theme screen stylesheets */
/* import stylesheets and hide from ie/mac \*/
@import url("/userfiles2/directUpload/skin/digitaltrainingcente_36761/css/reset.css");
@import url("/userfiles2/directUpload/skin/digitaltrainingcente_36761/css/kommuz-home.css");
@import url("/userfiles2/directUpload/skin/digitaltrainingcente_36761/css/form-style.css");
@import url("/userfiles2/directUpload/skin/digitaltrainingcente_36761/css/ran4uskin.css");
@import url("/userfiles2/directUpload/skin/digitaltrainingcente_36761/css/fixSearch.css");
@import url("/css/menus/dropdown.css?v=1");
@import url("/css/layouts/onecolumn-compressed.css?v=1.3.9");

/* สำหรับ เขียน css เพื่อ overwrite style */
@import url("/modules/font-awesome-4.4.0/css/font-awesome.min.css");
@import url("/userfiles2/directUpload/skin/digitaltrainingcente_36761/css/mod.css?v=1"); 
@import url("/userfiles2/directUpload/skin/digitaltrainingcente_36761/css/full-width.css?v=1");
@import url("/userfiles2/directUpload/skin/digitaltrainingcente_36761/css/customTopMenu.css");
@import url("/userfiles2/directUpload/skin/digitaltrainingcente_36761/css/footer.css?v=1"); 
@import url("/userfiles2/directUpload/skin/digitaltrainingcente_36761/css/iconFooter.css?v=1"); 

/* end import/hide */


body #ContentWrap {
  position: relative;
  width: 100%;
  margin: 0;
  padding-top: 160px;
  background: #f0f0f0;
}

/* ซ่อนshopTopMenu */
#headerZone #shopTopMenu {
  display: none;
}


/* ปรับตำแหน่งpadding-top ของหน้าเว็บไซต์ */
body #ContentWrap {
  padding-top: 0;
  background-image: #fff;
  background-attachment: fixed;
  background-size: cover;
}


/**menu login**/
.headerPageWrapper{
  width: 100%; 
  /*height: 141px;*/
  height: 115px;
  position: relative;
  margin: 0 auto;
  background-color:#FFF;

}

.headerTopWrapper {
  width: 1200px; 
  position: relative;
  margin: 0 auto;
}

.TopMenuCustom{
  position: absolute;
  left: 507px;
  top: 9px;
  background: url(/userfiles2/directUpload/skin/thainas_36710/images/TopMenuV2.png);
  background-repeat: no-repeat;
  height: 35px;
  width: 221px;
  z-index:99;
}

/**social icon**/
.contactSocial ul li{
  float: left;
  padding-right: 12px;
}

.contactSocial{
  position: absolute;
  right: 205px;
  top: 9px;
  z-index: 25;
}
.contactSocial img {
  opacity:0.7;

}

.contactSocial img:hover {
  opacity:1;

}

/*******before&after headLogo********/






/*ปรับ logo ตรง TopMenu*/
.TopLogo ul li{
  float:left;
  padding-right:5px;
}

.TopLogo {
  padding-top: 26px;
  padding-left: 115px;
}

#editZone2 {
  position: absolute!important;
  width: 100%;
  top:0;

  /*top: 141px;
  text-align: center;
  /*background: linear-gradient(to bottom, #e10716 0%, #810101 100%);*/
}


/*ปรับเมนู*/
#topMenuBar a{
  background:#FFF;
}


#topMenuBar > ul > li > a{
  color: #666;
}

#topMenuBar > ul > li.active > a, #topMenuBar > ul > li:hover > a{
  /*border-radius: 2px solid #696969;
  border: 2px;
  border-radius: 5px;*/
  background:#FFF;
  color:#f79029;
}

#topMenuBar > ul > li:hover:after{
  border-bottom:10px solid transparent;
}


/**เริ่มsocial icon**/
.contactSocial ul li{
  float: left;
  padding: 0 12px;
  border-right: 1px solid #a7a7a7;
}

.contactSocial{
  position: absolute;
  right: 0px;
  top: 10px;
  z-index: 25;
}
.contactSocial img {
  opacity:1;

}

.contactSocial img:hover {
  opacity:0.5;

}
body .contactSocial .textbanner {
  font-family: DBAdmanX;
  font-size: 22px;
  color: #424242;
  /* display: inline-block; */
  margin-top: -22px;
  margin-left: 30px;
}

body .contactSocial a {
  color: #424242;
  padding: 5px;
}
body .contactSocial .textbanner a:hover {
  background: #f79029;
  color: #fff;
  border-radius: 4px;
  transition: all 0.5s;
}
/**จบsocial icon**/


/**Show slider only hompage**/
body.homePage iframe.headerSlideInTop {
  display: block;
}
body iframe.headerSlideInTop {
  display: none;
}
body #ContentWrap #InnerContentWrap {
  padding-top: 0px;
}
body.homePage #ContentWrap #InnerContentWrap{
  padding-top:0px;
}
body.homePage iframe.headerSlideInTop{
  margin-top: 0px;
  width: 100%;
  height: 680px;
  background:#fff;
}
body #footerShop #siteContact {
  padding: 0px;
}
/****/

@media screen and (max-width:768px){
  .TopLogo {
    padding-top: 26px;
    padding-left: 115px;
    display: none;
  }
  .headerPageWrapper {
    height: 59px;
}
}