html { overflow-y: scroll !important;}::-webkit-scrollbar {display: none;}
.itopplus-background {

}
.navbar-default .navbar-nav>li>a {
    font-size: 18px;
}
.navbar-nav>li>.dropdown-menu>li>a {
    font-size: 18px;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:focus,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #0654a1;
    -webkit-box-shadow: inset 0 -3px 0 0 #0654a1;
    -moz-box-shadow: inset 0 -3px 0 0 #0654a1;
    box-shadow: inset 0 -3px 0 0 #0654a1;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #0654a1;
    -webkit-box-shadow: inset 0 -3px 0 0 #0654a1;
    -moz-box-shadow: inset 0 -3px 0 0 #0654a1;
    box-shadow: inset 0 -3px 0 0 #0654a1;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    color: #0654a1;
    -webkit-box-shadow: inset 0 -3px 0 0 #0654a1;
    -moz-box-shadow: inset 0 -3px 0 0 #0654a1;
    box-shadow: inset 0 -3px 0 0 #0654a1;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav>li>.dropdown-menu>li>a:hover {
    color: #0654a1!important;
    -webkit-box-shadow: inset 0 -3px 0 0 #0654a1;
    -moz-box-shadow: inset 0 -3px 0 0 #0654a1;
    box-shadow: inset 0 -3px 0 0 #0654a1;
}
.navbar-default .navbar-nav>li:hover,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
@media (max-width:768px) {
    .navbar-default {
        background: #eeeeee;
    }
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    border-color: transparent;
}
/*hover ไอคอน ในโทรศัพท์  และ Menu*/
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #0654a1;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #0654a1;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #0654a1!important;
}

/*เมนูชิดขวา*/
/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:right ;
}
#ContentmanagerTemplate5d395b79121c330019b345bc {
    margin-right: -40px;
}
  #Component5d47d4887c7ea2001a987427 {
    margin-right: -40px;
}
  
    .itopplus-search-image-flex-item {
    margin: 11px!important;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 5px;
    padding-right: 5px;
}  
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;	
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:right ;
}
#ContentmanagerTemplate5d395b79121c330019b345bc {
    margin-right: -40px;
}
    #Component5d47d4887c7ea2001a987427 {
    margin-right: -40px;
}
  .itopplus-search-image-flex-item {
    margin: 11px!important;
}
.navbar-default .navbar-nav>li>a {
    padding-left: 15px;
    padding-right: 15px;
}   
}



/* Footer */

#contentnewmode5d391aef121c330019b332b0  {
      margin-left: 100px;
      font-weight: 300;
}
#contentnewmode5d3920a68c3bf90019a9b115 {
      margin-left: 80px;
      white-space: nowrap;
      font-weight: 300;
}
#contentnewmode5d391ae48c3bf90019a9ae11 {
      white-space: nowrap;
      font-weight: 300;
}
#contentnewmode5d391af48c3bf90019a9ae1f {
     font-weight: 300;
}

#contentnewmode5d391aeaa204af0019bb3d96 {
    margin-left: 50px;
    white-space: nowrap;
    font-weight: 300;
}

#contentnewmode5d392611121c330019b33886 {
      margin-left: 80px;
      white-space: nowrap;
      font-weight: 500;
}

/* Footer */

#contentnewmode5d43b9b47e178f00134f6cd8 {
      white-space: nowrap;
      font-weight: 300;
}
#contentnewmode5d43b9b47e178f00134f6cdb {
    margin-left: 50px;
    white-space: nowrap;
    font-weight: 300;
}
#contentnewmode5d43b9b47e178f00134f6cde  {
      margin-left: 100px;
      font-weight: 300;
}
#contentnewmode5d43b9b47e178f00134f6ce7 {
      margin-left: 100px;
      white-space: nowrap;
      font-weight: 500;
}




/* stat */


.histatborder {
    box-shadow: 0 0 0 transparent;
    border-color: transparent!important;
    background-color: transparent!important;
    color: #000;
    width: 100%!important;
    font-family: Kanit,sans-serif;
    font-size: 14px;
}

.table>thead>tr>td {
    padding: 20px 10px 20px 10px;
}

#histat5d43a5f37e178f00134f6186 {
    margin-left: 0px;
  margin-top:-10px;
}

