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

html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed, 
  figure, figcaption, footer, header, hgroup, 
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
  	margin: 0;
  	padding: 0;
  	border: 0;
  	font-size: 100%;
  	font: inherit;
  	vertical-align: baseline;
  }
* {
	margin: 0 auto;
	padding: 0;
}
body {
	/*background: #132f49;		 
	background: -ms-radial-gradient(50% 30%, circle, #5fc3df, #132f49 700px);
	background: -moz-Radial-gradient(50% 30%, #5fc3df, #132f49 700px);
	background: -o-Radial-gradient(50% 30%, #5fc3df, #132f49 700px);
	background: -webkit-gradient(50% 30%, radial, center center, 0, center center, 120, from(#5fc3df), to(#132f49 700px));
	background: -webkit-radial-gradient(50% 30%, circle, #5fc3df, #132f49 700px);*/
	text-align: center;
}
.wrapper {
	width: 100%; 
	margin: 0; 
	padding: 0;
}
.contents {
	text-align: center;
	padding: 0;
	margin: 0;
}

.contents_body {
	margin: 0px auto;
	padding: 21px;
	width: 892px;
	border: #008ac2 solid 3px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; 
	-khtml-border-radius: 15px; 
	background: #fff;
	position: relative;
	z-index: 71;
	
}

.scene_wrap {
	position: relative; 
	width: 1101px; 
	margin: auto; 
	padding: 0; 
	text-align: center;
}
.side_left, .side_right {
	position: absolute;
	width: 193px;
	height: 656px;
}

.side_left
{
	left: -71px;
	background: url('/img/index_02/side_left.png') no-repeat right;
	margin-left: 0px;
}
.side_right
{
	right: 0px;
	background: url('/img/index_02/side_right.png') no-repeat;
	margin-right: 0px;
}


/*-----------------------------------------------------------------------------------------*/
#no_flash {
    display: block;
    width: 739px;
    height:800px;
    margin: 0px auto;
    background: url(/img_main_needFlash_n.png) no-repeat bottom center;
}

