*{padding:0;margin:0;}
.swiper-container,body,html{width:100%;height:100%;overflow:hidden;font-family: "Merriweather", sans-serif; font-size: 14px; line-height: 1.4;}
input, textarea, select { font-family: "Merriweather", sans-serif; }
.full-bg{position:relative;width:100%;height:100%;}
.topbar .topmenu{height: 30px !important;}

.logo { display: block; width:225px; margin:0 auto; }
.logo img { display:block; width:100%; }

.section { position: relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.section .wrapper { position: relative; margin:0 auto; width:1200px; z-index:2; }
.section .logo { position:absolute; left:-10%; top:20px; }
.sec1 { background:url(../images/bg1.jpg) no-repeat center center/cover; }
.sec2,.sec4 { background:url(../images/bg2.jpg) no-repeat center center/cover; }
.sec3 { background:url(../images/bg3.jpg) no-repeat center center/cover; }
.sec1 .wrapper { display:flex; align-items:center; justify-content:flex-start;flex-direction: column;height: 900px; }
.sec2 .wrapper {width: 1110px;}

.sec-nav { position:fixed; right: 55px; top: 50%; margin-top: -205px; z-index:2;width: 191px; height: 410px; padding:104px 0 20px 0; display:none; }
.sec-nav:before { position: absolute; right: 0; top: 0%; content:"";width: 57px;height: 510px; background: url(../images/nav-bg.png) no-repeat; }
.sec-nav a{font-size: 0;}
.sec-nav a:nth-child(1){ position: absolute;top: 20px;right: 13px;width: 27px;height: 27px; background: url(../images/icon_home.png) no-repeat;}
.sec-nav a:nth-child(1):hover{ background-image:url(../images/icon_home_on.png);width: 27px; }
.sec-nav a{position: absolute;right: 16px; width: 175px;height: 70px;font-size: 0;}
.sec-nav a:nth-child(2){top: 100px;background: url(../images/en/nav1.png) no-repeat;}
.sec-nav a:nth-child(2):hover,.sec-nav a:nth-child(2).on{ background-image:url(../images/en/nav1-on.png); }
.sec-nav a:nth-child(3){top: 180px;background: url(../images/en/nav2.png) no-repeat;}
.sec-nav a:nth-child(3):hover,.sec-nav a:nth-child(3).on{ background-image:url(../images/en/nav2-on.png); }
.sec-nav a:nth-child(4){top: 260px;background: url(../images/en/nav3.png) no-repeat;}
.sec-nav a:nth-child(4):hover,.sec-nav a:nth-child(4).on{ background-image:url(../images/en/nav3-on.png); }

.sec-nav.page0 { width: 800px;height: 65px; padding: 0;right: 50%; margin-right: -400px;top: 80%;margin-top: 0;}
.sec-nav.page0 a{position: relative; display: inline-block; width: 220px;height: 60px;font-size: 20px;line-height: 20px;padding-top: 14px; text-align: center;margin: 5px 22px;color:#191d24;background: url(../images/nav-page0.png) no-repeat;font-family: "Protest Revolution", sans-serif;font-weight: bold;}
.sec-nav.page0 a:hover{ background-image:url(../images/nav-page0-hover.png);color:#fff }
.sec-nav.page0:before,.sec-nav.page0 a:nth-child(1):before, .sec-nav.page0 a:nth-last-child(1):after,.sec-nav.page0 a:nth-child(1){display: none;}
.sec-nav.page0 a:nth-child(2),.sec-nav.page0 a:nth-child(3),.sec-nav.page0 a:nth-child(4){top: 0px;}

/*sec1*/
.login-content { position:absolute; right:-10%; top:20px; }
.login-btn,.rule { display:block; width:146px; height:47px;color:#fff;text-align: center;line-height: 42px; background:url(../images/login.png) no-repeat 0 0;}
.login-btn strong,.rule strong{text-shadow: 0 0 4px #023e51,0 0 4px #023e51,0 0 4px #023e51,0 0 4px #023e51,0 0 4px #023e51;font-family: "Birthstone", sans-serif; font-size:23px;}
.login-btn:hover,.rule:hover{filter: brightness(1.2);}
.before-login, .after-login { display:none; }
.before-login.show, .after-login.show { display:flex; align-items:center; justify-content:center;flex-direction: column-reverse; }
.after-login .user-info{color:#05232c}
.rule{position: absolute;bottom: 0;right: -136px;}

.index-cont { position:relative; }
.index-slogan {display: none; width:1036px; height:178px; background:url(../images/en/slogan.png) no-repeat center center; margin:54px auto 500px; }
.sec1 .wrapper > * { z-index:3; }
.sec1 .wrapper > .index-cont { z-index:2; }
.kv-video{position: absolute; top: 0;left: 0; width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}

/*sec2*/
.title { margin:0 auto; width:100%; font-size:0; }
.title1 { height:91px; background:url(../images/en/title1.png) no-repeat center center; }
.reservation { display:flex; align-items:center; justify-content:space-between;background: url(../images/shuzhi.png) no-repeat 308px 25px; }
.reservation .left{width: 235px;height: 610px;padding: 101px 35px 35px 86px;background: url(../images/en/rebate-left.png) no-repeat;}
.reservation .left p{color:#242424;font-size: 16px;margin:0 0 20px 7px;line-height: 23px;}
.reservation .left table{width: 100%;margin: 0 auto;}
.reservation .left table tr th{font-size: 15px;height: 48px;color:#fff; background-color: #1f2124;-webkit-background-clip: text; -webkit-text-fill-color: #fff;-webkit-text-stroke: 4px transparent;}
.reservation .left table tr th:first-child,.reservation .left table tr td:first-child{width: 106px;}
.reservation .left table tr td{text-align: center;height: 37px;font-size: 15px;}
.reservation .left table tr:nth-child(2) td,.reservation .left table tr:nth-child(3) td,.reservation .left table tr:nth-child(4) td{color:#840b0b}
.reservation a.btn-detail{display: block;width: 149px;height: 38px;line-height: 40px;margin: 16px auto; text-align: center;color: #fff7e4;background: url(../images/btn1.png) no-repeat 0 0;font-family: "Birthstone", sans-serif;font-size: 29px;}
.reservation a.btn-detail:hover{filter: brightness(1.2);}

.reservation .right{width: 750px;height: 563px;position: relative;padding-top:177px;}
.claimpart {position:relative;}
.claimpart a.claimbtn{position:relative;display:inline-block; padding:63px 35px 23px; width:143px;height:171px;text-align:center;color:#fee0a0;cursor:default;background: url(../images/item.png?20250617) no-repeat left top;margin: 0px 0px 0 -33px;
    -webkit-transition: all 0s; transition: all 0s; -webkit-animation: kmd ease-in-out infinite; animation: kmd ease-in-out infinite;
}
.claimpart a.claimbtn.on{cursor: pointer;}
.claimpart a.claimbtn.on:hover{filter: brightness(1.05);}
.claimpart a.claimbtn.on::before,a.claimbtn.claimed:before {position: absolute;right: 19px;top: 18px; content: ""; display: block; width: 64px; height: 44px; background: url(../images/en/claim.png) no-repeat 0 0; }
a.claimbtn.claimed:before {background: url(../images/en/claimed.png) no-repeat 0 0; }
.claimpart a.claimbtn:nth-child(1){-webkit-animation-duration: 7s; animation-duration: 7s;}
.claimpart a.claimbtn:nth-child(2){top:61px;-webkit-animation-duration: 6s; animation-duration: 6s;}
.claimpart a.claimbtn:nth-child(3){top:-20px;-webkit-animation-duration: 8s; animation-duration: 8s}
.claimpart a.claimbtn:nth-child(4){top:50px;-webkit-animation-duration: 7.5s; animation-duration: 7.5s;}

.chest{width: 150px;height: 85px;font-family: "Birthstone", sans-serif;line-height: 30px;font-size: 28px;color: #11191e;background-color: #fff;-webkit-background-clip: text;-webkit-text-fill-color: #11191e;-webkit-text-stroke: 4px transparent;font-weight: bold;letter-spacing: 2px;}
.chest span{display: inline-block;width: 100px; font-family: "Birthstone", sans-serif;margin: 0 auto;height: 30px;font-size: 34px;color: #610e0a;background-color: #fff;-webkit-background-clip: text;-webkit-text-fill-color: #610e0a; -webkit-text-stroke: 4px transparent;}

a.claimbtn .dt{width:143px; text-align: center; color:#0d484e; z-index: 99; line-height: 20px; font-weight:bold; font-size:14px }
a.claimbtn .dt span { /*margin-right: 20px;*/display: block;margin: 2px 0;}
a.claimbtn .dt span:nth-last-child(1) { margin-right: 0;line-height: 13px;}
a.claimbtn .dt span i { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 20px; height: 20px; margin-right: 2px;}
a.claimbtn .dt span i.si1 { background: url(../images/1.png) no-repeat 0 0/100%;}
a.claimbtn .dt span i.si2 { background: url(../images/2.png) no-repeat 0 0/100%;}
a.claimbtn .dt span i.si3 { background: url(../images/3.png) no-repeat 0 0/100%;}
a.claimbtn .dt span i.si4 { background: url(../images/4.png) no-repeat 0 0/100%;}
a.claimbtn .dt span i.si5 { background: url(../images/5.png) no-repeat 0 0/100%;}
a.claimbtn .dt span i.si6 { background: url(../images/6.png) no-repeat 0 0/100%;}
a.claimbtn .dt span i.si7 { background: url(../images/7.png) no-repeat 0 0/100%;}

.reservation .note { position: absolute; left: 20%; top:612px;font-weight: bold; color:#2a2f33; font-size:22px; text-align:center; line-height:38px; width:380px; height: 38px;text-shadow: 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff; }
.reservation .note span { display: inline-block;color: #c65143;}

a.reservebtn{display:block;background: url(../images/btn2.png) no-repeat;width:344px;height:130px;line-height:112px;text-align:center;
     position: relative;left: -43px; box-sizing: border-box;margin: 50px auto 0;}
a.reservebtn.reserved, a.reservebtn.reserved:hover{background-image: url(../images/btn2-reserved.png);}
a.reservebtn:hover {filter: brightness(1.2);}
a.reservebtn strong{display: block;font-size: 40px;color: #fff;letter-spacing: 2px;background-image: -webkit-linear-gradient(90deg, #fff 20%, #efe3b1 70%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-filter: drop-shadow(2px 2px 8px #235159);font-family: "Birthstone", sans-serif;}
a.reservebtn.reserved strong{cursor:default;background-image: -webkit-linear-gradient(90deg,#ffffff 20%,#ffffff 70%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-filter: drop-shadow(0 0px 0px #484848);}
a.reservebtn.reserved:hover{filter: brightness(1.0);}

.progresspart{margin:0 auto; padding-top: 60px;}
.progressbar{width:926px;height:37px;margin: 0 auto ;}
.progressbar .progress{height:76px;padding:52px 70px 13px 144px;float:left;position:relative;width:719px;background:url(../images/bar.png) no-repeat 0 1px}
.progress .barpanel{position:absolute;left:143px;top:55.5px;width:497px;height:7px}
.progress .bar{position:absolute;left:0;top:0;height:7.5px;line-height:7.5px;background: rgba(76, 106, 116, 0.9);transform: none !important;}
.num{ position:absolute; top:10px; width: 55px; height: 27px; color:#241a18; text-align: center; line-height: 28px; font-weight: bold; }
.total_txt{position:absolute; top:-16px;left:-130px; width:123px; height: 44px;padding-top: 5px;font-size: 28px; text-align: center; line-height: 17px;font-weight: bold;font-family: "Birthstone", sans-serif;
   color:#fff; background-color: #284650;-webkit-background-clip: text;-webkit-text-fill-color: #fff;-webkit-text-stroke: 6px transparent;letter-spacing: 2px;}
.bar.p1 {width:18.1%}
.bar.p2 {width:44.8%}
.bar.p3 {width:72.8%}
.bar.p4 {width:100%}

.num1 {left:12%}
.num2 {left:39%}
.num3 {left:67%}
.num4 {left:99%}

.num1:after { content: "2000" }
.num2:after { content: "5000" }
.num3:after { content: "10000" }
.num4:after { content: "20000" }


/*sec3*/
.title2 { height:91px; background:url(../images/en/title2.png) no-repeat center center; }
.credit_rebate .note { position: absolute; left: 2%; top:70px;color:#030f17; font-size:18px; text-align:left; line-height:24px; width:421px; height: 383px;background: url(../images/notebg.png) no-repeat center center; }
.credit_rebate .note strong { font-size: 20px;margin-left: 50px;}
.credit_rebate .note p{width: 261px;margin: 0 auto 20px;}
.credit_rebate .note p:first-child{margin-top: 67px;}

.credit{position: relative; width:995px;height:670px;margin: 0 auto;background: url(../images/line.png?v20250708)  32px 147px no-repeat;padding: 25px 10px;z-index: 1;}
.credit li{position: absolute; display: inline-block;*display:inline;*zoom:1; text-align: center;color:#0f2b3c;
    -webkit-transition: all 0s; transition: all 0s; -webkit-animation: kmd1 ease-in-out infinite; animation: kmd1 ease-in-out infinite;}
.credit li div{display: none;}
.credit li.c1{background:url(../images/credit/c1.png) no-repeat 0 0;width:106px;height:106px;padding-top: 89px;bottom: 71px;right: -23px;}
.credit li.c2{background:url(../images/credit/c2.png) no-repeat 0 0;width:116px;height:117px;padding-top: 96px;bottom: -49px;right: 256px;-webkit-animation-duration:6s; animation-duration: 6s}
.credit li.c3{background:url(../images/credit/c3.png) no-repeat 0 0;width:112px;height:112px;padding-top: 98px;bottom: -36px;left: 340px;-webkit-animation-duration:5s; animation-duration: 5s}
.credit li.c4{background:url(../images/credit/c4.png) no-repeat 0 0;width:124px;height:123px;padding-top: 95px;bottom: 42px;left: 43px;-webkit-animation-duration:4s; animation-duration: 4s}
.credit li.c5{background:url(../images/credit/c5.png) no-repeat 33px 42px;width:132px;height:132px;padding-top: 95px;bottom: 158px;left: 196px;}
.credit li.c5::after{content: "";position: absolute;top: 0;left:0;width: 132px;height: 132px;background: url(../images/credit/c5_bg.png) no-repeat 0 0;z-index: -1;animation: roll 16s linear infinite;}
.credit li.c6{background:url(../images/credit/c6_bg1.png) no-repeat 0 0;width:179px;height:153px;top:362px;left:550px;padding-top: 109px;}
.credit li.c6::before{content: "";position: absolute;top: 0;left:0;width: 179px;height: 179px;background: url(../images/credit/c6.png) no-repeat 60px 51px;z-index: 2;}
.credit li.c6::after{content: "";position: absolute;top: 12px;left:28px;width: 123px;height: 123px;background: url(../images/credit/c6_bg.png) no-repeat 0 0;z-index: 1;animation: roll 14s linear infinite;}
.credit li.c7{background:url(../images/credit/c7_bg1.png) no-repeat 0 0;width:190px;height:164px;top:209px; left:795px;padding-top: 121px;}
.credit li.c7::before{content: "";position: absolute;top: 0;left:0;width: 190px;height: 164px;background: url(../images/credit/c7.png) no-repeat  63px 62px;z-index: 2;}
.credit li.c7::after{content: "";position: absolute;top: 12px;left:28px;width: 132px;height: 132px;background: url(../images/credit/c7_bg.png) no-repeat 0 0;z-index: 1;animation: roll 12s linear infinite;}
.credit li.c8{background:url(../images/credit/c8_bg1.png) no-repeat  64px 82px;width:352px;height:352px;top:8px; left:316px;padding-top: 222px;}
.credit li.c8::before{content: "";position: absolute;top: 91px;left:87px;width: 176px;height: 176px;background: url(../images/credit/c8_bg.png) no-repeat 0 0;z-index: 2;animation: roll 10s linear infinite;}
.credit li.c8::after{content: "";position: absolute;top: 0;left:0;width: 352px;height: 352px;background: url(../images/credit/c8_bg2.png) no-repeat 0 0;z-index: -1;animation: roll 10s linear infinite;}
.credit li.c8 div{display: block;position: absolute;top: 136px;left:113px;width: 126px;height: 79px;font-size: 0;z-index: 10; background:url(../images/credit/c8.png) no-repeat 0 0;}
.credit li p{position: relative;z-index: 10;font-size: 16px;text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;font-family: 'Merriweather', serif;}
.credit li a{position: relative;display: block; width:97px;height:26px;line-height: 29px; margin: 0 auto 10px;font-size: 18px;z-index: 5;}
/* .credit li a{filter:brightness(1);-webkit-filter:brightness(1)} */
.credit li.claim a{background:url(../images/btn3.png) no-repeat;cursor: pointer;color:#211b07} 
.credit li.claim a:hover{background:url(../images/btn3-on.png) no-repeat;cursor: pointer;color:#ffffff}
.credit li.claimed a,.credit li a{background:url(../images/btn3-claimed.png) no-repeat;text-shadow: none;color:#eae5e5;cursor: default;}
.account{position: absolute;top: 2px;right:-5px;width: 38px;height: 38px;line-height: 38px; text-align: center; background: url(../images/num.png) no-repeat 0 0;color:#2e606e;font-size: 16px;}
.c5 .account{right: 3px;}
.c6 .account,.c7 .account{right: 17px;}
.c8 .account{top: 92px;right: 78px;}
.tip{ position: absolute; right: 2%; top:70px;}

/*sec4*/
.title3 { height:127px; background:url(../images/en/title3.png) no-repeat center center; }
a.hd-a{display:block;width:1010px;height:621px;margin: 0 auto;}
a.hd-a img{width:100%;height:100%;vertical-align:middle;display:inline-block}
.swiper_container{width:1200px;height:647px;margin:0 auto;position:relative;overflow: hidden;}
.swiper_container .swiper_content{position:absolute;width:1000px;height:645px;top:24px;left:50%;margin-left:-503px}
.swiper_container .swiper_content li{position:absolute;top:0;left:0;width:1010px;height:621px;transition:all .3s ease}
.swiper_container .swiper_content li img{width:100%;height:100%;vertical-align:middle;display:inline-block}
.swiper_container .swiper_content li:hover a{opacity: 1;}
.swiper_container .swiper_content li a{display: block;}

.slide{width:1100px;height:85px;position:absolute;top:292px;left:50%;margin-left:-550px;z-index:3;}
.swiper_container .btn_left_li,.swiper_container .btn_right_li{display:block;width:92px;height:85px;position:absolute;top:20px;z-index:50;line-height:85px;}
.swiper_container .btn_left_li{left:-46px;top:-17px;background: url('../images/right.png') no-repeat;transform: scaleX(-1);}
.swiper_container .btn_left_li:hover{background: url('../images/right-on.png') no-repeat;transform: scaleX(-1);}
.swiper_container .btn_right_li{right:-35px;top:-17px;background: url('../images/right.png') no-repeat;}
.swiper_container .btn_right_li:hover{background: url('../images/right-on.png') no-repeat;}
.slide a:hover{opacity: 1;}
.swiper_content li .more{position:absolute;bottom:39px;right:35px;width:153px;height:40px;line-height: 40px; background:url(../images/version2024/btns.png) -461px -182px no-repeat;text-align: center;color:#000;cursor: pointer;font-size: 18px;}
.swiper_content li .more:hover{background-position: -461px -235px;}
.libg{display: none;width: 710px;height: 431px;background:#020d13;opacity: 0.8;position: absolute;top: 8px;left: 45px;z-index: 5;}

/*common*/
.go-footer{position:fixed;bottom:30px;right:30px;height:30px;line-height:30px;font-size:14px;color:#000;background:rgba(255,255,255,.75);z-index:40;padding:0 20px;border-radius:15px}
.go-footer.show i{transform:rotate(180deg)}
.go-footer i{display:inline-block;width:22px;height:22px;background:url(https://hw.99.com/uploads/wtop/sports/img/icon-arrow.png) no-repeat;margin-left:5px;vertical-align:middle;transition:all .3s}
.footer{position:absolute;bottom:0;width:100%;padding:20px auto;font-size:12px;color:#fff;background:#000;z-index:30;transform:translateY(100%);transition:transform .2s linear}
.footer.show{transform:translateY(0)}
.footer a{color:#fff}

/*box*/
.pop, .commonbox { position:fixed;width:100%;height:100%;top:0;left:0;display:none;background:rgba(0,0,0,.8); z-index: 999; }
.pop.show, .commonbox.show {display:flex; align-items: center; justify-content: center;}
.spop, .tipbox { position:relative; margin:0 auto;color:#1a2937 }
.box1 { width:1041px; height:587px; background:url(../images/box1.png) no-repeat 0 0/100%; }
.login_form_class .box1,#accountlogin .box1{ width:530px; height:318px; background:url(../images/box2.png) no-repeat 0 0/100% 100%;padding: 40px 50px 20px 70px; }
.box3 { width:800px; height:450px; background:url(../images/box1.png) no-repeat 0 0/100%; }
.close {position: absolute;top: 28px;right: 54px; width: 60px; height: 57px; font-size:0; background:url(../images/close.png) no-repeat 0 0; }
.login_form_class .box1 .close,#accountlogin .box1 .close { right: 39px;}
.close:hover { filter:brightness(1.2); }
.con { padding:43px  67px 16px 109px }
.box3 .con { padding:90px 70px; }
.con h3, .tipbox h2 { text-align:center; font-size:26px; }
.rule-cont { margin:10px auto; height: 400px; overflow-y:auto; }
.rule-cont p { padding:3px 0; }
.rule-cont table{width:96% ;margin:10px auto}
.rule-cont table td,.rule-cont table th{text-align:center;border:1px solid #2c2316  ;color: #000;line-height:35px;padding: 0 3px;font-size: 14px ;background: #e5ecf2;vertical-align: middle;}
.rule-cont table th{background: #486374;color:#fff}
.rule-cont table td span{color: #000;font-family: 'Roboto' ;font-size: 14px;}


.form li { display:flex; align-items:center; justify-content:flex-start; margin:15px 0; }
.form li label { display:block; width:30%; text-align:right; font-size:16px; margin-right:4px; } 
.form li select, .form li input { width:50%; height:36px; line-height:36px; border:1px solid #0f1f2c; margin:0; padding:0 3px; }
.form li input.code { width:30%; }
.code_img { display:block; width:20%; }
.code_img img  { width:100%!important; }
.two_btns { display:flex; align-items:center; justify-content:center; margin-top:30px; }
.two_btns li { margin:0 30px; }
.two_btns a, .btn_tip { display:block; width:151px; height:41px; line-height:41px; background:url(../images/btn4.png) no-repeat center center; text-align:center; font-size:20px; color:#fff; margin:0 auto; }
.two_btns a:hover, .btn_tip:hover { background-image: url(../images/btn4-on.png); }
.accountmore { text-align:center; margin-top:10px; }
.accountmore a { color:#b12004; margin:0 40px; }
.accountmore a:hover { text-decoration:underline; }
.msg_form_class .tip_con { height:370px; display:flex; align-items:center; justify-content:center;width: 615px;padding-left: 30px;margin: 0 auto; }
.msg_form_class .btn_tip{margin-top: -43px;}
.common_msg { font-size:16px; }

@keyframes kmd {
    0%, 100% {transform: translateY(0); }
    50% {transform: translateY(20px);} }

@keyframes kmd1 {
    0%, 100% {transform: translateY(0); }
    50% {transform: translateY(10px);} }

@keyframes roll{
    0%{ transform:rotate(0deg); }
    100%{ transform:rotate(360deg); }
}

.pop ::-webkit-scrollbar{width:6px;border-radius: 6px;}
.pop ::-webkit-scrollbar-thumb{background:#506d6d;border-radius: 6px;}
.pop ::-webkit-scrollbar-track{background:#8fc1ca;border-radius: 6px;}

@media screen and (max-height: 930px) {
    .sec1, .sec2, .sec3, .sec4 { background-size:cover; }
    .play-video { top: auto; bottom:0; }
}

@media screen and (max-width: 1200px){
    .section .logo{left: 3%;}
    .login-content{right: 12%;}
    .sec-nav{display: none;}
    .sec-nav.page0{display: block;}
}

.sppage .index-slogan {background-image:url(../images/sp/slogan.png) ;background-size:100% auto;width: 850px;margin: 2px auto 500px;}
.sppage .claimpart a.claimbtn.on::before,.sppage a.claimbtn.claimed:before { background: url(../images/sp/claim.png) no-repeat 0 0; }
.sppage a.claimbtn.claimed:before {background: url(../images/sp/claimed.png) no-repeat 0 0; }
.sppage .title1 {background:url(../images/sp/title1.png) no-repeat center center; }
.sppage .title2 {background:url(../images/sp/title2.png) no-repeat center center; }
.sppage .title3 {background:url(../images/sp/title3.png) no-repeat center center; }
.sppage .sec-nav a:nth-child(2){top: 100px;background: url(../images/sp/nav1.png) no-repeat;}
.sppage .sec-nav a:nth-child(2):hover,.sppage .sec-nav a:nth-child(2).on{ background-image:url(../images/sp/nav1-on.png); }
.sppage .sec-nav a:nth-child(3){top: 180px;background: url(../images/sp/nav2.png) no-repeat;}
.sppage .sec-nav a:nth-child(3):hover,.sppage .sec-nav a:nth-child(3).on{ background-image:url(../images/sp/nav2-on.png); }
.sppage .sec-nav a:nth-child(4){top: 260px;background: url(../images/sp/nav3.png) no-repeat;}
.sppage .sec-nav a:nth-child(4):hover,.sppage .sec-nav a:nth-child(4).on{ background-image:url(../images/sp/nav3-on.png); }
.sppage .reservation .left{background: url(../images/sp/rebate-left.png) no-repeat;}
.sppage .num1:after,.arpage .num1:after { content: "500" }
.sppage .num2:after,.arpage .num2:after { content: "1200" }
.sppage .num3:after,.arpage .num3:after { content: "2500" }
.sppage .num4:after,.arpage .num4:after { content: "5000" }
.sppage .reservation .left p{margin: 0 0 14px 7px;line-height: 18px;}
.sppage .sec-nav.page0 a{background: url(../images/nav-page0.png) no-repeat;top:0;line-height: 40px;}
.sppage .sec-nav.page0 a:hover{background-image: url(../images/nav-page0-hover.png) ;}
.sppage .sec-nav.page0 a:nth-child(3){line-height: 20px;vertical-align: middle;}
.sppage .credit li a{font-size: 15px;}
.sppage .credit_rebate .note p{margin: 20px auto 15px;line-height: 25px;}
.sppage .reservation .left table tr th{font-size: 14px;}

.arpage .index-slogan {background-image:url(../images/ar/slogan.png) ;background-size:100% auto;width: 850px;margin: 2px auto 500px;}