img.bg {
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}
img.fit_width {
 min-width:100%;
 max-width:100%;
 /*max-height:100%;*/
}
img.logo {
 min-width:84px;
 min-height:126px;
 display: inline-block;
 margin-right: 60px;
}
body 
{
     margin:0;
     padding:0;
     min-width:800px;
     background:#a0a0a0;
     font:0.8em Arial, Helvetica, "bitstream vera sans", sans-serif;
}
div#header_home 
{
	background: url(../images/HeaderImage.png) no-repeat left top;
	background-size:contain;
	width: 800px;
	height:150px;
	clear: both;
	position: relative;
	align:center;
}
div#page-bg
{
    background: url(../images/main_bg.jpg) repeat left;
    min-width: 800px;
    position: relative;
	align:center;
}
.link1 {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}
.link1E {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.link1:hover {
	/*bgcolor: #ffd274;*/
    //color: #ff00ff;
    text-decoration:underline;
}

.menu_bar{
    position: absolute;
    bottom:0;
	background: url(../images/menu_bar.gif) repeat-x;  
}
#footer {
	background: url(../images/footer_bg.png) repeat-x;
	width: 800px;
    height: 30px;
	position: relative;
    top:-18px;
	text-align:center;
}
div.title_logo
{
  display: table;
  margin-left: auto;
  margin-right: auto;
}
div.book_cover{
    margin-left:100px;
    width:150px;
    height:120px;
    border:2px solid #fff;
    box-shadow:10px 10px 5px #ccc;
    -moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;
}
.container2 {
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
}
.container {
    white-space: nowrap;
    align-content:center;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropbtn {
    font-family: "SimHei";
    font-size:16px;
	font-weight: bold;
    background-color: transparent;
    color: #000000;
    border: none;
    height:24px;
}

.dropdown-content {
    display: none;
    position: absolute;
    left:-4px;
    top:24px;
    background-color: rgba(244, 176, 8, 0.72);
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
    /*padding: 4px  0px;top&btm,rit&lft*/
    padding-top:8px;
    z-index: 1;
    font-family: "SimHei";
	font-size:15px;
	font-weight: bold;
}

.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;   
    border-bottom-style:solid;
    border-bottom-color: #ffed97;
    border-bottom-width: 2px;
}
.dropdown-content a:hover {background-color: #ffd274; }
.dropdown-content a.crnt-page {background-color: #ffa746; }

.dropdown:hover .dropdown-content {
    display: block;
}

#main_body
{
	position:relative; 
	margin-left:auto; 
	margin-right:auto;
	width:800px;  
}
#major_body
{
	margin-left:auto; 
	margin-right:auto; 
	width:800px;  
	/*background: url(../images/main_bg.gif);*/
	/* no-repeat center center fixed;
	background-size: cover;*/
	margin-top:-5px; 
}

div#blog_title
{
    margin-top:10px;
    margin-bottom:15px;
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
div#blog_ctrl
{
	font-size: 14px;
	color: #000000;
}
p#blog_text
{
    text-indent: 2em;
    font-size: 14px;
	font-weight: normal;
	line-height:130%;
}
.blog
{
	background-color: #f0f0f0;
	font-size: 15px;
	color: #101010;
	width:99%;
	margin-left:auto; 
	margin-right:auto;
	border:3px solid #ddbb33;
}

div#main_block
{	
	margin:0px;
	padding-left:100px;
	padding-right:100px;
}
div#header_page 
{
	background: url(../images/PageTitle.png) no-repeat left top;
	background-size:contain;
	width: 800px;
	height:235px;
	clear: both;
	position: relative;
}
.page_title {
	font-size: 18px;
	font-weight: bold;
	color: #ff4040;
}

.thick_line{margin-top:15px;} 

.text1 
{
	font-family: "Times New Roman";
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}
.text2 {
	text-align: center;
	font-size: 10px;
	color: #AFFFFF;
}
.text4 
{
	font-family: "STKaiti";
	letter-spacing: -1px;
	font-size: 14px;
	color: #FFFFFF;
}
.text11 
{
	font-family: "SimHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	color: #FFFFFF;
}
a {
	color: #0000FF;
}

a:hover {
	text-decoration: none;
}
a.buttonE {
	display:block;
	width:64px;
	height:20px;
	background-position:0px 0px;
    margin-left:50px;
}
a.buttonE:hover{
	background-position:0px -20px;
}
a.ZhongWen {
	display:block;
	width:44px;
	height:20px;
	background-position:0px 0px;	
}
a.ZhongWen:hover{
	background-position:0px -22px;
}
p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	color: #000;
}
.style1 
{
	color: #FFA557;
	height: 20px;
	
}
.style1 a {
	color: #CC5C00;
	text-decoration:none;
	font-size: 12px;
}

.style1 a:hover {
	text-decoration: underline;
}

div#main_text
{
	font-family: "SimHei", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#1166cc;
}
div.main_menu {
    font-family: "SimHei";
	font-size:16px;
	font-weight: bold;
}
p#main_pg
{
	font-family: "STKaiti";
	font-size:14px;
	/*font-weight:bold;*/
    position: absolute;
    left: 5%;
    width: 90%;
    /*padding: 6px;*/
    background-color: transparent;
    color: #000;
}
p#contect
{
	font-family: "STKaiti";
	font-size:14px;
	font-weight:bold;
    color: #000;
    text-align:center;
    margin:0 0 0 0;
}
p.text_title{
    font-size:18px;
    font-weight:bold;
    text-align:center;
    font-family: "SimHei", "STFangsong", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
p.text_sub_title{
    font-size:14px;
    text-align:center;
}
p.text_body{
    font-size:14px;
    font-family: "STFangsong";
}
p.text_content {
    font-size:15px;
    font-family: "SimHei", "STFangsong", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-indent: 2em;
}

li.text_content {
    font-size:15px;
    font-family: "SimHei", "STFangsong", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    width: 50%;
}
p.text_paragraph {
    font-size:16px;
    font-family: "STKaiti", "SimHei", "STFangsong", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-indent: 2em;
    margin-left:5%;
    margin-right:5%;
}
p.img_text{
    font-family: "SimHei";
    font-size:15px;
	font-weight: bold;
    color: #54141a;
    text-align:center;
    position:relative;
}
span.indend{
    display:inline-block;
    width: 20;
}
/* header */
#header 
{
	/*border-bottom:1px solid #999;*/
	width:100%;
}
#full_row 
{
    width:100%;
	margin-left:auto;
	margin-right:auto;
}
h1#hd1{
	color: orange;
	font-size:100%;
	letter-spacing:1px;
	text-align:right;
	margin-right:15px;
	padding-top:5px;
	float:right;
}
h2#hd2{
	color: Fuchsia;
	font-size:150%;
	letter-spacing:-1px;
	text-align:right;
	padding-right:5px;
	float:right;
    text-decoration: none;
}

/* navigation */
#navigation {
	background:#fafaff;
	border-right:1px solid #999;
	margin:0 auto;
	height:25px;
	list-style:none;
}
#navigation li {
	border-left:1px solid #999;
	float:left;
	width:120px;
	list-style:none;
}
#navigation a {
	color:#555;
	display:block;
	line-height:25px;
	text-align:center;
}
#navigation a:hover {
	background:#e3e3e3;
	color:#555;
}
#navigation .active {
	background:#e3e3e3;
	color:#777;
}
#navigation_logon 
{
    margin-bottom:10px;
    margin-top:10px;
    border:1px solid #222;
    width:130px;
	background:#a0a0a0;
	color:#202020;
}
/* content */
#content {
	height:auto;
	margin:0 auto;
	padding:0 0 20px;
	width:751px;
}
#content h1 {
	/*border-bottom:1px dashed #999;*/
	font-size:1.8em;
	padding:20px 0 0;
}
#content p {
	padding:20px 20px 0;
}

