/*login登錄送好禮start*/

#container_e_Login {
	position:relative;
	width:100%;
	min-width:1224px;
	max-width:2000px;
	height:auto;
	margin:0 auto;
	margin-top:-15px;
	background-image:url(../images/background3.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}



#e_titleLogin{
	position:relative;
	width:285px;
	height:45px;
	margin:0 auto;
	padding-top:52px;
	background-image:url(../images/event_login_title.png);
	background-repeat:no-repeat;
	background-position:center center;
}
#sendlightBox {
	position:fixed;
	width:100%;
	height:100%;
	z-index:3000;
	display:none;
}
#sendBox .e_login_table_top1 {
    margin: 70px 0 0 0;
}
#sendBox{
	position:relative;
    left:50%;
	width:830px;
	height:auto;
	margin:0 0 0 -415px;
}
#sendBox .sendtitle {
    position:relative;
    width:360px;
    left:230px;
	top:0;
    margin:0 0 20px 0;
    font-size: 22px;
}
.sendInputBox {
	position:relative;
	width:100%;
}
#sendBox #e_SendInputName {
	position:relative;
    width:360px;
    left:230px;
	top:0;
    margin:0 0 10px 0;
}
#sendBox #e_SendInputPhone1 {
	position:relative;
	width:360px;
    left:230px;
	top:0;
    margin:0 0 10px 0;
}

