/* CrossGate Web System */

/* Global Style */

html,body { margin: 0px; text-align: center; font-size: 12px; font-family: "ËÎÌå"; }

a:link { text-decoration: none; color: #000000; }
a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration: underline; color: #000000; }
a:active { text-decoration: none; color: #000000; }

img { border: 0px; }
input { border: 1px solid #CCCCCC; background-color: #FFFFFF; height: 16px; color: #666666; font-size: 12px; }
select { border: 1px solid #FFFFFF; background-color: #FFFFFF; font-size: 12px; }

.OKMsg { border: 1px solid #00BE00; background: url(../images/Msg_OK.gif) no-repeat 2px 2px; padding: 4px; padding-left: 25px; color: #000000; }
.WarningMsg { border: 1px solid #00A8FF; background: url(../images/Msg_Warning.gif) no-repeat 2px 2px; padding: 4px; padding-left: 25px; color: #000000; }
.ErrorMsg { border: 1px solid #FF6600; background: url(../images/Msg_Error.gif) no-repeat 2px 2px; padding: 4px; padding-left: 25px; }

.CheckCode { cursor: pointer; }

.Red { color: #FF3333; }
.Red a:link { text-decoration: underline; color: #FF3333; }
.Red a:visited { text-decoration: underline; color: #FF3333; }
.Red a:hover { text-decoration: underline; color: #FF3333; }
.Red a:active { text-decoration: underline; color: #FF3333; }
.Blue { color: #0099FF; }

#Page_Html { margin-left: auto; margin-right: auto; border-left: 1px solid #1A5291; border-right: 1px solid #1A5291; width: 1002px; }
#PageHead { clear: both; background-image: url(../images/Page_Head.gif); background-repeat: no-repeat; width: 1002px; height: 205px; }
#PageMenu { clear: both; background-image: url(../images/Page_Menu.gif); background-repeat: no-repeat; padding-left: 78px; width: 924px; height: 34px; text-align: left; font-size: 0px; }
#PageSpace { clear: both; background-image: url(../images/Page_Space.gif); background-repeat: no-repeat; width: 1002px; height: 30px; }

#PageContent { clear: both; text-align: left; }
#PageContent .PageBody { clear: left; float: left; width: 698px; text-align: center; }
#PageContent .RightImg { clear: right; float: left; background-image: url(../images/Page_RightImg.gif); width: 304px; height: 232px; }

#PageContent .PageSucceed { display: none; margin-left: auto; margin-right: auto; background-image: url(../images/Page_Succeed.gif); background-repeat: no-repeat; width: 400px; height: 160px; }
#PageContent .PageSucceed .Content { padding-top: 60px; padding-left: 210px; color: #D34D10; text-align: left; }
#PageContent .PageSucceed .Content a:link { text-decoration: underline; color: #000000; }
#PageContent .PageSucceed .Content a:visited { text-decoration: underline; color: #000000; }
#PageContent .PageSucceed .Content a:hover { text-decoration: underline; color: #000000; }
#PageContent .PageSucceed .Content a:active { text-decoration: underline; color: #000000; }

#PageContent .PageError { margin-left: auto; margin-right: auto; background-image: url(../images/Page_Error.gif); background-repeat: no-repeat; width: 400px; height: 160px; }
#PageContent .PageError .Content { padding-top: 60px; padding-right: 210px; color: #D34D10; text-align: left; }
#PageContent .PageError .Content a:link { text-decoration: underline; color: #000000; }
#PageContent .PageError .Content a:visited { text-decoration: underline; color: #000000; }
#PageContent .PageError .Content a:hover { text-decoration: underline; color: #000000; }
#PageContent .PageError .Content a:active { text-decoration: underline; color: #000000; }


/* Default */

#Default_Page .Login { clear: left; float: left; background-image: url(../images/Default_Login.gif); background-repeat: no-repeat; width: 213px; height: 232px; }
#Default_Page .Login .Content { padding-top: 40px; padding-left: 42px; padding-right: 2px; }
#Default_Page .Login .Content .Button { height: 22px; width: 70px; }

#Default_Page .News { float: left; background-image: url(../images/Default_News.gif); background-repeat: no-repeat; width: 485px; height: 232px; }
#Default_Page .News .Content { padding-top: 42px; padding-left: 34px; padding-right: 8px; }

#Default_Page .Space1 { clear: both; width: 1002px; height: 34px; }

#Default_Page .Down { clear: left; float: left; background-image: url(../images/Default_Down.gif); background-repeat: no-repeat; width: 213px; height: 276px; }
#Default_Page .Down .Content { padding-top: 42px; padding-left: 44px; padding-right: 8px; }
#Default_Page .Down .Content ul { margin: 0px; padding: 0px; list-style-type: none; }

#Default_Page .Level { float: left; background-image: url(../images/Default_Level.gif); background-repeat: no-repeat; width: 485px; height: 276px; }
#Default_Page .Level .Head { padding-top: 10px; padding-left: 210px; height: 18px; color: #185192; font-size: 14px; }
#Default_Page .Level .Content { padding-left: 142px; padding-right: 8px; }
#Default_Page .Level .Content .LevelList { table-layout: fixed; width: 335px; }
#Default_Page .Level .Content .LevelList td { overflow: hidden; white-space: nowrap; }

#Default_Page .Sell { clear: right; float: left; background-image: url(../images/Default_Sell.gif); background-repeat: no-repeat; height: 276px; width: 304px; }


/* Reg */

#Reg_Page .RegContent .RegAgreement .text { margin-left: auto; margin-right: auto; overflow: auto; border: 1px solid #CCCCCC; padding: 5px; width: 400px; height: 150px; text-align: left; }
#Reg_Page .RegContent .RegAgreement .Button { height: 20px; width: 50px; }

#Reg_Page .RegContent .RegForm { display: none; text-align: right; }
#Reg_Page .RegContent .RegForm .RegCue { background-image: url(../images/Reg_Cue.gif); background-repeat: no-repeat; padding-top: 10px; padding-bottom: 20px; padding-left: 116px; height: 67px; text-align: left; }
#Reg_Page .RegContent .RegForm .RegCue .Content { border: 1px solid #F2F0F1; padding-left: 4px; padding-right: 4px; width: 392px; height: 65px; color: #CCCCCC; }
#Reg_Page .RegContent .RegForm .RegInput .InputContent { border: 1px solid #F2F0F1; background-color: #FAFAFA; padding: 10px; width: 300px; color: #999999; text-align: left; }
#Reg_Page .RegContent .RegForm .RegInput .InputContent td { height: 34px; }

#Reg_Page .RegContent .RegForm .RegInput .InfoContent { border: 1px solid #F2F0F1; background-color: #FAFAFA; padding: 10px; width: 300px; color: #999999; text-align: left; }
#Reg_Page .RegContent .RegForm .RegInput .InfoContent td { height: 34px; }
#Reg_Page .RegContent .RegForm .RegInput .InfoContent .OKMsg { display: none; }
#Reg_Page .RegContent .RegForm .RegInput .Button { height: 24px; width: 80px; }

#Reg_Page .RegSucceed { display: none; }
#Reg_Page .RegSucceed .SucceedInfo { margin-left: auto; margin-right: auto; background-image: url(../images/Reg_Succeed.gif); background-repeat: no-repeat; padding-top: 120px; width: 400px; height: 40px; color: #D34D10; }
#Reg_Page .RegSucceed .SucceedInfo a:link { text-decoration: underline; color: #000000; }
#Reg_Page .RegSucceed .SucceedInfo a:visited { text-decoration: underline; color: #000000; }
#Reg_Page .RegSucceed .SucceedInfo a:hover { text-decoration: underline; color: #000000; }
#Reg_Page .RegSucceed .SucceedInfo a:active { text-decoration: underline; color: #000000; }


/* AccountManage */

#AccountManage_Page .MemberInfo { clear: left; float: left; padding-left: 50px; padding-right: 20px; width: 178px; }
#AccountManage_Page .MemberInfo .Content { background: #FAFAFA url(../images/Account/Image.gif) no-repeat 8px 5px; border: 1px solid #F2F0F1; padding-top: 76px; padding-left: 8px; padding-right: 8px; width: 160px; height: 174px; color: #D34D10; text-align: left; }
#AccountManage_Page .MemberInfo .Content .SysMsg { color: #000000; }

#AccountManage_Page .MemberFunction { clear: right; float: left; text-align: left; }
#AccountManage_Page .MemberFunction .Form { border: 1px solid #F2F0F1; background-color: #FAFAFA; padding: 10px; width: 300px; color: #999999; text-align: left; }
#AccountManage_Page .MemberFunction .Button { height: 24px; width: 80px; }

#AccountManage_Page .Loading { display: none; padding: 3px; text-align: right; }
#AccountManage_Page .Loading img { vertical-align: -2px; }

#Manage_1 ul { margin: 0px; list-style-type: none; padding: 0px; padding-left: 20px; }
#Manage_1 ul li { float: left; padding-right: 6px; height: 26px; }
#Manage_1 ul li a { float: left; border: 1px solid #F2F0F1; border-bottom: 0px; background-color: #FFFFFF; padding-left: 3px; padding-right: 3px; height: 26px; line-height: 26px; color: #999999; }
#Manage_1 ul li a:hover { text-decoration: none; }
#Manage_1 ul li a.cur { position: relative; margin-bottom: -1px; border-bottom: 0px; background-color: #FAFAFA; height: 27px; color: #000000; }

#Manage_1 .tabcontent { display: none; clear: both; border: 1px solid #F2F0F1; background-color: #FAFAFA; padding: 4px; width: 430px; height: auto; color: #999999; }
#Manage_1 .tabcontent a { color: #FFFFFF; }


/* Account */

#Account_Page table { width: 430px; }
#Account_Page fieldset { border: 1px solid #F2F0F1; padding: 4px; color: #999999; }


/* GetPass */

#GetPass_Page .GetPass .Image { position: absolute; width: 698px; }
#GetPass_Page .GetPass .Image .Content { margin-left: auto; margin-right: auto; background-image: url(../images/GetPass_Image.gif); background-repeat: no-repeat; width: 280px; height: 80px; }
#GetPass_Page .GetPass .Space { height: 64px; }
#GetPass_Page .GetPass .Form { margin-left: auto; margin-right: auto; border: 1px solid #F2F0F1; background-color: #FAFAFA; padding: 10px; width: 300px; color: #999999; text-align: left; }
#GetPass_Page .GetPass .Form .Button { height: 24px; width: 80px; }


/* AdminLogin */

#AdminLogin_Page { padding-top: 50px; text-align: center; }
#AdminLogin_Page .Image { margin-left: auto; margin-right: auto; background-image: url(../images/Admin_LoginImage.gif); height: 200px; width: 500px; }
#AdminLogin_Page .Login { padding-top: 20px; color: #666666; }
#AdminLogin_Page .Login table { margin-left: auto; margin-right: auto; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; width: 360px; text-align: left; }
#AdminLogin_Page .Login td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
#AdminLogin_Page .Login .Button { height: 22px; width: 70px; }