/* main */
a{ text-decoration:none!important;}
figure{display:inline;-webkit-margin-before: 0;-webkit-margin-after:0;  -webkit-margin-start:0px; -webkit-margin-end: 0px; padding:0; margin:0;}
header{ background:#f9f9f9;}
header img{ max-width:100%;}
.menu{ width:100%; float:left; position:relative;-webkit-transition: all 0.7s ease;transition: all 0.7s ease;background:#0b6d8d url(../images/menubg-blue.png) repeat-x;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-ms-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.fix_menu{ position:fixed; top:0; z-index:1;}
#nav ul, #nav li, #nav a  {margin: 0; padding: 0;}
#nav{ -webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;list-style: none;*zoom: 1;}
#nav:before,#nav:after {content: " ";}
#nav:after {clear: both;}
#nav ul {list-style: none;width: 300px;margin: 0 0 0 20px; padding: 0;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
#nav a {padding: 17.5px 8px 16px 8px;color:#ffffff;font-size:15px; font-weight:normal; text-transform:capitalize;font-family:Arimo, Arial, 'Liberation Sans', FreeSans, sans-serif;}
#nav li{border-left: 1px solid #258fc1; list-style:none;}
#nav li:first-child{ border-left:0;}
#nav li:hover{background: #0b506c url(../images/menutip.png) top center no-repeat;}
#nav .active{background: #0b506c url(../images/menutip.png) top center no-repeat;}
#nav .active a{color:#ebfbd4; }
#nav li {position: relative; float:left;}
#nav > li {display:inline-block;}
#nav > li > a {display: block;}
#nav li  ul {position: absolute;left: -9999px;margin: 0 0 0 0px; padding: 0;background:#eaebea;border: 1px solid #c2d0db; z-index:999999;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);}
#nav > li.hover > ul {left: 0;top: 55px;}
#nav li li.hover ul {left: 100%;top: 0px;}
#nav li li{ border-bottom: 1px dotted #ccc; width:100%; border-left:none;}
#nav li li:hover{background:none;}
#nav li li a {display: block; color:#565555;position: relative;z-index:100;padding: 10px 5px; font-size:13px; line-height:20px; text-align:left; text-transform:capitalize; font-weight:normal;text-shadow: 0 1.5px 1px #fff;word-wrap: break-word;}
#nav li li:last-child{ border-bottom:none;}
#nav li li a:hover {background:none;color:#258fc1;}
#nav li li li a {background:#0188d4;z-index:200;border-top: 0px solid #6c6e6f;}
.wapper{ width:100%; float:left; margin-top:20px; overflow:hidden;}
.left{ width:70%; float:left; padding-right:2%; padding-left:15px;}
.img_logo{ max-height:30px; border:none; position:absolute; top:2px; right:10px; vertical-align:middle;}
.box_left .col-md-4{ padding-right:0;}
.product{ text-align:left;color: #5c5c5c;font-size:14px; margin-bottom:23px; padding:0px 0px;}
.product .img{ width:100%;margin-bottom:20px; display:block; text-align:center;}
.product .img img{ max-width:100%; max-height:100%;border:solid 1px #cdcccc; padding:9px;background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );}
.product h2{ color: #2f2f2f;text-shadow: 0 .5px 0 #d5d5d5;margin-bottom: 20px; margin-top:0;font-size: 20px; font-weight:bold;font-family:Arimo, Arial, 'Liberation Sans', FreeSans, sans-serif;}
.product h2 a{ color: #1f1f1f;}
.product h2 a:hover{color:#fc3530;}
.product .summany{ text-align:justify; display:block;overflow:hidden;font-family:Arimo, Arial, 'Liberation Sans', FreeSans, sans-serif;}
.kc{ clear:both;}
.title_h1{ width:100%; float:left;font-size:18px; color:#555555; font-weight:bold; padding:0 8px 0px 0px; margin:0; position:relative; text-transform:capitalize;}
.title_h1:after{ width:100%; height:1px;content:"";background:#e1e1e1; bottom:5px; right:0; position:absolute; z-index:-1;}
.title_h1 span{ display:inline-block; padding-right:20px;background:#ffffff;}
.box_new_home{ width:100%; float:left; border-bottom:solid 1px #f0f0f0; padding:14px 0px;}
.box_new_home .img{ max-width:20%;border:solid 1px #d2d2d2; float:left; overflow:hidden; margin-right:8px;}
.box_new_home .img img{ max-width:100%;}
.box_new_home figcaption{ color:#818181; font-size:13px; text-align:left;}
.box_new_home figcaption p{ padding-top:0px; margin-top:0px;}
.box_new_home i{ width:100%; text-align:left; margin-top:8px; color:#757675; font-size:11px;}
.box_new_home iframe{ width:100% !important; height:180px; border:none;}
.video{ width:100%; float:left; border:none; margin-top:14px;}
.right{ width:30%; float:left; padding-left:2%; border-left:1px dotted #ccc; padding-right:15px;}
.box_right{ width:100%; float:left; margin-bottom:5px}
.box_right h3{width: 100%;float: left;border-bottom: 1px dotted #ccc;padding-bottom: 12px;margin-bottom: 20px;margin-top: 0;font-size: 21px;color: #5c5c5c;}
.quangcao {width: 100%;float: left;text-align: center;margin-bottom: 8px;border-bottom: 1px dotted #ccc;font-size: 14px;font-family: Arimo, Arial, 'Liberation Sans', FreeSans, sans-serif;font-weight: normal;}
.quangcao iframe{width:100% !important;border:none;}
.box_right .title_right{ width:100%; float:left; text-align:center; font-size:14px; text-transform:uppercase; background:#0B6D8D;padding: 10px 0px;margin: 0px 0px 0px 0px;color: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.box_right nav{ width:99.5%; float:left; border:solid 1px #F5F5F5;}
.box_right ul{-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px; padding:0; margin:0;}
.box_right ul li{ width:96%; float:left; list-style:none; background:url(../images/icon_tron.png) no-repeat 15px 18px; text-align:left; margin:0 2%; border-bottom:1px dotted #ccc; padding:11px 0px 11px 30px; font-size:14px;}
.box_right ul li h3{padding:0;margin:0;font-size:14px;}
.box_right ul li a{color: #555555;}
.box_right ul li a:hover{color:#1d86b6;}
.img_right .quangcao{font-size:16px;}
.support{ width:100%; float:left; border:solid 1px #F5F5F5; padding:10px 0px; text-align:center;}
.title_support{ width:100%; float:left; color:#666666;font-size:14px; font-weight:bold;}
.title_support span{ color:#ec5053; font-size:16px;}
.box_hotro{ width:100%; float:left; color:#ec5053; font-size:14px; margin-bottom:5px;}
.box_hotro .yahoo{ max-width:100%;border:none;}
.box_hotro .skype{ max-width:100%;border:none;}
.video1{ width:100%; float:left; border:none;}
.fan .fb-page,.fan iframe,.fan span{ width:100% !important; height:300px !important; border:none;}
.qc{ width:100%; float:left; text-align:center;}
.qc img{ max-width:100%; border:none;}
.img_right img{ max-width:100%; height:auto !important; border:none;}
.slide{ width:100%; float:left; text-align:center; background-color:#f9f9f9;}
.slide img{ max-width:100%; border:none;}

#footer {
    width: 100%;
    margin: 0px;
    background-color: #202020;
    float: left;
}
#footer_in{width: 100%;float: left;padding-bottom: 20px;}
#ft_colum {
    width: 33.33%;
    /*height: 522px;*/
    float: left;
    border-left: 1px solid #666;
    padding: 15px 0px 0px 15px;
    font-size: 14px;
    color: #999;
    line-height: 18px;
}
#ft_colum:first-child:not(:last-child) {
    border: none;
}
#ft_colum img{ max-width:100% !important;}
.cty_thongtin {
    width: 100%;
    height: 35px;
    float: left;
    margin-top: 30px; position:relative;
}
.cty_thongtin img {
    margin-top: 0px;
}
.cty_thongtin .cty_text {
    position: absolute;
    left: 60px;
}
.ft_quydinh {
    margin: 0px 15px 0px 15px;
}
#ft_colum ul {
    color: #1f7f5c;
    text-transform: uppercase;
    margin: 15px 0px 5px 15px; padding:0;
}
#ft_colum li {
    list-style-type: none;
}
#ft_colum li a {
    color: #999;
    text-decoration: none;
   margin: 7px 0px 0px 15px;
    display:block;
}
#ft_colum li a:hover {
    color: #1f7f5c;
}
#ft_gopy {
    border: 1px solid #333;
    width:98%;
    margin-top: 20px;
    padding: 10px;font-size:13px;
}
.ft_note {
    float: left;
}
.ft_ghichu {
    margin-left: 5px;
    float: left;
    width:100%;
}
#ft_lienhe {
    width:100%;
    float: left;
    margin-top: 20px;
    border-top: 1px dotted #666;
}
#ft_lienhe h2 {
    color: #1f7f5c;
    font-weight: normal;
    font-size: 14px;
    margin-top: 15px;
}
#ft_lienhe h3 {
    color: #9933cc;
    font-weight: normal;
    font-size: 14px;
    margin-top: 15px;
}
#ft_lienhe h4 {
    color: #c67625;
    font-weight: normal;
    font-size: 14px;
    margin-top: 15px;
}

#ft_ttlienhe {
    float: left;
    margin-top: 20px;
}
#ft_ttlienhe img {
    float: left;
    margin-top: 0px;
}
#ft_ttlienhe .tt_text {
    float: left;
    margin: 3px 0px 0px 5px;
}
.ft_pnumber {
    font-size: 15px;
}
#ft_coppy_r {
    width: 100%;
    margin: 0px;
    background-image: url(../images/bg_form.jpg);
    float: left;
    padding: 15px 0px 15px 0px;
}
#ft_coppy_text {
    width:100%;
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
}
#ft_coppy_text a {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}
/*#footer{ width:100%; float:left; clear:both; background:url(../images/bg-footer.jpg) repeat;}
.title_footer{ width:100%; float:left; color:#fff; font-size:16px; text-transform:uppercase;font-weight:bold; margin:20px 0 16px 0;}
.category_footer{ display:inline;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px; padding:0; margin:0;}
.category_footer li{ width:46%; float:left; background:url(../images/icon_tron.png) no-repeat left 5px; list-style:none;padding-bottom:10px;border-bottom:1px dotted rgba(100, 100, 100, 0.25); margin:0 2% 10px 2%;}
.category_footer li h4{padding:0;margin:0;font-size:13px;font-weight:normal;}
.category_footer li a{ padding-left:10px; color:#ababab; text-transform:capitalize;}
.category_footer li a:hover{ color:#eeaa06;}
.content_footer{ width:100%; float:left; color:#ababab; font-size:13px;text-transform:capitalize;}
.content_footer .address{ background:url(../images/icon_visit.png) no-repeat 5px 1px; padding-left:25px;}
.content_footer .tel{ background:url(../images/icon_call.png) no-repeat left 1px; padding-left:25px; margin-top:5px;}
.content_footer .mobile{ background:url(../images/icon_call1.png) no-repeat left 1px; padding-left:25px;margin-top:5px;}
.content_footer .email{ background:url(../images/icon_email-26.png) no-repeat left 1px; padding-left:25px;margin-top:5px;color:#6e6e6e; font-size:13px;text-transform:capitalize;}
.fb_footer .fa{ display:inline-block;color:#CDCDCD;font-size:20px; margin-right:10px;}
.fb_footer .fa:hover{ color:#EEAA06;}
.logo_footer{ width:100%; float:left; text-align:center;border-top: solid thin #2b2a32; color:#ababab; font-size:13px; text-transform:capitalize;line-height:47px;padding-top: 10px;margin-top: 10px;}
.logo_left{color:#ababab; text-align:left;}
.logo_right{text-align:right;color:#6e6e6e;}
.logo_right ul{display:inline;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px; padding:0; margin:0;}
.logo_right ul li{ list-style:none; min-width:1px; float:right; color:#6e6e6e; font-size:13px;}
.logo_right ul li a{color:#6e6e6e; padding:0px 5px; white-space:nowrap;}
.logo_right ul li a:hover{color:#eeaa06;}
.logo_right ul li .active1{color:#eeaa06;}*/
.slide_mobile{ width:100%; float:left; margin-top:40px; display:none;}
.about{ width:100%; float:left; text-align:left; font-size:14px;font-family:Arimo, Arial, 'Liberation Sans', FreeSans, sans-serif;}
.about img{ max-width:100% !important; height:auto !important;}
.about iframe{ max-width:100% !important;}
.about table{ width:100% !important}
.addthis{width:100%; float:left;border: 1px solid #ededed;padding: 10px 26px; margin-top:5px; margin-bottom:10px;}
.addthis a{ margin-right:10px !important;}
.chiase{float:left;font-size: 14px;font-weight:700;margin-right: 10px; line-height:39px;color:#000; text-transform:uppercase;}
.addthiss{border: none; padding:5px 10px 5px 0px; margin-top:0; margin-bottom:0;}
/*.box_new{ width:100%; float:left; text-align:left; margin:10px 0px; position:relative;}
.box_new h2{width:100%;float:left;color:#49a704;font-size:18px;text-transform:capitalize;font-family:UTM Americana;margin-top:0;}
.box_new h2 .title_new{  color:#0B6D8D; padding-left:70px;}
.box_new h2 .title_new1{ text-align:right;color:#0B6D8D;float:right; padding-right:70px;}
.box_new h2 a:hover{color: #eeaa06;}
.box_new .img img{ max-width:20% !important; margin-right:15px; float:left;}
.box_new .img1 img{ max-width:20% !important; margin-left:15px; float:right;}
.box_new .summany{ color:#828282; text-align:justify;}
.box_new .summany1{ color:#828282; text-align:justify;}
.date{ position:absolute; top:-20px; left:0; border:solid 3px #dfdede; border-radius:100%; padding:2px;font-size: 13px;color: #000; text-align:center;font-family: "Museo 500"; width:62px; height:47px; padding-top:15px;} 
.data1{ left:auto; right:0;}
.date ul{padding:0; margin:0;}
.date ul li{ display:block; list-style:none;}*/
.form-group{ width:100%; float:left; margin-bottom:9px;}
.errors{font-size:12px; color:#F00;}
#slide{ width:100%; float:left; background:#f3f3f3 url(../images/bg_slide1.jpg) no-repeat center top;background-size: cover;}
.more_slide{ width:100%; float:left; margin-top:50px;}
.more_slide a{ width:132px; height:34px; text-align:center; line-height:34px; color:#ffffff; background:#6bbf2b; font-size:18px; float:left;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius:5px;}
.contact{font-family: UTMAmericanaBold; text-align:center;}
.contact h2{ font-size:30px !important;padding:0px 0px !important; margin:0px;color:#ed2025;font-weight:normal; padding:25px 0px;}
.map{ width:100%; margin:auto;}
.map iframe{ width:100% !important;}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av{background: url(../images/icon_slide.png) no-repeat;overflow:hidden;cursor: pointer;}
.jssorb21 div { background-position: -24px 0px;  }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -24px 0px; }
.jssorb21 .av { background-position: background-position: -24px 0px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -24px 0px; }
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn{position: absolute;cursor: pointer;display: block;background: url(../images/a21.png) center center no-repeat;overflow: hidden;}
.jssora21l { background-position: 0px 0px; }
.jssora21r { background-position: -40px 0px; }
.jssora21l:hover { background-position: 0px 0px;}
.jssora21r:hover {  background-position: -40px 0px; }
.jssora21ldn { background-position: 0px 0px; }
.jssora21rdn {background-position: -40px 0px; }
.date{ position:absolute; top:-20px; left:0; border:solid 3px #dfdede; border-radius:100%; padding:2px;font-size: 13px;color: #000; text-align:center;font-family: "Museo 500"; width:62px; height:62px; padding-top:15px;} 
.date ul{padding:0; margin:0;}
.date ul li{ display:block; list-style:none;}
.item_product{margin-bottom: 50px;padding-bottom: 15px;border-bottom: 1px dotted #c0c0c0;}
.item_product h2{text-shadow: 0 1px 1px #fff;margin-top:0;padding:0;font-weight:bold;font-size: 24px; padding-left:70px;color: #5c5c5c; margin-bottom:25px;}
.item_product h2 a{color: #1f1f1f;}
.item_product h2 a:hover{color: #5c5c5c;}
.item_product img{float: left;margin-right: 20px;margin-bottom: 20px;padding: 9px;max-width:30% !important;border:solid 1px #cdcccc; padding:9px;background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );}
.item_product .summany{color: #5c5c5c; text-align:justify;}
.tieude{color:#12151a; width:auto; display:inline-block; text-transform:uppercase; border-bottom:solid 2px #01a2ba;font-size: 20px;font-weight:normal; position:relative;}
.tieude:after{width: 40%;position: absolute;bottom: -2px;left: 0;height: 2px;background: #f8b438;content: '';}
.relation{list-style: none;margin:0; padding: 0;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
.relation li{ width:100%; float:left; background:url(../images/icon_tron.png) no-repeat 5px 8px;padding-left:20px; margin:5px 0px; font-size:15px; text-transform:capitalize;}
.relation li a{ color:#12151a;}
.relation li a:hover{ color:#40a3e4;}