/* flattened bundle: replaces style.css's serialized @import chain (global -> fonts +
   grid_system/button/forms/tables/box/mobile/layout/ico). Generated from those files -
   edit the sources, then regenerate. @import rules are at the top per CSS spec. */
@import url(ficon-subset.css);
/* ==== global.css ==== */


/*End Add font ================================*/
*{
    line-height:1.42857143;
    box-sizing:border-box;
}

@font-face {
  font-family: 'UVN_PT';
  src: url('../fonts/fonts_pt/UVNMANGTRE.eot'); /* IE9 Compat Modes */
  src: url('../fonts/fonts_pt/UVNMANGTRE.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fonts_pt/UVNMANGTRE.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/fonts_pt/UVNMANGTRE.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fonts_pt/UVNMANGTRE.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'UVN_DL';
  src: url('../fonts/fonts_pt/UVNDALAT_R.eot'); /* IE9 Compat Modes */
  src: url('../fonts/fonts_pt/UVNDALAT_R.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/fonts_pt/UVNDALAT_R.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/fonts_pt/UVNDALAT_R.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/fonts_pt/UVNDALAT_R.svg#svgFontName') format('svg'); /* Legacy iOS */
}
.tuanthu{
    padding: 4px 5px 0 5px;
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #0B88DA;
}

.img_bo_t,
.img_bo_b{
    position:relative;
    height:7px;
    margin:0px 7px;
    background:url(../images/pic_bo_tb.gif) repeat-x top;
    z-index:0;
}
.img_bo_b{
    background-position:bottom left;
}
.img_bo_t .img_bo_tl,
.img_bo_t .img_bo_tr,
.img_bo_b .img_bo_bl,
.img_bo_b .img_bo_br{
    position:absolute;
    width:7px;
    height:7px;
    background:url(../images/pic_bo.png) no-repeat 0px 0px;
    top:0px;
}
.img_bo_t .img_bo_tl{
    left:-7px;
}
.img_bo_t .img_bo_tr{
    background-position:right top;
    right:-7px;
}
.img_bo_b .img_bo_bl{
    background-position:left bottom;
    left:-7px;
}
.img_bo_b .img_bo_br{
    background-position:right bottom;
    right:-7px;
}
.img_bo_m{
    position:relative;
    z-index:1;
    padding: 0px 7px;
}
.img_bo_m .img_bo_l,
.img_bo_m .img_bo_r{
    position:absolute;
    width:7px;
    height:100%;
    background:url(../images/pic_bo_lr.gif) repeat-y left;
    top:0px;
    z-index:0;
}
.img_bo_m .img_bo_l{
    left:0px;
}
.img_bo_m .img_bo_r{
    background-position: right top;
    right:0px;
}

.limit{
    overflow:hidden;
}
img{margin:0; padding:0; border:none;}


img.img_full_size{
    width:100% !important;
    height:auto !important;
}
img.img_max_width{
    max-width:100% !important;
    height:auto !important;
}
img.img_fleft{
    float:left;
}
img.img_fright{
    float:right;
}
.img > a.cat_img{
    display: inline-block;
    overflow: hidden;
    width: 177px;
    /*height: 146px;*/
}
.img > a{
    display: inline-block;
	overflow: hidden;
	margin-top: 4px;
	float: left;
}
.img3col > a{
    display: inline-block;
    overflow: hidden;
    padding: 5px;
    float: left;
    min-height: 195px;

}
.img_fix
{
	width:120px;
	float:left;
}
.title_fix
{
	width:244px;
	float:left;
}
.product_item .img > a:first-child{
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    height: 0px;   
}
.product_item .img > a > img{
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}
.product_item .img:hover > a > img {
   -webkit-transform: translate(-50%, -50%)  scale(1.1);
   -moz-transform: translate(-50%, -50%)  scale(1.1);
   -o-transform: translate(-50%, -50%)  scale(1.1);
    transform: translate(-50%, -50%)  scale(1.1);
}
.img > a > img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
    max-width: 100%;
}
.img3col > a > img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
    max-width: 100%;
    margin-bottom: 8px;
}
/*.img > a:hover > img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}*/

.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{list-style-type:none; margin:0; padding:0;}
.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}

strong, b{
    font-weight: bold;
}
em, i{
    font-style: italic;
}

