/*------------------------------------------------------------------ 
    IMPORT FONTS 
-------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Prompt&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
 
@media (min-width:275px) {
/*---info----*/
}
@media (min-width:700px) {
/*---info----*/ 
}
.bg-dee1 {
    opacity: 1;
    background-color: rgba(#000,#fff)!important; 
}
 
h1,h2,h3,h4,h5,h6{font-family: 'Prompt', sans-serif;}
.navbar,.box_n_2565{ box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15) !important;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px !important;} 
.link_a{text-decoration: none !important;}
.link_a:hover{text-decoration: underline !important;}
/*boot > text-truncate*/
.tbk_text_new65_1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.tbk_text_new65_2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.tbk_text_new65_3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.tbk_text_new65_4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
   /**************cr****************/
   .cr-dark1{color:#000}.cr-dark2{color:#212121}.cr-dark3{color:#263238}.cr-dark4{color:#455a64}.cr-dark5{color:#78909c}.cr-dark6{color:#b0bec5}.cr-fff{color:#FFF}
   .cr-yellow1{color:#FDB100}.cr-yellow2{color:#f4b459}.cr-yellow3{color:#F69B06}.cr-yellow4{color:#FFA616}.cr-yellow5{color:#FFED45}.cr-yellow6{color:#FFA616}
   .cr-orange1{color:#ff3d00}.cr-orange2{color:#ff5722}.cr-orange3{color:#ff6d00}.cr-orange4{color:#ff8a65}.cr-orange5{color:#ffab91}
   .cr-green1{color:#79b700}.cr-green2{color:#aeea00}.cr-green3{color:#e4ff54}.cr-green4{color:#005005}.cr-green5{color:#2e7d32}.cr-green6{color:#60ad5e}
   .cr-red1{color:#b71c1c}.cr-red2{color:#d50000}.cr-red3{color:#e53935}.cr-red4{color:#ef5350}.cr-red5{color:#ffcdd2}
   .cr-pink1{color:#F50057}.cr-pink2{color:#FF4081}.cr-pink3{color:#FF80AB}.cr-pink4{color:#F8BBD0}.cr-pink5{color:#FCE4EC}
   .cr-blue1{color:#002f6c}.cr-blue2{color:#0d47a1}.cr-blue3{color:#0091ea}.cr-blue4{color:#03a9f4}.cr-blue5{color:#4fc3f7}.cr-blue6{color:#b3e5fc}.cr-blue7{color:#00FFFF}
   .cr-purple1{color:#000051}.cr-purple2{color:#1a237e}.cr-purple3{color:#534bae}.cr-purple4{color:#3949ab}.cr-purple5{color:#5c6bc0}.cr-purple6{color:#9fa8da}
   .cr-dark1{color:#000}.cr-dark2{color:#212121}.cr-dark3{color:#263238}.cr-dark4{color:#455a64}.cr-dark5{color:#78909c}.cr-dark6{color:#b0bec5}.cr-fff{color:#FFF}
   .cbg-yellow1{background-color:#FDB100}.cbg-yellow2{background-color:#f4b459}.cbg-yellow3{background-color:#F69B06}.cbg-yellow4{background-color:#FFA616}.cbg-yellow5{background-color:#FFED45}.cbg-yellow6{background-color:#FFA616}
   .cbg-orange1{background-color:#ff3d00}.cbg-orange2{background-color:#ff5722}.cbg-orange3{background-color:#ff6d00}.cbg-orange4{background-color:#ff8a65}.cbg-orange5{background-color:#ffab91}
   .cbg-green1{background-color:#79b700}.cbg-green2{background-color:#aeea00}.cbg-green3{background-color:#e4ff54}.cbg-green4{background-color:#005005}.cbg-green5{background-color:#2e7d32}.cbg-green6{background-color:#60ad5e}
   .cbg-red1{background-color:#b71c1c}.cbg-red2{background-color:#d50000}.cbg-red3{background-color:#e53935}.cbg-red4{background-color:#ef5350}.cbg-red5{background-color:#ffcdd2}
   .cbg-pink1{background-color:#F50057}.cbg-pink2{background-color:#FF4081}.cbg-pink3{background-color:#FF80AB}.cbg-pink4{background-color:#F8BBD0}.cbg-pink5{background-color:#FCE4EC}
   .cbg-blue1{background-color:#002f6c}.cbg-blue2{background-color:#0d47a1}.cbg-blue3{background-color:#0091ea}.cbg-blue4{background-color:#03a9f4}.cbg-blue5{background-color:#4fc3f7}.cbg-blue6{background-color:#b3e5fc}
   .cbg-purple1{background-color:#000051}.cbg-purple2{background-color:#1a237e}.cbg-purple3{background-color:#534bae}.cbg-purple4{background-color:#3949ab}.cbg-purple5{background-color:#5c6bc0}.cbg-purple6{background-color:#9fa8da}

   .bg-blue{background-color:var(--bs-blue)!important}
   .bg-indigo{background-color:var(--bs-indigo)!important} 
   .bg-purple{background-color:var(--bs-purple)!important}
   .bg-pink{background-color:var(--bs-pink)!important}
   .bg-red{background-color:var(--bs-red)!important}
   .bg-yellow{background-color:var(--bs-yellow)!important}
   .bg-orange{background-color:var(--bs-orange)!important}
   .bg-green{background-color:var(--bs-green)!important}
   .bg-teal{background-color:var(--bs-teal)!important}
   .bg-cyan{background-color:var(--bs-cyan)!important}
   .bg-gray{background-color:var(--bs-gray)!important}
   .bg-gray-dark{background-color:var(--bs-gray-dark)!important}
   .bg-dark{background-color:var(--bs-dark)!important}
   .bg-white{background-color:var(--bs-white)!important}
    
   .link-blue,.text-blue{color:#0d6efd!important}.link-blue:focus,.link-blue:hover{color:#0a58ca!important}
   .link-purple,.text-purple{color:#6F42C1!important}.link-purple:focus,.link-purple:hover{color:#6610F2!important}
   .link-pink,.text-pink{color:#D63384!important}.link-pink:focus,.link-pink:hover{color:#E377AD!important}
   .link-red,.text-red{color:#dc3545!important}.link-red:focus,.link-red:hover{color:#b02a37!important}
   .link-yellow,.text-yellow{color:#ffc107!important}.link-yellow:focus,.link-yellow:hover{color:#ffcd39!important}
   .link-orange,.text-orange{color:#FD7E14!important}.link-orange:focus,.link-orange:hover{color:#FD943E!important}
   .link-green,.text-green{color:#198754!important}.link-green:focus,.link-green:hover{color:#146c43!important}
   .link-cyan,.text-cyan{color:#0dcaf0!important}.link-cyan:focus,.link-cyan:hover{color:#3dd5f3!important}
   .link-white,.text-white{color:#f8f9fa!important}.link-white:focus,.link-white:hover{color:#f9fafb!important}
   .link-dark,.text-dark{color:#212529!important}.link-dark:focus,.link-dark:hover{color:#1a1e21!important}
   .link-gray-dark,.text-gray-dark{color:#6c757d!important}.link-gray-dark:focus,.link-gray-dark:hover{color:#565e64!important}



   /**************table*************/
/*
 html, body {
  height: 100%;
}*/

#gsoft_wrap {
  min-height: 100%;
}

#gsoft_main {
  overflow:auto;
  padding-bottom:10px; 
  overflow-y: hidden !important;overflow-x: hidden !important;
}

.gsoft_footer {
  position: relative;
  height: auto;
  clear:both;
}
   /**************นับหน้า*************/
.pagination_nc63 {
    list-style-type: none;
    padding: 10px 0;
    display: inline-flex;
    justify-content: space-between;
    box-sizing: border-box;
    }
    .pagination_nc63 li {
    box-sizing: border-box;
    padding-right: 10px;
    }
    .pagination_nc63 li a {
    box-sizing: border-box;
    background-color: #e2e6e6;
    padding: 8px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #616872;
    border-radius: 4px;
    }
    .pagination_nc63 li a:hover {
    background-color: #d4dada;
    }
    .pagination_nc63 .next a, .pagination_nc63 .prev a {
    text-transform: uppercase;
    font-size: 12px;
    }
    .pagination_nc63 .currentpage a {
    background-color: #00C6FF;
    color: #fff;
    }
    .pagination_nc63 .currentpage a:hover {
    background-color: #00C6FF;
    }
   /**************img_hover*************/
  .img_hover{ transition: transform .2s;width: 50px;height: 50px;
    }
  .img_hover:hover{transform: scale(1.3);}

  .box66_hover{ cursor: pointer;
  }
  /*.box66_hover:hover{transform: scale(1.05) !important;}*/


   /**************img_hover figure*************/
  .card figure {
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
    position: relative;
    cursor: pointer;
}
.card figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.card figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	


/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
  
}
.topic_bg_new{background-image: url('../images/topic_bg.png');background-color: none;}
.new_gif_box66{width: 100%;height: auto;position: relative; margin: -15px 0 0 1px;}