body{
	color:#333333;
	font-family: 'Arial';
	font-size:14px;
}
/* font */
@font-face{
	font-family: 'Arial';
	 src:url(../font/Arial.ttf);
}
@font-face{
	font-family: 'Arial_bold';
	 src:url(../font/Arial_bold.ttf);
}
@font-face{
	font-family: 'MYRIADPRO_BOLD';
	 src:url(../font/MYRIADPRO_BOLD.OTF);
}
@font-face{
	font-family: 'MyriadPro_Regular';
	 src:url(../font/MyriadPro_Regular.otf);
}
a,a:hover,a:link,a:active,a:focus{
    text-decoration: none;
color:#333;
}
ul{
	padding:0px;
	/*list-style-type:none;*/
	margin-bottom:0px;
}
/* font */
.none-padding{
	padding-left:0px;
	padding-right:0px;
}
.none-border{
	border:0px!important;
}
/* padding */
.padd-left-15{
	padding:0px 0px 0px 15px!important
}
.padd-right-15{
	padding:0px 15px 0px 0px!important
}
.padd-top-15{
	padding-top:15px;
}
/*end padding */
/* margin */
.mar-left-15{
	margin-left:15px;
}
.mar-top-15{
	margin-top:15px;
}
/* end margin */

/* color */
.color-red{
	color:red;
}
/* end color */
/* btn */
.btn-red{
	background:red;
}
/* end color */

#content {
    /* padding: 10px; */
    padding-bottom: 60px;
}
#footer {
	position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #2d2d2d;
}
#container {
      min-height: 100%;
    position: relative;
    }
#header
html,
    body {
        margin:0;
        padding:0;
        height:100%;
    }
   .container{
	   width:1140px;
   }
 .menu{
	 height:78px;
	 padding: 10px 0px;
	 margin-bottom: 7px;
	}
  .menu div:first-child{
	  width:354px;
  }
  .meu img{
	  height:56px;
  }

  .menu div:last-child{
	  width:calc(100% - 354px);
	  margin-top: 44px;
	  padding-right: 0px;
	 }
  .menu div:last-child span{
	  width:100%;
	  display:block;
  }
  .menu ul{

float: right;
	 }
  .menu ul li{
	  display:inline-block;
	  padding: 0px 10px;
	 }
	 .menu ul li:hover a{
	 color: #c5013c;
	 }
  .menu ul li img{
	  /* height:20px; */
	  position:  relative;
	  bottom: 3px;
	 }
	 .menu ul li a{
		 color:#333333;
		    font-size: 15px;
	 }
	 .menu ul li a.active{
		     color: #c5013c;
	 }
	 .carousel-indicators li {
    width: 13px;
    height: 13px;
    border: 1px solid #dddddd;
    border-radius: 13px;
    background: #dddddd;
}
.carousel-indicators .active {
    width: 13px;
    height: 13px;
    position: relative;
    bottom: 1px;
    border: 1px solid #fff;
}
.buttonset{
	display:none;
}
#nav_list {
       width:100%;
    }
.gioithieu{
	padding: 25px 0px 20px 0px;
	/*border-bottom:1px solid #cccccc;*/
}
.gioithieu p{
	font-size:25px;
	font-family: 'Arial';
}
.noidung{
	text-align:justify;
}
.noidung p{
	font-size:15px;
	font-family: 'Arial';
	line-height:1.7;
}
.noidung div:first-child{
	padding-right:30px;
	min-height: 200px;
}

.noidung div:last-child img{
	width:100%;
}
.noidung i{
	font-style: normal;
	color:#c5013c;
	font-weight:bold;
	font-family: 'Arial_bold';

}
.gioithieu-button{
	text-align:right;
	position:  absolute;
	right:  30px;
	bottom: 6px;
}
.gioithieu-button a{
	padding: 10px 15px;
	background:#c5013c;
	color:#fff;
	    margin-left: 4px;
}
.gioithieu-button a:hover {

	background:#890631;

}
.gioithieu-button a img{
	height: 20px;
	padding-right:5px;
	width:21px!important;
}
.hoadon {
	padding:20px 0px;
}
.hoadon ul li{
	    width: calc(( 100% / 4));
    display: inline-block;
    padding: 15px;
	border:1px solid #fff;
}
.hoadon ul li a{
	color:#333;
}
.hoadon ul li img{
	height:15px;
	padding-right:5px;

}
.hoadon ul li span:first-child{
	color:#c5013c;
	font-family: 'Arial_bold';
	font-size:17px;
	margin-bottom:10px;
}
.hoadon ul li span{
	display:block;
	text-align:justify;
	    width: 100%;
}
.hoadon ul li:hover {
	border:1px solid #cccccc;
}
.ul-tieude {
    border-bottom: 1px dashed #d8d5d5;
}
.ul-tieude li{
	display:inline-block;
}
.ul-tieude li img{
	height:15px;
	padding-left:3px;
}
.ul-tieude li:first-child{
	color:#333;
	font-size:20px;
	border-bottom:2px solid #c5013c;
	position: relative;
    top: 2px;
}
.ul-tieude li.li-right{
	float:right;
	position:  relative;
	bottom: -3px;
}
.ul-tieude li.li-right a{
	color:#c5013c
}
.form-thumnail .hoadon img{
	width:100%;
	height:auto;
	padding-right: 0px;
}
.form-thumnail .hoadon span{
margin-top:10px;
}
.form-thumnail .hoadon li{
	    padding: 5px 5px 25px 5px;
		box-shadow: 3px 3px 8px 1px rgba(255,255,255,1);
		width:calc((100% / 4) - 12px );
		margin-left:15px;
}
.form-thumnail .hoadon li:first-child{
	margin-left:0px;
}
.form-thumnail .hoadon li:hover{
		box-shadow: 3px 3px 8px 1px rgba(175,175,175,1);
}

