@charset "UTF-8";
/* CSS Document */

html, body{ background:#156a78; color:#000000; font:11px/13px Arial, Helvetica, sans-serif; left:0; right:0; z-index:0; }

*{ margin:0; padding:0 }

a{ outline:none; }

.grade{ width:100%; height:100%; position:absolute; left:0; padding:0; z-index:0; }

.wrapper{ position:relative; margin:0 auto 0 auto; z-index:1; width:800px; height:500px; border:0; text-align:center;}

#flashcontent{ display:block; position:relative; z-index:2; margin:0 auto 0 auto; top:0px; left:0px; width:800px; height:500px; border:0; }
#flashcontent a:link, #flashcontent a:active, #flashcontent a:visited, #flashcontent a:hover{
color:#fff; background:inherit; text-decoration:underline; font-weight:bold; }

.main{ margin:0 auto; width:800px; height:500px; position:relative; z-index:2;top:0px; }

.footer{ margin:0 auto; width:800px; height:20px; position:relative; z-index:2;top:20px; }
.footer p{ text-align:center; color:#ffffff; font-size:.8em; }
.footer a:link, .footer a:active, .footer a:visited{ color:#fff; background:inherit; text-decoration:underline; }
.footer a:hover{ color:#fff; background:inherit; text-decoration:none; }
.footer_logo{ margin:10px 0 0 0; border:0; width:78px; height:25px; }

/* splash page */
.outter_wrapper{ position:relative; z-index:1; margin:10px auto 0 auto; width:750px; height:470px; display:block; background:#000; color:#fff; }
.inner_wrapper{ position:relative; z-index:1; float:left; margin:12px; width:750px; height:470px; }

.left_container{ position:relative; z-index:1; float:left; width:50%; height:100%; background:#e2e2e2; color:#fff; }
.right_container{ position:relative; z-index:1; float:left; width:50%; height:100%; background:#e2e2e2; color:#fff; overflow:hidden; }

.en_logo_1{ position:relative; z-index:2; top:100px; left:100px; width:127px; height:126px; border:0; }
.en_logo_2{ display:block; position:relative; z-index:2; top:100px; left:100px; width:129px; height:41px; border:0; }