/*** ***/
/* #ebebeb   ->  Line  Color
#c3c4c4 ->  Line  Color
c3ced3
/**/

body {
  /*filter:grayscale(70%); */
}
@media (min-width: 768px) {
  .container {
  }
}

@media (min-width: 992px) {
  .container {
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1000px;
  }
}

@media (min-width: 375px) and (max-width: 577px) {
  .modal .modal-dialog {
    height: auto;
    min-height: 292px;
    max-height: 292px;
  }
  .modal .modal-dialog .modal-ev {
    height: auto;
    min-height: 292px;
    max-height: 292px;
    top: 0;
    bottom: 0;
  }
  .modal .modal-dialog .modal-ev p {
    height: auto;
    min-height: 260px;
    max-height: 260px;
    overflow: hidden;
    border: none;
    margin-bottom: 0;
  }
  .modal .modal-dialog .modal-ev a img {
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    min-height: 280px;
    max-height: 280px;
  }
  .modal .modal-dialog .modal-ev > div {
    display: inline-block;
    position: absolute;
    right: 0;
    padding-right: 10px;
    margin-top: -10px;
    z-index: 99;
  }
  .modal .modal-dialog .modal-ev div a {
    display: inline-block;
    width: 100%;
    min-width: 100px;
    max-width: 100px;
    height: 40px;
  }
  .modal .modal-dialog .modal-ev a.close-2 > i {
    margin-top: 0 !important;
  }
}

/*** Add  Font to this Site ***/

@font-face {
  font-family: "supermarket-regular";

  src: url("../fonts/supermarket/supermarket.eot");

  src: url("../fonts/supermarket/supermarket.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/supermarket/supermarket.woff2") format("woff2"),
    url("../fonts/supermarket/supermarket.woff") format("woff"),
    url("../fonts/supermarket/supermarket.svg#supermarket-regular")
      format("svg");

  font-weight: normal;

  font-style: normal;
}

@font-face {
  font-family: "quark-bold";

  src: url("../fonts/quark/quark-bold.eot");

  src: url("../fonts/quark/quark-bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/quark/quark-bold.woff2") format("woff2"),
    url("../fonts/quark/quark-bold.woff") format("woff"),
    url("../fonts/quark/quark-bold.svg#quark-bold") format("svg");

  font-weight: normal;

  font-style: normal;
}

@font-face {
  font-family: "quark-light";

  src: url("../fonts/quark/quark-light.eot");

  src: url("../fonts/quark/quark-light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/quark/quark-light.woff2") format("woff2"),
    url("../fonts/quark/quark-light.woff") format("woff"),
    url("../fonts/quark/quark-light.svg#quark-light") format("svg");

  font-weight: normal;

  font-style: normal;
}

@font-face {
  font-family: "sukhumvit_bold";

  src: url("../fonts/sukhumvit_set_bold.eot");

  src: url("../fonts/sukhumvit_set_bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/sukhumvit_set_bold.woff2") format("woff2"),
    url("../fonts/sukhumvit_set_bold.woff") format("woff"),
    url("../fonts/sukhumvit_set_bold.ttf") format("truetype"),
    url("../fonts/sukhumvit_set_bold.svg#sukhumvit_bold") format("svg");

  font-weight: normal;

  font-style: normal;
}

@font-face {
  font-family: "sukhumvit_medium";

  src: url("../fonts/sukhumvit_set_medium.eot");

  src: url("../fonts/sukhumvit_set_medium.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/sukhumvit_set_medium.woff2") format("woff2"),
    url("../fonts/sukhumvit_set_medium.woff") format("woff"),
    url("../fonts/sukhumvit_set_medium.ttf") format("truetype"),
    url("../fonts/sukhumvit_set_medium.svg#sukhumvit_medium") format("svg");

  font-weight: normal;

  font-style: normal;
}

@font-face {
  font-family: "dst-font-bold";

  src: url("../fonts/dst-font-bold.eot");

  src: url("../fonts/-dst-font-bold.eot?#iefix") format("embedded-opentype"),
    /*url('../fonts/dst-font-bold.woff2') 								format('woff2'),*/
      url("../fonts/dst-font-bold.woff") format("woff"),
    url("../fonts/dst-font-bold.ttf") format("truetype"),
    url("../fonts/dst-font-bold.svg#dst-font-bold") format("svg");

  font-weight: normal;

  font-style: normal;
}

@font-face {
  font-family: "dst-font";

  src: url("../fonts/dst-font.eot");

  src: url("../fonts/dst-font.eot?#iefix") format("embedded-opentype"),
    /*url('../fonts/dst-font.woff2') 										format('woff2'),*/
      url("../fonts/dst-font.woff") format("woff"),
    url("../fonts/dst-font.ttf") format("truetype"),
    url("../fonts/dst-font.svg#dst-font") format("svg");

  font-weight: normal;

  font-style: normal;
}

/*** Default value for dst.co.th ***/

body {
  font-family: "dst-font-bold";

  font-size: 17px;

  color: #333333;

  /*color:#797979;*/
}

h,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
  margin: 0;

  padding: 0;
}

