.hidetable {
  display: none !important;
    visibility: hidden !important;
}
/*------------------------------------------
    -   dataTables  -
--------------------------------------------*/
.dataTables_wrapper {
  font-size: 17px !important;
} 
.dataTables_length select {
  font-size: 17px !important;
}

/* Font Color Area =========================================== */

.sp5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.sp10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.sp15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.sp20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.sp30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.sp40 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.sp50 {
	margin-top: 50px;
	margin-bottom: 50px;
}
.sp60 {
	margin-top: 60px;
	margin-bottom: 60px;
}
.sp30n {
	margin-top: 30px !important;
}
.sp100 {
	margin-top: 100px;
	margin-bottom: 100px;
}
.left10 {
	margin-left: 10px !important;
}
.left12 {
	margin-left: 12px !important;
}
.left15 {
	margin-left: 15px !important;
}
.left1a {
	margin-left: 0px !important;
	margin-right: 20px !important;
}
.left15n {
	margin-left: 15px !important;
	margin-right: 15px !important;
}
.left100 {
	margin-left: 100px !important;
}

.blocktext1 {
	margin-left: 15px !important;
	margin-right: 15px !important;
	margin-top: 15px;
	margin-bottom: 15px;
}
/* Text Area
=========================================== */
.font14 {
  font-family: 'thaisans', 'Open Sans', sans-serif;
    font-size   : 14px!Important;
    }
.font15 {
  font-family: 'thaisans', 'Open Sans', sans-serif;
    font-size   : 15px!Important;
    }
.font16 {
  font-family: 'thaisans', 'Open Sans', sans-serif;
    font-size   : 16px!Important;
    }
.font17 {
  font-family: 'thaisans', 'Open Sans', sans-serif;
    font-size   : 17px!Important;
    }
.font18 {
  font-family: 'thaisans', 'Open Sans', sans-serif;
    font-size   : 18px!Important;
    }
.font19 {
  font-family: 'thaisans', 'Open Sans', sans-serif;
    font-size   : 19px!Important;
    }
.font20 {
  font-family: 'thaisans', 'Open Sans', sans-serif;
    font-size   : 20px!Important;
    }
.font21 {
  font-family: 'thaisans', 'Open Sans', sans-serif;   
    font-size: 21px!Important;
    }
.font22 {
  font-family: 'thaisans', 'Open Sans', sans-serif;
    font-size   : 22px!Important;
    }
.font23 {
  font-family: 'thaisans', 'Open Sans', sans-serif;
  font-size: 23px  !important;
}
.font24 {
  font-family: 'thaisans', 'Open Sans', sans-serif;
  font-size: 24px  !important;
}
.font25 {
  font-family: 'thaisans', 'Open Sans', sans-serif;
  font-size: 25px  !important;
}
.font26 {
  font-family: 'thaisans', 'Open Sans', sans-serif;
  font-size: 26px  !important;
}
.font27 {
  font-family: 'thaisans', 'Open Sans', sans-serif;
  font-size: 27px  !important;
}
.font28 {
  font-family: 'thaisans', 'Open Sans', sans-serif;
  font-size: 28px  !important;
}
.font30 {
  font-family: 'thaisans', 'Open Sans', sans-serif;
  font-size: 30px  !important;
}
.font35 {
  font-size: 35px  !important;
}
.font40 {
  font-size: 40px  !important;
}
/* Text Color
=========================================== */
.cgreen{
    color: #006738 !important;
}
.cblue {
	color: #020aad !important;
}
.cdarkblue {
	color: #000b5a !important;
}
.cpurple {
	color: #9f02a1 !important;
}
.cred {
	color: #ff0000 !important;
}
.cblack {
	color: #000000 !important;
}
.corange {
	color: #ff9900 !important;
}
.cwhite {
	color: #ffffff !important;
}
.bgpurple{
    background-color: #f2c1fe !important;
}
.bgdyellow{
    background-color: #a38e03 !important;
}
.bgblue{
    background-color: #b1abfe !important;
}
.bggrey{
    background-color: #cccccc !important;
}
.bgskyblue{
    background-color: #037582 !important;
}
.bgwhite{
    background-color: #ffffff !important;
}
.bg1{
    background-color: #cbfacc !important;
}
.bg2{
    background-color: #facbf6 !important;
}
.bg3{
    background-color: #aed2fb !important;
}

.sp200 {
	margin-top: 200px;
	margin-bottom: 200px;
}
.sp10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.sp15 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.sp20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.sp25 {
	margin-top: 25px;
	margin-bottom: 25px;
}
.sp30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.sp30t {
	margin-top: 30px !important;
}


/* Font Size */
.col-lg-12{background-color:#eee; padding:10px;}
button:focus{
  outline:none!important;
}
#chcp_font_size button {
  border: none;
  background-color:transparent;
  /*background-color:#eee;*/
  text-shadow: none;
  /*+box-shadow: none;*/
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding:0px 5px;
  margin:0px;
  
}
#chcp_font_size button:hover{
  color:#FF5100;
}
#btn-decrease {
  font-size:12px;
}
#btn-orig {
  font-size:14px;
}
#btn-increase {
  font-size:12px;
}