a{
    outline:none; 
    text-decoration:none; 
    color:#454343;
    
 /*   -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;*/
}
a:hover{color:#007acc;}
.fl_left{float:left;}
.fl_right{float:right;}

.imgl, .imgr{border:1px solid #C7C5C8; padding:5px;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}
.hoidap_header a:hover{color: #fff;background-color: #0099ff}
.input_hidden{
    height: 0px;
    border: none;
    font-size: 0px;
    background: none;
}

h1,h2,h3,h4,h5,h6 {
    padding:0px;
    margin:0px;
}
p {
    margin:0px 0px;
    padding:5px 0px;
    text-align: justify;
}
ul.list_none{
    list-style:none;
    padding:0px;
    margin:0px;
}

.input_hidden{
    height: 0px !important;
    border: none !important;
    font-size: 0px !important;
    background: none !important;
    padding: 0px !important;
    margin: 0px !important;
}

table {
    table-layout: fixed;
} 
.table-responsive{
    width: 100%;
    overflow: auto;
}

table.tablescroll {
}
table.tablescroll > tbody,
table.tablescroll > thead,
table.tablescroll > tfoot { 
    display: block;
    width: 100%;
}

table.tablescroll > thead,
table.tablescroll > tfoot { 
    /*    padding-right: 17px;*/
}
table.tablescroll > tbody {
    overflow-y: scroll;
    overflow-x: hidden;
}
table.tablescroll > tbody > tr, 
table.tablescroll > thead > tr, 
table.tablescroll > tfoot > tr {
    display: table;
    width: 100%;
}
table.tablescroll > tbody > tr > td, 
table.tablescroll > thead > tr > th, 
table.tablescroll > tfoot > tr > td {
}
@media (max-width: 767px) {
  a{
      outline:none; 
      text-decoration:none; 
      color:#444444;
      -webkit-transition: all 0ms ease-out 0s;
      -moz-transition: all 0ms ease-out 0s;
      -o-transition: all 0ms ease-out 0s;
      transition: all 0ms ease-out 0s;
  }
}
/* ==== grid_system.css ==== */
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:after {
    content: '';
    display: block;
    clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
/* ==== button.css ==== */
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
/* ==== forms.css ==== */
[role="button"] {
  cursor: pointer;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
  resize: vertical;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 20px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

/*============================================================================*/
.captcha-group{
    position: relative;
    text-align: left;
}
.captcha-group .captcha_img{
/*    height: 100%;
    max-height: 40px;
    max-width: 100%;*/
}
.captcha-group .captcha_refresh{
    background: #fff;
    display: block;
    font-size: 13px;
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.captcha-group .captcha_refresh > i{
    line-height: 16px;
}

.alert {
  padding: 5px 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 1px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable {
  padding-right: 15px;
}

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #356635;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #2d6987;
}

.alert-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #a47e3c;
}

.alert-danger {
    color: #e24442;
    /* background-color: #f2dede; */
    border-color: #e44b42;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #953b39;
}

/*----------------error-----------------*/
label.error{
    color: #ed3237;
    clear: both;
    float: none;
    display: block;
    text-align: right;
    font-weight: normal;
    margin-top: 2px;
    margin-bottom: 0px;
	}
input.error,
textarea.error{
	border-color:#ed3237 !important;
	color:#ed3237;
}
.form-group .required{
    font-size: 17px;
    color: red;
    display: inline-block;
    max-height: 19px;
}
/* ==== tables.css ==== */
table{
    border-collapse: collapse;
    border-spacing: 0;
  
    color: #444444;
   /*! background: #c6e6ff;*/
}
.hoidap_content:nth-of-type(2n+1){background-color: #f9f9f9}
.hoidap_content:hover{background-color: #efefef}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 10px;
  line-height: 1.42857143;
  vertical-align: top;
  /*border-top: 1px solid #dddddd;*/
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.timkiemhoidap{background: #FFF none repeat scroll 0 0;}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.timkiemhoidap input[type="text"]{width: 250px}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 1px;
    background: #e5fceb;
    font-weight: bold;
    color: #000;
	border-right: 1px solid #e5fceb;
   
}
.table-striped > tbody > tr>td:first-child {
  background-color: #e5fceb;
}
.table-hover > tbody > tr:hover {
  background-color: #e5fceb;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

table.csstable1,
table.csstable2,
table.csstable3,
table.csstable4,
table.csstable5{
    width:100%;
    border-collapse:collapse;
}

table.csstable1 th,
table.csstable2 th,
table.csstable3 th,
table.csstable4 th,
table.csstable5 th,
table.csstable1 thead td,
table.csstable2 thead td,
table.csstable3 thead td,
table.csstable4 thead td,
table.csstable5 thead td{
    color:#000;
    background-color:rgb(194, 214, 155);
    border: 1px solid #444;
    border-collapse:collapse;
    text-align:center;
    table-layout:auto;
    vertical-align:middle;
    padding: 5px;
    font-weight: bold;
}

table.csstable1 tbody td,
table.csstable2 tbody td,
table.csstable3 tbody td,
table.csstable4 tbody td,
table.csstable5 tbody td{
    border-collapse:collapse;
    border: 1px solid #444;
    background-color: rgb(219, 229, 241);
    padding: 5px;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /*border: 1px solid #dddddd;*/
  }
  .table-responsive > .table {
    margin-bottom: 0;
    min-width: 1000px !important;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: initial;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
    white-space: initial;
  }
}
/* ==== box.css ==== */
/*--------------box-------------*/
.form_element,.share_email_right {
  width: 90%;
  margin: 0 auto;

}
.width_common {
  width: 100%;
  float: left;
}
.form_element
{
	padding:0;
}
.form_element li {
  margin: 0 0 10px 0;
  list-style-type: none;
  text-align: center;
}
.form_element input,textarea
{
  display: inline-block;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  height: 34px;
  padding: 6px 12px;
  line-height: 1.42857;
  background-color: #fff;
  color: #555555;
  font-size: 14px;
  font-family: 'Roboto Condensed',sans-serif;
}
textarea.input_form{height: auto;}
.title_popup {
  font: 400 16px arial;
  color: #333333;
  padding: 8px 20px;
  background-color: transparent;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
.txt_error {
  font: 400 13px arial;
  color: #9f224e;
  display: none;
  text-align: left;
  margin: 5px 13px 0px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}


ul.list_video_home li{
	background:#efefef  url("../images/icon_video.gif") no-repeat scroll 5px 17px;
	list-style:none;
	border-bottom:1px solid #fff;
	padding:10px 0 10px 30px;
}
ul.list_video_home
{
	list-style:none;
	padding:0;
	margin:0;

}
.hed
{
	border-bottom:1px solid #c3c3c3;
}
h1.tintieudiem
{
	background: #fff none repeat scroll 0 0;
	color: #D72027;
	display: inline;	
	font-size: 14px;
	font-weight: normal;
	left: 16px;
	padding: 0 12px;
	position: relative;
	text-transform: uppercase;
	top: 7px;
  font-weight:bold;

}
.tintieudiem
{
	position:relative;
	padding-left:0;
	overflow:hidden;
	max-height:133px; 
}
.tintieudiem .pre
{
	cursor:pointer;
	width:14px;
	height:31px;
	position:absolute;
	display:block;
	top: 40px;
 left: 9px;
 z-index: 1000;
 background:url(../images/quaylai.png) no-repeat;
}
.tintieudiem .next
{
	cursor:pointer;
	width:14px;
	height:31px;
	position:absolute;
	display:block;
	top: 40px;
 right: 3px;
 z-index: 1000;
 background:url(../images/tiep.png) no-repeat;

}
.tintieudiem li
{
	float:left;
	list-style:none;
	display:inline-block;
	max-width:160px;
}
@media (max-width: 400px) and (min-width: 100px) {}
@media (max-width: 800px) and (min-width: 100px) {}
@media (max-width: 3000px) and (min-width: 801px) {
	.group_box_l
	{
		min-height:500px;
  }
  .home_text
  {
   float:left;
   width:49%;
   text-align: justify;
 }
 .home_text a:hover
 {
  color:#0375bc  !important;
}
.home_text a
{
  display: block;
  margin-left: 6px;
}
.home_img
{
  float:left;width:51%;margin-top:5px;
}
}
@media (max-width: 3000px) and (min-width: 801px){
  .banner4images
  {
   width:49% !important;
   margin-bottom:10px;
 }
 .homecats3col_hotro
 {
   width:28%;
 }	
 #myElement
 {
   min-height:430px;
 }
 .homecats3col
 {
   width:100%;
 }	
 .homecats_left_content_item
 {
  width:48%;
}
.first_img
{
	width:400px;
}
.first_img_3c
{
	width:233px;
}
.homecats_left
{
	width:49%;
}	
.homecats_right
{
  width:50%;
}
#container {
  margin-top: 0px !important;
}
.dk_off
{
	display:none !important;
}

}

ul.formhdap li
{
	list-style:none;
	padding:5px;


}
ul.formhdap input[type=text]
{
	width:300px;
}
ul.formhdap input[type=submit]
{
	width:200px;
	padding:3px;
	cursor:pointer;
}
ul.formhdap input[type="file"]
{
	display:inline-block !important;
}
ul.formhdap textarea
{
	width:300px;
}
span.label
{
	width:190px;
	display:inline-block;
}
.gui_cau_hoi
{
	float: right;
	font-weight: bold;
	color: #fff;
	font-size: 15px;
	background-color: #fe2f2f;
	padding: 4px 12px;
	border: 1px solid;
}
.timkiemhoidap a:hover{color: #fff;background-color: #47b5ff}
a.linkAnswer {
 background-image: url(data:image/gif;base64,R0lGODlhEAAQALMAAOTw+K7R65/J5/H3+/z9/jSNzZPC5DCEwP///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAQABAAAARDECFzqr3VIJKl/1RhfSQyVIFwIABWSYf4lt+KzDQsr60LHylb7rYbwn4sly02MqJURuKohznehLnlQUMbUCQU5cUQAQA7);
 padding-left: 18px;
 height: 16px;
 font-weight: bold;
 color: #1D83B4;
 display: block;
 font-size: 11px;
 background-repeat:no-repeat;
}
.hoidap_header td
{
	border:1px #ededed solid;
	padding:3px 10px;
	color:#3f3f3f;
	font-weight:bold;
  font-size: 14px;
}
.hoidap_content td
{
	border: 1px #ddd solid;
	padding: 8px;
	
}
.hoidap_content td a
{
  display: block;
  
}
.hoidap_header{ 
  background-color: #f4f4f4;
}
.dmvanban
{
	border:1px solid #007acc;
}
.box_group .hcright{
	text-align: center;
	background: #e9f6ff;
	border-left: none;
}

.box{
 margin-bottom: 10px;
}
.box .content{
	padding: 0 1.3%;
	border: 1px solid #e0e0e0;
}
.box .box-title{
  padding: 5px 20px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 17px;
  background: rgba(237, 50, 55);
  background: -moz-linear-gradient(left, rgba(237, 50, 55) 0%, rgba(222, 39, 44) 64%, rgba(222, 39, 44) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237, 50, 55)), color-stop(64%, rgba(222, 39, 44)), color-stop(100%, rgba(222, 39, 44)));
  background: -webkit-linear-gradient(left, rgba(237, 50, 55) 0%, rgba(222, 39, 44) 64%, rgba(222, 39, 44) 100%);
  background: -o-linear-gradient(left, rgba(237, 50, 55) 0%, rgba(222, 39, 44) 64%, rgba(222, 39, 44) 100%);
  background: -ms-linear-gradient(left, rgba(237, 50, 55) 0%, rgba(222, 39, 44) 64%, rgba(222, 39, 44) 100%);
  background: linear-gradient(to right, rgb(237, 50, 55) 0%, rgb(222, 39, 44) 64%, rgb(237, 50, 55) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b8b2b', endColorstr='#08651e', GradientType=1 );
}
.box .box-content{   
 position:relative;
 background: #f1f1f1;
 padding: 15px 13px;
}

/*-------------box_mid-------------*/

.box_mid {
 margin-bottom:28px;
}
.box_mid .box_mid-title{
  position: relative;
  overflow: hidden;
  font-size: 22px;
  text-transform: inherit;
  border-left: 3px #4267b2 solid;
  padding: 0px 15px;
  margin: 0px;
}
.box_mid-title a:hover{
  color: #444 !important
}
.box_mid .box_mid-title .line{
  bottom: 0;
  height: 5px;
  margin-bottom: auto;
  margin-left: 10px;
  margin-top: auto;
  position: absolute;
  top: 0;
  background: url(../../images/dot.png) repeat-x;
  width: 100%;
}
.box_mid .box_mid-title .mid_title_l{
  line-height: 23px;
  font-weight: normal;
  color: #444444;
  display: inline-block;
  position: relative;   
  font-size: 18px;
  padding-left: 18px;
  padding-left: 0px;
  font-size: 18px;
  
}
.box_mid .box_mid-title .mid_title_l a{
 color:#08651e;
}
.box_mid .box_mid-title .mid_title_r{
 float:right;
}
.box_mid .box_mid-content{
 padding-top: 0px;
 font-size: 14px;
 padding: 10px 10px;
 /* background-color: #c6e6ff;*/

}
/*-------------box_menu-------------*/
li.title
{
  padding-left:3px !important;
  list-style:inside !important;
  color:#0066CC;
}
li.title a
{
  color:#444444;
}
li.title a:hover{
  color: #19669e;
}
li.title
{
  padding-left:3px !important;
  list-style:inside !important;
  color:#0066CC;
}
li.title a
{
  color:#444444;
}

.scroll-text {
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.scroll-text ul {
  width: 100%;
  height: 500px;
  overflow: hidden;
  margin: 0;
  padding:0;
}
.scroll-text ul li {
 height: 40px;
 line-height:20px;
 list-style-type: circle !important;
 overflow:hidden;
 text-align: justify;

}
.scroll-text {
  width: 100%;
  height: 200px;
  overflow: hidden;
  padding: 0 10px;
}
.scroll-text ul {
  width: 100%;
  height: 500px;
  overflow: hidden;
  margin: 0;
  padding:0;
}
.scroll-text ul li {
 height: 50px;
 line-height:20px;
 list-style-type: circle !important;
 overflow:hidden;
 text-align: justify;

}
.box_menu .box-content{  
  padding: 0px;
  margin: 0px;
  position: relative;
  background: #fff;
}
.box_menu .box-content > *{
  position:relative;
}
.box_menu li{
  display:block;
  width: 100%;
}
.box_menu .box-content > ul > li{
  padding-right: 0px;
}
.box_menu li a{
  display:block;
  position: relative;
  padding: 10px 10px 5px 15px;
  color:#444444;
  text-transform:inherit;
  overflow: hidden;
  border-bottom: 1px dashed #eaeaea;
}
.box_menu li a > div{
  position: relative;
  display: block;
  padding-left: 25px;
}
.box_menu li a > div:before{
  font-family: 'ficon';
  content: '\e806';
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #f7941e;
}
.box_menu li a:before{   
  content: '';
  display: block;
  position: absolute;
  background: #484848;
  top: 0px;
  left: -100%;
  bottom: 0px;
  width: 100%;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition: all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 300ms ease-out 0s;
}
.box_menu li:first-child a{
  border-top: none;
}
.box_menu li:last-child a{
  border-bottom: none;
}

.box_menu li a:hover,
.box_menu li a.current{
  color: #fff;
}
.box_menu li a:hover:before,
.box_menu li a.current:before{
  left: 0px;
}
.box_menu li a:hover:after,
.box_menu li a.current:after{
  display: none;
}
.box_menu li a:hover > div:before,
.box_menu li a.current > div:before{
  color: #fff;
}
.box_menu li ul{
  display:none;
  background: #fff;
  width: 12em;
}

.box_menu .sm-simple.sm-vertical a span.sub-arrow{
  right: 10px;
  margin-left: 0px;
}

/*product_focus==============================================================*/
.box .product_focus .product_focus-row{
 margin-left: -7px;
 margin-right: -7px;
}
.box .product_focus .product_focus-row:after{
 content: '';
 display: block;
 clear: both;
}
.box .product_focus .product_focus-row .img,
.box .product_focus .product_focus-row .info{
 float: left;
 width: 50%;
 padding-left: 7px;
 padding-right: 7px;
 margin: 6px 0px;
}
.box .product_focus .product_focus-row .img a,
.box .product_focus .product_focus-row .img img{
 display: block;
 width: 100%;
}
.box .product_focus .product_focus-row .img a{
 border: 1px solid #dadada;
 background: #fff;
}
.box .product_focus .product_focus-row .info > h3{
 font-weight: lighter;
 margin-bottom: 4px;
}
.box .product_focus .product_focus-row .info > .price{
 text-decoration: line-through;
}
.box .product_focus .product_focus-row .info > .price_buy{
 font-weight: bold;
}

/*box_news_focus==============================================================*/
.box_news_focus .box-content{
 border: 1px solid #84c293;
 background: #ffffff;
 padding-top: 5px;
 padding-bottom: 5px;
}
.box_news_focus .news_focus-row{
 margin-left: -7px;
 margin-right: -7px;
}
.box_news_focus.hot .news_focus-row {
  margin-left: -13px;
  margin-right: -13px;
  font-size: 13px;
  padding: 10px 0;
  border-bottom: 1px solid #e2e3e4;
  text-align: justify;
}



.box_news_focus.hot .news_focus-row.row_first .img{
  width: 100%;
  padding: 0px;
  margin: 0px; 
}
.box_news_focus.hot .news_focus-row.row_first .info{
  width: 100%;
  padding: 0px;
  margin-bottom: 0px;
  color: #404041;
  font-weight: bold;
  font-size: 14px;
}

.box_news_focus .box-title{
  margin-top: 0;
  border-bottom: 1px solid #ed3338;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0;
  background: #fff;
  padding: 0px;
}
.box_news_focus .box-content {
  border: 0px;
}
.news_view_desc .box-content{
  padding: 2px 2px;
 /* background: url(../images/trongdong.jpg);*/
  background: #FFF;
}
.news_view_desc .box-content .image {
  display: inline-block;
  float: left;
}
.news_view_desc .box-content .news_item{
  display: block;
  margin-bottom: 10px;
}
.news_view_desc .box-content .news_item .title{
	padding-left:10px;
	background-repeat:no-repeat;
	background-position:0px 5px;
	background:url(../images/index.png) no-repeat scroll 0 4px;
}
.news_view_desc .box-content .image img{
  max-width: 80px;
  margin-right: 10px;
}
.box-title a{
  color: #FFF;
}
.news_view_desc .box-title span {
 /* background: linear-gradient(to bottom, #04aaf2 14%, #0067a8 100%);*/
 display: inline-block;
 padding: 7px 21px 6px;
 color: #19669e;
}
.news_view_desc .box-title {
  margin-top: 0;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  margin-bottom: 0;
  background: #FFF;
  padding: 2px 0px 2px 11px;
  border-bottom: 3px solid #19669e;
  border-radius: 10px;
}
.news_view_desc .box-title span:hover {
  color: #2995e3 !important;
  text-decoration: underline;
}


.box_about{
 margin-bottom: 25px;
}
.box_about ul li{
  font-size: 14px;
  padding: 5px 0px;
  position: relative;
  padding-left: 20px;
}
.box_about ul li a:before{
  content: '';
  background: #4c4c4c;
  width: 6px;
  height: 6px;
  top: 11px;
  left: 3px;
  position: absolute;
  display: inline-block;
  border-radius: 50%;
}
.box_about ul li a.current{
  font-weight: bold;  
}
.box_about .title span {
  background: #ed3338;
  display: inline-block;
  padding: 7px 10px 6px;
}
.box_about .title {
  margin-top: 0;
  border-bottom: 1px solid #ed3338;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0;
  background: #fff;
  padding: 0px;
  margin-bottom: 15px;
  text-transform: uppercase;
}


.box_news_focus span{
  background: #ed3338;
  display: inline-block;
  padding: 7px 10px 6px;
}

.row_item_first{
  position: relative;
}
.row_item_first .group_info{
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.42);
  padding: 10px 15px 10px 15px;
  width: 100%;
}
.row_item_first .group_info .image img{
  max-width: 100%;
}
.row_item_first .group_info .title{
  color: #dacb12;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  max-height: 48px;
  overflow: hidden;
}
.row_item_first .group_info .title:hover{
  color: #c7c20d;
}
.row_item_first .group_info .short{
 color: #f1f1f1;
}
.box_news_focus .news_focus-row:after{
 content: '';
 display: block;
 clear: both;
}
.box_news_focus .news_focus-row .img,
.box_news_focus .news_focus-row .info{
 float: left;
 width: 50%;
 padding-left: 7px;
 padding-right: 7px;
 margin: 10px 0px;
}
.box_news_focus .news_focus-row .img a,
.box_news_focus .news_focus-row .img img{
 display: block;
 width: 100%;
}
.box_news_focus .news_focus-row .info > h3{
 font-weight: lighter;
}

/*product_scroll =============================================================*/
.product_scroll{
 /*background: #ebebeb;*/
 padding: 18px;
}
.product_scroll .product_item{
 margin-bottom: 2px;
}
.product_scroll.has_price .product_item .info-price{
  height: 40px;
  margin-top: 5px;
}
.product_scroll .owl-nav {
}
.product_scroll .owl-nav .owl-next i.angle-right{
  right: 0px;
  position: absolute;
  top: 40%;
  width: 30px;
  height: 58px;
  background: url('../../images/right.png');
}
.product_scroll .owl-nav .owl-prev{
  left: 0px;
  position: absolute;
  top: 40%;
  width: 30px;
  height: 58px;
  background: url('../../images/left.png');
}
/*-------------tth-statistic-------------*/
.tth-statistic{

}
.tth-statistic > .srow:after{
  content: '';
  display: block;
  clear: both;
}
.tth-statistic > .srow > .rtitle,
.tth-statistic > .srow > .rcontent{
  float: left;
}
.tth-statistic > .srow > .rtitle{
  padding-right: 10px;
  font-weight: bold;
}

/*-------------tth_navigation-------------*/
.tth_navigation {
 padding-bottom:20px;
}
.tth_navigation ul{
 float:left;
 list-style:none;
 margin:0px;
 padding:0px;
}
.tth_navigation li{
 float:left;
 padding-left:24px;
 position:relative;
}
.tth_navigation li.first{
 padding-left:0px;
}
.tth_navigation li:before{
  display: block;
  content: '\e8ad';
  font-family: 'ficon';
  position: absolute;
  left: 9px;
  top: 1px;
  height: 5px;
  width: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #888;
}
.tth_navigation li.first:before{
 display: none;
}
.tth_navigation li a{
 color:#777;
}
.tth_navigation li a:hover{
 color: #666666;
}

/*upload-progress ------------------------------------------------------------*/
.fileupload .upload-progress{
  display: none;
  margin-bottom: 5px;
}
.fileupload .upload-progress.show{
  display: block;
}
.fileupload .upload-progress .progress-bar{
  background: #42b3e5;
  height: 4px;
}
.fileupload .list_uploaded{
  margin-left: -5px;
  margin-right: -5px;
}
.fileupload .list_uploaded:after{
  content: '';
  display: block;
  clear: both;
}
.fileupload .list_uploaded .pic-item {
	box-sizing: border-box;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	position: relative;
	max-width: 80px;
	width: 25%;
}
.fileupload .list_uploaded .pic-item img {
	width: 100%;
	border-radius: 3px;
	height: 45px;
}
.fileupload .list_uploaded .pic-item .btn-remove {
	color: #CE2C2C;
	display: inline-block;
	font-size: 19px;
	line-height: 22px;
	position: absolute;
	right: 0px;
	top: -5px;
	font-weight: normal;
	border: 1px solid #CE2C2C;
	width: 22px;
	height: 22px;
	text-align: center;
	border-radius: 11px;
	background-color: #fff;
}
.btn_vne{
  background-color: #337ab7;
  border: 1px solid transparent;
  color: #fff;
  border-radius: 4px;
  line-height: 25px;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  cursor: pointer;

}
.btn_vne:hover{
  background-color: #286090;
  color: #fff;
  border-color: #1b5889;

}
.fileupload .btn-upload {
  background: #ffffff;
  border: 1px solid #42b3e5;
  color: #000;
  overflow: hidden;
  position: relative;
  padding: 3px 10px;
  display: inline-block;
}
.fileupload .btn-upload input[type="file"] {
  cursor: pointer;
  font-size: 20px;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/*----------------list_share----------------*/
.list_share{
 text-align:right;
}

.box_news_focus.hot .box-title{
  margin-top: 0;
  border-bottom: 1px solid #ed3338;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0;
  background: #fff;
  padding: 0px;
}
.box_news_focus.hot .box-title span {
  background: #ed3338;
  display: inline-block;
  padding: 7px 10px 6px;
}
.box_news_focus.hot .box-content
{
  border: 0px;
}
.owl-product .info-price{
  display: block;
  margin-top: 5px;
}
.owl-product .info-price .price_buy span.number{
  font-size: 16px;
  font-weight: bold;
  color: #ed3237;
  margin-top: 5px;
}
.owl-product .info-price .price span.number{
  font-size: 16px;
  color: #777;
  font-weight: normal;
  text-decoration: line-through;
}
.owl-product .price_buy
{
  display: inline-block;
  float: left;
}
.owl-product .price{
  float: left;
  margin-right: 10px;
}
/* ==== mobile.css ==== */
@media (max-width: 1024px) and (min-width: 810px) {
    .full .wrapper {
       margin-top:10px;
    }
}
@media (max-width: 809px) and (min-width: 600px) {
    .full .wrapper {
        margin-top: 50px;
    }
}
@media (max-width: 599px) and (min-width: 500px) {
    .full .wrapper {
        margin-top: 50px;
    }
}
@media (max-width: 499px) and (min-width: 400px) {
    .full .wrapper {
        margin-top: 30px;
    }
}
    @media (max-width: 1024px) and (min-width: 770px) {

        #menu ul.left > li > a > span {
            font-size: 11px !important
        }

        .tinhot60 {
            width: 52% !important;
        }

        .tinhot40 {
            width: 46% !important;
        }

        .diemtin {
            width: 582px !important;
            left: 160px !important;
        }

        .news_view_desc .box-title span {
            display: inline-block;
            padding: 7px 12px 6px;
        }

        .list_item .row_item .img {
            margin-right: 21px;
        }

        .list_item .col_item .info {
            width: 73% !important;
        }

        footer .footer-col:nth-of-type(n) {
            margin: 0px !important;
        }

        footer .footer-col:nth-of-type(n) {
            width: 55% !important
        }

        footer .menu_footer .online {
            font-size: 14px !important;
            margin-top: 0px !important;
        }

        .ui-selectmenu-button.ui-button {
            width: 16em !important;
        }





        .dksearch_box {
            max-width: 273px !important
        }

        input.search {
            width: 242px !important;
        }

        /*.owl-carousel .owl-item{

    margin-right: 44px !important

   }*/

    }

    /*@media (max-width: 668px) and (min-width: 375px){

    .group_box_l{

    width: 96% !important;

    margin-left: 2%;

}

}*/

    @media (max-width: 999px) and (min-width: 100px) {

        .col50 {
            width: 100% !important;
        }

        .img_fix {
            padding-top: 0px;
        }

        .box_group .group_box_l .box_item {
            padding: 5px 0px;
            border-bottom: 1px dashed #d1d1d1;
            display: inline-block;
            width: 100% !important;
            margin-left: 0 !important;
            float: left !important;
        }

        .tinhot40 {
            width: 100% !important;
            margin-left: 0px !important;
        }

        .tinhot60 {
            width: 100% !important;
        }

        .box-title {
            background-color: #1765cd;
            padding: 3px;
        }

        .tvhinhanh li {
            width: 100% !important;
        }

        .ui-selectmenu-button.ui-button, iframe {
            width: 100% !important;
        }

        textarea,
        input[type="text"],
        input[type="button"],
        input[type="submit"] {
            -webkit-appearance: none;
            -webkit-border-radius: 0;
            -moz-appearance: none;
            appearance: none;
            box-shadow: none;
        }

        .search_box {
            position: relative;
            width: 100%;
            overflow: hidden;
        }

        input.input-search {
            height: 100%;
            width: 100%;
            border: 1px solid #204289;
            background-color: #e2fdff !important;
            padding: 5px 25px 5px 14px;
            color: #fff !important;
            font-size: 12px !important;
            min-height: 34px;
        }

        span.search_box_btn {
            display: block;
            width: 38px;
            height: 34px;
            position: absolute;
            top: 0;
            right: 5px;
            padding: 8px;
            cursor: pointer;
        }

            span.search_box_btn:before {
                /* content: "S"; */

                font-family: icomoon !important;
                color: #777 !important;
                font-size: 24px !important;
            }

        span.mbbtn_search {
            position: fixed;
            top: 2px;
            left: 4px;
            padding: 12px;
            cursor: pointer;
            z-index: 999;
        }

            span.mbbtn_search:before {
                content: "\e986";
                font-family: icomoon !important;
                color: #fff !important;
                font-size: 22px !important;
            }



        .mb_banner {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            z-index: 1000;
        }

        select {
            width: 100%;
        }

        img.dvc_dowload {
            width: 60%;
        }

        .formhdap {
            margin: 0 !important;
            padding: 0 !important;
        }

            .formhdap select {
                width: 100% !important;
            }

        ul.top_mn li {
            margin-right: 0 !important;
        }

        span.mn_title {
            font-size: 80%;
        }

        .box_title .title {
            font-size: 56% !important;
        }

        .btn_search {
            margin-top: 10px;
        }

        .vb_seach_box {
            width: 96% !important;
        }

        .tk_nangcao, .input_search {
            width: 100% !important;
        }

        .hoidap_content td {
            padding: 1px !important;
        }

        .timkiemhoidap input[type="text"] {
            width: 100% !important;
        }

        .home_hoidap_title {
            font-size: 12px !important;
        }

            .home_hoidap_title:before {
                top: -3px !important;
            }

        ul.formhdap input[type=text], ul.formhdap textarea {
            width: 100% !important;
        }

        .contact_l {
            width: 100% !important;
        }

        .contact_r {
            width: 100% !important;
        }

            .contact_r table {
                max-width: 94%;
                margin-left: 0 !important;
            }

        .home_hoidap .hd_l {
            width: 100% !important;
        }

        .home_hoidap .hd_r {
            width: 100% !important;
            margin-left: 0 !important;
        }

        .home_hoidap table {
            max-width: 96%;
        }

        #gui_cau_hoi {
            padding: 0 !important;
        }
    }

    @media (max-width: 400px) and (min-width: 100px) {

        input.search {
            width: 220px !important;
        }



        .box_group > .title {
            font-size: 16px !important;
        }

        img.first_img {
            max-width: 95%;
            margin: 1%;
        }



        .video_gallery {
            margin-top: 10px;
        }

        .item_img {
            display: inline;
            width: 80px !important;
        }
    }





    @media (max-width: 800px) and (min-width: 100px) {

        .jp-audio {
            width: 100% !important;
        }

        .item-content img {
            width: 90% !important;
            height: auto !important;
        }

        .item_img {
            display: inline;
            width: 80px !important;
        }

        .mb_clear_both {
            clear: both;
        }

        .banner4images {
            width: 100% !important;
            margin-bottom: 10px;
        }



        #tth-wrapper {
            padding-top: 0 !important;
        }

        .mb_banner img {
            width: 100% !important;
        }

        img.first_img {
            width: 100%;
        }

        .img > a {
            width: 100% !important;
            height: auto !important;
        }

        .mb_off {
            display: none !important;
        }

        #container {
            margin-top: 0 !important;
        }

        .homecats_left, .homecats_right, .homecats_left_content_item, .homecats3col, .homecats3col_hotro {
            width: 100%;
        }

        header {
            min-height: 10px !important;
            height: 38px !important;
            padding: 3px !important;
        }

        #myElement {
            min-height: 220px;
        }
    }





    @media (max-width: 3000px) and (min-width: 801px) {

        .tabactive {
            border-style: solid !important;
            border-color: #ccc #ccc #000 !important;
            border-width: 1px !important;
        }

        .w49 {
            width: 49%;
            overflow: hidden;
        }

        .home_text {
            float: left;
            width: 100%;
            text-align: justify;
        }

        .cats1col {
            float: left;
            width: 96%;
            text-align: justify;
        }

        .home_img {
            float: left;
            width: 25%;
            margin-top: 5px
        }

        .banner4images {
            width: 49% !important;
            margin-bottom: 10px;
        }

        .homecats3col_hotro {
            width: 28%;
        }

        #myElement {
            min-height: 430px;
        }

        .homecats3col {
            width: 100%;
        }

        .first_img {
            width: 400px;
        }

        .first_img_3c {
            width: 233px;
        }

        .homecats_left {
            width: 49%;
            height: 400px;
        }



        #container {
            margin-top: 0px !important;
        }

        .dk_off {
            display: none !important;
        }
    }





    @media (max-width: 1169px) {

        .box_group.box_right .map .map_r {
            max-height: 165px;
        }

        #main_slide {
            margin-bottom: -40px;
        }

        div.wrapper,
        #tth-main-menu > .menu-wrapper {
            margin-left: 20px;
            margin-right: 15px;
            width: auto;
        }

        footer .menu_footer ul li a {
            padding: 11px 10px;
            font-size: 13px;
        }



        #tth-scroll_right,
        #tth-scroll_left {
            display: none;
        }

        header .slogan {
        }

        #tth-main-menu > .menu-wrapper {
            position: relative;
            padding-left: 0px;
        }

            #tth-main-menu > .menu-wrapper > ul {
            }

        header .box_search {
        }

        #tth-main-menu {
            width: 72%;
        }

        .video_gallery iframe {
            max-width: 100%;
            max-height: 260px;
        }

        #tth-main-menu > .menu-wrapper > ul > li > a {
            font-size: 14px;
            margin: 0px 4px;
            padding: 4px 2px;
            position: static;
            text-align: center;
            white-space: normal;
            font-weight: 400;
        }

        .menu-wrapper {
            margin-left: 5px;
        }

        #tth-main-menu {
            width: 70%;
        }

        .header_bottom {
            height: auto;
        }

        #tth-main-menu {
            padding-top: 22px;
        }

        .smooth_slogan {
            width: 60%;
        }

        #tth-main-menu > .menu-wrapper > ul > li > a {
            margin: 0px 5px;
            font-size: 16px;
        }

        .box_tour_service .box_r .content .item {
            font-size: 14px;
        }
    }

    @media (max-width: 1079px) {

        .box_tour_service .box_r .content .item {
            font-size: 13px;
        }

        .box_group.box_right .map .map_r {
            max-height: 159px;
        }

        .box_group .group_box_l .box_item.first {
            min-height: 1px;
            width: 60%;
        }

        #main_slide {
            margin-bottom: -10px;
        }

        .bx-wrapper .bx-viewport {
            max-height: 290px;
        }

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            bottom: 10px;
        }

        .smooth_slogan {
            width: 50%;
        }

        footer .footer-col:nth-of-type(n) {
            width: 50%;
            margin: 20px 0px;
        }

        footer .footer-col:nth-of-type(2n+1) {
            clear: both;
        }

        .ordering_method_method, .ordering_method_shipping, .ordering_method {
        }

        .owl-product .box_item:nth-child(2) {
            margin: 0px 20px;
        }
    }

    @media (max-width: 999px) {

        .map .map_r div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p span.aw-temperature-today {
            top: -50px;
            left: 35%;
        }

        .box_tour_service {
            max-height: 1000px;
        }

            .box_tour_service .box_l.box_r {
                width: 100%;
                margin-bottom: 10px;
            }

        header .box_search .text_search {
            width: 170px;
        }

        .menu-header-top .menu_li.first {
            display: none;
        }

        #tth-column_left {
            width: 30%;
        }

        #tth-content {
            width: 70%;
            margin-top: 30px !important;
        }

        #tth-column {
            width: 30%;
        }

        .owl-product .box_item:nth-child(2) {
            margin: 0px 20px;
        }

        #form_res_email .email {
            width: 270px;
        }

        .news_focus .row_first {
            width: 32%;
        }

        .news_right {
            width: 34%;
        }

        .product_item .image img {
            max-width: 100%;
        }
    }

    @media (max-width: 979px) {

        .box_hotline .content p span {
            width: 120px;
        }

        #main_slide {
            margin-bottom: -25px;
        }

        header .slogan > span {
            float: left;
            font-size: 13px;
        }

        #tth-main-menu {
            width: 68%;
        }

        #tth-main-menu {
            padding-top: 0px;
        }

        .news_scroll {
            width: 63%;
        }

        .ads-home-right .banner_item {
            /* max-height: 215px;

       max-width: 32%;*/
        }

        #tth-main-menu > .menu-wrapper > ul > li > a {
            margin: 5px 10px;
        }

        header .slogan .follow a {
            color: #fff;
            margin: 0px 1px;
            font-size: 16px;
        }

        .box_group .group_box_l {
            width: 70%;
            padding-right: 20px;
        }

        .box_group .group_box_r {
            width: 30%;
        }

        .box_tour_service .box_r .content .item {
            font-size: 15px;
        }
    }

    @media (max-width: 879px) {

        header .box_search .text_search {
            width: 145px;
        }

        .box_group .box_green span.title {
            width: 87%;
            font-size: 15px;
        }
    }

    @media (max-width: 849px) {

        .box_group.box_right .box {
            margin-top: 10px;
        }

        header .box_search .text_search {
            width: 145px;
        }

        #tth-column_left {
            width: 100%;
            padding-right: 17px;
        }

        #tth-content {
            width: 65%;
            margin: 0px;
            padding-right: 15px;
        }

        #tth-column {
            width: 35%;
        }

        .bs-wizard > .bs-wizard-step {
            width: 32% !important;
        }

        .bs-wizard-last {
            text-align: right;
        }
    }

    @media (max-width: 1000px) {

        #container > #tth-content {
            margin-top: 0px !important;
        }

        header .header-tool .box_search {
            display: block;
        }

        .hotline_mobile {
            display: block;
        }

        header .box_search .btn_search {
            background: url(../images/icon_search_1.png) no-repeat 0px 6px;
        }

        header .header-tool .box_search .btn_search {
            background: url(../images/icon_search_1.png) no-repeat 0px 5px;
            right: 5px;
            width: 25px;
        }

        .header_bottom {
            height: 55px;
            background: none !important;
        }

        #BactoTop {
            right: 15px;
        }

        .video_gallery iframe {
            max-height: 180px;
        }

        .sm-simple a span.sub-arrow {
            display: none !important;
        }

        #tth-main-menu > .menu-wrapper > ul > li > ul:before {
            display: none;
        }

        #contact_info {
            width: 100%;
        }

        .box_group.box_right .content div.item {
            padding-left: 50px;
            padding-top: 5px;
            display: inline-block;
            float: left;
            text-transform: inherit;
            color: #444444;
            line-height: 39px;
            font-size: 17px;
            min-width: 50%;
        }

        .box_group_preservation .group .content_item .item.first .title {
            min-height: auto;
        }

        .box_group_preservation .group:nth-child(2n + 1) {
            clear: both;
        }

        .box_group_preservation.group_cooperation .group:nth-child(2n + 1) {
            clear: none;
        }

        .box_group .group_box_l .box_item:nth-child(6),
        .box_group .group_box_l .box_item:nth-child(7),
        .box_group .group_box_l .box_item:nth-child(8) {
            display: none;
        }

        #bottom .copyright {
            font-size: 12px !important;
        }

        #tth-main-menu #box_lang {
            margin: 0px;
            margin-top: 5px;
            display: block;
        }

        #tth-main-menu > .menu-wrapper > ul > li > a {
            margin: 5px 8px;
        }

        .box_tour_service .box_r .content div.icon {
            margin-right: 5px;
        }

        .box_tour_service .box_r .content .item {
            font-size: 15px;
        }

        .box_group .group_box_r {
            width: 30%;
            margin-top: 10px;
        }

        .box_group .group_box_l .box_item {
            width: 35%;
            margin-left: 20px;
        }

        .box_group .group_box_l {
            width: 70%;
            padding-right: 20px;
            margin-top: 10px;
        }

            .box_group .group_box_l .box_item.first img {
                max-width: 100%;
            }

        footer .menu_footer ul.list_none {
            display: none;
        }



        .row_item_first {
            margin-bottom: 10px;
        }

        .slogan {
            display: none;
        }

        .tth_navigation {
            padding-bottom: 5px;
            padding-top: 5px;
        }

        #tth-main-menu > .menu-wrapper > ul > li.menu_li.first > a.menu_link {
            font-size: 15px !important;
            width: auto !important;
            height: auto !important;
            background: none !important;
        }

        .view_more {
            margin-top: 10px;
        }

        .box_mid .box_mid-title .mid_title_l {
            font-size: 18px;
        }

        .preservation_content {
            margin: 0px;
            padding: 0px;
        }

        .box_group_preservation .group,
        .box_operating .box {
            width: 50%;
            min-height: 465px !important;
            border: 1px #ededed solid;
        }

        .box_group_preservation.group_cooperation .group {
            min-height: 520px !important;
        }

        .box_operating .box {
            min-height: 0px !important;
        }

        .owl-product .box_item .product_item .image {
            margin: 0px 20px;
            padding: 0px;
            /* margin: 0px; */

            padding-top: 100%;
        }

        .banner_footer {
            display: none;
        }

        header.fixed_menu #tth-main-menu > .menu-wrapper > ul > li.first > a {
            display: none;
        }

        .fixed_menu {
            background: #ed3237;
        }

        .ads-home {
            display: none !important;
        }

        .user_signin,
        .user_signup {
            padding: 35px 15px !important;
        }

        .method_shipping {
            width: 100%;
            max-width: 100%;
        }

        .box_menu_product {
            margin-top: 10px;
            margin-bottom: 15px !important;
        }

        .media-left, .media > .pull-left {
            display: none;
        }

        .rating-scores {
            position: relative;
            top: 0;
            right: 0px;
        }

        .danhgia-sp {
            margin-bottom: 10px;
        }

        .menu-header-top .menu_li.first {
            display: block;
        }

        #form_cart_left {
            width: 100% !important;
        }

        .right_cart {
            margin: 0px !important;
            margin-top: 15px;
            width: 100% !important;
        }

            .right_cart .box {
                margin-top: 15px;
            }

        .ordering_address_right {
            width: 32.5% !important;
        }

        .cart_content, .ordering_method_shipping, .ordering_address_right, .ordering_method, .ordering_method_method {
            width: 100% !important;
            margin-bottom: 15px;
        }

        .ordering_address label.title {
            width: 100% !important;
        }

        .ordering_address h3 {
            height: 50px;
        }

        .ordering_user .ordering_signin, .panel-cart {
            width: 100% !important;
            margin-left: 0px !important;
            padding: 20px 20px 20px 20px !important;
            margin-bottom: 15px;
        }

        .bs-wizard > .bs-wizard-step {
            width: 32%;
        }

        .full.news #tth-content {
            width: 100%;
            margin: 0px;
            padding: 0px;
        }

        .full.news #tth-column {
            display: none;
        }

        header .header-tool .header_cart .num_cart {
            background: rgba(0, 0, 0, 0.14);
        }

        div.wrapper, #tth-main-menu > .menu-wrapper {
            margin-left: 15px;
            margin-right: 15px;
            width: auto;
        }

        footer .footer-content {
            padding-top: 0px;
        }

        #form_res_email .email {
            width: 300px;
        }

        .title_register {
            font-size: 13px;
        }

        .menu-header-top ul li {
            width: 100%;
            border: 1px #c2c2c2 solid;
            margin: 5px 0px;
            padding: 2px 5px;
        }

        .check_order {
            margin: 0px;
            margin-top: 5px;
            margin-bottom: 15px;
        }

        .footer .footer-content {
            padding-top: 0px;
        }

        .share_link .link {
            padding: 20px 10px !important;
        }

        #bottom {
            margin-top: 0px;
            padding: 5px 0px;
        }

        .news_right {
            width: 100%;
            margin-top: 20px;
        }

        .news_focus .row_first {
            width: 48%;
            margin-right: 1%;
        }

        .owl-product .box_item:nth-child(2) {
            margin: 0px 15px;
        }

        .product_item .image img {
            max-width: 100%;
        }

        header .header-tool .header_cart > ul > li > a, header .header-tool .header_user > ul > li > a {
            color: #fff;
        }

            header .header-tool .header_cart > ul > li > a > i {
                background: url('../images/icon-cart-white.png') no-repeat;
            }

        #main_slide {
            margin-top: 33px;
            margin-bottom: -30px !important;
        }

        #header_cart {
            margin-right: 8px;
        }

        #tth-wrapper {
            padding-top: 50px;
        }

        header {
            position: fixed;
            top: 0px;
            padding: 0px 0px;
            z-index: 500;
            min-height: auto;
            min-height: 58px;
            max-height: 58px;
            height: 58px;
        }

            header .wrapper {
                padding-left: 0px;
            }

            header .logo {
                float: left;
                max-width: 40%;
                margin: 0px;
                padding: 4px;
                border-radius: 2px;
                margin-top: -4px;
                position: relative;
                top: 0px !important;
                left: 0px !important;
            }

                header .logo a,
                header .logo img {
                    width: auto;
                    max-width: 100%;
                    max-height: 48px;
                }

            header .slogan span,
            header .slogan .menu-header-top {
                display: none;
            }

            header .slogan {
                padding: 0px;
            }

        .check_order {
            margin: 0px;
            margin-top: 5px;
            margin-bottom: 15px;
            position: absolute;
            left: 180px;
            top: 7px;
            text-indent: -9999px;
            background: none;
        }

        .panel_check {
            top: 50px;
        }

        .check_order span {
            display: none;
        }

        .check_btn_xs {
            display: block !important;
            background: url('../images/check-order.png') no-repeat;
            height: 31px;
            width: 31px;
        }

        header .header-tool {
            max-width: 80%;
            padding: 0px;
            margin: 7px 0px;
        }

            header .header-tool .header_user {
                margin-right: 5px;
            }

                header .header-tool .header_cart > ul > li,
                header .header-tool .header_user > ul > li {
                }



        #tth-wrapper.mmenu-opening {
            overflow: hidden;
            height: 100%;
        }

        header .header-menu-btn {
            float: right;
            display: block;
            margin-left: 7px;
            height: 32px;
            line-height: 34px;
            width: 40px;
            border: 1px #fff solid;
            position: relative;
            cursor: pointer;
            background: red;
            right: 8px;
            top: 9px;
        }

            header .header-menu-btn:before,
            header .header-menu-btn:after,
            header .header-menu-btn > span {
                position: absolute;
                display: block;
                height: 2px;
                width: 23px;
                left: 7px;
                background: #fff;
                margin-top: -1px;
                -webkit-transition: all 500ms ease-out 0s;
                -moz-transition: all 500ms ease-out 0s;
                -o-transition: all 500ms ease-out 0s;
                transition: all 500ms ease-out 0s;
            }

            header .header-menu-btn:before,
            header .header-menu-btn:after {
                content: '';
            }

            header .header-menu-btn:before {
                top: 25%;
            }

            header .header-menu-btn:after {
                top: 75%;
            }

            header .header-menu-btn > span {
                top: 50%;
            }

        #tth-wrapper.mmenu-opening header .header-menu-btn:before {
            left: 7px;
            top: 15px;
            -ms-transform: rotate(45deg); /* IE 9 */

            -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */

            transform: rotate(45deg);
        }

        #tth-wrapper.mmenu-opening header .header-menu-btn:after {
            left: 7px;
            top: 15px;
            -ms-transform: rotate(-45deg); /* IE 9 */

            -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */

            transform: rotate(-45deg);
        }

        #tth-wrapper.mmenu-opening header .header-menu-btn > span {
            left: 250%;
        }

        #tth-wrapper .slogan_xs {
            display: block;
            float: left;
            padding: 5px 0px;
        }

        #tth-main-menu {
            position: fixed;
            top: 52px;
            bottom: 0px;
            right: -100%;
            width: 300px;
            overflow: auto;
            z-index: 100;
            background: #fff;
            -webkit-transition: all 500ms ease-out 0s;
            -moz-transition: all 500ms ease-out 0s;
            -o-transition: all 500ms ease-out 0s;
            transition: all 500ms ease-out 0s;
        }

        #tth-wrapper.mmenu-opening #tth-main-menu {
            right: 0px;
            padding: 20px;
        }

        #tth-main-menu > .menu-wrapper {
            padding: 0px;
            margin: 0px !important;
        }

            #tth-main-menu > .menu-wrapper > ul {
                display: block !important;
                float: none;
            }

                #tth-main-menu > .menu-wrapper > ul > li > a {
                    color: #444;
                }

                    #tth-main-menu > .menu-wrapper > ul > li > a:hover,
                    #tth-main-menu > .menu-wrapper > ul > li > a:focus,
                    #tth-main-menu > .menu-wrapper > ul > li > a:active,
                    #tth-main-menu > .menu-wrapper > ul > li > a.highlighted,
                    #tth-main-menu > .menu-wrapper > ul > li > a.current {
                    }

                #tth-main-menu > .menu-wrapper > ul > li {
                    display: block !important;
                    border: 1px #dedede solid;
                    margin-bottom: 10px;
                }

                    #tth-main-menu > .menu-wrapper > ul > li > a {
                        text-align: left !important;
                    }

                        #tth-main-menu > .menu-wrapper > ul > li > a::before {
                            top: 0;
                            bottom: auto;
                            height: 1px;
                            width: 100%;
                            background: rgba(255, 255, 255, 0.5);
                        }

        header .box_search {
            border: 1px #dedede solid;
            float: none;
            left: 0px;
            margin: 0;
            position: relative;
            right: 0px;
            top: 0px;
            float: left;
            -webkit-transform: skewX(0deg);
            -moz-transform: skewX(0deg);
            -ms-transform: skewX(0deg);
            -o-transform: skewX(0deg);
            transform: skewX(0deg);
            display: inline-block;
            width: 100%;
            max-width: 200px;
        }

        header .header-tool .box_search .text_search {
            background: rgba(255,255,255,0.9);
            border: 0px;
            width: 100%;
            height: 30px;
            color: #333;
            border-radius: 0px;
        }

        header .box_search .text_search {
            background: rgba(255,255,255,0.9);
            width: 100%;
            color: #333;
        }

            header .box_search .text_search::-webkit-input-placeholder {
                color: #333;
            }

            header .box_search .text_search:-moz-placeholder { /* Firefox 18- */

                color: #333;
            }

            header .box_search .text_search::-moz-placeholder { /* Firefox 19+ */

                color: #333;
            }

            header .box_search .text_search:-ms-input-placeholder {
                color: #333;
            }
    }

    @media (max-width: 890px) {

        #main_slide {
            margin-bottom: -45px;
        }
    }

    @media (max-width: 769px) {

        footer .footer-content .footer-col .banner_item p {
            text-align: left !important;
        }

        .group_box_r .map_r.location {
            background: #f0ede5 !important;
        }

        .no_desktop {
            display: block !important;
        }

        .map .map_r .w_title {
            text-align: right;
        }

            .map .map_r .w_title.al_r {
                text-align: left;
            }

        .map .map_r {
            padding: 0px 0px;
        }

            .map .map_r .banner_item {
                float: left;
            }

            .map .map_r .banner_item {
                text-align: left;
            }

        .box_operating .box:nth-child(3),
        .box_operating .box:nth-child(4) {
            width: 50%;
        }

        #main_slide {
            margin-top: 30px !important;
            margin-bottom: -35px;
        }

        .map .map_r div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p span.aw-temperature-today {
            top: 40px;
        }

        .box_group .group_box_l .box_item.first .short {
            margin: 10px 0px;
            font-size: 17px !important;
        }

        #tth-column {
            width: 100% !important;
        }

        #form_user {
            width: auto;
            min-width: 300px;
        }

        .btn-social-fb,
        .btn-social-gg {
            width: 100%;
            margin-bottom: 8px;
        }

        #form_user #form_signup {
            margin: 0px;
        }

            #form_user #form_signup .form-group {
                margin-bottom: 12px;
            }

        #form_user #form_signin {
            margin: 0px;
        }

        #form_user .content .form-group .title {
            width: 80px;
        }

        .box_tour_service .box_r .content .item {
            font-size: 13px;
        }

        .box_group .group_box_l {
            width: 100%;
            padding: 0px;
        }

        .mb_off {
            display: none;
        }

        .box_group .group_box_r {
            width: 100%;
        }

        .box_hotline {
            text-align: center;
        }

        .box_group .group_box_l .box_item.first {
            width: 100%;
        }

        .box_group .group_box_l .box_item {
            width: 100%;
            margin: 2px 0px;
        }

        #form_res_email .email {
            width: 250px;
        }

        header .header-tool .header_cart > ul > li > a {
            margin-top: 5px;
        }

        .news_focus_main .focus_item,
        .news_focus_main .focus_list {
            width: 100%;
        }

        .news_focus_main .focus_list-content, .news_focus_main .focus_item-content {
            height: auto !important;
        }

        .news_focus_main .focus_item h3 a {
            max-height: none;
        }
    }



    @media (max-width: 729px) {

        .bx-wrapper .title_more a {
            font-size: 18px !important;
            bottom: 70px !important;
        }

        footer .footer-col:nth-of-type(n) {
            width: 100%;
        }
    }

    @media (max-width: 690px) {

        .box_tour_service {
            max-height: 1000px;
        }

        .box_mid .box_mid-title .line {
            display: none !important;
        }

        .brand_scroll .wrapper.box_group {
            padding: 0px;
            margin: 0px;
        }

        footer .menu_footer .online {
            float: left;
            padding: 10px 0px;
        }

        #bottom {
            margin-top: 0px;
            padding: 5px 0px;
        }

        .box_group_preservation .group, .box_operating .box {
            min-height: 430px !important;
            margin-bottom: 20px;
        }

        .box_operating .box {
            min-height: 0px !important;
        }

        .video_gallery iframe {
            max-height: 138px;
        }

        .box_tour_service .box_l, .box_tour_service .box_r {
            width: 100%;
            margin-bottom: 15px;
        }

            .box_tour_service .box_r .content .item {
                font-size: 15px;
            }

        .title_register {
            display: none;
        }

        #form_res_email .email {
            width: 100%;
        }

        .resgister_email .fr {
            width: 100%;
        }

        #tth-content {
            width: 55%;
            margin: 0px;
        }

        #tth-column {
            width: 45%;
            padding-left: 0px;
            padding-right: 0px;
        }

        #tth-content .box_mid {
            padding: 0px;
        }
    }

    @media (max-width: 650px) {

        #main_slide {
            margin-top: 8px;
        }

        .box_group .group_box_l .box_item.first {
            width: 100%;
        }
    }

    @media (max-width: 599px) {

        .home_text {
            padding: 0px !important
        }



        .online .statistic_content {
            font-size: 17px !important;
        }

        .list_other .list_none .title_cm a {
            font-size: 17px !important
        }

        .item-short p {
            font-size: 17px !important
        }

        .item-content {
            font-size: 17px !important;
        }

        .vd_item a {
            font-size: 17px !important;
        }

        .item .home_text a {
            font-size: 17px !important;
        }

        .title_sub a {
            font-size: 15px !important;
        }

        .col50 .title a {
            font-size: 18px !important;
        }

        .col50 .item span {
            font-size: 17px !important;
        }

        .box_mid-title {
            margin-top: 40px !important;
        }



        #main_slide {
            margin-bottom: -25px;
        }

        .bx-wrapper .title_more a {
            font-size: 14px !important;
            bottom: 60px !important;
        }

        .map .map_r {
            max-height: 400px;
        }

        .paginate {
            margin: 20px 0px 10px;
        }

        #box_hotline {
            min-width: 300px;
        }

            #box_hotline .box_hotline {
                margin: 10px;
            }

        .box_group_preservation.group_cooperation .group:nth-child(1) {
            width: 100%;
        }

        .box_group_preservation.group_cooperation .group:nth-child(2),
        .box_group_preservation.group_cooperation .group:nth-child(3) {
            width: 50%;
            margin-top: 10px;
        }

        .box_group_preservation.group_cooperation .group {
            min-height: 480px !important;
        }

        .box_group .group_box_l .box_item:nth-child(6),
        .box_group .group_box_l .box_item:nth-child(7),
        .box_group .group_box_l .box_item:nth-child(8) {
            display: block;
        }

        .box_group .group_box_l {
            width: 100% !important;
            padding-right: 0px !important;
        }

            .box_group .group_box_l .box_item {
                padding: 10px 0px;
                border-bottom: 1px #dfdfdf solid;
                display: inline-block;
                margin-left: 0%;
                float: right;
                width: 100%;
            }

                .box_group .group_box_l .box_item.first {
                    width: 100% !important;
                    padding-right: 0px;
                }



        .box_group .group_box_r {
            width: 100% !important;
        }

        .box_group.box_right .content div.item {
            width: 50%;
            padding-left: 39px;
            font-size: 15px;
        }

        #tth-content {
            width: 100%;
            padding: 0px;
        }

        #tth-column {
            width: 100%;
        }

        .owl-product .box_item .product_item .image {
            margin: 0px;
            padding: 0px;
            padding-top: 210px;
        }

        .header-tool #box_lang {
            /*display: none;*/
        }

        #tth-main-menu #box_lang {
            display: block;
            width: 100%;
            margin-bottom: 10px;
            position: relative;
            z-index: 999;
        }

        .bs-wizard {
            display: none;
        }

        .rating-scores {
            position: relative;
            top: 0;
            right: 0;
        }

        .danhgia-sp {
            margin-bottom: 10px;
        }

        header .header-tool {
            max-width: 100%;
            margin: 6px 0px;
        }

        header .logo {
            position: static;
            float: left;
            max-width: 100%;
            margin: 0px;
            padding: 0px;
            border-radius: 2px;
            width: 60%;
        }

        .owl-product .product_item .image {
            text-align: center;
        }

        .owl-product .box_item:nth-child(2) {
            margin: 10px 0px;
        }

        .owl-product .box_item {
            width: 100%;
            margin: 10px 0px;
        }

        .title_register {
            display: none;
        }

        .resgister_email .fr {
            width: 100%;
        }

        .more_item_1col {
            height: auto !important;
        }
    }



    @media (max-width: 769px) {

        .group_4 .banner_item a {
            font-weight: bold;
        }

        .box_group_preservation .group .content_item .item_second .title {
            font-size: 15px;
            font-weight: bold;
        }

        .box_group_preservation .group .content_item .item.first .title a {
            font-size: 18px;
            font-weight: bold;
            line-height: 23px !important
        }

        .box_group_preservation .group .content_item .item .title a {
            font-size: 15px;
            font-weight: bold;
        }

        .box_group .group_box_l .box_item .title_item a {
            padding-left: 10px;
            line-height: 21px;
            font-size: 15px;
            font-weight: bold;
        }

        .box_group_preservation .group .content_item .item {
            margin-bottom: 10px;
            display: inline-block;
            width: 100%;
        }

            .box_group_preservation .group .content_item .item .image {
                display: block;
                float: left;
                margin-right: 8px;
            }

            .box_group_preservation .group .content_item .item .title:before {
                background: none;
                width: 0px;
                margin: 0px;
            }

            .box_group_preservation .group .content_item .item .title .date_update {
                display: block;
                font-size: 12px;
                color: #999;
                margin-top: 3px;
            }

        .button-blue {
            float: left;
        }

        .video_gallery .content {
            margin-top: 10px;
        }

        .box_operating .content {
            margin: 5px 0px;
        }

        .box_hotline .content p span {
            width: 150px;
        }

        .box_group .group_box_l .box_item {
            padding: 0px 0px 4px;
        }



            .box_group .group_box_l .box_item.first .title_item a {
                line-height: 24px;
                font-size: 20px;
                font-weight: 600;
            }

        .box_group > .title {
            font-size: 22px;
        }

        .box_group_preservation .group > .title {
            font-size: 16px;
        }

        #container .video_gallery .box_group .title,
        #container .video_gallery .box_group .title a {
            font-size: 16px
        }

        .box_group_preservation .group, .box_operating .box {
            min-height: 1px !important;
        }

        .box_group_preservation.group_cooperation .group:nth-child(2), .box_group_preservation.group_cooperation .group:nth-child(3) {
            width: 100%;
            margin-top: 0px;
        }

        .video_gallery iframe {
            width: 100%;
            max-height: 1000px;
        }

        header .header-tool {
            margin: 8px 0px;
        }

        header {
            padding: 0px 0px;
            margin: 0px !important;
        }

        #container {
            margin-top: 3px !important;
        }

        .box_group.box_right .content div.item {
            width: 50%;
            padding-left: 0px;
        }

        .preservation_content {
            padding: 0px 0px;
        }

        .full.news #tth-content {
            width: 100% !important;
            padding: 0px 0px;
        }

        #tth-content #group-detail {
            padding: 0px;
        }

        .row_item_first .group_info {
            position: relative;
            bottom: 0;
            background: rgba(0, 0, 0, 0.84);
            padding: 20px 20px 30px 20px;
            margin-bottom: 15px;
        }



        .box_tour_service .box_l, .box_tour_service .box_r {
            width: 100%;
            margin-bottom: 15px;
        }

            .box_tour_service .box_r .content div.icon {
                margin-right: 8px;
            }

            .box_tour_service .box_r .content .item {
                font-size: 14px;
            }

        .box_group {
            margin-bottom: 10px;
        }

        .video_gallery .box_group {
            width: 100%;
        }

        .box_group_preservation .group, .box_operating .box {
            width: 100%;
            margin-bottom: 20px;
            min-height: auto;
            border: none !important;
            margin-top: 0px !important;
        }

            .box_group_preservation .group:last-child {
                margin-bottom: 0px;
            }

        .box_group_preservation.group_resources .group {
            margin-bottom: 10px;
        }

        .box_group_preservation.group_cooperation .group {
            width: 100%;
        }

        footer .menu_footer {
            margin-bottom: 15px;
        }

        header .bg_slogan {
            background: #196e31;
        }

            header .bg_slogan .box_search .text_search {
                display: none;
            }

        .brand_scroll {
            padding: 0px;
        }

        .brand_scroll_ft {
            width: 100%;
            margin-bottom: 15px;
        }

        .brand_scroll_footer .dkbct {
            margin-left: 0px;
        }

            .brand_scroll_footer .dkbct img {
                max-width: 100px;
            }

        #form_signin .row_btn .btn_custom {
            width: 100%;
            text-transform: uppercase;
            font-size: 18px;
        }

        header .header-tool .header_cart > ul > li > a > i {
            margin-top: 0px;
        }

        header .header-tool .header_cart > ul > li > a, header .header-tool .header_user > ul > li > a {
            margin: 0px 5px;
        }

        .btn_payment {
            margin-top: 10px !important;
        }

        .btn_pay {
            width: 100% !important;
            margin: 15px 0px !important;
        }

        .ordering_address_l, .ordering_address_r {
            width: 100% !important;
            margin-bottom: 15px;
        }

        .full.promotion .list_item_product .col_item {
            width: 50% !important;
        }

        .media-left, .media > .pull-left {
            display: none;
        }

        .danhgia-sp b {
            width: 100%;
            display: block;
            margin-bottom: 5px;
        }

        .box_mid-content .wrapper {
            margin: 0px;
        }

        .group_box_l .box_mid-content {
            margin-top: 0px !important;
        }

        .list_item .col_item h3 a {
            font-weight: bold !important;
            font-size: 15px !important;
        }

        .list_none > li {
            padding: 5px;
            border-bottom: 1px dashed #ccc;
        }

        .gopy_content .formhdap > li {
            list-style: none !important;
            margin-top: 10px !important;
        }



        header .box_search {
            left: 0px;
            right: 0px;
        }

        header .header-tool .box_search {
            left: 0px;
            right: 0px;
            float: left;
            margin-right: 10px;
            max-width: 140px;
            vertical-align: top;
            display: inline-block;
            top: 0px;
            overflow: hidden;
            border-radius: 2px;
        }

        .slogan_xs span {
            margin-top: 6px;
            display: inline-block;
            margin-bottom: 10px;
        }

        .owl-product .box_item .title {
            height: 35px;
            overflow: hidden;
        }

        footer .footer-content {
            padding-top: 0px;
            padding: 0px;
        }

        footer .footer-col:nth-of-type(n) {
            margin-top: 0px;
            margin-bottom: 0px;
            padding-bottom: 5px;
        }

        #form_res_email .email {
            width: 100%;
        }

        div.wrapper, #tth-main-menu > .menu-wrapper {
        }

        .news_focus .row_first {
            width: 100%;
            margin-right: 0%;
            margin-bottom: 15px;
        }

        header .header-tool .header_user {
            margin-right: 0px;
            margin-top: 6px;
        }

            header .header-tool .header_user > ul > li > a > i {
                display: inline-block;
                font-size: 18px;
                margin-top: -6px;
            }

            header .header-tool .header_user > ul > li > a {
                margin: 0px 3px;
            }

                header .header-tool .header_user > ul > li > a .text {
                    display: none;
                }

                header .header-tool .header_user > ul > li > a:after {
                    content: '';
                }

        #tth-content {
            width: 100%;
            margin: 0px;
        }

        #tth-main-menu {
            width: 100%;
            margin: 0px;
        }

        #menu_footer .menu_footer-col {
            width: 50%;
        }

        .fb_gg {
            padding-left: 0px;
        }

        #tth-main-menu > .menu-wrapper > ul > li > a {
            margin: 5px 8px;
            font-size: 14px;
        }

        .check_order {
            left: 165px;
        }

        .tabtinhot {
            height: 460px !important;
        }

        .w49 {
            margin-left: 0px !important;
        }

        footer .menu_footer .online {
            margin-top: 0px !important;
        }

        footer .menu_footer {
            margin-bottom: 0px !important;
        }

        footer .footer-content {
            padding-top: 0px !important;
        }

        footer .wrapper .banner_item {
            margin-left: 0px !important;
        }

        .title_item_hot {
            font-weight: bold;
            font-size: 16px !important;
        }

        .col50 .content_item {
            margin-right: 0px !important;
        }
    }

    @media (max-width: 599px) {

        header .header-tool .box_search {
            max-width: 80px;
        }
    }

    @media (max-width: 469px) {

        header {
            top: 5px !important;
            left: 4px !important;
        }

        .top_menu {
            margin-top: 56px !important;
        }

        header .header-tool .box_search {
            max-width: 60px;
        }

        .box_operating .box:nth-child(3),
        .box_operating .box:nth-child(4) {
            width: 100%;
        }

        .box_group .box_green span.title {
            width: 87%;
        }

        .box_group.box_right .content div.item {
            width: 100%;
        }

        .check_order {
            left: 150px;
        }

        .map .map_r div.aw-widget-current-inner div.aw-widget-content a.aw-current-weather p span.aw-temperature-today {
            top: -45px;
        }
    }

    @media (max-width: 361px) {

        header {
            top: 3px !important;
            left: 3px !important;
        }

        .box_tour_service .box_service .box_r .content .item {
            width: 100% !important;
        }

        .hotline_mobile .hotline {
            font-size: 12px;
        }

        header .header-tool .box_search {
            display: none;
        }

        #main_slide {
            margin-top: 9px;
        }

        footer {
            background: url(../images/bg_footer.png) no-repeat right bottom 66px;
        }

        .box_group {
            margin-bottom: 0px;
        }

        .box_scroll_tour .owl-controls {
            top: -54px;
            right: -10px;
        }

        header .logo a, header .logo img {
            max-height: 40px;
        }

        .box_tour_service .box_r .content .item {
            font-size: 16px;
            width: 100%;
        }

        .captcha input {
            margin-left: 0px;
            margin-top: 10px;
        }

        header .header-tool .header_cart > ul > li > a, header .header-tool .header_user > ul > li > a {
            margin: 0px 3px;
        }

            header .header-tool .header_cart > ul > li > a > i {
                margin-top: 0px;
            }

        header .header-tool .header_cart .num_cart {
            right: -8px;
            top: -5px;
        }

        header .logo {
            margin-top: 5px;
        }

        .check_order {
            left: 130px;
        }

        .full.promotion .list_item_product .col_item {
            width: 100% !important;
        }
    }

    @media (max-width: 320px) {

        header .wrapper {
            padding-left: 0px;
            margin-left: 5px;
            margin-right: 5px;
        }

        .check_order {
            left: 125px;
        }

        .header_cart > ul > li > a, header .header-tool .header_user > ul > li > a {
            margin: 3px 3px;
        }
    }













    .resp-tabDrop {
        display: none;
    }

    .resp-tablist {
        display: block;
        padding: 0;
        border-bottom: 2px solid #ccc;
        padding-bottom: 0px;
        line-height: 1em;
        margin: 0px;
    }



    .resp-tablistItem {
        display: inline;
        cursor: pointer;
        padding: 10px 20px;
        display: inline-block;
        padding: 2px 10px;
        border: 1px #c5c5c5 solid;
        border-bottom: 0px;
        border-left: 0px;
        font-size: 17px;
        font-weight: bold;
        font-weight: normal;
        -webkit-transition: all 0ms ease-out 0s;
        -moz-transition: all 0ms ease-out 0s;
        -o-transition: all 0ms ease-out 0s;
        transition: all 0ms ease-out 0s;
        background-image: -webkit-linear-gradient(top, #fff 0, #d6d6d6 100%);
        background-image: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffd6d6d6', GradientType=0);
    }

        .resp-tablistItem:hover {
            color: #1f75d0;
        }

    .resp-tablistItem__active {
        background: #fff;
        color: #169e83;
        border-bottom-color: #fff;
        font-weight: 400;
        background: #f1f1f1;
        font-weight: bold;
        color: #1f75d0;
    }



    .resp-headings {
        display: none;
    }



    .resp-contents {
        margin-top: 15px;
    }

    @media (max-width: 1080px) {



        .resp-tablist {
            display: none;
        }



        .resp-tabDrop {
            display: block;
            width: 100%;
            height: 35px;
            font-size: 1.2em;
            margin: 1em 0 0 0;
            padding-left: 10px !important;
        }
    }


    @media (max-width: 999px) and (min-width: 100px) {
        #owl-demo {
            width: 100% !important;
        }
    }


