@charset "utf-8";
/* CSS Document */
.detail{width: 1080px; margin: 0 auto;}
a{color: #30a6ec;text-decoration: none;}
a:hover{text-decoration: underline;}
img{max-width: 100%;}

.main01 {padding: 35px 0 83px;background: #0e1319 url(../images/index/bg1.jpg) no-repeat center bottom/100% auto;}
.main01 .the-crumbs{color: #838488;margin-bottom: 30px;}
.main01 h1 {font-size: 55px;line-height: 59px;color: #fff;}
.main01 h1 span {color: #07c3c5;}
.main01 p {font-size: 17px;color: #939293;line-height: 25px;margin: 12px 0 36px;padding-right: 480px;}
.main01 p+a { display: block; width:226px;height: 50px; text-align: center; line-height: 50px; font-size: 23px; color: #fff; background-color: #0fb4ff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }

.main02 {padding: 45px 0 0;text-align: center;background: #0e1319 url(../images/index/bg2.jpg) no-repeat center top/100% auto;}
.main-h2 {font-size: 33px;line-height: 35px;color: #cccccc;padding-bottom: 54px;text-align: center;}
.main-h2>span {color: #0ed3d5;}
.reason-list li { display: inline-block;vertical-align: middle;margin: 70px 0 34px; width: 340px; box-sizing: border-box; padding: 0 20px 14px; background-color: #191d1f; margin-left: 18px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.reason-list li:nth-child(3n+1) {margin-left: 0;}
.reason-list li img {display: block;margin: -77px auto 0;}
.reason-list li h4 {font-size: 19px;color: #c6c6c6;line-height: 25px;padding: 10px 0 6px;}
.reason-list li p {font-size: 15px;line-height: 23px;color: #6f6d76;}
.main02 h3 {font-size: 23px;line-height: 25px;color: #999999;margin-bottom: 24px;}
.partner-list {padding-top: 20px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;position: relative;}
.partner-list li {float: left;width: 270px;height: 38px;text-align: center;margin-bottom: 30px;}
.partner-list li img {max-height: 100%;}

.main03 {padding-top: 400px;margin-top: -250px;background: url(../images/index/bg3.jpg) no-repeat center top/100% auto;text-align: center;}
.main03-con {border-radius: 10px;min-height: 650px;background-color: rgba(255,255,255,0.8);backdrop-filter: blur(30px);box-shadow: 0 0 10px 0 rgba(0,0,0,0.05);}
.main03-con-top {padding: 22px 210px 28px;background-color: rgba(0,0,0,0.03);border-radius: 10px 10px 0 0;}
.main03-steps {display: flex;justify-content: space-between;flex-wrap: wrap;counter-reset: step;}
.main03-step {width: 1px;display: flex;justify-content: center;font-size: 21px;white-space: nowrap;color: #3c3c3c;line-height: 1;counter-increment: step;position: relative;padding-bottom: 14px;cursor: pointer;}
.main03-step.active {color: #fff;}
.main03-step .line {width: 303px;height: 1px;background-color: #7e7e7e;position: absolute;bottom: -1px;right: 14px;}
.main03-step.active .line {background-color: #fff;}
.main03-step::before {content: counter(step);width: 34px;height: 34px;font-size: 19px;line-height: 34px;text-align: center;color: #fff;background-color: #3c3c3c;border-radius: 50%;position: absolute;top: -42px;left: 50%;margin-left: -17px;}
.main03-step.active::before {background-color: #0fb4ff;}
.main03-step::after {content: "";width: 9px;height: 9px;border-radius: 50%;background-color: #7e7e7e;position: absolute;bottom: -5px;left: 50%;margin-left: -5px;}
.main03-step.active::after {width: 0;height: 0;border-radius: 0;background-color: transparent;border-top: 10px solid #0fb4ff;border-left: 7px solid #d8d7d4;border-right: 7px solid #d8d7d4;}
.main03-step.active.dot::after {width: 9px;height: 9px;border-radius: 50%;background-color: #fff;border: none;}
.main03-steps-con {padding: 0 10px;}
.main03-step-con {display: none;}
.main03-step-con.active {display: block;}
.main03-step1-p {font-size: 17px;color: #2c2c2c;line-height: 1.1;padding: 26px 0 68px;}
.main03-step1-items {display: flex;justify-content: center;flex-wrap: wrap;}
.main03-step1-item {width: 450px;box-sizing: border-box;border-radius: 14px;margin: 0 25px;background-color: #fff;padding: 1px 45px 30px;}
.main03-step1-item>img {margin-top: -44px;}
.main03-step1-item-p {font-size: 17px;color: #222;line-height: 1.6;}
.main03-step1-item-border {display: inline-block;min-width: 290px;box-sizing: border-box;font-size: 17px;color: #222;line-height: 1.1;padding: 13px 5px;border: 1px dashed #b5b5b5;border-radius: 8px;margin: 24px 0 14px;}
.main03-step1-item-buttons {padding-bottom: 20px;}
.main03-step1-item-buttons>a {display: inline-block;min-width: 290px;box-sizing: border-box;font-size: 21px;line-height: 1;color: #fff;background-color: #0fb4ff;border-radius: 8px;padding: 14px 5px;margin-bottom: 8px;}
.main03-step1-item-buttons>a:last-child {background-color: #77c34e;}
.main03-step1-item-buttons>a:hover {text-decoration: none;}
.main03-step-link {font-size: 15px;color: #178fff;line-height: 1.1;}
.main03-step-link>a {color: inherit;text-decoration: underline;text-underline-position: under;}
.main03-step2-con {padding: 35px 5px 23px;}
.main03-step2-items {display: flex;justify-content: center;flex-wrap: wrap;}
.main03-step2-item {width: 323px;margin: 0 13px 20px;}
.main03-step2-card {background-color: #fff;border-radius: 14px;box-sizing: border-box;min-height: 250px;padding: 40px 35px 15px;}
.main03-step2-h3 {font-size: 17px;color: #222;line-height: 1.1;font-weight: 600;padding-bottom: 18px;}
.main03-step2-p {font-size: 17px;color: #343434;line-height: 1.6;}
.main03-step3-con {padding: 58px 62px 53px;}
.main03-step3-h3 {font-size: 37px;color: #1c1c1c;line-height: 1;}
.main03-step3-select {background-color: #fff;border-radius: 12px;margin: 36px 0 44px;padding: 50px 45px 48px;}
.select-con{display:flex;justify-content:center;flex-wrap:wrap;text-align:center;list-style:none;border-bottom: 1px solid #d2d2d2;}
.select-con>li{width:190px;margin:0 35px 30px;}
.select-con>li:nth-child(2) {width: 236px;}
.select-info{font-size: 19px;line-height: 1.1;margin-bottom: 16;color: #323232;}
.select-con select{border:1px solid #d2d2d2;outline: none;width: 100%;height: 34px;border-radius: 4px;font-size: 17px;color: #343434;padding: 0 17px 0 5px;text-align: center;}
.select-result{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;font-size: 21px;color:#343434;padding-top: 38px;}
.select-result>b{color:#ff7a3f;margin:0 10px;font-size: 29px;font-weight: 500;}
.border-result{width:140px;border:1px solid #313131;border-radius:4px;font-size:21px;color: #272727;line-height:34px;}
.select-result .delimiter{font-size:35px;color: #676767;margin:-3px 10px 0;}
.select-result .per-period{font-size:23px;line-height:1em;color: #272727;}
.select-result .per-period>i{font-size:15px;display:none;font-style:normal;}
.select-result .per-period>i.active{display:block;}
.main03-step3-button {display: inline-block;line-height: 1;font-size: 19px;color: #1b96ff;padding: 14px 5px;box-sizing: border-box;min-width: 300px;border-radius: 6px;border: 1px solid;}
.main03-step3-button:hover {text-decoration: none;}

.main04 {padding: 60px 0 1px;background: linear-gradient(#fff,#f4f4f5 50%);border-radius: 450px 0 450px 0;}
.main04 .details {position: relative;width: 1200px;}
.the-h2 {font-size: 39px;color: #2f2f2f;line-height: 1em;font-weight: 600;text-align: center;}
.review-container {padding: 6px 220px 45px;margin-top: 36px;background: url(../../../event/image-style/giveaway-summer23/quote-icon.png) no-repeat center top;overflow: hidden;}
.review-content {overflow: hidden;}
.review-list {display: flex;}
.review-list li {width: 760px;flex-shrink: 0;}
.review-list li p {font-size: 17px;line-height: 25px;min-height: 110px;}
.review-list li .img-container {text-align: center;}
.review-dots {padding: 30px 0 0;display: flex;justify-content: center;align-items: center;}
.review-dots li {width: 8px;height: 8px;border: 1px solid #cecece;border-radius: 50%;margin: 0 4px;cursor: pointer;transition: all 0.1s;}
.review-dots li:hover,.review-dots li.active {background-color: #39c9ff;border-color: #39c9ff;transform: scale(1.3);}
.reviews-title {font-size: 19px;color: #3c4757;line-height: 28px;padding-bottom: 37px;text-align: center;}
.reviews-title img {margin: 0 12px;}
.users-review {display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;}
.user-item {width: 340px;padding-bottom: 33px;}
.user-item:nth-child(2) {padding: 0 44px;margin: 0 44px;border: 1px solid #bee1e3;border-top: none;border-bottom: none;}
.user-info {display: flex;justify-content: center;align-items: center;font-size: 17px;color: #3c4757;line-height: 37px;}
.user-avatar {margin-right: 18px;}
.user-review-title {font-size: 17px;font-weight: 600;color: #4b4b4b;line-height: 1.1em;padding: 13px 0;text-align: center;}
.user-review-content {font-size: 15px;color: #4b4b4b;line-height: 25px;}
.user-review-source {font-size: 15px;color: #96a4a9;line-height: 1em;padding-left: 23px;margin-top: 12px;position: relative;}
.user-review-source::before {content: url(../../../event/image-style/giveaway-summer23/checked-icon.png);position: absolute;bottom: 0;left: 0;}
.main04-ornament1,.main04-ornament2 {position: absolute;}
.main04-ornament1 {bottom: -50px;left: -260px;}
.main04-ornament2 {top: 0;right: -170px;}

.main05{background-color:#fff; padding:60px 0;}
.main05 h2{font-size:36px; text-align:center; padding-bottom:30px;}
.main05 .qes_one{border-bottom:1px solid #e6e6e6; padding:18px 0 8px;}
.main05 .qes_one .t{font-size: 18px; background: url(../images/index/add.png) no-repeat right 3px;cursor: pointer; padding-bottom: 10px;}
.main05 .qes_one .qes_ans{color: #737480;display: none;}
.main05 .qes_one.focus .t{background: url(../images/index/min.png) no-repeat right center;}
.main05 .qes_one.focus .qes_ans{display: block;}
.main05 .qes_one.focus .qes_ans p a{color:#2691fc; text-decoration:underline;}
.main05 .details>p {font-size: 17px;color: #666;padding: 40px 0 0;text-align: center;}

@media (max-width: 979px) {
	.detail{width: 95%;padding: 0;}
	.main04 .details {width: 96%;padding: 0;}

	.main01 {background: url(../images/index/bg1.jpg) left center no-repeat;background-size: cover;}
	.main01 p {padding: 0;}
	.main02 {padding-bottom: 50px;background: url(../images/index/bg2.jpg) left top no-repeat;background-size: cover;}
	.reason-list li {margin-left: 16px;}
	.reason-list li:nth-child(3n+1) {margin-left: 16px;}
	.reason-list li:nth-child(2n+1) {margin-left: 0;}
	.partner-list li {float: none;display: inline-block;vertical-align: middle;}

	.main03 {background: #0e1319;padding: 50px 0;margin-top: 0;}
	.main03-con-top {padding-left: 10px;padding-right: 10px;padding-bottom: 10px;}
	.main03-steps {justify-content: center;}
	.main03-step {width: auto;margin: 0 10px;white-space: normal;}
	.main03-step .line,.main03-step::after {display: none;}
	.main03-step1-item {margin: 0 10px 60px;padding: 1px 20px 30px;}
	.main03-step3-con {padding: 30px 10px 40px;}

	.main04 {border-radius: 0;}
	.review-container {padding: 6px 0 45px;background: none;}
	.review-list li p {min-height: initial;margin-bottom: 10px;}
	.main04-ornament1, .main04-ornament2 {display: none;}
	.user-item {width: 100%;}
	.user-item:nth-child(2) {padding: 0;margin: 0 0 20px;border: none;}
}

@media (max-width: 767px) {
	.reason-list li {width: 90%;}

	.main-h2 {font-size: 29px;}
	.main03-step {font-size: 17px;}
	.main03-step3-h3 {font-size: 25px;}
	.main03-step3-select {padding: 30px 10px;}

	.the-h2 {font-size: 29px;}
}

@media (max-width: 479px) {
	.main01 {padding-bottom: 60px;}
	.main01 h1 {font-size: 40px;line-height: 44px;}

	.main03 .right-content {width: 100%;}
}