body{
    margin:0px; color:#000;font:12px Arial;
    line-height:18px;
}
td,div{
    line-height:20px; font:12px Arial;
    color: #001a47;

}
p{
    line-height:20px; font:12px Arial;
    color: #001a47;
    margin-bottom: 12px;
}
#container{
    width: 1004px;
    height: auto;
    background-color: #54a2db;
}
#container #header{
    width: 1004px;
    height: 149px;
}
#container #header #banner{
    width: 1004px;
    height: 149px;
    background: url("banner.jpg") no-repeat;
}
#container #header #banner #sponsor-jcarousellite{
    width: 1004px;
    height: 134px;
    background-color: #ffffff;
}
#container #header #banner #top-banner{
    width: 400px;
    height: 134px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
}
#container #header #banner #top-banner #logo{
    background: url("logo.png") no-repeat;
    width: 181px;
    height: 104px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
}
#container #header #banner #top-banner #slogan{
    background: url("slogan.png") no-repeat;
    width: 400px;
    height: 23px;
    position: absolute;
    top: 106px;
    left: 0px;
    z-index: 999;
}
.logo_image{
    width: 201px;
    _width: 201px;
    height: 134px;
}
#container #header #main-menu{
    width: 1004px;
    height: 49px;
    background-color: #54a2db;
}
#container #header #main-menu ul{
    list-style: none;
    margin-left: 70px;
}
#container #header #main-menu ul .menu1{
    width: 42px;
    height: 48px;
    background: url("menu1.jpg") no-repeat;
    float: left;
}
#container #header #main-menu ul .menu2{
    height: 48px;
    background: url("menu2.jpg") repeat-x;
    float: left;
}
#container #header #main-menu ul .menu2 a{
    text-decoration: none;
    line-height: 40px;
    color: #4082df;
    text-transform: uppercase;
    font-weight: bold;
}
#container #header #main-menu ul .menu2 a:hover{
    color: #0852a7;
}
#container #header #main-menu ul .menu2_select{
    height: 48px;
    background: url("menu2.jpg") repeat-x;
    float: left;
}
#container #header #main-menu ul .menu2_select a{
    text-decoration: none;
    line-height: 40px;
    color: #0852a7;
    text-transform: uppercase;
    font-weight: bold;
}
#container #header #main-menu ul .menu2_select a:hover{
    color: #4082df;
}
#container #header #main-menu ul .menu3{
    width: 40px;
    height: 48px;
    background: url("menu3.jpg") no-repeat;
    float: left;
}
#container #header #main-menu ul .menu4{
    width: 40px;
    height: 48px;
    background: url("menu4.jpg") no-repeat;
    float: left;
}
#container #header #main-menu ul .menu5{
    width: 46px;
    height: 48px;
    background: url("menu5.jpg") no-repeat;
    float: left;
}
#container #header #main-menu ul .menu6{
    height: 48px;
    background: url("menu6.jpg") repeat-x;
    float: left;
}
#container #header #main-menu ul .menu7{
    width: 49px;
    height: 48px;
    background: url("menu7.jpg") no-repeat;
    float: left;
}
#container #header #main-menu ul .menu8{
    width: 54px;
    height: 48px;
    background: url("menu8.jpg") no-repeat;
    float: left;
}
#container #header #main-menu ul .menu9{
    width: 54px;
    height: 48px;
    background: url("menu9.jpg") no-repeat;
    float: left;
}
/*CONTENT*/
#container #content{
    background: #53a2db url("bgcontent.jpg") no-repeat bottom;
    width: 1004px;
}
#container #content #main{
    width: 987px;
    height: auto;
}
#container #content #main #left{
    width: 656px;
    height: auto;
    float: left;
}
#container #content #main #top-left-content{
    width: 656px;
    height: 16px;
    background: url("top-left-content.png") no-repeat;
}
#container #content #main #left-content{
    width: 656px;
    background: url("left-content.png") repeat-y top left;
}
#container #content #main #bottom-left-content{
    width: 656px;
    height: 69px;
    background: url("bottom-left-content.png") no-repeat;
}
#container #content #main #right{
    width: 328px;
    height: auto;
    float: left;
}
.title1{
    color: #001b47;
    font: 12px Tahoma;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
.news-title{
    text-decoration: none;
    color: #3781c0;
    font: 12px Tahoma;
    font-weight: bold;
}
.summary p{
    color: #001b47;
    font: 12px Arial;
    margin-bottom: 12px;
    margin-top: 0px;
}
.summary{
    color: #001b47;
    font: 12px Arial;
}
.other{
    text-decoration: none;
    color: #367dd7;
    font: 12px Tahoma;
}
.news-other{
    text-decoration: none;
    color: #3682be;
    font: 12px Tahoma;
    font-weight: bold;
}
.home-view-continue{
    color: #001b47;
    font: 12px Arial;
}
.news-title-article{
    text-decoration: none;
    color: #3781c0;
    font: 12px Tahoma;
    font-weight: bold;
}
.news-small{
    color: #001b47;
    font: 12px Tahoma;
    text-decoration: none;
}
/*HOME*/
.bar-title-service{
    background: url("bg-title.png") no-repeat;
    width: 227px;
    height: 37px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 37px;
}
.bgimage{
    background: url("bgimage.jpg") no-repeat;
    width: 135px;
    height: 133px;
}
.title-home{
    text-decoration: none;
    font: 12px Tahoma;
    font-weight: bold;
    color: #001b48;
}
.discover-top1{
    background: url("discover1.jpg") no-repeat;
    width: 142px;
    height: 135px;
}
.discover-top2{
    background: url("discover2.jpg") no-repeat;
    width: 142px;
    height: 135px;
}
.discover-top3{
    background: url("discover3.jpg") no-repeat;
    width: 142px;
    height: 135px;
}
.discover-top4{
    background: url("discover4.jpg") no-repeat;
    width: 142px;
    height: 135px;
}
.discover-content{
    background: url("discover5.jpg") repeat-y;
    width: 142px;
}
.discover-bottom{
    background: url("discover6.jpg") no-repeat;
    width: 142px;
    height: 12px;
}
.discover-icon{
    background: url("discover-icon.jpg") no-repeat;
    width: 8px;
    height: 9px;
}
.discover-link{
    text-decoration: none;
    color: #001a47;
    font: 12px Arial;
}
.title-discover{
    text-decoration: none;
    color: #001a47;
    font: 12px Arial;
    font-weight: bold;
}
/*RIGHT*/

#container #content #main #right{
    width: 331px;
    height: auto;
    float: left;
}
#container #content #main #top-right{
    width: 331px;
    height: 16px;
    background: url("top-right.png") no-repeat;
}
#container #content #main #content-right{
    width: 331px;
    background: url("content-right.png") repeat-y top left;
}
#container #content #main #bottom-right{
    width: 331px;
    height: 79px;
    background: url("bottom-right.png") no-repeat;
}
.title-right{
    width: 214px;
    height: 37px;
    background: url("bgtitle-right.png") no-repeat;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 37px;
}
.input-right{
    width: 150px;
    border: 1px solid #95c2e1;
}
.button-right{
    width: 79px;
    height: 22px;
    background: url("btn-right.png") no-repeat;
    line-height: 22px;
    border: 0px;
    text-align: center;
    color: #021a4a;
}
.bgimage-right{
    background: url("bgimage-right.jpg") no-repeat;
    width: 100px;
    height: 100px;
}
/*LOGIN*/
.login1{
    width: 331px;
    height: 9px;
    background: url("login1.png") no-repeat;
}
.login2{
    width: 331px;
    background: url("login2.png") repeat-y;
}
.login3{
    width: 331px;
    height: 10px;
    background: url("login3.png") no-repeat;
}
.online_num{
    color: #b3d2f2;
    font: 13px Arial;
}
/*VIDEO*/
.href-title{
    color: #001B48;
    font: 12px Arial;
    text-decoration: none;
}
/*MENU TOP RIGHT*/
#menu-top-right{
    width: 90%;
}
#menu-top-right ul{
    list-style: none;
}
#menu-top-right ul li{
    float: left;
    list-style: none;
    color: #135484;
}
#menu-top-right ul li a{
    text-decoration: none;
    color: #135484;
    font: 11px Tahoma;
    font-weight: bold;
}
/*NOTICE*/
#content #main #left #notice-top-left{
    width: 656px;
    height: 30px;
    _height: 17px;
}
#content #main #left #notice-top-left #notice{
    width: 500px;
    height: 30px;
    _height: 17px;
}
#content #main #left #notice-top-left #notice #left1{
    width: 20px;
    height: 30px;
    _height: 17px;
    background: url("left.jpg") no-repeat;
    float: left;
}
#content #main #left #notice-top-left #notice #content1{
    width: 450px;
    float: left;
    height: 30px;
    _height: 17px;
}
#content #main #left #notice-top-left #notice #right1{
    width: 20px;
    height: 30px;
    _height: 17px;
    background: url("right.jpg") no-repeat;
    float: left;
}
/*FOOTER*/
.footer p{
    color: #ffffff;
}
/*MENU SUB*/
#notice1{
    width: 630px;
    height: 30px;
    _height: 17px;
}
#notice1 ul{
    list-style: none;
}
#notice1 ul li{
    float: left;
}
#notice1 ul li a{
    text-decoration: none;
    font: 11px Tahoma;
    font-weight: bold;
    color: #e7f5fe;
    line-height: 17px;
}
#notice1 ul .menu-sub-normal a{
    text-decoration: none;
    font: 11px Tahoma;
    font-weight: bold;
    color: #e7f5fe;
    line-height: 17px;
}
#notice1 ul .menu-sub-normal a:hover{
     color: #093b60;
}
#notice1 ul .menu-sub-active a{
    text-decoration: none;
    font: 11px Tahoma;
    font-weight: bold;
    color: #093b60;
    line-height: 17px;
}
#notice1 ul .menu-sub-active a:hover{
    color: #e7f5fe;
}
#notice1 ul .icon-sub-menu{
    background: url("icon-sub-menu.jpg") no-repeat;
    width: 22px;
    height: 17px;
}