.form-thumnail .hoadon li:hover a:hover span{
		color:#c5013c;
}
.form-thumnail .hoadon button{
    border: 0px;
    background: #c5013c;
    color: #fff;
    border-radius: 3px;
    position: absolute;
    bottom: 10px;
    right: 0px;
    transition: all 0.4s ease 0s;
}
.form-thumnail .hoadon li:hover button{
	 right: 20px;
}
.form-thumnail .hoadon ul li span:last-child {
    color: #333;
    font-family: 'Arial';
    font-size: 15px;
    margin-bottom: 10px;
}
.form-thumnail .hoadon ul li span:first-child {
    color: #c5013c;
    font-family: 'Arial';
    font-size: 14px;
    margin-bottom: 0px;
	    margin-top: 0px;
		position:relative;
}
.khachhang{
	padding:10px 0px;
}
.khachhang ul li{
	display:inline-block;
	width: calc((100% / 9) - 4px );
	padding:10px;
}
.khachhang ul li img{
	width:100%;
}
/* footer */
 .footer{
     margin-top:10px;
}
 .footer p{
     margin-top: 10px;
     font-size: 22px;
     color:#fff;
     margin-bottom:0px;
     font-family: 'MYRIADPRO_BOLD';
}
 .footer ul{
     padding:0px;
     text-align:right;
     margin-top: 3px;
}
 .footer ul li{
     display:inline-block;
     padding: 5px 3px;
}
 .footer ul li img{
     height: 25px;
}
/* end footer */
/* content */
.content-top{
    padding-top: 8px;

}
.border-content{
	border-bottom:1px dotted #b3b3b3;
}
.content-top p {font-size: 21px;font-family: 'Arial';margin-bottom: 0px;border-bottom: 2px solid #c5013c;}
.breadcrumb{
	    background: none;
	    text-align: right;
	    margin-bottom: 0px;
	    padding-right: 0px;
	    padding-bottom: 0px;
	    bottom: 4px;
	    position: relative;
}
.breadcrumb>li a,.breadcrumb>li{
	font-family: 'MyriadPro_Regular';
	color: #333!important;
	font-size: 14px;
	border-bottom: 0px solid #c5013c!important;
	top: 0px!important;
}
.breadcrumb>.active{
	color: #c5013c!important;
}
.breadcrumb>li+li:before{
	    color: #333;
}
.content-left{
	width:calc(100% - 261px);
	padding-right: 30px;
}
.content-right{
	width:261px;
	margin-top: 20px;
}
.tinhnang{
	margin-top:25px;
}
.tinhnang .p-title{
	font-family: 'MyriadPro_Regular';
	font-size:30px;
	text-align:center;
}
.tinhnang img{
	width:80%;
	display:block;
	margin:auto;
}
.tinhnang .chuthich{
	color:#808080;
	font-family: 'Arial';
	font-weight:100;
	font-style: italic;
	text-align:center;
    display: block;
}
.video-huongdan div p{
	background: rgba(0,0,0,0.85);
    color: #fff;
    text-align: center;
    padding: 7px 10px;
    position: absolute;
    bottom: 0px;
    margin-bottom: 0px;
}
.video-huongdan div{
	margin-top:15px;
}
.video-huongdan {
	margin-bottom:15px;
}
.video-huongdan img{
	width:100%;
}
.tailieu-huongdan div:first-child{
	width:50px;
}
.tailieu-huongdan li{
	  border-bottom: 1px dashed #d8d5d5;
    margin-top: 15px;
    padding-bottom: 10px;
}
.tailieu-huongdan li:last-child{
	border-bottom:0px;
}
.tailieu-huongdan div img{
	width:100%;
}
.tailieu-huongdan div:last-child{
	width:calc(100% - 55px);
	padding-left:5px;
}
.tailieu-huongdan div:last-child{
	font-family: 'Arial_bold';
}
.tailieu-huongdan div:last-child p{
	font-family: 'MyriadPro_Regular';
	color:#666666;
	margin-bottom:0px;
}
.tailieu-huongdan li:hover a{
	color:#c5013c;
}
.dowload-version .ul-tieude li{
	width:185px;
}
.dowload-version .video-huongdan div p{
	position: static;
    background: none;
    color: #333;
    margin-top: 10px;
    padding: 0px 10px;
}
.dowload-version .video-huongdan div:hover p{
	color:#c5013c;
}
.sanphamkhac div:first-child{
	width:365px!important;
}
.sanphamkhac div:first-child ul li img{
	width:365px!important;
}
.sanphamkhac div:last-child{
	width:calc(100% - 365px);
}
.sanphamkhac div:last-child ul li{
	width:calc((100% / 3) - 4px );
	display:inline-block;
	padding:5px;
	    position: relative;
}
.sanphamkhac div:last-child ul li img{
	display:block;
	margin:auto;
	width: 100%;
}
.sanphamkhac div:last-child ul li:hover:before{
	content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1;
}
.sanphamkhac div:last-child ul li:hover:after{
	position: absolute;
    height: 25px;
    width: 24px;
    content: "";
    background-image: url(../images/search.svg);
    top: 45%;
    z-index: 99;
    left: 45%;
}
.tbl-banggia{
	width:100%;
	margin-top:30px;
}
.tbl-banggia thead{
	background:#cccccc;
}
.tbl-banggia th{
	font-family: 'MYRIADPRO_BOLD';
	color:#c5013c;
	text-align:center;
	border-right:1px solid #fff;
	padding: 7px 10px;
}
.tbl-banggia td{
		text-align:center;
	padding: 7px 10px;
	border:1px solid #e6e6e6;
}
.tbl-banggia tr:hover td{
	background:#f2f2f2;
}
.chicacgoi {
	border:1px solid #e6e6e6;
}
.chicacgoi  li{
	display:inline-block;
	width:calc((100% / 5));
	border-right:1px solid #e6e6e6;
}
.chicacgoi  li:hover{
box-shadow: 3px 2px 5px 0px rgba(173,172,172,1);
}
.chicacgoi  li:hover div:first-child{
background:#c5013c;
color:#fff;
}
.chicacgoi li div:first-child{
	background:#cccccc;
	padding:15px;
	text-align:center;
}
.chicacgoi li div:last-child{
	padding:10px;
}
.chicacgoi li p{
	text-align:center;
}

.chicacgoi  li:nth-child(2) div:first-child .p-img:before,.chicacgoi  li:nth-child(3) div:first-child .p-img:before,.chicacgoi  li:nth-child(4) div:first-child .p-img:before{
	    position: absolute;
    height: 24px;
    width: 24px;
    content: "";
    background-image: url(../images/sao.svg);
    left: -2px;
}
.chicacgoi  li div:first-child p{
	position: relative;
    transform: translateY(-50%);
    top: 50%;
}
.chicacgoi  li div:first-child .p-img{
	padding-left:30px;
}
.chicacgoi  li:nth-child(2):hover div:first-child .p-img:before,.chicacgoi  li:nth-child(3):hover div:first-child .p-img:before,.chicacgoi  li:nth-child(4):hover div:first-child .p-img:before{
    background-image: url(../images/sao_white.svg);
}
.chicacgoi  li .p-img:before{
	position: absolute;
    height: 15px;
    width: 17px;
    content: "";
    background-image: url(../images/check.svg);
    left: 6px;
	    margin-top: 3px;
}
.chicacgoi  li .p-img{
	    text-align: left;
    padding-left: 20px;
}
.phieu-dki{
	width:544px;
	position:relative;
	transform:translateX(-50%);
	left:50%;
	box-shadow: 3px 2px 5px 0px rgba(173,172,172,1);
}
.phieu-dki p{
	padding: 15px;
    font-size: 25px;
    background: #c5013c;
    text-align: center;
    color: #fff;
	font-family: 'MYRIADPRO_BOLD';
}
.bg-form{
	padding:30px;
}
.bg-form .form-group .form-control{
	border-radius:0px;
}
.bg-form .form-group div:first-child{
	padding-right:7px;
}
.bg-form .form-group div:last-child{
	padding-left:7px;
}
.bg-form .form-group button{
	background: #cccccc;
    padding: 10px;
    border: 0px;
    width: 100%;
	color:#c5013c;
	font-family: 'MYRIADPRO_BOLD';
	font-size: 20px;
}
.bg-form .form-group{
	margin-bottom:20px;
}
.bg-form .form-group:last-child{
	margin-bottom:0px;
}
.thanhtoan{
	margin-bottom:25px;
}
.thanhtoan ul li{
	    box-shadow: 3px 2px 5px 0px rgba(173,172,172,1);
    width: calc((100% / 5) - 10px );
    display: inline-block;
    padding: 10px;
    margin-left: 6px;
}

.thanhtoan ul li img{
	/* height: 78px; */
    width: 100%;
    display: block;
    margin: auto;
}
.sanpham-in .tbl-banggia{
	margin-top:0px;
}
.lienhe {
	background:#f2f2f2;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.lienhe p{
	padding:0px 15px;
}
.lienhe div p:first-child{
	background:#cccccc;
	padding:5px;
	text-align:center;
	font-family: 'Arial_bold';
	font-size:18px;
	margin-bottom: 20px;
}
.lienhe div p img{
	width:15px;
	display: inline-block;

}
.lienhe div p span{
	width: calc(100% - 20px);
    display: inline-block;
    padding-left: 10px;
}
.dangki-panel ul{
	list-style-type: disc;
    padding-left: 40px;
}
.dangki-panel ul li{
	padding:3px 0px;
}
.dangki-panel ul li ul{
	list-style-type: circle;
}
 .panel-group.dangki-panel .panel-heading{
	color:#c5013c;
	font-family: 'MYRIADPRO_BOLD';
	font-size: 20px;
	box-shadow: 3px 2px 5px 0px rgba(173,172,172,1);
	    background: none;
		padding:0px;
}
.p-panel{
    font-family: 'MYRIADPRO_BOLD';
    font-size: 18px;
    margin-top: 20px;
    text-align: center;
}
.p-panel a{
	color: #c5013c;

}
.panel-group.dangki-panel .panel-heading h4{
	       padding: 10px 40px 10px 15px;
    text-align: justify;
}
 .panel-group.dangki-panel .panel{
	border:0px;
	position: relative;
	box-shadow:none;
}
.panel-group.dangki-panel .panel-heading.active:before{
	position: absolute;
	height: 6px;
	width: 11px;
	content: "";
	background-image: url(../images/muiten1.svg);
	right: 15px;
	top: 15px;
}
.panel-group.dangki-panel .panel-heading:before{
    height: 11px;
    position: absolute;
    width: 6px;
    background-image: url(../images/muiten2.svg);
    right: 15px;
    top: 9px;
    content: "";
}
.panel-body{
	border:0px
}
.dki-left{
	width:292px;
}
.dki-left p:first-child{
	font-family: 'Arial_bold';
	font-size:18px;
}
.dki-left p:last-child{
	font-family: 'Arial';
	font-size:18px;
}
.dki-right{
	width:calc(100% - 292px);
	padding-left:15px;
}
#close_menu{
	display:none;
}
#close_menu img{
	position: absolute;
    top: 0px;
    right: 10px;
    height: 78px;
    width: 35px;
    margin-top: 0px;
}
.sanpham-in{
	margin-bottom:20px;
}
.bg-dki{
	background:#cccccc;
	padding-bottom: 30px;
	margin-top:20px;
}
.video-inline div{
	display:inline-block;
	width:calc((100% /4 ) - 12px);
	margin-left:15px;
}

