@charset "UTF-8";
/* font */
@font-face {
    font-family: 'DBHeaventLiv3_2';
    src: url('../fonts/DBHeaventLiv3_2.eot');
    src: url('../fonts/DBHeaventLiv3_2.eot') format('embedded-opentype'),
         url('../fonts/DBHeaventLiv3_2.woff2') format('woff2'),
         url('../fonts/DBHeaventLiv3_2.woff') format('woff'),
         url('../fonts/DBHeaventLiv3_2.ttf') format('truetype'),
         url('../fonts/DBHeaventLiv3_2.svg#DBHeaventLiv3_2') format('svg');
}

@font-face {
    font-family: 'DBHeaventThinv3_2';
    src: url('../fonts/DBHeaventThinv3_2.eot');
    src: url('../fonts/DBHeaventThinv3_2.eot') format('embedded-opentype'),
         url('../fonts/DBHeaventThinv3_2.woff2') format('woff2'),
         url('../fonts/DBHeaventThinv3_2.woff') format('woff'),
         url('../fonts/DBHeaventThinv3_2.ttf') format('truetype'),
         url('../fonts/DBHeaventThinv3_2.svg#DBHeaventThinv3_2') format('svg');
}
@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon; font-size: 15px; font-style: normal;
}

.flaticon-think:before { content: "\f100"; }
.flaticon-open-book:before { content: "\f101"; }
.flaticon-video-player-outline:before { content: "\f102"; }
.flaticon-graduate-cap:before { content: "\f103"; }
.flaticon-board:before { content: "\f104"; }
.flaticon-folded-newspaper:before { content: "\f105"; }
.flaticon-news:before { content: "\f106"; }
.flaticon-write-board:before { content: "\f107"; }
.flaticon-web-page-home:before { content: "\f108"; }
.flaticon-information-button:before { content: "\f109"; }
.flaticon-comments:before { content: "\f10a"; }

/* CSS Document */

