channel-common.css 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
  1. @charset "utf-8";
  2. /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
  3. -------------------------------------------------------------- */
  4. html, body, div, span, applet, object, iframe,
  5. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  6. a, abbr, acronym, address, big, cite, code,
  7. del, dfn, em, font, ins, kbd, q, s, samp,
  8. small, strike, strong, sub, sup, tt, var,
  9. dl, dt, dd, ol, ul, li,
  10. fieldset, form, label, legend,
  11. table, caption, tbody, tfoot, thead, tr, th, td {
  12. border: 0;
  13. font-family: inherit;
  14. font-size: 100%;
  15. font-style: inherit;
  16. font-weight: inherit;
  17. margin: 0;
  18. outline: 0;
  19. padding: 0;
  20. vertical-align: baseline;
  21. }
  22. :focus {/* remember to define focus styles! */
  23. outline: 0;
  24. }
  25. body {
  26. background: #fff;
  27. line-height: 1;
  28. }
  29. ol, ul {
  30. list-style: none;
  31. }
  32. table {/* tables still need 'cellspacing="0"' in the markup */
  33. border-collapse: separate;
  34. border-spacing: 0;
  35. width: 1011px;
  36. }
  37. caption, th, td {
  38. font-weight: normal;
  39. text-align: left;
  40. }
  41. blockquote:before, blockquote:after,
  42. q:before, q:after {
  43. content: "";
  44. }
  45. blockquote, q {
  46. quotes: "" "";
  47. }
  48. a img {
  49. border: 0;
  50. }
  51. article, aside, details, figcaption, figure,
  52. footer, header, hgroup, menu, nav, section {
  53. display: block;
  54. }
  55. /* =normal
  56. -------------------------------------------------------------- */
  57. body {
  58. font-size: 12px;
  59. font-family: "宋体", "Times New Roman", Verdana, Arial, "MS Sans Serif";
  60. color: #666;
  61. 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;
  62. }
  63. a {
  64. color: #585757;
  65. text-decoration: none;
  66. }
  67. a:hover {
  68. color: #F63;
  69. text-decoration: underline;
  70. }
  71. /* =classes
  72. -------------------------------------------------------------- */
  73. .clear {
  74. clear: both;
  75. }
  76. /* =layout
  77. -------------------------------------------------------------- */
  78. #page {
  79. background: url(channel-header-bg.jpg)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-header-bg.jpg*/ no-repeat 50% 0;
  80. overflow: hidden;
  81. margin: 0 auto;
  82. }
  83. #header {
  84. width: 1000px;
  85. margin: 0 auto;
  86. }
  87. #content {
  88. width: 1000px;
  89. margin: 0 auto;
  90. }
  91. #footer {
  92. width: 1000px;
  93. margin: 0 auto;
  94. }
  95. /* =header
  96. -------------------------------------------------------------- */
  97. #header {
  98. height: 80px;
  99. padding-top: 20px;
  100. position: relative;
  101. border-bottom: 3px solid #0D5AA6;
  102. }
  103. #channel-name {
  104. padding: 0;
  105. margin: 0;
  106. width: 350px;
  107. height: 80px;
  108. float: left;
  109. }
  110. #channel-name a {
  111. text-indent: -9999px;
  112. outline: none;
  113. display: block;
  114. height: 350px;
  115. height: 80px;
  116. }
  117. #channel-1 #channel-name a {
  118. background: url(channel-1-logo.jpg)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-1-logo.jpg*/ no-repeat;
  119. }
  120. #channel-2 #channel-name a {
  121. background: url(channel-2-logo.jpg)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-2-logo.jpg*/ no-repeat;
  122. }
  123. #channel-3 #channel-name a {
  124. background: url(channel-3-logo.jpg)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-3-logo.jpg*/ no-repeat;
  125. }
  126. #channel-4 #channel-name a {
  127. background: url(channel-4-logo.jpg)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-4-logo.jpg*/ no-repeat;
  128. }
  129. #channel-5 #channel-name a {
  130. background: url(channel-5-logo.jpg)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-5-logo.jpg*/ no-repeat;
  131. }
  132. #channel-6 #channel-name a {
  133. background: url(channel-6-logo-1.jpg)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-6-logo.jpg*/ no-repeat;
  134. }
  135. #channel-links {
  136. text-align: right;
  137. }
  138. /* =content
  139. -------------------------------------------------------------- */
  140. #main-row-1 {
  141. margin-bottom: 10px;
  142. }
  143. #main-row-1 .side-column {
  144. width: 350px;
  145. float: left;
  146. }
  147. #main-row-1 .main-column {
  148. width: 618px;
  149. float: right;
  150. }
  151. /* =grid-1-2-1 */
  152. #channel-1 #grid-1-2-1 .grid-title {
  153. background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 100% 0;
  154. }
  155. #channel-1 #grid-1-2-1 .grid-title span {
  156. background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 0 0;
  157. }
  158. #channel-2 #grid-1-2-1 .grid-title {
  159. background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 100% -30px;
  160. }
  161. #channel-2 #grid-1-2-1 .grid-title span {
  162. background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 0 -30px;
  163. }
  164. #channel-3 #grid-1-2-1 .grid-title {
  165. background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 100% -60px;
  166. }
  167. #channel-3 #grid-1-2-1 .grid-title span {
  168. background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 0 -60px;
  169. }
  170. #channel-4 #grid-1-2-1 .grid-title {
  171. background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 100% -90px;
  172. }
  173. #channel-4 #grid-1-2-1 .grid-title span {
  174. background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 0 -90px;
  175. }
  176. #channel-5 #grid-1-2-1 .grid-title {
  177. background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 100% -120px;
  178. }
  179. #channel-5 #grid-1-2-1 .grid-title span {
  180. background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 0 -120px;
  181. }
  182. #channel-6 #grid-1-2-1 .grid-title {
  183. background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 100% -150px;
  184. }
  185. #channel-6 #grid-1-2-1 .grid-title span {
  186. background: url(channel-heading-bg.gif)/*tpa=http://www.hs12333.gov.cn/templets/rsj/images/v2012/channel-heading-bg.gif*/ no-repeat 0 -150px;
  187. }
  188. /* =main-row-2 */
  189. #main-row-2 {
  190. margin-bottom: 10px;
  191. }
  192. #main-row-2 .side-column {
  193. width: 240px;
  194. float: left;
  195. }
  196. #main-row-2 .main-column {
  197. width: 757px;
  198. float: right;
  199. height: 771px;
  200. }
  201. /* =page-path */
  202. #page-path {
  203. line-height: 28px;
  204. height: 28px;
  205. }
  206. /* =page-list */
  207. .page-list {
  208. line-height: 32px;
  209. height: 32px;
  210. clear: both;
  211. margin-top: 10px;
  212. margin-bottom: 10px;
  213. border-top: 1px solid #DDD;
  214. }
  215. .page-list ul {
  216. padding: 0;
  217. margin: 0;
  218. list-style: none;
  219. }
  220. .page-list li {
  221. float: left;
  222. list-style: none;
  223. padding: 0 0.5em;
  224. }
  225. .page-list li.thisclass {
  226. color: #FF6600;
  227. font-weight: bold;
  228. }
  229. .page-list a {
  230. display: inline-block;
  231. }
  232. /* =footer
  233. -------------------------------------------------------------- */
  234. #footer {
  235. font-family: Verdana, Arial, "MS Sans Serif", "Times New Roman", "宋体";
  236. text-align: center;
  237. line-height: 1.625em;
  238. padding: 0.625em 0;
  239. border-top: 1px solid #DDD;
  240. }