﻿@charset "utf-8";
/* CSS Document */
body,p,table,tr,td,dt,dl,form,h1,h2,h3,h4,h5,h6,h7,span,strong{ margin:0; padding:0; font-family: Tahoma/*Arial,Helvetica, sans-serif */; font-size:14px;}
table{ border-collapse:collapse;}
a{ color:#000000; text-decoration:none;}
a:hover{ color:#e10000;}
img{ border:0 none;}
#bd{ background:#ccc;}
.banner{ position:relative;}
.banner .btlang {position: absolute;right: 5px;top: 5px;}
.container{background:#FFF;}
.main{ padding:1px 2px;}

/************* Tìm kiếm *********/
.left  .timkiem{ color:#232323; margin-bottom:10px;}
.left  .timkiem .searchText {background: url(../images/bg-tim.jpg) no-repeat left top;}
.left  .timkiem .searchText input {background: none;border: 0 none;color: #333;padding-top: 3px;padding-bottom:4px;width: 154px; padding-left:2px;}
.left  .timkiem .searchBtn {background: url(../images/button.jpg) no-repeat right top;cursor: pointer;width: 38px;}
.left  .timkiem .searchBtnOn {background: url(../images/button.jpg) no-repeat right top;cursor: pointer;width: 38px;}
.left  .timkiem .searchButton {background: url(../images/button.jpg) no-repeat right top;cursor: pointer;width: 38px;}

/************* left ************/
.left{float:left;}
.left #module{ color:#232323; margin-bottom:10px; }
.left #module .module-title{ background: #004498; height:29px; line-height:29px; color:#FFF; padding-left:15px; text-transform:uppercase;}
.left #module .module-noidung{ padding:5px; border:1px solid #CCC; border-top:none;}
.left .add{ border-left:2px solid #106c86; color:#383838; padding:20px 0 10px 5px;}
.left .lang{ margin-top:40px; border-left:2px solid #f68828; padding:3px 0 3px 5px; text-transform:uppercase; color:#6d6d6d; font-weight:bold;}
.left #module .list-left{}
.left #module .list-left p{ padding-top:1px;}
.left #module .list-left a{ padding:8px 5px 8px 23px; display:block; background:url(../images/list-left.jpg) top left no-repeat #CCC; color:#000;}
.left #module .list-left a:hover{ background:url(../images/list-left-hover.jpg) top left no-repeat #f0f0f0; color:#d60000;}
.left .quangcao{ text-align:center; margin-bottom:10px;}
.left .quangcao img{ width:100%; border:1px solid #CCC;}
.left #module #modulebottom{background: url(../images/lrbmenu.png);height:15px;margin-top:1px;}

/******************* Left menu- thu nghiem *************************/
li:hover ul{
                display: block;
            }

/******************* Left menu *************************/




body {
	margin:0;
	padding:0;

	}
	.menu ul {
		list-style:none;
		margin:0;
		padding:0;
		}
		
	.menu .module-title {
    background: #004498 none repeat scroll 0% 0%;
    height: 29px;
    line-height: 29px;
    color: #FFF;
    padding-left: 15px;
    text-transform: uppercase;
	margin-top:-15px;
}
	.menu ul li {
		padding:0px;
		position:relative;
		width:100%;
		height:auto;
		background-color:#34495E;
		border-top:1px solid #BDC3C7;
		}
		
	
.menu ul li ul li {

    width: 200px;
    position: absolute;
    box-sizing: border-box;

}

	.menu ul ul{
		transition: all 0.3s;
		opacity:0;
		position:absolute;
		visibility:hidden;
		left:100%;
		top:-2%;
		}
	.menu ul li:hover > ul{
		opacity:1;
		visibility:visible;
		}
	.menu ul li a{
		    padding: 0px 5px 8px 23px;
    display: block;
    background: #D3E4F2 none repeat scroll 0% 0%;
    color: #0051B5;

		}













ul.menu, ul.menu ul {list-style-type:none;margin: 0;padding: 0;}
ul.menu a {padding:8px 5px 8px 23px; display: block; background: #67a3cf; color:#000;}
ul.menu li {margin-top: 1px;}
ul.menu li a {padding:8px 5px 8px 23px; display: block; background: #d3e4f2 ; color:#0051b5;}
ul.menu li a:hover {background: #d3e4f2; color:#d60000;}
ul.menu li ul li a {background: #ebf1f8;color: #14589f;padding-left: 20px;}
ul.menu li ul li a:hover {background: #ebf1f8;padding-left: 15px;}

/************* Right ************/
.right{float:right;}
.right #module{ color:#232323; margin-bottom:10px; margin-top:-15px;}
.right #module .module-title{ background: #004498; height:29px; line-height:29px; color:#FFF; padding-left:15px; text-transform:uppercase;font-size: 12px;}
.right #module .module-noidung{ padding:5px;border:1px solid #fdf4d7; border-top:none;}
.right #module .phanhoi{ text-align:right; color:#01233c;}
.right .quangcao{ text-align:center; margin-bottom:10px;}
.right .quangcao img{ width:100%;}
.right #module #modulebottom{background: url(../images/lrbmenu.png);height:15px;}
#module .tinnoibat ul{ margin:0; padding:0; list-style:none;}
#module .tinnoibat ul li{ padding-bottom:5px;/*padding-top:5px;border-bottom:1px dotted #004175;*/}
#module .tinnoibat ul li a{ color:#004175;}
#module .tinnoibat ul li a:hover{ color:#f58927;}
#module .tinnoibat img{ width:59px; height:42px; float:left; padding:1px; margin-right:5px; border:1px solid #CCC;}

/*************** Tab *****************/
.tabmenu { padding: 0; margin:0; list-style:none; clear: both; float:right; padding-top:3px !important; }
.tabmenu li { display: inline; }
.tabmenu li a { float:left; font-weight: bold; border:1px solid #FFFFFF; padding:2px 6px; margin:0 1px;background:url("../images/bgtt.png");color:#FFFFFF !important;}
.tabmenu li.active a { font-weight: bold; color:#f00000 !important;background:url("../images/bgtt.png");}

/************* Center ************/
.center{float:left;padding-left:15px;padding-right:15px;}
.center #module{ margin-bottom:9px;}
.center #module .moduletitle{height: 22px;float:none;}
.center #module .module-title{ background:#d3e4f2;height: 29px;color: #fe2526;padding: 5px 18px;font-size: 13px;width: auto;float: left;text-transform:uppercase;font-weight: bold;}
.center #module .module-title11{ background:#d3e4f2;height: 22px;color: #fe2526;padding: 5px 18px;font-size: 13px;text-transform:uppercase;font-weight: bold;}
.center #module .module-title1{background: url(../images/menugiua1.png) no-repeat;height: 22px;float: left;width: auto;padding: 5px 0 0 8px;}
.center #module .module-title .title span{font-size: 13px;font-weight: normal;}
.center #module .module-noidung{ padding:8px; border-left:1px solid #FDF4D7; border-right:1px solid #FDF4D7; border-bottom:1px solid #FDF4D7;}
.center #module .module-noidung a{color: blue;}
.center #module .module-noidung-home{ padding:0 0 7px 0;border-bottom:1px solid #fdf4d7;}
.center #module .module-noidung .item-khoahoc{border-radius: 4px 4px 4px 4px; border:1px solid #fdf4d7; padding:8px; background:#FFF; height:300px;}
.center #module .module-noidung .item-khoahoc .list{ border-bottom: 1px solid #004175; padding-bottom:5px; line-height:150%; color:#343434; padding-top:5px;}
.center #module .list-home{ margin:0; padding:0; color:#FFC603; margin-left:15px; margin-top:10px;}
.center #module .list-home li{ padding:2px 0;}
.center #module .list-home li a{color:#029DC4;}
.center #module .left{ width:230px; float:left;}
.center #module .left .hinhanh{ float:none;}
.center #module .left .hinhanh img{ width:138px; height:93px;}
.center #module .left h4{ font-size:12px;}
.center #module .left .trichdan{ height:79px; overflow:hidden; }
.center #module .right{ width:280px; float:right;}
.center #module .right p{ background:url(../images/li2.jpg) no-repeat; background-position:0px 5px; padding-left:15px; margin-bottom:5px;}

/*************** Slide Đối tác *********************/
.amazon_scroller{padding: 0px;margin: 0px;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;-o-border-radius: 10px;-khtml-border-radius: 10px;}
.amazon_scroller .amazon_scroller_nav{position: absolute;}
.amazon_scroller .amazon_scroller_nav li{cursor: pointer;position: absolute;}
.amazon_scroller .amazon_scroller_mask{position: absolute;margin-left: 30px;margin-right: 30px;overflow: hidden;}
.amazon_scroller ul{padding: 0px;margin: 0px;float: left;}
.amazon_scroller ul li{padding: 0px;margin: 0px;margin-left: 5px;margin-right: 5px;_margin-right: 3px;list-style: none; float: left;text-align: center;display:inline;}
.amazon_scroller ul li a{text-decoration: none;}
.amazon_scroller ul li a amazon_scroller_title{overflow:hidden;}
.amazon_scroller ul li a:hover{text-decoration: underline;}
.amazon_scroller ul li a img{border: none;border:1px solid #CCC;}

/**************** Ngôn ngữ *************************/
#ngonngu { background:url(../images/bg-ngonngu.jpg) repeat-x #ededed; padding:10px 17px; color:#16729e;}
#ngonngu h3{ text-transform:uppercase;}
#ngonngu .list-item{ margin:0; padding:0; list-style:none; padding-top:5px;}
#ngonngu .list-item li{ width:175px; float:left; padding:5px 5px 3px 12px; background:url(../images/li3.png) no-repeat left;}
#ngonngu .list-item li a{ color:#16729e; font-weight:bold;}
#ngonngu .list-item li a:hover{ color:#333;}

/************** Tags *************************/
.tags{ padding:8px; text-align:center;}
.tags a{ color:#b40000; font-weight:bold;}
.tags a:hover{ color:#333;}

/************** Menu footer *************************/
.menu-footer{ padding:10px 8px; background:#004498; color:#FFFFFF;}
.menu-footer a{ font-weight:bold; padding:0 15px 0 13px;color:#FFFFFF;}
.menu-footer a:hover{}

#tin-home{ padding:10px;}
#tin-home .about{ width: 300px; float:left;}
#tin-home h3{ text-transform:uppercase; padding-bottom:5px;}
#tin-home .news-home{ width:300px; float:right; border-left:1px solid #f3f3f3; padding-left:5px;}
#tin-home .news-home ul{ margin:0; padding:0; list-style:none; }
#tin-home .news-home ul li{ padding-bottom:5px;}
#tin-home .news-home img{ width:50px; height:38px; float:left; padding-right:5px;}
.tin-khac{ font-size:14px; color:#0b4680; padding:5px; padding-top:20px; border-bottom:1px solid #0b4680;}

/************* Hỗ trợ trực tuyến ************/
.hotro{font-size:12px;}
.hotro .hinhnen{background: url("../images/images.jpg") no-repeat scroll center center transparent; height: 72px;}
.hotro .nick{ }
.hotro .nick div{ padding:5px 10px;}
.hotro .nick div h3{ padding-bottom:3px; padding-top:5px;}
.hotro .nick div .yahoo{ width:80px; padding-top:3px;background: url(../images/yahoo.png) no-repeat;margin-left: 10px;}
.hotro .nick div .yahoo a{padding-left: 70px;}
.hotro .nick div .skype{ width:80px; padding-top:3px;background: url(../images/skype1.png) no-repeat;}
.hotro .nick div .skype a{padding-left: 80px;}
.hotro .nick div.one{ background:url(../images/hotro.jpg) repeat-y;}
.hotro .nick table img{ width:64px;}
.hotro .nick p{ padding-bottom:2px;}
.hotro .info{padding:10px 1px; border-bottom:1px dotted #4c4240;color: #d30619;}
.hotro .info .hotline{/*background:url(../images/phone.jpg) no-repeat left; */ color:#d30619; font-size:16px; font-weight:bold;padding-left: 30px;}
.hotro .info .phone{ padding:0px 0px 7px 61px; /*background: url(../images/hotline.jpg) no-repeat left;*/ color:#d30619; font-size:16px; font-weight:bold;}
/*.hotro .info .email{ padding:10px 5px 5px 40px; background:url(../images/email.jpg) no-repeat left; color:#232323; font-size:12px; font-weight:bold;}*/

.demtruycap{ color:#3f4347; font-weight:bold; padding:5px;}
#dangky{ color:#3f4347; padding:5px;border: 1px solid #CCCCCC;border-top:none;}
.footer{ color:#3f3f3f; padding:10px; line-height:150%;}
.footer .left{ width:700px; float:left;}
.footer .right{ width:250px; float:right;}
.footer a{ color:#CCC;}
.coppy{ height:46px; background:url(../images/bg-coppy.jpg) no-repeat top; line-height:46px; text-align:center; color:#FFF;}
.readmore{ text-align:right; padding-right:5px; padding-top:5px;}
.readmore a{ /*background:url(../images/readmore.png) no-repeat right;*/ padding:2px 12px 2px;color: #004175;}
.readmore a:hover{}

/************* Menu left ************/
#rtmenu{ padding-top:20px;}
#rtmenu .menuitemup{ border-top:1px solid #106c86; padding:4px 0;}
#rtmenu .start{ border:none;}
#rtmenu .end{ border-bottom:1px solid #106c86;}
#rtmenu a{ font-weight:bold;}
#rtmenu ul{ margin:0; padding:0; list-style:none; text-transform:none; padding-bottom:3px;}
#rtmenu ul li{ padding-bottom:5px;}
#rtmenu ul li a{color:#f58927; font-weight:normal;}
#rtmenu ul li a:hover{ color:#F60;}

/************* Live chat ************/
.livechat{ margin:0; padding:0; list-style:none; margin-top:90px; position:relative;}
.livechat li:hover ul{ display:block; position:absolute; left:200px; background:#FFF; top:0; padding:10px; width:160px; text-align:left; z-index:100000;}
.livechat ul{ display:none; margin:0; padding:0; list-style:none;}
.livechat ul a{padding-left:10px;}

/************* Phân trang ************/
#phan-trang{margin:10px 0 5px 0;padding-left:10px;line-height:30px;}
#phan-trang span{border: 1px solid #D7D7D7;color: #666;padding: 3px 7px;margin:1px;}
#phan-trang span.current{ background-color:#936; color:#FFF;border:0 none;}

/************* Tìm kiếm ************/
#timkiem{ height:35px; background:url(../images/bg-timkiem.jpg) repeat-x;}
#timkiem table{margin-top:6px;}
#timkiem .searchText {background: url(../images/bg-tim.jpg) no-repeat left top; height:22px; color:#666;}
#timkiem .searchText input {background: none;border: 0 none;color: #333;padding-top: 2px;padding-bottom:2px;width: 93%; margin-left:5px;}
#timkiem .searchBtn {background: url(../images/bg-subtim.jpg) no-repeat center;cursor: pointer;width: 52px; padding:0 5px;}
#timkiem .searchBtnOn {background: url(../images/bg-subtim.jpg) no-repeat center;cursor: pointer;width: 52px; padding:0 5px;}

/************* List tin tuc **************/
#news-item-img {float: left;width: 170px;}
#news-item img {float: left;margin-top: 3px;padding: 3px;width: 150px;}
#lien-ket-mxh {margin-top: 20px;padding-right: 10px;text-align: right;}
#lien-ket-mxh img {width: 30px;}
.title-tintuc{ color: #106c86;font-size: 24px;font-weight: bold;padding-bottom: 5px; padding-left:5px; border-bottom:1px solid #106c86; text-transform:uppercase; padding-top:10px;}
.title-h3{ color: #106c86;font-size: 14px;font-weight: bold;padding-bottom: 5px; padding-left:5px; border-bottom:1px solid #106c86; padding-top:10px;}
.title-h4{ text-transform:uppercase; color:#f68829; padding:5px 0;}
.des{ line-height:150%; padding-bottom:10px; }
.item-tintuc{ border-bottom:1px dotted #CCC; line-height:150%; padding:8px 0;}
.item-tintuc .ngaydang{color: #848484; padding:5px 0px;}
.item-tintuc h4{ padding-bottom:5px;font-size:16px;}
.item-tintuc .trichdan{ color:#000000;}
.item-tintuc .hinhanh{ float:left;}
.item-tintuc .hinhanh img{ width:138px !important; height:93px; margin-bottom:5px; margin-right:10px; padding:1px; border:1px solid #bdbdbd;}
.noidung-tintuc{ padding-top:10px; line-height:150%;}
.noidung-tintuc img{max-width:490px; width: expression(this.width > 490 ? 490: true);height:auto !important;}
.title-them{ color: #106c86;font-size: 14px;font-weight: bold;padding-bottom: 5px; padding-left:5px; border-bottom:1px solid #106c86; padding-top:10px;}

/***************** Sản phẩm *******************/
.list-sp{ margin:0; padding:0; list-style:none;}
.list-sp li{ width:170px; float:left; height:240px; text-align:center; margin-bottom:10px; margin-left:7px; padding-right:5px; _margin-left:4px;}
.list-sp li .hinhanh{ height:178px; background:url(../images/bodong.png) no-repeat bottom center;}
.list-sp li .hinhanh img{ width:164px; height:164px; padding:2px; border:1px solid #cfcfcf;}
.list-sp li .tieude{ padding:3px; text-align:left;}
.list-sp li .tieude p{ padding-bottom:2px;}
.list-sp li .chitiet{ text-align:left;}
.chitietsp{ position:relative;}
.download{ width:220px; position:absolute; right:0;}
.download2{ width:220px; height:85px; background:url(../images/download.jpg) no-repeat; margin-bottom:5px;}
.download2 div{ padding-left:105px; padding-right:32px; text-transform:uppercase; font-size:14px; font-weight:bold; padding-top:35px;}
.hinhanh-sp-chitiet{ width:255px; padding:10px; border:1px solid #EEE; float:left;}
.info-sp-chitiet{ width:410px; float:right; padding-top:5px;}
.info-sp-chitiet .title{ font-size:14px; color:#069;}
.info-sp-chitiet p{ padding-top:5px; font-size:13px;}

/****************** Tab *************************/
ul.tabs {margin: 0;padding: 0;list-style: none;height: 42px;width: 100%;}
ul.tabs li {border-width: 1px 1px 1px medium;float: left;line-height: 31px;overflow: hidden;padding: 0;position: relative;}
ul.tabs li a {text-decoration: none;color: #000;font-weight:bold;display: block;text-transform:uppercase;font-size: 12px;padding: 0 7px;outline: none;}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {background:url(../images/bg-hover.png) repeat-x !important;color:#FFF !important;}
html ul.tabs li.active a, html ul.tabs li a.active a:hover  {color:#FFF !important;	background:url(../images/bg-hover.png) repeat-x !important;}
.title-content-left {background: url(../images/bg-title.png) repeat-x scroll 0 0 transparent;height: 42px;margin-top:10px;overflow: hidden;}
.title-content-left ul li {float: left;height: 42px;line-height: 35px;margin: 0 2px;}
.title-content-left ul li a {background: url(../images/bg-menu-content.png) repeat-x scroll 0 0 transparent;color: #FFFFFF;float: left;font-weight: bold;padding-left: 15px; padding-right: 15px;}
.title-content-left ul li {float: left;height: 42px;line-height: 35px;margin: 0 2px;}
ul.tabs li.active a {background: url(../images/bg-hover.png) repeat-x scroll 0 0 transparent !important;color: #FFFFFF !important;}

/******************* SLide **********************/
#slide{height:260px; position:relative; padding:1px 0; margin-bottom:5px;}

/******************* Đối tác ********************/
.doi-tac {background-color: #CCC; padding-left:4px; padding-top:5px;}
.doi-tac img{ width:90px; height:92px;}
.doi-tac .xemthem{ text-align:right; padding:5px 10px; }
.doi-tac .xemthem a{ padding:3px 10px 3px; background:url(../images/xemthem.jpg) right no-repeat;}

.noidung2{ padding:5px 5px 5px 15px;}
.sp-home{ position:relative;}
.sp-home img{ width:341px; height:206px;}
.sp-home p{ height:30px; line-height:30px; text-transform:uppercase; background:url(../images/sp-home.png); position:absolute; width:331px; color:#FFF; padding-left:10px; font-weight:bold; margin-top:176px; }


.content{ width:1200px; margin:0 auto; position:relative;}
.bgtrang{ background-color:#FFF;}
.bgxanh{ background-color:#e2eec9;}
.clr,.clear,.clearfix{ clear:both; float:none;}
/*.line{ height:4px; background:#f3f3f3;}*/
.fl{ float:left;}
.fr{ float:right;}
.pdl3{ padding-left:3px;}
.pdr3{ padding-right:3px;}
.pdr5{ padding-right:5px;}
.pd3{ padding:3px;}
.pd5{ padding:5px;}
.pd10{ padding:10px; _padding:5px;}
.pd20{ padding:20px;}
.pdt3{ padding-top:3px;}
.pdt5{ padding-top:5px;}
.pdt15{ padding-top:15px;}
.pdb5{ padding-bottom:5px;}
.pdl5{ padding-left:5px;}
.pdt10{ padding-top:10px;}
.pdr10{ padding-right:10px;}
.pdb10{ padding-bottom:10px;}
.mrb10{ margin-bottom:10px;}
.pdl10{ padding-left:10px;}
.pdl15{ padding-left:15px;}
.pdl10{ padding-left:10px;}
.bdt{ border-top:1px solid #ccc;}
.bdt2{ border-top: 1px dotted #EBEBEB;}
.mrt10{ margin-top:10px;}
.do{ color:#F00;}
.dam{ font-weight:bold;}
.xam{ color:#393939;}
.cam{ color:#f68828;}
.naudam{color:#5f0333;}
 .font16{ font-size:16px;}
.line150{ line-height:150%;}
.line200{ line-height:200%;}

#khoangcach{margin-bottom: 10px;}
.item-tintuc h4 a{color:#029DC4;}

#hometitle{float: none;height: 22px;padding: 0 0 7px 0;}

#title1{background: url(../images/menugiua1.png) no-repeat;height: 22px;float: left;width: auto;padding: 5px 0 0 8px;}
#module .module-title11 .title a  {color: #fe2526;font-size: 14px;}
#module .module-title11 .title a:hover{color: #000;}
#module .quangcao1{ height: 100px fixed; width: auto;}

.font16{ font-size:16px;}
.line150{ line-height:150%;}
.line200{ line-height:200%;}

#khoangcach{margin-bottom: 10px;}
.item-tintuc h4 a{color:#029DC4;}

#hometitle{float: none;height: 22px;padding: 0 0 7px 0;}
#title{background:#004498;height: 29px;padding: 5px 8px;font-size: 13px;width: auto;float: left;}
#title a {color: #fff;text-transform:uppercase;}
#title1{background: url(../images/menugiua1.png) no-repeat;height: 22px;float: left;width: auto;padding: 5px 0 0 8px;}

#module .module-title11 .title a:hover{color: #000;}
#module .quangcao1{ height: 100px fixed; width: auto;}
.chitiet img{ 
height:90%;
width:100%;
}