h {
  font-size: 20px;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

p {
  font-size: 13px;
}

a {
  /*color: #333333;*/

  color: #797979;

  text-decoration: none;
}

a:hover {
  color: #a09e9e;

  text-decoration: none;
}

img {
  border: 0 none;
}

/*** Customize value for dst.co.th ***/

.dst-page-top {
  padding-top: 15px;
}

/* Top Menu */

.moduletable_top_logo {
  padding: 0;

  padding-top: 15px;
}

.mod-languages_languages {
  padding: 0;
}

.mod-languages_languages ul {
  float: right;
}

.mod-languages_languages li {
  float: left;

  list-style: none;

  margin-left: 10px;
}

.dst-page-top-menu {
  height: 51px;

  padding: 0px 15px;

  background: #efefef;

  margin-bottom: 1px;
}

.dst-page-foot-menu {
  padding: 0px 15px;

  padding-bottom: 30px;

  background: #4a4a4a;
}

.dst-top-menu {
  padding: 0;
}

/* Top Menu */

.moduletable_top_menu {
}

.moduletable_top_menu li {
  float: left;

  font-size: 22px;

  padding: 10px 14px;
}

.moduletable_top_menu li a {
  padding: 0;
}

.L_menu .menutop_menu li:first-child a {
  display: block;

  width: 50px;

  text-align: center;
}

.moduletable_top_menu li:hover,
.moduletable_top_menu li:hover a,
.moduletable_top_menu li a:hover {
  background: #999;

  color: #ffffff;
}

.moduletable_top_menu li.current a {
  color: #ffffff;
}

/*



.menutop_menu{



	height: 51px;



}



.menutop_menu li{



	float:left;



	height: 51px;



	display: inline-block;



}



.menutop_menu li a{



	color:#666;



	font-size:22px;



	height: 51px;



}



.dst-top-menu-left{



	padding:0;



}







.dst-top-menu-left li a:hover,



.dst-top-menu-right li a:hover



{



	background:#999;



	color:#FFFFFF;



}



.dst-top-menu-left li.current a,



.dst-top-menu-right li.current a



{



	color:#FFFFFF;



}















.menutop_menu li.active{



	padding: 10px 15px;



}



.menutop_menu li.active a {



	padding: 0;



	font-size: 22px;



}



*/

.dst-top-menu-right {
  padding: 0;
}

.dst-top-menu-right li {
  float: right;
}

.dst-top-menu-right li a {
}

.current {
  background: #999;
}

/*** Toggle Left ***/

.sb-toggle-left {
  color: #ffffff;

  font-size: 21px;

  padding-left: 5px;

  cursor: pointer;
}

/* Top Left Menu */

.moduletable_top_left_menu {
  padding: 0;
}

/* Hilight */

.moduletable_hilight {
  width: 100%;

  padding: 0;

  background: #efefef;
}

.left-hilight,
.right-hilight {
  background: none !important;
}

/* Search Couses*/

.moduletable_search_course {
  padding: 0;
}

/* Advertise 01-02 */

.moduletable_advertise_01 {
  width: 100%;
  float: left;
  padding: 0;
  margin-bottom: 5px;
}



.moduletable_advertise_02 {
  width: 324px;
  margin-right: 2px;
  float: left;
  padding: 0;
  margin-bottom: 15px;
}
.moduletable_advertise_02 img {
  width: 100%;
}

.moduletable_advertise_03 {
  width: 324px;
  margin-left: 2px;
  float: left;
  padding: 0;
  margin-bottom: 15px;
}
.moduletable_advertise_03 img {
  width: 100%;
}




/* Recommend */

.moduletable_recommend {
  border: #ebebeb 1px solid;

  border-radius: 5px;

  padding: 7px;

  margin-bottom: 15px;
}

.moduletable_recommend h3 {
  font-size: 24px;

  letter-spacing: 1px;

  margin-bottom: 15px;

  text-transform: uppercase;

  border-bottom: #cfcfcf 1px solid;

  /* display: inline-block; */
  display: none;
}

.glyphicon-plus {
  font-size: 10px;
}

.dst-news_recommend {
  overflow: hidden;
}

.dst-news-image_recommend {
  padding: 0;

  margin-bottom: 10px;
}

.dst-news-title_recommend {
  padding-right: 0px;
}

.dst-news-item_recommend {
  font-family: Tahoma, MS Sans-Serif, DB ThaiTextFixed, Thonburi;

  clear: both;

  margin-bottom: 3px;

  padding-bottom: 1px;

  border-bottom: #d1d1d1 1px dashed;
}

.dst-news-item_recommend a {
  font-size: 13px;

  color: #666666;
}

.dst-news-item-bullet_recommend {
  float: left;

  margin-right: 5px;

  font-size: 12px;

  margin-bottom: 10px;

  color: #9f9f9f;
}

.dst-news-item-text_recommend {
  padding-left: 15px;

  font-size: 17px;
}

.dst-news-item-more_recommend {
  font-size: 17px;
}

/* What News*/

.moduletable_what_news {
  border-bottom: #d1d1d1 1px solid;

  margin-bottom: 15px;
}

.moduletable_what_news h3 {
  border-bottom: #d1d1d1 1px solid;
}

.dst-what-news_what_news {
  margin-top: 10px;

  margin-bottom: 10px;
}

.dst-what-news-title_what_news {
  margin-bottom: 7px;
}

/* Advertise 03 */

.moduletable_advertise_03 {
}

.moduletable_advertise_03 .banneritem {
  margin-bottom: 10px;

  text-align: center;
}

/* IN-House */

.custom_in_house,
.custom_news_paper,
.custom_jobdst {
  float: left;

  font-family: Tahoma, MS Sans-Serif, DB ThaiTextFixed, Thonburi;

  font-size: 13px;

  padding: 15px;

  /*padding-top: 15px;



	padding-bottom: 15px;*/

  border: #cfcfcf 1px solid;

  border-radius: 5px;

  height: 280px;

  width: 323px;
}

.custom_in_house p,
.custom_news_paper p,
.custom_jobdst p {
  font-family: Tahoma, MS Sans-Serif, DB ThaiTextFixed, Thonburi;

  font-size: 13px;

  color: #666;
}

.custom_in_house {
  margin-right: 15px;
}

.custom_news_papert {
  float: left;
}

.custom_jobdst {
  margin-left: 15px;
}

/**/

.custom_show_magazine {
  width: 490px;

  float: left;

  margin-top: 15px;

  padding: 0;

  font-size: 12px;
}

.show_magazine {
  width: 490px;

  float: right;

  font-family: Tahoma, MS Sans-Serif, DB ThaiTextFixed, Thonburi;

  font-size: 13px;

  margin-top: 15px;

  padding: 0;

  color: #666;
}

.show_magazine a {
  color: #666;
}

/**/

.ditc-latest-news_latest_news {
  border: #cfcfcf 1px solid;

  border-radius: 5px;

  padding: 10px;
}

.ditc-latest-news_latest_news h3 {
  border-bottom: #cfcfcf 1px solid;

  margin-bottom: 15px;

  text-transform: uppercase;
}

.ditc-latest-news_latest_news ul {
  list-style: none;

  padding: 0;

  margin: 0;
}

.ditc-latest-news_latest_news li {
  border-bottom: #dbdbdb 1px dashed;

  padding-bottom: 3px;

  margin-bottom: 10px;
}

.ditc-latest-news_latest_news li:before {
  content: "\f0f6";

  font-family: FontAwesome;

  font-size: 14px;

  /*display: inline-block;*/

  margin-right: 7px;

  margin-bottom: 5px;
}

/*** Calendar ***/

.moduletable_calendar {
  float: right;

  margin-bottom: 10px;

  /*height: 255px; /*/

  padding-left: 5px;

  padding-right: 5px;

  padding-top: 20px;
}

.moduletable_calendar a:hover {
  color: #ededed;
}

.moduletable_calendar .calendar {
  text-align: center;

  border-right: #ddd 1px solid;

  border-bottom: #ddd 1px solid;
}

.moduletable_calendar .calendar th {
  width: 34px;

  text-align: center;

  padding-top: 5px;

  padding-bottom: 5px;

  color: #0179c1;

  background: #ddd;

  border-left: #ddd 1px solid;
}

.moduletable_calendar .calendar td {
  border-left: #ddd 1px solid;
}

.calendar-day {
}

.calendar-day-text {
  /*padding-top: 5px;



	padding-bottom: 5px;*/
}

.calendar-today {
  font-weight: bold;
}

.day-link {
  background: #648d50;

  border-top: #ddd 1px solid;
}

.day-link a {
  color: #ffffff;
}

.couse-all {
  padding-top: 2px;
  margin: auto;
  width: 211px;
  height: 34px;
  background: url(../../../modules/mod_coursesshortcut/images/button.png)
    no-repeat;
  text-align: center;
  display: table;
}

.couse-all a {
  color: #ffffff;

  display: table-cell;

  vertical-align: middle;

  padding-left: 25px;

  font-size: 22px;
}

/*** Shortcut **/

.moduletable_courses_shortcut {
  width: 730px;

  float: left;

  padding-left: 5px;

  padding-top: 20px;

  margin-bottom: 10px;
}

.moduletable_courses_shortcut h3 {
  font-weight: 700;

  letter-spacing: 1px;

  font-size: 26px;

  border-bottom: #ebebeb 1px solid;

  padding-bottom: 7px;

  margin-bottom: 15px;
}

.couse1 {
  margin-bottom: 15px;
}

.couse1 img {
  margin-right: 5px;
}

.couse1 a {
  font-size: 20px;
}

.courses-shortcut-bt {
  padding-top: 5px;

  padding-bottom: 3px;

  border-left-width: 0px;

  border-radius: 0;

  border-bottom-right-radius: 4px;

  border-top-right-radius: 4px;
}

/*** Search Course ***/

.search-courses {
  margin-bottom: 20px;
}

#courses_type,
#courses_keyword {
  font-size: 19px;
}

