.itopplus-background {

}
.btn-primary, button.btn.btn-default {
    background-image: linear-gradient(to bottom,#fecf00 0,#f9ac00 100%);
    text-shadow: none;
  	border-color: #f9ad00;
}
.btn-default:active, .btn-default.active {
    background-color: #125238;
    border-color: #125238;
}

.btn-primary:hover, .btn-primary:focus, .btn-default:hover, .btn-default:focus {
    background-color: #fece00;
    background-position: 0 -33px;
}
.btn-primary:active, .btn-primary.active {
    background-color: #125238;
    border-color: #125238;
}

/*ตารางฟ้า*/
table.tj2 {
   border-spacing: 0;
   width: 100%;
   border: 1px solid #ccc;
   padding:10px;
   background-color:#fff;
}

table.tj2 td {
  border: 1px solid #ccc;
  padding:8px; 
  font-size:14px;
  vertical-align: top;
  text-align: left;
}

table.tj2 th {
    border: 1px solid #ccc;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    vertical-align: text-top;
    font-weight: normal;
    background-color: #125238;
    color: #fff;
}
table.tj2 tr:nth-child(even) {background-color: #fff;}
table.tj2 tr:nth-child(odd) {background-color: #eee;} 


table.tj2 tr:hover{background-color: #faae00;color: #fff; }
table.tj2 td:hover{background-color: #faae00;color: #fff; }


.form-control {
    border: 1px solid #184f54;
    border-radius: 0px;
}


/*หัวข้อ*/
.subject{
	font-size:2.8em;
  	font-weight:500;
}
.title{
	font-size:20px;
}
.border1{
	border:solid 2px #174e53;
  	font-size:22px;
  	font-weight:bold;
  	padding:15px 2px;
  	color:#174e53;
}
.border2{
  	font-size:20px;
  	font-weight:bold;
  	padding:15px 25px;
   	background-image: linear-gradient(to right, #fed000, #f9ac00);
  	color:#fff;
  	width:max-content;
  	border-radius:30px;
  	margin:0 auto;
}
.pad-top{
	margin-top: 10%;
}
.pad {
    margin-top: 4%;
    padding: 0px 20px!important;
}

.btn01{
    background-image: linear-gradient(to right, #fed000, #f9ac00);
    font-size: 14px;
    color: #000;
    margin: 0 auto;
    padding: 5px 25px;
    border-radius: 25px;
    width: max-content;
    font-weight: normal;
}
.btn01:hover{
    background-image: linear-gradient(to right, #fed000, #fed000);
}


/*eff*/
.eff1{
	background-color:#fff;
  	border-radius:50%;
  	width:100%;
      transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.eff1:hover{
	background-color:#fecf00;
  	border-radius:50%;
  	width:100%;
  	box-shadow: 0px 0px 10px 0px rgb(254, 206, 0);
}
.hvr-sweep-to-left {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  	border-radius:10px;
  	background-image: linear-gradient(to right, #fed000, #f9ac00);
  	color:#0b3b27;
  	padding:8px 2px;
  	
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
    color: #0b3b27;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.hvr-sweep-to-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to right, #ffffff8f, #f9ac00);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  	border-radius:10px;
}

.hvr-shrink {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
  	color:#237453;
  	font-size:18px;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

/*อัลบั้ม*/
figure.effect-jazz figcaption::after {
border-top: 1px solid #fff0;
border-bottom: 1px solid #fff0;
}
figure.effect-jazz {
    background: transparent;
}




@media (max-width:812px) {
.border2 {
    font-size: 16px;
    width: 100%;
}
  .pad-top {
    margin-top: 1%;
}
  .subject {
    font-size: 1.8em;
    font-weight: 500;
}
}


@media (max-width:768px) {
	.title{
	font-size:18px;
}
  .btn01 {
    padding: 5px 20px;
}
  .subject {
    font-size: 1.5em;
    font-weight: 500;
}
  .pad-top {
    margin-top: 3%;
}
  /*ฟอร์มค้นหา*/
#main-navbar-search .col-sm-12, .col-md-12, .col-lg-12, .col-sm-12 {
    padding-right: 2px;
    padding-left: 2px;
}
p.search_text {
    word-break: break-word;
}
  p.search_urlSearch {
    word-break: break-word;
}
}



@media (max-width:414px) {
.border2 {
    font-size: 18px;
    width: 100%;
  }
  .border1 {
    font-size: 20px;
    padding: 10px 5px;
}
  .title {
    font-size: 16px;
}
}

@media (max-width: 375px){
.title {
    font-size: 14px;
}
}



/*เมนู*/
.navbar-default {
    background: #125238;
  	border-radius: 0px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 16px;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #fecf00;
    background-color: transparent;
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #301300
}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #fecf00;
}
.navbar-default .navbar-toggle:focus .text-bar,.navbar-default .navbar-toggle:hover .text-bar {
    color: #fecf00!important;
}
.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: #fecf00;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    color: #fecf00!important;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    background-color: transparent;
    background-image: none;
    color: #fecf00!important;
}
@media (max-width:768px) {
    .navbar-default {
        background: #125238;
    }
  .navbar-default .navbar-toggle {
    border-color: transparent;
}
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #125238;
}
}

/*เมนูกึ่งกลาง*/
/* 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:center ;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 15px 35px;
}
}

/* 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:center ;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 15px 35px;
}
}

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

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