/* CSS Document */
/* Reset CSS */
* {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}

html {
  height: 100%;
  min-width: 1024px;
  overflow-x: hidden;
  /* background: url(img/main-bg-1.png) no-repeat 0 100%;*/
}

body {
  line-height: normal;
  font-family: "敺株��迤暺煾��", "arial";
  display: block;
  float: left;
  width: 100%;
  position: relative;
  color: #6d6e6f;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  /* background: transparent*/
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

address, caption, cite, code, dfn, em, strong, h, var {
  font-style: normal;
  font-weight: normal
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal
}

caption, th {
  text-align: left
}

sup {
  vertical-align: text-top
}

sub {
  vertical-align: text-bottom
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit
}

ol, ul {
  list-style: none
}

nav ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}

a {
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}

input, select {
  vertical-align: middle
}

input:focus, select:focus, textarea:focus {
  background: #fff6ee;
  outline: 0;
  border: 1px solid #ef8f2e;
  box-shadow: 0 0 2px #ef8f2e;
}

img {
  border: 0
}

::selection {
  background: #ef8f2e;
  /* WebKit/Blink Browsers */
  color: #fff;
}

::-moz-selection {
  background: #ef8f2e;
  /* Gecko Browsers */
  color: #fff;
}

a.orange {
  color: #ef8f2e;
  /* text-decoration: underline; */
}

.align-center {
  text-align: center;
}
a[href^="tel"] {
    color: #ef8f2e;
}

.align-left {
  text-align: left;
  display: inline-block;
}

.valign-top {
  vertical-align: top;
}

.red {
  color: #ff0030;
}

.bold {
  font-weight: bold;
}

a.red {
  color: #ff0030;
  text-decoration: underline;
}

.top-bar {
  /* height: 35px; */
  display: block;
  width: 100%;
  background: #ef8f2e;
  line-height: 45px;
  /* transition: all 0.2s;*/
}

.top-bar .middle-blk {
  line-height: unset;
}

.top-blk {
  width: 100%;
  z-index: 300;
}

.middle-blk {
  display: table;
  width: 1275px;
  margin: 0 auto;
  line-height: 26px;
  position: relative;
  /* background: rgba(255, 255, 255, 0.4); */
}

.about-us.corporate-news .middle-blk {
  display: block;
}

.top-bar .tel {
  float: left;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

.top-bar .tel.tel-2 {
  margin: 0 0 0 20px;
}

.top-bar .middle-blk {
  background: none;
}

.main-nav-bar .small-tel {
  font-size: 14px;
  color: #ef8f2e;
  float: left;
  font-weight: bold;
  margin: 18px 10px 0 0;
  display: none;
}

.mobile-top-blk {
  display: none;
}

.main-nav-bar .small-tel li {
  display: inline-block;
  margin: 0 10px 0 0;
}

.top-bar-right-blk {
  float: right;
}

.top-bar-right-blk li {
  display: table-cell;
  padding: 0 0 0 5px;
}

.top-bar-right-blk li.app-icon-li.first {
  padding: 0 0 0 13px;
}

.top-bar-right-blk li a {
  vertical-align: middle;
  display: block;
}

.top-bar-right-blk li a img {
  vertical-align: middle;
}

.main-nav-bar {
  height: 108px;
  display: table;
  /* border-bottom: 1px solid #000;*/
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 200;
  position: relative;
}

.main-nav-bar .logo {
  float: left;
  margin: 22px 0 22px 0;
}

.main-nav-bar .logo img {
  transition: all 0.1s;
}

.lavaLampWithImage {
  position: relative;
  height: 29px;
  width: 421px;
  background: url("bg.gif") no-repeat top;
  padding: 15px;
  margin: 10px 0;
  overflow: hidden;
}

.lavaLampWithImage li {
  float: left;
  list-style: none;
}

.lavaLampWithImage li.back {
  background: url("lava.gif") no-repeat right -30px;
  width: 9px;
  height: 30px;
  z-index: 8;
  position: absolute;
}

.lavaLampWithImage li.back .left {
  background: url("lava.gif") no-repeat top left;
  height: 30px;
  margin-right: 9px;
  /* 7px is the width of the rounded shape */
}

.lavaLampWithImage li a {
  font: bold 14px arial;
  text-decoration: none;
  color: #fff;
  outline: none;
  text-align: center;
  top: 7px;
  text-transform: uppercase;
  letter-spacing: 0;
  z-index: 10;
  display: block;
  float: left;
  height: 30px;
  position: relative;
  overflow: hidden;
  margin: auto 10px;
}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
  border: none;
}

.lavaLampNoImage {
  position: relative;
  height: 29px;
  width: 421px;
  background-color: white;
  padding: 15px;
  margin: 10px 0;
  overflow: hidden;
  border: 1px solid gray;
}

.lavaLampNoImage li {
  float: left;
  list-style: none;
}

.lavaLampNoImage li.back {
  border: 1px solid #000;
  background-color: #e6e8ea;
  width: 9px;
  height: 30px;
  z-index: 8;
  position: absolute;
}

.lavaLampNoImage li a {
  font: bold 14px arial;
  text-decoration: none;
  color: #000;
  outline: none;
  text-align: center;
  top: 7px;
  text-transform: uppercase;
  letter-spacing: 0;
  z-index: 10;
  display: block;
  float: left;
  height: 30px;
  position: relative;
  overflow: hidden;
  margin: auto 10px;
}

.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
  border: none;
}

.lavaLampBottomStyle {
  position: relative;
  height: 29px;
  width: auto;
  background-color: white;
  padding: 0 0 15px 0;
  /* margin: 10px 0; */
  overflow: hidden;
  float: left;
  margin: 34px 0 0 45px;
}

.lavaLampBottomStyle li {
  float: left;
  list-style: none;
  margin: 0 30px 0 0;
}

.lavaLampBottomStyle li.back {
  border-bottom: 1px #61666d solid;
  width: 9px;
  height: 41px;
  z-index: 8;
  position: absolute;
}

.lavaLampBottomStyle li a {
  /* font: bold 14px arial;*/
  font-weight: bold;
  text-decoration: none;
  color: #6c6e71;
  outline: none;
  font-size: 20px;
  text-align: center;
  top: 7px;
  text-transform: uppercase;
  letter-spacing: 0;
  z-index: 10;
  display: block;
  float: left;
  height: 30px;
  position: relative;
  overflow: hidden;
  /* margin: auto 10px;*/
  transition: all 0.1s;
}

.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
  border: none;
}

.lang-ul {
  float: right;
  margin: 40px 0 0 0;
}

.lang-ul li {
  display: inline-block;
  float: right;
}

.lang-ul li a {
  display: block;
  /* padding: 7px;*/
  border-radius: 6px;
  font-size: 14px;
  color: #6c6e71;
  border: 1px solid #afafaf;
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 25px;
  margin: 0 0 0 5px;
}

.lang-ul .eng:hover {
  border: 1px solid #ef8f2e;
  background: #fff6ee url(img/eng.png) center center no-repeat;
}

.lang-ul .eng {
  background: url(img/eng.png) center center no-repeat;
  transition: all 0.2s;
}

.lang-ul li a.active {
  background: #ef8f2e;
  color: #fff;
  border: 1px solid #ef8f2e;
}

.main-nav-rlinks {
  float: right;
  margin: 42px 0 0 18px;
  font-size: 16px;
}

.main-nav-rlinks li {
  display: inline-block;
  position: relative;
  float: right;
}

.main-nav-rlinks li a {
  color: #6c6e71;
  padding: 0 9px;
  transition: all 0.1s;
}

.main-nav-rlinks li:last-child a {
  padding: 0 9px 0 0;
}

.main-nav-rlinks li:first-child a {
  padding: 0 0 0 9px;
}

.main-nav-rlinks .grey-stripe {
  display: block;
  width: 1px;
  height: 14px;
  background: #6c6e71;
  float: right;
  position: absolute;
  right: -1px;
  top: 4px;
}