.zzz {
    display: block;
    margin: auto;
    /* font-family: 'logoTB', cursive; */
    font-size: 21px;
    /* padding-bottom: 20px; */
    color: #eac355;
    font-weight: bold;
    text-align: center;
    width: 80%;
    margin-right: 50px;
}

.imglg {
    padding-top: 5px;
    width: 66px;
    height: 50px;
}

.full {
    margin-top: 20px;
}
/* ==== layout.css ==== */
.stitle_view a {
  text-transform: none !important;
  float: right;
  font-weight: normal !important;
  margin-right: 2%;
}
.imgcenter {
  margin-top: 10px;
  float: left;
}
.hr-footer {
  width: 100%;
  height: 1px;

  background: #679fd8;

  margin-bottom: 0px;

  position: relative;

  z-index: 2;
}
.tv1 {
  margin-top: 15px;
}
.newsbycatid .title a:hover {
  color: #007acc;
}
.homecats1col {
  margin-top: 15px;
}
ul.title_sub {
  margin-left: 20%;
}
ul.title_sub li {
  list-style: none;
  float: left;
}
ul.title_sub li > a {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  float: left;
  line-height: 1;
  padding: 0 6px;
  color: #333;
}
ul.title_sub li > a:hover {
  color: #d72027;
}
ul.title_sub li:first-child a {
  border-left: none !important;
  padding-left: 0;
}
.col50 {
  width: 50%;
  float: left;
}
.col50 .content_item {
  margin-right: 2%;
}
.col50 .content_item_right {
  margin-right: 0%;
}
.col50 .home_text a {
  font-size: 17px;
  padding-bottom: 7px;
  line-height: 20px;
}
.col50 .title span {
  font-size: 15px;
}
.col50 .title {
  margin-top: 3px;
  text-align: justify;
}
.more_item_1col {
  height: 375px;
}
#dihuan {
  background-image: url(../images/loidihuan_background.jpeg);
  padding: 0px 20px;
}
.audio_playlist {
  height: 200px;
}
.frame_video {
  min-height: 500px;
  border: 0;
  margin: 0;
  padding: 0;
}
span.dm_exp {
  display: inline-block;
  background-position: -266px -209px;
  float: right;
  cursor: pointer;
}
span.dm_exp_open {
  background-position: -298px -181px !important;
}
.lien_ket_ct li {
  background: url("../images/arrow1.gif") no-repeat scroll 0px 11px transparent;
  padding-left: 12px;
  list-style: none;
  line-height: 30px;
  font-size: 12px !important;
}
ul.dvhc {
  float: left;
  width: 25%;
  text-transform: uppercase;
}
.home_text {
  border-bottom: 1px dashed #d1d1d1;
  position: relative;
  padding: 3px 3px 3px;
}
.home_text::before {
  content: "";
  width: 3px;
  height: 3px;
  background: #707070;
  position: absolute;
  left: 0;
  top: 13px;
}
.home_text span {
  font-size: 14px;
  color: #666;
  display: block;
  width: calc(100% - 125px);
}
span.vd_view {
  width: 16px;
  height: 12px;
  background-repeat: no-repeat;
  display: inline-block;
  color: #999;
  margin-top: 7px;
}
span.vd_play {
  background-image: url(images/youtube-brands.svg);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: 40px;
  left: 54px;
  z-index: 99;
  display: none;
  opacity: 0.8;
}
.vd_item a {
  display: block;
  width: 150px;
  position: relative;
}
.vd_item a:hover .vd_play {
  display: block;
}
span.vd_view_text {
  display: inline-block;
  padding-left: 2px;
  color: #999;
}
li.danhmuc_right_li_sub a:hover {
  color: #007acc !important;
}
li.danhmuc_right_li_sub:hover {
  background-color: #fff;
}

ul.danhmuc_right {
  margin: 0;
  padding: 0;
}
li.danhmuc_right_li ul {
  margin: 0;
  padding: 0;
}
li.danhmuc_right_li {
  list-style: none;
  border-bottom: 2px solid #fff;
  position: relative;
  background: #19669e;
  padding: 8px 0px 8px 10px;
  font-size: 16px !important;
}
li.danhmuc_right_li:hover {
  background: #0f568a;
}
li.danhmuc_right_li_sub {
  background-color: #fff;
  list-style: none;
  margin-left: -10px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  border-top: 1px dotted #046aa9;
}
li.danhmuc_right_li a {
  color: #fff;
}
/*li.danhmuc_right_li:hover
{
	background-color:#0099ff;
}
*/
img.logo_olv {
  position: absolute;
  top: 0;
  z-index: 998;
}
.header_bottom .brand-text h1 {
  text-align: center;
}
div.vd_item {
  width: 150px;
}
ul.list_video {
  margin: 0;
  padding: 0;
}
ul.list_video li {
  margin: 0;
  padding: 5px;
  list-style: none;
  float: left;
}
.more_item {
  overflow-x: hidden;
}

