﻿/*body 
{
	margin:0px auto;FONT-FAMILY: tahoma, verdana,宋体,Arial,serif; LINE-HEIGHT:150%;
}
DIV 
{
	text-align :center;
}

.container{
    width:956px;MARGIN:0PX AUTO;background:#ffffff
}

.box {
    border:#98BBD7 1px solid;margin-top:5px;
}

.left {
	FLOAT: right;width:75%;margin-bottom:5px;
}
.right {
	FLOAT: left;width:23.5%;margin-bottom:5px;
}
.left2 {
	FLOAT: left;width:49%;margin-top:3px;margin-bottom:3px;margin-right:8px;
}
.right2 {
	FLOAT: right;width:49%;margin-top:3px;margin-bottom:3px;
} */


/*BODY { margin:0px auto;FONT-FAMILY: tahoma, verdana,宋体,Arial,serif; LINE-HEIGHT:150%; }

.container { width:956px;MARGIN:0PX AUTO;}

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.box {
    border:#98BBD7 1px solid;margin-top:5px;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.left {
	FLOAT: right;width:75%;margin-bottom:5px;
}
.right {
	FLOAT: left;width:23.5%;margin-bottom:5px;
}
.left2 {
	FLOAT: left;width:49%;margin-top:3px;margin-bottom:3px;margin-right:8px;
}
.right2 {
	FLOAT: right;width:49%;margin-top:3px;margin-bottom:3px;
}*/


 *{margin:0; padding: 0;}
 #navcont {  width: 100%;} /*{ background: #e9e9e9; width: 100%;}*/
 
 input[type=text] {border-style:inset;height: 24px; line-height: 25px; padding: 2px 0 2px 10px; border: solid 1px rgb(229, 229, 229)}
 input[type=password] {border-style:inset;height: 24px; line-height: 25px; padding: 2px 0 2px 10px; border: solid 1px rgb(229, 229, 229)}
     
 #nav {  font-family: helvetica; position:relative; height:48px; font-size:13px; color:#999;margin: 0 auto;z-index:1; background: #e9e9e9;}
 #nav ul { list-style-type:none; }
 #nav ul li { float:left; position: relative;}
 #nav ul li a { border-right:1px solid #e9e9e9; padding:10px; display:block; text-decoration:none; text-align:center; color:#666;}
 #nav ul li a:hover {background: #12aeef ; color:#fff;} 
 #nav ul li ul {display: none;}
 #nav ul li:hover ul {display: block; position: absolute; top:48px; min-width:190px; left:0;} 
 #nav ul li:hover ul li a {display:block; background:#12aeef; color:#ffffff; width: 110px; text-align: left;padding-left:25px; border-bottom: 1px solid #f2f2f2; border-right: none;}
 #nav ul li:hover ul li a:hover { background:#6dc7ec; color:#ffffff; }
 .borderleft {border-left: 1px solid #e9e9e9;}
 .top { border-top: 1px solid #f2f2f2;}
 /*  This piece of code is for a third level drop down menu and is not included in this tutorial  #nav ul 
li:hover ul li ul {display:none;}
 #nav ul li:hover ul li:hover ul {display:block; position: absolute; top:-1px; left: 151px;}*/
 /* Ignore this last piece of code */
 #threestyles {
  width: 500px;
  height: 300px;
  margin: 0px auto;
  border: 2px solid #666;
  margin-top: 30px;
 } 


body 
{
	margin:0px auto;FONT-FAMILY: tahoma, verdana,宋体,Arial,serif; LINE-HEIGHT:220%;font-size:13px;
}
DIV 
{
	 line-height:220%; /*text-align :center;*/
}

/*TABLE { border:solid 1 #9EBEF5; border-color:#9EBEF5; border-collapse:collapse; width:100%;}*/

/*border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#9EBEF5" width="100%"*/

TABLE {LINE-HEIGHT:250%;}

A:link {
     TEXT-DECORATION:none;color:#008080;
}

A:visited {
     TEXT-DECORATION:none;color:#008080;
}
A:hover {
     TEXT-DECORATION:underline;color: #ff0000;font-size:13px;
}


A.top:link {
     TEXT-DECORATION:none;color:#000000;
}

A.top:visited {
     TEXT-DECORATION:none;color:#000000;
}
A.top:hover {
     TEXT-DECORATION:underline;color: #000000;font-size:14px;
}

.container{
    width:960px;MARGIN:0PX AUTO;background:#ffffff
}

.box {
    border:#98BBD7 1px solid;margin-top:5px;
}

.divTop {
    border-top:#98BBD7 1px solid;
}
.divBottom {
    border-bottom:#98BBD7 1px solid;
}

.body-title {padding :15px 15px 0px 15px; text-align:center;}
.body {padding :15px 15px 10px 15px; text-align:center;}
.left {
	FLOAT: right;width:75%;margin-bottom:5px; 
}
.right {
	FLOAT: left;width:23.5%;margin-bottom:5px;
}
.left2 {
	FLOAT: left;width:49%;margin-top:3px;margin-bottom:3px;margin-right:8px;
}
.right2 {
	FLOAT: right;width:49%;margin-top:3px;margin-bottom:3px;
}

#header { width:960px;MARGIN:0PX AUTO;background:#ffffff; vertical-align:bottom;}

#header  LI {
	TEXT-ALIGN: center; FILTER: alpha(opacity=50); LINE-HEIGHT: 33px; MARGIN: 0px; WIDTH: 10%; BACKGROUND: #dbdbdb; FLOAT: left; HEIGHT: 33px;  FONT-SIZE: 12px; CURSOR: pointer; opacity: .5; border-radius: 0
}