/**/

.dst-page-footer {
  background: #4a4a4a;

  padding-bottom: 30px;
}

/*** dst-hilight ***/

.dst-hilight {
  padding: 0px 15px;
}

/*** dst-shortcut ***/

.dst-shortcut {
  padding: 0px 15px;

  margin-bottom: 15px;

  /* border-bottom: #BFBFBF 1px dotted;*/
}

.modal-dialog {
  z-index: 999;
}

/* Course list */

.select-course-types {
  padding: 0;
}

.select-course-item0,
.select-course-item1,
.select-course-item2,
.select-course-item3,
.select-course-item4 {
  float: left;

  cursor: pointer;
}

.dst-select-box-month {
  border-radius: 4px !important;
}

.dst-select-box {
  padding-top: 4px !important;

  border-top-left-radius: 4px !important;

  border-bottom-left-radius: 4px !important;

  border-right: none;
}
/* 
select {
  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;
}
form#search_courses select{
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
} */
/* Couse Detail */

.couse-detail {
  font-family: Tahoma, MS Sans-Serif, DB ThaiTextFixed, Thonburi;

  font-size: 13px;

  overflow: hidden;
}

.couse-detail h1 {
  font-size: 34px;

  font-family: "dst-font-bold";
}

.couse-detail h2 {
  color: #223a5d;

  font-size: 16px;

  border-bottom: #e3e3e3 1px solid;
}

.couse-detail h3 {
  color: #1a5879;

  font-size: 20px;

  font-family: "dst-font-bold";

  margin-bottom: 10px;

  padding-bottom: 3px;

  border-bottom: #e3e3e3 1px solid;
}

/* Couse Detail Left */

.modal-dialog {
  width: 1000px;
}

.couse-detail-left {
  padding-top: 15px;
}

.couse-detail-left h1 {
  color: #d2a41a;

  margin-bottom: 10px;

  line-height: 28px;
}

.couse-detail-course-code {
  color: #c5c5c5;

  margin-bottom: 20px;
}

.couse-detail-course-table-cpd-cpa {
  margin-bottom: 20px;
}

.table-hours-cpd-cpa {
  width: 100%;
}

.table-hours-cpd-cpa th {
  background: #eee;

  padding: 5px;

  text-align: center;

  color: #223a5d;

  font-weight: normal;

  border: #ccc 1px solid;
}

.table-hours-cpd-cpa-th2 th {
  background: #f6f6f6;

  color: #666;
}

.table-hours-cpd-cpa td {
  padding: 5px;

  border: #ccc 1px solid;
}

.couse-detail-detail {
}

.couse-detail-detail h3 {
  margin-bottom: 10px;

  padding-bottom: 3px;
}

.couse-detail-text {
}

.couse-detail-text img {
  display: block;

  max-width: 100%;

  height: auto;
}

.couse-detail-text ul {
  padding-left: 20px;
}

.couse-detail-text li {
  padding-left: 7px;

  margin-bottom: 7px;
}

/* Couse Detail Right */

.couse-detail-right {
  padding-top: 15px;
}

.couse-detail-right h3 {
  padding-bottom: 3px;

  margin-bottom: 10px;
}

.couse-detail-button-booking,
.couse-detail-schedule,
.couse-detail-pricing,
.couse-detail-instructor,
.couse-detail-location {
  margin-bottom: 30px;
}

.couse-detail-button-booking {
  font-family: "dst-font-bold";
}

.couse-detail-button-booking button {
  font-size: 20px;

  letter-spacing: 1px;

  width: 130px;
}

.table-hours-cpd-cpa-th1 {
  font-family: "dst-font-bold";

  font-size: 20px;
}

.table-hours-cpd-cpa-th1 th {
  padding-bottom: 0px;

  padding-top: 0px;
}

.table-hours-cpd-cpa-th2 {
  font-family: "dst-font-bold";

  font-size: 20px;
}

.table-hours-cpd-cpa-th2 th {
  padding-bottom: 0px;

  padding-top: 0px;
}

/* Button Booking */

.couse-detail-button-booking {
  text-align: center;
}

.btn-brochure {
  margin-right: 30px;
}

/* Couse Detail Schedule */

.couse-detail-schedule {
}

.couse-detail-schedule-date-time {
  font-size: 12px;
}

.couse-detail-schedule-date {
  margin-bottom: 5px;
}

.couse-detail-schedule-time {
  margin-bottom: 5px;
}

.course-comment {
  margin-top: 15px;

  padding: 6px 5px 5px;

  text-align: center;

  color: #ff0004;

  opacity: 0.7;

  font-style: normal;
}

/* Couse Detail Pricing */

.couse-detail-pricing {
}

.couse-detail-pricing-price {
  margin-bottom: 10px;

  font-size: 12px;
}

.couse-detail-pricing-price-item-price {
  font-weight: 700;
}

.couse-detail-pricing-price-item-vat {
  /*text-transform: lowercase;*/

  font-size: 9px;
}

.button-booking {
  padding-top: 10px;
}

.button-booking button {
  text-transform: uppercase;
}

.button-booking {
  text-align: center;
}

.couse-detail-instructor-image {
  text-align: center;
}

.couse-detail-instructor-image img {
  width: 85px;
}

.couse-detail-instructor-name {
  margin: 10px 0px;

  text-align: center;

  color: #223a5d;
}

.couse-detail-location-name {
  margin: 10px 0px;

  font-weight: 600;

  color: #1a5879;
}

.couse-detail-location-phone {
  margin-top: 20px;
}

.phone-text,
.web-text {
  font-weight: 700;
}

.phone-number,
.web-url {
  margin-bottom: 10px;
}

.couse-detail-location-google-map {
  border: #ccc 1px solid;

  margin-top: 20px;
}

.image-map,
.brochure-pdf {
  text-transform: uppercase;

  font-weight: 700;

  font-size: 9px;

  letter-spacing: 1px;
}

.couse-detail-location-image {
  overflow: hidden;

  margin-top: 20px;

  margin-bottom: 20px;
}

.couse-detail-location-image-left {
  float: left;
}

