globalLayout.css 22 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030
  1. /*Reset 样式初始化*/
  2. html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
  3. br, input, button, textarea, h1, h2, h3, h4, h5,em{
  4. padding: 0;
  5. margin: 0;
  6. font-weight: normal;
  7. font-style: normal;
  8. font-size: 12px;
  9. font-family:"微软雅黑","Tahoma";
  10. vertical-align: baseline;
  11. text-align:justify;
  12. word-wrap:break-word;
  13. text-justify:inter-ideograph
  14. }
  15. body{text-align:center}
  16. ul, ol, li, h1 {
  17. line-height:normal;
  18. list-style-image:none;
  19. list-style-position:outside;
  20. list-style-type:none
  21. }
  22. dl {
  23. margin:0
  24. }
  25. dd {
  26. margin-left:0
  27. }
  28. a {
  29. outline:none;
  30. }
  31. a img {
  32. border:0 none
  33. }
  34. img {
  35. vertical-align:middle;
  36. border:0px
  37. }
  38. table {
  39. border-collapse:collapse
  40. }
  41. .clearfix:after {
  42. content:".";
  43. display:block;
  44. height:0;
  45. clear:both;
  46. visibility:hidden
  47. }
  48. .clearfix {
  49. display:inline-block;
  50. overflow:hidden
  51. }
  52. .clearfix {
  53. display:block
  54. }
  55. body {color:#666;background:#fdfdfd}
  56. a {color:#006AAD;text-decoration:none}
  57. a:hover {color:#333}
  58. /**/
  59. .clearB {clear:both}
  60. .fL {float:left}
  61. .fR {float:right}
  62. :link, *:visited, *:hover, *:active, *:focus {
  63. -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  64. -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  65. transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  66. -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
  67. }
  68. .colRed {color:#f70000}
  69. .colOrange {color:#ed8b00}
  70. .colYel {color:#d9a601}
  71. .colGreen{color:#17ab0c}
  72. .colGray{color:#999}
  73. .colBlue{color:#3172d9}
  74. .hide {display:none}
  75. /*global css*/
  76. .globalHeader{
  77. background:#eef1e9
  78. }
  79. .globalHeader .width960{z-index:999}
  80. .siteNav {padding:0 0 15px 0}
  81. .siteNav .navLogoBar {
  82. height:30px;
  83. position:absolute;
  84. margin: 0 20px 0 0
  85. }
  86. .navLogoBar .switchItem a{
  87. display:inline-block;
  88. *display:inline;
  89. zoom:1;
  90. height:30px;
  91. line-height:30px;
  92. padding:0 5px;
  93. }
  94. .navLogoBar .switchItem a:hover{
  95. height::28px;
  96. line-height:28px;
  97. border-top:2px solid #666
  98. }
  99. .navLogoBar .switchItem a.now{
  100. height:28px;
  101. line-height:28px;
  102. border-top:2px solid #ff6501;
  103. cursor: default;
  104. color:#333;font-weight:600
  105. }
  106. .navLogoBar .switchItem a.now:hover{
  107. background-color:#fff
  108. }
  109. .siteNav .navLoginBar .signItem,.siteNav .navLoginBar .loginItem{
  110. float:left;
  111. height:30px;
  112. line-height:30px;
  113. margin:0 0 0 15px
  114. }
  115. .siteNav .navLoginBar .loginItem a.loginBtn{
  116. padding:0 15px;
  117. cursor:pointer;
  118. height:30px;
  119. line-height:30px;
  120. display:inline-block;
  121. *dispaly:inline;
  122. zoom:1
  123. }
  124. .siteNav .navLoginBar .loginItem a.focus{
  125. background:#9ab13d;
  126. color:#fff
  127. }
  128. .siteNav .navLoginBar .loginItem .loginPanel{
  129. position:absolute;
  130. margin:0 0 0 -170px;
  131. *margin:0 0 0 -240px;
  132. border:1px solid #9ab13d;
  133. background:#fff;
  134. z-index:999;
  135. padding:5px 15px;
  136. width:220px;
  137. top:30px;
  138. display:none;
  139. box-shadow:0 3px 3px -1px #999
  140. }
  141. .siteNav .navLoginBar .loginItem .loginPanel .btnItem {
  142. margin:15px 0 0 0
  143. }
  144. .siteNav .navLoginBar .loginItem .loginPanel .button{
  145. float:right;
  146. margin:0;
  147. border:none
  148. }
  149. .siteNav .navLoginBar .loginItem .loginPanel input.inputBd{
  150. width:215px;
  151. background: url(globalIcon.png) repeat-x scroll 0 -596px #FFFFFF;
  152. border-color: #898989 #D0D0D0 #D0D0D0 #898989;
  153. border-style: solid;
  154. border-width: 1px;
  155. font-size: 12px;
  156. height: 18px;
  157. padding: 2px 0 2px 5px;
  158. color:#999;
  159. line-height:18px;
  160. border-radius: 3px 3px 3px 3px;
  161. -webkit-border-radius: 3px 3px 3px 3px;
  162. -moz-border-radius: 3px 3px 3px 3px
  163. }
  164. .siteNav .navLoginBar .loginItem .loginPanel input.inputBd:focus{
  165. border-color:#ff6501;
  166. background:#fff;
  167. color:#333;
  168. font-weight:600
  169. }
  170. .siteNav .navLoginBar .loginItem .loginPanel .openAun{
  171. margin:10px 0 0 0;
  172. border-top:1px dashed #d2d2d2
  173. }
  174. .siteNav .navLoginBar .loginItem .loginPanel .erroTips {
  175. background:#f2f2f2;
  176. text-align:center;
  177. border:1px solid #DF8F8F;
  178. background:#FFCECE;
  179. color:#665252;
  180. margin:3px 0 0 0
  181. }
  182. .siteNav .navLoginBar .userLoginPanel li{
  183. float:left;
  184. height:30px;
  185. background:#D3DCCB;
  186. padding:0 10px
  187. }
  188. .siteNav .navLoginBar .userLoginPanel li.userAvtar {
  189. border-right:1px solid #fff
  190. }
  191. .siteNav .navLoginBar .userLoginPanel li.userMenu {
  192. border-right:1px solid #fff;
  193. border-left:1px solid #fff
  194. }
  195. .siteNav .navLoginBar .userLoginPanel li.userAvtar img {
  196. margin:5px 0 0 0
  197. }
  198. .siteNav .navLoginBar .userLoginPanel li.focus{
  199. background-color:#fff
  200. }
  201. .siteNav .navLoginBar .userLoginPanel li .myListMenu {
  202. position:absolute;
  203. margin:2px 0 0 -11px;
  204. background:#fff;
  205. z-index:9999;
  206. display:none;
  207. top:28px;
  208. *margin-left:-27px
  209. }
  210. .siteNav .navLoginBar .userLoginPanel li .myListMenu a{
  211. display:block;
  212. padding:5px 8px;
  213. color:#687C59;
  214. *width:55px
  215. }
  216. .siteNav .navLoginBar .userLoginPanel li .myListMenu a:hover{
  217. background:#D3DCCB
  218. }
  219. .siteNav .navLoginBar .userLoginPanel li span.msgNum{
  220. font-size:9px;
  221. position:absolute;
  222. color:#f90000;
  223. margin:0 0 0 -3px;
  224. font-weight:600
  225. }
  226. .siteNav .navLoginBar .userLoginPanel li i.loginIcon{
  227. background:url(globalIcon.png) no-repeat 0 0;
  228. width:16px;
  229. height:16px;
  230. display:inline-block;
  231. *display:inline;
  232. zoom:1;
  233. margin:8px 0 0 0
  234. }
  235. .siteNav .navLoginBar .userLoginPanel li i.iconMyList {
  236. background-position:0 -16px
  237. }
  238. .siteNav .navLoginBar .userLoginPanel li i.iconMyMsg{
  239. background-position:-16px -16px
  240. }
  241. .siteNav .navLoginBar .userLoginPanel li i.iconMySet{
  242. background-position:-32px -16px
  243. }
  244. .header {margin:0 0 20px 0}
  245. .header .headerBd {
  246. width:960px;
  247. margin:0 auto
  248. }
  249. .header h1 a{
  250. width:115px;
  251. height:38px;
  252. background:url(zhzdwkLogo.png) no-repeat 0 0;
  253. display:block;
  254. text-indent:-9999px
  255. }
  256. .header .searchPanel {
  257. *width:438px
  258. }
  259. .header .searchPanel .searchInput{
  260. height:36px;
  261. overflow: hidden;
  262. *width:330px
  263. }
  264. .header .searchPanel .searchInput input.inputText {
  265. height:34px;
  266. width:254px;
  267. padding:0 5px;
  268. font-size:14px;
  269. color:#666;
  270. border:none;
  271. color:#a4a4a4;
  272. line-height:36px;
  273. *float:left;
  274. border-bottom:2px solid #c2c2c1;
  275. }
  276. .header .searchPanel .searchInput:hover input.inputText{
  277. color:#666
  278. }
  279. .header .searchPanel .searchBtn {
  280. width:55px;
  281. height:38px;
  282. display:inline-block;
  283. *display:inline;
  284. zoom:1;
  285. background:url(searchPanel.png) no-repeat 0 0;
  286. border:none;
  287. float:right;
  288. cursor:pointer
  289. }
  290. .header .searchPanel .searchDocBtn {
  291. background-position:0 0;
  292. margin:0 10px 0 0;
  293. display:none
  294. }
  295. .header .searchPanel .searchDocBtn:hover {
  296. background-position:0 -38px
  297. }
  298. .header .searchPanel .searchDocBtn:active {
  299. background-position:0 -76px
  300. }
  301. .header .searchPanel .uploadDocBtn {
  302. width:105px;
  303. background-position:0 -114px
  304. }
  305. .header .searchPanel .uploadDocBtn:hover {
  306. background-position:0 -153px
  307. }
  308. .header .searchPanel .uploadDocBtn:active {
  309. background-position:0 -191px
  310. }
  311. .width960 {
  312. width:960px;
  313. margin:0 auto
  314. }
  315. .globalHeader .globalNav {
  316. background:#d3dccb;
  317. height:32px
  318. }
  319. .globalNav .width960 {position:relative}
  320. .globalHeader .globalNav .cateMenu {
  321. width:200px;
  322. background:#8BA22B;
  323. position:absolute
  324. }
  325. .globalHeader .globalNav .cateMenu i.firArrowDown {
  326. background:url(globalIcon.png) no-repeat -48px 0;
  327. width:16px;
  328. height:16px;
  329. float:right;
  330. margin:15px 0 0 0;
  331. visibility: hidden
  332. }
  333. .globalHeader .globalNav .cateMenuDown i.firArrowDown {
  334. visibility:visible
  335. }
  336. .globalHeader .globalNav .menuSlideDown i.firArrowDown {
  337. display:none
  338. }
  339. .globalHeader .globalNav .cateList {
  340. /*position:absolute;*/
  341. padding:0 0 1px 0;
  342. z-index:9999;
  343. border-bottom:2px solid #766D5E;
  344. background:#fff
  345. }
  346. .globalHeader .globalNav .cateMenuDown .cateList {
  347. display:none
  348. }
  349. .globalHeader .globalNav .cateMenu h2{
  350. height:32px;
  351. line-height:32px;
  352. padding:0 0 0 10px;
  353. cursor:pointer
  354. }
  355. .globalHeader .globalNav .cateMenu h2 a {
  356. color:#fff;
  357. font-size:16px
  358. }
  359. .globalNav .cateList .clFir {
  360. height:38px;
  361. border-bottom:1px solid #aec455;
  362. padding:0 0 0 1px;
  363. background:#a0b842
  364. }
  365. .globalNav .cateList .clFir span{
  366. height:38px;
  367. line-height:38px;
  368. display:inline-block;
  369. *display:inline;
  370. zoom:1;
  371. width:100%
  372. }
  373. .globalNav .cateList .clFir span a {
  374. color:#fff;
  375. padding:0 10px;
  376. height:38px;
  377. line-height:38px;
  378. display:inline-block;
  379. *display:inline;
  380. zoom:1;
  381. width:180px;
  382. font-size:14px
  383. }
  384. .globalNav .cateList .firFocus span {
  385. background:#fff
  386. }
  387. .globalNav .cateList .firFocus span a
  388. {
  389. color:#9ab13c
  390. }
  391. .globalNav .cateList .firFocus span a i.firArrow {display:none}
  392. .globalNav .cateList .clFir i.firArrow {
  393. width:5px;
  394. height:9px;
  395. font-size:1px;
  396. background:url(globalIcon.png) no-repeat -16px 0;
  397. float:right;
  398. margin:15px 0 0 0
  399. }
  400. .globalNav .cateList .clFir .clSub {
  401. position:absolute;
  402. left:110px;
  403. top:32px;
  404. background:#fff;
  405. z-index:999;
  406. border-right:2px solid #766D5E;
  407. border-bottom:2px solid #766D5E;
  408. height:352px
  409. }
  410. .globalNav .cateList .clFir .clSub li{
  411. display:inline-block;
  412. *display:inline;
  413. zoom:1
  414. }
  415. .globalNav .cateList .clFir .clSub li a {
  416. color:#859b2f;
  417. margin:1px;
  418. padding:8px 0;
  419. text-align:center;
  420. width:138px;
  421. display:inline-block;
  422. *display:inline;
  423. zoom:1;
  424. font-size:14px
  425. }
  426. .globalNav .cateList .clFir .clSub li a:hover{
  427. background:#A0B842;
  428. color:#fff;
  429. font-weight:600
  430. }
  431. .globalNav .mainNav {
  432. position:absolute;
  433. top:0px;
  434. left:220px
  435. }
  436. .globalNav .mainNav li {
  437. display:inline-block;
  438. *display:inline;
  439. zoom:1;
  440. position:relative
  441. }
  442. .globalNav .mainNav li a img{
  443. position:absolute;
  444. right:0;
  445. top:0
  446. }
  447. .globalNav .mainNav li a{
  448. color:#687c59;
  449. display:inline-block;
  450. *display:inline;
  451. zoom:1;
  452. height:32px;
  453. line-height:32px;
  454. padding:0 20px;
  455. font-size:16px
  456. }
  457. .globalNav .mainNav li a:hover{
  458. background:#f99b1d;
  459. color:#fff
  460. }
  461. .globalNav .mainNav li a.now {
  462. background:#f99b1d;
  463. color:#fff;
  464. font-weight:600;
  465. border-left:1px solid #fff;
  466. border-right:1px solid #fff
  467. }
  468. .globalNav .mainNav li.navBb a.now {
  469. background:#1e7145
  470. }
  471. .globalFooter{
  472. margin:30px auto;
  473. border-top:2px solid #9ab13d;
  474. padding:10px 0 0 0
  475. }
  476. .globalFooter .copyright {
  477. text-align:right
  478. }
  479. .globalFooter .footNav {
  480. float:left
  481. }
  482. .globalFooter .footNav a{
  483. margin:0 10px;
  484. color:#999
  485. }
  486. .globalFooter .footNav a:hover{
  487. color:#333
  488. }
  489. /*doc-mark*/
  490. .fileIcon {float:left;height:16px;width:16px;background:url(globalIcon.png) no-repeat 0 0;line-height:45px; overflow:hidden}
  491. i.gifIcon{ background-position:0 -48px}
  492. i.docIcon{ background-position:-20px -48px}
  493. i.docxIcon{ background-position:-20px -48px}
  494. i.xlsIcon{ background-position:-40px -48px}
  495. i.xlsxIcon{ background-position:-40px -48px}
  496. i.pptIcon{ background-position:-60px -48px}
  497. i.pptxIcon{ background-position:-60px -48px}
  498. i.ppsIcon{ background-position:-80px -48px}
  499. i.ppsxIcon{ background-position:-80px -48px}
  500. i.bmpIcon{ background-position:-100px -48px}
  501. i.rtfIcon{ background-position:-120px -48px}
  502. i.jpgIcon{ background-position:-140px -48px}
  503. i.jpegIcon{ background-position:-140px -48px}
  504. i.pubIcon{ background-position:0px -68px}
  505. i.tifIcon{ background-position:-20px -68px}
  506. i.tiffIcon{ background-position:-20px -68px}
  507. i.txtIcon{ background-position:-40px -68px}
  508. i.potIcon{ background-position:-60px -68px}
  509. i.potxIcon{ background-position:-60px -68px}
  510. i.wpsIcon{ background-position:-80px -68px}
  511. i.etIcon{ background-position:-100px -68px}
  512. i.dpsIcon{ background-position:-120px -68px}
  513. i.pdfIcon{ background-position:-140px -68px}
  514. i.epubIcon{ background-position:0 -88px}
  515. i.xmlIcon{ background-position:-20px -88px}
  516. i.pdwIcon{ background-position:-40px -88px}
  517. i.pxlIcon{ background-position:-60px -88px}
  518. i.pswIcon{ background-position:-80px -88px}
  519. i.emlIcon{ background-position:-100px -88px}
  520. i.psIcon{ background-position:-120px -88px}
  521. i.vsdIcon{ background-position:-140px -88px}
  522. i.mppIcon{ background-position:0px -108px}
  523. i.pngIcon{ background-position:-20px -108px}
  524. i.wptIcon{ background-position:0px -128px}
  525. i.dptIcon{ background-position:-20px -128px}
  526. i.dwgIcon{ background-position:-100px -128px}
  527. i.rarIcon,i.zipIcon{ background-position:-120px -128px}
  528. b.homeIcon {background-position:-32px 0}
  529. a.helpIcon{
  530. width:16px;
  531. height:16px;
  532. background:url(globalIcon.png) no-repeat -128px 0;
  533. float:left;
  534. line-height:45px;
  535. overflow:hidden
  536. }
  537. .pageLoad{
  538. margin:15px auto;
  539. width:130px;
  540. text-align:center;
  541. background:url(loadIco.gif) no-repeat;
  542. color:#999
  543. }
  544. .pageNav{
  545. margin:15px auto;
  546. text-align:center;
  547. color:#999;
  548. margin:10px 0;
  549. text-align:right
  550. }
  551. .pageNav .pageList,.pageNav .pageBtn {
  552. display:inline-block;
  553. *display:inline;
  554. zoom:1;
  555. vertical-align:middle;
  556. margin:0 0 0 20px
  557. }
  558. .pageNav .pageList {
  559. position:relative
  560. }
  561. .pageNav .pageList .moreList{
  562. position:absolute;
  563. background:#fff;
  564. border:1px solid #cdcdcd;
  565. bottom:20px;
  566. left:-12px;
  567. *width:80px
  568. }
  569. .pageNav .pageList .moreList a {
  570. display:block;
  571. height:23px;
  572. line-height:23px;
  573. text-align:center;
  574. margin:1px;
  575. padding:0 15px;
  576. color:#666
  577. }
  578. .pageNav .pageList .moreList a:hover{
  579. background:#e8e8e8;
  580. }
  581. .pageNav .pageList .moreList a.cur {
  582. color:#999;
  583. cursor:default
  584. }
  585. .pageNav .pageList .moreList a.cur:hover {
  586. background:none;
  587. color:#999
  588. }
  589. .pageNav .pageList span.more {
  590. display:inline-block;
  591. border-width: 4px 4px 0;
  592. border-style:solid;
  593. border-color:#336699 transparent transparent;
  594. height:0;
  595. width:0;
  596. line-height:0;
  597. vertical-align:middle;
  598. font-size:0;
  599. margin:0 0 0 5px
  600. }
  601. /*.button*/
  602. .button {
  603. float:left;
  604. height:28px;
  605. margin-right:10px;
  606. padding:0 18px;
  607. line-height:29px;
  608. text-align:center;
  609. overflow:hidden;
  610. font-weight:bold;
  611. color:#FFF;
  612. text-shadow:0 1px #276DDD;
  613. border:1px solid #276DDD;
  614. border-radius:3px;
  615. box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
  616. background:#4C8FFC url(btnLBg.png) repeat-x 0 -185px;
  617. text-decoration:none
  618. }
  619. .button:hover {
  620. text-decoration:none;
  621. color:#FFF;
  622. background-position:0 -214px;
  623. }
  624. .button:active {
  625. background-position:0 -243px;
  626. }
  627. .btn-red {
  628. text-shadow:0 1px #B4080C;
  629. border-color:#CE080D;
  630. background-color:#F23539;
  631. background-position:0 -431px;
  632. }
  633. .btn-red:hover {
  634. background-position:0 -460px;
  635. }
  636. .btn-red:active {
  637. background-position:0 -489px;
  638. }
  639. .btn-green {
  640. text-shadow:0 1px #598D2F;
  641. border-color:#6AAB35;
  642. background-color:#77C13C;
  643. background-position:0 -518px;
  644. }
  645. .btn-green:hover {
  646. background-position:0 -547px;
  647. }
  648. .btn-green:active {
  649. background-position:0 -576px;
  650. }
  651. .btn-orange {
  652. text-shadow:0 1px #EF7714;
  653. border-color:#F67E19;
  654. background-color:#F4A32F;
  655. background-position:0 -344px;
  656. }
  657. .btn-orange:hover {
  658. background-position:0 -373px;
  659. }
  660. .btn-orange:active {
  661. background-position:0 -402px;
  662. }
  663. .btn-gray {
  664. font-weight:normal;
  665. color:#666;
  666. text-shadow:0 1px #FFF;
  667. border-color:#C5C5C5;
  668. background-color:#FFF;
  669. background-position:0 -605px;
  670. box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
  671. }
  672. .btn-gray:hover {
  673. color:#333;
  674. background-position:0 -634px;
  675. }
  676. .btn-gray:active {
  677. background-position:0 -663px;
  678. }
  679. .btn-black {
  680. font-weight:normal;
  681. color:#f2f2f2;
  682. text-shadow:0 1px #333;
  683. border-color:#C5C5C5;
  684. background-color:#6c6e7d;
  685. background-position:0 0;
  686. box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
  687. }
  688. .btn-black:hover {
  689. color:#fff;
  690. background-position:0 -31px;
  691. }
  692. .btn-black:active {
  693. background-position:0 -108px;
  694. }
  695. .btn-large {
  696. width:65px;
  697. }
  698. .btn-disabled,
  699. .btn-disabled:hover,
  700. .btn-disabled:active {
  701. color:#999;
  702. text-shadow:none;
  703. border-color:#C5C5C5;
  704. background-color:#EEE;
  705. background-position:0 -634px;
  706. box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
  707. cursor:default;
  708. }
  709. .levIcon {
  710. background:url(globalIcon.png) no-repeat -192px 0;
  711. display:inline-block;
  712. *display:inline;
  713. zoom:1;
  714. height:16px;
  715. vertical-align: middle;
  716. width:16px
  717. }
  718. i.lev1 {
  719. background-position:-176px -16px
  720. }
  721. i.lev2 {
  722. background-position:-192px -16px
  723. }
  724. i.lev3 {
  725. background-position:-176px -32px
  726. }
  727. i.lev4 {
  728. background-position:-192px -32px
  729. }
  730. i.lev5 {
  731. background-position:-176px -48px
  732. }
  733. i.lev6 {
  734. background-position:-192px -48px
  735. }
  736. i.lev7 {
  737. background-position:-176px -64px
  738. }
  739. i.lev8 {
  740. background-position:-192px -64px
  741. }
  742. i.lev9 {
  743. background-position:-176px -80px
  744. }
  745. i.lev10 {
  746. background-position:-192px -80px
  747. }
  748. i.lev11 {
  749. background-position:-176px -96px
  750. }
  751. i.lev12 {
  752. background-position:-192px -96px
  753. }
  754. i.lev13 {
  755. background-position:-176px -112px
  756. }
  757. .vcard {
  758. background-position:-208px -32px
  759. }
  760. .vcardEnb {
  761. background-position:-224px -32px
  762. }
  763. .vmail {
  764. background-position:-208px -48px
  765. }
  766. .vmailEnb {
  767. background-position:-224px -48px
  768. }
  769. .vphone {
  770. background-position:-208px -64px
  771. }
  772. .vphoneEnb {
  773. background-position:-224px -64px
  774. }
  775. .yearUser {
  776. background-position:-208px -80px
  777. }
  778. .yearUserEnb {
  779. background-position:-224px -80px
  780. }
  781. .tickIcon {
  782. background-position:-48px -16px
  783. }
  784. .crossedIcon {
  785. background-position:-64px -16px
  786. }
  787. .phoneIcon {
  788. background-position:0 0
  789. }
  790. .pageNav2 {
  791. text-align:center;
  792. margin:20px 0 20px 0
  793. }
  794. .pageNav2 .pageList {
  795. text-align:center;
  796. float:right;
  797. background:url(globalIcon.png) repeat-x 0 -680px;
  798. margin:1px 0;
  799. border:1px solid #d1d1d1;
  800. margin:0 20px 0 0;
  801. border-radius:5px;
  802. overflow:hidden
  803. }
  804. .pageNav2 a,.pageNav2 span,.pageNav2 span.inactivePrev,.pageNav2 span.inactiveNext{
  805. color:#555960;
  806. padding:0 10px;
  807. float:left;
  808. border-right:1px solid #d1d1d1;
  809. text-shadow:1px 1px 0 #FFFFFF;
  810. height:29px;
  811. line-height:29px
  812. }
  813. .pageNav2 a:hover{
  814. background:url(globalIcon.png) repeat-x 0 -709px
  815. }
  816. .pageNav2 a.current{
  817. font-weight:600;
  818. cursor:default;
  819. background:url(globalIcon.png) repeat-x 0 -709px;
  820. }
  821. .pageNav2 a.current:hover{
  822. cont-weight:600;
  823. background:url(globalIcon.png) repeat-x 0 -709px;
  824. }
  825. .pageNav2 span.inactivePrev,.pageNav2 span.inactiveNext {
  826. color:#ccc
  827. }
  828. .pageNav2 a.next{
  829. border-right:none
  830. }
  831. .backToTop {
  832. display: none;
  833. width: 18px;
  834. line-height: 1.2;
  835. padding: 5px 0;
  836. background-color: #333;
  837. color: #fff;
  838. font-size: 12px;
  839. text-align: center;
  840. position: fixed;
  841. _position: absolute;
  842. right: 10px;
  843. bottom: 50px;
  844. _bottom: "auto";
  845. cursor: pointer;
  846. opacity: .6;
  847. filter: Alpha(opacity=60);
  848. }
  849. .backToTop:hover{
  850. background:#000
  851. }
  852. .fixedButton{
  853. width: 30px;
  854. height:200px;
  855. text-align: center;
  856. position: fixed;
  857. _position: absolute;
  858. left: 0px;
  859. bottom: 100px;
  860. _bottom: "auto";
  861. cursor: pointer
  862. }
  863. .helpCenterBtn {
  864. background:url(helpCenterButton.png) no-repeat 0 bottom;
  865. width: 30px;
  866. height:40px;
  867. }
  868. .depositButton {
  869. background:url(helpCenterButton.png) no-repeat 0 top;
  870. width: 30px;
  871. height:100px;
  872. }
  873. .fixedButton a{
  874. display: block;
  875. width:30px
  876. }
  877. .helpCenterBtn a{
  878. height:40px
  879. }
  880. .depositButton a{
  881. height:100px
  882. }
  883. @media screen and (max-width:1920px) {
  884. .navShadow,.printContent{
  885. width:1225px;
  886. }
  887. .printSubnav .navList li{
  888. margin:0 30px 0 0
  889. }
  890. .printSubnav .subList{
  891. width:720px
  892. }
  893. }
  894. @media screen and (max-width:1280px) {
  895. .navShadow,.printContent{
  896. width:985px;
  897. }
  898. .printSubnav .navList li{
  899. margin:0 10px 0 0
  900. }
  901. .printSubnav .subList{
  902. width:600px
  903. }
  904. }
  905. .table {
  906. width: 100%;
  907. margin-bottom: 20px;
  908. background-color: transparent;
  909. border-collapse: collapse;
  910. border-spacing: 0;
  911. }
  912. .table th,
  913. .table td {
  914. padding: 8px;
  915. line-height: 20px;
  916. text-align: left;
  917. vertical-align: top;
  918. border-top: 1px solid #dddddd;
  919. }
  920. .table th {
  921. font-weight: bold;
  922. }
  923. .table thead th {
  924. vertical-align: bottom;
  925. }
  926. .table caption + thead tr:first-child th,
  927. .table caption + thead tr:first-child td,
  928. .table colgroup + thead tr:first-child th,
  929. .table colgroup + thead tr:first-child td,
  930. .table thead:first-child tr:first-child th,
  931. .table thead:first-child tr:first-child td {
  932. border-top: 0;
  933. }
  934. .table tbody + tbody {
  935. border-top: 2px solid #dddddd;
  936. }
  937. .table .table {
  938. background-color: #ffffff;
  939. }
  940. .table-condensed th,
  941. .table-condensed td {
  942. padding: 4px 5px;
  943. }
  944. .table-bordered {
  945. border: 1px solid #dddddd;
  946. border-collapse: separate;
  947. *border-collapse: collapse;
  948. border-left: 0;
  949. -webkit-border-radius: 4px;
  950. -moz-border-radius: 4px;
  951. border-radius: 4px;
  952. }
  953. .table-bordered th,
  954. .table-bordered td {
  955. border-left: 1px solid #dddddd;
  956. }
  957. .table-bordered caption + thead tr:first-child th,
  958. .table-bordered caption + tbody tr:first-child th,
  959. .table-bordered caption + tbody tr:first-child td,
  960. .table-bordered colgroup + thead tr:first-child th,
  961. .table-bordered colgroup + tbody tr:first-child th,
  962. .table-bordered colgroup + tbody tr:first-child td,
  963. .table-bordered thead:first-child tr:first-child th,
  964. .table-bordered tbody:first-child tr:first-child th,
  965. .table-bordered tbody:first-child tr:first-child td {
  966. border-top: 0;
  967. }
  968. .table-bordered thead:first-child tr:first-child > th:first-child,
  969. .table-bordered tbody:first-child tr:first-child > td:first-child,
  970. .table-bordered tbody:first-child tr:first-child > th:first-child {
  971. -webkit-border-top-left-radius: 4px;
  972. -moz-border-radius-topleft: 4px;
  973. border-top-left-radius: 4px;
  974. }
  975. .table-bordered thead:first-child tr:first-child > th:last-child,
  976. .table-bordered tbody:first-child tr:first-child > td:last-child,
  977. .table-bordered tbody:first-child tr:first-child > th:last-child {
  978. -webkit-border-top-right-radius: 4px;
  979. -moz-border-radius-topright: 4px;
  980. border-top-right-radius: 4px;
  981. }
  982. .table-bordered thead:last-child tr:last-child > th:first-child,
  983. .table-bordered tbody:last-child tr:last-child > td:first-child,
  984. .table-bordered tbody:last-child tr:last-child > th:first-child,
  985. .table-bordered tfoot:last-child tr:last-child > td:first-child,
  986. .table-bordered tfoot:last-child tr:last-child > th:first-child {
  987. -webkit-border-bottom-left-radius: 4px;
  988. -moz-border-radius-bottomleft: 4px;
  989. border-bottom-left-radius: 4px;
  990. }
  991. .table-bordered thead:last-child tr:last-child > th:last-child,
  992. .table-bordered tbody:last-child tr:last-child > td:last-child,
  993. .table-bordered tbody:last-child tr:last-child > th:last-child,
  994. .table-bordered tfoot:last-child tr:last-child > td:last-child,
  995. .table-bordered tfoot:last-child tr:last-child > th:last-child {
  996. -webkit-border-bottom-right-radius: 4px;
  997. -moz-border-radius-bottomright: 4px;
  998. border-bottom-right-radius: 4px;
  999. }
  1000. .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  1001. -webkit-border-bottom-left-radius: 0;
  1002. -moz-border-radius-bottomleft: 0;
  1003. border-bottom-left-radius: 0;
  1004. }
  1005. .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  1006. -webkit-border-bottom-right-radius: 0;
  1007. -moz-border-radius-bottomright: 0;
  1008. border-bottom-right-radius: 0;
  1009. }
  1010. .table-bordered caption + thead tr:first-child th:first-child,
  1011. .table-bordered caption + tbody tr:first-child td:first-child,
  1012. .table-bordered colgroup + thead tr:first-child th:first-child,
  1013. .table-bordered colgroup + tbody tr:first-child td:first-child {
  1014. -webkit-border-top-left-radius: 4px;
  1015. -moz-border-radius-topleft: 4px;
  1016. border-top-left-radius: 4px;
  1017. }
  1018. .table-bordered caption + thead tr:first-child th:last-child,
  1019. .table-bordered caption + tbody tr:first-child td:last-child,
  1020. .table-bordered colgroup + thead tr:first-child th:last-child,
  1021. .table-bordered colgroup + tbody tr:first-child td:last-child {
  1022. -webkit-border-top-right-radius: 4px;
  1023. -moz-border-radius-topright: 4px;
  1024. border-top-right-radius: 4px;
  1025. }