/*  reset  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
.order_table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
img{
	margin:0px;
	padding:0px;
	}
li{
	list-style: none;
}
/*address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}*/
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
input{
	padding: 0 15px;
	box-sizing:border-box;
}
abbr, acronym {
	border:0;
}
.ul{
	list-style:none;
	}
.lileft li{
	float:left;
	}
input,button{
	border:none;
	outline:none;
	}
button,.cursor{
	cursor:pointer;
	}
.user_edit ul,.user_edit ol{
	padding:0px 0px 0px 20px;
	}
a{
	text-decoration: none;
	color:#aaa;
}
a:hover{
	color: #ccc;
}
/*================================reset================================*/
body{
	font-size:15px;
	color:#555;
	font-family:Arial,'微軟正黑體', Helvetica, sans-serif;
	line-height:25px;
	letter-spacing: 1px;
	width: 100%;
	overflow-x:hidden;
	}
.wrapper{
	width:100%;
	/*overflow:hidden;*/
	position:relative;
	z-index:1;
	}
.clearfix:after { /* FF, IE8, O, S, etc. */
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
	}
.clearfix{
	zoom:1;
	}
.clear{
	clear:both;
	}
.fleft{
	float:left;
	}
.fright{
	float:right;
	}
.logo {
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	font:0/0 serif \9;
	text-shadow:none \9;
	color:transparent \9;
	display:block;
	width: 113px;
	height: 122px;
	/*float:left;*/
	position: absolute;
	cursor:pointer;
	/*margin:10px 0px 0px 0px;*/
	background:url(../image/logo.png) top center no-repeat;
	}


.center{
	text-align: center;
}
.inline_block{
	display: inline-block;
}
.img_box{/*
	width:300px;
	height:65px;*/
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	*position:relative;
	}
.img_link{
	/*max-width:300px;*/
	height:auto;
	z-index:1;
	display:inline-block;
	*display:inline;
	*zoom:1;
	*position:absolute;
	*top:50%;
	}
.align_middle{
	*position:relative;
	*top:-50%;
	*left:-50%;
	}
.uppercase,.web_map li a.uppercase{
	text-transform: uppercase;
}
.color_wit,.web_map li a.color_wit{
	color: #fff;
}
.color_aa{
	color: #aaa;
}

/*---------------------------------------------------------------*/
.bold{
	font-weight: bold;
}
.pad_botm_80,.w_980.pad_botm_80{
	padding-bottom: 80px;
}
.mar_botm_27{
	margin-bottom: 27px;
}
.mar_botm_30{
	margin-bottom: 30px;
}
.mar_botm_20{
	margin-bottom: 20px;
}
.mar_btom_45{
	margin-bottom: 45px;
}
.mar_top_20{
	margin-top: 20px;
}
.mar_top_40{
	margin-top: 40px;
}
.font_18{
	font-size: 18px;
}
.color_org{
	color: #f5a23d;
}
.color_green{
	color: #6cb62a;
}
.under_line{
	text-decoration: underline;
}
.head{
	width: 100%;
	height: 82px;
	background: rgba(51,51,51,1);
	position: relative;
	z-index: 3;
}
.w_980{
	width: 980px;
	padding: 0 40px;
	margin: 0 auto;
	box-sizing:border-box;
}
.logo a{
	display: block;
	width: 113px;
	height: 122px;
}
.sign_box .one{
	margin-top: 20px;
}

.sign_box .one .sign_font{
	margin: 12px 40px 0 0;
	cursor: pointer;
	background: url(../image/sign_font.png)no-repeat;
	width: 59px;
	height: 18px;
}

.sign_box .one .sign_btn{
	background: url(../image/sign_up_btn.png)no-repeat;
	width: 141px;
	height: 40px;
	cursor: pointer;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}
.sign_box .one .sign_btn:hover{
	background: url(../image/sign_up_btn_s.png)no-repeat;
	width: 141px;
	height: 40px;
	cursor: pointer;
}


.sarch_box{
	position: relative;
	width: 92px;
}
.sarch_btn{
	background: url(../image/sarch_btn.png)no-repeat;
	width:92px;
	height: 81px;
	cursor: pointer;
	/*padding-bottom:8px;*/
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}
.sarch_btn:hover{
	background: url(../image/sarch_btn_s.png)no-repeat;
	width:92px;
	height: 81px;
}
.sarch_box:hover .sarch_input{	display: block;
}
.touch_box{
	padding-top: 8px;
	position: absolute;
	top: 72px;
	right: 0;
}
.sarch_input{
	display: none;
	width:510px;
	padding: 20px;
	background: rgba(51,51,51,1);
	box-sizing:border-box;
}
.sarch_input input{
	width:100%;
	height: 45px;
	border-radius: 5px;
	background: #fff;
	color: #555;
	font-size: 15px;
	line-height: 45px;
	padding: 0 15px;
	box-sizing:border-box;
}
.menu{
	background: url(../image/menu_btn.png)no-repeat;
	width: 145px;
	height: 82px;
	cursor: pointer;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}
.menu:hover{
	background: url(../image/menu_btn.png)no-repeat;
	background-color: #111;
	width: 145px;
	height: 82px;
	cursor: pointer;
}
.men_photo_box{
	position: relative;
	height: 56px;
	padding-top: 15px;
	box-sizing:border-box;
}
.men_photo_box .top_img{
	position: absolute;
	top: 15px;
	left: 0;
}
.men_photo{
	width: 56px;
	height: 56px;
}
.men_photo .img_link,.men_photo .img_link img{
	max-width: 56px;
}
.men_photo_box p{
	color: #fff;
	font-size: 15px;
	line-height: 56px;
	margin: 0 0 0 20px;
	letter-spacing: 1px;
}
.member_box{
	position: relative;
	height: 80px;
}
.member_btn{
	background: url(../image/member_btn.png)no-repeat;
	width: 156px;
	height: 80px;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}
.member_btn:hover{
	background: url(../image/member_btn_s.png)no-repeat;
	width: 156px;
	height: 80px;
}
.meb_touch_box{
	padding-top: 10px;
}
.member_box .meb_down_box{
	display: none;
	width: 244px;
	background: rgba(51,51,51,.9);
	padding:29px;
	color: #fff;
	letter-spacing: 1px;
	box-sizing:border-box;
	position: absolute;
	top: 90px;
}

/*.member_box:hover .meb_down_box{
	display: block;
}*/

.member_box .meb_down_box h3{
	margin-bottom: 27px;
}

.font_a{
	text-transform: uppercase;
	color: #fff;
}
.font_b{
	color: #aaa;
}
.log_out{
	background: url(../image/log_out.png)no-repeat;
	width: 32px;
	height: 35px;
}
.log_out:hover{
	background: url(../image/log_out_s.png)no-repeat;
	width: 32px;
	height: 35px;
}

.footer{
	background: url(../image/footer_bg.jpg)repeat-x;
	background-color: #333;
	width: 100%;
}
.web_map{
	height: 110px;
	padding: 55px 0 60px 0;
}
.web_map li{
	list-style: none;
	width: 225px;
	font-size: 14px;
	line-height: 30px;
}
.web_map li a{
	color:#aaa;
	text-decoration:none;
}

.web_map li a:hover{
	color:#ccc;
	text-decoration:none;
}
.email_input input{
	background: #fff;
	border-radius: 3px;
	width: 240px;
	height: 45px;
	margin-right: 15px;
	padding: 0 15px;
	box-sizing:border-box;
}
.fot_ok_btn{
	color: #fff;
	letter-spacing: 1px;
	font-weight: bold;
	background: url(../image/fot_ok_btn.png)no-repeat;
	width: 114px;
	height: 50px;
	margin-right: 10px;
}
.fot_no_btn{
	color: #fff;
	letter-spacing: 1px;
	font-weight: bold;
	background: url(../image/fot_no_btn.png)no-repeat;
	width: 104px;
	height: 50px;
}
.fot_ok_btn:hover{
	background: url(../image/fot_ok_btn_s.png)no-repeat;
}
.fot_no_btn:hover{
	background: url(../image/fot_no_btn_s.png)no-repeat;
}
.youtube_btn{
	letter-spacing: 1px;
	background: url(../image/youtube_btn.png)no-repeat;
	width: 165px;
	height: 49px;
	margin-right: 21px;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;
}


.youtube_btn:hover{
	background: url(../image/youtube_btn_s.png)no-repeat;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}

.fb_btn{
	letter-spacing: 1px;
	background: url(../image/fb_btn.png)no-repeat;
	width: 165px;
	height: 49px;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;
}

.fb_btn:hover{
	background: url(../image/fb_btn_s.png)no-repeat;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}
.copy_right{
	padding-bottom: 45px;
}
.copy_right p{
	line-height: 45px;
	font-size: 14px;
	letter-spacing: 1px;
}
.share_btn a{
	display: inline-block;
	width: 40px;
	height: 45px;
}

.copy_right .share_btn a.fb{
	margin-left: 10px;
	background: url(../image/share_fb.png)no-repeat;
}
.copy_right .share_btn a.google{
	margin-left: 10px;
	margin-top: 1px;
	background: url(../image/share_google.png)no-repeat;
}
.copy_right .share_btn a.twitter{
	margin-left: 10px;
	background: url(../image/share_twitter.png)no-repeat;
}
.copy_right .share_btn a.fb:hover{
	background: url(../image/share_fb_s.png)no-repeat;
}
.copy_right .share_btn a.google:hover{
	background: url(../image/share_google_s.png)no-repeat;
}
.copy_right .share_btn a.twitter:hover{
	background: url(../image/share_twitter_s.png)no-repeat;
}

.warpper{
	width: 100%;
	position: relative;
}
.about{
	width: 100%;
	background: url(../image/about_bg.jpg)no-repeat top center;
	background-color: #e57e00;
}
.ab_top{
	margin-bottom: 60px;
}
.about_p_box{
	position: relative;
	padding-bottom: 220px;
}
.about_p{
	width: 450px;
	color: #fff;
}
.ab_img{
	position: absolute;
	right: -76px;
}
.ab_h1,.ab_allh{
	margin-bottom: 15px;
}
.ab_h1 img{
	margin-bottom: 34px;
}

.ab_allh img{
	margin-bottom: 15px;
}

.register{
	width: 100%;
	background-color: #ebebeb;
	padding-bottom: 100px;
}
.register.search_out{
	padding-top: 80px;
}
.step_1{
	background: url(../image/step1.png)no-repeat;
	width: 900px;
	height: 75px;
	padding: 80px 0 86px 0;
    background-position: 0px 80px;
}
.step_2{
	background: url(../image/step2.png)no-repeat;
	width: 900px;
	height: 75px;
	padding: 80px 0 30px 0;
    background-position: 0px 80px;
}
.step_3{
	background: url(../image/step3.png)no-repeat;
	width: 900px;
	height: 75px;
	padding: 80px 0 30px 0;
    background-position: 0px 80px;
}
.step_4{
	background: url(../image/step4.png)no-repeat;
	width: 900px;
	height: 75px;
	padding: 80px 0 30px 0;
    background-position: 0px 80px;
}
.register_info{
	/*padding: 40px 40px;*/
	box-sizing:border-box;
	color: #555;
}
.register_info_2.register_info{
	padding: 40px 40px;
	box-sizing:border-box;
	color: #555;
	border-radius: 5px;
	background: #fff;
}
.register_info h1{
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	color: #454545;
	margin-bottom:34px;
}
.register_info .info_box{
	background: #fff;
	padding: 24px;
	width: 100%;
	border: 1px solid #dddddd;
	box-sizing:border-box;
	margin: 34px 0 30px 0;
}
.register_info .info_box_2{
	background: #fff;
	padding: 35px;
	width: 100%;
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.1);
	box-sizing:border-box;
	margin: 34px 0 30px 0;
}
.register_info .info_box_2 .in_txt,
.forgot_pw_1 .in_txt,
.forgot_pw_1 .in_txt_2{
	padding:30px 40px 50px 40px;
	box-sizing:border-box;
	border: 1px solid #ddd;
}
.forgot_pw_1 .in_txt_2{
	padding: 8px 20px;
}
.register_info .info_box .over_scroll{
	height: 225px;
	overflow-y: scroll;
}
.register_info .info_box h2{
	font-size: 18px;
	margin-bottom: 10px;
}
.check_box{
	background: #fff;
	padding: 15px 24px;
	width: 100%;
	border: 1px solid #dddddd;
	box-sizing:border-box;
}
.check_box input{
	margin: 6px 15px 0 0;
}
.register_info button.member_login{
	background: url(../image/member_login.png)no-repeat;
	width: 175px;
	height: 50px;
	margin-right: 27px;
	margin-top: 30px;
}
.register_info button.previous_btn{
	background: url(../image/previous_btn.png)no-repeat;
	width: 175px;
	height: 50px;
	margin-right: 27px;
	margin-top: 30px;
}
.register_info button.start_play{
	background: url(../image/start_play.png)no-repeat;
	width: 175px;
	height: 50px;
	margin-right: 27px;
	margin-top: 30px;
}
.register_info button.next{
	background: url(../image/next.png)no-repeat;
	width: 175px;
	height: 50px;
	margin-top: 30px;
}
.register_info button.member_login:hover{
	background: url(../image/member_login_s.png)no-repeat;
}
.register_info button.next:hover{
	background: url(../image/next_s.png)no-repeat;
}
.register_info .info_box_2 .in_txt .w_460 input,.register_info .info_box_2 .in_txt .w_210 input{
	width: 460px;
	height: 40px;
	border: 1px solid #ddd;
	padding: 0 15px;
	box-sizing:border-box;
}
.register_info .info_box_2 .in_txt .w_460 p,.register_info .info_box_2 .in_txt .w_210 p{
	margin-bottom: 3px;
}
.register_info .info_box_2 .in_txt .w_210 input{
	width: 210px;
	margin-right: 20px;
}
.register_info .info_box_2 .in_txt {
	margin-bottom:30px;
}
.some_pos_rel.in_txt{
	position: relative;
}
.txt_switching.in_txtswitch{
	position: absolute;
	right: 0px;
	top: 55px;
}
.txt_switching.in_txtswitch p{
	width: 160px;
}
.boy_hao,.boy_zhong,.gril_ni,.gril_wen{
	height: 75px;
	line-height: 75px;
}
.boy_hao{
	background: url(../image/boy_hao.png)no-repeat;
	padding-left: 90px;
}
.boy_zhong{
	background: url(../image/boy_zhong.png)no-repeat right;
	padding-right: 90px;
}
.gril_ni{
	background: url(../image/gril_ni.png)no-repeat;
	padding-left: 90px;
}
.gril_wen{
	background: url(../image/gril_wen.png)no-repeat right;
	padding-right: 90px;
}
.role_choese{
	position: absolute;
    top: 160px;
    right: 25px;
}
.role_choese_2{
	margin: 40px 0;
}
.role_choese .choese,
.role_choese_2 .choese{
	margin: 20px 15px 0 10px;
}

.game_1,.read_det{
	width: 100%;
	background: url(../image/game_1_bg.png)no-repeat top center;
	background-color: #ebebeb;
	padding-bottom: 100px;
}
.read_det{
	background: url(../image/read_det_bg.jpg)no-repeat;
	background-color: #218e2e;
	padding-bottom: 0px;
	position: relative;
	z-index: 1;
}
.game1_top_title_1,.read_title{
	width: 100%;
	padding: 40px 0;
	box-sizing:border-box;
	background-color: #222;
	position: relative;
	z-index: 0;
}
.read_title {
	padding: 20px 0;
	box-sizing:border-box;
}
.game_1_box{
	padding-top:86px;
}

.game_1_box .title{
	padding:8px 15px 0px 15px;
	border-radius: 5px;
	background-color: #f5a23d;
	box-shadow:0px 4px 5px rgba(236,125,33,1)inset;
	margin-bottom: 20px;
	line-height: 50px;
	display: inline-block;
}
.game_1_box .title h1{
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}
.game_1_box .title h1 span{
	font-size: 50px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}
