@charset "utf-8";
/* CSS Document */

.news-detail-38-1 {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
/*****************************************************บล็อคด้านซ้าย************************************************************/
.news-detail-38-1 .news-left {
  margin: 0;
  padding: 0;
}
.news-detail-38-1 .news-subject {
  padding: 0;
  padding-bottom: 10px;
  margin: 0 0 6px 0;
  width: 100%;
  color: #0b8ce7;
  /* color: #793E1E; */
  font: 32px/48px "thaisanslite", Arial, sans-serif;
  /* font-size:35px;
    line-height:40px;*/
  height: auto;
  /*border-bottom: 2px #eaeaea solid;*/
}

.news-detail-38-1 .news-social {
  margin: 0;
  padding: 10px 0px;
  /* margin-bottom:20px; */
}
.news-detail-38-1 .news-vote {
  margin: 0;
  padding: 0;
}
.news-detail-38-1 .news-vote img {
  max-width: 100%;
  height: auto;
}
.news-detail-38-1 .news-text {
  margin: 20px 0px !important;
  padding: 0;
  font-size: 15px;
  line-height: 25px;
}
.news-detail-38-1 .news-map {
  margin: 0;
  margin: 40px 0px !important;
  padding: 0;
}
.news-detail-38-1 .news-map img {
  max-width: 100%;
  height: auto;
}
.news-detail-38-1 .news-post {
  margin: 0;
  padding: 0;
}

.news-detail-38-1 .post {
  margin-bottom: 20px;
  padding: 20px 50px 20px 50px;
}

.news-detail-38-1 .post-wrapper {
  text-align: left;
  line-height: 30px;
  font-size: 0.929em;
  position: relative;
  padding: 0px;
  margin: 25px 0px 10px 0px;
}
.news-detail-38-1 .title {
  font: 30px/40px "thaisanslite", Arial, sans-serif;
  padding: 0px 25px 0px 20px;
  margin-left: 50px;
  white-space: nowrap;
  position: relative;
  z-index: 6;
  color: #494848;
  background: #ffffff;
}
.news-detail-38-1 .title-line {
  position: absolute;
  top: 26px;
  right: 0;
  left: 0px;
  z-index: 5;
  line-height: 1px;
  border-bottom: solid 1px #016235;
}
.green-post {
  background: #e7defb;
  border: #efefef 1px solid;
  border-top: 5px solid #a767e1;
  -webkit-box-shadow: 12px 13px 10px -7px rgba(211, 212, 211, 1);
  -moz-box-shadow: 12px 13px 10px -7px rgba(211, 212, 211, 1);
  box-shadow: 12px 13px 10px -7px rgba(211, 212, 211, 1);
}
.green-post ul {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
}
.green-post ul li {
  position: relative;
  margin-bottom: 10px;
  list-style: none;
}
.green-post ul li input {
  color: #294b08;
  font-size: 17px;
  width: 100%;
  padding: 10px;
  border: #cdd3ca 1px solid;
}
.green-post ul li .required {
  border: #cdd3ca 1px solid;
}
.green-post ul li textarea {
  color: #294b08;
  font-size: 17px;
  width: 100%;
  padding: 10px;
}
.green-post .btn {
  padding: 10px 15px;
  background: #4d9fe4;
  border: #fff 1px solid;
  color: #fff;
}
.btn-post {
  display: inline-block;
  border: #1a5207 1px solid;
}
.btn-post span {
  display: inline-block;
  padding: 10px;
  margin: 3px;
  background: #185405;
  border: #2f7810 1px solid;
  color: #fff;
}

/***************************************************************************************************************************/
/*****************************************************บล็อคด้านขวา************************************************************/
.news-detail-38-1 .news-right {
  margin: 0;
  padding: 0;
}
.news-detail-38-1 .news-right .news-top span {
  color: #007ee4 !important;
}
.news-detail-38-1 .news-right .news-bottom {
  text-align: right;
}
.btn-1 {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #ff7100;
  color: #ff7100;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #2099ea;
  border-color: #2099ea;
}

.news-detail-38-1 .news-right .news-top {
  font: 32px/40px "thaisanslite", Arial, sans-serif;
  color: #0b8ce7;
  margin: 5px 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 10px;
}
.news-detail-38-1 .news-right .news-mid {
  margin: 0;
  padding: 0;
}
.news-detail-38-1 .news-right .box {
  margin: 0;
  padding: 4px;
}

.news-right-pic {
  margin-top: 15px;
  margin-bottom: 0px;
}
.news-right-pic img {
  max-width: 100%;
  height: 200px !important;
  position: relative;
  /*z-index: 1;*/
}
.news-right-text {
  width: 100%;
  margin: 6px 0 20px 0;
}
.news-right-text .news-topic {
  margin-top: 9px;
  margin-bottom: 4.5px;
  font-size: 17px;
  color: #8142d9;
}
.news-right-text .news-topic a {
  color: #000;
  text-decoration: none;
}
.news-right-text .news-topic a:hover {
  color: #f69824;
  text-decoration: none;
}
.news-right-text .news-detail {
  margin-top: 9px;
  margin-bottom: 4.5px;
  font-size: 14px;
}
.news-right-text .news-detail a {
  color: #333;
  text-decoration: none;
}
.news-right-text .news-detail a:hover {
  color: #f69824;
  text-decoration: none;
}
.news-list-38-1 .news-right .news-bottom {
  margin: 0;
  padding: 0;
}

@media (max-width: 575px) {
  .news-right-pic {
    /* width:auto; */
    height: auto;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .news-right-pic {
    width: auto;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .news-right-pic {
    /* width:auto; */
    height: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  ...;
}
@media (min-width: 1200px) {
  ...;
}

.travel-review {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 20px;
}
.travel-review .travel-review-top {
  float: left;
  padding-left: 20px;
  width: 100%;
  height: auto;
  /* padding-bottom: 10px; */
  /* border-bottom: 5px solid #73ba42; */
  background: #e2fdd5;
  font: 30px/40px "thaisanslite", Arial, sans-serif;
  color: #333;
}
.travel-review .travel-review-mid {
  float: left;
  width: 100%;
  height: auto;
}
.travel-review .travel-review-mid ul {
  float: left;
  width: 100%;
  height: auto;
}
.travel-review .travel-review-mid ul li {
  float: left;
  padding: 10px 0px;
  width: 100%;
  height: auto;
  border-bottom: #cdcdcd 1px solid;
}
.travel-review .travel-review-mid ul li span.review-name {
  float: left;
  display: block;
  width: 30%;
  height: auto;
}
.re-name {
  float: left;
  padding-left: 10%;
  width: 90%;
  height: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #333;
  font-weight: bold;
}
.re-date {
  float: left;
  padding-left: 10%;
  width: 90%;
  height: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333;
}
.travel-review .travel-review-mid ul li span.review-detail {
  float: left;
  display: block;
  width: 70%;
  height: auto;
}
.re-header {
  float: left;
  width: 100%;
  height: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #78bc49;
  font-weight: bold;
}
.re-detail {
  float: left;
  width: 100%;
  height: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333;
}
/************************travel-post****************************/
/***********************travel-googlemap************************/
.travel-googlemap {
  float: left;
  width: 100%;
  height: auto;
}
/***********************travel-googlemap************************/

.starOn {
  background: #e9e20f;
}
.starOff {
  background: #b6b6b6;
}
.starOnHover {
  background: #d0cc53;
}
.starOffHover {
  background: #b6b6b6;
}

.maincommentgallvote {
  float: left;
  padding: 0px 0px 10px 0;
  margin: 15px 0 15px 0px;
  width: 100%;
  height: auto;
}
.maincommentgallvote1 {
  float: left;
  margin: 0px 0 0 0px;
  height: auto;
  margin-top: 5px;
}
.maincommentgallvote2 {
  float: left;
  margin: 0px 0 0 0px;
  line-height: 27px;
  height: auto;
}

/******************************************************************************************************/
.news-viwe {
  float: left;
  margin: 0;
  width: 99%;
  height: auto;
  color: #000;
  font-size: 14px;
  line-height: 20px;
}
.related-news {
  float: left;
  margin: 10px 0 10px 0;
  width: 100%;
  height: auto;
}
.related-news .top-re {
  float: left;
  margin: 10px 0 0 0;
  text-indent: 16px;
  width: 100%;
  height: auto;
  font: 19px/40px "supermarket", Arial, sans-serif;
}
.related-news ul {
  display: block;
  float: left;
  margin: 10px 0 10px 0;
  width: 100%;
  height: auto;
  padding: 0;
}
.related-news ul li {
  display: block;
  float: left;
  margin: 0;
  padding: 8px 7px;
  width: 98%;
  /* height:20px; */
  font-size: 14px;
  color: #000;
  border-bottom: #ddd 1px solid;
}

.news-sub-title {
  float: left;
  margin: 0 0 6px 0;
  /*padding:0 0 2px 0;*/
  font-weight: bold;
  padding: 10px 0;
  border-bottom: 2px #eaeaea solid;
  width: 100%;
  min-height: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  line-height: 20px;
  font: 21px/35px "supermarket", Arial, sans-serif;
  background: url(../images/sub/shadow_sub_2.png) bottom center no-repeat;
}
.news-sub-date {
  float: left;
  margin: 6px 0 6px 0;
  padding: 0 0 10px 0;
  width: 99%;
  min-height: 16px;
  font-size: 14px;
  font-weight: normal;
  color: #666666;
  line-height: 16px;
}

@media (max-width: 575px) {
  .news-detail-38-1 .news-subject {
    font: 32px/35px "thaisanslite", Arial, sans-serif;
  }
  .news-right-pic img {
    height: auto !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .news-detail-38-1 .news-subject {
    font: 32px/35px "thaisanslite", Arial, sans-serif;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .news-detail-38-1 .news-subject {
    font: 32px/35px "thaisanslite", Arial, sans-serif;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}