canvas{ width:100% !important; height:100% !important; position:absolute; z-index:-1;}
/*-----------css reset---------------------*/
*{ margin:0; padding:0;}
html,body,div,span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Font Face */
@font-face {
    font-family: RC;
    src: url('fonts/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('fonts/RobotoCondensedRegular.woff') format('woff'),
         url('fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}

@font-face {
    font-family: RCB;
    src: url('fonts/RobotoCondensedBold.eot');
    src: url('fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedBold.woff2') format('woff2'),
         url('fonts/RobotoCondensedBold.woff') format('woff'),
         url('fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}


/*----------basic----------------*/
html,body {font-family:Tahoma, Geneva, sans-serif; font-size: 14px; line-height: 25px; text-rendering: optimizeLegibility; min-width:1200px;}
a { text-decoration:none; color:#494949;}
a:hover { text-decoration:none; color:#F00; }
html { overflow-y:scroll }/*Prevent Firefox Scrollbar Jump*/
img{border:none; max-width:100%; height:auto; vertical-align:middle;}
input , textarea { padding: 0; margin: 0; resize:none; outline:none}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0;}
input:focus{ outline:1px solid #9bcd1a;}
textarea:focus{ outline:1px solid #9bcd1a;}
.del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
button{border:0;cursor:pointer;font-weight:bolb; outline:none}
ul{ margin-left:20px;}

#back-top { position: fixed; bottom: 5px; right:5px; text-align:center; }

/*--Phan trang*/

.phantrang{
	text-align:center;
	padding-top:15px;
	padding-bottom:10px;
	margin:10px 0px 10px 0px;
	width:100%;
}
.phantrang a {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2;
    box-shadow: 0 1px 0 #FFFFFF inset;
    color: #393939;
    cursor: pointer;
    font-size: 11px;
    margin: 0 0 0 4px;
    padding: 6px 10px;
}


.phantrang a:hover {
    background: none repeat scroll 0 0 #393939; 
    box-shadow: none;
    color: #FFFFFF;
    text-decoration: none;
}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {
    background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D2D2D2 !important;
    color: #ADADAD !important;
    cursor: default;
    opacity: 0.7;
}
.phantrang .paginate_active, .phantrang .paginate_active:hover {
    background: none repeat scroll 0 0 #393939;   
    box-shadow: none;
    color: #FFF;
	font-weight:bold;
	}/*----------------------------------------------------*/
.center{ width:1200px; margin:0 auto;}

#banner{}
.banner-hl{ position:absolute; bottom:10px; right:10px; color:#FF0; font-size:29px; font-family:UFB;}

#menu{ background:url(../img/bg-menu.png) repeat-x; height:40px; font-family:RC; font-size:15px; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}
.menu-l{ text-transform:uppercase;}
.menu-l ul{ margin-left:0px;}
.menu-l ul li{ display:inline-block; list-style:none !important; background:url(../img/mn-line.png) no-repeat left; height:40px; line-height:40px;}
.menu-l ul li h2{ font-size:15px; font-weight:normal; padding:0px 16px;}
.menu-l ul li a{ color:#FFF; padding:5px 20px;}
.menu-l ul li:hover a{ background:#a0d31c; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #3d500b; border-right:none; border-bottom:none; color:#000; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.activem a{ background:#a0d31c; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px solid #3d500b; border-right:none; border-bottom:none; color:#000 !important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-weight:bold;}

#slide{}

#container{ margin:20px auto;}

.banner-sl{ position:absolute; top:5px; right:0px; text-align:right;}
.banner-sli{ width:190px;}

.left{ width:245px; float:left; margin:0px 20px 0px 5px;}
.left-box{ border:1px solid #CCC; border-top:none; padding:10px; border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px;}
.left-tit{ background:url(../img/left-tit.png) no-repeat; background-size:100% 100%; font-size:15px; text-transform:uppercase; color:#FFF; height:50px; line-height:40px; width:252px; margin-left:-7px; margin-bottom:-8px; font-family:RCB; font-size:18px; margin-top:20px; font-weight:normal;}
.left-tit h2{ font-size:18px; font-weight:normal; margin-left:60px;}

.usp-list{ font-weight:bold; margin-left:35px;}
.usp-list li{ list-style:url(../img/left-li.png); position:relative; font-size:14px;}
.usp-list li a{ display:block; padding:5px 0px;}
.usp-list li ul li{ border:none;}
.usp-bg{ position:absolute; width:209px; height:100%;  background: -webkit-linear-gradient(#FFF, #e7e7e7); background: -o-linear-gradient(#FFF, #e7e7e7); background: -moz-linear-gradient(#FFF, #e7e7e7); background: linear-gradient(#FFF, #e7e7e7); z-index:-1; top:0px; left:-35px;}

.fotorama__nav-wrap{ display:none !important;}

.right{ width:930px; float:left; text-align:justify;}

#f-footer{ background:#6e9700; color:#FFF; padding:5px 0px; font-size:13px; border-top:1px solid #FFF;}

#footer{ background:url(../img/bg-ft.png) no-repeat; color:#FFF; background-size:100% 100%; padding:10px 0px;}
.top-ft{ height:5px; background:url(../img/top-ft.png) repeat-x; border-bottom:1px solid #FFF;}

.lh-l{ width:50%; float:left; padding-right:10px; margin-right:-1px; border-right:1px solid #CCC; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.lh-r{ width:50%; float:left; padding-left:20px; border-left:1px solid #CCC; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.ip-l{ width:25%; float:left; margin-bottom:10px;}
.ip-l span{ color:#F00;}
.ip-r{ width:75%; float:left; margin-bottom:10px;}
.input{ width:100%; padding:3px 0px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.ta_noidung{ width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.button{ padding:3px 10px; background:#78a500; border:1px solid #FFF; color:#FFF;}

.main-tit{ color:#FFF; font-size:17px; margin-bottom:5px; font-family:RCB; border-bottom:1px solid #668b03;}
.main-tit h2{ font-size:17px; padding:8px 20px 8px 30px; position:relative; max-width:830px; margin-left:25px; text-align:center;}
.main-tit h2 span{ background:#78a500; position:relative; padding:9px 20px;}
.main-tit h2 span:before{ position:absolute; top:0px; left:-25px; height:100%; width:26px; background:url(../img/main-tit-h2-l.png) no-repeat; background-size:100% 100%; content:"";}
.main-tit h2 span:after{ position:absolute; top:0px; right:-26px; height:100%; width:26px; background:url(../img/main-tit-h2-after.png) no-repeat; background-size:100% 100%; content:"";}

.main-tit h3{ font-size:17px; float:left; background:#78a500; padding:8px 20px 8px 30px; position:relative;}
.main-tit h3:after{ position:absolute; top:0px; right:-26px; height:100%; width:26px; background:url(../img/main-tit-h2-after.png) no-repeat; background-size:100% 100%; content:"";}

.main-tit a{ color:#FFF;}
.main-tit a:hover{ color:#F00;}

.box-sp{ width:295px; float:left; margin:5px 22px 15px 0px;}
.box-sp-img{ width:100%; height:205px;}
.box-sp-img img{ width:100%; height:100%;}
.box-sp h3{ text-align:center; line-height:20px; font-size:14px; font-weight:normal; background: -webkit-linear-gradient(#FFF, #eaeaea); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFF, #eaeaea); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFF, #eaeaea); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFF, #eaeaea); /* Standard syntax (must be last) */ padding:10px;} 
.bong-sp{ height:10px; background:url(../img/bong-sp.png) no-repeat center top;}

.ct-sp{ border-bottom:1px dotted #CCC; padding:5px 0px; color:#555555;}
.ct-sp span{ font-weight:bold; color:#F00;}

.box-news{ margin-bottom:10px;}
.box-news-img{ width:150px; height:120px; padding:3px; border:1px solid #CCC; line-height:0px; float:left; margin-right:15px;}


.box-newsnb{ padding-bottom:10px; border-bottom:1px dashed #CCC; line-height:20px;}
.box-newsnb img{ width:75px; float:left; margin-right:10px; border:1px solid #FFF; box-shadow:3px 3px #b8b8b8; -webkit-box-shadow:3px 3px #b8b8b8; -moz-box-shadow:3px 3px #b8b8b8;}
.box-newsnb h3{ font-size:13px; font-weight:normal;}


.ib{ border:1px solid #b6b6b6; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:20px; padding:10px; background: -webkit-linear-gradient(#FFF, #eaeaea); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFF, #eaeaea); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFF, #eaeaea); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFF, #eaeaea); /* Standard syntax (must be last) */}
.ib-tit{ height:47px; background:url(../img/clpt.png) no-repeat center; margin-bottom:10px;}

.doitac{ padding:0px 30px; margin-top:20px;}

.zit{ z-index:9999 !important;}
.zib{ z-index:0;}
.i-map-at{ background:#78a500 !important; color:#FFF;  border:1px solid #555555; border-bottom:none;}
.map{ width:100%; height:500px; border:1px solid #555555; box-sizing:border-box; position:absolute; top:0px; left:0px;}
.box-map{ position:relative; height:500px;}
.i-map{ float:left; padding:5px 10px; background:#F5F5F5; cursor:pointer;}