@charset "utf-8";

.pcVer {display:block !important}
.moVer {display:none !important}
.mb0{margin-bottom:0 !important}

/* content */
#wrap {position:relative;width:100%;}
.funding {max-width:2560px;margin:0 auto;text-align:center;}
.funding .inner {position:relative;max-width:1000px;margin:0 auto;}
.funding .container{max-width:1000px; margin:0 auto; position:relative;}


.section01{position:relative; text-align:center; height:1359px; background:url(images/con01_bg.jpg) center top no-repeat}
.section02{position:relative; text-align:center; height:790px; background:url(images/con02_bg.jpg) center top no-repeat; background-color:#cbcbcb}
.section03{position:relative; text-align:center; padding:100px 0; background:url(images/con03_bg.jpg) center top / cover;}
.section04{position:relative; text-align:center; padding:80px 0 0 0; background-color:#dfdbd7}
.section04 .place_bg{height:1239px; background:url(images/con04_bg.jpg) center bottom no-repeat; position:relative}

.section01 h2{position:absolute; left:-9999px; top:-9999px; font-size:0; text-indent:-9999px}

.section02 .container{height:100%}
.section02 .title{font-size:0; position:absolute; left:-9999px; top:-9999px; text-indent:-9999px}
.section02 .btn a{display:inline-block; position:absolute; height:9%; font-size:0; z-index:1}
.section02 .btn a.reserve{width:34%; top:59%; left:2%;}
.section02 .btn a.share{width:26%; top:59%; left:37%}
.section02 .find a{display:inline-block; position:absolute; left:2%; top:73%; width:52%; height:14%; font-size:0; text-indent:-9999px}

.section03 .title{position:relative}
.section03 .title p.label{position:relative}
.section03 .title p.label span{display:inline-block; line-height:1.1; padding:8px 40px; border:1px solid #000; border-radius:40px; color:#000000; font-size:34px; font-weight:bold;}
.section03 .title p.txt{position:relative; padding:10px 0 0 0; font-size:25px; color:#000000}
.section03 .title p.txt span{position:relative;}
.section03 .title p.txt span:after{content:''; display:block; width:100%; height:50%; position:absolute; left:0; bottom:0; background:#fcff10}
.section03 .title p.txt span i{position:relative; z-index:2; font-weight:bold; font-size:28px; font-style:normal}
.section03 .ft_txt{position:relative; padding:100px 0 0 0; text-align:left; line-height:1.5;  color:#7e7e7e;}
.section03 .ft_txt dt{font-weight:bold; font-size:19px; padding:0 0 10px 0}
.section03 .ft_txt dd{position:relative; font-size:15px; margin-bottom:2px;}

.circle_wrap{position:relative; font-size:0; padding:90px 0 0 0}
.circle_wrap > div{display:inline-block; vertical-align:middle; width:50%;}
.circle_wrap .side_box{text-align:right;}

.day_count{display:inline-block; position:relative; margin:0 auto; margin-top:50px;}
.day_num{position:absolute; left:0; top:30px; width:100%; box-sizing:border-box; padding:0 30px; font-size:0;}
.day_num > span{display:inline-block; vertical-align:top; border-radius:10px; background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 100%);; width:49%; margin-right:2%; height:0; padding-top:54%; position:relative}
.day_num > span:after{width:100%; height:8px; content:''; display:block; background:url(images/day_bar.png) no-repeat; background-size:cover; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.day_num > span:nth-child(2){margin-right:0}
.day_num > span .num{font-size:230px; color:#fcff00; font-weight:bold; position:absolute; left:0; width:100%; text-align:center; top:0; line-height:1.2}

.day_tail{position:relative; padding:30px 0 0 0; font-weight:bold; color:#101010; font-size:23px}
.day_tail span{font-weight:normal; position:relative; display:inline-block; padding:0 10px; margin-right:5px}
.day_tail span:before{width:2px; height:20px; background:#827a72; content:''; display:inline-block; position:absolute; left:0; top:4px}
.day_tail span:after{width:2px; height:20px; background:#827a72; content:''; display:inline-block; position:absolute; right:0; top:4px}

/*
.section02 .title{position:relative; text-align:left; padding:190px 0 0 10px; line-height:1.5; color:#101010; letter-spacing:-1px}
.section02 .title p:nth-child(1){font-size:23px}
.section02 .title p:nth-child(2){font-size:58px; position:relative; padding:5px 0 0 0; font-weight:bold}
.section02 .btn{position:relative; text-align:left; padding:120px 0 0 10px; font-size:0}
.section02 .btn a{display:inline-block; vertical-align:top; margin-right:10px}
.section02 .btn button{border:0; background:none; vertical-align:top; cursor:pointer}
.section02 .find{position:relative; padding:30px 0 0 10px; text-align:left}
*/


/* circle */
.circle {display: inline-block; position:relative; text-align:center; line-height:1.2; border-radius:50%; background:#fff;}
.circle:after{content:''; display:block; width:calc(100% - 30px); height:calc(100% - 30px); position:absolute; left:15px; top:15px; background:none; border-radius:50%; box-shadow:1px 2px 7px 1px #d7d7d7}
.circle canvas {vertical-align:top; transform:rotate(-90deg); max-width:100%; max-height:100%; position:relative}
.circle strong {position: absolute; top:30px; left:0; width:100%; text-align:center; line-height:40px; font-size:30px;}
.circle strong i {font-style:normal; font-size:0.6em; font-weight:normal;}
.circle span { display:inline-block; color:#000; letter-spacing:-1px; z-index:5}
.circle span.count{font-size:58px; font-weight:bold; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.circle_place{position:relative; display:inline-block; font-size:0; padding:15px; background:#fff; border-radius:50%; background:#fff; box-shadow:3px 3px 20px 5px #d7d7d7}
.circle .tail{font-size:20px; color:#666666}
.circle .tail li{position:absolute;}
.circle .tail li:nth-child(1){left:50%; bottom:-55px; transform:translateX(-50%)}
.circle .tail li:nth-child(2){left:-55px; top:50%; transform:translateX(-50%)}
.circle .tail li:nth-child(3){left:50%; top:-55px; transform:translateX(-50%)}
.circle .tail li:nth-child(4){right:-55px; top:50%; transform:translateX(50%)}



@media screen and (max-width:1040px){
	.funding .container{padding:0 20px; box-sizing:border-box}
	
	.section01{height:auto; padding:65% 0; background-size:cover}
	.section02{height:auto; padding:37% 0; background-size:cover;}
	.section03{padding:70px 0}
	.section04{padding:50px 0 0 0}
	.section04 .place_bg{height:auto; padding:55% 0; background-size:cover}
	
	.section02 .container{position:absolute; left:0; top:0; width:100%}
	
	.section03 .title p.label span{padding:5px 30px;font-size:24px;}
	.section03 .title p.txt{font-size:18px;}
	.section03 .title p.txt span i{font-size:20px}
	.section03 .ft_txt{padding:70px 0 0 0;}
	.section03 .ft_txt dt{font-size:17px;}
	.section03 .ft_txt dd{font-size:13px;}
	
	.section04 .title{position:relative}
	.section04 .title img{width:100%; max-width:500px}
	
	.circle_wrap .circle_box{box-sizing:border-box; padding:50px 80px; width:55%}
	.circle_wrap .side_box{width:45%}
	.circle canvas{width:auto !important; height:auto !important}
	.circle span.count{font-size:40px}
	.circle .tail{font-size:15px}
	
	.circle .tail li:nth-child(1){bottom:-45px;}
	.circle .tail li:nth-child(2){left:-45px;}
	.circle .tail li:nth-child(3){top:-45px;}
	.circle .tail li:nth-child(4){right:-45px;}
	
	.day_count{max-width:350px}
	.day_tail{padding:20px 0 0 0; font-size:18px}
	.day_num > span .num{font-size:120px}
}

@media screen and (max-width:768px){
	.section03{padding:50px 0}
	.section03 .title p.label span{padding:5px 25px;font-size:17px;}
	.section03 .title p.txt{font-size:14px;}
	.section03 .title p.txt span i{font-size:15px}
	.section03 .ft_txt{padding:50px 0 0 0;}
	.section03 .ft_txt dt{font-size:14px;}
	.section03 .ft_txt dd{font-size:11px;}
	
	.circle_wrap{padding:70px 0 0 0;}
	.circle_wrap .circle_box{display:block; width:auto; padding:0 20px; max-width:260px; margin:0 auto}
	.circle_wrap .side_box{width:auto; display:block; padding:60px 0 0 0; text-align:center;}
	.circle_wrap .side_box img{max-width:420px; width:100%}
	
	.circle:after{width:calc(100% - 15px); height:calc(100% - 15px); left:7px; top:7px}
	
	.day_count{max-width:240px; margin-top:30px}
	.day_tail{font-size:14px}
	.day_num > span:after{height:4px}
	.day_num > span .num{font-size:75px}
}







/* popup */
.popOpen {overflow-y:hidden;}
.modalScreen {position:absolute;height:100%;opacity:0.6;filter:alpha(opacity=60);}
.popWrap.vipKitPop {position:fixed;top:50% !important;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}
.popWrap.vipKitPop .popBody {min-width:290px;max-width:517px;}
.popWrap.vipKitPop#selectStore .popWirteForm {overflow-y:scroll;max-height:70vh;margin-top:20px;}
.popWrap.vipKitPop .popBody.big {max-width:597px;}
.popWrap.vipKitPop .popBody .popTitle {padding-bottom:10px;}
.popWrap.vipKitPop .popBody .popTitle > span {font-weight:normal;}
.popWrap.vipKitPop .popWirteForm .formArea .btn {padding:0;margin-top:30px;border:0;}
.popWrap.vipKitPop .popWirteForm .formArea .btn a {-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.popWrap.vipKitPop .popWirteForm .formArea ul li {min-height:auto;margin-top:0;}
.popWrap.vipKitPop .popWirteForm .formArea ul.selectImg {padding-top:40px;text-align:center;}
.popWrap.vipKitPop .popWirteForm .formArea ul.selectImg li {display:inline-block;vertical-align:top;}
.popWrap.vipKitPop .popWirteForm .formArea ul.selectImg li .pdt_img {padding-left:15px;}
.popWrap.vipKitPop .popWirteForm .formArea ul.selectImg li .pdt_name {margin-top:10px;font-size:16px;font-weight:bold;color:#222;}
.popWrap.vipKitPop .popWirteForm .formArea ul.selectList {padding:35px 40px;margin-top:30px;background-color:#f6f6f6;}
.popWrap.vipKitPop .popWirteForm .formArea ul.selectList li {margin-top:25px;}
.popWrap.vipKitPop .popWirteForm .formArea ul.selectList li:first-child {margin:0 !important;}
.popWrap.vipKitPop .popWirteForm .formArea ul.selectList li input[type="radio"] {display:inline-block;margin:3px 15px 0 0;vertical-align:top;}
.popWrap.vipKitPop .popWirteForm .formArea ul.selectList li label {display:inline-block;vertical-align:middle;font-size:22px;font-weight:bold;color:#222;cursor:pointer;}
.popWrap.vipKitPop .popWirteForm .formArea ul.selectList li label > span {display:block;margin-top:3px;font-size:18px;font-weight:normal;color:#ed2929}
.popWrap.vipKitPop .popWirteForm .formArea ul.selectList.type2 {padding:30px;margin-top:0;}
.popWrap.vipKitPop .popWirteForm .formArea ul.selectList.type2 li {margin-top:15px;}
.popWrap.vipKitPop .popWirteForm .formArea ul.selectList.type2 li label {width:88%;font-size:18px;font-weight:normal;font-family:sans-serif;word-break:break-all;}
.popWrap.vipKitPop .popWirteForm .formArea ul + p {margin-top:20px;font-size:15px;color:#888;}
.popWrap.vipKitPop .popWirteForm .formArea .txtBox {margin-top:15px;text-align:center;font-size:13px;color:#666;}

@media screen and (max-width: 768px){
	.pcVer {display:none !important;}
	.moVer {display:block !important;}
}

@media screen and (max-width: 640px){ 
	/* popup */
	.popWrap.vipKitPop#selectStore .popWirteForm {margin-top:5%;}
	.popWrap.vipKitPop .popWirteForm .formArea ul.selectImg {padding-top:20px;}
	.popWrap.vipKitPop .popWirteForm .formArea ul.selectImg li {width:49%;}
	.popWrap.vipKitPop .popWirteForm .formArea ul.selectImg li .pdt_name {font-size:13px;}
	.popWrap.vipKitPop .popWirteForm .formArea ul.selectList {padding:15px; margin-top:5%;}
	.popWrap.vipKitPop .popWirteForm .formArea ul.selectList.type2 {padding:15px;}
	.popWrap.vipKitPop .popWirteForm .formArea ul.selectList li {margin-top:7%;}
	.popWrap.vipKitPop .popWirteForm .formArea ul.selectList li label,
	.popWrap.vipKitPop .popWirteForm .formArea ul.selectList.type2 li label {font-size:14px;}
	.popWrap.vipKitPop .popWirteForm .formArea ul.selectList li label > span {font-size:13px;}
	.popWrap.vipKitPop .popWirteForm .formArea ul.selectList li input[type="radio"] {width:15px;height:15px;margin:0 7px 0 0;}
	.popWrap.vipKitPop .popWirteForm .formArea ul + p {margin-top:3%;font-size:13px;}
}