.text2 {
	text-align: center;
	font-size: 10px;
	color: #AFFFFF;
}
#loginBox {
  border:4px solid #ddbb33;
  position:relative;
  width:300px; 
  margin-top:20px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  background:#55aaff; <!- url(back.jpg) no-repeat top left; ->
}
#uploadBox {
  border:4px solid #000000;
  position:relative;
  width:500px; 
  margin-left:auto; 
  margin-right:auto; 
  margin-top:20px;
  margin-bottom:10px;
  background:#22aaff; <!- url(back.jpg) no-repeat top left; ->
}
/* Added by Larry Ullman: */
.error, .ad {
	font-weight: bold;
	color: #C00
}

input, select, .input {
	padding: 5px;
	font-weight: bold;
	font-size: 1em;
	color: #008040;
	background: #FFFFFF;
	border:1px dotted #004080;
}
#errbox {
	width:800px;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}

/*** pop-up div to cover entire area ***/
.divModalDialog  {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:20%;
    /*! important !*/
    display:none;
    /* last attribute set darkness on scale: 0...1.0 */
    background-color:rgba(0,0,0,0.8);
    text-align:center;
    z-index:101;
}
  
  /*** ! target attribute does the job ! ***/
  .divModalDialog:target  { display:block; }
  
  /*** virtual frame containing controls, image and caption ***/
  .divModalDialog div  {
     /* either absolute or fixed */
    position:fixed;
    top:5%;
    width:100%;
    height:20%;
    /* rounded corners */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    z-index:102;
  }
  #divThumbnails {
    position:relative;
    margin: 75px 0 0 100px;
    height:250px;
    padding-top:30px;
    background-color:#cacaca;   
    /* add shadows */
    -moz-box-shadow: 5px 5px 10px rgba(50,50,50,0.7);
    -webkit-box-shadow: 5px 5px 10px rgba(50,50,50,0.7);
    box-shadow: 5px 5px 10px rgba(50,50,50,0.7);
      
    /* gradient effect with color-stop */
    background: -moz-linear-gradient(top, #f0f0f0, 
                                          #bababa 10%, 
                                          #cacaca 49%, 
                                          #909090 50%, 
                                          #cacaca 50%, 
                                          #cacaca 90%, 
                                          #ababab);
    background: -webkit-gradient(linear, center top, center bottom, 
                                        from(#f0f0f0), 
                                          color-stop(0.1, #bababa ), 
                                          color-stop(0.49, #cacaca), 
                                          color-stop(0.50, #909090), 
                                          color-stop(0.50, #cacaca), 
                                          color-stop(0.90, #cacaca), 
                                          to(#ababab));
}

p.contect_us, td.contect_us {
    font-family: "STKaiti";
	font-size:16px;
    font-weight: bold;
    color: #000;
    text-align:left;
    margin:0 0 0 0;
}
p.contect_us, p.join_hy, table.join_hy{
    font-family: "STKaiti";
	font-size:16px;
    font-weight: bold;
    color: #000;
    text-align:center;
    margin:0 0 0 0;
}
td.join_yuayi {
    border: 1px solid black;
    border-collapse: collapse;
}
table.history{
    font-size:16px;
    font-family: "STKaiti", "SimHei", "STFangsong", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    text-align:left;
    border:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    width:740px
}
td.history{
    width:78px;
    font-size:18px;
    font-weight: bold;
}
p.guideline_title
{
	font-family: "STKaiti";
	font-size:16px;
    font-weight: bold;
    text-align:center;
}
p.guideline
{
	font-family: "STKaiti";
	font-size:14px;
    text-indent:30px;
    margin-left:auto;
    margin-right:auto;
    width: 80%;
}
li.guideline
{
	font-family: "STKaiti";
	font-size:14px;
    margin-left:auto;
    margin-right:auto;
    width: 80%;
}
.big_button {
    position:absolute;
    font-size:25px;
    background-color:rgba(255,80,0,0.6);
    border-radius:5px;
}
.big_button:hover {
	background-color:rgba(255,256,50,0.3);
}