/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}
.scroll-element,
.scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}
.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}
.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner
  > .scroll-element.scroll-x.scroll-scrolly_visible
  .scroll-element_track {
  left: -12px;
}
.scrollbar-inner
  > .scroll-element.scroll-y.scroll-scrollx_visible
  .scroll-element_track {
  top: -12px;
}

.scrollbar-inner
  > .scroll-element.scroll-x.scroll-scrolly_visible
  .scroll-element_size {
  left: -12px;
}
.scrollbar-inner
  > .scroll-element.scroll-y.scroll-scrollx_visible
  .scroll-element_size {
  top: -12px;
}
.stitle {
  font-weight: bold;
  color: #fff !important;
  height: auto;
  background-position: left 2px, right top;
  width: 100%;
  border-bottom: 1px solid #00468c;
  display: inline-block;
}
.stitle > a {
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  float: left;
  background: #00468c;
  position: relative;
  line-height: 36px;
  padding-left: 15px;
}
.stitle > a:hover {
  text-decoration: underline;
}
.stitle > a::before {
  position: absolute;
  content: "";
  left: 100%;
  bottom: 0;
  width: 15px;
  display: inline-block;
  border-bottom: 36px #00468c solid;
  border-left: 0px transparent solid;
  border-right: 28px transparent solid;
}
.stitlecats {
  font-weight: bold;
  height: auto;
  background: #e9f6ff;
  width: 100%;
  display: inline-block;
  padding: 8px 0;
  margin-bottom: 2px;
  border-left: 5px solid #0e76bc;
}
.ico-r:before {
  color: #19669e;
  padding-right: 10px;
}
.stitlecats > a {
  color: #0687de;
  text-transform: uppercase;
  padding-left: 10px;
}
.stitlecats > a:hover {
  color: #00468c;
}

ul.title_sub a {
  font-weight: normal;
  text-transform: none;
}
.tinhot40 {
  width: 41%;
  float: left;
  margin-left: 8px;
}
/* reserve image boxes before their images load (layout shift fix):
   #owl-demo is the main news slider (thumbs cropped to 760x388 by ThumbController);
   the .homecats1col lead story image renders at roughly 3:2 */
#owl-demo .item > a > img.img {
  width: 100%;
  height: auto;
  aspect-ratio: 760 / 388;
  object-fit: cover;
  object-position: top;
}
.homecats1col .content_item .img > a > img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: top;
}
/* owl-carousel v1.23 builds its wrapper only when it initializes; before that the
   slides stack vertically (one full-width 760x388 image each) and the reflow when
   owl runs shifts the whole page below (the biggest CLS item). Hide all but the
   first slide pre-init - the direct-child selector stops matching once owl nests
   every .item inside .owl-wrapper-outer. */
#owl-demo > .item:not(:first-child) {
  display: none;
}
.tinhot60 {
  width: 58%;
  float: left;
}
.tabbox {
  border-width: 1px !important;
  margin-left: 5px;
  height: 40px;
}
.tabtitle {
  background-color: #fff !important;
  border-radius: 5px 5px 0 0;
  margin-bottom: -1px !important;
  position: relative;
  text-align: center;
  width: 125px;
  float: left;
}
.tabtinhot {
  height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.tabactive {
  border-style: solid !important;
  border-color: #ccc #ccc #fff !important;
  border-width: 1px !important;
}
.tabactive span {
  color: #19669e;
  background: #f6f7f8;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.tabtitle span {
  display: block;
  padding: 6px;
  cursor: pointer;
  font-weight: bold;
}
ul.tinhot {
  padding: 0;
  margin: 0;
}
ul.tinhot li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.tool_bar {
  min-height: 40px;
  width: 100%;
  background-color: #f6f7f8;
  margin: auto;
  position: relative;
}
.diemtin {
  position: absolute;
  left: 150px;
  top: 15px;
  width: 650px;
  height: 20px;
  overflow: hidden;
}
.diemtin a {
  color: #333 !important;
}
.marquee {
  width: 900px;
}
#date-time {
  position: absolute;
  left: 15px;
  font-size: 14px;
}
ul.sodientuedit {
  width: 500px;
}
ul.sodientuedit li {
  list-style: none;
  text-align: left;
  padding: 10px;
}
.signin-box {
  background: none repeat scroll 0 0 #f1f1f1;
  border: 1px solid #e5e5e5;
  height: 300px;
  margin: 12px 0 0;
  padding: 20px 25px 15px;
  text-align: left;
  width: 355px;
}
.signin-box input[type="email"],
.signin-box input[type="number"],
.signin-box input[type="password"],
.signin-box input[type="tel"],
.signin-box input[type="text"],
.signin-box input[type="url"] {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -moz-box-sizing: border-box;
  background: none repeat scroll 0 0 #ffffff;
  border-color: #c0c0c0 #d9d9d9 #d9d9d9;
  border-image: none;
  border-radius: 1px 1px 1px 1px;
  border-right: 1px solid #d9d9d9;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  height: 29px;
  margin: 0;
  padding: 0 8px;
  direction: ltr;
  font-size: 15px;
  height: 32px;
  width: 100%;
}
.signin-box ul,
.signin-box li {
  list-style: none;
  padding: 6px;
}
.fancybox-skin {
  border-radius: 5px;
}
.sodientu ul {
  padding: 0;
  margin: 0;
}

.sodientu li {
  list-style: none;
}
ul.tiendocv li {
  margin: 0 !important;
  padding: 0 !important;
}
span.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
}
span.viecpt {
  display: block;
  width: 60px;
  margin-right: 10px;
  margin-top: 10px;
  float: left;
}
span.baocao {
  font-weight: bold;
  color: #ff3333;
}
.duan_mn li {
  float: left;
  border: 1px dotted #0066cc;
  margin-right: 3px;
}
.table_duan td {
  border: 1px solid #49b0ff;
  padding: 3px;
}

@media (max-width: 2000px) and (min-width: 800px) {
  .content_news p {
    text-indent: 40px;
    text-align: justify;
  }
  .content_news p img {
    margin: auto;
    width: 100%;
    max-width: 710px;
    height: auto !important;
  }
  .content_news img {
    display: block;
  }
  .brand-text-calender span a .fa {
    background: #fff;
  }
  .brand-text-calender {
    position: absolute;
    left: 239px;
    top: 10px;
    z-index: 999;
    width: 77%;
  }
  .brand-text-calender span {
    float: right;
    margin-right: 10px;
  }
  .brand-text-calender span a {
    float: right;
    margin-right: 15px;
  }
  #item_detail img {
    max-width: 756px;
  }
  .home_box_video {
    width: 48%;
    margin-top: 10px;
    float: left;
    margin-right: 2%;
  }
  .home_box_images {
    width: 50%;
    margin-top: 10px;
    float: left;
  }
  #tth-wrapper {
    background-color: #fff !important;
  }
  .full .wrapper {
    background-color: #fff !important;
    padding: 0px 15px;
  }
}
.tvhinhanh li {
  width: 27%;
  overflow: hidden;
  float: left;
  margin-right: 5%;
}
.tvhinhanh img {
  width: 100%;
  max-height: 142px;
}
#lienket1-menu li:first-child,
#lienket2-menu li:first-child,
#lienket3-menu li:first-child {
  display: none;
}
div.ui-selectmenu-open {
  max-height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.lien_ket_ct {
  padding: 3%;
}
.lien_ket {
  border: 1px solid #e0e0e0;
  margin-top: 10px;
  border-radius: 5px;
}
.dksearch_box {
  width: 100%;
  max-width: 301px;
  border: 1px solid #ccc;
  float: right;
  height: 34px;
  margin-top: -7px;
  overflow: hidden;
  border-radius: 5px;
  margin-right: 15px;
}
.top_search input {
  margin: 0;
  padding: 3px;
  border: none;
}
#menu ul.left > li:hover {
  /*background-color:#09f !important;*/
  background: #0f568a;
}
.brand-text {
  position: absolute;
  left: 150px;
  top: 22px;
  z-index: 999;
}
.brand-text h1 {
  color: #b06d38;
  font-family: arial;
  font-size: 18px;
  font-weight: bold;
  text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff,
    1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
  text-transform: uppercase;
}
.brand-text h2 {
  color: #19669e;
  font-size: 23px;
  font-weight: bold;
  margin: 0;
  text-shadow: 2px 1px -1px #fff;
  text-transform: uppercase;
  text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff,
    1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.top_btn_search::before {
  content: "\e986";
  font-family: icomoon !important;
  color: #999 !important;
  font-size: 17px !important;
}
.top_btn_search {
  width: 25px;
  display: block;
  float: left;
  cursor: pointer;
  text-align: center;
  padding-top: 8px;
}
#menu ul.left > li {
  border-left: 1px solid #2c71b0;
  position: relative;
}
#menu ul.left > li > a > span {
  color: #fff;
  text-transform: uppercase;
  font-weight: 501;
}

#menu ul.left > li:hover .dropdown-menu {
  display: flex;
}
#menu ul.left > li:last-child {
  border-right: none;
}
.dropdown-submenu {
  position: relative;
  width: 100%;
}
li.dropdown-submenu:hover {
  background-color:#FF000C !important;
  background: #ccc;
}
li.dropdown-submenu:hover a {
  color: #fff !important;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
  left: -100%;
  right: 100%;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.parent > .dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 11px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.dropdown,
.dropup {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    flex-direction:column;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: center;
    list-style: none;
    background-color: #125ca1;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 32px !important;
  color: white;
  white-space: nowrap;
}
    .dropdown-menu > li > a:focus,
    .dropdown-menu > li > a:hover {
        /*color: red;*/
        background-color: #0f578a !important;
        text-decoration: none;
    }
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  color: #777;
}
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
ul.top_mn {
  margin: 0;
  padding: 0;
  max-width: 100%;
  float: right;
}
.list_item .col_item {
  border-bottom: 1px solid rgba(172, 172, 172, 0.27);
}
.group_box_l {
  background-color: #fff;
}
@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon.eot?xiap81);
  src: url(../fonts/icomoon.eot?xiap81#iefix) format("embedded-opentype"),
    url(../fonts/icomoon.ttf?xiap81) format("truetype"),
    url(../fonts/icomoon.woff?xiap81) format("woff"),
    url(../fonts/icomoon.svg?xiap81#icomoon) format("svg");
  font-weight: 400;
  font-style: normal;
}
.top_menu {
  width: 100%;
  min-height: 36px;
}
ul.top_mn {
  margin: 0;
  padding: 0;
}
ul.top_mn li {
  list-style: none;
  float: right;
  margin-top: 5px;
  margin-right: 5px;
}
ul.top_mn li a {
  padding: 5px;
  display: block;
}
span.mn_title {
  text-transform: uppercase;
  font-weight: 700;
}
span.icon::before {
  content: "\ea86";
  font-family: icomoon !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #249f2a !important;
}
span.icon1::before {
  content: "\ea93" !important;
}
span.icon2::before {
  content: "\e904" !important;
}
span.icon3::before {
  content: "\e8a3" !important;
}
.contact_l {
  float: left;
  width: 48%;
  padding: 1%;
  overflow: hidden;
}
.contact_r {
  float: left;
  width: 48%;
  margin-left: 2%;
  padding-top: 11px;
}
.sitemap,
.sitemap ul,
.sitemap li {
  list-style: none;
}
.sitemap li {
  padding: 0px 0;
}
.sitemap > li > a {
  font-size: 15px;
}
.sitemap > li::before {
  content: "\e900";
  font-family: icomoon !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 5px;
  font-size: 24px;
  color: #1765cd !important;
}
.sitemap > li > ul > li > a::before {
  content: "\e92f";
  font-family: icomoon !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 5px;
  color: #1765cd !important;
}

.sitemap a:hover {
  color: #ea6900 !important;
}
.sitemap > li > a {
  font-size: 18px;
  color: #333;
}
.sitemap > li > ul > li > a {
  font-size: 14px;
}

span.xemdanhmuc {
  color: #666;
  font-size: 10px !important;
  float: right;
  text-transform: capitalize;
  margin-top: 6px;
}
#gui_cau_hoi {
  padding: 0 10px;
  background-color: #fff;
}
.hoidap_content ul.formhdap input[type="text"] {
  width: 266px;
}

.home_hoidap {
  width: 100%;
}
.home_hoidap .hd_l {
  width: 100%;
  float: left;
  box-shadow: 4px 5px 15px -3px rgba(172, 172, 172, 0.8);
}
.home_hoidap .hd_r {
  width: 39%;
  float: left;
  margin-left: 1%;
}

ul.hoidap_search li {
  list-style: none;
  padding: 5px 0;
}
ul.hoidap_search label {
  min-width: 100px;
  margin-right: 10px;
}
ul.hoidap_list,
ul.hoidap_search {
  margin: 0;
  padding: 0;
}

ul.hoidap_list li {
  list-style: none;
  border-bottom: 1px solid #eee;
  padding: 20px 0px;
}
ul.hoidap_list a.title {
  color: #333 !important;
  font-weight: bold !important;
  font-size: 12px !important;
  margin: 10px 0 !important;
  text-align: justify !important;
}

ul.hoidap_list span.hdrow {
  display: block;
  width: 100%;
  padding: 3px;
}
ul.hoidap_list span.hdrow a:hover {
  color: #365899 !important;
}
.comment {
  padding-left: 10px;
}
.comment li {
  list-style: none;
  margin-bottom: 10px;
}
span.comment-date {
  font-size: 90%;
  color: #999999;
}
/* menu */
#menu li {
  list-style: none;
}
#menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
span.icon-word {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA4MTNCMDlBQzhENzExRTI5ODM1RDM5Nzc5OEZDMkY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA4MTNCMDlCQzhENzExRTI5ODM1RDM5Nzc5OEZDMkY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDgxM0IwOThDOEQ3MTFFMjk4MzVEMzk3Nzk4RkMyRjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDgxM0IwOTlDOEQ3MTFFMjk4MzVEMzk3Nzk4RkMyRjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4toESFAAABuUlEQVR42pRTy0pCURRd93avoYbRAyuoQQ+soRg1ctDUSNCQoIFC4MQ+pIEfoAPBShCCGkYQBQ0KDAc9iLAnBQ7yNWmQ+eR299EjWpK1YLHhnL0Xe699jqAoCgiRSCSgBh9+R9Dj8ay3nJAAMRwOK9Vq9VdSjsoAryGKXKhSqbCYzWaRyWQY0+k0UqkUI8Fut1OeLxQKBXhdQ6BcLrMoCEILRVFkkVAqleB0OinXF1DB8m3uXQV/wP7WMpLJJGRZhkajQTQaZZ6ABDqBctp54vf7FQl/RC6XA98YRaPRyEZiAhubTygUFOi1BVjN/TiOv2BibBJH52/Q6uQWb6iYe1IsFmsmLswPqhcfMJv6cBB7x+NrBr09Cu4f4rBO59uay01lArMmAyT1LHb7icOzBIoVA7b3n2HQvsM6N1VbV30bzQKNDqQuAfmqDqeXz/A6xtGtH8FdIo5VmwWjQwMtHXxfq1gzBYhfX8G7NIw1hwU3iQtYZnqwsrgAuW5zuxGoA4l3cBJaaTh+veP+sQVe1Ax6fExg0bPXcY3tBGiExqdwuVzs0XT6UJwEqpGaPlNQfec+/A/BLwEGANcZSQSHP6v2AAAAAElFTkSuQmCC);
}
#menu {
  width: 100%;
  max-width: 1140px;
  margin: auto;
}
#menu li {
  float: left;
}
#menu .menu-lv1,
#menu .menu-lv2 {
  display: inline-block;
  clear: both;
  width: 100%;
  margin-bottom: -6px;
}
.menu-lv1 .left {
  float: left;
}
.menu-lv1 .left a,
.menu-lv1 .left a:link,
.menu-lv1 .left a:visited {
  display: block;
}
.menu-lv1 .left a span {
  display: block;
  text-align:left;
  padding: 8px 12px;
  font: 13px Arial, Helvetica, sans-serif;
}

/*.menu-lv1 .left a:hover span, .menu-lv1 .left a.actived span {background: #FFF no-repeat top right; color:#1765cd;}*/
.menu-lv1 .left ul {
  display: none;
}
.menu-lv1 .right {
  float: right;
  padding-right: 10px;
}
.menu-lv1 .right li {
  padding: 10px 0px;
  margin-right: 5px;
  font: normal 11px Tahoma, Helvetica, sans-serif;
}
.menu-lv1 .right a,
.menu-lv1 .right a:link,
.menu-lv1 .right a:visited {
  color: #444;
  font: normal 11px Tahoma, Helvetica, sans-serif;
}
.menu-lv1 .right a:hover {
  text-decoration: underline;
}
.chuchay {
  float: right;
  width: 750px;
  line-height: 15px;
  font-size: 10pt;
  font-weight: bold;
  color: #4267b2;
}
.menu-lv2 .left {
  float: left;
  padding: 6px;
}
.menu-lv2 .right {
  float: right;
  padding: 7px;
  color: #444;
  font: normal 11px Tahoma, Helvetica, sans-serif;
}
.menu-lv2 li {
  margin-right: 14px;
  margin-left: 4px;
}
.menu-lv2 li a,
.menu-lv2 li a:link,
.menu-lv2 li a:visited {
  font: normal 13px Arial, Helvetica, sans-serif;
  color: #034d56;
  font-weight: bold;
}
.menu-lv2 li a:hover,
.menu-lv2 li a.actived {
  color: #ff0000 !important;
}
.left-670 {
  width: 693px;
  padding: 11px 0px 11px 11px;
  float: left;
}
.right-275 {
  width: 275px; /*padding:11px;*/
  float: right;
  margin-top: 12px;
}

.dmvanban {
  padding: 0;
  margin: 0;
}
.dmvanban li {
  list-style: none;
  padding: 5px 0;
  background-color: #f2f2f2;
  border-bottom: 1px solid #fff;
}
.dmvanban li a {
  color: #158bd5 !important;
  font-weight: bold;
  padding: 10px;
}
.dvcong {
  width: 100%;
}
.item-view {
  color: #9c9c9c;
}
.chi-tiet-header-info {
  display: block;
  padding: 5px 0;
}
.chi-tiet-publish-date-wrap {
  display: inline-block;
}
.chi-tiet-publish-date {
  color: #9c9c9c;
  font-size: 13px;
  display: block;
  padding-top: 3px;
  line-height: 20px;
  font-family: Arial;
}
.chi-tiet-publish-date-hot {
  color: #777;
  font-size: 11px;
  display: block;
  margin-top: 2px;
  margin-left: 8px;
}
.chi-tiet-action {
  display: inline-block;
  padding: 0 10px;
}
.chi-tiet-action-btn {
  padding: 3px;
  margin-right: 5px;
  text-decoration: none;
  cursor: pointer;
}
.dng-icon-print {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("../images/print.png") no-repeat left top;
}

.chi-tiet-action-btn-text {
  color: #0a4298;
  font-size: 13px;
  padding-left: 3px;
  line-height: 20px;
  font-family: Arial;
}
.chi-tiet-action-btn i {
  margin-bottom: -3px;
}
.dng-icon-mail {
  width: 19px;
  height: 14px;
  display: inline-block;
  background: url("../images/mail.png") no-repeat left top;
}
.fa {
  font-family: "ficon";
}

.detail-icon {
  display: block;
  margin-top: 3px;
  float: right;
  color: black;
}
.icon_small {
  margin-right: 2px;
  margin-top: 1px;
  margin-left: 5px;
  float: right;
  color: #0369d1;
  display: block;
  font-size: 15px;
  text-align: center;
}

.icon_large {
  margin-right: 5px;
  float: right;
  display: block;
  font-size: 19px;
  text-align: center;
  color: #0369d1;
  margin-top: -3px;
}
.dvcong_title td {
  background-color: #f2f2f2;
  color: #222;
  padding: 5px;
  font-weight: bold;
  text-align: center;
}
.dvcong_tbl td {
  border: 1px solid #e5e5e5;
}
.dvcong_tbl td a:hover {
  color: #365899 !important;
}
span.dvc_dowload {
  cursor: pointer;
  display: block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDM0MiwgMjAxMC8wMS8xMC0xODowNjo0MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOTY2OUJFNUI0MkQxMUUwODcwN0IxQkY3ODFEQzU4NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOTY2OUJFNkI0MkQxMUUwODcwN0IxQkY3ODFEQzU4NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ5NjY5QkUzQjQyRDExRTA4NzA3QjFCRjc4MURDNTg0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ5NjY5QkU0QjQyRDExRTA4NzA3QjFCRjc4MURDNTg0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CWgT6gAACF1JREFUeNqsV2tsHGcVPbPz2J2ZXe/6FTsbvxIHJ3FSp2mSJqmSllSBCv4g0lLxkBBCDdCCVImHSn8gJEACCf4h/tEKgfhTpKKqzQ+oSqEJammSQmibNKlt7Dz8yNpe27uzs7szu8O539iOU4wqISaa2N7Z/e69555z7l0tiiJ88CoUq/XX35nFlYkigiBCIqHhf7nk7IWlGk6d3IWhvqy1/pmx/o9yJYjOXpzBu2NFDG/N4dGPD6KnM41GM5JTgHXxNWgfGtQydfz69FVUa+F/PF8LPLdYjV46O4kk3/y1R4bRaDQxfnMJ708uoh420GRwuVcvSWY9WiqRdbnU6g2cONQLPZHYMDEVuOwH0emz19DXlcbxA3mcv3wL700sQNN4HM8eHmyDa5soeUFcTfwZtqGxVl0oiTViVOTvqrzG5FPJxIatUoHP/GMalpXA8f2b8eKZcUxOl2CnDFWhaxvIb0qjq9VZC9qImqpGyUqKFnS8aoBarYmIrzXCJpa9OpCIsGMwhwyT9upBJCgZug7H1DWjsFitXx5bxKmHd+Hlc9fxz9G5lerqCHigkzKR0LR1kPLWYih1XVPJBQxkGgbvGH6GRyaT5OsNdLWnFBoLXlUliTBAzjbrxhtvz2LnQA6lcg2vXriBlGUw2xjSKg8fyOtIOyaWKwEZWuVhoWpBXz4DrxKqTIQXjhXTJWRYPwhhmyZ50FDJ15mYJBRFGgpzBVR0Qn2Zkvn0Rwfwl7duCqtV9gpPHig9dQm5zUOvTszj96+MobhcxchH2nF0fx6/efEKdpD9D5JEP37unAow2JvFPbs7cebCFDpbbVV5LmOhn4lalqnaZJpJGI0wwhZK5tnRd+HXQ9RXCcN72auRHHpcPSVx5V9FdHfaOHR3N555/hJOvzaBE0d68cDBLfj5by+q3j516gB++svzeO7ZC9BI1jQr/tTJYTz9xGE4toWa70NzUjCEceGKdAw9sSYJ6Z1IQXqsekt45fme7R2YmFrG6yRkxjVhk3xj15awudPFY4/sxmMPD+NvbN8IlTAxXUZQquG+/VtgJw0lwaBWg0E+qMZI4PklH64TE0n+BYIE2ZxzU7clQDKNUtcvvDqOPFGamvPIWAM/eeYc9u3qxFdP3oX5kk+SJfDQg9sotybcliQ6MykiSLaLGFiMbdtxYGFbhVBKhRoREBQE2lb2pzWbVEF1viYHXrwyh53b2tDbncbvXh7FH/96TbH2Z985qEj42t+v44kf/RkB+WIZGmwS8ns//BhOPDBADrDIWlWhp6Qt2fi1hmJxjVnK7VcbCuYWN4ZatF0m2eTwxz+7B2203pA9Fdl9mT0c6s/BqwUY6GnBo58YwmHCO0i4r7HMBrVtsk0RiWUZ5Ax/GqtMElLVGVBvxkNBEMizb3bSXLNAMYXHP7dHSenM+RiFY4f78JmHhlTSIpn2nI2vf35EGYU4W5nnpNkOzw/XTKClJcvAWgy1T9dJmswk0uOpshzSkaI1+9050IpvfGEv7h3p4mcjdLSlyHAH3/7SPvWeJj+TIWuf/9MovvnUH0CXQFeHg+1E4rtk+s7Bdvh+XRWZYEuNVekIvB7hXSxVUWH2MpX68i0qaNBsYlt/C7b2pPkp8oHZHyOUR2mxUpkE1dl/LwgoEw13H+nDbMHD9NU5FBcqWCJSogi/4q1EU14d2950oYK0K321aBg6Brfk0N+VUW9aoiR+8Is3MbPg0wxIuBZL/XQcQzHfNDXsYkUhEzyyL4+j9/RQMppKZn7Rp34NIhoqaF3HjaW5yupEQidUSQ4Hk6QB+rozNBZnpb9NsrhFTSSP983ZZf4eqoRKZK+42TK92DINxQshYH6Tgwy1e+xQDz55fKvqrQyThJ5YrThSpi+VirPYSYu0j7CpzUXGiZeGNkrqyS/uxex8RRn/9dmystaxG4uYL9boaAsoskXF5Rrmij6mCPP74wuo8Lk82z/Sje0DDvxyCXoU3R6LUnpKPJkMFgnZUQJ9hHB1KL11qYBX3rhBxqbIUBM9eVeNy/v25um/uvLiBM1luVxXHBH2c33CO2PzyLJ6aYuYlLBQzGMNak1NGBMp3gJXR9bhUuCuOdb0XAXXqeM3355RVU0XygryTs7oJL28s53DYKXfba1J9NKjXdfCwbu6+TuR4+9NTqpmI4Rhp+9cfZL0T4tTyJDAlEJnmx17NqE5sHsThjg6Z2mRCyqwp6q7QchvkXAzTOS9cQ8v3BpHMFMC2BKkqX8W+eTT9+Nbp+6VoYBatYoGB4SmAq/scXJgin1O1jQktxrY3BF7dMiH/ZszsZ63t9+xvswUKwqBBTL31mKV/fVUIlOznpLT5KVZ7KD+7ZROc6JXNxqMkaQtJyxDgnaxul99/37VX53s7iJ0HbmkqlYCyjCPmvFmEQ90qLUnm6asOAS29bWwXdyt+Nzg/xVCOk+PvkmEWvmekA4WKdnKDhYXJKuPWkGFIGVKQmzTtmibWkZtAzKtZKg0lak31YfVehPFU00lsrLwNVeT4iU721BvjgoJGZgviq41qM+rwF/hsr1+75WZKVOpUChgcnISKbLQdhyahQMrSZ27LnnATYLhEo1IHSQBhTyxKUWSnzpHIdS8vY+LglOplYo/uOGvXktLzUioXyUhvHKZSMQ+a3J9EbPRaJVJwpayHaRccS8DTjqtVly15mJ1z4p/CnLR+sD/7ZtANpvVeN/xWrFYjCSRiufR3UIuiGWUlxaVqei6roIIH1w3wwRJVNqjxeRT6QyqlYoi14ZfYT7sam1t3fB7S6VSiXhzr66hzGQCDgvfF8YXCTlHrW6olsgAYcXqDG2jL23/z8vzvLrPBa9cKilu9PT0qNb+W4ABABpuPe6hTtrqAAAAAElFTkSuQmCC);
  margin-left: 9px;
}
.dvcong_chitiet td {
  border: 1px solid #999;
  padding: 5px;
}
.dvcong_chitiet td:first-child {
  font-weight: bold;
}