#sendBox #e_SendInputPhone2 {
	position:relative;
	width:360px;
    left:230px;
	top:0;
    margin:0 0 10px 0;
}
#sendBox #e_SendInputAdd {
	position:relative;
	width:360px;
    left:230px;
	top:0;
    margin:0 0 0 0;
}
#sendBox .btnbox {
    position: relative;
    width: 100%;
    height:150px;
}
#sendBox #e_SendBtn1 {
    top:0;
    left:270px;
}
#sendBox #e_SendBtn2 {
    top:0;
    left:400px;
}
#e_loginContent{
	position:relative;
    left:50%;
	width:830px;
	height:auto;
	margin:0 0 0 -415px;
}
.e_login_table {
    position:relative;
    width:100%;
    height:auto;
}
.e_login_table_top1 {
    position:relative;
    width:100%;
    height:20px;
    background:url(../images/eventlogin_table_top1.png) no-repeat 0 0;
}
.e_login_table_middle1 {
    position:relative;
    width:100%;
    height:auto;
    background:url(../images/eventlogin_table_middle1.png) repeat-y 0 0;
}
.e_login_table_bottom1 {
    position:relative;
    width:100%;
    height:20px;
    background:url(../images/eventlogin_table_bottom1.png) no-repeat 0 0;
}
.e_login_table_top2 {
    position:relative;
    width:100%;
    height:20px;
    background:url(../images/eventlogin_table_top2.png) no-repeat 0 0;
}
.e_login_table_middle2 {
    position:relative;
    width:100%;
    height:auto;
    background:url(../images/eventlogin_table_middle2.png) repeat-y 0 0;
}
.e_login_table_bottom2 {
    position:relative;
    width:100%;
    height:20px;
    background:url(../images/eventlogin_table_bottom2.png) no-repeat 0 0;
}
.e_login_textbox {
    position:relative;
    width:770px;
    margin:0 0 0 30px;
    font-size:15px;
    line-height:26px;
    text-shadow:2px 2px 2px #000;
}
.e_login_textbox a {
    color:#fff000;
    text-decoration:underline;
}
.e_login_textbox .hightlight1 {
    color:#fff000;
    font-size:16px;
}
#step2_2 {
	display:none;
}
#step2_3 {
	display:none;
}
#e_login_title1 {
    position:relative;
	width:208px;
	height:60px;
    background:url(../images/eventlogin_title1.png) no-repeat 0 0;
}
#e_login_title2 {
    position:relative;
	width:208px;
	height:60px;
    background:url(../images/eventlogin_title2.png) no-repeat 0 0;
}
#e_login_title4 {
    position:relative;
	width:383px;
	height:60px;
    background:url(../images/eventlogin_title4.png) no-repeat 0 0;
}
#e_login_title5 {
    position:relative;
	width:305px;
	height:60px;
    background:url(../images/eventlogin_title5.png) no-repeat 0 0;
}
#e_login_title6 {
    position:relative;
	width:331px;
	height:60px;
    background:url(../images/eventlogin_title6.png) no-repeat 0 0;
}
#e_login_title7 {
    position:relative;
	width:210px;
	height:60px;
    background:url(../images/eventlogin_title7.png) no-repeat 0 0;
}
#e_login_title8 {
    position:relative;
	width:383px;
	height:60px;
    background:url(../images/eventlogin_title8.png) no-repeat 0 0;
}
#e_login_title9 {
    position:relative;
	width:383px;
	height:60px;
    background:url(../images/eventlogin_title9.png) no-repeat 0 0;
}
#e_login_notebox {
 position:relative;
 width:700px;
 left:50%;
 margin:0 0 0 -350px;
 font-size:14px;
 color:#ff0000;
 text-align:center;
}
#e_login_stepbtns_box {
	position:relative;
	width:800px;
	font-size:0px;
}
.e_login_stepbtns1 {
	position:relative;
	width: 145px;
	height: 55px;
	background: url(../images/eventlogin_stepbtn1.png) no-repeat 0 0;
	cursor: pointer;
	display:inline-block;
}
.e_login_stepbtns1:hover {
	background: url(../images/eventlogin_stepbtn1_over.png) no-repeat 0 0;
}
.e_login_stepbtns2 {
	position:relative;
	width: 216px;
	height: 55px;
	background: url(../images/eventlogin_stepbtn2.png) no-repeat 0 0;
	cursor: pointer;
	display:inline-block;
}
.e_login_stepbtns2:hover {
	background: url(../images/eventlogin_stepbtn2_over.png) no-repeat 0 0;
}
.e_login_stepbtns3 {
	position:relative;
	width: 216px;
	height: 55px;
	background: url(../images/eventlogin_stepbtn3.png) no-repeat 0 0;
	cursor: pointer;
	display:inline-block;
}
.e_login_stepbtns3:hover {
	background: url(../images/eventlogin_stepbtn3_over.png) no-repeat 0 0;
}
.e_login_stepbtns4 {
	position:relative;
	width: 216px;
	height: 55px;
	background: url(../images/eventlogin_stepbtn4.png) no-repeat 0 0;
	cursor: pointer;
	display:inline-block;
}
.e_login_stepbtns4:hover {
	background: url(../images/eventlogin_stepbtn4_over.png) no-repeat 0 0;
}
.e_login_stepbtns5 {
	position:relative;
	width: 135px;
	height: 55px;
	background: url(../images/eventlogin_stepbtn5.png) no-repeat 0 0;
	cursor: pointer;
	display:inline-block;
}
.e_login_stepbtns5:hover {
	background: url(../images/eventlogin_stepbtn5_over.png) no-repeat 0 0;
}
.e_login_stepbtns6 {
	position:relative;
	width: 370px;
	height: 55px;
	background: url(../images/eventlogin_stepbtn6.png) no-repeat 0 0;
	cursor: pointer;
	display:inline-block;
}
.e_login_stepbtns6:hover {
	background: url(../images/eventlogin_stepbtn6_over.png) no-repeat 0 0;
}
.e_login_stepbtns7 {
	position:relative;
	width: 238px;
	height: 55px;
	background: url(../images/eventlogin_stepbtn7.png) no-repeat 0 0;
	cursor: pointer;
	display:inline-block;
}
.e_login_stepbtns7:hover {
	background: url(../images/eventlogin_stepbtn7_over.png) no-repeat 0 0;
}
#e_login_title2 > .e_login_stepbtns2 {
	left:100%;
}
#e_login_title2 > .e_login_stepbtns3 {
	left:425px;
}
#e_login_title4 > .e_login_stepbtns1 {
	left:100%;
}
#e_login_title4 > .e_login_stepbtns3 {
	left:450px;
}
#e_login_title5 > .e_login_stepbtns1 {
	left:100%;
}
#e_login_title5 > .e_login_stepbtns2 {
	left:450px;
}
#e_Btn1 {
	position: absolute;
	top: 15px;
	left: 530px;
	width: 240px;
	height: 115px;
	background-image: url(../images/event_login_btn1.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#e_Btn1:hover {
	background-image:url(../images/event_login_btn1_over.png);
}
.e_login_listbtns_box {
    position:relative;
    width:100%;
    height:55px;
}
#e_login_listbtns1 {
	position:relative;
    float:left;
	width: 145px;
	height: 55px;
	background-image: url(../images/eventlogin_listbtn1.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#e_login_listbtns1_current {
	position:relative;
    float:left;
	width: 145px;
	height: 55px;
	background-image: url(../images/eventlogin_listbtn1_over.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#e_login_listbtns1:hover {
	background-image:url(../images/eventlogin_listbtn1_over.png);
}
#e_login_listbtns2 {
	position:relative;
    float:left;
	width: 145px;
	height: 55px;
	background-image: url(../images/eventlogin_listbtn2.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#e_login_listbtns2_current {
	position:relative;
    float:left;
	width: 145px;
	height: 55px;
	background-image: url(../images/eventlogin_listbtn2_over.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#e_login_listbtns2:hover {
	background-image:url(../images/eventlogin_listbtn2_over.png);
}
#e_login_listbtns3 {
	position:relative;
    float:left;
	width: 145px;
	height: 55px;
	background-image: url(../images/eventlogin_listbtn3.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#e_login_listbtns3_current {
	position:relative;
    float:left;
	width: 145px;
	height: 55px;
	background-image: url(../images/eventlogin_listbtn3_over.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#e_login_listbtns3:hover {
	background-image:url(../images/eventlogin_listbtn3_over.png);
}
#e_login_listbtns4 {
	position:relative;
    float:left;
	width: 145px;
	height: 55px;
	background-image: url(../images/eventlogin_listbtn4.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#e_login_listbtns4_current {
	position:relative;
    float:left;
	width: 145px;
	height: 55px;
	background-image: url(../images/eventlogin_listbtn4_over.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#e_login_listbtns4:hover {
	background-image:url(../images/eventlogin_listbtn4_over.png);
}
#e_login_listbtns5 {
	position:relative;
    float:left;
	width: 145px;
	height: 55px;
	background-image: url(../images/eventlogin_listbtn5.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#e_login_listbtns5_current {
	position:relative;
    float:left;
	width: 145px;
	height: 55px;
	background-image: url(../images/eventlogin_listbtn5_over.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#e_login_listbtns5:hover {
	background-image:url(../images/eventlogin_listbtn5_over.png);
}
.e_login_listbox {
    position:relative;
    width:100%;
    height:auto;
}
#e_login_listbox2 ,#e_login_listbox3 ,#e_login_listbox4 ,#e_login_listbox6 {
	display:none;
}
.e_login_listbox .list_note2 {
	display:block;
	position:relative;
	padding:5px 0 10px 0;
	color:#ff8a00;
	font-size:13px;
	line-height:18px;
}
.e_login_listbox .list_note2 h3 {
	display:block;
	position:relative;
	font-size:15px;
	line-height:15px;
	text-align:left;
	margin:10px 0 10px 0;
}
.e_login_listbox .list_note2 ul {
	display:block;
	position:relative;
	margin:0 0 0 30px;
	padding:0;
	list-style-type:none;
}
.e_login_listbox .list_note2 ul li {
	display:block;
	position:relative;
	color:#eee;
	margin:5px 0 5px 0;
}
.e_login_listbox .list_note2 ul li span {
	position:absolute;
	left:-20px;
}
.e_login_list_wrap {
    display:table;
	padding:1px 0 1px 0;
}
.e_login_list_wrap p {
	margin:0;
	padding:0 10px 0 10px;
	text-align:left;

}
.list_title {
	color:#e4ff00;
}
.e_login_list_wrap .list_gametitle {
	display:block;
	color:#ff0101;
}
.e_login_list_wrap .list_note1 {
	display:block;
	color:#ffde00;
	font-size:13px;
}
.e_login_list_class {
    display:table-cell;
    width:125px;
    text-align:center;
    vertical-align:middle;
    background:url(../images/eventlogin_table_bg.png) repeat 0 0;
	
}

.e_login_list_table1 {
    display:table;
	border-collapse: separate;
    border-spacing: 2px 0px;
	padding:0;
}
.e_login_list_table2 {
    display:table;
	border-collapse: separate;
    border-spacing: 2px 0px;
	padding:2px 0 0 0;
}
.e_login_list_product {
    display:table-cell;
    width:225px;
    text-align:center;
    vertical-align:middle;
    background:url(../images/eventlogin_table_bg.png) repeat 0 0;
	padding:10px 0 10px 0;
}
.e_login_list_gift {
    display:table-cell;
    width:260px;
	text-align:center;
    vertical-align:middle;
    background:url(../images/eventlogin_table_bg.png) repeat 0 0;
	padding:10px 0 10px 0;
}
.e_login_list_value {
    display:table-cell;
    width:125px;
    text-align:center;
    vertical-align:middle;
    background:url(../images/eventlogin_table_bg.png) repeat 0 0;
	padding:10px 0 10px 0;
}
/*
#step2_2 .e_login_list_product {
	width:425px;
}
#step2_2 .e_login_list_value {
	width:185px;
}

#step2_3 .e_login_list_product {
	width:330px;
}
#step2_3 .e_login_list_value {
	width:270px;
}
*/

#e_login_list_gift_step2_3 {
	position:absolute;
	top:49px;
	left:354px;
    width:260px;
	height:482px;
    background:url(../images/eventlogin_table_bg.png) repeat 0 0;
	padding:10px 0 10px 0;
}
#e_login_list_gift_step2_3 p {
	position:absolute;
	top:50%;
	margin:-100px 0 0 10px;
}
#e_login_list_gift_step2_3 .list_gametitle {
	display:block;
	color:#ff0101;
}
#e_login_list_value_step2_3 {
    position:absolute;
	top:49px;
	left:616px;
    width:125px;
	height:482px;
    text-align:center;
    background:url(../images/eventlogin_table_bg.png) repeat 0 0;
	padding:10px 0 10px 0;
}
#e_login_list_value_step2_3 p {
	position:absolute;
	width:100%;
	top:50%;
	margin:-50px 0 0 0;
}

