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

body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol,ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
caption, th {text-align: left;}
q:before, q:after {content: '';}

/*-- about MJSG --*/
a:hover {text-decoration: underline;}
.clear {clear: both;}

a:active, a:focus {outline: none;}

body {background: #000; color: #f3f4f6; font-size: 12px;}
.wrap {margin: 0 auto; background: url(../../images/tg/bg.jpg) no-repeat top;}
.pageWrap {width: 950px; height: 467px; margin: 0 auto;}

.btnBox {float: left; margin: 163px 0 0 385px; _margin-left: 190px;}
.btnBox a {display: block; float: left; width: 122px; height: 26px; margin-right: 8px; text-indent: -9999px; overflow: hidden;}
.btnBox a.btnWof {background: url(../../images/tg/btn_wof2.gif) no-repeat;}
.btnBox a.btnWof:hover {background: url(../../images/tg/btn_wof.gif) no-repeat;}
.btnBox a.btnGuide {background: url(../../images/tg/btn_Guide2.gif) no-repeat;}
.btnBox a.btnGuide:hover {background: url(../../images/tg/btn_Guide.gif) no-repeat;}
.btnBox a.btnGame {background: url(../../images/tg/btn_Game2.gif) no-repeat;}
.btnBox a.btnGame:hover {background: url(../../images/tg/btn_Game.gif) no-repeat;}

.contain {float: left; width: 631px; margin: 5px 0 0 149px; _margin-left: 75px; background: url(../../images/tg/cBg_T.gif) no-repeat top;}
.contain .content {float: left; width: 580px; padding: 0 16px 10px 35px; background: url(../../images/tg/cBg_B.gif) no-repeat bottom;}

.left {float: left; width: 166px; margin-top: 35px;}
.left img {margin-bottom: 10px;}
.contantInfo {width: 168px; background: url(../../images/tg/contantInfoBg.jpg) no-repeat bottom;}
.contantInfo h2 {width: 168px; height: 40px; background: url(../../images/tg/contantInfo_T.jpg) no-repeat; text-indent: -9999px; overflow: hidden;}
.contantInfo ul {width: 152px; padding: 8px;}
.contantInfo ul li {width: 138px; margin: 3px 5px;}


.right {float: right; width: 404px; margin-top: 35px; background: url(../../images/tg/leftBg_T.jpg) no-repeat top;}
.rContent {float: right; width: 370px; padding: 20px 17px; background: url(../../images/tg/leftBg_B.jpg) no-repeat bottom;}
.rContent h1 {width: 365px; padding: 3px 0 8px 5px; background: url(../../images/tg/line.jpg) repeat-x bottom; color: #a3ecf5; font-size: 14px; font-weight: normal;}
.rContent h1 span {margin: 0 5px; color: #01fff6; font-weight: bold;}

.introInfo {width: 365px; padding: 0 0 8px 5px; background: url(../../images/tg/line.jpg) repeat-x bottom;}
.introInfo h2 {display: block; width: 116px; height: 19px; margin: 12px 0 5px; background: url(../../images/tg/introInfo_T.jpg) no-repeat; text-indent: -9999px; overflow: hidden;}
.introInfo p {margin: 0 3px 5px; line-height: 150%;}

.inviteInfo {width: 365px; padding: 0 0 8px 5px;}
.inviteInfo h2 {display: block; width: 116px; height: 19px; margin: 12px 0 5px; background: url(../../images/tg/inviteInfo_T.jpg) no-repeat; text-indent: -9999px; overflow: hidden;}
.inviteInfo p {margin: 0 3px 5px; line-height: 150%;}
.right a.btnReg {float: right; width: 100px; height: 25px; margin-right: 5px; background: url(../../images/tg/btn_reg.jpg) no-repeat; text-indent: -9999px; overflow: hidden; cursor: pointer;}
.right a.btnReg:hover {background: url(../../images/tg/btn_reg2.jpg) no-repeat;}

/* footer
-----------------------------------------------------------------------------------------------------------------*/
.footer {clear: both; width: 950px; margin: 0 10px; padding: 15px 0; color: #a3ecf5;}
.footer a {color: #a3ecf5; text-decoration: none;}
.footer a:hover {color: #ffcf04; text-decoration: underline;}

.fLogo {float:left; height:60px; margin-top:15px;}
.fLogo img {margin: 0 5px;}

.gov {float:right; width:250px; margin-top:10px; text-align:center;}
*html .gov {margin-right: 0px;}
.gov img {margin-bottom: 5px;}

.fLinkBox {text-align: center; padding-top: 10px;}
.fLinkBox div {margin-bottom: 5px;}
.fLinkBox a {margin: 0 3px;}