.itopplus-background {

}
a{
  color:#101010;
}
a:hover{
  color:#e6252c;
}
.navbar-default .navbar-nav>li>a {
    font-size: 22px;
}


.itopplus-border{
  border:1px solid #d91b21;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default .navbar-toggle {
    border-color: #fff0;
}




/*เมนูชิดขวา*/
/* 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 ;
}

}



figure.effect-jazz {
    background: transparent;
}
figure.effect-jazz h2 {
    margin-top: 15px;
    position: absolute;
    padding: 15px 5px 10px 15px;
    width: 100%;
    height: 60px;
    font-size: 26px;
    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: #f0ff00;
    background: #000000ba;
    text-transform: capitalize;
    transform: scale3d(1,1,1);
    text-align: center;
}

figure.effect-jazz figcaption::after {
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
}


@media only screen and (max-width:768px){
  figure.effect-jazz h2 {
    margin-top: 15px;
    position: absolute;
    padding: 15px 5px 10px 15px;
    width: 100%;
    height: 60px;
    font-size: 22px;
    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: #f0ff00;
    background: #000000ba;
    text-transform: capitalize;
    transform: scale3d(1,1,1);
    text-align: center;
}
h2.margin {
    text-align: center;
    padding: 10px 0px;
    color: #f0ff00;
    background: #000000;
 }
}


figure.effect-steve {
    background: transparent;
}
figure.effect-steve p {
    padding: 0em;
}
figure.effect-steve h2 {
    padding: 0em;
}
figure.effect-steve h2:before, figure.effect-steve:before {
    background: #0000;
}
figure.effect-steve:before {
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.7);
}














.ui.action.input:not([class*="left action"])>input {
    font-family: ThaiSansNeue;
}