#histat5d43a5f37e178f00134f6186 label {
    font-weight: 400;
  	color:#fff;
}
#histat5d43a5f37e178f00134f6186 .table {
    font-weight: 400;
  	color: #fff;
      border: solid 1px;
}



#histat5d43b9b47e178f00134f6cef {
    margin-left: 0px;
  margin-top:-10px;
}

#histat5d43b9b47e178f00134f6cef label {
    font-weight: 400;
  	color:#fff;
}
#histat5d43b9b47e178f00134f6cef .table {
    font-weight: 400;
  	color: #fff;
      border: solid 1px;
}

/* photo */

.picf {
  transition:0.5s;
}
.picf:hover{
  transform: translate(0px, -8px); 
  transition:0.5s;
}

/*  JazzByYing */
.JazzByYing-Position {
  display: block;
 	 overflow: hidden;
}

.JazzByYing {
transition: 0.35s;
  -webkit-transform: scale3d(1,1,1);
   transform: scale3d(1,1,1);
}

.JazzByYing:hover {
   -webkit-transform: scale3d(1.05,1.05,1);
 	 transform: scale3d(1.05,1.05,1);
  transition: 0.35s;
}


/* Album */

.thumbnail {
  border: none;
  border-radius: 0px;
  background-color:rgba(255, 255, 255, 0);
box-shadow: 0 0px 2px rgba(0,0,0,.0);
  padding: 0px!important;
  background: #fff;
}
.thumbnail:hover{
 -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
  border-radius: 0px;
  background: #fff;
}

/* jazz */

#imagesControl5d39765f8c3bf90019a9c4af figure.effect-jazz h2 {
    padding-top: 6%;
}
#imagesControl5d398055121c330019b34b13 figure.effect-jazz h2 {
    padding-top: 6%;
}
#imagesControl5d39805d121c330019b34b20  figure.effect-jazz h2 {
    padding-top: 6%;
}



figure.effect-jazz figcaption::after {
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
}
figure.effect-jazz {
    background: transparent;
}





.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn {
    display: none;
}
.jssorb03 {
    display: none;
}



.fancybox-lock {
    overflow: auto;
}
.fancybox-margin {
   margin-right: 0px;
}
.fancybox-lock .fancybox-overlay {
   overflow: auto;
   overflow-y: hidden;
}


/*  steve */
figure.effect-steve {
    background: transparent;
}
figure.effect-steve h2, figure.effect-steve p {
    background: transparent;
    color: transparent;
}
figure.effect-steve h2:before {
    box-shadow: 0 1px 10px rgba(0,0,0,0.0);
}
figure.effect-steve:before, figure.effect-steve h2:before {
    background: transparent;
}
figure.effect-steve:before {
    box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.52);
}



/*  ming */

figure.effect-ming h2 {
    margin: 35% 0 10px 0;
    font-size: 22px;
    text-shadow: 2px 2px 5px black;
}
figure.effect-ming:hover figcaption {
        background-color: rgba(1, 80, 159, 0.6);
}
figure.effect-ming figcaption::before {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);
}


#imagesControl5d398055121c330019b34b0e figure.effect-ming h2 {
    margin: 25% 0 10px 0;
    font-size: 20px;
    text-shadow: 2px 2px 5px black;
}
 #imagesControl5d39805d121c330019b34b1b figure.effect-ming h2 {
    margin: 25% 0 10px 0;
    font-size: 22px;
    text-shadow: 2px 2px 5px black;
}


/*  Layout */
.boderedlayoutClient {
    border-top: 0px dashed transparent;
    border-left: 0px dashed transparent;
    border-right: 0px dashed transparent;
    border-bottom: 0px dashed transparent;
}

/*  hvr */
.hvr-grow {
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transition-duration: 0.3s;
    transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    transform: scale(1.05);
}


/*  bgpt */
.bgpt {
     background-color: #ffffff00;
      transition: 0.3s;
}

.bgpt:hover{
     background-color: #ffffff00;
     box-shadow: 0 0 10px rgba(160, 156, 156, 0.5);
}





/*เนื้อหาระบบ*/
.nav-template li:hover {
    background-color: #ffffff;
    text-decoration: underline !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    padding-top: 10px;
}
.nav-template li{
    padding-top: 10px;
  border: solid 1px #d5d9db;
  background-color: #ffffff;
}
li.col-md-6.col-sm-6.col-xs-12 {
    margin: 10px 10px!important;
width: 22.6%;
}
.col-md-4.col-sm-4.col-xs-12.padding-col {
    width: 100%;
}

