body{
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
}
.over-img {
    overflow: hidden;
    margin: 0 auto;
}
a{text-decoration: none}
.img-card {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.7s ease;
    transition: 0.7s ease;
}
li:hover .img-card img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
}
.chu-in {
    font-size: 15px;
    text-transform: uppercase;
    color: #004b80;
    font-weight: 700;
    text-shadow: 2px 0px 0px #FFF, 2px 1px 0px rgba(0, 0, 0, 0.15);
}
.relative {
    position: relative;
}
.clearfix {
    clear: both;
}
.img-resposive {
    display: block;
    width: 100%;
}
.container-bug {
    width: 1000px;
    margin: 0px auto;
}
#wrapper {
    position: relative;
    width: 100%;float: left;
    /**header-wrpper**/
    /****fullpage*****/
}
#wrapper .header-wrapper {
    width: 100%;
    position: absolute;
    margin: 0px auto;
    z-index: 100;height: 154px;
}
#wrapper .header-wrapper .head-logo {
    z-index: 5;
    width: 1000px;
    margin: 0px auto;height: 154px;position: relative;
}
#wrapper .header-wrapper .head-logo .flagen {
    position: relative;
    top: 7px;
    left: 931px;z-index: 100;
}
#wrapper .header-wrapper .head-logo .flagvn {
    position: relative;
    top: 7px;
    left: 939px;z-index: 100;
}
#wrapper .header-wrapper .head-logo .lg-seaspimex {
    margin-top: 33px;
    display: block;
    text-align: center;
}
#wrapper .header-wrapper .menu {
    font-size: 13px;
    list-style-type: none;
    text-transform: uppercase;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    top: -98px;
    left: -2px;
}
#wrapper .header-wrapper .menu .sub-menu {
    display: none;
}
#wrapper .header-wrapper .menu > li {
    display: inline-block;
    line-height: 22px;
}
#wrapper .header-wrapper .menu > li a {
    display: block;
    padding: 10px 0 10px 0;
    background-image: url("../ico/line-ico.png");
    background-position: left;
    background-repeat: no-repeat;
    margin-left: 8px;
    padding-left: 15px;
    color: #fff;
    text-decoration: none;font-size: 13px;
}
#wrapper .header-wrapper .menu li.vong-tron img {
    position: relative;
    top: 21px;
    left: -11px;
}
#wrapper .header-wrapper .menu li.vong-tron {
    position: relative;
    background: url("../images/vong-tron.png") no-repeat;
    width: 155px;
    height: 154px;
    top: 0px;
    left: 15px;
}
#wrapper .header-wrapper .menu li:nth-child(1) > a {
    background-image: none;
    position: relative;
    top: 4px;
}
#wrapper .header-wrapper .menu li:nth-child(5) > a {
    background-image: none;
}
#wrapper .header-wrapper .menu li:nth-child(6) > a {
    background-image: none;
}
#wrapper .header-wrapper .menu .sub-menu {
    list-style-type: none;min-width: 200px;
    padding-left: 0px;
}
#wrapper .header-wrapper .menu .sub-menu li {
    width: 100%;
    margin: 0px 0;
}
#wrapper .header-wrapper .menu .sub-menu li a {
    display: block;
    background-color: #004b80;
    padding: 10px;
    color: #fff;
    margin-top: 1px;
    border-top: 1px solid #fff;
}
#wrapper .header-wrapper .menu li ul.sub-sp li > a {
    background-image: none;
}
#wrapper .header-wrapper .menu .sub-sp {
    position: absolute;
    top: 92px;
    left: 150px;
}
#wrapper .header-wrapper .menu li ul.sub-cs li > a {
    background-image: none;
}
#wrapper .header-wrapper .menu .sub-cs {
    position: absolute;
    top: 92px;
    left: 812px;
}
#wrapper .header-wrapper .menu li:hover .sub-menu {
    display: block;
}
#wrapper .header-wrapper .menu li .sub-menu li a:hover {
    background-color: #fff;
    color: #004b80;
}
#wrapper #fullpage #section1 .nen-tren {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}
#wrapper #fullpage #section1 .header-section1 {
    width: 100%;
    position: absolute;
    margin: 0px auto;
    z-index: 5;
    top: 0;
}
#wrapper #fullpage #section1 .container #water {
    z-index: 3;
    position: relative;
    top: -472px;
    left: 35px;
}
#wrapper #fullpage #section1 .container #ghe {
    z-index: 2;
    position: relative;
    top: -658px;
    left: 0px;
}
#wrapper #fullpage #section1 .container #ca {
    z-index: 5;
    position: relative;
    top: -1002px;
    left: 0;
}
#wrapper #fullpage #section1 .container #thit {
    z-index: 5;
    position: relative;
    top: -1248px;
    left: 0;
}
#wrapper #fullpage #section1 .container #lon-xx {
    z-index: 5;
    position: relative;
    top: -1449px;
    left: 155px;
}
#wrapper #fullpage #section1 .container #bong {
    z-index: 1;
    border-radius: 100px;
    position: absolute;
    top: 151px;
    left: 333px;
}
#wrapper #fullpage #section1 .container #ta-bi-lu {
    z-index: 4;
    position: relative;
    top: -1363px;
    left: 123px;
}
#wrapper #fullpage #section1 .container #song {
    z-index: 1;
    position: relative;
    top: 134px;
    left: -17px;
}
#wrapper #fullpage #section1 .container #chu-sp {
    z-index: 1;
    position: relative;
    top: -1801px;
    left: 591px;
}
#wrapper #fullpage #section1 .container #seap {
    z-index: 3;
    position: relative;
    top: -1684px;
    left: 744px;
}
#wrapper #fullpage #section1 .container #la {
    z-index: 3;
    position: relative;
    top: -2003px;
    left: 93px;
}
#wrapper #fullpage #section1 .container #may {
    z-index: 3;
    position: absolute;
    top: 162px;
    left: 236px;
}
#wrapper #fullpage #section2 .bg-xuong {
    z-index: 0;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}