#step2_4 .e_login_list_class {
	width:125px;
}
#step2_4 .e_login_list_product {
	width:290px;
}
#step2_4 .e_login_list_gift {
	width:265px;
}
#step2_4 .e_login_list_value {
	width:80px;
}
#step2_4 .nb_list {
	left:210px;
	width:220px;
}
#event_info3 .e_login_list_class,#event_info4 .e_login_list_class {
    vertical-align:top;
    padding: 0 2px 0 0;
    background: none;
}
#event_info3 .e_login_list_product,#event_info4 .e_login_list_product {
    vertical-align:top;
    padding: 0 2px 0 0;
    background: none;
}
#event_info3 .e_login_list_value,#event_info4 .e_login_list_value {
    vertical-align:top;
    padding: 0;
    background: none;
}
#event_info3 .e_login_list_table1,#event_info4 .e_login_list_table1 {
    background:url(../images/eventlogin_table_bg.png) repeat 0 0;
}
#event_info3 .e_login_list_table2,#event_info4 .e_login_list_table2 {
    background:url(../images/eventlogin_table_bg.png) repeat 0 0;
}
#event_info3 p,#event_info4 p {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#event_info3 .tl {
	text-align:left;
}
#event_info3 .e_login_list_class .e_login_list_table1 {
    width: 100%;
    height:320px;
    margin: 0 0 2px 0;
}