span.tknc_btn {
  display: block;
  width: 250px;
  cursor: pointer;
  margin-top: 10px;
  border: 1px solid #d9d9d9;
  padding: 4px;
  padding-right: 14px;
  color: #003333;
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(../images/muiten.png);
}
.tk_nangcao {
  width: 200px;
  display: inline-block;
  padding: 5px !important;
  color: #555;
  vertical-align: middle;
  background-image: none;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  background-color: #fff !important;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s !important;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s !important;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s !important;
  transition: border linear 0.2s, box-shadow linear 0.2s !important;
}

.btn_search {
  background-color: #0375bc;
  border: 1px solid #ccc;
  color: #fff;
  cursor: pointer;

  overflow: visible;
  padding: 5px;
  width: auto;
  transition: all 0.25s;
  margin-left: 20px;
}
.btn_search:hover {
  background-color: #4f94bf !important;
}
.input_search {
  border-radius: 5;
  padding: 5px;
  width: 400px;
  border: 1px solid #ccc;
}
.vt_content {
  width: 100%;
  max-width: 1102px;
  margin: auto;
  padding: 10px;
}

.header_bottom img.top_banner {
  width: 100%;
  max-width: 1102px;
}
.main_menu a {
  color: #fff;
  display: block;
  margin: 5px 9px;
  font-weight: bold;
  position: relative;
  text-transform: uppercase;
  font-size: 13px;
}
ul.subs a {
  font-size: 90%;
}

ul.subs::before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 45%;
  border: 5px solid transparent;
  border-left-color: #0099ff;
  border-top-color: #0099ff;
  transform: rotate(45deg);
}
input.search {
  height: 31px;
  display: inline;
  float: left;
  width: 268px;
  border-radius: 5px;
}
#fsearch {
  float: left;
}
span.btn_search {
  cursor: pointer;
  float: left;
  display: inline;
  width: 40px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: 0 5px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAIAAABwJOjsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjhBRjlFMTYwRTEzMTFFN0JGMTFGQzQwMTI5RjcxRjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjhBRjlFMTcwRTEzMTFFN0JGMTFGQzQwMTI5RjcxRjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCOEFGOUUxNDBFMTMxMUU3QkYxMUZDNDAxMjlGNzFGMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCOEFGOUUxNTBFMTMxMUU3QkYxMUZDNDAxMjlGNzFGMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpVo6ykAAALPSURBVHjaYpTKM2IYCMDEMECAhXilGpLKIaY+XvpO8iIyEJEfv3/uuXho7q6lp15eJtViZl5zSWLUGSvodUfUehs4c7CyH7x4bNuxXfdfPOLl5rFQNw6z8Xv/5t3FJ9cZGKntYxVxhZ6IGjVJ5bUHNk9YM/3F1zc//v9iZmLmYubwM3XvSKtrial8/vrlzodHqBzHURYBQFu3HttVs6j91qeHX1h//uVi/MX1/wP79yXnN6RNKGJkZKyKKBD6y0Nli/2N3D99/9y9YvK7Px+ZOFmYOJgZWZkYmRmB6D8b446bBw9eP64sqWAmpcfw7z81LZYQENt/9vDDj8+YOFiY2JkZGFEi8y8bQ//GmUBPGyjr/P/5j+H/f2pmpws3Lv9k+s3IwoRmKwRcvnsNSMpJyLD+YybOXqItFhUWYWZkZmDCnnA11DWA5Nfv3/79+0tkaBNl8d9//1zNHXmZubD5loGFmcVeyxLIuHjrym+Gv9SM450X9qtKKQFzDuMfLLJaUqp5rklvPr079xBcjDAyUs3iKZvm/Pz9C5hfvTQcGX8iQpKVmVVXRqMxsBhYqtx5dO/pp5eQ1E61kuvV97efP36y1jQLtPLSV9D6+/vvkwePzdSN/E09+qLqFURlgWpkxKT4OfkO3zj5l5moOGYksnZi/Mfgo+aY55+mJaeGLP7uy4e7j+6ZakENWXNkc/mK1h/Mv6lmMQQI/+M1l9bXkFHVUFJ78OjBk1fPzjy6/PTji6aY8hB7P4iaZQfWVq5s/8P2n5oWg8C///9+/uX4x/r9z08GcHQysjByMXH0xTf6W3gAuZ9/fLUv8n3J8gF/KiO2dkJyKiPQpr8s/0HpiIWJkY2ZiYX5D8u/fRePCHEKCAsIdSzoP3X/wj8WBkZmJqr6GE9N94tRkIHn1ee3/9gZQeU5CxN1GgIEATBeX///xMDLzMTEiN9WIAAIMABldwETG122IQAAAABJRU5ErkJggg==");
}
.top_search {
  display: block;
  overflow: hidden;
  z-index: 1000;
}
ul.subs {
  position: absolute;
  top: 28px;
  left: -50%;
  width: auto;
  background-color: #0099ff;
  display: none;
  z-index: 1000;
  -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
}
ul.subs li:hover {
  background-color: #007acc;
  width: 100%;
}
ul.subs li > a {
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  display: block;
}
ul.subs li {
  width: auto;
  white-space: nowrap;
}
.main_menu li {
  position: relative;
  float: left;
}
.main_menu > ul > li:hover ul.subs {
  display: block;
}
.main_menu > ul > li:first-child a {
  color: #175809 !important;
  padding: 5px 10px 0px 7px !important;
}
.menu_line span {
  padding: 6px;
  display: block;
  color: #000;
}
.main_menu > ul > li:first-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  height: 29px;
}
.main_menu > ul > li:first-child::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 29px;
  height: 29px;
  background-repeat: no-repeat;
  background: rgba(0, 0, 0, 0) url("../images/index3.png") no-repeat scroll 0 0;
}
.menu_line {
  margin: auto;
  max-width: 1102px;
  width: 100%;
  height: 34px;
  background-repeat: repeat-x;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAiCAIAAAD6eJ9FAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTFEOTY2ODkwN0NEMTFFN0I3QUVBMzdBNjlFQzNBQjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTFEOTY2OEEwN0NEMTFFN0I3QUVBMzdBNjlFQzNBQjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MUQ5NjY4NzA3Q0QxMUU3QjdBRUEzN0E2OUVDM0FCNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MUQ5NjY4ODA3Q0QxMUU3QjdBRUEzN0E2OUVDM0FCNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt57CY4AAABlSURBVHjaVI5LCoAwDESjdKdYSkFw7f0PUzxNF0l02kTabB7JfMiiqkQURKVBgJXa2PZrPFgCMwMe70fbTHMID3E7zp1zi+e6hb16+qxbaq1AThkoTwHifQFpO4AzNi3t8cMrwAB/P1FWMRtTfQAAAABJRU5ErkJggg==);
}
.main_menu > ul > li:first-child {
  position: relative;
  height: 29px;
  background-repeat: repeat-x;

  background: rgba(0, 0, 0, 0) url("../images/index121.png") repeat scroll 0 0;
}
.main_menu ul,
.main_menu li {
  list-style: none;
}
.main_menu ul {
  padding: 0;
  margin: 0;
}
.main_menu {
  padding-left: 0;
  min-height: 20px;
  width: 100%;
  margin-left: 0px;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  color: #333;
}

#tth-loading {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 9990;
  background: #fff url(../images/loading.gif) no-repeat center center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}

#tth-wrapper {
  position: absolute;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}

.detail-content table {
  background: #01c2c6;
  border-spacing: 1px;
}
.detail-content table tr {
  background: #fff;
}
.detail-content table th,
.detail-content table td {
  padding: 10px;
}

/* --------------------------------Wrapper-------------------------------------*/
div.wrapper {
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  text-align: left;
}
header div.wrapper {
  max-width: 1140px;
}

/* -------------------------------------Header-------------------------------------*/
header {
  background-size: 100% 100%;
  min-height: 100px;
  width: 100%;
}
header .wrapper {
  position: relative;
}
header .wrapper:after {
  content: "";
  display: block;
  clear: both;
}
header .logo {
  position: relative;
  display: inline-block;
  float: right;
  padding-bottom: 10px;
  padding-top: 15px;
  width: 30%;
}
header .logo a,
header .logo img {
  display: block;
}
header .logo img {
  transition: all 0.5s;
  max-width: 100%;
}
header .slogan {
  color: #fff;
  font-size: 13px;
  padding: 0px;
  min-height: 30px;
}
header .slogan .follow {
  float: right;
}
header .slogan .follow a {
  color: #fff;
  margin: 0px 4px;
  font-size: 18px;
}
header .slogan > span {
  float: left;
}
header .header-tool {
  float: right;
}
header .header-tool .header_cart,
header .header-tool .header_user {
  float: left;
}
header .header-tool .header_cart > ul > li,
header .header-tool .header_user > ul > li {
  float: left;
}
header .header-tool .header_cart > ul > li > a,
header .header-tool .header_user > ul > li > a {
  display: block;
  color: #616161;
  margin: 0px 12px;
  padding: 5px 0px;
  position: relative;
}
/* header .header-tool .header_user > ul > li:last-child > a{
		/*margin-right: 0px;*/
/* } */
*/ header .header-tool .header_cart > ul > li:last-child > a {
  margin-right: 0px;
}
header .header-tool .header_user > ul > li > a:after {
  content: "|";
  display: block;
  position: absolute;
  right: -10px;
  top: 4px;
}
header .header-tool .header_user > ul > li > a > i {
  display: none;
}
header .header-tool .header_cart > ul > li > a {
  position: relative;
  /*padding-left: 28px;*/
}
header .header-tool .header_cart > ul > li > a > i {
  margin-top: -5px;
  background: url("../images/icon-cart.png") no-repeat;
  height: 35px;
  width: 35px;
  display: inline-block;
}
header .header-tool .header_cart .num_cart {
  position: absolute;
  right: -10px;
  top: -10px;
  background: #ed3237;
  color: #fff;
  font-weight: bold;
  padding: 2px 0px;
  border-radius: 50%;
  height: 22px;
  width: 22px;
  text-align: center;
}
header .bg_slogan {
  background: #125da3;
  margin: auto;
}

#header_account {
  position: relative;
}
#header_account > ul {
  display: none;
  position: absolute;
  border: 1px solid rgb(255, 255, 255);
  background: rgb(173, 66, 66);
  top: 100%;
  right: 0px;
  text-align: right;
  padding: 5px 0px;
  z-index: 3;
  background: #fff;
  position: absolute;
  top: 28px;
  right: 15px;
  z-index: 100;
  min-width: 135px;
  display: none;
  margin-left: 10px;
  border-radius: 3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}
#header_account:hover > ul {
  display: block;
}
#header_account > ul:before {
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  right: 5px;
  border: 5px solid transparent;
  border-left-color: rgb(237, 50, 55);
  border-top-color: rgb(237, 50, 55);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  -o-transform: rotate(25deg);
  transform: rotate(45deg);
}
#header_account > ul > li {
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
#header_account > ul > li:first-child {
  border-top: none;
}
#header_account > ul > li:last-child {
  border-bottom: none;
}
#header_account > ul a {
  color: #333;
  font-family: tahoma;
  font-size: 14px;
  padding: 2px 10px 2px 10px;
  display: block;
  transition: 0.3s;
  white-space: nowrap;
}
#header_account > ul a:hover {
  color: #ed3237;
  text-decoration: none;
  background: rgba(255, 255, 255, 1);
}

header .box_search {
  position: relative;
  float: right;
  margin-top: -5px;
  margin-bottom: 5px;
}
header .box_search .text_search {
  width: 150px;
  height: 34px;
  border: 0px;
  background: none;
  padding: 0px 35px 0px 10px;
  font-size: 14px;
  outline: none;
  border-radius: 2px;
  color: #fff;
  border: 2px #fff solid;
  margin-right: 10px;
}
header .box_search .text_search::-webkit-input-placeholder {
  color: #fff;
}
header .box_search .text_search:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
header .box_search .text_search::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
header .box_search .text_search:-ms-input-placeholder {
  color: #fff;
}
header .box_search .btn_search {
  position: absolute;
  color: #828282;
  border: 0px;
  border-left: 0px;
  background: url(images/icon_search.png) no-repeat 0px 6px;
  font-size: 18px;
  right: 10px;
  top: 0px;
  height: 100%;
  width: 35px;
  padding: 0px;
  cursor: pointer;
}
/* ------------------------------------tth-menu-main-------------------------------*/
#tth-main-menu {
  display: inline-block;
}
#tth-main-menu > .menu-wrapper {
  width: 100%;
  max-width: 1116px;
  margin: 0px auto;
}
#tth-main-menu > .menu-wrapper:after {
  content: "";
  display: block;
  clear: both;
}
#tth-main-menu > .menu-wrapper > ul {
  /*width:100%;*/
  display: inline-block;
}
#tth-main-menu > .menu-wrapper > ul > li {
  display: table-cell;
  float: none;
  height: 100%;
  vertical-align: middle;
}
#tth-main-menu > .menu-wrapper > ul a {
  color: #fff;
  padding: 10px 10px 10px 20px;
  display: block;
  text-transform: uppercase;
}
#tth-main-menu > .menu-wrapper > ul > li > ul > li > a {
  padding: 7px 10px 7px 15px;
  font-weight: 400;
  text-transform: inherit;
  font-size: 14px;
  color: #fff;
}
#tth-main-menu > .menu-wrapper > ul > li > a {
  font-size: 15px;
  margin: 0px 5px;
  padding: 4px 6px;
  position: static;
  text-align: center;
  white-space: normal;
  font-weight: normal;
}
#tth-main-menu > .menu-wrapper > ul > li > a {
  font-family: "Helvetica,Arial,sans-serif";
}
/* #tth-main-menu > .menu-wrapper > ul > li > a:before{ */
/* content:'';
    border-left: 1px solid #ffffff;
    border-right: 1px solid #d4d4d4;
    position:absolute;
    left:-1px;
    width:2px;
    top:13px;
    bottom:13px;*/
/* } */
#tth-main-menu > .menu-wrapper > ul > li:first-child > a:before {
  display: none;
}
#tth-main-menu > .menu-wrapper > ul > li > a > .sub-arrow {
  display: none;
}
#tth-main-menu > .menu-wrapper > ul a:hover,
#tth-main-menu > .menu-wrapper > ul a:focus,
#tth-main-menu > .menu-wrapper > ul a:active,
#tth-main-menu > .menu-wrapper > ul a.highlighted,
#tth-main-menu > .menu-wrapper > ul a.current {
  background: white;
  border-radius: 4px;
  color: #175809;
}
#tth-main-menu > .menu-wrapper > ul ul li a.highlighted,
#tth-main-menu > .menu-wrapper > ul ul li a.current {
  background: #58a828;
  border-radius: 0px;
  color: #ffffff;
}
#tth-main-menu > .menu-wrapper > ul ul a:hover {
  background: #58a828;
  border-radius: 0px;
  color: #ffffff;
}
#tth-main-menu > .menu-wrapper > ul ul {
  background: rgba(0, 0, 0, 0.83);
  min-width: 200px !important;
  display: none;
  -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
  z-index: 99;
  border: 0px;
  border-radius: 2px;
}
#tth-main-menu > .menu-wrapper > ul > li > ul {
  margin-top: 10px !important;
}
/* #tth-main-menu > .menu-wrapper > ul ul ul{
} */
#tth-main-menu > .menu-wrapper > ul > li > ul:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 15%;
  border: 5px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.68);
  border-top-color: rgba(0, 0, 0, 0.68);
}
#tth-main-menu > .menu-wrapper ul ul li a {
  font-size: 15px;
  color: #444444;
  font-weight: bold;
  -webkit-transition: all 0ms ease-out 0s;
  -moz-transition: all 0ms ease-out 0s;
  -o-transition: all 0ms ease-out 0s;
  transition: all 0ms ease-out 0s;
}
#tth-main-menu > .menu-wrapper > ul ul li:hover ul li a {
  color: #ececec;
}
#tth-main-menu > .menu-wrapper > ul ul li ul li a {
  padding: 7px 10px 7px 15px;
  font-weight: 400;
  text-transform: inherit;
  font-size: 14px;
  color: #d6d6d6;
}
#tth-main-menu > .menu-wrapper > ul ul li ul li:hover a {
  color: #fff;
}
/* -----------------------------Content---------------------------------*/
#main_slide .owl-stage-outer {
  height: auto !important;
}

/* -----------------------------Content---------------------------------*/

#container {
  padding: 10px 0px 20px;
  position: relative;
}
#tth-content {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;

  padding-right: 0px;
}
#tth-content img {
  max-width: 100%;
  height: auto !important;
}
/* -----------------------------Column------------------------------*/
#tth-column_left {
  display: block;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 17px;
}

#tth-column {
  display: block;
  float: right;
  width: 30%;
  min-height: 1px;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}
#tth-column .banner_item,
#tth-column .fb_iframe_widget {
  margin-bottom: 8px;
  position: relative;
}
#tth-column .banner_item > a {
  display: block;
}
#tth-column .banner_item > a > img {
  max-width: 100%;
}
#tth-column .banner_item object {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
#tth-column #column-right-bottom-ft {
  position: relative;
}
#tth-column #column-right-bottom {
  position: absolute;
  left: 0px;
  width: 100%;
  padding-left: 4px;
  padding-right: 4px;
}

/*--------------------fanpage_facebook---------------------*/
#fanpage_facebook {
  background: #ffffff;
  -webkit-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.75);
  box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.75);
}

/*---------------paginate---------------*/
.paginate {
  margin-right: 8px;
  margin-top: 3px;
  margin-bottom: 10px;
  float: right;
}
.paginate .pagetotal {
  background: #000000;
  display: none;
  padding: 0px 2px;
  color: #ffffff;
}
.paginate .pagelink,
.paginate .pagecur,
.paginate .btnPage {
  display: inline-block;
  color: #888888;
  height: 21px;
  line-height: 21px;
  min-width: 21px;
  text-align: center;
  padding: 0px 2px;
  margin: 0px 1px;
  border: 1px solid #909090;
  vertical-align: top;
  border-radius: 4px;
}
.paginate .btnPage i {
  display: inline-block;
  margin-top: 4px;
}
.paginate .pagecur {
  color: #fff;
  background: #4267b2;
  border-color: #4267b2;
}
.paginate .btnPage {
}
span.page_end {
  display: block;
  width: 8px;
  margin: 5px 4px;
  height: 9px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAJCAYAAAD+WDajAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZBMkIyOTY3NjVGMjExRTI5NTQ1QTJFMzYxODA0MDM1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZBMkIyOTY4NjVGMjExRTI5NTQ1QTJFMzYxODA0MDM1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkEyQjI5NjU2NUYyMTFFMjk1NDVBMkUzNjE4MDQwMzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkEyQjI5NjY2NUYyMTFFMjk1NDVBMkUzNjE4MDQwMzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6jMdhFAAAAOUlEQVR42mJkMBb/z8DAwMiACkBiDEzIHHTAhK4alySGAiYspv3HJ8mIS5IRl7GMuBzEiM0rAAEGAPp0Bltb+vVHAAAAAElFTkSuQmCC);
}
span.page_start {
  display: block;
  width: 8px;
  margin: 7px 4px;
  height: 9px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAJCAYAAAD+WDajAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAADhJREFUeNpiZDAW/88AAYwMqOA/EwN28J+BgYGBCZcENsn/yBwmXBLokoz4JDEUYHMQIz5JuALAAOZ0Blu/hfCbAAAAAElFTkSuQmCC);
}
/* ------------------------------------footer---------------------------------*/
.brand_scroll_ft {
  float: left;
  display: inline-block;
  width: 60%;
}
.brand_scroll {
  /*padding: 16px 0px;*/
  float: left;
  display: inline-block;
  width: 100%;
}
.brand_scroll_footer {
  padding: 25px 0px;
}
.brand_scroll_footer .follow {
  display: inline-block;
  margin-left: 30px;
}
.brand_scroll_footer .title {
  display: block;
  margin-bottom: 5px;
}
.brand_scroll_footer .dkbct {
  display: inline-block;
  float: left;
  margin-left: 30px;
}
footer {
  background: #fff;
  color: #444444;
  padding: 0px;
}
footer .footer-content {
  padding-top: 10px;
}
footer .footer-content .footer-col .banner_item p {
  line-height: 24px;
  padding: 0px;
  text-align: justify;
}
footer .footer-col {
  float: left;
  width: 65%;
}
footer .footer-col .title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #444444;
  margin-bottom: 10px;
}
.brand_scroll_ft .title {
  display: inline-block;
}
.box_group > .title {
  padding-bottom: 0px !important;
}
footer .info {
  padding-bottom: 15px;
}
footer .info h2 {
  font-size: 14px;
  text-transform: uppercase;
  padding: 5px 0px;
}
footer .footer-contact {
  width: 28%;
  float: left;
  color: #444;
}
footer .wrapper .banner_item {
  margin-left: 15px;
}
span.online {
  background-repeat: no-repeat;
  padding-left: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAflJREFUeNpi/P//PwM6aFkdpQikMoE4HIiZgXg9EE+vCV12DV0tI7oBdUuC5ZiYmB+aqzkxqEjqMDAyMjLcf3mD4fiN3Qx//v7Wa4pZexlZPRO6id+/fc/Uk7NkEOUTZHj8+hzDw1dnGPi5OBmMFO3AcujqWdAFvn7+ksDJzsxw+9lZuNirD08ZhHhlwXJAbhYhAxjuPr3E8J/xD4r4m4+vwXLEuGDBrfu3KgSFuVHEP777ApJbTIwB0+/evFchJMHLwCPACQxEoNjHHwxvnn9m+Pf373SCBpjZW5sBDTn+4ukzy3tXnjGAYklYTPS/qpb6SX4hQVD0XsAajZXz/PiBVLuChHqmvqIlg7SIIlzR////GJ68uc9w6f4Jhocvb4FckduetOkvigt+fP/ebqxul6mjZMDw9uMDhnN3LiFsAUJuTmEGS017BnZmzsxLd08wwGID7IKMbps0RSn1maY6lgxPXl9lwAfkxfQZDp7bw/Ds9YO4GaVHFoNd8P3rt0wVWQ2Gqw+OMBACl+4fYNBSMGC4++AaKFHBDdB9/PYqw5fv7xiIAf//XQPpMYCHATCJfnz86r4QExNR+hk+fPoE1gM3ABiA0x/dfVotLMXDwMjEiFfzv3//Gd49+wLWgxKN9tH8vdAszEnAAaD0PP3g0o9lIA5AgAEA1OPkeDeIXrEAAAAASUVORK5CYII=);
}
span.statistics {
  background-repeat: no-repeat;
  padding-left: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAn9JREFUeNqkU11IFFEYPfOz7uKi4roaOaYiRa20JNGCYIYtahT0EPgWBUEIklQUVvTcQxi9GRIqhNBTL9VDRBFEGalESgU+iKZpuu7P7M7sz6wzc+90d03dZXrrg8PHfBzOnHvudznLsvA/Jf5reHcsGGStz2lZp3y6WeLXjUX2PcUw5rs+OVHI5Qod3BntkFgbaKiVrgUDZ1BVVg9N9UAq81pGMmyFP41lkz8/DzHO/eYbU/EigdsjJ1pEUZg53d6FQ1IbdJ3CJBSKIsJf6QIEN/NbDmXxq7H6ejBrUbPp8MB0lN/+O7VI39mT3aj3+hBNbEDNRJDZjCGlyYD6A1BmWf+GiroGh9R51UUJHdjJ4Obj1q4Djft6K901kNVQUR5JzQHwf2c8o2shVEgHHW7J3z977+jzvAChZl9zUyNkZd0WqJJmFC68O+Aj4AwNe44ES5SFmct5AUrJcY6jyBqyTSCZ4YsFcrWpwVXeIlCDtolXhvwCz3HV2mYChIVmc5BhIVvR4qGgQhCrOWJSL/+o/zsxiaGo6ShzkLCBFxW8S5jMSnQX6gZIfM2iBonnb4FYZCKqxKCbqg2BgANfnAJepZiTdHwLmTSUkGwyBx/4rQzM4ZVQHDpJ2bD0awWtARemSx14keaAVBIwOKwvhg2WwfjOIl162PCseX9pj9fjsOUgCDzq6qrw5v1vHIvE0c7VG3Nz8pOOkYXegkUyh+cWkojIuk0gF+7qagzdbNM/lrkxNR/TqUlHbW/hwoO9+UdU7XH21Na44KkoAcdc5yiyomMtnEXpkjHZsSxe7BxfnrcJbNf5wZpzrPUydOVOkDPB8JZh+Omt8MtC7h8BBgAHmFRRNSrLMQAAAABJRU5ErkJggg==);
}
footer .footer-news {
  width: 24%;
}
footer .footer-news > ul li,
footer .footer-contact > ul li,
footer .footer-product > ul li {
  line-height: 24px;
}
footer .footer-contact > ul li a,
footer .footer-product > ul li a {
  position: relative;
  display: inline-block;
  /*padding-left: 18px;*/
  position: relative;
}
/* footer .footer-contact > ul li a:before,
footer .footer-product > ul li a:before{ */
/*    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0px;
    top: 9px;
    background: #08651e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;*/
/* } */

footer .footer-news .item {
  background: #f3f3f3;
  margin-bottom: 7px;
  padding: 10px 18px;
  position: relative;
  min-height: 90px;
}
footer .footer-news .item:before {
  content: "";
  display: block;
  position: absolute;
  left: 90px;
  top: 10px;
  bottom: 10px;
  width: 1px;
  background: #999999;
}
footer .footer-news .item > .date {
  position: absolute;
}
footer .footer-news .item > .date > .day {
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
}
footer .footer-news .item > .info {
  margin-left: 90px;
}
footer .footer-news .item > .info > h3 > a {
  display: block;
  font-size: 15px;
  color: #08651e;
  line-height: 18px;
  max-height: 36px;
  overflow: hidden;
}
footer .footer-news .item > .info > h3 > a:hover {
  color: #444;
}
footer .footer-news .item > .info > .short {
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
  margin-top: 3px;
}