.couse-detail-location-image-right {
  float: right;
}

/* Couse Register */

/* Start-up*/

/* Couse Register */

.couse-register {
  width: 1000px;

  overflow: hidden;

  margin-top: 20px;

  margin-bottom: 50px;
}

.couse-register h2 {
  /*font-family: 'supermarket-regular';*/

  font-size: 26px;

  color: #666;

  margin-bottom: 20px;
}

.couse-register h3 {
  letter-spacing: 1px;
  font-size: 23px;
  margin-bottom: 10px;
}

.couse-register-step {
  border-radius: 5px;

  padding: 20px 50px;

  overflow: hidden;
}

.register-step1 {
  background: #f7f9f9;
}

.register-lable {
  background: #ffffff;
}

.fontawesome-icon {
  width: 15px;
}

.fontawesome-lable {
  color: #ffa726;

  font-size: 14px !important;
}

.input-group-register {
  margin-bottom: 15px;
}

.register-input {
  font-family: Tahoma, MS Sans-Serif, DB ThaiTextFixed, Thonburi;

  width: 260px !important;

  font-size: 12px !important;
}

.couse-register-couse-description {
  border: #c3ced3 2px solid;

  border-radius: 10px;

  padding: 10px;

  margin-bottom: 15px;
}

couse-register-couse-description-table {
  border: none;

  padding: 5px;
}

.couse-register-couse-description-key {
  /*font-family: 'quark-bold';*/

  font-size: 20px;

  font-weight: 700;

  letter-spacing: 1px;

  color: #666;

  width: 95px;

  margin-bottom: 10px;
}

.couse-register-couse-description-item {
  /*font-family: 'quark-light';*/

  font-size: 20px;

  color: #39709a;

  margin-bottom: 10px;
}

.couse-register-couse-keep-hours-table {
  border: #999 2px solid;

  border-radius: 10px;

  border-collapse: separate;

  width: 100%;
}

.couse-register-couse-keep-hours-table-th1 {
  background: #e0e0e0;

  text-align: center;

  font-family: "quark-bold";

  font-size: 14px;

  color: #666;

  letter-spacing: 1px;
}

.couse-register-couse-keep-hours-table-th1 th {
  text-align: center;

  font-weight: normal;

  border-right: 2px #999 solid;

  padding: 3px;
}

.couse-register-couse-keep-hours-table-th1 th:last-child {
  border-right: 0;
}

.couse-register-couse-keep-hours-table-th2 th {
  border-top: 2px #999 solid;

  border-right: 2px #999 solid;

  text-align: center;

  font-family: "quark-light";

  font-size: 14px;

  font-weight: normal;

  padding: 3px;
}

.couse-register-couse-keep-hours-table-th2 th:last-child {
  border-top: 2px #999 solid;

  border-right: 0;
}

.couse-register-couse-keep-hours-table td {
  border-top: 2px #999 solid;

  border-right: 2px #999 solid;

  text-align: center;

  font-family: "quark-light";

  font-size: 14px;

  color: #397092;

  font-weight: normal;

  padding: 3px;
}

.couse-register-couse-keep-hours-table td:last-child {
  border-top: 2px #999 solid;

  border-right: 0;
}

.register-step2 {
}

.register-step2-alert {
  color: #fa7070;
  /*font-family: 'quark-light';*/
  font-size: 16px;
  margin-bottom: 10px;
  letter-spacing: 1px;
}

.delegate {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: #c3c4c4 1px dashed;
}

.delegate input {
  height: 30px;

  padding: 5px 10px;
}

.delegate label {
  font-size: 20px;
  letter-spacing: 1px;
}

.delegate .control-group {
  margin-bottom: 15px;
}

.add-member {
  margin-top: 10px;
  display: block;
}

.delete-member {
  overflow: hidden;
  margin-top: 10px;
}

#delegate-0 .delete-member {
  display: none;
}

.add-member-icon {
  color: #56ceab;
  font-size: 24px;
  float: left;
  margin-right: 7px;
  cursor: pointer;
}

.delete-member-icon {
  float: right;
  color: #fa7070;
  font-size: 24px;
  margin-right: 7px;
  cursor: pointer;
}

.add-member-text {
  /*font-family: 'quark-light';*/
  font-size: 22px !important;
  letter-spacing: 1px;
  color: #666;
  cursor: pointer;
}

.delete-member-text {
  float: right;

  /*font-family: 'quark-light';*/

  font-size: 22px !important;
  letter-spacing: 1px;

  color: #666;

  cursor: pointer;
}

.payment-left input,
.payment-right input {
  height: 30px;

  padding: 5px 10px;
}

.payment-left label,
.payment-right label {
  font-size: 20px;
  letter-spacing: 1px;
}

.payment-left .control-group,
.payment-right .control-group,
.agree-confirm-left .control-group,
.agree-confirm-right .control-group {
  margin-bottom: 15px;
}

.payment-table-item {
  border: #999 1px solid;
  border-radius: 10px;
  border-collapse: separate;
  width: 100%;
}

.payment-table-item th {
  font-weight: normal !important;
  letter-spacing: 1px;
  font-size: 20px;
  text-align: center;
  padding: 3px;
  border-right: 1px #999 solid;
}

.payment-table-item th:last-child {
  border-right: none;
}

.payment-table-item td {
  text-align: center;

  letter-spacing: 1px;

  padding: 2px;

  border-top: 1px #999 solid;

  border-right: 1px #999 solid;
}

.payment-table-item td:last-child {
  border-right: none;
}

.total-net {
  background: #daeae4;

  font-weight: 700;
}

.register-input-payment,
.register-input-payment[readonly] {
  font-size: 18px;

  height: 20px;

  width: 80px !important;

  padding: 0;

  text-align: center;

  border: none;

  background: none;

  box-shadow: none;
}

.payment-table {
  margin-bottom: 20px;

  margin-top: 20px;
}

.payment-method-left {
}

.payment-method-left label,
.agree-confirm-left label,
.agree-confirm-right label {
  font-size: 20px;
  letter-spacing: 1px;
}

#booking_know_informationt {
  content: "\f1a3";
  font-family: FontAwesome;
  position: absolute;
  z-index: -1;
}

.upprovince {
  overflow: hidden;
}

.upprovince label {
  float: left;

  margin-bottom: 0px;

  padding-top: 11px;

  padding-left: 7px;
}

.upprovince input {
  float: left;
  width: 20px !important;
}

#booking_message {
  width: 100% !important;
}

.confirm-submit-button {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
}

.confirm-button {
  font-family: "supermarket-regular";
  font-size: 18px;
  letter-spacing: 1px;
  border: 1px solid #56ceab;
  border-radius: 5px;
  padding: 3px 15px;
  color: #fff;
  background: #56ceab;
}

#booking_receipt_payment_method-lbl {
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 22px;
  margin-bottom: 10px;
}

.payment-method-right-item {
  padding-left: 5px;
  font-size: 20px;
  letter-spacing: 1px;
}

.couse-register label {
  font-weight: normal;
}

/* END */