.slick-initialized .slick-slide {
  /* margin: 0 10px 0 0; */
  /* margin: 0 5px 0 5px; */
  margin: 0;
}

.autoplay.slick-initialized .slick-slide {
  margin: 0 5px;
}

.adv-slide.slick-slider .slick-initialized .slick-slide {
  margin: 0;
}

.autoplay2 .slick-slide {
  width: 100vw;
  /* width: 100%; */
}

.autoplay3 {
  display: none;
}

.autoplay3-title {
  display: none;
}

.autoplay3 .slick-slide {
  width: 50vw;
  /* width: 100%; */
}

.autoplay3 .slick-slide img {
  width: 100%;
}

.autoplay2 {
  display: none;
}

.slick-initialized .slick-slide a {
  float: left;
  outline: none;
  /* border-radius: 10px;
  border: 1px solid #c2c2c2; */
}

.about-us.corporate-news .slick-initialized .slick-slide a {
  border-radius: 10px;
  /* border: 1px solid #c2c2c2; */
  width: 100%;
  /* box-shadow: 0px 0px 0px 1px #c2c2c2 inset; */
}

.c-news-ul .slick-initialized .slick-slide.slick-active {
  border: 1px solid #c2c2c2;
}

.c-news-ul .slick-current.slick-slide {
  background: #ef8f2e;
  color: #fff;
  /*border: 1px solid #ef8f2e;  */
  border: 1px solid #ef8f2e;
}

.c-news-ul .slick-current.slick-slide:hover {
  background: #ef8f2e;
  color: #fff;
  border: 1px solid #ef8f2e;
}

.c-news-ul .slick-current.slick-slide:first-child {
  margin: 0 5px 5px 5px;
}

.c-news-ul.slick-initialized .slick-current.slick-slide a {
  /* border: 1px solid #ef8f2e; */
}

.slider-dots {
  display: block;
  text-align: center;
  margin: 16px 0 0 0;
}

.slider-dots li:first-child {
  margin: 0 5px 0 0;
}

.slider-dots li:last-child {
  margin: 0 0 0 5px;
}

.slider-dots li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px;border-radius: 15px;
}

.c-news-ul .slider-dots li {
  width: 10px;
  margin: 0 4px;
  height: 10px;
}

.c-news-ul .slider-dots li button {
  border-radius: 5px;
}

.slider-dots li button {
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  color: #e3e4e4;
  border: none;
  background: #e3e4e4;
  outline: none;
  cursor: pointer;
  transition: 0.2s all;
  color: rgba(0, 0, 0, 0);border-radius: 15px;
}

.slider-dots li button:hover {
  background: #ffc182;
}

.slider-dots li.slick-active button {
  background: #ef8f2e;
  /* color: #ef8f2e; */
  color: rgba(0, 0, 0, 0);
}

.main-btn-ul {
  display: table;
  width: 1275px;
  margin: 0 auto 20px auto;
  text-align: center;
}

.main-btn-ul.main-btn-ul-2 {
  float: left;
  width: 410px;
  margin: 0 0 0 19px;
}

.main-btn-ul li {
  display: inline-block;
  float: left;
  margin: 0 10px 0 0;
  position: relative;
}

.main-btn-ul li:last-child {
  margin: 0;
}

.main-btn-ul li img {
  width: 173px;
  height: auto
}

.main-btn-blk {
  display: block;
  width: 100%;
  float: left;
}

.main-btn-ul li a {
  display: table;
}

/*
.main-btn-ul li {
margin: 0 10px 0px 0px;
}
*/
/*

.main-btn-ul li:nth-child(3n-1) {
margin: 0 19px 19px 19px;
}
*/
.slick-dotted.slick-slider {
  margin: 10px 0 40px 0;
}

.main-btn-ul .button-title {
  position: absolute;
  top: -10px;
  left: -8px;
  /* font-size: 33px; */
  font-size: 17px;
  background: #ef8f2e;
  color: #fff;
  padding: 5px 0 5px 0;
  font-weight: bold;
  width: 123px;
  z-index: 10;
}

.button-tri {
  width: 0px;
  height: 0px;
  border-bottom: 15px solid transparent;
  border-right: 15px solid #d4770e;
  position: absolute;
  top: 22px;
  left: -8px;
  z-index: -10;
}

.news-block {
  display: block;
  width: 877px;
  color: fff;
  font-size: 33px;
  float: left;
  font-weight: bold;
}

.about-us.corporate-news .news-block {
  width: 90%;
  text-align: center;
  margin: 0 auto 50px auto;
  float: none;
}

.about-us.corporate-news .news-block .news-ul {
  width: auto;
}

.about-us.corporate-news .news-block .news-ul li a {
  text-align: left;
}

.news-block .news-ul li a:hover {
  /* border: 1px solid #ef8f2e;
  background: #fff6ee; */
}

.about-us.corporate-news .news-block .news-ul {
  float: none;
  display: inline-flex;
}

.news-block .news-block-title {
  display: block;
  /* width: 773px;*/
  background: #6d6e6f;
  color: #fff;
  float: left;
  text-indent: 15px;
  width: 100%;
  font-size: 17px;
  font-weight: bold;
  padding: 5px 0;
}

.news-block .news-ul {
  display: flex;
  float: left;
}

.news-block .news-ul li {
  display: inline-block;
  float: left;
  width: 209px;
  /* height: 145px; */
  margin: 9px 11px 0 0;
  border: 1px solid #c2c2c2;
  background: #fff;
  border-radius: 10px;
  transition: all 0.2s;
}

.news-block .news-ul li:hover {
  border: 1px solid #ef8f2e;
  background: #fff6ee;
}

/*
.news-block .news-ul li:last-child{
  margin: 9px 0 0 0;
} */
.about-us.corporate-news .news-block .news-ul li.active {
  background: #ef8f2e;
  border: 1px solid #ef8f2e;
}

.about-us.corporate-news .news-block .news-ul li.active a {
  color: #fff;
}

.news-block .news-ul li a {
  display: block;
  width: 100%;
  /* height: 145px; */
  color: #898989;
}

.news-block .news-ul li .news-date {
  font-size: 20px;
  display: block;
  margin: 18px auto 0 auto;
  width: 85%;
  font-family: arial;
}

.c-news-ul .news-date {
  font-size: 20px;
  display: block;
  margin: 18px auto 0 auto;
  width: 85%;
  font-family: arial;
  text-align: left;
  color: #898989;
}

.c-news-ul .slick-current {
  /* background: #ef8f2e;
  color: #fff; */
  transition: 0.2s all;
}

.c-news-ul .slick-current .news-title-txt,
.c-news-ul .slick-current .news-date {
  color: #fff;
}

.c-news-ul .news-title-txt {
  font-size: 17px;
  font-weight: normal;
  display: block;
  margin: 20px auto;
  width: 85%;
  text-align: left;
  color: #898989;
}

.c-news-ul .slick-initialized.slick-current .slick-slide a {
  border: 1px solid #c2c2c2;
}

.slick-track {
  display: flex;
}

.c-news-ul .slick-slide {
  opacity: 1;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 5px;
  border: 1px solid #c2c2c2;
  transition: all 0.2s;
}

.c-news-ul .slick-slide:hover {
  border: 1px solid #ef8f2e;
  background: #fff6ee;
}

.c-news-ul .slick-slide>div {
  display: inline-block;
  width: 100%;
}

.c-news-ul .slick-slide li {
  /* display: block; */
  float: left;
}

.news-block .news-ul li .news-title-txt {
  font-size: 17px;
  font-weight: normal;
  display: block;
  margin: 20px auto;
  width: 85%;
}

.news-block .news-ul li:last-child {
  /* margin: 9px 0 0 0; */
}

.home .youtube-iframe {
  margin: 0px 4px 0 0;
  float: right;
}