#wrapper #fullpage #section2 .info {
    width: 408px;
    position: absolute;
    top: 117px;
}
#wrapper #fullpage #section2 .info .wellcome {
    position: absolute;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    color: #004b80;
    top: 54px;
    left: 115px;
}
#wrapper #fullpage #section2 .info ul {
    list-style-type: none;
    font-size: 17px;
    width: 100%;
    display: block;
}
#wrapper #fullpage #section2 .info ul li.phay {
    top: 118px;
    left: -39px;
    position: relative;
}
#wrapper #fullpage #section2 .info ul li.text-info {
    word-spacing: 2px;
}
#wrapper #fullpage #section2 .info ul li.chitiet {
    text-align: center;
    width: 100px;
    padding: 7px;
    background-color: #004b80;
    color: #fff;
    margin: 0 auto;position: absolute;z-index: 1000;bottom: -35px;margin-right: auto;margin-left: auto;left: 0px;right: 0px;
}
#wrapper #fullpage #section2 .info ul li.chitiet a {
    color: #fff;
    text-decoration: none;
}
.text-info p{font-size: 14px;line-height: 20px;padding-bottom: 10px}
#wrapper #fullpage #section3 .bg-giua {
    z-index: 0;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}
#wrapper #fullpage #section3 .header-section3 {
    width: 100%;
    position: absolute;
    margin: 0px auto;
    z-index: 5;
    height: 300px;
    top: 0;
}
#wrapper #fullpage #section3 .sp-trai {
    position: absolute;
    width: 500px;
    top: 150px;
}
#wrapper #fullpage #section3 .sp-trai ul {
    list-style-type: none;
    /****/
}
#wrapper #fullpage #section3 .sp-trai ul li {
    margin-top: 10px;
}
#wrapper #fullpage #section3 .sp-trai ul li.nd-info {
    position: relative;
    top: 166px;
    left: 266px;
}
#wrapper #fullpage #section3 .sp-trai ul li.nd-ca-hop {
    z-index: 10;
    position: relative;
       top: -127px;
    left: 143px;
    height: 131px;
    width: 235px;
}
#wrapper #fullpage #section3 .sp-trai ul li.nd-ca-hop .chu-in {
    top: 111px;
    left: 77px;
    position: relative;
}
#wrapper #fullpage #section3 .sp-trai ul li.nd-hop {
    position: relative;
    top: -115px;
    left: -75px;
    height: 120px;
    width: 185px;
}
#wrapper #fullpage #section3 .sp-trai ul li.nd-hop .chu-in {
  /*  top: 200px; */
    left: 54px;
    position: relative;bottom: -170px;
}
#wrapper #fullpage #section3 .sp-trai ul li.nd-xuc-xich {
    position: relative;
    top: -155px;
    left: -114px;
    height: 181px;
    width: 148px;
}
#wrapper #fullpage #section3 .sp-trai ul li.nd-xuc-xich .chu-in {
    top: 152px;
    left: 52px;
    position: relative;
}
#wrapper #fullpage #section3 .sp-trai ul li.nd-ga {
    position: relative;
  /*  top: -203px; */
    left: 213px;
    height: 158px;
    width: 177px;
    bottom: 150px;
}
#wrapper #fullpage #section3 .sp-trai ul li.nd-ga .chu-in {
   /* top: 166px; */
    left: 37px;
    position: relative;bottom: -147px;
}
#wrapper #fullpage #section3 .sp-phai {
    position: relative;
    width: 500px;
    top: 146px;
    left: 633px;
}
#wrapper #fullpage #section3 .sp-phai ul {
    list-style-type: none;
}
#wrapper #fullpage #section3 .sp-phai ul li {
    margin-top: 10px;
}
#wrapper #fullpage #section3 .sp-phai ul li.xk-info {
    position: absolute;
    top: 166px;
    left: -87px;
}
#wrapper #fullpage #section3 .sp-phai ul li.xk-dl {
    z-index: 2;
    position: absolute;
    top: -39px;
    left: 132px;
    height: 163px;
    width: 285px;
}
#wrapper #fullpage #section3 .sp-phai ul li.xk-dl .chu-in {
    top: 173px;
    left: 40px;
    position: relative;
}
#wrapper #fullpage #section3 .sp-phai ul li.xk-kho {
    z-index: 3;
    position: absolute;
    top: 177px;
    left: 167px;
    height: 167px;
    width: 210px;
}
#wrapper #fullpage #section3 .sp-phai ul li.xk-kho .chu-in {
    top: 175px;
    left: 51px;
    position: relative;
}
#wrapper #fullpage #section3 .sp-phai ul li.xk-dong-hop {
    z-index: 2;
    position: absolute;
    top: 334px;
    left: -15px;
    height: 158px;
    width: 178px;
}
#wrapper #fullpage #section3 .sp-phai ul li.xk-dong-hop .chu-in {
    top: 170px;
    left: 12px;
    position: relative;
}
#wrapper #fullpage #section4 .bg-fo {
    z-index: 0;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}
