body , html {
	background-color: rgb(0,0,0,65%);
	color: #FFFFFF;
}
a{
    color: #bababa;
}
a:hover{
    color: #FFFFFF;
}
input:focus,textarea:focus, button:focus {
	border-color: #bababa !important;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	background-color: #CCCCCC !important;
	color: #000000 !important;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background-color: #bababa !important;
}
.form-control.is-valid, .was-validated .form-control:valid, .form-control.is-invalid, .was-validated .form-control:invalid{
    border-color: #bababa !important;
}
.btn{
    background-color: #bababa;
    border-color: #bababa;
    color: #FFFFFF;
}
hr {border-color: #CCCCCC;}
.invalid-feedback{
    color: #bababa;
}

/*Home*/
.bg-header{
    background: -moz-linear-gradient(90deg, rgba(20, 20, 20, 0) 0%, rgba(193, 194, 194, 0.35) 15%, rgba(89, 90, 90, 0.71) 42%, rgba(87, 88, 88, 0.84) 63%, rgba(57, 58, 58, 0.96) 87%, rgb(49, 49, 49) 93%, rgb(22, 22, 22) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(22, 22, 22)), color-stop(7%, rgb(43, 43, 43)), color-stop(13%, rgba(56, 56, 56, 0.96)), color-stop(37%, rgba(79, 80, 80, 0.84)), color-stop(58%, rgba(93, 94, 93, 0.71)), color-stop(85%, rgba(201, 201, 201, 0.35)), color-stop(100%, rgba(20, 20, 20, 0))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(20, 20, 20, 0) 0%, rgba(193, 194, 194, 0.35) 15%, rgba(89, 90, 90, 0.71) 42%, rgba(87, 88, 88, 0.84) 63%, rgba(57, 58, 58, 0.96) 87%, rgb(49, 49, 49) 93%, rgb(22, 22, 22) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(20, 20, 20, 0) 0%, rgba(193, 194, 194, 0.35) 15%, rgba(89, 90, 90, 0.71) 42%, rgba(87, 88, 88, 0.84) 63%, rgba(57, 58, 58, 0.96) 87%, rgb(49, 49, 49) 93%, rgb(22, 22, 22) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(20, 20, 20, 0) 0%, rgba(193, 194, 194, 0.35) 15%, rgba(89, 90, 90, 0.71) 42%, rgba(87, 88, 88, 0.84) 63%, rgba(57, 58, 58, 0.96) 87%, rgb(49, 49, 49) 93%, rgb(22, 22, 22) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(20, 20, 20, 0) 0%, rgba(193, 194, 194, 0.35) 15%, rgba(89, 90, 90, 0.71) 42%, rgba(87, 88, 88, 0.84) 63%, rgba(57, 58, 58, 0.96) 87%, rgb(49, 49, 49) 93%, rgb(22, 22, 22) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#111111',GradientType=0 ); /* ie6-9 */
}

/* Search */
.search-box{background:#313131;}

/* Navigation */
#topmenu a:hover{color: #CCCCCC;}
#topmenu .active a {color: #CCCCCC;}
#topmenu ul li div.dropdown-menu a:hover{background-color: #6b6b6b;}
#topmenu ul li div.dropdown-menu a.dropdown-item.active {background-color: #6b6b6b;}
#topmenu ul.navbar-nav li:hover > ul.dropdown-menu {background-color: rgba(106, 107, 107, 0.9);}
.dropdown-submenu>.dropdown-menu {background-color: rgba(106, 107, 107, 1.0)!important; }
.dropdown-submenu>.dropdown-menu li:hover{background-color:#5a5c5b;}
.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu{background-color:#777a7a!important;}
.dropdown-submenu>.dropdown-menu>.dropdown-submenu>.dropdown-menu li:hover{background-color:#9ea09f;}
.bg-submenu{background-color: rgba(109, 110, 110, 0.9);}
.dropdown-menu li a:hover,.dropdown-menu li:hover{background-color: #707070;}
.dropdown-submenu a:hover,.dropdown-submenu:hover{background-color: #707070;}

/* SERVICE */
.bg-green{background-color: #000;}
.icon-form:hover .icon01{ background-color: #747474;color: #464241;}
.tabs li{border-color:#696969;}

/*news*/
.btn-more{background-color: #CCCCCC;}
.btn-more:hover {background-color: #9e9e9e;}
a.view_all {color: #CCCCCC !important;}
a.view_all:hover {color: #c4c2c1 !important;}
.bg-caption > div{color: #000;}

/*e-book*/
.title-ebook{color: #000;}
.intro-ebook{color: #fff;}
.bg-book{background-color: #353535;}
.card-magazine{background-color: #000;}

/* VDO */
a.tab-video.active{
    -webkit-filter: grayscale(100%) brightness(100%) saturate(100%) contrast(1);
    filter: grayscale(100%) brightness(100%) saturate(100%) contrast(1);
}

/* icon */
.icon_01,.icon_02,.icon_03{background-color: #1F1F1F;}
a.icon_01 , a.icon_02, a.icon_03{color:#FFFFFF; }
a:hover.icon_01, a:hover.icon_02, a:hover.icon_03{
    -webkit-filter: grayscale(100%) brightness(100%) saturate(100%) contrast(1);
    filter: grayscale(100%) brightness(100%) saturate(100%) contrast(1);
}

/* btn-scroll-to-top */
.btn-scroll-to-top{
    -webkit-filter: contrast(0.5);
    filter: contrast(0.5);
}

/*footer*/
.bg-footer{background:#353535;}
.submenu-bottom a{color: #bababa;}


/*Content*/
.bg-header-page{
	background: -moz-linear-gradient(90deg, rgb(100, 100, 100) 0%, rgb(80, 80, 80) 39%, rgb(61, 60, 60) 60%, rgb(24, 24, 24) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(24, 24, 24,1)), color-stop(40%, rgba(61, 60, 60,1)), color-stop(61%, rgba(80, 80, 80,1)), color-stop(100%, rgba(100, 100, 100,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgb(100, 100, 100) 0%, rgb(80, 80, 80) 39%, rgb(61, 60, 60) 60%, rgb(24, 24, 24) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgb(100, 100, 100) 0%, rgb(80, 80, 80) 39%, rgb(61, 60, 60) 60%, rgb(24, 24, 24) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgb(100, 100, 100) 0%, rgb(80, 80, 80) 39%, rgb(61, 60, 60) 60%, rgb(24, 24, 24) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgb(100, 100, 100) 0%, rgb(80, 80, 80) 39%, rgb(61, 60, 60) 60%, rgb(24, 24, 24) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#111111',GradientType=0 ); /* ie6-9 */
}
.bread{background-color: #1F1F1F; }
.title-page{color: #FFFFFF;}
.title2-page{color: #747474;}

/*tab*/
.nav-vertical .nav-left ~ .tab-content .tab-pane{background-color: #1F1F1F;}
.nav-vertical .nav-left.nav-tabs.nav-border-left li.nav-item a.nav-link{ color: #ffffff;}
.nav-vertical .nav-left.nav-tabs.nav-border-left li.nav-item a.nav-link.active {border-color : #747474;}
.notice2 ul li a,.job2 ul li a{ color: #FFFFFF;}

/*card form*/
.card-description{color: #bababa;}
.form-text-muted{color: #CCCCCC;}
.bg-fields {
    background-color: #ebebeb;
    border: 1px solid #e6e6e6;
}

/*search*/
/*search*/
#search-list .title a {
    color:#FFF;
}
#search-list .descript{
    color:#999;
}
#search-list .text-footer {
    color:#FFF;
}
.btn-success{background-color: #747474 !important;}

/*news*/
#newsdetail .carousel-indicators li.active{background-color: #747474;}

/*privilege*/
.bg-transparent{border-color: transparent;}
.circle,.circle2{background-color: #FFFFFF;}
.circle2:before{border-color: #FFFFFF;}
.circle__spin circle {stroke: #FFFFFF;}
.text-circle{color: #1A1A1A;}

/*menu nav*/
.tog{background-color:#CCCCCC;}

/* หน้าจอต่างๆ */
@media screen and (min-width: 300px) and (max-width: 1023px){
    /* menu */
    .bg-header{background-color:#838383;}
    #topmenu{background-color: #000; padding: 10px;}
    .dropdown-menu{background-color: rgba(218, 218, 218, 0.9) ;}
    .tabs li{border: 2px solid #707070;}
}
@media screen and (max-width: 823px) and (min-width: 300px){
    .bg-nav {background-color: rgba(32, 32, 32, 0.9);}
    .bg-nav ul{ padding: 15px;}

}

/*contact*/
.address2,.address2 a{ color: #FFF; }