/* Panel SubPages */
.main-page {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  background: #FFF; }
  .main-page .row {
    padding-left: 15px;
    margin-right: 15px; }
  .main-page h1 {
    font-size: 3em; }
  .main-page .breadcrumb-top {
    width: 100%;
    padding: 0;
    background: none; }
    .main-page .breadcrumb-top h1 {
      margin: 15px 0 0 15px;
      padding: 0;
      font-size: 2.5em; }
    .main-page .breadcrumb-top .breadcrumb {
      background: none;
      padding: 8px 15px 10px 15px;
      margin-bottom: 0;
      background: #F5F5F5;
      border-bottom: 2px solid #DFDFDF;
      border-radius: 0; }
      .main-page .breadcrumb-top .breadcrumb .active {
        color: #01AB52; }
      .main-page .breadcrumb-top .breadcrumb a {
        color: #016738;
        font-size: 1.1em; }
  .main-page .inner {
    padding: 10px 15px; }
    .main-page .inner p {
      font-size: 1.2em; }
    .main-page .inner .thumbnail {
      border-radius: 0;
      border: 0;
      -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5); }
      .main-page .inner .thumbnail .caption {
        min-height: 120px;
        overflow: hidden;
        border-top: 3px solid #019346; }
      .main-page .inner .thumbnail h3 {
        font-weight: bold;
        margin-top: 5px; }
      .main-page .inner .thumbnail p {
        font-size: 1.2em;
        line-height: 1.25em; }
      .main-page .inner .thumbnail img {
        width: 100%; }
  .main-page .article {
    border-bottom: 1px solid #DDD;
    margin-bottom: 50px;
    padding-bottom: 10px; }
    .main-page .article .content h2 a {
      font-size: 1em;
      color: #005B33; }
    .main-page .article .content .row {
      padding-left: 0;
      padding-right: 0; }
    .main-page .article .content .category .f-label {
      float: left;
      font-family: 'thaisans';
      font-size: 1.1em; }
      .main-page .article .content .category .f-label .label.label-default {
        padding: .1em .6em 0 .6em;
        font-size: .9em; }
    .main-page .article .content .category .f-item {
      float: left;
      text-indent: 5px;
      line-height: 1.6em; }
    .main-page .article .content .meta a {
      color: #FFF;
      font-size: 1em; }
  .main-page .pagination > .active > a, .main-page .pagination > .active > a:focus, .main-page .pagination > .active > a:hover, .main-page .pagination > .active > span, .main-page .pagination > .active > span:focus, .main-page .pagination > .active > span:hover {
    background-color: #005B33;
    border-color: #005B33; }
  .main-page .pagination-sm > li > a, .main-page .pagination-sm > li > span {
    font-size: .9em; }
  .main-page .g-map {
    width: 100%;
    height: 400px; }
  .main-page .item {
    background: #F5F5F5;
    margin: 0px 0px 30px 60px;
    padding: 20px;
    position: relative;
    border: 1px solid #DBDBDB; }
    .main-page .item:before {
      background-color: #016738;
      color: #fff;
      content: 'A';
      display: block;
      font-size: 1.5em;
      font-weight: 700;
      height: 44px;
      left: -60px;
      line-height: 46px;
      position: absolute;
      text-align: center;
      top: 0px;
      width: 44px; }
    .main-page .item:after {
      border: 5px solid transparent;
      border-bottom-color: #016738;
      content: '';
      display: block;
      height: 0px;
      left: -21px;
      position: absolute;
      top: -5px;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      width: 0px; }
    .main-page .item .question h2 {
      margin: 0px;
      padding: 0px; }
  .main-page .f-date {
    font-family: 1.1em;
    font-weight: bold;
    padding: 0 0 15px 0; }

@media (max-width: 1001px) {
  .main-page .inner img.thumb {
    width: 100%; } }
@media (max-width: 768px) {
  .main-page h1 {
    font-size: 2em; }
  .main-page h2 {
    font-size: 1.5em; }
  .main-page .breadcrumb-top .breadcrumb a {
    font-size: 1.5em; } }
@media (max-width: 611px) {
  .main-page .breadcrumb-top .breadcrumb a {
    font-size: 1em; } }
@media (max-width: 360px) {
  .main-page h1 {
    font-size: 1.5em; }
  .main-page h2 {
    font-size: 1em; }
  .main-page .breadcrumb-top .breadcrumb a {
    font-size: .8em; } }
	
.bs-callout {
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 0 !important;
  background: #F2F2F2; }

.panel-default > .panel-heading {
  padding: 5px 15px; }
  .panel-default > .panel-heading h3 {
    margin-top: 10px;
    margin-bottom: 10px; }

.bs-callout-info {
  border-left-color: #006738; 
    margin-top: 5px;
    margin-bottom: 5px;}


.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
/* PDF
=========================================== */
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.h100p{
	height: 100%;
	width: 100%;
    }	

	
#iservices .media:hover .icon-md {
  border-radius: 10px;
  background-color: rgba(0, 120, 0, 10.4);
}
.icon-lg {
  font-size: 48px;
  height: 108px;
  width: 108px;
  line-height: 108px;
  color: #fff;
  margin: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  display: inline-block !important;
  border-radius: 100%;
}
.icon-md {
  font-size: 36px;
  height: 68px;
  width: 68px;
  line-height: 68px;
  color: #fff;
  margin-right: 10px;
  background-color: rgba(255, 64, 0, 0.4);
  text-align: center;
  display: block;
  border-radius: 50%;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}


	/* PDPA: Accept Cookie Detail */

        /* PDPA */
        #gdpr-cookie-message {
            position: fixed;
            /*right: 0px;*/
			left:0;
            bottom: 0px;
			width: 100%;
            background-color: #003c4e;
            padding: 10px;
            border-radius: 0px;
            box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25);
            margin: 0px;
            font-family: 'thaisans', sans-serif;
            font-size: 20px;
			text-align : center;
			z-index:0;
        }

        #gdpr-cookie-message h4 {
			text-align : center;
            color: #EE4B5A;
            font-family: 'thaisans', sans-serif;
            font-size: 22px;
            font-weight: 500;
            margin-bottom: 10px;
        }

        #gdpr-cookie-message h5 {
			text-align : center;
            color: #EE4B5A;
            font-family: 'thaisans', sans-serif;
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 10px;
			z-index:0;
        }

        #gdpr-cookie-message p,
        #gdpr-cookie-message ul {
            color: white;
            font-size: 20px;
            line-height: 1.5em;
			z-index:0;
        }

        #gdpr-cookie-message p:last-child {
            margin-bottom: 0;
            text-align: center;
			z-index:0;
        }

        #gdpr-cookie-message li {
            width: 100%;
            display: inline-block;
			z-index:0;
        }

        #gdpr-cookie-message a {
            color: #EE4B5A;
            text-decoration: none;
            font-size: 20px;
            padding-bottom: 2px;
            border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
            transition: all 0.3s ease-in;
			z-index:0;
        }

        #gdpr-cookie-message a:hover {
            color: white;
            border-bottom-color: #EE4B5A;
            transition: all 0.3s ease-in;
			z-index:0;
        }

        #gdpr-cookie-message button,
        button#ihavecookiesBtn {
			
            border: none;
            background: #ee4b5a;
            color: white;
            font-family: 'thaisans', sans-serif;
            font-size: 20px;
            padding: 7px;
            border-radius: 3px;
            margin-left: 15px;
            cursor: pointer;
            transition: all 0.3s ease-in;
			z-index:0;
        }

        #gdpr-cookie-message button:hover {
            background: white;
            color: #ee4b5a;
            transition: all 0.3s ease-in;
			z-index:0;
        }

        button#gdpr-cookie-advanced {
            background: white;
            color: #EE4B5A;
			z-index:0;
        }

        #gdpr-cookie-message button:disabled {
            opacity: 0.3;
        }

        #gdpr-cookie-message input[type="checkbox"] {
            float: none;
            margin-top: 0;
            margin-right: 5px;
			z-index:0;
        }
