@charset "utf-8";

*{margin:0px auto; padding:0px}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/bgall.gif);
	line-height:18px;
}
a{
	/*color:#5a733b;*/
	color:#006600;
	text-decoration:none;
}
a:hover{ color:#CC6600; text-decoration:none}
img{border:0px}
ul{list-style-type:none;}
li{list-style-type:none;}
h3{text-decoration:none; cursor:pointer; font: bold 11px Arial, Helvetica, sans-serif; font-weight:600; color:#870505; margin-bottom: 5px;padding-bottom: 5px;letter-spacing: 0px; border-bottom:solid #cccccc 1px;}
tr, td{ border:solid 1px #666666; padding:2px;}
.clearfix:after{
	content:'[DO NOT LEAVE IT IS NOT REAL]'; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix{
	display:inline;
	position:relative;
}
.clearfix{
	display:block;
}

#root{ width:978px; margin:auto; clear:both;}
#root1{ width:100%px; margin:auto; clear:both; background:url(../images/top-bar-bg.gif) repeat-x; height:100px;}
#root2{ width:100%px; margin:auto; height:90px; background: #ffffff url(../images/footer.gif) repeat-x top; clear:both; margin-top:3px;}


#header{ width:978px;}
#header .left-h{ float:left; padding-left:4px; padding-top:3px; padding-top:8px; width:226px;}
#header .right-h{ float:right; width:740px;}

#header .right-h .topmenu { margin-top:10px; padding-right:10px; text-align:right; font-family:Verdana, Arial; font-size:12px; font-weight:700;}
#header .right-h .topmenu a{ color : #6a645a;text-decoration : none;}
#header .right-h .topmenu a:hover {color:#CC6600;text-decoration : none;}
#header .right-h .banner{ margin-top:13px; border:solid 0px;}

#footer{ width:978px;}
#footer .content{ width:800px; float:left; height:70px;  color:#005cae; margin-top:10px; padding-left:20px}
#footer .content .name{ color:#0066FF; margin-top:10px; font-family:verdana; font-size:11px; font-weight:bold; letter-spacing:2px;}
#footer .content .copyright{ color:#000; margin-top:2px; line-height:18px;}
#footer .content p a{ color:#005cae; text-decoration:none;}
#footer .content p a:hover{ color:#FF0000; text-decoration:none;}
#footer .hit{ width:150px; margin-top:20px; line-height:25px; float:right; height:65px; text-align:center; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#996600; font-weight:700 }

#sub{ float:center; padding-top:3px; width:978px;}
#sub .sub_body{ float:left; width:958px; padding: 5px 10px 5px 10px; border:solid 1px #E0E0E0; background:#FDFFE6}
#sub .submenu{ font-family:tahoma,Arial, Helvetica, sans-serif; font-size:11px; color:#996600; text-align:center}
#sub .submenu span{ font-weight:bold; color:#FF0000;}
#sub img{ padding-left:5px; padding-right:5px; vertical-align:bottom}

#body{ width:978px; margin-top:6px; float:left;}

#body .left{ width:745px; float:right;}
#body .right{ width:225px; float:left;}

/*box content#057ae1*/

#box_thongtin{ width:745px; margin-bottom:5px; float:left; background: #fff url(../images/bg-ibla-title.gif) repeat-x; border:solid 1px #CCCCCC;}
#box_thongtin .hot{ font-family:verdana, arial; font-size:11px; color:#FF0000; font-weight:bold; background:#FFFFCC; width:736px; height:17px; padding-left:7px; padding-top:4px; padding-bottom:1px; cursor:pointer;}
#box_thongtin .title{  font-family:verdana, arial; background: url(../images/bg-ibla-title.gif) repeat-x; font-size:11px; color:#870505; font-weight:bold; border-bottom:solid 1px #CCCCCC; width:735px; height:20px; padding-left:10px; padding-top:8px; padding-bottom:1px;}
#box_thongtin .menu{  font-family:verdana, arial; background: url(../images/bg-ibla-title.gif) repeat-x; font-size:11px; color:#870505; border-bottom:solid 1px #CCCCCC; width:735px; height:20px; padding-left:10px; padding-top:8px; padding-bottom:5px;}
#box_thongtin .menu .active{  font-size:13px; color:#870505; font-weight:700;}
#box_thongtin .box_body{ width:740px; float:left; background:#fff url(../images/bg-ibla-title.gif) repeat-x; padding:10px 0px 5px 5px; clear:both;}

/*intro*/


#box_thongtin .box_body .intro{ width:450px; padding-right:5px; border-right: dotted 1px #CCCCCC; float:left; margin-bottom:10px;}
#box_thongtin .box_body .intro p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; text-align:justify}
#box_thongtin .box_body .intro ul{width:446px; padding-top:10px; padding-left:7px; float:left; list-style:none; }
#box_thongtin .box_body .intro ul li{width:206px; height:50px; padding-right:15px; padding-top:5px; float:left;}
#box_thongtin .box_body .intro a{ color:#CC6600} 
#box_thongtin .box_body .intro a:hover{font: 12px arial;color:#FF0000;text-decoration: none;}
#box_thongtin .box_body .intro img {margin:4px; border:solid 1px #e8e8e8; padding:2px; width:250px; height:188px; float:left;} /* 430x322 */


#box_thongtin .box_body .moi{ width:260px; float:right; padding-right:10px; margin-right:5px}
#box_thongtin .box_body .moi .p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#CC3300;}
#box_thongtin .box_body .moi .next{ text-align:right; font-family:verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#CC3300; padding-top:3px;}
#box_thongtin .box_body .moi .next a{color:#CC3300;} #box_thongtin .box_body .moi .next a:hover{color:#FF6600;}
#box_thongtin .box_body .moi ul {padding-left: 0px; margin: 0px 0 0px 0;font: 11px tahoma; width:265px;}
#box_thongtin .box_body .moi ul li {list-style: none; padding-left:3px; padding-top:5px; padding-bottom:2px;}
#box_thongtin .box_body .moi img { vertical-align:middle; padding-right:2px; border:0px}

/*cate news */
#box_news{ width:745px; margin-bottom:5px; float:left; background:#fff; border:solid 1px #CCCCCC;}
#box_news .catenews{ width:350px; margin-top:10px; padding-bottom:5px; padding-left:10px; padding-right:10px; border:solid 0px;}
#box_news .catenews .titlelist{ font-family:verdana, arial; font-size:14px; color:#006600; font-weight:700; border-bottom:solid 1px #CCCCCC; height:20px; background:url(../images/ibla-title.gif) repeat-x bottom; margin-bottom:3px;}
#box_news .catenews .titlelist a{ color:#CC6600}
#box_news .catenews .titlelist a:hover{ color:#FF0000}
#box_news .catenews .titi { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-bottom:2px; font-weight:700;}
#box_news .catenews .titi2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-bottom:2px;}
#box_news .catenews .detail_list { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding-bottom:5px; float:left; text-align:justify}
#box_news .catenews .detail_list .titi2 .img{ margin-top:3px; border:0px;}
#box_news .catenews .detail_list .wax{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding-bottom:5px; float:left; text-align:justify}
#box_news .catenews .detail_list .wax img{ margin-right:3px; margin-top:5px; border:solid 1px #e8e8e8; padding:2px; width:90px; height:60px; float:left;}
/*cate news */

#box_photo{ width:745px; margin-bottom:5px; float:left; border:solid 1px #CCCCCC; background:#FFFFFF}
#box_photo .title{ font-family:verdana, arial; background: url(../images/bg-ibla-title.gif) repeat-x; font-size:11px; color:#006600; font-weight:bold; border-bottom:solid 1px #CCCCCC; width:735px; height:20px; padding-left:10px; padding-top:6px; padding-bottom:2px;}
#box_photo .title .pad{ padding:3px; vertical-align:middle}
#box_photo .body_img{ width:740px; float:left; background-color:#fff; padding-top:5px; padding-bottom:1px; padding-left:5px;}

#box_photo .frame_top{ font-family:verdana, arial; background: url(../images/bg-ibla-title.gif) repeat-x; font-size:11px; color:#870505; font-weight:bold; border-bottom:solid 1px #CCCCCC; width:735px; height:20px; padding-left:10px; padding-top:8px; padding-bottom:1px;}
#box_photo .subcate { font-family:verdana, arial; background: url(../images/bg-ibla-title.gif) repeat-x; font-size:11px; color:#870505; font-weight:bold; border-bottom:solid 1px #CCCCCC; height:20px; padding-right:10px; padding-top:8px; padding-bottom:7px; width:595px;}
#box_photo .subcate .active{  font-size:13px; color:#CC0000; font-weight:700;}

#box_photo ul{ width:730px; padding-left:5px; padding-top:10px; float:left;}
#box_photo ul li{ width:107px; height:70px; float:left; padding-left:13px; padding-bottom:10px; border:solid 0px red}
#box_photo ul li .itemimg{ border:1px solid #e8e8e8; padding:2px; float:left; margin-bottom:5px;}

#box_photo .page{ float:left; text-align:center; margin-top:10px; margin-bottom:10px; width:100%; padding:2px;}
#box_photo .page .pspan{ border:solid 1px #CCCCCC; padding:1px 5px 1px 5px; color:#0033FF; margin-bottom:10px;}
#box_photo .page .pcur{ border:solid 1px #996600; padding:1px 5px 1px 5px; color:#FF0000; margin-bottom:10px;}

#banner_1{ width:365px; border:solid 1px #CCCCCC; background:#FFFFFF; margin-bottom:5px; margin-left:2px;}
#banner_2{ width:223px; margin-bottom:3px; float:left; background:#fff; border:solid 1px #CCCCCC;}

#two_row{ width:747px; margin-bottom:5px; float:left}
#box_two_row{ width:364px; border:solid 1px #CCCCCC; background:#FFFFFF url(../images/bg-ibla-title.gif) repeat-x; padding:2px;}
#box_two_row .h3{ border-bottom:solid 1px #CCCCCC; margin-left:10px; margin-top:5px;}
#box_two_row .list{ width:352px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-left:10px; line-height:19px;}
#box_two_row .list li {padding-left:10px;list-style: none;background: url(../images/list-li.gif) no-repeat left top; padding-bottom:2px; border: solid 0px}

#box_thongtin .nc { width:718px; padding-top:4px; padding-left:10px; padding-right:10px; padding-bottom:5px;}
#box_thongtin .nc .li {list-style: none; padding-top:1px; padding-bottom:1px; width:710px; display:table-row; float:left;}
#box_thongtin .nc .li .tit { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-bottom:2px; font-weight:700; float:left; width:715px;}
#box_thongtin .nc .li .titi{ font-family:Verdana, Arial; font-size:14px; font-weight:bold; color:#009900; text-align:left;}
#box_thongtin .nc .li .desc { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; padding-bottom:5px; float:left; text-align:justify; float:left; width:715px;}
/*#box_thongtin .nc .li .desc img{ width:200px; height:150px;}*/
#box_thongtin .nc .li a{ color:#CC3300}
#box_thongtin .nc .li img{border: solid 1px #ccc; padding:2px; margin-right:4px; width:90px; height:60px;}

#box_content .frame_body .nc .h1{color: #870505; font:17px verdana, Arial; font-weight:600}
#box_content .frame_body .nc .h1 .date{ padding-left:5px; font-size:12px; color:#cccccc; text-align:left; font-weight:normal; font-family:arial, "Times New Roman", Times, serif}
#box_content .frame_body .nc .h2{color: #870505; font-family:Verdana, Arial; font-size:15px; margin-top:10px;}
#box_content .frame_body .nc .h2 a{color:#CC6600; font-size:15px}
#box_content .frame_body .nc .h2 a:hover{color:#336600; font-size:15px}
#box_content .frame_body .nc .desc{ padding-bottom:5px; line-height:19px; vertical-align:top; padding-right:5px; text-align:justify}
#box_content .frame_body .nc .li .desc .xxximg{ margin:4px; border:solid 1px #e8e8e8; padding:2px; width:120px; float:left;}
#box_content .frame_body .nc .more{ font-size:10px;}
#box_content .frame_body .nc div {font-family:"Times New Roman", Times, serif; font-size:16px; line-height:20px; padding-top:5px; padding-bottom:5px;}


#box_menu{ width:200px; margin-bottom:6px; float:left;}
#box_menu .cate{ padding:3px 3px 3px 8px; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:18px; background:url(../images/left_menu_1.gif);}
#box_menu a { color:#009900; font-weight:bold;}
#box_menu a:hover{ color:#FF0000; text-decoration:none; position: relative; top: 1px; left: 1px;}

#box_add{ width:200px; margin-bottom:5px; padding-left:15px; padding-top:5px; padding-bottom:5px; padding-right:8px; float:left; border:solid 1px #cccccc; background: #fefefe url(../images/box-cont-bg.gif) repeat-x; border-bottom:0px;}

.span{ color:#0066FF; }
textarea{ font-family:Arial, Helvetica, sans-serif;}

/*content*/

#box_content{ width:745px; margin-bottom:5px; float:left; background: url(../images/bg-ibla-title.gif) repeat-x; border:solid 1px #CCCCCC;}
#box_content .frame_top{ font-family:verdana, arial; background: url(../images/bg-ibla-title.gif) repeat-x; font-size:11px; color:#870505; font-weight:bold; border-bottom:solid 1px #CCCCCC; width:735px; height:20px; padding-left:10px; padding-top:8px; padding-bottom:1px;}
#box_content .subcate { font-family:verdana, arial; background: url(../images/bg-ibla-title.gif) repeat-x; font-size:11px; color:#870505; font-weight:bold; border-bottom:solid 1px #CCCCCC; height:20px; padding-right:10px; padding-top:8px; padding-bottom:7px; width:595px;}
#box_content .subcate .active{  font-size:13px; color:#CC0000; font-weight:700;}
#box_thongtin .title{  font-family:verdana, arial; background: url(../images/bg-ibla-title.gif) repeat-x; font-size:11px; color:#870505; font-weight:bold; border-bottom:solid 1px #CCCCCC; width:735px; height:20px; padding-left:10px; padding-top:8px; padding-bottom:1px;}
#box_content .frame_body{ width:729px; float:left; background-color:#fff; padding:3px 8px 5px 8px;}

/*listing*/
#box_content .frame_body .ul{ padding:5px 0px 0px 0px;}
#box_content .frame_body .li{ padding:0px 0px 10px 5px; float:left; width:720px;}
#box_content .frame_body .li a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
#box_content .frame_body .li img{ padding-right:5px; float:left;}
#box_content .frame_body .li .h1{ font-family:Verdana, Arial; font-size:14px; font-weight:normal; color:#009900; text-align:left;}
#box_content .frame_body .li .date{ padding-left:5px; font-size:12px; color:#cccccc; text-align:left; font-weight:normal; font-family:arial, "Times New Roman", Times, serif}
#box_content .frame_body .huge{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#0000FF}

#box_content .frame_body .ul .lop{ padding:0px 0px 15px 0px; float:left; width:100%; text-align:center}
#box_content .frame_body .ul .lop .span{ padding-bottom:5px; text-align:center; font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:bold; color:#009900;}
#box_content .frame_body .ul .lop .img{ margin-bottom:5px; text-align:center;}

/*listing photo*/
#box_content .frame_body .ul .p_li{ width:104px; height:100px; float:left; padding-left:5px; padding-bottom:10px;}
#box_content .frame_body .ul .p_li .itemimg{ border:1px solid #e8e8e8; padding:1px; float:left; margin-bottom:5px;}

/*detail*/
#box_content .h{ font-family:Verdana, Arial; font-size:14px; font-weight:bold; color:#009900; text-align:right; width:545px;}
#box_content .h span{ padding-left:5px; font-size:9px; color:#cccccc; text-align:left;}
#box_content p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; vertical-align:top;}
#box_content p img{ padding:5px;}
#box_content .page{ float:left; text-align:center; margin-top:10px; margin-bottom:10px; width:100%; padding:2px;}
#box_content .page .pspan{ border:solid 1px #CCCCCC; padding:1px 5px 1px 5px; color:#0033FF; margin-bottom:10px;}
#box_content .page .pcur{ border:solid 1px #996600; padding:1px 5px 1px 5px; color:#FF0000; margin-bottom:10px;}

.input { padding-left:5px; padding-top:2px; border: #CDCDCD 1px solid;color:#5F5F5F;height:18px; background:url(../images/input-bg.gif); font: 11px Verdana, Arial, Helvetica, sans-serif;vertical-align: middle;width: 189px;}
.search-btn{ text-align:center; margin-top:5px; }
