.itopplus-background {

}
.itopplus-footer a {
    color: #fff;
}
.itopplus-footer a:hover {
    color: #0703a0;
}

a {
  color:#252525;
}
a:hover {
  color:#01aff2;
}
.itopplus-bg1 a {
    color: #fff;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text {
    font-weight: bold;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    font-weight: bold;
    font-size: 17px;
}


.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 30px;
    color: #00b3ff;
    margin: 0 -45%;
}

.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: #01aff2;
   -webkit-box-shadow: inset 0 -3px 0 0 #01aff2;
   -moz-box-shadow: inset 0 -3px 0 0 #01aff2;
   box-shadow: inset 0 -3px 0 0 #01aff2;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
   color: #01aff2;
   -webkit-box-shadow: inset 0 -3px 0 0 #01aff2;
   -moz-box-shadow: inset 0 -3px 0 0 #01aff2;
   box-shadow: inset 0 -3px 0 0 #01aff2;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
   color: #01aff2;
   -webkit-box-shadow: inset 0 -3px 0 0 #01aff2;
   -moz-box-shadow: inset 0 -3px 0 0 #01aff2;
   box-shadow: inset 0 -3px 0 0 #01aff2;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav>li>.dropdown-menu>li>a:hover {
   color: #01aff2!important;
   -webkit-box-shadow: inset 0 -3px 0 0 #01aff2;
   -moz-box-shadow: inset 0 -3px 0 0 #01aff2;
   box-shadow: inset 0 -3px 0 0 #01aff2;
}
.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: #01aff2;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
   background-color: #01aff2;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
   color: #01aff2!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 ;
}

}

/* 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 ;
}

}

.bt {
   background-color: transparent;
    border: 1px solid #20ace7;
    color: #20ace7;
    padding: 6px 25px;
    text-align: center;
    font-size: 16px;
    margin: 4px 2px;
    transition: 0.3s;
    border-radius: 5px;
}

.bt:hover {
  background-color: #20ace7;
  color: white;
}

.bpdf {
  background-color: #b42231;
  border: none;
  color: white;
  padding: 10px 10px;
  text-align: center;
  font-size: 22px;
  transition: 0.3s;
  width:100%;
  margin-bottom: 10px;
}

.bpdf:hover {
  background-color: #80000d;
  color: white;
}



/*อัลบั้มมีขอบ*/
.thumbnail, .img-thumbnail {
   -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.075);
   box-shadow: 0 0px 0px rgba(0,0,0,.075);
}
.thumbnail {
    background-color: #ffffff00;
    border-radius: 0px!important;
    border: 1px solid #cccccc;
    padding-left: 0px!important;
    padding-right: 0px!important;
    padding: 0px;
    margin-bottom: 10px;
}

.thumbnail:hover{
    border-radius: 0px!important;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}




figure.effect-oscar figcaption {
    padding: 4em 0em;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: background-color .35s;
    transition: background-color .35s;
}
figure.effect-oscar figcaption::before {
    z-index: 0;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 0px solid #fff;
    background: rgba(32, 172, 231, 0.8);
}
figure.effect-oscar figcaption::before, figure.effect-oscar p {
    font-size: 30px!important;
    text-transform: capitalize;
}
figure.effect-jazz {
    background: transparent;
}
figure.effect-jazz figcaption::after {

    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;

}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #20ace7;
    border-color: #20ace7;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #20ace7;
}



@media (max-width:768px) {
  .row-fluid [class*=col-sm-5fix] {
    width: 33.33%;
    float:left;
}
  figure.effect-oscar figcaption::before, figure.effect-oscar p {
    font-size: 20px!important;
    text-transform: capitalize;
}
  figure.effect-oscar figcaption {
    padding: 2em 0em;
}
  
.bpdf {
    background-color: #b42231;
    border: none;
    color: white;
    padding: 10px 3px;
    text-align: center;
    font-size: 17px;
    transition: 0.3s;
    width: 100%;
    margin-bottom: 10px;
  }
  #searchResultLanding .col-sm-12, .col-md-12, .col-lg-12, .col-sm-12 {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
     word-break: break-word;
}
  .btn-primary {
    background-image: linear-gradient(to bottom,#20ace7 0,#20ace7 100%);
    border-color: #20ace7;
}
 .btn-primary:hover, .btn-primary:focus {
    background-color: #20ace7;
} 
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    border-color: #20ace7;
}
  .btn-primary:active, .btn-primary.active {
    background-color: #20ace7;
    border-color: #20ace7;
}
  
}


/*------------เรียง 5 รูป-------------------*/
@media only screen and (max-width: 480px){
.row-fluid [class*=col-sm-5fix] {
    width: 50%;
    float:left;
}
  p.margin {
    text-align: center;
}
}

