body
{
    padding: 0;
    margin: 0;
    font-size:9pt;
}
*
{
    padding: 0px;
    margin: 0px;
}
div.header
{
    height: 80px;
    background-image: url(bg_header.png);
    border-bottom: 1px solid #dad7cf;
    margin-bottom: 25px;
}
div.headerctn
{
    width: 1200px;
    margin: 0 auto;
}
#passport
{
    float: left;
    padding: 10px;
    padding-top: 30px;
    font-weight: bold;
    font-size: 12pt;
}
div.subheader
{
    width: 1200px;
    padding-bottom: 5px;
    border-bottom: 2px solid #e1e1e1;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
/* obsolute*/
div.title
{
    clear: both;
    padding-top: 5px;
    padding-bottom: 10px;
    width: 1200px;
    text-shadow: 1px 1px 3px rgba(50, 50, 50, 0.3);
}
/* obsolute*/
.title h1
{
    font-size: 12pt;
    display: block;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 10px;
    font-weight: bold;
    color: #669900;
}
/* obsolute*/
.title span
{
    font-size: 9pt;
    display: block;
    color: #888888;
    padding-top: 5px;
}
/* new page title*/
div.pagetitle
{
    padding-bottom: 15px;
}
div.h1
{
    clear: both;
    width: 1200px;
    border-bottom: 2px solid #e1e1e1;
}
div.pagetitle h1
{
    margin-top:5px;
    font-size: 12pt;
    display: block;
    font-weight: bold;
    color: #669900;
    float:left;
    text-shadow: 1px 1px 3px rgba(50, 50, 50, 0.3);
}
div.pagesubtitle
{
    font-size: 9pt;
    display: block;
    color: #888888;
    padding-top: 5px;
    text-shadow: 1px 1px 3px rgba(50, 50, 50, 0.3);
}
div.main
{
    clear: both;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 2000px;
}
.footer
{
    clear: both;
    text-align: center;
    padding: 20px;
    font-family: Arial;
}
div.shadow
{
    background-image: url(bg_shadow.png);
    height: 20px;
    background-repeat: repeat-x;
}
div.adminmenu
{
    background: url(bg_btn.png) #f2f0ee left top;
    border-top: #dad7cf 1px solid;
    border-bottom: #dad7cf 1px solid;
}
.adminmenu ul
{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: 28px;
}
.adminmenu li
{
    float: left;
    list-style: none;
    display: block;
}
.adminmenu li a
{
    clear: both;
    display: block;
    border-right: #e4e1da 1px solid;
    padding-right: 20px;
    display: block;
    padding-left: 20px;
    background: url(bg_btn.png) #f4fbe1;
    float: left;
    padding-bottom: 4px;
    border-left: white 1px solid;
    color: #645a44;
    padding-top: 4px;
    text-decoration: none;
    font-size: 12pt;
}
.adminmenu li a:hover
{
    background: url(bg_btn_hover.png) #f4fbe1;
}
div.query
{
    border: 1px dotted #C0C0C0;
    background-color: #efefef;
    padding: 5px;
}
.query table
{
}
.query td
{
    padding: 3px;
    padding-right: 10px;
}
a:link
{
    color: #669900;
}
.EditLeft
{
    float: left;
}
.EditRight
{
    float: left;
}
.EditContent
{
    clear: both;
}
.button
{
    border: 1px solid #C0C0C0;
    padding: 5px 15px 5px 15px;
    color: #e1e1e1;
    background-color: Green;
}
div.command
{
}
div.command a:link, div.command a:visited
{
    margin-bottom:3px;
    float: right;
    text-align: right;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #C0C0C0;
    display: block;
    font-weight: bold;
    color: #e1e1e1;
    background-color: Green;
}
div.command a:hover
{
    background-color: #e1e1e1;
    color: Green;
}
a:visited
{
    color: #E06D37;
}
.leftTree
{
    width: 200px;
    float: left;
    margin-top: 15px;
}
.tableRight
{
    width: 788px;
    float: left;
}
#loginstatus
{
    float: right;
    padding-top: 35px;
    padding-right: 120px;
}

div.globalheader
{
    padding-left: 5px;
    padding-right: 5px;
    background: #2D2D2D;
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
    font-family: Arial, 宋体;
}
div.globalheader a.app
{
    display: block;
    padding: 5px;
    background-color: #2D2D2D;
    color: #CCC !important;
    float: left;
    text-decoration: none;
    border-top: 2px solid #2D2D2D;
}
div.globalheader a.current, div.globalheader a.current:hover
{
    border-top: 2px solid #FF0000;
    color: #ffffff;
    font-weight: bold;
}
div.globalheader a:hover
{
    background-color: #666666;
    border-top: 2px solid #666666;
}

div.globalheader div.loginstatus
{
    padding: 5px;
    color: #CCC !important;
    float: right;
}
div.loginstatus a
{
    color: #CCC !important;
}
#logo
{
    background-image: url(CEM.gif);
    background-repeat: no-repeat;
    width: 161px;
    height: 63px;
    float: left;
    margin-top: 10px;
}
div.logo
{
    background-color: #f5f5f5;
    border: 0 solid #E5E5E5;
    border-width: 0 0 1px;
    margin-bottom: 20px;
}
div.menu
{
    float: left;
    padding-left: 50px;
    padding-top: 50px;
}



#nav
{
    padding: 0;
    margin: 0;
    list-style: none;
    height: 28px;
    background: #fff;
    position: relative;
    z-index: 500;
    font-family: arial, verdana, sans-serif;
}
#nav li.top {display:block; float:left;}
#nav li a.top_link
{
    display: block;
    float: left;
    height: 28px;
    line-height: 27px;
    color: #ffffff;
    text-decoration: none;
    font-size: 9pt;
    font-weight: bold;
    padding: 0 0 0 12px;
    cursor: pointer;
    background-color: #4D90FE;
    border-right: 1px solid #333333;
    border-right-color: #808080;
}
#nav li a.top_link span
{
    float: left;
    display: block;
    padding: 0 24px 0 12px;
    height: 28px;
}
#nav li a.top_link span.down
{
    float: left;
    display: block;
    padding: 0 24px 0 12px;
    height: 28px;
}
#nav li a.top_link:hover
{
    color: #ffffff;
    background-color:#3079ED;
}

#nav li:hover > a.top_link
{
    color: #ffffff;
    background-color: #3079ED;
}
#nav li:hover {position:relative; z-index:200;}
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{left:0; top:28px; background: #fff; padding:3px; border:1px solid #3079ED; white-space:nowrap; width:100%; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:100%; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:9pt; height:20px; width:100%; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}

#nav li:hover ul.sub li a:hover 
{background:#3079ED; color:#ffffff;}
#nav li:hover ul.sub li a.fly:hover
{background:#3079ED; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#3a93d2; color:#fff;} 


table.pager
{
    border: 1px dotted #C0C0C0;
    background-color: #efefef;
    padding: 5px;
    margin: 0 auto;
}
table.pager td
{
    padding: 8px;
}

.num A:link, .num A:visited,.num A:hover
{
	color: #3366FF;
	text-align: center;
	cursor: hand;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	background-color: #f6f6f6;
	border-right: #3366FF 1px solid;
	border-left: #3366FF 1px solid;
	border-top: #3366FF 1px solid;
	border-bottom: #3366FF 1px solid;
	margin-right:1px;
}
.num A:hover
{
	color: #ffffff;
	background-color: #3366FF;
}
.pager .num b
{
	color: #ffffff;
	text-align: center;
	cursor: default;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	background-color: #3366FF;
	border-right: #3366FF 1px solid;
	border-left: #3366FF 1px solid;
	border-top: #3366FF 1px solid;
	border-bottom: #3366FF 1px solid;
	margin-right: 1px;
}

table.table
{
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #EFF3FB;
    border-color: #C0C0C0;
    border-width: 1px;
    border-style: Solid;
    border-left: 0px none #ffffff;
}
table.tableauto
{
    width:100%;
    background-color: #EFF3FB;
    border-color: #C0C0C0;
    border-width: 1px;
    border-style: Solid;
    border-left: 0px none #ffffff;
}
td.tbheader, .tbsubheader td,th.tbheader,table.table thead td
{
    background-color: #efefef;
    border-bottom: 1px solid blue;
    padding: 5px;
    border-bottom-color: #C0C0C0;
    font-weight: bold;
    color: #669900;
    font-size: 9pt;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #C0C0C0;
}
tr.tbsubheader
{
    background-color: #ffffff;
}
.tbsubheader td
{
    padding: 5px;
    background-color: #eeeeee;
    border-top: 1px solid #ffffff;
}
.tbsubheader input
{
    padding: 3px;
}
td.tbimg
{
    text-align: center;
    border: none;
}
td.tbpost
{
    padding: 5px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #C0C0C0;
    padding: 3px;
    text-align: left;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ffffff;
}
.tbpostheader
{
    padding: 8px;
    padding-right: 3px;
    text-align: right;
    vertical-align: top;
    background-color: #f5f5f5;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #C0C0C0;
    font-weight: bold;
    color: #808080;
}
.tbright
{
    text-align:right;
}

.tbpostheaderedit
{
    width: 100px;
}
td.tbhint
{
    padding: 3px;
    color: #808080;
    background-color: #f5f5f5;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #C0C0C0;
}
tr.tbrow
{
    background-color: #f1f1f1;
    border: 1px dashed #C0C0C0;
}
tr.tbrowalter td
{
    background-color: #C9C9C9;
}
td.tbfooter
{
    background-color: #efefef;
    border-top: 1px solid #C0C0C0;
    padding: 5px;
    border-bottom-color: #336699;
    font-weight: bold;
    color: #000080;
    border-collapse: separate;
    clear: both;
    border-left: 1px solid #C0C0C0;
}
table.tblogin
{
    width: 365px;
    margin: 0 auto;
    margin-top: 200px;
}

.input_orderno
{
    width:100px;
    
}

div.messagebox
{
    padding-bottom: 15px;
}
table.messagebox
{
    border: 1px solid #C0C0C0;
}
tr.msgheader
{
    background-color: #B1B1B1;
}
msgheader td
{
}
td.msgtitle
{
    background-color: #efefef;
    padding: 5px;
    font-weight: bold;
    color: #669900;
}
td.msgtitle img
{
    padding-left: 5px;
    padding-right: 5px;
}
table.messagebox table img
{
    padding-left: 35px;
    padding-right: 35px;
}
.messagebox table table td
{
    padding-right: 15px;
}

.error
{
    color: #FF0000;
}

/* Tab Control begin */
div.nav_tabs
{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    background-image: url(../images/tabs.gif);
}
table.nav_tabs
{
    height: 28px;
}
td.nav_tab
{
    border-left: #808080 2px solid;
    border-right: #808080 2px solid;
    border-top: #808080 2px solid;
    background-color: #808080;
    border-bottom: #808080 2px solid;
    padding-left: 18px;
    padding-right: 18px;
}
a.nav_tab:link, a.nav_tab:visited, a.nav_tab:active
{
    color: #ffffff;
    text-decoration: none;
}
a.nav_tab:hover
{
    text-decoration: underline;
}
td.nav_tab_sel
{
    border-left: #808080 2px solid;
    border-right: #808080 2px solid;
    border-top: #808080 2px solid;
    padding-left: 12px;
    padding-right: 12px;
    background-color: #ffffff;
    color: #808080;
    font-weight: bold;
}
td.nav_tab_sep
{
    width: 10px;
    border-bottom: #808080 2px solid;
}
td.nav_left
{
    width: 25px;
    border-bottom: #808080 2px solid;
}
td.nav_right
{
    border-bottom: #808080 2px solid;
    width: inherit;
}
/* TabControl end */

td.highlighted
{
    background-color: #999999;
}

.Steps li
{
float: left;
height: 30px;
text-align: center;
line-height: 31px;
list-style-type: none;
}
div.Steps
{
    height: 30px;
padding-top: 15px;
padding-bottom: 15px;
}
.Steps .iocns {
background: url(icons.gif) no-repeat 0 -330px;
width: 30px;
margin: 0px 5px;
}
.Steps .fui {
background: url(icon.gif) no-repeat 0 -34px;
width: 161px;
}
.Steps .huang {
background: url(icon.gif) no-repeat;
width: 161px;
}


div.formtab 
{
height: 31px;
border-bottom: 1px #ccc solid;
padding-top: 12px;
margin-bottom: 15px;
}
.formtab li {
float: left;
margin: 0px 1px 0px 0px;
padding: 0;
}
.formtab li.visited {
text-align: center;
background: url(hover.gif) no-repeat 0 0;
width: 100px;
position: relative;
bottom: -1px;
font-weight: 700;
line-height: 31px;
word-break:keep-all;/* 不換行 */
white-space:nowrap;/* 不換行 */
overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */
text-overflow:ellipsis;/* 當對象內文本溢出時顯示省略標記(...) ；需與overflow:hidden;一起使用。*/
}
.formtab a {
display: block;
text-align: center;
background: url(hover.gif) no-repeat 0 -38px;
width: 100px;
height: 31px;
line-height: 40px;
overflow:hidden;
color: #000!important;
font-size: 12px!important;
text-decoration: none!important;
}

div.sort 
{
    border: 1px dotted #C0C0C0;
    background-color: #efefef;
    padding: 3px;
}
div.sort span
{
    float:left;
    display:block;
    padding:3px;
}
div.sort ul
{
    float:left;
}
div.sort a.current
{
    float: left;
    border: 1px solid #008000;
    background-color: #008000;
    color: #ffffff;
    padding: 3px;
    padding-left:8px;
    padding-right:8px;
    display:block;
}
div.sort a
{
    float:left;
    border: 1px solid #C0C0C0;
    padding:3px;
    padding-left:8px;
    padding-right:8px;
    display:block;
}
div.sort td.tbright
{
    padding-left:50px;
}
div.clear
{
    clear:both;
}

.scalebg
{
    -moz-background-size: 100% 100%;

-o-background-size: 100% 100%;

-webkit-background-size: 100% 100%;

background-size: 100% 100%;

-moz-border-image: url(scale.jpg) 0;

background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/second.jpg', sizingMethod='scale');

}
.greenbg
{
    background-color: #CCFFFF;
}
.greentext,a.greentext,a.greentext:link,a.greentext:visited
{
    color:Green;
}
.redtext,a.redtext,a.redtext:link,a.redtext:visited
{
    color:Red;
}

/*广告轮播*/
.bannerNum {
display: block;
overflow: hidden;
position: absolute;
right: 15px;
bottom: 10px;
z-index: 11;
}

.newBanner {
background: #fff url(http://im-img.qq.com/home/img/banner/loading.gif) no-repeat 50% 50%;
width: 704px;
height: 280px;
float: left;
position: relative;
overflow: hidden;
}

.bannerImg {
width: 704px;
height: 280px;
overflow: hidden;
}

.bannerImg li {
width: 704px;
height: 280px;
position: absolute;
left: 0;
top: 0;
}

.bannerImg .smask {
z-index: -1;
filter: alpha(opacity = 0);
-moz-opacity: 0;
opacity: 0;
zoom: 1;
}

.bannerImg img {
width: 704px;
height: 280px;
overflow: hidden;
}




/* The mask layer of avoiding submit repeatly */
.arsMask
{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 99;
	left: 0px;
	top: 0px;
	cursor: wait;
	background: gray;
	-ms-filter: "alpha(opacity=2)";
	filter: alpha(opacity=2);
	opacity: .02;	
}

.arsTipContent
{
	position:absolute;
	z-index:100;
	cursor:wait;
	width:140px;
	height:40px;
	line-height:40px;
	background:  #ffffe1 url(Common/Loading2.gif) no-repeat 10px center;
	padding-left:32px;
	border:solid 1px #d0edd0;
}


.divMasker
        {
            filter: alpha(opacity=50);
            -moz-opacity: 0.5;
            -khtml-opacity: 0.5;
            opacity: 0.5;
            z-index: 10000;
            position: absolute;
            left: 0;
            top: 0;
            background-color: gray;
            display: none;
        }
        
        #shadow
        {
            filter: alpha(opacity=50);
            -moz-opacity: 0.5;
            -khtml-opacity: 0.5;
            opacity: 0.5;
            z-index: 10000;
            position: absolute;
            left: 0;
            top: 0;
            background-color: gray;
        }