/*EDIT css*/

.about-coral-content .ck-editor table{border:none; border-spacing: 0px; margin: 0 -10px;}
.about-coral-content .ck-editor td{padding: 0 10px; border:none;}

.coral-rate-detail-page .ck-editor td{padding-right: 0;}

.table-responsive{position: relative;}
.table-responsive-more{position: relative; text-align: center;}
.table-responsive-more:before{content: '🠔  เลื่อนซ้าย-ขวา เพื่ออ่านเพิ่ม 🠖'; display: none; font-size: 10px; color: #1d46ae;}

.coral-map .body-table{max-height: 687px;}


.lrn-web .slide .slick-slide.slick-active{opacity: 1;}
/* .lrn-web .slide .slick-slide{opacity: 0.3;} */

/*RESPONSIVE*/
@media (max-width: 1600px) {
}

@media (max-width: 1440px) {
	.coral-rate-detail span, 
	.coral-rate-detail a, 
	.coral-rate-detail p {font-size: 16px;}
}

@media (max-width: 1199px) {
	/* .about-coral-content .ck-editor img{height: auto !important; width: 100% !important;} */

	.coral-rate-detail-page .coral-rate-detail iframe {height: 400px;}
}

@media (max-width: 991px) {
	
	.about-coral-content .ck-editor table{margin: 0;}
	.about-coral-content .ck-editor tbody{width: 100%; display: block;}
	.about-coral-content .ck-editor td{width: 100% !important; display: block; padding: 5px 0;}
	/* .about-coral-content .ck-editor img{height: 100% !important;} */

	.table-responsive{border: 1px solid #f7f7f7; overflow: auto;}
	.table-responsive table{min-width: 970px;}
	.table-responsive-more{padding-top: 5px;}
	.table-responsive-more:before{display: block;}

	.coral-rate-detail-page .ck-editor tbody{width: auto; display: table-row-group;}

	/*#sites-canvas-main-content {border: 1px solid #f7f7f7;}*/
	 #sites-canvas-main-content tbody{display: block;}
	 #sites-canvas-main-content tr{display: block;}
	 #sites-canvas-main-content td{width: 100% !important; display: block; padding: 5px 0;}

	.coral-rate-detail-page .coral-rate-detail iframe {height: 320px;}
}
.table-responsive{min-height: inherit;}
.tbody {
	padding: 0;
	background-color: transparent;
}

	

@media (max-width: 767px) {
	.table-responsive table{min-width: 737px;}
}

@media (max-width: 575px) {
	.table-responsive table{min-width: 545px;}

	.coral-rate-detail-page .coral-rate-detail iframe {height: 220px;width: 100%;}

	.coral-map .body-table{max-height: inherit;}

	.accordion-box .table-coral .head-table .location,
	.accordion-box .table-coral .body-table .location {width: calc(100% - 180px);}
	.accordion-box .table-coral .head-table .status, 
	.accordion-box .table-coral .body-table .status {width: 180px; position: relative; }
	.accordion-box .table-coral .body-table .status {padding-right: 25px;}
	.accordion-box .table-coral .body-table span{display: block; width: 100%;}
	.accordion-box .table-coral .body-table svg {position: absolute;right: 3px; top: 0; bottom: 0; margin: auto;}

}

/* edit comments addon by ohm 09-10-24 */

.breadcrumb {padding: 15px 0;}

.menu-sub li a {border-bottom: 3px solid transparent;}
.menu-sub li:hover a {border-color: #9687f5;}

.menu-bottom .menu-main .member {border-radius: 25px;border: 1px solid #fff;-webkit-transition: All 400ms ease;}
.menu-bottom .menu-main .member * {-webkit-transition: All 400ms ease;}
.menu-bottom .menu-main .member:hover {background-color: #fff;border: 1px solid #fff;}
.menu-bottom .menu-main .member::before{display: none;}

.menu-bottom .menu-main .search .block-control input {border-radius: 25px;background-color: #fff;color: #353a9d;width: 250px;padding-left: 20px;padding-right: 50px;}
.menu-bottom .menu-main .search .block-control input::placeholder {color: #353a9d;}
.menu-bottom .menu-main .search .block-control input:focus {border-color: #353a9d;}
.menu-bottom .menu-main .search button {right: 15px;}



/* edit comment addon */

.banner-slide .slick-dots {margin: 0;}

@media (max-width: 991px) {
  .site-container {padding-top: 115px !important;}
  .menu-sub li a {border-bottom: 1px solid #ffffff53;}
  .menu-sub li.active a:after,
  .menu-sub li a:after {display: none;}
  .menu-sub li.active a {background-color: #fff;color: #1b43ab;}

}

@media (max-width: 768px) {
  .menu-sub-page{z-index: 1;}
  .menu-sub-page.active {z-index: 100;}
}

@media (max-width: 575px) {
  .menu-sub-page{z-index: 1;}
  .menu-sub-page.active {z-index: 100;}

  /* report coral */
  .fix-content h2 {font-size: 20px;}
  .fix-content .box-img h4 {font-size: 18px;}
  .coral-profile .profile-box .fix-content p {font-size: 18px;}
  .sc-coral-detail .profile-box.report-coral .fix-content {margin-bottom: 20px;}
  .content-part .table-row .table-title h2 {font-size: 22px; line-height: 1em;}
  .tbody .td>.decs,
  .tbody .td>.title.xs,
  .profile-box.report-coral .radio-control .title {font-size: 18px;}
  .radio-control .title  {padding-left: 25px;}
  .radio-control .icon {width: 18px;height: 18px;}
  .radio-control input[type='radio']:checked~.icon:before {width: 8px; height: 8px;}


  .head-title h2 {font-size: 24px;}
  .coral-rate-detail-page .head-box .head-title h2 {padding-bottom: 10px;}
  .coral-rate-detail-page .head-box .head-title {margin-bottom: 15px;}
  .coral-rate-detail-page .coral-rate-detail .head-title {padding-top: 20px;margin-bottom: 15px;}
  .coral-rate-detail-page .head-box .head-title-sub .view,
  .coral-rate-detail-page .head-box .head-title-sub .date {font-size: 20px; display: flex; align-items: center;height: 25px;}
  .coral-rate-detail-page .head-box .head-title-sub .view img,
  .coral-rate-detail-page .head-box .head-title-sub .date img {margin-right: 0; transform: scale(.7);}
  .coral-rate-detail-page .head-box .head-title-sub .view span,
  .coral-rate-detail-page .head-box .head-title-sub .date span {display: flex; align-items: center; gap: 5px;}
  .coral-rate-detail-page .head-box .head-title-sub .view span {gap: 0;}
  .botton-nav>a {width: 80px;display: flex; align-items: center; justify-content: center;}
  .botton-nav img {width: 6px;}
  .head-title.mobile a.view-all {width: 100px; height: 38px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;}

  .coral-map.coral-rate-detail-page .item-box .item-content {padding: 15px;font-size: 18px;}
  .coral-map.coral-rate-detail-page .item-box .item-content .title {line-height: 1.2em;margin-top: 10px;}
  .coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .head-title {padding-bottom: 15px;}
  .coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .item {padding: 0;}
  .coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .slick-list {margin: 0 -10px;}
  .coral-map.coral-rate-detail-page+.coral-map.coral-rate-detail-page .slick-slide {padding: 0 10px;}


  .breadcrumb-block a.back {display: flex; align-items: center; justify-content: center; width: 70px; 
    padding: 10px; font-size: 18px; height: 30px; margin-top: -14px; 
  }
  .breadcrumb-block a.back  svg {width: 18px;height: 18px;}

  .coral-contact .info-box {margin: 30px 0;}
  .coral-contact .info-box h2 {font-size: 24px;padding-bottom: 10px; margin-bottom: 15px;line-height: 1em;}
  .coral-contact .info-box .address .title {font-size: 20px;}
  .coral-contact .info-box .contact>div>div,
  .coral-contact .info-box .contact>div {font-size: 20px;}
  .coral-contact .info-box .contact .title > p:first-child {margin-bottom: 5px;}
  .coral-contact .info-box .address img, 
  .coral-contact .info-box .contact img {width: 20px;}
  .coral-contact .info-box .content-4 .title, 
  .coral-contact .info-box .content-3 .title {font-size: 28px;}
  .coral-contact .info-box .content-3 .title a, 
  .coral-contact .info-box .content-4 .title a {width: 35px;height: 35px;margin-top: 0; transform: translateY(-50%);}
  .coral-contact .head-title img {width: 20px;}

}