/*reset*/
body,div,dl,dt,dd,ul,ol,li,pre, form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
img{border: none;}
body{
	font-family: 'Meiryo',"MS PGothic", Verdana, Arial, Helvetica, sans-serif;color: #fff;
}
.content{width: 1200px;margin: 0 auto;position: relative;}
.button img{border-radius: 8px;transition: all .3s;cursor: pointer;}
.button .win-btn img, .button .mac-btn img{border-radius: 15px;}
.button img:hover{box-shadow: 0.1em 0.2em 0.4em rgba(0,0,0,.6);}
.tax{font-size: 18px!important;font-weight: bold!important;font-style: normal!important;color: #444444;}
.em-06{font-size: .6em;}

#cover{width: 100%;height: 100%;background-color: rgba(0,0,0,.3);z-index: 100;position: fixed;display: none;}
#cover>div{width: 100%;height: 100%;display: flex;position: relative;justify-content: center;align-items: center;}
#cover .container{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;}
#cover .box{width: 900px;max-width: 90%;}
#cover .innerbox{position: relative;text-align: center;}
#cover .innerbox>div{width: 900px;height: 500px;border: 1px solid #000000;background-color: #2A6ACB;display: flex;align-items: center;justify-content: center;flex-direction: column;}
#cover .title{font-family: "Kozuka Gothic Pr6N";font-size: 36px;font-weight: bold;color: #ffbb00;text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;margin-bottom: 10px;}
#cover .text{font-size: 16px;line-height: 30px;color: #ffffff;padding: 30px 60px 0;text-align: left;}
#cover .text>a{color: #ffffff;}
#cover .btn-cover{margin-top: 75px;cursor: pointer;}
#cover .cover-close{position: absolute;right: -10px;top: -10px;width: 64px;height: 64px;border-radius: 50%;border: 1px solid #000000;background-color: #ffffff;display: flex;align-items: center;justify-content: center;cursor: pointer;}
#cover .cover-close>img{transition: opacity .2s;}
#cover .cover-close:hover>img{opacity: .8;}

.mt40{margin-top: 40px;}
.mt90{margin-top: 90px;}

.box_1{width: 660px;position: absolute;left: 458px;display: flex;justify-content: space-between;}
.box_1 .box-left{width: 420px;}
.box_1 .box-right{width: 265px;}
.box_1 .title{font-size: 26px;line-height: 36px;font-weight: bold;color: #231815;margin-bottom: 0;}
.box_1 .title>a{color: #231815;text-decoration: none;}
.box_1 .title>a:hover{text-decoration: underline;}
.box_1 .title>span{/*color: #fb5784;*/}
.box_1 .title>span.lt{font-size: 26px;}
.box_1 .sub{font-size: 15px;line-height: 24px;color: #fb5784;margin-bottom: 0;}
.box_1 .sub>a{color: #fb5784;text-decoration: none;}
.box_1 .sub>a:hover{text-decoration: underline;}
.box_1 .text{font-size: 15px;line-height: 27px;color: #444444;margin: 15px 0 0;/*min-height: 108px;*/}
.box_1 .text>a{color: #f95bc3;}
.box_1 .gift{font-size: 16px;color: #d82336;display: flex;margin: 15px 0 0;align-items: center;}
.box_1 .gift>img{margin-right: 12px;}
.box_1 .price{font-size: 42px;font-weight: bold;color: #d82336;line-height: 30px;text-align: center;margin-top: 15px;}
.box_1 .price>span{font-size: 18px;font-weight: normal;color: #444444;text-decoration: line-through;}
.box_1 .button{text-align: center;line-height: 0;}
.box_1 .btn1{margin: 10px 0;}

.box_2{width: 343px;position: absolute;padding: 0 15px;text-align:center;}
.box_2 .title{font-size: 24px;line-height: 32px;font-weight: bold;color: #000000;margin-bottom: 190px;}
.box_2 .title>a{color: #000000;text-decoration: none;}
.box_2 .title>a:hover{text-decoration: underline;}
.box_2 .title>span{font-size:18px;}
.box_2 .sub{font-size: 15px;line-height: 24px;color: #0a6b36;margin-bottom: 0;}
.box_2 .imgbox{text-align: center;}
.box_2 .text{font-size: 15px;line-height: 27px;color: #444444;margin: 15px 0 0;padding: 0 15px;}
.box_2 .gift{font-size: 14px;color: #f14662;display: flex;margin: 15px 0 0;align-items: flex-end;}
.box_2 .gift>img{margin-right: 12px;}
.box_2 .purchase{display: flex;align-items: center;margin-top: 15px;justify-content: center;}
.box_2 .price{font-size: 30px;font-weight: bold;color: #d82336;line-height: 25px;text-align: center;padding-top: 10px;}
.box_2 .price>span{font-size: 18px;font-weight: normal;color: #444444;text-decoration: line-through;}
.box_2 .button{width: 205px;text-align: right;}
.box_2 .button>a{display: block;}
.box_2 .button>a:first-child{margin-bottom: 8px;}

.box_3{position: absolute;width: 515px;}
.box_3 .box-top{padding-left: 145px;}
.box_3 .title{font-size: 24px;color: #000000;font-weight: bold;}
.box_3 .title>a{color: #000000;text-decoration: none;}
.box_3 .title>a:hover{text-decoration: underline;}
.box_3 .imgbox{margin: 20px auto;padding-left: 100px;}
.box_3 .text{font-size: 15px;line-height: 27px;color: #444444;margin: 10px 0 0;}
.box_3 .text>a{color: #e762f1;}
.box_3 .gift{font-size: 16px;color: #f14662;display: flex;margin: 15px 0 0;align-items: center;}
.box_3 .gift>img{margin-right: 12px;}
.box_3 .price{font-size: 38px;font-weight: bold;color: #f773ac;margin-top: 15px;}
.box_3 .price>span{font-size: 20px;font-weight: normal;color: #444444;text-decoration: line-through;}
.box_3 .button{line-height: 0;}
.box_3 .btn1{margin: 0 10px 0 0;}

.box_4{position:absolute;width:1117px;display:flex;align-items:stretch;text-align:center;}
.box_4 .box-left{width:541px;}
.box_4 .box-right{width:576px;position:relative;}
.box_4 .title{font-weight:bold;color:#000000;}
.box_4 .title>a{color:#000000;}
.box_4 .box-left .title{font-size:24px;padding-top: 95px;margin-bottom: 260px;}
.box_4 .box-right .title{font-size:18px;padding-top: 18px;margin-bottom: 185px;}
.box_4 .box-right .check-box{margin-top:68px;margin-bottom:57px;display:flex;align-items:stretch;}
.box_4 .box-right .check-box>div{width:236px;}
.box_4 .box-right .check-box1{margin: 0 31px 0 33px;}
.box_4 .box-right .check-btn{width:40px;height:36px;margin: 0 auto;background-image:url('../images/icon1.png?v202512301125');background-repeat:no-repeat;background-position: 0 -36px;cursor:pointer;}
.box_4 .box-right .check-btn.on{background-position: 0 0;}
.box_4 .box-right .disc{position:absolute;width:201px;height:70px;right:-30px;top:-25px;background-image:url('../images/icon1.png?v202512301125');background-repeat:no-repeat;background-position: 0 -72px;}
.box_4 .box-right .disc.off-65{background-position: 0 -142px;}
.box_4 .price{font-size:45px;color:#fb5784;font-weight:bold;margin-bottom:10px;}
.box_4 .price .old-price{font-size:26px;color:#000000;font-weight:normal;text-decoration:line-through;}

.box_5{position:absolute;width:542px;padding-top: 80px;}
.box_5 .box-top{padding:0 25px 0 150px;}
.box_5 .title{font-size:24px;font-weight:bold;color:#444444;margin-bottom:20px;}
.box_5 .title>a{color:#444444;}
.box_5 .title>span{font-size:18px;}
.box_5 .subtitle{font-size:18px;color:#444444;margin-bottom:50px;}
.box_5 .gift{font-size: 14px;color: #d82336;display: flex;margin: 15px 0 0;align-items: center;}
.box_5 .gift>img{margin-right: 12px;}
.box_5 .box-bottom{display:flex;align-items:center;margin-top:15px;}
.box_5 .price{font-size: 30px;font-weight: bold;color: #d82336;line-height: 25px;text-align: center;padding-top: 10px;flex-basis:145px;flex-shrink:0;}
.box_5 .price>span{font-size: 18px;font-weight: normal;color: #444444;text-decoration: line-through;}
.box_5 .button{flex-basis:378px;}
.box_5 .button>a:first-child{margin-right:8px;}

.pop{position: fixed;margin-left: 1325px;z-index: 10;bottom: 0;cursor: pointer;transition: all .3s ease-in-out;}
.pop:hover{transform: scale(1.02);}

/*pro-pop*/
.pro-pop{position: absolute;bottom: 0;width: 100%;text-align: center;z-index: 10;}
.pro-pop>img{cursor: pointer;}
.pro-pop .pop-content{position: absolute;bottom: -135px;left: 50%;margin: 0 0 0 -435px;width: 870px;display: none;}
.pro-pop .pop-content>img{position: absolute;right: -12px;top: -12px;cursor: pointer;}
.pro-pop .pop-content .innerbox{padding: 25px;border-radius: 18px;border: 3px solid #F6D06B;background-color: #B82B2A;}
.pro-pop .pop-content .innerbox h3{font-size: 30px;line-height: 52px;padding: 15px 80px 20px;border-bottom: 1px dashed #ffffff;margin: 0;font-weight: bold;}
.pro-pop .pop-content .innerbox>div{padding-top: 25px;}
.pro-pop .pop-content .innerbox ul{list-style-type: none;}
.pro-pop .pop-content .innerbox ul li{display: flex;align-items: center;gap: 50px;justify-content: center;margin-bottom: 20px;}
.pro-pop .pop-content .innerbox ul li .imgbox{flex-basis: 150px;flex-shrink: 0;}
.pro-pop .pop-content .innerbox ul li p{flex-basis: 540px;text-align: left;font-size: 24px;line-height: 42px;font-weight: bold;}
.pro-pop .pop-content .innerbox ul li p a{color: #ffffff;}

/*top*/
.top{background: url('../images/top.jpg?v202512301125') no-repeat center top;height: 877px;position: relative;}
.top>.content{height: 877px;}
.top>.content>p{font-size: 18px;position: absolute;left: 608px;top: 768px;color: #000000;}
.top>.content>a.logo{display: block;width: 165px;height: 45px;position: absolute;left: 17px;top: 11px;}
.top .nav-btn{position: absolute;bottom: 10px;}
.top .btn1{left: 24px;}
.top .btn2{left: 333px;}
.top .btn3{left: 643px;}
.top .btn4{left: 952px;}
.top .nav-btn>img{transition: all .2s;}
.top .nav-btn:hover>img{transform: scale(1.03);}

.nav{
	width: 170px;height: 574px;padding: 20px 22px 60px;
	background-image: url('../images/nav_bg.png?v202512301125');background-repeat: no-repeat;
	position: fixed;right: 10px;top: 300px;z-index: 100;display: flex;flex-direction: column;justify-content: space-around;/*row-gap: 10px;*/
}
.nav>p.nav3{margin-bottom: 10px;}
.nav>p>a{width: 100%;height: 100%;display: block;transition: all .3s ease-in-out;}
.nav>p>a.on, .nav>p>a:hover{transform: scale(1.05);}

.nav-top a{display:block;position:absolute;bottom: 20px;background-repeat: no-repeat;transition: all .3s ease-in-out;}
.nav-top a.nav1{width:300px;height:299px;left:13px;background-image: url('../images/1.png?v202512301125');}
.nav-top a.nav2{width:300px;height:299px;left:450px;background-image: url('../images/2.png?v202512301125');}
.nav-top a.nav3{width:300px;height:299px;left:880px;background-image: url('../images/3.png?v202512301125');}
.nav-top a.nav1.on, .nav-top a:hover{transform: scale(1.02);}

/*20251211*/
.nav-xmas{position: absolute;bottom: 0;display: flex;align-items: center;justify-content: center;column-gap: 65px;width: 100%;}
.nav-xmas li{width: 276px;height: 273px;display: flex;align-items: center;justify-content: center;}
.nav-xmas li a{display: block;background-image: url(../images/nav.png?v202512301125);width: 264px; height: 262px;background-repeat: no-repeat;}
.nav-xmas li a.on, .nav-xmas li:hover a{width: 276px;height: 273px;}
.nav-xmas li.nav1 a{background-position: -602px -292px;}
.nav-xmas li.nav1 a.on, .nav-xmas li.nav1:hover a{background-position: -306px -10px;}
.nav-xmas li.nav2 a{background-position: -306px -303px;}
.nav-xmas li.nav2 a.on, .nav-xmas li.nav2:hover a{background-position: -10px -303px;}
.nav-xmas li.nav3 a{background-position: -602px -10px;}
.nav-xmas li.nav3 a.on, .nav-xmas li.nav3:hover a{background-position: -10px -10px;}

/*part0*/
.part0{background-image: url('../images/p0.jpg?v202512301125');background-repeat: no-repeat;background-position: center top;position: relative;height: 907px;}
.part0 .content{position: relative;height: 907px;}
.part0 .title{font-size: 24px;line-height: 36px;font-weight: bold;color: #000000;margin-bottom: 0;}
.part0 .title>a{color: #000000;text-decoration: none;}
.part0 .title>a:hover{text-decoration: underline;}
.part0 .title>span{font-size: 20px;/*color: #d63926;*/}
.part0 .title>span.lt{font-size: 26px;}
.part0 .subtitle{font-size: 15px;line-height: 24px;color: #0081cc;margin-bottom: 0;}
.part0 .subtitle>a{color: #d83725;text-decoration: none;}
.part0 .subtitle>a:hover{text-decoration: underline;}
.part0 .subtitle>a:hover{text-decoration: underline;}
.part0 .text{font-size: 15px;line-height: 27px;color: #000000;margin: 5px 0 10px;}
.part0 .text>a{color: #ff53b7;}
.part0 .box>p.price{font-size: 42px;color: #d82336;/*margin: 20px 0 5px;*/letter-spacing: -2px;font-weight: bold;}
.part0 .box>p.price>span{font-size: 18px;color: #000000;font-weight: normal;text-decoration: line-through;letter-spacing: -1px;}

.part0 .box1{width: 500px;position: absolute;left: 600px;top: 215px;}
.part0 .box2{top: 180px;left: 390px;width: 720px;align-items: center;}
.part0 .box3{top: 580px;left: 390px;width: 720px;align-items: center;}
.part0 .box_1.box2 .box-left{width: 430px;}

.part0 .box_2>p{padding-left: 190px;}
.part0 .box_2 .purchase{justify-content: flex-start;}

.part0 .box.box1>p.button{margin-top: 10px;text-align: left;padding: 0;}
.part0 .box>p.button>a{display: inline-block;}

.part0 .btn2{margin-top: 0;}

/*part1*/
.part1{background-image: url('../images/p1.jpg?v202512301125');background-repeat: no-repeat;background-position: center top;position: relative;height: 634px;}
.part1 .content{position: relative;height: 634px;}
.part1 .title{font-size: 24px;line-height: 36px;font-weight: bold;color: #000000;margin-bottom: 0;}
.part1 .title>a{color: #000000;text-decoration: none;}
.part1 .title>a:hover{text-decoration: underline;}
.part1 .title>span{font-size: 20px;/*color: #d63926;*/}
.part1 .title>span.lt{font-size: 26px;}
.part1 .sub{font-size: 15px;line-height: 24px;color: #118ae6;margin-bottom: 0;}
.part1 .sub>a{color: #118ae6;text-decoration: none;}
.part1 .sub>a:hover{text-decoration: underline;}
.part1 .sub>a:hover{text-decoration: underline;}
.part1 .text{font-size: 15px;line-height: 27px;color: #000000;margin: 10px 0 10px;}
.part1 .text>a{color: #118ae6;}
.part1 .box>p.price{font-size: 42px;color: #f7702b;/*margin: 20px 0 5px;*/letter-spacing: -2px;font-weight: bold;}
.part1 .box>p.price>span{font-size: 18px;color: #000000;font-weight: normal;text-decoration: line-through;letter-spacing: -1px;}

.part1 .box_1{left: 330px;width: 830px;align-items: center;}
.part1 .box_1 .box-left{width: 520px;}
#part1 .box1{top: 250px;}
.part1 .box2{top: 610px;}
.part1 .box3{top: 970px;}

.btn-t{position: absolute;bottom: 0;left: 50%;margin-left: -280px;}
.btn-t .close{position: absolute;right: -10px;top: -10px;cursor: pointer;opacity: 1;width: 56px;height: 56px;border-radius: 50%;background-color: rgb(255, 255, 255);box-shadow: 0px 6px 18px 0px rgba(214, 110, 234, 0.61);display: flex;align-items: center;justify-content: center;}
.btn-t .close:hover{opacity: .9;}

/*.btn-t>span{display: block;width: 320px;height: 50px;text-align: center;font-size: 24px;color: #000000;font-weight: bold;line-height: 54px;border-radius: 25px;border: 2px solid #000000;margin: 0 0 25px;cursor: pointer;background-color: #ffffff;transition: all .2s;}*/
.btn-t>span{display: block;cursor: pointer;}
.btn-t>div{background-image: url('../images/t-bg3.png?v202512301125');background-position: center top;background-color: #EFB3C5;width: 1045px;height: 798px;border-radius: 30px;background-color: rgb(239, 125, 157);box-shadow: 0px 6px 18px 0px rgba(214, 110, 234, 0.61), inset 0px 3px 1.82px 0.18px rgba(255, 255, 255, 0.49);position: absolute;top: 105px;left: 0;margin-left: -265px;display: none;z-index: 15;}
.btn-t>div>p{padding-left: 195px;}
.btn-t>div>p.text{font-size: 16px;color: #ffffff;line-height: 32px;}
.btn-t>div>p.text>span{font-size: 22px;color: #ffffff;}
.btn-t>div>p.text>span.pop-show-btn>a{color: #000000;}
.btn-t>div>p.text1{padding-top: 100px;}
.btn-t>div>p.text2{padding-top: 105px;width: 830px;}
.btn-t>div>p.text3{padding-top: 75px;padding-right: 170px;}

form{width: 630px;height: 260px;margin: 20px 0 0 195px;padding: 35px 40px 10px;background-color: #ffffff;border-radius: 5px;}
form>p{font-size: 15px;color: #000000;margin-bottom: 14px;}
form>p>span{display: inline-block;width: 155px;text-align: right;line-height: 27px;}
form>p>span>i{/*color: #f12828;*/font-style: normal;}
form>p>input{width: 325px;height: 27px;line-height: 27px;border: 0;outline-color: rgba(255, 255, 255, 0.49);padding: 0 5px;/*border: 1px solid #0BA374;*/background-color: #F8A5A6;border-radius: 0;}
form>p.mb30{margin-bottom: 30px;}
form>p.send{
    margin-left: 120px;width: 370px;height: 57px;border-radius: 12px;color: #ffffff;
    background-image: -moz-linear-gradient( 90deg, rgba(253,83,146,0.99608) 0%, rgb(248,111,100) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(253,83,146,0.99608) 0%, rgb(248,111,100) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(253,83,146,0.99608) 0%, rgb(248,111,100) 100%);
    cursor: pointer;transition: all .3s ease-in-out;font-size: 28px;font-weight: bold;text-align: center;line-height: 57px;
}
form>p.send:hover{box-shadow: 0px 3px 7px 0px rgba(219, 30, 119, 0.63);}

/*part2*/
#part2{background-image: url('../images/p2.jpg?v202512301125');background-repeat: no-repeat;background-position: center top;position: relative;height: 980px;}
#part2 .content{height: 980px;}
#part2 .content-box{position: absolute;width: 1176px;height: 701px;left: 12px;top: 230px;padding: 40px 30px;}
#part2 .content-top{display: flex;align-items: flex-start;column-gap: 110px;}
#part2 .content-top .box{text-align: center;width: 500px;color: #444444;}
#part2 .content-top .box>.title{display: flex;align-items: center;justify-content: center;column-gap: 15px;}
#part2 .content-top .box>.title p{font-size: 24px;font-weight: bold;}
#part2 .content-top .box .sub{font-size: 18px;font-weight: bold;color: #db4430;margin-top: 5px;}
#part2 .content-top .box .price{font-size: 30px;font-weight: bold;color: #d82336;line-height: 25px;margin-top: 20px;}
#part2 .content-top .box .price>span{font-size: 18px;font-weight: normal;color: #444444;text-decoration: line-through;}
#part2 .content-top .box .pro-list{padding: 18px 16px;border: 1px solid #DC482E;margin-top: 15px;}
#part2 .content-top .box .pro-list>div{height: 170px;overflow-y: scroll;}
#part2 .content-top .box .pro-list .title{font-size: 20px;font-weight: bold;margin-bottom: 5px;}
#part2 .content-top .box .pro-list li{list-style-type: none;font-size: 16px;font-weight: bold;line-height: 28px;}
#part2 .content-bottom{text-align: center;margin-top: 30px;}
#part2 .content-bottom .title{font-size: 24px;font-weight: bold;color: #db4430;}
#part2 .content-bottom .box{margin-top: 20px;display: flex;align-items: center;column-gap: 35px;justify-content: center;}
#part2 .content-bottom .box .textbox .ticket{text-align: center;}
#part2 .content-bottom .box .textbox .ticket p{display: inline-block;background-image: url('../images/ticket.png?v202512301125');background-repeat: no-repeat;font-size: 24px;line-height: 44px;width: 275px;color: #ffffff;font-weight: bold;}
#part2 .content-bottom .box .textbox .price{font-size: 48px;font-weight: bold;color: #d82336;line-height: 1.2;margin-top: 10px;margin-bottom: 10px;}
#part2 .content-bottom .box .textbox .price>span{font-size: 26px;font-weight: normal;color: #444444;text-decoration: line-through;}

#part2 .btn-t>div>p.text1{padding-top: 120px;}

/* WebKit / Chromium */
#part2 .content-top .box .pro-list>div::-webkit-scrollbar {
  width: 6px;
}

#part2 .content-top .box .pro-list>div::-webkit-scrollbar-thumb {
  background: #F9D879;
}

/*#part2 .content-top .box .pro-list>div::-webkit-scrollbar-track {
  background: #eee;
}*/

#part2 .content-top .box .pro-list>div::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

/*part3*/
#part3{background-image: url('../images/p3.jpg?v202512301125');background-repeat: no-repeat;background-position: center top;position: relative;height: 1293px;}
#part3 .box1{top: 270px;left: 12px;}
#part3 .box2{top: 270px;left: 634px;}
#part3 .box3{top: 842px;left: 12px;}
#part3 .box4{top: 842px;left: 634px;}
#part3 .box_2{width: 553px;}
#part3 .box_2 .title{font-size: 24px;color: #444444;margin-bottom: 230px;}
#part3 .box_2 .title>a{color: #444444;}
#part3 .box_2 .text{font-size: 15px;line-height: 23px;min-height: 46px;}
#part3 .box_2 .gift{justify-content: center;}
#part3 .box_2 .price{font-size: 30px;padding-top: 15px;}
#part3 .box_2 .button{width: auto;text-align: center;margin-top: 10px;}
#part3 .box_2 .button>a{display: inline-block;margin-bottom: 0;}
#part3 .box_2 .button img{border-radius: 8px;}

/*part4*/
#part4{background-image: url('../images/p4.jpg?v202512301125');background-repeat: no-repeat;background-position: center top;position: relative;height: 1269px;padding-top: 420px;}
.roll>div{width:178px;height:160px;background-image:url('../images/roll.png?v202512301125');background-repeat:no-repeat;position:absolute;background-color:#FFFEE8;border-radius:12px;}
.roll>div.roll1{left: 21px;top: 14px;background-position: 0 -160px;}
.roll>div.roll2{left: 219px;top: 14px;background-position: 0 -320px;}
.roll>div.roll3{left: 417px;top: 14px;background-position: 0 -480px;}
.roll>div.roll4{left: 417px;top: 188px;background-position: 0 -800px;}
.roll>div.roll5{left: 417px;top: 361px;background-position: 0 -1280px;}
.roll>div.roll6{left: 219px;top: 361px;background-position: 0 -960px;}
.roll>div.roll7{left: 21px;top: 361px;background-position: 0 -1120px;}
.roll>div.roll8{left: 21px;top: 188px;background-position: 0 -640px;}
.roll>div.on{background-color:#FFF299;}
#roll-btn{
	display:block;left: 219px;top: 188px;background-position: 0 0;background-color:#FAE346;cursor:pointer;border-radius:12px;border:none;
	width:178px;height:160px;background-image:url('../images/roll.png?v202512301125');background-repeat:no-repeat;position:absolute;
}

.lack_prize-ul { display: flex; flex-wrap: wrap; width:628px;height:538px;margin-left:280px;position:relative;}
.lack_prize-li{width:202px;height:160px;background-image:url('../images/roll.png?v202512301125');background-repeat:no-repeat;position:absolute;background-color:#FFDDCE;border-radius:12px;list-style-type:none;font-size:0;}
.lack_prize-li:nth-child(1){left: 0px;top: 0;background-position: -15px -205px;}
.lack_prize-li:nth-child(2){left: 219px;top: 0;background-position: -465px -205px;}
.lack_prize-li:nth-child(3){left: 439px;top: 0;background-position: -250px -385px;}
.lack_prize-li:nth-child(4){left: 0px;top: 175px;background-position: -245px -205px;}
.lack_prize-li:nth-child(6){left: 439px;top: 175px;background-position: -250px -18px;}
.lack_prize-li:nth-child(7){left: 0px;top: 350px;background-position: -15px -388px;}
.lack_prize-li:nth-child(8){left: 219px;top: 350px;background-position: -15px -18px;}
.lack_prize-li:nth-child(9){left: 439px;top: 350px;background-position: -466px -18px;}
.btn_select { display:block;left: 230px;top: 168px;background-position: -702px 5px;background-color:#FFFFFF;cursor:pointer;border: 3px solid #EE002D;width:175px;height:175px;position:absolute;border-radius: 50%;}
.selected {background-color:#FECC34;}

.award-show-btn{margin-top:70px;margin-bottom: 20px;text-align:center;cursor:pointer;}
.award-show-btn.pn{pointer-events: none;}
#thx-share{margin-top:20px;text-align:center;cursor:pointer;}

.award-tip{width:100%;height:100%;position:fixed;z-index:101;background-color: rgba(0, 0, 0, .3);display:flex;align-items:center;justify-content: center;display:none;}
.award-tip>div{width:654px;height:525px;background-image:url('../images/award-bg.png?v202512301125');background-repeat:no-repeat;padding: 0 60px;color:#000000;position:relative;}
.tip-head{text-align:center;margin-top:-25px;}
.award-line{text-align:center;margin:15px 0;}
.award-info{margin:30px 0 20px;display:flex;align-items:center;justify-content:center;font-size:34px;line-height:34px;color:#dc0d24;font-weight:bold;}
.award-name{flex-basis:240px;flex-shrink:0;text-align:center;}
.award-name+p{color:#000000;}
.award-text{font-size:20px;font-weight:bold;}
.award-note{font-size:14px;font-weight:bold;}
.get-email{margin: 20px 0;display:flex;align-items:center;justify-content:space-between;}
.get-email input{flex-basis:340px;height:44px;padding: 5px 8px;font-size:16px;border: 1px solid #DD272E;border-radius:5px;outline: none;margin-right:20px;}
.get-email input:focus{outline: none;}
.get-email button{
	border: 2px solid rgb(221, 39, 46);border-radius:4px;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.29);width:130px;height:44px;
	color:#ffffff;font-weight:bold;font-size:20px;
	background-image: -moz-linear-gradient( 90deg, rgb(220,13,36) 0%, rgb(243,104,104) 97%);
	background-image: -webkit-linear-gradient( 90deg, rgb(220,13,36) 0%, rgb(243,104,104) 97%);
	background-image: -ms-linear-gradient( 90deg, rgb(220,13,36) 0%, rgb(243,104,104) 97%);
}
.award-close{right:-20px;top:-20px;position:absolute;cursor:pointer;}

.tip1{display:none;}
.tip2{padding-top:60px;}
.tip2 p{font-size:28px;line-height:42px;color:#000000;font-weight:bold;text-align:center;}
.tip2 h2{font-size:34px;text-align:center;font-weight:bold;}
.tip2 h2>span{color:#dc0d24;margin-right:20px;}
.tip2 p.award-code{width:391px;height:56px;background-image:url('../images/code-bg.jpg?v202512301125');background-repeat:no-repeat;text-align:center;font-size:30px;font-weight:bold;margin: 30px auto;color:#fff;line-height:56px;}
.tip2 p:last-child{font-size:20px;}

/*part5*/
#part5{background-image: url('../images/p5.jpg?v202512301125');background-repeat: no-repeat;background-position: center top;position: relative;height: 616px;}
#part5 .left, #part5 .right{width: 554px;height: 370px;position: absolute;padding: 45px 50px 35px;text-align: center;}
#part5 .left{left: 15px;top: 162px;}
#part5 .right{left: 633px;top: 162px;}
#part5 .img{height: 41px;}
#part5 .text{font-size: 20px;line-height: 32px;color: #010000;font-weight: bold;margin-top: 20px;}
#part5 .dis{font-size: 41px;color: #e5472e;font-weight: bold;margin-top: 20px;}
#part5 .button{margin-top: 15px;}
#part5 .button>a{display: inline-block;width: 378px;height: 65px;background-color: #3369E4;font-size: 24px;line-height: 65px;font-weight: bold;color: #ffffff;border-radius: 12px;text-decoration: none;transition: background-color .2s;}
#part5 .button>a:hover{background-color: #6495ED;}

/*footer*/
.footer{background-image: url('../images/footer_bg.jpg?v202512301125');background-repeat: repeat-y;background-position: center top;position: relative;padding-top: 50px;}
.footer .title{font-size: 40px;line-height: 60px;color: #ffffff;padding: 165px 0 0 620px;font-weight: bold;}
.footer .text{font-size: 14px;line-height: 27px;color: #ffffff;padding: 365px 0 0 695px;/*padding-right: 20px;*/}
.footer .code{font-size: 31px;position: absolute;left: 180px;top: 380px;font-weight: bold;color: #ffffff;letter-spacing: 1px;}
#footer{font-size: 14px;font-family: 'Arial';line-height: 200%;color: #000000;text-align: center;margin: 0 auto;/*width: 1020px;*/padding: 80px 0 50px;/*box-shadow: 0px 7px 16px 0px rgba(56, 25, 48, 0.17);*/}
#footer>a{color: #000000;text-decoration: none;}
#footer>a:hover{cursor: pointer;}

#code {
    font-size: 33px;
    position: absolute;
    left: 215px;
    top: 385px;
    font-weight: bold;
    /*letter-spacing: 2px;*/
    color: #000000;
    transition: all .2s;
    cursor: pointer;
}

#code:hover {
    text-shadow: 0 0 3px #000000;
}

#code::selection {
    background: #d3d3d3;
    color: #555;
}

#code::-moz-selection {
    background: #d3d3d3;
    color: #555;
}

#code::-webkit-selection {
    background: #d3d3d3;
    color: #555;
}

#code-area {
    opacity: 0;
    width: 0;
    height: 0;
}


.note{width: 1206px;margin: 0 auto;padding: 10px 60px 40px;border-radius: 12px;}
.note .title{padding-top: 40px;padding-left: 0;margin-bottom: 5px;font-size: 24px;color: #000000;font-weight: bold;line-height: 36px;}
.note .text{font-size: 16px;line-height: 36px;color: #444444;padding: 0;width: auto;}
.note .text>a{color: #444444;}

/*renew-content*/
#renew-content{padding: 30px 0;}
#renew-content .container{text-align: center;}
#renew-content h2{font-size: 30px;font-weight: bold;font-weight: lighter;letter-spacing: 2px;transform: scaleY(.95);color: #444444;padding-top: 30px;margin-bottom: 20px;}
#renew-content h2>img{margin-right: 30px;}
#renew-content h2+p{font-size: 14px;line-height: 27px;margin: 20px 0;letter-spacing: 1px;text-align: center;margin-bottom: 70px;}
#renew-content .btn-sys{display: inline-flex;padding: 8px 10px;background-color: #EFEFEF;border-radius: 27px;}

#renew-content .row{align-items: center;margin-left: 0;margin-right: 0;display: flex;flex-wrap: wrap;}
/*#renew-content .row>div{padding: 0 50px;}*/
/*#renew-content .col-lg-5{display: flex;align-items: center;}*/
#renew-content .pro-name{color: #444444;padding-right: 5px;text-align: left;}
#renew-content .date-btn{cursor: pointer;width: 137px;height: 42px;border: 2px solid #EEEEEE;text-align: center;line-height: 38px;font-size: 16px;;color: #444444;text-transform: uppercase;display: inline-block;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);}
#renew-content .date-btn.on{border-color: #ADE3FF;background-color: #ADE3FF;}
#renew-content .date-btn.lt{margin-left: 18px;}
#renew-content .date{display: flex;justify-content: flex-end;}
#renew-content .price{text-align: right;}
#renew-content .price b{font-size: 0.6em;}

#renew-content .big{margin-bottom: 45px;padding: 0 57px;}
#renew-content .big .pro-name{font-size: 18px;margin-left: 20px;}
#renew-content .big .pro-name>span{font-weight: normal;font-size: 16px;}
#renew-content .big .pro-name+p{margin-left: 20px;padding-right: 15px;text-align: left;}
#renew-content .big .date-btn.lt{width: 157px;padding-right: 30px;position: relative;}
#renew-content .big .date-btn.lt>img{position: absolute;top: -8px;right: -2px;}
#renew-content .big .price>p{font-size: 42px;font-weight: bold;color: #444444;}
#renew-content .big .price>p i{font-style: normal;}
#renew-content .big .price>p>i.red{color: #ee2221;}
#renew-content .big .price>p>del{font-size: 18px;color: #444444;font-weight: normal;display: none;}

/*#renew-content .single-module{border: 2px solid #EEEEEE;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);padding: 10px 30px 0;margin-bottom: 70px;position: relative;}*/
#renew-content .single-module>h3{font-size: 16px;color: #444444;text-transform: uppercase;letter-spacing: 1px;text-align: center;padding-bottom: 30px;border-bottom: 1px solid #EEEEEE;margin-bottom: 40px;line-height: 1.8;}
#renew-content .single-module>h3>span{font-size: 12px;color: #ee2221;text-transform: none;}

/*20220929*/
#renew-content .single-module>p{position: relative;width: 100%;text-align: center;margin-top: -34px;}
#renew-content .single-module>p>span{background-color: #ffffff;padding: 5px 10px;display: inline-block;}
/*#renew-content .single-module:before{content: '';position: absolute;width: 24px;height: 17px;background-image: url('/images/purchase/arrow.png');background-repeat: no-repeat;top: -17px;left: 200px;}*/

#renew-content .single-module>.row{padding: 30px 0 20px;border-radius: 30px;margin: 0 -5px;height: 360px;overflow-y: scroll;}
#renew-content .single-module>.row.on{background-color: rgb(249, 249, 249);}
#renew-content .single-module .pro-name{font-size: 16px;font-weight: bold;}
#renew-content .single-module .price>p{font-size: 24px;line-height: 28px;color: #444444;}
#renew-content .single-module .price>p i{font-style: normal;}
#renew-content .single-module .price>p>i.red{color: #ee2221;font-weight: bold;}
#renew-content .single-module .price>p>del{font-size: 0.8em;color: #777777;display: none;}


/*20220922 date switch*/
.date-switch{padding-bottom: 20px!important;margin-bottom: 20px;border-bottom: 1px solid #EEEEEE;border-radius: 0!important;}
.date-switch>div:first-child{text-align: right;padding-right: 30px!important;}
.date-switch>div:last-child{text-align: left;padding-left: 30px!important;}
.date-switch input[type="radio"]{position: absolute;clip: rect(0, 0, 0, 0);}
.date-switch input[type="radio"]+label::before{content: '';background-color: #ffffff;border: 1px solid rgb(156, 156, 156);width: 23px;height: 23px;border-radius: 50%;margin-right: 15px;float: left;}
.date-switch input[type="radio"]:checked+label::before{background-color: rgb(48, 133, 238);background-clip: content-box;padding: 5px;border: 1px solid rgb(48, 133, 238);}
.date-switch input[type="radio"]+label{font-size: 16px;color: #444444;}
.prolist{align-items: flex-start!important;}
.prolist>div{display: flex;margin-bottom: 10px;justify-content: space-between;padding:0 30px!important;}
.prolist>div>div:first-child{display: flex;align-items: center;}
.prolist input[type="checkbox"]{position: absolute;clip: rect(0, 0, 0, 0);}
.prolist input[type="checkbox"]+label::before{content: '';background-color: #ffffff;color: #ffffff;border: 1px solid rgb(156, 156, 156);border-radius: 3px;width: 22px;height: 22px;margin-right: 15px;float: left;flex-shrink: 0;text-align: center;}
.prolist input[type="checkbox"]:checked+label::before{content: '\2714';background-color: rgb(48, 133, 238);border: rgb(48, 133, 238);}
.prolist input[type="checkbox"]+label{font-size: 16px;color: #444444;display: flex;text-align: left;justify-content: flex-start;}
.prolist input[type="checkbox"]+label:hover{}
.prolist .price>p{font-size: 18px!important;}


/*20221025*/
#renew-content .brand{display: flex;justify-content: space-between;align-items: center;padding-top: 40px;margin-bottom: 70px;}
#renew-content .brand-title{padding-left: 5%;}
#renew-content .brand-title>h2{font-size: 36px;line-height: 40px;color: #444444;padding-top: 0;font-weight: 500;letter-spacing: 0.1em;text-align: left;}
#renew-content .brand-title>h2+p{margin-bottom: 0;color: #ee2221;text-align: left;}
#renew-content .brand .btn-sys{background: none;border: none;border-radius: 0;margin: 0 0 20px;flex-basis: 420px;flex-shrink: 0;}
#renew-content .brand .btn-sys>p{border-radius: 0;border: none;box-shadow: none;border-bottom: 3px solid rgba(0, 0, 0, 0);transition: border-color .3s ease-in-out;margin: 0 10px;}
#renew-content .brand .btn-sys>p.on, #renew-content .brand .btn-sys>p:hover{border-color: #3085EE;}
#renew-content .purchase-content{background-color: #FFFFFF;padding: 34px 46px 80px;margin-top: 30px;border: 13px solid #36A973;border-radius: 12px;}
#renew-content .pro-select-area{position: relative;background-color: #FFF9DB;}
#renew-content .pro-select-area>img:first-child{position: absolute;left: -18px;top: 4px;}
#renew-content .pro-select-area .big{margin-top: 40px;padding: 0;margin-bottom: 20px;}
#renew-content .pro-select-area .big .pro-name{font-size: 24px;}
#renew-content .pro-select-area .big .pro-name+p{font-size: 16px;}
#renew-content .pro-select-area .big input[type="checkbox"]{position: absolute;clip: rect(0, 0, 0, 0);}
#renew-content .pro-select-area .big input[type="checkbox"]+label{padding: 15px 13px;background-color: #ECF5FC;border-radius: 12px;}
#renew-content .pro-select-area .big input[type="checkbox"]+label>.pro{display: flex;align-items: center;}
#renew-content .pro-select-area .big input[type="checkbox"]+label>.pro::before{font-size: 18px;content: '';background-color: #ffffff;color: #ffffff;border: 2px solid rgb(156, 156, 156);border-radius: 3px;width: 25px;height: 25px;line-height: 25px;margin-right: 10px;float: left;flex-shrink: 0;text-align: center;}
#renew-content .pro-select-area .big input[type="checkbox"]:checked+label>.pro::before{content: '\2714';background-color: rgb(48, 133, 238);border: rgb(48, 133, 238);font-family: 'Poppins','Segoe UI',Arial,verdana,Tahoma,Helvetica,sans-serif;}
#renew-content .pro-select-area .big .price{display: block;padding-right: 15px;letter-spacing: 0.1em;}
#renew-content .pro-select-area .big .price>p>del{font-size: 22px;}
#renew-content .pro-select-area .date-switch{margin-top: -20px;border: none;}
#renew-content .pro-select-area .date-switch input[type="radio"]+label{font-size: 20px;font-weight: bold;}
#renew-content .pro-select-area .date-switch>div>div{display: inline-block;padding: 0 30px;background-color: #ffffff;}
#renew-content .pro-select-area .date-switch>div{padding: 0!important;}
#q{cursor: pointer;}

/*@media (max-width: 575px){
    #renew-content .pro-select-area{padding: 10px 0 0;}
    #renew-content .pro-select-area .date-switch{margin-top: 100px;margin-bottom: 0;}
    #renew-content .pro-select-area .date-switch>div{flex-basis: fit-content;max-width: none;}
    #renew-content .pro-select-area .date-switch>div>div{padding: 0 10px;}
    #renew-content .pro-select-area .date-switch input[type="radio"]+label{font-size: 18px;}
    #renew-content .pro-select-area .big{margin-top: 0;}
    #renew-content .pro-select-area .big input[type="checkbox"]+label{padding: 15px 5px;}
    #renew-content .pro-select-area .big input[type="checkbox"]+label>.pro>img{width: 50px;}
    #renew-content .pro-select-area .big input[type="checkbox"]+label>.pro::before{margin-right: 10px;}
    #renew-content .pro-select-area .big .pro-name{font-size: 18px;margin-left: 10px;}
    #renew-content .pro-select-area .big .pro-name+p{font-size: 14px;margin-left: 10px;}
    #renew-content .big .price>p{font-size: 24px;}
    #renew-content .pro-select-area .big .price{padding-right: 5px;margin-top: 10px;}
    #renew-content .pro-select-area .big .price>p>del{font-size: 14px;}
    .date-switch input[type="radio"]+label::before{margin-right: 10px;}
}*/

#renew-content .check-area{align-items: stretch;justify-content: space-between;padding: 0 45px;}
#renew-content .check-area .col-lg-5{display: flex;flex-direction: column;padding-top: 65px;}
#renew-content .check-area h3{font-size: 16px;color: #444444;text-transform: uppercase;letter-spacing: 1px;text-align: left;margin-bottom: 30px;margin-top: 20px;}
#renew-content .list{list-style-type: none;text-align: center;letter-spacing: 1px;text-align: left;}
#renew-content .list>li{font-size: 16px;line-height: 21px;color: #444444;margin-bottom: 10px;}
#renew-content .list>li>i{font-style: normal;position: relative;padding-left: 30px;}
#renew-content .list>li>i:before{
  content: '';width: 9px;height: 9px;border-radius: 50%;
  background-image: -moz-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%);
  position: absolute;left: 0;top: 8px;
}
#renew-content .list>li>span{color: #ee2221;display: inline-block;margin-left: 20px;}
#renew-content .original{font-size: 14px;color: #777777;line-height: 30px;}
#renew-content .bundle, #renew-content .bundle-save, #renew-content .discount, #renew-content .total{font-size: 16px;color: #444444;display: flex;justify-content: space-between;font-weight: bold;letter-spacing: 0.08em;margin-bottom: 15px;}
#renew-content .total{align-items: flex-end;margin-top: 30px;line-height: .8;}
#renew-content .bundle i, #renew-content .bundle-save i, #renew-content .discount i, #renew-content .total i, #renew-content .bundle span, #renew-content .bundle-save span, #renew-content .discount span{font-style: normal;color: #777777;}
#renew-content .save{font-size: 14px;color: #777777;line-height: 30px;}
#renew-content .total>i{font-size: 30px;color: #ee2221;}
#renew-content .total b{font-size: 0.5em;}
#renew-content .tip{font-size: 12px;color: #444444;text-align: left;padding-left: 30px;display: none;}
#renew-content .tip>span{color: #ee2221;font-weight: bold;}
#renew-content .tip>span>i{font-style: normal;}
#renew-content .check{text-align: center;display: flex;column-gap: 15px;}
#renew-content .check>a{display: inline-block;margin-top: 10px;transition: opacity .2s;}
#renew-content .check>a.pn{pointer-events: none;opacity: .3;}
#renew-content .timeout{font-size: 12px;color: #777777;letter-spacing: 0.08em;margin-top: 20px;text-align: center;}
#renew-content .timeout>span{color: #3085ee;}
#renew-content .link-si{margin-top: 10px;}
#renew-content .link-si>a{color: #444444;text-decoration: underline;}

#renew-content .renew-note{border-radius: 13px;box-shadow: 0px 0px 65px 0px rgba(170, 170, 170, 0.25);padding: 25px 80px 45px;margin-top: 55px;text-align: left;}
#renew-content .renew-note>p{font-size: 14px;color: #777777;display: flex;align-items: center;justify-content: center;margin-bottom: 70px;}
#renew-content .renew-note>.row>div{align-items: center;justify-content: center;}
#renew-content .renew-note ul{list-style-type: none;}
#renew-content .renew-note ul>li{font-size: 14px;line-height: 24px;color: #777777;position: relative;padding-left: 30px;margin-bottom: 15px;}
#renew-content .renew-note ul>li:before{
  content: '';width: 9px;height: 9px;border-radius: 50%;
  background-image: -moz-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(49,147,220) 0%, rgb(74,189,255) 100%);
  position: absolute;left: 0;top: 7px;
}

i.content-sys{font-style: normal;}


@media screen and (max-width: 1200px){
	.top,.part0,.part1,.part2,.part3,.part4,.part5,.part6,.part7,.part8,.footer{
		background-position: -360px top;
		width: 1200px;
	}
	.nav{display: none;}
}
@media screen and (max-width: 1920px){
	.part2 .inner{
		width: auto;
	}
}