*{margin:0;padding:0} body {font:12px tahoma;color:#303030; margin:0; padding:0;} #body{background:#fff url(/libs/design/mbg.png) repeat-x;} #body2{background:#fff url(/libs/design/mbg3.png) repeat-x;} a {color:#0085cc; cursor:pointer; text-decoration:none;} a:hover, a:active,a:focus {color:#df0000;} ul,ol,li {list-style:none;} div.clearfloat { clear:both;height:0;font-size: 0px;line-height: 0px;} pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;} input:not([type="file"]), textarea, select{font:12px tahoma;border-radius:0;outline:none;} input:not([type="file"]), textarea {padding-left:2px;padding-right:2px;box-sizing:border-box;border:solid 1px #a7a6aa;} input:not([type="file"]){height:18px;} input[type="text"],input[type="password"],textarea,input.white{background-color:#fff;} input.gray,textarea.gray{background-color:#eee;} input.pink,textarea.pink,select.pink{background-color:#fbe2e2;} .check{ vertical-align:middle} span.interval{color:#d7d7d7;margin-left:5px;margin-right:5px} img{border:0;} .mark{ color:#df0000;} .mark2{ color:#ff8080} .blue{ color:#0085cc} .yellow{ color:yellow} table thead{ text-align:left;} /*-----------------------logo------------------------------*/ .logo{padding-top:30px; padding-left:10px;} /*-----------------------ͼƬ°´Å¥------------------------------*/ .new{display:inline-block;width:23px;height:11px; background:url(/libs/design/new.gif) no-repeat;font-size:0;} a.more{cursor:pointer;display:inline-block;width:38px;height:12px;background:url(/libs/design/more.png) no-repeat;_background:url(/libs/design/more.gif) no-repeat;font-size:0;} a.more_notice{cursor:pointer; display:inline-block;width:50px;height:21px; background:url(/libs/design/more_notice.png) no-repeat right;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/libs/design/more_notice.png',sizingMethod='scale'); _background:none;font-size:0;} a.print{background:url(/libs/design/print.gif) no-repeat; padding-left:20px; line-height:16px;line-height:20px; display:inline-block; vertical-align:middle} a.original{background:url(/libs/design/original.png) no-repeat left center; padding-left:15px;}a.original:hover{background:url(/libs/design/original_over.png) no-repeat left center;} a.large{background:url(/libs/design/large.png) no-repeat left center; padding-left:15px;}a.large:hover{background:url(/libs/design/large_over.png) no-repeat left center;} a.choose{background:url(/libs/design/choose.png) no-repeat left center; padding-left:15px;}a.choose:hover{background:url(/libs/design/choose_over.png) no-repeat left center;} a.choose2{background:url(/libs/design/choose2.png) no-repeat;display:block;width:48px;height:18px;line-height:18px;text-align:center;}a.choose2:hover{background:url(/libs/design/choose2_over.png) no-repeat;color:#fff} a.btn3{background:url(/libs/design/btn3.png) no-repeat;display:block;width:59px;height:18px;line-height:18px;text-align:center;}a.btn3:hover{background:url(/libs/design/btn3_over.png) no-repeat;color:#fff} a.add{background:url(/libs/design/add.png) no-repeat left center;padding-left:15px;}a.add:hover{background:url(/libs/design/add_over.png) no-repeat left center;} a.delete{background:url(/libs/design/delete.png) no-repeat left center; padding-left:15px;}a.delete:hover{background:url(/libs/design/delete_over.png) no-repeat left center;} a.delete2{background:url(/libs/design/delete2.png) no-repeat left center; padding-left:15px;}a.delete2:hover{background:url(/libs/design/delete2_over.png) no-repeat left center;} a.edit{background:url(/libs/design/edit.png) no-repeat left center; padding-left:15px;}a.edit:hover{background:url(/libs/design/edit_over.png) no-repeat left center;} a.prt{background:url(/libs/design/prt.png) no-repeat left center; padding-left:15px;}a.prt:hover{background:url(/libs/design/prt_over.png) no-repeat left center;} a.copy{background:url(/libs/design/copy.png) no-repeat left center; padding-left:15px;}a.copy:hover{background:url(/libs/design/copy_over.png) no-repeat left center;} .yh{background:url(/libs/design/yh1.png) no-repeat left center; padding-left:13px;} .yh *{background:url(/libs/design/yh2.png) no-repeat right center; padding-right:13px;} a.checkbox{background:url(/libs/design/checkbox.gif) no-repeat 0px 1px;padding-right:10px;} a.checkbox.checked{background:url(/libs/design/checkbox.gif) no-repeat 0px -14px;padding-right:10px;} a.toggle1{background:url(/libs/design/toggle1.png) no-repeat left center;padding-left:15px;} a.toggle2{background:url(/libs/design/toggle2.png) no-repeat left center;padding-left:15px;} a.toggle3{background:url(/libs/design/toggle3.png) no-repeat left center;padding-left:15px;} .report tr i{background:url(/libs/design/delete_over.png) no-repeat left center;padding-left:12px;float:right;cursor:pointer;visibility:hidden;} .report tr.over i,.report tr:hover i{visibility:visible;} /*--------------------site-nav--------------------*/ #site-nav {margin:0 auto;position: relative; height: 26px;line-height:19px;z-index:1000;font-size:12px; width:100%;} #site-nav table{width:100%; height:100%;} #site-nav a {color:#666} #site-nav a:hover {color:#f50;text-decoration:underline;} #site-nav .quick-menu { float:right; margin-right:5px;} #site-nav .quick-menu li.menu-item {position: relative;float: left;background:url(/libs/design/mbg2.png) no-repeat right 6px;margin-left:-1px;} #site-nav .quick-menu li.last{background:none;} #site-nav .menu-hd,#site-nav .menu-nm {padding-right: 22px; display: inline-block; padding-left: 10px; z-index: 10002; padding-bottom: 0px; margin: 1px 1px 0px; cursor: pointer; padding-top: 0px; height: 20px; padding-top: 1px;position: relative; } #site-nav .menu-hd b {border-right:#f6f6f6 4px solid;border-top:#666 4px solid;font-size:0px;right:10px;border-left:#f6f6f6 4px solid;width:0px;line-height:0; border-bottom:#f6f6f6 4px solid;position:absolute;top:7px;height:0px;-webkit-transition:-webkit-transform .2s ease-in; -moz-transition:-webkit-transform .2s ease-in;-o-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in } #site-nav .menu-bd {border:#bfbfbf 1px solid; position:absolute;top:21px;right:0px;line-height:1.7;display:none;z-index:10001;background:#fff; } #site-nav .menu-bd-panel { padding:5px 10px; white-space:nowrap; text-align:center;} #site-nav .menu {position: relative} #site-nav .menu:hover .menu-hd,#site-nav .menu:focus .menu-hd{border-right: #bfbfbf 1px solid; border-top: #bfbfbf 1px solid; background: white; margin: 0px; border-left: #bfbfbf 1px solid;} #site-nav .hover .menu-hd {border-right: #bfbfbf 1px solid; border-top: #bfbfbf 1px solid; background: white; margin: 0px; border-left: #bfbfbf 1px solid;} #site-nav .menu:hover .menu-bd,#site-nav .menu:focus .menu-bd {display: block} #site-nav .hover .menu-bd {display: block} #site-nav .menu:hover .menu-hd b ,#site-nav .menu:focus .menu-hd b {border-left-color: #fff; FILTER: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); border-bottom-color: #fff; border-top-color: #666; top: 5px; border-right-color: #fff; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%} #site-nav .hover .menu-hd b {border-left-color: #fff; filter: progid:dximagetransform.microsoft.basicimage(rotation=2); border-bottom-color: #fff; border-top-color: #666; top: 5px; border-right-color: #fff; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%} /*--------------------menu--------------------*/ #menu,.menu-container,.menu-container ul,#menu .menu-master-a:hover,#menu .menu-master-a:hover strong,#menu li.current .menu-master-a strong,#menu li.current .menu-master-a,#menu .menu-sub a:hover,#menu .menu-sub a:hover span,#menu a.current,#menu a.current span,.aside-bar { background-image:url(/libs/design/bg-menu.png); background-repeat:no-repeat; } #menu { height:66px;background-position:0 -230px;background-repeat:repeat-x; } .menu-container { padding-left:15px;height:66px;background-position:0 0; } .menu-container a{ cursor:pointer; } .menu-container ul { height:100%; zoom:1; background-position:right -66px; position:relative; } .menu-container ul ul.menu-sub { background:none; height:auto; } .menu-master { display:block; float:left; height:36px; line-height:36px; text-align:center; } .menu-master-a { float:left; display:block; height:26px; line-height:26px; background:none; margin-top:6px; } .menu-master-a strong { font-size:14px; float:left; display:block; color:#fff; height:100%; line-height:27px; padding:0 10px; } li.current .menu-master-a strong,#menu li.current .menu-master-a:hover strong { color:#000; } .menu-master-a:hover { background-position:0 -315px; } .menu-master-a:hover strong { background-position:right -360px; } #menu li.current .menu-master-a strong { background-position:right -181px; padding-top:2px; } #menu li.current .menu-master-a { background-position:0 -132px; color:#000; height:31px; } #menu li.current .menu-master-a:hover strong { color:#000; } ul.menu-sub { position:absolute; width:985px; text-align:left; top:36px; left:0; display:none; padding-top:3px; background:none; } #menu .current .menu-sub { display:block; float:left; } .menu-sub li { float:left; display:block; text-align:center; height:30px; margin-right:4px; } #menu .menu-sub a { float:left; display:block; height:22px; color:#4d4d4d; } #menu .menu-sub a span { font-size:12px; float:left; display:block; line-height:22px; line-height:23px; _line-height:21px; height:22px; padding:0 10px; } #menu .menu-sub a:hover { background-position:0 -405px; } #menu .menu-sub a:hover span { background-position:right -446px; } #menu a.current { background-position:0 -487px; } #menu a.current span { background-position:right -528px; } /************ title ************/ #title{width:100%;height:100px;} /************ searchbar ************/ #searchbar {Z-INDEX: 3; POSITION: relative;border:0;top:30px; float:right;} #searchbar #searchbar-tab {Z-INDEX: 2; LEFT: 0px; POSITION: absolute;} #searchbar #searchbar-tab P {PADDING-LEFT: 15px; FLOAT: left; MARGIN: 0px;} #searchbar #searchbar-tab P a {PADDING-RIGHT: 15px; DISPLAY: block; FLOAT: left; CURSOR: pointer; LINE-HEIGHT: 21px;} #searchbar #searchbar-tab P.now {BACKGROUND: url(/libs/design/search.png) no-repeat 0px 0px;} #searchbar #searchbar-tab P.now a {BACKGROUND: url(/libs/design/search.png) no-repeat right -23px; color:#000; font-weight:bold;} .searchbar-content {Z-INDEX: 1; TOP: 20px; PADDING-LEFT: 6px; BACKGROUND: url(/libs/design/search.png) repeat-x 0px -151px; WIDTH: 520px; POSITION: relative; HEIGHT: 38px } .searchbar-content select {width: 150px;border:0;background:#f7f7f7;} .searchbar-content #txtKeyword0 {width: 420px; border:0; background:#fff;vertical-align:middle;} .searchbar-content #SearchBtn {border: 0px; background: url(/libs/design/search.png) no-repeat -58px -47px; WIDTH: 91px; HEIGHT: 26px; cursor:pointer;} .searchbar-content .tl {BACKGROUND: url(/libs/design/search.png) no-repeat 0px -111px; LEFT: 0px; OVERFLOW: hidden; WIDTH: 3px; POSITION: absolute; TOP: 0px; HEIGHT: 38px} .searchbar-content .tr {RIGHT: 0px; BACKGROUND: url(/libs/design/search.png) no-repeat right -111px; OVERFLOW: hidden; WIDTH: 3px; POSITION: absolute; TOP: 0px; HEIGHT: 38px} /************ marquee ************/ #marquee{margin-top:10px;height:21px;} #marqueeTitle{background:url(/libs/design/left.png) no-repeat; width:87px; height:21px; color:#fff; text-align:center;} ul.marquee {display: block;padding: 0;margin: 0;list-style: none;background:#f2f2f2;position: relative;overflow: hidden;width:600px;height: 21px;} ul.marquee li { position: absolute;top: -999em;left: 0;display: block;white-space: nowrap;line-height:21px;} /************ main ************/ #container { width:1000px;margin:0 auto; /*word-wrap:break-word;white-space:normal;word-break:break-all;*/ } #container #content{margin-top:15px;position:relative; overflow:hidden; _height:400px;_overflow-x:hidden; _overflow-y:visible; } #body2 #container #content{margin-top:3px; } #body #container #main{min-height:400px;_height:400px; padding-right:40px;background:#fff;text-align:left; /*_height:expression(documentElement.clientHeight<400?( documentElement.clientHeight == 0 ?( body.clientHeight < 400?"400":"100%") :"400px" ):"100%");*/ } #body2 #container #main{text-align:left;min-height:400px; _height:400px; } #main-title{ width:100%; height:50px;background:url("/libs/design/main-title-bg.png") no-repeat center left;} #main-title div{padding-left:15px; line-height:50px; font-weight:bold; font-size:14px;} #main-body{ padding:0px;} #main-content{ text-align:left;color: #666;} #main .main-top{ width:100%;} #main .main-top_green{ width:100%; border-bottom:solid 2px #00df4b;} #main .main-top_cyan{ width:100%; border-bottom:solid 2px /*#b8d4e8*/#d7d7d7;} #main .main-top a.btn,#main .main-top_green a.btn,#main .main-top_cyan a.btn{margin-bottom:5px; margin-right:10px;} /**********************************************aside***********************************************/ #container #aside-bar{background:url(/libs/design/aside-bar.png) no-repeat;width:29px; height:275px;cursor:pointer; position:absolute; right:0px; top:0px;} #container #aside-main{width:235px;position:absolute; right:-235px;top:0;z-index:10;} #container #user-head{height:39px;background:url(/libs/design/aside-user-head.png) no-repeat;_background:url(/libs/design/aside-user-head.gif) no-repeat;} #container #user-head div{width:201px;margin-left:17px; padding-top:15px; overflow:hidden;} #container #user-content{background:url(/libs/design/aside-user-content.png) repeat-y;_background:url(/libs/design/aside-user-content.gif) repeat-y;} #container #user-content table{line-height:18px;width:201px;margin-left:17px; padding-bottom:1px; overflow:hidden;overflow:hidden;} #container #user-foot{height:36px;text-align:center; padding-top:5px; background:url(/libs/design/aside-user-foot.png) no-repeat;_background:url(/libs/design/aside-user-foot.gif) no-repeat;} #user-statistic{margin-top:10px;padding-bottom:7px;background:url(/libs/design/aside-statistic-foot.png) no-repeat bottom;_background:url(/libs/design/aside-statistic-foot.gif) no-repeat bottom;} #user-statistic-tab{height:23px; padding-top:10px;line-height:23px;background:url(/libs/design/aside-statistic-head.png) no-repeat;_background:url(/libs/design/aside-statistic-head.gif) no-repeat;} #user-statistic-tab span{ margin-left:13px;} #user-statistic-tab a{margin:0 5px;height:21px;line-height:21px;line-height:23px;padding-left:10px;padding-right:10px; padding-top:0px; border:solid 1px #b8d4e8;display:inline-block;background:#f0f5f8;text-align:center;} #user-statistic-tab a.current{border-bottom:0; background:#fff; padding-bottom:1px;} #user-statistic-content{background:url(/libs/design/aside-statistic-content.png) repeat-y;_background:url(/libs/design/aside-statistic-content.gif) repeat-y;} #user-statistic-content div{line-height:18px;width:209px;margin-left:13px; padding-top:2px; overflow:hidden;} /**********************************************btn***********************************************/ .btn{display:inline-block;background:url(/libs/design/btn-bg.png) repeat-x;height:28px;line-height:28px;text-align:center;padding:0 10px;font-weight:bold;border:1px solid #e5e5e5;border-radius:2px;margin-bottom:5px;margin-right:10px} .btn:hover,.btn:focus{color:#fff;background:url(/libs/design/btn-bg-hover.png) repeat-x;border-color:#029833} .btn.disabled{color:#e5e5e5;pointer-events:none} .btn2{display:inline-block;background:url(/libs/design/btn2-bg.png) repeat-x;height:20px;line-height:20px;text-align:center;padding:0 10px;font-weight:bold;border:1px solid #e5e5e5;border-radius:2px;margin-bottom:5px;margin-right:10px} .btn2:hover,.btn2:focus{color:#fff;background:url(/libs/design/btn2-bg-hover.png) repeat-x;border-color:#029833} .btn2.disabled{color:#e5e5e5;pointer-events:none} /**********************************************main-div-panel***********************************************/ .main-div-panel-head{ display:table;background:#fff url(/libs/design/main-div-panel-head-bg.gif) repeat-x top;width:100%;height:26px;line-height:26px;text-align:left;} .main-div-panel-head .title{ padding-left:5px;font-weight:bold;} .main-div-panel-head div{float:left;} .main-div-panel-head .up{background:url(/libs/design/toggle.gif) no-repeat top;width:47px;height:26px;float:right;cursor:pointer;} .main-div-panel-head .down{background:url(/libs/design/toggle.gif) no-repeat bottom;width:47px;height:26px;float:right;cursor:pointer;margin-bottom:10px;} table.main-div-panel{ margin-bottom:4px;text-align:left;} table.main-div-panel th{padding-left:5px;padding-top:4px;font-weight:normal;text-align:left;vertical-align:top;} /*table.main-div-panel td input, table.main-div-panel td select, table.main-div-panel td a{margin-top:-2px;} table.main-div-panel td textarea{ margin-top:-1px;margin-top:-2px;}*/ table.main-div-panel td{padding-left:5px;padding-top:4px;font-weight:normal;text-align:left;word-wrap:break-word;white-space:normal;word-break:break-all;} table.main-div-panel tr.interval td{height:4px;padding:0;text-align:left;} div.main-div-panel{padding:4px 0 4px 5px;} /*************** short ***************/ .short{width:10px;} .short div{white-space:nowrap;} /*************** ImgArea ***************/ .ImgArea{width:180px;text-align:left; position:relative; float:right;} .ImgArea .content{height:205px;border:solid 1px #d7d7d7; border-top:solid 2px #d7d7d7;border-bottom:solid 2px #d7d7d7; text-align:center;} .ImgArea .lefttitle{ position:absolute; top:0; left:-27px;} .ImgArea .lefttitle div.top{ width:25px; height:5px; background:url(/libs/design/div-ImgArea-vbg.png) no-repeat; font-size:0;} .ImgArea .lefttitle div.bottom{width:25px; height:5px; background:url(/libs/design/div-ImgArea-vbg.png) no-repeat 0px -6px; font-size:0;} .ImgArea .lefttitle div.middle{width:23px;border-left:solid 1px #d7d7d7;border-right:solid 1px #d7d7d7; text-align:center; padding:5px 0px;} .ImgArea .foot{ padding-top:5px; line-height:20px;} /************ main-table-top ************/ .main-table-top0{ border-top: #e5e5e5 1px solid; border-left: #e5e5e5 1px solid; border-right: #e5e5e5 1px solid; color: #666; background: #f7faff; } .main-table-top0 table td{ height:30px; line-height:30px; vertical-align:middle; } #txtKeyword { width: 150px; height: 20px; line-height: 20px; background:#fff url(/libs/design/main-table-keyword-bg.png) no-repeat 3px 3px; border: #e5e5e5 1px solid; padding-left: 25px; _background:#fff; _padding-left: 2px; vertical-align:middle; } .main-table-power a { display:inline-block; background: url(/libs/design/main-table-power.png) no-repeat; line-height: 21px; height: 21px; padding:0 10px; color: #fff; margin-left:1px; } .main-table-power a:hover,.main-table-power a:focus { background: url(/libs/design/main-table-power-hover.png) no-repeat; color:#fff; } .main-table-power a.current { background: url(/libs/design/main-table-power-current.png) no-repeat; } .main-table-power a.current:hover,.main-table-power a.current:focus { background: url(/libs/design/main-table-power-current.png) no-repeat; } .main-table-top{ color: #666; border:solid 1px #dddddd;border-bottom:0;width:100%;height:34px;background: url(/libs/design/main-table-top-bg.png) repeat-x; } /************ ¸÷ÖÖtab ************/ .tab_head{ float:right;height:25px; line-height:25px;} .tab_head ul{ margin:0 0 0 5px;} .tab_head ul,.tab_head li{display:block;cursor:pointer; float:left;} .tab_head ul li.left{ height:25px; width:4px;background:url(/libs/design/tab_head.png) no-repeat 0px -100px;} .tab_head ul li.right{ height:25px; width:4px;background:url(/libs/design/tab_head.png) no-repeat -4px -100px} .tab_head ul li.center{height:25px; line-height:25px;text-align:center;padding:0 10px; background:#eaeaea;color:#fff; font-weight:bold;} .tab_head ul.current li.left{ height:25px; width:4px;background:url(/libs/design/tab_head.png) no-repeat} .tab_head ul.current li.right{ height:25px; width:4px;background:url(/libs/design/tab_head.png) no-repeat -4px 0px} .tab_head ul.current li.center{height:25px; line-height:25px;text-align:center;padding:0 10px; background:#00df4b;color:#fff; font-weight:bold;} .tab_head ul.current li.center a{color:#fff; font-weight:bold;} .tab_main {padding-left:10px;} .tab_main .current a{color:#303030; font-weight:bold;} .tab_main ul,.tab_main li{display:block; float:left;} .tab_main ul{margin-right:3px;} .tab_main .left{width:2px; height:24px; background:url(/libs/design/tab_gray-left.gif) no-repeat;} .tab_main .center{height:23px; line-height:23px; text-align:center; padding:0 10px;border-top:solid 1px #dddddd; background:#fff url(/libs/design/tab_gray-center.gif) repeat-x bottom;} .tab_main .right{width:2px; height:24px; background:url(/libs/design/tab_gray-right.gif) no-repeat;} .tab_main .current .left{background:url(/libs/design/tab_white-current-left.gif) no-repeat;} .tab_main .current .center{background:#fff;border-top:solid 1px #dddddd;} .tab_main .current .right{background:url(/libs/design/tab_white-current-right.gif) no-repeat;} .tab_foot {width:100%; height:24px;line-height:24px;background:url(/libs/design/tab_bottom.gif) repeat-x bottom;} .tab_foot .current a{color:#303030; font-weight:bold;} .tab_foot ul,.tab_foot li{display:block; float:left;} .tab_foot ul{margin-right:3px;} .tab_foot li.left{width:2px; height:24px; background:url(/libs/design/tab_gray-left.gif) no-repeat;} .tab_foot li.center{height:23px; line-height:23px; text-align:center; padding:0 10px;border-top:solid 1px #dddddd; background:#fff url(/libs/design/tab_gray-center.gif) repeat-x bottom;} .tab_foot li.right{width:2px; height:24px; background:url(/libs/design/tab_gray-right.gif) no-repeat;} .tab_foot ul.current li.left{background:url(/libs/design/tab_white-current-left.gif) no-repeat;} .tab_foot ul.current li.center{background:#fff;border-top:solid 1px #dddddd;} .tab_foot ul.current li.right{background:url(/libs/design/tab_white-current-right.gif) no-repeat;} .tab_foot span{ float:right;} .tab_foot-content table{ width:100%;border-collapse: collapse;} .tab_foot-content table thead tr th{background:url(/libs/design/box-title.gif) bottom repeat-x;height:19px; line-height:19px;} .tab_foot-content table th,.tab_foot-content table td{ padding:5px;} .tab_foot-content table tbody tr td{ border-bottom:solid 1px #dddddd;} .tab_foot-content table tbody tr:hover,.tab_foot-content table tbody tr.over{ background:#f3f3f3;} /************ main-table-content ************/ table.main-table-content {width:100%;border-collapse:collapse;border-bottom:1px solid #ddd;text-align:left;} table.main-table-content thead th {font-weight:bold;background:#fff;text-align:left;} table.main-table-content tbody tr td {border-top:solid 1px #e5e5e5;} table.main-table-content tbody tr.over,table.main-table-content tbody tr:hover {background: #f3f3f3;} table.main-table-content tbody tr.light {background:#eef3f7;} table.main-table-content td,table.main-table-content th {padding:5px;position:relative;} table.main-table-content p {margin-top:3px} table.main-table-content p .btn2 {margin-bottom:2px} .rate span{display:inline-block;width:60px; height:12px; background:url(/libs/design/star_small.png) repeat-x left bottom; font-size:0;} .rate span em{display:inline-block; height:12px;background:url(/libs/design/star_small.png) repeat-x;font-size:0;} /************ pager ************/ #pager {width:100%;border-bottom: 1px solid #ddd;color: #666; background: url(/libs/design/main-table-top-bg.png) repeat-x; padding-top:5px; padding-bottom:5px;} #pager .first {background: url(/libs/design/pager_first.gif) no-repeat;} #pager .first_disabled {background: url(/libs/design/pager_first_disabled.gif) no-repeat;} #pager .prev {background: url(/libs/design/pager_prev.gif) no-repeat;} #pager .prev_disabled {background: url(/libs/design/pager_prev_disabled.gif) no-repeat;} #pager .next {background: url(/libs/design/pager_next.gif) no-repeat right;} #pager .next_disabled {background: url(/libs/design/pager_next_disabled.gif) no-repeat right;} #pager .last {background: url(/libs/design/pager_last.gif) no-repeat right;} #pager .last_disabled {background: url(/libs/design/pager_last_disabled.gif) no-repeat right;} #pager .separator {background: url(/libs/design/pager_separator.gif) no-repeat center;} /*************** foot ***************/ #foot{ width:100%; text-align:center; margin:20px 0 30px 0;} #foot .left{ padding-left:2px; background:url(/libs/design/foot-bg-left.png) no-repeat;} #foot .right{padding-right:2px; background:url(/libs/design/foot-bg-right.png) no-repeat right;} #foot .center{ background:#efefef; height:27px; line-height:27px;} #scrollTop{ cursor:pointer;display:inline-block; width:78px;height:22px; background:url(/libs/design/foot-top.png) no-repeat;font-size:0;} #foot p{ line-height:27px;} /*************** notification ***************/ .notification {position:relative;border:1px solid;font-size:12px;margin-top:2px;margin-bottom:2px;width:99%;} .emptypage{ margin:5px 10px 0px 5px; width:auto;} .notification .content{padding:5px 0px 5px 35px;} .attention {background: #fffbcc;border-color: #e6db55;color: #666452;} .notification .tip{position:absolute;left:10px;top:4px;width:16px;height:16px; _background:none;font-size:0;} .attention .tip{background:url(/libs/design/exclamation.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/libs/design/exclamation.png',sizingMethod='scale');_background:none;font-size:0;} .information {background: #dbe3ff;border-color: #a2b4ee;color: #585b66;} .information .tip{background:url(/libs/design/information.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/libs/design/information.png',sizingMethod='scale');_background:none;font-size:0;} .success {background: #d5ffce;border-color: #9adf8f;color: #556652;} .success .tip{background:url(/libs/design/tick_circle.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/libs/design/tick_circle.png',sizingMethod='scale');_background:none;font-size:0;} .error {background: #ffcece;border-color: #df8f8f;color: #665252;} .error .tip{background:url(/libs/design/cross_circle.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/libs/design/cross_circle.png',sizingMethod='scale');_background:none;font-size:0;} .notification .close{position:absolute;right:5px;top:5px;cursor:pointer; display:inline-block;width:7px;height:7px; background:url(/libs/design/cross_grey_small.png) no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/libs/design/cross_grey_small.png',sizingMethod='scale'); _background:none;font-size:0;} /*************** login ***************/ .login .title{line-height:32px; font-size:14px; font-weight:bold;color:#fff; margin-bottom:20px;} .login table td{line-height:32px; font-size:14px; font-weight:bold; padding:10px;} .login .text{ width:200px; height:32px; line-height:32px; font-size:14px; font-weight:bold; border:solid 1px #84c427 ; } .login #vdcode{width:110px;text-transform:uppercase;} .login .normal{font-size:12px;} .login .finish{ font-weight:bold;} /*************** other ***************/ table.top tbody td,table.top tbody th{vertical-align:top;} table.nostyle td,table.nostyle th{padding:0px;text-align:left;border:0;font-weight:normal;background:#fff;} table td table.nostyle td,table td table.nostyle th{padding:0px;text-align:left;border:0;font-weight:normal;background:#fff;} table tbody td table.nostyle td,table tbody td table.nostyle th{padding:0px;text-align:left;border:0;font-weight:normal;background:#fff;} table.nomargin{margin:0;} table td table.nomargin{margin:0;} table tbody td table.nomargin{margin:0;} /*************** loading ***************/ #loading {display:none;position:absolute;width:32px;height:32px;z-index:1002;} #AlbumImgArea{width:960px;margin:0;padding:0;} #AlbumImgArea ul li{width:160px;border:solid 1px #e6e6e6;float:left;margin-right:10px;margin-bottom:10px;position:relative;} #AlbumImgArea ul li .div1{width:140px;height:140px;text-align:center;vertical-align:middle;position:relative;margin:10px;} #AlbumImgArea ul li .div1 a.photoframe{width:140px;height:140px;margin:0;padding:0;display:block;} #AlbumImgArea ul li .div1 div{position:absolute;top:0;right:0;margin:0;padding:0;display:none;} #AlbumImgArea ul li.hover .div1 div{display:block;} #AlbumImgArea ul li .div1 div a{ display:block;height:29px;background:#000 url(/libs/design/album.png) no-repeat;margin:0;padding:0;float:left;} #AlbumImgArea ul li .div1 div a:hover{background-color:#00df4b;} #AlbumImgArea ul li .div1 div a.edit{ background-position:7px -41px;width:30px;} #AlbumImgArea ul li .div1 div a.recyle{ background-position:-25px -41px;width:30px;} #AlbumImgArea ul li .div1 div a.reduce{ background-position:-25px -9px;width:29px;} #AlbumImgArea ul li .div1 div a.cover{ background-position:-57px -41px;width:29px;} #AlbumImgArea ul li.isCover .div1 div a.cover{ display:none;} #AlbumImgArea ul li .div2{width:140px;height:20px;margin-left:10px;margin-right:10px;color:#333333;} #AlbumImgArea ul li .corvertag{position:absolute;left:-2px;top:-2px;width:60px;height:65px;background:url(/libs/design/album.png) no-repeat -34px -104px;display:none;} #AlbumImgArea ul li.isCover .corvertag{display:block;} #AlbumArea{width:960px;margin:0;padding:0;margin-top:10px;} #AlbumArea ul li{width:160px;border:solid 1px #e6e6e6;float:left;margin-right:10px;margin-bottom:10px;} #AlbumArea ul li .div1{width:140px;height:140px;text-align:center;vertical-align:middle;position:relative;margin:10px;} #AlbumArea ul li .div1 a.photoframe{width:140px;height:140px;margin:0;padding:0;display:block;} #AlbumArea ul li .div1 div{position:absolute;top:0;right:0;margin:0;padding:0;display:none;} #AlbumArea ul li.hover .div1 div{display:block;} #AlbumArea ul li .div1 div a{ display:block;height:29px;background:#000 url(/libs/design/album.png) no-repeat;margin:0;padding:0;float:left;} #AlbumArea ul li .div1 div a:hover{background-color:#00df4b;} #AlbumArea ul li .div1 div a.edit{ background-position:7px -41px;width:30px;} #AlbumArea ul li .div1 div a.recyle{ background-position:-25px -41px;width:30px;} #AlbumArea ul li .div1 div a.reduce{ background-position:-25px -9px;width:29px;} #AlbumArea ul li .div1 div a.cover{ background-position:-57px -41px;width:29px;} #AlbumArea ul li .div2{width:140px;height:20px;margin-left:10px;margin-right:10px;color:#333333;} #AlbumArea ul li .div3{width:100px;height:20px; float:left;margin-left:10px;} #AlbumArea ul li .div4{width:40px;height:20px; float:right;margin-right:10px; text-align:right;} #AlbumArea ul li .div5{width:160px;height:2px; font-size:0; border-top:solid 1px #e6e6e6;clear:both;} #AlbumImgView{width:100%;} #AlbumImgView img{margin:10px;} .sidemenu{ position:fixed;left:0;top:200px;background:#f6f6f6;padding:10px; text-align:center;} .sidemenu a{ display:block;color:#fff; background:#8c8a8c;border-radius:5px;padding:8px 10px;margin-top:5px;} .sidemenu a.first{margin-top:0;} .sidemenu a.active,.sidemenu a:hover{background:#13d62e;} #tableProducts,#tableAttaches{width:100%;} #tableProducts td,#tableProducts th,#tableAttaches td,#tableAttaches th{background:#ddd;padding-bottom:4px;} #tableProducts tr:not(:last-child) td,#tableAttaches tr:not(:last-child) td{border-bottom:dashed 2px #fff;} #tableProducts a.choose,#tableProducts a.delete,#tableAttaches a.delete {display:block;margin-right:5px;} #tableProducts a.choose {margin-bottom:5px;} #tableProducts div {display:inline-block;} #tableProducts input{margin-top:2px;margin-bottom:2px;}