.question_box.img_box{
	width: 410px;
	height: 492px;
}
.question_box .img_link,
.question_box img{
	max-width: 410px;
}
.game_1_box .answer_box{
	padding-top: 69px;
	margin-left: 70px;
	width: 420px;
}
.game_1_box .answer_box .square_box{
	width: 130px;
	height: 130px;
	border: 3px solid #6dd1ea;
	box-shadow:0px 0px 10px rgba(0,0,0,.2);
	background-color: #fff;
	position: relative;
	z-index: 0;
	box-sizing:border-box;
	margin-right: 15px;
	margin-bottom: 30px;
	line-height: 130px;
	text-align: center;
	color: rgba(157,226,243,.43);
	font-size: 60px;
	font-weight: bold;
}
.bluex_line{
	display: block;
	background:url(../image/answer_top.png)no-repeat top center;
	width: 130px;
	height: 130px;
	position: absolute;
	z-index: 0;
	top: 0;
	left: -1px;
}
/*.game_1_box .answer_box .square_box:after{
	content:url(../image/answer_top.png);
	width: 130px;
	height: 130px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}*/
.square_box.or_btn .btn_now,
.square_box.g_btn .btn_now,
.square_box.b_btn .btn_now{
    color: #fff;
    font-weight: bold;
    font-size: 50px;
    position: relative;
    z-index: 5;
    background: url(../image/or_btn.png)no-repeat;
    background-position: center;
}
.square_box.or_btn .btn_now{
	background: url(../image/or_btn.png)no-repeat;
}
.square_box.g_btn .btn_now {
    background: url(../image/g_btn.png)no-repeat;
}
.square_box.b_btn .btn_now {
    background: url(../image/b_btn.png)no-repeat;
}
/*
.square_box.color01 .btn_now{
	background: url(../image/color01.png)no-repeat;
}
.square_box.color02 .btn_now {
    background: url(../image/color02.png)no-repeat;
}
.square_box.color03 .btn_now {
    background: url(../image/color03.png)no-repeat;
}
.square_box.color04 .btn_now{
	background: url(../image/color04.png)no-repeat;
}
.square_box.color05 .btn_now {
    background: url(../image/color05.png)no-repeat;
}
.square_box.color06 .btn_now {
    background: url(../image/color06.png)no-repeat;
}
.square_box.color07 .btn_now{
	background: url(../image/color07.png)no-repeat;
}
.square_box.color08 .btn_now {
    background: url(../image/color08.png)no-repeat;
}*/
.hidden_box p{
	margin-top: -8px;
}

.game_1_box .answer_box .square_box:last-child{
	margin-right: 0;
}
.game_1_box .answer_box .square_box.b_btn,  .game_1_box .answer_box .square_box.g_btn{
	background-position: center;
}

.game_1_box .answer_box .g_btn,
.b_btn,.or_btn{
	position: relative;
	z-index: 3;
}
.game_1_box .answer_box .answer_btn{
	margin-top: 55px;
}
.game_1_box .answer_box .answer_btn div{
	margin-right:10px;
	margin-bottom: 8px;
}
.game_1_box .answer_box .answer_btn div:nth-child(4n+4){
	margin-right:0px;
}
.g_btn,.b_btn,.or_btn,
.color01,.color02,.color03,.color04,
.color05,.color06,.color07,.color08{
	width: 95px;
	height: 100px;
	color: #fff;
	font-weight: bold;
	font-size: 50px;
	line-height: 100px;
    text-align: center;
    cursor: pointer;
}
.square_box .btn_now{
	color: #fff;
	font-weight: bold;
	font-size: 50px;
    position: relative;
    z-index: 4;
    width: 100%;
    height: 100%;
    line-height: inherit;
}
.game_1_box .answer_box .or_btn{
	position: relative;
	z-index: 4;
}

.g_btn{
	background: url(../image/g_btn.png)no-repeat;
	background-position:center;
}
.b_btn{
	background: url(../image/b_btn.png)no-repeat;
	background-position:center;
}
.or_btn{
	background: url(../image/or_btn.png)no-repeat;
	background-position:center;
}
.color01{ /*紅橘*/
	background: url(../image/color01.png)no-repeat;
	background-position:center;
}
.color02{ /*橘色*/
	background: url(../image/color02.png)no-repeat;
	background-position:center;
}
.color03{ /*淺橘*/
	background: url(../image/color03.png)no-repeat;
	background-position:center;
}
.color04{ /*綠色*/
	background: url(../image/color04.png)no-repeat;
	background-position:center;
}
.color05{ /*淺藍*/
	background: url(../image/color05.png)no-repeat;
	background-position:center;
}
.color06{ /*靛藍*/
	background: url(../image/color06.png)no-repeat;
	background-position:center;
}
.color07{ /*紫色*/
	background: url(../image/color07.png)no-repeat;
	background-position:center;
}
.color08{ /*淺紫*/
	background: url(../image/color08.png)no-repeat;
	background-position:center;
}
.game_033 button{
	margin-right: 15px;
}
.game_033 button:last-child{
	margin-right: 0px;
}
.little_prompt{
	background: url(../image/btn.png)no-repeat;
	width:140px;
	height: 60px;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;
}

.little_prompt:hover{
	background: url(../image/btn_s.png)no-repeat;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;

}


.play_voice{
	width: 120px;
	height: 60px;
	color: #fff;
	padding-left:50px;
	box-sizing:border-box;
	font-size: 21px;
	text-transform: uppercase;
	background: url(../image/play-voice_btn.png)no-repeat;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;
}


.play_voice:hover{
	background: url(../image/play-voice_btn_s.png)no-repeat;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}
.play_pasue{
	width: 120px;
	height: 60px;
	color: #fff;
	padding-left:50px;
	box-sizing:border-box;
	font-size: 21px;
	text-transform: uppercase;
	background: url(../image/pause.png)no-repeat;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;
}
.obbg{
	background: rgba(0,0,0,0.9);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100;	
}

.play_pasue:hover{
	background: url(../image/pauses.png)no-repeat;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}
.obbg .play{
	cursor: pointer;
	background: url(../image/play140.png)no-repeat;
	width: 140px;
	height: 140px;
	position: absolute;
	left: 50%;
	margin-left: -70px;
	top: 50%;
	margin-top: -70px;
}
.obbg .play:hover{
	background: url(../image/play140s.png)no-repeat;
}

.printt{
	width: 120px;
	height: 60px;
	color: #fff;
	padding-left:50px;
	box-sizing:border-box;
	font-size: 21px;
	text-transform: uppercase;
	background: url(../image/printbtn.png)no-repeat;
}

.question_box_p{
	width: 410px;
	padding: 55px 20px;
	box-sizing:border-box;
}
.question_box_p p{
	font-size: 35px;
	line-height: 80px;
}
.answer_line{
	height: 35px;
	display: inline-block;
	border-bottom: 2px solid #888;
}
.long_answer{
	width: 415px;
	border:3px solid #6dd1ea;
	background: #fff;
}
.hidden_box{
	width: 138px;
	height: 110px;
	padding: 15px 29px;
	box-sizing:border-box;
	/*background: #ccc;*/
}

.voice_game{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(204,204,204,.9);
	z-index: 5;
}
.voice_box{
	width:780px;
	/*position: fixed;
	left: 50%;
	margin-left: -390px;*/
	z-index: 5;
	background: url(../image/voice_box.png)no-repeat;
	background-color: #6cb62a;
	padding: 0 0 50px 0;
	box-sizing:border-box;
	border-radius: 8px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	top: 230px;
}
.voice_inpadding{
	padding: 75px 122px 0 122px;
}
.voice_box.wrong_bg{
	background: url(../image/wrong_bg.png)no-repeat;
	background-color: #6073a3;
}
.voice_box.updrade_bg{
	background: url(../image/upgrade.png)no-repeat;
	background-color: #e25332;
	padding-top: 90px;
}
.voice_box.directive_bg{
	width:780px;
	position: fixed;
	z-index: 6;
	left: 50%;
	margin-left: -390px;
	padding: 50px 70px;
	box-sizing:border-box;
	border-radius: 8px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	top: 230px;
	background: none;
	background-color: #fff;
}
.voice_box.grade_bg{
	width:780px;
	position: fixed;
	z-index: 6;
	left: 50%;
	margin-left: -390px;
	box-sizing:border-box;
	border-radius: 8px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	top: 230px;
	background: none;
	background-color: #e23a46;
}
.grade_bg .grade_show{
	position: relative;
	padding: 100px 70px 0px 70px;
	background: url(../image/game_1_02_n_01_03.png) 0px 0px no-repeat;
}
.voice_box.directive_bg.error{
	background: url(../image/oops_bg.png)no-repeat -11px -44px;
    min-height: 240px;
    background-color: #fff;
    font-size: 15px;
    color: #555;
    line-height: 25px;
}
.voice_box.directive_bg .e_h{
	font-size: 18px;
	font-weight: bold;
	color: #555;
	margin-bottom: 10px;
}

.voice_box.directive_bg .e_h span{
	font-size: 18px;
	font-weight: bold;
	color: #e25332;
	text-transform: Uppercase;
	cursor: pointer;
}

.voice_box.directive_bg .e_h span:hover{
	color: #cd221e;
}

.voice_box.directive_bg .game_start_btn{
	margin-top: 30px;
	background: url(../image/game_start_btn.png)no-repeat;
	width: 160px;
	height: 65px;
}
.voice_box.select_level{
	background: url(../image/selsect_level.png)no-repeat;
	background-color: #3375a3;
}
.voice_box.select_level.connect_select{
	background: url(../image/selsect_level.png)no-repeat;
	background-color: #31a977;
}
.voice_box .level_info,.memb_1_box .level_info{
	font-size: 18px;
	line-height: 40px;
	width: 263px;
}

.voice_box .level_info .fraction_number{
	font-size: 25px;
	font-weight: bold;
	color: #fff0f0;
}
.voice_box .level_info .item_1,
.voice_box .level_info .item_2,
.voice_box .level_info .item_3,
.memb_1_box .level_info .item_1,
.memb_1_box .level_info .item_2,
.memb_1_box .level_info .item_3{
	background: url(../image/item_1.png)no-repeat 0px;
	padding-left: 45px;
	color: #fff;
	text-transform: uppercase;
}
.voice_box .level_info .item_2,
.memb_1_box .level_info .item_2{
	background: url(../image/item_2.png)no-repeat 0px;
}
.memb_1_box .level_info .item_2{
	background: none;
	margin:0px;
	padding:0px;
	color: #555;
	font-size: 18px;
}
.voice_box .level_info .item_3,
.memb_1_box .level_info .item_3{
	background: url(../image/item_3.png)no-repeat 0px;
}
.voice_box .level_info .number,
.memb_1_box .level_info .number{
	color: #fff0f0;
	font-weight: bold;
	padding-right: 10px;
}
.memb_1_box .level_info .number{
	font-size: 25px;
	font-weight: bold;
	color: #555;
}
.voice_box .level_img{
	margin-top: 20px;
}
.top_game_1{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 6;
}
.top_game_1.top_game_2{
	width: 100%;
	position: relative;
	z-index: 5;
}

.have_voice{
	margin:30px 0;
	background: #328215;
	box-shadow: 0px 0px 5px rgba(0,0,0,.5) inset;
	padding: 15px 30px;
	border-radius: 8px;
}
.have_voice .audio45{
	background: url(../image/audio45.png)no-repeat;
	width:56px;
	height: 53px;
}
.have_voice p{
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	line-height: 50px;
	margin-left: 80px;
}
.voice_en{
	color: #fff;
	font-size: 25px;
}
.voice_btn{
	margin-top: 30px;
	background: url(../image/voice_btn.png)no-repeat;
	width: 175px;
	height: 50px;
	margin-right: 20px;
}
.voice_btn:hover{
	margin-top: 30px;
	background: url(../image/voice_btn_s.png)no-repeat;
	width: 175px;
	height: 50px;
	margin-right: 20px;
}

.voice_box .next_level{
	margin-top: 30px;
	background: url(../image/nex_level.png)no-repeat;
	width: 160px;
	height: 65px;
	margin-right: 20px;
}
.voice_box .next_level:hover{
	margin-top: 30px;
	background: url(../image/nex_level_s.png)no-repeat;
	width: 160px;
	height: 65px;
	margin-right: 20px;
}
.voice_box .next_level.now{
	margin-top: 30px;
	background: url(../image/nex_level_k.png)no-repeat;
	width: 160px;
	height: 65px;
	margin-right: 20px;
	cursor: default;
}
.voice_box .back_to_list{
	margin-top: 30px;
	background: url(../image/back_to_list.png)no-repeat;
	width: 216px;
	height: 65px;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;
}

.voice_box .back_to_list:hover{
	background: url(../image/back_to_list_s.png)no-repeat;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;

}


.voice_box .center button{
	margin-right: 20px;
}
.voice_box .center button:last-child{
	margin-right: 0;
}
.game_1_box .answer_box .square_box_2{
	width: 95px;
	height: 100px;
	border: 3px solid #6dd1ea;
	/*box-shadow:0px 0px 5px rgba(0,0,0,.2);*/
	background-color: #fff;
	position: relative;
	z-index: 0;
	box-sizing:border-box;
	margin-right: 5px;
	margin-bottom: 30px;
	text-align: center;
	font-size: 60px;
}

.game_1_box .answer_box .square_box_2:after{
	content:url(../image/answer_top_s.png);
	width: 95px;
	height: 100px;
	position: absolute;
	top: 0;
	left: -1px;
}
.directive_info{
	width: 375px;
	margin-top: 60px;
}
.directive_info .title{
	font-size: 24px;
	color: #000;
	font-weight: bold;
}
.directive_info .title_2{
	font-weight: bold;
	margin: 30px 0 15px 0;
	color: #e25332;
	font-size: 18px;
	background: url(../image/item_4.png)no-repeat;
	padding-left: 30px;
	line-height: 23px;
}
.voice_box.select_level .one{
	position: relative;
	width: 132px;
	margin-right: 70px;
}
.voice_box.select_level .one:last-child{
	margin-right: 0;
}
.voice_box.select_level .one span.lock_icon{
	display: block;
	position: absolute;
	top:11px;
	left:11px;
	width:116px;
	height:116px;
	background: url(../image/lock_icon.png)no-repeat;
}
.voice_box.select_level .one{
	margin-top: 40px;
}
.voice_box.select_level .one p.title{
	font-size:18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	margin-top: 26px;
}
.voice_box.select_level .one.two p.title{
	color: #76abd0;
}
.voice_box.select_level .one p.title span{
	font-size: 30px;
}
.voice_box.select_level .back_to_list_or{
	margin-top: 30px;
	background: url(../image/back_to_list_or.png)no-repeat;
	width: 160px;
	height: 65px;
}

.vocabulary{
	width: 100%;
	background: url(../image/vocabulary_bg.jpg)no-repeat top center;
    background-color: #c01c14;
    padding-bottom: 100px;
    overflow-x: hidden;
}
.connect_dot{
	width: 100%;
	background: url(../image/connect_the_bg.jpg)no-repeat top center;
    background-color: #31a977;
    padding-bottom: 100px;
    overflow-x: hidden;
}


.vocabulary .title,
.reading_yourself .title{
	width:1091px;
	height: 220px;
	margin: 0 auto;
	padding: 148px 0 55px 0;
}
.type_word .title{
	width:1111px;
	height: 232px;
	margin: 0 auto;
	padding: 140spx 0 55px 0;
}
.connect_dot .title{
	width:1111px;
	height: 227px;
	margin: 0 auto;
	padding: 148px 0 55px 0;
}

.reading_yourself .title{
	width: 944px;
	margin: 0 auto;
}
.connect_dot .connect_dot_box h1,.vocabulary .vocabulary_box h1,
.reading_yourself .reading_yourself_box h1,.type_word h1{
	color: #fff;
	font-weight: bold;
	font-size: 25px;
	line-height: 50px;
}
.connect_dot_box button.reset,.vocabulary_box button.reset,
.reading_yourself_box button.reset,.type_word button.reset{
	width: 115px;
	height: 50px;
	background: url(../image/reset.png)no-repeat;
}