#wrapper #fullpage #section4 .header-section4 {
    width: 100%;
    position: absolute;
    margin: 0px auto;
    z-index: 5;
    height: 100%;
    top: 0;
}
#wrapper #fullpage #section4 .gioi-thieu {
    text-align: center;
    font-size: 22px;
    color: #004b80;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 163px;
}
#wrapper #fullpage #section4 .gioi-thieu .giun {
    position: relative;
    top: -19px;
    background: url("../ico/giun.png") no-repeat;
    padding-left: 365px;
}
.sub-gt-phai ul:first-child{margin-top: 0px !important;}
#wrapper #fullpage #section4 .sub-gioi-thieu {
    width: 100%;
    position: absolute;
    top: 199px;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-trai {
    width: 500px;
    height: 430px;
    border-right: 1px solid #004b80;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-trai ul {
    list-style-type: none;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-trai ul li.tit-lon {
    margin-top: 5px;
    display: block;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-trai ul li.tit-lon a {
    text-transform: uppercase;font-size: 14px;word-spacing: 2px;
    text-decoration: none;
    color: #004b80;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-trai ul li.info-lon > p {
    margin-top: 8px;
    margin-bottom: 21px;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-trai ul li.chi-tiet {
    display: block;
    width: 90px;
    height: 30px;
    background: url("../ico/goc-chia-se-ct.png") no-repeat;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-trai ul li.chi-tiet a {
    text-transform: uppercase;
    color: #004b80;
    text-align: center;
    display: block;
    text-decoration: none;
    padding-left: 24px;
    padding-top: 8px;
    font-size: 12px;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-phai {
    width: 500px;
    position: absolute;
    top: 0px;
    left: 499px;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-phai ul {
    margin-top: 16px;
    margin-bottom: 0;
    display: block;
    height: 125px;
    list-style-type: none;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-phai ul li.tit-nho {
    position: relative;
    top: -118px;
    left: 185px;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-phai ul li.tit-nho a {
    text-decoration: none;
    text-transform: uppercase;font-size: 14px;word-spacing: 2px;
    color: #004b80;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-phai ul li.info-nho {
    position: relative;
    top: -118px;
    left: 185px;
    display: block;
    width: 300px;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-phai ul li.info-nho > p {
    margin-top: 5px;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-phai ul li.ct-nho {
    position: relative;
    top: -119px;
    left: 452px;
    color: #004b80;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-phai .xem-them {
    position: relative;
    top: -6px;
    left: 40px;
    width: 90px;
    height: 30px;
    background: url("../ico/goc-chia-se-ct.png") no-repeat;
}
#wrapper #fullpage #section4 .sub-gioi-thieu .sub-gt-phai .xem-them a {
    text-transform: uppercase;
    color: #004b80;
    text-align: center;
    display: block;
    text-decoration: none;
    padding-left: 25px;
    padding-top: 10px;
    font-size: 11px;
}
#wrapper .footer {
    color: #fff;
    width: 100%;
    background-color: #004b80;
    height: 167px;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 10;
}
#wrapper .footer .info-cty {
    width: 1000px;
    height: 35px;
    margin: 0 auto;
}
#wrapper .footer .info-cty .info-cty-tx {
    font-size: 17px;
    line-height: 35px;
    display: block;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;

}
#wrapper .footer .info-cty .info-trai {
    float: left;
    width: 500px;
    height: 107px;
}

#wrapper .footer .info-cty .info-trai .br-fo {
    width: 100%;
    background: url("../ico/line-left.png") no-repeat left;
}
#wrapper .footer .info-cty .info-trai .br-fo i{font-size: 14px;}
#wrapper .footer .info-cty .info-trai ul {
    position: relative;
    list-style-type: none;
    float: left;
    width: 100%;
    padding-left: 0;
}
#wrapper .footer .info-cty .info-trai ul > li {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
    padding-left: 9px;
    margin-top: 5px;
    color: #fff;
    position: relative;
    top: 0;
    left: -27px;
}
#wrapper .footer .info-cty .info-trai ul > li > span {
    padding-left: 15px;
}
#wrapper .footer .info-cty .info-phai {
    float: left;
    width: 500px;
    height: 107px;
    overflow: hidden;
    background: url("../ico/line-left.png") no-repeat left;
}
#wrapper .footer .info-cty .info-phai .info-phai-social {
    display: inline-block;
    height: 107px;
}
#wrapper .footer .info-cty .info-phai .info-phai-social ul.all-sc {
    list-style-type: none;
    float: left;
    display: block;
    padding-left: 19px;
}
#wrapper .footer .info-cty .info-phai .info-phai-social ul.all-sc select{
    width: 200px;
    height: 25px;
    display: inline-block;
}
.total_static{display: inline-block;margin-left: 20px;}
.total_static ul.number{
    list-style: none;
    padding:0px;
    margin: 5px 0px 0px 0px;
}
.total_static ul.number > li {
    padding: 5px 10px;
    border: 1px solid #FFF;
    display: inline-block;
}
#wrapper .footer .info-cty .info-phai .info-phai-social ul.all-sc > li {
    display: block;
    line-height: 35px;
    color: #fff;
}
#wrapper .footer .info-cty .info-phai .info-phai-social ul.all-sc li ul {
    list-style-type: none;
    position: relative;
    top: -33px;
    left: 54px;
}
#wrapper .footer .info-cty .info-phai .info-phai-social ul.all-sc li ul > li {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;margin-top: 10px;
}
#wrapper .footer .info-cty .info-phai .info-phai-social ul.all-sc li ul > li > a {
    color: #fff;
    display: block;
    text-align: center;
    line-height: 30px;width: 100%;height: 100%;
}
#wrapper .footer .foot-info {
    float: left;
    width: 100%;
    overflow: hidden;
    display: block;
    background-color: antiquewhite;
    height: 25px;
    background: url("../ico/bg-fo.png") repeat-x;
}
#wrapper .footer .foot-info .foot-info-tx {
    display: block;
    line-height: 25px;
    text-align: center;
    color: #fff;
    font-size: 13px;
}
#boby_child{background: url(../images/bg_child.png) repeat-y;background-position: center top;
    background-size: cover;}
