.HCsrM a:after, .HCsrM a:before{margin: auto; position: absolute; right: 0; left: 0; display: block; content: ''; background: #3fce3f; width: 100%; height: 50%; z-index: -1;}
.HCsrM a:after{bottom: -17px;} .HCsrM a:before{top: -17px;}
.HCsrM:hover a:after{bottom: 0;} .HCsrM:hover a:before{top: 0;}
.HCsrM:hover a:before, .HCsrM:hover a:after, .HCsrM a:after, .HCsrM a:before{-webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s;}

/* Lien he */
.LienHeRight{float: right; width: 47%; padding: 23px 0.5% 0;}
.LienHeLeft{float: left; width: 47%; padding: 0 0.5%;}

.LineHeTitle{font-size: 20px; font-weight: bold; color: #ff0000; text-transform: uppercase; letter-spacing: 1px;}
.LineHeTitle h1{font-size: 20px;}
.LineHeText{color: #333333; margin: 20px 0; line-height: 22px; text-align: justify;}

.LienHeInfo {margin-bottom: 20px;}
.LienHeInfo li{list-style: none; padding-bottom: 7px; line-height: 20px; color: #333333;}
.LienHeInfo li label {font-weight: bold; color: #333333;}
.LienHeInfo li i{float: left; width: 30px; text-align: center; color: #54a175; opacity: 1; font-size: 15px; line-height: 20px;}
.LienHeInfo li.first-child i{height: 21px;}
#form-contact{width: 402px; margin: 0 0 0 20px; position: relative; padding-bottom: 0;} 
.formItem{float: left; width: 100%; margin-bottom: 10px; position: relative;}
.formItem label{width: 100px; float: left; padding-top: 10px; font-weight: bold; color: #54a175}
.formItem input[type="text"]{float: left; width: 300px; border: 1px solid #54a175; padding: 8px 0 7px; text-indent: 10px;}
.formItem textarea{float: left; width: 280px; height: 60px; padding: 5px 10px; border: 1px solid #54a175;}
.formItem textarea:focus{outline: none;}
.formItem label.error{color: red; position: absolute; right: 5px; width: auto; font-weight: normal;}
.formItem input[type="submit"]{width: 100px; background: #54a175; color: white; height: 30px; border: 0; text-align: center; text-transform: uppercase; font-weight: bold; cursor: pointer;}

/* Tin tuc */
.ListTTimg{padding: 7px; border: 1px solid #e0dede; margin-bottom: 10px;}
.ListTTimg img{max-width: 100%; height: auto; float: left;}
.ListTTname{font-size: 17px; text-align: center; margin-bottom: 10px;}
.ListTTname a{color: #ff8454;}
.ListTTprev{line-height: 22px; font-size: 15px; text-align: center;}

/* Other post */
.Other{margin: 10px 0 0; font-size: 14px;}
.OtherT{margin-top: 10px;}
.Other ul li{list-style: none; background: url("images/bullet3.png") no-repeat 1px 3px; padding: 0 0 10px 10px; list-style-position: inside;}
.Other ul li a{color: #333335;}
.Other ul li span{color: #666666; font-size: 13px; font-style: italic;}
.Other ul li:hover a , .Other ul li:hover span{color: #000;}

.sp-wrap{padding-top: 10px;}
.sp-pic{margin-bottom: 30px;}
.sp-pic img{max-width: 100%;}
.sp-info{margin-bottom: 30px;}
.sp-info ul{list-style: none;}
.sp-info ul li{margin-bottom: 10px; line-height: 1.4;}
.sp-info ul li:nth-child(1){margin-bottom: 15px;}
.sp-info ul li:nth-child(1) h1{font-family: 'Lato-Regular'; font-size: 30px; font-weight: bold; text-transform: uppercase;color: #930182;}
.sp-info ul li:nth-child(2) p{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d7d7d7;}
.sp-info ul li:nth-child(7){margin-top: 15px; padding-top: 15px; border-top: 1px solid #d7d7d7;}
.sp-info ul li b{display: inline-block; width: 113px; vertical-align: top;}
.sp-detail{padding-bottom: 10px; border-bottom: 1px solid #d7d7d7; font-family: 'Lato-Light'; font-size: 30px;}

.sp-html{margin-bottom: 30px;}
.sp-html ul{list-style: none;}
.sp-html ul li{padding: 10px 0; border-bottom: 1px solid #d7d7d7;}
.sp-html ul li b{position: relative; display: block; font-size: 16px; line-height: 28px; cursor: pointer;}
.sp-html ul li b:before, .sp-html ul li b:after{content: ''; position: absolute;}
.sp-html ul li b:before{top: 4px; right: 10px; width: 1px; height: 21px; background: #d7d7d7;}
.sp-html ul li b:after{top: 13px; right: 0; width: 21px; height: 1px; background: #d7d7d7;}
.sp-html ul li .DetailC{margin: 0;}
@media (min-width: 320px){
    
}
@media (min-width: 767px){
    .sp-pic{float: left; width: calc(50% - 15px);}
    .sp-info{float: right; width: calc(50% - 15px);}  
}