.news-more-btn {
  position: absolute;
  bottom: -50px;
  /* right: 250px; */
  right: 285px;
  z-index: 10;
  transition: all 0.8s;
}

.news-more-btn:hover {
  right: 275px;
}

.footer-menu-ul {
  display: table;
  background: #fff;
  padding: 10px;
  border-radius: 6px;
  margin: 0 auto;
}

.footer-menu-ul li {
  display: inline-block;
  padding: 0 11px;
  position: relative;
}

.info.auxiliary-course .footer-menu-ul li {
  margin: 0;
  font-size: unset;
}

.footer-menu-ul li a {
  color: #898989;
  transition: 0.2s all;
}

.footer-menu-ul .grey-stripe {
  display: block;
  width: 1px;
  height: 14px;
  background: #6c6e71;
  float: right;
  position: absolute;
  right: -1px;
  top: 4px;
}

.footer-menu-ul-1 {
  margin: 400px auto 0 auto;
}

.footer-menu-ul-3 {
  margin: 10px auto 0 auto;
}

.footer-menu-ul-3 li {
  display: table-cell;
  padding: 0 0 0 5px;
}

.footer-menu-ul-3 li.app-icon-li.first {
  padding: 0 0 0 13px;
}

.footer-menu-ul-3 li a {
  vertical-align: middle;
  display: block;
}

.footer-menu-ul-3 li a img {
  vertical-align: middle;
}

.copyright-sentence {
  margin: 50px 0 200px 0;
  text-align: center;
  color: #000;
  float: left;
  width: 100%;
}

.main-bg.main-bg-2 {
  display: none;
}

.main-bg.main-bg-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -10;
}

.footer-blk {
  float: left;
  display: block;
  width: 100%;
}

.slick-slide {
  opacity: 0.5;
}

.slick-slide.slick-current {
  opacity: 1;
}

.submenu-blk {
  display: none;
  width: 100%;
  height: 258px;
  background: rgba(239, 143, 46, 0.95);
  /* background: url(img/submenu-bg.jpg) center center;*/
  /* background-size: auto 100%;*/
  position: absolute;
  top: 100%;
}

.btn-prev {
  position: absolute;
  top: 29%;
  z-index: 100;
  cursor: pointer;
  left: -4%;
}

.btn-next {
  position: absolute;
  top: 29%;
  z-index: 100;
  cursor: pointer;
  right: -4%;
}

.btn-prev img, .btn-next img {
  width: 100%;
}

.home .btn-prev {
  position: absolute;
  top: 35%;
  z-index: 100;
  cursor: pointer;
  left: 20%;    opacity: 0;
}

.home .btn-next {
  position: absolute;
  top: 35%;
  z-index: 100;
  cursor: pointer;
  right: 20%;  opacity: 0;
}

.home .btn-prev img, .home .btn-next img {
  width: 100%;
}

.submenu-blk .close-btn {
  display: block;
  width: 40px;
  height: 40px;
  background: #41423c url(img/close-btn.png) no-repeat center center;
  top: 15px;
  right: 0;
  /* border-radius: 20px;*/
  position: absolute;
  transition: all 0.1s;
}

.submenu-blk .close-btn:hover {
  background: #4b4c49 url(img/close-btn.png) no-repeat center center;
}

.submenu-blk .submenu-title-blk {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 20px;
  margin: 20px 0 0 0;
  border-bottom: 1px solid #fff;
  padding: 0 0 10px 0;
  font-weight: bold;
}

.submenu-blk .submenu-title-blk .w-tri-pt {
  padding: 0 14px 0 5px;
}

.submenu-blk .submenu-content-blk li {
  display: inline-block;
  float: left;
  position: relative;
  margin: 0 30px 0 0;
}

.submenu-blk .submenu-content-blk {
  margin: 20px 0 0 0;
}

.submenu-blk .submenu-content-blk li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.submenu-blk .submenu-content-blk li img {
  float: left;
}

.submenu-blk .submenu-content-blk .course-pic-ul  li img{
  width: 200px;
}
.submenu-blk .submenu-content-blk li a .bk-color-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(239, 149, 57, 0.2);*/
  /* background: rgba(0,0,0,0.6);*/
  transition: all 0.1s;
}

.submenu-blk .submenu-content-blk li a .course-name {
  display: block;
  text-align: center;
  position: relative;
  z-index: 100;
  font-size: 30px;
  float: left;
  width: 100%;
  font-weight: bold;
  color: #000;
  text-shadow: #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px,
    #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #000 5px 3px 10px, #000 5px 3px 10px, #000 5px 3px 10px;
}

.submenu-blk .submenu-content-blk li a .course-name {
  display: block;
  text-align: center;
  position: relative;
  z-index: 100;
  font-size: 22px;
  float: left;
  width: 100%;
  color: #000;
  text-shadow: #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px,
    #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #000 5px 3px 10px, #000 5px 3px 10px, #000 5px 3px 10px;
}

.submenu-blk .submenu-content-blk li a .course-name.course-name-1 {
  /* margin: 45px 0 0 0; */
  margin: 53px 0 0 0;
}

.submenu-blk .submenu-content-blk li a .course-name.course-name-2 {
  margin: 15px 0 0 0;
  display: none;
}

.submenu-blk .submenu-content-blk li a .course-name.course-name-3 {
  margin: 49px 0 0 0;
  font-size: 22px;
}

.submenu-blk .submenu-content-blk .pic-ul.sq li a .course-name.course-name-4 {
  margin: 50px 0 0 0;
  font-size: 20px;
  text-align: center;
  float: none;
  width: 100%;
}

.submenu-blk .submenu-content-blk li a:hover .bk-color-cover {
  /* background: rgba(0,0,0,0.4);*/
  background: rgba(239, 149, 57, 0.2);
  color: #000;
  text-shadow: #fff 0px 0px 3px, #fff 0px 0px 3px, #fff 0px 0px 3px, #fff 0px 0px 3px, #fff 0px 0px 3px, #fff 0px 0px 3px, #fff 0px 0px 3px, #fff 0px 0px 3px, #fff 0px 0px 3px, #fff 0px 0px 3px, #fff 0px 0px 3px, #fff 0px 0px 3px, #fff 0px 0px 3px,
    #fff 0px 0px 3px, #fff 0px 0px 3px;
}

.submenu-blk .submenu-container {
  float: left;
  display: block;
  margin: 0 40px 0 0;
}

.submenu-blk .submenu-container .text-ul {
  display: block;
  float: left;
  margin: 40px 0 0 10px;
}

.submenu-blk .submenu-container .text-ul.text-ul-1 {
  width: 250px;
}

.submenu-blk .submenu-container .text-ul.text-ul-2 {
  width: 285px;
}

.submenu-blk .submenu-container .text-ul a {
  color: #fff;
  font-size: 20px;
}

.submenu-blk .submenu-content-blk .text-ul li {
  margin: 0 30px 20px 0;
}

.submenu-blk .submenu-content-blk .text-ul li a {
  position: relative;
}

.submenu-blk .submenu-content-blk .text-ul li a:hover {
  /* text-decoration: u */
}

.submenu-blk .submenu-content-blk .pic-ul.sq li {
  margin: 0 0 0 0;
  float: left;
}

.submenu-blk .submenu-content-blk .pic-ul li {
  margin: 0 0 0 0;
}

.submenu-blk .submenu-content-blk .pic-ul.sq {
  display: inline-block;
  margin: 15px 0 0 0;
}

.submenu-blk .submenu-content-blk .pic-ul.sq li a .course-name {
  font-size: 20px;
  text-align: left;
  width: 64%;
  font-weight: bold;
  margin: 38px auto;
  float: none;
}

.submenu-container.submenu-container-vertical-img-blk {
  display: block;
  width: 238px;
  float: left;
  margin: 2px 0 0 0;
}

.submenu-container.submenu-container-vertical-img-blk a {
  position: relative;
  float: left;
  margin: 0 0 0 0;
}

