.itopplus-background {

}
.itopplus-footer a {
    color: #fff;
}

.itopplus-footer  a:hover {
    color: #fccc06;
}
.nav>li>a {
    padding: 10px 13px;
}


.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(./../img/a03.png) no-repeat;
    overflow: hidden;
    display: none;
}

.CASS-B-border:hover {
    position: relative;
    background: #ffcf01;
    border: 1px solid #ffffff;
    border-radius: 0px;
    color: #000;
    height: 250px;
    outline: 1px solid #ffffff;
    outline-offset: -5px;
}

.CASS-B-border {
    position: relative;
    background: #ffffff;
    border: 1px solid #ffcf00;
    border-radius: 0px;
    color: #000;
    height: 250px;
    outline: 1px solid #fecf06;
    outline-offset: -5px;
}


/*-----------contant-------------*/

.Contentmanager .site .col-section .item.-micro a .caption .title {
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.2em;
    color: #fdcc05;
    -webkit-transition: 300ms ease-in-out;
    -moz-transition: 300ms ease-in-out;
    -o-transition: 300ms ease-in-out;
    -ms-transition: 300ms ease-in-out;
    transition: 300ms ease-in-out;
}

.Contentmanager .site .col-section .item.-micro a .caption .time {
    margin-bottom: 10px;
    font-size: 1em;
    color: white;
}

.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
    color: #ffffff;
}

.text-justify {
    text-align: left;
}

.thumbnail img {
  opacity: 1;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.thumbnail:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

#main-navbar-collapse{
  text-align:right ;
}
  .nav-template li a {
    color: #fff;
    font-size: 18px;
}
  .btn-sm p {
    font-size: 16px;
    line-height: 1.5;
}
#Contentmanager .post-time {
    font-size: 18px;
    color: #fff;
}

.thumbnail h2 {
    margin-top: 0%;
    -webkit-transition: transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}

.imgLightbox {
position: relative!important;
overflow: hidden!important;
width: 100%!important;
}

.thumbnail {
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding-top: 0px!important;
    border-radius: 0px;
    line-height: 1.3;
    color: #000;
    background-color: #fccd05;
    border:solid 1px #fccd05;
    font-size: 28px;
    text-align: center;
}

.thumbnail:hover{
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding-top: 0px!important;
    background-color: #fff;
    border:solid 1px #fff;
    border-radius: 0px;
    color: #000;
   line-height: 1.3;
   -webkit-filter: contrast(100%); /* Safari */
   filter: contrast(100%);
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
   font-size: 28px;
    text-align: center;
}


/*---------------jazz-------------*/


figure.effect-jazz figcaption::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 0px solid #fff;
border-bottom: 0px solid #fff;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
z-index: 99;
}

figure.effect-jazz {
    background: -webkit-linear-gradient(-45deg,#f3cf3f 0,#f33f58 100%);
    background: transparent;
}

/*----------------effect ข้อความ--------------------------------*/
[class^="hvr-"] {
    margin: .4em;
    cursor: pointer;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
   opacity: 1;
   -webkit-transform: translateY(5px);
   transform: translateY(5px);
}
.hvr-float-shadow:before {
   pointer-events: none;
   position: absolute;
   z-index: -1;
   content: '';
   top: 100%;
   left: -5%;
   height: 10px;
   width: 90%;
   opacity: 0;
   background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
   background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform, opacity;
   transition-property: transform, opacity;
}

.hvr-grow {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}




/*เมนูชิดขวา*/

.navbar-default .navbar-nav>li>a {
    color: #000;
    background-color: transparent;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 22px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default .navbar-toggle {
    border-color: #dbae46;
}

@media (max-width:768px) {
/*Hide Menu Phone*/
         p.search_urlSearch {
              word-wrap: break-word;
         }
         .col-sm-12, .col-md-12, .col-lg-12 {
            padding-right: 2px;
           padding-left: 2px;
           padding-top: 20px;
         }
      .ui.segment:last-child {
          word-break: break-all;
}
  
  @media only screen and (max-width: 768px){
    .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 0px;
}
    .CASS-B-border {
    position: relative;
    background: #ffffff;
    border: 1px solid #ffcf00;
    border-radius: 0px;
    color: #000;
    height: auto;
    outline: 1px solid #fecf06;
    outline-offset: -5px;
}
    #main-navbar-collapse {
    text-align: left;
}
    
.thumbnail:hover{
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding-top: 0px!important;
    background-color: #fff;
    border:solid 1px #fff;
    border-radius: 0px;
    color: #000;
   line-height: 1.3;
   -webkit-filter: contrast(100%); /* Safari */
   filter: contrast(100%);
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
   font-size: 18px;
    text-align: center;
}


.thumbnail {
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding-top: 0px!important;
    border-radius: 0px;
    line-height: 1.3;
    color: #000;
    background-color: #fccd05;
    border:solid 1px #fccd05;
    font-size: 18px;
    text-align: center;
}

 #imagesControl5d0c8284ab41bd001c49be96 .row-fluid [class*=col-sm-5fix] {
   width: 50%;
   float:left;  
}
}

