.itopplus-background {

}
#capcha0 {
    font-weight: bold;
    margin-left: -7px;
    margin-right: -45px;
}


/*ปุ่ม*/
.btn03 {
    width:max-content;
    letter-spacing: 1px;
    border: solid 1px #ed1c24;
    background-image: linear-gradient(to bottom, #ed1c24, #ed1c24);
    padding: 5px 15px;
    color: #fff;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;
  	margin:5px 2px;
    font-size:14px;
}
.btn03:hover{
     width:max-content;
     padding: 5px 15px;
	color:#fff;
    border: solid 1px #000;
    background-image: linear-gradient(to bottom, #000, #000);
    text-align: center;
  	font-size: 14px;
}


/*อัลบั้ม*/
figure.effect-sadie figcaption::before {
    background: -webkit-linear-gradient(top,rgba(72,76,97,0) 0,rgba(72,76,97,.8) 75%);
    background: linear-gradient(to bottom,rgba(72,76,97,0) 0,rgba(52, 201, 254, 0.21) 75%);
}
p.margin {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
}
.thumbs:hover{
	color:#0076c0;
    letter-spacing:0.5px;
}
.thumbnail, .img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
    box-shadow: none;
}
.thumbnail {
    background-color: #fff;
    border: none;
    border-radius: 4px;
}
.thumbnail:hover{
	color:#0076c0;
    letter-spacing:0.5px;
}  
  
.thumbnail img.imageWidth.imageGallery {
    border: solid 2px #ccc;
}
.thumbnail img.imageWidth.imageGallery:hover {
    border: solid 2px #0076c0;
}



/*เมนูข้าง*/
.menuVertical .nav-pills>li>a {
    color: #444444;
    font-size:16px;
}

.menuVertical .nav-pills>li>a, .menuVertical .nav-stacked>li+li {
    border-radius: 0;
    background-color: #fff;
    border-bottom: solid 1px #c2c2c2;
}
.menuVertical .nav>li>a:hover, .nav>li>a:focus {
    color: #fff;
    background-color: #fd3942;
    border-bottom: solid 1px #c2c2c2;
}
.menuVertical .nav-stacked>li {
    float: none;
    border-bottom: solid 1px #ccc;
}
.menuVertical .nav>li>a:hover, .nav>li>a:focus {
    color: #fff!important;
    background-color: #fd3942;
    border-bottom: solid 1px #c2c2c2;
}



/*เมนูบน*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default {
    background: transparent;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 16px;
}
.dropdown-menu>li>a {
    font-size: 15px;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fff!important;
    background-color: #fd3942;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #fd3942;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #fff!important;
    background-color: #fd3942;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    background-color: #fd3942!important;
    color: #fff!important
}
.navbar-default .navbar-nav .open .dropdown-menu .menu-item a:hover {
    background: #fd3942;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #fd3942!important;
}
@media (max-width:414px) {
  .col-md-3.col-sm-4.col-xs-4 {
    width: 100%;
} 
  .navbar-header {
    background: #009dd2;
}
    .navbar-collapse {
    background: #ffffff;
}
}

@media (max-width:768px) {
    .dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
        background-color: #fd3942!important;
        background-image: none;
        color: #fff!important
    }
 .col-md-3.col-sm-4.col-xs-4 {
    width: 25%;
} 
  .navbar-header {
    background: #009dd2;
}
  .navbar-collapse {
    background: #ffffff;
}
}

/*เมนูกึ่งกลาง*/
/* 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 ;
}
 ul.nav li.dropdown:hover > ul.dropdown-menu {
   display: block;
margin: 0;
 }
}

/* 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 ;
}
 ul.nav li.dropdown:hover > ul.dropdown-menu {
   display: block;
margin: 0;
 }
}


a:hover {
    color: #fd3942;
    text-decoration: none;
}

.toast-top-center {  
    top: 49%; 
    left: 50%; 
    margin-left: -150px; 
} 
@media all and (max-width: 240px) { 
    .toast-top-center { 
        margin-left: -54px; 
    } 
} 
@media all and (min-width: 241px) and (max-width: 320px) { 
    .toast-top-center { 
        margin-left: -64px; 
    } 
} 
@media all and (min-width: 321px) and (max-width: 480px) { 
    .toast-top-center { 
        margin-left: -96px; 
    } 
}

