.itopplus-background {

}
/*Theme มีปัญหาแก้ไขไม่ได้*/
.itopplus-search {
    right: 0
}
/*Theme มีปัญหาแก้ไขไม่ได้*/

a:hover{
color: #0f418e;
}


.navbar-default .navbar-nav>li>a {
    color: #00183c;
    padding: 10px 6px;
    font-family: TH SarabunPSK;
    font-size: 20px;
}
.navbar-nav>li>.dropdown-menu>li>a {
    color: #00183c!important;
    font-family: TH SarabunPSK;
    font-size: 18px;
}

.dropdown-menu>li>a {
    font-family: TH SarabunPSK;
    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 {
    -webkit-box-shadow: inset 0 -3px 0 0 #175ccf;
    -moz-box-shadow: inset 0 -3px 0 0 #175ccf;
    box-shadow: inset 0 -3px 0 0 #175ccf;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    -webkit-box-shadow: inset 0 -3px 0 0 #175ccf;
    -moz-box-shadow: inset 0 -3px 0 0 #175ccf;
    box-shadow: inset 0 -3px 0 0 #175ccf;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    -webkit-box-shadow: inset 0 -3px 0 0 #175ccf;
    -moz-box-shadow: inset 0 -3px 0 0 #175ccf;
    box-shadow: inset 0 -3px 0 0 #175ccf;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav>li>.dropdown-menu>li>a:hover {
    -webkit-box-shadow: inset 0 -3px 0 0 #175ccf;
    -moz-box-shadow: inset 0 -3px 0 0 #175ccf;
    box-shadow: inset 0 -3px 0 0 #175ccf;
}
.navbar-default .navbar-nav>li:hover,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: none;(transparent) /*จะขึ้นเป็นสีเทา*/
}
@media (max-width:768px) {
    .navbar-default {
        background: #e6e6e6;
    }
}
.navbar-default .navbar-toggle {
    border-color: #e6e6e6;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    border-color: #e6e6e6;
}
/*hover ไอคอน ในโทรศัพท์  และ Menu*/
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #175ccf;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #175ccf;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #175ccf!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 ;
}

}

/*button ผลิตภัณฑ์ในหน้าแรก*/
.btnn {
    background: linear-gradient(to bottom, rgba(0,151,245,1) 12%, rgba(1,119,192,1) 100%);
    border: none;
    color: white;
    padding: 7px 32px;
    text-align: center;
    margin: 4px 2px;
    transition: 0.3s;
    border-radius: 50px;
    font-family: TH SarabunPSK;
    font-size: 18px;
  font-weight: bold;
    width: 70%;

}

.btnn:hover {
background: linear-gradient(to bottom, rgba(235,235,235,1) 12%, rgba(204,204,204,1) 100%);
  color: #1350b2;
}


/*อัลบั้มไม่มีเส้นขอบ*/

.thumbs {
   padding-left: 0px!important;
   padding-right: 0px!important;
   background-color: #fff;
   border:solid 1px #fff;
}

.thumbs:hover{
   padding-left: 0px!important;
   padding-right: 0px!important;
   background-color: #fff;
   border:solid 1px #fff;
  -webkit-filter: contrast(100%); /* Safari */
  filter: contrast(100%);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}


/*เนื้อหาระบบ*/
.nav-template7 li a {
    font-size: 22px !important;
    font-family: TH SarabunPSK;
}
.nav-template7 li {
    border-bottom: 1px solid #e2e2e200;
    border-top: 1px solid #f6f6f600;
}
.btn-sm, .btn-group-sm>.btn {
    padding: 3px 5px!important;
}
.fa-plus:before {
    content: "\00bb";
    font-size: 24px;
    font-weight: bold;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    font-size: 15px;
}



/*ฟอร์มสร้างเอง*/
#capcha0{
       margin-left: -7px;
       margin-right: -45px;
}

@media (max-width:768px) {
#display1{
       margin-right: -20px;
 }
#display3{
       margin-right: -20px;
 }
}

.panel-body {
    font-family: TH SarabunPSK;
}
p.search_urlSearch {
       word-wrap: break-word;
}



@media (min-width: 768px){
label.col-xs-12.col-sm-3.col-md-3.control-label {
   width: 33%!important;
}
}