﻿body { background-image: url(../UserImages/masterBg.png); background-repeat: repeat-x; background-position: left 32px; width: 100%; min-width: 1200px; overflow: hidden; background-color: #fbf5e8; }
.barainHeader { top: 0px; left: 0px; width: 100%; background-color: #ffeecc; position: fixed; z-index: 100; }
.barainHeader dl { display: block; width: 1200px; height: 32px; line-height: 32px; margin: 0 auto; position: relative; }
.barainHeader dl dd { display: block; float: left; }
.barainMain .content .contentRight .contentRightBottom .contentRightBottomList .rightBottomDetailName:hover {text-decoration: none!important;}
.barainHeader dl .barainHeaderLeft ul { display: block; height: 32px; }
.barainHeader dl .barainHeaderLeft ul .logingIn { /*margin: 0px 20px 0px 0px;*/ cursor: pointer; color:#EF0000; }
.barainHeader dl .barainHeaderLeft ul li { display: block; height: 32px; line-height: 32px; float: left; font-size: 12px; color: #707070; }
.barainHeader dl .barainHeaderLeft ul li a { display: block; height: 32px; line-height: 32px; font-size: 12px; color: #7C7C7C; margin: 0 20px 0 0; text-decoration: none; cursor: pointer; }
.barainHeader dl .barainHeaderLeft ul .logingIn a { font-size: 12px; color: #F70000; }
.barainHeader dl .barainHeaderLeft ul .register a:hover { color: #F70000; }
.barainHeader dl .barainHeaderLeft ul li span { font-size: 12px; color: #7C7C7C; margin: 0 20px 0 0; }
.barainHeader dl .barainHeaderRight { display: block; position: absolute; right: 0; }
.barainHeader dl .barainHeaderRight ul { display: block; height: 32px; line-height: 32px; }
.barainHeader dl .barainHeaderRight ul li { display: block; width: 94px; height: 32px; text-align: center; line-height: 32px; float: left; cursor: pointer; }
.barainHeader dl .barainHeaderRight ul li a { display: block; width: 100%; height: 18px; line-height: 18px; vertical-align: middle; text-align: center; margin: 7px 0 0 0; font-size: 12px; color: #7c7c7c; text-decoration: none; cursor: pointer; border-right: 1px solid #e2c19d; }
.barainHeader dl .barainHeaderRight ul li p { display: block; width: 100%; height: 18px; line-height: 18px; vertical-align: middle; text-align: center; margin: 7px 0 0 0; font-size: 12px; color: #7c7c7c; text-decoration: none; cursor: pointer; border-right: 1px solid #e2c19d; }
.barainHeader dl .barainHeaderRight ul li .forUs { border: none; }
.barainHeader dl .barainHeaderRight ul li a:hover { color: #F70000; }
.barainHeader dl .barainHeaderRight ul li p:hover { color: #F70000; }
.barainHeader .borderImg { width: 100%; height: 10px; background-image: url(../UserImages/border.png); background-repeat: repeat-x; background-position: left top; }
.headerBottom { top: 42px; left: 0px; width: 100%; height: 78px; background-image: url(../UserImages/masterBg.png); background-repeat: repeat-x; background-position: 0px -42px; position: fixed; z-index: 100; border-bottom: 1px solid #ece3cf; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.headerBottom .headerZheZhao { width: 100%; height: 78px; position: absolute; left: 0; top: 0; background-color: #ffffff; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
.headerBottom .headerMid { width: 1200px; height: 78px; line-height: 78px; margin: 0 auto; position: relative; z-index: 10; }
.headerBottom .headerMid img { width: 270px; height: 67px; position: absolute; left: 0; top: 6px; }
.headerBottom .headerMid ul { display: block; position: absolute; right: 0; top: 0; }
.headerBottom .headerMid ul li { display: block; width: 92px; height: 78px; line-height: 78px; text-align: center; float: left; }
.headerBottom .headerMid ul li a { display: block; width: 92px; height: 78px; line-height: 78px; text-align: center; font-size: 16px; text-decoration: none; cursor: pointer; }
.headerBottom .headerMid ul li a:hover { background-color: #d5b98a; color: #FFFFFF; }
.headerBottom .headerMid ul li a .church{display:none; width:100%; height:60px; border:2px solid #ece3cf; border-top:none; margin:0px 0px 0px -2px; padding:5px 0px 10px 0px; background-color:#ccaf7f; }
.headerBottom .headerMid ul li a .church span{display:block; width:100%; height:30px; line-height:30px; text-align:center; cursor:pointer; font-size:12px; }
.churchStyle{color:#FFFFFF;}
.churchStyle:hover{color:#a16001;}
.headerBottom .titleBlur { color: #a16001; }
.headerBottom .titleHover { background-color: #d5b98a; color: #FFFFFF; }
.footer { width: 100%; height: 260px; background-image: url(../UserImages/bg_footer.jpg); background-repeat: repeat-x; }
.footerTop { width: 1060px; margin: 0 auto; padding: 25px 70px; position: relative; }
.footerTopLinea { width: 1200px; height: 1px; background-color: #e4d09b; margin: 0 auto; }
.footerTopLineb { width: 1200px; height: 1px; background-color: #f3eacd; margin: 0 auto; }
.footerTopList { float: left; width: auto; margin: 0 220px 0 0; }
.footerTopListLast { position: absolute; right: 100px; top: 40px; }
.footerTopList .title { font-size: 14px; }
.footerTopList .title a{ font-size: 14px; text-decoration:none; }
.footerTopList .title a:hover{color:#F70000;}
.footerTopList ul li { font-size: 12px; margin-top: 15px; line-height: 20px; }
.footerTopList ul li .emile img { margin: 4px 0 0 0; }
.footerTopList ul li a { text-decoration: none; }
.footerTopList ul .telPhone { position: relative; height: 20px; padding: 0px 0px 0px 40px; }
.footerTopList ul .telPhone .telImg { position: absolute; width: 16px; height: 20px; left: 0px; top: 0px; }
.footerTopList ul .telPhone .telImg img { max-width: 100%; max-height: 100%; vertical-align: top; margin: 2px 0px 0px 0px; }
.footerTopList ul li span { width: 16px; height: 20px; line-height: 20px; }
.footerTopList ul .telPhone .num { display: block; width: 21px; height: 20px; line-height: 20px; position: absolute; left: 18px; top: 0px; color: #e1960f; }
.footerTopList ul li span img { max-width: 100%; max-height: 100%; vertical-align: top; }
.footerTopList ul li a:hover { color: #F70000 }
.footerBottom { width: 1200px; margin: 0 auto; padding: 10px 0px 0px 0px; }
.footerBottom div { margin: 0 auto 5px; text-align: center; }
.footerBottom .gsbs { width: 350px;display: block; position: relative; }
.loginMask { 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: 120; }
.loginPopup { display: none; width: 370px; height: 520px; top: 0px; left: 0px; position: fixed; z-index: 122; }
.loginPopup .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; }
.loginPopup .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; }
.loginPopup .loginPopupForm .userInput { display: block; width: 274px; margin: 100px auto 0px auto; position: relative; }
.loginPopup .loginPopupForm .userInput .lineStyle { display: block; width: 274px; height: 46px; margin: 20px 0px 0px 0px; position: relative; }
.loginPopup .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; }
.loginPopup .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; }
.loginPopup .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; }
.loginPopup .loginPopupForm .userInput .lineStyle .userName { background-image: url(../UserImages/icon-UserPageMasterLoginUser.png); background-repeat: no-repeat; background-position: 5px center; }
.loginPopup .loginPopupForm .userInput .lineStyle .userNameError { background-image: url(../UserImages/icon-UserPageMasterLoginUser_error.png); background-repeat: no-repeat; background-position: left center; }
.loginPopup .loginPopupForm .userInput .lineStyle .passWord { background-image: url(../UserImages/icon-UserPageMasterLoginPass.png); background-repeat: no-repeat; background-position: 5px center; }
.loginPopup .loginPopupForm .userInput .lineStyle .passWordError { background-image: url(../UserImages/icon-UserPageMasterLoginPass_error.png); background-repeat: no-repeat; background-position: left center; }
.loginPopup .loginPopupForm .userInput .lineStyle .checkCode { width: 95px; background-image: url(../UserImages/icon-UserPageMasterLoginCode.png); background-repeat: no-repeat; background-position: 5px center; }
.loginPopup .loginPopupForm .userInput .lineStyle .checkCodeImage { display: block; width: 120px; height: 48px; top: 0px; right: 0px; border: none; background-color: #FFFFFF; position: absolute; cursor: pointer; }
.loginPopup .loginPopupForm .userInput .lineStyle .checkCodePrompt { width: 95px; }
.loginPopup .loginPopupForm .userInput .lineStyle .checkCodeError { width: 95px; background-image: url(../UserImages/icon-UserPageMasterLoginCode_error.png); background-repeat: no-repeat; background-position: left center; }
.loginPopup .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; }
.loginPopup .loginPopupForm .userInput .checked { background-image: url(../UserImages/UserPageMasterLoginCheckBox_checked.jpg); }
.loginPopup .loginPopupForm .userInput .forget { display: block; width: 110px; height: 30px; top: 178px; right: 5px; color: #9F6628; text-align: right; line-height: 30px; position: absolute; }
.loginPopup .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; }
.loginPopup .loginPopupForm .userInput .submit:hover { color: #FFFFFF; text-decoration: none; }
.loginPopup .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; }
.loginPopup .loginPopupForm .userInput .goRegister:hover { color: #666666; text-decoration: none; }
.loginPopup .loginPopupLogo { display: block; width: 186px; height: 54px; top: 68px; left: 20px; background-image: url(../UserImages/UserPageMasterLoginLogo.png); background-repeat: no-repeat; position: absolute; }
.loginPopup .loginPopupFlower { display: block; width: 134px; height: 174px; top: 3px; right: 16px; background-image: url(../UserImages/UserPageMasterLoginFlower.png); background-repeat: no-repeat; position: absolute; }
.loginPopup .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; }
.loginPopup .loginPopupClose:hover { background-image: url(../UserImages/UserPageMasterLoginClose_hover.png); }
.borainContent { margin-top: 120px; }

.gray { 
    -webkit-filter: grayscale(70%);
    -moz-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    -o-filter: grayscale(70%);
    filter: grayscale(70%);
    filter: gray;
}