/* 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 ;
}
  
  .nav-template li a {
    color: #fff;
    font-size: 18px;
}
  .btn-sm p {
    font-size: 16px;
    line-height: 1.5;
}
#Contentmanager .post-time {
    font-size: 18px;
    color: #fff;
}
  .CASS-B-border {
    position: relative;
    background: #ffffff;
    border: 1px solid #ffcf00;
    border-radius: 0px;
    color: #000;
    height: 250px;
    outline: 1px solid #fecf06;
    outline-offset: -5px;
}

.thumbnail {
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding-top: 0px!important;
    border-radius: 0px;
    line-height: 1.7;
    color: #000;
    background-color: #fccd05;
    border:solid 1px #fccd05;
    font-size: 28px;
    text-align: center;
}

.thumbnail:hover{
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding-top: 0px!important;
    background-color: #fff;
    border:solid 1px #fff;
    border-radius: 0px;
    color: #000;
   line-height: 1.7;
   -webkit-filter: contrast(100%); /* Safari */
   filter: contrast(100%);
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
   font-size: 28px;
    text-align: center;
}
 /*ฟอร์มสร้างเอง*/
#capcha0{
        margin-left: -7px;
        margin-right: -45px;
}
}

/* 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;
}
.CASS-B-border {
    position: relative;
    background: #ffffff;
    border: 1px solid #ffcf00;
    border-radius: 0px;
    color: #000;
    height: 250px;
    outline: 1px solid #fecf06;
    outline-offset: -5px;
}

.thumbnail {
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding-top: 0px!important;
    border-radius: 0px;
    line-height: 1.7;
    color: #000;
    background-color: #fccd05;
    border:solid 1px #fccd05;
    font-size: 28px;
    text-align: center;
}

.thumbnail:hover{
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding-top: 0px!important;
    background-color: #fff;
    border:solid 1px #fff;
    border-radius: 0px;
    color: #000;
   line-height: 1.7;
   -webkit-filter: contrast(100%); /* Safari */
   filter: contrast(100%);
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
   font-size: 28px;
    text-align: center;
}
 /*ฟอร์มสร้างเอง*/
#capcha0{
        margin-left: -7px;
        margin-right: -45px;
}
}

.btn-primary {
    background-image: -webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);
    background-image: -o-linear-gradient(top,#428bca 0,#2d6ca2 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#428bca),to(#2d6ca2));
    background-image: linear-gradient(to bottom,#ceaf5f 0,#a97430 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff2d6ca2',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #bc9448;
}
  
  .btn-primary:hover, .btn-primary:focus {
    background-color: #ac7935;
    background-position: 0 -15px;
}
  
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #ab7733;
    border-color: #ac7a36;
}
  .btn-primary:active, .btn-primary.active {
    background-color: #ad7b36;
    border-color: #bc9248;
}
  


  @media only screen and (max-width: 768px){
.row-fluid [class*=col-sm-5fix] {
  width: 50%!important;
  float:left!important;
}
     /*ฟอร์มสร้างเอง*/
#capcha0{
        margin-left: 14px;
        margin-right: 10px;
}
}