css.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389
  1. @charset "utf-8";
  2. *{
  3. padding:0; border:0; margin:0; list-style:none; font-family:"";
  4. }
  5. * a{
  6. text-decoration:none;
  7. }
  8. body{
  9. scrollbar-face-color: #f7f2d4; scrollbar-3dlight-color: #f7f2d4; font-size:12px;
  10. }
  11. .mainbody{
  12. margin:auto;
  13. }
  14. .IE6png{
  15. behavior: url("/Content/iepngfix.htc");
  16. }
  17. #top_left{
  18. background:transparent url('images/logo.png') no-repeat ; height:81px;
  19. }
  20. #top_bg{
  21. background:transparent url('images/top_bg.png') no-repeat ; height:32px;
  22. }
  23. #top_right{
  24. background:transparent url('images/top_image.png') no-repeat ;width:446px;margin-top:4px; height:136px;
  25. }
  26. .nav_bg{
  27. background:url('images/nav_bg.gif') repeat-x #fff;
  28. }
  29. .nav_box{
  30. background:url(images/nav_right.gif) no-repeat right top; width:100%; height:32px;
  31. }
  32. #top_menu_icon{
  33. height:36px; top:52px;position:absolute;
  34. }
  35. .top_menu_icon1{
  36. height:36px; float:left; width:132px; background:url(images/top_nav_icon1.gif) no-repeat center top;
  37. }
  38. .top_menu_icon2{
  39. height:36px; float:left; width:128px; background:url(images/top_nav_icon2.gif) no-repeat center top;
  40. }
  41. .top_menu_icon3{
  42. height:36px; float:left; width:128px; background:url(images/top_nav_icon3.gif) no-repeat center top;
  43. }
  44. .top_menu_icon4{
  45. height:36px; float:left; width:128px; background:url(images/top_nav_icon4.gif) no-repeat center top;
  46. }
  47. #nav_image{
  48. background:transparent url(images/family_photo.png) no-repeat right top;width:269px; height:168px; float:right; position:absolute; top:0; right:0
  49. }
  50. #nav_index{
  51. float:left; height:32px; width:132px; line-height:32px; text-align:center;background:url(images/nav_bg_hover.gif) no-repeat;
  52. }
  53. #nav_index a{
  54. font-size:13px; color:#ad8634;font-weight:bold
  55. }
  56. #nav{
  57. float:left; height:32px;
  58. }
  59. #nav li{
  60. float:left; height:32px; line-height:32px; background:url(images/nav_bg_left.gif) no-repeat; padding-left:36px; font-weight:bold
  61. }
  62. #nav li a{
  63. height:32px; background:url(images/nav_bg_right.gif) no-repeat right top; padding:10px 36px 10px 0; font-size:13px; color:#ad8634
  64. }
  65. * html #nav li a{
  66. padding:0 36px 0 0;
  67. }
  68. *+html #nav li a{
  69. padding:0 36px 0 0;
  70. }
  71. #nav_right{
  72. float:left; height:32px; width:40px;background:url(images/nav_bg_left.gif) no-repeat;
  73. }
  74. #content
  75. {
  76. width:100%
  77. }
  78. #content_left{
  79. background:transparent url('images/content_left.png')
  80. }
  81. #content_right{
  82. background:transparent url('images/content_right.png')
  83. }
  84. #sampleframe{
  85. border:0
  86. }
  87. /*左侧菜单区*/
  88. div.sdmenu {
  89. width: 140px; font-size:14px; font-weight:bold; color:#ad8634;
  90. }
  91. div.sdmenu div {
  92. background: url(images/menu_bg_hover.gif) repeat-x;overflow: hidden;
  93. }
  94. * html div.sdmenu div{
  95. float:left
  96. }
  97. div.sdmenu div.collapsed {
  98. height: 32px;
  99. }
  100. div.sdmenu div span {
  101. display: block;line-height:32px;width:140px;font-weight: bold;color: white;cursor: pointer; padding-left:33px; margin-left:10px;
  102. }
  103. div.sdmenu div span a{
  104. padding:0; background:none; border:0; font-size:14px;line-height:32px;display:block
  105. }
  106. div.sdmenu div.collapsed {
  107. background: url(images/menu_bg.gif) repeat-x; width:140px; color:#ad8634
  108. }
  109. div.sdmenu div.collapsed span{
  110. color:#ad8634; line-height:32px
  111. }
  112. div.sdmenu div.collapsed span a.current{
  113. color:#ad8634;
  114. }
  115. div.sdmenu div a {
  116. padding-left:47px;display: block;border-bottom: 1px solid #fff;color: #ad8634;font-size:13px; background:url(images/menu_sub_icon.gif) no-repeat 27px 7px #f7f2d4; line-height:28px
  117. }
  118. div.sdmenu div a.current {
  119. background : url(images/linkarrow.gif) no-repeat 27px 7px #f8ec94; color:#ad8634
  120. }
  121. div.sdmenu div span a.current {
  122. background :none; color:#fff
  123. }
  124. div.sdmenu div a:hover {
  125. background : url(images/menu_sub_icon.gif) no-repeat 27px 7px #f8ec94;text-decoration: none;
  126. }
  127. div.sdmenu div span a:hover {
  128. background:none;
  129. }
  130. #menu_icon1{
  131. background:transparent url(images/menu_icon1.png) no-repeat ;
  132. }
  133. #menu_icon2{
  134. background:transparent url(images/menu_icon2.png) no-repeat;
  135. }
  136. #menu_icon3{
  137. background:transparent url(images/menu_icon3.png) no-repeat;
  138. }
  139. #menu_icon4{
  140. background:transparent url(images/menu_icon4.png) no-repeat;
  141. }
  142. #menu_icon5{
  143. background:transparent url(images/menu_icon5.png) no-repeat;
  144. }
  145. /*切换家庭角色*/
  146. #switch{
  147. float:left;
  148. }
  149. #switch_role{
  150. margin-top:20px; height:27px; width:140px; border-bottom:3px solid #fff; background:url(images/switch_title.gif);
  151. }
  152. #switch_role a{
  153. display:block; height:27px; width:140px;
  154. }
  155. .role_list{
  156. width:140px; position:absolute; font-size:12px; font-weight:bold; border:1px solid #ecdb8f; margin-top:-3px; line-height:30px;
  157. }
  158. .role_list a{
  159. color:#4c3600; text-decoration:underline
  160. }
  161. #switch_role_name{
  162. border-top:3px solid #fff;line-height:30px; text-align:center; color:#ad8634; font-size:12px; font-weight:bold;
  163. }
  164. .select{
  165. float:left; background:#f0e6b0; color:#ad8634; font-size:12px; font-weight:bold; width:145px; line-height:20px; padding-left:5px; border:1px solid #fff; border-right:0
  166. }
  167. * html .select{
  168. width:150px;
  169. }
  170. *+html .select{
  171. width:150px;
  172. }
  173. .close{
  174. float:right;background:#f0e6b0; width:34px; padding-top:3px; height:17px; border:1px solid #fff; border-left:0
  175. }
  176. * html .close{
  177. height:22px;
  178. }
  179. *+html .close{
  180. height:22px;
  181. }
  182. .switch_content{
  183. background:#fff; width:139px; filter:alpha(opacity=80); text-align:center
  184. }
  185. .switch_content a{
  186. margin-left:1em; white-space:nowrap
  187. }
  188. /*内页模板样式*/
  189. .manage_table{
  190. color:#777;border:1px solid #d7d7d7; margin-bottom:5px; border-top:1px solid #ecdc92;
  191. }
  192. * html .manage_table{
  193. float:none
  194. }
  195. .manage_table td,.manage_table th{
  196. padding:3px 6px;font-size:13px; border-bottom:1px dashed #dedede; line-height:20px; color:#333
  197. }
  198. .manage_table td a{
  199. color: #ad8634; font-size:12px; text-decoration:underline
  200. }
  201. .manage_table td div.operation2 a{
  202. text-decoration:none; line-height:24px; color:#f6691b
  203. }
  204. .manage_header{
  205. color:#777; font-weight:bold; background:#fbfbea;
  206. }
  207. .manage_nav{
  208. background:url(images/header_bg.gif) repeat-x;color:#ad8634;font-weight:bold; font-size:13px; height:26px; line-height:26px; margin-top:2px
  209. }
  210. .manage_nav_title{
  211. background:url(images/header_flower.gif) no-repeat right 0; float:left; padding:0 42px 0 7px;
  212. }
  213. .manage_nav_left{
  214. background:url(images/header_left.gif) no-repeat;
  215. }
  216. .manage_nav_right{
  217. background:url(images/header_right.gif) no-repeat;
  218. }
  219. .manage_nav_button{
  220. float:right; margin:3px 10px 0 0;
  221. }
  222. .manage_border{
  223. border-right:1px solid #d7d7d7; color:#777
  224. }
  225. .manage_border li li{
  226. height:24px
  227. }
  228. .manage_photo{
  229. border:1px dashed #d7d7d7; padding:3px; margin:6px 0; background:#fff; float:left
  230. }
  231. .person_title{
  232. background:url(images/person_nav_bg.gif) no-repeat 1px 0; padding-left:10px; color:#76ab1c; height:26px; line-height:26px; border-left:1px solid #dbe4f2; border-right:1px solid #dbe4f2; font-size:13px; font-weight:bold; letter-spacing:1px;
  233. }
  234. #ymForm{
  235. font-size:14px; font-weight:bold; color:#ff0000; line-height:24px; margin:10px;
  236. }
  237. .immu_infor{
  238. width:100%; background:#ffffcd; padding:10px; line-height:18px; color:#444;text-align:left; margin:10px 0 5px; border:1px dashed #d7d7d7; font-size:12px
  239. }
  240. .immu_infor strong{
  241. color:ff0000; font-size:14px; line-height:24px;
  242. }
  243. .operation{
  244. margin-top:-27px;
  245. }
  246. .operation a{
  247. color:#f6691b
  248. }
  249. /*通用输入框样式*/
  250. .input_style1{
  251. width: 150px; height:20px; line-height:18px; border: 1px solid #ccc; color:#ad8634; padding-left:5px;
  252. }
  253. .input_style2{
  254. width: 100px; height:20px; line-height:18px; border: 1px solid #ccc; color:#ad8634; padding-left:5px;
  255. }
  256. .input_style4{
  257. width: 230px; height:20px; line-height:18px; border: 1px solid #ccc; color:#ad8634; padding-left:5px;
  258. }
  259. .input_style3{
  260. width: 320px; height:22px; line-height:24px; border: 1px solid #ccc; color:#333;padding-left:5px;
  261. }
  262. .input_area_style1 {
  263. width: 99%;height: 70px; scrollbar-face-color: #eee; scrollbar-3dlight-color: #eee; word-wrap: break-word; border: 1px solid #d7d7d7; padding-left:5px; line-height:18px;color:#ad8634;
  264. }
  265. .input_area_style2 {
  266. width:320px; height: 100px; sscrollbar-face-color: #eee; scrollbar-3dlight-color: #eee; word-wrap: break-word; border: 1px solid #d7d7d7; padding-left:5px; line-height:18px;color:#ad8634;
  267. }
  268. .input_area_style4 {
  269. width:99%; height:40px; scrollbar-face-color: #eee; scrollbar-3dlight-color: #eee; word-wrap: break-word; border: 1px solid #d7d7d7; padding-left:5px; line-height:18px;color:#ad8634;
  270. }
  271. .input_area_style3 {
  272. width:230px; height:70px; scrollbar-face-color: #eee; scrollbar-3dlight-color: #eee; word-wrap: break-word; border: 1px solid #d7d7d7; padding-left:5px; line-height:18px
  273. }
  274. .view_content{
  275. border:1px solid #e6d37e;position:absolute; margin-top:-2px; z-index:10000
  276. }
  277. .view_link a{
  278. background:url(images/down.gif) no-repeat right center; padding-right:15px;
  279. }
  280. .view{
  281. border:1px solid #e6d37e;border-bottom:0; text-align:center; position:absolute; z-index:1000000000; margin-top:-7px; padding:0 7px 0 10px; background:#fbfbea; white-space:nowrap
  282. }
  283. *html .view{
  284. margin-top:-11px;
  285. }
  286. *+html .view{
  287. margin-top:-11px;
  288. }
  289. .view a{
  290. background:url(images/up.gif) no-repeat right center;padding-right:15px;
  291. }
  292. /*通用按钮样式*/
  293. .button_all{
  294. padding:2px 0 0 2px; background: url(images/button_bg.gif); border: 1px solid #dfc15e; height:21px; color:#ad8634;font-size: 12px; letter-spacing:1px;
  295. }
  296. .button_text{
  297. background: url(images/button_bg.gif); border: 1px solid #dfc15e; line-height:17px; font-weight:100
  298. }
  299. .button_text a{
  300. display:block;padding:0 7px; text-decoration:none; color:#ad8634;font-size: 12px; font-weight:bold; letter-spacing:1px
  301. }
  302. .button_tag{
  303. padding:3px 5px 2px; color:#000; background: url(images/cart_menu_bg.gif); border: 1px solid #a2b7d2; height:18px; font-size: 12px;
  304. }
  305. * html .button_tag{
  306. padding:0 5px;
  307. }
  308. .edit{
  309. background:url(images/bian.gif) no-repeat 0 0; padding:1px 0 1px 18px; line-height:20px;
  310. }
  311. .del{
  312. background:url(images/del.gif) no-repeat 0 0; padding:1px 0 1px 18px; line-height:20px;
  313. }
  314. .jing1{
  315. background:url(images/jing.gif) no-repeat 0 0; padding:1px 0 1px 18px; line-height:20px;
  316. }
  317. .top{
  318. background:url(images/top.gif) no-repeat 0 0; padding:1px 0 1px 18px; line-height:20px;
  319. }
  320. /*分页样式*/
  321. .listPage{
  322. float:right; margin:5px 0;
  323. }
  324. .listPage_normal{
  325. background:url("images/pageButton_bg1.gif") repeat-x;color:#666; font-size:12px;font-weight:bold; text-decoration:none;border:1px solid #A1A1A1; padding:4px 5px 0; line-height:10px; cursor:pointer
  326. }
  327. .listPage_current{
  328. background:url("images/button_bg.gif") repeat-x;color:#ad8634; font-size:12px;font-weight:bold; text-decoration:none;border:1px solid #dfc15e; padding:4px 5px 0; line-height:10px; cursor:pointer
  329. }
  330. .go{
  331. color:#666; font-size:12px;
  332. }
  333. #jumppage{
  334. width: 50px; height:16px; line-height:18px; border: 1px solid #ccc; font-weight: bold; color:#666; padding-left:5px;
  335. }
  336. /*登陆*/
  337. #login_top{
  338. background:transparent url('images/login_top.png') no-repeat left top;
  339. }
  340. #login_bottom{
  341. height:50px; background:transparent url('images/login_bottom.png') no-repeat left top;
  342. }
  343. #login_content{
  344. background:url("images/login_bg.jpg") no-repeat left bottom #fff;
  345. }
  346. #login_box{
  347. margin:15px 0 0 36px;
  348. }
  349. * html #login_box{
  350. margin:25px 0 0 36px;
  351. }
  352. *+html #login_box{
  353. margin:25px 0 0 36px;
  354. }
  355. #login_box li{
  356. line-height:48px; font-size:14px; color:#000; height:48px;
  357. }
  358. .login_input1{
  359. height:24px; width:180px; background:url("images/login_input1_bg.gif") no-repeat; padding:5px 10px 0; font-size:13px;
  360. }
  361. .login_input2{
  362. height:24px; width:180px; background:url("images/login_input2_bg.gif") no-repeat; padding:5px 10px 0; font-size:13px;
  363. }
  364. #login_box img{
  365. margin:5px 10px 0 0 ;
  366. }
  367. .login_button{
  368. height:26px; width:80px; background:url("images/login_button1.gif") no-repeat; cursor:pointer; margin:0 10px 7px 0;
  369. }
  370. * html .login_button{
  371. margin:0 10px 4px -36px;
  372. }
  373. *+html .login_button{
  374. margin:0 10px 4px -36px;
  375. }
  376. /*底部*/
  377. #footer{
  378. background:transparent url('images/bottom.png') no-repeat ;text-align:center;color:#cfaf6d; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:40px; width:100%; text-align:center; margin-bottom:19px; height:60px;
  379. }
  380. #footer_left{
  381. width:450px; height:60px;
  382. }
  383. #footer_bg{
  384. background:transparent url('images/footer_bg.png') no-repeat left top; height:60px;
  385. }
  386. #footer_right{
  387. background:transparent url('images/footer_right.png') no-repeat left top;width:446px; height:60px;
  388. }