.itopplus-background {

}
/*เมนู*/
.navbar-default .navbar-nav>li>a {
    font-family: ThaiSansNeue;
    font-size: 22px;
    font-weight:bold;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 20px;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
i.glyphicon.glyphicon-phone-alt {
    display: none;
}




/*เนื้อหาระบบ*/
.page-header{
    font-family: ThaiSansNeue;
	font-size: 20px;
}
.nav-template li{
    font-family: ThaiSansNeue;
}
.btn-sm p {
    font-size: 18px;
    line-height: 1;
}
.nav-template li a {
    color: #333;
    font-size: 18px;
}

#Contentmanager .post-time {
	display: none;
}
.Contentmanager .site .col-section .item.-micro a .caption .time{
    font-family: ThaiSansNeue;
   font-size:20px;
}
.Contentmanager .site .col-section .item.-micro {
    padding: 10px;
}

.Contentmanager .site .col-section .item.-micro a .img-zoom img {
   -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    margin-bottom: -1px!important;
    width: 100%;
    height: 100%;
  
}
.Contentmanager .site .col-section .item.-micro a .img-zoom img:hover {   
   -webkit-transform: none;
    -ms-transform: scale(1.1,1.1);
    transform: none;
    margin-bottom: -1px!important;
}
.Contentmanager .site .col-section .item.-micro a:hover .caption .title {
    color: #fff;
}

.Contentmanager .site .col-section .item.-micro a .img-zoom img .Contentmanager .site .col-section .item.-micro a .caption .title :hover {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1em;
    color: #fff;
    background: #e68e5adb;
    padding: 10px;
    font-family: ThaiSansNeue;
}
.Contentmanager .site .col-section .item.-micro:nth-child(odd) {
    border-right: solid 0px #e8e6e8;
    border-bottom: solid 0px #e8e6e8;
}
.Contentmanager .site .col-section .item.-micro:nth-child(even) {
    border-bottom: solid 0px #e8e6e8;
}

article.col-md-6.item.-micro {
    width: 33%;
}

.Contentmanager .site .col-section .item.-micro a .image {
    width: 100%;
}

.Contentmanager .site .col-section .item.-micro a .post {
    display: none;
}

.Contentmanager .site .col-section .item.-micro a .caption .title {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1em;
    color: #fff;
    background: #000000ba;
    padding: 10px;
    font-family: ThaiSansNeue;
}

.Contentmanager .site .col-section .item.-micro a .caption .title:hover{
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1em;
    color: #fff!important;
    background: #e68e5adb;
    padding: 10px;
    webkit-transition: none;
    -moz-transition: 300ms ease-in-out;
    -o-transition: 300ms ease-in-out;
    -ms-transition: 300ms ease-in-out;
    transition: none;
  font-family: ThaiSansNeue;
}
.Contentmanager .site .col-section .item.-micro a .caption {
    width: 100%;
    padding-left: 0px;
}
.Contentmanager .caption h3 {
    height:65px;
}
.Textmanager.font-inherit {
    width: 62%;
    margin-left: 19%;
}

/*อัลบั้ม*/


figure.effect-jazz h2 {
    margin-top: 15px;
    position: absolute;
    padding: 10px 5px 10px 15px;
    width: 100%;
    height: 45px;
    font-size: 18px;
    text-align: left;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    bottom: 0;
    left: 0;
    color: #fff;
    background: linear-gradient(to left, #0000008a 0%, #0000008a 100%);
    transform: scale3d(1,1,1);
}
figure.effect-jazz {
    background: transparent;
    border: 1px solid #dcdee0;
}
figure.effect-jazz:hover h2{
    margin-top: 15px;
    position: absolute;
    letter-spacing: 2px;
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    background: linear-gradient(to left, #f37021ad 0%, #dc612bba 100%);
}
figure.effect-jazz figcaption::after {
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}







div#capcha0 {
    display: none;
}


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

.itopplus-footer a:hover {
    color: #ff795b;
}




.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #ff795b;
    background-color: none;
    -webkit-box-shadow: 0 5px 0 0 #fe7758;
    -moz-box-shadow: 0 5px 0 0 #fe7758;
    box-shadow: 0 5px 0 0 #fe7758;
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #ff795b;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #ff795b!important
}

@media (max-width:768px) {
    .navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
        color: #ff795b;
    }
.Contentmanager .site .col-section .item.-micro a .caption .title {
    margin-bottom: 15px;
    font-size: 19px!important;
    font-weight: 400;
    line-height: 1em;
    color: #fff;
    background: #000000ba;
    padding: 10px;
    font-family: ThaiSansNeue;
}
  .Contentmanager .caption h3 {
    height: 68px!important;
}
  .Textmanager.font-inherit {
    width: 100%;
    margin-left: 1%;
}
}
/*เวลา hover focus ที่  opendropdown ตัวอักษรจะเป็นสีขาว*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color: #ff795b!important;
}
/*เมนูย่อย เมนูย่อยเปลี่ยนสีพื้นหลัง*/
.navbar-default .navbar-nav .open>.dropdown-menu {
    background: #000;
}
.dropdown-submenu:hover>.dropdown-menu {
    background-color: #000;
}
.dropdown-menu, .dropdown-menu>li>a {
    background-color: #000;
}
/*แก้ไขใน Theme ไม่เปลี่ยน*/
.itopplus-menu{
  background-color: #000000;
}
/*แก้ไขใน Theme ไม่เปลี่ยน*/

@media (max-width:414px) {
	 article.col-md-6.item.-micro {
    width: 100%;
	} 
  .Textmanager.font-inherit {
    width:100%;
    margin-left:1%;
}
}
@media (max-width:375px) {
	 article.col-md-6.item.-micro {
    width: 100%;
	} 
    .Textmanager.font-inherit {
    width:100%;
    margin-left: 1%;
}
}