.booking-page {
  font-family: Tahoma, MS Sans-Serif, DB ThaiTextFixed, Thonburi;

  font-size: 13px;
}

cite {
  font-style: normal;
}

cite a {
  color: #369;
}

address a {
  color: #666;
}

.table-course-0,
.table-course-1,
.table-course-2,
.table-course-3,
.table-course-4 {
}

.table-course-0 th,
.table-course-1 th,
.table-course-2 th,
.table-course-3 th,
.table-course-4 th,
.table-course-4 th,
.table-course-9 th,
.table-course-6 th {
  text-align: center;
  font-family: "dst-font-bold";
  color: #ffffff;
  font-weight: normal;
  padding: 0px 5px;
  font-size: 16px;
}


/* course-6 */
.table-course-6 th {
  background: #007dc4;
  border: #88bbdd 1px solid;
}

.table-course-6 {
  border: #88bbdd 1px solid;
}

.table-course-6 td {
  border: #88bbdd 1px solid;
}



.table-course-9 th {
  background: #a4c8f0;

  border: #88bbdd 1px solid;
}

.table-course-9 {
  border: #88bbdd 1px solid;
}

.table-course-9 td {
  border: #88bbdd 1px solid;
}






.table-course-0 th {
  background: #999;

  border: #fff 1px solid;
}

.table-course-0 {
  border: #999 1px solid;
}

.table-course-0 td {
  border: #999 1px solid;
}

.table-course-1 th {
  background: #2c6e8d;

  border: #fff 1px solid;
}

.table-course-1 {
  border: #2c6e8d 1px solid;
}

.table-course-1 td {
  border: #2c6e8d 1px solid;
}

.table-course-2 th {
  background: #658c53;

  border: #fff 1px solid;
}

.table-course-2 {
  border: #658c53 1px solid;
}

.table-course-2 td {
  border: #658c53 1px solid;
}

.table-course-3 th {
  background: #715083;

  border: #fff 1px solid;
}

.table-course-3 {
  border: #715083 1px solid;
}

.table-course-3 td {
  border: #715083 1px solid;
}

.table-course-4 th {
  background: #f08f3d;

  border: #fff 1px solid;
}

.table-course-4 {
  border: #f08f3d 1px solid;
}

.table-course-4 td {
  border: #f08f3d 1px solid;
}

.course-instructor-table {
}

.course-instructor-table td {
  border: none;
}

.course-instructor-table td div {
  padding-left: 5px;
}

.table-course-0 td,
.table-course-1 td,
.table-course-2 td,
.table-course-3 td,
.table-course-4 td,
.table-course-4 td,
.table-course-9 td,
.table-course-6 td {
  color: #666;
  padding: 5px;
}

.course-instructor td {
  padding: 0;
}

.course-instructor td {
  padding: 0;
}

.course-code {
  text-align: right;
  font-size: 10px;
  color: #999;
}

.select-course-types-special-price {
  font-family: "dst-font-bold";
  font-size: 20px;
  letter-spacing: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 700;
  background: #a4c8f0;
  margin-top: 20px;
}

.select-course-types-elearning {
  font-family: "dst-font-bold";
  font-size: 20px;
  color: rgb(255, 255, 255);
  letter-spacing: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 700;
  background: #007dc4;
  margin-top: 20px;
}




.select-course-item0,
.select-course-item1,
.select-course-item2,
.select-course-item3,
.select-course-item4 {
  font-family: "dst-font-bold";

  font-size: 20px;

  letter-spacing: 1px;

  border-top-left-radius: 5px;

  border-top-right-radius: 5px;

  text-align: center;

  padding-top: 3px;

  padding-bottom: 3px;

  font-weight: 700;

  color: #ffffff;
}

.select-course-item0 {
  width: 160px;

  background: #999;

  border: #999 1px solid;

  margin-right: 1px;
}

.select-course-item1 {
  width: 160px;

  background: #2c6e8d;

  border: #2c6e8d 1px solid;

  margin-right: 1px;
}

.select-course-item2 {
  width: 138px;

  background: #658c53;

  border: #658c53 1px solid;

  margin-right: 1px;
}

.select-course-item3 {
  width: 320px;

  background: #715083;

  border: #715083 1px solid;

  margin-right: 1px;
}

.select-course-item4 {
  width: 217px;

  background: #f08f3d;

  border: #f08f3d 1px solid;
}

.contact-page-left {
}

.contact-page-map iframe {
  width: 100%;

  height: 500px;

  margin-bottom: 20px;
}

.contact-data {
  color: #666;

  font-family: "dst-font-bold";

  font-size: 20px;

  margin-bottom: 20px;
}

.contact-data a {
  color: #666;
}

.contact-data h3 {
  font-size: 20px;

  letter-spacing: 1px;

  font-weight: 700;
  color: #caa36b;
}

.contact-data address {
  margin: 0;
}

.contact-page-left .btn {
  letter-spacing: 1px;

  font-family: "dst-font-bold";

  font-size: 20px;
}

.contact-page-left .control-group {
  margin-bottom: 15px;
}

.contact-page-left .control-label {
  text-align: left;
}

.contact-page-left label {
  letter-spacing: 1px;

  color: #666;

  font-family: "dst-font-bold";

  font-size: 20px;
}

.contact-page-left input,
.contact-page-left textarea {
  letter-spacing: 1px;

  color: #666;

  font-family: "dst-font-bold";

  font-size: 18px;
}

#booking_branch {
  border: none;

  background: none;

  border-radius: 0;

  box-shadow: none;

  margin-top: 23px;
}

#booking_branch input {
  float: left;
}

#booking_branch label {
  float: left;

  padding-top: 10px;

  padding-left: 10px;

  padding-right: 15px;
}

.input-prefix-name {
  overflow: hidden;
}

#booking_receipt_individual_company_prefix {
  float: left;

  width: 80px !important;

  height: 30px;

  padding: 3px;
}

#booking_receipt_individual_company_name {
  margin-left: 5px;

  width: 175px !important;

  float: left;
}

#booking_receipt_individual_company_name,
#booking_tax_id,
#booking_branch_id,
#booking_receipt_address,
#booking_receipt_room,
#booking_receipt_moo,
#booking_receipt_building_village,
#booking_receipt_floor,
#booking_receipt_zipcode,
#booking_receipt_road,
#booking_receipt_subsoi_soi {
  height: 27px;

  padding-top: 3px;
}

#booking_receipt_individual_company_prefix,
#booking_receipt_province,
#booking_receipt_district,
#booking_receipt_subdistrict {
  height: 28px;

  padding-top: 3px;
}

#booking_receipt_floor,
#booking_receipt_room,
#booking_receipt_building,
#booking_receipt_village {
  width: 125px !important;
}

.breadcrumb {
  font-size: 15px;

  color: #ffffff;

  border-radius: 0;

  padding: 0;

  margin-bottom: 0;

  background: #999;
}

.breadcrumb ul {
  margin: 0;
}

.breadcrumb li {
  letter-spacing: 1px;
}

.booking-page-head {
  margin-top: 20px;
}