#event_info3 .e_login_list_class .e_login_list_table2 {
    width: 100%;
    height:450px;
    margin: 0 0 2px 0;
}
#event_info3 .e_login_list_product .e_login_list_table1 {
    width: 100%;
    height:320px;
    margin: 0 0 2px 0;
}
#event_info3 .e_login_list_product .e_login_list_table2 {
	width: 100%;
    height:450px;
    margin: 0 0 2px 0;
}
#event_info3 .e_login_list_value .e_login_list_table1 {
    width: 100%;
    height:774px;
    margin: 0 0 2px 0;
}
#event_info4 .e_login_list_class .e_login_list_table1 {
	width: 100%;
    height:100px;
    margin: 0 0 2px 0;
}
#event_info4 .e_login_list_class .e_login_list_table2 {
    width: 100%;
    height:100px;
    margin: 0 0 2px 0;
}
#event_info4 .e_login_list_product .e_login_list_table1 {
	width: 100%;
    height:100px;
    margin: 0 0 2px 0;
}
#event_info4 .e_login_list_product .e_login_list_table2 {
    width: 100%;
    height:100px;
    margin: 0 0 2px 0;
}
#event_info4 .e_login_list_value .e_login_list_table1 {
	width: 100%;
    height:100px;
    margin: 0 0 2px 0;
}
#e_login_steptip {
	position:relative;
	width:750px;
	height:160px;
    background:url(../images/eventlogin_steptip.png) no-repeat 0 0;
}
#e_login_steptip2 {
	position:relative;
	width:750px;
	height:160px;
    background:url(../images/eventlogin_steptip2.png) no-repeat 0 0;
}
#e_login_joinbox {
	position:relative;
	width:750px;
	height:115px;
	left:50%;
	margin:0 0 0 -375px;
}
#e_login_regbox {
	position:relative;
	width:750px;
	height:30px;
	left:50%;
	margin:0 0 0 -375px;
	text-align:center;
	font-size:13px;
}
#e_login_regbox a {
	text-decoration:none;
}

.e_Btn {
	position: absolute;
	top: 0px;
	left: 50%;
	margin:0 0 0 -120px;
	width: 240px;
	height: 115px;
	background:url(../images/event_login_btn3.png) no-repeat 0 0;
	cursor: pointer;
    display:none;
}
.e_Btn:hover {
	background-image:url(../images/event_login_btn3_over.png);
}


#e_Btn4 {
	position: absolute;
	top: 0px;
	left: 50%;
	margin:0 0 0 -120px;
	width: 240px;
	height: 115px;
	background:url(../images/event_login_btn4.png) no-repeat 0 0;
	cursor: pointer;
}
#e_Btn4:hover {
	background-image:url(../images/event_login_btn4_over.png);
}

#e_Btn5 {
	position: absolute;
	top: 0px;
	left: 50%;
	margin:0 0 0 -120px;
	width: 240px;
	height: 115px;
	background:url(../images/event_login_btn5.png) no-repeat 0 0;
	cursor: pointer;
	display:none;
}
#e_Btn5:hover {
	background-image:url(../images/event_login_btn5_over.png);
}

#e_Btn6 {
	position: absolute;
	top: 0px;
	left: 50%;
	margin:0 0 0 -120px;
	width: 240px;
	height: 115px;
	background:url(../images/event_login_btn6.png) no-repeat 0 0;
	cursor: pointer;
	display:none;
}
#e_Btn6:hover {
	background-image:url(../images/event_login_btn6_over.png);
}
#e_Btn7 {
	position: absolute;
	top: 0px;
	left: 50%;
	margin:0 0 0 -120px;
	width: 240px;
	height: 115px;
	background:url(../images/event_login_btn7.png) no-repeat 0 0;
	cursor: pointer;
	display:none;
}
#e_Btn7:hover {
	background-image:url(../images/event_login_btn7_over.png);
}
#e_Btn8 {
	position: absolute;
	top: 0px;
	left: 50%;
	margin:0 0 0 -120px;
	width: 240px;
	height: 115px;
	background:url(../images/event_login_btn8.png) no-repeat 0 0;
	cursor: pointer;
	display:none;
}
#e_Btn8:hover {
	background-image:url(../images/event_login_btn8_over.png);
}
#e_login_notelist {
	display:block;
	margin:0;
	padding:0;
	list-style-type: none;
	font-size:13px;
	line-height:22px;
}
#e_login_notelist li {
	text-indent:-14px;
	padding:3px 0 3px 14px;
}
#e_login_notelist li  span {
	display:block;
	padding:0px;
	text-indent:0px;
}
#e_login_title3 {
    position:relative;
	width:108px;
	height:40px;
    background:url(../images/eventlogin_title3.png) no-repeat 0 0;
}
.e_loginblock {
    position:relative;
    width:100%;
    height:85px;
}


#e_loginRuleBtn {
	position: absolute;
	top: 90px;
	left: 215px;
	width: 70px;
	height: 20px;
	cursor: pointer;
}
.e_loginRuleBtnBg {
	width:100%;
	height:100%;
}








#e_loginInputMail {
	position: absolute;
	top: 459px;
	left: 215px;
}
#e_loginInputPassword {
	position: absolute;
	top: 525px;
	left: 215px;
}


#e_loginNewBtn {
	position: absolute;
	top: 982px;
	left: 539px;
	width: 85px;
	height: 15px;
	cursor: pointer;
	z-index: 99;
}


#loginlightBox {
	position:fixed;
	width:100%;
	height:100%;
	z-index:3000;
	display:none;
}
.loginlightBoxBg {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity: 0.8;
	filter: alpha(opacity=80);
    margin-top:-15px;
}

#boxContent{	
    position:absolute;
	width: 765px;
	height: 500px;
	top:50%;
	left:50%;
	margin:-250px auto 0 -380px;}

.boxCloseBtn {	
    position:absolute;
	top:0;
	left:770px;
	width:40px;
	height:40px;
	background-image:url(../images/videoCloseBtn.png);
	background-repeat:no-repeat;
	background-position:center center;
	z-index:3003;
	cursor:pointer;
	}
.boxCloseBtn:hover{ background:url(../images/videoCloseBtn_over.png) no-repeat center center;}	
	
