@charset "utf-8";
<!--

/* Shandagame Club UI Base Style Sheet
 * Created: : 2009-10-22
 * Update: 2009-12-02
 * Copyright (c) 2009, shandagame Inc. 
 * 文件说明: 用户元件基础CSS
 */


/* 浏览器重写 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{font-size:inherit;*font-size:100%;font-family:inherit}
address,cite,dfn,em,code,var,caption,th{font-style:normal;font-weight:normal}
q:before,q:after{content:''}
wbr:after{content:'\00200b'}


/* 基础通用 */
.Clear { clear:both }
body { font:12px/1.5 \5b8b\4f53; font-family: "微软雅黑", "宋体", Verdana, Arial, Helvetica, sans-serif; color: #e0def9; }
.clearfix { display: inline-block }
.clearfix:after {/*/*/ content: "."; /* 兼容ie8 */ display: block; height: 0; clear: both; visibility: hidden }
/* Hides from IE-mac \*/
	* html .clearfix { height: 1% }
.clearfix { display: block }
#mainbg { background: #131315 url(http://pic.static.sdo.com/bfo/act_bfo/BFO/active/CDKey/images/GIFT_BG.jpg) no-repeat center top; }
#actbg { background: #131315 url(http://pic.static.sdo.com/bfo/act_bfo/BFO/active/CDKey/images/act_bg.jpg) no-repeat center top; }
#main { width: 1000px; margin: 0 auto; }
#main .bg1 { height: 151px; background: url(http://pic.static.sdo.com/bfo/act_bfo/BFO/active/CDKey/images/GIFT_02.jpg) no-repeat left top; }
#main .bg2 { height: 205px; background: url(http://pic.static.sdo.com/bfo/act_bfo/BFO/active/CDKey/images/GIFT_04.jpg) no-repeat left top; }
#main .bg3 { height: 124px; background: url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/CDKey/images/20140924.jpg) no-repeat left top; }
#main .bg3 #door1 { display: block; width: 386px; height: 76px; clear: both; }
#main .bg3 #door1 a:link,
#main .bg3 #door1 a:visited { display: block; width: 386px; height: 76px; text-indent: -9000px; }
#main .bg3 #door1 a:hover { display: block; width: 386px; height: 76px; background: url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/CDKey/images/GIFT_Hover_05.jpg) no-repeat left top; }
#main .bg3 .keynotice,#main .bg4 .keynotice {display: block;width: 500px;padding: 10px 0 0 100px;}
#main .bg5 .keynotice {display: block;width: 600px;padding: 10px 0 0 100px;}
#main .bg6 .keynotice {display: block;width: 600px;padding: 10px 0 0 100px;}
#main .bg7 .keynotice {display: block;width: 600px;padding: 10px 0 0 100px;}
.keyback a {float: left;display: block;padding: 3px 5px 3px 24px;margin: 15px 0 0 0;font-size: 16px;font-weight: bold;color: #FC0;}
.keyback a:hover {color: #FFF;text-decoration: none}
#blankdiv {float: left;display: block;width: 603px;}
#blankdiv1 {float: left;display: block;width: 810px;}
#main .bg4 #door2 a:link,
#main .bg4 #door2 a:visited { display: block; width: 420px; height: 102px; text-indent: -9000px; }
#main .bg4 #door2 a:hover { display: block; width: 420px; height: 102px; background: url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/CDKey/images/GIFT_Hover_06.jpg) no-repeat left top; }
#main .bg4 { height: 149px; background: url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/CDKey/images/20140925.jpg) no-repeat left top; }
#main .bg5 #door3 a:link,
#main .bg5 #door3 a:visited { display: block; width: 450px; height: 102px; text-indent: -9000px; }
#main .bg5 #door3 a:hover { display: block; width: 450px; height: 102px; background: url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/CDKey/images/GIFT_Hover_07.jpg) no-repeat left top; }
#main .bg5 { height: 150px; background: url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/CDKey/images/201305.jpg) no-repeat left top; }
#main .bg6 { height: 200px; background: url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/CDKey/images/201306.jpg) no-repeat left top; }
#main .bg6 #door4 a:link,
#main .bg6 #door4 a:visited { display: block; width: 450px; height: 102px; text-indent: -9000px; }
#main .bg7 { height: 200px; background: url(https://static.web.sdo.com/bfo/pic/act_bfo/BFO/active/CDKey/images/GIFT_x6.jpg) no-repeat left top; }
#main .bg7 #door4 a:link,
#main .bg7 #door4 a:visited { display: block; width: 450px; height: 102px; text-indent: -9000px; }
#main .actbg1 { height: 151px; background: url(http://pic.static.sdo.com/bfo/act_bfo/BFO/active/CDKey/images/act_02.jpg) no-repeat left top; }
#main .actbg2 { height: 118px; background: url(http://pic.static.sdo.com/bfo/act_bfo/BFO/active/CDKey/images/act_04.jpg) no-repeat left top; }
#main .actbg3 { height: 150px; background: url(http://pic.static.sdo.com/bfo/act_bfo/BFO/active/CDKey/images/act_05.jpg) no-repeat left top; }
#main .actbg4 { height: 228px; background: url(http://pic.static.sdo.com/bfo/act_bfo/BFO/active/CDKey/images/act_06.jpg) no-repeat left top; }
#main .actbg5 { height: 153px; background: url(http://pic.static.sdo.com/bfo/act_bfo/BFO/active/CDKey/images/act_07.jpg) no-repeat left top; padding: 0 0 0 430px; }
.actbg3 .notice { float: left; width: 600px; height: 80px; padding: 55px 0 0 226px; line-height: 22px; }
.actbg4 .input { float: left; width: 600px; height: 150px; padding: 75px 0 0 256px; }
.input .inputtext { float: left; width: 90px; height: 35px; line-height: 26px; text-align: right; padding: 0 10px 0 0; }
.input .inputit { float: left; width: 490px; height: 35px; }
.input .inputborder { border: 1px solid #333; background: #DDD; line-height: 22px; height: 22px; }
#main .accoutbg1 { height: 151px; background: url(http://pic.static.sdo.com/bfo/act_bfo/BFO/active/CDKey/images/accout_02.jpg) no-repeat left top; }
#main .accoutbg2 { height: 118px; background: url(http://pic.static.sdo.com/bfo/act_bfo/BFO/active/CDKey/images/accout_04.jpg) no-repeat left top; }
#main .accoutbg3 { height: 150px; background: url(http://pic.static.sdo.com/bfo/act_bfo/BFO/active/CDKey/images/accout_05.jpg) no-repeat left top; }
#main .accoutbg4 { height: 228px; background: url(http://pic.static.sdo.com/bfo/act_bfo/BFO/active/CDKey/images/accout_06.jpg) no-repeat left top; }
#main .accoutbg5 { height: 153px; background: url(http://pic.static.sdo.com/bfo/act_bfo/BFO/active/CDKey/images/accout_07.jpg) no-repeat left top; padding: 0 0 0 430px; }
.accoutbg3 .notice { float: left; width: 600px; height: 80px; padding: 55px 0 0 226px; line-height: 22px; }
.accoutbg4 .input { float: left; width: 600px; height: 150px; padding: 75px 0 0 256px; }
#dialog { float: left; width: 841px; height: 370px; background: url(http://pic.static.sdo.com/bfo/act_bfo/BFO/active/CDKey/images/Present.jpg) no-repeat left bottom; }
#dialog #equip { float: left; width: 330px; height: 370px; text-align: center; }
#dialog #title { float: left; width: 510px; margin: 120px 0 10px 0; font-size: 40px; color: #fabd5c; }
#dialog #title span { font-size: 24px; }
#dialog #list { font-size: 14px; line-height: 30px; }
#dialog #backwebsite { float: left; width: 170px; padding: 10px 0 0 340px; }
.LoginTitle { width:250px; }
-->