2012-04-01 10:43:53 +00:00
html , body , div , span , object , iframe ,
h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre ,
abbr , address , cite , code ,
del , dfn , em , img , ins , kbd , q , samp ,
small , strong , sub , sup , var ,
b , i ,
dl , dt , dd , ol , ul , li ,
fieldset , form , label , legend ,
table , caption , tbody , tfoot , thead , tr , th , td ,
article , aside , canvas , details , figcaption , figure ,
footer , header , hgroup , menu , nav , section , summary ,
time , mark , audio , video { margin : 0 ; padding : 0 ; border : 0 ; outline : 0 ; font-size : 100 % ; vertical-align : baseline ; background : transparent ; }
body { line-height : 1 ; }
article , aside , canvas , details , figcaption , figure ,
footer , header , hgroup , menu , nav , section , summary { display : block ; }
nav ul { list-style : none ; }
blockquote , q { quotes : none ; }
blockquote : before , blockquote : after , q : before , q : after { content : '' ; /*content:none;*/ }
a { margin : 0 ; padding : 0 ; border : 0 ; font-size : 100 % ; vertical-align : baseline ; background : transparent ; text-decoration : none ; color : #329ECC ; }
ins { background-color : #ff9 ; color : #000 ; text-decoration : none ; }
mark { background-color : #ff9 ; color : #000 ; font-style : italic ; font-weight : bold ; }
del { text-decoration : line-through ; }
abbr [ title ] , dfn [ title ] { border-bottom : 1 px dotted #000 ; cursor : help ; }
table { border-collapse : collapse ; border-spacing : 0 ; }
hr { display : block ; height : 1 px ; border : 0 ; border-top : 1 px solid #cccccc ; margin : 1 em 0 ; padding : 0 ; }
input , select { vertical-align : middle ; }
ul , ul li { list-style : none ; }
/ * Base
--------------------------------------------------------------------- * /
2012-04-20 12:56:50 +00:00
body { font-family : Arial , Helvetica , sans-serif ; line-height : 1.5 ; font-size : 12 px ; background-color : #FFF ; color : #666 ; margin : 0 auto ; }
2012-04-01 10:43:53 +00:00
a { outline : none ; }
h1 , h2 , h3 , h4 , h5 , h6 { color : #4D5762 ; position : relative ; word-spacing : -0.1 em ; }
h4 , h5 , h6 { font-weight : bold ; }
h1 , h2 { line-height : 28 px ; margin-bottom : 18 px ; }
h1 , h2 , h3 , h4 , h5 { margin-top : 18 px ; }
h3 , h4 , h5 , h6 { line-height : 18 px ; margin-bottom : 10 px ; }
h1 { font-size : 28 px ; }
h2 { font-size : 21 px ; }
h3 { font-size : 18 px ; }
h4 { font-size : 16 px ; }
h5 { font-size : 14 px ; }
h6 { font-size : 12 px ; }
b , strong , caption , th , thead , dt , legend { font-weight : bold ; }
cite , dfn , em , i { font-style : italic ; }
code , kbd , samp , pre , tt , var , . code { font-family : Monaco , "Panic Sans" , "Lucida Console" , "Courier New" , Courier , monospace , sans-serif ; }
. code { background-color : #EAEFF4 ; color : #069 ; overflow : auto ; padding : 2 px 6 px ; }
. code span { color : #E9584C ; }
p { word-spacing : 0.125 em ; hyphenate : auto ; hyphenate-lines : 3 ; margin-top : 1 em ; }
p + p { }
pre { white-space : pre ; }
del { text-decoration : line-through ; }
mark { background : rgba ( 255 , 255 , 0 , 0.4 ) ; padding : 0 .25 em ; }
ins { color : #f00 ; }
small , sup , sub { font-size : 90 % ; }
big , . big { font-size : 120 % !important ; line-height : 120 % ; }
abbr , acronym { font-size : 85 % ; text-transform : uppercase ; letter-spacing : .1 em ; }
abbr [ title ] , acronym [ title ] , dfn [ title ] { border-bottom : 1 px dotted #ccc ; cursor : help ; }
sup , sub { line-height : 0 ; }
sup { vertical-align : super ; }
sub { vertical-align : sub ; }
blockquote , q { display : block ; font-style : normal ; quotes : "" "" ; background : url ( "../img/quote.png" ) no-repeat scroll 0 8 px transparent ;
display : block ; font-size : 14px ; min-height : 42px ; line-height : 24px ; padding : 0 0 0 20px ; color : # 666 ; font-family : Georgia , "Times New Roman" , Times , serif ; margin : 1em 0 ; }
q cite { display : block ; font-size : 12 px ; color : #999 ; }
hr { border : none ; background : #ddd ; width : 100 % ; }
ul , ol { padding-left : 1.5 em ; }
ul { list-style : disc outside ; }
ol { list-style : decimal outside ; }
ol ol li { list-style-type : lower-alpha ; }
ul , ol , dl , dialog { margin-top : 1 em ; margin-bottom : 1 em ; }
li ul , li ol , ul ul , ol ol , dl dd { margin-top : 0 ; margin-bottom : 0 ; margin-left : 0 ; }
button { cursor : pointer ; }
article , aside , header , hgroup , nav , section , footer { float : left ; display : block ; }
figure { display : block ; }
video { display : block ; border : 5 px #aaa solid ; border-radius : 4 px ; -moz- border-radius : 4 px ; -webkit- border-radius : 4 px ; }
/ * Layout
--------------------------------------------------------------------- * /
. hidden { display : none ; }
. hidden-accessible { position : absolute ; left : -99999999 px ; }
. reset { margin : 0 ; padding : 0 ; border : 0 ; outline : 0 ; line-height : 1.3 ; text-decoration : none ; font-size : 100 % ; list-style : none ; }
. clear { overflow : hidden ; }
. clearfix : after { content : "." ; display : block ; height : 0 ; clear : both ; visibility : hidden ; }
. clearfix { display : inline-block ; }
* html . clearfix { height : 1 % ; }
. clearfix { display : block ; }
. zfix { width : 100 % ; height : 100 % ; top : 0 ; left : 0 ; position : absolute ; opacity : 0 ; -khtml- opacity : 0 ; -moz- opacity : 0 ; }
/ * Boxes
--------------------------------------------------------------------- * /
. box { padding : 8 px ; margin-bottom : 8 px ; color : #555 ; border-top : 1 px solid #ccc ; border-bottom : 1 px solid #ccc ; background : #eee ; }
. box-info { padding-left : 32 px ; border-top : 1 px solid #B8E2FB ; border-bottom : 1 px solid #B8E2FB ; background : #E8F6FF url ( "../img/information.png" ) no-repeat 8 px 50 % ; }
. box-warning { padding-left : 32 px ; border-top : 1 px solid #F2DD8C ; border-bottom : 1 px solid #F2DD8C ; background : #FFF5CC url ( "../img/error.png" ) no-repeat 8 px 50 % ; }
. box-error { padding-left : 32 px ; border-top : 1 px solid #F8ACAC ; border-bottom : 1 px solid #F8ACAC ; background : #FFD1D1 url ( "../img/exclamation.png" ) no-repeat 8 px 50 % ; }
. box-error-msg { margin-top : -8 px ; background : #FFF1F1 ; border-top : 0 none ; border-bottom : 1 px solid #FDDCDC ; color : #664B4B ; padding : 12 px ; }
. box-error-msg ol { margin-top : 0 ; margin-bottom : 0 ; }
. box-success { padding-left : 32 px ; border-top : 1 px solid #BBDF8D ; border-bottom : 1 px solid #BBDF8D ; background : #EAF7D9 url ( "../img/accept.png" ) no-repeat 8 px 50 % ; }
. box a : hover { background : transparent !important ; }
/ * Forms
--------------------------------------------------------------------- * /
form { overflow : auto ; }
input : focus , textarea : focus , select : focus { outline-width : 0 ; }
input [ type = "text" ] , input [ type = "password" ] , input [ type = "select" ] , input [ type = "search" ] , input [ type = "file" ] , textarea , select {
border-color : # C4C4C4 # E9E9E9 # E9E9E9 # C4C4C4 ; border-style : solid ; border-width : 1px ; padding : 4px ; color : # 777 ; }
textarea { line-height : 18 px ; overflow : auto ; font-family : "Helvetica Neue" , Helvetica , Arial , sans-serif ; }
textarea . small { height : 5.5 em ; }
textarea . medium { height : 10 em ; }
textarea . large { height : 20 em ; }
input . half , select . half , textarea . half { width : 50 % ; }
input . full , select . full , textarea . full { width : 97 % ; }
input [ type = "submit" ] , input [ type = "reset" ] , input [ type = "button" ] { margin-bottom : 0 ; }
input : focus , textarea : focus {
-moz-box-shadow : 0 1px 1px rgba ( 196 , 196 , 196 , 0 . 5 ) ;
-webkit-box-shadow : 0 1px 1px rgba ( 196 , 196 , 196 , 0 . 5 ) ;
box-shadow : 0 1px 1px rgba ( 196 , 196 , 196 , 0 . 5 ) ;
-webkit-focus-ring-color : none ;
border-color : # c4c4c4 ;
background-color : # FFFFF0 ;
}
fieldset { border : 0 none ; border-top : 1 px solid #ddd ; margin : 10 px 0 ; padding : 10 px 0 ; }
legend { background : #fff ; color : #93BB3A ; font-weight : bold ; padding : 0 6 px 0 0 ; }
label { font-size : 11 px ; text-transform : uppercase ; font-weight : bold ; }
label . required : before { content : "*" ; color : red ; font-family : "Lucida Grande" , Verdana , Arial , Helvetica , sans-serif ; }
label . ok { background : url ( "../img/valid.gif" ) no-repeat ; padding-left : 16 px ; }
label . error { color : #d00 ; text-transform : none ; margin-left : 6 px ; }
label . choice { vertical-align : middle ; font-weight : normal ; text-transform : none ; }
fieldset small { color : #999 ; font-size : 11 px ; display : block ; }
. btn img { vertical-align : middle ; }
input [ type = "submit" ] , . btn { display : inline-block ; padding : 5 px 10 px ; color : #777 !important ; text-decoration : none ; font-weight : bold ; font-size : 12 px ; font-family : Tahoma , Arial , sans-serif ; -moz- border-radius : 4 px ; -webkit- border-radius : 4 px ; border-radius : 4 px ;
text-shadow : 0 1px 1px rgba ( 255 , 255 , 255 , 0 . 9 ) ; position : relative ; cursor : pointer ; border : 1px solid # ccc ! important ; background : # fff url ( "../images/btn-overlay.png" ) repeat-x ! important ; }
input [ type = "submit" ] : hover , . btn : hover , . btn : focus , . btn : active { outline : medium none ; border : 1 px solid #329ECC !important ; opacity : 0.9 ; -khtml- opacity : .9 ;
-moz-opacity : 0 . 9 ; -moz-box-shadow : 0 0 5px rgba ( 82 , 168 , 236 , 0 . 5 ) ; -webkit-box-shadow : 0 0 5px rgba ( 82 , 168 , 236 , 0 . 5 ) ; box-shadow : 0 0 5px rgba ( 82 , 168 , 236 , 0 . 5 ) ; }
. btn-green { color : #fff !important ; text-shadow : 0 1 px 1 px rgba ( 0 , 0 , 0 , 0.25 ) ; border : 1 px solid #749217 !important ; background-color : #6AB620 !important ; }
. btn-green : hover , . btn-green : focus , . btn-green : active { -moz- box-shadow : 0 0 5 px rgba ( 116 , 146 , 23 , 0.9 ) ; -webkit- box-shadow : 0 0 5 px rgba ( 116 , 146 , 23 , 0.9 ) ; box-shadow : 0 0 5 px rgba ( 116 , 146 , 23 , 0.9 ) ; border : 1 px solid #749217 !important ; }
. btn-blue { color : #fff !important ; text-shadow : 0 1 px 1 px rgba ( 0 , 0 , 0 , 0.25 ) ; border : 1 px solid #2D69AC !important ; background-color : #3C6ED1 !important ; }
. btn-blue : hover , . btn-blue : focus , . btn-blue : active { -moz- box-shadow : 0 0 5 px rgba ( 71 , 131 , 243 , 0.9 ) ; -webkit- box-shadow : 0 0 5 px rgba ( 71 , 131 , 243 , 0.9 ) ; box-shadow : 0 0 5 px rgba ( 71 , 131 , 243 , 0.9 ) ; border : 1 px solid #2D69AC !important ; }
. btn-red { color : #fff !important ; text-shadow : 0 1 px 1 px rgba ( 0 , 0 , 0 , 0.25 ) ; border : 1 px solid #AE2B2B !important ; background-color : #D22A2A !important ; background-image : none ; }
. btn-red : hover , . btn-red : focus , . btn-red : active { -moz- box-shadow : 0 0 5 px rgba ( 174 , 43 , 43 , 0.9 ) ; -webkit- box-shadow : 0 0 5 px rgba ( 174 , 43 , 43 , 0.9 ) ; box-shadow : 0 0 5 px rgba ( 174 , 43 , 43 , 0.9 ) ; border : 1 px solid #AE2B2B !important ; }
. btn-small { font-size : 11 px ; }
. paginationControl { float : right ; padding-left : 30 px ; margin : 10 px auto ; }
. paginationControl A { border : #9aafe5 1 px solid ; padding : 2 px 5 px ; color : #2e6ab1 ; margin-right : 2 px ; TEXT-DECORATION : none }
. paginationControl A : hover { border : #2b66a5 1 px solid ; COLOR : #000 ; BACKGROUND-COLOR : lightyellow }
. paginationControl A : active { border : #2b66a5 1 px solid ; COLOR : #000 ; BACKGROUND-COLOR : lightyellow }
. paginationControl SPAN . current { border : navy 1 px solid ; margin-right : 2 px ; padding : 2 px 5 px ; FONT-WEIGHT : bold ; COLOR : #fff ; BACKGROUND-COLOR : #2e6ab1 }
. paginationControl SPAN . disabled { border : #929292 1 px solid ; padding : 2 px 5 px ; COLOR : #929292 ; MARGIN-RIGHT : 2 px ; }
. corner-tl { -moz- border-radius-topleft : 4 px ; -webkit- border-top-left-radius : 4 px ; border-top-left-radius : 4 px ; }
. corner-tr { -moz- border-radius-topright : 4 px ; -webkit- border-top-right-radius : 4 px ; border-top-right-radius : 4 px ; }
. corner-bl { -moz- border-radius-bottomleft : 4 px ; -webkit- border-bottom-left-radius : 4 px ; border-bottom-left-radius : 4 px ; }
. corner-br { -moz- border-radius-bottomright : 4 px ; -webkit- border-bottom-right-radius : 4 px ; border-bottom-right-radius : 4 px ; }
. corners-top { -moz- border-radius-topleft : 4 px ; -webkit- border-top-left-radius : 4 px ; -moz- border-radius-topright : 4 px ; -webkit- border-top-right-radius : 4 px ; border-top-right-radius : 4 px ; border-top-left-radius : 4 px ; }
. corners-bottom { -moz- border-radius-bottomleft : 4 px ; -webkit- border-bottom-left-radius : 4 px ; -moz- border-radius-bottomright : 4 px ; -webkit- border-bottom-right-radius : 4 px ; border-bottom-left-radius : 4 px ; border-bottom-right-radius : 4 px ; }
. corners-right { -moz- border-radius-topright : 4 px ; -webkit- border-top-right-radius : 4 px ; -moz- border-radius-bottomright : 4 px ; -webkit- border-bottom-right-radius : 4 px ; border-top-right-radius : 4 px ; border-bottom-right-radius : 4 px ; }
. corners-left { -moz- border-radius-topleft : 4 px ; -webkit- border-top-left-radius : 4 px ; -moz- border-radius-bottomleft : 4 px ; -webkit- border-bottom-left-radius : 4 px ; border-top-left-radius : 4 px ; border-bottom-left-radius : 4 px ; }
. corners { -moz- border-radius : 4 px ; -webkit- border-radius : 4 px ; border-radius : 4 px ; }
. full { width : 100 % ; }
. width1 { width : 960 px ; }
. width2 { width : 660 px ; }
. width3 { width : 280 px ; }
. width4 { width : 310 px ; }
. fleft { float : left ; }
. fright { float : right ; }
. mt12 { margin-top : 12 px ; }
/ * Pages
---------------------------------------------------------------- * /
. body { width : 960 px ; margin : 0 px auto ; }
. header { background : #031a44 ; width : 100 % ; overflow : hidden ; }
. header a { color : #FFF ; text-decoration : none ; }
2012-04-18 03:44:19 +00:00
. header . banner { width : 100 % ; background : url ( /static/images/banner.jpg ) 0 0 no-repeat ; height : 219 px ; position : relative ; }
2012-04-01 10:43:53 +00:00
. header . nav { width : 100 % ; background : url ( /static/images/logo.gif ) 0 0 no-repeat ; }
2012-04-18 03:44:19 +00:00
. header . nav . search { height : 26 px ; line-height : 26 px ; overflow : hidden ; width : 90 % ; text-align : right ; margin-top : 5 px ; }
2012-04-01 10:43:53 +00:00
. header . nav . search . keywords { height : 18 px ; }
. header . nav . search span { float : right ; }
2012-04-12 02:02:10 +00:00
. header . nav . search . submit { height : 25 px ; vertical-align : middle ; line-height : 18 px ; }
2012-04-01 10:43:53 +00:00
. header # user { margin-left : 15 px ; }
. header . nav . main { height : 50 px ; overflow : hidden ; }
. header . nav . main ul { list-style : none ; margin-top : 18 px ; }
2012-04-12 14:23:45 +00:00
. header . nav . main ul li { float : right ; background : url ( /static/images/nav_tab.png ) 0 0 no-repeat ; width : 130 px ; height : 32 px ; line-height : 32 px ; text-align : center ; margin : 0 2 px ; font-size : 14 px ; font-weight : bold ; }
2012-04-01 10:43:53 +00:00
. header . nav . main ul li : hover { background : url ( /static/images/nav_tab_hover.gif ) 0 0 no-repeat ; }
2012-04-11 02:10:01 +00:00
. header . nav . main ul li . current { background : url ( /static/images/nav_tab_hover.gif ) 0 0 no-repeat ; }
2012-04-20 12:56:50 +00:00
. header . nav . main ul li a span { font-size : 16 px ; font-family : "黑体" , Tahoma , Geneva , sans-serif ; font-weight : normal ; }
2012-04-01 10:43:53 +00:00
. footer { border-top : 1 px solid #003e67 ; border-bottom : 1 px solid #003e67 ; text-align : center ; padding : 10 px 0 ; margin : 10 px 0 10 px 0 ; }
# index , # metadata , # category { margin-top : 10 px ; }
. tbox { overflow : hidden ; }
. tbox . title { height : 30 px ; background : url ( /static/images/tbox_bg_repeat.gif ) 0 0 repeat-x ; overflow : hidden ; line-height : 30 px ; color : #FFF ; font-weight : bold ; text-indent : 24 px ; }
. tbox . title a { color : #FFF ; text-decoration : none ; }
. tbox . title . more { float : right ; margin-right : 15 px ; }
. tbox . title . more a { color : #FFF ; text-decoration : none ; font-weight : normal ; font-size : 12 px ; }
. tbox . content { border : 1 px solid #a5a5a5 ; border-top : none ; padding : 10 px ; font-size : 14 px ; line-height : 24 px ; overflow : hidden ; }
. tbox . content # links { float : right ; font-size : 12 px ; }
. tbox . content ul { padding : 0 px ; margin : 0 px ; }
2012-04-18 01:42:03 +00:00
. tbox . content ul li img { vertical-align : middle ; }
2012-04-01 10:43:53 +00:00
# search_types { background : url ( /static/images/types_center.png ) center center no-repeat ; overflow : hidden ; }
# search_types ul { width : 48 % ; float : left ; }
# search_types ul li { background : url ( /static/images/square-gray.gif ) 0 8 px no-repeat ; padding-left : 15 px ; margin-left : 30 px ; }
# search_types ul li a { font-size : 12 px ; }
# search_box { width : 48 % ; float : right ; }
# search_box input . keywords { width : 90 % ; }
# datanav . fieldlist { margin : 10 px 0 px ; overflow : hidden ; }
# datanav . fieldlist ul li { float : left ; font-size : 12 px ; line-height : 24 px ; }
# datanav . fieldlist ul li a { padding : 5 px 0 px 5 px 5 px ; }
# datanav . fieldlist . subject { background : #e0e0e0 ; height : 28 px ; overflow : hidden ; }
# datanav . fieldlist . subject a { line-height : 28 px ; display : block ; background : #a3a3a3 ; width : 20 % ; color : #ff3333 ; text-align : center ; }
2012-04-06 10:06:47 +00:00
# divBreadCrumb { line-height : 24 px ; background : #e0e0e0 ; padding-left : 15 px ; }
2012-04-01 10:43:53 +00:00
# category_nav { }
# category_nav . title { width : 150 px ; background : #a3a3a3 ; font-size : 16 px ; font-weight : bold ; text-align : center ; height : 70 px ; line-height : 70 px ; }
# category_nav . categorys { width : 800 px ; background : #e0e0e0 ; padding : 0 px ; }
# category_nav . categorys ul { padding : 0 0 0 5 px ; margin : 0 px ; }
# category_nav . categorys ul li { float : left ; height : 35 px ; line-height : 35 px ; width : 15 % ; }
. datalist ul { padding : 0 px ; margin : 0 ; }
. datalist ul li { width : 32 % ; padding : 0 px ; margin-left : 1 % ; float : left ; margin-top : 10 px ; }
. datalist ul li . subject { background : #a3a3a3 ; line-height : 28 px ; border : 1 px solid #7d7d7d ; }
. datalist ul li . subject a { color : #000 ; }
. datalist ul li . data_content { border : 1 px solid #7d7d7d ; margin-top : 3 px ; }
. datalist ul li . thumb { text-align : center ; }
. datalist ul li . thumb img { padding : 2 px ; margin : 2 px ; border : 1 px solid #ccc ; }
. datalist ul li . description { font-size : 12 px ; line-height : 24 px ; text-indent : 24 px ; padding : 5 px ; }
. datalist ul li . more { float : right ; }
# view h1 { color : #329ECC ; }
2012-04-05 03:48:51 +00:00
# slideshowHolder { background-repeat : no-repeat ; background-position : center center ; }
2012-04-15 08:55:29 +00:00
# featureimg { border-width : 1 px ; border-style : solid ; float : left ; margin : 5 px ; width : 250 px ; }
2012-04-20 12:56:50 +00:00
. thumbimg { border-width : 1 px ; border-style : solid ; float : left ; margin : 5 px ; }
# dmadslider { position : relative ; height : 120 px ; width : 660 px ; }
2012-04-21 09:52:52 +00:00
# dmadslider li { height : 120 px ; width : 660 px ; position : absolute ; left : 0 px ; top : 0 px ; }
/ * Tabs
--------------------------------------------------------------------- * /
/* position:relative prevents IE scroll bug (element with position:relative inside container with overflow:auto appear as "fixed") */
. idTabs { width : 100 % ; overflow : hidden ; }
. idTabs li { float : left ; overflow : hidden ; }
. idTabs li a { display : block ; color : #003366 ; padding : 5 px 10 px ; border-radius : 3 px ; }
. idTabs li a . selected { background : #003366 ; color : #FFF ; }