.boxRange{
	position:relative;
	width: 765px;
	height: 500px;
	padding: 2px;
	z-index:9999;
	overflow:auto;
}
.boxNextBtn {	
	position:relative;
	width:206px;
	height:98px;
	background:url(../images/event_login_next_btn.png) no-repeat 0 0;
	z-index:3003;
	cursor:pointer;
	margin:0 auto;
	clear:both;
}
.boxNextBtn:hover {
	background:url(../images/event_login_next_btn_over.png) no-repeat 0 0;
}
.boxlist{ width:765px; height:auto; position:relative;}

.boxTitle{ width:185px;height:35px; margin:1px; float:left; color:#e4ff00; font-size:15px; text-align:center; background-color:#1d1a22; line-height:35px;}
.boxNum{ width:185px;height:35px; margin:1px; float:left; color:#fff; font-size:15px; text-align:center; background-color:#28242f; line-height:35px;}

.class="eventbox"{ width:185px;height:35px; margin:1px; float:left; color:#fff;font-size:15px; text-align:center; background-color:#2b2730; line-height:35px;}





#piclightBox {
	position:fixed;
	width:100%;
	height:100%;
	z-index:3000;
	display:none;
}
#piclightBoxBg {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#picboxContent{	
    position:absolute;
	margin:0 auto;
	width: 530px;
	height: 400px;
	top:50%;
	left:50%;
	margin:-200px auto 0 -265px;
	background:url(../images/pic_bg.png) no-repeat 0 0;}
	

.picRange{ width:261px; height:196px; position:absolute; top:150px; left:70px; overflow:hidden;}
.picRange img{max-width:261px;}



.pic_noBtn{ background:url(../images/pic_noBtn.png) no-repeat; width:110px; height:40px; margin:0 auto; cursor:pointer; top:290px; left:350px; position:absolute;}
.pic_noBtn:hover{background:url(../images/pic_noBtn_over.png) no-repeat; }

.pic_sendBtn{background:url(../images/pic_sendBtn.png) no-repeat; width:110px; height:40px; margin:0 auto; cursor:pointer;top:240px; left:350px;position:absolute;}
.pic_sendBtn:hover{background:url(../images/pic_sendBtn_over.png) no-repeat; }

.pic_goodsNumA{
	position: absolute;
	top: 47px;
	left: 180px;
	color: #FFF;
	font-size: 15px;
/*	text-align: center;*/
    width: 150px;
}

.pic_goodsNumB{
	position: absolute;
	top: 81px;
	left: 180px;
	color: #FFF;
	font-size: 15px;
/*	text-align: center;*/
    width: 150px;
}




.login_sendBtn{ background:url(../images/login_sendBtn.png) no-repeat; width:109px; height:36px; margin:0 auto; cursor:pointer;}
.login_sendBtn:hover{background:url(../images/login_sendBtn_over.png) no-repeat; }

.uploadBtn{ background:url(../images/uploadBtn.png) no-repeat; width:125px; height:36px; margin:0 auto; cursor:pointer;}
.uploadBtn:hover{background:url(../images/uploadBtn_over.png) no-repeat; }

.picselect{ width:125px; height:36px; position:absolute; }
.filePrew{/* display:none;*/position:absolute; width:125px; height:36px;/*text-indent:-9999em; */filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;  cursor:pointer; left:0px;}


.login_text{
	line-height: 20px;
	font-size: 13px;
	color: #fff;
	width: 619px;
	margin-left: 190px;
	bottom: 84px;
	position: absolute;
	left: 12px;
}


/*贈品寄送start*/

#container_e_Goods {
	position:relative;
	width:100%;
	min-width:1024px;
	max-width:2000px;
	height:760px;
	margin:0 auto;
	background-image:url(../images/background2.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

#e_titleSend{
	position:relative;
	width:570px;
	height:50px;
	margin:0 auto;
	padding-top:70px;
	background-image:url(../images/event_send_title.png);
	background-repeat:no-repeat;
	background-position:center center;
}


#e_SendForm {
	position: absolute;
	top:90px;
	left:50%;
	margin: 0 0 0 -365px;
	width: 730px;
	height: 605px;
	background-image: url(../images/event_send_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#e_SendBtn1 {
	position: absolute;
	top: 435px;
	left: 230px;
	width: 133px;
	height: 133px;
	background-image: url(../images/event_send_btn1.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#e_SendBtn1:hover {
	background-image:url(../images/event_send_btn1_over.png);
}

#e_SendBtn2 {
	position: absolute;
	top: 435px;
	left: 380px;
	width: 133px;
	height: 133px;
	background-image: url(../images/event_send_btn2.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#e_SendBtn2:hover {
	background-image:url(../images/event_send_btn2_over.png);
}


#e_SendInputName {
	position: absolute;
	top: 258px;
	left: 195px;
}


#e_SendInputPhone1 {
	position: absolute;
	top: 304px;
	left: 195px;
}
#e_SendInputPhone2 {
	position: absolute;
	top: 349px;
	left: 195px;
}
#e_SendInputAdd {
	position: absolute;
	top: 395px;
	left: 195px;
}

#e_PointRange{
	position: absolute;
	top: 28px;
	left: 87px;
	width: auto;}
	
#e_SendName{ 
    position:relative;
	color: #fff;
	font-size: 30px;
	float:left;
}

#e_Sendtxt{
	position:relative;
	color: #fff;
	font-size: 30px;
	float:left;
}
#e_Sendnum{
	position:relative;
	color: #e4ff00;
	font-size: 30px;
	float:left;
}

#e_Sendtxt2{
	position:relative;
	color: #fff;
	font-size: 30px;
	float:left;
}


#e_GoodsRange{
	position: absolute;
	top: 91px;
	left: 105px;
	width: 500px;
}

