/*dynamic css engine version 1.0 - VietNamNet*/









.fmsidWidgetDailogOverlay{background:url(jscore/popup/overlay.png);position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%}.fmsidWidgetDailog{width:92.5%;max-width:500px;margin:10% auto 15px auto;padding:0;position:relative;top:-15px;background-color:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:0 0 12px rgba(0,0,0,.6);-webkit-box-shadow:0 0 12px rgba(0,0,0,.6);box-shadow:0 0 12px rgba(0,0,0,.6)}.fmsidWidgetDailogHead{height:30px;background:#0089a4;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODlhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDc2OTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#0089a4 0,#007693 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#0089a4),color-stop(100%,#007693));background:-webkit-linear-gradient(top,#0089a4 0,#007693 100%);background:-o-linear-gradient(top,#0089a4 0,#007693 100%);background:-ms-linear-gradient(top,#0089a4 0,#007693 100%);background:linear-gradient(to bottom,#0089a4 0,#007693 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089a4',endColorstr='#007693',GradientType=0)}.fmsidWidgetDailogHead h1{color:#fff;font-size:14px;font-weight:bold;height:30px;line-height:30px;text-align:center}.fmsidWidgetDailogContent{padding:20px;font-size:12px;color:#222;text-align:center}.fmsidWidgetDailogContent h2{margin:0;margin-bottom:20px;font-size:12px;color:#000}.fmsidWidgetDailogContent p{margin:0;margin-bottom:20px;font-size:12px;color:#222}.fmsidWidgetDailogButtonAction{-moz-box-shadow:inset 0 1px 0 0 #00b2d1;-webkit-box-shadow:inset 0 1px 0 0 #00b2d1;box-shadow:inset 0 1px 0 0 #00b2d1;background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#0090ad),color-stop(1,#007086));background:-moz-linear-gradient(center top,#0090ad 5%,#007086 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0090ad',endColorstr='#007086');background-color:#0090ad;-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;border:1px solid #006273;display:inline-block;height:auto !important;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;padding:.3em;padding-left:1.5em;padding-right:1.5em;text-decoration:none;text-shadow:1px 1px 0 #004a57;cursor:pointer}.fmsidWidgetDailogButtonAction:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#007086),color-stop(1,#0090ad));background:-moz-linear-gradient(center top,#007086 5%,#0090ad 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007086',endColorstr='#0090ad');background-color:#007086;text-decoration:none}.fmsidWidgetDailogButtonAction:active{position:relative;top:1px}.fmsidWidgetDailogButton{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#f0f0f0),color-stop(1,#cfcfcf));background:-moz-linear-gradient(top,#f0f0f0 5%,#cfcfcf 100%);background:-webkit-linear-gradient(top,#f0f0f0 5%,#cfcfcf 100%);background:-o-linear-gradient(top,#f0f0f0 5%,#cfcfcf 100%);background:-ms-linear-gradient(top,#f0f0f0 5%,#cfcfcf 100%);background:linear-gradient(to bottom,#f0f0f0 5%,#cfcfcf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#cfcfcf',GradientType=0);background-color:#f0f0f0;-moz-border-radius:.4em;-webkit-border-radius:.4em;border-radius:.4em;border:1px solid #a8a8a8;display:inline-block;height:auto !important;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal;padding:.3em;padding-left:1.5em;padding-right:1.5em;text-decoration:none;text-shadow:1px 1px 0 #fff;cursor:pointer}.fmsidWidgetDailogButton:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#cfcfcf),color-stop(1,#f0f0f0));background:-moz-linear-gradient(top,#cfcfcf 5%,#f0f0f0 100%);background:-webkit-linear-gradient(top,#cfcfcf 5%,#f0f0f0 100%);background:-o-linear-gradient(top,#cfcfcf 5%,#f0f0f0 100%);background:-ms-linear-gradient(top,#cfcfcf 5%,#f0f0f0 100%);background:linear-gradient(to bottom,#cfcfcf 5%,#f0f0f0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf',endColorstr='#f0f0f0',GradientType=0);background-color:#cfcfcf}.fmsidWidgetDailogButton:active{position:relative;top:1px}.fmsidWidgetPopupIframe{position:fixed;top:0;left:0}#VNNSimplePopupOverlay{background:url(jscore/popup/overlay.png);position:fixed;z-index:990;top:0;left:0;height:100%;width:100%}#VNNSimplePopup{position:absolute;z-index:991;color:#000;display:none;text-align:left;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;padding:8px}#VNNSimplePopupLoader{position:absolute;background:url(jscore/popup/loading.gif) no-repeat 50% 50%;background-color:#000;padding:5px;z-index:5003;width:25px;height:25px;font-size:0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#VNNSimplePopupClose{display:inline-block;cursor:pointer;height:30px;width:30px;background:url(jscore/popup/close.png) no-repeat 50% 50%;position:absolute;z-index:992;top:-15px;right:-15px}#VNNSimplePopupClose span{display:none}





.fmsmedia{position:relative;margin-left:auto;margin-right:auto;display:none}.fmsmedia-thumb{border:0;max-width:100%;display:none}.fmsmedia-btnplay{background:url(jscore/player/fmsmedia-play.png) no-repeat 50% 50%;width:107px;height:107px;position:absolute;top:50%;left:50%;margin-top:-53.5px;margin-left:-53.5px;display:none}.fmsmedia-btnplay span{display:none}#tqLightOverlay{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCRkFFMURGQTBGRTJFMjExOTdEQkU0ODk3MkRGNzkwNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNTAzQjc5MEUyMTExMUUyQUZERTkxQTlEMTU2RDJGQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNTAzQjc4RkUyMTExMUUyQUZERTkxQTlEMTU2RDJGQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJGQUUxREZBMEZFMkUyMTE5N0RCRTQ4OTcyREY3OTA3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJGQUUxREZBMEZFMkUyMTE5N0RCRTQ4OTcyREY3OTA3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xpZJFwAAAElJREFUeNrsz0ENACAMALELwb/M6cAFj6V10FtNC5yWEBEREREREREREREREREREREREREREREREREREREREREREREREfnjCTAAjCUBTczbGQcAAAAASUVORK5CYII=)}.jwtitle{height:auto !important}
@charset "utf-8";
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  /*background: rgba(255, 255, 255, 0.2);*/
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    /*content: "Trước"; */}

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
   /* content: "Sau";*/ }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }
  
 .coms-images { position:relative}
 .coms-images .NoteLeft{ position:absolute; top:10px; left:10px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-style:italic}
 .coms-images .NoteRight{ position:absolute; top:10px; right:10px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-style:italic;}
 .coms-images.vertical .NoteRight{ position:absolute; bottom:10px!important; left:10px!important; top:auto}
 .coms-imgaes-des{ background-color:#e4e4e4; text-align:center; font-style:italic; padding:10px	}
.cd-image-container {
  position: relative;
  width: 100%;
  max-width: 768px;
  margin: 0em auto;
}
.cd-image-container img {
  display: block;
}

.cd-image-label {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #ffffff;
  padding: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
  visibility: hidden;
}
.is-visible .cd-image-label {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-resize-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  overflow: hidden;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-resize-img img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
}
.cd-resize-img .cd-image-label {
  right: auto;
  left: 0;
}
.is-visible .cd-resize-img {
  width: 50%;
  /* bounce in animation of the modified image */
  -webkit-animation: cd-bounce-in 0.7s;
  -moz-animation: cd-bounce-in 0.7s;
  animation: cd-bounce-in 0.7s;
}

@-webkit-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@-moz-keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
@keyframes cd-bounce-in {
  0% {
    width: 0;
  }
  60% {
    width: 55%;
  }
  100% {
    width: 50%;
  }
}
.cd-handle {
  position: absolute;
  height: 44px;
  width: 44px;
  /* center the element */
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border-radius: 50%;
  background: #dc717d url("https://vnn-res.vgcloud.vn/VietNamNet/Standard/v2015/images/cd-arrows.svg") no-repeat center center;
  cursor: move;
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -ms-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
  font-size:0px;
}
.cd-handle.draggable {
  /* change background color when element is active */
  background-color: #445b7c;
}
.is-visible .cd-handle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
  -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
  transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}





