/*通用*/
body, p, ul, li, h1, h2, h3, h4, h5, h6, fieldest, form { padding: 0px; margin: 0px; }

ul, li { list-style: none; }

.checkboxBtn { float: left; display: inline; margin: 0 8px 8px 0; width: 80px; height: 30px; line-height: 30px; background: #fff; border: 1px dashed #ccc; overflow: hidden; text-align: center; font-family: 'microsoft yahei'; color: #999; font-size: 14px; cursor: pointer; }
.checkboxBtn.on { color: #fff; background: #e95673; }

body { font-family: 'Microsoft YaHei'; font-size: 13px; color: #666; text-decoration: none; -webkit-text-size-adjust: none; }

img { border: 0px; cursor: pointer; }

table { border-spacing: 0px; border-collapse: collapse; }

textarea, input { cursor: pointer; }

.smalltext { font-size: 12px; }

.fleft { float: left; }

.fright { float: right; }

.clear { clear: both; }

*.focus { outline: none !important; }

.sj { letter-spacing: -1px; }

a { color: #666; text-decoration: none; start: expression(this.onFocus=this.blur()); /*IE 虚线*/ }

a:hover { color: #000; }

a:active { color: #777; }

a:focus { outline: 1px; }

/*表单，按钮*/
input, textarea, select { font-family: 'Microsoft YaHei'; font-size: 12px; }

input, textarea { border: 1px solid #ccc; color: #666; background: #fff url(../img/bg_input.png) repeat-x top; padding: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

select { border: 1px solid #ccc; padding: 6px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; color: #666; background: #fff url(../img/bg_input.png) repeat-x top; }

.inputfocus { border: 1px solid #9DB832; background: #F3F8E0 url(../img/bg_input_focus.png) repeat-x top; }

.Sbtn, .Rbtn { background: url(../img/bg_Rbtn.png) repeat-x top; border: 1px solid #0D87AE !important; color: #fff; border-radius: 7px; -moz-border-radius: 7px; font-weight: bold; font-size: 12px; font-family: 'Microsoft YaHei'; star: expression(this.onFocus=this.blur()); /*ie 虚线*/ height: 29px; width: 70px; -webkit-box-shadow: #777 2px 2px 5px; -moz-box-shadow: #777 2px 2px 5px; box-shadow: #777 2px 2px 5px; }

.Sbtn { background: url(../img/bg_Sbtn.png) repeat-x top !important; border: 1px solid #333 !important; color: #fff; padding: 2px 2px; border-radius: 7px; }

.Sbtn:hover { background: url(../img/bg_Sbtn.png) 0 -50px !important; border: 1px solid #111 !important; cursor: pointer; border-radius: 7px; -webkit-box-shadow: #444 2px 2px 5px; -moz-box-shadow: #444 2px 2px 5px; box-shadow: #444 2px 2px 5px; }

.Rbtn:hover { background: url(../img/bg_Rbtn.png) 0 -50px; border: 1px solid #005977; cursor: pointer; border-radius: 7px; }

/*login*/
body#login { background-color: #002D4C; }

.login { color: #f5f5f5; }

.login .login_top { padding: 140px 0 30px 0; margin-bottom: 40px; text-align: center; font-size: 30px; font-weight: 600; }


.login #login_content { width: 500px; font-weight: bold; }

.login #login_content .logo { width: 245px; height: 265px; background-image: url('../img/logo.gif'); float: left; }

.login #login_content .login { padding: 60px 0px; float: right; text-align: right; }

.login #login_content div { white-space: nowrap; margin-top: 10px; }

/*main*/
#main { background: #f1f1f1 url('../img/bg_left.gif') top left repeat-y; }


.left { width: 230px; float: left; }

.left .logo { padding-bottom: 10px; overflow: hidden; width: 230px; }

/*左侧菜单*/
#menu { padding-left: 40px; }

#menu li { padding-bottom: 5px; text-align: right; }

#menu li a.menu { background: transparent url('../img/bg_menu.png') right center no-repeat; color: #a4d3f9; padding: 10px 15px; font-size: 13px; display: block; }

#menu li a.current { background-image: url('../img/bg_menu_current.png') !important; color: #fff; }

#menu ul { padding: 0px; margin: 0px; font-size: 12px; }

#menu ul li { padding: 4px 0px; margin: 0px; text-align: right; }

#menu ul li a { padding-right: 15px; color: #ccc; }

#menu ul li a:hover { color: #fff; }

#menu ul li a.focus { color: #fff; background: transparent url('../img/bg_menu_jt.gif') right center no-repeat !important; }

/*right*/
.right { margin-left: 270px; }

.right .title { padding: 30px 0 40px; background: url(../img/title.gif) left bottom no-repeat; width: 980px; }

.right .title .top { color: #1c67a4; line-height: 22px; }

.right .title .img { margin-right: 10px; }

.right .title a { color: #1c67a4; text-decoration: none; padding: 0px 5px; }

.right .title ul li { float: left; display: inline; margin: 0 2px; }

.right .title ul li a { width: 84px; height: 22px; line-height: 21px; background: #0b4a7d; color: #fff; text-align: center; display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; behavior: url(PIE.htc); _overflow: hidden; _line-height: 22px; }

.right .title .username { color: #1c67a4; font-size: 14px; font-family: Arial; }

.right .title #userRole { font-size: 12px; font-family: 'Microsoft YaHei'; margin-left: 4px; color: #1c67a4; }

#iframe { padding-top: 10px; }

.foot { border-top: 1px solid #cacaca; color: #a4a4a4; margin-top: 10px; padding-top: 10px; width: 980px; }

.index li { position: relative; width: 168px; height: 168px; background: #f6f6f6; border: 1px solid #d7d7d7; text-align: center; float: left; display: inline; margin: 10px 30px 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px #ccc; /* Firefox */ -webkit-box-shadow: 0 0 5px #ccc; /* Safari 和 Chrome */ box-shadow: 0 0 5px #ccc; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ /*behavior: url(PIE.htc); 通知IE浏览器调用脚本作用于'box'类 */ }

.index li .close { position: absolute; right: 0px; top: 0px; }

.index li a { display: block; padding-top: 10px; font-size: 14px; color: #666; }
/*content*/
.heading { padding: 0px; width: 980px; /*border: 1px solid #CACACA;
    background: #EAEAEA url(../img/bg_heading.png) repeat-x top;*/ border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; height: 40px; border-bottom: 1px solid #ccc; }

.heading h2 { padding: 10px; font-size: 16px; }

/*选项卡*/
ul.tab { float: right; padding: 13px 10px; }

ul.tab li { float: left; }

ul.tab li .selected { padding: 5px 20px 5px 20px; font-weight: bold; text-decoration: none; margin-left: 2px; float: left; display: block; position: relative; z-index: 3; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; outline: none; background: #ccc; color: #fff; }

ul.tab li a { padding: 5px 20px 5px 20px; font-weight: bold; text-decoration: none; margin-left: 2px; float: left; display: block; position: relative; z-index: 3; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; outline: none; background: #666; color: #ccc; }


.content { /*border: 1px solid #fff;*/ width: 980px; /*background: #fff url(../img/bg_content.png) repeat-x top;*/ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; padding-top: 10px; }

.content a { color: #555; }

.content a:hover { color: #57a000; }

/*table*/
table.fom td { border: 1px solid #ccc; border-collapse: collapse; }

table.picsee td { padding: 0px; }

td { padding: 4px; }

.table td { padding: 8px; text-align: center; }

.table th { padding: 8px; text-align: center; font-size: 14px; background: url(../img/bg_th.png) repeat-x top; }

.message { padding: 10px; }

.message .ts { text-align: right; margin-bottom: 5px; margin-right: 10px; }
/*index*/
.md-modal { position: fixed; top: 50%; left: 50%; width: 50%; max-width: 1000px; min-width: 700px; height: auto; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.md-show { visibility: visible; }

.md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(0,0,0,0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.md-show ~ .md-overlay { opacity: 1; visibility: visible; }

.md-content { color: #666; background: #f6f6f6; position: relative; border-radius: 3px; margin: 0 auto; border: 1px solid #d7d7d7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px #ccc; /* Firefox */ -webkit-box-shadow: 0 0 5px #ccc; /* Safari 和 Chrome */ box-shadow: 0 0 5px #ccc; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ }

.md-content h3 { margin: 0; padding: 0.4em; text-align: center; font-size: 2.4em; font-weight: 300; opacity: 0.8; background: rgba(0,0,0,0.1); border-radius: 3px 3px 0 0; }

.md-content .con { overflow: auto; padding: 15px 40px 30px; margin: 0; font-weight: 300; font-size: 1.15em; }

.md-content .con .tit { margin: 0; padding: 10px 0; }


.md-effect .md-content { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }

.md-show.md-effect .md-content { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; }


a.upfiles { margin: 0 auto; width: 90px; height: 30px; overflow: hidden; display: block; border: 1px solid #BEBEBE; background: url(../img/btn_upload.gif) left top no-repeat; text-decoration: none; }

a.upfiles:hover { background-color: #FFFFEE; background-position: 0 -30px; }
/*file设为透明，并覆盖整个触发面*/
a.upfiles input { margin-left: -350px; font-size: 30px; cursor: pointer; filter: alpha(opacity=0); opacity: 0; }
/*取消点击时的虚线框*/
a.upfiles, a.upfiles input { outline: none; /*ff*/ hide-focus: expression(this.hideFocus=true); /*ie*/ }

.imgbox { border: 2px solid #999; padding: 10px; width: 180px; height: 180px; text-align: center; vertical-align: baseline; }

.imgbox img { max-width: 180px; max-height: 180px; /*IE6*/ _width: expression(this.width>180&&this.width>this.height?180:true); _height: expression(this.height>180?180:true); }

.imgItems { margin-top: 5px; width: 204px; overflow: hidden; }

.imgItems ul { width: 220px; list-style: none; }

.imgItems ul li { float: left; margin: 0 10px 5px 0; border: 1px solid #EEE; padding: 3px; width: 53px; height: 73px; text-align: center; vertical-align: baseline; position: relative; }

.imgItems ul li img { border-width: 0px; max-width: 50px; max-height: 50px; vertical-align: baseline; /*IE6*/ _width: expression(this.width>50&&this.width>this.height?50:true); _height: expression(this.height>50?50:true); }

.imgItems ul li a { top: 58px; left: 3px; width: 44px; position: absolute; background: #999; padding-left: 10px; display: block; background: url(../img/delimg.gif) no-repeat 5px 2px; text-decoration: none; font-size: 12px; color: #333; cursor: pointer; line-height: 18px; height: 18px; overflow: hidden; }

.imgItems ul li a:hover { text-decoration: none; color: #999; background-position: 5px -11px; }

.filebtn { text-align: center; width: 200px; }
#imageView img { width: 100px; height: 100px; border: 1px solid #777; margin: 2px; }
.dimg { float: left; width: 100px; height: 100px; position: relative; margin: 3px; }
#imageView .dimg .close { position: absolute; border: 0; top: 5px; right: 5px; height: 30px; width: 30px; }

.pc_order .list { border: 1px solid #DDDDDD; margin: 0 auto; width: 740px; }
.pc_order .list tbody td { background: none repeat scroll 0 0 #FFFFFF; color: #666666; font-size: 12px; padding: 10px 0; }
.pc_order .list td { border-top: 1px solid #DDDDDD; font-size: 12px; text-align: center; }