.e_Goods1{
	position:relative;
	color: #fff000;
	font-size: 18px;
	margin:15px;
    font-weight:bold;
	text-align:center;
}

.e_Goods2{
	position:relative;
	color: #fff000;
	font-size: 18px;
    margin:15px;
	font-weight:bold;
    text-align:center;
}


/*活動辦法start*/
#container_e_Rule {
	position:relative;
	width:100%;
	min-width:1224px;
	max-width:2000px;
	height:auto;
	margin:0 auto;
	background-image:url(../images/background3.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

#e_ruleContent{
	position:relative;
	width:845px;
	height:auto;
	margin:0 auto;
}

#e_titleRule{
	position:relative;
	width:340px;
	height:50px;
	margin:0 auto;
	padding-top:50px;
	background-image:url(../images/event_rule_title.png);
	background-repeat:no-repeat;
	background-position:center center;
}

#e_rule1{position:relative;background-image:url(../images/event_rule_01.png); width:845px; height:935px;}
#e_rule1_1{position:relative;background-image:url(../images/event_rule_01_1.png); width:845px; height:620px;}
#e_rule2{position:relative;background-image:url(../images/event_rule_02.png); width:845px; height:570px;}



#e_SendForm {
	position: absolute;
	top:90px;
	left:50%;
	margin: 0 0 0 -365px;
	width: 730px;
	height: 605px;
	background-image: url(../images/event_send_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#e_RuleBtn {
	position: absolute;
	top: 9px;
	left: 583px;
	width: 135px;
	height: 135px;
	background-image: url(../images/event_rule_Btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#e_RuleBtn:hover {
	background-image:url(../images/event_rule_Btn_over.png);
}

#e_ruleLaw{
	position: absolute;
	top: 431px;
	left: 55px;
	width: 90px;
	height: 20px;
	cursor: pointer;
}
#e_rulePrivacy{
	position: absolute;
	top: 431px;
	left: 153px;
	width: 102px;
	height: 20px;
	cursor: pointer;
}


#ruleBtn4_1{
	position: absolute;
	top: 153px;
	left: 650px;
	width: 145px;
	height: 140px;
	background-image: url(../images/rule_btn4.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1000;
}

#e_RuleBtn_1 {
	position: absolute;
	top: 0px;
	left: 524px;
	width: 135px;
	height: 135px;
	background-image: url(../images/event_rule_Btn.png);
	background-repeat: no-repeat;
	background-position: center center;
}


/*線上積點活動start*/

#containerexchange {
	position:relative;
	width:100%;
	min-width:1280px;
	max-width:2000px;
	height:650px;
	margin:0 auto;
	background-image:url(../images/background2.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}


#titleExchange{
	position:relative;
	width:330px;
	height:95px;
	margin:0 auto;
	padding-top:30px;
	background-image:url(../images/exchange_title.png);
	background-repeat:no-repeat;
	background-position:center center;
}


#exchangeBox {
	position:absolute;
	top:100px;
	left:50%;
	width:920px;
	height:470px;
	margin:0 0 0 -460px;
	background-image:url(../images/exchange_bg.png);
	background-repeat:no-repeat;
	background-position:center center;
}


#exchangeBtn {
	position: absolute;
	top: 326px;
	left: 850px;
	width: 140px;
	height: 140px;
	background-image: url(../images/exchange_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#exchangeBtn:hover {
	background-image:url(../images/exchange_btn_over.png);
}



.exchangeBtnPrev {
	position: absolute;
	top: 208px;
	left: 201px;
	width: 38px;
	height: 38px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/exchange_prevBtn.png);
	z-index: 1000;
	cursor: pointer;
}
.exchangeBtnPrev:hover {
    background-image:url(../images/exchange_prevBtn_over.png);
}
.exchangeBtnNext {
	position: absolute;
	top: 210px;
	left: 848px;
	width: 38px;
	height: 38px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/exchange_nextBtn.png);
	z-index: 1000;
	cursor: pointer;
}
.exchangeBtnNext:hover {
    background-image:url(../images/exchange_nextBtn_over.png);
}


#exchangeRange_L{
	position: absolute;
	top: 64px;
	left: 42px;
	width: 150px;
}
#exchangeName{
	position: absolute;
	color: #fff;
	font-size: 18px;
	text-align: center;
	width: 150px;
	height: 45px;
    overflow:hidden;
}

#exchangePointA{
	position: absolute;
	top: 70px;
	left:50px;
	color: #fff;
	font-size: 40px;
	text-align:center;
}
#exchangePointB{
	position: absolute;
	top: 157px;
	left: 50px;
	color: #fff;
	font-size: 40px;
	text-align: center;
}

.exchangeGoodsListA{
	position: absolute;
	top: 251px;
	left: 54px;
	color: #c6ff00;
	font-size: 15px;
	text-align: center;
}

.exchangeGoodsA{
	position: absolute;
	top: 270px;
	left: 8px;
	color: #FFF;
	font-size: 15px;
	text-align: center;
    width: 135px;
}
	
.exchangeGoodsListB{
	position: absolute;
	top: 298px;
	left: 54px;
	color: #c6ff00;
	font-size: 15px;
	text-align: center;
}

.exchangeGoodsB{
	position: absolute;
	top: 316px;
	left: 8px;
	color: #FFF;
	font-size: 15px;
	text-align: center;
	width: 135px;
}	
	
	
	
#exchangeMask{
	position: absolute;
	top: 30px;
	left: 232px;
	width: 620px;
	height: 385px;
	overflow: hidden;

}

