/* Base and Reset
 --------------------------------*/
* { margin: 0; padding: 0; list-style: none; border: 0px; }
html, body { height: 100%; overflow: auto; }
body { background: #fff; text-align: center; color: #000; font-size:12px; font-family: "微软雅黑", tahoma, "宋体", Arial; }
ul, li { list-style: none; }
a, a:visited { text-decoration: none; }
#footer-section a { color: #fff; }
a:hover { text-decoration: underline; }
h2, h3, h4 { font-weight: bold; }
h2 { color:#2b6c9f; font-size: 20px; margin: 8px; font-weight: bold; }
h2.orange, h4.orange { color: #f26522; }
.rewardrecord h4 { display: inline; }
h3, .content_block h3 a { line-height: 20px; color: #fff; font-size: 13px; }
input { border: 0px solid #fff; }
h4, .form-title { color:#2b6c9f; font-size: 14px; font-weight: bold; line-height: 30px; }
#msn-import-form h4 { line-height: 18px; }
img { border: 0px solid #fff; }
label { color:#2b6c9f; font-weight: bold; display: block; margin: 5px; 0; }

.input-txt { height: 18px; width: 150px; margin-right: 5px; border: 1px solid #ccc; line-height: 18px; }
#maincontent .input-txt { width: 380px; }
#abtest_register .input-txt { width: 220px; }
#abtest_register .checktxt { color: red; }
#abtest_register .form_label { margin-right: 5px; display: inline-block; }
textarea {  border: 2px solid #ccc; }

.center { text-align: center; }
.textright { text-align: right; }

.left { float: left; }
.right { float: right; }
.clearboth, .content_block, .form-item { clear: both; }
.mr { margin-right: 5px; }
.mt { margin-top: 5px; }
.mr_8 { margin-right: 8px; }
.floatparent, .content_block .content_body, .form-item { overflow: hidden; zoom: 1; }
.even, .pkg-even .inner { background: #eee; }

.displaynone { display: none; }

.error, .red { color: red; font-weight: bold; }


/* Block
 --------------------------------*/
.block_sbj_head, .block_sbj_foot { display: none; }

.content_block { margin-bottom: 8px; }
.content_block h3 { display: block; height: 20px; padding: 0 8px; }
.content_block .content_body { padding: 8px 8px 0 8px; }
.content_block_even .content_body { background: #eee; }
.block_foot, .block_top { clear:both; height: 8px; width: 100%; }

/* Button
 --------------------------------*/
.btnWrap { display:inline; height: 22px; padding-left: 5px; background: none url(http://www.gamexiu.com/template/square/newimg/btn-bg.gif) no-repeat 0 0; cursor: pointer; color: #fff;  }
.btnWrap input { display: inline-block; height: 22px; padding-right: 5px; background: #fff url(http://www.gamexiu.com/template/square/newimg/btn-bg.gif) no-repeat right 0; color: #fff; cursor: pointer; }
.gray-btnWrap { background-position: 0 -22px; }
.gray-btnWrap input { background-position: right -22px; color: #333; }
.green-btnWrap { background-position: 0 -44px; }
.green-btnWrap input { background-position: right -44px; }
.orange-btnWrap { background-position: 0 -66px; }
.orange-btnWrap input, .orange-btnWrap span { background-position: right -66px; }
.gold-btnWrap { background-position: 0 -164px; }
.gold-btnWrap input { background-position: right -164px; color: red; }
.red-btnWrap { background-position: 0 -186px; }
.red-btnWrap input { background-position: right -186px; color: #fff; }
.square-btnWrap { height: 76px; padding-left: 10px; background-position: 0 -88px; }
.square-btnWrap input { width: 66px; height: 76px; padding-right: 10px; background-position: right -88px; }

/* Grid
 --------------------------------*/
#wrap { width: 1024px; background: #46b7e4; text-align: center; margin: 0 auto; }

#topmenu-section { width: 1024px; height: 60px; background: url(http://www.gamexiu.com/template/squarestatic/images/topmenubg.jpg) no-repeat left top; }
#topmenu-section .floatparent { margin-left: 230px; padding-left: 10px; background: url(http://www.gamexiu.com/template/squarestatic/images/top_section_menu_wrapper_bg.jpg) repeat-x; line-height: 60px; }
#main-section { width: 1000px; margin: 10px auto; text-align: left; }
#footer-section { width: 1024px; height: 63px;  background: url(http://www.gamexiu.com/template/squarestatic/images/foot_repeat.jpg) repeat-x; text-align: center; }
#main-wrap { background: #fff; padding: 5px 0; }

#selectPkg { text-align: center; }
#selectPkg ul { margin: 0 auto; padding: 10px 0; }
#selectPkg li { width: 120px; }
#selectPkg li img { display: block; }
#selectPkg li .inner { padding: 0 5px; }

#selectPkg .pagetitle { width: 500px; text-align: left;  }

#big-img-area.loading { background: #fff url(http://www.gamexiu.com/template/squarestatic/images/busy.gif) no-repeat center center; }

.form-item_head {height: 28px; padding-left: 12px; line-height: 28px; background: #2699cf url(http://www.gamexiu.com/template/squarestatic/images/topbg.jpg) no-repeat -234px -180px;}

.block_foot { display:block; width: 276px; height: 8px; padding:0;background: #2699cf url(http://www.gamexiu.com/template/squarestatic/images/topbg.jpg) no-repeat -234px -120px; }

.form-item h4 { display: inline; }

#frLinks { margin-top: 5px; }

.xtop, .xbottom {
background:transparent none repeat scroll 0 0;
display:block;
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block;
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff none repeat scroll 0 0;
border-left:1px solid #fff;
border-right:1px solid #fff;
}
.pkg-even .xb2, .pkg-even .xb3, .pkg-even .xb4 { background: #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; }

.xb1 {
background:#fff none repeat scroll 0 0;
margin:0 5px;
}

.xb2 {
border-width:0 2px;
margin:0 3px;
}

.xb3 {
margin:0 2px;
}

.xb4 {
height:2px;
margin:0 1px;
}

#page_content .xb2, #page_content .xb3, #page_content .xb4 { background: #46b7e4; border-left: 1px solid #46b7e4; border-right: 1px solid #46b7e4; }




/* After Activation */
.main_wrap { margin: 8px; }
.main_inner { background: #fff; }
.main_inner h2 { margin: 0; }
.main_inner h3 { color: #2b6c9f; border-bottom: 2px solid #ccc; text-align: left; }
.main_inner a, .main_inner a:link, #schoolselector_wrap a, #schoolselector_wrap a:link, #cityselector_wrap a, #cityselector_wrap a:link { color: #2b6c9f; }
.main_inner table { width: 90%; }
#page_content { padding: 8px;  text-align: left;}
#page_callback_message { text-align: center; }
#page_content .main_inner {background: #fffbc0; border-left: 5px solid #46b7e4; border-right: 5px solid #46b7e4; padding: 10px; }
#page_content label { margin: 0; line-height: 18px; }
#page_content span { line-height: 18px; }
#page_content { padding: 10px 100px; }
#page_content .floatparent { margin-top: 10px; }
#basicprofile { margin: 0 auto; padding: 20px 80px; }
#basicprofile label { padding-right: 10px; width: 60px; text-align:right; }

.province { width: 40px; }
.university, .schools, .provincechildren, .provincegrandchildren { width: 80px; }

#schooldetailselect, #citydetailselect { width: 450px; }

#schoolselector_wrap .innerwrap, #cityselector_wrap .innerwrap { width: 100%; height: 80px; overflow: auto; background: #fff; padding: 0 10px; margin: 0; border: 1px solid #ccc; }
#schoolselector_wrap .floatparent, #cityselector_wrap .floatparent { border-bottom: 1px solid #ccc; }
#schoolselector_wrap .others, #cityselector_wrap .others { height: 30px; line-height: 30px; }
#schoolselector_wrap .university_wrap { height: 160px; }

#msn-import-form .floatparent { margin-bottom: 10px; }
#msnimportbtnwrap { margin-left: 71px; }
.msninvitesender { float: right; padding-top: 40px; }
.msninvitesender textarea { width: 260px; height: 260px; }

.msnlisttable { width: 500px; float:left; margin-right: 10px;  }

#maillist-wrap  {width: 500px; _width: 480px; height: 350px; overflow: auto; margin-bottom: 10px; }

#rewardrecord { text-align: center; }

#forgotpwd label { width: 45px; }

#page_content .input-txt {height: 22px; line-height: 22px; } 

#abtest_register { width: 600px; margin: 0 auto; }

.abtest .activationInfo { text-align: center; }
.abtest .activationInfo .subtitle {color: #333!important; }
.abtest .activationInfo h4 {color: #2b6c9f!important; }
.abtest .activationInfo p {color: #000!important; }
#choosegender-wrap { width: 300px; }
#gx_registration { word-break: break-all; }

/* pagenotice */
.button_show {float:left;width:100%;margin:20px 0 0 0;}
.button_left_left {float:left;text-align:center;width:50%;}
.button_right_right {float:left;text-align:center;width:50%;}