.itopplus-background {

}
/*ปุ่มฟอร์มในมือถือ*/
.btn-primary{
	border-color: #5b3f83;
    background-image: linear-gradient(to bottom,#5b3f83 0,#310e59 100%);
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default .navbar-toggle {
    border-color: transparent!important;
}

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

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

/*ไอคอน*/
ul.a {
   list-style-image: url('http://itp1.itopfile.com/ImageServer/2add452f3a8f9403/22/0/iTopPlus736026673851.webp');
}
ul.b {
   list-style-image: url('http://itp1.itopfile.com/ImageServer/2add452f3a8f9403/22/0/iTopPlus433012872491.webp');
}

/*เมนูบน*/
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 22px;
    border-right: solid 1px #fff;
    margin-top: 15px;
}
.navbar-nav>li>a{
    padding-top: 0px;
    padding-bottom: 0px;
}
.dropdown-menu>li>a{
	font-size: 20px;
}


/*เมนูข้าง*/
.nav-pills>li>a {
    border-radius: 0px;
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #562291;
}




/*อัลบั้ม*/
.thumbnail>img, .thumbnail a>img {
    margin-right: auto;
    margin-left: auto;
    border: solid 4px #fff;
	box-shadow: -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
.thumbnail>img, .thumbnail a>img:hover {
    margin-right: auto;
    margin-left: auto;
    border: solid 4px #e7c922;
    transition: 0.2s ease-in-out;
	box-shadow: none;
}
.thumbnail, .img-thumbnail {
    box-shadow: none;
}

.thumbnail{
	background-color: transparent;
    border: none;
    padding: 0px;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
p.margin {
    line-height: 2;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
}
figure.effect-sadie figcaption::before {
       background: linear-gradient(to bottom,rgba(240, 231, 216, 0.15) 0,rgba(231, 201, 34, 0.36) 75%);
}

/*เนื้อหาระบบ*/
.Contentmanager .template1 .template-panel {
    padding-bottom: 66%;
}
.Contentmanager .caption {
    height:45px;
    overflow: hidden;
    font-size: 20px;
    font-weight:bold;
    line-height: 2;

}
.Contentmanager .caption:hover{
    height:45px;
    overflow: hidden;
    font-size: 20px;
    font-weight:bold;
    line-height: 2;
}
.img-container .img {
    width: 100%;
    height: 100%;
    border: solid 4px #fff;
    border-radius: 0px;
  	box-shadow: -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);


}

.img-container .img:hover {
    width: 100%;
    height: 100%;
    border: solid 4px #e7c922;
    transition: 0.2s ease-in-out;
    border-radius: 0px;
}
.nav-template li a {
    color: #444;
    font-size: 20px;
}










.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #ebdf16;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #301300;
    border-color: transparent;
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #ebdf16;
    border-color: transparent;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #ebdf16!important;
    border-color: transparent;
}
.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: #ebdf16;
    background-color: #320f5a;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    color: #ebdf16!important
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: #320f5a;
    background-image: none;
    color: #ebdf16!important
}
@media (max-width:768px) {
    .navbar-default {
        background: #230a3f;
    }
  p.margin {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
  }
  
}

@media (max-width:414px) {
  p.margin {
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    line-height: 1.5;
  } 
}


/*เมนูกึ่งกลาง*/
/* 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 ;
}

}