#exchangeRange_R{
	position: absolute;
	width: 1000%;
	height: 100%;
	}

.exchangeImg{
	width:150px;
	height:385px;
	position:relative;
	margin-left:5px;
	float:left;
	cursor: pointer;
}
.exchangeImgP017 {
	background:url(../images/exchange_img01.jpg) no-repeat 0 0;
}
.exchangeImgP017:hover {
	background:url(../images/exchange_img01_over.jpg) no-repeat 0 0;
}
.exchangeImgP018 {
	background:url(../images/exchange_img02.jpg) no-repeat 0 0;
}
.exchangeImgP018:hover {
	background:url(../images/exchange_img02_over.jpg) no-repeat 0 0;
}
.exchangeImgP019 {
	background:url(../images/exchange_img03.jpg) no-repeat 0 0;
}
.exchangeImgP019:hover {
	background:url(../images/exchange_img03_over.jpg) no-repeat 0 0;
}
.exchangeImgP020 {
	background:url(../images/exchange_img04.jpg) no-repeat 0 0;
}
.exchangeImgP020:hover {
	background:url(../images/exchange_img04_over.jpg) no-repeat 0 0;
}
.exchangeImgP021 {
	background:url(../images/exchange_img05.jpg) no-repeat 0 0;
}
.exchangeImgP021:hover {
	background:url(../images/exchange_img05_over.jpg) no-repeat 0 0;
}
.exchangeImgP022 {
	background:url(../images/exchange_img06.jpg) no-repeat 0 0;
}
.exchangeImgP022:hover {
	background:url(../images/exchange_img06_over.jpg) no-repeat 0 0;
}


/*文章類START*/

img{ border:none;}

#titleArticle{	
    position:relative;
	width:310px;
	height:60px;
	margin:0 auto;
	padding-top:40px;
	background-image:url(../images/article_title.png);
	background-repeat:no-repeat;
	background-position:center center;
}

#titleArticleGoods{	
    position:relative;
	width:210px;
	height:55px;
	margin:0 auto;
	padding-top:40px;
	background-image:url(../images/article_goodstitle.png);
	background-repeat:no-repeat;
	background-position:center center;
}


#titleArticleEvent{	
    position:relative;
	width:270px;
	height:60px;
	margin:0 auto;
	padding-top:40px;
	background-image:url(../images/article_titleevent.png);
	background-repeat:no-repeat;
	background-position:center center;
}


#articleContent{
	position:relative;
	width:920px;
	height:auto;
	margin:0 auto;
}


#articleHead{position:relative; width:920px; height:195px;}

#article_bghead{ background:url(../images/article-bghead.png) top center no-repeat; width:920px; height:30px;margin:0 auto;  position:relative;line-height:0;}
#article_bgmid{ background:url(../images/article-bgmid.png) top center repeat-y; width:920px; height:auto; margin:0 auto; position:relative;line-height:0;}
#article_bgend{ background:url(../images/article-bgend.png) top center no-repeat ; width:920px; height:100px;margin:0 auto;  position:relative;line-height:0;}

.article_text_bl{ color:#48c6f3;line-height:20px;font-size:15px;width:800px; margin-left: 65px; font-weight:bold;padding-bottom:5px;}
.article_text_bl2{ color:#48c6f3;line-height:20px;font-size:15px;width:800px; margin-left: 65px; font-weight:bold;padding-bottom:5px; padding-top:20px;}
.article_text{ line-height:22px; font-size:13px; color:#fff; width:800px; margin-left: 65px; padding-bottom:15px;}
.article_text_ye{ color:#fff000;font-size:13px;width:auto; margin:0; float:left;}


.article_img{ margin:5px auto 0 140px; padding-bottom:15px; position:relative; line-height:0; border:none; }
.article_img2{ margin:5px auto 0 65px; padding-bottom:15px; position:relative; line-height:0; border:none; }

.article_text img{ float:right; margin-top:-60px; margin-left:35px; margin:-55px 10px auto 30px;}


#articleBtn {
	position: absolute;
	top: 34px;
	left: 743px;
	width: 135px;
	height: 135px;
	background-image: url(../images/article_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#articleBtn:hover {
	background-image:url(../images/article_btn_over.png);
}


#articleTop {
	position: absolute;
	bottom: 82px;
	left: 889px;
	width: 45px;
	height: 45px;
	cursor: pointer;
	z-index: 99;
	background: url(../images/article_top.png) no-repeat center center;
}

.article_event{margin:0 auto 0 50px; position:relative; line-height:0; border:none; }
.article_event2{margin:0 auto 0 70px; position:relative; line-height:0; border:none; }

/*得獎名單*/


#titleWinner{
	position:relative;
	width:245px;
	height:65px;
	margin:0 auto;
	padding-top:30px;
	background-image:url(../images/winner_title.png);
	background-repeat:no-repeat;
	background-position:center center;
}

#winnerBtn2{
	position: absolute;
	top: 153px;
	left: 650px;
	width: 145px;
	height: 140px;
	background-image: url(../images/rule_btn4.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1000;
}

#winnerbox {
	position:relative;
	width:100%;
	height:auto;
}


/*------------*/

#rule_info1 {
    position:relative;
	width:477px;
	height:120px;
    left:50%;
    margin:0 0 0 -375px;
    background:url(../images/rule_info1.png) no-repeat 0 0;
}
#rule_info2 {
    position:relative;
	width:750px;
	height:220px;
    left:50%;
    margin:0 0 0 -375px;
    background:url(../images/rule_info2.png) no-repeat 0 0;
}
#rule_tab1 {
    position:absolute;
	width:84px;
	height:84px;
    left:8px;
    top:-8px;
    background:url(../images/rule_tab1.png) no-repeat 0 0;
}
#rule_tab2 {
    position:absolute;
	width:84px;
	height:84px;
    left:8px;
    top:-8px;
    background:url(../images/rule_tab2.png) no-repeat 0 0;
}
#rule_btn1 {
	position:absolute;
	top:20px;
	left:520px;
	width:240px;
	height:115px;
	background-image:url(../images/rule_btn1.png);
	background-repeat:no-repeat;
	background-position:center center;
	cursor: pointer;
	z-index:1000;
}
#rule_btn1:hover {
	background-image:url(../images/rule_btn1_over.png);
}
#rule_btn2 {
	position:absolute;
	top:50px;
	left:520px;
	width:240px;
	height:115px;
	background-image:url(../images/rule_btn2.png);
	background-repeat:no-repeat;
	background-position:center center;
	cursor: pointer;
	z-index:1000;
}
#rule_btn2:hover {
	background-image:url(../images/rule_btn2_over.png);
}