.submenu-container.submenu-container-vertical-img-blk a .bk-color-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(239, 149, 57, 0.2);*/
  /* background:rgba(239, 149, 57, 0.4);*/
  transition: all 0.1s;
}

.submenu-container.submenu-container-vertical-img-blk a:hover .bk-color-cover {
  background: rgba(239, 149, 57, 0.2);
}

.submenu-container.submenu-container-vertical-img-blk a .txt {
  position: absolute;
  font-weight: bold;
  top: 15px;
  left: 20px;
  font-size: 20px;
  color: #000;
  text-shadow: #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px,
    #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #FFF 0px 0px 7px, #000 5px 3px 10px, #000 5px 3px 10px, #000 5px 3px 10px;
}

.submenu-container.submenu-container-vertical-img-blk a img {
  float: left;
}

.submenu-blk .submenu-container .text-ul.text-ul-3 {
  float: right;
  margin: 65px 0 0 30px;
}

.submenu-title-blk.empty {
  opacity: 0;
  margin: 20px 0 0 0;
}

.contact-txt-blk {
  display: block;
  float: left;
  width: 325px;
  color: #fff;
}

.contact-txt-blk .big-tel {
  font-size: 25px;
  line-height: 36px;
  margin: 30px 10px 10px 10px;
  font-weight: bold;
}

.contact-txt-blk .email {
  margin: 10px;    font-size: 20px;
}

.contact-txt-blk .email a {
  color: #fff;
  text-decoration: underline;
}

.share-ul {
  position: fixed;
  z-index: 200;
  right: 18px;
  width: 40px;
}

.share-ul li {
  float: left;
  margin: 0 0 6px 0;
}

.share-ul li:last {
  margin: 0;
}

.back-to-top-btn {
  color: #6d6e6f;
  font-size: 18px;
  font-weight: bold;
  float: left;
  width: 100%;
  text-align: center;
  margin: 10px 0 10px 0;
}

.back-to-top-btn .txt {
  position: relative;
  top: -6px;
  left: 5px;
  font-weight: bold;
}

.reg-ul {
  position: fixed;
  bottom: 25px;
  right: 18px;
  text-align: center;
  z-index: 300;
}

.breadcrumb {
  display: block;
  text-align: center;
  color: #6c6e71;
  font-size: 18px;
  margin: 35px 0 20px 0;
}

.breadcrumb a {
  color: #6c6e71;
  font-weight: bold;
  transition: 0.2s all;
}

.breadcrumb a:hover {
  color: #ff8509;
  text-decoration: underline;
}

.temp {
  margin: 0 auto;
  display: block;
}

.h_submenu {
  display: block;
  margin: 0 auto 40px auto;
  text-align: center;
}

.h_submenu li {
  display: inline-table;
  width: 19%;
  margin: 0 4px;
}

.contact-us.location .h_submenu li {
  width: 32%;
}

.contact-us.location .enquiry-btn{

}

.contact-us.location .traffic-guide{
  color: #6d6e6f;
  text-decoration: underline;
  font-size: 14px;
}

.h_submenu li a {
  display: block;
  width: 100%;
  height: 108px;
  font-size: 30px;
  background: #fff url(img/submenu-tri-1.png) center 78% no-repeat;
  border: 1px solid #c2c2c2;
  text-align: center;
  color: #898989;
  border-radius: 10px;
  line-height: 75px;
  transition: 0.2s all;
}

.h_submenu li a:hover {
  border: 1px solid #ef8f2e;
  background: #fff6ee url(img/submenu-tri-1.png) center 78% no-repeat;
}

.info.exam-route .h_submenu li a br {
  display: none;
}

.h_submenu li a.active {
  background: #ef8f2e url(img/submenu-tri-2.png) center 78% no-repeat;
  border: 1px solid #ef8f2e;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  line-height: 75px;
}

.news-bar {
  display: block;
  text-align: center;
  margin: 0 auto;
  display: table;
  color: #fff;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  position: relative;
  padding: 0 0 0 55px;
}

.news-bar-div {
  display: none;
  margin: 0 auto;
  background: url(img/road-bg.jpg?v=1);
  background-size: auto 100%;
  width: 100%;
  transition: all 0.2s;
}

.news-bar-div.active {
  display: table;
}

.news-bar .top-news-icon {
  position: absolute;
  left: 0px;
  top: -3px;
}

.small-top-news-a {
  position: relative;
  float: left;
  margin: 11px 0 0 0;
  padding: 5px 14px 5px 60px;
  font-weight: bold;
  background: #51524d;
  border-radius: 5px;
  color: #fff;
  display: none;
  transition: 0.2s all;
}

.small-top-news-a:hover {
  background: #676767;
}

.small-top-news-a.active {
  display: block;
}

.small-top-news-a img {
  position: absolute;
  top: -2px;
  left: 8px;
}

.small-top-news-a .txt {
  position: relative;
  z-index: 100;
  font-size: 15px;
  font-weight: bold;
}

.page-banner {
  margin: 10px 0 0 0;
  position: relative;
}

.page-banner img {
  display: block;
}

.page-banner-div-1 {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  height: 100%;
}

.page-banner-div-2 {
  text-align: center;
  display: table;
  vertical-align: middle;
  width: 1275px;
  /* height: 334px; */
  color: #fff;
  height: inherit;
}

.page-banner .page-banner-div-1 .page-banner-div-2 span {
  font-size: 55px;
  font-weight: bold;
  text-shadow: #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px;
}

.page-banner .page-banner-div-1 .page-banner-div-2 h1 {
  font-size: 55px;
  font-weight: bold;
  text-shadow: #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px, #000 0px 2px 10px;
  line-height: normal;
  display: table-cell;
  vertical-align: middle;
}

.adv-slide.slick-slider {
  width: 173px;
}

.round-corner {
  border-radius: 20px;
}

.round-corner-2 {
  border-radius: 6px;
}

.round-corner-3 {
  border-radius: 7px;
}

.content-table td {
  padding: 10px;
  font-size: 18px;
}

.content-table td:nth-child(2n+1) {
  background: #5f5f5f;
  color: #fff;
  border: 1px solid #e2e2e2;
}

.content-table td:nth-child(2n+2) {
  background: #eeeeee;
  border: 1px solid #e2e2e2;
  max-width: 580px;
}

.course.commercial .commerical-vehicle-img {
  text-align: center;
  position: relative;
}

.course.commercial .content-table {
  margin: 0 auto;
  line-height: 30px;
  text-align: left;
  position: relative;
}

.course.commercial .content-table li {
  list-style-type: disc;
  margin: 0 0 0 25px;
}

.course.commercial.mgv .commerical-vehicle-img {
  left: -60px;
}

.course.commercial.mgv .content-table {
  top: -40px;
  right: -95px;
}

.commerical-vehicle-content-div {
  text-align: center;
}

.course.adv-course .content-div,
.course.driving-improvement-course .content-div {
  display: table;
  width: 1070px;
  margin: 0 auto 30px auto;
  line-height: 26px;
}

.course.commercial.bus .commerical-vehicle-img {
  left: -60px;
}

.course.commercial.bus .content-table {
  top: -40px;
  right: -95px;
}

.course.commercial.av .commerical-vehicle-img {
  left: -155px;
}

.course.commercial.av .content-table {
  top: -105px;
  right: -70px;
}

.course.commercial.taxi .content-table td {
  border: none;
  background: none;
  vertical-align: top;
}

.course.commercial.taxi .content-table h2,
.course.adv-course .content-div h2,
.info .content-div h2,
.training.international-recognition h2,
.contact-us.recruitment h2,
.contact-us.location h2,
.terms .content-div h2,
.sitemap .content-div h2,
.privacy-policy .content-div h2,
.weather .content-div h2,
.about-us .content-div h2,
.driving-improvement-course .content-div h2 {
  color: #ef8f2e;
  font-size: 28px;
  font-weight: bold;
  border-bottom: 1px solid #ef8f2e;
  text-align: left;
  /* padding: 5px 5px 5px 5px;*/
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}

