@charset "utf-8"; /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus {/* remember to define focus styles! */ outline: 0; } body { background: #fff; line-height: 1; } ol, ul { list-style: none; } table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; width: 1011px; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* =normal -------------------------------------------------------------- */ body { font-size: 12px; font-family: "宋体", "Times New Roman", Verdana, Arial, "MS Sans Serif"; color: #666; background: #FFF url(channel-body-bg.jpg)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-body-bg.jpg*/ repeat-x 0 0; } a { color: #585757; text-decoration: none; } a:hover { color: #F63; text-decoration: underline; } /* =classes -------------------------------------------------------------- */ .clear { clear: both; } /* =layout -------------------------------------------------------------- */ #page { background: url(channel-header-bg.jpg)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-header-bg.jpg*/ no-repeat 50% 0; overflow: hidden; margin: 0 auto; } #header { width: 1000px; margin: 0 auto; } #content { width: 1000px; margin: 0 auto; } #footer { width: 1000px; margin: 0 auto; } /* =header -------------------------------------------------------------- */ #header { height: 80px; padding-top: 20px; position: relative; border-bottom: 3px solid #0D5AA6; } #channel-name { padding: 0; margin: 0; width: 350px; height: 80px; float: left; } #channel-name a { text-indent: -9999px; outline: none; display: block; height: 350px; height: 80px; } #channel-1 #channel-name a { background: url(channel-1-logo.jpg)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-1-logo.jpg*/ no-repeat; } #channel-2 #channel-name a { background: url(channel-2-logo.jpg)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-2-logo.jpg*/ no-repeat; } #channel-3 #channel-name a { background: url(channel-3-logo.jpg)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-3-logo.jpg*/ no-repeat; } #channel-4 #channel-name a { background: url(channel-4-logo.jpg)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-4-logo.jpg*/ no-repeat; } #channel-5 #channel-name a { background: url(channel-5-logo.jpg)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-5-logo.jpg*/ no-repeat; } #channel-6 #channel-name a { background: url(channel-6-logo-1.jpg)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-6-logo.jpg*/ no-repeat; } #channel-links { text-align: right; } /* =content -------------------------------------------------------------- */ #main-row-1 { margin-bottom: 10px; } #main-row-1 .side-column { width: 350px; float: left; } #main-row-1 .main-column { width: 618px; float: right; } /* =grid-1-2-1 */ #channel-1 #grid-1-2-1 .grid-title { background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 100% 0; } #channel-1 #grid-1-2-1 .grid-title span { background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 0 0; } #channel-2 #grid-1-2-1 .grid-title { background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 100% -30px; } #channel-2 #grid-1-2-1 .grid-title span { background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 0 -30px; } #channel-3 #grid-1-2-1 .grid-title { background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 100% -60px; } #channel-3 #grid-1-2-1 .grid-title span { background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 0 -60px; } #channel-4 #grid-1-2-1 .grid-title { background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 100% -90px; } #channel-4 #grid-1-2-1 .grid-title span { background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 0 -90px; } #channel-5 #grid-1-2-1 .grid-title { background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 100% -120px; } #channel-5 #grid-1-2-1 .grid-title span { background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 0 -120px; } #channel-6 #grid-1-2-1 .grid-title { background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 100% -150px; } #channel-6 #grid-1-2-1 .grid-title span { background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 0 -150px; } /* =main-row-2 */ #main-row-2 { margin-bottom: 10px; } #main-row-2 .side-column { width: 240px; float: left; } #main-row-2 .main-column { width: 757px; float: right; height: 771px; } /* =page-path */ #page-path { line-height: 28px; height: 28px; } /* =page-list */ .page-list { line-height: 32px; height: 32px; clear: both; margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #DDD; } .page-list ul { padding: 0; margin: 0; list-style: none; } .page-list li { float: left; list-style: none; padding: 0 0.5em; } .page-list li.thisclass { color: #FF6600; font-weight: bold; } .page-list a { display: inline-block; } /* =footer -------------------------------------------------------------- */ #footer { font-family: Verdana, Arial, "MS Sans Serif", "Times New Roman", "宋体"; text-align: center; line-height: 1.625em; padding: 0.625em 0; border-top: 1px solid #DDD; }