.rule_textbox {
    position:relative;
    width:770px;
    margin:0 0 0 83px;
    font-size:15px;
    line-height:26px;
    text-shadow:2px 2px 2px #000;
}
.rule_textbox > p {
	position:relative;
	padding:0;
	margin:15px 0 10px 0;
	font-size:15px;
	color:#ffde00;
	line-height:15px;
	display:block;
}
.rule_textbox a {
    color:#fff000;
    text-decoration:underline;
}
.rule_textbox .small {
	font-size:13px;
}
.login_textbox .hightlight1 {
    color:#fff000;
    font-size:16px;
}
.rule_list_table1 {
    display:table;
	border-collapse: separate;
    border-spacing: 2px 0px;
	padding:2px 0 0 0;
}
.rule_list_table1 p {
	position:relative;
	margin:0 10px 0 010px;
}
.rule_list_table1 .list_title {
	display:block;
	text-align:center;
}
.rule_list_table1 .rule_list_cell1 {
    display:table-cell;
    width:250px;
    text-align:left;
    vertical-align:middle;
    background:url(../images/eventlogin_table_bg.png) repeat 0 0;
	padding:10px 0 10px 0;
}
.rule_list_table1 .rule_list_cell2 {
    display:table-cell;
    width:180px;
	text-align:center;
    vertical-align:middle;
    background:url(../images/eventlogin_table_bg.png) repeat 0 0;
	padding:10px 0 10px 0;
}
.rule_list_table1 .rule_list_cell3 {
    display:table-cell;
    width:250px;
    text-align:left;
    vertical-align:middle;
    background:url(../images/eventlogin_table_bg.png) repeat 0 0;
	padding:10px 0 10px 0;
}
.rule_list_table2 {
    display:table;
	border-collapse: separate;
    border-spacing: 2px 0px;
	padding:2px 0 0 0;
}
.rule_list_table2 p {
	position:relative;
	margin:0 10px 0 010px;
}
.rule_list_table2 .list_title {
	display:block;
	text-align:center;
}
.rule_list_table2 .rule_list_cell1 {
    display:table-cell;
    width:180px;
    text-align:center;
    vertical-align:middle;
    background:url(../images/eventlogin_table_bg.png) repeat 0 0;
	padding:10px 0 10px 0;
}
.rule_list_table2 .rule_list_cell2 {
    display:table-cell;
    width:500px;
	text-align:left;
    vertical-align:middle;
    background:url(../images/eventlogin_table_bg.png) repeat 0 0;
	padding:10px 0 10px 0;
}
.nb_btnbox {
	position:relative;
}
.nb_btn {
	position:relative;
	width:120px;
	background:url(../images/nb_btn_arrow.png) no-repeat right center;
	display:inline-block;
	cursor:pointer;
}
.nb_btnbox:hover .nb_btn {
	color:#fff600;
	background:url(../images/nb_btn_arrow_over.png) no-repeat right center;
}
.nb_list {
	position:absolute;
	top:0px;
	left:180px;
	width:200px;
	margin:0;
	padding:10px;
	list-style:none;
	text-align:left;
	border:#888 solid 1px;
	background:url(../images/alpha_b.png) repeat 0 0;
	display:none;
}
.nb_btnbox:hover .nb_list {
	display:block;
}

/*------以下是新增開學祭------*/

#rule2_new
{ width:781px; height:660px; background:url(../images/rulebox_bg.png) no-repeat; padding:81px 0 0 54px;}

#rule2_menu{width:414px; height:44px; margin-left:22px;}

#rule2_menu01{ display:block; width:168px; height:44px; background-image:url(../images/event01_b.png); float:left;}
#rule2_menu01:hover { background-image:url(../images/event01_a.png);}
#rule2_menu01_on{ display:block; width:168px; height:44px; background-image:url(../images/event01_a.png); float:left;}

#rule2_menu02{ display:block; width:241px; height:44px; background-image:url(../images/event02_b.png);float:right}
#rule2_menu02:hover { background-image:url(../images/event02_a.png);}
#rule2_menu02_on{ display:block; width:241px; height:44px; background-image:url(../images/event02_a.png) ; float:right}

#rule2_content{ width:730px; height:602px; overflow:auto;}

#rule2_content01{ display:block; width:709px; height:602px; background-image:url(../images/eventcontent_01.png);background-repeat:no-repeat}
#rule2_content02{ display:none; width:709px; height:2095px; background-image:url(../images/eventcontent_02.png); background-repeat:no-repeat}