
@media screen and (max-width:980px){

	/* index */
	.warp, #banner li a { width:auto; }
	#module .dhb, #module .game, #module .quick { width:32%; }

	/* 金币充值 */
	.crumb { padding:30px 0 5px 10px; }
	#sidebar { width:201px; margin-left:10px; }
	#content { width:520px; }
	#rightBar { width:205px; }

	/* 游戏充值 */
	#gameList .list li a { width:204px; }
	#J_changeAreaTip { width:159px !important; }
}



@media screen and (max-width:800px){

	/* index */
	#module .dhb, #module .game, #module .quick { float:none; padding:20px 0 10px; margin:0 10px 10px; width:auto; box-shadow:0 1px 9px 0 #eee; }
	#module .dhb, #module .game { background:none; }
	#module .dhb .t, #module .game .t, #module .quick .t { margin-bottom:10px; }
	#module .dhb .t { background-position:22px 0; }
	#module .game .t { background-position:10px -35px; }
	#module .quick .t { background-position:10px -69px; }
	#module p { position:absolute; top:22px; left:138px; text-align:left; }
	#module .dhb p { left:166px; }
	#module ul { width:100%; }

	#link { border:0; }
	#footer { width:auto; padding:10px 0; text-align:center; }
	#footer h2 { float:none; margin:0 0 10px 0; }
	#footer p { margin:0; padding:0 10px; }


	/* 金币充值 */
	#content { width:560px; margin-left:228px; float:none; }
	#myForm { display:block; }
	.ulList, .bankList { overflow:hidden; }
	#rightBar { display:none; }
	.crumb { position:relative; }
	.crumb_right { position:absolute; right:10px; top:30px; display:block; }
	.crumb_right a { display:inline-block; padding:0 0 0 10px; margin-left:10px; line-height:12px; border-left:1px solid #ccc; }

	/* 游戏充值 */
	#gameList .list li a { width:225px; }
	#J_changeAreaTip { width:199px !important; }

}

@media screen and (max-width:768px){
	
	/* 金币充值 */
	#content { width:530px; }


	/* 游戏充值 */
	#gameList .list li a { width:215px; }

	#J_changeAreaTip { width:169px !important; }
}

@media screen and (max-width:650px){ /* 640 */

	/* index */
	#nav li a { height:60px; line-height:60px; padding:0 17px; }
	#header { height:60px; }
	#m_hdLogo img { height:48px; }

	/* 金币充值 */
	#sidebar { width:120px; margin:0; padding:0; border-top:0; height:auto;  }
	#sidebar .payInfo { display:none; }
	#sidebar .ic, #sidebar .font_more { display:none; }
	#sidebar li a { height:auto; padding:5px 0 5px 15px; font-size:12px; }

	#content { margin:0 10px; padding-bottom:30px; padding-left:125px; width:auto; }
	#m_form dd { margin-bottom:15px; }
	.prompt-true, .prompt-false { display:block; line-height:25px; }
	.bankList li a { width:100px; }
	.ulList a { padding:0 15px; }
	.ulList li { margin-right:6px; }

	#J_priceList .inputText { width:35px !important; }

	#J_changeAreaTip { float:none !important; }
	
	/* 游戏充值 */
	#gameList .list li { float:none; }
	#gameList .list li a { display:block; width:auto; }
	#gameList .list li span { margin-left:130px; }

	.validateMsg { display:block; }
	#gameList .tabHead { display:none; }

	/* 大区 */
	.fn_areaShow, .fn_roleShow {height:280px; background:#fff; }

	.fn_areaShow .u_sel_b, .fn_roleShow .u_sel_b { position:relative; top:0; padding-top:35px; border:none; width:100%; display:block !important; }

	.fn_areaShow .u_sel_b li, .fn_roleShow .u_sel_b li { padding: 10px; border-bottom:1px dotted #ddd; float:left; width:111px; border-left:2px solid #fff; }
	.fn_areaShow .u_sel_b li:hover, .fn_roleShow .u_sel_b li:hover { border-left:2px solid #FB3838;color:#666; }

	.fn_areaShow .u_sel_bTab li { padding:0 8px;  width:auto; border-left:1px solid #fff; }
	.fn_areaShow .u_sel_bTab li:hover { background:#fff; border-bottom:0; border-left:1px solid #fff; color:#f08300; background:#fff; }

	.fn_selTitle { height:35px; line-height:35px; text-align:center; color:#fff; background:#ff6b01; }
	.fn_selBack { position:absolute; left:10px; top:0; font-family:""; font-size:18px; font-weight:bold; }
	.fn_selBack:hover { color:#fff; }

	.fn_areaShow, .fn_roleShow, .fn_selTitle { overflow:auto; position:fixed; z-index:99; left:50%; top:-100%; width:400px; margin-top:-140px; margin-left:-200px; }
	.fn_areaShow, .fn_roleShow, .fn_selTitle {
		transition: top .3s ease-in-out;
		-webkit-transition: top .3s ease-in-out;}
	
	.fn_top50 { top:50%; }


	/* 弹窗们 */
	.window { width:300px; min-width:300px; margin-left:-150px; top:0; padding-bottom:10px; }
	.window h4 .close { font-size:10px; height:30px; line-height:30px; }
	.window h4 { height:30px; line-height:30px; }
	.window h4 { font-size:12px; }
	.btnGray, .btn_orange { width:80px; height:30px; line-height:30px; font-size:12px; }

	
	#payTip .btn { margin-left:0; }
	#payTip .btn a { font-size:12px; height:30px; line-height:30px; width:80px; }
	#payTip .windowMain { padding:20px 0; }
	#payTip h5 { font-size:12px; }
	#payTip h5 i { display:none; }
	#payTip .btn { margin-top:20px; }
	#payTip h5 p { margin-left:55px; }

	#payConfirm ul { margin-left:0; }
	#payConfirm li { padding:2px 0; }
	#payConfirm li em { font-size:12px; }

}

@media screen and (max-width:480px){

	/* index */
	#nav li a { padding:0 9px; font-size:14px; }
	#header h1 { margin:10px 0 0 10px; }
	#m_hdLogo img { height:40px; }

	/* 金币充值 */
	#sidebar { position:relative; cursor:pointer; margin-left:-122px; }
	#sidebarBtn { display:block; position:absolute; right:-46px; top:5px; width:30px; height:30px; padding:3px; background:url(../images/ic_sidebarBtn.png) no-repeat center center #fafafa; }

	#content { width:452px; padding-left:0; }
	#main { overflow:hidden; }

}

/* 小于480的暂不考虑 */
@media screen and (max-width:415px){	/* iphone6+ */

	/* index */
	#header h1 { width:40px; overflow:hidden; }
	#nav li a,#nav li.current a { padding:0 7px; background:none; font-size:13px; }

	#module p, #module .dhb p { position:inherit; text-align:left; left:auto; top:auto; padding-left:22px; }
	#module .more { top:22px; }

	/* 金币充值 */
	.crumb_right span { display:none; }
	.crumb_right a { border:0; }

	#content { width:395px; }
	#m_form dt { font-size:12px; width:97px; }
	#m_form dd { margin-left:98px; }
	#m_form .inputText { width:206px; }

	.ulList li { margin-bottom:8px; }

	.bankList li span { display:none; }
	.bankList li a { width:auto; }
	

	.areaList .u_sel, .roleList .u_sel { width:226px; }

	.fn_areaShow, .fn_roleShow, .fn_selTitle { width:320px; margin-left:-160px; }
	.u_sel_bSearch { width:68px; }
	.u_sel_bSearch input { width:45px; }
	.u_sel_bList li { padding:6px 4px !important; width:96px !important; }
}


@media screen and (max-width:375px){	/* iphone6 */
	
	#content { width:355px; }

}

@media screen and (max-width:360px){	/* 360 */
	
	#content { width:340px; }

}
@media screen and (max-width:320px){

	/* index */
	#link a { margin:0 3px; }

	/* 金币充值 */
	#content { width:300px; }
	#m_form .inputText { width:165px; }
	.areaList .u_sel, .roleList .u_sel { width:185px; }

}