#content_home_detail{margin: auto;width: 1000px}
.content_home_detail{width: 100%;margin-top: 96px}
.wp_wp {
    width: 1000px;
    margin: auto;
}
.wp_images{width: 100%;float: left;}
.wp_images a{width: 100%;float: left}
.wp_wp_content {
    width: 100%;
    float: left;
}
.content_all {
    float: left;
    width: 100%;
}
.name_cty {  margin-top: 10px;  float: left;  width: 97%;
}
.page_contact {  width: 100%;  float: left;
}
.page_contact h1.title_contact {  color: #272727;  font-size: 21px;  margin-top: 10px;
}
.content_all .content_all_all h1 {
    font-size: 14px !important;  width: 100%;  color: #005aab;  margin-top: 6px;  padding-bottom: 10px;  color: #565656;  text-transform: uppercase;
}
#f_register {
    float: left;
    width: 100%;
}
#ghichu {
    float: left;  width: 988px;  height: 100px;  border: 1px solid #d4d4d4;  max-width: 988px;
}
.page_contact .info_contact input[type="text"], .page_contact .info_contact textarea {  border: 1px #cbcbcb solid;  width: 480px;  height: 25px;  padding: 5px;  background: #efefef;
}
.page_contact .info_contact {

}
.row_right input[type="submit"], .page_contact .info_contact input[type="button"], .page_contact .info_contact input[type="reset"] {
    background-color: #0c4ca3;
    color: #fff;
    font-size: 13px;
    padding: 7px 0px;
    width: 90px;
    border: none;
    cursor: pointer;
}
.row_right{text-align: center;}

