html, body {
scrollbar-face-color: #72a3d0;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-darkshadow-color: #0D4095;
scrollbar-3dlight-color: #337abb;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #337ec0;
}
body { color: #333; font-size: 63%; background: #fff; text-align: center; font-family: Arial, Helvetica, sans-serif, 宋体; margin: 0; padding: 0; }
form, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }
img { border: none; }
a:link, a:visited { color: #333; text-decoration: none; }
a:hover, a:active { color: #c00; text-decoration: underline; }
/* 框架头部 */
.header_bg { position: relative; width: 100%; font-size: 1.2em; border-collapse: collapse; height: 120px; background: #2b94ca url(../../images/shop/header_bg.jpg) repeat-x 0 0; }
.header_bg .header { background: url(../../images/shop/header.jpg) no-repeat 0 0; }
.header_bg .header a.logo:link, .header_bg .header a.logo:visited { border-right: 1px solid #80d4ec; padding: 0 20px 0 0; position: absolute; top: 24px; left: 20px; display: block; width: 142px; height: 68px; float: left; }
.header_bg .header h1 { margin: 0; position: absolute; top: 30px; left: 200px; font-size: 35px; color: #fff; font-weight: normal; }
.header_bg .header h2 { margin: 0; position: absolute; top: 70px; left: 200px; font-weight: normal; font-family: "Times New Roman";}
.header_bg .header h2 a:link, .header_bg .header h2 a:visited { background: none; font-size: 20px; color: #fff; }
.header_bg .header h2 a:hover, .header_bg .header h2 a:active { color: #fff; text-decoration: underline; }
a.toggle_header:link, a.toggle_header:visited { position: absolute; top: 0; right: 0; display: block; width: 8px; height: 8px; padding: 5px; border: none; }
/* 管理菜单 */
.menu_bg { background: #e3f1fb; }
.menu_module { font-size: 1.2em; width: 160px; overflow: hidden; background: #fff url(../../images/shop/menu_bg.jpg) repeat-y 0 0; margin: 10px auto 0; }
.menu_admin { font-size: 1.2em; width: 160px; overflow: hidden; background: #fff url(../../images/shop/menu_bg.jpg) repeat-y 0 0; margin: 5px auto 0; }
.menu_admin h1 { overflow: hidden; width: 160px; height: 38px; line-height: 52px; color: #fff; font-size: 12px; margin: 0; }
.menu_admin h1 a:link, .menu_admin h1 a:visited { background: #2896d0 url(../../images/shop/menu_admin_hidden.jpg) no-repeat 0 0; overflow: hidden; display: block; width: 160px; height: 38px; line-height: 53px; font-size: 12px; color: #fff; }
.menu_admin h1 a:hover, .menu_admin h1 a:active { background: #2896d0 url(../../images/shop/menu_admin_hidden_hover.jpg) no-repeat 0 0; color: #ffc; text-decoration: none; }
.menu_admin h1 a.menu_title_hidden:link, .menu_admin h1 a.menu_title_hidden:visited { background: #2896d0 url(../../images/shop/menu_admin_show.jpg) no-repeat 0 0; overflow: hidden; display: block; width: 160px; height: 38px; line-height: 53px; font-size: 12px; color: #fff; }
.menu_admin h1 a.menu_title_hidden:hover, .menu_admin h1 a.menu_title_hidden:active { background: #2896d0 url(../../images/shop/menu_admin_show_hover.jpg) no-repeat 0 0; color: #ffc; text-decoration: none; }
.menu_module .menu_title a:link, .menu_module .menu_title a:visited { overflow: hidden; text-align: left; text-indent: 10px; display: block; width: 160px; height: 26px; line-height: 29px; font-size: 12px; background: #2896d0 url(../../images/shop/menu_title_show.jpg) no-repeat 0 0; color: #fff; }
.menu_module .menu_title a:hover, .menu_module .menu_title a:active { background: #2896d0 url(../../images/shop/menu_title_show_hover.jpg) no-repeat 0 0; color: #ffc; text-decoration: none; }
.menu_module .menu_title a.menu_title_hidden:link, .menu_module .menu_title a.menu_title_hidden:visited { overflow: hidden; text-align: left; text-indent: 10px; display: block; width: 160px; height: 26px; line-height: 29px; font-size: 12px; background: #2896d0 url(../../images/shop/menu_title_hidden.jpg) no-repeat 0 0; color: #fff; }
.menu_module .menu_title a.menu_title_hidden:hover, .menu_module .menu_title a.menu_title_hidden:active { background: #2896d0 url(../../images/shop/menu_title_hidden_hover.jpg) no-repeat 0 0; color: #ffc; text-decoration: none; }
.menu_module .menu_title { margin: 0; }
.menu_module .menu_title a:link, .menu_module .menu_title a:visited { overflow: hidden; text-align: left; text-indent: 10px; display: block; width: 160px; height: 26px; line-height: 29px; font-size: 12px; background: #2896d0 url(../../images/shop/menu_title_show.jpg) no-repeat 0 0; color: #fff; }
.menu_module .menu_title a:hover, .menu_module .menu_title a:active { background: #2896d0 url(../../images/shop/menu_title_show_hover.jpg) no-repeat 0 0; color: #ffc; text-decoration: none; }
.menu_module .menu_title a.menu_title_hidden:link, .menu_module .menu_title a.menu_title_hidden:visited { overflow: hidden; text-align: left; text-indent: 10px; display: block; width: 160px; height: 26px; line-height: 29px; font-size: 12px; background: #2896d0 url(../../images/shop/menu_title_hidden.jpg) no-repeat 0 0; color: #fff; }
.menu_module .menu_title a.menu_title_hidden:hover, .menu_module .menu_title a.menu_title_hidden:active { background: #2896d0 url(../../images/shop/menu_title_hidden_hover.jpg) no-repeat 0 0; color: #ffc; text-decoration: none; }
.menu_module .menu_foot { width: 160px; height: 5px; line-height: 0; background: url(../../images/shop/menu_foot.jpg) no-repeat 0 0; float: left; }
.menu_module ul { width: 160px; background: url(../../images/shop/menu_foot.jpg) no-repeat 0 100%; padding: 0 0 6px 0; float: left; list-style: none; margin: 4px 0 0 0; display: inline; }
.menu_module ul li { width: 156px; float: left; margin: 1px 0 0 2px; display: inline; }
.menu_module ul li a:link, .menu_module ul li a:visited { text-align: left; background: url(../../images/shop/dot_box_gray.gif) no-repeat 10px 50%; text-indent: 20px; display: block; width: 156px; padding: 3px 0 2px 0; float: left; }
.menu_module ul li a:hover, .menu_module ul li a:active { background: #06c url(../../images/shop/dot_box_white.gif) no-repeat 10px 50%; text-decoration: none; color: #fff; }
.module_out { position: absolute; left: -9999em; }
.menu_admin { font-size: 1.2em; width: 160px; overflow: hidden; background: #fff url(../../images/shop/menu_bg.jpg) repeat-y 0 0; margin: 5px auto 0; }
.menu_admin h1 { overflow: hidden; background: url(../../images/shop/menu_admin.jpg) no-repeat 0 0; width: 160px; height: 38px; line-height: 52px; color: #fff; font-size: 12px; margin: 0; }
.menu_admin ul { width: 160px; background: url(../../images/shop/menu_foot.jpg) no-repeat 0 100%; padding: 0 0 6px 0; float: left; list-style: none; margin: 4px 0 0 0; display: inline; }
.menu_admin ul li { text-align: left; line-height: 1.5em; text-indent: 10px; width: 156px; float: left; margin: 1px 0 0 2px; display: inline; }
.menu_admin ul li.admin_line { border-top: 1px solid #ccc; margin: .5em 0 0 2px; padding: .4em 0 0 0; }
.menu_admin a.admin_id:link, .menu_admin a.admin_id:visited { color: #c00; text-decoration: underline; }
.menu_admin a.admin_id:hover, .menu_admin a.admin_id:active { color: #090; text-decoration: none; }
.menu_admin a.admin_index:link, .menu_admin a.admin_index:visited { background: url(../../images/shop/admin_index.jpg) no-repeat 0 50%; padding: .3em 0 0 1.8em; color: #039; text-decoration: underline; }
.menu_admin a.admin_index:hover, .menu_admin a.admin_index:active { color: #c00; text-decoration: none; }
.menu_admin a.logout:link, .menu_admin a.logout:visited { background: url(../../images/shop/logout.jpg) no-repeat 0 50%; padding: .3em 0 0 1.8em; color: #039; text-decoration: underline; }
.menu_admin a.logout:hover, .menu_admin a.logout:active { color: #c00; text-decoration: none; }
.copyright { font-size: 1.2em; color: #666; margin: .3em 0 0 0; line-height: 1.8em; }
/* 展开折叠管理菜单 */
.toggle_bg { background: #95c2e2; }
a.toggle:link, a.toggle:visited { display: block; width: 10px; height: 80px; position: absolute; left: 0; top: 50%; margin-top: -40px; }
/* 主要内容显示 */
.main_bg { background: #f5fbfe; }
/* 主要操作区 */
.tbl { border: 1px solid #1b7fbd; padding: 1px; background: #fff; margin: 15px auto 0; font-size: 1.2em; }
.tbl h1 { position: relative; margin: 0; width: 100%; height: 26px; text-indent: .6em; line-height: 26px; overflow: hidden; float: left; background: #75c4ef url(../../images/shop/title_bg.jpg) repeat-x 0 0; font-size: 12px; color: #333; text-align: left; }
.tbl h1 .datetime { position: absolute; top: 0; right: 10px; font-weight: normal; }
/* 铵钮 */
.btn_50 { margin: 0 .5em 0 0; width: 50px; height: 24px; line-height: 26px; text-align: center; font-size: 12px; color: #333; background: url(../../images/shop/btn_50.gif) no-repeat 0 0; border: none; }
.btn_60 { margin: 0 .5em 0 0; width: 60px; height: 24px; line-height: 26px; text-align: center; font-size: 12px; color: #333; background: url(../../images/shop/btn_60.gif) no-repeat 0 0; border: none; }
.btn_70 { margin: 0 .5em 0 0; width: 70px; height: 24px; line-height: 26px; text-align: center; font-size: 12px; color: #333; background: url(../../images/shop/btn_70.gif) no-repeat 0 0; border: none; }
.btn_80 { margin: 0 .5em 0 0; width: 80px; height: 24px; line-height: 26px; text-align: center; font-size: 12px; color: #333; background: url(../../images/shop/btn_80.gif) no-repeat 0 0; border: none; }
.btn_90 { margin: 0 .5em 0 0; width: 90px; height: 24px; line-height: 26px; text-align: center; font-size: 12px; color: #333; background: url(../../images/shop/btn_90.gif) no-repeat 0 0; border: none; }
.btn_100 { margin: 0 .5em 0 0; width: 100px; height: 24px; line-height: 26px; text-align: center; font-size: 12px; color: #333; background: url(../../images/shop/btn_100.gif) no-repeat 0 0; border: none; }
/* 商家登录 */
.login_bg { background: #59aae1; font-size: 12px; }
.login_window { background: #fff; position: absolute; top: 50%; left: 50%; margin: -160px 0 0 -225px; }
.login_left { width: 17px; height: 316px; background: url(../../images/shop/login_left.jpg) no-repeat 0 0; }
.login_right { width: 17px; height: 316px; background: url(../../images/shop/login_right.jpg) no-repeat 0 0; }
.login_center { height: 316px; background: url(../../images/shop/login_center.jpg) repeat-x 0 0; }
.login_center h1 { font-size: 22px; text-align: left; color: #c9e7fa; margin: 1.1em 0 0 .5em; }
.login_center h2 { font-size: 16px; text-align: left; color: #68b5dd; font-weight: normal; margin: .1em 0 0 .8em; }
.login_body { margin: 25px auto 0; height: 160px; border: 1px solid #98bede; background: #fff; }
.login_main { background: #eff8fe url(../../images/shop/login_body.jpg) repeat-x 0 100%; }
.login_icon { height: 155px; background: url(../../images/shop/login_icon.jpg) no-repeat 0 0; }
.login_form { line-height: 3em; position: relative; }
.login_form .user, .login_form .passwd, .login_form .checkcode { font-size: 1.4em; color: #069; float: left; width: 140px; padding: 4px 0 3px 24px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #609bcc; }
.login_form .user { font-weight: bold; background: #fff url(../../images/shop/login_user.jpg) no-repeat .3em 50%; }
.login_form .passwd { background: #fff url(../../images/shop/login_passwd.jpg) no-repeat .3em 50%; }
.login_form .checkcode { width: 60px; background: #fff url(../../images/shop/login_checkcode.jpg) no-repeat .3em 50%; }
.checkcode_position { position: relative; }
.checkcode_position .check_code { cursor: pointer; position: absolute; top: 0; left: 95px !important; _left: 10px; }
.login_submit { float: right; font-size: 1em; font-family: Arial, Helvetica, sans-serif, 宋体; margin: 13px 2px 0 0; width: 97px; height: 25px; line-height: 25px; color: #069; border: none; background: #eee url(../../images/shop/login_submit.jpg) no-repeat 0 0; }
.module { background: url(../../images/shop/dotted.gif) repeat-x 0 0; margin: 1em auto .5em; }
.module h2 { color: #333; font-size: 1em; float: left; margin: 1em auto 0; background: url(../../images/shop/arr_bottom.gif) no-repeat 0 30%; padding: 0 0 0 1.5em; }
.module a:link, .module a:visited { color: #333; text-decoration: none; }
.module a:hover, .module a:active { color: #039; text-decoration: underline; }
.module td { padding: .3em 0; }
.module a.more:link, .module a.more:visited { background: url(../../images/shop/next.gif) no-repeat 100% 20%; padding: 0 1em 0 0; color: #333; text-decoration: underline; }
.module a.more:hover, .module a.more:active { color: #c00; text-decoration: none; }
.module .unviewed { color: #090; }
.module .viewed { color: #999; }
.module a.delete:link, .module a.delete:visited { background: url(../../images/shop/logout.jpg) no-repeat 0 0; padding: 0 0 0 1.5em; color: #039; text-decoration:underline; }
.module a.delete:hover, .module a.delete:active { color: #c00; text-decoration: none; }
.module .fcs { background: #e3f1fb; }
.module .th, .module .tf { background: #fff; }