.class_box{
	width: 900px;
	/*height: 170px;*/
	margin: 20px 0 10px 0;
}
.class_box .class_one{
	position: relative;
	width: 295px;
	min-height: 80px;
	line-height:30px;
	/*border-radius: 5px;*/
	padding: 20px;
	box-sizing:border-box;
	line-height: 40px;
	background: #fff;
	margin-right: 2.5px;
	margin-left: 2.5px;
	margin-bottom: 5px;
	box-shadow: 0px 2px 3px rgba(0,0,0,.5);
	cursor: pointer;
	
}
.class_box .class_one:nth-child(5n-2){
	margin-right: 0;
}
.class_box .class_one p{
	font-size: 21px;
	line-height: 30px;
	color: #333;
}
.class_box .class_one .g_name{
	margin-right: 70px;
}
.class_box .class_one .fright_part{
	position: relative;
	width: 70px;
	height: 100%;
}
.class_box .class_one p.number,
.class_box .class_one p.pass_icon,
.class_box .class_one p.new_icon{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0px;
	right: 0px;
}
.class_box .class_one.pass .pass_icon{
	width:61px;
	height: 64px;
	background: url(../image/pass.png) 50% 50% no-repeat;
	top:50%;
	margin-top: -32px;
}
.class_box .class_one.pass .new_icon{
	width:57px;
	height: 31px;
	background: url(../image/new.png) 50% 50% no-repeat;
	top:50%;
	margin-top: -15px;
}
.class_box .class_one p.number{
	text-align: right;
	color: #f5a23d;
}

.class_box .class_one.now{
	background: #f5873d;

}
.class_box .class_one.now p{
	color: #fff;
}
.class_box .class_one:hover{
	background: #f5873d;
	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.class_box .class_one:hover p{
	color:#fff;
}
.box_980{ width: 980px; margin: 0 auto; }
.pad_35{ padding: 0px 35px; -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box; }
.dot_w{
	background: url(../image/dot_w_b.png)no-repeat;
	width: 21px;
	height: 22px;
	margin-right: 30px;
}
.dot_w:hover,.dot_w.now,.dot_w.dot_blue.now,.dot_blue:hover{
	background: url(../image/dot_w_a.png)no-repeat;
}
.dot_w:last-child,.dot_blue:last-child{
	margin-right: 0;
}
.class_box2{
	background: #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	padding: 56px 37px 31px 37px;
	margin-top: 10px;
}
.class_2_title{
	margin-bottom:20px;
}
.class_2_title h2{
	font-size: 30px;
	color: #333;
	margin-right: 350px;
	font-weight: bold;
}
.reading_yourself_box .class_2_title h2{
	margin-right: 0px;
}
	
}
.class_2_title p span{
	font-size: 21px;
	font-weight: bold;
}
.class_2_title p{
	color: #e92c00;
	font-weight: bold;
}
.class_2_title .right_part p{
	text-align: right;
	font-size: 15px;
}
.progress_box p{
	font-weight: normal;
	color:#555;
}
.progress_box .bar{
	position: relative;
	width:270px;
	height: 25px;
	margin: 0px 55px 0px 35px;
	background: url(../image/progressbar.png) 0px 50% no-repeat;
}
.progress_box .bar .show{
	background: #ffad2c;
	position: absolute;
	left: 0px;
	top: 7px;
	border-radius: 6px;
	height: 10px;
	border:1px solid #ff6000;
	padding:1px 0px;
}
.progress_box .bar .show .org{
	background: #ff7600;
	border-radius: 6px;
	height: 100%;
	width: 100%;
}
.lesson_box{
	margin-top: 30px;
}
.lesson_box:first-child{
	margin-top: 0px;
}
.lesson_box li.lesson{
	transition:background 1s;
	-webkit-transition:background 1s;
	-moz-transition:background 1s;
	-o-transition:background 1s;
	cursor: pointer;
	width: 396px;
	min-height: 115px;
	box-sizing:border-box;
	position: relative;
	background: url(../image/card_top.jpg) 0px 0px no-repeat;
	background-color: #fff;
	padding: 7px 0px 0px 0px;
	margin-bottom: 25px;
}
.lesson_box li.lesson .middle{
	position: relative;
	z-index: 2;
	padding:10px 20px 20px 20px;
}
.lesson_box li.lesson .bottom{
	transition:background 1s;
	-webkit-transition:background 1s;
	-moz-transition:background 1s;
	-o-transition:background 1s;
	z-index: 1;
	height: 108px;
	width: 100%;
	position: absolute;
	bottom:0px;
	left: 0px;
	background: url(../image/card_bottom.jpg) center bottom no-repeat;
}
.lesson_box li.lesson .middle .lv_show{
	margin-bottom: 20px;
}
.lesson_box li.lesson .middle .lv_show p{
	font-size: 15px;
	color: #888888;
	padding-left: 28px;
	background: url(../image/tick_blank.png) 0px 50% no-repeat;
}
.lesson_box li.lesson .middle .lv_show p.pass{
	background: url(../image/tick-inside-circle.png) 0px 50% no-repeat;
}
.lesson_box li.lesson .middle .lv_show p:last-child{
	background: none;
	padding-left: 30px;
}
.lesson_box li.lesson .middle .lv_show p:last-child span{
	color:#ffad2c;
}
.lesson_box li.lesson .middle .vip{
	width: 71px;
	height: 71px;
	background: url(../image/orange_big_ribbon.png) 0px 0px no-repeat;
	position: absolute;
	top: -11px;
	right: -4px;
}
.lesson_box li.lesson:hover{
	transition:background 1s;
	-webkit-transition:background 1s;
	-moz-transition:background 1s;
	-o-transition:background 1s;
	background: url(../image/card_top_s.jpg) 0px 0px no-repeat;
	background-color: #ecf2f5;
}
.lesson_box li.lesson:hover .bottom{
	transition:background 1s;
	-webkit-transition:background 1s;
	-moz-transition:background 1s;
	-o-transition:background 1s;
	background: url(../image/card_bottom_s.jpg) center bottom no-repeat;
}
.lesson p{
	font-weight: bold;
	display: inline-block;
	color: #333;
	font-size: 18px;
}