.icon_home_child {
    float: left;
    background: url(../images/home_child.png) no-repeat left 9px;
    padding: 7px 0px;
    padding-left: 20px;
    font-size: 13px;
    font-family: tahoma, arial, sans-serif;
    color: #393939;text-decoration: none;font-size: 14px;
}
.nhanhang{color: #004b80;background: #fff;padding: 3px 10px;margin-right: 10px;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;font-size: 14px;font-weight: normal}
.nhanhang_1{color: #CC0033;border: 1px solid #CC0033}
.nhanhang_2{color: #8c7525;border: 1px solid #8c7525}
.name_cty p{line-height: 20px;padding-bottom: 4px}
#menu_home_detail{float: left;width: 100%}
.menu_category{float: left;width: 100%}
.menu_child_header_top{float: left;padding: 8px 0px;padding-left: 10px;color: #406c94;font-size: 14px}
.title_content{width: 100%;background: #004b80;color: #fff;text-transform: uppercase;font-weight: bold;float: left;font-size: 17px}
.news {  float: left;  width: 49%;  border-bottom: dashed 1px #ccc;  padding-top: 15px;  padding-bottom: 10px; }
.news_intro {  float: right;  width:320px;max-height: 105px }
.picture img {  width: 150px;  height: 100px;  }
.news_intro p {  line-height: 20px;  margin-top: 5px;  padding-bottom: 0px;  margin-bottom: 0px;  }
.news_intro a {  color: #000;  font-size: 15px;  font-family: arial;font-weight: bold  }
.picture {  float: left;  width: 150px;  height: 100px;  background: #F0F1ED;  border: solid 1px #b1b2af;  padding: 2px;  }
.h2_h2{float: left;width: 100%;padding: 0px 0px 10px 0px !important;}
.info_contact tbody tr {  float: left;  padding-bottom: 5px;  width: 100%;
}
.sub-gt-trai ul{padding-left: 20px}
.sub-gt-phai ul{padding-left: 20px}
.wp_list_product{float: left;width: 100%}
.child_product{float: left;width: 230px;height: 250px;border: 1px solid #dedede;margin-right: 24px;margin-top: 10px;position: relative}
.img_child_product{float: left;width: 220px;margin-left: 1px;margin-top: 1px;margin-bottom: 5px}
.icon_search_zom{background: url(../images/zoom.png) no-repeat;width: 51px;height: 51px;position: absolute;left: 0px;right: 0px;margin-right: auto;margin-left: auto;top:50px}
.muahang_text{display: inline-block;text-align: center;position: absolute;left: 0px;right: 0px;margin-right: auto;margin-left: auto;top: 93px;z-index: 1000}
.muahang_text i{background: #004b80;color: #fff;padding: 5px 10px;opacity: 0.8;}
.wp_name_price{float: left;width: 220px;margin-left: 5px}
.name_link_product{float: left;color: #a28c45;font-size: 14px;font-weight: bold;width: 100%;padding-bottom: 10px;height: 24px}
.price_detail{float: left;width: 100%}
.detail_product{padding: 5px 10px;float: right;background: #004b80;color: #fff;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.child_product:hover .hover_img{margin-top: 0px}
.child_product:hover{background: #004b80}
.child_product:hover .detail_product{background: #fff;color: #004b80 }
.img_child_product{border: 4px solid #fff}
.gia{color: #eb2629;font-weight: bold;font-size: 14px;float: left}
.child_product:hover .gia{color: #fff}
.child_product:hover .name_link_product{color: #fff}
.wp_menu_nhanhang{float: left;margin-left: 10px}
/*
.nhanhang:first-child{margin-left: 20px}
*/
#img_slide {  float: left;  width: 450px;  }
#img_slide .bx-wrapper .bx-controls-direction .bx-next {  background: url("../images/next_sp.jpg") no-repeat;  height: 19px;  width: 19px;  float: left;  position: absolute;  top: 48px;  right: -1px !important;
}
.magnifier-thumb-wrapper img{border: 1px solid #eee}
#img_slide .bx-wrapper .bx-controls-direction .bx-prev {
    background: url("../images/prew_sp.jpg") no-repeat;  float: left;  height: 19px;  width: 19px;  position: absolute;  top: 48px;  left: -10px !important;
}
.phantrang {margin:25px;float:right;}
.phantrang a {  display:block;  text-align:center;  font-size:11px;  color:#C00;  margin:0px 2px 0px 2px;  line-height:18px;  padding:0px 5px 0px 5px;  border:#CCC 1px solid;  float:left;  }
.phantrang .on {  display:block;  text-align:center;  font-size:11px;  color:#FFF;  margin:0px 2px 0px 2px;  line-height:18px;  padding:0px 5px 0px 5px;  border:#CCC 1px solid;  float:left;  background-color:#C00;  font-weight:bold;  }
.phantrang a:hover {  color:#FFF;  background-color:#C00;  cursor:pointer;  text-decoration:none !important  }
ul.pagination {font-size: 11px; clear: both;margin-top: 10px; text-align: center;display: inline-block;float: right}
ul.pagination li {float: left; padding-right: 5px;}
ul.pagination li a {padding: 5px 8px; border: 1px solid #ccc; text-decoration: none;  display: block; background: #fff url(../img/bg_fade_up.png) repeat-x bottom;color: #4d4d4d;}
ul.pagination li a:hover{background: #efebeb; text-decoration: none;color: #005284}
ul.pagination li.page a {color: #005284; font-weight: 700;background: #efebeb}
ul.pagination li.page a:hover {background: #efebeb;text-decoration: none}
ul.pagination li.text a {border: none; text-decoration: underline; padding: 0 5px 0 0}
ul.pagination li.text {line-height: 2em;}

.page_contact{width: 100%;float:left;}
.page_contact h1.title_contact {color:#272727;font-size: 21px;}
.page_contact .info_contact{margin: 15px 0px}
.page_contact .info_contact td{font-size: 13px;color:#636363;padding-bottom: 10px;}
.page_contact .info_contact input[type="text"],.page_contact .info_contact textarea
{
    border:1px #cbcbcb solid;
    width: 486px;
    height: 25px;
    padding:5px;
    background: #efefef;
}
.page_contact .info_contact textarea{height: 95px;resize:none;}
.page_contact .info_contact .row_right{float:right;}
.page_contact .info_contact input[type="submit"],.page_contact .info_contact input[type="reset"]
{  background-color: #dbdadc;  color:#3d3d3d;  font-size: 13px;  padding:6px 25px;  border: none;  cursor: pointer;
}
#wrapper .header-wrapper .menu li ul.sub-cd li > a {
    background-image: none;
}
#wrapper .header-wrapper .menu .sub-cd {
    position: absolute;
    top: 92px;
    left: 592px;
}
#wrapper .header-wrapper .menu li ul.sub-tt li > a {
    background-image: none;
}
#wrapper .header-wrapper .menu .sub-tt {
    position: absolute;
    top: 92px;
    left: 732px;
}
.item:first-child{margin-bottom: 5px !important;}
.item{margin: 0px 0px 0px 0px !important;}
.download_cd{float: right;margin-right: 10px;display: inline-block;cursor: pointer}
.list_involve li a {
    color: #6b6b6b;
    text-align: left;
    float: left;
    font-weight: bold;
}
.involve_detail {
    float: left;
    color: #004b80;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 2px solid #004b80;
    margin-top: 10px;
}
.list_involve li {
    padding: 3px 0px;
    width: 100%;
    padding-left: 15px;
    background: url(../images/icon_involve.png) no-repeat left 5px;
    float: left;
    color: #808080;
}
.right_content{float: left;width: 100%}
.right_content p{line-height: 20px;padding-bottom: 10px;font-size: 14px}
.right_product{float: right;width: 530px}
#slide_lq{float: left;width: 100%}
.img_detail_sp{float: left;width: 100%}
#img_slide .bx-wrapper{position: relative}
.title_content_detail{color: #014c80;font-size: 15px;border-bottom: 1px solid #014c80}
.title_content_detail p{margin-bottom: -5px;background: #fff;font-size: 20px;display: inline-block;padding-right: 10px}
.hover_img {  width: 220px;  height: 158px;  position: absolute;  top: 0;  left: 0;  margin-top: -200px;  background-color: rgba(13, 50, 86, 0.57);
}
.img_child_product {
    position:relative;
    overflow:hidden;float: left;;width: 220px;height: 158px;
}
.img_child_product .hover_img {
    width:220px;
    height:158px;
    position:absolute;
    top:0;
    left:0;
    margin-top:-200px;
    background-color: rgba(13, 50, 86, 0.57);text-align: center;

}
.child_product:hover .hover_img {
    margin-top:0;
}
.text {
    padding-top: 50px;
}
.hover_img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.slide_lq_wp{float: left;width: 101%}
.slide_lq_wp .bx-wrapper .bx-viewport{width: 101%!important;height:278px !important; }
.add_this_fb{float: left;width: 100%;}
#wrapper #fullpage #section3 .sp-trai ul li.nd-ca-hop img {
    width: 165px;
}
.img-card img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.7s ease;
    transition: ease;
    transition-duration: 2s;
}
#wrapper .header-wrapper .menu .sub-about {
    position: absolute;
    top: 88px;
    left: 52px;
}
.wp_down_view{float: right}
.a_view{padding-right: 10px}
.gia{padding: 5px 0px}
.ma_sp{float: left;width: 100%;margin-top: 5px;font-size: 14px}
.chiase{width: 320px;margin-right: 20px;float: left;margin-top: 10px;height: 350px}
.picture_chiase{}
.chiase_intro{float: left;width: 96%;margin-left: 2%}
.chiase_intro a{font-size: 15px;color: #004b80;float: left;width: 100%;margin-top: 10px;}
.chiase_intro p{font-size: 14px}
.tintuc{float: left;width: 230px;margin-right: 20px;margin-top: 10px;height: 290px}
.sub-about li a{background-image: none !important;}
.left_content{float: left;width: 250px}
.right_content{float: right;width: 730px}
.list_menu_cd{float: left;width: 100%;margin-top: 10px}
.list_menu_cd li{float: left;width: 100%;background: #f2f2f2}
.list_menu_cd li a{width: 96%;float: left;margin-left: 2%;padding: 10px 0px;border-bottom: 1px solid #c7c7c7;color: #444;font-weight: bold}
.list_menu_cd li:hover{background: #004b80}
.list_menu_cd li:hover a{color: #fff;border-bottom: 1px solid #004b80}
.list_codong{width: 100%;float: left;margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: dashed 1px #ccc}
.codong_intro{width: 556px;float: right}
.codong_intro a{color: #004b80;font-size: 13px;padding-bottom: 10px;font-weight: bold;float: left;line-height: 18px}
.codong_intro p{float: left;width: 100%}
.content_thanhvien{float: left;width: 100%}
.left_thanhvien{width: 180px;float: left}
.content_tv{width: 600px;float: left;margin-left: 20px}
.right_thanhvien{width: 180px;float: right}
.child_tv{border: 1px solid #ddd;cursor: pointer;margin-bottom: 20px;background: #f5f5f5}
.child_tv p{padding: 20px 10px;color: #004b80;font-weight: bold;font-size: 14px}
.popup_home_pp {
    color: #fff;
    min-height: 100px;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.content_tv img{width: 100% !important;max-width: 100%;height: auto !important; }
.content_tv p{font-size: 13px;line-height: 20px;padding-bottom: 10px;font-family: arial, 'lucida console', sans-serif}
.list_news_page p{padding-bottom: 10px;line-height: 20px;}
.title_content p{float: left;padding: 7px 10px;background: #CC0033;}
.nhanhang_child{float: left;padding: 14px}
.chiase_intro a{font-family:arial, helvetica, sans-serif}
.phone{position: absolute;top: 35px;right: 0px;font-size: 15px;text-transform: uppercase;color: #004b80;font-weight: bold}
.active_2,.active_1{color: #004b80 !important;font-weight: bold}
.giohang{position: absolute;top:7px;right: 85px;z-index: 200;float: right}
.giohang_a{float: left}
.giohang_a img{float: left}
.giohang_p{float: left;    margin-top: 4px;  margin-left: 4px;  font-weight: bold;color: #004b80}
.table_dathang tr td{border: 1px solid #fff  }
.order{width: 99.8%;float: left;background: #fff}
#f_dathang{float: left;width: 100%;margin-top: 10px}
.content_all{float: left;width: 100%;background: #fff}
.content_item{  float:left;width: 350px;margin-left: 10px}
.btn_buy {  width: 100px;  height: 30px;  color: #fff;  font-weight: bold;  background: #CC262E;  border-radius: 4px;  line-height: 30px;  text-align: center;  margin: 30px 0px;  cursor: pointer;  }
.cn-cart{color: #323232}
.xoa-cart{color: #323232}

.order .title{line-height: 35px; background:#004b80; float:none; text-align: center; text-shadow:none !important; font-family: arial }
.order .title td{ color: #fff; font-size: 13px; font-weight: bold}
.order .table_dathang{ font-size: 13px}
.bg{ background: #EFEDED}
.order .back_home, .order .huy_gio_hang, .order .checkout {
    background: #D12730;
    color: #FFFFFF;
    display: block;
    height: 28px;
    line-height: 30px;
    margin: 10px;
    width: 86px; font-size: 12px; text-align: center; display: inline-block;cursor: pointer;
}
.order table td{ vertical-align: middle !important;text-align: center}
.tongtien{ color:#ff0000; font-weight: bold}
.order_info .nguoidathang .textbox {
    border: 1px solid #CCCCCC;
    margin: 3px 0;
    padding: 2px;
    width: 200px;
}
.order_info .error{ border: 1px solid #FF0000 !important;}
.giohang_detail{display: inline-block;padding: 10px 0px;text-align: center}
.number1{float: left;width: 40px;padding: 9px;border: 1px solid #eee}
.soluong{float: left;font-size: 14px;margin-right: 10px;margin-top: 9px;font-weight: bold;color: #363232}
.cart_en{padding: 8px 30px !important;}
.cart{    float: left;margin-left: 10px;
    padding: 6px 20px;
    font-size: 16px;
    font-weight: bold;
    background: #d31d18;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.show_km{position: absolute;top:10px;right: 10px;z-index: 10;background: url(../images/khuyenmai.png) no-repeat;width: 40px;height: 40px;text-align: center}
.show_km p{color: #fff;text-align: center;margin-top: 13px}
.price_wp{float: left;width: 58%}
.gia_km{padding: 0px !important;text-decoration: line-through;color: #1f1f1f}
.km_detail{text-decoration: line-through;color: #1f1f1f !important;margin-left: 10px}
.thaydoi_gh{background: #D12730;padding: 10px 20px;color: #fff;text-transform: uppercase}
.input_ngnhan{width: 300px;padding: 10px;float: right;border: 1px solid #eee;margin-bottom: 10px;margin-right: 10px;outline: 0}
.loi{}
.wp_nguoinhan{float: left;width: 100%;margin-top: 10px}
.left_nguoinhan{float: left;width: 502px}
#ghichu{float: left;width: 300px;height: 156px;outline: 0;padding: 10px}
.wp_submit{float: left;width: 100%;text-align: center}
.img_giohang{padding: 3px 5px;background: #004b80 url('../images/icon_3.png') no-repeat 4px 4px;width: 20px; height: 18px;-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;cursor: pointer;float: left}
.child_product:hover .img_giohang{background: #fff url('../images/icon_2.png') no-repeat 4px 4px}
.giohang_detail_wp{text-align: center;float: left;width: 100%}

@media screen and (min-height:860px)  and (max-height:999px) {


}
.img_giohang{display: none}
.host_detail{display: inline-block;text-align: center;
    font-size: 18px;width: 100%;
    padding-top: 6px;color: #363232}
.host_detail i{
    color: #ff2222;
    font-weight: bold;font-style:initial
}

.time_update {
    float: left;
    color: #ababab;
    width: 100%;
    text-align: left;
    padding: 0px!important;font-size: 14px;margin-top: 10px;
}
.list_news_page_content{float: left;width: 100%}
.list_news_page_content a b{display: inline-block;font-size: 14px;color: #ababab;margin-left: 10px;font-weight: 100}