footer .solo-item {
  float: left;
  display: block;
  text-align: center;
  margin-right: 8px;
}
footer .solo-item > i {
  display: block;
  font-size: 18px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  width: 32px;
  color: #fff;
  background: #08651e;
  border: 1px solid #08651e;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition: all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
footer .solo-item > i.ficon-facebook {
  background: #1667e1;
  border-color: #1667e1;
}
footer .solo-item > i.ficon-gplus {
  background: #d91a00;
  border-color: #d91a00;
}
footer .solo-item > i.ficon-youtube {
  background: #b00000;
  border-color: #b00000;
}
footer .solo-item > i.ficon-twitter {
  background: #00a0ce;
  border-color: #00a0ce;
}
footer .solo-item:hover > i {
  color: #ed3237;
  background: #fff;
  border: 1px solid #ed3237;
}
footer .solo-item > i:before {
  padding-top: 3px;
}
footer {
  border-top: none;
  background-color: #fff;
}
#bottom {
  color: #444;
  position: relative;
  padding: 10px 0px;
  border-top: 1px #ececec solid;
  border-bottom: 1px #ececec solid;
}
#bottom .copyright {
  text-align: center;
  color: #737373;
  text-transform: uppercase;
  font-size: 13px;
}
/* #bottom .copyright a{ */
/*color:#ffffff;*/
/* } */
#bottom .copyright a:hover {
  text-decoration: underline;
}

#tth-scrollup {
  background: #3994b9;
  color: #fff;
  position: fixed;
  right: 10px;
  bottom: 50px;
  padding: 10px;
  font-size: 30px;
}

/* ------------------------------------scroll---------------------------------*/
#tth-scroll_left {
  position: absolute;
  width: 154px;
  z-index: 100;
  top: 120px;
  left: 12px;
  overflow: hidden;
}
#tth-scroll_right {
  position: absolute;
  width: 154px;
  z-index: 100;
  top: 120px;
  right: 0px;
  overflow: hidden;
}
.class_top {
  top: 536px !important;
}
.fr {
  float: right !important;
}
.menu-header-top ul li {
  float: left;
  padding: 0px 7px;
  font-weight: normal;
  font-size: 14px;
}
#top_banner {
  padding: 0;
  margin: 0;
}
#top_banner li {
  width: 100%;
}
#top_banner li img:nth-child(1) {
  float: left;
  width: 20% !important;
}
#top_banner li img:nth-child(2) {
  float: left;
  width: 80% !important;
}
.header_bottom {
  padding: 0px;
  height: 110px;
  overflow: hidden;
}
.menu-header-top ul li a {
  color: #9b9b9b;
}
.menu-header-top ul li a.current {
  color: #ed3237;
}
.menu-header-top ul li a:hover {
  color: #ed3237;
}

/*product_item ===============================================================*/
.product_item .image {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  height: 0px;
}
.product_item .image img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product_item {
  /*border: 1px solid #e7e7e7;*/
  /*background: #fff;*/
  position: relative;
}
/*.product_item:after{
   content: '';
   position: absolute;
   left: -1px;
   right: -1px;
   bottom: -3px;
   height: 3px;
   background: #d2d2d2;
   }*/
.product_item .img {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.product_item .img a:first-child,
.product_item .img img {
  display: block;
  width: 100%;
}
.product_item .img:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: 50%;
  right: 50%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition: all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 300ms ease-out 0s;
  z-index: 1;
}
.product_item .img:hover:before {
  top: 0%;
  left: 0%;
  bottom: 0%;
  right: 0%;
}
.product_item .img .ficon-zoom-in,
.product_item .img .ficon-cart-plus {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  height: 34px;
  line-height: 34px;
  width: 37px;
  border: 1px solid #ffffff;
  color: #fff;
  background: none;
  font-size: 22px;
  cursor: pointer;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition: all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 300ms ease-out 0s;
  z-index: 2;
}
.product_item .img .ficon-zoom-in:hover,
.product_item .img .ficon-cart-plus:hover {
  background: #fff;
  color: #000;
}
.product_item .img .ficon-zoom-in {
  right: 100%;
  margin-right: 6px;
}
.product_item .img .ficon-cart-plus {
  left: 100%;
  margin-left: 6px;
}
.product_item .img:hover .ficon-zoom-in {
  right: 50%;
}
.product_item .img:hover .ficon-cart-plus {
  left: 50%;
}
.product_item .img .ficon-cart-plus:before {
  margin-left: 0px;
}
.product_item .info {
  padding: 0px 10px 8px;
  text-align: center;
}
.product_item .info .rate span {
  color: red;
  float: left;
  margin-top: -1px;
  margin-left: 4px;
}
.product_item .info .info-title {
  display: block;
  height: 40px;
  overflow: hidden;
  margin: 5px 0px;
  text-align: left;
}
.product_item .info h3 {
  display: inline-block;
  height: 100%;
  width: 100%;
  font-weight: normal;
  font-family: "tahoma";
  font-size: 14px;
}
.product_item .info h3 a {
  line-height: 20px;
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}
.product_item .info .price {
  text-align: left;
  font-size: 14px;
  color: #525252;
  text-decoration: line-through;
}
.product_item .info .price_buy {
  font-size: 15px;
  font-weight: bold;
  color: #dd2222;
  text-align: left;
}

/*--------------------------------------------*/
.list_item_product {
}
.list_item_product .row_item {
  margin-left: -8px;
  margin-right: -8px;
}
.list_item_product .col_item {
  float: left;
  padding: 10px 8px;
  width: 100%;
  position: relative;
}
.list_item_product .row_empty {
  text-align: center;
}

.star_img {
  max-width: 16px;
  float: left;
  margin-right: 2px;
}
.list_item_product .col_item .on-ribbon {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  width: 59px;
  height: 59px;
  text-align: center;
  display: none;
}
.col_item .on-ribbon span {
  display: inline-block;
  width: auto;
  color: #fff;
  -webkit-transform: rotate(317deg);
  -moz-transform: rotate(317deg);
  -o-transform: rotate(317deg);
  writing-mode: lr-tb;
  font-weight: bold;
  font-size: 13px;
  margin-top: 8px;
  margin-left: -19px;
}
.product_scroll .col_item .on-ribbon span {
  display: inline-block;
  width: auto;
  color: #fff;
  -webkit-transform: rotate(314deg);
  -moz-transform: rotate(314deg);
  -o-transform: rotate(314deg);
  writing-mode: lr-tb;
  font-weight: bold;
  font-size: 13px;
  margin-top: 11px;
  margin-left: -25px;
}
.on-ribbon.sale {
  display: block !important;
  background: url("../images/sale.png");
}

.news_focus .row_first {
  display: inline-block;
  width: 38%;
  vertical-align: top;
}
.news_focus .row_first .img {
}
.news_focus-row .info h3 {
  font-size: 15px;
  font-weight: normal;
  border-bottom: 1px #ececec solid;
  padding: 5px 0px;
}
.news_focus-row:last-child .info h3 {
  border-bottom: 0px;
}
.news_focus-row .info h3 a {
  color: #666;
}
.news_focus-row .info h3 a:hover {
  color: #ed3237;
}
.news_focus-row.row_first .info h3 {
  border: 0px;
}
.news_focus .row_first h3 a {
  font-weight: normal;
  font-size: 20px;
  color: #ed3237;
  line-height: 25px;
}
.news_focus .row_first h3 {
  margin: 5px 0px 5px 0px;
  height: 55px;
  overflow: hidden;
}
.news_focus .row_first .short {
  font-family: tahoma;
  font-size: 13px;
}
.news_right {
  display: inline-block;
  width: 23%;
  border: 1px #e1e1e1 solid;
  padding: 15px;
}
.news_focus {
  margin-left: 17px;
  margin-right: 17px;
}
.title_new_focus {
  position: relative;
  text-align: left;
  overflow: hidden;
  font-weight: normal;
  border-bottom: 2px #ececec solid;
  max-height: 40px;
  margin-bottom: 20px;
}
.title_new_focus span {
  font-size: 22px;
  line-height: 40px;
  font-weight: normal;
  color: #ffffff;
  display: inline-block;
  position: relative;
  background: #888888;
  padding: 0px 10px;
}
.resgister_email {
  background: #1f4f03;
  height: 68px;
  line-height: 68px;
}
.title_register {
  font-weight: bold;
  color: #fff;
  font-size: 16px;
  padding-top: 10px;
  display: inline-block;
}
.title_register span {
  display: block;
  color: #fff;
  font-weight: normal;
  font-size: 15px;
}
#form_res_email {
  margin-top: 17px;
  position: relative;
}
#form_res_email .email {
  height: 34px;
  width: 370px;
  padding: 0px 10px;
  outline: none;
  border: 0px;
  padding-right: 105px;
}
#form_res_email .btn_search {
  width: 94px;
  background: #ed3237;
  border: 0px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  padding: 5px 0px 5px 0px;
  margin-left: 2px;
  cursor: pointer;
  display: inline-block;
  /* margin-top: 8px; */
  position: absolute;
  right: 0;
  top: 0;
}
.owl-product {
  margin-right: 17px;
  margin-left: 17px;
  margin-bottom: 40px;
}
#form_res_email .btn_search:hover {
  background: red;
}
.owl-product .box_item {
  display: inline-block;
  width: 31%;
  vertical-align: top;
}
.owl-product .box_item .product_item .image {
  margin: 15px 50px;
  padding: 100px;
}
.owl-product .box_item:nth-child(2) {
  margin: 0px 30px;
}
.owl-product .box_item .product_item .name {
  text-transform: uppercase;
  font-size: 17px;
  color: #444444;
  font-weight: bold;
  margin: 15px 0px 0px;
  max-height: 44px;
  line-height: 22px;
  overflow: hidden;
}
.owl-product .box_item .product_item .buy {
  color: #e22525;
  font-weight: bold;
  font-size: 15px;
}
.owl-product .box_item .product_item .buy:hover {
  color: red;
}
.owl-product .box_item .product_item .short {
  font-family: tahoma;
  font-size: 14px;
  color: #777777;
}
.owl-product .box_item .title {
  background: #888;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 12px;
  height: auto !important;
  padding: 1px 10px;
}
.owl-product .box_item .title .bg_sale {
  font-size: 13px;
  margin: 5px 0px;
  padding-left: 5px;
  margin-left: -10px;
  padding-top: 4px;
  width: 47px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  background: url("../images/bg_sale.png");
}

.float-divider {
  clear: both;
  display: block;
  height: 5px;
  font-size: 1px;
  line-height: 1px;
}
.menu {
  float: left;
  padding: 50px 0 0 50px;
}
.menuTitle {
  float: left;
  border: solid 1px #c9d0d8;
  background-color: #f1f5f8;
  padding: 3px;
  cursor: pointer;
  width: 150px;
}
.menuImgClose {
  float: left;
  background: url("../Images/close_bt.png") right no-repeat;
  cursor: pointer;
  width: 30px;
  height: 25px;
}
.menuIconOpen {
  background: url("../Images/open_bt.png") right no-repeat;
}
.menuContent {
  float: left;
  padding: 3px;
  display: none;
}
.arrow-r {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #444;
  margin-bottom: 1%;
  margin-right: 7px;
  margin-left: 3px;
  display: inline-block;
}

.arrow-d {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #444;
  margin-bottom: 6px;
  margin-right: 5px;
  display: inline-block;
}

.collapse-container > :nth-child(odd) {
  padding: 5px;
  background-color: gray;
  background-image: linear-gradient(bottom, gray 14%, #969696 70%);
  background-image: -o-linear-gradient(bottom, gray 14%, #969696 70%);
  background-image: -moz-linear-gradient(bottom, gray 14%, #969696 70%);
  background-image: -webkit-linear-gradient(bottom, gray 14%, #969696 70%);
  background-image: -ms-linear-gradient(bottom, gray 14%, #969696 70%);
  border: 1px solid black;
  margin: auto;
}
.collapse-container > :nth-child(even) {
  background-color: white;
  display: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid black;
}
.collapse-container > :nth-child(even) p {
  padding: 0px 5px;
}

.collapse-container > :nth-child(odd):hover {
  cursor: pointer;
  -moz-user-select: none; /* mozilla browsers */
  -khtml-user-select: none; /* webkit browsers */
}
.form_add_cart {
  height: 0px;
  display: inline;
}
.btn_custom {
  color: #fff;
  padding: 8px 16px;
  border: 1px solid #65a71f;
  outline-color: #ccc;
  background: #6baf22;
  background: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#6baf22),
    to(#196e31)
  );
  background: -webkit-linear-gradient(#6baf22, #196e31);
  background: -moz-linear-gradient(#6baf22, #196e31);
  background: -ms-linear-gradient(#6baf22, #196e31);
  background: -o-linear-gradient(#6baf22, #196e31);
  background: linear-gradient(#6baf22, #196e31);
  -webkit-transistion: all 0.5s linear;
  -moz-transistion: all 0.5s linear;
  -ms-transistion: all 0.5s linear;
  -o-transistion: all 0.5s linear;
  transistion: all 0.5s linear;
  margin-right: 5px;
  outline: none;
  border-radius: 0px;
  text-transform: uppercase;
  border: 1px #67a920 solid;
}
.btn_custom_1 {
  color: #fff;
  padding: 8px 12px;
  border: 1px solid #cd1233;
  outline-color: #ccc;
  background: #ed3237;
  background: -webkit-gradient(
    linear,
    0 0,
    0 bottom,
    from(#ed3237),
    to(#ed3237)
  );
  background: -webkit-linear-gradient(#ed3237, #b3161a);
  background: -moz-linear-gradient(#ed3237, #b3161a);
  background: -ms-linear-gradient(#ed3237, #b3161a);
  background: -o-linear-gradient(#ed3237, #b3161a);
  background: linear-gradient(#ed3237, #b3161a);
  -webkit-transistion: all 0.5s linear;
  -moz-transistion: all 0.5s linear;
  -ms-transistion: all 0.5s linear;
  -o-transistion: all 0.5s linear;
  transistion: all 0.5s linear;
  margin-right: 5px;
}
.btn_custom:hover {
  background: #73a240;
  color: #fff;
}
.btn_custom_1:hover {
  background: #e54d42;
  color: #fff;
}

#form_signin .row_btn {
  display: inline-block;
  float: left;
  margin-right: 15px;
}
.waring_panel {
  margin-bottom: 10px;
  border: 1px #ef5e09 solid;
  padding: 4px 9px;
  border-radius: 2px;
}
.skip_login_btn {
  margin-top: 10px;
  border-radius: 2px;
  border: 1px #d6d6d6 solid;
  padding: 3px 10px;
  cursor: pointer;
  outline: none;
  background: #dddddd;
}
.skip_login_btn:hover {
  background: #ecebeb;
}
.icon-cancel {
  background: url(../images/close-x.png);
  height: 15px;
  width: 15px;
  display: inline-block;
}

/*NEWS*/
.full.news #tth-content {
  width: 72%;
}
.full.news #tth-column {
  width: 25%;
}
#group-detail {
  padding: 0px 0px 15px;
  margin-bottom: 28px;
}
.news_content .box_menu_product ul li {
  float: left;
  width: auto;
}
.news_content .box_menu_product ul li a > div:before {
  content: "";
}
.news_content .box_menu {
  font-size: 14px;
  background: #f1f2f2;
  line-height: 25px;
  position: relative;
}
.news_content .box_menu_product ul li a {
  font-weight: bold;
  color: #404041;
  text-transform: inherit;
}

.news_content .box_menu_product li a > div {
  padding-left: 0;
}
.news_content .box_menu li a:hover,
.news_content .box_menu li a.current {
  color: #ed3237 !important;
}
.news_content .box_menu li a:before {
  background: none;
}
#user_forgot_pass .row_btn {
  margin-top: 10px;
}
#form_change_pass {
  margin-top: 10px;
}
#BactoTop {
    background: rgba(232, 98, 86, 0) url(../images/backtotop.png) no-repeat center 50% !important;
    z-index: 400;
    display: block;
    position: fixed;
    bottom: 90px;
    right: 34px;
    height: 40px !important;
    width: 40px !important;
    text-indent: -99999px;
    cursor: pointer;
    margin: 0px;
}
.box_check {
  display: inline-block;
  float: left;
  position: relative;
}
.check_order {
  display: inline-block;
  float: left;
  margin-left: 42px;
  background-color: #f7f7f7;
  padding: 2px 8px;
  font-size: 12px;
  cursor: pointer;
  outline: none;
}
.panel_check {
  display: inline-block;
  position: absolute;
  width: 200px;
  background: #fff;
  z-index: 99;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
  padding: 10px 15px;
  top: 25px;
  left: 42px;
  border-radius: 2px;
  display: none;
}
#check_order .text_input {
  border: 1px #ccc solid;
  margin: 5px 0px;
  padding: 4px 5px;
  font-size: 13px;
  border-radius: 2px;
  width: 100%;
  outline: none;
}
#check_order_xs .text_input {
  border: 1px #ccc solid;
  margin: 5px 0px;
  padding: 4px 5px;
  font-size: 13px;
  border-radius: 2px;
  width: 100%;
  outline: none;
}
.btn-check {
  width: 100%;
  padding: 3px 10px;
  margin-top: 5px;
  background: #ed3237;
  border: 1px #ed3237 solid;
  color: #fff;
  font-size: 14px;
  outline: none;
  cursor: pointer;
}
.btn-check:hover {
  background: #ec1319;
}

.danhgia-sp {
  height: 30px;
  line-height: 30px;
}
.danhgia-sp .raty {
  display: inline-block;
  vertical-align: 2%;
}
.captcha {
  line-height: 30px;
}
.captcha input {
  max-width: 150px;
  display: inline-block;
  margin-left: 10px;
  color: #404041;
}
.captcha span {
  display: inline-block;
  background-color: #6d6e71;
  background-image: -webkit-linear-gradient(
      45deg,
      black 25%,
      transparent 25%,
      transparent 75%,
      black 75%,
      black
    ),
    -webkit-linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black
          75%, black);
  background-image: linear-gradient(
      45deg,
      black 25%,
      transparent 25%,
      transparent 75%,
      black 75%,
      black
    ),
    linear-gradient(
      45deg,
      black 25%,
      transparent 25%,
      transparent 75%,
      black 75%,
      black
    );
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
  padding: 0 15px;
  color: #fff;
  font-size: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 #969696;
  position: relative;
  top: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.comments-filter {
  margin: 30px 0 20px;
  border-bottom: 1px solid #e2e3e4;
}
.comments-filter button {
  background: none;
  box-shadow: none;
  border: none;
}
.comment {
  min-height: 20px;
  padding-right: 50px;
}
.rating-scores {
  position: absolute;
  top: 0;
  right: 0px;
}
.rating-scores i {
  margin-right: 15px;
  float: left;
}
#tab-comment_rate {
  margin-top: 15px;
}
#tab-comment_rate .media-body {
  position: relative;
}
#tab-comment_rate .admin-name {
  font-weight: bold;
  color: #e81c24;
}
#tab-comment_rate .media {
  border-bottom: 1px solid #e2e3e4;
  padding-bottom: 25px;
  margin-bottom: 5px;
}
#tab-comment_rate .media .media {
  background: #f9f9f9;
  padding: 10px 5px;
  border-radius: 5px;
  position: relative;
  overflow: visible;
}
#tab-comment_rate .media .media:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 30px;
  right: auto;
  top: -14px;
  border: 7px solid;
  border-color: transparent #f6f7f7 #f9f9f9 transparent;
}
.small-star img {
  margin-top: 2px;
  display: block;
  float: left;
}
.comment-meta > div {
  padding-right: 15px;
}
.comment-meta > div a {
  font-size: 12px;
  color: #1f5ecc;
}
.comment-meta > div a:hover {
  color: #184aa0;
}
.comment-meta > div .alert {
  color: #e81c24;
  display: none;
}
.comment-meta > div .alert:hover {
  color: #be131a;
}
.comment-meta:hover .alert {
  display: block;
}
.sub-comment-input {
  border: 1px solid #e2e3e4;
  padding: 5px 10px;
  margin-top: 15px;
  max-width: 700px;
  display: none;
}
.comments-loadmore {
  text-align: center;
  margin: 20px 0;
}
.comments-sub-loadmore {
  background: #f1f2f2;
  padding: 5px 5px;
  border-radius: 5px;
  border-bottom: 1px solid #e2e3e4;
  margin-bottom: 5px;
}
.comments-sub-loadmore a {
  display: block;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
#tab-comment_rate .media .input {
  padding: 5px 12px;
  height: 32px;
  font-size: 12px;
  border-radius: 3px;
  display: block;
  border: 1px solid #e2e3e4;
  width: 100%;
  outline: none;
}
#list_comment .media-left,
#list_comment .media > .pull-left {
  padding-right: 10px;
  display: inline-block;
  float: left;
  vertical-align: bottom;
}
#list_comment .media-body p:first-child {
  padding: 0px;
}
#list_comment .media-body p.comment {
  font-size: 13px;
  color: #666;
}
#list_comment .div_more {
  margin-top: 10px;
}
#list_comment i.date.small {
  font-size: 12px;
}
#list_comment .media {
  padding: 5px 0px;
  border-bottom: 1px #efefef dotted;
}
#tab-comment_rate .media input.input:-moz-read-only {
  /* For Firefox */
  background-color: #e1e6e9;
}

#tab-comment_rate .media input.input:read-only {
  background-color: #e1e6e9;
}

.media-body {
  width: 10000px;
}
#tab-comment_rate .media textarea.input {
  height: 120px;
  max-height: 250px;
  resize: vertical;
  font-family: arial;
  outline: none;
}
.tg-line-form {
  margin-bottom: 14px;
}
.button {
  display: inline-block;
  padding: 5px 14px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  background: #f1f2f2;
  color: #404041;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: none;
  border-radius: 0;
}
.button-blue {
  background: #898989;
  color: #fff;
}
.button-blue:hover {
  background: red;
  color: #fff;
}
#rate_select {
  height: 30px;
  border-radius: 3px;
  padding: 0px 5px;
  border: 1px #e2e3e4 solid;
}
.captcha .captcha-group {
  display: inline-block;
  vertical-align: bottom;
}

.btn_loadmore {
  color: #ed3237;
  cursor: pointer;
  outline: none;
  display: inline-block;
}
.btn_loadmore:hover {
  text-decoration: underline;
}
.list_comment img.star_img {
  width: 12px;
  height: 12px;
}
.list_comment .comment {
  padding-right: 0px;
}

.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-social {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fb_gg .btn-social {
  padding-left: 5px;
  border-bottom: 2px rgba(0, 0, 0, 0.18) solid;
  border-radius: 1px;
}
.fb_gg .btn_c {
  padding: 6px 10px 5px 10px;
  margin: 8px 0px;
  font-size: 12px;
  border-radius: 34px;
  color: white;
  display: block;
}
.fb_gg .btn-social span {
  padding: 0px;
}
.btn-google:hover {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2);
}
.fb_gg {
  display: inline-block;
  margin-top: 5px;
}
.btn-google {
  color: #fff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-block + .btn-block {
  margin-top: 10px;
}
.btn-facebook:hover {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2);
}
.btn-social span {
  padding-right: 5px;
}
.none {
  display: none;
}
.slogan_xs {
  display: none;
}
.view_no_product .image img {
  max-width: 100%;
}
.check_btn_xs {
  display: none;
}
.full.signin,
.full.signup {
  background: #e9ebee;
}
#form_signin .row_btn {
  width: 100%;
}
.fixed {
  position: fixed !important;
  top: 75px !important;
  z-index: 999 !important;
}
.near_footer {
  position: absolute !important;
}

.method_shipping {
  display: inline-block;
  float: left;
  width: 65%;
}
#main_slide .owl-nav .owl-next .angle-right {
  right: 20px;
  position: absolute;
  top: 40%;
  width: 30px;
  height: 58px;
  background: url("../images/right_main.png") no-repeat;
}
#main_slide .owl-nav .owl-prev .angle-left {
  left: 30px;
  position: absolute;
  top: 40%;
  width: 30px;
  height: 58px;
  background: url("../images/left_main.png") no-repeat;
}
footer {
  border-top: none;
}
.ads-home {
  display: block;
  padding: 20px 17px;
}
.ads-home .banner_item {
  margin-bottom: 15px;
}
.ads-home .banner_item img {
  max-width: 100%;
}
/*----------------------------------------fixed_menu*/
.fixed_menu {
  position: fixed;
  top: 0px;
  background: #fff;
  z-index: 999;
  width: 100%;
  left: 0;
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: 0 -5px 10px #333;
  -moz-box-shadow: 0 -5px 10px #333;
  box-shadow: 0 -5px 10px #333;
  min-height: auto;
  height: 50px;
}
header.fixed_menu .logo img {
  max-width: 115px;
}
.fixed_menu .slogan {
  display: none;
}
header.fixed_menu .logo {
  top: 15px;
  left: 50px;
}
.header-menu-big {
  height: 34px;
  display: block;
  line-height: 34px;
  width: 100%;
  border: 1px #fff solid;
  cursor: pointer;
  background: #ed3237;
  border-radius: 2px;
  left: 0px;
  top: 0px;
}
.header-menu-big:before,
.header-menu-big:after {
  content: "";
}
.header-menu-big:before,
.header-menu-big:after,
.header-menu-big > span {
  position: absolute;
  display: block;
  height: 2px;
  width: 23px;
  left: 7px;
  background: #fff;
  margin-top: -1px;
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition: all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.header-menu-big:after {
  top: 75%;
}
.header-menu-big > span {
  top: 50%;
}
.header-menu-big:before {
  top: 25%;
}
header.fixed_menu #tth-main-menu > .menu-wrapper > ul > li > a:before {
  border: 0px;
}