.privacy-policy .content-div .logos {
  margin: 70px 0 0 0;
}

.content-div h2 .h2-right-text {
  color: #898989;
  font-size: 16px;
  float: right;
  font-weight: normal;
}

.course.commercial.taxi .content-table h3, .course.adv-course .content-div h3,
.terms .content-div h3,
.sitemap .content-div h3,
.privacy-policy .content-div h3,
.weather .content-div h3,
.driving-improvement-course .content-div h3
 {
  font-size: 20px;
  color: #b5660d;
  font-weight: bold;
  text-align: left;
  /* padding: 0 5px 0 5px;*/
  margin: 0 0 5px 0;
}

.privacy-policy .content-div img {
  display: inline-block;
  margin: 0 20px 30px 20px
}

.privacy-policy .content-div .download-btn {
  background: #fe8811;
  color: #fff;
  padding: 8px 35px;
  border-radius: 7px;
  margin: 40px 0 0 0;
  display: inline-block;
  transition: 0.2s all;
}

.privacy-policy .content-div .download-btn:hover {
  opacity: 0.8;
}

.privacy-policy .main-description {
  text-align: center;
}

.course.commercial.taxi .content-table .content-div>div, .course.adv-course .content-div>div {
  /* padding: 0 5px 0 5px;*/
}

.course.commercial.taxi .content-table .content-div {
  margin: 0 0 20px 0;
  line-height: 30px;
  text-align: left;
}

.content-div table td {
  vertical-align: top;
  padding: 0 50px 0 50px;
}

.content-div table td:first-child {
  padding: 0 30px 20px 0;
  /* padding: 20px 0 20px 0; */
}

.course.adv-course .content-div table td:first-child {
  /* padding: 20px 50px 20px 0; */
}

.content-div table td:last-child {
  padding: 0;
}

.content-div table td>table td {
  padding: 5px 20px 5px 0
}

.course.commercial.taxi .content-table td:nth-child(1) {
  width: 375px;
}

.course.commercial.taxi .content-table td:nth-child(1) ul {
  margin: 50px auto 0 auto;
  display: table;
}

.course.commercial.taxi .content-table {
  width: 1070px;
}

.course.commercial.taxi .content-table td:nth-child(1) ul li {
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
}

.course.commercial.taxi .content-table td:nth-child(1) ul li a {
  /* margin: 0 0 0 20px; */
  display: block;
  font-weight: bold;
}

.golden-pt {
  color: #fff;
  padding: 3px;
  display: inline-block;
  margin: 0 0 5px 0;
}

.golden-pt.golden-pt-1 {
  background: #5cb85c;
}

.golden-pt.golden-pt-2 {
  background: #f0ad4e;
}

.golden-pt.golden-pt-3 {
  background: #5bc0de;
}

.golden-pt.golden-pt-4 {
  background: #d9534f;
}

.golden-pt-table {
  margin: 20px 0 0 0;
}

.content-div table.golden-pt-table td {
  width: 25%;
  padding: 0 60px 0 0;
}

.plrc-img-table img {
  width: 100%;
}

.content-div table.plrc-img-table td {
  text-align: center;
  padding: 10px 20px 10px 0;
  line-height: 36px;
}

.plrc-table-2 {
  margin: 20px auto 0 auto;
  overflow: hidden;
  width: 100%;
}

.content-div table.plrc-table-2 td {
  width: 20%;
  /* padding: 10px 0 10px 10px; */
  padding: 15px;
}

.plrc-table-2 td:first-child {
  background: #5f5f5f;
  color: #fff;
  border: 1px solid #e2e2e2;
}

.plrc-table-2 td {
  background: #eeeeee;
  border: 1px solid #e2e2e2;
  /* max-width: 580px; */
}

.course.adv-course.driving-improvement-course .content-div ul li,
.course.driving-improvement-course .content-div ul li
 {
  list-style-type: disc;
  margin: 0 0 0 20px;
}

.content-div table.black-grey-table td.left-col {
  background: #5f5f5f;
  color: #fff;
  text-align: right;
}

.content-div table.black-grey-table td {
  background: #f2f2f2;
  border-bottom: 1px solid #fff;
  padding: 10px;
}

.content-div table.black-grey-table td:first-child {
  padding: 10px;
}

.content-div table.black-grey-table td td,
.content-div table.black-grey-table td td:first-child {
  padding: 0 15px 0 0;
  border: none;
}

.course.adv-course.driving-improvement-course .remark,
.course.driving-improvement-course .remark {
  margin: 10px 0 0 0;
  display: block;
}

.course.adv-course.driving-improvement-course .transport-table td,
.course.driving-improvement-course .transport-table td {
  padding: 0 30px 0 0;
}

.course.adv-course.driving-improvement-course .apply-btn,
.course.driving-improvement-course .apply-btn,
.contact-us.location .enquiry-btn
 {
  display: table;
  color: #fff;
  background: #ef8f2e;
  height: 45px;
  line-height: 45px;
  text-align: left;
  border-radius: 10px;
  font-size: 23px;
  font-weight: bold;
  width: 153px;
  margin: 20px 0 10px 0;
  text-indent: 35px;
  position: relative;
  transition: 0.2s all;
}

.course.adv-course.golden-access-driving-course .content-div .apply-btn,
.course.adv-course.erb-minibus-course .content-div .apply-btn {
  display: inline-block;
  vertical-align:top;
  color: #fff;
  background: #ef8f2e;
  height: 45px;
  line-height: 45px;
  text-align: left;
  border-radius: 10px;
  font-size: 23px;
  font-weight: bold;
  width: 153px;
  margin: -10px 0 0 100px;
  text-indent: 35px;
  position: relative;
  transition: 0.2s all;
}

.course.adv-course.driving-improvement-course .apply-btn,
.course.driving-improvement-course .apply-btn,
.contact-us.location .enquiry-btn {
  display: table;
  color: #fff;
  background: #ef8f2e;
  height: 45px;
  line-height: 45px;
  text-align: left;
  border-radius: 10px;
  font-size: 19px;
  font-weight: bold;
  width: 150px;
  margin: 20px 0 10px 0;
  text-indent: 35px;
  position: relative;
  transition: 0.2s all;
}

.course.adv-course.golden-access-driving-course .content-div h2,
.course.adv-course.erb-minibus-course .content-div h2 {
  color: #ef8f2e;
  font-size: 28px;
  font-weight: bold;
  border-bottom: 1px solid #ef8f2e;
  text-align: left;
  /* padding: 5px 5px 5px 5px;*/
  padding: 10px 0 10px 0;
  margin: 0 ;
}

.course.adv-course.driving-improvement-course .apply-btn:hover,
.course.driving-improvement-course .apply-btn:hover,
.contact-us.location .enquiry-btn:hover,
.course.adv-course.golden-access-driving-course .content-div .apply-btn:hover,
.course.adv-course.erb-minibus-course .content-div .apply-btn:hover
{
  filter: brightness(110%);
-webkit-filter: brightness(110%);
}

.course.adv-course.driving-improvement-course .apply-btn .tri,
.course.driving-improvement-course .apply-btn .tri,
.contact-us.location .enquiry-btn .tri,
.course.adv-course.golden-access-driving-course .content-div .tri,
.course.adv-course.erb-minibus-course .content-div .tri {
  width: 0px;
  height: 0px;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #fff;
  position: absolute;
  top: 18px;
  left: 14px;
  z-index: 10;
  transform: rotate(45deg);
}

.contact-us.location .enquiry-btn{
  margin: 20px auto;
  font-size: 16px;
  width: 115px;
  text-indent: 30px;
}

.contact-us.location .enquiry-btn .tri {

  border-bottom: 8px solid transparent;
  border-right: 8px solid #fff;
  top: 19px;
left: 12px;
}


