/* VIET NHAT - SUB1 */
/*--------------------------------------------------*/
.body{background:url(../images/sub1-bg.jpg) top right no-repeat; background-color:#fafafa;}
.header-bot{background:url(../images/sub1-header-bot.gif) top left no-repeat;}
/*--------------------------------------------------*/
.body .sub1-intro{width:664px; height:198px; float:left; overflow:hidden; margin-left:10px;}
.body .sub1-intro .intro_images{width:346px; height:175px; float:left; overflow:hidden; margin-left:57px; margin-top:14px;}
.body .sub1-intro .intro_image{background-position:bottom; background-repeat:no-repeat; width:346px; height:175px; float:left;}
.body .sub1-intro .intro_menu{background:transparent url(../images/sub1-intro-menu-bg.gif) repeat-x; width:222px; height:198px; float:left;}
.body .sub1-intro .intro_menu .thumb{width:50px; height:50px; float:right; padding-right:5px; padding-top:5px;}
.body .intro_mask{background:url(../images/sub1-intro-bot-mask.png) top right no-repeat; width:447px; height:55px; position:relative; left:217px; top:143px; z-index:10;}
.body .intro_mask_left{background:url(../images/sub1-intro-bot-mask-left.png) top left no-repeat; width:217px; height:3px; position:relative; left:0px; top:140px; z-index:11;}
/*----*/
.body .sub1-intro .intro_menu .itemtop{width:222px; height:67px; background:transparent url(../images/sub1-intro-menu-itemtop.gif) bottom repeat-x; float:left; cursor:pointer;}
.body .sub1-intro .intro_menu .itemtop .title{width:146px; height:15px; float:left;color:#3c87b9; font-weight:bold; padding-left:10px; padding-top:10px; overflow:hidden;}
.body .sub1-intro .intro_menu .itemtop .description{width:146px; height:32px; float:left;color:#54819f; padding-left:10px; overflow:hidden;}
.body .sub1-intro .intro_menu .itemtop_over{width:222px; height:67px; background:transparent url(../images/sub1-intro-menu-itemtop2.gif) bottom repeat-x; float:left; cursor:pointer;}
.body .sub1-intro .intro_menu .itemtop_over .title{width:146px; height:15px; float:left;color:#34688d; font-weight:bold; padding-left:10px; padding-top:10px; overflow:hidden;}
.body .sub1-intro .intro_menu .itemtop_over .description{width:146px; height:32px; float:left;color:#4f88ac; padding-left:10px; overflow:hidden;}
/*----*/
.body .sub1-intro .intro_menu .item{width:222px; height:66px; background:transparent url(../images/sub1-intro-menu-item.gif) bottom repeat-x; float:left; cursor:pointer;}
.body .sub1-intro .intro_menu .item .title{width:146px; height:15px; float:left;color:#3c87b9; font-weight:bold; padding-left:10px; padding-top:10px; overflow:hidden;}
.body .sub1-intro .intro_menu .item .description{width:146px; height:32px; float:left;color:#54819f; padding-left:10px; overflow:hidden;}
.body .sub1-intro .intro_menu .item_over{width:222px; height:66px; background:transparent url(../images/sub1-intro-menu-item2.png) bottom repeat-x; float:left; cursor:pointer;}
.body .sub1-intro .intro_menu .item_over .title{width:146px; height:15px; float:left;color:#34688d; font-weight:bold; padding-left:10px; padding-top:10px; overflow:hidden;}
.body .sub1-intro .intro_menu .item_over .description{width:146px; height:32px; float:left;color:#4f88ac; padding-left:10px; overflow:hidden;}
/*----*/
.body .sub1-intro .intro_menu .itembot{width:222px; height:66px; background:none; float:left; cursor:pointer;}
.body .sub1-intro .intro_menu .itembot .title{width:146px; height:15px; float:left;color:#3c87b9; font-weight:bold; padding-left:10px; padding-top:10px; overflow:hidden;}
.body .sub1-intro .intro_menu .itembot .description{width:146px; height:32px; float:left;color:#54819f; padding-left:10px; overflow:hidden;}
.body .sub1-intro .intro_menu .itembot_over{width:222px; height:66px; background:transparent url(../images/sub1-intro-menu-item2.png) 0px 5px repeat-x; float:left; cursor:pointer;}
.body .sub1-intro .intro_menu .itembot_over .title{width:146px; height:15px; float:left;color:#34688d; font-weight:bold; padding-left:10px; padding-top:10px; overflow:hidden;}
.body .sub1-intro .intro_menu .itembot_over .description{width:146px; height:32px; float:left;color:#4f88ac; padding-left:10px; overflow:hidden;}
/*--------------------------------------------------*/
.body .sub1-center{width:664px; float:left; margin-left:10px; overflow:hidden;}
.body .sub1-center .mid{width:662px; border:1px #ececec solid; background:#FFFFFF; border-top:none; border-bottom:none; overflow:hidden;}
.body .sub1-center .bot{width:664px; height:4px; background:url(../images/sub1-center-bot.gif) top no-repeat;}
/*--------------------------------------------------*/
.body .sub1-center .pages{width:662px; height:370px; overflow:hidden;}
.body .sub1-center .page{width:662px; height:370px; overflow:hidden;}
/*--------------------------------------------------*/
.tab3{background:url(../images/sub1-tab-bg.gif) bottom repeat-x; height:39px; width:664px; float:left;}
.tab_padding3{width:50px; height:39px; float:left;}
.tab3 .tab_item, .tab_item2{height:39px; float:left; cursor:pointer;}
.tab3 .tab_item .tab_left{background:url(../images/sub1-tab-item-left.gif) bottom right no-repeat; width:1px; height:39px; padding-left:8px;}
.tab3 .tab_item .tab_mid{background:none; height:34px; color:#7a7a7a; font-weight:bold; vertical-align:bottom; padding-bottom:5px;}
.tab3 .tab_item .tab_mid2{background:none; height:34px; color:#000000; font-weight:bold; vertical-align:bottom; padding-bottom:5px;}
.tab3 .tab_item .tab_right{background:url(../images/sub1-tab-item-left.gif) bottom; width:1px; height:39px;}
.tab3 .tab_item2 .tab_left{background:url(../images/sub1-tab-item-left.gif) bottom right no-repeat; width:1px; height:39px; padding-left:8px;}
.tab3 .tab_item2 .tab_mid, .tab3 .tab_item2 .tab_mid2{background:url(../images/sub1-tab-item-mid2.gif) bottom repeat-x; height:34px; color:#7a7a7a; font-weight:bold; vertical-align:bottom; padding-bottom:5px;}
.tab3 .tab_item2 .tab_right{background:url(../images/sub1-tab-item-left.gif) bottom; width:1px; height:39px;}
.tab3 .tab_mid, .tab_mid2{padding-left:8px; padding-right:8px;}
.tab3 .tab_mid SPAN, .tab_mid2 SPAN{white-space:nowrap;}
/*--------------------------------------------------*/
.body .sub1-center .cates{width:637px; height:319px; float:left; border:1px #e4e4e4 solid; margin-left:10px; margin-top:10px; overflow:hidden;}
.body .sub1-center .cate_item{width:637px; height:319px; float:left; overflow:hidden;}
.body .sub1-center .cate_img{width:468px; height:319px; float:left; overflow:hidden;}
.body .sub1-center .cate_info{width:169px; height:319px; float:left; overflow:hidden;}
.body .sub1-center .cate_title{width:169px; height:18px; color:#1470a3; font-weight:bold; float:left; padding-left:15px; padding-top:10px; overflow:hidden;}
.body .sub1-center .cate_description{width:150px; height:245px; color:#7a7a7a; line-height:18px; float:left; padding-left:15px; padding-top:5px; overflow:hidden;}
.body .sub1-center .cate_buttons{width:169px; height:42px; float:left; padding-left:7px; padding-top:7px; overflow:hidden;}
.body .sub1-center .cate_viewmore{background:url(../images/viewmore_btn.gif); width:76px; height:22px; float:left; margin-left:5px; cursor:pointer;}
.body .sub1-center .cate_viewmore_over{background:url(../images/viewmore_btn2.gif); width:76px; height:22px; float:left; margin-left:5px; cursor:pointer;}
.body .sub1-center .cate_register{background:url(../images/register_btn.gif); width:63px; height:22px; float:left; margin-left:5px; cursor:pointer;}
.body .sub1-center .cate_register_over{background:url(../images/register_btn2.gif); width:63px; height:22px; float:left; margin-left:5px; cursor:pointer;}
.body .sub1-center .cates_foot{background:url(../images/cates_foot.gif) no-repeat; width:662px; height:11px; float:left; margin-top:8px;}
/*--------------------------------------------------*/
.body .sub1-center .register_form{width:630px; height:288px; float:left; overflow:hidden; padding-left:15px; margin-top:10px;}
.body .sub1-center .register_form .title{width:455px; height:60px; float:left; overflow:hidden; line-height:18px;}
.body .sub1-center .register_form .left_form{width:365px; height:215px; float:left; margin-left:-2px; margin-top:20px; color:#7c7c7c; overflow:hidden;}
.body .sub1-center .register_form .right_form{width:258px; height:215px; float:left; margin-top:20px; padding-left:5px; color:#7c7c7c; overflow:hidden;}
.body .sub1-center .register_form .input_padding{width:115px; height:22px; float:left;}
.body .sub1-center .register_form .choose_btn{background:url(../images/choose_btn.gif); width:46px; height:22px; float:left; margin-left:5px; cursor:pointer;}
.body .sub1-center .register_form .choose_btn_over{background:url(../images/choose_btn2.gif); width:46px; height:22px; float:left; margin-left:5px; cursor:pointer;}
.body .sub1-center .register_form .captcha{width:40px; height:19px; border:1px #f3e18c solid; float:right; margin-left:5px;}
/*--------------------------------------------------*/
.popup_menu{position:relative; width:200px; left:104px; top:-187px; z-index:10; background:#ffffff; border:1px #f3e18c solid; display:none;}
.popup_menu_item{padding:4px; font-weight:bold; background:#ffffff; color:#7c7c7c; cursor:pointer;}
.popup_menu_item_over{padding:4px; font-weight:bold; background:#F9A048; color:#ffffff; cursor:pointer;}