header.fixed_menu #tth-main-menu > .menu-wrapper > ul > li.last {
  display: none;
}
header.fixed_menu .box_search {
  margin-top: -2px;
}
header.fixed_menu .header-tool .header_cart {
  margin-top: 3px;
}
header.fixed_menu .box_check.none {
  display: block;
  margin-top: 4px;
  float: right;
  margin-right: 30px;
  width: auto;
  background: none;
  padding: 0px;
}
header.fixed_menu #tth-main-menu > .menu-wrapper > ul > li > ul {
  left: 30px !important;
}
header.fixed_menu #tth-main-menu > .menu-wrapper > ul > li > ul:before {
  left: 10px;
  right: auto !important;
}
header.fixed_menu #tth-main-menu > .menu-wrapper > ul a,
header.fixed_menu #tth-main-menu > .menu-wrapper > ul a:focus,
header.fixed_menu #tth-main-menu > .menu-wrapper > ul a:active,
header.fixed_menu #tth-main-menu > .menu-wrapper > ul a.highlighted,
header.fixed_menu #tth-main-menu > .menu-wrapper > ul a.current {
  border-bottom: 0px;
}
header.fixed_menu #tth-main-menu > .menu-wrapper > ul > li.first > a {
  width: 40px;
  margin-left: 30px;
  margin-top: -4px;
  margin-top: -4px;
}
header.fixed_menu #tth-main-menu {
  margin-left: -45px;
  padding: 0px;
}
.news_scroll {
  display: inline-block;
  width: 69%;
  background: #888888;
  padding: 25px;
  position: relative;
  margin-top: 7px;
  min-height: 253px;
  max-height: 253px;
}
.news_scroll_content {
}
.news_scroll > .title {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  border-bottom: 1px #fff solid;
  display: inline-block;
  position: absolute;
  width: 47%;
  height: 44px;
  padding-left: 88px;
  top: 8px;
  padding-top: 10px;
  background: url("../images/hotdeal.png") no-repeat 0px 0px;
}
.ads-home-right .banner_item {
  display: inline-block;
  margin: 0px;
  vertical-align: top;
  text-align: right;
  max-height: 267px;
  float: right;
  overflow: hidden;
}
.news_scroll .info {
  padding-top: 45px;
  display: inline-block;
  float: left;
  width: 55%;
  padding-right: 30px;
}
.news_scroll .image {
  display: inline-block;
  float: left;
  width: 45%;
}
.news_scroll .image img {
  max-width: 100%;
  border-radius: 2px;
}
.news_scroll .info .title {
  font-weight: bold;
  font-size: 17px;
  color: #f9f9f9;
}
.news_scroll .info .short {
  color: #f9f9f9;
  margin-top: 10px;
}
.view_now {
  background: #ed3237;
  display: inline-block;
  padding: 6px 14px;
  margin-top: 15px;
}
.view_now a {
  font-weight: bold;
  color: #fff;
}
.view_now:hover {
  background: red;
}
#tabs img {
  max-width: 100%;
  height: auto;
}
.flag_vi {
  width: 24px;
  height: 18px;
  display: inline-block;
  background: yellow url("../images/flag_vi.png") no-repeat;
}
.flag_en {
  width: 24px;
  height: 18px;
  display: inline-block;
  background: red url("../images/flag_en.png") no-repeat;
}
#box_lang ul li {
  list-style: none;
  display: inline-block;
  float: left;
  margin: 0px 5px;
}
#box_lang {
  display: inline-block;
  float: right;
  margin-right: 0px;
  margin-top: 3px;
}
#box_lang ul {
  padding: 0px;
  margin: 0px;
}
#tth-main-menu #box_lang {
  display: none;
}
.banner_footer {
  width: 100%;
  text-align: center;
  position: fixed;
  bottom: 0px;
  z-index: 999;
}
.banner_footer .banner_item a {
  background: #fff;
}
.close_banner {
  float: right;
  background: #ed3237;
  color: #fff;
  padding: 2px;
  opacity: 0.8;
  cursor: pointer;
  margin-bottom: -25px;
  display: inline-block;
  position: relative;
  z-index: 99;
}
.close_banner:hover {
  opacity: 1;
}
.owl-theme .owl-dots {
  margin-top: -6px;
  position: relative;
  z-index: 99;
  padding: 4px 0px;
}
.guide_btn {
  cursor: pointer;
  margin-top: -10px;
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  color: #1f5eb9;
  text-decoration: underline;
}
footer .menu_footer {
  display: block;
  width: 100%;
}
footer .menu_footer ul li a {
  display: inline-block;
  color: #fff;
  float: left;
  padding: 0px 12px;
  font-size: 14px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  line-height: 15px;
}
footer .menu_footer ul li a:hover {
  color: yellow;
}

footer .menu_footer .online {
  display: inline-block;
  color: #fff;
  float: left;
  text-transform: initial;
  font-size: 13px;
  float: right;
  margin-top: 8px;
  margin-right: 10px;
}
.box_group {
  margin-bottom: 0px;
}
.box_group .group_box_l {
  display: inline-block;
  width: 72%;
  float: left;
  margin-right: 1%;
  border-radius: 4px;

  margin-top: 0px;
}
.box_group .group_box_l2 {
  display: inline-block;
  width: 100%;
  margin-top: -6px;
  float: left;
  padding-right: 16px;
}
.box_group .group_box_r {
  display: inline-block;
  width: 27%;
}
.box_group .group_box_l .box_item.first {
  display: inline-block;
  float: left;
  width: 100%;
  min-height: 375px;
}
.box_group .group_box_l .box_item.first .title_item a {
  font-size: 18px;
  margin-top: 10px;
  display: block;
  color: #004080;
  font-weight: bold;
  padding-left: 0px;
}
.box_group .group_box_l .box_item.first .title_item a:hover {
  color: #007acc;
}
.box_group .group_box_l .box_item.first .short {
  margin: 4px 0px;
  margin-bottom: 2px;
  text-align: justify;
}
.box_group .group_box_l .box_item.first .date {
  color: #777;
  font-style: italic;
  margin-top: 5px;
  font-size: 13px;
}
.box_group .group_box_l .box_item {
  padding: 5px 0px;
  border-bottom: 1px dashed #d1d1d1;
  display: inline-block;
  width: 98%;
  margin-left: 1%;
}
.box_group .group_box_l .box_item:nth-child(2) {
  padding-top: 0px;
}
.box_group .group_box_l .box_item.first {
  padding: 0;
  border: 0px;
  margin: 0px;
}
/*   .title_item_hot::before {
   	content: '';
   	width: 3px;
   	height: 3px;
   	background: #999;
   	position: absolute;
   	left: 0px;
   	top: 8px;
   }*/
.title_item_hot {
  position: relative;
  padding-left: 8px;
  text-align: justify;
}

img.item_img {
  float: left;
  margin-right: 5px;
}
.box_group .group_box_l .box_item.first .title_item:before {
  background: no-repeat;
  display: none;
}
.box_group .group_box_l .box_item .title_item a {
  padding-left: 0px;
  display: block;
  color: #000;
}

.box_group > .title {
  position: relative;
  overflow: hidden;
  font-size: 14px;
  font-family: arial;
  text-transform: uppercase;
  padding: 1px 15px;
  font-weight: bold;
  color: #fff;
  background: rgba(0, 0, 0, 0) url("../images/bar.png") no-repeat scroll left
    center;
  padding-left: 19px;
}
.home_hoidap_title {
  position: relative;
  overflow: hidden;
  font-size: 14px;
  font-family: arial;
  text-transform: uppercase;
  padding: 3px 15px;
  margin: 0px;
  font-weight: bold;
  color: #fff;
  background: rgba(0, 0, 0, 0) url("../images/bar.png") no-repeat scroll left
    center;
  padding-left: 19px;
  min-height: 28px;
}
.home_hoidap_title a {
  color: #fff;
  padding-left: 10px;
}
.home_hoidap_title a:hover {
  color: #fff !important;
  text-decoration: underline;
}
.home_hoidap_title:before {
  content: "";
  background: #007acc;
  position: absolute;
  display: inline-block;
  width: 2px;
  left: 0px;
  top: 2px;
  height: 20px;
}
.box_group > .title a {
  color: #004080;
}
.box_group > .title:before {
  content: "";
  background: #007acc;
  position: absolute;
  display: inline-block;
  width: 2px;
  left: 0px;
  top: 2px;
  height: 24px;
}
.box_group .title .line {
  bottom: 0;
  height: 5px;
  margin-bottom: auto;
  margin-left: 193px;
  margin-top: 34px;
  position: absolute;
  top: 0;
  /*background: url(../images/dot.png) repeat-x;*/
  width: 100%;
}
.box_group .box_green {
  display: block;
  height: 34px;
  width: 100%;
  margin-bottom: 8px;
}
.box_group .box_green span.icon {
  background: #b8b8b8;
  display: inline-block;
  height: 34px;
  width: 11%;
  color: #fff;
  float: left;
  position: relative;
  padding-top: 10px;
  text-align: center;
  line-height: 34px;
  vertical-align: middle;
  font-size: 16px;
}
.box_group .box_green span.title {
  height: 34px;
  line-height: 34px;
  background: #1765cd;
  width: 87%;
  display: inline-block;
  color: #fff;
  font-size: 17px;
  padding-left: 12px;
  float: right;
  margin-left: 4px;
  position: relative;
}
.box_group .box_green span.title a {
  height: 34px;
  line-height: 34px;
  background: #196e31;
  color: #fff;
  font-size: 16px;
  font-size: 14px;
}
.box_group .box_green span.icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 13px;
  right: -4px;
  border: 4px solid transparent;
  border-left-color: #b8b8b8;
  border-top-color: #b8b8b8;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.box_group .box_green span.title:after {
  content: "";
  display: block;
  position: absolute;
  top: 13px;
  left: -4px;
  border: 4px solid transparent;
  border-left-color: #ffffff;
  border-top-color: #ffffff;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.box_hotline {
  display: block;
  margin-top: 8px;
  margin-bottom: 8px;
  border: 1px #196e31 solid;
}
.box_hotline .title {
  height: 34px;
  background: #196e31;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 34px;
  text-transform: uppercase;
  overflow: hidden;
}
.box_hotline .content p {
  padding: 0px;
  margin: 0px;
  font-size: 15px;
  color: #222;
  font-weight: 500;
}
.box_hotline .content p span {
  width: 140px;
  text-align: right;
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  font-weight: normal;
}
.box_support_online {
  margin-top: 15px;
  display: block;
}
.box_hotline .content {
  padding: 10px;
}
.box_support_online {
  display: block;
  margin-top: 0px;
  background: #f1f1f1;
  height: 34px;
  line-height: 34px;
  position: relative;
  border-bottom: 2px #007acc solid;
}
.box_support_online > i {
  margin: 5px;
  margin-right: 10px;
  display: inline-block;
  float: left;
  width: 33px;
  height: 25px;
  background: url(../images/support_online.png) no-repeat;
}
.box_support_online .r {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #007acc;
  height: 34px;
  width: 25px;
  color: #fff;
  font-size: 20px;
  padding-top: 5px;
  border-radius: 4px;
}
.box_support_online .r:hover {
  opacity: 0.8;
}
.box_support_online .title {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  color: #007acc;
  line-height: 34px;
  text-align: left;
  padding-left: 10px;
}
.box_hotline .title i {
  color: #196e31;
  background: #fff;
  padding: 0px;
  padding-top: 4px;
  margin-right: 10px;
  border-radius: 25px;
  font-size: 19px;
  height: 25px;
  width: 25px;
  display: inline-block;
}
.box_tour_service {
  display: block;
  margin-top: 5px;
  max-height: 290px;
  overflow: hidden;
}
.box_tour_service .box_r .content .item div.icon.service_9,
.box_tour_service .box_r .content .item div.icon.service_11 {
  margin-bottom: 0px;
}
.box_tour_service .box_l,
.box_tour_service .box_r {
  min-height: 225px;
  padding: 10px 10px;
  width: 100%;
  float: left;
  display: inline-block;
  box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.16);
}
.box_tour_service .box_r .content div.icon {
  padding: 10px 8px;
  width: 45px;
  height: 40px;
  border: 1px #dfdfdf solid;
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 3px;
  vertical-align: top;
  text-align: center;
}
.box_tour_service .box_r .content div.icon img {
  max-width: 100%;
}
.box_tour_service .box_r .content .item:hover div.icon {
  background: #e0e0e0;
}
.box_tour_service .box_r .content .item {
  display: inline-block;
  float: left;
  width: 100%;
  text-transform: initial;
  color: #196e31;
  line-height: 39px;
  font-size: 16px;
}
.box_tour_service .box_r.box_l .content .item {
  width: 100%;
}
.box_tour_service .box_l > .title,
.box_tour_service .box_r > .title {
  margin-bottom: 20px;
  padding: 0px 20px;
  padding-bottom: 4px;
  text-align: center;
  background: #cbe6ff;
  /*display: inline-block;*/
  color: #fff;
  font-family: "UVN_PT";
  text-transform: initial;
  font-size: 20px;
  border-radius: 4px;
  -webkit-box-shadow: 3px 4px 3px -2px rgba(87, 87, 87, 1);
  -moz-box-shadow: 3px 4px 3px -2px rgba(87, 87, 87, 1);
  box-shadow: 3px 4px 3px -2px rgba(87, 87, 87, 1);
  position: relative;
}
.box_tour_service .box_l > .title a,
.box_tour_service .box_r > .title a {
  color: #196e31;
}
.box_tour_service .box_l > .title:before,
.box_tour_service .box_r > .title:before {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 45%;
  border: 7px solid transparent;
  border-left-color: #cbe6ff;
  border-top-color: #cbe6ff;
}
.box_scroll_tour .item {
  position: relative;
}
.box_scroll_tour .item .title {
  position: absolute;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.28);
  color: #fff;
  padding: 3px 6px;
  height: 40px;
  overflow: hidden;
  line-height: 17px;
  font-size: 13px;
}
.box_scroll_tour .item .view_map {
  background: #fff;
  position: absolute;
  top: 30%;
  left: 10px;
  right: 10px;
  font-size: 13px;
  padding: 3px 6px;
  border-radius: 3px;
  opacity: 0;
}
.box_scroll_tour .item :hover .view_map {
  opacity: 1;
}
.box_scroll_tour .owl-controls {
  position: absolute;
  top: -45px;
  right: 0px;
}
.box_scroll_tour .owl-controls {
  position: absolute;
  top: -45px;
  right: 0px;
}
.box_scroll_tour .owl-controls .owl-prev i,
.box_scroll_tour .owl-controls .owl-next i {
  background: white;
  border: 1px #196e31 solid;
  color: #196e31;
  border-radius: 25px;
  font-size: 16px;
  margin: 0px 1px;
  padding-top: 4px;
  height: 25px;
  width: 25px;
  display: inline-block;
  text-align: center;
}
.video_gallery .box_group {
  display: inline-block;
  width: 49%;
  float: left;
}
.video_gallery .content {
  margin-top: 12px;
  border: 1px #ededed solid;
  padding: 15px;
  position: relative;
}
ul.box_gallery {
  padding: 0px;
  margin: 0px;
}
.video_gallery .content #bx-pager {
  position: absolute;
  bottom: 25px;
}
.video_gallery .content #bx-pager img {
  border: 2px #fff solid;
}
.video_gallery #bx-pager a:hover img,
.video_gallery #bx-pager a.active img {
  border: 2px #196e31 solid;
}
#box_video_thumb,
#box_gallery_thumb {
  margin-top: -50px;
  padding-bottom: 10px;
}
#box_video_thumb.owl-carousel .owl-item img,
#box_gallery_thumb.owl-carousel .owl-item img {
  max-width: 85px;
  border: 2px #fff solid;
}
.sync_cur img {
  border: 2px #faff00 solid !important;
}
#box_video_thumb,
#box_gallery_thumb {
  margin-left: 30px;
  padding-right: 50px;
  overflow: hidden;
  position: relative;
  max-width: 505px;
}
.video_gallery #box_video_thumb .owl-item.active.sync_cur img,
.video_gallery #box_gallery_thumb .owl-item.active.sync_cur img {
  border: 2px #faff00 solid;
}
#box_video .owl-controls,
#box_gallery .owl-controls {
  position: relative;
  bottom: 10px;
}
#box_video .owl-controls .owl-nav,
#box_gallery .owl-controls .owl-nav {
  width: 100%;
  position: relative;
}
#box_video .owl-controls .owl-nav .owl-prev,
#box_gallery .owl-controls .owl-nav .owl-prev {
  left: -13px;
  bottom: -9px;
  font-size: 38px;
  color: #9b999a;
  position: absolute;
}
#box_video .owl-controls .owl-nav .owl-next,
#box_gallery .owl-controls .owl-nav .owl-next {
  right: -16px;
  bottom: -9px;
  font-size: 38px;
  color: #9b999a;
  position: absolute;
  z-index: 999;
  display: inline-block;
}
#box_video.owl-carousel,
#box_gallery.owl-carousel {
  z-index: auto;
}
#box_gallery .owl-controls .owl-nav .owl-prev:hover,
#box_gallery .owl-controls .owl-nav .owl-next:hover,
#box_video .owl-controls .owl-nav .owl-prev:hover,
#box_video .owl-controls .owl-nav .owl-next:hover {
  color: #fff;
}
#box_video .item {
  position: relative;
}
#box_video .item .load_iframe {
  position: absolute;
  background: url("../images/unnamed.png");
  height: 46px;
  width: 64px;
  display: inline-block;
  left: 45%;
  top: 42%;
  cursor: pointer;
  opacity: 0.8;
}
#box_video .item .load_iframe:hover {
  opacity: 1;
}
.box_group_preservation .group {
  display: inline-block;
  border-right: 0px;
  float: left;
  margin-top: 7px;
}

.box_group_preservation.group_cooperation .group {
  width: 32.3%;
  margin-right: 8px;
  min-height: 388px;
}
.box_group_preservation .group {
  box-shadow: 0px 0px 10px -3px rgba(216, 216, 216, 0.8);
  /*-webkit-box-shadow:0px 2px 15px -1px rgba(172,172,172,.8);*/
}
.box_group_preservation > .content {
  margin-top: 2px;
}
.box_group_preservation .group > .title {
  display: inline-block;
  background: #19669e;
  padding: 6px;
  margin-top: 5px;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
}
.box_group_preservation .group > .title a {
  color: #fff;
}
.box_group_preservation .group .content_item {
  /*border-top: 1px #cccccc dotted;*/
  margin-top: 5px;
}
.img_fix_right > a > img {
  width: 100%;
}
.title_fix_right {
  width: 100%;
}
.box_group_preservation .group .content_item.class_top .img {
  position: relative;
  margin-bottom: 10px;
}
.box_group_preservation .group .content_item .item.first {
  /*padding-bottom: 6px;
   	margin-bottom: 6px;*/
}
.img_fix {
  width: 40% !important;
}
.img_fix img {
  width: 95% !important;
}
.box_group_preservation .group .content_item .item.first .title {
  font-weight: normal;
  min-height: 42px;
  text-align: justify;
  width: 60%;
}
.box_group_preservation .group .content_item.class_top .img .title {
  position: absolute;
  bottom: 0px;
  min-height: 30px;
  background: rgba(0, 0, 0, 0.31);
  color: #fff;
  margin: 0px;
  width: 100%;
  padding: 5px;
}
.box_group_preservation .group .content_item .item.first .title a {
  font-weight: bold;
}
.box_group_preservation .group .content_item .item.first .title a:hover {
  color: #007acc;
  /*display: inline-block;*/
}
.box_group_preservation .group .content_item .item.first .date {
  color: #999999;
  font-size: 12px;
  margin-top: -6px;
}
.box_group_preservation .group .content_item.class_top .img .title a {
  color: #fff;
  font-weight: normal;
}
.box_group_preservation .group .content_item .item .title {
  margin-bottom: 5px;
}
.box_group_preservation .group .content_item .item .title:before {
  background: #878787;
  height: 5px;
  width: 5px;
  display: inline-block;
  content: "";
  margin-right: 3px;
  margin-left: 5px;
  border-radius: 50%;
  vertical-align: middle;
}
.title_cm:before {
  background: rgba(0, 0, 0, 0) url("../images/icons.png") no-repeat scroll -83px -34px;
  height: 9px;
  width: 6px;
  display: inline-block;
  content: "";
  margin-right: 2px;
  vertical-align: middle;
}
.box_group_preservation .group .content_item .item.first .title:before {
  background: none;
  margin: 0px;
  width: 0px;
}
.box_group_preservation .group .content_item .item_second {
  display: block;
  border-bottom: 1px #ccc dotted;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.box_group_preservation .group .content_item .item_second .title {
  font-size: 13px;
}
.box_group_preservation .group .content_item .item_second:last-child {
  border-bottom: 0px;
}
.box_group_preservation .group .content_item .item_second .img {
  display: inline-block;
  float: left;
  margin: 0px;
  margin-right: 10px;
}
.box_group_preservation.group_resources .group {
  min-height: 420px;
  max-height: 420px;
  overflow: hidden;
}
.box_group_preservation.group_resources .group.group_4 {
  border-right: 1px solid #ededed;
}
.box_group_preservation .group .content_item.class_4 .title {
  padding-top: 19px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  color: #4d4d4d;
}

#ads_home {
  margin-bottom: 25px;
}
.full.news .box_menu li {
  display: inline-block;
  float: left;
  width: auto;
}
.full.news .box_menu li a:before {
  background: none;
}
.full.news .box_menu li a:hover,
.box_menu li a.current {
  color: #196e31;
}
.full.news .box_menu li a {
  border: 0px;
}
.full.news .box.box_menu_product {
  background: #f7f7f7;
  margin-bottom: 10px;
}
.brand_scroll-content {
  padding: 25px 15px;
  background: #ececec;
  margin: 5px 0px;
}
.box_mid_info {
  transition: 0.3s;
}
.box_mid_booking {
  height: 0px;
  overflow: hidden;
  transition: 0.3s;
}
.box_show {
  height: auto;
  transition: 0.3s;
}
.box_hidden {
  margin: 0px;
  height: 0px;
  overflow: hidden;
  transition: 0.3s;
}
.bttn_book_tour_hidden {
  position: absolute;
  height: 30px;
  width: 30px;
  top: 0px;
  right: 48px;
  cursor: pointer;
  font-size: 20px;
  border-radius: 30px;
  background: #ffffff url(../images/close.png) no-repeat;
  padding-left: 35px;
  color: #d01717;
  z-index: 99;
}
/*----------------------box_right*/
.box_group.box_right .group_box_r {
  display: inline-block;
  width: 100%;
  margin-top: 0px;
}
.box_group.box_right .box {
  margin-bottom: 14px;
  margin-top: 15px;
  border-top: 1px #ededed solid;
}
.box_group.box_right .box .title {
  text-transform: inherit;
  font-size: 18px;
  padding: 5px;
  display: inline-block;
  border-top: 3px #196e31 solid;
  margin-top: -2px;
}
.box_group.box_right .box .content {
  border-top: 1px #ccc dotted;
  padding: 15px 0px;
}
.box_group.box_right .box .content .list {
  padding: 3px 0px;
}
.box_group.box_right .box .content .list .title_b {
  display: inline-block;
  width: 150px;
}
.box_group.box_right .box .content .list .title_b a {
  font-weight: bold;
  color: #111;
  text-decoration: underline;
  font-size: 14px;
}
.box_group.box_right .content div.icon {
  padding: 12px 10px;
  width: 55px;
  height: 45px;
  border: 1px #dfdfdf solid;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 15px;
  vertical-align: top;
  text-align: center;
}
.box_group.box_right .content div.icon img {
  max-width: 100%;
  height: auto;
}
.box_group.box_right .content div.item {
  padding-left: 35px;
  padding-top: 5px;
  display: inline-block;
  float: left;
  text-transform: inherit;
  color: #444444;
  line-height: 39px;
  font-size: 16px;
  width: 100%;
}
.box_group.box_right .content div.item.tour {
  padding: 0px;
  margin-bottom: 10px;
  font-size: 14px;
}
.box_group.box_right .content div.item.tour .image {
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.box_group.box_right .content div.item.tour img {
  max-width: 100%;
}
.box_group .box_green.box_gray {
  margin-bottom: 10px;
}
.box_group .box_green.box_gray span.icon {
  background: #007acc;
  font-size: 16px;
}
.box_group .box_green.box_gray span.title {
  background: #ececec;
  color: #196e31;
}
.box_group .box_green.box_gray span.icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 13px;
  right: -4px;
  border: 4px solid transparent;
  border-left-color: #007acc;
  border-top-color: #007acc;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#gallery_slider.owl-carousel .owl-item img {
  border-radius: 4px;
}
#gallery_slider_thumb {
  margin-top: 10px;
}
#gallery_slider_thumb .owl-item .item {
  border: 2px transparent double;
}
#gallery_slider_thumb .owl-item.active.sync_cur .item {
  border: 2px #196e31 double;
}
.box_group.box_right .group_box_r .box_drop .content li {
  padding: 3px 0px;
}
.box_group.box_right .group_box_r .box_drop .content li a {
  font-size: 15px;
}
.box_group .box_green.box_gray span.title .plus {
  padding: 5px 10px;
  cursor: pointer;
}
.refresh_captcha {
  background: url(../images/refresh.png) no-repeat scroll center center
    rgba(0, 0, 0, 0);
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-bottom: 12px;
  margin-left: 5px;
}
#tth-main-menu > .menu-wrapper > ul > li.menu_li.first > a.menu_link {
  border-left: 0px solid #12806a;
  font-size: 0px;
  background: none;
  background-image: url(../images/home_icon.png);
  background-repeat: no-repeat;
  background-position: top -2px center;
  width: 24px;
  height: 24px;
}
.preservation_content {
  margin: 0px -17px;
}
.box_operating .box {
  display: inline-block;
  float: left;
  width: 25%;
  padding: 5px;
  margin: 0px;
}
.box_operating .box_group {
  margin-bottom: 0px;
}
.box_operating .content {
  margin: 5px -5px;
}
.box_operating .content .box .content_box ul {
  padding: 0px;
  margin: 0px;
}
.box_operating .content .box .content_box ul li {
  height: 36px;
  line-height: 38px;
  padding-left: 10px;
  background: #ececec;
  list-style: none;
  margin-bottom: 1px;
}
.box_operating .content .box .content_box ul li .img {
  display: inline-block;
  min-width: 38px;
  vertical-align: top;
}
.box_operating .content .box .content_box ul li img {
  margin-top: 8px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: top;
}
.box_operating .content .box .content_box ul li a {
  font-size: 16px;
  color: #222;
}
.box_operating .content .box .content_box ul li a .pic {
  margin-top: 7px;
  margin-right: 10px;
  margin-left: 5px;
  display: inline-block;
  float: left;
}
.box_operating .content .box .content_box ul li.manager_personnel i {
  display: inline-block;
  height: 36px;
  width: 27px;
  background: url(../images/manager_personnel.png) no-repeat 0px 8px;
  margin: 0px 10px 0px 5px;
  float: left;
}
.box_operating .content .box .content_box ul li.manager_email i {
  display: inline-block;
  height: 36px;
  width: 27px;
  background: url(../images/manager_email.png) no-repeat 0px 8px;
  margin: 0px 10px 0px 5px;
  float: left;
}
.box_operating .content .box .content_box ul li.manager_document i {
  display: inline-block;
  height: 36px;
  width: 27px;
  background: url(../images/manager_document.png) no-repeat 0px 8px;
  margin: 0px 10px 0px 5px;
  float: left;
}
.content_box button {
  height: 32px;
  width: 150px;
  background: #007acc;
  border: 1px #196e31 solid;
  color: #fff;
  font-size: 16px;
  display: block;
  margin: 10px auto;
  cursor: pointer;
}
.content_box button:hover {
  background: #5a961a;
}
.content_box button a {
  color: #fff;
}
.border_user {
  padding: 7px;
  border: #ededed 1px solid;
}
.img_thematic_material {
  height: 110px;
  overflow: hidden;
  width: 100%;
  display: inline-block;
  background: url(../images/tai-lieu-chuyen-de.png) no-repeat 0px 0px;
}
.img_thematic_material.en {
  background: url(../images/tai-lieu-chuyen-de_en.png) no-repeat 0px 0px;
}
/*-----------------------box_download*/
.box_download {
}
.box_download .title {
  border-bottom: 2px #00b3d4 solid;
}
.box_download .title span {
  background: #00b3d4;
  color: #fff;
  text-transform: uppercase;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: bold;
  min-width: 240px;
  display: inline-block;
}
.box_download .title span a {
  color: #fff;
}
.box_download .box_item {
  display: inline-block;
  float: left;
  margin: 15px 0px;
  width: 31.8%;
  margin-right: 15px;
  border: 1px #dddddd solid;
}
.box_download .box_item .item_title {
  font-size: 14px;
  font-weight: 500;
  padding: 9px 10px;
  width: 100%;
  background: #d7d7d7;
  color: #fff;
  height: 50px;
  overflow: hidden;
}
.box_download .box_item .item_title a {
  font-weight: bold;
  color: #2d2d2d;
  font-size: 13px;
  line-height: 18px;
}
.box_download .box_item:nth-child(3n + 1) {
  margin-right: 0px;
}
.fr {
  float: right;
}
.box_download .box_item .view {
  padding: 10px;
  color: #717171;
  font-size: 13px;
}
.box_download .box_item:hover .item_title {
  background: #00b3d4;
}
.box_download .box_item:hover .item_title a {
  color: #fff;
}
/*-----------------------box_download*/