.video-inline div:nth-child(4n+1){
	margin-left:0px;
}
.form-tintuc{
	margin-top:15px;
}
.form-tintuc li{
	margin-bottom:25px;
}
.form-tintuc li a{
	font-family: 'Arial_bold';
	font-size:18px;
	width:100%;
}
.form-tintuc li img{
	width:100%;
}
.form-tintuc li p{
	text-align:justify;
}
.form-tintuc li div:last-child .time{
	margin-top:5px;
}
.form-tintuc li p img{
	width:25px;
	height:25px;
	padding-right:5px;
}
.form-tintuc li button{
	border: 0px;
    background: #c5013c;
    color: #fff;
    border-radius: 3px;
	font-family: 'Arial';
	font-size:15px;
}
.form-tintuc li div:last-child{
	padding-left:25px;
}
.form-tintuc li div:last-child:hover a{
	color:#c5013c;
}
.tbl-pagination.pagination li img{
	width:10px;
	height:20px;
}
.tbl-pagination.pagination li a{
	    padding: 6px 18px;
}
.tbl-pagination.pagination>.active>a, .tbl-pagination.pagination>.active>a:focus, .tbl-pagination.pagination>.active>a:hover, .tbl-pagination.pagination>.active>span, .tbl-pagination.pagination>.active>span:focus, .tbl-pagination.pagination>.active>span:hover{
	background:#c5013c;
	border-color: #c5013c;
	color:#fff;
}
.tbl-pagination.pagination li a{
	color:#333;
}
.thongtin-hoadon{
	margin-top:15px;
}
.thongtin-hoadon ul {
    list-style-type: disc;
    padding-left: 15px;
}
.thongtin-hoadon ul li a,.thongtin-hoadon ul li {
	text-align:justify;
}
.hethong{border: 1px solid #cccccc;width: 675px;position: relative;transform: translateX(-50%);left: 50%;margin-bottom: 20px;margin-top: 30px;}
.hethong .form-group{
	width:100%;
	padding:0px 30px;
}
.hethong .form-group:first-child{
	padding:0px;
}
.hethong .form-group label{font-weight:100;width: 190px;text-align: right;padding-right: 6px;}
.hethong .form-group input,.hethong .form-group label{
display:inline-block;

}
.hethong .form-group input,.hethong .form-group .capcha,.hethong .form-group button,.hethong.form-lienhe .macapcha{
	width:calc(100% - 195px);
	border-radius:0px;
}
.capcha,.macapcha{
	float:right;
}
.capcha div{
	width:calc((100% / 2) - 8px);
}
.hethong .form-group .capcha div input{
	width:100%;
	height: 48px;
}
.capcha div img{
	width:100%;
	height: 48px;
}
.capcha div:last-child{
	margin-left:15px;
}
.hethong .form-group button{
background:#cccccc;
border:0px;
color:#c5013c;
padding:6px 12px;
border-radius:0px;
font-family: 'Arial_bold';
}
.hethong .form-group button:hover{
background:#b7b7b7;
}
.hethong .form-group h4{
color: #fff;
    font-family: 'MYRIADPRO_BOLD';
    font-size: 18px;
    text-align: center;
    background: #c5013c;
    padding: 15px;
	margin:0px;
}
.search.input-group input{
	width:calc(100% - 42px);
	border-radius:0px;

}
.search{
	margin-top: 10px;
}
.search.input-group input,.search.input-group .input-group-append{
	display:inline-block;
	height:31px;
}
.search.input-group .input-group-append{
	width:42px;
background:#c5013c;
}
.search.input-group .input-group-append img{
	height:31px;
	width:25px;
	display:block;
	margin:auto;
}
.thongtin-hotro li{
	border-bottom:1px dotted #b3b3b3;
	padding: 15px 0px;
}
.thongtin-hotro li:last-child{
	border-bottom:0px;
}
.thongtin-hotro li:hover a{
	color:#c5013c;
}
.cauhoi{
	margin-top: 30px;
}
.cauhoi .panel-default>.panel-heading+.panel-collapse>.panel-body{
	border-top:0px;
	    padding: 15px 30px;
}
.cauhoi .panel-default>.panel-heading+.panel-collapse>.panel-body .panel-body{
	    padding: 15px ;
}
.cauhoi .panel-group.dangki-panel>.panel-default {
    box-shadow: 2px 2px 4px 1px rgba(173,172,172,1);
    margin-bottom: 15px;
}
.cauhoi .panel-group.dangki-panel>.panel-default .panel-default,.cauhoi .panel-group.dangki-panel .panel-heading
{
	box-shadow:none;
}
.cauhoi .panel-group.dangki-panel>.panel-default .panel-default:last-child
{
	border-bottom:0px;
}
.cauhoi .panel-group.dangki-panel .panel-heading h4 img{
	height: 16px;
    padding-right: 12px;
}
.panel-page .panel-group.dangki-panel .panel-heading.active{
	background: #cccccc;
    box-shadow: 1px 1px 2px 0px rgba(173,172,172,1);
}
.panel-page .panel-group.dangki-panel .panel-heading.active h4{
	color:#c5013c;
}
.panel-page .panel-group.dangki-panel .panel-heading{
	box-shadow: none;
    border-bottom: 1px dotted #b3b3b3;
    color: #333;
	font-family: 'Arial';
}
.cauhoi .panel-page .panel-group.dangki-panel .panel-heading h4 img{
	height:22px;
}
.cauhoi .panel-page .panel-group.dangki-panel .panel-heading:before {
     content:"";
    background-image: url(../images/muitenden.svg);

}
.cauhoi .panel-page .panel-group.dangki-panel .panel-heading.active:before {
  content:"";
    background-image: url(../images/muiten1.svg);

}
.panel-page .panel-group.dangki-panel .panel-body{
	padding:15px 10px;
	background:#f2f2f2;
	    box-shadow: 1px 1px 2px 0px rgba(173,172,172,1);
}
.panel-page .panel-group.dangki-panel .panel-body div:first-child{
	width:28px;
}
.panel-page .panel-group.dangki-panel .panel-body div:last-child{
	width:calc(100% - 28px);
	padding-left:15px;
	text-align:justify;
	padding-right:20px;
}
.panel-page .panel-group.dangki-panel .panel-heading h4{
	    padding-left: 50px;
}
.panel-page .panel-group.dangki-panel .panel-heading h4:before{
	position: absolute;
    height: 20px;
    width: 17px;
    content: "";
    background-image: url(../images/cahoi1.svg);
    left: 15px;
    top: 11px;
}
.panel-page .panel-group.dangki-panel .panel-heading.active h4:before{

    background-image: url(../images/cauhoi.svg);

}
.cauhoi .panel-group.dangki-panel .panel-heading.active:before,.cauhoi .panel-group.dangki-panel .panel-heading:before{
	content:none;
}
.form-lienhe.hethong .form-group:first-child{
	padding:0px 30px;
}
.span-red{
	color:#c5013c;
}
.hethong.form-lienhe .capcha button{
	width:100%;
}
.hethong.form-lienhe .capcha div:first-child button{
	background:#c5013c;
	color:#fff;
}
.hethong.form-lienhe .capcha div:last-child button{
	background:#cccccc;
	color:#c5013c;
}
.hethong.form-lienhe .macapcha div:last-child{
	width:74px;

}
.hethong.form-lienhe .macapcha div:first-child{
	width:calc(100% - 74px);
}
.macapcha{
	    height: 48px;
}
.macapcha img{
	    height: 48px;
		width:100%;
}
.hethong.form-lienhe .macapcha div:last-child img{
	height: 48px;
    width: 26px;
    display: block;
    margin: auto;
}
.hethong.form-lienhe{
	border:0px;
	    margin-top: 0px;
}
.lienhe-right{
	    margin-top: 20px;
}
.lienhe-right ul{
	list-style-type: disc;
    padding-left: 15px;
}
.lienhe-right ul li{
	text-align:justify;
}
.lienhe-right div{
	margin-bottom:30px;
}
.lienhe-right p{
	margin-bottom:15px;
	font-size:15px;
	font-family: 'Arial_bold';
}
.lienhe-right p img{
	height:15px;
	padding-right:10px;
}
.container-lienhe{
	width:100%!important;
	padding: 0px!important;
}
p.p-sdt{
	color:#c5013c;
	font-size:23px;
	font-family: 'Arial_bold';
}
.mar-lienhe{
	    margin-top: 25px;
}
.box-chat{
	padding:7px 0px;
	background:#c5013c;
	text-align:center;
	width: 261px;
	float:right;
	    box-shadow: 3px 2px 5px 0px rgba(173,172,172,1);
}
.box-chat img{
	height:20px;
	padding-right:5px;
}
.box-chat a{
	color:#fff;
}
.content-footer{
	background:#c5013c;
	padding:30px 15px;
	text-align:center;
	color:#fff;
	font-size:18px;
	font-family: 'Arial_bold';
}
.content-footer button{
	background:#fff;
	color:#c5013c;
	font-size:16px;
	border:0px;
	padding:10px 15px;
	margin-top:15px;
}
.sanpham-in li{
	width:calc((100% / 4) - 15px);
	margin-left:10px;
	border:1px solid #bbbbbb;
	padding:8px;
	display:inline-block;
	margin-bottom:10px;
}
.sanpham-in li:hover{
	background:#f2f2f2;
	    border: 1px solid #fff;
}
.sanpham-in li:nth-child(4n+1){
	margin-left:0px;
}
.sanpham-in li p{
	border-top:1px solid #bbbbbb;
	width:100%;
	padding-top:10px;
	margin-top:15px;
	text-align:right;

}
.sanpham-in li a{
	font-family: 'Arial_bold';
}
.sanpham-in li img{
	height:249px;
	display:block;
	margin:auto;
	margin-bottom:10px;
	width: auto;
}

.sanpham-in li p a{
	color:#c5013c;
	font-size:13px;
}
.sanpham-in li p img {
    height: 15px;
    padding-left: 5px;
	width:auto;
	display:inline-block;
	margin-bottom:0px;
}
/* menu bootatrap */
/* To Dropdown navbar dropdown on hover */
/* .style-menu .navbar-nav > li:hover > .dropdown-menu { */
/* display: block; */
/* } */
.style-menu .dropdown-submenu {
position: relative;
background: #EBFCFF;
}
.style-menu .dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0px;
padding:0px;
}
.style-menu .navbar-fixed-top {
top: auto;
padding-left: 50px;
position: relative;
}
/* .style-menu .dropdown-submenu:hover>.dropdown-menu { */
/* display: block; */
/* background: #EBFCFF; */
/* border:0px; */
/* } */
.style-menu .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: #58595B;
margin-top: 5px;
margin-right: -10px;
border-radius:0px;
}
.style-menu .dropdown-submenu:hover>a:after {
/* border-left-color: #fff; */
}
.style-menu .dropdown-submenu.pull-left {
float: none;
}
.style-menu .dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
border-radius:0px;
}
.style-menu .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;padding: 0px;}
.style-menu .navbar-nav>li:nth-child(2)>a{padding: 0px;}
.style-menu .navbar-nav>li>a img{
height: 5px;
    position: relative;
    bottom: 0px;
    left: 7px;
}
.style-menu .navbar-nav>li:first-child>a img{
     height: 20px;
    position: relative;
    bottom: 3px;
}
.style-menu .navbar-nav>li:nth-child(2)>a img:first-child{
	/* display:none; */
}
.style-menu .navbar-nav>li>a.active{/* background: #C3161C; *//* position: relative; *//* bottom: 5px; */}
.style-menu .dropdown-menu>li>a{
padding: 3px 15px;
font-size: 16px;
}
.style-menu .navbar-default .navbar-collapse,.style-menu .navbar-default .navbar-form {
background: #3B8AC9;
}
.style-menu .navbar-nav > li:hover,.style-menu .navbar-nav>li:hover>a{/* background:#C3161C; */}
.style-menu .navbar-nav>li:hover>a,.style-menu .navbar-nav>li.active>a.active{background: none;}
.style-menu .navbar-nav>li:hover,.style-menu .navbar-nav>li.active{border-bottom: 5px solid #c5013c;background: none;}
.style-menu .navbar-nav>li.active{
	border-bottom: 5px solid #c5013c;
}
.style-menu .navbar-nav>li.active>a ul li a{
	border-bottom: 0px solid #c5013c;
}
.style-menu .navbar-nav>li:first-child:hover,.style-menu .navbar-nav>li:first-child.active{border-bottom: 0px solid #c5013c;}
.style-menu .navbar-nav>li:hover>a>span{
position: relative;
top: 5px;
}
.style-menu li:hover .dropdown-submenu a{
/* background:#fff; */
}
.style-menu .navbar-nav>li>.dropdown-menu{
    background: #c5013c;
    padding: 20px 0px;
    /* margin-left:7px; */
    width: 270px;
    }
.dropdown-menu>li:hover>a{
background: #c5013c;
    padding: 20px 0px;

}
.style-menu .navbar-nav>li>.dropdown-menu>li>a{color:#e6e6e6;padding: 3px 15px;white-space: normal;}
.style-menu .navbar-nav>li>.dropdown-menu>li:hover>a{color:#fff;}
.style-menu .navbar-nav>li.active>a{/* background: #C3161C; *//* padding-top: 15px; *//* position: relative; *//* bottom: 0px; */}
.style-menu img{
height: 18px;
padding-right: 10px;
}
.style-menu .dropdown-menu>li>a img{
padding-right: 5px;
}
.style-menu .navbar-nav li:nth-child(2) .dropdown-menu>li:nth-child(2) >a img	{
padding-right: 6px;
}
.style-menu .navbar-nav li:nth-child(2) .dropdown-menu>li:nth-child(2) >a:hover img	{
padding-right: 6px;
}
.style-menu .navbar-nav li:nth-child(2) .dropdown-menu>li:nth-child(2):hover>a img{
padding-right: 8px;
}
.style-menu .dropdown-menu>li>a img:last-child,.style-menu .dropdown-menu>li:hover>a img:first-child,.style-menu .dropdown-menu>li.active>a img:first-child{
display:none;
}
.style-menu .dropdown-menu>li>a img:first-child,.style-menu .dropdown-menu>li:hover>a img:last-child,.style-menu .dropdown-menu>li.active>a img:last-child{
display:inline-block;
}

.dropdown-menu>li>a.active,.dropdown-menu>li:hover>a.active{
background: none;
color: #3b8ac9;
}

.style-menu .navbar-nav > li.active{/* position: relative; *//* bottom: 5px; */}
.style-menu .navbar-nav>li.active:hover>a>span{
position: relative;
top: 0px;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background:none;
}
/*end  menu bootatrap */
/* end content */
/* responsive */
@media screen and (max-width:1155px){
	.sanpham-in li{
		width:calc((100% / 2) - 15px);
	}
	.sanpham-in li:nth-child(2n+1) {
    margin-left: 0px;
}
}
@media screen and (max-width:1140px){
	.container {
    width: 100%;
	padding-left:15px;
	padding-right:15px;
}
.gioithieu-button{
	    position: static;
}
}
/* end */
@media screen and (max-width:1105px){
	.menu div:first-child {
    width: 280px;
}
.menu div:first-child img{
   height:57px;
   width:100%;
}
.menu div:last-child {
    width: calc(100% - 280px);
    margin-top: 33px;
}
.dki-left,.dki-right{
	width:100%;
	padding-left:0px;
}
.content-right {
    width: 200px;
}
.content-left {
    width: calc(100% - 200px);
}
.sanphamkhac div:first-child {
    width: 250px!important;
}
.sanphamkhac div:last-child {
    width: calc(100% - 250px);
}
.phieu-dki {
width: 444px;
}
}
@media screen and (max-width:1010px){
	.menu div:first-child {
    width: 230px;
}
.menu div:last-child {
    width: calc(100% - 230px);
    margin-top: 31px;
}
.menu ul li a{
	font-size:14px;
}
}
@media screen and (max-width:949px){
	.menu div:first-child {
    width: 200px;
}
.menu div:last-child {
    width: calc(100% - 200px);
    margin-top: 27px;
}
.menu ul li {
    padding: 0px 5px;
}
}
/* end */
@media screen and (max-width:887px){
	.buttonset,.menu div:first-child a{
	display:inline-block;
}
#close_menu{
	display:inline-block;
}
 /* pushmenu-push */
     .pushmenu {
        /*this is the nav*/
         background: #fff;
         font-family: Arial, Helvetics, sans-serif;
         width: 85%;
         height: 100%;
         top: 0;
         z-index: 1000;
         position:fixed;
    }
     .pushmenu-left {
         left: -85%;
         overflow: auto;
    }
     .pushmenu-left.pushmenu-open {
         left: 0;
         overflow: auto;
             background: #cccccc;
    }
     .pushmenu-push {
        /* overflow-x: hidden;
         */
         position: relative;
         left: 0;
         width: 100%;
    }
     .pushmenu-push-toright {
         left: 265px;
         position: fixed;
    }
    /*Transition*/
     .pushmenu, .pushmenu-push {
         -webkit-transition: all 0.3s ease;
         -o-transition: all 0.3s ease;
         -moz-transition: all 0.3s ease;
         transition: all 0.3s ease;
    }
  .menu div:last-child span{
	  width:250px;
  }
.menu ul{
	  text-align:left;
	  float: none;
	 }
    /* end pushmenu-push */
.menu ul li{
	display:block;
	padding:0px;
}
.menu ul li.active{
	background:#fff;
}
.menu ul li img{
	bottom:0px;
}
.menu ul li a{padding: 10px 15px!important;width: 100%;display: block;font-size: 17px;}
.menu{
	height: auto;
    position: relative;
    z-index: 999;
    background: #fff;
	margin-bottom:0px;
	    height: 78px;
}
.buttonset {
      float: right;
      height: 57px;
      /* padding-top: 54px; */
      /* width: 40px; */
}
.buttonset img{width: 27px!important;height: 57px;/* position: absolute; *//* bottom: 0px; *//* right: 0px; */padding-right: 0px!important;}
.menu div:first-child {
    width: 100%;
    padding: 0px;
    position:relative;
    /* transform:translateY(-50%); */
    /* top:50%; */
}
.menu div:first-child img {
    padding-right: 15px;
}
#nav_list,.menu div:last-child{
	margin-top:0px;
}
body.pushmenu-push-toright:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1;
}
.menu ul li:first-child{
	height:78px;
}
.sidebar-menu > li ul li{
	height:auto!important;
}
.sidebar-menu > li ul li.active{
	background:none;
}
.sidebar-menu > li ul li.active a{
	color:#fff!important;
}
.menu ul li img{
	height: 30px;
    margin-top: 15px;
}
.hethong{
	width:100%;
}
.style-menu .navbar-nav>li>a img {
    height: 7px;
    position: relative;
    bottom: 0px;
    left: 7px;
}
.style-menu .navbar-nav>li>.dropdown-menu{
	margin-left: 0px;
    width: auto;
	padding:0px;
}
.style-menu .navbar-nav>li>.dropdown-menu>li>a{
	padding:10px 15px!important;
}
.style-menu .navbar-nav>li:first-child>a img {
  margin-top: 18px;
    height: 25px;
    left: 0px;
	    float: left;
}
.style-menu .navbar-nav>li>a img {
	float:right;
	bottom:10px;
}
.navbar-nav{
	margin:0px;
}
}
/* end */
@media screen and (max-width:768px){
	.hoadon ul li {
    padding: 5px 10px;
	width:calc(100% / 2);
}
.form-thumnail .hoadon li{
	margin-left:5px;
}
.form-thumnail .hoadon li {
    width: calc((100% / 4) - 4px );
}
.gioithieu-button a{
	padding:10px;
}
.noidung div:first-child {
     padding-right: 0px;
    min-height: auto;
	padding-bottom:15px;
}
.noidung div{
	width:100%;
}
.gioithieu-button a img{
	display:inline-block!important;

}
.noidung div:last-child img {
    width: 70%;
	display:block;
	margin:auto;
}
.content-left,.content-right{
	width:100%;
}
.search {
    margin-top: 0px;
}
.content-right{
	margin-top:15px;
}
.content-left{
	padding-right:0px;
}
.video-huongdan div img{
	    width: 100%;
}
.video-huongdan div p{
	    width: 100%;
}
.tailieu-huongdan div:first-child {
    width: 100px;
}
.tailieu-huongdan div:last-child {
    width: calc(100% - 105px);
}
.video-inline div{
	width: calc((100% /2 ) - 12px);

}
.video-inline div:nth-child(2n+1) {
    margin-left: 0px;
}
}
/* end */
@media screen and (max-width:767px){
#footer {
  height:auto;
  text-align:center;
  padding: 10px 0px;
 position:relative;
}
.login-footer{
	 position:absolute!important;
}
#content{
	padding-bottom:0px;
}
#footer p{
	 margin-top:0px;
}
.footer ul{
	text-align:center;
}
.tailieu-huongdan div{
	display:inline-block;
}
.tailieu-huongdan div:first-child {
    width: 100px;
}
.tailieu-huongdan div:last-child {
    width: calc(100% - 105px);
}
.sanphamkhac div:first-child{
	display:none;
}
.sanphamkhac div:last-child{
	width:100%;
}
.breadcrumb {
    text-align: left;
    padding-left: 0px;
}
.chicacgoi li{
	display:block;
	width:100%;
}
.chicacgoi li div:first-child p{
	position: static;
    transform: none;
	    margin-bottom: 0px;
}
.chicacgoi li:nth-child(2) div:first-child .p-img:before, .chicacgoi li:nth-child(3) div:first-child .p-img:before, .chicacgoi li:nth-child(4) div:first-child .p-img:before{
	    left: 7px;
    margin-top: 0px;
}
.form-tintuc li div:last-child {
    padding-left: 0px;
	margin-top: 10px;
}
.lienhe-right,.gt-border-bottom div:last-child{
	margin-top:0px!important;
}
.thongtin-khachhang div.col-xs-4, .thongtin-khachhang div.col-xs-8{
	width:auto;
}
.thongtin-khachhang div.col-xs-4 img{
	width:100%;
}
.thongtin-khachhang div.col-xs-8{
	padding-left:20px;
}
.thongtin-khachhang div.col-xs-8 span:nth-child(2n+1) {
    margin-left: 0px!important;
}
.thongtin-khachhang div.col-xs-8 span:nth-child(3) {
    margin-left: 40px!important;
}
.thoigiansd div.col-sm-8{
	width:calc(100% - 210px);
}
.thoigiansd div.col-sm-4{
	width:210px;
}
.thoigiansd div.col-sm-8 div{
	width:100%;
	text-align:left;
}
.thoigiansd span {
    top: 5px!important;
	padding: 0px 0px;
}
.thoigiansd{
	padding-left:0px;
}
.thoigiansd button{
	padding:15px 20px!important;
}
.slider-thongtinsp ul li {
    width: calc((100% / 3) - 9px)!important;

}
.check-matkhau .col-sm-6{
	width:50%;
}
}

