.product-detail-left{float: left;border: 1px solid #dad9d9;box-sizing: border-box;height: 350px;position: relative;}
.product-detail-left a{outline: 0;}
.product-detail-left img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;max-height: 100%;}
.product-detail-right{float: right;background: white;font-size: 14px;box-sizing: border-box;margin: 0 0 10px;}
.product-detail-right h1{font-size: 24px;font-weight: normal;margin: 0 0 10px;}

.product-detail-like{line-height: 10px;background: #f9f9f9;padding: 5px;border-top: 1px solid #dad9d9;border-bottom: 1px solid #dad9d9;margin-bottom: 10px;height: 20px;}
.product-detail-right p{text-align: justify;line-height: 18px;margin-bottom: 10px;}
.product-detail-right .jRatingFrameSmall {position: relative;margin-bottom: 10px;}

.product-detail-price-sale{margin-bottom: 7px;}
.product-detail-price-sale label{text-decoration: line-through;}
.product-detail-price-sale span{background: #ffd530;color: white;font-size: 12px;border-radius: 2px;padding: 2px 5px;}
.product-detail-price{font-weight: bold;color: red;font-size: 15px;}
.product-detail-price span{font-weight: normal;color: #5d5d5d;font-size: 12px;}

.product-detail-cart{position: relative;}
.product-detail-cart .add_to_cart{border: 1px solid #2faed7;background: #2faed7;color: white;padding: 10px 20px;display: inline-block;font-size: 15px;font-weight: bold;border-radius:2px; box-sizing: border-box;vertical-align: middle;}
.product-detail-cart .add_cart{border: 1px solid #fe373a;background: #fe373a;color: white;padding: 10px 20px;display: inline-block;font-size: 15px;font-weight: bold;border-radius:2px;box-sizing: border-box;vertical-align: middle;}
.product-detail-cart .product-detail-noti{display: none;position: absolute;right: 10px;top: 10px;color: #fe373a;font-weight: bold;}

.product-detail-cart span{display: inline-block;width: 104px;}
.product-detail-cart .product-quantity{display: inline-block;vertical-align: middle;color: black;}
.product-detail-cart .product-quantity input[type='text']{height: 39px;width: 70px;text-align: center;float: left;border: 1px solid #E5E5E5;border-left: 0;border-right: 0;}
.product-quantity a{display: block;font-size: 20px;font-weight: bold;text-align: center;color: black;height: 37px;line-height: 37px;text-decoration: none;background: #EEE;border: 1px solid #E5E5E5;}
.product-plus{float: left;display: block;width: 29px;} 
.product-minus{float: left;display: block;width: 29px;}


.product-detail-tabs{background: white;margin-bottom: 20px;float: left;}
.books-detail-binhluan{float: right;}

.product-detail-hotline{font-weight: bold;}
.product-detail-hotline label{display: block;margin: 15px 0 10px;font-size: 15px;}
.product-detail-hotline a{color: #ea5553;font-size: 25px;}

.product-detail-tabs{margin: 10px 0 0;}
.product-detail-tabs > ul {}
.product-detail-tabs > ul > li {list-style:none;display: inline-block;text-transform: uppercase;}
.product-detail-tabs > ul > li a {font-size: 14px;color: #343433;text-decoration: none;display: block;padding-bottom: 5px;position: relative;}
.product-detail-tabs > ul > li a.active {border-bottom: 2px solid #3b5998;color: #343433;font-weight: bold;}
.product-detail-tabs > ul > li a.active:before{height: 2px;width: 100%;content: "";position: absolute;bottom: -3px;left: 1px;
-webkit-box-shadow: 3px 5px 5px 0px rgba(143,143,143,0.5);
-moz-box-shadow: 3px 5px 5px 0px rgba(143,143,143,0.5);
box-shadow: 3px 5px 5px 0px rgba(143,143,143,0.5);
}



.product-detail-other{margin: 10px 0 20px;}
.product-detail-other-title{font-size: 15px;}

@media (min-width:320px){
    .product-detail-left{width: 100%;}
    .product-detail-right{width: 100%;}
    .product-detail-cart .add_cart{width: 100%;margin: 0 0 10px;text-align: center;}
    .product-detail-cart .add_to_cart{width: 100%;text-align: center;}
    .books-detail-binhluan{width: 100%;margin-bottom: 10px;}
    .product-detail-tabs{width: 100%;}
    .product-detail-tabs > ul > li {width: 100%;text-align: center;margin-bottom: 8px;}
    .product-detail-price{margin-bottom: 10px;}
}
@media (min-width:480px){
    .product-detail-cart .add_cart{width: auto;margin: 0;text-align: left;}
    .product-detail-cart .add_to_cart{width: auto;text-align: left;}
}
@media (min-width:767px){
    .product-detail-left{width: 340px;}
    .product-detail-right{width: calc(100% - 358px);}
    .product-detail-tabs > ul > li a {margin: 0 30px 0 0;}
    .product-detail-tabs > ul > li {width: auto;text-align: left;margin-bottom: 0;}
    .product-detail-price{margin-bottom: 20px;}
}
@media (min-width:970px){
    .product-detail-left{width: 400px;}
    .product-detail-right{width: calc(100% - 430px);}
    .product-detail-tabs > ul > li a {margin: 0 15px 0 0;}
    .product-detail-tabs{width: calc(100% - 340px);}
    .books-detail-binhluan{width: 320px;margin-bottom: 0;}
}
@media (min-width:1170px){
    .product-detail-tabs > ul > li a {margin: 0 40px 0 0;}
}
.otherB{margin-bottom: 30px;}
.otherB-title{border-bottom: 2px solid #3b5998; color: #fff; text-transform: uppercase; margin-bottom: 15px;}
.otherB-title span , .otherB-title h1{position: relative; display: inline-block; padding: 10px 15px 8px; background: #3b5998;font-size: 13px;}
.otherB-title span:after , .otherB-title h1:after{content: ''; position: absolute; top: 0; right: -34px; width: 34px; height: 34px; background: url(/components/books.other/bg.png);}
.otherB .books-item{width: auto; margin: 0; float: none;}.book-info{margin-bottom: 10px;}
.book-info li{list-style: none;display: inline-block;width: calc(100%/3);float: left;text-align: center;color: black;font-size: 15px;}
.book-info li img{display: inline-block;margin-right: 5px;vertical-align: middle;}
.book-info li a{color: black;}
.book-left{float: left;}
.book-right{float: right;}

.search-books{margin-bottom: 10px;}
.search-books form{padding: 15px 10px;box-sizing: border-box;border: 1px solid #d5d6d8;border-top: 0;}
.search-books input[type='text']{width: calc(100% - 60px);float: left;}
.search-books input[type='submit']{width: 60px;float: right;border-radius:0;border-left: 0;}


.books-item{float: left;box-sizing: border-box;border: 1px solid #dad9d9;position: relative;}
.books-item .books-img{padding: 1px;position: relative;text-align: center;}
.books-item .books-img img{display: inline-block;}
.books-item .books-name{margin: 10px;font-size: 14px;font-weight: bold;color: #ed1f24;height: 32px;overflow: hidden;}
.books-item .books-name a{color: #ed1f24;}


.sale{position:absolute;top:10px;right:10px;background:red;border-radius:2px;color:white;font-weight:bold;z-index:100;font-size:15px;padding:3px 10px;transform:rotate(25deg);-webkit-transform:rotate(25deg);-ms-transform:rotate(25deg);-moz-transform:rotate(25deg);}
	
.books-item .jRatingFrameSmall{position: relative;text-align: center;font-family: 'UTMAvo';color: #343433;font-size: 12px;}

.books-preview{padding: 8px 10px;color: #343433;font-family: 'UTMAvo';}
.books-preview span{float: right;font-size: 14px;color: red;font-family: 'UTMAvoBold';}

.books-detail{height: 100%;width: 100%;margin: auto;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align: center;display: table;}
.books-detail a{opacity: 0;vertical-align: middle;color: white;border: 1px solid white;font-weight: bold; border-radius:3px; padding: 6px 10px;-webkit-transition: opacity .6s ease 0s;-o-transition: opacity .6s ease 0s;transition: opacity .6s ease 0s;}
.books-bg{opacity: 0;-webkit-transition: opacity .4s ease 0s;-o-transition: opacity .4s ease 0s;transition: opacity .4s ease 0s;}
.books-item:hover .books-bg{opacity: 1;background: rgba(0,0,0,.8);position: absolute;left: 0;right: 0;top: 0;bottom: 0;-webkit-transition: opacity .4s ease 0s;-o-transition: opacity .4s ease 0s;transition: opacity .4s ease 0s;}
.books-item:hover .books-detail a{opacity: 1;}
.books-detail a:hover{background: white;color: #3b5998;-webkit-transition: opacity .1s ease 0s;-o-transition: opacity .1s ease 0s;transition: opacity .1s ease 0s;}


@media (min-width:320px){
    .book-left{display: none;}
    .book-right{width: 100%;}
    .book-info{display: none;}
    .books-item{width: calc((100% - 20px) / 2);margin: 5px;}
    .books-preview span{display: block;width: 100%;}
    .product-detail-cart .product-quantity{width: 100%;margin-bottom: 10px;}
    .product-detail-left{margin-bottom: 10px;}
    
}
@media (min-width:360px){
    
}
@media (min-width:480px){
    .books-item{width: calc((100% - 20px) / 2);margin: 5px;}
    .books-preview span{display: inline-block;width: auto;}
}
@media (min-width:580px){
    .books-item{width: calc((100% - 35px) / 4);margin: 5px;}
    .books-item-r{margin-right: 0;}
    .books-preview span{display: block;width: 100%;}
    .product-detail-cart .product-quantity{width: auto;margin-bottom: 0;}
}
@media (min-width:767px){
    .book-info{display: block;}
    .product-detail-cart .product-quantity{width: 100%;margin-bottom: 10px;}
    .product-detail-left{margin-bottom: 0;}
}
@media (min-width:970px){
    .book-left{width: 294px;display: block;}
    .book-right{width: calc(100% - 305px);}
    .product-detail-cart .product-quantity{width: auto;margin-bottom: 0;}
}
@media (min-width:1170px){
    .books-preview span{display: inline-block;width: auto;}
}.breadcrumb{margin: 0 0 10px;background: #3b5998;padding: 11px 10px;}
.breadcrumb ul{list-style: none;}
.breadcrumb li{font-size: 12px; float: left;}
.breadcrumb li:before{content: "\f015"; padding: 0 5px 0 0; color: white;font-family: FontAwesome;}
.breadcrumb li+li:before{content: "\f105"; padding: 0 5px; color: white;font-family: FontAwesome;display: inline-block; padding: 0; margin: 0 5px 0 7px;}
.breadcrumb li a{color: white;}
.breadcrumb li a:hover{color: #FFD42D;}

@media (min-width:320px){
    .breadcrumb li:last-child{display: none;}   
}

@media (min-width:480px){
    .breadcrumb li:last-child{display: inline-block;}
}.cart{line-height: 32px; margin-bottom: 20px;min-height: 520px;}
.carttitle{text-transform: uppercase; font-size: 20px;}
.carttitle h1{font-size: 100%;}
.cartrow{border-bottom: 1px solid #d5d4d5; padding: 15px 0;}
.cartrowTT{padding: 0;}
.carthead{font-weight: bold; font-size: 15px; border-bottom: 1px solid #d5d4d5; padding: 0;}

.cartleft, .cartrightTT, .cartformwrap-left{float: left;}
.cartright, .cartleftTT, .cartformwrap-right{float: right;}

.cartrightTitle{font-weight: bold; font-size: 15px; border-bottom: 1px solid #d5d4d5; margin-bottom: 15px;}

.cartcol{float: left;}
.cartcol label{font-weight: bold; color: #ff0000;}
.cartcol input{width: 50%; text-align: center;}
.cartcol2, .cartcol3, .cartcol4, .cartcol6, .cartcol7{text-align: center;}
.cartcol5 span{text-align: right; font-weight: bold; display: block;}

.cartimg, .cartimgTT{float: left; margin: 0 15px 0 0; position: relative;}
.cartimgTT span{position: absolute; top: -5px; right: -5px; background: #1f497d; color: #fff; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;}
.cartinfo{line-height: 22px;}
.cartinfo ul{margin: 5px 0 9px; list-style: none;}
.cartname{color: #1f497d; font-size: 15px; font-weight: bold; text-transform: uppercase;}

.cartbutton{line-height: normal;}
.cartbutton a, .cartback{display: inline-block; margin: 0 6px 0 0; background: #1f497d; padding: 5px 11px 3px; color: #fff;}
.cartback{padding: 0 11px; margin: 15px 0 0 10px; float: right; text-transform: uppercase; font-weight: bold;}
.cartbutton a:hover, .cartback:hover{background: #ff0000;}

.cartbill{background: #1f497d; color: #fff; font-weight: bold; text-align: center; margin-bottom: 15px; text-transform: uppercase;}
.cartright ul{border: 1px solid #d7d7d7; padding: 10px; margin-bottom: 15px; list-style: none;}
.cartright ul li b{color: #ff0000; float: right;}
.cartright a{display: block; float: left; background: #1f497d; width: calc(50% - 7.5px); text-align: center; color: #fff; text-transform: uppercase;}
.cartright a#noproduct{float: right;}
.cartright a#nopayment{width: 100%; margin: 15px 0 0;}
.cartright a:hover{background: #ff0000;}

.cartformwrap{position: relative; padding: 10px 10px 0; border: 1px solid #d7d7d7; margin-bottom: 15px;}
.cartformwrap-left{position: relative; margin-bottom: 15px;}
.cartformwrap-full input[type="submit"]{margin: 0; background: #1f497d; color: #fff;}
.cartformwrap-full input[type="submit"]:hover{background: #ff0000;}
.cartformwrap input[type="radio"], .cartformwrap input[type="checkbox"]{vertical-align: top;}
.cartitem{margin-bottom: 15px; position: relative;}
.cartitems{line-height: normal;}
.cartabove{position: absolute; top: 11px; right: 10px; line-height: normal;}


.list-content li {list-style: none outside none; margin-bottom: 15px;}
.list-content li > .list-content-t{cursor: pointer;display: inline-block;width: 100%;background: #1f497d;color: white;}
.list-content li.active > .list-content-t{background: #ff0000;}
.list-content li > .list-content-t input{display: none;}
.list-content li > .list-content-t i{margin: 0 10px 0;font-size: 15px;}

.list-content li .boxContent{display: none; border:1px solid #d5d4d5; border-top: 0; padding: 3px 10px; line-height: 20px;}
.list-content li .boxContent-textarea{border: 0; padding: 0; line-height: normal;}
.list-content li .boxContent textarea{height: 47px;}
.list-content li.active .boxContent {display: block;}

@media (min-width: 320px){
    .cartright, .cartleft, .cartleftTT, .cartrightTT{width: 100%;}
    .cartright{margin: 15px 0 0; font-size: 15px;}
    .cartrightTT{margin: 15px 0 0;}
    .cartimg{display: none;}
    .cartcol1{width: 52%;}
    .cartcol3, .cartcol6{width: 21%;}
    .cartcol4, .cartcol7{width: 27%;}
    .cartcol5{width: 70%;}
    .cartcol7{width: 30%;}
    .cartcol2{display: none;}
    .cartimgTT{width: 50px;}
    .cartformwrap-left,
    .cartformwrap-right{width: 100%;}
}
@media (min-width: 480px){
    .cartimg{width: 75px; display: block;}
    .carthead{text-transform: uppercase;}
    .cartformwrap-left{width: 200px;}
    .cartformwrap-right{width: calc(100% - 215px);}
}
@media (min-width: 580px){
    .cartimg{width: 100px;}
    .cartcol1{width: 49%;}
    .cartcol2{width: 17%;}
    .cartcol3{width: 17%;}
    .cartcol4{width: 17%;}
    .cartcol2{display: block;}
}
@media (min-width: 767px){
    .cartimg{width: 150px;}
    .cartcol1{width: 55%;}
    .cartcol2{width: 15%;}
    .cartcol3{width: 15%;}
    .cartcol4{width: 15%;}
    .cartformwrap-left{width: 300px;}
    .cartformwrap-right{width: calc(100% - 315px);}
}
@media (min-width: 970px){
    .cartright{width: 285px; margin: -32px 0 0;}
    .cartleft{width: calc(100% - 300px);}
    .cartleftTT{width: 360px;}
    .cartrightTT{width: calc(100% - 375px); margin: -33px 0 0;}
    .cartformwrap-left{width: 300px;}
    .cartformwrap-right{width: calc(100% - 315px);}
    .cartformwrap-full input[type="submit"]{width: 300px;}
}
@media (min-width: 1170px){
    .cartright{width: 315px;}
    .cartleft{width: calc(100% - 330px);}
}@charset "UTF-8";
.fancybox-enabled {
  overflow: hidden; }

.fancybox-enabled body {
  overflow: visible;
  height: 100%; }

.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
  z-index: 99992; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s, visibility 0s linear .25s;
  box-sizing: border-box; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
  visibility: visible;
  transition: opacity .25s, visibility 0s; }

.fancybox-infobar {
  top: 0;
  left: 50%;
  margin-left: -79px; }

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased; }

.fancybox-toolbar {
  top: 0;
  right: 0; }

.fancybox-stage {
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform: translate3d(0, 0, 0); }

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }

.fancybox-slide--image {
  overflow: visible; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000; }

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #E5E3DF; }

.fancybox-slide--next {
  z-index: 99995; }

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box; }

.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff; }

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff; }

.fancybox-error {
  margin: 0;
  padding: 40px;
  width: 100%;
  max-width: 380px;
  background: #fff;
  cursor: default; }

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer; }

.fancybox-close-small:after {
  content: '×';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background: #fff;
  transition: background .25s;
  box-sizing: border-box;
  z-index: 2; }

.fancybox-close-small:focus:after {
  outline: 1px dotted #888; }

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee; }

.fancybox-slide--iframe .fancybox-close-small {
  top: 0;
  right: -44px; }

.fancybox-slide--iframe .fancybox-close-small:after {
  background: transparent;
  font-size: 35px;
  color: #aaa; }

.fancybox-slide--iframe .fancybox-close-small:hover:after {
  color: #fff; }

/* Caption */
.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none; }

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none; }

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
  pointer-events: all; }

.fancybox-caption a {
  color: #fff;
  text-decoration: underline; }

/* Buttons */
.fancybox-button {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: transparent;
  color: #ddd;
  border-radius: 0;
  cursor: pointer;
  vertical-align: top;
  outline: none; }

.fancybox-button[disabled] {
  cursor: default;
  pointer-events: none; }

.fancybox-infobar__body, .fancybox-button {
  background: rgba(30, 30, 30, 0.6); }

.fancybox-button:hover:not([disabled]) {
  color: #fff;
  background: rgba(0, 0, 0, 0.8); }

.fancybox-button::before,
.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block; }

.fancybox-button[disabled]::before,
.fancybox-button[disabled]::after {
  opacity: 0.3; }

.fancybox-button--left::after,
.fancybox-button--right::after {
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor; }

.fancybox-button--left::after {
  left: 20px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.fancybox-button--right::after {
  right: 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--left {
  border-bottom-left-radius: 5px; }

.fancybox-button--right {
  border-bottom-right-radius: 5px; }

.fancybox-button--close::before, .fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px); }

.fancybox-button--close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fancybox-button--close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* Navigation arrows */
.fancybox-arrow {
  position: absolute;
  top: 50%;
  margin: -50px 0 0 0;
  height: 100px;
  width: 54px;
  padding: 0;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  z-index: 99995;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity .25s; }

.fancybox-arrow::after {
  content: '';
  position: absolute;
  top: 28px;
  width: 44px;
  height: 44px;
  background-color: rgba(30, 30, 30, 0.8);
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px; }

.fancybox-arrow--right {
  right: 0; }

.fancybox-arrow--left {
  left: 0;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1); }

.fancybox-arrow--right::after,
.fancybox-arrow--left::after {
  left: 0; }

.fancybox-show-nav .fancybox-arrow {
  opacity: 0.6; }

.fancybox-show-nav .fancybox-arrow[disabled] {
  opacity: 0.3; }

/* Loading indicator */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }

.fancybox-fx-slide.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0; }

.fancybox-fx-slide.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1; }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--next {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--current {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1; }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0; }

.fancybox-fx-circular.fancybox-slide--next {
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0; }

.fancybox-fx-circular.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1; }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-infobar {
    left: 0;
    margin-left: 0; }
  .fancybox-button--left,
  .fancybox-button--right {
    display: none !important; }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0; } }

/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: calc(50% - 7px);
  top: calc(50% - 6px);
  border: 2px solid;
  background: none; }

/* Slideshow button */
.fancybox-button--play::before,
.fancybox-button--pause::before {
  top: calc(50% - 6px);
  left: calc(50% - 4px);
  background: transparent; }

.fancybox-button--play::before {
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px; }

.fancybox-button--pause::before {
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px; }

/* Thumbs */
.fancybox-thumbs {
  display: none; }

.fancybox-button--thumbs {
  display: none; }

@media all and (min-width: 800px) {
  .fancybox-button--thumbs {
    display: inline-block; }
  .fancybox-button--thumbs span {
    font-size: 23px; }
  .fancybox-button--thumbs::before {
    width: 3px;
    height: 3px;
    top: calc(50% - 2px);
    left: calc(50% - 2px);
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }
  .fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    word-break: normal;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995; }
  .fancybox-show-thumbs .fancybox-thumbs {
    display: block; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 220px; }
  .fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0; }
  .fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid transparent;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box; }
  li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1); }
  .fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .fancybox-thumbs > ul > li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1; } }
.dtst_login_left .login{box-shadow: 0px 0px 0px #EEE;border-radius: 0;margin-bottom: 0;}
.dtst_login_right{border: 1px solid #DDD;}
.dtst_login_right .login-title{text-transform: uppercase;}
.dtst_login_dk{text-align: center;background: #1f497d;font-size: 18px;color: white;padding: 8px 0;}
.dtst_login_dk_c{height: 256px;line-height: 18px;padding: 5px;overflow: auto;}

.dtst_marquee{color: red;font-weight: bold;font-size: 20px;line-height: 36px;}

.dtst_left{float: left; margin-bottom: 10px;}
.dtst_right{float: right; margin-bottom: 10px;}

.dtstTitle{margin-bottom: 10px; font-size: 20px; color: #19b761; text-align: center; font-weight: bold; border: 1px solid #ccc; padding: 7px 0 6px; line-height: 29px;}
.dtstTitle span{color: #ff0000;}
.dtstWrap {padding: 10px; border: 1px solid #ccc;}

.dtst_left_menu{margin-bottom: 10px;}
.dtst_left_menu ul{border-bottom: 1px solid #ccc;}
.dtst_left_menu ul li{list-style: none;border: 1px solid #ccc;border-bottom: 0;font-size: 15px;}
.dtst_left_menu ul li span{color: red;font-weight: bold;}
.dtst_left_menu ul li i{line-height: 35px; text-align: center;}
.dtst_left_menu ul li a{display: block; color: #1f497d;}
.dtst_left_menu ul li.active{background: #dcdada;}

.dtst_top100{border-left: 1px solid #ccc;}
.dtst_top100_title{font-weight: bold;font-size: 15px;color: #1f497d;border: 1px solid #ccc;line-height: 33px;text-align: center;border-left: 0;}
.dtst_top100_title span{color: red;}
.dtst_top100_t > div{float: left;color: #1f497d;font-size: 12px;font-weight: bold;padding: 5px 0;}

.dtst_top100_1{width: 30px;text-align: center;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.dtst_top100_2{border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;text-indent: 2px;}
.dtst_top100_3{border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;text-indent: 2px;}
.dtst_top100_4{width: 60px;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;text-indent: 2px;}
.dtst_top100_5{width: 30px;text-align: center;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.dtst_top100_c > div{float: left;color: #6e6c6c;font-size: 11px;padding: 3px 0;}
.dtst_top100_c > div{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.dtst_top100_t > div.clear , .dtst_top100_c > div.clear{padding: 0;}

.dtst_right_dangky_title{color: #19b761;font-weight: bold;font-size: 20px;text-align: center;padding: 15px 0 25px;}
.dtst_right_dangky_title span{color: #ff0e0e;}
.dtst_dangky_select{margin-bottom: 10px;}
.dtst_dangky_select_title{color: #19b761;font-weight: bold;text-align: center;padding-bottom: 10px;font-size: 15px;}
.dtst_dangky_select label{float: left;padding: 7px 5px;}
.dtst_dangky_select input[type='text']{padding: 7px 5px;float: right;width: 62%;border-right: 0;}
.dtst_dangky_select input[type='submit']{padding: 8px 20px;float: right;border: 0;background: #1f497d;color: white;}
.dtst_dangky_nguyenvong{color: #19b761;font-weight: bold;font-size: 15px;text-align: center;margin: 12px 0 18px;line-height: 20px;}
.dtst_dangky_nguyenvong span{color: #ff0e0e;}
.dtst_dangky_nguyenvong_kq{color: #1f497d;text-align: center;margin-bottom: 10px;}
.dtst_dangky_item{position: relative;height: 36px;}
.dtst_dangky_item span.dtst_name{display: inline-block;padding: 7px 5px;}
.dtst_dangky_item input[type='text']{padding: 0 5px;float: right;}

.dtst_dangky_xacnhan{margin: 10px 0 0;border: 1px solid #ccc;text-align: center;}
.dtst_dangky_xacnhan_title{color: #19b761;font-weight: bold;text-align: center;border-bottom: 1px solid #ccc;padding: 10px;}
.dtst_dangky_xacnhan_title span{color: #ff0e0e;}
.dtst_dangky_xacnhan_c{line-height: 20px;height: 100px;overflow: auto;padding: 10px 10px 0;text-align: left;}
.dtst_dangky_xacnhan input[type='submit']{padding: 0; width: 105px; text-indent: 0; border: 0;background: white;color: #1f497d;border: 1px solid #1f497d;margin: 10px 0;}
.dtst_dangky_xacnhan input[type='submit']:hover{background: #1f497d;color: white;}
.dtst_dangky_item label.error{position: absolute;right: 8px;top: 7px;color: red;}

#formTDT{margin-bottom: 10px;}
#formTDT label{overflow: hidden; float: left; display: inline-block; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ccc; border-right: 0; color: #1f497d; font-weight: bold;}
#formTDT input{font-size: 14px; border-radius: 0; outline: none; box-shadow: none;}
#formTDT input[type=text]{float: left; text-indent: 10px; border-right: 0;}
#formTDT input[type=submit]{background: #ff0000; color: #fff; border: 0; padding: 0;height: 32px; font-weight: bold; float: left;}

.danhsachTDT{margin-bottom: 10px;}
.danhsachTDT ul{list-style: none;}
.danhsachTDT li{height: 30px; line-height: 30px; border: 1px solid #ccc; border-top: 0;}
.danhsachTDT li:hover{background: #dcdada;}
.danhsachTDT li:nth-child(1){border-top: 1px solid #ccc; text-align: center; text-transform: uppercase; color: #1f497d; background: none;}

.danhsachTDT li a{float: left; display: inline-block; color: #ff0000;}

.danhsachTDT li label, .danhsachTDT li span{float: left; display: inline-block; color: #1f497d;}
.danhsachTDT li label{border-right: 1px solid #ccc; text-align: center; font-weight: bold;}
.danhsachTDT li span{border-left: 1px solid #ccc;}

.ketquaTDT{border: 1px solid #ccc; padding: 10px;}
.ketquaTDTitem{border: 1px solid #ccc; margin-bottom: 10px; height: 33px; line-height: 33px; padding: 0 10px;}
.ketquaTDTitem2{text-align: center;}
.ketquaTDTitem3{height: auto; margin-bottom: 0;}

.ketquaTDTitem label{float: left; width: calc(50% - 1px); color: #1f497d; display: block; font-weight: bold; border-right: 1px solid #ccc}
.ketquaTDTitem2 label{float: none; width: 100%; border: 0;}
.ketquaTDTitem span{display: block; float: right; width: 50%; text-align: center;}

@media (min-width: 320px){   
    .dtst_left, .dtst_right, .dtst_top100, .dtst_left_menu{width: 100%;}
    .dtst_top100{margin-bottom: 10px;}
    .dtst_top100_2{width: 186px;}
    .dtst_top100_3{display: none;}
    .dtst_left_menu ul li i{width: 50px;}
    
    .dtst_login_left, .dtst_login_right{width: 100%; margin-top: 10px;}
    .dtst_login_right{margin-bottom: 10px;}
    .dtst_dangky_item input[type='text']{width: 50%;}
    
    .danhsachTDT li label{width: 25px;} 
    .danhsachTDT li span{width: 110px; text-indent: 5px;}
    .danhsachTDT li a{width: 181px; text-indent: 5px;}
    
    #formTDT label{width: 65px;}
    #formTDT input[type=text]{width: 141px;}
    #formTDT input[type=submit]{width: 112px;}
    
    .dtstPrevLeft, .dtstPrevRight{width: 100%;}
    .dtst_dangky_item_truong{width: 175px;float: right;margin-bottom: 5px;}
    .dtst_dangky_item_select{width: 172px;float: right;}
    .dtst_dangky_item_tinhthanh{width: 175px;float: right;}
    
}
@media (min-width: 360px){
    .dtst_top100_2{width: 226px;}
}
@media (min-width: 480px){
    .dtst_top100_2{width: 195px;}
    .dtst_top100_3{width: 160px; display: block;}
    .dtst_left_menu ul li i{width: 50px;}
    
    .dtst_dangky_item input[type='text']{width: 65%;}
    
    .danhsachTDT li label{width: 50px;} 
    .danhsachTDT li span{width: 130px; text-indent: 10px;}
    .danhsachTDT li a{width: 296px; text-indent: 10px;}
    
    #formTDT input[type=text]{width: 281px;}
    #formTDT input[type=submit]{width: 112px;}
    .dtst_dangky_item_truong{width: 175px;float: right;margin-top: 0;}
    .dtst_dangky_item_select{width: 324px;float: right;}
    .dtst_dangky_item_tinhthanh{width: 150px;float: right;}
}
@media (min-width: 580px){
    .dtst_top100{width: 319px; float: right; margin-bottom: 0;}
    .dtst_top100_2{width: 195px;}
    .dtst_top100_3{display: none;}
    .dtst_left_menu{width: 250px; float: left;}
    .dtst_left_menu ul li i{width: 25px;}
    
    .dtst_login_left, .dtst_login_right{width: 50%;}
    .dtst_dangky_item input[type='text'], .dtst_dangky_item_select{width: 73%; float: right;}
    
    .danhsachTDT li label, .danhsachTDT li span{width: 149px;}
    .danhsachTDT li a{width: 278px;}
    
    #formTDT label{width: 149px;}
    #formTDT input[type=text]{width: 277px;}
    #formTDT input[type=submit]{width: 150px;}
    .dtst_dangky_item_truong{width: 285px;float: right;}
}
@media (min-width: 767px){
    .dtst_login_left{width: calc(50% - 10px); float: left;}
    .dtst_login_right{width: calc(50% - 10px); float: right;}
    
    .dtst_top100{width: 417px; max-height: 218px;}
    .dtst_top100_2{width: 155px;}
    .dtst_top100_3{width: 137px; display: block;}
    .dtst_left_menu{width: 340px;}
    .dtst_left_menu ul li i{width: 50px;}
    
    .danhsachTDT li a{width: 465px;}
    #formTDT input[type=text]{width: 464px;}
    
    .dtstPrevLeft, .dtstPrevRight{width: 49%;}
    .dtst_dangky_item_truong{width: 422px;float: right;}
}
@media (min-width: 970px){
    .dtst_left{width: 340px;}
    
    .dtst_left{width: 340px;}
    .dtst_right{width: calc(100% - 350px);}
    .dtst_top100, .dtst_left_menu{width: auto; float: none;}
    .dtst_top100{max-height: none;}
    .dtst_top100_2{width: 120px;}
    .dtst_top100_3{width: 94px;}
    
    .danhsachTDT li label{width: 149px;}
    .danhsachTDT li a{width: 308px;}
    #formTDT input[type=text]{width: 309px;}
    .dtst_dangky_item_truong{width: 309px;float: right;}
}
@media (min-width: 1170px){
    .danhsachTDT li a{width: 408px;}
    #formTDT input[type=text]{width: 510px;}
    .dtst_dangky_item_truong{width: 442px;float: right;}
    .form-confirm-item-textarea-wr{width: 330px;float: left;margin-bottom: 5px;}
}

/*** TABLE ***/
.popup{display: table; width: 100%; border-collapse: collapse; box-sizing: border-box;}
.popup-title{border: 0!important; margin-bottom: 20px!important;}
.popup-body{display: table-row-group; line-height: 22px; text-align: center; box-sizing: border-box;}
.popup-row{display: table-row;}
.popup-row:nth-of-type(odd){background: #f9f9f9;}
.popup-row:hover{background: #f9f9f9;}
.popup-row.popup-head{font-weight: bold; border-bottom: 3px solid #2dc3e8;
    background: rgba(242,242,242,1);
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(250,250,250,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(250,250,250,1)));
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(250,250,250,1) 100%);
    background: -o-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(250,250,250,1) 100%);
    background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(250,250,250,1) 100%);
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%, rgba(246,246,246,1) 47%, rgba(250,250,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fafafa', GradientType=0 );}
.popup-cell{border: 1px solid #ddd; display: table-cell; padding: 5px; vertical-align: middle; box-sizing: border-box;}
.popup-cell a{color: #1f497d;}
.popup-cell img{display: inline-block; width: 30px; vertical-align: text-top;}

/*** SIZE ***/
.popup-50px{width: 50px;}
.popup-75px{width: 75px;}.dtstPrev{margin-bottom: 10px;}
.dtstPrevLeft{float: left; width: calc(50% - 5px);}
.dtstPrevRight{float: right; width: calc(50% - 5px);}

.dtstItem{border: 1px solid #ccc; border-top: 0; font-weight: bold; font-size: 14px;}
.dtstItem1{border-top: 1px solid #ccc;}
.dtstItem-first{border-top: 1px solid #ccc;}
.dtstItem-left{float: left; width: 50%; display: flex; align-items: center; justify-content: center;}
.dtstItem-right{float: right; width: calc(50% - 1px); border-left: 1px solid #ccc;}

.dtstName1 a{color: #ff0000; display: block; padding: 6px 6px 6px 10px; border-bottom: 1px solid #ccc; font-size: 15px;}
.dtstName2 a{color: #1f497d; display: block; padding: 6px 6px 6px 20px;}

.dtstName:hover a{background: #dcdada;}.tabs{}
.tabs-title{color: #3b5998;text-align: center;}
.tabs > ul {text-align: center;}
.tabs > ul > li {list-style:none;display: inline-block;}
.tabs > ul > li a {color: #343433;text-decoration: none;display: block;padding-bottom: 5px;position: relative;}
.tabs > ul > li a.active {border-bottom: 2px solid #3b5998;color: #343433;font-weight: bold;}
.tabs > ul > li a.active:before{height: 2px;width: 100%;content: "";position: absolute;bottom: -3px;left: 1px;
-webkit-box-shadow: 3px 5px 5px 0px rgba(143,143,143,0.5);
-moz-box-shadow: 3px 5px 5px 0px rgba(143,143,143,0.5);
box-shadow: 3px 5px 5px 0px rgba(143,143,143,0.5);
}
.tabs_content{padding: 20px 0;box-sizing: border-box;}

.tabs-more{text-align: center;margin-bottom: 10px;}
.tabs-more a{background: #47649f;color: white;    padding: 6px 40px 8px;border: 1px solid #d4cac3;border-bottom: 0;font-family: 'UTMAvo';
    border-radius: 18px;
-webkit-box-shadow: 3px 3px 5px 0px rgba(125,125,125,0.8);
-moz-box-shadow: 3px 3px 5px 0px rgba(125,125,125,0.8);
box-shadow: 3px 3px 5px 0px rgba(125,125,125,0.8);
}

.mon-item{float: left;box-sizing: border-box;border: 1px solid #dad9d9;margin: 0 0 10px 0;}
.mon-item .mon-img{padding: 1px;position: relative;}
.mon-item .mon-name{font-weight: bold;color: #3B5998;overflow: hidden;height: 32px;margin: 10px;}
.mon-item .mon-name a{color: #3B5998;}
.mon-item .mon-fullname{color: #343433;font-family: 'UTMAvo';padding: 0 10px;height: 18px;}
.mon-item .mon-about{color: #343433;font-family: 'UTMAvo';overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;min-height: 36px;margin: 0 10px 10px;}

	
.mon-item .jRatingFrameSmall{position: relative;font-family: 'UTMAvo';color: #343433;font-size: 12px;text-align: center;}
.jRatingFrameSmall .jRating{display: inline-block;background: white;padding-left: 2px;}
.jRatingFrameSmall .jStar {position:relative;left:0;z-index:3;display: inline-block;}
.jRatingFrameSmall .serverResponse{display: inline-block;padding-left: 4px;margin-left: -4px;}
.jRatingFrameSmall .jRatingAverage {background-color:red;position:relative;top:0;left:0;z-index:2;height:100%;}
.jRatingFrameSmall .jRatingColor {background-color:#ffc000;position:relative;top:0;left:0;z-index:2;height:100%;}/*da chon*/
.jRatingFrameSmall span{background-color: white;z-index: 1;position: relative;}
.jRatingFrameSmall .mon-break{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;height: 1px;width: 100%;background: #d0cfcf;z-index: 0;}


.mon-preview{padding: 8px 10px;color: #343433;font-family: 'UTMAvo';}
.mon-price{text-align: right;font-family: 'UTMAvoBold';color: red;}
.mon-price span{float: left;color: #343433;text-decoration: line-through;font-weight: normal;font-family: 'UTMAvo';}

.mon-item:hover{}

.mon-detail{position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;}
.mon-detail a{opacity: 0;vertical-align: middle;color: white;border: 1px solid white;font-weight: bold; border-radius:3px; padding: 6px 10px;-webkit-transition: opacity .6s ease 0s;-o-transition: opacity .6s ease 0s;transition: opacity .6s ease 0s;}
.mon-bg{opacity: 0;-webkit-transition: opacity .4s ease 0s;-o-transition: opacity .4s ease 0s;transition: opacity .4s ease 0s;}
.mon-item:hover .mon-bg{opacity: 1;background: rgba(0,0,0,.8);position: absolute;left: 0;right: 0;top: 0;bottom: 0;-webkit-transition: opacity .4s ease 0s;-o-transition: opacity .4s ease 0s;transition: opacity .4s ease 0s;}
.mon-item:hover .mon-detail a{opacity: 1;}
.mon-detail a:hover{background: white;color: #3b5998;-webkit-transition: opacity .1s ease 0s;-o-transition: opacity .1s ease 0s;transition: opacity .1s ease 0s;}




@media (min-width:320px){
   .home-mon-item{width: 100%;margin: 0 0 10px 0;}
   .tabs > ul > li a {margin: 0 4px;font-size: 12px;}
   .tabs-title{font-size: 14px;font-weight: bold;margin-bottom: 5px;}
   .tabs > ul > li{margin: 5px 0 0;}
   .home-mon-item .mon-img{float: left;width: 150px;}
   .mon-right{width: calc(100% - 152px);float: right;}
   .home-mon-item .mon-name{height: auto;margin: 5px;}
   .home-mon-item .mon-about{min-height: inherit;}
   .mon-price{padding: 0 5px 0;}
   .mon-preview{display: none;}
   .home-mon-item .jRatingFrameSmall .mon-break{display: none;}
   .home-mon-item .jRatingFrameSmall{text-align: left;padding-left: 4px;}
    .home-mon-item .mon-about{-webkit-line-clamp: 1;display: none;}
    .mon-fullname{display: none;}
    .home-mon-item .mon-about{margin: 0 5px 5px;}
    .mon-item .mon-name{font-size: 13px;}

}
@media (min-width:360px){
    .tabs-title{font-size: 16px;font-weight: bold;}
    .tabs > ul > li a {margin: 0 5px;font-size: 13px;}
    .home-mon-item .mon-img{float: left;width: 130px;}
   .mon-right{width: calc(100% - 135px);float: right;}
}
@media (min-width:480px){
   .mon-item .mon-name{font-size: 14px;}
   .tabs > ul > li a {margin: 0 10px;font-size: 14px;}
   .tabs-title{font-size: 22px;}
   .home-mon-item .mon-img{float: left;width: 160px;}
   .mon-right{width: calc(100% - 165px);float: right;}
   .home-mon-item .mon-about{display: block;}
   .tabs > ul > li{width: auto;margin: 0;}
   .mon-price{font-size: 14px;}
}
@media (min-width:580px){
   .tabs > ul > li a {margin: 0 20px;}
   .tabs-title{font-size: 25px;font-family: Times New Roman,Arial, Verdana, sans-serif;text-shadow: 2px 2px 2px #b7b7b7;font-weight: normal;margin-bottom: 20px;}
    .home-mon-item .mon-img{width: 188px;}
    .mon-right{width: calc(100% - 190px);}
    .home-mon-item .mon-about{-webkit-line-clamp: 2;}
    .mon-fullname{display: block;}
    .home-mon-item .mon-name{margin: 10px;}
    .home-mon-item .mon-about{margin: 0 10px 10px;}
    .mon-price{padding: 0 10px 0;}
    .home-mon-item .jRatingFrameSmall{text-align: left;padding-left: 7px;}
}
@media (min-width:767px){
    .tabs > ul > li a {margin: 0 40px;}
}
@media (min-width:970px){
    .mon-item{width: calc((100% - 30px) / 4);margin: 0 10px 10px 0;}
    .home-mon-item:nth-child(3n){margin-right: 10px;}.home-mon-item:nth-child(4n){margin-right: 0;}
    .home-mon-item .mon-img{float: none;width: auto;}
    .mon-right{width: auto;float: none;}
    .home-mon-item .mon-name{height: 32px;}
    .home-mon-item .mon-about{min-height: 36px;}
    .mon-price{padding: 0 10px 8px;}
    .mon-preview{display: block;}
    .home-mon-item .jRatingFrameSmall .mon-break{display: block;}
    .home-mon-item .jRatingFrameSmall{text-align: center;padding-left: 0;}
}
@media (min-width:1170px){
    .home-mon-item{width: calc((100% - 117px) / 4);margin: 0 39px 34px 0;}
    .home-mon-item:nth-child(2n){margin-right: 39px;}.home-mon-item:nth-child(3n){margin-right: 39px;}.home-mon-item:nth-child(4n){margin-right: 0;}
}.login{background: white;border: 1px solid #DDD;margin: 0 auto 20px;box-shadow: 4px 4px 1px #EEE;position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
.login-title{padding: 10px;border-bottom: 1px solid #DDD;font-weight: bold;font-size: 15px;text-align: center;font-family: Verdana,Arial,sans-serif;}

.login-item{margin-bottom: 10px;position: relative;}
.login-item input[type='text'] , 
.login-item input[type='password'], 
.login-item input[type='submit'],
.login-item select{-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;}
.login-item input[type='submit']{width: 100%;}
.login-item input[type='checkbox']{vertical-align: top;margin:1px 3px 0 0;}

#tendangnhap{text-transform: lowercase;}
#tendangnhap::-webkit-input-placeholder { /* Chrome/Opera/Safari */text-transform: none;}
#tendangnhap::-moz-placeholder { /* Firefox 19+ */text-transform: none;}
#tendangnhap:-ms-input-placeholder { /* IE 10+ */text-transform: none;}
#tendangnhap:-moz-placeholder { /* Firefox 18- */text-transform: none;}

#USERNAME{text-transform: lowercase;}
#USERNAME::-webkit-input-placeholder { /* Chrome/Opera/Safari */text-transform: none;}
#USERNAME::-moz-placeholder { /* Firefox 19+ */text-transform: none;}
#USERNAME:-ms-input-placeholder { /* IE 10+ */text-transform: none;}
#USERNAME:-moz-placeholder { /* Firefox 18- */text-transform: none;}

.login-note a{color: #ff9900;font-weight: bold;}

.login-item #STREET{width: calc(100% - 105px);float: left;}
.login-item #CITY{width: 100px;float: right;}


.login_forget_item{margin-bottom: 15px;position: relative;}
.login_forget_item label{display: inline-block;width: 100px;}
.login_forget_item button{outline: 0; background: #d32027; border: 0; border-bottom: 2px solid #b00a10; display: inline-block; padding: 10px 20px; color: #fff; cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;}
.login_forget_item label.error{position: absolute;right: 15px;color: red;width: auto;top: 10px;}


@media (min-width:320px){
    #login-frm , #register-frm , #forget-frm{margin: 15px;width: auto;}
}
@media (min-width:480px){
    #login-frm , #register-frm , #forget-frm{margin: 50px auto;width: 360px;}
}.menu-news{z-index: 100;background: #3b5998;-webkit-box-shadow: 3px 3px 5px 0px #b1b0b0;-moz-box-shadow: 3px 3px 5px 0px #b1b0b0;box-shadow: 3px 3px 5px 0px #b1b0b0;margin-bottom: 15px;}
.menu-news .navigation {margin:0px;position:relative;background: transparent;float: left;}
.menu-news .navigation > li {margin:0;float:left;position:relative;list-style: none;}
.menu-news .navigation > li > a {color: white;display: inline-block;line-height: 20px;font-size: 15px;font-weight: bold;text-transform: capitalize;
  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
}
.menu-news .navigation > li > a > i{margin-right: 6px;font-size: 16px;}
.menu-news .navigation > li:hover > a , .menu-news .navigation > li.active > a{color: #ff9;}
/* Drop-Down Navigation */
.menu-news .navigation li:hover > ul{visibility:visible;opacity:1;padding: 0 10px;box-sizing: border-box;}
.menu-news .navigation ul, .navigation ul li ul {
	list-style: none;margin: 0;padding: 0;background: rgb(59, 89, 152);
	visibility:hidden;position: absolute;z-index: 999;width:100%;
}
.menu-news .navigation ul li {width:100%;border-bottom: 1px dashed rgba(255, 255, 255, 0.17);}
.menu-news .navigation ul li a {padding:10px 15px;color:white;display:block;text-transform: capitalize;}
.menu-news .navigation ul li ul {top: 0;left: 191px;}
.menu-news .navigation ul li:last-child{border-bottom: 0;}
.menu-news .navigation li li:hover > a {background: #FFD42D;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}

@media (min-width:320px){
    .menu-news{display: none;}
}
@media (min-width:970px){
    .menu-news .navigation > li > a {padding: 10px 38px 10px;}
    .menu-news{display: block;}
}
@media (min-width:1170px){
    .menu-news .navigation > li > a {padding: 10px 64px 10px;}
}.menu-page{z-index: 100;position:relative;}
.menu-page .navigation {margin:0px;background: transparent;float: left;}
.menu-page .navigation > li {margin:0;float:left;list-style: none;}
.menu-page .navigation > li > a {color: #3b5998;display: inline-block;line-height: 20px;text-transform: capitalize;padding: 10px 15px 10px;
  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
}
.menu-page .navigation > li > a > img{display: inline-block;vertical-align: text-bottom;border-radius:50%;}
.menu-page .navigation > li > a > i{margin-right: 6px;font-size: 16px;}
.menu-page .navigation > li:hover > a , .menu-page .navigation > li.active > a{color: #eec21a;}
/* Drop-Down Navigation */
.menu-page .navigation li:hover > ul{visibility:visible;opacity:1;}
.menu-page .navigation ul, .navigation ul li ul {
	list-style: none;margin: 0;padding: 0;background: rgb(59, 89, 152);
	visibility:hidden;position: absolute;z-index: 999;width:100%;left: 0;right: 0;
}
.menu-page .navigation ul li {width:100%;}
.menu-page .navigation ul li a {padding:10px 5px;color:white;text-transform: capitalize;display: inline-block;min-width: 83px;text-align: center;}
.menu-page .navigation ul li a:hover{color: #FFD42D;}

@media (min-width:320px){
    .menu-page{display: none;}
}
@media (min-width:1170px){
    .menu-page{display: block;}
}.tv-menu{position: absolute;  box-sizing: border-box; width: 85px; height: 35px; background: #fff; border: 1px solid #cdcccc; border-bottom: 2px solid #e8e7e7; z-index: 9999;}
.tv-menu .tv-title{width: 100%; height: 100%; line-height: 35px; text-align: center; color: #717070; cursor: pointer;}
.tv-menu .tv-title span{display: inline-block; width: 0; height: 0; margin-left: 7px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; color: #929292;}

.tv-menu ul{display: none; opacity: 0; box-sizing: border-box; visibility: hidden; list-style: none; width: 225px; position: absolute; top: 100%; left: -1px; background: #fff; border: 1px solid hsla(0,0%,75%,.45);
    -moz-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.tv-menu ul li{display: block; list-style: none; line-height: 15px;}
.tv-menu ul li a{display: block; position: relative; padding: 9px 5px 10px 30px; color: #717070;}
.tv-menu ul li:hover a{background: #f4f4f4;}
.tv-menu ul li a img{position: absolute; top: 5px; left: 5px; margin: auto; border-radius: 50%;}
.tv-menu ul li a i{position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; line-height: 34px; color: #c9c9c9;}

.tv-menu ul ul{top: -1px; left: 100%; min-height: calc(100% + 2px); border: 0;}
.tv-menu ul ul li{}
.tv-menu ul ul li a{background: transparent!important; color: #fff;}
.tv-menu ul ul li a:hover{background: rgba(255,255,255,0.125)!important;}

.tv-menu:hover ul{display: block; opacity: 1; visibility: visible;}
.tv-menu:hover ul ul{display: none; opacity: 0; visibility: hidden;}
.tv-menu ul li:hover ul{display: block; opacity: 1; visibility: visible;}

.tv-menu ul li:nth-of-type(1) ul{background: #02a1a5;}
.tv-menu ul li:nth-of-type(2) ul{background: #006b9c;}
.tv-menu ul li:nth-of-type(3) ul{background: #960075;}
.tv-menu ul li:nth-of-type(4) ul{background: #540768;}
.tv-menu ul li:nth-of-type(5) ul{background: #32377a;}
.tv-menu ul li:nth-of-type(6) ul{background: #02a1a5;}
.tv-menu ul li:nth-of-type(7) ul{background: #006b9c;}
.tv-menu ul li:nth-of-type(8) ul{background: #960075;}
.tv-menu ul li:nth-of-type(9) ul{background: #540768;}
.tv-menu ul li:nth-of-type(10) ul{background: #02a1a5;}
.tv-menu ul li:nth-of-type(11) ul{background: #540768;}
.tv-menu ul li:nth-of-type(12) ul{background: #006b9c;}
.tv-menu ul li:nth-of-type(13) ul{background: #960075;}
.tv-menu ul li:nth-of-type(14) ul{background: #540768;}
.tv-menu ul li:nth-of-type(15) ul{background: #32377a;}


@media (min-width:320px){
    .tv-menu{display: none;}
    .frmSearch{display: none;}
}
@media (min-width:360px){
    
    
}
@media (min-width:480px){
    .frmSearchID-TV{right: 0;left: inherit;}
    .frmSearch{width: calc(100% - 121px);top: 94px;}
    .frmSearchHome{left: inherit;right: 0;}
}
@media (min-width:580px){
   .frmSearchID-TV{right: 0;left: inherit;}
   .frmSearch{width: calc(100% - 121px);top: 94px;display: block;}
   .frmSearchHome{left: inherit;right: 0;}

}
@media (min-width:970px){
    .tv-menu{left: 280px;top: 56px;display: block;}
    .frmSearchID-TV{left: 364px;right: inherit;}
    .frmSearch{width: 445px;top: 56px;}
    .frmSearchHome{left: 335px;right: inherit;}
}
@media (min-width:1170px){
    .tv-menu{left: 310px;}
    .frmSearchID-TV{left: 394px;}
}.menu{z-index: 100;background: #3b5998;-webkit-box-shadow: 3px 3px 5px 0px #b1b0b0;-moz-box-shadow: 3px 3px 5px 0px #b1b0b0;box-shadow: 3px 3px 5px 0px #b1b0b0;position: relative;}
.menu .navigation {margin:0px;position:relative;background: transparent;float: left;}
.menu .navigation > li {margin:0;float:left;position:relative;list-style: none;}
.menu .navigation > li > a {color: white;display: inline-block;line-height: 20px;font-size: 15px;font-weight: bold;text-transform: capitalize;
  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
}
.menu .navigation > li > a > i{margin-right: 6px;font-size: 16px;}
.menu .navigation > li:hover > a , .menu .navigation > li.active > a{color: #ff9;}
/* Drop-Down Navigation */
.menu .navigation li:hover > ul{visibility:visible;opacity:1;padding: 0 10px;box-sizing: border-box;}
.menu .navigation ul, .navigation ul li ul {
	list-style: none;margin: 0;padding: 0;background: rgb(59, 89, 152);
	visibility:hidden;position: absolute;z-index: 999;width:191px;
}
.menu .navigation ul li {width:100%;border-bottom: 1px dashed rgba(255, 255, 255, 0.17);}
.menu .navigation ul li a {padding:10px;color:white;display:block;text-transform: capitalize;}
.menu .navigation ul li ul {top: 0;left: 191px;}
.menu .navigation ul li:last-child{border-bottom: 0;}
.menu .navigation li li:hover > a {background: #FFD42D;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}


.menusub{z-index: 50;border: 1px solid #dad9d9;border-top: 0;background: white;position: relative;}
.menusub .navigation {margin:0px;position:relative;background: transparent;float: left;}
.menusub .navigation > li {margin:0;float:left;position:relative;list-style: none;}
.menusub .navigation > li > a {color: #717070;display: inline-block;line-height: 20px;font-size: 14px;text-transform: capitalize;
  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;
}
.menusub .navigation > li > a > i{margin-right: 6px;font-size: 16px;}
.menusub .navigation > li:hover > a , .menusub .navigation > li.active > a{color: #3b5998;}

.menusub .navigation > li.menusubicon > a{background: url("menu/star.png") no-repeat 5px 7px;padding-left: 32px;font-weight: bold;}

.fixtop {position: fixed;top: 0;z-index: 9999;}


@media (min-width:320px){
    .menu , .menusub{display: none;}
    
}
@media (min-width:970px){
    .menu .navigation > li > a {padding: 10px 20px;}
    .menusub .navigation > li > a {padding: 10px 16px 10px;}
    .menu , .menusub{display: block;}
}
@media (min-width:1170px){
    .menu .navigation > li > a {padding: 10px 33px;}
    .menusub .navigation > li > a {padding: 10px 33px 10px 34px;}

}.mon-cap1-item{margin: 0 0 15px;position: relative;}
.mon-cap1-img{float: left;overflow: hidden;}
.mon-cap1-img img{max-width: 100%;}
.mon-cap1-right{float: left;border: 1px solid #f8f8f8;border-left: 0;box-sizing: border-box;right: 0;}
.mon-cap1-name{font-weight: bold;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;}
.mon-cap1-name a{color: #232323;}
.mon-cap1-fullname{color: #000000;}
.mon-cap1-register{position: absolute;color: #e26c09;font-size: 15px;font-family: Times New Roman,Arial, Verdana, sans-serif;font-weight: bold;}
.mon-cap1-preview{line-height: 18px;color: #6a6a6a;height: 35px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.mon-cap1-item:hover .mon-cap1-name a{color: #3b5998;}
.mon-cap1-total i{margin-right: 10px;font-size: 18px;color: #b4b0af;}
.mon-cap1-total label{display: inline-block;float: left;}
.mon-cap1-price{color: #006fc0;float: left;font-size: 12px;}
.mon-cap1-price-sale{color: #f79546;float: left;font-size: 12px;}

.mon-cap1-p{float: left;}
.mon-cap1-c{float: right;position: relative;}
.mon-cap1-c .jRatingFrameSmall{height: 30px;}
.mon-cap1-comment{font-size: 12px;}

@media (min-width:320px){
    .mon-cap1-fullname{height: auto;margin-bottom: 10px;}
    .mon-cap1-p{width: 100%;}
    .mon-cap1-c{width: 100%;text-align: left;margin-bottom: 10px;}
    
    .mon-cap1-total label{width: calc(100%/2);}
    .mon-cap1-total label:nth-child(3){display: none;}
    .mon-cap1-name{height: auto;margin-bottom: 10px;font-size: 14px;}
    .mon-cap1-price , .mon-cap1-price-sale{width: 50%;margin: 10px 0 10px;}
    .mon-cap1-c .jRatingFrameSmall{width: 50%;float: left;}
    .mon-cap1-comment{width: 50%;float: right;}
    .mon-cap1-preview{display: none;}
    .mon-cap1-img{width: 100%;}
    .mon-cap1-right{padding: 5px;width: 100%;}
    .mon-cap1-register{bottom: 5px;left: 5px;}
    .mon-cap1-total{height: auto;}
}
@media (min-width:360px){

}
@media (min-width:480px){
    .mon-cap1-item{width: calc(50% - 10px);float: left;margin-right: 10px;}
    .mon-cap1-item:nth-child(2n){margin-right: 0;}
    .mon-cap1-right{width: 100%;height: 150px;position: inherit;}
    .mon-cap1-name{height: 36px;-webkit-line-clamp: 2;}
    .mon-cap1-c{display: none;margin-bottom: 0;}
    .mon-cap1-price , .mon-cap1-price-sale{width: 100%;margin: 0 0 10px;}
    .mon-cap1-register{top: -25px;left: 5px;bottom: inherit;}
    .mon-cap1-total{height: 30px;}
}
@media (min-width:580px){
    .mon-cap1-name{-webkit-line-clamp: 1;font-size: 15px;height: auto;}
    .mon-cap1-register{top: 135px;left: 15px;}
    .mon-cap1-item{width: auto;float: none;}
    .mon-cap1-item:nth-child(2n){margin-right: 0;}
    .mon-cap1-right{width: calc(100% - 260px);height: 100%;position: absolute;padding: 10px 15px;}
    .mon-cap1-c{display: block;}
    .mon-cap1-price , .mon-cap1-price-sale{width: 50%;margin: 0 0 10px;}
    .mon-cap1-img{width: 260px;}
}
@media (min-width:767px){
    .mon-cap1-preview{display: -webkit-box;}
    .mon-cap1-total label{width: calc(100% / 3);}
    .mon-cap1-register{top: 10px;right: 15px;left: inherit;}
    .mon-cap1-fullname{height: 30px;margin-bottom: 0;}
    .mon-cap1-p{width: 70%;}
    .mon-cap1-c{width: 30%;text-align: right;}
    .mon-cap1-name{height: 35px;margin-bottom: 0;}
    .mon-cap1-price , .mon-cap1-price-sale{margin: 0;}
    .mon-cap1-c .jRatingFrameSmall{width: auto;float: none;}
    .mon-cap1-comment{width: auto;float: none;}
}
@media (min-width:970px){
    .mon-cap1-total label:nth-child(3){display: inline-block;}
    .mon-cap1-price , .mon-cap1-price-sale{width: 30%;}
}
@media (min-width:1170px){

}.smk_accordion {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
/**
 * --------------------------------------------------------------
 * Section
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in {
  position: relative;
  z-index: 10;
  overflow: hidden;
}
/**
 * --------------------------------------------------------------
 * Head
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_head {
  position: relative;
  display: block;
  cursor: pointer;
}
.smk_accordion .accordion_in .acc_head .acc_icon_expand {
  display: block;width: 20px;text-align: center;
  position: absolute;
  font-family: FontAwesome;
  font-size: 20px;
}
.smk_accordion .accordion_in .acc_head .acc_icon_expand:before {
    content: "+";
}

/**
 * --------------------------------------------------------------
 * Content
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in .acc_content {
  
}
.smk_accordion .accordion_in .acc_content h1:first-of-type,
.smk_accordion .accordion_in .acc_content h2:first-of-type,
.smk_accordion .accordion_in .acc_content h3:first-of-type,
.smk_accordion .accordion_in .acc_content h4:first-of-type,
.smk_accordion .accordion_in .acc_content h5:first-of-type,
.smk_accordion .accordion_in .acc_content h6:first-of-type {
  margin-top: 5px;
}
/**
 * --------------------------------------------------------------
 * General
 * --------------------------------------------------------------
 */
.smk_accordion .accordion_in:first-of-type,
.smk_accordion .accordion_in:first-of-type .acc_head {
  border-radius: 3px 3px 0 0;
}
.smk_accordion .accordion_in:last-of-type,
.smk_accordion .accordion_in:last-of-type .acc_content {
  border-radius: 0 0 3px 3px;
}
.smk_accordion .accordion_in.acc_active > .acc_content {
  display: block;background: white;
}
.smk_accordion .accordion_in.acc_active > .acc_head {

}
.smk_accordion .accordion_in .acc_head:hover {
    color: red;
}
.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand:before {
  content: "-";
}

.mon-cap2{margin-bottom: 20px;}
.mon-cap2-left{float: left;border: 1px solid #dad9d9;box-sizing: border-box;}
.mon-cap2-right{float: right;box-sizing: border-box;}
.mon-cap2-title{padding: 9px 0;font-weight: bold;color: #197dc6;text-align: center;border-bottom: 1px solid #dad9d9;}
.mon-cap2-price{padding: 9px 0;font-weight: bold;color: #e26c09;text-align: center;}
.mon-cap2-register{display: block;border: 1px solid #f79546;text-align: center;color: white;padding: 8px 0;text-transform: uppercase;font-weight: bold;
background: rgba(248,187,137,1);
background: -moz-linear-gradient(top, rgba(248,187,137,1) 0%, rgba(247,152,69,1) 53%, rgba(250,186,133,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,187,137,1)), color-stop(53%, rgba(247,152,69,1)), color-stop(100%, rgba(250,186,133,1)));
background: -webkit-linear-gradient(top, rgba(248,187,137,1) 0%, rgba(247,152,69,1) 53%, rgba(250,186,133,1) 100%);
background: -o-linear-gradient(top, rgba(248,187,137,1) 0%, rgba(247,152,69,1) 53%, rgba(250,186,133,1) 100%);
background: -ms-linear-gradient(top, rgba(248,187,137,1) 0%, rgba(247,152,69,1) 53%, rgba(250,186,133,1) 100%);
background: linear-gradient(to bottom, rgba(248,187,137,1) 0%, rgba(247,152,69,1) 53%, rgba(250,186,133,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8bb89', endColorstr='#faba85', GradientType=0 );
}

.mon-cap2-video{overflow: hidden;}
.mon-cap2-no-video{margin: 0;text-align: center;}
.mon-cap2-no-video img{max-width: 100%;display: inline-block;max-height: 100%!important;}


.mon-cap2-info{float: left;box-sizing: border-box;padding: 0 0 0 10px;line-height: 29px;color: #979797;}
.mon-cap2-avatar{float: right;border-left: 1px solid #dad9d9;box-sizing: border-box;position: relative;}
.mon-cap2-avatar img{position: absolute;left: 0;right: 0;bottom: 30px;margin: auto;max-height: 100%;max-width: 100%;}

.mon-cap2-content{float: left;border: 1px solid #dad9d9;border-top: 0;box-sizing: border-box;}


.mon-cap2-content .tabs > ul{border-bottom: 1px solid #dad9d9;box-sizing: border-box;}
.tabs .tab-cnt{margin-top: 0;}


.tab-chuongtrinh{float: left;box-sizing: border-box;}
.tab-baihoc{float: left;box-sizing: border-box;text-align: center;}
.tab-thoigian{float: left;box-sizing: border-box;text-align: center;}

.mon-cap2-item .tab-chuongtrinh a{color: black;position: relative;padding-left: 20px;display: inline-block;}
.mon-cap2-item .tab-chuongtrinh a:before {font-family: FontAwesome;content: "\f144";font-size: 15px;position: absolute;left: 0;top: 0;}
.mon-cap2-item:hover .tab-chuongtrinh a , .mon-cap2-item:hover .tab-thoigian{color: #3b5998;}

.mon-cap2-orther{width: 249.5px;float: right;box-sizing: border-box;border: 1px solid #dad9d9;border-top: 0;}
.mon-cap2-orther-title{font-size: 14px;font-weight: bold;text-align: center;padding: 13px 0;
    background: rgba(153,205,220,1);
    background: -moz-linear-gradient(45deg, rgba(153,205,220,1) 0%, rgba(218,237,244,1) 53%, rgba(157,210,224,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(153,205,220,1)), color-stop(53%, rgba(218,237,244,1)), color-stop(100%, rgba(157,210,224,1)));
    background: -webkit-linear-gradient(45deg, rgba(153,205,220,1) 0%, rgba(218,237,244,1) 53%, rgba(157,210,224,1) 100%);
    background: -o-linear-gradient(45deg, rgba(153,205,220,1) 0%, rgba(218,237,244,1) 53%, rgba(157,210,224,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(153,205,220,1) 0%, rgba(218,237,244,1) 53%, rgba(157,210,224,1) 100%);
    background: linear-gradient(45deg, rgba(153,205,220,1) 0%, rgba(218,237,244,1) 53%, rgba(157,210,224,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cddc', endColorstr='#9dd2e0', GradientType=1 );
}
.mon-cap2-orther-scroll{margin: 5px;box-sizing: border-box;}
.mon-cap2-orther-scroll li{list-style: none;}

#danh-muc-du-an{text-align: center;margin: 5px 0 10px;}
#danh-muc-du-an span{font-weight: bold;color: #3b5998;border: 2px solid rgba(173, 185, 212, 0.8);border-radius: 5px;padding: 5px 20px 5px 10px;display: inline-block;cursor: pointer;position: relative;min-width: 120px;}
#danh-muc-du-an span:before{content: "\f0d7";font-family: FontAwesome;position: absolute;right: 8px;top: 6px;}

.mon-cap2-info-text{border-top: 1px solid #dad9d9;padding: 10px;line-height: 21px;height: 179px;overflow: hidden;}
.mon-cap2-info-text div{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;}

@media (min-width:320px){
    .mon-cap2-orther{display: none;}
    .mon-cap2-content{width: 100%;}
    .mon-cap2-right{border: 1px solid #dad9d9;border-top: 0;}
    .mon-cap2-video{height: auto;}
    .mon-cap2-left{width: 100%;}
    .mon-cap2-right{width: 100%;}
    .mon-cap2-info,.mon-cap2-avatar{height: auto;}
    .tab-head .tab-chuongtrinh{padding-left: 10px;display: none;}
    .tab-head .tab-baihoc , .tab-head .tab-thoigian{display: none;}
    .acc_head .tab-chuongtrinh{padding-left: 20px;}
    .tab-chuongtrinh ,.tab-baihoc , .tab-thoigian{padding: 5px;}
    .tabs_content_info{padding: 5px;}
    .smk_accordion .accordion_in .acc_head .acc_icon_expand {top: 0;left: 0;}
    .tab-thoigian , .tab-baihoc{display: none;}
    #danh-muc-du-an{display: block;}
    .mon-cap2-content .tabs > ul{display: none;}
    .mon-cap2-content .tabs > ul > li{display: block;}
    .mon-cap2-content .tabs > ul > li a {display: inline-block;}
    .mon-cap2-info-text{display: none;}
}
@media (min-width:360px){
    .mon-cap2-info{width: 100%;}
    .mon-cap2-avatar{display: none;}
    .tab-baihoc{width: 80px;}
    .tab-thoigian{width: 50px;}
    .mon-cap2-item .tab-chuongtrinh{padding: 5px 0 5px 10px;}
}
@media (min-width:480px){
    
    .mon-cap2-info{width: 50%;}
    .mon-cap2-avatar{display: block;width: 50%;}
    .tab-baihoc{width: 80px;}
    .tab-thoigian{width: 50px;}
    .tab-chuongtrinh{width: calc(100% - 130px);}
    .mon-cap2-item .tab-chuongtrinh{padding: 5px 0 5px 31px;}
    .mon-cap2-info,.mon-cap2-avatar{height: 168px;}
    .tab-head .tab-chuongtrinh{padding-left: 20px;display: block;}
    .tab-head .tab-baihoc , .tab-head .tab-thoigian{display: block;}
    .acc_head .tab-chuongtrinh{padding-left: 35px;}
    .tab-chuongtrinh ,.tab-baihoc , .tab-thoigian{padding: 10px;}
    .smk_accordion .accordion_in .acc_head .acc_icon_expand {top: 5px;left: 15px;}
    .tab-thoigian{min-height: 35px;}
    .tab-thoigian , .tab-baihoc{display: inline-block;}
    
    #danh-muc-du-an{display: none;}
    .mon-cap2-content .tabs > ul{display: block;padding: 8px 0 10px;}
    .mon-cap2-content .tabs > ul > li{display: inline-block;}
    .mon-cap2-content .tabs > ul > li a {display: block;}
}
@media (min-width:580px){
    .tab-baihoc , .tab-thoigian{width: 100px;}
    .tab-chuongtrinh{width: calc(100% - 200px);}
    .mon-cap2-item .tab-chuongtrinh{padding: 5px 0 5px 51px;}
    .smk_accordion .accordion_in .acc_head .acc_icon_expand {top: 5px;left: 25px;}
    .acc_head .tab-chuongtrinh{padding-left: 50px;}
}
@media (min-width:767px){
    .mon-cap2-left{width: calc(100% - 250px);}
    .mon-cap2-right{width: 250px;}
    .mon-cap2-info{width: 100%;height: 276px;}
    .mon-cap2-avatar{display: none;}
    .mon-cap2-video{height: 308px;}
    .mon-cap2-right{border: 1px solid #dad9d9;border-top: 1px solid #dad9d9;border-left: 0;}
    .tabs_content_info{padding: 20px;}
    
}
@media (min-width:970px){
    .mon-cap2-left{width: calc(100% - 300px);}
    .mon-cap2-right{width: 300px;}
    .mon-cap2-orther{display: block;}
    .mon-cap2-content{width: calc(100% - 249.5px);}
    .mon-cap2-info-text{display: block;}
    .mon-cap2-info{height: 168px;}
    .mon-cap2-video{height: 400px;}
}
@media (min-width:1170px){
    .mon-cap2-left{width: calc(100% - 500px);}
    .mon-cap2-right{width: 500px;}
    .mon-cap2-info{width: 50%;}
    .mon-cap2-avatar{width: 50%;display: inline-block;}
    .tab-baihoc , .tab-thoigian{width: 200px;}
    .tab-chuongtrinh{width: calc(100% - 400px);}
    
}
.mon-detail-left{float: left;border: 1px solid #dad9d9;box-sizing: border-box;position: relative;}
.mon-detail-right{float: left;border: 1px solid #dad9d9;box-sizing: border-box;overflow: hidden;}
.mon-detail-no-video{margin: 20px 10px 0;text-align: center;}
.mon-detail-no-video img{max-width: 100%;display: inline-block;max-height: 100%;}
.mon-detail-view{position: absolute;right: 0;background: rgba(0, 0, 0, 0.5);top: 0;color: white;padding: 11px 15px;font-size: 12px;z-index: 999;}
.mon-detail-right .mon-cap2-orther-title{padding: 10px 0;}
.mon-detail-tab{border: 1px solid #dad9d9;border-top: 0;margin-bottom: 20px;}
.mon-detail-tab .tabs > ul {
    padding: 8px 0 10px;
    border-bottom: 1px solid #dad9d9;
    box-sizing: border-box;
}
.mon-detail-right ul{padding: 5px 10px;height: calc(100% - 100px);box-sizing: border-box;}
.mon-detail-right li{list-style: none;}
.mon-detail-right li a{padding: 5px 0 5px 20px;position: relative;display: inline-block;width: calc(100% - 35px);box-sizing: border-box;}
.mon-detail-right li span{float: right;display: inline-block;text-align: right;width: 35px;padding-top: 5px;}
.mon-detail-right li.active a , .mon-detail-right li:hover a{color: red;}
.mon-detail-right li a:before {
    font-family: FontAwesome;
    content: "\f144";
    font-size: 15px;
    position: absolute;
    left: 0;
    top: 5px;
}

.mon-detail-right .jRatingFrameSmall{position: relative;text-align: center;}

.mon-detail-download{}
.mon-detail-download li{list-style: none;padding: 5px 0;}
.mon-detail-download li a{color: black;}
.mon-detail-download li a span{display: inline-block;}
.mon-detail-download li a span i{display: inline-block;text-align: center;}
.mon-detail-download li:hover a{color: #3b5998;}

.mon-detail-buy{padding: 10px;}
.mon-detail-buy-img{float: left;}
.mon-detail-buy-name{font-weight: bold;font-size: 15px;text-transform: uppercase;}
.mon-detail-buy li{list-style: none;box-sizing: border-box;padding: 10px 0 0 0;color: #979797;}
.mon-detail-buy-price{color: #006fc0;}
.mon-detail-buy-price-sale{color: #f79546;margin-left: 50px;}
.mon-detail-buy-register{color: #e26c09;font-size: 15px;font-family: Times New Roman,Arial, Verdana, sans-serif;font-weight: bold;padding: 10px 0 0 0;cursor: pointer;}



.sb-container{position: relative;overflow: hidden;padding-right: 3px;}
.sb-content {width: calc(100% + 30px);height:100%;padding-right: 15%;overflow-y: scroll;box-sizing:border-box;}
.sb-scrollbar-container {position: absolute;right: 3px;bottom: 3px;top: 3px;width: 3px;}
.sb-container-noscroll .sb-scrollbar-container {right: -20px;}
.sb-scrollbar {position: absolute;right: 0;height: 30px;width: 5px;border-radius: 3px;background: rgba(59, 89, 152, 0.5);}
.sb-scrollbar:hover {background: rgba(59, 89, 152, 0.7);}


@media (min-width:320px){
    .mon-detail-left{width: 100%;}
    .mon-detail-right{width: 100%;}
    .mon-detail-buy-img{width: 100%;margin-right: 0;margin-bottom: 10px;text-align: center;}
    .mon-detail-buy-img img{display: inline-block;}
    .mon-detail-download li a span{width: auto;}
    .mon-detail-download li a span:nth-child(2){width: auto;color: red; padding-left: 15px;}
    .mon-detail-download li a span i{width: auto;}
    .mon-detail-left{height: auto;}
    .mon-detail-right{height: 250px;}
    
}
@media (min-width:360px){
    
}
@media (min-width:480px){
    .mon-detail-download li a span{width: calc(100% - 90px);}
    .mon-detail-download li a span:nth-child(2){width: 90px;padding-left: 0;}
    .mon-detail-download li a span i{width: 30px;}
    
}
@media (min-width:580px){
    
}
@media (min-width:767px){
    .mon-detail-buy-img{margin-right: 10px;margin-bottom: 0;width: auto;}
    .mon-detail-download li a span{width: 50%;}
    .mon-detail-download li a span:nth-child(2){width: 50%;}
    
}
@media (min-width:970px){
    .mon-detail-left{width: calc(100% - 250px);}
    .mon-detail-right{width: 250px;border-left: 0;}
    .mon-detail-left{height: 475px;}
    .mon-detail-right{height: 475px;}
    .mon-detail-no-video{height: 378px;}
}
@media (min-width:1170px){
    
}.mon-group{border: 1px solid #dad9d9;margin: 0 0 10px;padding: 10px;font-family: Times New Roman,Arial, Verdana, sans-serif;font-size: 14px;line-height: 25px;}
.mon-group-post{position: relative;}
.mon-group-post .owl-nav{opacity: 0;text-align: center;-webkit-transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;transition: all 0.25s ease 0s;}
.mon-group-post .owl-nav div{width: 40px;text-align: center;color: white;background: rgba(31, 73, 125, 0.5);line-height: 65px;font-size: 20px;}
.mon-group-post .owl-nav .owl-next{position: absolute;top: 30%;right: 0;-moz-border-radius: 6px 0 0 6px;-webkit-border-radius: 6px 0 0 6px;-khtml-border-radius: 6px 0 0 6px;border-radius: 6px 0 0 6px;}
.mon-group-post .owl-nav .owl-prev{position: absolute;top: 30%;left: 0;-moz-border-radius:  0 6px 6px 0;-webkit-border-radius: 0 6px 6px 0;-khtml-border-radius: 0 6px 6px 0;border-radius: 0 6px 6px 0;}
.mon-group-post .disabled{opacity: 0;}
.mon-group-post:hover .owl-nav{opacity: 1;-webkit-transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;transition: all 0.25s ease 0s;}
.mon-group-post:hover .owl-nav div:hover{background: rgba(31, 73, 125, 0.9);}

.mon-group-title{font-size: 18px;font-weight: bold;float: left;}
.mon-group-title h1{font-size: 18px;}
.mon-group-preview{float: left;}
.mon-group-price{color: #197dc6;width: 50%;float: left;font-size: 15px;}
.mon-group-price-sale{color: #e57b22;width: 50%;float: left;font-size: 15px;}


.mon-group-total{float: left;}
.mon-group-total i{color: #3b5998;}
.mon-group-total-cd{}
.mon-group-total-bg{}
.mon-group-total-video{}
.mon-group-total-tl{}

.click-register{cursor: pointer;color: #e57b22;font-weight: bold;}
.click-register:hover{color: #FF0000;}

@media (min-width:320px){
    .mon-group-register a{display: inline-block;margin: 0 10px 0 0;}
    .mon-group-total{width: 50%;}
    .mon-group-register{text-align: left;float: left;}
}
@media (min-width:480px){
    .mon-group-total{width: calc(100%/4);}
    .mon-group-preview{width: 100%;}
}
@media (min-width:580px){
   .mon-group-title{width: 100%;}
   .mon-group-preview{width: calc(100% - 100px);}
   .mon-group-register{width: 100px;}
   .mon-group-register a{display: block;margin: 0;}
   .mon-group-register{text-align: center;float: right;}
}
@media (min-width:767px){
    .mon-group-title{width: 200px;}
    .mon-group-preview{width: calc(100% - 356px);}
    .mon-group-register{width: 156px;}
}
@media (min-width:970px){
    .mon-group-title{width: 300px;}
    .mon-group-preview{width: calc(100% - 506px);}
    .mon-group-register{width: 206px;}
}.news-list .news-item{padding: 10px; border: 1px solid #d7d7d7; margin-bottom: 10px; position: relative;}
.news-list .news-item-last{}
.news-list .news-name{font-weight: bold; font-size: 14px; margin-bottom: 7px;}
.news-list .news-name a{color: #1f497d;}
.news-list .news-prev{line-height: 18px;overflow: hidden;}


.news-more{position: absolute; right: 10px; bottom: 10px; width: 100px; height: 22px; line-height: 22px; text-align: center; color: #fff; background: rgba(31, 73, 125, 0.55); font-size: 12px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}
.news-more:hover{background: #1f497d;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}
.news-more i{margin-left: 4px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}
.news-more:hover i{margin-left: 7px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;}

.news-img img{display: inline-block;}

@media (min-width:320px){
    .news-list .news-img{margin: 0 0 10px;text-align: center;}
    .news-list .news-prev{height: auto;}
    .news-list .news-more{display: none;}
}
@media (min-width:480px){
    .news-list .news-img{width: 180px;float: left;margin: 0 10px 0 0;height: 120px;}
    .news-list .news-prev{height: 90px;}
    .news-list .news-more{display: block;}
}/*** TABLE ***/
.table{display: table; width: 100%; border-collapse: collapse; box-sizing: border-box;}
.table-body{display: table-row-group; line-height: 22px; text-align: center; box-sizing: border-box;}
.table-row{display: table-row; box-sizing: border-box;}
.table-row:hover{background: rgba(222, 223, 225, 0.5);}
.table-head{background: #dedfe1!important; font-weight: bold; color: #1f497d;}
.table-cell{border: 1px solid #8da2bd; display: table-cell; padding: 5px; vertical-align: middle; box-sizing: border-box;}
.table-cell a{color: #1f497d;}

/*** OPTION ***/
.table-price{color: #ff0000;}
.table-left{text-align: left;}
.table-right{text-align: right;}
.table-transform{text-transform: uppercase;}

/*** SIZE ***/
.table-70px{width: 70px;}
.table-85px{width: 85px;}
.table-100px{width: 100px;}.frmSearch{position: absolute;border: 1px solid #cdcccc;border-bottom: 2px solid #e8e7e7;z-index: 100;}
.frmSearch input::-webkit-input-placeholder{color: #999999;}
.frmSearch input:-moz-placeholder{color: #999999;}
.frmSearch input::-moz-placeholder{color: #999999;}
.frmSearch input:-ms-input-placeholder{color: #999999;}
.frmSearch input[type='text']{height: 32px;float: left;border: 0;width: calc(100% - 210px);}

.frmSearch select{width: 85px;float: left;border: 0;border-left: 1px solid #cdcccc;height: 32px;color: #999999;}
.frmSearch input[type='submit']{background: url("search/search.png") no-repeat center;width: 40px;height: 32px;float: right;border: 0;box-shadow:inset 0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(0, 0, 0, 0) !important;padding: 0;}

.slider-mon{margin-bottom: 15px;}
#wowslider-container-mon { 
	display: table;float: left;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height:305px;
	margin:0 auto;
	z-index:90;
	text-align:left; /* reset align=center */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
}
#wowslider-container-mon .ws_images ul{
	position:relative;
	width: 10000%; 
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container-mon .ws_images ul li{
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	/*font-size:0;*/
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container-mon .ws_images{
	position: relative;
	left:0;
	top:0;
	height:100%;
	max-height:305px;
	max-width: 100%;
	vertical-align: top;
	border:none;
	overflow: hidden;
}
#wowslider-container-mon .ws_images ul a{
	width:100%;
	height:100%;
	max-height:305px;
	display:block;
	color:transparent;
}
#wowslider-container-mon img{
	max-width: none !important;
}
#wowslider-container-mon .ws_images .ws_list img,
#wowslider-container-mon .ws_images > div > img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}
#wowslider-container-mon .ws_images > div > img {
	max-height:305px;
}

#wowslider-container-mon .ws_images iframe {
	position: absolute;
	z-index: -1;
}

#wowslider-container-mon .ws-title > div {
	display: inline-block !important;
}

#wowslider-container-mon a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container-mon  .ws_bullets { 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container-mon  .ws_bullets div{
	position:relative;
	float:left;
	font-size: 0px;
}
/* compatibility with Joomla styles */
#wowslider-container-mon  .ws_bullets a {
	line-height: 0;
}

#wowslider-container-mon  .ws_script{
	display:none;
}
#wowslider-container-mon sound, 
#wowslider-container-mon object{
	position:absolute;
}

/* prevent some of users reset styles */
#wowslider-container-mon .ws_effect {
	position: static;
	width: 100%;
	height: 100%;
}

#wowslider-container-mon .ws_photoItem {
	border: 2em solid #fff;
	margin-left: -2em;
	margin-top: -2em;
}
#wowslider-container-mon .ws_cube_side {
	background: #A6A5A9;
}


#wowslider-container-mon.ws_gestures {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container-mon.ws_gestures.ws_grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

/* hide controls when video start play */
#wowslider-container-mon.ws_video_playing .ws_bullets,
#wowslider-container-mon.ws_video_playing .ws_fullscreen,
#wowslider-container-mon.ws_video_playing .ws_next,
#wowslider-container-mon.ws_video_playing .ws_prev {
	display: none;
}


/* youtube/vimeo buttons */
#wowslider-container-mon .ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#wowslider-container-mon .ws_video_btn.ws_youtube,
#wowslider-container-mon .ws_video_btn.ws_vimeo {
	display: block;
}
#wowslider-container-mon .ws_video_btn div {
	position: absolute;
	background-image: url(/components/slider/playvideo.png);
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#wowslider-container-mon .ws_video_btn.ws_youtube div {
	background-position: 0 0;
}
#wowslider-container-mon .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0;
}
#wowslider-container-mon .ws_video_btn.ws_vimeo div {
	background-position: 0 100%;
}
#wowslider-container-mon .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%;
}

#wowslider-container-mon .ws_playpause.ws_hide {
	display: none !important;
}

#wowslider-container-mon  .ws_bullets { 
	padding: 0 0 15px; 
}
#wowslider-container-mon .ws_bullets a { 
	width:10px;
	height:10px;
	background: rgba(255, 255, 255, 0.7);
    border: 2px solid #3b5998;
	float: left; 
	text-indent: -4000px; 
	position:relative;
	margin-left:15px;
	color:transparent;
    border-radius: 50%;
}
#wowslider-container-mon .ws_bullets a:hover{
	background: rgba(255, 255, 255, 1);
}
#wowslider-container-mon .ws_bullets a.ws_selbull{
	background: #3b5998;
}
#wowslider-container-mon a.ws_next, #wowslider-container-mon a.ws_prev {
	position:absolute;
	top:50%;
	margin-top:-2em;
	z-index:60;
	height: 4.5em;
	width: 4.5em;
	background-image: url(/components/slider/arrows.png);
	opacity: 0.8;	
	background-size: 200%;
}
#wowslider-container-mon a.ws_next{
	background-position: 100% 0;
	right:2.1em;
}
#wowslider-container1 a.ws_prev {
	left:2.1em;
	background-position: 0 0; 
}
#wowslider-container1 a.ws_next:hover{
	opacity: 1;
}
#wowslider-container1 a.ws_prev:hover {
	opacity: 1;
}  

/*playpause*/
#wowslider-container1 .ws_playpause {
    width: 4.5em;
    height: 4.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2em;
    margin-top: -2em;
    z-index: 59;
	background-size: 100%;
}

#wowslider-container1 .ws_pause {
    background-image: url(/components/slider/pause.png);
}

#wowslider-container1 .ws_play {
    background-image: url(/components/slider/play.png);
}

#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 100% 100% !important;
}/* bottom center */
#wowslider-container1  .ws_bullets {
    bottom: 0px;
	right:10px;
}
#wowslider-container1  .ws_bullets div{
	right: 10px;
}
#wowslider-container1 .ws-title{
	position:absolute;
	display:block;
	font: 1.8em 'Open Sans', sans-serif;
	bottom: 4%;
	left: 0;
	margin: 0.5em;
	margin-left: 0;
	color:#5d5d5d;
	z-index: 50;
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
	display:inline-block;
	padding:0.5em;
	background:#FFFFFF;
	border-radius:0.25em;
	-moz-border-radius:0 0.5em 0.5em 0;
	border-radius:0 0.5em 0.5em 0;   
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);	
	-moz-box-shadow: 0 0 0.1em #5d5d5d;
    box-shadow: 0 0 0.1em #5d5d5d; 
}
#wowslider-container1 .ws-title div{
	display:block;
	margin-top:0.4em;
	font-size: 0.777em;
}#wowslider-container1 a.ws_next,
#wowslider-container1 a.ws_prev,
#wowslider-container1 .ws_playpause {
	display:none;
}

* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}

#wowslider-container1:hover a.ws_next,
#wowslider-container1:hover a.ws_prev,
#wowslider-container1:hover .ws_playpause {
	display:block
}#wowslider-container1 .ws_images > ul{
	animation: wsBasic 12s infinite;
	-moz-animation: wsBasic 12s infinite;
	-webkit-animation: wsBasic 12s infinite;
}
@keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
@-moz-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }


#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	bottom:20px;
	left:-74px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border: 4px solid #FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:48px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:147px;
	background-color:#FFF;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	bottom:18px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border: 4px solid #FFF;
	border-radius:5px;
	-moz-border-radius:5px;
}
#wowslider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	bottom:-10px;
	margin-left:-6px;
	left:74px;
	background:url(/components/slider/triangle.png);
	width:15px;
	height:6px;
}#wowslider-container1 .ws_bulframe div div{
	height: auto;
}

#wowslider-container1 .ws_images .ws_list img{margin: 0!important;}

@media all and (max-width:760px) {
	#wowslider-container1 .ws_fullscreen {
		display: block;
	}
}
@media all and (max-width:400px){
	#wowslider-container1 .ws_controls,
	#wowslider-container1 .ws_bullets,
	#wowslider-container1 .ws_thumbs{
		display: none
	}
}.news-slider{margin: 15px 0;}
.slidenewL{float: left;}
.slidenewR{float: right;}
.slidenewR ul{}
.slidenewR ul li{list-style: none;margin-bottom: 12px;height: 70px;overflow: hidden;font-weight: bold;line-height: 18px;text-align: justify;}
.slidenewR ul li img{float: left;margin-right: 5px;}
.slidenewR ul li a{color: #1f497d;}
.slidenewR ul li:hover a{color: red;}
.slidenewR ul li.last-child {margin-bottom: 0;}



@media (min-width:320px){
    .slidenewL , .slidenewR{width:100%;}
}
@media (min-width:360px){
    
}
@media (min-width:480px){

}
@media (min-width:580px){

}
@media (min-width:767px){

}
@media (min-width:970px){
    .slidenewL{width: calc(100% - 260px);}
    .slidenewR{width: 250px;}
}
@media (min-width:1170px){

}/*
 *	generated by WOW Slider 8.7
 *	template Elemental
 */

#wowslider-container1 { 
	display: table;float: left;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height:351px;
	margin:0 auto;
	z-index:90;
	text-align:left; /* reset align=center */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
}
#wowslider-container1 .ws_images ul{
	position:relative;
	width: 10000%; 
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	/*font-size:0;*/
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	position: relative;
	left:0;
	top:0;
	height:100%;
	max-height:351px;
	max-width: 100%;
	vertical-align: top;
	border:none;
	overflow: hidden;
}
#wowslider-container1 .ws_images ul a{
	width:100%;
	height:100%;
	max-height:351px;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}
#wowslider-container1 .ws_images > div > img {
	max-height:351px;
}

#wowslider-container1 .ws_images iframe {
	position: absolute;
	z-index: -1;
}

#wowslider-container1 .ws-title > div {
	display: inline-block !important;
}

#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
	font-size: 0px;
}
/* compatibility with Joomla styles */
#wowslider-container1  .ws_bullets a {
	line-height: 0;
}

#wowslider-container1  .ws_script{
	display:none;
}
#wowslider-container1 sound, 
#wowslider-container1 object{
	position:absolute;
}

/* prevent some of users reset styles */
#wowslider-container1 .ws_effect {
	position: static;
	width: 100%;
	height: 100%;
}

#wowslider-container1 .ws_photoItem {
	border: 2em solid #fff;
	margin-left: -2em;
	margin-top: -2em;
}
#wowslider-container1 .ws_cube_side {
	background: #A6A5A9;
}


#wowslider-container1.ws_gestures {
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container1.ws_gestures.ws_grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

/* hide controls when video start play */
#wowslider-container1.ws_video_playing .ws_bullets,
#wowslider-container1.ws_video_playing .ws_fullscreen,
#wowslider-container1.ws_video_playing .ws_next,
#wowslider-container1.ws_video_playing .ws_prev {
	display: none;
}


/* youtube/vimeo buttons */
#wowslider-container1 .ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#wowslider-container1 .ws_video_btn.ws_youtube,
#wowslider-container1 .ws_video_btn.ws_vimeo {
	display: block;
}
#wowslider-container1 .ws_video_btn div {
	position: absolute;
	background-image: url(/components/slider/playvideo.png);
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#wowslider-container1 .ws_video_btn.ws_youtube div {
	background-position: 0 0;
}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0;
}
#wowslider-container1 .ws_video_btn.ws_vimeo div {
	background-position: 0 100%;
}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%;
}

#wowslider-container1 .ws_playpause.ws_hide {
	display: none !important;
}

#wowslider-container1  .ws_bullets { 
	padding: 0 0 15px; 
}
#wowslider-container1 .ws_bullets a { 
	width:10px;
	height:10px;
	background: rgba(255, 255, 255, 0.8);
    border: 2px solid #3b5998;
	float: left; 
	text-indent: -4000px; 
	position:relative;
	margin-left:15px;
	color:transparent;
}
#wowslider-container1 .ws_bullets a:hover{
	background: rgba(255, 255, 255, 1);
}
#wowslider-container1 .ws_bullets a.ws_selbull{
	background: #3b5998;
}
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	position:absolute;
	top:50%;
	margin-top:-2em;
	z-index:60;
	height: 4.5em;
	width: 4.5em;
	background-image: url(/components/slider/arrows.png);
	opacity: 0.8;	
	background-size: 200%;
}
#wowslider-container1 a.ws_next{
	background-position: 100% 0;
	right:2.1em;
}
#wowslider-container1 a.ws_prev {
	left:2.1em;
	background-position: 0 0; 
}
#wowslider-container1 a.ws_next:hover{
	opacity: 1;
}
#wowslider-container1 a.ws_prev:hover {
	opacity: 1;
}  

/*playpause*/
#wowslider-container1 .ws_playpause {
    width: 4.5em;
    height: 4.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2em;
    margin-top: -2em;
    z-index: 59;
	background-size: 100%;
}

#wowslider-container1 .ws_pause {
    background-image: url(/components/slider/pause.png);
}

#wowslider-container1 .ws_play {
    background-image: url(/components/slider/play.png);
}

#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 100% 100% !important;
}/* bottom center */

#wowslider-container1 .ws-title{
	position:absolute;
	display:block;
	font: 1.8em 'Open Sans', sans-serif;
	bottom: 4%;
	left: 0;
	margin: 0.5em;
	margin-left: 0;
	color:#5d5d5d;
	z-index: 50;
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
	display:inline-block;
	padding:0.5em;
	background:#FFFFFF;
	border-radius:0.25em;
	-moz-border-radius:0 0.5em 0.5em 0;
	border-radius:0 0.5em 0.5em 0;   
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);	
	-moz-box-shadow: 0 0 0.1em #5d5d5d;
    box-shadow: 0 0 0.1em #5d5d5d; 
}
#wowslider-container1 .ws-title div{
	display:block;
	margin-top:0.4em;
	font-size: 0.777em;
}#wowslider-container1 a.ws_next,
#wowslider-container1 a.ws_prev,
#wowslider-container1 .ws_playpause {
	display:none;
}

* html #wowslider-container1 a.ws_next,* html #wowslider-container1 a.ws_prev{display:block}

#wowslider-container1:hover a.ws_next,
#wowslider-container1:hover a.ws_prev,
#wowslider-container1:hover .ws_playpause {
	display:block
}#wowslider-container1 .ws_images > ul{
	animation: wsBasic 12s infinite;
	-moz-animation: wsBasic 12s infinite;
	-webkit-animation: wsBasic 12s infinite;
}
@keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
@-moz-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }


#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	bottom:20px;
	left:-74px;
	visibility:hidden;
	position:absolute;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border: 4px solid #FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:48px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:147px;
	background-color:#FFF;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	bottom:18px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    border: 4px solid #FFF;
	border-radius:5px;
	-moz-border-radius:5px;
}
#wowslider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	bottom:-10px;
	margin-left:-6px;
	left:74px;
	background:url(/components/slider/triangle.png);
	width:15px;
	height:6px;
}#wowslider-container1 .ws_bulframe div div{
	height: auto;
}

@media all and (max-width:760px) {
	#wowslider-container1 .ws_fullscreen {
		display: block;
	}
}
@media all and (max-width:400px){
	#wowslider-container1 .ws_controls,
	#wowslider-container1 .ws_bullets,
	#wowslider-container1 .ws_thumbs{
		display: none
	}
}.Teacher{margin-bottom: 15px;}
.TeacherImg{width: 200px; height: 200px;}
.TeacherImg img{max-width: 100%; height: auto;}
.Teacher ul{list-style: none; margin-bottom: 15px; float: left;}
.Teacher ul li{padding: 7px 0; border-bottom: 1px dashed #d7d7d7; font-weight: bold;position: relative;}
.Teacher ul li label{display: inline-block; width: 115px; font-weight: normal;}
.Teacher ul li span{color: #ff0000;}

.HT{background: #f1f1f1; padding: 10px; margin-bottom: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;}
.HT ul{list-style: none; padding: 0 0 0 10px;}
.HT ul li{font-size: 16px; padding: 7px 0;}
.HT ul li i{margin-right: 10px;}
.HT ul li a{color: rgb(126, 126, 126);}
.HTtitle{padding: 10px 0; text-align: center; text-transform: uppercase; color: rgb(126, 126, 126); font-weight: bold; margin: 0 0 10px; font-size: 14px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );}
.HTtitle i{margin-right: 5px; color: #333335;}
.HTtitle a{color: rgb(126, 126, 126);}
.HTtitle a:hover{color: #1f497d; display: block;}
.HTtitle2{margin: 0;}
.HTactive a{color: #ff0000;}

.thoigianthicon{font-weight: bold; line-height: 35px; text-align: center;}
.thoigianthicon p{display: inline-block; color: #ff0000; font-size: 16px;}
.thoigianthi #mceu_39{margin-bottom: 10px;}
.thoigianthi .btn{margin: auto; width: 110px; display: block;}
.thoigianthi .btn:hover{
    -webkit-box-shadow: inset 0 28px 0 rgba(0, 0, 0, 0.025), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 28px 0 rgba(0, 0, 0, 0.025), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 28px 0 rgba(0, 0, 0, 0.025), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.onlineLeft{float: left; overflow: hidden; border: 1px solid #8da2bd; margin-bottom: 10px;}
.onlineRight{float: right; margin-bottom: 10px;}
.onlineLeftTL{width: 49%;}
.onlineLeftTN{width: 79%;}
.onlineRightTN{width: 20%;}
.onlineT{color: #1f497d;background: #dedfe1;text-align: center;border-bottom: 1px solid #8da2bd;font-weight: bold;padding: 7px 0;font-size: 14px;}
.onlineRightTN .onlineRightC{border: 1px solid #8da2bd;border-top: 0;}
.onlineLeftTL .thoigianthicon{border-left: 1px solid #8da2bd;border-right: 1px solid #8da2bd;}
.onlineRightC input[type="submit"]{margin: 10px 0 12px; width: 75px; padding: 0; text-indent: 0;}
#form-test{text-align: center;}

.tnItem{position: relative; text-align: center; font-size: 14px; font-weight: bold; margin: 5px 0; padding: 5px 0;}
.tnItem:hover{background: rgba(0,0,0,0.05);}
.tnItem1{margin-top: 0;}
.tnItem span{width: 22px; display: inline-block;}
.tnItem input[type=checkbox]{display: none;}
.tnItem label{border: 2px solid #a0a0a0; margin: 0 7px; width: 22px; height: 22px; cursor: pointer; display: inline-block; border-radius: 100%; vertical-align: middle;}
.tnItem input[type=checkbox]:checked + label{outline: 0; background: #a0a0a0; color: #fff;}
.tnItemT{margin: 0 0 5px; padding: 0;}
.tnItemT:hover{background: 0;}
.tnItemT label{border: 0; background: none; color: #333335; width: 24px; height: 24px; line-height: 22px;}

.tnItemDT label{width: 152px; margin: 0;}
.tnItemDT input[type=text]{width: 150px; text-transform: uppercase; text-indent: 10px;}

.studyD_PDF #outerContainer{min-height: 550px;}
.StudyDprev{line-height: 22px;}
.StudyDprev span{font-weight: bold; font-size: 14px;}

.studyD_TAB{width: 100%; border: 1px solid #8da2bd; margin: 0 0 15px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.studyD_TAB li{list-style: none; float: left; width: 33.3333333%; text-align: center; border-left: 1px solid #8da2bd; margin-right: -1px;}
.studyD_TAB_2 li{width: 50%;}
.studyD_TAB li:nth-child(1){border-left-width: 0; margin-right: 0;}
.studyD_TAB li a{display: block; padding: 7px 0; color: #1f497d; font-weight: bold; font-size: 15px;}
.studyD_TAB li a.active{color: #ff0000;}

.publicMenuF{position: fixed; top: 0; z-index: 99999;}
.publicMenuF .studyD_TAB li a{ background: #1f497d; color: #fff;}

@media (min-width: 320px){
    .studyD_wrap{display: block;}
    .onlineLeftTN{width: 100%;}
    .onlineRightTN{width: 100%;}
    .Teacher ul, .Colleft{width: 100%;}
}
@media (min-width: 580px){
    .studyD_wrap{display: block;}
    
}
@media (min-width: 767px){
    .studyD_wrap{display: none;}
    .onlineLeftTN{width: calc(100% - 230px);}
    .onlineRightTN{width: 220px;}
    .TeacherImg{margin: 0 15px 15px 0; float: left;}
    .Teacher ul{width: calc(100% - 215px);}
}.BG{float: left; width: 100%;}
.BGtable{margin-bottom: 15px; border: 1px solid #8da2bd; border-bottom: 0;}
.BGrow{font-size: 14px; border-bottom: 1px solid #8da2bd; position: relative;}
.BGrowWrap{position: relative;}
.BGrowTitle{background: #dedfe1;}
.BGrowTitle .BGcol , .BGrowTitle .BGcol a{color: #1f497d!important; text-transform: none;text-align: center;}
.BGrowTitleStudy{font-weight: bold;}

.BGcol{line-height: 34px; border-right: 1px solid #8da2bd; float: left;text-overflow: ellipsis;white-space: nowrap;}
.BGcol label{font-weight: bold;}

.BGcol1{color: #3a7ed4;width: 7%;}
.BGcol2{color: #3a7ed4; text-transform: capitalize;width: 15%;}
.BGcol3{color: #282727;width: 9%;}
.BGcol3 label{color: red;}
.BGcol4{width: 34%;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;text-align: left;}
.BGcol4_2{width: 48%;text-align: left;}
.BGcol5{width: 14%;}
.BGcol6{color: #ff0000;width: 12%; height: 34px;}
.BGcol6_2{height: auto;}
.BGcol7{border-right: 0; color: #282727; width: 7%;}
.BGcol8{width: 10%;}
.BGcol9{width: 48%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 1%;}
.BGcol10{width: 14%;}
.BGcol11{width: 16%;color: red;}
.BGcol12{width: 10%;border-right: 0;}

.ColTT{border: 1px solid #d7d7d7; position: relative; margin-bottom: 10px;}
.ColTT:after{display: block; content: ''; width: 100%; height: 1px; position: absolute; bottom: 0; background: #fff; z-index: 1;}
.ColTT ul{margin: 0; padding: 0; list-style: none;}
.ColTT ul li{padding: 9px; border-bottom: 1px dashed #d7d7d7;}
.ColTTname{margin-bottom: 7px; max-height: 32px; overflow: hidden;}
.ColTTname a{color: #055699; font-size: 14px; font-weight: bold;}
.ColTT ul li:hover a{color: #ff0000;}
.ColTTimg{float: left; height: 68px; margin-right: 10px;}
.ColTTprev{line-height: 17px; height: 68px; overflow: hidden; color: #3e3e3e;text-align: justify;}
.ColTTprice{line-height: 28px;}
.ColTTprice span{color: #ff0000;}

.sgk{}
.sgkContent{}
.sgkItem{box-sizing: border-box; float: left; width: calc(50% - 5px); margin: 10px 10px 5px 0 ; border: 2px solid #f2f2f2; padding: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.sgkItem2{margin-right: 0;}
.sgkImg{ margin-bottom: 5px;} .sgkImg img{max-width: 100%; height: auto;}
.sgkName{display: block; height: 32px; line-height: 16px; overflow: hidden; text-align: center; color: #1f497d;}
.sgkItem:hover .sgkName{color: #ff0000;}

@media (min-width: 320px){
    .BGcol{border-right-width: 0px; width: 98%; padding: 0 1%;}
    .BGcol10, .BGcol8, .BGcol5, .MobileBGcol, .TeacherImg, .Colright{display: none;}
    .BGrowTitle .BGcol4{width: 98%;}
    .BGcol7, .BGcol12{float: none; width: auto;}
    .BGcol4_2, .BGcol4FIX, .BGcol9_FIX{text-overflow: initial; white-space: initial;}  
    .MobileBtn {
        position: absolute;
        bottom: 7px;
        right: 7px;
        display: block;
        width: 38px;
        text-align: center;
        border: 1px solid #8da2bd;
        cursor: pointer;
        line-height: 28px;
    }
}
@media (min-width: 480px){
    .MobileBtn {width: 68px;}
}
@media (min-width: 767px){
    .BGcol{border-right-width: 1px; text-align: center; margin-left: -1px; padding: 0;}
    .BGcol10, .BGcol8, .BGcol5, .BGcol3, .MobileBGcol, .TeacherImg{display: block;}
    .BGrowTitle .BGcol4{width: 34%;}
    .BGcol label{display: none;}
    .BGcol1{width: 7%;}
    .BGcol2{width: 15%;}
    .BGcol3{width: 9%;}
    .BGcol4{width: 34%; padding: 0 1%; text-align: left;}
    .BGcol4_2{width: 48%; padding: 0 1%; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .BGcol4FIX, .BGcol9_FIX{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .BGcol5{width: 14%;}
    .BGcol6{width: 12%;}
    .BGcol7{width: 7%; float: left;}
    .BGcol8{width: 10%;}
    .BGcol9{width: 48%; padding: 0 1%; text-align: left;}
    .BGcol10{width: 14%;}
    .BGcol11{width: 16%;}
    .BGcol12{width: 10%; float: left;}
    .BGcol13{width: 17%;}
    .BGcol14{width: 17%;}
    .BGcol15{width: 38%;}
    .BGcol16{width: 13%;}
    .BGcol17{width: 13%;}
    .MobileBtn {position: relative;
    top: 0;
    right: 0;
    width: auto;
    text-align: center;
    border: 0px solid #8da2bd;
    line-height: 34px;}
    
}
@media (min-width: 970px){
    .Colleft{float: left; width: calc(100% - 305px);}
    .Colright{float: right; width: 285px; display: block;}
}