html {direction: ltr;overflow-x: hidden; -webkit-box-shadow: none !important; box-shadow: none !important; }
body { background-color: #FFF; color: #777; font-family: 'DBHeaventLiv3_2'; font-size: 22px; line-height: 24px; margin: 0; }
a {color: #000000; text-decoration: none !important;outline:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
a:hover {color: #333;}
*::-moz-selection {background-color: #0095eb;color: white;}
*::selection {background-color: #0095eb;color: white;}
.fa { font-size:15px; }

/*header*/
.header { border-bottom: 2px solid #FC842D}
.header-container { position: relative;padding-top:5px; padding-bottom: 5px;}
.header-logo h2 {  font-size: 36px; line-height: 28px; margin-top: 20px; }
.header-logo h2 span { display: block; font-size: 24px; line-height: 26px; }
.header-logo .logo { float:left; margin-right: 20px; }
.header-login { text-align: right; font-size:20px; line-height: 22px;} 
.header-login .login-link{ margin-bottom: 5px;} 
.header-login .btn-main {  margin-left: 5px; }
.header-login .login-link-list { margin: 0; }
.header-login .login-link-list li {  display: inline-block; margin-top: 5px;}
.header-login .login-link-list li:last-child {  display: block;}
.header-login .login-user-list { margin: 0; }
.header-login .login-user-list li {  display: inline-block; margin-top: 5px; margin-left: 20px;}
.header-login .login-user-list li:first-child {   margin-left: 0px;}
.header-login .login-user-list li .btn-secondary span{ display: block ;}
.header-login .login-user-list li .btn-secondary i{ display: none;}
.header-nav-bar { background: #eeeeee; }
.navmenu { position: relative;}
.header-menu {position: relative;}
.header-search { margin-top: 5px; }
.header-search .input-group { position: relative; display: block;}
.header-search .input-group button{ color:#999; background-color: transparent; border: none; position: absolute; left: 0; top:5px; z-index: 999; padding: 0 8px; }
.header-search .input-group input{ padding-left: 35px; width: 100%; font-size:20px; line-height: 20px; }

/*slide*/
.front-slide { background:url(../images/bg-slide.jpg) no-repeat center center fixed; background-size: cover; padding-top: 40px; padding-bottom: 0px; }

/*front*/
.front-about { background: #f2f2f2; }
.front-about-login { position:relative; background: #000}
.front-about-login img{ opacity: 0.7; width: 100%}
.front-about-login .caption{ text-align: center; color:#fff; position: absolute;left: 30px; top:50%; right: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.front-about-login .caption h3{ color:#fff; }
.front-about-news {}
.about-boxinfo { background:#fff; margin-bottom: 15px; padding-bottom: 5px; }	
.box-row {  padding: 10px; }	
.about-boxtext { font-size: 20px; line-height: 22px; margin-top: 15px; }	
.about-boxtext h3 { font-size: 24px; line-height: 26px; margin-bottom: 0; }	
.about-boxfree { text-align: right; min-height: 25px;}
.about-boxmark { background: #f7f7f7; font-size:20px; line-height: 35px;}
.box-mark { color:#fff; float:left; width: 35px; height: 35px;  text-align: center; background: #000; margin-right: 10px; }
.box-mark.fa{ line-height: 35px; }
.activities-row { margin-bottom:30px; }
.activities-row .img-thumb  { position: relative; margin-bottom: 15px; }  
.activities-row .img-thumb img { width:100%; }  
.activities-row .thumb-link { position:absolute; left: 0; bottom: 0; width:100%;  background: rgba(0,0,0,0.65); }
.activities-row .thumb-title { padding: 7px 10px; width: 70%; float: left; color:#fff;  }
.activities-row .thumb-title i{ font-size: 15px; vertical-align: -1px ; margin-right: 5px; }
.activities-row .thumb-click { width: 30%; float: left; text-align: center;}
.activities-row .thumb-click a{ background: #a2a2a2; padding: 7px;display: block; color: #fff;}
.activities-row .thumb-click a:hover{ background: #FC842D; }
.activities-row .text-thumb h4{  margin-bottom: 5px;}
.front-news.boxinner { padding-top:30px; }
.front-news .tab-title-content { margin-bottom: 30px; }
.news-pr .news-pr-row { margin-bottom: 15px; }
.front-learningchanne {  }
.learningchanne {background: #FC842D; }
.list-learningchanne {background: #FC842D; color:#fff; width: 90%; margin: 0 auto;}
.list-learningchanne h3{ color:#fff; margin-bottom: 0;}
.learningchanne-box.learing-box .item { }
.learningchanne-box.learing-box .item .item-box{  width: 130px; height: 130px; border-radius: 50%; background: #e8e8e8; margin:0 auto; }
.learningchanne-box.learing-box .item figure{ margin-bottom: 0; }
.learningchanne-box.learing-box .item figure img{ max-height: 60px; margin-top: 15px; }

.front-selectbook .tab-content { background:#f2f2f2; padding-top:50px; padding-bottom: 50px; }
.front-selectbook .select-book-box { background: #fff; position: relative; border:1px solid #e7e5e5}
.front-selectbook .select-book-box:hover { border:1px solid #d1d1d1;}
.front-selectbook .select-book-box a {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.front-selectbook .img-book { padding-top: 30px; padding-bottom: 30px;  text-align: center; margin-bottom: 15px; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dfdfdf+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#dfdfdf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#dfdfdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
}
.front-selectbook .img-book img { }
.front-selectbook .text-book { padding:0 10px 10px 10px }
.front-selectbook .text-book h4 span{ display: block;}
.front-selectbook .detail-book { color:#fff; background: #363636; padding-top: 5px; padding-bottom: 5px; font-size: 20px; line-height: 22px; }
.front-selectbook .detail-book .book { float:left; width: 70%; padding-left: 10px;}
.front-selectbook .detail-book .book i::before{ font-size: 15px; margin-right: 5px;}
.front-selectbook .detail-book .price { float:left; width: 30%; text-align: right; padding-right: 10px;}

/**/
.breadcrumb{background: none; padding-left: 0; padding-right: 0; padding-top: 12px; padding-bottom: 12px; margin: 0;}
.breadcrumb ul { margin: 0;}
.breadcrumb li { float: left; font-size: 20px; padding-right: 5px;}
.breadcrumb li::after { content: "\f054";    font: normal normal normal 9px/1 FontAwesome;padding-left: 5px; padding-right: 5px;vertical-align: 1px;display: inline-block;}
.breadcrumb li:last-child::after { content: "";}
.breadcrumb li a { color: #000 }
.breadcrumb li a:hover {}
.breadcrumb li:last-child a {  }
.aside-left { background: #f2f2f2; padding-bottom: 0px; margin-bottom: 15px; }
.aside-left header{ position: relative;}
.aside-left .mobile-click-newsroom{ display: none; position:absolute; left: 0; right: 0; top: 0; bottom: 0; }
.aside-left h4{ color:#fff;  background: #FC842D;  padding: 10px; width: 100%; margin-bottom: 0; margin-top: 0; }
.togglerecent { display: none;}
.menu-aside * {-webkit-box-sizing:padding-box; box-sizing:padding-box; -webkit-transition:all .3s ease-out; transition:all .3s ease-out}
.menu-aside .panel {  }
.menu-aside .panel-default { border:0px; }
.menu-aside .panel-collapse { height:30px!important; overflow: hidden;}
.menu-aside .collapse {  display: block;}
.menu-aside .panel-collapse.collapse.in { height: auto !important }
.menu-aside .panel-default > .panel-heading { color: #333; background-color:none; border-color: transparent;}
.main-menu-aside { position: relative; padding: 0 0 10px 0;  margin: 7px 7px 10px 7px; border-bottom: 1px dotted #959595;}
.main-menu-aside li{  list-style: none; margin-bottom: 5px;}
.main-menu-aside li a{  display: block; font-size:19px; line-height: 19px; font-weight: bold;color:#FC842D}
.main-menu-aside.book  {  border-bottom:none;}
.main-menu-aside.book li { padding-top: 10px; padding-bottom: 10px; margin-bottom: 0;  border-bottom: 1px dotted #959595;}
.main-menu-aside.book li a{ color:#333;}
.list-menuaside { position: relative; padding: 0 0px 20px 0px; margin-bottom: 0px;}
.list-menuaside li{ list-style: none; position: relative; font-size: 18px; line-height: 20px;}
.panel-collapse::after { content: ""; background: #000; height: 30px; display: block; position: absolute; bottom:0; left: 0; width: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+42&0+0,1+42 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(242,242,242,1) 42%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(242,242,242,1) 42%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(242,242,242,1) 42%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

.content-inner { padding-bottom:30px;}
.data-seminar {  font-size:20px; line-height:22px;}
.data-seminar .date{ display:block; }
.data-seminar .thead-dark{ background: #FC842D; color:#fff; }


.main {}
.main-title i { font-size: 26px; color:#FC842D; }
.main-title i::before { font-size: 26px; color:#FC842D; }

.tab-title-content { padding: 10px 0; }
.tab-title-content .nav { text-align: center;}
.tab-title-content .nav li{ display: inline-block; float: none;}
.tab-title-content .nav-tabs>li>a{ border:none; padding: 0 15px; margin-top: 10px; margin-bottom: 10px;}
.tab-title-content .nav-tabs>li.active>a, .tab-title-content .nav-tabs>li.active>a:focus, .tab-title-content .nav-tabs>li.active>a:hover, .tab-title-content .nav-tabs { border:0; }
.tab-title-content .nav-tabs>li.active>a { color:#FC842D; }
.tab-title-content .nav>li>a:focus, .tab-title-content .nav>li>a:hover { background-color: transparent; color:#FC842D; }
.tab-title-content.nav-book { margin: 0; }
.tab-title-content.nav-book .nav-link{ padding-top:20px; padding-bottom: 20px; }
.nav-tab-title { text-align: center; display:block !important;}
.nav-tab-title li{ display: inline-block; }



/*footer*/
.footer { color:#fff; background: #3d3d3d; padding-top:40px; padding-bottom: 40px; }

/*content*/
.panel-box { position:relative;}
.aside-left .panel-default { border:none; }
.aside-left .panel-collapse { position: relative;}
.aside-left .panel-default>.panel-heading { border:0; background-color:transparent;  font-size: 19px;line-height: 19px; font-weight: bold; color: #FC842D ; margin-bottom: 5px; }
.aside-left .panel-default>.panel-heading a{ color: #FC842D ;}
.aside-left .panel{ background-color:transparent; box-shadow: none; margin-left: 7px; margin-right: 7px;}
.aside-left .panel-group .panel{ margin-top: 8px; border-bottom: 1px dotted #959595;}
.aside-left .panel-body{ border:0;}
.aside-left .panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: transparent;}
.panel-heading {padding: 0;border:0;}
.panel-title>a, .panel-title>a:active{display:block;padding:15px;color: #FC842D ;font-size:16px;font-weight:bold;text-transform:uppercase;letter-spacing:1px; word-spacing:3px;text-decoration:none;}
.panel-heading  a:before { font-family: 'Glyphicons Halflings'; content: "\e113"; float: left;transition: all 0.5s;font-size: 12px; margin-right: 5px;}
.panel-heading.active a:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);} 
.panel-collapse { height:30px!important; overflow: hidden;transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear;}
.collapse {  display: block;transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear;}
.panel-collapse.collapse.in { height: auto !important }
.content-detail-highlight { background: url(../images/bg-boxdetail.png) no-repeat right bottom #f2f2f2; min-height: 380px; padding: 30px; border-radius: 20px; }
.list-download { margin-bottom: 10px; }
.list-download .txt-inner{ background: #f6be00; color:#fff; padding-top: 5px; padding-bottom: 5px; }
.list-download .btn-inner { background: #000; padding-top: 5px; padding-bottom: 5px; color: #fff; text-align: center; }
.list-download .btn-inner a{  color: #fff; display: block;}
.data-seminar .seminar { float: left; width: 20%; padding: 10px; }
.data-seminar .activities { float: left; width: 60%; padding: 10px;}
.data-seminar .detail { float: left; width: 20%; padding: 10px;}
.data-seminar .seminarin { float: left; width: 18%; padding: 10px; }
.data-seminar .activitiesin { float: left; width: 55%; padding: 10px;}
.data-seminar .detailin { float: left; width: 25%; padding: 10px;}
.data-seminar-title { font-size: 24px; line-height: 26px; }
.seminar-row { position: relative;border-bottom:1px solid #ddd; padding-top: 10px;} 

/*book*/
.book-search-box {background: #FC842D; color:#fff; position: relative; width: 100%; max-width: 400px; padding-top: 7px; padding-left: 120px; padding-right: 15px; padding-bottom: 7px; margin-bottom: 25px;}
.book-search-box .btn-secondary{background: #000; height: 34px; border: 1px solid #000; }
.book-search-box .btn-secondary .fa{ vertical-align: 2px;  }
.book-search-box .form-group{ margin-bottom: 0; }
.book-search-box  label { position: absolute; left: 15px; top: 12px; width: 100px;}
.book-search-box .form-control {float: left; width: 70%; margin-right: 2%;}
.book-search-box .btn {float: left; width: 28%;}
.tools-booksearch { text-align:right;}
.book-title h2 { font-size: 32px;line-height:32px; color:#fff; background: #000000; display:inline-block; padding: 5px 30px ;  margin-bottom: 0;}
.book-title { border-bottom: 2px solid #000; margin-bottom: 20px; }
.book-title-all { background: url(../images/bg-tital-all.png) repeat-x center;}
.book-title-all h3{ background: #fff; display: inline-block; padding-right: 20px; margin: 0;}
.slidebooks-box { position: relative;background: #e8e8e8; padding-top: 20px; padding-left: 80px; padding-right: 80px;  }
.slidebooks-box.owl-theme .owl-nav{ position: absolute; top: 40%; left: 0; width: 100%; z-index: 1;}
.slidebooks-box.owl-theme .owl-prev{ float:left;}
.slidebooks-box.owl-theme .owl-next{ float:right;}
.slidebooks-box.owl-theme .fa { font-size:50px; }
.book-categorise { padding-top:20px; padding-bottom:20px; }
.book-categorise .bootstrap-select .btn ,.book-categorise .bootstrap-select .dropdown-menu>li>a{ font-size: 20px; line-height: 20px; }

.bookall-inner { margin-bottom: 40px;}
.bookall-box { float: left; width: 25%; margin-top: 7px; position: relative}
.bookall-box .bookall-click{  position: absolute;  top: 0; right: 0; bottom:0; width: 100%; height: 100%; display: block}
.bookall-card {  background: #fff; position: relative;border:1px solid #dedede; padding: 10px; margin: 10px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.bookall-card:hover  {-webkit-box-shadow: 0px 2px 9px 0px rgba(153,153,153,1);
-moz-box-shadow: 0px 2px 9px 0px rgba(153,153,153,1);
box-shadow: 0px 2px 9px 0px rgba(153,153,153,1);}
.bookall-img { padding-top:10px; padding-bottom: 10px; text-align: center; }
.bookall-img img{ padding-top:10px; padding-bottom: 10px; text-align: center; max-height: 150px; }
.bookall-body h5 { font-weight: 600; font-size: 20px; line-height: 22px; border-bottom:2px solid #dedede; padding-bottom: 5px; }
.bookall-body  { font-size: 20px; line-height: 22px; }
.bookdetial {}
.book-detail {border:1px solid #FC842D; padding: 30px 25px;}
.bookdetail-price { border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding-top: 15px; padding-bottom: 15px; }
.bookdetail-price-list { padding:0; margin: 0; list-style: none; font-weight: 600; }
.bookdetail-price-list li{ padding:2px 0;  }
.bookdetail-buy {padding:10px 0 0 0; margin: 0 0 0 0; list-style: none;}
.bookdetail-buy li{ display: inline-block; margin: 5px 0;}
.bookdetail-buy .btn-main{ background: #000;}
.bookdetail-buy .btn-main:hover{ color:#fff; background: #333;}
/*member*/
.member{background:url(../images/bg-admin.jpg) no-repeat center top fixed;background-size:cover}
.member-inner{ position: relative;overflow: hidden;background:#fff;padding:40px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);box-shadow:0 0 5px 0 rgba(0,0,0,0.25)}
.member-inner.none { padding:0px 0; }
.member-aside { width: 220px; float: left; height: 100%; position: absolute; top: 0; left: 0; webkit-box-shadow:1px 0 20px 0 rgba(0,0,0,0.25);-moz-box-shadow:1px 0 20px 0 rgba(0,0,0,0.25);box-shadow:1px 0 20px 0 rgba(0,0,0,0.25) }
.menumobile { display:none; margin-bottom: 15px; }
.menumobile .btn{ font-size: 20px; line-height: 20px; width: 100%}
.menumobile .dropdown-menu{ font-size: 22px; line-height: 24px; }
.menumobile .dropdown-menu i{ margin-right: 5px; }
.menumobile .dropdown-menu .active{color:#fff; background:#FC842D; }
.menumobile .dropdown-menu>.active>a { background-color: transparent}
.menumobile .dropdown-menu{ left:auto; right: 0;}
.nav-member { width:100%; padding: 15px 0; }
.nav-member-menu { padding:0; margin: 0; list-style: none; }
.nav-member-menu li a { display:block; padding:12px 25px }
.nav-member-menu li i { display: inline-block; width: 20px; text-align: center; margin-right: 5px; }
.nav-member-menu li a:hover { color:#fff; background:#FC842D;}
.nav-member-menu li.active a { color:#fff; background:#FC842D; }
.member-aside , .member-detail .box-flex { display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap;}

.member-wrapper { margin-left: 220px; min-height: 500px; }
.member-wrapper .mem-img{ text-align: right;}
.member-wrapper .mem-title{ text-align: right; color:#FC842D; font-weight: 600;}
.member-wrapper .mem-text{ text-align: left;}
.member-name { padding-top: 20px; padding-bottom: 20px;}

.member-name-detail { background: #fafafa; padding-top: 35px; padding-bottom: 35px; }
.member-name-detail .mem-detail-list{ padding-top: 10px; padding-bottom: 10px; }
.member-information { padding-top: 25px; padding-bottom: 25px;}
.member-information .tab-pane{ background: #fafafa; padding: 25px 0;}
.member-information .tab-pane .title-member{ color:#fff; background: #FC842D; padding: 7px 25px; margin-bottom: 20px;}
.member-information .nav-tabs>li.active>a{ background-color: #fafafa; }
.member-information .nav-tabs {}
.member-information .nav-tabs>li.active>a, .member-information .nav-tabs>li.active>a:focus, .member-information .nav-tabs>li.active>a:hover {}

.tab-member-information { margin-top:15px; }
.form-mem-information label { text-align:left !important; font-weight: 100;    margin-top: 5px;}
.form-mem-information label span{ color:#ff0000;}
.form-mem-information .bootstrap-select { width:100% !important; }
.form-mem-information .btn {  font-family:Tahoma;font-size:13px}
.form-mem-information .form-group {}
.form-mem-information .form-group::after { content: ""; clear: both; display: table;}
.add-row { padding-top: 20px; border-top:1px solid #FC842D; margin: 0 15px;}
.add-row .fa{ line-height: 20px;}
.update { margin-top: 20px;}
.data-member-seminars thead tr { background-color: #dfdfdf; color:#000;}
.data-member-seminars tbody tr {  color:#8c8c8c; }
.data-member-seminars .table>tbody>tr>td {  padding-top: 13px; padding-bottom: 13px;}
.data-member-seminars .fa-file-pdf-o , .data-member-seminars .fa-play-circle-o {  color:#FC842D;}
.list-salary { list-style: none; padding: 0; margin: 0;}
.list-salary li { float:left; width: 33.333333%;}

.time-test { text-align:right; font-size: 32px; line-height: 32px;}
.time-test .time{ color:#d00000; margin-left: 30px;}
.test-inner { background: #fafafa; }
.test-inner .line-st-1{margin-top: 0; display: block; margin-bottom: 15px; }
.test-inner .content{padding: 30px 45px;}
.question-box { margin-top: 25px; margin-bottom: 20px; }
.question-box h5{ font-size: 24px; line-height: 26px; color: #FC842D; font-weight: bolder;}
.question-list{ list-style: none;  padding: 0 0 0 15px; }
.question-list li{ margin: 10px 0; }

.form-login{font-family:Tahoma;font-size:13px}
.form-login .btn{font-size:13px}
.form-login .form-control{font-family:Tahoma;font-size:13px}
.form-login .classroom input[type=radio]{position:absolute;visibility:hidden;display:none}
.form-login .classroom label{font-family:Tahoma;font-size:13px;color:#000;display:inline-block;cursor:pointer;padding:5px 20px;border:1px solid #FC842D}
.form-login .classroom input[type=radio]:checked + label{color:#fff;background:#FC842D}
.form-login .classroom label + input[type=radio] + label{border:1px solid #FC842D}
.form-login .classroom .radio-group{border:solid 3px #675f6b;display:inline-block;margin:20px;overflow:hidden}
.link-login a{color:#1868bd}

.font-nomal {font-family:Tahoma;font-size:13px}
/*text*/
h1, .text-logo #logo {font-size: 55px;line-height: 55px;letter-spacing: 0px;}
h2 {font-size: 38px;line-height: 38px;}
h3 {font-size: 32px;line-height:32px;}
h4 {font-size: 22px;line-height: 22px;}
h5 {font-size: 20px;line-height: 20px;font-weight: 400;}
h6 {font-size: 15px;line-height: 25px;font-weight: 700;}
h1, h2, h3, h4, h5 { margin-top: 0; margin-bottom: 5px; }
.txt-white { color: #fff; }
.txt-green { color: #FC842D; }
.txt-orange { color: #eeb800; }

.activities-row .text-thumb h4 , .front-selectbook .text-book h4 {color: #FC842D;}
.news-pr-row h4 { color: #eeb800;}
.newsroom-box .owl-nav{ width: 120px; margin: 0 auto;}
.newsroom-box .owl-dots{ width: 120px; margin: 0 auto;}
.newsroom-box .owl-prev{ float: left; margin: 0 !important;}
.newsroom-box .owl-next{ float: right; margin: 0 !important;}
.bootstrap-select.full { width: 100% !important; }
.list-st-1 { list-style-position: inside; padding: 0; margin: 0;}
.btn { border-radius:2px; }
.btn-secondary, .btn-success , .btn-danger ,.btn-gray, .btn-main{ color: #fff; font-size: 22px; line-height: 24px;}
.btn-secondary { background: #575757; color:#fff; font-size: 22px; line-height: 12px }
.btn-secondary:hover { color:#fff; background: #000; }
.btn-success {  background-color: #FC842D; border-color: #FC842D;}
.btn-success:hover { color:#fff;  background-color: #719233; }
.btn-danger { background-color: #bb1736; border-color: #bb1736;}
.btn-danger:hover { color:#fff; background-color: #ac1531;}
.btn-gray { background-color: #a0a09f; border-color: #a0a09f;}
.btn-gray:hover { color:#fff; background-color: #000; }
.btn-main {  background:#FC842D;  display: inline-block; padding: 7px 20px; border-radius: 2px;  }
.btn-main:hover { color:#fff; color:#fff;  background:#F97C31;   }
.btn-line {  color:#fff; display: inline-block; padding: 7px 20px; border:1px solid #fff;}
.btn-line:hover {  color:#FC842D; border:1px solid #FC842D; }
.btn-line i{ font-size: 12px; line-height: 14px; vertical-align: 1px}
.btn-line.bl {  color:#000;  border:1px solid #000;}
.boxinner { padding-top:10px; padding-bottom:5px; }
.title-theam-1 h2{ margin-bottom: 0; }
.line-st-1 { width:150px;  display: inline-block; height: 2px; background: #000; margin-top: 0;  margin-bottom: 0.5rem;}
.line-st-1.full { width:100%;}
.line-st-1.white { background: #fff; }
.line-st-1.green { background: #FC842D; }
.line-st-1.orange { background: #eeb800; }
.title-theam-1 { margin-bottom:30px; }
.title-theam-1.white { color:#fff; }
.title-theam-1.white h2 { color:#fff; }
.title-theam-1.green {}
.title-theam-1.orange {}
.bg-white { background: #fff; }
.bg-green { background: #FC842D; }
.bg-orange { background: #eeb800; }
.bg-orange:hover { background: #eeb800; }
.d-block { display:block }
.d-inline { display:inline-block;}
.txt-highlight-1 { background: #FC842D; text-align: center; color:#fff; padding-top: 10px; padding-bottom: 10px; margin-bottom: 15px; }
.txt-highlight-2 { background: #353535; color: #fff;padding: 5px 1px ; margin-bottom: 5px;}
.form-control { border-radius:0 !important; }
.pagination>li>a, .pagination>li>span { border:none; color:#333; }
.pagination>li>a:hover, .pagination>li>span { background-color: transparent; color:#FC842D}
/*tools*/
.mgt-10{margin-top:10px}.mgt-15{margin-top:15px}.mgt-20{margin-top:20px}.mgt-25{margin-top:25px}.mgt-30{margin-top:30px}.mgt-35{margin-top:35px}.mgt-40{margin-top:40px}.mgt-45{margin-top:45px}.mgt-50{margin-top:50px}.mgb-10{margin-bottom:10px}.mgb-15{margin-bottom:15px}.mgb-20{margin-bottom:20px}.mgb-25{margin-bottom:25px}.mgb-30{margin-bottom:30px}.mgb-35{margin-bottom:35px}.mgb-40{margin-bottom:40px}.mgl-10{margin-left:10px}.mgl-15{margin-left:15px}.mgl-20{margin-left:20px}.mgl-25{margin-left:25px} .mgr-5{ margin-right:5px; } .mgr-10{ margin-right:10px; } .pad-10{padding:10px}.pad-20{padding:20px}.pad-30{padding:30px}.pad-40{padding:40px}.pab-40{padding-bottom:40px}
.no-padding{padding:0}
.content { padding-left: 10px; padding-right: 10px; }
.v-align-children{display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; align-items:center; -webkit-align-items:center; justify-content:center; -webkit-justify-content:center; flex-direction:row; -webkit-flex-direction:row}

.w-none {  margin:0; }
.img-full { width:100%; }
.hover-shadown { display: inline-block;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.hover-shadown:hover {-webkit-box-shadow: 0px 2px 9px 0px rgba(153,153,153,1); -moz-box-shadow: 0px 2px 9px 0px rgba(153,153,153,1);  box-shadow: 0px 2px 9px 0px rgba(153,153,153,1);}
#back-top{width:40px;height:40px;position:fixed;right:15px;bottom:15px;z-index:9999;  text-align: center;  background: #FC842D; border-radius: 30px;  background: #FC842D;}
#back-top a{ width:100%;height:100%;display:block;  opacity:.5;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
#back-top a:before { font-family:'FontAwesome';color:#fff; text-align:center;    color:#fff; content: "\f077"; font-size:20px; line-height: 35px;}
#back-top a:hover{opacity:1}
.checkbox{padding-left:2px; margin-left: 15px;}
.checkbox label{display:inline-block;position:relative;padding-left:5px}
.checkbox label::before{content:"";display:inline-block;position:absolute;width:17px;height:17px;left:0; top:3px; margin-left:-20px;border:1px solid #ccc;border-radius:3px;background-color:#fff;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;-o-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out}
.checkbox label::after{display:inline-block;position:absolute;width:16px;height:16px;left:0;top:0;margin-left:-20px;padding-left:3px;padding-top:1px;font-size:11px;color:#555}
.checkbox input[type="checkbox"]{opacity:0}
.checkbox input[type="checkbox"]:focus + label::before{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.checkbox input[type="checkbox"]:checked + label::after{font-family:'FontAwesome';content:"\f00c"}
.checkbox input[type="checkbox"]:disabled + label{opacity:.65}
.checkbox input[type="checkbox"]:disabled + label::before{background-color:#eee;cursor:not-allowed}
.checkbox.checkbox-circle label::before{border-radius:50%}
.checkbox.checkbox-inline{margin-top:0}
.checkbox-primary input[type="checkbox"]:checked + label::before{background-color:#428bca;border-color:#428bca}
.checkbox-primary input[type="checkbox"]:checked + label::after{color:#fff}
.checkbox-danger input[type="checkbox"]:checked + label::before{background-color:#d9534f;border-color:#d9534f}
.checkbox-danger input[type="checkbox"]:checked + label::after{color:#fff}
.checkbox-info input[type="checkbox"]:checked + label::before{background-color:#5bc0de;border-color:#5bc0de}
.checkbox-info input[type="checkbox"]:checked + label::after{color:#fff}
.checkbox-warning input[type="checkbox"]:checked + label::before{background-color:#f0ad4e;border-color:#f0ad4e}
.checkbox-warning input[type="checkbox"]:checked + label::after{color:#fff}
.checkbox-success input[type="checkbox"]:checked + label::before{background-color:#5cb85c;border-color:#5cb85c}
.checkbox-success input[type="checkbox"]:checked + label::after{color:#fff}
.radio{padding-left:20px}
.radio label{display:inline-block;position:relative;padding-left:5px}
.radio label::before{content:"";display:inline-block;position:absolute;width:17px;height:17px;left:0;top:3px;margin-left:-20px;border:1px solid #ccc;border-radius:50%;background-color:#fff;-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out}
.radio label::after{display:inline-block;position:absolute;content:" ";width:11px;height:11px;left:3px;top:6px; margin-left:-20px;border-radius:50%;background-color:#555;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:-webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-moz-transition:-moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-o-transition:-o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);transition:transform .1s cubic-bezier(0.8,-0.33,0.2,1.33)}
.radio input[type="radio"]{opacity:0}
.radio input[type="radio"]:focus + label::before{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.radio input[type="radio"]:checked + label::after{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}
.radio input[type="radio"]:disabled + label{opacity:.65}
.radio input[type="radio"]:disabled + label::before{cursor:not-allowed}
.radio.radio-inline{margin-top:0; margin-bottom: 5px; margin-left: 0; margin-right: 5px;}
.radio-primary input[type="radio"] + label::after{background-color:#428bca}
.radio-primary input[type="radio"]:checked + label::before{border-color:#428bca}
.radio-primary input[type="radio"]:checked + label::after{background-color:#428bca}
.radio-danger input[type="radio"] + label::after{background-color:#d9534f}
.radio-danger input[type="radio"]:checked + label::before{border-color:#d9534f}
.radio-danger input[type="radio"]:checked + label::after{background-color:#d9534f}
.radio-info input[type="radio"] + label::after{background-color:#5bc0de}
.radio-info input[type="radio"]:checked + label::before{border-color:#5bc0de}
.radio-info input[type="radio"]:checked + label::after{background-color:#5bc0de}
.radio-warning input[type="radio"] + label::after{background-color:#f0ad4e}
.radio-warning input[type="radio"]:checked + label::before{border-color:#f0ad4e}
.radio-warning input[type="radio"]:checked + label::after{background-color:#f0ad4e}
.radio-success input[type="radio"] + label::after{background-color:#5cb85c}
.radio-success input[type="radio"]:checked + label::before{border-color:#5cb85c}
.radio-success input[type="radio"]:checked + label::after{background-color:#5cb85c}
.custom-file-input {
  color: transparent;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'เลือกเอกสารที่ต้องการ';
  color: black;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}

body2 {
  padding: 10px;
}
.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#768d87;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;

	font-size:20px;
	padding:4px 11px;
	text-decoration:none;
    font-family: 'DBHeaventLiv3_2';
    src: url('../fonts/DBHeaventLiv3_2.eot');
    src: url('../fonts/DBHeaventLiv3_2.eot') format('embedded-opentype'),
         url('../fonts/DBHeaventLiv3_2.woff2') format('woff2'),
         url('../fonts/DBHeaventLiv3_2.woff') format('woff'),
         url('../fonts/DBHeaventLiv3_2.ttf') format('truetype'),
         url('../fonts/DBHeaventLiv3_2.svg#DBHeaventLiv3_2') format('svg');
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
}
.myButton:active {
	position:relative;
	top:1px;
}
.center-div
{
  margin: 0 auto;
  width: 100px;
  height: 100px;
  background-color: #ccc;
  border-radius: 3px;
}

/*new date 2562*/
 .personnel { margin-bottom: 20px;background: #f2f2f2; }
.personnel-name , .personnel-name h6{ font-size: 19px;line-height: 19px; margin-bottom: 0;  }
.personnel-name { padding-top: 5px; padding-bottom: 5px; }
.personnel-name h6{ margin-top: 0; }

.data-seminar .file-date { float: left; width: 25%; padding: 10px; }
.data-seminar .file-data { float: left; width: 55%; padding: 10px;}
.data-seminar .file-download { text-align: center;float: left; width: 20%; padding: 10px;}
.department-main {  }
.department-item { position: relative;font-size:18px; line-height: 20px; display: block; width: 33.3333333%; float: left; padding-top:5px; padding-bottom: 5px; }
.department-item:nth-child(3n+1) { clear: both; }

.list-st{display:table;width:100%}
.list-st-row{display:table-row; vertical-align: middle;}
.list-st-cell{display:table-cell; vertical-align: middle;padding:10px 10px}
.list-st-cell.icon { width:80px; padding: 0; }
.list-st-body{display:table-row-group} 
.department-img { text-align:center;}
.department-img img{ width: 100%; max-width: 100px; } 
.department-txt { padding-left: 10px; padding-top: 5px; padding-bottom: 5px;  }
.department-txt h5 { font-size:20px; line-height: 20px; }

.load-file-data thead th{ color:#fff; background: #3e3e3e;}
.load-file-data>tbody>tr>td{ padding-top: 10px; padding-bottom: 10px;     line-height: 20px; }
.box-contact { background:#f2f2f2;  padding: 30px; border-radius: 20px;font-size:20px; line-height: 20px; }

.newsroom-theam-item { position: relative;display: block;  padding-top:5px; padding-bottom: 5px; }
.newsroom-theam-item .readmore a{ color:#FC842D; }
.newsroom-theam-item .readmore i::before { font-size:12px; }
.newsroom-theam-item:nth-child(3n+1) { clear: both; }

.pagination-item {}
.pagination-inner li { display: inline-block;}
.pagination-inner li a{ display: block; padding: 5px 10px; background: #f2f2f2;}
.pagination-inner li.active a { background: #FC842D; color:#ffffff; }
.pagination-inner li:hover a { background: #FC842D; color:#ffffff; }

@media screen and (max-width: 992px) {
.newsroom-theam-item:nth-child(3n+1) { clear: none; }
.newsroom-theam-item:nth-child(2n+1) { clear: both; }  
}

@media (max-width: 767.98px) { 
.department-item { width: 50%; }
.department-item:nth-child(3n+1) { clear: none; }
.department-item:nth-child(2n+1) { clear: both; }
  
.newsroom-box .owl-nav { width: 100% !important;}
}

@media (max-width: 575.98px) { 
.load-file .seminar-row { padding-top:5px; }
.department-item { width: 100%; }
.department-item:nth-child(3n+1) { clear: none; }
.department-item:nth-child(2n+1) { clear: none; }
}

.boxpoll-item { position: relative;font-size:20px; line-height: 20px; display: block; float: left; padding-top:5px; padding-bottom: 5px; }
.boxpoll-item label{ display: block;  position: relative;}
.boxpoll-item .poll-img{  }
.boxpoll-item:nth-child(3n+1) { clear: both; }
.boxpoll-item .list-st-cell { padding:0; }
.boxpoll-item .ranone { display:none }
.boxpoll-item .txt-poll{ padding: 10px;}

.form-poll .btn{font-size:20px}
.form-poll .form-control{font-family:Tahoma;font-size:13px}
.form-poll .boxpoll-inner input[type=radio]{position:absolute;visibility:hidden;display:none;}
.form-poll .boxpoll-inner label{color:#777;display:block;cursor:pointer;padding:2px 2px;border:1px solid #7da139;}
.form-poll .boxpoll-inner input[type=radio]:checked + label{color:#fff;background:#7da139;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.form-poll .boxpoll-inner label + input[type=radio] + label{border:1px solid #7da139;}
.form-poll .boxpoll-inner .radio-group{border:solid 3px #675f6b;display:inline-block;margin:20px;overflow:hidden}

.full-index .boxpoll-item  { width:100%; }
.form-poll .boxpoll-inner label {border:1px solid #eeb800}
.form-poll .boxpoll-inner input[type=radio]:checked + label {background:#eeb800;}
.form-poll .btn{background:#eeb800;}

.boxpoll-inner { margin:2px; }

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}