﻿* { padding: 0; margin: 0;}
html{}
body{font:9pt Tahoma; background:#000; margin:0 auto; color:#000; word-break:break-all; font-family:Hall Fetica; /*white-space:nowrap;*/}
ul, ol{list-style : none; } 
img{ border: none; display:block; }
table{ border-collapse: collapse; background: none; }
input, textarea{font:14px/27px ""; border:none;}
a{ color: #fff; text-decoration: none; cursor:hand; background: inherit; }
a:hover{ color: #aaf12d; text-decoration: none; background: inherit; }
a:link{ text-decoration:underline;}
.clear{ clear:both; }
.floatL{ float:left; }
.floatR{ float:right; }
.black30{ width:100%; clear:both; height:30px; float:left; }
.noBorder{border-bottom:0px dashed #ccc }
.cursorNone{cursor:default;}

/* color */
.lowYellowColor{color:#ffff15;}
.amethystColor{color:#e005e0;}
.cyanColor{color:#b5e8f5;}
.DeepYellowColor{color:#ffbc00;}
.orangeColor{color:#ff9226;}
.blueColor{color:#00c6ff;}
.colorRed{color:#b40000;}
.colorGreen{color:#a7e63c;}
.colorWhite{color:#fff;}

/* scrollbar */
.scrollbar-dark
{
	SCROLLBAR-ARROW-COLOR: #999;
	SCROLLBAR-FACE-COLOR: #333;
	SCROLLBAR-DARKSHADOW-COLOR: #333;
	SCROLLBAR-HIGHLIGHT-COLOR: #333;
	SCROLLBAR-3DLIGHT-COLOR: #666;
	SCROLLBAR-SHADOW-COLOR: #666;
	SCROLLBAR-TRACK-COLOR: #666;
}

/* useless */
.Logo{width:48px; height:48px; background:url(Images/Logo.gif) no-repeat; float:left; display:none;}
.WelcomeTxt{width:1075px; height:51px; background:url(Images/WelcomeTxt.gif) no-repeat; float:left; margin:0 0 0 12px; display:none;}
.BlankWidth{width:324px; height:42px; margin-top:1px; border-right:1px solid #5f5f5f; border-top:1px solid #5f5f5f; border-bottom:1px solid #5f5f5f; float:left; display:none;}
.Nav ul{width:710px; margin-top:1px; height:42px; float:left; overflow:hidden; border-top:1px solid #5f5f5f; border-bottom:1px solid #5f5f5f; display:none;}
.Nav ul li{float:left; border-right:1px solid #5f5f5f; cursor:pointer; display:none;}
.JonNowBtn{display:none;}
.Content_JoinBtn{width:170px; height:47px; margin:27px 0 0 848px; cursor:pointer;}
/* end useless */

.Nav{width:1258px; height:160px; margin:0 auto; overflow:hidden;}
.Content{width:1258px; height:510px; margin:0 auto; background:#000; text-align:center; overflow:hidden;}
.CopyRight{width:1258px; height:168px; background:url(images/themeA/index_copyrightImg.gif) no-repeat center center; margin:0 auto; overflow:hidden;}

.Content_IndexBg{background: #000 url(images/themeA/index_introImg.gif) no-repeat left bottom;}
.Content_VideoBg{background: #000 url(images/themeA/video_playImg.gif) no-repeat center center;}
.Video_copyRight{background:url(images/themeA/video_copyrightImg.gif) no-repeat 0px 0px;}
.Video_playBtn{width:117px; height:117px; margin:143px 0 0 570px; cursor:pointer;}
.Recruit_copyright{background:url(images/themeA/recruit_copyrightImg.gif) no-repeat 0px 0px;}
.Content_RecruitBg{background:url(images/themeA/recruit_infoImg.gif) no-repeat center 400px;}
.country{width:100%; height:100%; background:url(images/themeA/recruit_countryImg.gif) no-repeat center 35px; text-align:center;}
.country ul{padding:155px 0 0 263px;}
.country ul li{float:left; width:119px; height:86px; overflow:hidden; margin-right:92px; cursor:pointer;}
.application{width:100%; height:100%; text-align:center;}
.questionDiv input{}

.Id_InputBox{padding:144px 0 0 456px; width:362px; height:25px; overflow:hidden; float:left;}
.Id_InputBox input{width:346px; height:23px; float:left; background:#b4b4b4;}
.Id_InputBox img{float:left; padding:0 0 0 10px; margin-top:-5px;}

.EMail_InputBox{padding:21px 0 0 429px; float:left; height:30px; width:402px; overflow:hidden;}
.EMail_InputBox .ErrorInfo{font:bold 14px/50px ""; color:Red; padding:5px;}
.EMail_InputBox input{width:346px; height:25px; line-height:25px; background:#b4b4b4;}

.Verify_InputBtn{padding:144px 260px 0 0; float:right;}
.Verify_InputBtn input{width:152px; height:74px; background:url(images/themeA/recruit_confirmBtn.gif); cursor:pointer; clear:both;}

.DownloadBtn,
.ApplicationBtn{clear:both; width:560px; height:73px; padding-top:55px; margin:0 auto; text-align:center;}


.Content_JoinPageBg{background: #000 url(images/JoinPageContent.gif) no-repeat  245px center;}
.Content_JoinPageBg input,
.Content_JoinPageBg textarea{border:none; background:#b4b4b4; color:#000; line-height:20px;}

.MaskLayer{width:1073px; height:549px; position:absolute; background:#000; -moz-opacity:0.5; filter:alpha(opacity=50);}
.GetNumber{width:440px; height:487px; background:url(images/GetNumber_Bg.gif) no-repeat; position:absolute; margin:33px 0 0 316px;}
.GetNumberSuccess{width:440px; height:259px; background:url(images/GetNumberSuccess_Bg.gif) no-repeat; position:absolute; margin:145px 0 0 316px;}
.GetNumber .ErrorInfo{width:90%; height:50px; font:bold 14px/50px ""; color:Red; position:absolute; text-align:right; padding:5px;}

.EMail_InputBox2{width:404px; height:27px; padding:225px 0 0 21px;}
.EMail_InputBox2 input{width:100%; height:25px; background:#b4b4b4;}
.JoinReason_InputBox{width:404px; height:100px; padding:62px 0 0 21px;}
.JoinReason_InputBox textarea{width:100%; height:100px; background:#b4b4b4;}

.SubmitStyle{float:left; padding:15px 0 0 45px; background:url(images/SubmitBtn.gif) no-repeat 45px 15px;}
.SubmitStyle input{width:190px; height:47px; background:none; cursor:pointer;}
.CancelStyle{float:left; padding:15px 0 0 4px; background:url(images/CancelBtn.gif) no-repeat 4px 15px; }
.CancelStyle input{width:146px; height:47px; background:none; cursor:pointer; }
.CloseStyle{margin:191px 0 0 146px;}
.CloseStyle input{width:146px; height:47px; background:url(images/CloseBtn.gif) no-repeat; cursor:pointer;}

.Content_DownloadBg{background: #000 url(images/downloadContent.gif) no-repeat center center;}
.DownLoadBtn{width:290px; height:47px; margin:75px 0 0 380px; border:none; background:url(images/downloadBtn.gif); cursor:pointer; }
.Content_DownloadBg .TipInfo{width:100%; font:bold 25px/35px ""; color:#fff; margin:245px 0 0 0; text-align:center;}

.LoginSuccess_Content{padding-top:97px; height:150px;}
.LoginSuccess_Content span{font-size:18px; color:White;}

#container{
	position:relative;
	text-align:left;
}
#container h1,h2,h3,h4,h5,span{font:16px/18px Hall Fetica; color:#8b8b8b; font-weight:bold;}

.card{
	width:170px;
	height:105px;
	background:#161616;
	position:absolute;
	color:#ccc;
	overflow:hidden;
	font-family:Hall Fetica Arial;
	cursor:pointer;
}

.card .text{ line-height:105px; font-size:70px; text-align:center; font-family:Hall Fetica Arial; font-weight:bold;}
.okBtn{
	position:absolute;
	background:url("Images/ok.gif") no-repeat;
	width:82px;
	height:25px;
	top:200px;
	left:450px;
	cursor:pointer;
}

.question{
	display:none;
}

.question h2{
	margin:30px 0 0 25px;
	
	font-size:22px;
	color:#f8f8f8;
}
.question div{
	margin:10px 0 0 30px;
}

.card1
{
	background:url("Images/bg_gray.gif") 0 0 no-repeat;
}

.card2
{
	background:url("Images/bg_gray.gif") 0 -125px no-repeat;
}

.card3
{
	background:url("Images/bg_gray.gif") 0 -250px no-repeat;
}

.card4
{
	background:url("Images/bg_gray.gif") -190px 0 no-repeat;
}

.card5
{
	background:url("Images/bg_gray.gif") -190px -125px no-repeat;
}

.card6
{
	background:url("Images/bg_gray.gif") -190px -250px no-repeat;
}

.card7
{
	background:url("Images/bg_gray.gif") -380px 0 no-repeat;
}

.card8
{
	background:url("Images/bg_gray.gif") -380px -125px no-repeat;
}

.card9
{
	background:url("Images/bg_gray.gif") -380px -250px no-repeat;
}

.card10
{
	background:url("Images/bg_gray.gif") -550px 0 no-repeat;
}

.card11
{
	background:url("Images/bg_gray.gif") -550px -125px no-repeat;
}

.card12
{
	background:url("Images/bg_gray.gif") -550px -250px no-repeat;
}

.card1_on
{
	background:url("Images/bg_blue.gif") 0 0 no-repeat;
}

.card2_on
{
	background:url("Images/bg_blue.gif") 0 -125px no-repeat;
}

.card3_on
{
	background:url("Images/bg_blue.gif") 0 -250px no-repeat;
}

.card4_on
{
	background:url("Images/bg_blue.gif") -190px 0 no-repeat;
}

.card5_on
{
	background:url("Images/bg_blue.gif") -190px -125px no-repeat;
}

.card6_on
{
	background:url("Images/bg_blue.gif") -190px -250px no-repeat;
}

.card7_on
{
	background:url("Images/bg_blue.gif") -380px 0 no-repeat;
}

.card8_on
{
	background:url("Images/bg_blue.gif") -380px -125px no-repeat;
}

.card9_on
{
	background:url("Images/bg_blue.gif") -380px -250px no-repeat;
}

.card10_on
{
	background:url("Images/bg_blue.gif") -550px 0 no-repeat;
}

.card11_on
{
	background:url("Images/bg_blue.gif") -550px -125px no-repeat;
}

.card12_on
{
	background:url("Images/bg_blue.gif") -550px -250px no-repeat;
}

div.special{float:left;width:120px;margin:0;padding:0;height:30px;}