.booking-page-left {
  float: left;

  widows: 516px;

  overflow: hidden;

  padding: 0;
}

.booking-page-left-month-text {
  letter-spacing: 1px;

  color: #666;

  font-family: "dst-font-bold";

  font-size: 22px;

  float: left;
}

.booking-page-left-month-input {
  text-align: left;

  float: left;

  margin-left: 7px;
}

.booking-page-left-month-input select {
  color: #666;

  font-family: "dst-font-bold";

  font-size: 22px !important;

  padding-top: 1px !important;
}

.booking-page-left-month-download {
  margin-left: 20px;

  float: left;
}

.booking-page-left-month-download span {
  color: #666;

  font-size: 12px;
}

.booking-page-left-month-download a {
  color: #666;

  font-family: "dst-font-bold";

  font-size: 20px !important;

  line-height: 18px;
}

.booking-page-right {
  padding: 0;

  text-align: right;
}

.booking-page-right select {
  color: #666;

  font-family: "dst-font-bold";

  font-size: 22px !important;

  padding-top: 1px !important;
}

.booking-page-head-type {
  margin-top: 20px;
}

.content-header {
  border-bottom: 1px solid #cfcfcf;

  margin-bottom: 25px;
}

.content-header h1 {
  font-size: 24px;

  letter-spacing: 1px;

  margin-top: 15px;

  text-transform: uppercase;
}

.content-items {
  border-bottom: #ebebeb 1px solid;

  padding-bottom: 7px;

  margin-bottom: 25px;
}

.content-items h2 {
  margin-bottom: 10px;

  letter-spacing: 1px;
}

.content-items h2 a {
  color: #d2a41a;
}

.content-image-intro {
  border: #ebebeb 1px solid;

  margin: auto;

  margin-bottom: 15px;
}

.content-introtext {
  text-indent: 20px;

  margin-bottom: 20px;

  color: #666;
}

.content-date-more {
  overflow: hidden;
}

.content-date {
  float: left;

  color: #999;
}

.content-more {
  overflow: hidden;

  float: right;
}

.content-more-fb {
  float: right;

  margin-right: 10px;
}

.content-more-btn {
  float: right;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.content-more-btn a {
  color: #666;
}

.content-pagination {
  text-align: center;
}

.moduletable-category-content {
  margin-top: 15px;

  margin-bottom: 15px;
}

.moduletable-category-content h3 {
  font-size: 20px;

  letter-spacing: 1px;

  text-transform: uppercase;

  border-bottom: 1px solid #ebebeb;

  margin-bottom: 10px;
}

.item-category-content {
  border-radius: 5px;

  border: 1px solid #cfcfcf;

  padding: 15px;
}

.menu-category-content {
}

.menu-category-content li {
  list-style: none;

  margin-bottom: 7px;

  padding-bottom: 3px;

  border-bottom: 1px solid #ebebeb;
}

.menu-category-content li:before {
  font-family: "FontAwesome";

  content: "\f10c ";

  font-size: 13px;

  margin-right: 7px;
}

.menu-category-content li.current:before {
  font-family: "FontAwesome";

  content: "\f111 ";
}

.menu-category-content li.current {
  background: none;

  font-weight: 700;

  color: #666;

  letter-spacing: 1px;
}

.menu-category-content a {
  display: inline;
}

/* Article Page*/

.item-page-recommended-course,
.item-page-service,
.item-page_in_house,
.item-page-about-us {
  padding-top: 15px;
}

.item-page-about-us ul.pagenav {
  display: none;
}

.item-page-recommended-course h1,
.item-page-service h1,
.item-page_in_house h1,
.item-page-about-us h1 {
  color: #d2a41a;

  font-size: 32px;

  border-bottom: #cfcfcf 1px solid;

  margin-bottom: 6px;

  padding-bottom: 2px;
}

.item-page-recommended-course .created-social,
.item-page-service .created-social,
.item-page_in_house .created-social,
.item-page-about-us .created-social {
  overflow: hidden;
}

.item-page-recommended-course .created,
.item-page-service .created,
.item-page_in_house .created,
.item-page-about-us .created {
  padding: 0;

  font-size: 16px;

  color: #bbbbbb;
}

.item-page-recommended-course .social,
.item-page-service .social,
.item-page_in_house .social,
.item-page-about-us .social {
  padding: 0;

  font-size: 24px;

  text-align: right;
}

.item-page-recommended-course .text-article,
/* .item-page-service .text-article, */
.item-page_in_house .text-article,
.item-page-about-us .text-article {
  padding-top: 10px;

  font-family: Tahoma, MS Sans-Serif, DB ThaiTextFixed, Thonburi;

  font-size: 13px;

  max-width: 637px;

  /*display:table;*/

  word-wrap: break-word;
}

.calendar-modal-body {
  text-align: center;

  height: 290px;
}

.monthly-seminar-schedule {
  font-size: 23px;
}

.item-page_in_house .ul1 {
  padding-left: 30px;

  margin-top: 20px;
}

.item-page_in_house .ul1 li {
  margin-bottom: 10px;
}

#booking_bank_is_member {
  padding-left: 15px;

  padding-top: 10px;

  padding-right: 15px;
}

#booking_bank_is_member label {
  float: left;

  margin-bottom: 15px;

  padding-top: 10px;
}

#booking_bank_is_member0 {
  display: table;

  float: left;

  margin-right: 10px;

  margin-top: 15px;
}

#booking_bank_is_member1 {
  clear: both;

  display: table;

  float: left;

  margin-top: 15px;

  margin-right: 10px;
}

.member-check-zone {
  padding-left: 15px;

  padding-right: 15px;
}

.check-member-radio {
  overflow: hidden;
}

#type_of_member {
  padding: 15px;

  border: #9f9f9f 2px dashed;

  border-radius: 5px;
}

#type_of_member label {
  float: left;

  margin-bottom: 15px;

  padding-top: 5px;
}

#booking_type_of_member1,
#booking_type_of_member2,
#booking_type_of_member3 {
  clear: both;

  display: table;

  float: left;

  margin-top: 10px;

  margin-right: 10px;
}

.check-member-input {
  min-width: 340px;
}

.member-check-ststus-input {
  padding-left: 77px;
}

.ststus-error {
  color: #ff0004;

  margin-bottom: 10px;

  text-align: center;
}

.ststus-warning {
  color: #ff9d48;

  margin-bottom: 10px;

  text-align: center;
}

.ststus-success {
  color: #007c06;

  margin-bottom: 10px;

  text-align: center;
}

.output-success {
  padding: 0;

  color: #007c06;

  text-align: center;

  display: none;
}

.display-none {
  display: none;
}

.check-member-input-member-type {
  padding: 2px 5px;

  width: 25px;

  border-radius: 3px;

  border: #ccc 1px solid;

  background: #ffffff;
}

.check-member-input-member-number {
  width: 150px;

  border-radius: 3px;

  border: #ccc 1px solid;

  background: #ffffff;

  margin-right: 15px;
}

.check-member-input-member-submit {
  border-radius: 3px;

  border: #ccc 1px solid;

  margin-top: 10px;

  width: 187px;
}

