/* CSS Document */
#container{margin:0 auto; width:100%; background:#fff url(../images/graphics/bg_roop.jpg) repeat-x left top}
#wrapper{width:920px; background:url(../images/graphics/bg_main.jpg) no-repeat left top; margin:0 auto 10px auto; overflow:hidden  }
/*header*/
#header{height:56px; width:920px;  margin:0 auto; background:url(../images/graphics/bg_center_header_1x56.gif) repeat-x left top; font:bold 12px tahoma}

#header .header_left{height:56px; width:920px;  margin:0 auto; background:url(../images/graphics/bg_left_header_6x56.gif) no-repeat left top; float:left}
#header .header_left div{height:56px; width:920px;  margin:0 auto; background:url(../images/graphics/bg_right_header_6x56.gif) no-repeat right top; float:left}
#header .header_left div ul{height:56px; width:920px;}
#header .header_left div ul li{height:56px; background:url(../images/graphics/bg_menu_2x1.gif) repeat-y right top; padding:0 29px 0 21px; float:left}
#header .header_left div ul li a{color:#fff; float:left; margin-top:23px}
#header .header_left div ul li.logo a{margin-top:15px; padding-right:48px}
#header .header_left div ul li a:hover{text-decoration:none; color:#ccc}
/*B-content*/
#content{width:920px; margin:0 auto 0px auto;}
.content_top{margin:71px 0 40px 0; overflow:hidden;  width:920px; clear:both}
.content_left{width:604px; float:left; padding-right:119px }
.content_left h1{font:normal 40px Verdana, Arial, Helvetica, sans-serif; color:#fff; width:604px;}
.content_left p{font:normal 19px Verdana, Arial, Helvetica, sans-serif; color:#282828; line-height:1.7 ;width:604px;}
.content_left  label{display:block; width:604px; font:normal 11px arial; color:#0489b7}
.content_left  label a{color:#0489b7}
.content_left span{float:left; margin-left:68px}
.content_right{width:197px;  float:right}
.content_right p{color:#1e4262; font:bold 15px tahoma; margin-bottom:10px}
.content_right p a{color:#1e4262; }
.content_right p span{color:#fff}
.content_right div a{width:197px; border-top:1px solid #cedd7f; display:block; color:#3c3f30; font:normal 11px arial; line-height:1.7; overflow:hidden; padding-top:3px}



.show_pic{width:920px; margin:0px 0 10px 0  }
.bg_top_show{width:920px; background:url(../images/graphics/bg_920x.gif) no-repeat left top; height:8px; font-size:0; line-height:0; clear:both}
.bg_center_show{width:900px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fff ; padding:15px 0 0 18px; overflow:hidden}
.bg_center_show h1{width:880px; overflow:hidden; font:normal 28px Verdana, Arial, Helvetica, sans-serif}
.bg_center_show ul{width:880px; font:normal 14px tahoma; color:#4b4740; float:left; margin:10px 0 20px 0}
.bg_center_show ul li{float:left; margin-right:19px}
.bg_center_show ul li a{color:#0489b7}
.bg_center_show ul li b a{color:#4b4740}
.bg_img_left{width:374px; float:left;  font:normal 12px tahoma; margin-top:23px; height:262px; overflow:hidden}
.bg_img_left h2{font:normal 20px arial; color:#4b4740; margin-bottom:10px; }
.bg_img_left p{line-height:1.7;}
.bg_img_left a{color:#0489b7}
.bg_center_show .bg_img{width:522px; height:277px; text-align:center; font:normal 13px tahoma; color:#afaba3; float:right;}
.bg_footer_show{width:920px; background:url(../images/graphics/bg_bottom_920x.gif) no-repeat left top; height:8px; font-size:0; line-height:0; clear:both}


/*hotro*/
.box_three{width:920px; overflow:hidden}
.hotro{height:158px; width:286px; margin-right:29px; float:left}
.margin_none{margin-right:0px}
.hotro_top{width:286px; background:url(../images/graphics/bg_hotro_top_286x5.gif) no-repeat left top; height:5px; font-size:0px; line-height:0px; }
.hotro_center{height:149px; background:url(../images/graphics/bg_hotro_ce_1x149.gif) repeat-x left top; width:286px}
.hotro_footer{width:286px; background:url(../images/graphics/bg_hotro_fo_286x4.gif) no-repeat left top; height:5px;  font-size:0px; line-height:0px; }

.box_three .vj_banner_300x100{width:300px; height:100px; float:left; margin-left:5px; display:inline}


.title_hotro{width:270px; font:normal 25px arial; color:#f36621; text-align:center;margin:0 0 0px 16px;display:inline ;}
.title_hotro span{color:#000; font:bold 23px arial;}
.title_hotro span sup{font:bold 16px Verdana}
.icon_yahoo{background:url(../images/graphics/icon_61x97.gif) no-repeat center bottom; width:100px; float:left; height:97px; margin-top:20px}
.yahoo_ul{width:149px; float:right; margin:20px 0px 0px 10px; display:inline }
.yahoo_ul li{float:left; height:20px; width:149px;  margin-bottom:5px; font:normal 10px arial}
.yahoo_ul li span{background:url(../images/graphics/htro_left_10x20.gif) no-repeat left top; height:20px; width:10px;float:left} 
.yahoo_ul li label{background:url(../images/graphics/htro_right_10x20.gif) no-repeat right top; height:20px; width:10px; float:left;}
.yahoo_ul li a{height:16px; float:left; color:#000; background:#d9d9d9; padding:4px 30px 0 8px; }
.yahoo_ul li a:hover{text-decoration:none}

/*ho tro 02*/
.hotro_02{height:158px; width:197px; float:left; margin-bottom:15px}
.hotro_top_02{width:197px; background:url(../images/graphics/bg_hotro_top_197x5.gif) no-repeat left top; height:5px; font-size:0px; line-height:0px; }
.hotro_center_02{height:139px; background:url(../images/graphics/bg01_hotro_ce_1x149.gif) repeat-x left top; width:197px}
.hotro_footer_02{width:197px; background:url(../images/graphics/bg_hotro_fo_197x5.gif) no-repeat left top; height:5px;  font-size:0px; line-height:0px; }

.title_hotro_02{width:181px; font:normal 20px arial; color:#f36621; text-align:center;margin:0 0 0px 16px; display:inline ;}
.icon_yahoo_02{background:url(../images/graphics/icon_61x97.gif) no-repeat center bottom; width:70px; float:left; height:97px; margin-top:10px}
.yahoo_ul_02{width:114px; float:right; margin:10px 0px 0px 0px; display:inline }
.yahoo_ul_02 li{float:left; height:20px; width:114px;  margin-bottom:5px; font:normal 10px arial}
.yahoo_ul_02 li span{background:url(../images/graphics/htro_left_10x20.gif) no-repeat left top; height:20px; width:10px; float:left} 
.yahoo_ul_02 li label{background:url(../images/graphics/htro_right_10x20.gif) no-repeat right top; height:20px; width:10px; float:left;}
.yahoo_ul_02 li a{height:16px; float:left; color:#000; background:#d9d9d9; padding:4px 10px 0 4px; }
.yahoo_ul_02 li a:hover{text-decoration:none}


/*list_profe*/
.list_profe{width:250px; font:normal 12px tahoma; line-height:2.0; margin:10px 0 0 17px}
.list_profe a{color:#f16824}

/*left_con_main_204*/
#left_con_main_204{width:204px; float:left}
/*content_right_02*/
.content_right_02{width:204px; margin:72px 0 24px 0 }
.content_right_02 p{color:#1e4262; font:bold 15px tahoma; margin-bottom:10px}
.content_right_02 p a{color:#1e4262; }
.content_right_02 p span{color:#fff}
.content_right_02 div{width:204px;}
.content_right_02 div a{width:198px; border-top:1px solid #cedd7f; display:block; color:#3c3f30; font:normal 11px arial; line-height:1.7; overflow:hidden; padding-top:3px}
#banner_ff{width:204px; float:left}


#right_con_main_699{width:699px; float:right;}
.title_top{width:685px; margin:39px 0 0 14px; }
.title_top h1{font:normal 40px Verdana, Arial, Helvetica, sans-serif; color:#fff; width:604px;}
.title_top p{font:normal 19px Verdana, Arial, Helvetica, sans-serif; color:#282828; line-height:1.7 ;width:604px;}

.content_ffvn{width:699px;}
.title_top_small{width:699px; height:9px; font-size:0px; line-height:0}
.title_top_small span{width:10px; background:url(../images/graphics/bg_co_top_left_10x9.gif) no-repeat left top; height:9px; float:left; font-size:0px; line-height:0}
.title_top_small label{width:10px; background:url(../images/graphics/bg_co_top_right_10x9.gif) no-repeat right top; height:9px; float:left; font-size:0px; line-height:0}
.title_top_small strong{width:679px; background:url(../images/graphics/bg_co_top_center_1x9.gif) repeat-x left top; height:9px; float:left; font-size:0px; line-height:0}

.title_top_small_02{width:699px; height:9px; font-size:0px; line-height:0}
.title_top_small_02 span{width:10px; background:url(../images/graphics/bg02_co_top_left_10x9.gif) no-repeat left top; height:9px; float:left; font-size:0px; line-height:0}
.title_top_small_02 label{width:10px; background:url(../images/graphics/bg02_co_top_right_10x9.gif) no-repeat right top; height:9px; float:left; font-size:0px; line-height:0}
.title_top_small_02 strong{width:679px; background:url(../images/graphics/bg02_co_top_center_1x9.gif) repeat-x left top; height:9px; float:left; font-size:0px; line-height:0}

.content_main_fff{width:697px; border-left:1px solid #e0e0e0;  border-right:1px solid #e0e0e0; background-color:#fff; overflow:hidden; padding-bottom:20px }
.left_ct{width:264px; float:left; margin-left:12px;display:inline}
.img_ct{width:264px; margin-top:22px}
.view_top{width:264px;}
.view_top a{font:normal 12px tahoma; color:#0489b7; float:left; margin:5px 0 0 12px}


.display_rate{width:85px; height:14px; float:right; margin-top:5px}
.display_rate ul{width:85px; height:14px; background:url(../images/graphics/bg_rate_83x14.gif) no-repeat left top;}
.display_rate ul li{float:left; width:14px; height:14px;  margin-right:3px; cursor:pointer}
.display_rate ul li.one_rate{background:url(../images/graphics/one_rate_14x14.gif) no-repeat left top;}
.display_rate ul li.hafl_rate{background:url(../images/graphics/hafl_rate_7x14.gif) no-repeat left top;}


.right_ct{width:385px; float:right; margin:20px 21px 0 0; display:inline; overflow:hidden}
.right_ct .content_icon_ct{background:url(../images/icons/icon_52x51.gif) no-repeat left top;  color:#666; width:323px; padding-left:62px;}
.right_ct .icon_music{background:url(../images/icons/icon_39x52.gif) no-repeat left top;}
.right_ct .content_icon_ct span{font:normal 28px tahoma;}
.right_ct .content_icon_ct label{font:normal 11px Verdana, Arial, Helvetica, sans-serif; }
.right_ct .content_right_ct{font:normal 11px tahoma; line-height:1.7; margin:10px 0; width:385px; overflow:hidden }
.right_ct .learn_more a{background:url(../images/icons/icon_4x7.gif) no-repeat right 4px; padding-right:9px; font:normal 11px tahoma; color:#1d587f; text-decoration:underline}
.right_ct .learn_more a:hover{text-decoration:none}
.right_ct .content_right_bt{font:normal 20px Verdana, Arial, Helvetica, sans-serif; overflow:hidden; margin:15px 0 15px 112px; }
.right_ct .content_right_bt span{float:left; background:url(../images/graphics/bt_left_9x47.gif) no-repeat left top; width:9px;height:47px}
.right_ct .content_right_bt a{float:left; background:url(../images/graphics/bt_center_1x47.gif) repeat-x left top; height:37px; color:#fff; padding:10px 15px 0 15px}
.right_ct .content_right_bt a:hover{text-decoration:none; color:#CCCCCC}
.right_ct .content_right_bt label{float:left; background:url(../images/graphics/bt_right_9x47.gif) no-repeat left top; width:9px;height:47px}
.right_ct .view_music{width:323px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#333; margin:20px 0 0 0 }
.right_ct .view_music a{color:#1d587f; text-decoration:underline}
.right_ct .view_music a:hover{text-decoration:none}

.line_ngang{width:652px; border-bottom:1px solid #e3e3e3; height:1px; clear:both; margin:0px auto; overflow:hidden; padding:10px 0 20px 0; font-size:0px; line-height:0 }


.footer_small{width:699px; height:31px; font:normal 11px tahoma;  color:#6d6d6d }
.footer_small a{ color:#6d6d6d }
.footer_small span{width:8px; background:url(../images/graphics/bg_left_bottom_8x31.gif) no-repeat left top; height:31px; float:left; }
.footer_small label{width:8px; background:url(../images/graphics/bg_right_bottom_8x31.gif) no-repeat left top; height:31px; float:left;}
.footer_small strong{width:683px; background:#d4d4d4; height:31px; float:left; font-weight:normal }
.footer_small strong b{float:left; font-size:14px; margin:8px 0 0 12px }
.footer_small strong .page_site{float:right; margin:8px 5px 0 0px}
.footer_small strong .page_site a:hover{font-weight:bold}
.footer_small strong .page_site a.active_page{font-weight:bold; text-decoration:underline}

.detail_sub{width:651px; margin:0 auto; padding-top:15px}
.detail_sub .title_detail{background:url(../images/icons/icon_52x51.gif) no-repeat left top; height:52px;  color:#666; width:590px; padding:0 0 10px 61px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; overflow:hidden;}
.detail_sub .title_detail span{font:normal 28px tahoma;}
.detail_sub .title_detail label{font:normal 11px Verdana, Arial, Helvetica, sans-serif; }
.detail_sub .title_detail a{ color:#1d587f; text-decoration:underline}
.detail_sub .title_detail a:hover{text-decoration:none}

.box_noidung{width:651px; font:normal 12px tahoma; color:#666; line-height:1.7; clear:both; text-align:justify}
.bt_add_right{font:normal 20px Verdana, Arial, Helvetica, sans-serif; overflow:hidden; margin:15px 0 15px 30px; float:right }
.bt_add_right span{float:left; background:url(../images/graphics/bt_left_9x47.gif) no-repeat left top; width:9px;height:47px}
.bt_add_right a{float:left; background:url(../images/graphics/bt_center_1x47.gif) repeat-x left top; height:37px; color:#fff; padding:10px 15px 0 15px}
.bt_add_right a:hover{text-decoration:none; color:#CCCCCC}
.bt_add_right label{float:left; background:url(../images/graphics/bt_right_9x47.gif) no-repeat left top; width:9px;height:47px}
.box_noidung ul{list-style-type:disc; width:631px; padding-left:20px; margin-top:20px}
.box_noidung ul li{list-style-type:disc; margin-bottom:5px}
.margin_top{margin-top:15px}
.img{width:651px; text-align:center; overflow:hidden}
.detail_sub02{width:651px; margin:0 auto; font:normal 12px arial; color:#666; line-height:1.7; padding-top:15px}
.detail_sub02 p{border-bottom:1px dotted #333; width:651px; padding-bottom:10px; margin-bottom:20px}

.ykien_baodoc{border:1px solid #ccc; width:651px; font:normal 11px tahoma;  margin:0 auto; background-color:#fff} 
.ykien_baodoc .title{width:643px; background:url(../images/graphics/bg_js_516x1.gif) repeat-y left top; height:20px; border-bottom:1px solid #fff; font:bold 12px tahoma; color:#fff; padding:4px 4px 0 4px}
.ykien_baodoc .noidung{width:405px; margin:15px 0 0 22px; overflow:hidden}
.ykien_baodoc .noidung div{float:left; width:405px; margin-bottom:4px; .margin-bottom:2px}
.ykien_baodoc .noidung label input{width:228px}
.ykien_baodoc .noidung div textarea{width:400px; height:126px}
.ykien_baodoc .noidung span{float:left; width:45px}
.ykien_baodoc .noidung label{float:left}
.bt_mess{width:405px; text-align:center; margin-top:10px; padding-bottom:10px }
.bt_mess input{background-color:#ece9d8; border:1px solid #333; padding:0 10px; cursor:pointer}



/*B-footer*/
#wrapper_header{width:100%; height:237px; margin:0px auto 0 auto; background-color:#434342; clear:both; font:normal 11px arial; text-align:center; color:#747474; overflow:hidden}
#wrapper_header p{clear:both; width:920px; text-align:center; margin:0 auto;  padding-top:15px}
#wrapper_header p a{color:#747474}
#footer{ width:920px; clear:both; margin:0 auto; padding-top:24px; text-align:left; }
#footer .left_footer{width:261px; float:left; border-right:1px solid #5b5b5a; overflow:hidden; }
#footer h1{font:normal 20px Tahoma; color:#c2c2c2; margin-bottom:17px; clear:both;}
#footer h2{font:normal 15px Tahoma; color:#c2c2c2; margin-bottom:9px; clear:both;}
#footer h3{font:normal 15px Tahoma; color:#c2c2c2; margin-bottom:9px; clear:both; }
#footer .left_footer a{float:left; margin-bottom:6px; width:193px; display:block; overflow:hidden; height:16px}
#footer .left_footer .email{background:url(../images/icons/icon_email_16x12.gif) no-repeat left top; padding-left:27px}
#footer .left_footer .id_tretoday{background:url(../images/icons/icon_id_12x16.gif) no-repeat left top; padding-left:27px}
#footer .left_footer .skype{background:url(../images/icons/icon_skype_14x15.gif) no-repeat left top; padding-left:27px; margin-bottom:16px}
#footer .left_footer a{color:#abadab;}
#footer .left_footer a:hover{color:#eaeaea; text-decoration:none}
#footer .right_footer{width:471px; margin-left:32px; float:left}
#footer .right_footer ul{}
#footer .right_footer ul li{width:147px; float:left; line-height:20px; overflow:hidden; margin-right:10px}
#footer .right_footer ul li a{color:#abadab}
#footer .right_footer ul li a:hover{color:#eaeaea; text-decoration:none}