/* global */
body{ background-color:gray; color:#000;}
body,td,th,input,textarea,select,div,span,a{font-size:13px; font-family: Tahoma, Helvetica, Arial, sans-serif;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div{margin:0px;padding:0px;border:0px;}
input,textarea,select{font-size:12px;}

ul,ol{list-style-type:none;}
input,select{vertical-align:middle}
img{vertical-align:bottom}
table{border-collapse:collapse;}

hr{width: 100%; height: 1px}

a,a:link,a:visited{text-decoration:none;color:blue;}
a:hover,a:active,a:focus{text-decoration:underline; color:red;}

.f12 { font-size:12px; }
.f12B { font-weight:bold; font-size:12px; }
.f14 { font-size:14px; }
.f14B { font-size:14px; font-weight:bold; }
.f16 { font-size:16px; }
.f16B { font-size:16px; font-weight:bold; }

.clearit { clear:both; font-size:0; line-height:0; height:0; overflow:hidden; display:none; }

.left{position:relative; float:left;}
.right{position:relative; float:right;}

.line,.line1{width:100%; height:1px;line-height:1px; background-color:whitesmoke; font-size:1px;overflow:hidden}
.line_silver,.line1_silver{width:100%; height:1px;line-height:1px; background-color:silver; font-size:1px;overflow:hidden}
.line2,.line2_silver{width:100%; height:2px;line-height:1px; background-color:silver; font-size:1px;overflow:hidden}
.line_fff,.line1_fff,.line_white,.line1_white {width:100%; height:1px;line-height:1px; background-color:#fff; font-size:1px;overflow:hidden}
.line2_fff,.line2_white {width:100%; height:2px;line-height:1px; background-color:#fff; font-size:1px;overflow:hidden}
.line_f00,.line1_f00,.line_red,.line1_red{width:100%; height:1px;line-height:1px; background-color:#f00; font-size:1px;overflow:hidden}
.line2_f00,.line2_red{width:100%; height:2px;line-height:1px; background-color:#f00; font-size:1px;overflow:hidden}
.line_000,.line1_000,.line_black,.line1_black{width:100%; height:1px;line-height:1px; background-color:#000; font-size:1px;overflow:hidden}
.line2_000,.line2_black{width:100%; height:2px;line-height:1px; background-color:#000; font-size:1px;overflow:hidden}

.space1{height:1px;line-height:1px; font-size:1px;overflow:hidden}
.space2{height:2px;line-height:1px; font-size:1px;overflow:hidden}
.space3{height:3px;line-height:1px; font-size:1px;overflow:hidden}
.space4{height:4px;line-height:1px; font-size:1px;overflow:hidden}
.space5{min-width:320px; height :5px;line-height:1px; font-size:1px;overflow:hidden}

.areahead{ background: silver; width:100%; height:auto; min-height:100px; }
.areafoot{ background: silver; width:100%; height:100px; }
.area1{ background: lightseagreen; width:340px; height:200px; overflow:hidden;}
.area2_group{ background:tan; width:300px; height:865px; overflow:hidden }
.area2_1{ background:silver; width:300px; height:200px; overflow:hidden; }
.area3_ad{ background: silver; width:690px; height:80px; overflow:hidden; vertical-align :middle }
.area4{ background: white; width:338px; height:199px; overflow:hidden }
.area5_scroll{ background: silver; width:100%; height:auto; min-height:100px; }

#PageWidth{width:1000px;border:0px;}

#Banner{height:100px;background: red url('images/bg_input_text.png') top left repeat-x; background-position:0 -1px;}
#Menubar{margin:0;border:0; background: green url() top left repeat-x; background-position:0 -1px; overflow:hidden }
#Menubar li{position:relative; float:left;}
#Menubar li,#Menubar a{ font-size:14px;}
#Menubar, #Menubar ul,#Menubar .vline,#Menubar .date{height:28px; line-height:30px;}
#Menubar .date{height:28px; line-height:28px;}
#Menubar .date{width:200px; color:#fff; position:relative; float:left; background: blue url() top left repeat-x; background-position:0 -1px;}
#Menubar .vline{ width:1px; background: #ddd url() top left repeat-x; background-position:0 -1px;}
#Menubar .item{height:100%; padding: 0px 15px 0px 15px;border:0px solid #f00;}
#Menubar .item:hover{background: #ddd url() top left repeat-x; background-position:0 -1px;}
#Menubar .seperator{ width:1px;height:16px; margin-top:5px; background: #ddd url() top left repeat-x; background-position:0 -1px;}
#Menubar a,#Menubar a:link, #Menubar a:visited{ color: White; text-decoration:none; }
#Menubar a:hover,#Menubar a:active,#Menubar a:focus { color: Red;text-decoration:underline; }

.angle {width:100%; }
.angle li {width:60px;}
.angle li div{height:1px; line-height:1px; font-size:1px; border:solid 0px white}
.angle .left .x1{ border-left-width:1px;}
.angle .left .x2{ border-left-width:2px;}
.angle .left .x3{ border-left-width:3px;}
.angle .left .x4{ border-left-width:4px;}
.angle .left .x5{ border-left-width:5px;}
.angle .right .x1{ border-right-width:1px;}
.angle .right .x2{ border-right-width:2px;}
.angle .right .x3{ border-right-width:3px;}
.angle .right .x4{ border-right-width:4px;}
.angle .right .x5{ border-right-width:5px;}

.duilianAD{width:100%; position:absolute;top:0px;left:0; margin-top:5px;}
.duilianAD li{width:100px;height:400px;background:chocolate url() top left repeat-x; background-position:0 -1px; }

.block1{width:340px; height:200px; overflow:hidden; border:0px solid #f00; background:lightseagreen; }
.block1 .bg {width:340px;height:24px; position: absolute ;}
.block1 .angle {width:100%;}
.block1 .titlebar{width:100%; height:24px; line-height:24px; }
.block1 .titlebar .left{ margin-left:20px; text-align:left }
.block1 .titlebar .right{ margin-right:5px; text-align:right }
.block1 .titlebar .left .title{color:White;}
.block1 .list{width:338px; height:173px; text-align:left; line-height:20px; overflow:hidden; border:0px solid #f00; background:#fff }
.block1 .list .left{ width:270px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; margin-left:5px; color:lightseagreen;font-size:8px;}
.block1 .list .right{ margin-right:5px; color:#888  }

a.more1,a.more1:link, a.more1:visited{ color:yellow; text-decoration:none; }
a.more1:hover, a.more1:active, a.more1:focus {text-decoration:underline; }

.block2_1{width:300px; height:200px; overflow:hidden; border:0px solid #f00; background:darkgoldenrod; }
.block2_1 .bg {width:300px;height:24px; position: absolute ;}
.block2_1 .titlebar{width:100%; height:24px; line-height:24px; }
.block2_1 .titlebar .left{ margin-left:20px; text-align:left }
.block2_1 .titlebar .right{ margin-right:5px; text-align:right }
.block2_1 .titlebar .left .title{color:White;}
.block2_1 .list{width:298px; height:173px; text-align:left; line-height:20px; overflow:hidden; border:0px solid #f00; background:#fff }
.block2_1 .list .left{ width:230px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; margin-left:5px; color:darkgoldenrod;font-size:8px; }
.block2_1 .list .right{ margin-right:5px; color:#888  }

.ad1{width:690px; height:80px; overflow:hidden; border:0px solid #f00; background:#228B22 }
.ad1 .image{width:100%; height:100%; overflow:hidden; border:0px solid #f00; background:#228B22 }

#duilian1 li div{ position: relative ; background-color :Silver;height:18px; line-height:16px; }
#duilian1 li div:hover{background-color: Olive; color: white; cursor: pointer ; }


a,a:link,a:visited{text-decoration:none;color:#009;}
a:hover,a:active,a:focus{text-decoration:underline; color:#f00;}

.outPageWidth {width:1100px;background:white;text-align:center;}
.outPageWidth2 { width: 1000px; text-align: center; display: inline-block; }

.guideline { width:100%; height:24px; line-height:24px; text-align:left; background: cornflowerblue url("../images/hq_jpg.jpg") repeat-x; }
.guideline div{ padding-left:10px;}
.opline { width:100%; height:24px; line-height:24px; text-align:left; position:relative;}
.opline .left div{ padding-left:10px;}
.opline .right div{ padding-right:10px;}
.listtable{ width:100%; line-height:20px;}
.listtable th{  font-weight:400; background-color:#ddd;}
.listtable th, .listtable td{ border:1px solid silver; padding:3px 5px;}
.edittable{ width:100%; line-height:26px;}
.edittable, .edittable th, .edittable td{ border:1px solid black;}
.edittable th{  font-weight:400; background-color:#ddd;}
.edittable th, .edittable td{padding:0px 5px; text-align:left;}


.checkflag{ width:30px;}    



/* renzheng */
A.menu,A.menu:link,A.menu:active,A.menu:visited{color:#fff; text-decoration:none; padding-left:6px; padding-right:6px;}
A.menu:hover{color: #f30;text-decoration: underline;}
A.A1,A.A1:link, A.A1:active,A.A1:visited{color: #fff; text-decoration: underline;}
A.A1:hover{color: #f30; text-decoration: underline;}
IMG.button16px{ border:1px solid #369;width:16px;height:16px;}
IMG.button16px:hover{ border:1px solid #ccc; }

#tblCanvas{BACKGROUND-COLOR: #fff;} 
#tblCanvas1{BACKGROUND-COLOR: #fff;}
#tblCanvas2{BACKGROUND-COLOR: #fff;} 
#tblCanvas3{BACKGROUND-COLOR: #fff;}  
.table,.table th,.table td{border:solid 1px #e8e8e8; line-height:20px;}
.table th{text-align:center; vertical-align:middle;}




input.input,textarea.input {padding: 3px 3px 0px 3px;  border: 1px solid #C0BBB4; background: red url('/images/bg_input_text.png') top left repeat-x; background-position:0 -1px;}
input.input:hover,textarea.input:hover {border: 1px solid #99CC00; background: white url('/images/bg_input_text_hover.png') top left repeat-x;}

label{vertical-align: bottom;}
/*.checkbox{vertical-align:middle; margin-top:-2px; margin-bottom:1px;  }*/
.table1{ 
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
border-left-color:#000000;
border-left-width: 2px;
border-left-style: solid;
border-right-color:#000000;
border-right-width: 2px;
border-right-style: solid;
border-top-color:#000000;
border-top-width: 1px;
border-top-style: solid;
}





#divCanvas_780{width:780px; border:solid 0px red; margin:5px 10px 5px 10px ;  }
#tblEditContainer{BACKGROUND-COLOR: #fff;border-collapse:collapse; margin:5px 0 5px 0;} 
#tblEditContainer td{border:solid 1px #000; line-height:25px;padding:3px 3px 1px 3px}

.divCanvas_780{width:780px; border:solid 0px red; margin:5px 10px 5px 10px ;  }
.tblEditContainer{BACKGROUND-COLOR: #fff;border-collapse:collapse; margin:5px 0 5px 0;} 
.tblEditContainer td{border:solid 1px #000; line-height:25px;padding:3px 3px 1px 3px}
.tblEditContainer table td{border:solid 0px #000; line-height:16px;}

.cssINPUT_U{padding: 3px 3px 0px 3px;  border:0px; border-collapse:collapse;  border-bottom: 1px solid #888;}
.cssINPUT_U:hover{padding: 3px 3px 0px 3px;  border-bottom: 1px solid #f00;}
.cssAREA{padding: 3px 3px 3px 3px; border: 1px solid #888; border-collapse:collapse;}
.cssAREA:hover{border: 1px solid #f00}

.cssSHOW_U{padding: 3px 3px 0px 3px;  border:0px; border-collapse:collapse;  border-bottom: 0px solid #888;}
.cssSHOW_U:hover{padding: 3px 3px 0px 3px;  border-bottom: 0px solid #f00;}


#tblHead{border-bottom:1px solid #000; text-align:right; margin:5px 0% 5px 0%;  }
#tblTitle{font-family: ºÚÌå; font-weight:400; font-size:20px; text-align:center; margin:10px 0px 10px 0px; }
.ztHei{font-family: ºÚÌå; font-weight:400;}
.ztHeiB{font-family: ºÚÌå; font-weight:700;}

.liLeft{position:relative; float:left;}
.liRight{position:relative; float:right;}


.title
{

    BORDER-BOTTOM: #b8bac9 1px solid;
    POSITION: relative;
    TEXT-ALIGN: left;
    BORDER-LEFT: #b8bac9 1px solid;
    LINE-HEIGHT: 24px;
    PADDING-LEFT: 8px;
    BACKGROUND: url("../images/hq_jpg.jpg") repeat-x;
    HEIGHT: 24px;
    FONT-SIZE: 13px;
    font-weight:bold;
    BORDER-TOP: #b8bac9 1px solid;
    BORDER-RIGHT: #b8bac9 1px solid

}

    #msg_box_title{ width:100%; height:24px; line-height:24px; border-bottom : solid 1px silver; background-color: #1E90FF; }
    #msg_box_title td{ padding: 0 5px; color:White; }
    #msg_box_close{ border: none; background-color: #1E90FF; color:White; font-family:MS Gothic; }
    #msg_box_close:hover{ text-decoration:underline;  }
    #msg_box_contents{ padding:10px 5px;}