.progress {
  height: 15px;
}

/* Service PAge At*/

.service-img {
  margin-bottom: 15px;
}

.service-img img {
  margin: auto;
}

.service-text {
  margin-bottom: 30px;
}

.service-text h3,
.server-name h2 {
  margin-bottom: 10px;

  font-family: "dst-font-bold";

  font-size: 27px;

  letter-spacing: 1px;
}

.service-text p {
  padding-left: 10px;
}

.server-text {
  color: #797979;

  text-indent: 15px;

  text-align: justify;

  margin-bottom: 20px;

  height: 130px;
}

.link-more {
  margin-bottom: 20px;

  overflow: hidden;

  border-bottom: #c3c4c4 1px solid;

  padding-bottom: 5px;
}

.link-more a {
  float: right;
}

.payment-address {
  margin-bottom: 20px;
}

/* Footer */

.custom-footer-social {
  width: 303px;

  float: left;

  overflow: hidden;

  padding-top: 50px;
}

.footer-icon-social {
  float: left;

  margin-top: 18px;

  margin-right: 18px;
}

.moduletable-footer-main-menu,
.moduletable-footer-service,
.moduletable-footer-support {
  width: 180px;

  float: left;

  padding-top: 50px;
}

.moduletable-footer-main-menu h3,
.moduletable-footer-service h3,
.moduletable-footer-support h3 {
  font-weight: 700;

  font-size: 24px;

  letter-spacing: 1px;

  color: #9f9f9f;
}

.moduletable-footer-main-menu li,
.moduletable-footer-service li,
.moduletable-footer-support li {
  list-style: none;
}

.moduletable-footer-main-menu li.current,
.moduletable-footer-service li.current,
.moduletable-footer-support li.current {
  background: none;
}

h3.ismember-name {
  padding-left: 15px;

  color: #007c06;

  font-weight: 700;
}

.couse-register-save {
  color: #333333;

  margin-top: 20px;
}

.register-save-true-icon {
  width: 65px;

  margin: auto;
}

.register-save-true-icon span {
  font-size: 65px;

  color: #56ceab;
}

.register-save-true-text {
  text-align: center;

  margin-top: 20px;
}

.register-save-true-text h2 {
  font-size: 39px;
}

.register-save-true-text2 {
  margin-top: 15px;

  text-align: center;

  font-size: 23px;
}

.register-save-true-text3 {
  margin-top: 15px;

  text-align: center;

  font-size: 23px;
}

/*** Copyright ***/

.dst-page-copyright {
  font-size: 15px;

  color: #4a4a4a;

  background: #797979;

  padding: 5px 0px;

  text-align: center;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.dst-page-copyright a {
  color: #4a4a4a;
}

.in-house-download-from {
  margin-top: 10px;

  border: #a7a7a7 1px dashed;

  padding: 15px;

  display: block;
}

.in-house-download-from table {
  width: 100%;
}

.item-page_in_house .pagenav {
  display: none;
}

.item-page_in_house {
  padding-bottom: 30px;
}

#search_by_index {
  font-size: 20px;

  width: 120px;

  padding-bottom: 1px;

  padding-top: 1px;
}

#keyword_index {
  font-size: 20px;
}

.no-couses {
  display: inline-block;

  margin: auto;

  padding-top: 30px;

  padding-bottom: 30px;

  font-size: 24px;

  font-family: "dst-font-bold";

  letter-spacing: 1px;
}

/* This for debug */

.menu_test_menu {
  clear: both;
}

.alert {
  margin: 0;

  margin-top: 20px;
}

.alert-text {
  letter-spacing: 1px;

  font-size: 20px;
}

.dot {
  border: #dbd5d5 1px dashed;
}

.hidden {
  display: none;
}

.red-alizarin {
  color: #e74c3c;
}

.orange-carrot {
  color: #e67e22;
}

.blue-peter-river {
  color: #3498db;
}

.purple-amethyst {
  color: #9b59b6;
}

.green-turquoise {
  color: #1abc9c;
}

.pink-pinky {
  color: #ff66cc;
}

.circle {
  border-radius: 50%;

  behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.type1 {
  font-size: 25px;

  width: 40px;

  height: 40px;

  background: #797979;

  align-items: center;

  display: flex;

  justify-content: center;
}

.circle-text {
  color: #4a4a4a;

  line-height: 1px;
}

.circle-text:hover {
  color: #c3ced3;

  line-height: 1px;
}

.circle-text {
  transition-property: color;

  transition-duration: 1s;

  transition-timing-function: ease;

  transition-delay: 0s;
}

.fadein {
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */

  -moz-animation: fadein 2s; /* Firefox < 16 */

  -ms-animation: fadein 2s; /* Internet Explorer */

  -o-animation: fadein 2s; /* Opera < 12.1 */

  animation: fadein 2s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Firefox < 16 */

@-moz-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Internet Explorer */

@-ms-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* Opera < 12.1 */

@-o-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeout {
  -webkit-animation: fadeout 2s; /* Safari, Chrome and Opera > 12.1 */

  -moz-animation: fadeout 2s; /* Firefox < 16 */

  -ms-animation: fadeout 2s; /* Internet Explorer */

  -o-animation: fadeout 2s; /* Opera < 12.1 */

  animation: fadeout 2s;
}

@keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Firefox < 16 */

@-moz-keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Internet Explorer */

@-ms-keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Opera < 12.1 */

@-o-keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.carousel-indicators {
  bottom: 0;
}

/* ##  None Responsive ############# */

.width970 {
  width: 1000px;

  margin: auto;
}

.L_menu {
  float: left;
}

.R_menu {
  float: right;
}

.dst-midpage {
  padding: 0px 15px;
}

.dst-news-image_recommend {
  width: 160px;

  margin-right: 15px;

  float: left;
}

.dst-news-title_recommend {
  float: left;

  width: 467px;
}

.small-text {
  font-size: 11px;

  color: #999;
}

.input-agree {
  width: 510px;
  /* width: 350px; */
  margin: auto;
  text-align: center;
  padding-left: 34px;
  padding-bottom: 40px;
}
.input-agree label {
  font-size: 20px;
  letter-spacing: 1px;
}

#booking_receipt_payment_method0 {
  display: none;
}

#booking_attendees_number_cpd,
#booking_attendees_card_id {
  background: url("../images/table2.png") no-repeat;
  letter-spacing: 12px;
  width: 254px !important;
  border: 0px;
  padding-left: 7px !important;
  padding-right: 0px !important;
}
#booking_attendees_number_cpa {
  width: 254px !important;
}

.carousel-indicators {
  margin-bottom: -4px;
}

.month-link:hover {
  color: #333 !important;
}

#booking_message-lbl {
  color: #f00;
}

.moduletable_hilight div {
  height: 300px !important;
}
.moduletable_advertise_01 div {
  height: 77px !important;
}

.left-advertise-01,
.right-advertise-01,
.moduletable_advertise_01 .carousel-indicators {
  display: none;
}

