﻿.box-slide-duan{
	margin:54px auto 0px;
}
.item-content-duan{
	padding:70px 0px 40px;
}
.xanh{
	background:#015788;
}
.xanh *{
	color:#fff!important;
}
.xam{
	background:#ece9e9;
}
.linkdangky{
	margin:auto;
	text-align:center;
}
.linkdangky p{
	margin:0px auto 0px!important;
	color:#fff;
	padding:8px 30px;
	background: #e88a25;
    background: -webkit-linear-gradient(left,#e88a25,#d40000);
    background: -o-linear-gradient(right,#e88a25,#d40000);
    background: -moz-linear-gradient(right,#e88a25,#d40000);
    background: linear-gradient(to right,#e88a25,#e4212a);
    -webkit-border-radius:21px;
	-moz-border-radius: 21px;
	border-radius: 21px;
	display:inline-block;
	cursor:pointer;
}

.linkdangky p:hover{
	background: #d40000;
}
.detail{
	line-height:26px;
}
.detail *{
	line-height:26px;
	font-size:16px;
}
.detail p{
	margin-bottom:6px;
}
.detail img{
	max-width:100%;
	height:auto!important;
}

.detail ul li {
    padding-left: 22px;
    margin-bottom: 12px;
    text-align: justify;
    background: url(../images/arrow-category.png) no-repeat 0 4px;
    padding-left: 24px;
}

.detail table{
	border: 1px #ccc solid;
    width: 100%;
    margin:10px 0px 20px 0px;
}
.detail table td{
	padding: 5px;
    border: 1px #ccc solid;
}
.detail h3{
    border-bottom: 1px #ccc dashed;
    font-weight:bold;
    display: block;
    margin-bottom: 8px;
}
.ten-duan{
	font-size: 26px;
    text-align: center;
    color: #fff;
    background: #015788;
    padding: 30px 10px;
    margin-bottom: 20px;
}

.ten-thuoctinh-duan{
	color: rgb(1, 87, 136);
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 30px;
    text-align: center;
    display: block;
}

.footer-duan{
    background: #fff url(../images/bg-ft01.jpg);
    padding: 20px 0px 20px 0px;
    border-top: 1px #ccc solid;
}
.link-thietkeweb-duan{
	text-align:center;
	display:block;
	margin-top:20px;
	border-top:1px #ccc dashed;
	padding-top:5px;
}

/* hotline */
.hotline-phone-ring-circle{width:85px;height:85px;top:10px;left:10px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #e60808;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.hotline-phone-ring-circle-fill{width:55px;height:55px;top:22px;left:26px;position:absolute;background-color:rgba(230,8,8,.7);border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-img-circle{background-color:#e4013a;width:33px;height:33px;top:33px;left:37px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.hotline-phone-ring-img-circle .pps-btn-img img{width:20px;height:20px}

.hotline-bar{position:absolute;background:#e88a25;background:-webkit-linear-gradient(left,#e88a25,#e4013a);background:-o-linear-gradient(right,#e88a25,#e4013a);background:-moz-linear-gradient(right,#e88a25,#e4013a);background:linear-gradient(to right,#e88a25,#e4013a);height:40px;width:180px;line-height:40px;border-radius:3px;padding:0 10px;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.1);border-radius:50px !important;border:none;left:23px;bottom:37px}.hotline-bar>a{color:#fff;text-decoration:none;font-size:16px;font-weight:normal;text-indent:40px;display:block;letter-spacing:1px;line-height:42px;}.hotline-bar>a:hover,.hotline-bar>a:active{color:#fff}@-webkit-keyframes phonering-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@-webkit-keyframes phonering-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.6}}@-webkit-keyframes phonering-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}@media (max-width:768px){.hotline-bar{display:none}}

.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
}

.hotline-phone-ring-wrap {
    position: fixed !important;
    bottom: -26px;
    left: -15px;
    width:245px;
    z-index: 9;
}

.hotline-phone-ring {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: -10px;
    bottom: 0;
    display: block;
}
.float-icon-hotline {
    display: block;
    width: 40px;
    position: fixed;
    bottom: 55px;
    left: 10px;
    z-index: 999999;
}
	

.float-icon-hotline ul {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
}
.float-icon-hotline ul li {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}
.float-icon-hotline ul li a#messengerButton {
    padding: 0px !important;
    background: transparent !important;
    border: 0px !important;
}
.float-icon-hotline ul li .fa-zalo {
    background:url('../images/zalo.png') center center no-repeat;
    background-size:40px 40px;
    width:40px;
    height:40px;
    display:block;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.float-icon-hotline ul li .fa-zalo:hover {
    background:url('../images/zalo.png') center center no-repeat;opacity:.8;
    background-size:40px 40px;
}
.float-icon-hotline ul li .fa-messenger {
    background:url('../images/fb.png') center center no-repeat;
}
.float-icon-hotline ul li .fa-messenger:hover {
    background:url('../images/fb.png') center center no-repeat;opacity:.8;
}
.dang-ky-fix{
	position:fixed!important;
	bottom:10px;
	right:5px;
	z-index:100;
}


/* reponsive */
@media (max-width: 1100px) {
.ten-duan {
    font-size: 22px;
    line-height:28px;
    padding:10px 10px;
}
.box-slide-duan {
    margin: 42px 0px 0px 0px;
}
.ten-thuoctinh-duan{
    font-size: 20px;
    line-height:28px;
    margin-bottom:15px;
}
.box-support{
	display:none;
}


}