@charset "utf-8";


#bk {width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden; color: #000; line-height: 1.3; letter-spacing: -0.025rem;}
#bk * {box-sizing: border-box;}
#bk img {display: block; max-width: 100%; margin: 0 auto;}
.container {max-width: 1240px; padding-left: 20px; padding-right: 20px;}




.bk-part1 {padding-top: 8vh; padding-bottom: 38vh; position: relative; background: url('https://img.megastudyth.com/event/2023/book2/part1_bg.jpg')no-repeat center center / auto 100%;}
.bk-part1__title:before {content: ''; display: block; height: 38px; margin-bottom: 6vh; background: url('https://img.megastudyth.com/event/2023/book2/part1_logo.png')no-repeat center center / auto 100%;}
.bk-part1__book {padding: 0 18%; margin-top: 2vh;}

.bk-part2 {padding: 12vh 0; position: relative; background: url('https://img.megastudyth.com/event/2023/book2/part2_bg.jpg')no-repeat center center / cover;}
.bk-part2:before,
.bk-part2:after {content: ''; display: block; width: 50%; height: 100%; position: absolute; top: 0; z-index: 0;}
.bk-part2:before {left: 0; background: url('https://img.megastudyth.com/event/2023/book2/part2_bg_deco1.png')no-repeat left center / auto 100%;}
.bk-part2:after {right: 0; background: url('https://img.megastudyth.com/event/2023/book2/part2_bg_deco2.png')no-repeat right center / auto 100%;}
.bk-part2__title {text-align: center; font-size: 36px; position: relative; z-index: 1;}
.bk-part2__title strong {display: block; font-size: 44px; font-weight: 600;}
.bk-part2__cont {margin-top: 6vh; position: relative; z-index: 1; position: relative;}
.bk-part2__cont dt {position: relative; z-index: 1;}
.bk-part2__cont dd {position: absolute; width: 20%; top: 0;}
.bk-part2__cont dd > div {padding-bottom: 100%; position: relative;}
.bk-part2__cont dd > div > div {text-align: center; white-space: nowrap; background: linear-gradient(to bottom,  #ffe570 0%,#49d6ff 50%,#002cff 100%); position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-border-radius: 50%; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; -webkit-box-shadow: -20px 10px 20px 0px rgba(0,0,0,0.25); box-shadow: -20px 10px 20px 0px rgba(0,0,0,0.25);}
.bk-part2__cont dd > div > div:before {content: ''; display: block; background: #fff; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; -webkit-border-radius: 50%; border-radius: 50%;}
.bk-part2__cont dd h5 {position: relative; font-size: 16px; color: #0094FF; font-weight: 400;}
.bk-part2__cont dd p {position: relative; font-size: 20px; margin-top: 20px; font-weight: 500;}
.bk-part2__cont dd:nth-child(2) {right: 50%; margin-right: 16%; margin-top: -6%;}
.bk-part2__cont dd:nth-child(3) {left: 50%; margin-left: 15%; margin-top: 0%;}
.bk-part2__cont dd:nth-child(4) {right: 50%; margin-right: 26%; margin-top: 15%;}
.bk-part2__cont dd:nth-child(5) {left: 50%; margin-left: 26%; margin-top: 20%;}
.bk-part2__btn {margin-top: 48px; display: flex; justify-content: center; position: relative; z-index: 1;}
.bk-part2__btn a {width: 360px; height: 70px; background: #002CFF; color: #fff;  font-size: 28px; font-weight: 500; border: solid 2px #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50px; border-radius: 50px;}

.bk-part3 {padding: 12vh 0;}
.bk-part3__list .bk-part3__item:nth-child(odd) dl dt {order: 1;}
.bk-part3__list .bk-part3__item:first-child {padding-top: 0;}
.bk-part3__item {padding-top: 80px; border-bottom: solid 1px #D9D9D9;}
.bk-part3__item dl {margin: 0 -24px; display: flex; align-items: flex-end;}
.bk-part3__item dl dt {width: 50%; padding: 0 24px;}
.bk-part3__item dl dt a {}
.bk-part3__item dl dt a img {}
.bk-part3__item dl dd {width: 50%; padding: 24px; display: flex; flex-direction: column; align-items: flex-start;}
.bk-part3__item dl dd > div {flex-grow: 1;}
.bk-part3__item dl dd h5 {font-size: 36px; font-weight: 700;}
.bk-part3__item dl dd p {font-size: 18px; margin-top: 16px; line-height: 1.5; font-weight: 300;}
.bk-part3__item dl dd p span {color: #FF0033;}
.bk-part3__item dl dd p strong {font-size: 20px;}
.bk-part3__item dl dd a {flex-shrink: 0; font-size: 18px; color: #1CB0F6; display: flex; align-items: center; margin-top: 16px;}
.bk-part3__item dl dd a:before {content: ''; display: block; width: 24px; height: 24px; margin-right: 6px; background: url('https://img.megastudyth.com/event/2023/book2/part3_icon_preview.png')no-repeat center center / cover;}
.bk-part3__item dl dd ul {margin-top: 16px;}
.bk-part3__item dl dd ul li {font-size: 18px; line-height: 1.5; font-weight: 300; position: relative; padding-left: 12px;}
.bk-part3__item dl dd ul li:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 0; top: 13px; background: #000;}
.bk-part3__item dl dd ul li span {color: #FF0033;}

.bk-part4 {background: #111715; padding: 12vh 0; position: relative;}
/* .bk-part4:before,
.bk-part4:after {content: ''; display: block; width: 50%; height: 100%; position: absolute; top: 0; z-index: 0;}
.bk-part4:before {left: 0; background: url('https://img.megastudyth.com/event/2023/book2/part4_bg1.png')no-repeat left top 10% / 291px auto;}
.bk-part4:after {right: 0; background: url('https://img.megastudyth.com/event/2023/book2/part4_bg2.png')no-repeat right bottom 10% / 245px auto;} */
.bk-part4 .container {position: relative; z-index: 1;}
.bk-part4__title {margin-top: 78px; margin-bottom: 24px; background: #ddd; border-radius: 10px; height: 72px; padding: 0 30px; display: flex; align-items: center; justify-content: space-between;}
.bk-part4__title:first-child {margin-top: 0;}
.bk-part4__title.sky {background: #20CADD;}
.bk-part4__title.grn {background: #14D698;}
.bk-part4__title.ylw {background: #F8B32C;}
.bk-part4__title h3 {display: flex; align-items: center;}
.bk-part4__title h3 strong {font-size: 28px; font-weight: 700; line-height: 1.0;}
.bk-part4__title h3 span {font-size: 16px; font-weight: 400; margin-left: 16px; line-height: 1.0;}
.bk-part4__title a {font-size: 16px; display: flex; align-items: center;}
.bk-part4__title a:after {content: ''; display: block; margin-left: 10px; width: 6px; height: 6px; border-top: solid 2px #000; border-right: solid 2px #000; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.bk-part4__list {margin: -10px; display: flex; flex-wrap: wrap;}
.bk-part4__list > div {width: 33.3333%; padding: 10px;}
.bk-part4__item {background: #2F3432; height: 100%; display: ;padding: 24px; display: flex; flex-direction: column; -webkit-border-radius: 20px; border-radius: 20px; transition: all .3s ease-in-out;}
.bk-part4__item dl {display: flex; flex-grow: 1;}
.bk-part4__item dl dt {width: 45%;}
.bk-part4__item dl dt img {display: block;}
.bk-part4__item dl dd {padding-left: 20px; display: flex; flex-direction: column;}
.bk-part4__item dl dd h4 {font-size: 18px; font-weight: 400; color: #fff; flex-grow: 1; word-break: auto-phrase; transition: all .3s ease-in-out;}
.bk-part4__item dl dd h4 strong {display: block; font-size: 18px; font-weight: 400;}
.bk-part4__item dl dd h4 span {display: block; font-size: 14px; color: #999; font-weight: 400; margin-top: 8px; margin-bottom: 4px; transition: all .3s ease-in-out;}
.bk-part4__item dl dd h4 em {font-size: 11px; font-style: normal; display: flex; margin-bottom: 2px; font-weight: 200;}
.bk-part4__item dl dd h4 em:last-child {margin-bottom: 0;}
.bk-part4__item dl dd h4 em:before {content: ''; display: block; width: 2px; height: 2px; background: #fff; margin-top: 8px; margin-right: 4px; flex-shrink: 0;}
.bk-part4__item dl dd > div {flex-shrink: 0; margin-top: 16px;}
.bk-part4__item dl dd h5 {font-size: 18px; color: #FF0000; font-weight: 400; transition: all .3s ease-in-out;}
.bk-part4__item dl dd p {display: flex; align-items: center;}
.bk-part4__item dl dd p strong {display: block; font-size: 32px; color: #fff; transition: all .3s ease-in-out;}
.bk-part4__item dl dd p s {font-size: 16px; color: #999; margin-left: 10px;}
.bk-part4__item ul {margin-top: 24px; flex-shrink: 0;}
.bk-part4__item ul li {margin-bottom: 8px;}
.bk-part4__item ul li:last-child {margin-bottom: 0;}
.bk-part4__item ul li a {height: 48px; font-size: 18px; background: #151515; color: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 10px; border-radius: 10px;}

.bk-part4__item.sky ul li:first-child a {background: #20CADD; color: #000;}
.bk-part4__item.grn ul li:first-child a {background: #14D698; color: #000;}
.bk-part4__item.ylw ul li:first-child a {background: #F8B32C; color: #000;}

.bk-part4__item.sky dl dd h5 {color: #20CADD;}
.bk-part4__item.grn dl dd h5 {color: #14D698;}
.bk-part4__item.ylw dl dd h5 {color: #F8B32C;}

.bk-part4__item:hover {background: #fff;}
.bk-part4__item:hover dl dd h4 {color: #000;}
.bk-part4__item:hover dl dd h4 span {}
.bk-part4__item:hover dl dd h5 {color: #000;}
.bk-part4__item:hover dl dd p strong {color: #000;}

.bk-part5 {padding: 12vh 0;}
.bk-part5__group {display: flex;}
.bk-part5__group:nth-child(1) {padding-bottom: 60px; margin-bottom: 60px; border-bottom: solid 1px #DBDBDB;}
.bk-part5__group dt {width: 45%; font-size: 40px; font-weight: 600; position: relative;}
.bk-part5__group dt:after {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%;}
.bk-part5__group:nth-child(1) dt:after {height: 150px; background: url('https://img.megastudyth.com/event/2023/book2/part5_deco1.png')no-repeat left center / auto 100%;}
.bk-part5__group:nth-child(2) dt:after {height: 200px; background: url('https://img.megastudyth.com/event/2023/book2/part5_deco2.png')no-repeat left center / auto 100%;}
.bk-part5__group dd {width: 55%;}
.bk-part5__group dd ul li {height: 160px; background: #F3F4F6; border: solid 2px #F3F4F6; margin-bottom: 20px; padding: 0 30px; display: flex; align-items: center; -webkit-border-radius: 20px; border-radius: 20px;}
.bk-part5__group dd ul li:last-child {margin-bottom: 0;}
.bk-part5__group dd ul li img {display: block; width: 110px; flex-shrink: 0;}
.bk-part5__group dd ul li h5 {flex-grow: 1; padding: 0 30px; font-size: 30px;}
.bk-part5__group dd ul li a {flex-shrink: 0; width: 140px; height: 68px; color: #fff; background: #1f1f1f; font-size: 24px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 10px; border-radius: 10px;}
.bk-part5__group dd ul li.grn:hover {border-color: #07B53B;}
.bk-part5__group dd ul li.org:hover {border-color: #FB502D;}
.bk-part5__group dd ul li.pnk:hover {border-color: #E00175;}
.bk-part5__group dd ul li.red:hover {border-color: #ED1C22;}
.bk-part5__group dd ul li.nvy:hover {border-color: #004680 ;}
.bk-part5__group dd ul li.grn h5 {color: #07B53B;}
.bk-part5__group dd ul li.org h5 {color: #FB502D;}
.bk-part5__group dd ul li.pnk h5 {color: #E00175;}
.bk-part5__group dd ul li.red h5 {color: #ED1C22;}
.bk-part5__group dd ul li.nvy h5 {color: #004680;}

.bk-part2.bk-part6 {background: url('https://img.megastudyth.com/event/2023/book2/part6_bg.jpg')no-repeat center center / cover;}
.bk-part2.bk-part6 .bk-part2__cont dd > div > div {background: linear-gradient(to bottom,  #FFC300 0%,#FF4746 100%);}
.bk-part2.bk-part6 .bk-part2__cont dd:nth-child(2) {margin-right: 22%; margin-top: -8%;}
.bk-part2.bk-part6 .bk-part2__cont dd:nth-child(3) {margin-left: 15%; margin-top: -10%;}
.bk-part2.bk-part6 .bk-part2__cont dd:nth-child(4) {margin-right: 26%; margin-top: 15%;}
.bk-part2.bk-part6 .bk-part2__cont dd:nth-child(5) {margin-left: 26%; margin-top: 14%;}



@media (max-width:1280px) {
	.bk-part1 {padding-bottom: 30vw;}
	.bk-part2__cont dd p {font-size: 16px;}
	.bk-part3__item dl dd h5 {font-size: 30px;}
	.bk-part3__item dl dd p {font-size: 16px; margin-top: 8px;}
	.bk-part3__item dl dd p strong {font-size: 18px;}
	.bk-part3__item dl dd ul {margin-top: 8px;}
	.bk-part3__item dl dd ul li {font-size: 16px; padding-left: 10px;}
	.bk-part3__item dl dd ul li:before {width: 3px; height: 3px; top: 12px;}
	
	.bk-part4:before,
	.bk-part4:after {display: none;}
	.bk-part4__title {margin-bottom: 16px; height: 64px;}
	.bk-part4__item dl dd h4 strong {font-size: 16px;}
	.bk-part4__item dl dd h4 span {font-size: 13px;}
	.bk-part4__item dl dd h5 {font-size: 16px;}
	.bk-part4__item dl dd p strong {font-size: 26px;}
	.bk-part4__item dl dd p s {font-size: 14px;}
	.bk-part4__item ul li {margin-bottom: 4px;}
	.bk-part4__item ul li a {height: 44px; font-size: 16px;}

	.bk-part5__group dt {font-size: 30px;}
	.bk-part5__group dd ul li {height: 120px; padding: 0 20px;}
	.bk-part5__group dd ul li img {width: 100px;}
	.bk-part5__group dd ul li h5 {padding: 0 20px; font-size: 26px;}
	.bk-part5__group dd ul li a {width: 100px; height: 50px; font-size: 20px;}
}

@media (max-width:992px) {
	.bk-part1 {padding-top: 4vh; padding-bottom: 26vw;}
	.bk-part1__title:before {height: 28px; margin-bottom: 4vh;}

	.bk-part2:before,
	.bk-part2:after {opacity: 0.5;}
	.bk-part2__title {font-size: 30px;}
	.bk-part2__title strong {font-size: 36px;}
	.bk-part2__cont dt {padding: 0 15%;}
	.bk-part2__cont dd h5 {font-size: 14px;}
	.bk-part2__cont dd p {font-size: 13px; margin-top: 10px;}
	.bk-part2__btn a {width: 280px; height: 60px; font-size: 24px;}

	.bk-part3__item dl {margin: 0 -16px;}
	.bk-part3__item dl dt {padding: 0 16px;}
	.bk-part3__item dl dd {padding: 8px 16px;}
	.bk-part3__item dl dd p {font-size: 14px;}
	.bk-part3__item dl dd p strong {font-size: 16px;}
	.bk-part3__item dl dd ul li {font-size: 14px;}
	.bk-part3__item dl dd ul li:before {top: 10px;}
	.bk-part3__item dl dd a {font-size: 14px;}
	.bk-part3__item dl dd a:before {width: 20px; height: 20px; margin-right: 4px;}
	
	.bk-part4__title {padding: 0 24px;}
	.bk-part4__title h3 strong {font-size: 24px;}
	.bk-part4__title h3 span {font-size: 14px; margin-left: 8px;}
	.bk-part4__title a {font-size: 14px;}
	.bk-part4__list > div {width: 50%;}

	.bk-part5__group dt {font-size: 24px;}
	.bk-part5__group:nth-child(1) dt:after {height: 100px;}
	.bk-part5__group:nth-child(2) dt:after {height: 140px;}
	.bk-part5__group dd ul li {height: 100px; padding: 0 10px;}
	.bk-part5__group dd ul li img {width: 70px;}
	.bk-part5__group dd ul li h5 {font-size: 20px;}
	.bk-part5__group dd ul li a {width: 70px; height: 34px; font-size: 14px;}

	.bk-part2.bk-part6 .bk-part2__cont dt {padding: 0 20%;}
}

@media (max-width:768px) {
	.bk-part1 {background-size: auto 110%;}
	.bk-part1__title {margin: 0 -20px;}
	.bk-part1__title:before {height: 20px; margin-bottom: 2vh;}
	.bk-part1__book {padding: 0 10%;}
	
	.bk-part2:before,
	.bk-part2:after {opacity: 0.3;}
	.bk-part2__title {font-size: 20px;}
	.bk-part2__title strong {font-size: 26px;}
	.bk-part2__cont {margin-top: 4vh;}
	.bk-part2__cont dt {padding: 0 15%;}
	.bk-part2__cont dd {width: 30%;}
	.bk-part2__cont dd > div > div:before {left: 5px; right: 5px; top: 5px; bottom: 5px;}
	.bk-part2__cont dd h5 {font-size: 11px;}
	.bk-part2__cont dd p {font-size: 9px; margin-top: 5px;}
	.bk-part2__cont dd:nth-child(2) {margin-right: 20%;}
	.bk-part2__cont dd:nth-child(3) {margin-left: 18%;}
	.bk-part2__cont dd:nth-child(4) {margin-right: 26%; margin-top: 25%;}
	.bk-part2__cont dd:nth-child(5) {margin-left: 26%; margin-top: 30%;}
	.bk-part2__btn {margin-top: 24px;}
	.bk-part2__btn a {width: 160px; height: 50px; font-size: 18px;}

	.bk-part3__list {display: block;}
	.bk-part3__item {padding-top: 32px;}
	.bk-part3__item dl {margin: 0; display: block;}
	.bk-part3__item dl dt {width: 100%; padding: 0;}
	.bk-part3__item dl dd {width: 100%; padding: 0; margin-top: 24px; padding-bottom: 24px;}
	.bk-part3__item dl dd h5 {font-size: 18px;}
	.bk-part3__item dl dd p {font-size: 13px;}
	.bk-part3__item dl dd ul li {font-size: 13px;}
	.bk-part3__item dl dd ul li:before {top: 8px;}
	.bk-part3__item dl dd a {font-size: 13px;}
	
	.bk-part4__title {padding: 0 16px; height: 48px; margin-top: 48px;}
	.bk-part4__title h3 strong {font-size: 20px;}
	.bk-part4__title h3 span {font-size: 12px;}
	.bk-part4__title a {font-size: 13px;}
	.bk-part4__list {margin: 0;}
	.bk-part4__list > div {width: 100%; padding: 0; margin-bottom: 10px;}
	.bk-part4__list > div:last-child {margin-bottom: 0;}
	.bk-part4__item ul li a {height: 40px; font-size: 14px;}
	
	.bk-part5__group {display: block;}
	.bk-part5__group:nth-child(1) {padding-bottom: 30px; margin-bottom: 30px;}
	.bk-part5__group dt {width: 100%; font-size: 20px;}
	.bk-part5__group dt br {display: none;}
	.bk-part5__group dt:after {display: none;}
	.bk-part5__group dd {width: 100%; margin-top: 16px;}

	.bk-part5__group dd ul li {margin-bottom: 10px; height: 80px; -webkit-border-radius: 10px; border-radius: 10px;}
	.bk-part5__group dd ul li img {width: 60px;}
	.bk-part5__group dd ul li h5 {font-size: 18px;}
	.bk-part5__group dd ul li a {width: 60px; height: 30px; font-size: 13px; -webkit-border-radius: 5px; border-radius: 5px;}

	.bk-part2.bk-part6 .bk-part2__cont dd:nth-child(2) {margin-top: -10%;}
	.bk-part2.bk-part6 .bk-part2__cont dd:nth-child(3) {margin-top: -12%;}
	.bk-part2.bk-part6 .bk-part2__cont dd:nth-child(4) {margin-top: 22%;}
	.bk-part2.bk-part6 .bk-part2__cont dd:nth-child(5) {margin-top: 18%;}
}










@media (max-width:320px) {



}















 .flipbook .next-button,.flipbook .previous-button{
	width:22px;
	height:100%;
	position:absolute;
	top:0;
	background-repeat:no-repeat;
}
.flipbook .previous-button{
	background-position:-4px center;
	left:-22px;
	-webkit-border-radius:15px 0 0 15px;
	-moz-border-radius:15px 0 0 15px;
	-ms-border-radius:15px 0 0 15px;
	-o-border-radius:15px 0 0 15px;
	border-radius:15px 0 0 15px;
}
.flipbook .next-button {
	background-position:-38px center;
	right:-22px;
	-webkit-border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-ms-border-radius:0 15px 15px 0;
	-o-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
}

.flipbook .previous-button-hover{background-color:rgba(0,0,0,0.2);background-image:url('../images/pc/arrows.png');}
.flipbook .next-button-hover{background-color:rgba(0,0,0,0.2);background-image:url('../images/pc/arrows.png');}
.flipbook .even .gradient {
	position:absolute;top:0;left:0;width:100%;height:100%;
	background:-webkit-gradient(linear,left top,right top,color-stop(0.95,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,0.2)));
	background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);
	background-image:-moz-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);
	background-image:-ms-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);
	background-image:-o-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);
	background-image:linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%)}
.flipbook .odd .gradient {position:absolute;top:0;left:0;width:100%;height:100%;
	background:-webkit-gradient(linear,right top,left top,color-stop(0.95,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,0.15)));
	background-image:-webkit-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);
	background-image:-moz-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);
	background-image:-ms-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);
	background-image:-o-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);
	background-image:linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%)
}



.Modal-overlay {display: table; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; background: rgba(51,51,51,0.7);}
.Modal-inner {display: table-cell; width: 100%; vertical-align: middle; padding-left: 15px; padding-right: 15px;}
.Modal-box {width: 100%; max-width: 620px; margin: 0 auto; position: relative;}
.video-container {padding-bottom: 56.25%; position: relative; background: #000;}
.video-container iframe {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.Modal-close {position: absolute; right: 0; bottom: 100%; z-index: 1; width: 40px; padding-top: 35px; font-size: 12px; text-align: center; color: #fff;}
.Modal-close:before,
.Modal-close:after {content: ''; display: block; width: 36px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -18px; margin-top: -6px;}
.Modal-close:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.Modal-close:after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}