/*-----------------------item_detail - TAI LIEU*/
#item_detail h1 {
  color: #004080;
  line-height: 26px;
  font-size: 18px;
}
.item-content {
  font-size: 16px;
}
#item_detail > .item-date > .time {
  display: inline-block !important;
}
#item_detail .item-date {
  background: #fff;
  margin-bottom: 15px;
  border: 0px;
  border-radius: 2px;
  padding: 0px;
  font-size: 13px;
  text-align: right;
  color: #999 !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  font-size: 12px;
}
#item_detail .item-date .icon-download {
  margin-left: 20px;
}
#item_detail .item-short {
  display: block;
  margin-bottom: 0px;
}
.item-short p {
  font-size: 16px;
  color: #665;
  font-style: italic;
}

#item_detail .item-short .title {
  font-size: 16px;
  color: #196e31;
  font-weight: bold;
  margin-bottom: 15px;
}
#item_detail .item-short .title .fl {
  float: left;
  max-width: 75%;
}
#item_detail .item-short .title span a {
  display: inline-block;
  background: #00b1d1;
  color: #fff;
  font-weight: normal;
  padding: 4px 10px;
  cursor: pointer;
}
#item_detail .item-short .title span a:hover {
  background: #68cfe2;
}
@media print {
  #printContainer div {
    page-break-after: always;
    page-break-inside: avoid;
  }
}
#mozPrintCallback-shim {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999999;

  display: block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
}
#mozPrintCallback-shim[hidden] {
  display: none;
}
@media print {
  #mozPrintCallback-shim {
    display: none;
  }
}
#mozPrintCallback-shim .mozPrintCallback-dialog-box {
  display: inline-block;
  margin: -50px auto 0;
  position: relative;
  top: 45%;
  left: 0;
  min-width: 220px;
  max-width: 400px;
  padding: 9px;
  border: 1px solid hsla(0, 0%, 0%, 0.5);
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  background-color: #474747;
  color: hsl(0, 0%, 85%);
  font-size: 16px;
  line-height: 20px;
}
#mozPrintCallback-shim .progress-row {
  clear: both;
  padding: 1em 0;
}
#mozPrintCallback-shim progress {
  width: 100%;
}
#mozPrintCallback-shim .relative-progress {
  clear: both;
  float: right;
}
#mozPrintCallback-shim .progress-actions {
  clear: both;
}
.viewer_pdf {
  width: 600px;
}
#view_file {
  margin: 0px 0px 15px;
}
.wrapper.download #tth-column {
  padding-left: 15px;
}
.wrapper.download #container {
  box-shadow: none;
}

#price_file {
  border: 0px;
  padding: 2px;
  cursor: inherit;
  background: none;
  font-size: 16px;
  display: inline-block;
  max-width: 100px;
  color: #00b1d1;
  font-weight: bold;
}
.box_download_orther > .title {
  background: #3f64af;
  padding: 8px 10px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
.box_download_orther .item .title a {
  font-size: 14px;
}
.box_download_orther .item .num_view {
  color: #777777;
  padding-left: 50px;
}
.extension {
  display: inline-block;
  height: 40px;
  width: 40px;
  float: left;
  margin-right: 8px;
}
.extension.docx,
.extension.doc {
  background: url("../images/doc.png") right no-repeat;
}
.extension.pdf {
  background: url("../images/pdf.png") right no-repeat;
}
.extension.ppt,
.extension.pptx {
  background: url("../images/ppt.png") right no-repeat;
}
.extension.xlsx,
.extension.xls {
  background: url("../images/xls.png") right no-repeat;
}
.box_download_orther .item {
  border-bottom: 1px solid #dddddd;
  padding: 10px;
  background: #fff;
}
.box_download_orther {
  margin-bottom: 15px;
}
.banner_hear #main_slide {
  margin-top: 10px;
  margin-bottom: 0;
}
/*-----------------------item_detail - TAI LIEU*/

/**/
.wrapper.download.c_m_c #tth-column_left {
  width: 23%;
  padding: 0px;
  padding-right: 15px;
}
.wrapper.download.c_m_c #tth-content {
  width: 57%;
}
.wrapper.download.c_m_c #tth-column {
  width: 20%;
  padding: 0px;
  padding-left: 10px;
}
.wrapper.module_school #group-detail .row_item .col_item {
  border: 0px;
}
#group-detail .row_item .col_item .img {
  display: inline-block;
  float: left;
  text-align: center;
}
#group-detail .row_item .col_item h3 {
  margin-bottom: 8px;
}
.wrapper.download.c_m_c .tth_navigation li a {
  font-weight: normal;
  color: #196e31;
}
.wrapper.download.c_m_c .tth_navigation li > i {
  color: #196e31;
  left: 5px;
  top: 0px;
}
.wrapper.download.c_m_c .row_item .col_item .info .short {
  font-size: 13px;
  min-height: 85px;
  overflow: hidden;
}
.wrapper.download.c_m_c .row_item .col_item .info .date {
  color: #777777;
}
.wrapper.download.c_m_c .row_item .col_item .info .date i.icon-eye {
  margin-left: 10px;
  margin-right: 5px;
}
.wrapper.download.c_m_c .row_item .col_item .info .date .download_file {
  background: #ffb805;
  color: #fff;
  text-transform: uppercase;
  padding: 4px 8px;
  cursor: pointer;
}
.wrapper.download.c_m_c .row_item .col_item .info .date .download_file:hover {
  background: #ffca45;
}
.wrapper.download.c_m_c .row_item .col_item .info .date .price_show {
  background: #f52b2b;
  padding: 0px;
  margin: 0px;
  margin-right: 10px;
  margin-top: 4px;
  border-radius: 10px;
  font-size: 11px;
  padding: 1px 5px;
  color: #fff;
}
.none {
  display: none;
}
#group-detail .extension {
  display: inline-block;
  height: 32px;
  width: 27px;
  float: left;
  margin-right: 8px;
}
.wrapper.download.c_m_c #tth-column_left .box_menu .box-title {
  background: #ffc534;
}
.wrapper.download.c_m_c #tth-column_left .box_menu .box-content > ul > li > a {
  padding: 8px 0px 8px 23px;
  color: #fff;
  border-bottom: 1px solid #2b499a;
}
.wrapper.download.c_m_c #tth-column_left .box_menu .box-content > ul > li {
  background: #203e8f;
  padding: 0px;
}
.wrapper.download.c_m_c
  #tth-column_left
  .box_menu
  .box-content
  > ul
  > li
  > a:before {
  font-family: "fontello";
  content: "\e854";
  display: block;
  position: absolute;
  top: 8px;
  left: 12px;
  color: #f4f4f4;
  font-size: 12px;
}
.wrapper.download.c_m_c
  #tth-column_left
  .box_menu
  .box-content
  > ul
  > li
  a.current {
  background: #bcc1c0;
}
.wrapper.download.c_m_c
  #tth-column_left
  .box_menu
  .box-content
  > ul
  > li
  > ul
  > li {
  padding: 0px;
}
.wrapper.download.c_m_c
  #tth-column_left
  .box_menu
  .box-content
  > ul
  > li
  > ul
  > li
  a {
  padding: 5px 0px 5px 35px;
  color: #fff;
  background: #00b3d4;
  position: relative;
}
.wrapper.download.c_m_c
  #tth-column_left
  .box_menu
  .box-content
  > ul
  > li
  > ul
  > li
  a:before {
  font-family: "fontello";
  content: "\f105";
  display: block;
  position: absolute;
  top: 5px;
  left: 20px;
  color: #f4f4f4;
  font-size: 12px;
}
.wrapper.download.c_m_c #tth-column_left .box_menu .box-content > ul > li > ul {
  display: none;
}
.download_file_box {
  display: inline-block;
  width: 300px;
}
.download_file_box input.form-control {
  height: 35px;
  width: 100%;
  border: 1px #dddddd solid;
  margin-bottom: 10px;
  padding-left: 10px;
  font-size: 13px;
}
.download_file_box input.form-control:focus {
  box-shadow: none;
  outline: none;
}
.download_file_box .img_captcha button {
  display: inline-block;
  font-size: 15px;
  float: right;
  padding: 8px 20px;
  border: 1px #ff6000 solid;
  background: #ff6000;
  color: #fff;
  cursor: pointer;
  outline: none;
}
.download_file_box .img_captcha button:focus,
.download_file_box .img_captcha button:hover {
  outline: none;
  color: #fff;
  background: #ff863d;
}
.download_file_box .title {
  background: #f3f3f3;
  padding: 10px;
  border-bottom: 1px #dddddd solid;
  margin-bottom: 10px;
}
.download.c_m_c #group-detail .row_item .col_item .img {
  margin-right: 15px;
}
#banner_bottom_download {
  margin-bottom: 25px;
}
.box_operating .box_group .box_green.box_gray span.title {
  font-weight: 500;
}
.map .map_r {
  display: inline-block;
  float: left;
  width: 50%;
  margin-top: 15px;
  max-height: 165px;
}

.map .map_r .pic_map {
  display: inline-block;
  width: 100%;
  height: 140px;
  background: url(../images/map.webp) no-repeat right;
}
.map .map_r .w_title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  color: #196e31;
  margin-bottom: 5px;
}
.map .map_r .w_date {
  font-weight: bold;
  font-size: 13px;
}
.map .map_r .w_temp {
  font-size: 30px;
}
.al_r {
  text-align: right;
}
/*DOWNLOAD------------*/
.box_title {
  position: relative;
  overflow: hidden;
  font-size: 22px;
  text-transform: initial;
  border-bottom: 2px solid #a0a0a0;
}
.box_title .title {
  font-size: 14px;
  line-height: 32px;
  font-weight: normal;
  color: #d72027;
  display: inline-block;
  position: relative;
  font-weight: bold;
  text-transform: uppercase;
}
.box_title .line {
  bottom: 0;
  height: 5px;
  margin-bottom: auto;
  margin-left: 12px;
  margin-top: 28px;
  position: absolute;
  top: 0;
  /*background: url(../images/dot.png) repeat-x;*/
  width: 100%;
}
#owl-main_slide li {
  list-style: none;
}
.fancybox_pd_0 i {
  color: #fff;
}
.banner_item img {
  max-width: 100%;
  height: auto;
}
.box_group .group_box_l .box_item.first img {
  max-width: 100%;
}
#form_user {
  width: 680px;
}
#form_user .footer_form {
  background: #eeeeee;
  padding: 15px;
}
#form_user > .title {
  border-left: 4px solid #009a9a;
  color: #009a9a;
  margin: 8px 15px;
  padding-left: 10px;
  font-weight: 500;
  font-size: 18px;
  border-left: 4px solid #196e31;
  color: #196e31;
}
#form_user #tab-user {
  padding: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.hr_header {
  position: relative;
  height: 25px;
  margin: 15px 0;
}
.hr_header .hr {
  border-top: 1px dotted #cacaca;
  position: absolute;
  top: 12px;
  z-index: 9;
  content: " ";
  width: 100%;
}
.hr_header .title_h {
  position: absolute;
  z-index: 9;
  width: 100%;
  text-align: center;
}
.hr_header .title_h span {
  background: #f9f9f9;
  padding: 3px 8px;
  line-height: 25px;
  font-size: 15px;
  font-weight: 300;
  border-radius: 0px;
}
.signin_social {
  max-width: 80%;
  text-align: center;
  width: 100%;
  margin: 10px auto;
}
.btn-social-fb {
  background-color: #3b5998;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  width: 48%;
  height: 40px;
  line-height: 40px;
  padding: 0;
  float: left;
  padding-top: 10px;
  margin-right: 8px;
  cursor: pointer;
  text-shadow: 1px 1px 1px #444;
}
.list_orther {
  padding: 0px 17px;
}
.btn-social-gg {
  background-color: #dd4b39;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  width: 48%;
  height: 40px;
  line-height: 40px;
  padding: 0;
  padding-top: 10px;
  float: right;
  cursor: pointer;
  text-shadow: 1px 1px 1px #444;
}
.btn-social-fb a,
.btn-social-gg a {
  color: #fff;
}
.signin_social i {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
}
#form_user .content {
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  padding: 0px 15px;
}
#form_user .content .form-group .title {
  display: inline-block;
  float: left;
  line-height: 40px;
  text-align: right;
  width: 150px;
  font-weight: 500;
}
#form_user #form_signin {
  margin: 0px 20px;
  padding: 25px 0px 0px;
}
#form_user #form_signup {
  margin: 0px 20px;
  padding: 25px 0px 25px;
}
#form_user .content .form-group .rowcontent {
  display: inline-block;
  margin-left: 25px;
  width: 60%;
}
#form_user .content .form-group input {
  height: 38px;
  border-radius: 0px;
  box-shadow: none;
  font-size: 13px;
  border: 1px #dedede solid;
}
#form_user #tab-user #tab-user-nav {
  text-align: center;
}
#form_user #tab-user #tab-user-nav li {
  display: inline-block;
  padding: 6px 12px;
  display: inline-block;
  height: 36px;
  line-height: 27px;
  margin: 0;
  overflow: hidden;
  padding: 5px 15px;
  position: relative;
  text-align: center;
  width: 195px;
  background: white;
  font-size: 16px;
  margin: 0px -2px;
  border: 1px #196e31 solid;
  /*  -webkit-transition: all 0ms ease-out 0s;
    -moz-transition: all 0ms ease-out 0s;
    -o-transition: all 0ms ease-out 0s;
    transition: all 0ms ease-out 0s;
    background-image: -webkit-linear-gradient(top, #fff 0, #d6d6d6 100%);
    background-image: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffd6d6d6', GradientType=0);
    */
}
#form_user #tab-user #tab-user-nav li.activeli {
  background: #196e31;
}
#form_user #tab-user #tab-user-nav li a {
  color: #196e31;
}
#form_user #tab-user #tab-user-nav li.activeli a {
  color: #fff;
}
#tab-signin,
#tab-signup {
  display: block;
  margin-top: 0px;
  border-radius: 2px;
}
.required {
  color: #f60201;
}
#box_hotline {
  min-width: 400px;
}
#box_hotline .box_hotline {
  margin: 30px;
  border: 0px;
}
#box_hotline .box_hotline .content {
  padding: 15px;
  font-size: 15px;
}
#box_hotline .box_hotline .content i {
  font-size: 15px;
}
#box_hotline .box_hotline .item {
  margin-bottom: 15px;
  border: 1px #196e31 solid;
}
#box_hotline .box_hotline .title {
  background: #196e31;
}
.smooth_slogan {
  width: 65%;
  overflow: hidden;
  float: left;
  color: #ffd400;
}
.rtecenter {
  text-align: center;
}
.rteright {
  text-align: right;
}
.w_cond {
  display: inline-block;
  width: 100%;
}
.list_orther .title {
  color: #000;
  font-weight: 500;
}
.list_orther .title span {
  display: inline-block;
  background: #196e31;
  color: #fff;
  padding: 2px 10px;
}
#main_slide {
  position: relative;
  overflow: hidden;
  max-height: 333px;
  margin-top: 0px;
  margin-bottom: -5px !important;
}
div.aw-widget-current-inner {
  margin-top: 5px;
}
.map .map_r .banner_item {
  float: right;
}
.no_desktop {
  display: none;
}
.box_group.box_right .map .map_r {
  width: 100%;
  max-height: 227px;
  overflow: hidden;
  background: #fff;
}
.box_group.box_right .map .map_r.weather {
  width: 100%;
  max-height: 200px;
  padding: 1px;
  overflow: hidden;
}
.box_group.box_right .map .map_r .w_title {
  text-align: left;
}
.box_group.box_right .map .map_r .w_title {
  text-align: left;
  padding-bottom: 0px;
}
.box_group.box_right .map .map_r .banner_item {
  float: left;
}
/*.box_group.box_right .aw-widget-content.bg-su{
    border-width: 1px !important;
    border: 1px #196e31 solid !important;
    padding: 1px !important;
    border-top-left-radius: 20px;
    }*/
.box_group.box_right
  div.aw-widget-current-inner
  div.aw-widget-content
  a.aw-current-weather
  p
  time {
  font-size: 10px !important;
  display: block !important;
  margin-top: 4px !important;
  text-align: center !important;
  display: inline-block !important;
  width: 100px;
}
.box_group.box_right
  div.aw-widget-current-inner
  div.aw-widget-content
  a.aw-current-weather
  p
  span.aw-temperature-today
  b {
  font-size: 30px;
}
div.aw-widget-current-inner
  div.aw-widget-content
  a.aw-current-weather
  p
  span.aw-weather-description {
  display: inline-block !important;
  width: 100px;
  text-align: left !important;
}
.group_box_r .map .map_r.location {
  border: 2px #007acc solid;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  position: relative;
  background: #007acc;
}
.group_box_r .map .map_r.location .w_title {
  font-size: 17px;
  padding: 3px 19px 5px;
  text-transform: initial;
  text-align: left;
  background: #007acc;
  color: #fff;
  border-top-left-radius: 10px;
}
.group_box_r .map .map_r.location .banner_item {
  overflow: hidden;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
}
.group_box_r .map .map_r.location .banner_item img {
  border: 0px;
  padding: 0px;
  border-radius: 1px;
  border-bottom-right-radius: 20px;
}
.hotline_mobile {
  display: none;
}
.hotline_mobile {
  background: #ecbd00;
  height: 28px;
  padding: 2px 15px;
  color: #fff;
}
.hotline_mobile .hotline {
  display: inline-block;
  float: left;
  padding: 2px 0px;
}
header .header-tool .box_search {
  display: none;
}
#item_detail .tth_navigation,
.tth_navigation {
  margin-top: 0px;
  display: none;
}
.list_other .list_other-title,
.list_orther .title {
  display: block !important;
  border-bottom: 1px solid #00618b !important;
}
.list_other .list_other-title span {
  display: inline-block;
  background: #00618b;
  color: #fff;
  padding: 2px 10px;
}

.box_group_preservation .group .content_item .item_second .title,
.box_group .group_box_l .box_item .title_item,
.news_view_desc .box-content .news_item .title,
.list_item .col_item h3 a,
.list_item .col_item .short {
  text-align: justify;
}

.box_right.hidden_custom .tour,
.box_right.hidden_custom .tour_1,
.box_right.hidden_custom .tour_2 {
  display: none;
}
#item_detail > .item-short {
  font-weight: bold;
  text-align: justify;
}
div.aw-widget-current-inner a.aw-toggle {
  display: none !important;
}

@media (max-width: 1330px) {
  #tth-scroll_right,
  #tth-scroll_left {
    display: none;
  }
}
@media (max-width: 1260px) {
}
@media (max-width: 1169px) {
}
@media (max-width: 1079px) {
}
@media (max-width: 999px) {
}
@media (max-width: 979px) {
}
@media (max-width: 879px) {
}
@media (max-width: 849px) {
}
@media (max-width: 1000px) {
}
@media (max-width: 890px) {
}
@media (max-width: 769px) {
}
@media (max-width: 729px) {
}
@media (max-width: 690px) {
}
@media (max-width: 650px) {
}
@media (max-width: 599px) {
}
@media (max-width: 769px) {
}
@media (max-width: 599px) {
}
@media (max-width: 469px) {
}
@media (max-width: 361px) {
}
@media (max-width: 320px) {
}

.resp-tabDrop {
  display: none;
}
.resp-tablist {
  display: block;
  padding: 0;
  border-bottom: 2px solid #ccc;
  padding-bottom: 0px;
  line-height: 1em;
  margin: 0px;
}

.resp-tablistItem {
  display: inline;
  cursor: pointer;
  padding: 10px 20px;
  display: inline-block;
  padding: 2px 10px;
  border: 1px #c5c5c5 solid;
  border-bottom: 0px;
  border-left: 0px;
  font-size: 17px;
  font-weight: bold;
  font-weight: normal;
  -webkit-transition: all 0ms ease-out 0s;
  -moz-transition: all 0ms ease-out 0s;
  -o-transition: all 0ms ease-out 0s;
  transition: all 0ms ease-out 0s;
  background-image: -webkit-linear-gradient(top, #fff 0, #d6d6d6 100%);
  background-image: linear-gradient(to bottom, #fff 0, #d6d6d6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffd6d6d6', GradientType=0);
}
.resp-tablistItem:hover {
  color: #1f75d0;
}
.resp-tablistItem__active {
  background: #fff;
  color: #169e83;
  border-bottom-color: #fff;
  font-weight: 400;
  background: #f1f1f1;
  font-weight: bold;
  color: #1f75d0;
}

.resp-headings {
  display: none;
}

.resp-contents {
  margin-top: 15px;
}
@media (max-width: 1080px) {
  .resp-tablist {
    display: none;
  }

  .resp-tabDrop {
    display: block;
    width: 100%;
    height: 35px;
    font-size: 1.2em;
    margin: 1em 0 0 0;
    padding-left: 10px !important;
  }
}
ul.resp-tablist {
}
.resp-contents table tr td {
  padding: 10px;
  word-wrap: break-word;
}


.stitle_view.mb_off > a {
    color: #d42557;
}

.toplabel-ntc {
    color: #365899
}
/* ==== ico.css ==== */
.ico0{background-position:-10px -7px}
.ico1{background-position:-42px -7px}
.ico2{background-position:-74px -7px}
.ico3{background-position:-106px -7px}
.ico4{background-position:-138px -7px}
.ico5{background-position:-170px -7px}


.ico6{background-position:-202px -7px}



.ico7{background-position:-233px -7px}
.ico8{background-position:-266px -7px}
.ico9{background-position:-298px -7px}
.ico10{background-position:-10px -36px}
.ico11{background-position:-42px -36px}
.ico12{background-position:-74px -36px}
.ico13{background-position:-106px -36px}
.ico14{background-position:-138px -36px}
.ico15{background-position:-170px -35px}
.ico16{background-position:-202px -35px}
.ico17{background-position:-234px -35px}
.ico18{background-position:-266px -35px}
.ico19{background-position:-298px -35px}
.ico20{background-position:-10px -65px}
.ico21{background-position:-42px -36px}
.ico22{background-position:-74px -36px}
.ico23{background-position:-106px -36px}
.ico24{background-position:-138px -36px}
.ico25{background-position:-170px -35px}
.ico26{background-position:-202px -35px}
.ico27{background-position:-234px -35px}
.ico28{background-position:-266px -35px}
.ico29{background-position:-298px -35px}
.ico30{background-position:-298px -35px}
.ico31{background-position:-298px -94px}
.ico32{background-position:-266px -92px}
.ico33{background-position:-202px -92px}
.ico34{background-position:-170px -92px}
.ico35{background-position:-138px -92px}
.ico36{background-position:-106px -96px}
.ico37{background-position:-75px -94px}
.ico38{background-position:-42px -94px}
.ico39{background-position:-106px -122px}
.ico40{background-position:-138px -122px}
.ico41{background-position:-170px -122px}
.ico42{background-position:-202px -122px}
.ico43{background-position:-234px -122px}
.ico44{background-position:-266px -122px}
.ico45{background-position:-298px -122px}

.ico46{background-position:-298px -150px}
.ico47{background-position:-266px -150px}
.ico48{background-position:-234px -150px}
.ico49{background-position:-202px -150px}
.ico50{background-position:-170px -150px}
.ico51{background-position:-138px -150px}
.ico52{background-position:-106px -150px}
.ico53{background-position:-42px -150px}
.ico54{background-position:-10px -150px}

.ico55{background-position:-10px -180px}
.ico56{background-position:-42px -180px}
.ico57{background-position:-74px -180px}
.ico58{background-position:-106px -180px}
.ico59{background-position:-138px -180px}
.ico60{background-position:-170px -180px}
.ico61{background-position:-202px -180px}
.ico62{background-position:-234px -180px}

.ico63{background-position:-266px -180px}
.ico64{background-position:-10px -209px}





.dm_admin .dm_ico
{
	margin:3px;
	border:2px solid #fff;
	background-color:#06F;
}
.dm_ico {
	cursor:pointer;
	width: 18px;
	height: 18px;
	display: inline-block;
	float: left;
	margin-right: 7px;
	background-repeat:no-repeat;
	background-image: url(../images/ico.png);
}