@charset "utf-8";
/* CSS Document */
/* Typography */
* { margin:0; padding:0; }
body { background:url(../images/login/logobg.gif) repeat-x top; font:normal 12px Arial, Verdana; color:#695144;}
/*body { background:url(../public/i/head_festival/login_festival.jpg) repeat-x top; font:normal 12px Arial, Verdana; color:#695144;}*/
a { color:#695144; text-decoration:none;}
a:hover { color:#695144;}
p { line-height:1.5em;}
strong { font-weight:bold; padding:0 2px 0 0;}
/* Layout */
#logWrap { margin:0px auto; width:900px; text-align:center;}
#logMasthead, #logContent, #logFooter { width:900px; margin:0px auto; background:url(../images/login/logo.jpg) no-repeat 30px 0; text-align:left;}
#logMasthead { display:inline; float:left; margin:0 16px; width:868px; height:82px;}
#logContent { float:left; width:100%; background:url(../images/login/wrapbg.gif) repeat-y;}
#logFooter { clear:both; display:inline; float:left; margin:15px 16px 0 16px; padding:0 30px 0 25px; width:813px; height:35px; background:#ae606a url(../images/login/footcorner.gif) no-repeat;}
.logCT { width:100%; height:16px; background:url(../images/login/top.gif) no-repeat top;}
.logCB { clear:both; float:left; width:100%; height:16px; background:url(../images/login/bot.gif) no-repeat bottom;}
.logNavi { float:left; padding:0 16px; width:868px;}
.logNavi a { float:left;}
.logNaviR { float:right; padding:8px 0 0;}
.logNaviR a { display:block; width:253px; height:55px; background:url(../images/login/topNavi.jpg) no-repeat bottom; font:normal 12px Arial, Verdana;}
.logNaviR a.logNnow { display:block; width:253px; height:55px; background:url(../images/login/topNaviN.jpg) no-repeat;}
.logNaviR h3 { padding:10px 0 0 10px; font:bold 14px/18px Arial; color:#695144;}
.logNaviR p { padding:0 30px 0 10px; color:#695144; font:normal 12px/16px Arial; overflow:hidden; white-space:normal; word-break:break-all;}
.logM { clear:both; display:inline; float:left; margin:15px 16px 0 16px; width:868px; height:239px; background:#e8ecc6 url(../images/login/ccorner.gif) no-repeat;}

.logL,.actL { float:left; padding:12px 0 0 35px; width:400px;}
.actL { padding:12px 0 0 45px; width:390px;}
.logL h4 { padding:0 0 0 60px; width:366px; background:url(../images/login/icon.gif) no-repeat 35px 50%; line-height:3em;}
.logL h4 span { padding:0 0 0 40px;}
.logL p { padding:6px 0 0 0; width:100%; line-height:1.5em;}
.logL p strong { font-weight:bold; color:#be5064;}
.logL h4 a,.logL p a { padding:0 3px; color:#cf6a7d; font:bold 12px Arial; text-decoration:underline;}
.logL h4 a:hover,.logL p a:hover { color:#cf6a7d; text-decoration:none;}
.logL .barT { float:left; padding:29px 0 0 0; *padding:23px 0 0 0; height:14px; line-height:14px; text-indent:0; color:#4d6f03; }
.barW,.bar { clear:both; display:inline; float:left; margin:10px 0 0 0; width:406px; height:14px; overflow:hidden; background:url(../images/login/bar.gif) no-repeat;}
.bar { margin:0; background-position:0 -14px;}
.activate { padding:15px 0 0 0;}
.activate a { display:inline; float:left; margin:7px 18px; width:171px; height:32px; background:url(../images/login/btn_activate.gif) no-repeat; border:none; cursor:pointer;}
.logL ol { clear:both; padding:0 0 0 25px; width:85%; list-style:outside decimal;}
.logL .actp { clear:both; padding:3px 0 0 0; text-indent:0; line-height:22px;}
.logL .actn { float:left; padding:15px 0 0 0; text-indent:0; color:#4d6f03; }
.logL .actn strong { padding:0 3px;}

.logR { display:inline; float:right; padding:10px 5px 0 0; width:390px;}
.actR { display:inline; float:right; padding:10px 5px 0 0; width:385px;}
.logR fieldset,.actR fieldset { float:left; border:none; width:100%;}
.logR label,.actR label { clear:both; float:left; display:block; padding:10px 0 0 0; width:345px; font:bold 12px Arial, Verdana;} 
.actR label { padding:10px 0 0 0; font-weight:bold;}
.actR label span { font-weight:normal;}
.logR input,.actR .inputTxt { clear:both; float:left; display:inline; margin:7px 0 0 0; padding:3px 2px 1px 2px; width:224px; height:18px; border:1px solid #a5acb2; font:normal 12px Arial, Verdana; color:#695144; vertical-align:middle;}
.actR .inputTxt { margin:5px 0 0 0; *margin:7px 0 0 0;}
.logR span { float:right; padding:10px 0 0 0; width:100px; height:18px; line-height:18px; font:normal 12px Arial, Verdana; color:#cc0043;}
.buttons { clear:both; display:inline; float:left; margin:5px 0 0 0; height:100px;}
.buttons .logbtn { width:138px; height:31px;float:left;border:none; background:url(../images/login/btn.gif) no-repeat;cursor:pointer;}
.logdisc { float:left; margin:8px 0 0 5px; padding:0; width:144px; height:14px;}
.logdisc .mratio { clear:both; float:left; display:inline; width:14px; height:14px; border:none; vertical-align:middle;}
.logdisc span {float:left;height:12px;display:inline;padding:5px 3px 0 3px;width:auto; font:normal 12px/18px Arial; color:#695144;}
.logdisc a { float:left;width:60px;height:12px;color:#0088cc; text-decoration:underline;}
.logdisc a:hover { color:#0088cc; text-decoration:none;}

.mratioW { clear:both; float:left; display:block; padding:5px 0 0 0; width:345px; font:bold 12px Arial, Verdana; vertical-align:middle;}
.mratioW .mratio { clear:both; float:left; display:inline; width:16px; height:16px; border:none; vertical-align:middle;}
.mratioW span { float:left; padding:7px 0 0 5px; *padding:8px 0 0 5px; width:300px; height:18px; line-height:18px; font:normal 12px Arial, Verdana; color:#695144;}

.regnow { float:left;display:inline; float:left; margin:0 0 0 8px; height:32px}
.regnow .regbtn {display:inline; float:left; width:90px; height:32px; background:url(../images/login/btn_register.gif) no-repeat; border:none; cursor:pointer;}

.lh_bg{width:375px;height:25px;padding:7px 0 0 5px;background:url(../images/login/lh_bg.gif) no-repeat}
.lh_bg span{padding:0 0 0 22px;float:left;width:40px;position:relative}
.lh_bg .plink{position:absolute;width:20px;height:18px;display:block;left:0;top:0}
.lh_bg span a{line-height:18px;font-size:13px;text-decoration:underline}
.sina_ic{background:url(../images/login/logo_icon.gif) left 0px no-repeat}
.douban_ic{background:url(../images/login/logo_icon.gif) left -17px no-repeat}
.sohu_ic{background:url(../images/login/logo_icon.gif) left -34px no-repeat}
.wangyi_ic{background:url(../images/login/logo_icon.gif) left -52px no-repeat}
.qq_ic{background:url(../images/login/logo_icon.gif) left -72px no-repeat}
.kaixin_ic{background:url(../images/login/logo_icon.gif) left -90px no-repeat}
.renren_ic{background:url(../images/login/logo_icon.gif) left -108px no-repeat}


.regnow span { display:inline; float:left; padding:17px 0 0 10px; width:240px; color:#695144; font-weight:bold; letter-spacing:-1px;}
.toreg { clear:both; display:inline; float:left; margin:18px 0 0 0; padding:5px 0 0 70px; width:75%; height:32px; background:url(../images/login/actr_line.gif) no-repeat top left;}
.toreg span { display:inline; float:left; padding:17px 0 0 5px; width:110px; color:#695144;}
.toreg .actbtn { clear:none; display:inline; float:left; width:157px; height:32px; background:url(../images/login/btn_activate.gif) no-repeat; border:none; cursor:pointer;}
.actRp a { display:inline; float:left; background:none; color:#4d6f03; text-decoration:underline;}
.actRp a:hover { color:#4d6f03; text-decoration:none;}
.actRp { clear:both; float:left; margin:5px 0 5px; width:90%;}
.actRp a { float:none;}
.actR .step { float:left; margin:5px 0 0 10px; padding:0 10px; *padding:3px 10px 0; line-height:16px; vertical-align:middle;}
.actR h4 { clear:both; float:left; margin:15px 0 0; width:100%; font:bold 12px/22px Arial;}
.actR .get { clear:both; width:100%; list-style:none;}
.get a,.get span { float:left; margin:5px 25px 0 0; line-height:20px; text-decoration:underline;}
.get span { text-decoration:none;}
.kefu { clear:both; float:left; margin:10px 0 0 0;}
.kefu a { margin:0 10px 0 10px;  text-decoration:underline;}
.get a:hover,.kefu a:hover { text-decoration:none;}

.f_menu { float:left; width:100%;}
.ftl { float:left; font:normal 12px/35px Verdana; color:#fff;}
.ftl span{padding:0 6px}
.ftl span a{text-decoration:none;color:#FFF}
.ftl span a:hover{text-decoration:underline}
.team { float:right; width:400px; font:normal 12px/35px Verdana; color:#fff; text-align:right;}
.son{clear:both;color:#BE5064;padding:14px 0 0 24px}
.son span{padding:0 4px;color:#6E8C48}
.son span a{color:#6E8C48;text-decoration:none}
.son span a:hover{text-decoration:underline}
.copyright{text-align:center;height:24px;padding:20px 0 0 0;clear:both}
#bo { border:1px solid red;}

.tempOpen { clear:both; display:inline; float:left; margin:15px 0 0 0; width:100%;}
.tempOpen h4 { width:100%; color:#b06a2c; text-align:left; font:bold 14px/18px Arial;}
.tempOpen h4 a { color:#0088cc; text-decoration:underline;}
.tempOpen h4 a:hover { color:#0088cc; text-decoration:none;}

.bot{line-height:30px;padding-left:15px;width:800px;}
.bot a{display: block;float: left;background: transparent url("http://www.youkia.com/website/images/cww_logo.png") no-repeat scroll 0% 0%;
	width: 40px;height: 50px;margin-top: -5px;margin-left:90px;}