.ddc-table-1 img {
  display: block;
  margin: 15px 0 0 0;
}

.content-div .ddc-table-ul {
  margin: 40px auto;
  display: inherit;
}

.content-div .ddc-table-ul li {
  margin: 0 20px 0 0;
}

.content-div .ddc-table-ul li:last-child {
  margin: 0;
}

.content-div table.ddc-table-1:last-child {
  margin: 0;
}

.content-div table.ddc-table-1 td {
  text-align: center;
  padding: 0 20px 0 0;
}

.content-div table.ddc-table-1 tr:last-child td {
  line-height: 40px;
}

.content-div table.ddc-table-1 td:last-child {
  padding: 0;
}

.ddc-table-ul li {
  display: inline-block;
}

.course.adv-course.defensive-driving-course .content-div table.black-grey-table td:first-child {
  width: 260px;
}

.course.adv-course.defensive-driving-course .content-div table.black-grey-table {
  width: 890px;
}

.course.adv-course.defensive-driving-course .content-div .tables-div {
  display: table;
  margin: 25px auto 0 auto;
}

.info.auxiliary-course li {
  /* font-size: 22px; */
  margin: 0 0 15px 0;
}

.info.auxiliary-course .main-nav-rlinks li,
.info.auxiliary-course .lang-ul li {
  font-size: unset;
}

.info.auxiliary-course .playlist-ul {
  margin: 20px 0 0 0;
}

.info.auxiliary-course .playlist-ul li a {
  color: #6c6e71;
  height: 34px;
  line-height: 34px;
  display: block;
  padding: 0 0 0 45px;
  background: url(img/play-btn.png) no-repeat;
}

.info.auxiliary-course table td {
  padding: 0;
}

.info.auxiliary-course table td:last-child {
  padding: 0 0 0 35px;
}

.info.auxiliary-course .content-div table {
  margin: 0 auto;
  ;
}

.exam-flow-chart {
  margin: 55px auto 75px auto;
  display: block;
}

.info.written-test .content-div {
  text-align: center;
}

.info.written-test .main-description {
  text-align: left;
  display: inline-block;
}

.test-btns-div {
  text-align: center;
}

.test-btns-div a {
  display: inline-block;
  margin: 10px;
}

.info #qaContent .accordionPart li {
  width: 96%;
  margin: 0 auto 9px auto;
  /* height: 61px; */
  position: relative;
  left: -24px;
}

.info #qaContent .accordionPart li .qa_title {
  border: 1px solid #c2c2c2;
  border-radius: 10px;
  cursor: pointer;
  background: url(img/qna-point.png) rgba(255, 255, 255, 0.5) no-repeat 25px 50%;
  width: 100%;
  display: inline-block;
  line-height: normal;
  padding: 15px 0 15px 48px;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #898989;
}

.info #qaContent .accordionPart li .qa_title:hover {
  border: 1px solid #ef8f2e;
  background: url(img/qna-point.png) #fff6ee no-repeat 25px 50%;
}

.info #qaContent .accordionPart li .qa_title.active {
  background: url(img/qna-point-down.png) rgb(239, 143, 46) no-repeat 25px 50%;
  /* background: #fff; */
  color: #fff;
  border: 1px solid #ef8f2e;
}

.info #qaContent .accordionPart li .qa_content {
  padding: 0 24px;
  width: 100%;
  margin: 15px 0 15px 0;
}

.info #qaContent .accordionPart {
  margin: 0 0 35px 0;
}

.about-us.company-info table {
  margin: 0 0 30px 0;
}

.about-us.company-info table td {
  vertical-align: middle;
}

.about-us.company-info table td.valign-top {
  /* vertical-align: top; */
}

.content-div {
  font-size: 18px;
  line-height: 30px;
}

.about-us.awards-and-recognition .content-div table td {
  vertical-align: middle;
}

.about-us.awards-and-recognition .content-div table {
  margin: 20px 0 40px 0;
}

.about-us.company-info .content-div {
  width: 1020px;
  line-height: 30px;
  margin: 0 auto;
}

.courses-overview-img {
  display: block;
  margin: 0 auto;
}

.training.courses-overview .timeline {
  display: table;
  width: 100%;
}

.training.courses-overview .timeline li:first-child {
  padding: 0 20px 0 0;
}

.training.courses-overview .timeline li:last-child {
  padding: 0 0 0 20px;
}

.training.courses-overview .timeline li {
  display: table-cell;
  width: 150px;
  margin: 0 55px 0 0;
  /* padding: 0 20px 0 20px; */
  padding: 0 5px 0 5px;
}

.training.courses-overview .timeline li:last-child {
  margin: 0;
}