.header-back {background:url('../image/lbbt8.png') no-repeat 0px 0px;  }
/*#header LI:first-child {
	-webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; -ms-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px
}*/

#ShowDisplayList {overflow:hidden; width:auto; margin:0px;}

#ShowDisplayList  LI {
	TEXT-ALIGN: center; FILTER: alpha(opacity=50); LINE-HEIGHT: 33px; MARGIN: 0px; WIDTH: 25%; BACKGROUND: #2e2e2e; FLOAT: left; HEIGHT: 33px; COLOR: #fff; FONT-SIZE: 12px; CURSOR: pointer; opacity: .5; border-radius: 0
}

.Over { border-bottom:#FF0000 5px solid; }

#div-log { width:960px;MARGIN:0PX AUTO;background:#dbdbdb;} /* #808080 */

#div-flash-img {width:960px;MARGIN:0PX AUTO;}

#div-flash-img LI { list-style-type:none; padding-left:0px; margin-left:0px;}

#SheetDisplay {float:left; overflow:hidden;width:350px;}

#SheetDisplayLeft #SheetDispllayRight {FONT-FAMILY:Webdings;}

.no-visible { display:none}

.title {padding-left:35px;}
.answer {padding-left:55px;}
.result { color:Red;}

.UpgradeSpan { width:100px;  display:inline-block; text-align:center; }
.UpgradeSpanSplit { width:3px; background-color:Red; display:inline-block; }

H3 { font-size:larger;}


/*DIV垂直居中*/
 div#wrap {
  display:table;
  border:1px solid #FF0099;
  background-color:#FFCCFF;
  width:760px;
  height:400px;
  _position:relative;
  overflow:hidden;
 }
 div#subwrap {
  vertical-align:middle;
  display:table-cell;
  _position:absolute;
  _top:50%;
 }
 div#content { 
  _position:relative;
  _top:-50%;
 }
 /*DIV垂直居中*/
 
 .divmask1 {/*height:100%;width:100%; position:absolute;top:0px;left:0px;background-image:url('../image/bg-7.gif');   background-position-y:-3px;*/}
 .divmask2 {/*height:100%;width:100%; position:absolute;top:0px;left:0px;background-image:url('../image/bg-8.gif');   background-position-y:-2px;*/}