#servicesn .media1:hover .icon-md1 {
  border-radius: 10px;
  background-color: rgba(0, 120, 0, 10.4);
}
.icon-lg {
  font-size: 48px;
  height: 108px;
  width: 108px;
  line-height: 108px;
  color: #fff;
  margin: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  display: inline-block !important;
  border-radius: 100%;
}
.icon-md1 {
  font-size: 36px;
  height: 68px;
  width: 68px;
  line-height: 68px;
  color: #fff;
  margin-right: 10px;
  background-color: rgba(255, 64, 0, 0.4);
  text-align: center;
  display: block;
  border-radius: 50%;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.media1,
.media1-body {
  overflow: hidden !important;
  zoom: 1;
}
.media1,
.media1 .media1 {
  margin-top: 15px !important;
}
.media1:first-child {
  margin-top: 0 !important;
}
.media1-object {
  display: block;
}
.media1-heading {
  margin: 0 0 5px !important;
}
.media1 > .pull-left {
  margin-right: 10px !important;
}
.media1 > .pull-right {
  margin-left: 10px !important;
}
.media1-list {
  padding-left: 0;
  list-style: none;
}

.news {
  width: 160px;
}
.news-scroll a {
  text-decoration: none;
}
.dot {
  height: 6px;
  width: 6px;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 2px !important;
  background-color: rgb(207, 23, 23);
  border-radius: 50%;
  display: inline-block;
}
/* Custom */
.container-fluid {
  padding: 0;
}
marquee a {
  color: black;
}

.get-started1 {
  font-family: "thaisans", "Roboto", sans-serif;
  font-weight: 500;
  font-size: 30px;
  padding: 24px 92px;
  letter-spacing: 1px;
  display: inline-block;
  border-radius: 4px;
  transition: 0.5s;
  line-height: 0;
  color: #fff;
  background: #3fbbc0;
  margin-bottom: 35pt !Important;
}

.get-started1:hover {
  background: #65c9cd;
}