.lesson a.go_icon {
	cursor:pointer;
	position: absolute;
	top: 9px;
	right: 15px;
	opacity: 0;
	display: inline-block;
	background: url(../image/go_icon.png)no-repeat;
	width: 50px;
	height: 39px;
	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.lesson_box li.lesson:hover a.go_icon{
	opacity: 1;
}
.lesson a.circle_with {
	cursor:pointer;
	position: absolute;
	top: 14px;
	right: 0px;
	opacity: 0;
	display: inline-block;
	background: url(../image/circle_with.png)no-repeat;
	width: 50px;
	height: 39px;
	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.lesson_box li.lesson:hover a.circle_with{
	opacity: 1;
}
.lesson_box_ul{
	margin-right: 15px;
}
.lesson_box_ul:last-child{
	margin-right: 0;
}
.login_top{
	position: fixed;
	width: 100%;
	height: 100%;
	/*background: rgba(204,204,204,.9);*/
	z-index: 6;
	box-shadow: 0px 0px 3px rgab(0,0,0,.9)no-repeat;
}
.pop_box{
	position: absolute;
	/*top: 50%;
	margin-top: -237px;
	left: 50%;
	margin-left: -250px;*/
	text-align:center;
	padding:50px 0;
	box-sizing:border-box;
	width: 1013px;
	background: url(../image/Please_login_signup_1_03.png)no-repeat;
	background-color: #fff;
	border-radius: 8px;

}
.t_member_pic .pic{
	width:51px;
	height: 51px;
	box-sizing:border-box;
	border-radius: 25px;
	border:3px solid #f5a23d;
	overflow:hidden;
}
.t_member_pic .pic img{
	max-width: 45px;
	max-height: 45px;
	border-radius: 25px;
}
.member_lv{
	position: relative;
	border-radius: 5px;
	background: #212121;
	padding:5px;
	color:#fff;
	font-size: 13px;
	margin:10px 0px 0px 130px;
}
.member_lv .light{
	width: 160px;
	height: 65px;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -80px;
	background: url(../image/light.png) 0px 0px no-repeat;
}
.member_lv span{
	color: #f5a23d;
	margin-left: 5px;
}
.member_lv .level_up{
	display: none;
	position: absolute;
	top: 75px;
	left: 0px;
	background: url(../image/game_1_02_n_023.png) 0px 0px no-repeat;
	width:262px;
	height:160px;
}
.pop_box .left_part{
	width:50%;
}
.pop_box .right_part{
	width:50%;
}
.pop_box.contact{
	height: auto;
	position: absolute;
	top: 40px;
	margin-top: 0;
}
.pop_box p.title{
	font-size: 40px;
	font-weight: bold;
	color: #333;
	margin-bottom:40px;
	text-transform: uppercase;
}
.pop_box p.txt{
	color: #555;
}
.pop_box .input_box p{
	text-align: left;
}
.pop_box .input_box.message input{
	height: 160px;
}
.pop_box .input_box{
	width: 280px;
	color: #555;
	font-size: 16px;
	margin: 10px auto;
}
.pop_box .input_box input{
	border: 1px solid #ddd;
	margin: 0 auto;
	width: 280px;
	height: 40px;
	box-sizing:border-box;
}
.pop_box .input_box textarea{
	border: 1px solid #ddd;
	margin: 0 auto;
	width: 280px;
	height: 100px;
	box-sizing:border-box;
}
.login_top.login_top_sha{
	box-shadow: 0px 2px 2px rgba(0,0,0,1);
}
.reset{
	background: url(../image/actualize.png)no-repeat;
	width: 22px;
	height: 23px;
}
.send_mail{
	background: url(../image/send_email.png)no-repeat;
	width: 160px;
	height: 66px;
	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.send_mail:hover{
	background: url(../image/send_email_s.png)no-repeat;
	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.subscribe{
	background: url(../image/subscribe.png)no-repeat;
	width: 134px;
	height: 65px;
	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.subscribe:hover{
	background: url(../image/subscribe_s.png)no-repeat;
	width: 134px;
	height: 65px;
	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.unsubscribe{
	background: url(../image/unsubscribe.png)no-repeat;
	width: 134px;
	height: 65px;
	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.unsubscribe:hover{
	background: url(../image/unsubscribe_s.png)no-repeat;
	width: 134px;
	height: 65px;
	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.email_input .service_courier{
	background: url(../image/service_courier.png)no-repeat;
	width: 165px;
	height: 47px;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;
}


.email_input .service_courier:hover{
	background: url(../image/service_courier_s.png)no-repeat;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
	

}
.or_p{
	display: block;
	margin:20px 0;
	color:#f68700;
	text-decoration: underline;
}
.login{
	background: url(../image/login_btn.png)no-repeat;
	width: 160px;
	height: 66px;
}
.pop_box .google_btn{
	margin-bottom: 10px;
	width: 255px;
	height: 65px;
	background: url(../image/google_btn.png)no-repeat;
}
.pop_box .login_fb_btn{
	margin: 10px 0;
	width: 255px;
	height: 65px;
	background: url(../image/login_fb_btn.png)no-repeat;
}
.pop_box .new_account_btn{
	margin: 20px 0;
	width: 255px;
	height: 65px;
	background: url(../image/new_account_btn.png)no-repeat;
}

.memb_1{
	width: 100%;
	background: #ebebeb;
}
.memb_top{
	width: 100%;
	background-image:url(../image/ggg_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom center;
	border-bottom: 2px solid #fff;
	padding-top: 80px;
}
.memb_top .border{
	display: block;
	border-bottom: 2px solid #bbb;
}
.meb_tab_1,.meb_tab_2,.meb_tab_3,.meb_tab_4,.meb_tab_4_2{
	float: left;
	cursor: pointer; 
}
.meb_tab_1{
	background: url(../image/meb_01_s.png)no-repeat bottom center;
	width: 200px;
	height: 65px;
	margin-right:30px;
}
.meb_tab_2{
	background: url(../image/meb_02_s.png)no-repeat bottom center;
	width: 200px;
	height: 65px;
	margin-right:30px;
}
.meb_tab_3{
	background: url(../image/meb_03_s.png)no-repeat bottom center;
	width: 200px;
	height: 65px;
	margin-right:30px;
}
.meb_tab_4{
	background: url(../image/payment_his_03.png)no-repeat bottom center;
	width: 200px;
	height: 65px;
}

.meb_tab_4_2{
	background: url(../image/meb_04_s.png)no-repeat bottom center;
	width: 200px;cursor: pointer;
	height: 65px;
}




.meb_tab_1.now,.meb_tab_1:hover{
	background: url(../image/meb_01.png)no-repeat bottom center;
	width: 200px;
	height: 65px;
	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.meb_tab_2.now,.meb_tab_2:hover{
	background: url(../image/meb_02.png)no-repeat bottom center;
	width: 200px;
	height: 65px;
	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.meb_tab_3.now,.meb_tab_3:hover{
	background: url(../image/meb_03.png)no-repeat bottom center;
	width: 200px;
	height: 65px;
	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}


.meb_tab_4.now,.meb_tab_4:hover{
	background: url(../image/payment_his_03-05.png)no-repeat bottom center;
	width: 200px;
	height: 65px;

	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}


.meb_tab_4_2.now,.meb_tab_4_2:hover{
	background: url(../image/meb_04.png)no-repeat bottom center;
	width: 200px;
	height: 65px;
	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}

.memb_1_box{
	display: block;
	background-image: url(../image/membership_1_03.png);
	background-repeat: no-repeat;
	position: relative;
	z-index: 2;
	padding: 80px 230px 70px 190px;
}
.memb_1_top_bg{
	margin-top: 50px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+91,e0e0e0+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 91%, #e0e0e0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 91%,#e0e0e0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 91%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */


	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}

.memb_1_box .level_info .title_name{
	font-size: 36px;
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
}
.memb_1_box .level_info .item_1{
	background: none;
	color: #555;
	padding:0px;
	margin-top: 15px;
}

.mem4_table tr:first-child td{
	font-size: 16px;
	height: 40px;
	background: #F5A13B;
	color: #FFF;
	border: none;
	font-weight: bold;
}
.mem4_table tr:first-child td:last-child{
	background: #F5A13B;
	-webkit-border-top-right-radius: 5px;
	        border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	        border-bottom-right-radius: 5px;

}
.mem4_table {
	margin-bottom: 40px;
}

.mem4_table .canclebt{
	width: 150px;
	height: 36px;
	font-size: 16px;
	text-align: center;
	background: #51B93C;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	color: #FFF;
	border-bottom:3px solid #157e00;
}
.mem4_table .canclebt:hover{

	background: #157e00;
	border-top:1px solid #0c4b00;
}


.mem4_table td .orange{
	color: #F5A13B;
	font-size: 18px;
	margin-bottom: 0;
}
.mem4_table td {
	text-align: center;
	padding: 8px 10px;
	border-bottom: 1px solid #dddddd;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.mem4_table tr:first-child td:first-child{
	background: #F5A13B;
	-webkit-border-top-left-radius: 5px;
	        border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	        border-bottom-left-radius: 5px;

}
.mem4_table tr td:first-child{
	   text-align: left;
}
.someone_info_box .page{
	padding: 0px;
}
.someone_info_box .page_number{
	background: #555;
	color: #FFF;
}

.someone_info_box .page_next{
	background: url(../image/nexb.png)no-repeat right;
}

.someone_info_box .page_pre{
	background: url(../image/nexp.png)no-repeat right;
}
.someone_info_box{
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 6px rgba(0,0,0,.3);
	padding: 40px;
	box-sizing:border-box;
	margin-top: 50px;
}
.someone_info_box .page_number.now, .someone_info_box .page_number:hover{
	background: #FF8400;
	color: #FFF;
}

.someone_info_box.in_txt_some{
	background: none;
	box-shadow: none;
	padding: 0;
	margin-top: 0;
}
.someone_info_box h1{
	font-size: 24px;
	color: #454545;
	font-weight: bold;
	margin-bottom: 25px;
	text-transform:uppercase;
}
.someone_title_info{
	font-size: 15px;
	color: #555;
}
.account_mail{
	color: #555;
	margin: 40px 0 20px 0;
}
.someone_info_box input{
	border: 1px solid #ddd;
	height: 40px;
	width: 180px;
	line-height: 40px;
	padding: 0 15px;
	box-sizing:border-box;
}
.someone_info_box p{
	margin-bottom: 3px;
}
.someone_info_box .input_1{
	margin:10px 20px 0 0;
}
.someone_info_box .input_2{
	margin-top: 10px;
}
.someone_info_box .input_2 input.w_45{
	width: 45px;
}
.someone_info_box .input_2 input.w_280{
	width: 280px;
}
.someone_info_box .input_1 select.gender{
	border: 1px solid #ddd;
	height: 40px;
	width: 180px;
	line-height: 37px;
	padding: 0 15px;
	box-sizing:border-box;
	background: url(../image/down.png)no-repeat 155px 16px;
	 -webkit-appearance: none;

}
.txt_switching{
	font-weight: bold;
	line-height: 22px;
	margin: 30px 0px 20px 0;
}
.txt_switching p:first-child{
	text-align: right;
}
.txt_switching img{
	margin: 0 10px;
	cursor: pointer;
}
.store_modify{
	background: url(../image/store_modify.png)no-repeat;
	width: 175px;
	height: 50px;
}
.fill_in_again{
	background: url(../image/fill_in_again.png)no-repeat;
	width: 175px;
	height: 50px;
	margin-right: 15px;
}
.yesorno_out{
	margin: 40px 0 20px 0;
	line-height: 36px;
}
.yesorno{
	margin-left: 20px;
}
.yesorno img{
	margin: 0 15px;
	cursor: pointer;
}
.someone_info_box .input_3 input{
	width: 379px;
}
.someone_info_box .input_3{
	margin-top: 15px;
}
.news{
	width: 100%;
	background: url(../image/news_bg.jpg)no-repeat top center;
	background-color: #3270a5;
}
.new_info_box{
	padding: 60px 50px;
	box-sizing:border-box;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,.5);
	color: #555;
	line-height: 25px;
	font-size: 15px;
}

.new_info_box h1{
	font-size: 30px;
	color: #3270a5;
	margin-bottom: 25px;
	font-weight: normal;
	letter-spacing: 0;
}
.p_blue_bg{
	padding: 8px 20px;
	color: #fff;
	/*font-weight: bold;*/
	font-size: 18px;
	background: #3270a5;
}
.p_gray_bg{
	padding: 8px 20px;
	color: #fff;
	/*font-weight: bold;*/
	font-size: 18px;
	background: #9c9c9c;
	text-transform: uppercase;
}
.share_p{
	font-size: 13px;
	line-height: 41px;
	margin-right: 20px;
	letter-spacing: 0;
}
.share_link a{
	display: block;
	width: 36px;
	height: 41px;
	margin-right:15px;
}
.share_link .fb_a{
	background:url(../image/fb.png)no-repeat;
}
.share_link .go_a{
	background:url(../image/go.png)no-repeat;
}
.share_link .tw_a{
	margin-right: 0;
	background:url(../image/tw.png)no-repeat;
}
.news .out_box{
	padding: 118px 0;
}
.adite_txt p{
	line-height: 23px;
	color: #555;
	font-size: 15px;
	letter-spacing: 0;
	margin: 30px 0;
}
.forgot_pw_out{
	background: #ebebeb;
	padding: 90px 0;
}
.forgot_pw_1{
	padding: 60px 40px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}
.forgot_pw_1 h1{
	font-size: 24px;
	font-weight: bold;
	color: #454545;
	background: url(../image/password19.png)no-repeat;
	padding-left: 90px;
	line-height: 75px;
}
.forgot_title{
	margin: 15px 0 25px 0;
}
/*Vicky Start */
.forgot_pw_1 .in_txt_3{
	padding:30px 40px 40px 40px;
	box-sizing:border-box;
	border: 1px solid #ddd;
}
.forgot_pw_1 h2{
	font-size: 18px;
	font-weight: bold;
	color: #454545;
	margin-bottom: 10px;
}

.forgot_pw_out button.next{
	background: url(../image/next.png)no-repeat;
	width: 175px;
	height: 50px;
	margin-top: 30px;
}

.forgot_pw_out button.next:hover{
	background: url(../image/next_s.png)no-repeat;
}

.forgot_pw_out button.cancel{
	background: url(../image/fill_in_again.png)no-repeat;
	width: 175px;
	height: 50px;
	margin-top: 30px;
}

.forgot_pw_out .input_box input{
	border: 1px solid #ddd;
	margin: 0 auto;
	width: 100%;
	height: 40px;
	box-sizing:border-box;
}
/*Vicky End */
.top_sky{
	width: 100%;
	background: url(../image/ind_top_bg.png)repeat-x;
	position: relative;
	background-color:#ededed;
	z-index: 2;
	overflow: hidden;
	padding-bottom: 100px;

}
.cloud_group{
	width: 100%;
	height: 861px;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: -1;
 }
.cloud{
	display: block;
	position: absolute;
}
.img_w_01{
	background: url(../image/img_w_01.png)no-repeat;
	width: 266px;
	height: 110px;
	left: 50%;
	top: 178px;
	margin-left: -1214px;
}
.img_w_02{
	background: url(../image/img_w_02.png)no-repeat;
	width: 266px;
	height: 82px;
	left: 50%;
	top: 146px;
	margin-left: -850px;
}
.img_w_03{
	background: url(../image/img_w_03.png)no-repeat;
	width: 161px;
	height: 60px;
	left: 50%;
	top: 335px;
	margin-left: -945px;
}
.img_w_01_1{
	background: url(../image/img_w_01_1.png)no-repeat;
	width: 298px;
	height: 105px;
	left: 50%;
	top: 178px;
	margin-left: 1214px;
}
.img_w_02_2{
	background: url(../image/img_w_02_2.png)no-repeat;
	width: 183px;
	height: 76px;
	left: 50%;
	top: 146px;
	margin-left: 650px;
}
.img_w_03_3{
	background: url(../image/img_w_03_3.png)no-repeat;
	width: 202px;
	height: 71px;
	left: 50%;
	top: 335px;
	margin-left: 845px;
}
.earth{
	width: 980px;
	margin: 0 auto;
	background: url(../image/earth.png)no-repeat center bottom;
	width: 622px;
	height: 616px;
	padding-top: 145px;
	position: relative;
	z-index: 10;
}
.blue_line{
	width: 100%;
	overflow: hidden;
	height: 193px;
	background: url(../image/blue_line.png)no-repeat center;
	position: absolute;
	bottom: 90px;
}
.sun{
	background: url(../image/sun.png)no-repeat;
	width: 240px;
	height: 240px;
	position: absolute;
	left: 50%;
	margin-left: -120.5px;
	top:-135px;
}
.men_all{
	width: 583px;
	height: 350px;
	position: absolute;
	left: 50%;
	margin-left: -291.5px;
	top: 70px;
}
.nihao_en{
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: -212px;
}
.nihao_en .en_1{
	position: absolute;
	z-index: 1;
}
.nihao_en .en_2{
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: 2px;
	z-index: 0;
}
.nihao_ch{
	position: absolute;
	top: 350px;
    left: 50%;
    margin-left: -217px;
    z-index: 3;
}
.nihao_ch .ch_1{
	position: absolute;
	z-index: 1;
}
.nihao_ch .ch_2{
	position: absolute;
	z-index: 0;
	top: 8px;
	left: 8px;
}
.line_01{
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -310px;
	z-index: -1;
}
.line_01 .line_01_a{
	position: absolute;
	top: 0;
	left: -90px;
}
.line_01 .line_01_b{
	position: absolute;
	top: 140px;
	z-index: -1;
}
.line_02{
	position: absolute;
	top: 336px;
	left: 50%;
	margin-left: -355px;
	z-index: -1;
}
.line_02 .line_02_a{
	position: absolute;
	top: 0;
	left: -90px;
}
.line_02 .line_02_b{
	position: absolute;
	top: 102px;
	z-index: -1;
}
.line_03{
	position: absolute;
	top: 535px;
	left: 50%;
	margin-left: -288px;
	z-index: 11;
}
.line_03 .line_03_a{
	position: absolute;
	top: 0;
	left: -90px;
}

.line_04{
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: 285px;
	z-index: -1;
}
.line_04 .line_04_a{
	position: absolute;
	top: 0;
	left: 0px;
}
.line_04 .line_04_b{
	position: absolute;
	top: 130px;
	left: -35px;
	z-index: -1;
}
.line_05{
	position: absolute;
	top: 332px;
	left: 50%;
	margin-left: 279px;
	z-index: 11;
}
.line_05 .line_05_a{
	position: absolute;
	top: 0;
	left: 0px;
}
.line_05 .line_05_b{
	position: absolute;
	top: 49px;
	left: 21px;
	z-index: -1;
}
.line_06{
	position: absolute;
	top: 535px;
	left: 50%;
	margin-left: 260px;
	z-index: 11;
}
.line_06 .line_06_a{
	position: absolute;
	top: 0;
	left: 0px;
}
.start{
	background: url(../image/start.png)no-repeat;
	width: 100%;
	overflow: hidden;
	height:532px;
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -716px;

}
.star_a,.star_b{
	position: absolute;
	width: 139px;
	height: 119px;
}
.star_a{
	background: url(../image/start_01.png)no-repeat;
	top: 450px;
	left: 50%;
	margin-left: -600px;
}
.star_b{
	background: url(../image/start_02.png)no-repeat;
	top: 250px;
	left: 50%;
	margin-left: 450px;
}
.plan{
	position: absolute;
	bottom: -128px;
	left: 50%;
	margin-left: -110px;
}
.plan .plan_a{
	position: absolute;
	bottom:130px;
	left: 90px;
	z-index: 1;
}
.plan .plan_bg{
	position: absolute;
	bottom: 0;
	left: -190px;
	background: url(../image/plan_bg_2.png) no-repeat  right bottom;
	width: 642px;
	height: 556px;
}
.center_box{
	width: 100%;
	background-color:#ededed;
	position: relative;
	z-index: 0;
}
.center_box .center_box_in{
	width: 100%;
	background: url(../image/ind_cen_bg.png)no-repeat  50% 56px;
	margin-top:-200px;
	position: relative;
	z-index: 3;
}
.center_in{
	padding-top: 200px;
}
.center_in .voc,.center_in .con{
	position: relative;
	margin-right: 87px;
}

/*---------------------------------*/
@-webkit-keyframes von_x1{
	0%{
		top:150px;
		left: 0;
	}
	50%{
		top:200px;
	}
	100%{
		top:255px;
		left: 0;
	}
}

@-webkit-keyframes von_x2{
	0%{
		top:130px;
		right: 120px;
		opacity: 0;
	}
	50%{
		top:130px;
		opacity: 0.5;
	}
	80%{
		top:125px;
		opacity: 1;
	}
	100%{
		top:125px;
		right: 120px;

	}
}

@-webkit-keyframes von_x3{
	0%{
		top: 142px;
		right: 20px;
		opacity: 0;
	}
	50%{
		top:142px;
		opacity: 0;
	}
	90%{
		top:142px;
		opacity: 0;
	}
	100%{
		top: 142px;
		right: 20px;
		opacity: 1;
	}
}

@-webkit-keyframes plan_fly {
	0% { opacity:0;left:-50px; bottom:138px;width:100px; height:100px;-webkit-transform: rotate(15deg); }
	10% { opacity:1;bottom: 130px;left:123px;width:190px; height:199px; -webkit-transform: rotate(0deg); }
	20% {opacity:1;bottom: 450px; left:400px;width:50px; height:52px; -webkit-transform: rotate(-15deg);}
	22% {opacity:0;bottom: 450px; left:400px;width:50px; height:52px; -webkit-transform: rotate(-15deg);}
	100% { opacity:0;left:-50px; bottom:138px;width:100px; height:100px;-webkit-transform: rotate(15deg); }
}
@-moz-keyframes plan_fly {
	0% { opacity:0;left:-50px; bottom:138px;width:100px; height:100px;-moz-transform: rotate(15deg); }
	10% { opacity:1;bottom: 130px;left:123px;width:190px; height:199px; -moz-transform: rotate(0deg); }
	20% {opacity:1;bottom: 450px; left:400px;width:50px; height:52px; -moz-transform: rotate(-15deg);}
	22% {opacity:0;bottom: 450px; left:400px;width:50px; height:52px; -moz-transform: rotate(-15deg);}
	100% { opacity:0;left:-50px; bottom:138px;width:100px; height:100px;-moz-transform: rotate(15deg); }
}
@-o-keyframes plan_fly {
	0% { opacity:0;left:-50px; bottom:138px;width:100px; height:100px;-o-transform: rotate(15deg); }
	10% { opacity:1;bottom: 130px;left:123px;width:190px; height:199px; -o-transform: rotate(0deg); }
	20% {opacity:1;bottom: 450px; left:400px;width:50px; height:52px; -o-transform: rotate(-15deg);}
	22% {opacity:0;bottom: 450px; left:400px;width:50px; height:52px; -o-transform: rotate(-15deg);}
	100% { opacity:0;left:-50px; bottom:138px;width:100px; height:100px;-o-transform: rotate(15deg); }
}
@keyframes plan_fly {
	0% { opacity:0;left:-50px; bottom:138px;width:100px; height:100px;transform: rotate(15deg); }
	10% { opacity:1;bottom: 130px;left:123px;width:190px; height:199px;transform: rotate(0deg); }
	20% {opacity:1;bottom: 450px; left:400px;width:50px; height:52px; transform: rotate(-15deg);}
	22% {opacity:0;bottom: 450px; left:400px;width:50px; height:52px; transform: rotate(-15deg);}
	100% { opacity:0;left:-50px; bottom:138px;width:100px; height:100px;transform: rotate(15deg); }
}
.plan_fly{
	-webkit-backface-visibility : visible !important;
	-webkit-animation : plan_fly 8s linear infinite;
	-moz-backface-visibility : visible !important;
	-moz-animation : plan_fly 8s linear infinite;
	-o-backface-visibility : visible !important;
	-o-animation : plan_fly 8s linear infinite;
	backface-visibility : visible !important;
	animation : plan_fly 8s linear infinite;
}

@-webkit-keyframes plan_bg_fly {
	0% { opacity:0; height:285px; width:642px;bottom: 0px; left:-190px;}
	10% { opacity:0; height:285px; width:642px;bottom: 0px; left:-190px;}
	12% { opacity:0.5; height:285px; width:642px;bottom: 0px; left:-190px;}
	/*17% { opacity:1; height:285px; width:642px;bottom: 0px; left:-190px;}*/
	22% {opacity:1;height:556px;width:642px;bottom: 0px; left:-190px;}
	27% {opacity:0;height:556px;width:642px;bottom: 0px; left:-190px;}
	100% { opacity:0; height:285px; width:642px;bottom: 0px; left:-190px;}
}
@-moz-keyframes plan_bg_fly {
	0% { opacity:0; height:285px; width:642px;bottom: 0px; left:-190px;}
	10% { opacity:0; height:285px; width:642px;bottom: 0px; left:-190px;}
	12% { opacity:0.5; height:285px; width:642px;bottom: 0px; left:-190px;}
	/*17% { opacity:1; height:285px; width:642px;bottom: 0px; left:-190px;}*/
	22% {opacity:1;height:556px;width:642px;bottom: 0px; left:-190px;}
	27% {opacity:0;height:556px;width:642px;bottom: 0px; left:-190px;}
	100% { opacity:0; height:285px; width:642px;bottom: 0px; left:-190px;}
}
@-o-keyframes plan_bg_fly {
	0% { opacity:0; height:285px; width:642px;bottom: 0px; left:-190px;}
	10% { opacity:0; height:285px; width:642px;bottom: 0px; left:-190px;}
	12% { opacity:0.5; height:285px; width:642px;bottom: 0px; left:-190px;}
	/*17% { opacity:1; height:285px; width:642px;bottom: 0px; left:-190px;}*/
	22% {opacity:1;height:556px;width:642px;bottom: 0px; left:-190px;}
	27% {opacity:0;height:556px;width:642px;bottom: 0px; left:-190px;}
	100% { opacity:0; height:285px; width:642px;bottom: 0px; left:-190px;}
}
@keyframes plan_bg_fly {
	0% { opacity:0; height:285px; width:642px;bottom: 0px; left:-190px;}
	10% { opacity:0; height:285px; width:642px;bottom: 0px; left:-190px;}
	12% { opacity:0.5; height:285px; width:642px;bottom: 0px; left:-190px;}
	/*17% { opacity:1; height:285px; width:642px;bottom: 0px; left:-190px;}*/
	22% {opacity:1;height:556px;width:642px;bottom: 0px; left:-190px;}
	27% {opacity:0;height:556px;width:642px;bottom: 0px; left:-190px;}
	100% { opacity:0; height:285px; width:642px;bottom: 0px; left:-190px;}
}
.plan_bg_fly{
	-webkit-backface-visibility : visible !important;
	-webkit-animation : plan_bg_fly 8s linear infinite;
	-moz-backface-visibility : visible !important;
	-moz-animation : plan_bg_fly 8s linear infinite;
	-o-backface-visibility : visible !important;
	-o-animation : plan_bg_fly 8s linear infinite;
	backface-visibility : visible !important;
	animation : plan_bg_fly 8s linear infinite;
}
/*---------------------------------*/

.voc_img{
	width: 405px;
	height: 507px;
	background: url(../image/vocabulary.png)no-repeat;
	position: relative;
}
.von_x1{
	position: absolute;
	top: 150px;
	left: 0;
	-webkit-transition: .5s linear;
	-webkit-animation:von_x1 .8s linear;
	-moz-transition: .5s linear;
	-moz-animation:von_x1 .8s linear;
	-o-transition: .5s linear;
	-o-animation:von_x1 .8s linear;
	-ms-transition: .5s linear;
	-ms-animation:von_x1 .8s linear;
}
.voc_img:hover .von_x1{
	position: absolute;
	top: 255px;
	left: 0;
	-webkit-animation:von_x1 .8s linear;
	-moz-animation:von_x1 .8s linear;
	-o-animation:von_x1 .8s linear;
	-ms-animation:von_x1 .8s linear;
}
.von_x2{
	position: absolute;
	top: 130px;
	right: 120px;
	opacity: 0;
	-webkit-animation:von_x1 .8s linear;
	-moz-animation:von_x1 .8s linear;
	-o-animation:von_x1 .8s linear;
	-ms-animation:von_x1 .8s linear;
}
.voc_img:hover .von_x2{
	position: absolute;
	top: 125px;
	right: 120px;
	opacity: 1;
	-webkit-animation:von_x2 .8s linear;
	-moz-animation:von_x2 .8s linear;
	-o-animation:von_x2 .8s linear;
	-ms-animation:von_x2 .8s linear;
}
.von_x3{
	position: absolute;
	top: 142px;
	right: 20px;
	opacity: 0;
	-webkit-animation:von_x1 .8s linear;
	-moz-animation:von_x1 .8s linear;
	-o-animation:von_x1 .8s linear;
	-ms-animation:von_x1 .8s linear;
}
.voc_img:hover .von_x3{
	position: absolute;
	top: 142px;
	right: 20px;
	opacity: 1;
	-webkit-animation:von_x3 .8s linear;
	-moz-animation:von_x3 .8s linear;
	-o-animation:von_x3 .8s linear;
	-ms-animation:von_x3 .8s linear;
}

/*-------------------------------------------*/
@-webkit-keyframes imgcon_x1{
	0%{
		top: 96px;
	    left: 141px;
	    -webkit-transform-origin: left top;
	    -webkit-transform: rotate(60deg);
	    -moz-transform-origin: left top;
	    -moz-transform: rotate(60deg);
	    -o-transform-origin: left top;
	    -o-transform: rotate(60deg);
	    -ms-transform-origin: left top;
	    -ms-transform: rotate(60deg);
	}
	40%{
		top: 89px;
		left: 120px;
	}
	100%{
		top: 85px;
    	left: 90px;
		-webkit-transform:rotate(-15deg);
		-moz-transform:rotate(-15deg);
		-o-transform:rotate(-15deg);
		-ms-transform:rotate(-15deg);
	}
}
@-webkit-keyframes con_x2{
	0%{
		opacity: 0;
		top: 160px;
		left: 130px;
	}
	60%{
		opacity: 0.2;
	}
	100%{
		position: absolute;
		top: 153px;
		left: 138px;
		opacity: 1;
	}
}

@-webkit-keyframes con_x3{
	0%{
		top: 204px;
		right: -5px;
	}
	80%{
		top: 204px;
		right: -5px;
	}
	100%{
		top: 204px;
		right: -5px;
	}
}

@-webkit-keyframes con_x4{
	0%{
		opacity: 0;
		top: 320px;
		left: 150px;
	}
	80%{
		opacity: 0.5;
	}
	100%{
		position: absolute;
		top: 328px;
		left: 140px;
		opacity: 1;
	}
}
/*---------------------------------------------*/
.cod_bg{
	background: url(../image/rigbgpc.png)no-repeat;
	width: 404px;
	height: 507px;
	position: relative;
	z-index: 3;

}
.cod_line{
	background: url(../image/ctdline.png)no-repeat;
	width: 23px;
	height: 343px;
	position: absolute;
	left:50%;
	margin-left:-6px;
	top: 140px;
	z-index: 4;

}

.recg{
	width: 57px;
	height: 57px;
	background: #21C79A;
	border-bottom:5px solid #1e9172;
	color: #FFF;
	font-size: 34px;
	line-height: 57px;
	font-weight: bold;
	position: absolute;
	left: 50%;
	margin-left: -22px;
	text-align: center;
	z-index: 5;
}
.recy{
	width: 57px;
	height: 57px;
	background: #f1bb15;
	border-bottom:5px solid #c4970c;
	color: #FFF;
	font-size: 34px;
	line-height: 57px;
	font-weight: bold;
	position: absolute;
	left: 50%;
	margin-left: -22px;
	text-align: center;
	z-index: 5;
}

.rcp1{ top: 177px; 

}
.rcp2{ 

	top: 244px; 
	
}
.rcp3{ top: 311px; }
.rcp4{ top: 378px; }

.cod_bg:hover .rcp1{
	opacity: 1;
	-webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -webkit-animation-name: op1;
  -moz-animation-name: op1;
   animation-iteration-count: 1;
}
.cod_cor{
	background: url(../image/ctdcor.png)no-repeat;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	margin-left: 16px;
	bottom: 55px;
	z-index: 5;
}
@-webkit-keyframes op1 {
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 1;}
}

@-moz-keyframes op1 {
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 1;}

}


.cod_bg:hover .rcp2{
	opacity: 1;
	-webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  -webkit-animation-name: op2;
  -moz-animation-name: op2;
   animation-iteration-count: 1;
}

@-webkit-keyframes op2 {
	0%{opacity: 0;}
	30%{opacity: 0;}
	100%{opacity: 1;}
}

@-moz-keyframes op2 {
	0%{opacity: 0;}
	30%{opacity: 0;}
	100%{opacity: 1;}

}

.cod_bg:hover .rcp3{
	opacity: 1;
	-webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -webkit-animation-name: op3;
  -moz-animation-name: op3;
   animation-iteration-count: 1;
}

@-webkit-keyframes op3 {
	0%{opacity: 0;}
	50%{opacity: 0;}
	100%{opacity: 1;}
}

@-moz-keyframes op3 {
	0%{opacity: 0;}
	50%{opacity: 0;}
	100%{opacity:100;}

}
.cod_bg:hover .rcp4{
	opacity: 1;
	-webkit-animation-duration: 1.4s;
  -moz-animation-duration: 1.4s;
  -webkit-animation-name: op4;
  -moz-animation-name: op4;
   animation-iteration-count: 1;
}

@-webkit-keyframes op4 {
	0%{opacity: 0;}
	70%{opacity: 0;}
	100%{opacity: 1;}
}

@-moz-keyframes op4 {
	0%{opacity: 0;}
	70%{opacity: 0;}
	100%{opacity:100;}

}

.cod_bg:hover .cod_line{
 opacity: 1;
 -webkit-animation-duration: 2.3s;
  -moz-animation-duration: 2.3s;
  -webkit-animation-name: op5;
  -moz-animation-name: op5;
   animation-iteration-count: 1;
}
@-webkit-keyframes op5 {

	0%{height: 0;opacity: 0;}
	30%{height: 0;opacity: 0;}
	100%{height: 343px;opacity:1;}

}
@-moz-keyframes op5 {
	0%{height: 0;opacity: 0;}
	30%{height: 0;opacity: 0;}
	100%{height: 343px;opacity:1;}
}

.cod_bg:hover .cod_cor{
 opacity: 1;
 -webkit-animation-duration: 2.3s;
  -moz-animation-duration: 2.3s;
  -webkit-animation-name: op6;
  -moz-animation-name: op6;
   animation-iteration-count: 1;
}

@-webkit-keyframes op6 {
	0%{opacity: 0;}
	90%{opacity: 0;}
	100%{opacity:1;}

}
@-moz-keyframes op6 {

}


/*---------------------------------------------*/
/* vicky add ....*/
.type_img_top{
	top: 0;
	width: 403px;
	height: 530px;
	position: relative;
	z-index: 3;
	background: url(../image/game3_bg.png)no-repeat;
	background-size: contain;
	cursor: pointer;
}
.type_img_top .type_x1{
	text-align: center;
	width: 179px;
    height: 179px;
	position: absolute;
	margin: -119px 0px 0px -93px;
	top:50%;
	left: 50%;
	overflow: hidden;
}
.type_img_top .type_x1 img{
	position: relative;
	top: -143px;
	-webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	    -ms-transition: all 0.5s linear;
	     -o-transition: all 0.5s linear;
	        transition: all 0.5s linear;
}
.type_img_top .type_x2{
	opacity: 0;
	-moz-opacity: 0;
	fliter:alpha(opacity=0);
	left: 50%;
    top: 50%;
    position: absolute;
    margin: -41px 0px 0px -45px;
    -webkit-transform: scale(0.5);
       -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
         -o-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	     -o-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	-webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	    -ms-transition: all 0.5s linear;
	     -o-transition: all 0.5s linear;
	        transition: all 0.5s linear;
}
.type_img_top .type_x3{
	width: 157px;
    height: 43px;
    position: absolute;
    left: 50%;
    margin-left: -82px;
    bottom: 145px;
    text-align: center;
    font-size: 28px;
    color: #FFF;
    font-weight: bold;
    line-height: 40px;
}
.type_img_top .type_x3 span{
	vertical-align: middle;
}
.type_img_top .type_x3 span:not(.line):not(.space){
	width: 0px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	opacity: 0;
	-moz-opacity: 0;
	fliter:alpha(opacity=0);
	overflow: hidden;
	-webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	    -ms-transition: all 0.5s linear;
	     -o-transition: all 0.5s linear;
	        transition: all 0.5s linear;
}
.type_img_top .type_x3 .line{
	background: url(../image/line.gif) 50% 50% no-repeat;
	width: 5px;
	height: 29px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	vertical-align: middle;
}

.type_img_top:hover .type_x1 img{
	top: -15px;
	-webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
	    -ms-transition: all 0.5s linear;
	     -o-transition: all 0.5s linear;
	        transition: all 0.5s linear;
}
.type_img_top:hover span:not(.line):not(.space).item_1{
	width:auto;
	opacity: 1;
	-moz-opacity: 1;
	fliter:alpha(opacity=100);
	-webkit-transition: all 0.3s 0.55s linear;
	   -moz-transition: all 0.3s 0.55s linear;
	    -ms-transition: all 0.3s 0.55s linear;
	     -o-transition: all 0.3s 0.55s linear;
	        transition: all 0.3s 0.55s linear;
}
.type_img_top:hover span:not(.line):not(.space).item_2{
	width:auto;
	opacity: 1;
	-moz-opacity: 1;
	fliter:alpha(opacity=100);
	-webkit-transition: all 0.3s 1.05s linear;
	   -moz-transition: all 0.3s 1.05s linear;
	    -ms-transition: all 0.3s 1.05s linear;
	     -o-transition: all 0.3s 1.05s linear;
	        transition: all 0.3s 1.05s linear;
}
.type_img_top:hover .type_x2{
	-webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
	opacity: 1;
	-moz-opacity: 1;
	fliter:alpha(opacity=100);
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	     -o-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	-webkit-transition: all 0.5s 1.15s linear;
	   -moz-transition: all 0.5s 1.15s linear;
	    -ms-transition: all 0.5s 1.15s linear;
	     -o-transition: all 0.5s 1.15s linear;
	        transition: all 0.5s 1.15s linear;
}
.con_img{
	display: none;
	background: url(../image/conversation_practice.png)no-repeat;
	width: 403px;
	height: 530px;
	position: relative;
	z-index: 0;
}
.con_img_top{
	background: url(../image/con_img_top.png)no-repeat;
	top: -20px;
	width: 403px;
	height: 530px;
	position: relative;
	z-index: 3;
}
.con_img .con_x1{
	position: absolute;
	top: 215px;
	left: 11px;
}
.con_img .con_g{
	position: absolute;
	top: 0;
	z-index: 1;
}
.con_img .con_x1 .imgcon_x1{
	position: absolute;
    z-index: 0;
    top: 96px;
    left: 141px;
    -webkit-transform-origin: left top;
    -webkit-transform: rotate(60deg);
    -webkit-transition: .5s linear;
    -webkit-animation:imgcon_x1 .6s linear;
    -moz-transform-origin: left top;
    -moz-transform: rotate(60deg);
    -moz-transition: .5s linear;
    -moz-animation:imgcon_x1 .6s linear;
    -o-transform-origin: left top;
    -o-transform: rotate(60deg);
    -o-transition: .5s linear;
    -o-animation:imgcon_x1 .6s linear;
    -ms-transform-origin: left top;
    -ms-transform: rotate(60deg);
    -ms-transition: .5s linear;
    -ms-animation:imgcon_x1 .6s linear;

}
.con_img:hover .con_x1 .imgcon_x1{
	top: 85px;
    left: 90px;
    -webkit-transform:rotate(-15deg);
    -webkit-animation:imgcon_x1 .6s linear;
    -moz-transform:rotate(-15deg);
    -moz-animation:imgcon_x1 .6s linear;
    -o-transform:rotate(-15deg);
    -o-animation:imgcon_x1 .6s linear;
    -ms-transform:rotate(-15deg);
    -ms-animation:imgcon_x1 .6s linear;
}
.con_img .con_x2{
	position: absolute;
	top: 160px;
	left: 130px;
	opacity: 0;
	-webkit-transition: .5s linear;
	-webkit-animation:con_x2 .4s linear;
	-moz-transition: .5s linear;
	-moz-animation:con_x2 .4s linear;
	-o-transition: .5s linear;
	-o-animation:con_x2 .4s linear;
	-ms-transition: .5s linear;
	-ms-animation:con_x2 .4s linear;
}
.con_img:hover .con_x2{
	position: absolute;
	top: 153px;
	left: 138px;
	opacity: 1;
	-webkit-animation:con_x2 .4s linear;
	-moz-animation:con_x2 .4s linear;
	-o-animation:con_x2 .4s linear;
	-ms-animation:con_x2 .4s linear;
}
.con_img .con_x3{
	background: url(../image/con_x3.png)no-repeat;
	width: 182px;
	height: 243px;
	position: absolute;
	top: 204px;
	right: -5px;
}
.con_img:hover .con_x3{
	width: 182px;
	top: 204px;
	right: -5px;
	background: url(../image/con_x3_s.png)no-repeat;
	-webkit-transform:rotate(-5deg);
	-webkit-animation:con_x3 1s linear;
	-moz-transform:rotate(-5deg);
	-moz-animation:con_x3 1s linear;
	-o-transform:rotate(-5deg);
	-o-animation:con_x3 1s linear;
	-ms-transform:rotate(-5deg);
	-ms-animation:con_x3 1s linear;
}
.con_img .con_x4{
	position: absolute;
	top: 320px;
	left: 150px;
	opacity: 0;
	-webkit-transition: .5s linear;
	-webkit-animation:con_x4 .6s linear;
	-moz-transition: .5s linear;
	-moz-animation:con_x4 .6s linear;
	-o-transition: .5s linear;
	-o-animation:con_x4 .6s linear;
	-ms-transition: .5s linear;
	-ms-animation:con_x4 .6s linear;
}
.con_img:hover .con_x4{
	position: absolute;
	top: 328px;
	left: 140px;
	opacity: 1;
	-webkit-animation:con_x4 .6s linear;
	-moz-animation:con_x4 .6s linear;
	-o-animation:con_x4 .6s linear;
	-ms-animation:con_x4 .6s linear;
}



.center_in .con{
	margin-right: 0;
}
.center_in .voc .vocabulary_btn{
	position: absolute;
	bottom:0;
	left: 0;
	width: 140px;
	height: 65px;
	background: url(../image/this_way.png)no-repeat;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;
}

.center_in .voc .vocabulary_btn:hover{
	background: url(../image/this_way_s.png)no-repeat;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}

.center_in .con .type_game_btn{
	position: absolute;
	bottom:24px;
	left: 0;
	width: 140px;
	height: 65px;
	background: url(../image/typing_1.png)no-repeat;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;
}
.center_in .con .type_game_btn:hover{
	background: url(../image/typing_s1.png)no-repeat;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}

.center_in .con .conversation_btn{
	position: absolute;
	cursor: pointer;
	bottom:0;
	left: 0;
	width: 140px;
	height: 65px;
	z-index: 8;
	background: url(../image/ggr.png)no-repeat;
	-webkit-transition: .2s ease-in;
    transition: .2s ease-in;
}
.center_in .con .conversation_btn:hover{
	background: url(../image/ggrs.png)no-repeat;
	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}

.switching_dot_box .arrow_left{
	background: url(../image/arrow_left.png)no-repeat;
	width: 31px;
	height: 49px;
}
.switching_dot_box{
	padding: 50px 0;
}
.switching_dot_box .arrow_right{
	background: url(../image/arrow_right.png)no-repeat;
	width: 31px;
	height: 49px;
}
.ind_p3{
	width: 100%;
	background: url(../image/lobb_2_bg.png)no-repeat top center;
}
.p3_in{
	position: relative;
	padding: 30px 0 150px 0;
	color: #fff;
}
.reading_title{
	position: absolute;
	top: 425px;
	left: 120px;
}
.les_read_btn{
	background: url(../image/les_read_btn.png)no-repeat;
	width: 209px;
	height: 65px;
	position: absolute;
	right: 130px;
	margin-top: 20px;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;
}

.les_read_btn:hover{
	background: url(../image/les_read_btn_s.png)no-repeat;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}


.pad_90{
	padding: 0 120px;
	box-sizing:border-box;
	margin-top: 20px;
}
.ind_p4{
	width: 100%;
	background: url(../image/lobb_3_bg.png)repeat-x;
	background-color: #3270a5;
}
.ind_pa_in{
	width: 100%;
	background: url(../image/lobb_3_2_bg.png)no-repeat top center;
}
.p4_title{
	margin-top:85px;
}
.p4_more{
	margin-top:85px;
	background: url(../image/p4more.png)no-repeat;
	width: 129px;
	height: 50px;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;
}

.p4_more:hover{
	background: url(../image/p4more_s.png)no-repeat;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;

}

.new_list_out{
	width: 280px;
	margin-right: 25px;
}
.new_list_out:nth-child(3n),
.new_list_out.in:nth-child(3n){
	margin-right: 0;
}
.new_list_div{
	width: 280px;
	height: 170px;
	background: #fff;
	box-shadow: 0px 0px 8px rgba(0,0,0,.5);
	border-radius: 8px;
	padding: 15px;
	box-sizing:border-box;
	position: relative;
	margin-bottom: 20px;
}
.new_list_div .img{
	position: absolute;
	top: 15px;
	left: 15px;
	width: 250px;
	height: 141px;
	overflow: hidden;
}
.new_list_out .ht{
	font-size: 21px;
	color: #fff;
	height: 45px;
	overflow: hidden;
	font-weight: bold;
	margin-bottom: 20px;
}
.new_list_out .new_p{
	font-size: 15px;
	color: #9bcddf;
	line-height: 22px;
	letter-spacing: 0;
	height: 60px;
	overflow: hidden;
}
.new_list_out .img{
	width: 250px;
	height: 141px;
	overflow: hidden;
}
.martop_50{
	margin-top: 50px;
}
.switching_dot_box .arrow_left_2{
	background: url(../image/arrow_w_left.png)no-repeat;
	width: 39px;
	height:57px;
	position:absolute;
    bottom:90px;
    left:0;

}

.switching_dot_box .arrow_right_2{
	background: url(../image/arrow_w_right.png)no-repeat;
	width: 39px;
	height: 57px;
	position:absolute;
    bottom:90px;
    right:0px;
}
.dot_blue{
	background: url(../image/blue_c2.png)no-repeat;
	width: 21px;
	height: 22px;
	margin-right: 30px;
}
.switching_dot_box.blue_box{
	padding: 100px 0;
	position: relative;
}
.next{
	background: url(../image/next.png)no-repeat;
	width: 175px;
	height: 50px;
}
.next:hover{
	background: url(../image/next_s.png)no-repeat;
	width: 175px;
	height: 50px;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}
.previous_btn{
	background: url(../image/previous_btn.png)no-repeat;
	width: 175px;
	height: 50px;
}
.previous_btn:hover{
	background: url(../image/previous_btn_s.png)no-repeat;
	width: 175px;
	height: 50px;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}
.btn_top{
	margin-top: 40px;
}
.level_img_line{
	width: 115px;
    height: 115px;
    border-radius: 50%;
    padding: 8px;
    border: 3px solid rgba(255,255,255,.3);
    text-align: center;
    position: relative;
}
.saytip,.saytip_1{
	font-size: 15px;
	line-height: 20px;
	background: #433231;
	color: #FFF;
	padding: 10px;
	position: absolute;
	width: 170px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	left: 50%;
	margin-left: -85px;
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-o-transition:opacity 1s;
	opacity: 0;
	-moz-opacity:0;
	filter:alpha(opacity=0);

	top: -105px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
.saytip_1{
	top: -165px;
}
.saytip .spbt,.saytip_1 .spbt{
	position: absolute;
	width: 29px;
	background: url(../image/ttb.png)no-repeat;
	height: 15px;
	bottom: -15px;
	left: 50%;
	margin-left: -15px;
}
.level_img_line:hover .mask,.level_img_line:hover .saytip,.level_img_line:hover .saytip_1{
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-o-transition:opacity 1s;
	opacity: 1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
.level_img_line .mask{
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-o-transition:opacity 1s;
	opacity: 0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	width: 116px;
	height: 116px;
	border-radius:58px;
	background: rgba(255,255,255,0.5);
	position: absolute;
	top:8px;
	left: 8px;
}
.level_img_line .mask.lock{
	opacity: 1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	background: url(../image/lock91.png) 50% 50% no-repeat;
	background-color: rgba(0,0,0,0.5);
}
.blank_btn{
	width: 160px;
	height: 65px;
	background: url(../image/blank_btn.png)no-repeat;
	margin: 50px auto 20px auto;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}
.warm_tips{
	width: 100%;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	text-align: center;
	margin-bottom: 50px;
}

.warm_tips img{
	margin-bottom: 15px;
}
.warm_tips .tip_en{
	font-size: 20px;
	margin-top: 20px;
}
.ok_btn_r{
	background: url(../image/ok_btn_r.png)no-repeat;
	width:160px ;
	height:65px;
}
.meb_top_link{
	display: block;
	cursor: pointer;
}
.news_container_cc{
	height: 365px;
	overflow: hidden;
}
.w_980.news_list{
	padding: 30px 40px;
	box-sizing:border-box;
}
.lastnews_title{
	background: url(../image/lastnews_title.png)no-repeat;
	width: 360px;
	height: 178px;
	margin: 130px auto 37px auto;
}
.year_select select{
	width: 180px;
	height: 40px;
	background-color: #fff;
	background-image:url(../image/down.png)no-repeat 155px 16px;
	border: 1px solid #ccc;
}
.list_box{
	padding-top: 45px;
}
.new_list_out.in{
	margin-right: 30px;
	margin-bottom: 60px;
}
.new_list_out.in:nth-child(3n+1){
	clear: both;
}
.page{
	padding: 30px 0 100px 0;
}
.page_number{
	cursor: pointer;
	float: left;
	background: #044882;
	color: #6b98bf;
	border-radius: 50%;
	width: 25px;
	height:25px;
	text-align: center;
	line-height: 25px;
	font-size: 13px;
	margin-right: 5px;
}
.page_number.now,.page_number:hover{
	background: #fff;
	color: #044882;
	box-shadow: 0px 2px 3px rgba(0,0,0,.3);
	-webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.page_pre{
	background: url(../image/page_pr.png)no-repeat left;
	width:79px;
	height: 22px;
	cursor: pointer;
	float: left;
	margin: 0 15px 0 10px;
}
.page_next{
	background: url(../image/page_next.png)no-repeat right;
	width:79px;
	height: 22px;
	float: left;
	cursor: pointer;
	margin: 0 10px 0 5px;
}
.reading_yourself{
	width: 100%;
	background: url(../image/reading_yourself_bg.jpg)no-repeat top center;
    background-color: #218e2e;
    padding-bottom: 100px;
    overflow-x: hidden;
}
.type_word{
	width: 100%;
	background: url(../image/typing_words_1_02.jpg)no-repeat top center;
    background-color: #108dad;
    padding-bottom: 100px;
    overflow-x: hidden;
}
.search,.contact_box{
	width: 900px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 2px 3px rgba(0,0,0,.3);
	margin:0 auto 0 auto;
	padding: 40px ;
	box-sizing:border-box;
}
.search_info{
	padding: 20px;
	box-sizing:border-box;
}
.search_title{
	margin-bottom: 40px;
}
.search_title p{
	font-size: 16px;
	font-weight: bold;
	color: #555;
	margin-top: 25px;
}
.contact_info p{
	line-height: 35px;
	background-image: url(../image/time.png);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 30px;
	margin-bottom: 5px;
}
.contact_info p.time{
	background-position: 0px 6px;
}
.contact_info p.tel{
	background-image: url(../image/tel.png);
}
.contact_info p.mail{
	background-image: url(../image/mail.png);
}
.contact_info p.address{
	background-image: url(../image/map-location.png);
}
.contact_info{
	display:inline-block;
	margin-top: 20px;
}
.contact_us{
	background: url(../image/contact_us.png)no-repeat;
	width: 175px;
	height: 50px;
}
.contact_box h2{
	font-size: 24px;
	text-transform: uppercase;
}
.contact_box{
	margin-bottom: 30px;
}
.read_box .info_title{
	margin: 30px 0 10px 0;
}
.read_box h2{
	font-size:24px;
	color: #fff;
	line-height: 47px;
	display: inline-block;
}
.readpage_number{
	display: inline-block;
	padding: 0 14px;
	position: relative;
}
.readpage_number_in{
	box-sizing:border-box;
	background: url(../image/read_page_bg_c.png)repeat-x;
	height: 47px;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 47px;
	color: #fff;
}
.readpage_number .before{
	background: url(../image/read_page_bg1.png)no-repeat;
	width:14px;
	height: 47px;
	position: absolute;
	left:0;
}
.readpage_number .after{
	background: url(../image/read_page_bg2.png)no-repeat ;
	width:14px;
	height: 47px;
	position: absolute;
	right:0;
}
.book_box{
	width: 900px;
	position: relative;
}

.read_left{
	background: url(../image/read_left.png)no-repeat;
	width: 35px;
	height: 183px;
	position: absolute;
	left: -35px;
	top: 50%;
	margin-top: -91.5px;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;
}

.read_left:hover{
	background: url(../image/read_left_s.png)no-repeat;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;

}

.read_right{
	background: url(../image/read_right.png)no-repeat;
	width: 35px;
	height: 183px;
	position: absolute;
	right: -35px;
	top: 50%;
	margin-top: -91.5px;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;
}

.read_right:hover{
	background: url(../image/read_right_s.png)no-repeat;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
	
}

.contrl_tool{
	background: rgba(0,0,0,.6);
	height: 100px;
	padding: 10px 0;
    box-sizing: border-box;
  	margin-top: 40px;
}
.contrl_tool button{
	background-position: 50% 50%;
}
.voicerepeat_btn{
	background: url(../image/voicerepeat_btn.png)no-repeat;
	width: 185px;
	height: 79px;
	margin-right: 60px;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;
	float: left;
}

.voicerepeat_btn:hover{
	background: url(../image/voicerepeat_btn_s.png)no-repeat;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}

.magnifier01{
	background: url(../image/magnifier01.png)no-repeat;
	width: 61px;
	margin-right: 20px;
}
.magnifier01.now{
	background: url(../image/magnifier01s.png) no-repeat 50%;

}
.magnifier02{
	background: url(../image/backhome.png)no-repeat;
	background-size:100%;
	width: 61px;
	margin-right: 20px;
}
.magnifier03{
	background: url(../image/backg1.png) 0px 0px no-repeat;
	width: 265px;
	height: 73px;
	float: right;
	margin-right: 20px;
	display: block;
	margin-top: 5px;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;}
.magnifier03:hover{
	background: url(../image/backg1s.png) 0px 0px no-repeat;
		-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}
.backfrist{
	background: url(../image/backp1.png) 0px 0px no-repeat;
	width: 265px;
	height: 73px;
	float: right;
	margin-right: 20px;
	display: block;
	margin-top: 5px;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;}
.backfrist:hover{
	background: url(../image/backp1s.png)0px 0px no-repeat;
		-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
	
}

.reading_yourself_box a.circle_with {
	cursor:pointer;
	position: absolute;
	top: 25px;
	right: 0px;
	/*opacity: 0;*/
	display: inline-block;
	background: url(../image/circle_with.png)no-repeat;
	width: 50px;
	height: 39px;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}
.earth_1
 {   position: absolute;
	 top: 0;
	 left: 50%;
	 z-index: 1;
 }
.back_home {
    display: block;
    background: url(../image/backhome.png)no-repeat;
    width: 60px;
    height: 60px;
    position: fixed;
    top: 85%;
    right: 50%;
    margin-right: -550px;
    background-size: 60px auto;
}
/*翻書套件CSS 修改*/
.bb-bookblock{
	width: 900px;
	height: 608px;
}
.go_home{
	margin: 30px 20px 0 0;
	width: 160px;
	height: 65px;
	background: url(../image/gohome.png)no-repeat;
}

.menu_box{
	position: fixed;
	background: rgba(0,0,0,.8);
	width: 100%;
	height: 100%;
	z-index: 5;
}
.out_li{
	padding-top: 80px;
}
/*.out_li li,.out_li li a{*/
.out_li li{
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
}
.out_li li a{
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}
.in_li li a{
	text-transform: initial;
	color: #aaa;
}
.close_menu{
	width: 87px;
	height: 30px;
	background: url(../image/close.png)no-repeat;
	position: absolute;
	top: 30px;
    right: 50%;
    margin-right: -450px;
}
.change{
	display: none;
	background: url(../image/game_1_02_n_02_03.png) 0px 0px no-repeat;
	width:579px;
	height: 363px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin:-181px 0px 0px -289px;
	z-index: 10;
	padding: 112px 0px 0px 20px;
}
.change .pic{
	width:170px;
	height: 170px;
	border-radius: 85px;
	overflow:hidden;
}
.change .right_part{
	margin-left: 207px;
	padding-top: 30px;
}
.change .right_part .name{
	font-size: 30px;
	color: #000;
}
.change .right_part .score{
	width:161px;
	height: 75px;
	line-height: 75px;
	font-size: 55px;
	color: #fff;
	text-align: center;
	margin:18px 0px 0px 0px;
}
.oopS{
	min-height: 223px;
	padding:40px 0px 0px 320px;
	background: url(../image/drag_s.png) 0px 50% no-repeat;
}
.oopS h3{
	margin-bottom: 30px;
	font-size: 25px;
}
.oopS .note{
	font-size: 18px;
	background: url(../image/4.png) 0px 50% no-repeat;
	padding-left: 33px;
	color: #e25332;
	margin-bottom: 20px;
}
.org_btn,.org_btn_1{
	font-size: 18px;
	width: 160px;
	height: 65px;
	color: #fff;
}
.org_btn{
	background: url(../image/15.png) 0px 0px no-repeat;
}
.org_btn_1{
	background: url(../image/115.png) 0px 0px no-repeat;
}
.tip_box{
	background:#454545;
	color: #fff;
	padding:10px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	width: 275px;
	border-radius: 5px;
	font-size: 18px;
}


.tip_box p{
	padding: 6px;

}

.tip_box .box{
	position: relative;
}
.tip_box .box button{
	width:115px;
	height: 33px;
	font-size: 15px;
	color: #fff;
	background: url(../image/31.png) 0px 0px no-repeat;
	margin-top: 6px;
	margin-bottom: 6px;
}
.tip_box .box .close_btn{
	background: url(../image/close-cross.png) 0px 0px no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 12px;
	height: 12px;
	cursor: pointer;
}
.tip_box .box span{
	width: 27px;
	height: 27px;
	display: block;
	position: absolute;
	bottom:-27px;
	left: 50%;
	margin-left: -13px;
	background: url(../image/176.png) 0px 0px no-repeat;
}
.tip_box.step1{
	margin-left: -300px;
}
.tip_box.step2{
	margin-top: 83px;
}
.tip_box.step3{
	margin: -260px 0px 0px 150px;
}
.game_top .q{
	font-weight: bold;
	padding: 30px 0px 0px 20px;
	font-size: 18px;
}
.game_top .q span{
	font-size: 30px;
}
.game_top .score{
	line-height: 65px;
	color: #eb491e;
	font-size: 18px;
	font-weight: bold;
	margin-left: 20px;
}
.game_top .score span{
	font-size: 50px;
}
.game_help{
	cursor: pointer;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	background: url(../image/help.png) 0px 50% no-repeat;
	padding-left: 46px;
	line-height: 30px;
	color: #ec3200;
	-webkit-transition: .2s  ease-in;
	transition: .2s ease-in;
}


.game_help:hover{
	background: url(../image/help_s.png) 0px 50% no-repeat;
	color: #333333;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}

.memb_1_box .progress_box{
	width: 414px;
	margin:30px auto 0px auto;
}
.grade{
	font-weight: bold;
	text-align: right;
}
.grade span{
	color: #f2622f;
}
.grade span span{
	font-size: 30px;
}
.grade .txt{
	color: #555;
	font-size: 18px;
}
.memb_1_box .progress_box .bar{
	background: url(../image/41.png) 0px 50% no-repeat;
	width: 100%;
	margin:0px;
}
.grade_bg .grade_show .m_pic{
	width:159px;
	height: 159px;
}
.grade_bg .grade_show .right_part{
	margin-left: 189px;
	color: #fff;
	font-weight: bold;
	font-size: 21px;
}
.grade_bg .grade_show  .y_score{
	border-radius: 20px;
	padding:10px 20px;
	background: #bc2732;
	width: 350px;
	height: 49px;
	box-shadow: 0px 2px 3px #9e151b inset;
	margin: 20px 0px;
}
.grade_bg .grade_show  .y_score .box{
	height: 49px;
	padding-left: 251px;
	background: url(../image/your-score.png) 0px 50% no-repeat;
}
.number_circle p{
	width:33px;
	height: 47px;
	overflow:hidden;
	background: url(../image/digit-lg1.png) 0px -287px no-repeat;
}
.bonus{
	width: 99px;
	height: 49px;
	padding-left: 271px;
	background: url(../image/bonus-point.png) 20px 50% no-repeat;
}
.LV_show{
	background:url(../image/grade.png) 0px 0px no-repeat;
	position: absolute;
	top: -11px;
	right:-10px;
	width: 181px;
	height: 185px;
	padding:47px 0px 0px 100px;
	box-sizing:border-box;
	font-size: 35px;
	line-height: 50px;
	color: #fff;
	font-weight: bold;
}
.grade_bg .grade_show .back_to_list{
	margin:20px 10px 0px 0px;
}
.grade_bg .grade_show .next_level{
	margin:20px 0px 0px 10px;
}
.firework1,.firework2,.firework3,.firework4{
	position: absolute;
	left: 50%;
}
.firework1{
	background: url(../image/firework1.png) 0px 0px no-repeat;
	width: 371px;
	height: 326px;
	top: -150px;
	margin-left: -455px;
}
.firework2{
	background: url(../image/firework2.png) 0px 0px no-repeat;
	width: 287px;
	height: 280px;
	top: -180px;
	margin-left: 30px;
}
.firework3{
	background: url(../image/firework3.png) 0px 0px no-repeat;
	width: 129px;
	height: 148px;
	top: -160px;
	margin-left: 85px;
}
.firework4{
	background: url(../image/firework4.png) 0px 0px no-repeat;
	width: 155px;
	height: 144px;
	top: -60px;
	margin-left: -130px;
}

/*
 * 為了自己讀的版面, 把青青的CSS 抓回來
 */

.reading_yourself_box .class_box2{
	background: #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	padding: 56px 37px 30px 37px;
	margin-top: 10px;
}
.reading_yourself_box .class_2_title{
	margin-bottom:20px;
}

.reading_yourself_box .class_2_title p span{
	font-size: 21px;
	color: #da7800;
	font-weight: bold;
}
.reading_yourself_box .class_2_title p{
	color: #da7800;
	font-size: 14px;
	font-weight: bold;
}
.reading_yourself_box .lesson_box{
	margin-top: 30px;
}
.reading_yourself_box .lesson_box:first-child{
	margin-top: 0px;
}
.reading_yourself_box .lesson_box li.lesson{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaf0f4+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eaf0f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eaf0f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#eaf0f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaf0f4',GradientType=0 ); /* IE6-9 */

	width: 390px;
	padding: 30px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow:1px 1px 3px #555;
	        box-shadow:1px 1px 3px #555;
	position: relative;
	line-height: 25px;
	box-sizing:border-box;
	position: relative;
	margin-bottom: 0;
	min-height:0;
	margin-bottom: 20px;
}

.reading_yourself_box .lesson_box li.lesson:hover{
	background:#f2f2f2;
}
.reading_yourself_box .lesson p{
	display: inline-block;
	color: #888;
	font-size: 18px;
}
.step3 .box span,.gam3_step3 .box span,.gam3_2_step3 .box span,.gam3_3_step3 .box span{
	 right: 10px;
	 left: inherit;
}
.marr_40{margin-right: 40px;}
.vip_s{width: 71px;
    height: 71px;
    background: url(../image/orange_big_ribbon.png) 0px 0px no-repeat;
    position: absolute;
    top: -6px;
    right: -6px;
	
}


/*第三遊戲*/

.game3_area h3 { font-size: 32px; margin-bottom: 30px;  }
.game3_area{ padding-top: 40px; }
.box_375{ width: 380px;}
.yellowbox{cursor: pointer; margin: 2px; float: left; position: relative; background: #f1bb15; line-height: 185px; font-size: 90px; font-weight: bold; text-align: center; color: #FFF; width: 185px; height: 185px; border-bottom: 5px solid #c4970c; }
.selectarrow{ top: 5px; left: 50%; margin-left: -85px; text-align: center; width: 171px; height: 171px; position: absolute; display: none;}
.yellowbox.now .selectarrow{ display: block; }
.yellowbox.now,.yellowbox:hover{ background: #21C79A; border-bottom:5px solid #1e9172; }
.box_420{ width: 420px; }
.box_420 .yellowbox{ font-size: 80px; width: 135px; height: 135px; line-height: 135px; }
.box_420 .yellowbox.now .selectarrow img{ width: 120px;  }
.box_420 .yellowbox.now .selectarrow{ top: 8px; }
.twowordbox{ width: 242px; margin: 0 auto; }
.glbox{-webkit-box-shadow:2px 2px 4px #ccc;
        box-shadow:2px 2px 4px #ccc; font-weight: bold; float: left; margin: 0px 5px; color: #21C79A; line-height: 105px; text-align: center; font-size: 70px; width: 105px; height: 105px; background: #FFF; border:3px solid #2AC99E;}
.threeordbox{ width: 363px; margin: 0px auto; }
.gray_tc{ text-align: center; margin-bottom: 50px; }

.gray_tc .glbox{ background: none; border: 3px solid #ebebeb; color:#888888; -webkit-box-shadow: none;
        box-shadow: none;  display: inline-block; float: none;}

.gray_tc .glbox.now{box-shadow:2px 2px 4px #ccc;color: #21C79A; line-height: 105px; text-align: center; font-size: 70px; width: 105px; height: 105px; background: #FFF; border:3px solid #2AC99E;}
.box_625{width: 625px; margin: 0 auto;}
.box_625 .yellowbox,.box_415 .yellowbox{ position: relative; font-size: 60px; width: 100px; height: 100px; line-height: 100px; }
.box_625 .selectarrow img,.box_415 .selectarrow img{ width: 95px; }
.box_625 .selectarrow,.box_415 .selectarrow{top: 5px;}
.box_625 .start_mark,.box_415 .start_mark,.box_375 .start_mark,.box_420 .start_mark{ display: none; top: -40px; width: 86px;height: 57px; left: 50%; margin-left: -43px; position: absolute;background: url(../image/startt.png) 0px 0px no-repeat; }
.box_415{width: 416px; margin: 0 auto;}
.tipb2{}
.tipw{padding-top: 60px; float: right; width: 360px; }
.tipw h2{ margin-bottom: 20px; font-size: 24px; text-transform: uppercase; color: #333; }
.tipw h3{padding-left: 30px;letter-spacing: 0px; font-size: 18px; color: #E25332; background: url(../image/squr.png) left no-repeat;}
.startgo{-webkit-border-radius: 8px;
        border-radius: 8px; color: #FFF; font-size: 18px;font-weight: bold; margin: 0 auto; width: 160px;height: 60px;background: #e25332; border-bottom:5px solid #7f1e07;}
.startgo:hover{ background: #f16b4c; }

.gam3_step1{
	margin-left: -137px;
    margin-top: -87px;
}

.gam3_step2{
	margin-left: -137px;
    margin-top: -87px;
}

.gam3_step3{
	margin-top: -330px;
    margin-left: 152px;
	
}

.gam3_2_step1{
	margin-top: -70px;
    margin-left: 100px;
}

.gam3_2_step2{
    margin-top: -121px;
    margin-left: -375px;
}
.gam3_2_step3{
	margin-top: -345px;
    margin-left: 152px;

}

.gam3_3_step1{
	margin-top: -174px;
    margin-left: -136px;
}
.gam3_3_step2{
	margin-top: 50px;
    margin-left: -136px;
}
.gam3_3_step3{
	margin-top: -415px;
    margin-left: 152px;

}


/*第四遊戲*/

.hpline{
	margin-bottom: 15px;
    background: url(../image/lifhp.png) 0px 0px no-repeat;
    width: 900px;
    height: 97px;
    position: relative;
}
.cir_peo{ 
	position: absolute; 
	width: 80px;
	height: 80px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	text-align: center;
	max-width: 80px;
	max-height: 80px;
	top: 9px;
	left: 9px;
	overflow: hidden;
	
	
}
.cir_peo img{
	max-width: 80px;
	max-height: 80px;
	min-height: 80px;
}
.hpp{
	position: absolute;
	width: 795px;
	height: 29px;
	border-bottom: #b3521d 5px solid;
	background: #FF7800;
	top: 34px;
	left: 98px;
	color: #FFF;
	line-height: 29px;
	font-size: 18px;
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-border-radius: 15px;
	        border-radius: 15px;
}

.fruit_box{
    background: url(../image/game_4_01_03.jpg) 0px 0px no-repeat;
    width: 900px;
    height: 620px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.fishing_box{
	background: url(../image/game_4_01_4.jpg) 0px 0px no-repeat;
    width: 900px;
    height: 620px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;

}
.space_box{
	background: url(../image/game_4_01_1_03.jpg) 0px 0px no-repeat;
    width: 900px;
    height: 620px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;

}
.apple_q{
    background: url(../image/apple1.png) center no-repeat;
    width: 900px;
    height: 620px;
    position: relative;
	
}

.apple_q.clears{
    background: url(../image/apple2.png) center no-repeat;
    width: 900px;
    height: 620px;
    position: relative;
	
}
.text_parea{
	position: absolute;
	left: 50%;
	margin-left: -98px;
	width: 220px;
	height: 90px;
	background: #FFF;
	padding: 10px;
	top: 50%;
	margin-top: -42px;
	text-align: center;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-border-radius: 45px;
	        border-radius: 45px;
}
.text_parea p{
	font-size: 40px;
	font-weight: bold;
	color: #155993;
	margin-bottom: 10px;
	line-height: 70px;
}

.text_parea span{
	font-size: 24px;
	color: #888;
}

.apple_q.clears .text_parea,.watermelon_q.clears .text_parea,.lemon_q.clears .text_parea,.kiwei_q.clears .text_parea,.pineapple_q.clears .text_parea,.stone_q.clears .text_parea{ display: none; }



.watermelon_q{
    background: url(../image/watermelon1.png) center no-repeat;
    width: 900px;
    height: 620px;
    position: relative;
	
}

.watermelon_q.clears{
    background: url(../image/watermelon2.png) center no-repeat;
    width: 900px;
    height: 620px;
    position: relative;
	
}
.lemon_q{
    background: url(../image/lemon1.png) center no-repeat;
    width: 900px;
    height: 620px;
    position: relative;
	
}

.lemon_q.clears{
    background: url(../image/lemon2.png) center no-repeat;
    width: 900px;
    height: 620px;
    position: relative;
	
}
.kiwei_q{
    background: url(../image/kiwei1.png) center no-repeat;
    width: 900px;
    height: 620px;
    position: relative;
	
}

.kiwei_q.clears{
    background: url(../image/kiwei2.png) center no-repeat;
    width: 900px;
    height: 620px;
    position: relative;
	
}

.pineapple_q{
    background: url(../image/pineapple1.png) center no-repeat;
    width: 900px;
    height: 620px;
    position: relative;
	
}

.pineapple_q.clears{
    background: url(../image/pineapple2.png) center no-repeat;
    width: 900px;
    height: 620px;
    position: relative;
	
}

.stone_q{
    background: url(../image/stone1.png) center no-repeat;
    width: 900px;
    height: 620px;
    position: relative;
	
}

.stone_q.clears{
    background: url(../image/stone2.png) center no-repeat;
    width: 900px;
    height: 620px;
    position: relative;
	
}

.pineapple_q .text_parea{ margin-top: 0; }


.input_ar{ text-align: center; }
.input_ar h3{ font-size: 24px; color: #333; line-height: 40px; }

.input_ar input{-webkit-border-radius: 25px;
        border-radius: 25px; text-align: center; height: 50px; width: 100%;background: #333; -webkit-box-shadow:1px 1px 3px  #000 inset;
        box-shadow:2px 2px 3px #000 inset; color: #FFF;  font-size: 30px; font-weight: bold;}

.fish_1{
	position: absolute;
    background: url(../image/fish_1.png) no-repeat;
    width: 119px;
    height: 88px;
    left: -163px;
    top: 180px;
}
.fish_2{
	position: absolute;
    background: url(../image/fish_2.png) no-repeat;
    width: 163px;
    height: 80px;
    left: -163px;
    top: 290px;
}
.fish_3{
	position: absolute;
    background: url(../image/fish_3.png) no-repeat;
    width: 95px;
    height:125px;
    left: 972px;
    top: 260px;
}.fish_4{
	position: absolute;
    background: url(../image/fish_4.png) no-repeat;
    width: 129px;
    height: 85px;
    left: 972px;
    top: 380px;
}.fish_5{
	position: absolute;
    background: url(../image/fish_5.png) no-repeat;
    width: 145px;
    height: 74px;
    left: -163px;
    top: 400px;
}.fish_6{
	position: absolute;
    background: url(../image/fish_6.png) no-repeat;
    width: 138px;
    height: 90px;
    left: 972px;
    top: 450px;
}

.fish_net{
    background: url(../image/net.png) no-repeat;
    width: 128px;
    height: 179px;
    position: absolute;
    visibility:hidden;
    z-index: 5;
  
}
.pluss{
    background: url(../image/plusoram.png) no-repeat;
    width: 36px;
    height: 36px;
    position: absolute;
    z-index: 3;
    left: 50px;
    top: -20px;
}
.plusfly{
	display: block;
	top: 0px;
	position: relative;
	animation-name: plusfly;
	animation-duration: 1.1s;
	animation-delay: 0s;
	filter:alpha(opacity=0);-moz-opacity:0;opacity:0;
}
.scores_box{ position: absolute; }
.scores_box{
	left: 50%;
	margin-left: -35px;
	top: 50%;
	z-index: 10;
}
.scores{
	width: 70px;
	height: 30px;
	background: #FFF;
	line-height: 30px;
	text-align: center;
	font-size: 30px;
	color: #FD3D21;
	font-weight: bold;
	position: relative;
	-webkit-border-radius: 15px;
	        border-radius: 15px;
	
}


.quesfont{ background: #FFF; 
width: 65px;
height: 35px;
position: absolute;
color: #155993;
text-align: center;
font-size: 28px;
font-weight: bold;
-webkit-border-radius: 18px;
        border-radius: 18px;
        line-height: 35px;
}
.fish_1 .quesfont{
	left: 22px;
	top: 20px;
}
.fish_2 .quesfont{
	left: 50px;
	top: 18px;
}
.fish_3 .quesfont{
	left: 40px;
	top: 60px;
}
.fish_4 .quesfont{
	left: 31px;
	top: 23px;
}
.fish_5 .quesfont{
	left: 42px;
	top: 19px;
}
.fish_6 .quesfont{
	left: 31px;
	top: -6px;
}
.fish_1 .move{
	left:-70px; top:-12px;
	animation-name: fish_1;
	animation-duration: 2s;
	visibility: visible;
}
.fish_2 .move{
	left:-35px; top:-14px;
	animation-name: fish_2;
	animation-duration: 2s;
	visibility: visible;
}
.fish_3 .move{
	left:-82px; top:6px;
	animation-name: fish_3;
	animation-duration: 2s;
	visibility: visible;
}
.fish_4 .move{
	left:-74px; top:-9px;
	animation-name: fish_4;
	animation-duration: 2s;
	visibility: visible;
}
.fish_5 .move{
	left:-57px; top:-16px;
	animation-name: fish_5;
	animation-duration: 2s;
	visibility: visible;
}
.fish_6 .move{
	left:-76px; top:-20px;
	animation-name: fish_6;
	animation-duration: 2s;
	visibility: visible;
}

@keyframes fish_1 {
    0%   {left:-140px; top:-12px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
    60% {left:-70px; top:-12px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
    100% {left:-70px; top:-12px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

}
@keyframes fish_2 {
    0%   {left:-105px; top:-12px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
    60% {left:-35px; top:-14px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
    100% {left:-35px; top:-14px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

}
@keyframes fish_3 {
    0%   {left:-152px; top:6px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
    60% {left:-82px; top:6px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
    100% {left:-82px; top:6px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

}
@keyframes fish_4 {
    0%   {left:-145px; top:-9px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
    60% {left:-74px; top:-9px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
    100% {left:-74px; top:-9px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

}
@keyframes fish_5 {
    0%   {left:-127px; top:-16px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
    60% {left:-57px; top:-16px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
    100% {left:-57px; top:-16px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

}
@keyframes fish_6 {
    0%   {left:-146px; top:-20px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
    60% {left:-76px; top:-20px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
    100% {left:-76px; top:-20px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

}
@keyframes plusfly {
    0%  { top:0px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
    50% { top:-40px; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
    100% {top:-40px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

}


.space_1{
	position: absolute;
    background: url(../image/spac_1.png) no-repeat;
    width: 60px;
    height: 103px;
    left: 440px;
    top: -120px;
}
.space_2{
	position: absolute;
    background: url(../image/spac_2.png) no-repeat;
    width: 94px;
    height: 93px;
    left: 260px;
    top: -110px;
}
.space_3{
	position: absolute;
    background: url(../image/spac_3.png) no-repeat;
    width: 67px;
    height: 158px;
    left: 140px;
    top: -175px;
}
.space_4{
	position: absolute;
    background: url(../image/spac_4.png) no-repeat;
    width: 110px;
    height:62px;
    left: 640px;
    top: -78px;
}
.space_5{
	position: absolute;
    background: url(../image/spac_5.png) no-repeat;
    width: 59px;
    height: 95px;
    left: 540px;
    top: -110px;
}


.space_box .quesfont{
	width: 120px;
	left: 50%;
	margin-left: -60px;
	bottom: -15px;
}

.boom_1{
	background: url(../image/boom.png) no-repeat;
    width: 118px;
    height: 107px;
    position: absolute;
    z-index: 5;
    left: 50%;
    margin-left: -59px;
    visibility: hidden;
}

.space_1 .boom_1{
	bottom: -53px;
}
.space_2 .boom_1{
	bottom: -63px;
}
.space_3 .boom_1{
	bottom: -45px;
}
.space_4 .boom_1{
	bottom: -55px;
}
.space_5 .boom_1{
	bottom: -55px;
}

.space_box .move{
	animation-name: boom_1;
	animation-duration: 0.5s;
	visibility: visible;
	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
}


.boom_2{ 
	background: url(../image/boom2.png) no-repeat;
	position: absolute;
	bottom: -75px;
	left: 500px;
	width: 150px;
	height: 147px;
 }
@keyframes boom_1 {
    0%   { -ms-transform: scale(0); /* IE 9 */
    -webkit-transform: scale(0); /* Safari */
    transform: scale(0); filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
    100% {-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1); filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

}

.timeon{
	background: url(../image/clockb.png) no-repeat;
	width: 142px;
	height: 129px;
	position: absolute;
	right: 15px;
	top: 15px;
	color: #FFF;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	padding-top: 92px;
}

.helpshin{
	background: url(../image/helppp.png) no-repeat;
	width: 139px;
	height: 77px;
	position: absolute;
	left: -105px;
	top: 0;
	cursor: pointer;
	animation-name: shing_1;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
}

@keyframes shing_1 {
    0%   { -ms-transform: scale(0.8); /* IE 9 */
    -webkit-transform: scale(0.8); /* Safari */
    transform: scale(0.8); }
    50% {-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1); }
    100%   { -ms-transform: scale(0.8); /* IE 9 */
    -webkit-transform: scale(0.8); /* Safari */
    transform: scale(0.8); }
}

.gamer_over{
	width: 615px;
	height: 266px;
	background: url(../image/over.png) no-repeat;
	position: fixed;
	left: 50%;
	margin-left: -308px;
	z-index: 10;
	top: 50%;
	margin-top: -200px;
	padding: 90px 0px 0px 205px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}
.gamer_over .back{
	color: #FFF;
	background: #66AC28;
	border-bottom: #457e13 4px solid;
	width: 120px;
	height: 45px;
	font-size: 24px;
	display: block;
	text-align: center;
	padding-top: 5px;
	float: left;
	margin-right: 15px;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
		
}
.gamer_over .back:hover{
	background: #74c42d;
	border-bottom: #66AC28 4px solid;
}
.gamer_over .yes{
	color: #FFF;
	background: #ff7800;
	border-bottom: #b3521d 4px solid;
	width: 120px;
	height: 50px;
	font-size: 24px;
	display: block;
	text-align: center;
	line-height: 50px;
	float: left;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
		
}
.gamer_over .yes:hover{
	background: #ff8a00;
	border-bottom: #ff7800 4px solid;
}
.gamer_over .back span{
	font-size: 12px;
	line-height: 14px;
	display: block;
}
.gamer_over h3{
	font-size: 40px;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 30px;
	margin-left: 10px;
}
.bg_gr{
	background: rgba(204, 204, 204, 0.901961);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 10;
	top: 0;
	display: none;
}
.bg_gr .relative{ overflow: auto; width: 100%; height: 100%; }
.helps .voice_box.directive_bg{ position: relative; margin-bottom: 100px; }
.tipnot{
	border-top: 1px solid #6CB62A;
	border-left: 1px solid #6CB62A;
	border-bottom: 1px solid #6CB62A;
	
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	overflow: hidden;
}

.tipnot tr:first-child td{
	background: #6CB62A;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	height: 60px;

	
}
.tipnot td{ border-right: 1px solid #6CB62A;; height: 50px; font-size: 20px; }
.tipnot tr:nth-child(even){
	background: #e9ffd5;
}

.statu_1{
	position: relative;
	background: url(../image/none_vip.png) right top no-repeat;
	height: 62px;
	padding-right: 66px;
	line-height: 70px;
}
.statu_2{
	position: relative;
	background: url(../image/icon_stu.png) right top no-repeat;
	height: 62px;
	padding-right: 66px;
	line-height: 70px;
}
.statu_3{
	position: relative;
	background: url(../image/vip_icon.png) right top no-repeat;
	height: 62px;
	padding-right: 66px;
	line-height: 70px;
}

.upgrade{
	background: url(../image/upicon.png) right top no-repeat;
	width: 115px;
	height: 40px;
	position: absolute;
	right: -100px;
	top: -20px;
	display: block;
	animation-name: shing_5;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
}

@keyframes shing_5 {
    0%   { -ms-transform: scale(0.9); /* IE 9 */
    -webkit-transform: scale(0.9); /* Safari */
    transform: scale(0.9); 
        }
    50% {-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1); 
        }
    100%   { -ms-transform: scale(0.9); /* IE 9 */
    -webkit-transform: scale(0.9); /* Safari */
    transform: scale(0.9); 
        }
}

.title_prj{
	background: #FFF;
	font-weight: bold;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	padding: 15px 20px;
	margin-bottom: 40px;
	border:3px solid #FB9418;
	color: #FB9418;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
}

.proj_day li{
	width: 470px;
	background: #FFF;
	float: left;
	position: relative;
	margin-right: 40px;
	margin-bottom: 30px;
	
}

.proj_day li:nth-child(2n-2){
	margin-right: 0px; 
}
.marktip{
	background: url(../image/bv.png) right top no-repeat;
	width: 87px;
	height: 84px;
	position: absolute;
	right: -10px;
	top:-15px;
}
.pj{
	padding: 60px 0px 40px 0px;
	background: #EBEBEB;
	
}
.title_pone{
	background: #4c9cd9;
	font-size: 16px;
	text-align: center;
	padding: 10px 5px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.red_prj .title_pone{
	background: #EC6941;
	
}
.mid_box{
	padding: 20px 30px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	border: 2px solid #FFF;
	-webkit-transition: border 0.3s;
	   -moz-transition: border 0.3s;
	    -ms-transition: border 0.3s;
	     -o-transition: border 0.3s;
	        transition: border 0.3s;
}
.mid_box:hover{
	border: 2px solid #4c9cd9;

}
.red_prj .mid_box{
	padding: 20px 20px 10px 20px;
	
}
.red_prj .mid_box:hover{
	border: 2px solid #EC6941;
}
.cir_box{
	width: 140px;
	float: left;
	height: 140px;
	margin: 0 auto;
	text-align: center;
	color: #1f82cd;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-right: 15px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	border: 5px solid #4c9cd9;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}
.red_prj .cir_box{ float: left;
color: #EC6941;
 border:5px solid #EC8541;
 }
 .datetodate{ font-weight: bold;
 text-align: center;
 padding-top: 20px;
 font-size: 16px;
  }
 .datetodate span{ color:#EC8541; }
.cir_box p{
	font-size: 49px;
	font-weight: bold;
	color: #CD3203;
	line-height: 35px;
	margin-bottom: 0px;
	margin-top: 8px;
	display: inline-block;
	border-bottom: 1px solid #4c9cd9;;
}
.cir_box strong{
	font-size: 19px;
}

.cir_box span{
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.payprice{ 
	float: left;
	width: 250px;
	text-align: center; margin-bottom: 10px;
 }
.payprice p{
	color: #555;
	text-align:left;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 15px;
}

.buy_blue{ width: 210px;
height: 40px;
font-size: 16px;
font-weight: bold;
color: #FFF;
background: #4CCAD9;
border-bottom:3px solid #1497A6;
display: block;
-webkit-border-radius: 20px;
        border-radius: 20px;
 }
 .buy_blue:hover{
background: #2eb1c1;
border-top:2px solid #1497A6; 
border-bottom: 0px;
}

.fate_pa{
	border-top: 1px solid #CCC;
	margin-top: 10px;
	padding-top: 15px;
}
.fate_pa .payprice{
	float: left;
	text-align: left;
}
.fate_pa  .buy_blue{
	width: 130px;
	float: right;
	background: #ED7979;
	border-bottom:3px solid #d24040;
}
.fate_pa  .buy_blue:hover{
	background: #e55d5d;
	border-top:2px solid #d24040;
	border-bottom: 0px;
}

.box_980bt{ width: 980px;
margin: 0 auto; 
background: #FFF;
padding: 40px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
-webkit-border-radius: 5px;
        border-radius: 5px;
	    
}
.pament_tite{
	font-size: 20px;
	font-weight: bold;
	width: 100%;
	color: #FFF;
	line-height: 40px;
	height: 40px;
	padding:0px 20px;
	margin-bottom: 20px;
	background: #F5A13B;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
-webkit-border-radius: 5px;
        border-radius: 5px;
}
.tabing td{ font-size: 16px;
padding-left: 20px;
border-left: 1px solid #ddd;
 }
.tabing td:first-child{
	border: 0px;
}
.tabing tr:first-child td{
	font-size: 18px;
	font-weight: bold;
	color: #F5783B;
	
}
.total_pr{
	border-top: 1px solid #ddd;
	text-align: right;
	font-size: 20px;
	color: #F11A1A;
	margin-top: 20px;
	padding-top: 10px;
	font-weight: bold;
	padding-right: 20px;
}
.payy_1{ margin-bottom: 40px; }
.table_input{
	padding:0px 20px;
	margin-bottom: 20px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.table_input tr td:first-child,.fout_td tr td:nth-child(3){
	font-size: 18px;
	font-weight: bold;
	color: #333;
	letter-spacing: 0;
	text-align: right;
	padding: 0;
}
.table_input td{
	padding-left: 20px;
	border-bottom: 15px solid #FFF;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.sbox,.sbox_1{
	height: 60px;
	line-height: 40px;
	float: left;
	border: 1px solid #ddd;
	font-weight: bold;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	
}
.sbox:hover,.sbox_1:hover,.sbox.now,.sbox_1.now{
	background: #fffaf5;
}
.sbox_1{
	margin-left: 20px;
	line-height: 20px;
}
.sbox_1 span{ font-size: 14px; }
.sbox input,.sbox_1 input{
	float: left;
	margin-top: 15px;
	margin-right: 5px;
}
.sbox p,.sbox_1 p{
	float: left;
}
.border_sinp{ border: 1px solid #ddd; 
width: 100%;
height: 40px;
padding: 0px 10px;
-webkit-border-radius: 3px;
        border-radius: 3px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.check_to{
	font-size: 16px;
	font-weight: normal;
	margin-left: 15px;
}
.check_to input{ width: 17px;height: 17px; vertical-align: middle; }
.end_line{ border-top: 1px dashed #ddd;text-align: center; padding-top: 30px; }
.end_line .buy_blue{
	width: 250px;
	height: 50px;
	-webkit-border-radius: 25px;
	        border-radius: 25px;
	font-size: 20px;
	display: inline-block;
}
.agr{
	margin-bottom: 30px;
	display: inline-block;
}
.agr input{
	width: 17px;
	height: 17px;
	vertical-align: middle;
}
.table_his tr:nth-child(odd) td{
	background: #fff6ec;
}
.table_his tr:first-child td{
	background: #F5783B;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
}
.table_his tr:last-child td{
	border-bottom: 1px solid #f9e1c4;
}
.table_his td{
	padding: 15px 10px;
	text-align: center;
}
.table_his td a{
color:#F5783B;;
}

.recebox{
	border: 1px solid #ddd;
	padding: 30px;
	margin-top: 40px;
}
.recebox{ margin-bottom: 20px; }
.recebox p{ line-height: 20px; }
.redt{ font-size: 24px; color: #F52F2F; font-weight: bold; }
.rel_4tip{ 
position: relative;
 }

 .rel_4tip .tip_box.step1{
 	margin-left: -137px;
    margin-top: 73px;
 }
 .rel_4tip .tip_box.step2{
 	margin-left: -137px;
    margin-top: 323px;
 }
  .rel_4tip .tip_box.step3{
	margin:-447px 0px 0px 155px;
 }
   .rel_4tip .tip_box.step4{
margin:-440px 0px 0px 155px;
 }
   .rel_4tip .tip_box.step4 .box span.rel_4tip .tip_box.step7 span, .rel_4tip .tip_box.step3_1 span{
   	right: 0;
   	left: auto;
}
  .rel_4tip .tip_box.step5{
	margin:-539px 0px 0px -22px;

 }

   .rel_4tip .tip_box.step5_2{
	margin:-539px 0px 0px 156px;

 }
   .rel_4tip .tip_box.step6{
	margin:-539px 0px 0px 156px;
 }
   .rel_4tip .tip_box.step6_2{
	margin:-400px 0px 0px 155px;
 }
    .rel_4tip .tip_box.step7{
	margin:-400px 0px 0px 155px;
 }
   .rel_4tip .tip_box.step3_1{
	margin:-400px 0px 0px 155px;
 }


.voice_box.select_level.typews
{
	background-color: #3d86c4;
}



.content .mCSB_inside > .mCSB_container{
 margin-right: 15px; 
}