.training.courses-overview .timeline li .circle {
  display: block;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 30px;
  border: 5px solid #ef8f2e;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}

.training.courses-overview .timeline-div {
  display: none;/*timeline*/
  margin: 90px 0 0 0;
  position: relative;
}

.training.courses-overview .timeline li .year {
  text-align: center;
  display: block;
  margin: 0 0 18px 0;
  color: #ef8f2e;
  font-weight: bold;
}

.training.courses-overview .timeline li .detail {
  margin: 30px 0 0 0;
  font-size: 16px;
  line-height: 26px;
}

.training.courses-overview .timeline-div .line {
  display: block;
  height: 5px;
  background: #ef8f2e;
  width: 100%;
  position: absolute;
  top: 71px;
  left: 76px;
}

.training.courses-overview .timeline-div .timeline-vehicles {
  position: absolute;
  top: 30px;
  right: -135px;
  z-index: 10;
}

.training.benefits .weak-points h3 {
  color: #b5660d;
  font-weight: bold;
}

.training.benefits .weak-points li {
  margin: 0 0 20px 0;
}

.training.benefits .content-div {
  width: 1000px;
  margin: 0 auto;
  ;
}

.training.benefits .content-div img {
  width: 100%;
  margin: 50px 0 0 0;
}

.training.recognition .content-div {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.training.recognition .logos-ul {
  margin: 15px 0 0 0;
}

.training.recognition .logos-ul li {
  display: inline-block;
  margin: 50px 0 0 0;
}

.training.recognition .logos-ul li:last-child {
  margin: 0 0 0 50px;
}

.training.international-recognition table {
  margin: 20px 0 20px 0;
}

.training.international-recognition table td:first-child {
  background: rgba(255, 255, 255, 0.75);
  padding: 15px;
  border-radius: 16px;
}

.recruitment-ul li {
  display: inline-block;
  float: left;
  margin: 0 10px 10px 0;
}

.recruitment-ul li a {
  display: block;
  border: 1px solid #c2c2c2;
  /* height: 60px; */
  color: #898989;
  /* line-height: 60px; */
  padding: 10px;
}

.recruitment-ul li a::before {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.info.exam-route .h_submenu li {
  display: inline-block;
  width: 28%;
  margin: 0 4px;
}

.vehicle-type-and-route-table {
  width: 100%;
}

.exam-route-vehicle-btn img {
  border-radius: 60px;
  border: 3px solid #fff;
  display: block;
  margin: 0 auto;
}

.exam-route-vehicle-btn.active {
  background: #ef8f2e;
}

.info.exam-route .h_submenu.h_submenu_2 li:first-child {}

.info.exam-route .h_submenu.h_submenu_2 li {
  width: auto;
  margin: 0 5px 0 0;
  border-radius: 10px;
  /* border: 1px solid #c2c2c2; */
}

.info.exam-route .h_submenu.h_submenu_2 li:last-child {
  margin: 0 0 0 0;
}

.info.exam-route .h_submenu.h_submenu_2 span {
  font-size: 18px;
}

.info.exam-route .h_submenu.h_submenu_2 li a {
  height: 178px;
  /* padding: 10px 7px 0 7px; */
  width: 132px;
  line-height: 23px;
  padding: 10px 7px 0 7px;
  transition: all 0.2s;
  border: 1px solid #c2c2c2;
  background: #fff url(img/submenu-tri-1.png) center 92% no-repeat;
}

.info.exam-route .h_submenu.h_submenu_2 li a:hover {
  border: 1px solid #ef8f2e;
  background: #fff6ee url(img/submenu-tri-1.png) center 92% no-repeat;
}

.info.exam-route .h_submenu.h_submenu_2 li a.active {
  background: #ef8f2e url(img/submenu-tri-2.png) center 92% no-repeat;
  border: 1px solid #ef8f2e;
}

.info.exam-route .map-img-div {
  text-align: center;
}

.map-title-loc br {
  display: none;
}

.info.exam-route .content-div {}

.info.exam-route .route-select-div {
  text-align: center;
}

.info.exam-route .map-title {
  font-size: 40px;
  color: #ef8f2e;
  text-align: center;
  font-weight: bold;
  margin: 67px 0 5px 0;
  position: relative;
  z-index: 10;
}

.location-div {
  display: table;
  width: 100%;
  /* width: 220px;
  float: left; */
}

.location-div .sidemenu {
  display: block;
  width: 20%;
  float: left;
}

.location-div .sidemenu ul {
  float: left;
  width: 220px;
  text-indent: 10px;
     margin: 20px 0 20px 0;
}

.location-div .sidemenu li a {
  color: #6d6e6f;
  transition: 0.2s all;
}

.location-div .sidemenu li a:hover {
  /* border: 1px solid #ef8f2e;
    background: #fff6ee; */
  color: #ef8f2e;
  text-decoration: underline;
}

.location-div .sidemenu li a.active {
  color: #ef8f2e;
}

.location-div .sidemenu li a.comment-email:hover {
  border: none;
}

.corporate-news2 {
  display: table;
  width: 100%;
  /* width: 220px;
  float: left; */
}
.contact-us.location .enquiry-btn-2 {
    margin: 0px 0px 0px 10px;
    height: 45px;
    line-height: 45px;
}

.about-us.corporate-news-detail .content-div {
  display: table;
  width: 100%;
}

.about-us.corporate-news-detail .content-div a {
  color: #ef8f2e;
}

.about-us.corporate-news-detail .content-div .newsVideoIframe {
  text-align: center;
}

.about-us.corporate-news-detail .content-div a:hover {
  text-decoration: underline;
}

.about-us.corporate-news-detail .corporate-news-back-btn {
  color: #898989;
  font-size: 16px;
  margin: 0 auto 20px auto;
  display: table;
  background: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #c2c2c2;
  transition: 0.2s all;
}

.about-us.corporate-news-detail .corporate-news-back-btn:hover {
  border: 1px solid #ef8f2e;
  background: #fff6ee;
}

.about-us.corporate-news-detail .news-block img {
  margin: 40px auto 40px auto;
  text-align: center;
  display: block;
}

.about-us.corporate-news2 .sidemenu {
  display: block;
  width: 10%;
  float: left;
}

.about-us.corporate-news2 .content-div {
  min-height: 400px;
}

.about-us.corporate-news2 .sidemenu ul {
  float: left;
  /* width: 220px; */
  text-indent: 10px;
  margin: 20px 0 0 0;
  font-size: 18px;
}

.about-us.corporate-news2 .sidemenu li a {
  color: #6d6e6f;
  transition: 0.2s all;
  font-variant-numeric: tabular-nums;
      -moz-font-feature-settings: "tnum";
      -webkit-font-feature-settings: "tnum";
      font-feature-settings: "tnum";
      font-family: 'Lato';


}

.about-us.corporate-news2 .sidemenu li a:hover {
  /* border: 1px solid #ef8f2e;
    background: #fff6ee; */
  color: #ef8f2e;
  text-decoration: underline;
}

.about-us.corporate-news2 .sidemenu li a.active {
  color: #ef8f2e;
}

.about-us.corporate-news2 .sidemenu li a.comment-email:hover {
  border: none;
}

.about-us.corporate-news2 .news-table-div {
  display: block;
  float: left;
  width: 90%;
  text-align: left;
  font-size: 16px;
  margin: 20px 0 0 0;
}

.about-us.corporate-news2 .news-table-div ul li {
  display: inline-block;
  margin: 0 10px 0 0;
  float: left;
}

.about-us.corporate-news2 .news-table-div ul .all-month-btn {
  width: 85px;
}

.about-us.corporate-news2 .news-table-div ul .all-month-btn.active,
.about-us.corporate-news2 .news-table-div ul li a.active,
.about-us.corporate-news2 .news-table-div ul li a.active:hover {
  background: #ef8f2e;
  color: #fff;
  border: 1px solid #ef8f2e;
}

.about-us.corporate-news2 .news-table-div ul li a {
  border: 1px solid #c2c2c2;
  color: #898989;
  /* padding: 5px 0 5px 0; */
  border-radius: 5px;
  width: 42px;
  display: block;
  text-align: center;
  transition: 0.2s all;
}

.about-us.corporate-news2 .news-table-div ul li a:hover {
  border: 1px solid #ef8f2e;
  background: #fff6ee;
}

.about-us.corporate-news2 .news-table-div ul {
  margin: 0 0 10px 0;
  display: table;
}

.about-us.corporate-news2 .news-table-div table {
  width: 100%;
}

.about-us.corporate-news2 .news-table-div table td {
  margin: 0;
  /* padding: 10px; */
  width: 91%;
  padding: 0;
  vertical-align: middle;
}

.about-us.corporate-news2 .news-table-div table td a {
  color: #6d6e6f;
  padding: 10px;
  width: 100%;
  display: block;
  transition: 0.2s all;
}

.about-us.corporate-news-detail .content-div .news-block {
  font-size: 16px;
}

.about-us.corporate-news-detail .content-div .news-block > table{
  margin: 20px auto 20px auto;
  width: 100%;
  max-width: 600px;
}

.about-us.corporate-news-detail .content-div .news-block > table td{
padding: 5px;
vertical-align: middle;
font-size: 12px;
}


.about-us.corporate-news2 .news-table-div table td a:hover {
  text-decoration: underline;
  color: #ef8f2e;
}

.about-us.corporate-news2 .news-table-div table td:first-child {
  background: #5f5f5f;
  color: #fff;
  text-align: right;
  width: 125px;
  padding: 0;
  min-width: 125px;
}

.about-us.corporate-news2 .news-table-div table td:first-child a {
  color: #fff;
  padding: 10px;
  /* width: 100%; */
  width: auto;
  display: block;
  text-align: center;
  text-indent: 0;


  font-variant-numeric: tabular-nums;
      -moz-font-feature-settings: "tnum";
      -webkit-font-feature-settings: "tnum";
      font-feature-settings: "tnum";
      font-family: 'Lato';

}

.location-div .map-blk {
  display: block;
  float: left;
  width: 80%;
  text-align: center;
}

.course-additional-ul {
  display: inherit;
  position: relative;
  margin: 0 auto;
  top: -5px;
  font-size: 14px;
}

.course-additional-ul li {
  display: inline-block;
}

.course-additional-ul li a {
  color: #ef8f2e;
  text-decoration: underline;
  margin: 0 5px 0 0;
}

.location-div .map-blk .address {
  color: #ef8f2e;
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 20px 0;
  line-height: normal;
}

.location-div .sidemenu .constant-contact-list {
  display: block;
  float: left;
  font-size: 14px;
  line-height: normal;
  background: #fafafa;
  border: 1px solid #e2e2e2;
  padding: 20px;
  margin: 33px 0 0 0;
}

.location-div .sidemenu .constant-contact-list ul {
  margin: 0;
}

.location-div .sidemenu .constant-contact-list ul li {
  display: block;
  width: 100%;
  margin: 0 0 15px 0;
}

.location-div .sidemenu .constant-contact-list ul li:last-child {
  margin: 0;
}

.location-div .sidemenu .constant-contact-list h3 {
  color: #b5660d;
  text-indent: 0;
}

.location-div .sidemenu .constant-contact-list a {
  color: #6d6e6f;
  text-decoration: underline;
}

.location-div .sidemenu .constant-contact-list a.comment-email:hover {
  border: none;
  background: none;
  color: #ef8f2e;
}

.contact-us.location .content-div {
  width: 1050px;
  margin: 0 auto;
}

.info.exam_route .h_submenu li a.location {}

.corporate-news-article-content {
  /* display: table; */
  display: none;
  padding: 50px 0 50px 0;
  width: 83%;
  margin: 50px auto 50px auto;
  background: rgba(255, 255, 255, 0.75);
  padding: 20px;
  border-radius: 18px;
}

.corporate-news-article-content a {
  color: #ef8f2e;
}

.corporate-news-article-content .publish-date {
  font-size: 20px;
  color: #b5660d;
  font-weight: bold;
}

.about-us.corporate-news .content-div {
  border-bottom: 1px solid #ef8f2e;
}

.about-us.corporate-news-detail .news-blk-news-title {
  background: #ef8f2e;
  display: block;
  margin: 10px 0 10px 0;
  color: #fff;
  padding: 10px;
  width: unset;
  line-height: normal;
  font-size: 20px;
}

.news-arrow {
  display: block;
  width: 16px;
  height: 26px;
  position: absolute;
}

.online-enquiry-btn {
  float: right;
  background: #fe8811;
  border: 1px solid #fffefd;
  color: #fff;
  font-size: 14px;
  padding: 1px 13px;
  border-radius: 7px;
  font-weight: normal;
  position: relative;
  top: -4px;
  margin: 0 5px 0 0;
  transition: 0.2s all;
}
.online-enquiry-btn:hover{
  filter: brightness(110%);
  -webkit-filter: brightness(110%);
}
.news-block .news-ul li.arrow-li .news-arrow {
  position: absolute;
  ;
  width: 100%;
  height: 100%;
}

.news-block .news-ul li.arrow-li .news-arrow.left {
  background: url(img/news-arrow-left.png) no-repeat center center;
  width: 16px;
  margin: 0 0 0 0;
}

.news-block .news-ul li.arrow-li .news-arrow.right {
  background: url(img/news-arrow-right.png) no-repeat center center;
  width: 16px;
  margin: 0 0 0 0;
}

.news-block .news-ul li.arrow-li {
  width: 16px;
  position: relative;
  border: none;
  margin: 0 30px 0 0;
}

.news-block .news-ul li.arrow-li:last-child {
  margin: 0 0 0 30px;
}

.about-us.corporate-news .news-block .news-ul li:nth-last-child(2) {
  margin: 9px 0 0 0;
}

.about-us.corporate-news .company-news-article-content a {
  color: #ef8f2e;
}

.about-us.corporate-news .company-news-article-content {
  padding: 0 0 40px 0;
}

.m-timeline-vehicles {
  display: none;
}

.slick-slide img {
  /* opacity: 0; */
  /* width: 100% */
  /* display: none; */
}

.m-courses-overview-img {
  display: none;
}

.autoplay2 .slick-slide img {
  width: 100vw;
}

.autoplay2 {
  margin: 0 0 30px 0;
}

.m-exam-flow-chart {
  display: none;
}

.contact-us.recruitment .content-div ul li {
  position: relative;
  padding: 0 0 0 17px;
}

.contact-us.recruitment .content-div ul li:after {
  content: '';
  height: .4em;
  width: .4em;
  background: #6d6e6f;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  top: 12px;
  left: 1px;
}

.contact-us.recruitment .content-div ul.recruitment-ul li {
  /* margin:0 17px 0 0 ; */
  padding: 0;
}

.contact-us.recruitment .content-div ul.recruitment-ul li:after {
  display: none;
}

.contact-us.recruitment .content-div .apply-btn,
.contact-us.recruitment .content-div .submit-btn {
  margin: 40px auto 0 auto;
  display: table;
  text-align: center;
  width: 100%;
  transition: all 0.2s;
}

.contact-us.recruitment .content-div .apply-btn:hover,
.contact-us.recruitment .content-div .submit-btn:hover {
  filter: brightness(110%);
  -webkit-filter: brightness(110%);
}

.contact-us.recruitment .content-div .apply-btn img,
.contact-us.recruitment .content-div .submit-btn img {
  max-width: 280px;
  width: 90%;
}

.contact-us.recruitment table#miyazaki {
  margin: 0 auto;
}

.contact-us.recruitment table#miyazaki input[type="text"],
.contact-us.recruitment table#miyazaki textarea,
.contact-us.recruitment table#miyazaki select {
  width: 99%;
  /* border: 1px solid #6d6e6f; */
  resize: none;
  border-radius: 6px;
  border: 1px solid rgb(169, 169, 169);
  -ms-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 4px;
  display: block;
}

.contact-us.recruitment table#miyazaki input[type="text"]:focus,
.contact-us.recruitment table#miyazaki textarea:focus,
.contact-us.recruitment table#miyazaki select:focus {
  outline: none;
  background: #fff5e9;
}

