.ancestral { width: 100%; height: 809px; background-image: url(../UserImages/ancestral.jpg); background-repeat: no-repeat; background-size: 100% 100%; -ms-behavior: url(UserCss/backgroundsize.min.htc); behavior: url(UserCss/backgroundsize.min.htc); }
.ancestral .ancestralHall { width: 1200px; height: 809px; margin: 0px auto; padding: 40px 0px 0px 0px; }
.ancestral .ancestralHall .imperiaClan { width: 1200px; height: 212px; position: relative; }
.ancestral .ancestralHall .imperiaClan .ancestralImg { width: 350px; height: 212px; background-image: url(../UserImages/ancestralImg.png); position: absolute; left: 0px; top: 0px; }
.ancestral .ancestralHall .imperiaClan .ancestralInfo { width: 820px; height: 174px; position: absolute; right: 0px; top: 0px; padding: 34px 15px 0px 15px; line-height: 24px; text-indent: 2em; }
.ancestral .ancestralHall .family { width: 1200px; height: 211px; position: relative; }
.ancestral .ancestralHall .family .familyInfo { width: 820px; height: 174px; position: absolute; left: 0px; top: 0px; padding: 20px 15px 0px 15px; line-height: 24px; text-indent: 2em; }
.ancestral .ancestralHall .family .familyImg { width: 350px; height: 211px; background-image: url(../UserImages/familyImg.png); position: absolute; right: 0px; top: 0px; }
.ancestral .ancestralHall .genealogy { width: 1200px; position: relative; }
.ancestral .ancestralHall .genealogy .genealogyImg { width: 350px; height: 224px; background-image: url(../UserImages/genealogyImg.png); position: absolute; left: 0px; top: 0px; }
.ancestral .ancestralHall .genealogy .genealogyInfo { width: 820px;  position: absolute; right: 15px; top: 23px; line-height: 24px; text-indent: 2em; }
.ancestral .ancestralHall .ancestralBtn { width: 1200px; height: 70px; position: relative; }
.ancestral .ancestralHall .ancestralBtn .ancestralGo { width: 280px; height: 70px; margin: 0px auto; }
.ancestral .ancestralHall .ancestralBtn .ancestralGo a { display: block; width: 280px; height: 70px; line-height: 70px; text-align: center; color: #802e06; cursor: pointer; background-image: url(../UserImages/myAwish.png); background-repeat: no-repeat; }
.ancestral .ancestralHall .ancestralBtn .ancestralGo a:hover { color: #c98420; background-image: url(../UserImages/myAwishhover.png); text-decoration: none; }
.clanHomeMask { display: none; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #000000; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; position: fixed; z-index: 30; }
.clanHomeLogin { display: none; width: 370px; height: 520px; top: 0px; left: 0px; position: fixed; z-index: 32; }
.clanHomeLogin .loginPopupForm { display: block; width: 350px; height: 435px; top: 90px; left: 0px; background-image: url(../UserImages/UserPageMasterLoginFormBack.png); background-repeat: no-repeat; background-position: center center; position: absolute; }
.clanHomeLogin .loginPopupForm .noLoginWord { display: block; width: 200px; height: 30px; top: 60px; left: 40px; font-size: 14px; font-weight: bold; color: #B88A52; line-height: 30px; position: absolute; }
.clanHomeLogin .loginPopupForm .userInput { display: block; width: 274px; margin: 100px auto 0px auto; position: relative; }
.clanHomeLogin .loginPopupForm .userInput .lineStyle { display: block; width: 274px; height: 46px; margin: 20px 0px 0px 0px; position: relative; }
.clanHomeLogin .loginPopupForm .userInput .lineStyle input { display: block; width: 227px; height: 46px; border: 1px solid #A9A9A9; border-radius: 5px 5px 5px 5px; padding: 0px 10px 0px 35px; }
.clanHomeLogin .loginPopupForm .userInput .lineStyle .prompt { display: block; width: 227px; height: 45px; top: 1px; left: 35px; font-size: 14px; color: #A9A9A9; background-color: #FFFFFF; text-align: left; line-height: 46px; position: absolute; cursor: text; }
.clanHomeLogin .loginPopupForm .userInput .lineStyle .error { display: none; width: 227px; height: 45px; top: 1px; left: 5px; font-size: 14px; color: #FF4141; background-color: #FFFFFF; text-align: left; line-height: 46px; padding: 0px 0px 0px 30px; position: absolute; }
.clanHomeLogin .loginPopupForm .userInput .lineStyle .clanNameLogin { background-image: url(../UserImages/icon-UserPageMasterLoginUser.png); background-repeat: no-repeat; background-position: 5px center; }
.clanHomeLogin .loginPopupForm .userInput .lineStyle .userNameError { background-image: url(../UserImages/icon-UserPageMasterLoginUser_error.png); background-repeat: no-repeat; background-position: left center; }
.clanHomeLogin .loginPopupForm .userInput .lineStyle .clanPassWordLogin { background-image: url(../UserImages/icon-UserPageMasterLoginPass.png); background-repeat: no-repeat; background-position: 5px center; }
.clanHomeLogin .loginPopupForm .userInput .lineStyle .passWordError { background-image: url(../UserImages/icon-UserPageMasterLoginPass_error.png); background-repeat: no-repeat; background-position: left center; }
.clanHomeLogin .loginPopupForm .userInput .lineStyle .checkCodeLogin { width: 95px; background-image: url(../UserImages/icon-UserPageMasterLoginCode.png); background-repeat: no-repeat; background-position: 5px center; }
.clanHomeLogin .loginPopupForm .userInput .lineStyle .checkCodeImage { display: block; width: 120px; height: 48px; top: 0px; right: 0px; border: none; background-color: #FFFFFF; position: absolute; cursor: pointer; }
.clanHomeLogin .loginPopupForm .userInput .lineStyle .checkCodePrompt { width: 95px; }
.clanHomeLogin .loginPopupForm .userInput .lineStyle .checkCodeError { width: 95px; background-image: url(../UserImages/icon-UserPageMasterLoginCode_error.png); background-repeat: no-repeat; background-position: left center; }
.clanHomeLogin .loginPopupForm .userInput .setUser { display: block; width: 60px; height: 30px; top: 178px; left: 2px; color: #9F6628; background-image: url(../UserImages/UserPageMasterLoginCheckBox.jpg); background-repeat: no-repeat; background-position: left center; text-align: left; line-height: 30px; padding: 0px 0px 0px 16px; position: absolute; cursor: pointer; }
.clanHomeLogin .loginPopupForm .userInput .checked { background-image: url(../UserImages/UserPageMasterLoginCheckBox_checked.jpg); }
.clanHomeLogin .loginPopupForm .userInput .forget { display: block; width: 110px; height: 30px; top: 178px; right: 5px; color: #9F6628; text-align: right; line-height: 30px; position: absolute; }
.clanHomeLogin .loginPopupForm .userInput .submit { display: block; width: 274px; height: 46px; font-size: 14px; color: #9F6628; border-radius: 5px 5px 5px 5px; background-color: #D5B98A; text-align: center; line-height: 46px; margin: 30px auto 0px auto; cursor: pointer; }
.clanHomeLogin .loginPopupForm .userInput .submit:hover { color: #FFFFFF; text-decoration: none; }
.clanHomeLogin .loginPopupForm .userInput .goRegister { display: block; width: 274px; height: 30px; font-size: 14px; color: #9F6628; border-radius: 5px 5px 5px 5px; background-color: #EDE6D7; text-align: center; line-height: 30px; margin: 12px auto 0px auto; cursor: pointer; }
.clanHomeLogin .loginPopupForm .userInput .goRegister:hover { color: #666666; text-decoration: none; }
.clanHomeLogin .loginPopupLogo { display: block; width: 186px; height: 54px; top: 68px; left: 20px; background-image: url(../UserImages/UserPageMasterLoginLogo.png); background-repeat: no-repeat; position: absolute; }
.clanHomeLogin .loginPopupFlower { display: block; width: 134px; height: 174px; top: 3px; right: 16px; background-image: url(../UserImages/UserPageMasterLoginFlower.png); background-repeat: no-repeat; position: absolute; }
.clanHomeLogin .loginPopupClose { display: block; width: 37px; height: 37px; top: 72px; right: 4px; background-image: url(../UserImages/UserPageMasterLoginClose.png); background-repeat: no-repeat; position: absolute; cursor: pointer; }
.clanHomeLogin .loginPopupClose:hover { background-image: url(../UserImages/UserPageMasterLoginClose_hover.png); }