/* end */
@media screen and (max-width:667px){
	.hoadon ul li{
		width:100%;
		    padding: 5px 0px;
	}
	.form-thumnail .hoadon li {
        width: calc((100% / 2) - 8px );
	padding:5px 0px;
	    margin-left: 16px;
}
.form-thumnail .hoadon li:nth-child(3) {
   margin-left:0px;
}
.ul-tieude li:first-child{
	font-size:19px;
}
.form-thumnail .hoadon button {
    padding: 5px 10px;
	font-size:16px;
	    bottom: 20px;
}
.tailieu-huongdan div:first-child {
    width: 50px;
}
.tailieu-huongdan div:last-child {
    width: calc(100% - 55px);
}

}
/* end */
@media screen and (max-width:600px){
.ul-tieude li.li-right {
   bottom: -10px;
    width: 100%;
    text-align: right;
}
.khachhang ul li {
    display: inline-block;
    width: calc((100% / 3) - 9px );
    padding: 10px;
}
.hethong .form-group label{
	text-align:left;
}
.form-lienhe.hethong .form-group,.form-lienhe.hethong .form-group:first-child{
	padding:0px;
}
.hethong .form-group label,.hethong .form-group input, .hethong .form-group .capcha, .hethong .form-group button, .hethong.form-lienhe .macapcha{
	width:100%;
}
.tbl-pagination.pagination li a {
    padding:5px 10px;
}
.pagination{
	margin:0px;
}
.none-padd-mb{
	padding-left:0px!important;
	padding-right:0px!important;
}
.dangnhap{
	    width: 100%!important;
		    padding: 45px!important;
			box-shadow:none!important;

}
}
@media screen and (max-width:500px){
	.form-thumnail .hoadon li {
        width: 100%;
	padding:5px 0px;
	    margin-left: 0px;
}
.menu div:first-child {
    width: 100%;
}

.menu div:first-child a {
	width: calc(100% - 50px);
       padding-right: 15px;
}

.menu div:first-child img{
	padding-right:0px;
}
.tailieu-huongdan div:first-child {
    width: 70px;
}
.tailieu-huongdan div:last-child {
    width: calc(100% - 75px);
}
.dangki-panel ul {
    padding-left: 10px;
}
.phieu-dki {
    width: 100%;
}
.bg-form {
    padding: 15px;
}
.sanpham-in li{
		width:100%;
	}
	.sanpham-in li:nth-child(n+1) {
    margin-left: 0px;
}
.video-inline div{
	width: 100%;

}
.video-inline div:nth-child(n+1) {
    margin-left: 0px;
}
.menu div:first-child img{

   width:auto;
}
.slider-thongtinsp ul li {
    width: calc((100% / 2) - 9px)!important;

}

}
@media screen and (max-width:465px){
	.thoigiansd div.col-sm-8,.thoigiansd div.col-sm-4{
	width:100%;
}
.thoigiansd button{
	width:100%;
	    margin-top: 10px;
}
.thoigiansd{
	padding-left:0px!important;
}
.thoigiansd div.col-sm-8 div{
	text-align:center;
}
}
@media screen and (max-width:435px){
	.menu div:first-child img{

   width:100%;
}
.carousel-indicators{
	bottom: 0px;
    margin-bottom: 0px;
}
 .carousel-indicators li,.carousel-indicators .active {
    width: 10px;
    height: 10px;
}
.thongtin-khachhang div.col-xs-8 span:nth-child(3) {
    margin-left: 20px!important;

}
}
@media screen and (max-width:410px){
	.gioithieu-button a{
		display: block;
    width: auto;
    margin-bottom: 10px;
    text-align: center;
	}
	.sanphamkhac div:last-child ul li{
	width: calc((100% / 2) - 4px );
}
.sanphamkhac div:last-child{
	padding:0px;
}
.tbl-pagination.pagination li a {
    padding: 5px 6px;
}
.tbl-pagination.pagination{
	margin-bottom:20px;
}
.hethong .form-group{
	padding: 0px 15px;
}

}
@media screen and (max-width:380px){
	.buttonset img {
    width: 25px!important;
}
.dangnhap{
	padding:35px!important;
	margin-top:0px!important;
}
}
@media screen and (max-width:351px){
	.buttonset {
    /* padding-top: 47px; */
}
.login-footer{
	position:relative!important;
	margin-top:30px;
}
}
/* end responsive */
/* 20082018 */
.gt-border-bottom{
	margin-top:15px;
	padding-left:0px!important;
}
.gt-border-bottom div:first-child{
	border-bottom:1px solid #c5013c;
}
.gt-border-bottom div:last-child{
	border-bottom:1px dotted #b3b3b3;
}
.gioithieu-link{
	text-align:right;
}
.span-title span{
	font-family: 'MYRIADPRO_BOLD';
	color:#c5013c;
	padding-left: 15px;
}
.span-title{
	margin-bottom:10px;
}
.span-title span:before {
    height: 11px;
    position: absolute;
    width: 6px;
    background-image: url(../images/muiten2.svg);
    left: 0px;
    top: 2px;
    content: "";
}
.dangnhap{
	background:#f2f2f2;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(183,183,183,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(183,183,183,1);
box-shadow: 2px 2px 5px 0px rgba(183,183,183,1);
width:420px;
position: relative;
    transform: translateX(-50%);
    left: 50%;
	padding:45px;
	margin-top:25px;
}
.dangnhap p{
	font-family: 'Arial';
    color: #c5013c;
    font-size: 30px;
    text-align: center;
	    margin-bottom: 25px;
}
.dangnhap .input-group img{
	width:20px;
	height:20px;
}
.dangnhap .input-group input{
	background:#d1d1d1;
	box-shadow:none;
	    border: 1px solid #ccc;
}
.dangnhap .input-group{
	margin-bottom:15px;
}
/* checkbox */
.checkbox input[type="checkbox"] + label {
    font-size:14px;
	padding-left: 0px;
	/* color:#606060; */
}

