@charset "utf-8";
/*---------------------新增積分賽CSS*/
/*---------------------上方*/
.btn_login_wap {
    position: relative;
}
.btn_login {
    position: absolute;
    display: block;
    left: 786px;
    top: 34px;
    width: 180px;
    height: 62px;
}
.btn_login:hover {top: 35px;}

.btn_login_user {
    min-width: 82%;
    width: 700px;
    margin: 0 auto;
    position: absolute;
    display: block;
    top: 72px;
    right: 0;
    left: 0;
    height: 62px;
    text-align: right;
}
.btn_login_user_tt {
    color: #fff;
}
.btn_login_user_n{
    color: #fffa52;
    padding: 0 10px;
}
.slot_bg01 {
    width: 970px;
    height: 602px;
    background-image: url(images/slot_bg01.png);
    position: relative;
    display: block;
    margin: 0 auto;
    left: 0;
}
.slot_wap_L {
    position: absolute;
}
.slot_wap_01 {
    position: absolute;
    top: 82px;
    left: 114px;
}
.slot_wap_topic01 {
    width: 214px;
    height: 44px;
    position: relative;
}
.slot_wap_card_bg01 {
    position: relative;
    left: 0;
    width: 214px;
    height: 290px;
	border-style:dashed;
	border-color: white;	
}
.slot_wap_tt1 {
    color: #fff;
    text-align: center;
    font-size: 18px;
}
.btn_getcard {
    position: absolute;
    display: block;
    text-align: center;
    top: 42px;
    left: 604px;
    width: 103px;
}
.btn_getcard .hoverImg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: none;
}
.btn_getcard:hover .hoverImg {
    display: block;
}
.btn_getcard:hover .imageInn {
    display: block;
    opacity: 0;
}
.btn_getcard {
    display: block;
    position: relative;
    width: 214px;
    height: 80px;
    top: 0px;
    left: 0px;
}
.arrow {
    display: block;
    position: absolute;
    top: 18px;
    left: 204px;
}
.slot_wap_R {
    position: absolute;
    left: 246px;
}
.slot_wap_topic02 {
    width: 466px;
    height: 52px;
    position: relative;
}
.slot_wap_card_bg02 {
    background-image: url(images/slot_wap_card_bg02.png);
    position: relative;
    display: block;
    margin: 0 auto;
    left: 0;
    width: 462px;
    height: 317px;
}
.btn_close {
    display: block;
    position: absolute;
    width: 39px;
    height: 37px;
    top: -4px;
    left: 161px;
}
.getcard_01 > .btn_close img  , .getcard_02 > .btn_close img{
    width: 39px;
    height: 37px;
}
.getcard_01 {
    position: absolute;
    top: 30px;
    left: 22px;
}
.getcard_02 {
    position: absolute;
    top: 30px;
    left: 250px;
}
.getcard_01 img, .getcard_02 img {
    width: 192px;
    height: 260px;
}
.slot_wap_getscore {
    position: relative;
    display: block;
    height: 66px;
}
.getscore_bg_01 {
    background-image: url(images/getscore_bg.png);
    width: 200px;
    height: 40px;
    position: absolute;
    margin: 18px 0 0 18px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
}
.getscore_bg_02 {
    background-image: url(images/getscore_bg.png);
    width: 200px;
    height: 40px;
    position: absolute;
    margin: 18px 0 0 18px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    left: 228px;
}
.slot_wap_tt2 {
    color: #ff0000;
    text-align: center;
    font-weight: bold;
    padding: 0 6px;
    font-family: Arial;
    font-size: 24px;
}
.slot_wap_R p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
/*---------------------下方*/
.slot_bg02 {
    width: 970px;
    height: 564px;
    background-image: url(images/slot_bg02.png);
    position: relative;
    display: block;
    margin: 0 auto;
    left: 0;
}
.slot_wap_02 {
    position: relative;
    top: 13px;
    left: 144px;
}
.slot_wap_02_a {
    position: absolute;
    z-index: 999;
}
.slot_wap_02_a_bg {
    position: absolute;
    z-index: 9;
}
.slot_wap_02_b {
    position: absolute;
    left: 230px;
    z-index: 999;
}
.slot_wap_02_b_bg {
    position: absolute;
    left: 230px;
    z-index: 9;
}
.slot_wap_02_c {
    position: absolute;
    left: 462px;
    z-index: 999;
}
.slot_wap_02_c_bg {
    position: absolute;
	left: 462px;
    z-index: 9;
}
.slot_wap_notice {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0 30px 0;
}
.slot_wap_notice ui {}
.slot_wap_notice li {
    list-style-type: decimal;
}
.slot_wap_02_btn {
    position: relative;
    display: block;
    text-align: center;
    top: 194px;
}
.btn_spin_wap {
    width: 200px;
    display: block;
    margin: 0 auto;
}
.btn_spin_wap .hoverImg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: none;
}
.btn_spin_wap:hover .hoverImg {
    display: block;
}
.btn_spin_wap:hover .imageInn {
    display: block;
    opacity: 0;
}
.btn_cardbook {
    position: absolute;
    display: block;
    text-align: center;
    top: 42px;
    left: 604px;
    width: 103px;
}
.btn_cardbook .hoverImg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: none;
}
.btn_cardbook:hover .hoverImg {
    display: block;
}
.btn_cardbook:hover .imageInn {
    display: block;
    opacity: 0;
}
.btn_cardlist {
    position: absolute;
    display: block;
    text-align: center;
    top: 42px;
    left: 712px;
    width: 103px;
}
.btn_cardlist .hoverImg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: none;
}
.btn_cardlist:hover .hoverImg {
    display: block;
}
.btn_cardlist:hover .imageInn {
    display: block;
    opacity: 0;
}
.btn_cardbook img {
    width: 103px
}
.btn_cardlist img {
    width: 103px
}

.btn_back {
    display: block;
    position: absolute;
    top: 35px;
    right: 58px;
}
.notice_in {
    width: 80%;
    margin: 0 auto;
    color: #fff;
    padding: 10px 0 0 0;
}
.notice_in p{
    font-size: 18px;
    line-height:18px
}
.tt_topic {
    font-size: 30px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    padding-bottom: 30px;
}
.user_coin {
    display: block;
    position: relative;
    margin-top: 10px;
    font-size: 18PX;
    color: #1a1a1a;
}
.user_coin_tt {
    color: #f82331;
}