.itopplus-background {
.itopplus-bgmain {
    background-image: url(https://itp1.itopfile.com/ImageServer/a1dc6eb5ac0f119a/1594/0/Screenshotfrom2024-09-1620-43-31z-z1583676820967.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: #fff;
}
}
@font-face {
    font-family: 'FC Defragment';
    src: url('https://itp1.itopfile.com/ContentImage/a1dc6eb5ac0f119a/fonts/FCDefragment/FCDefragment-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FC Defragment';
    src: url('https://itp1.itopfile.com/ContentImage/a1dc6eb5ac0f119a/fonts/FCDefragment/FCDefragment-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FC Defragment';
    src: url('https://itp1.itopfile.com/ContentImage/a1dc6eb5ac0f119a/fonts/FCDefragment/FCDefragment-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FC Defragment';
    src: url('https://itp1.itopfile.com/ContentImage/a1dc6eb5ac0f119a/fonts/FCDefragment/FCDefragment-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FC Defragment';
    src: url('https://itp1.itopfile.com/ContentImage/a1dc6eb5ac0f119a/fonts/FCDefragment/FCDefragment-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



figure {
margin: 0;
padding: 0;
overflow: hidden;
}

figure:hover span {
bottom: -36px;
opacity: 1;
}

.hover01 figure img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.hover01 figure:hover img {
-webkit-transform: scale3d(0.95,0.95,1);
transform: scale3d(0.95,0.95,1);
}

figure.effect-selena {
   background: rgba(255, 255, 255, 0);
}


/*อัลบั้ม*/

.thumbs {
    padding-left: 0px!important;
    padding-right: 0px!important;
    background-color: #ffb000;
    border:solid 0px #231f20;
}

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






.navbar-default {
    border-radius: 0
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child{
font-family: supermarket;

}


figure.effect-selena {
   background-color: transparent;
   margin-bottom: 5px;
}

.nav-template1 li a {
    color: #333;
    display: block;
    font-size: 18px !important;
    font-family: supermarket;
}

.nav-template1 li:hover{
    border-bottom: 1px solid #ffb000;
    border-top: 1px solid #ffb000;
    background:#ffb000;
    color:#fff!important;

}

.navbar-default .navbar-brand, .navbar-default .navbar-nav>li>a {
    color: #490204;
    font-family: FC Defragment;
    font-size: 1.23em;
}


/*เมนูด้านข้าง*/

.menuVertical>.nav-pills>li>a {
    color: #fff;
    font-family: supermarket;
    font-size: 18px;
    padding:10px 10px 10px 20px;
    background: linear-gradient(to bottom,#438059 0,#16513e 68%);
}

.menuVertical>.nav-pills>li>a:hover{
  background-color:#16513e;
}


.dropdown-menu>li>a {
font-family: FC Defragment;
    font-size: 16px;
}


@media{
 ul.nav li.dropdown:hover > ul.dropdown-menu {
   display: block;
margin: 0;
 }
}

.header-TP6 {
    background-color: #889d62;
    margin-bottom: 10px;
}
.header-TP6 h4 {
    color: #fff;
    font-weight: normal;
    font-size: 22px;
}
.nav-template li {
	font-family: supermarket;
}
#Contentmanager .post-time {
    font-size: 16px;
    color: #666;
    font-family: supermarket;
}
.Contentmanager .caption {
    height: 35px;
    overflow: hidden;
    font-family: supermarket;
    font-size: 18px;
    padding-top: 10px;
}
.img-container .img :hover{
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
}


/*ฟอร์มติดต่อเรา*/

.form-horizontal .control-label {
    font-family: supermarket;
}

.form-control, output {
    font-family: supermarket;

}

.btn-default {
    font-family: supermarket;

}
.page-header {
    font-family:supermarket;
}

.search_text{
    font-family:supermarket;
}

.search_urlSearch{
    font-family:supermarket;
}
.search_titleText{
    font-family:supermarket;
}
.search_filterTitle{
    font-family:supermarket;
}

.search_RangTitle{
    font-family:supermarket;
}
.ui.fluid.dropdown {
    display: block;
    width: 100%;
    min-width: 0;
   font-family: supermarket;
}

/* แก้ปัญหา hover dropdown-menu */
ul.dropdown-menu.c.dropdown-menu-xs.c.dropdown-menu-sm{
display: none!important;
}


.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #4f060d;
    background-color: #fff;
}


.itopplus-menu {
        background: #fee55f;
        background: -moz-linear-gradient(top,rgba(254,229,95,1) 0,rgba(212,139,40,1) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(254,229,95,1)),color-stop(100%,rgba(212,139,40,1)));
        background: -webkit-linear-gradient(top,rgba(254,229,95,1) 0,rgba(212,139,40,1) 100%);
        background: -o-linear-gradient(top,rgba(254,229,95,1) 0,rgba(212,139,40,1) 100%);
        background: -ms-linear-gradient(top,rgba(254,229,95,1) 0,rgba(212,139,40,1) 100%);
        background: #fff;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee55f', endColorstr='#d48b28', GradientType=0 )
    }
}



.itopplus-bgmain {
    background-image: url(https://itp1.itopfile.com/ImageServer/a1dc6eb5ac0f119a/1594/0/Screenshotfrom2024-09-1620-43-31z-z1583676820967.webp);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: #fff;
}


.itopplus-footer {
    background-color: #303b2b;
    color: #fff;
}