.checkbox input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 9px 0 0;
    vertical-align:middle;
    background:url(../images/check_radio_sheet1.png) left top no-repeat;
    cursor:pointer;
}

.checkbox input[type="checkbox"]:checked + label span {
    background:url(../images/check_radio_sheet1.png) -19px top no-repeat;
}
.checkbox input[type="checkbox"] {
    display:none;
}
.check-matkhau .col-sm-6:first-child{

}
.check-matkhau .col-sm-6:last-child{
	text-align:right;
}
.check-matkhau .checkbox{
	margin-top:0px;
}
.check-matkhau{
	margin-top:25px;
}
.btn-dangnhap{
	width: 100%;
    background: #c5013c;
    font-size: 18px;
    padding: 6px 10px;
    text-align: center;
    border-radius: 5px;

}
.btn-dangnhap a{
	color:#fff;
}
.thongtin-khachhang{
	margin-top:30px;
}
.thongtin-khachhang div.col-xs-4{
	width:114px;
}
.thongtin-khachhang div.col-xs-4 img{
	width:114px;
}
.thongtin-khachhang div.col-xs-8{
	width:calc(100% - 114px);

}
.thongtin-khachhang div.col-xs-8 span:nth-child(2n+1){
	margin-left:40px;
}
.span-title  img {
    height: 15px;
    padding-left: 3px;
}
.span-title a{
	font-size:12px;
	color:#c5013c;
}
.btn-chitiet {
   border: 0px;
    background: #c5013c;
    color: #fff!important;
    border-radius: 3px;
    padding: 3px 5px;
    float: right;
}
.tinhnang-sp .noidung div:first-child{
	min-height:auto;
	padding-right:0px;
}
.thoigiansd{
	background:#d1d1d1;
	 padding-left:15px;
}
.thoigiansd div:nth-child(2){
	text-align:center;
}
.thoigiansd span{
	position: relative;
    top: 10px;
}
.thoigiansd button{
	 background: #c5013c;
	 color:#fff;
	 border:0px;
	 padding:  10px 20px;
	 float:right;
	 transition: all 0.4s;
	 position:relative;
	 bottom:0px;
	left:0px;

}
.thoigiansd button:hover{
	bottom:3px;
	left:3px;
}
.slider-thongtinsp{
	background:#d1d1d1;
	padding:5px;
}
.slider-thongtinsp ul{
	padding-left:0px;
}
.slider-thongtinsp ul li{
	width:calc((100% / 5) - 9px);
	display:inline-block;
	margin-left:5px;
}
.slider-thongtinsp ul li img{
	width:100%;
}
.slider-thongtinsp .carousel-control.left,.slider-thongtinsp .carousel-control.right{
	background-image:none;
}
.slider-thongtinsp .carousel-control{
	width:25px;
	font-size:15px;
}
.slider-thongtinsp .carousel-control span{

	font-size:22px;
}

/* 20082018 */

/*10092019*/
 .min-div{min-height: 800px;}

/* Style the Image Used to Trigger the Modal */
#myImg {
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
	animation-name: zoom;
	animation-duration: 0.6s;
}

@keyframes zoom {
	from {transform:scale(0)}
	to {transform:scale(1)}
}

/* The Close Button */
.close {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}

.close:hover,
.close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
	.modal-content {
		width: 100%;
	}
}

#container{
	min-height:800px;}
/*footer*/
.contact-footer {
	background:#2d2d2d;
	padding-bottom: 10px;
	margin-bottom: 15px;
	color: #fff;
    text-align: left;

}
.contact-footer p{
	padding:0px 15px;
}
.contact-footer div p:first-child{
	background:#2d2d2d;
	padding:5px;
	text-align:left;
	font-family: 'Arial_bold';
	font-size:18px;
	margin-bottom: 20px;

}
.contact-footer div p img{
	width:15px;
	display: inline-block;

}
.contact-footer div p span{
	width: calc(100% - 20px);
	display: inline-block;
	padding-left: 10px;
}

.tailieu-huongdan ul{ list-style: none;}