@import url('common.css');

body {background: #DEF3F8 url(../images/bg.png) no-repeat center top; font:11pt Tahoma,Arial,Helvetica,sans-serif}

a{color:#234B92}
a:hover{text-decoration: none; color:#C9302C}
.img-responsive{max-width:100%;height:auto;display:initial}
.logo img{margin: 10px 0}
.stick_zalo{position:fixed;bottom:150px;right:5px;z-index:99999}
.stick_zalo img{width:50px}
#navbar{background: url(../images/nav-bg.gif) repeat-x; border-top-left-radius: 5px 5px; border-top-right-radius: 5px 5px;}
.navbar{margin-bottom: 5px}
.navbar-default {border: none; border-radius: 3px}

.navbar-nav{margin: 0 0.8em}
.navbar-nav li a{font-weight: bold; color: #fff; }
.navbar-nav>li>a:hover, .navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover,
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {color:#fff;background:#00A0C6}
.nav>li>a {padding: 15px 27px}
.dropdown-menu{background-color: #FF7C22}

.title-box {background: #FF7F28; padding: 7px 5px 7px 10px; font-size: 10.5pt; margin: 0; color: #fff; border-top-left-radius: 2px 2px; border-top-right-radius: 2px 2px}
.title-right{margin:0 0 10px;background:#00A0C6;padding:7px 5px 7px 10px;color:#fff;font-size:10.5pt; border-top-left-radius: 2px 2px; border-top-right-radius: 2px 2px}
.main-sub {padding: 5px; background: #F7F7D1; margin-bottom: 10px}

.sub-new{list-style:none;margin:0;padding:0 0 0 10px}
.sub-new li a{display:block;color:#00A0C6;background:url(../images/arrow.gif) no-repeat 0 8px;padding:4px 5px 4px 11px}
.sub-new li a:hover{color:#222}

.sub-cat{list-style:none;margin:0 0 10px;padding:5px 0}
.sub-cat li a{color:#4a4a4a;display:block;font-size:10pt;font-weight:bold;padding:7px 5px 7px 5px;border-bottom:1px solid #fff;background:url(../images/arrows.gif) no-repeat 195px 10px}
.sub-cat li:last-child a{border:none}
.sub-cat li a:hover{color:#E63707; background:#F5E09E url(../images/arrows.gif) no-repeat 195px 10px}
.sub-cat li ul{padding:5px 0 5px 10px;margin:0;list-style:none}
.sub-cat li:last-child ul li a,.sub-cat li ul li a{border:none;padding:2px 2px 2px 11px;color:#FC5F01;font-weight:normal;background:url(../images/arrow.gif) no-repeat left 6px}
.sub-cat li ul li a:hover{color:#00A0C6;background:url(../images/arrow.gif) no-repeat left 6px}

.breadcrumb{margin-bottom: 1em}

.ico-view{text-align:right;margin-top:10px}
.ico-view a{color:#2997CA;padding:0 0 0 17px; margin-left: 1em; background:url(../images/sprite.png) no-repeat 0px -14px}
.ico-view a.go-top{background-position: 2px 2px}
.ico-view a:hover{color:#E3611E}

.main-view-video{margin-bottom:20px}
.wrapper{padding: 10px; background: #fff; border-radius: 5px}
.img-content{height: auto !important}

.errorSummary{border: 1px solid #f00;padding:2px 0;margin:10px 0 5px 0; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.errorSummary ul,.errorSummary ul{margin:0 32px;padding:5px 0; color:red;list-style:disc}
.errorSummary ul li{padding:3px 0}

/**  items-other  **/
.title-item-other{margin:25px 0 10px;padding-bottom:4px;font-size:11pt;color:#4A4444;font-weight:bold;border-bottom:1px dotted #4A4444}
.items-other{margin:0;padding:0;list-style:none}
.items-other li a span{color:#777;font-style:italic}
.items-other li:hover,.items-other li.odd{background:#f6f6f6}
.items-other li a{color:#555;background:url(../images/icon-other.gif) no-repeat 5px 6px;padding:5px 5px 5px 27px;display:block} 
.items-other li a:hover{color:#F3A21E}

#banner{margin-bottom: 0.8em}

#footer{padding:10px 0;font-size:10pt;color:#0093B6} #footer a{color:#0093B6}
#footer p{margin:0 0 5px}
.copyright{text-align:right}
#nav-footer{list-style:none;margin:0 0 10px;padding:7px 5px;text-align:center;background:#00A0C6;color:#fff;border-radius:4px}
#nav-footer li{display:inline}
#nav-footer li::after{content: ":"}
#nav-footer li:last-child::after{content: ""}
#nav-footer li a{color:#fff;padding:0 10px 0 8px}

.statistics{color:#333;padding:5px 4px 8px 10px !important;list-style:none}
.statistics li{padding:2px 0}

.support{list-style:none;padding:10px 0;text-align:center}
.support li {color:#333;font-weight:bold;line-height:1.5em;}
.support li  p{margin:0}
.support li img{margin-bottom:8px}

.bg-adv{padding: 5px;margin:0;list-style:none;text-align:center}
.bg-adv li{margin-bottom: 5px}

.thumbnail{
	-webkit-box-shadow: 10px 7px 4px -5px rgba(193,193,193,1);
	-moz-box-shadow: 10px 7px 4px -5px rgba(193,193,193,1);
	box-shadow: 10px 7px 4px -5px rgba(193,193,193,1);
}
.thumbnail:hover{
	-webkit-box-shadow: 13px 12px 4px -5px rgba(193,193,193,1);
	-moz-box-shadow: 13px 12px 4px -5px rgba(193,193,193,1);
	box-shadow: 13px 12px 4px -5px rgba(193,193,193,1);
}

.panel-items-index{padding:5px 0;margin:0;list-style:none;background:#fff}
.panel-items-index li{padding:1px 0;margin:0;border:none}
.panel-items-index li a{background:url(../images/icon-index.png) no-repeat 3px 7px;padding:2px 2px 2px 17px;display:block}
.panel-items-index li a:hover{background:url(../images/icon-index-hover.png) no-repeat 3px 7px}

.news-new{border-bottom: 0!important}

.simply-scroll-list li{margin-bottom: 1em}
.simply-scroll-list li div{margin-bottom: 0.5em}

/* Mobile */
@media (max-width: 768px) {
	.navbar-default{margin-top: 0.7em}
	#navbar{background: transparent; margin-bottom: 0.5em}
	.navbar-nav{margin: auto; background: #FF7C22}
	.nav>li{margin: 4px 0}
	.nav>li>a {margin:0 10px}
	.navbar-default {background-color: #fff}
	.navbar-nav>.active>a, .navbar-nav>li>a:hover, .navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover,
	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
		border-radius: 4px
	}
	.logo-page{text-align:center}
}
@media (min-width: 768px) {
	.navbar{min-height: 0}
	.navbar-collapse {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {
	.container{width: 1020px}
}


.hotline_fixed {position: fixed;z-index: 101;bottom: 15px; left: 15px;width: 50px; height: 50px;background: rgba(242,59,121,0.2);padding: 5px;z-index:9999;
-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;	}
.hotline_fixed::before {content: "";	width: 70px; height: 70px;border: 1px solid #DF1163;position: absolute;margin: auto -11px;top: 0; right: 0; bottom: 0; left: 0;
-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
-webkit-animation: cssAnimation 1s infinite alternate ease;
-moz-animation: cssAnimation 1s infinite alternate ease;
-o-animation: cssAnimation 1s infinite alternate ease;
}
.hotline_fixed::after {content: "";	width: 60px; height: 60px;border: 1px solid #DF1163;position: absolute;margin: auto -6px;top: 0; right: 0; bottom: 0; left: 0;
-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
-webkit-animation: cssAnimation 1s infinite alternate ease 0.5s;
-moz-animation: cssAnimation 1s infinite alternate ease 0.5s;
-o-animation: cssAnimation 1s infinite alternate ease 0.5s;
}
.hotline_fixed a {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;	
background: #DF1163 url(../images/icon_tel.png) no-repeat center center;
width: 100%; height: 100%;display: block;position: relative;z-index: 102;
animation: 1s ease-in-out 0s normal none infinite running quick-alo-circle-img-anim;
}
@-webkit-keyframes cssAnimation {
	from { -webkit-transform: scale(0,0); opacity: 0;}
	to { -webkit-transform: scale(1,1); opacity: 0.5;}
}
@-moz-keyframes cssAnimation {
	from { -moz-transform: scale(0,0); opacity: 0;}
	to { -moz-transform: scale(1,1); opacity: 0.5;}
}
@-o-keyframes cssAnimation {
	from { -o-transform: scale(0,0); opacity: 0;}
	to { -o-transform: scale(1,1); opacity: 0.5;}
}
@-moz-keyframes quick-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}@-webkit-keyframes quick-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}}@-o-keyframes quick-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}@-moz-keyframes quick-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes quick-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes quick-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes quick-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)}}@-o-keyframes quick-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}@-moz-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-o-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-moz-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}@-o-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}@-moz-keyframes quick-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-webkit-keyframes quick-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-o-keyframes quick-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@keyframes quick-alo-circle-anim{0%{transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-moz-keyframes quick-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-webkit-keyframes quick-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-o-keyframes quick-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@keyframes quick-alo-circle-fill-anim{0%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@-moz-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}@keyframes quick-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}100%{transform:rotate(0) scale(1) skew(1deg)}}