/* CSS Document */
.body{color:#666666;font-family:Arial;font-size:11pt;}
.toppage{background:url(../Images/toppage.jpg); width:980px;height:22px;margin-top:15px;}
.midpage{background:url(../Images/midpage.jpg); width:980px;}
.menu{background:url(../Images/midpage.jpg); width:980px;height:30px;}

.menu .list {margin-left:15px;}
.menu .list .menuitem{margin:0 15px;text-align:left;color:#9c1f01;font-weight:bold;font-size:12pt;float:left;cursor:pointer;}

.botpage{background:url(../Images/botpage.jpg); width:980px;height:22px;}
.topmainpage{background:url(../Images/topmainpage.jpg); width:980px;height:22px;}
.midmainpage{background:url(../Images/midmainpage.jpg); width:980px;}
.botmainpage{background:url(../Images/botmainpage.jpg); width:980px;height:22px;}
.main{background:url(../Images/midmainpage.jpg); width:980px;}
.main .top{width:970px;}
.main .left{width:225px;background-color:#fef4d9;float:left;}
.main .right{width:700px;background-color:#fef4d9;float:left;}

.danhmuc{width:225px;margin-top:15px;}
.danhmuc .top{width:225px;height:45px;background:url(../Images/topdanhmuc.jpg);display:inline-table;}
.danhmuc .top .title{color:#FFFFFF;font-size:12pt;font-weight:bold;margin-top:13px;}
.danhmuc .mid{width:210px;background:url(../Images/middanhmuc.jpg);text-align:left;padding-left:15px;cursor:pointer;}
.danhmuc .bot{width:225px;height:15px;background:url(../Images/botdanhmuc.jpg)}

.boxxanh{width:225px;margin-top:15px;}
.boxxanh .top{width:225px;height:48px;background:url(../Images/topboxxanh.jpg);display:inline-table;}
.boxxanh .top .title{color:#FFFFFF;font-size:12pt;font-weight:bold;margin-top:13px;text-align:left;padding-left:50px;}
.boxxanh .mid{width:205px;background:url(../Images/midboxxanh.jpg);padding:0 10px;}
.boxxanh .bot{width:225px;height:14px;background:url(../Images/botboxxanh.jpg)}

.boxnews{width:665px;margin-top:5px;}
.boxnews .top{width:665px;height:14px;background:url(../Images/topboxnews.jpg);}
.boxnews .mid{width:655px;background:url(../Images/midboxnews.jpg);padding-left:10px;}
.boxnews .mid .image{width:150px;float:left;margin:0 5px;text-align:left;}
.boxnews .bot{width:665px;height:14px;background:url(../Images/botboxnews.jpg)}

.box{width:274px;margin:20px;float:left;}
.box .image{background:url(Images/bg.jpg);width:274px;height:127px;}
.box .ebook{background:url(Images/ebook.jpg);width:274px;height:127px;}
.box .java{background:url(Images/java.jpg);width:274px;height:127px;}
.box .live{background:url(Images/live.jpg);width:274px;height:127px;}
.box .email{background:url(Images/email.jpg);width:274px;height:127px;}
.box .title{width:274px;color:#376aac;font-family:Times New Roman;font-size:13pt;font-weight:bold;margin:10px 0;text-align:justify;}
.box .content{width:274px;color:#666666;font-family:Times New Roman;font-size:12pt;text-align:justify;}


.box1 
{
	width:227px;height:190px;float:left;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:13px;
}
.box1 .top {width:227px;height:5px;float:left; background: url('../Images/top.jpg');}
.box1 .left {width:5px;height:140px;float:left; background: url('../Images/left.jpg');}
.box1 .right {width:5px;height:140px;float:left; background: url('../Images/right.jpg');}
.box1 .content {width:217px;height:140px;float:left;}
.box1 .bot {width:227px;height:45px;float:left; background: url('../Images/bot.jpg');}

.box2
{
	width:227px;height:190px;float:left;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:13px;
}
.box2 .top {width:227px;height:5px;float:left; background: url('../Images/top2.jpg');}
.box2 .left {width:5px;height:140px;float:left; background: url('../Images/left.jpg');}
.box2 .right {width:5px;height:140px;float:left; background: url('../Images/right.jpg');}
.box2 .content {width:217px;height:140px;float:left;}
.box2 .bot {width:227px;height:45px;float:left; background: url('../Images/bot2.jpg');}

.titlenews{width:665px;height:37px;background: url('../Images/topnews.jpg');}

.boxnews{}
.boxnews .title{font-size:12pt;color:#9c1f01;}
.boxnews .image{}

.boxcontent1{width:665px;text-align:justify;}
.boxcontent1 .title{width:665px;text-align:left;font-size:12pt;font-weight:bold;color:#9e1f00;}
.boxcontent1 .content{width:665px;text-align:justify;font-size:12pt;color:Gray;margin-top:3px;float:left;}
.boxcontent1 .detail{width:665px;text-align:right;font-size:12pt;font-weight:bold;color:#9e1f00;margin-top:6px;}

.botpage2{width:750px;text-align:center;}
.botpage2 .contentbot{width:740px;border-width:1px;border-color:#eddbc3;background-color:#fef7e5;border-style:solid;display:block;}
.GallerySlide .Play,.GallerySlide .Pause {float:left; background: transparent url(../Images/button.gif) no-repeat;cursor:pointer;height:20px;width:57px;}
.GallerySlide .Next,.GallerySlide .Prev {float:left; background: transparent url(../Images/button1.gif) no-repeat;cursor:pointer;height:20px;width:25px;}
.GallerySlide .Prev{}
.GallerySlide .Next{background-position:0 -20px}
.GallerySlide .Play{display:none; background-position:0 -20px;}
.GallerySlide .Pause{display:block;}
.GallerySlide .Page{font-size:12px;font-weight:bold;float:left;line-height:20px;text-align:center;vertical-align:middle}
.GallerySlide .list{position:relative;overflow:hidden;height:50px;float:left}
.GallerySlide .list .listholder{height:50px;}
.GallerySlide .list .listholder img{display:none;cursor:pointer;height:50px;width:64px;}
.GallerySlide .list .listholder .listitem .imageurl img{display:inline;cursor:pointer;height:50px;margin-left:2px}
.GallerySlide .listitem{float:left;height:50px;position: relative;}
.GallerySlide .listitem .content, .listitem .title{display:none;}
.GallerySlide .button{color:#000000;line-height:15px;font-size:14px;vertical-align:middle;text-align:center;height:50px;float:left;padding-top:30px;}
.GallerySlide .Imagecontent{padding-top:10px;color:black;line-height:18px;font-size:12px;text-align:justify;vertical-align:middle;width: 600px;float:left;}

.GallerySlide .Imagetitle{text-align:center;vertical-align:middle;float:left;margin-top:10px;width:600px;color:black;line-height:18px;font-size:15px;font-weight:bold;}
.GallerySlide .Image{text-align:center;vertical-align:middle;float:left;width:600px;}
.GallerySlide .Image img{max-width:500px;}
.GallerySlide .box{float:left;overflow:hidden;height:50px;position:relative;padding-left:20px;width:396px;margin-left:-2px}