.header {
	margin: 0 auto;
	padding: 0px;
	position: absolute;
	z-index: 5; 
	width: 100%; 
	text-align: center; 
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
.join_wrap {
	position: relative; 
	z-index: 71; 
	width: 100%; 
	text-align: center; 
	margin: -65px 0 0 0;
}
.join_menu_wrap {
	width: 885px;
	height: 94px;
	margin: 0 auto;
	padding: 0;
}
.join_menu_wrap span {
	display: inline-block;
	zoom: 1; *display: inline; 
	margin-top: 0px;
	cursor: pointer;
}
.join_menu_wrap .jm_01 {
	background: url('/img/index_02/btn_bg_login.png') no-repeat 0px 0px;
	width: 148px;
	height: 59px;
	margin-bottom: 11px;
}
.join_menu_wrap .jm_02 {
	background: url('/img/index_02/btn_join_now_free.png') no-repeat 0px 0px;
	height: 94px;
	width: 409px;
	margin: 0 35px;
}
.join_menu_wrap .jm_03 {
	background: url('/img/index_02/btn_bg_login.png') no-repeat -147px 0px;
	width: 148px;
	height: 59px;
	margin-bottom: 11px;
}
.join_menu_wrap .jm_01:hover {
	background: url('/img/index_02/btn_bg_login.png') no-repeat 0px -57px;
}
.join_menu_wrap .jm_02:hover {
	background: url('/img/index_02/btn_join_now_free.png') no-repeat 0px -92px;
}
.join_menu_wrap .jm_03:hover {
	background: url('/img/index_02/btn_bg_login.png') no-repeat -147px -57px;
}
.signs {
	width: 885px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	border-bottom: #2d7eb3 solid 1px;
}
.signs span {
	display: inline-block;
	zoom: 1; *display: inline; 
	margin-top: 51px;
	cursor: pointer;
	width: 291px;
	height: 94px;
}
.signs .s_01 {
	background: url('/img/index_02/sign_white.png') no-repeat 0px 0px;
}
.signs .s_02 {
	background: url('/img/index_02/sign_white.png') no-repeat -289px 0px;
}
.signs .s_03 {
	background: url('/img/index_02/sign_white.png') no-repeat -587px 0px;
}
.signs .s_01:hover {
	background: url('/img/index_02/sign_white.png') no-repeat 0px -94px;
}
.signs .s_02:hover {
	background: url('/img/index_02/sign_white.png') no-repeat -289px -94px;
}
.signs .s_03:hover {
	background: url('/img/index_02/sign_white.png') no-repeat -587px -94px;
}
.join_now_tab_wrap {
	width: 398px;
	height: 32px;
	margin-top: -5px;
	padding: 0;
	text-align: center;
}
.join_now_tab {
	width: 199px;
	height: 32px;
	margin: 0 auto;
	padding: 0;
	cursor: pointer;
	background: url('/img/index_02/join_now_tab.png') no-repeat 0px 0px;
}
.join_now_tab span {
	visibility: hidden;
}
.join_now_tab:hover {
	background: url('/img/index_02/join_now_tab.png') no-repeat 0px -33px;
}

.bg_00 { 
	width: 100%; 
	text-align: center; 
	margin: 0 auto;
	position: absolute;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	overflow-y: hidden;
}
.bg_01 { 
	width: 100%; 
	text-align: center; 
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
.inline {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	display: inline !ie7; /* hack for IE7 and below */
}
.social_wrap {
	margin: auto;
	padding: 0;
}

.social_icons {
	width: 448px;
	height: 41px;
	overflow: hidden;
	margin: 0 auto;
	padding: 31px;
	text-align: center;
}
.social_icons ul {
	margin: 0px 0 0 0;
	padding: 0;
}
.social_icons li {
	height: 34px;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	display: inline !ie7; /* hack for IE7 and below */
	/*cursor: pointer; */
	list-style: none;
	margin: 0 5px;
	font-family: 'Helvetica', Arial, verdana, sans-serif; 
	font-weight: bold;
	text-align: center;
}
.social_icons .alt {
	height: 34px;
	visibility: hidden;
}
.social_icons li a {
	outline:0;
	color: #00bcdd;	
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	height: 34px;
	display:block;
}

.social_icons .icon_01{
	width: 34px;
	background: url("/img/index/social_icons.png") no-repeat 0px 0px;
}
.social_icons .icon_02 {
	width: 34px;
	background:url("/img/index/social_icons.png") no-repeat -45px 0px;
}
.social_icons .icon_03 {
	width: 58px;
	background:url("/img/index/social_icons.png") no-repeat -90px 0px;
}
.social_icons .icon_04 {
	width: 85px;
	background:url("/img/index/social_icons.png") no-repeat -158px 0px;
}
.social_icons .icon_01:hover {
	background:url("/img/index/social_icons.png") no-repeat 0px -36px;
}
.social_icons .icon_02:hover {
	background:url("/img/index/social_icons.png") no-repeat -45px -36px;
}
.social_icons .icon_03:hover {
	background:url("/img/index/social_icons.png") no-repeat -90px -36px;
}
.social_icons .icon_04:hover {
	background:url("/img/index/social_icons.png") no-repeat -158px -36px;
}


.login_wrap {
	margin: 0;
	padding: 0;
	width: 854px;
	overflow: hidden;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; 
	-khtml-border-radius: 15px; 
}
.login_wrap .playpages {
	margin-left: 15px;
}
.bubble {
	padding: 0px;
	clear: none;
	top: 631px;
	position:absolute;
	height: 104px;
	color:#4d4d4d;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:12pt;
	z-index: 50;
	left:50%;
	margin-left:-425px;
	width:850px;
	padding-top:10px;
}

.bubbletext {	
	color:#54E4FC;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:10pt;
	font-weight:lighter;
	align:center;
	line-height:1.8;
}


.sm {
	font:Arial;
}

.spacer {
	color: #fff;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:14pt;
	font-weight:lighter;
}

.language_select {
	border: 0;
	margin: auto;
	padding: 0px;
	width: 111px;
	height: 24px;
	text-align: right;
	}
.language_select_option {
	background: #f9f9fc;
	color: #636363;
	font: bold 11px arial, verdana, sans-serif;				
	border: #a7b9be solid 1px;
	margin-top: 3px;
	text-align: center;
	padding: 0px;
	width: 101px;
}

.seals {
	width: 571px; 
	margin: auto;
}

.footer {
	margin: auto;
	width: 857px;
	font-family: 'Verdana', Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #2d7eb3;
}
.footer .footer_menu {
	padding: 5px;
}
.footer a {
	outline: 0;
	text-decoration: none;
	color: #2d7eb3;
}
.footer .policy {
	color: #B51A4F;
}
.footer a:hover {
	outline: 0;
	text-decoration: underline;
}
.footer .copyright {
	margin: 5px;
	font-size: 10px;
}

#login_inline {
	width:850px;
	height:250px;
}