login.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
  1. @CHARSET "UTF-8";
  2. /**************************************
  3. * Supplier Style
  4. **************************************/
  5. /*
  6. * Main Layout
  7. */
  8. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td {
  9. margin: 0;
  10. padding: 0;
  11. }
  12. html,body {
  13. margin:0;
  14. padding:0;
  15. min-width: 1200px;
  16. background: transparent;
  17. }
  18. body {
  19. font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
  20. color: #333;
  21. direction: ltr;
  22. font-size: 12px;
  23. background-color: #fff;
  24. }
  25. html>body #wrap {height:100%;}
  26. html>body #content-wrap {height:100%;}
  27. html>body #content {
  28. padding-top: 74px;
  29. background-color: #fff;
  30. }
  31. #footer {
  32. width:100%;
  33. height:64px;
  34. background-color: #535665;
  35. text-align: center;
  36. }
  37. #footer {
  38. position:fixed;
  39. bottom:0;
  40. z-index: -999;
  41. }
  42. #footer p {
  43. /* margin-top: 10px; */
  44. }
  45. #header {
  46. width:100%;
  47. height:74px;
  48. position:fixed;
  49. min-width: 1200px;
  50. z-index:99;
  51. background: url("/img/supplier/login/login_header_bg.gif") repeat-x;
  52. }
  53. #supplier-main-menu {
  54. width: 920px;
  55. height: 74px;
  56. position: relative;
  57. margin: auto;
  58. text-align: center;
  59. }
  60. ul.main-menu li {
  61. width: 125px;
  62. height: 103px;
  63. display: block;
  64. position: relative;
  65. float: left;
  66. padding: 0px;
  67. vertical-align: bottom;
  68. }
  69. ul.main-menu li.logo {
  70. width: 280px;
  71. display : inline;
  72. text-align: left;
  73. }
  74. ul.main-menu li.logo img {
  75. vertical-align: middle;
  76. padding-top: 16px;
  77. }
  78. #login-banner {
  79. text-align: center;
  80. margin: 0 auto;
  81. width: 100%;
  82. height: 360px;
  83. background: url("/img/supplier/login/login_banner_bg.gif") repeat-x;
  84. }
  85. #login-form {
  86. width: 100%;
  87. height: 88px;
  88. background-color: #f6f6f6;
  89. border-top: 1px solid #dcdcdc;
  90. border-bottom: 1px solid #dcdcdc;
  91. margin: 0 auto;
  92. padding: 0px;
  93. text-align: center;
  94. }
  95. #login-form table.form {
  96. width: 920px;
  97. margin: 0 auto;
  98. border-spacing: 0px;
  99. }
  100. #login-form table.form td table {
  101. width: 100%;
  102. }
  103. #login-form table.form td table td {
  104. text-align: left;
  105. }
  106. #login-form table.form td.companyBtn {
  107. border-left: 1px solid #d4d4d4;
  108. border-right: 1px solid #d4d4d4;
  109. background-color: #ededed;
  110. height: 88px;
  111. }
  112. #login-form table.form td input[type="text"] {
  113. border: 1px solid #757581;
  114. width: 150px;
  115. height: 21px;
  116. padding:0 0 0 2px;
  117. }
  118. #login-form table.form td input[type="password"] {
  119. border: 1px solid #757581;
  120. width: 150px;
  121. height: 21px;
  122. padding:0 0 0 2px;
  123. }
  124. #login-notice {
  125. width: 920px;
  126. height: 200px;
  127. margin: 0 auto;
  128. top: 20px;
  129. position: relative;
  130. background-color: #fff;
  131. }
  132. #login-notice > div#notice {
  133. float: left;
  134. width: 367px;
  135. height: 200px;
  136. top: 24px;
  137. position: relative;
  138. }
  139. #login-notice > div#notice table {
  140. width: 100%;
  141. }
  142. #login-notice > div#notice table td {
  143. text-align: left;
  144. height: 25px;
  145. }
  146. #login-notice > div#notice table td.right {
  147. text-align: right;
  148. }
  149. #login-notice > div#notice a {
  150. color: #333;
  151. text-decoration: none;
  152. }
  153. #login-notice > div#notice a:hover {
  154. color: #3386ca;
  155. }
  156. #login-notice > div#econtract {
  157. margin-left: 4px;
  158. float: left;
  159. width: 210px;
  160. height: 200px;
  161. background: url("/img/supplier/login/econtract_check_bg.gif") no-repeat;
  162. background-position: 0 4px;
  163. }
  164. #login-notice > div#econtract img {
  165. position: relative;
  166. top: 130px;
  167. left: 70px;
  168. }
  169. #login-notice > div#btn {
  170. float: left;
  171. width: 300px;
  172. height: 200px;
  173. padding: 0;
  174. margin-left: 10px;
  175. top: 20px;
  176. position: relative;
  177. }
  178. #login-notice > div#btn > table {
  179. width: 100%;
  180. margin: 0 auto;
  181. }
  182. /**
  183. * Common
  184. **/
  185. img {
  186. border: 0px;
  187. }
  188. .bold {
  189. font-weight: bold;
  190. }
  191. .blue {
  192. color: #004c98;
  193. }
  194. .orange {
  195. color: #fe6700;
  196. }