/* CSS Document */ /* 仅仅在PC上进行测试, 包括 IE6, Netscape7.2, Mozilla Firefox, Opera8.54 */ /* 页面基本布局样式 */ /* mac hide \*/ html, body {height:100%;width:100%;} /* end hide*/ body { margin:0; padding:0; color:#000000; font-family:"宋体", "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; font-size:12px; line-height: 1.7; text-align: center; background-image: url(../images/back.gif); background-repeat: repeat-x; background-color: #F3F3F3; } table { margin:0; padding:0; color:#504D3B; font-family:"宋体", "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif; font-size:12px; line-height: 1.7; text-align: left; } div{ margin: 0px; padding: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } form { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px} ul { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } li { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } ul { LIST-STYLE-TYPE: none } li { LIST-STYLE-TYPE: none} #outline{ width: 900px; position:relative; margin-top: 0; margin-right: 0; margin-left: 0; } h1{ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;} h2 { PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN-top: 3px; PADDING-TOP: 2px} h3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px} h4 { PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px} .inputclass{ width:135px; height:17px; border: 1px solid #D80C64; } select{ width:auto; height:auto; scrollbar-3dlight-color: 000000; scrollbar-darkshadow-color: 000000; scrollbar-track-color: FFD2E6; scrollbar-arrow-color: D80C64; scrollbar-shadow-color: ffffff; border: 1px solid #D80C64; } img {border:0} /*控制方向和消除*/ .left { FLOAT: left } .right { FLOAT: right } .clear{ clear: both; } /*字体样式和链接*/ .txtleft { TEXT-ALIGN: left; } .txtcenter { TEXT-ALIGN: center; } .txtright { TEXT-ALIGN: right; } .txtone{COLOR: #FFFFFF;} .txtone a:link { COLOR: #FFFFFF; text-decoration: underline; } .txtone a:visited { COLOR: #FFFFFF; text-decoration: underline; } .txtone a:hover { COLOR: #F3F3F3; TEXT-DECORATION: underline; } .txtTwo{COLOR: #000;} .txtTwo a:link { COLOR: #000; TEXT-DECORATION: none; } .txtTwo a:visited { COLOR: #000; TEXT-DECORATION: none; } .txtTwo a:hover { COLOR: #CE0000; TEXT-DECORATION: underline; } .txtThree { COLOR: #177bac} .txtThree a:link { COLOR: #177bac; TEXT-DECORATION: underline; } .txtThree a:visited { COLOR: #177bac; TEXT-DECORATION: underline; } .txtThree a:hover { COLOR: #FF0000; } /*标题大小*/ h1{width:auto; FONT-WEIGHT: bold; COLOR: #000; font-size:12px; text-decoration: none; } h2 { font-size:14px; width:175px; height:85%; FONT-WEIGHT: bold; text-indent: 35px; background-color: #797979; } #title_name{ font-size:14px; width:auto; height:auto; FONT-WEIGHT: bold; background-image: url(../images/title_dop1.gif); background-repeat: no-repeat; background-position: 10px 3px; text-indent: 35px; background-color: #FFFFFF; } h3 {FONT-WEIGHT: bold; font-size:16px;} h4{FONT-WEIGHT: bold; font-size:18px;} /*字体颜色*/ .white{ color:#fff} .black{ color:#000} .red{ color:#ff0000; } .green{ color: #339900; } .blue{ color: #401294; } .grey{ color:#AEAEAE} .yellow{ color:#EA7500; } .pink{color:#E80969;} /*字体大小*/ .f12{FONT-SIZE: 12px} .f14 {FONT-SIZE: 14px} .f16 {FONT-SIZE: 16px} .f18 {FONT-SIZE: 18px} /*字体粗细*/ .fb {FONT-WEIGHT: bold;} .fc {FONT-WEIGHT: lighter;} /*布局控制*/ #top{ margin:0; width:100%; height:auto; background-image: url(../images/top_back.gif); background-repeat: repeat-x; } #logo{ margin-top:3px; margin-left:10px; height:91px; width:220px; float:left; } #top_link{ margin-top:15px; width:660px; float:right; position: relative; } #top_link li{padding-left:20px;padding-right:10px;padding-top:15px; } #flash{ width:100%; margin-top:2px; height:160px; overflow: hidden; background-image: url(../media/flash.jpg); background-repeat: no-repeat; border-left:#DFDEDB solid 1px; border-right:#DFDEDB solid 1px; border-bottom:#DFDEDB solid 2px; } #note{ width:auto; height:26px; margin-top:0px; padding:10px 20px 0 20px; border:#177bac solid 1px; background-image: url(../images/note.png); background-repeat: repeat-x; background-position: center; float:left; } #center{ width:100%; height:auto; border-right:#DFDEDB solid 1px; border-left:#DFDEDB solid 1px; border-bottom:#DFDEDB solid 1px; background-color: #FFFFFF; } #left{ width:250px; height:400px; float:left; border-right:#DFDEDB solid 1px; background-image: url(../images/left_back.gif); background-repeat: repeat-y; } #right{ width:640px; height:400px; float:right; background-color: #FFFFFF; } /*左侧布局东西*/ #left_title{ width:99.9%; height:24px; padding-top:4px; background-image: url(../images/left_title.gif); background-repeat: no-repeat; text-align:center; font-size:14px; font-weight: bold; } #left_con{ width:100%; border-bottom:#DFDEDB solid 1px; text-align:left; } #left_con li{padding-left:15px;padding-right:15px;padding-top:5px;} /*主导航*/ #menu{ margin-top:0px; padding-top:5px; width:100%; height:35px; float:right; position: relative; text-align:left; background-image: url(../images/menu_back.gif); background-repeat: repeat-x; background-color: #F3F3F3; border-top: 2px solid #177bac; border-left:#DFDEDB solid 1px; border-right:#DFDEDB solid 1px; border-bottom: 2px solid #DFDEDB; } #nav { margin-left:25px; line-height: 27px; list-style-type: none; font-size:14px; } #nav a { display: block; width: auto; text-align:center; margin-left:15px; } #nav a:link { color:#000; text-decoration:none; } #nav a:visited { color:#000;text-decoration:none; } #nav a:hover { color:#CC0000;text-decoration:underline; } #nav li { float:left; margin-right:15px; margin-top:2px; background-image: url(../images/arrow_line.gif); background-repeat: no-repeat; background-position: left center; text-indent: 0px; } #nav li a:hover{ } #nav li ul {font-size:12px; line-height: 27px; list-style-type: none; left: -999em; width: auto; position: absolute; float:left; background-color:#177bac; } #nav li ul li{ background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 5px center; text-indent:0px; } #nav li ul a{ display: block; text-align:left; } #nav li ul a:link { color:#fff; text-decoration:none; } #nav li ul a:visited { color:#fff;text-decoration:none; } #nav li ul a:hover { color:#000; text-decoration:none; font-weight:normal; background-color: #FFC411; } #nav li:hover ul { right: auto; } #nav li.sfhover ul { left: auto; } #content { clear: left; } /*尾部*/ #web_link{height:auto;padding:10px 20px 10px 20px; background-color:#f8f8f8; border-top:#fcfcfc solid 1px;} #bottom{ width:100%; margin-top: 0px; } #bottom li{ list-style-type: none; } #page{width:80% margin-top:20px; text-align:center;} /*打开小页面*/ #msgDiv { z-index:10001; width:500px; height:400px; background:white; border:#177bac 1px solid; position:absolute; left:50%; top:20%; font-size:12px; margin-left:-225px; display: none; } #bgDiv { display: none; position: absolute; top: 0px; left: 0px; right:0px; background-color: #777; filter:progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=50) opacity: 0.6; }