.col-md-8.col-sm-8.col-xs-12.padding-col {
    width: 100%;
    font-size: 14px;
    text-align: center;
    padding-top: 15px;
}
.col-md-8.col-sm-8.col-xs-12.padding-col strong {
	color: #01509f;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.col-md-8.col-sm-8.col-xs-12.padding-col strong:hover{
    font-weight: 600;
    color: #1b1b1b;
}
.img-container {
    width: 100%;
    height: 0;
    padding-bottom: 90%;
    position: relative;
}
.col-md-8.col-sm-8.col-xs-12.padding-col p{
	display:block;
  font-size: 14px;
  color: #08408b;
} 


.col-md-8.col-sm-8.col-xs-12.padding-col p:after {
    display: block;
    content: 'READ MORE';
    color: #fff;
    background: #0067ce;
    width: 60%;
    margin-top: 10%!important;
    margin-bottom: 5%!important;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    border: solid 1px #0067ce;
    margin: 0 auto;
}

.img-container .img {
    background-position: center!important;
}


@media (max-width: 414px){
li.col-md-6.col-sm-6.col-xs-12  {
  width: 100%!important;
}
}

@media only screen and (max-width: 320px) {
 li.col-md-6.col-sm-6.col-xs-12 {
width: 100%!important;
}
}

@media only screen and (max-width: 375px) {
 li.col-md-6.col-sm-6.col-xs-12 {
width: 100%!important;
}
}


@media only screen and (max-width : 768px) {
li.col-xs-12 {
width: 100%!important;
}
}

@media only screen and (max-width : 922px) {
 li.col-sm-6 {
width: 46.1%!important;
}

}


#Contentmanager .post-time {
    display: none;
}
.landingpagemanager {
    display: none;
}

.text-justify {
    margin-bottom: -10px;
}



/*Hide Menu Phone*/

@media only screen and (min-width : 360px) {
.navbar-default .navbar-toggle {
    border-color: #66b2ff;
    border: none!important;
    background: none!important;

}
  
  .text-bar {
    color: #66b2ff!important;
    font-size: 0px!important;
}
}


@media only screen and (max-width: 768px){
.navbar-default .navbar-brand {
padding: 11px;
}
	#imagesControl5d3916b4121c330019b330e1 {
	padding:0px!important;
}
  h2.margin {
    padding-top: 10px;
    text-align: center;
}
  .aa {
    margin-left: -15px;
}
  #ContentmanagerTemplate5d395b79121c330019b345bc {
    margin-right: 20px;
}
  #myImage1564039644673, #myImage1564039758691, #myImage1564039793579, #myImage1564039884394, #myImage1564039964771, #myImage1564039990059 {
    margin-bottom: 10px;
}

#imagesControl5d39765f8c3bf90019a9c4af h2.margin {
    font-size: 10px!important;
}
#imagesControl5d398055121c330019b34b13 h2.margin {
    font-size: 10px!important;
}
#imagesControl5d39805d121c330019b34b20 h2.margin {
    font-size: 10px!important;
}
  .table-responsive {
    white-space: nowrap;
}
  .itopplus-search-image-flex-container {
   width: 100%!important;
   display: block!important;
}
.itopplus-search-image-flex-item {
   margin: 0px!important;
   height: auto!important;
   width: 100%!important;
   padding: 10px;
   text-align: left;
}

}


@media only screen and (min-width : 320px) {
.navbar-default .navbar-toggle {
    border-color: #66b2ff;
    border: none!important;
    background: none!important;

}
  
  .text-bar {
    color: #66b2ff!important;
    font-size: 0px!important;
}
}


/*Hide Menu Phone*/


@media only screen and (max-width: 768px){
 .row-fluid [class*=col-sm-5fix] {
  width: 50%;
  float:left;  
}
}

@media only screen and (max-width: 768px){
 .row-fluid [class*=col-sm-5fix] {
  width: 50%;
  float:left;  
}
.col-md-3.col-sm-6.col-xs-12 {
   width: 50%;
   float: left;
}
.col-md-4.col-sm-4.col-xs-12 {
   width: 50%;
 }
}