.contact-us.recruitment table#miyazaki input#osolCatchaTxt0 {
  width: 70px;
  display: inline-block;
}

.contact-us.recruitment table#miyazaki .captcha {
  float: left;
  height: 37px;
  margin: 0 10px 0 0;
}

.contact-us.recruitment table#miyazaki {
  margin: 0 auto 20px auto;
  width: 100%;
  display: block;
  text-align: center;
}

.contact-us.recruitment table#miyazaki tr td:first-child {
  width: 21%;
  display: inline-block;
  text-align: right;
  padding: 0 10px 0 0;
  line-height: 35px;
}

.contact-us.recruitment table#miyazaki tr td:last-child {
  width: 75%;
  padding: 0 0 5px 0;
  display: inline-block;
  text-align: left;
  line-height: 35px;
}

.contact-us.recruitment table#miyazaki tr:last-child td:last-child {
  width: 100%;
}

.info.learn-flow iframe {
  margin: 0 20px 0 0;
}

.contact-us.recruitment table#miyazaki tbody {
  display: inline-block;
  margin: 0 auto;
}

.contact-us.recruitment table#miyazaki .hints {
  line-height: normal;
  font-size: 14px;
  width: 60%;
  margin: 10px 0 0 0;
  background: #f5f5f5;
  color: #5f5f5f;
  /* border-radius: 8px; */
  padding: 10px;
}

.contact-us.recruitment table#miyazaki .st {
  color: #f00;
}

.contact-us.recruitment table#miyazaki .error {
  text-align: center;
  background: #fe1111;
  margin: 20px 0 0 0;
  display: none;
  color: #fff;
  border-radius: 6px;
}

.contact-us.recruitment .success {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  padding: 15px 0 15px 0;
  /* margin: 50px auto; */
  background: #2ebf16;
  border-radius: 10px;
  max-width: 70%;
  margin: 50px auto 0 auto;
}

.contact-us.recruitment .refresh-code {
  font-size: 13px;
  color: #ff8509;
  text-decoration: underline;
  margin: 0 0 0 5px;
}

.contact-us.recruitment .content-div p em {
  font-style: italic;
}

.contact-us.recruitment .content-div a {
  color: #ff850a;
  text-decoration: underline;
}

.contact-us.recruitment .content-div .recruitment-ul a {
  background: #fff;
  color: #6d6e6f;
  text-decoration: none;
  transition: all 0.2s;
}

.contact-us.recruitment .content-div .recruitment-ul a:hover {
  border: 1px solid #ef8f2e;
  background: #fff6ee;
}
.footer-menu-ul-4 {
    margin: 10px auto 0 auto;
    padding: 6px 10px 10px 10px;
}

.footer-menu-ul-4 li a img {
    vertical-align: bottom;
    width:90%;
    max-width: 50px;
}



.submenu-blk .submenu-title-blk a{
  color:#fff
}

.plrc_show_mobile {
  visibility:hidden;
  display: none;
}