#carousel-hilight,
#carousel-advertise-01 {
  overflow: hidden !important;
  margin: 0px !important;
}

.modal-ev {
  padding: 10px;
}
.modal-ev-dialog {
  width: 822px;
}

.news-paper-menu h3 {
  color: #d2a41a;
}
.news-paper-menu a {
  color: #000;
}

.course-dsc-left {
  float: left;
  width: 380px;
  padding-top: 20px;
}
.course-dsc-right {
  float: right;
}

.blog-featured {
  display: none;
}

.browser-support {
  width: 30px;
  margin-left: 10px;
}

/* New menu */
.moduletable_top_menu li.item-330:after {
  content: "\e900";
  color: #d80027;
  font-family: "new2";
  position: absolute;
  top: -4px;
  right: 0;
  font-size: 24px;
}
.moduletable_top_menu li.item-330 a {
  color: #1978bc;
}
.moduletable_top_menu li.item-330:hover {
  background: inherit;
}
.moduletable_top_menu li.item-330:hover a {
  background: inherit;
}
.moduletable_top_menu li.item-330 a:hover {
  background: inherit;
}
.moduletable_top_menu li.item-330:after:hover {
  display: none;
}

/* 284 */
.moduletable_top_menu li.item-284:after {
  content: "\e900";
  color: #d80027;
  font-family: "new2";
  position: absolute;
  top: -4px;
  right: 0;
  font-size: 24px;
}
.moduletable_top_menu li.item-284 a {
  color: #1978bc;
}
.moduletable_top_menu li.item-284:hover {
  background: inherit;
}
.moduletable_top_menu li.item-284:hover a {
  background: inherit;
}
.moduletable_top_menu li.item-284 a:hover {
  background: inherit;
}
.moduletable_top_menu li.item-284:after:hover {
  display: none;
}

/*Landing Page*/
.landing {
  border-right: 2px dotted;
}
.landing h1 {
  font-size: 50px;
  text-align: left;
}
span.color-topic {
  color: #cdc4b3;
  text-align: right !important;
  font-size: 40px;
}
.img-topic img{
  width: 100%;
}
.text-description {
  margin-top: 20px;
}
.text-description p {
  font-size: 20px;
  text-align: justify;
}
.ref h1 {
  font-size: 40px;
  text-align: center;
}
.flex p {
  display: inline-block;
  font-size: 20px;
  padding-left: 20px;
}
.flex{
  margin-bottom: 15px;
  margin-top: 15px;
}
.topic {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 10px;
}
.topic h1{
  font-size: 50px;
  display: inline-block;
}
.topic img {
  margin-top: -15px;
  margin-right: 15px;
}
.detail {
  padding-left: 20px;
}
.detail p {
  font-size: 18px;
  color: #4d1600;
}
.detail p a{
  color: #4d1600;
}
.detail h6 {
  font-size: 26px;
  color: #d2a41a;
}
.detail-date h6 {
  font-size: 26px;
  color: #cdc4b3;
}
@media (max-width: 991px) and (min-width: 768px){
  .landing h1 {
    font-size: 40px;
  }
  span.color-topic {
    font-size: 30px;
  }
  .ref h1 {
    font-size: 30px;
  }
  .topic h1 {
    font-size: 40px;
  }
  .text-description p {
    font-size: 16px;
  }
  .detail h6 {
    font-size: 16px;
    padding-right: 20px;
  }
  .detail p {
    font-size: 14px;
  }
  .detail-date h6 {
    font-size: 16px;
  }
  .topic {
    text-align: center;
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) and (min-width: 0px){
  .landing {
    border-right: 0px dotted;
  }
  .year {
    text-align: center;
  }
  .landing h1 {
    font-size: 50px;
    text-align: center;
  }
  span.color-topic {
    font-size: 40px;
  }
  .text-description p {
    font-size: 16px;
  }
  .topic {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .topic h1 {
    font-size: 36px;
  }
  .detail h6 {
    font-size: 16px;
    padding-right: 20px;
  }
  .detail p {
    font-size: 12px;
  }
  .detail-date h6 {
    font-size: 12px;
    padding-top: 3px;
  }
  #easycookieinfo .accept {
    padding: initial !important;
  }
}
.customservices {
  display: flex;
  width: 100%;
}
.customservices .banneritem {
  padding: 5px;
}
.customservices .banneritem img{
  width: 100%;
}
.tab-content>.tab-pane {
  display: none !important;
}
.tab-content>.active {
  display: block !important;
}
.fade.show {
  opacity: 1;
}
div#nav-tab a {
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 10px 10px 0px 0px;
  border-bottom: none;
}
#easycookieinfo .text{
  font-size: 22px;
}
#easycookieinfo {
  opacity: 0.7;
}
body div#wh-widget-send-button {
  margin-bottom: 100px !important;
}
#easycookieinfo .accept {
  text-align:center;
}
/***Line Chat****/
.content_qr p.desc {
  display: none !important;
}
.kHGnXI {
  width: 450px !important;
}
.bxPGnH iframe{
  width: 100% !important;
}
.moduletable_advertise_01-1{
  margin-bottom: 5px;
}
/**/

#modal-confirm .couse-register-couse-description-item {
  font-size: 24px;
}
#modal-confirm .couse-register-couse-description-key {
  font-size: 24px;
}
#modal-confirm .modal-footer {
  text-align: center;
}
#modal-confirm .modal-footer button#confirm {
  font-size: x-large;
}
#modal-confirm h4#myModalLabel {
  font-size: xx-large;
}
button.btn.btn-default {
  font-size: 22px;
  padding: 5px 15px;
  position: relative;
  top: -3px;
  margin-right: 10px;
}
/* New Service */
.box-image img{
	width:100%;
}
.box-image{
	position: relative;
    overflow:hidden;
}
.box-image h3 {
    position: absolute;
    bottom: 10px;
    padding-left: 15px;
    color: white;
    z-index: 5;
    width: 100%;
    font-size: 22px;
}
.description p{
    margin-top: 10px;
    font-size: 20px;
    line-height: 20px;
    color: #686868;
}
.topic-service {
    border-bottom: 1px solid #efefef;
    margin-bottom: 15px;
    margin-top: 30px;
}
.topic-service h3 {
   color: #00086e;
   font-size: 24px;
}
.gadient{
  background-color: transparent; /* For browsers that do not support gradients */
  background-image: linear-gradient(transparent, rgb(51 122 183 / 60%));
  position:absolute;
  height: 170px;
  width: 100%;
  top: 0;
  z-index: 2;
  min-height: 100%;
 }
 .item-page-service > h1{
     display: none;
 }
 .item-page-service > .created-social{
    display: none;
 }


.moduletable_advertise_left{
	width:438px;
	float:left;
	padding:0;
	padding-left:5px;
	margin-bottom:15px;
}

.moduletable_advertise_left img {
  width: 100%;
}
.moduletable_advertise_right{
	width: 218px;
  margin-left: 2px;
  float: left;
  padding: 0;
  margin-bottom: 15px;
}

.moduletable_advertise_right img {
  width: 100%;
}