@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
	font-family: "Noto Sans TC", '微軟正黑體', 'Helvetica', 'Arial', sans-serif !important;
}

body { background-color: #202020;}

* { box-sizing: border-box;}

img { max-width: 100%;}

p {
	font-weight: 400;
	font-size: 25px;
	line-height: 35px;
	letter-spacing: 1px;
	color: #313131;
	margin-top: 25px;
}

ol {
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #fff;
	list-style-position: inside;
	margin-top: 20px;
	margin-left: 25px;
	text-indent: -25px;
}


li { margin-top: 5px;}

table {
	width: 100%;
	border: 0px;
	border-spacing: 2px;
	font-weight: 400;
	font-size: 25px;
	line-height: 35px;
	color: #313131;
	text-align: center;
	vertical-align: middle;
	margin: 30px auto 0 auto;
	word-wrap: break-word;
	word-break: break-all;
}

table a { text-decoration: none;}

table th {
	font-size: 25px;
	line-height: 25px;
	border-radius: 10px;
	padding: 10px 20px;
	background-color: rgba(255,255,255,0.3);
}

table td {
    background-color: rgba(255,255,255,0.3);
	border-radius: 10px;
	padding: 10px 20px;
}

table td.fss {
	font-size: 20px;
	line-height: 30px;
}

.grn {
	font-weight: 600;
	color: #007130;
}

.red {
	font-weight: 600;
	color: #a40000;
}

.blu {
	font-weight: 600;
	color: #00479d;
}

.prp {
	font-weight: 600;
	color: #601986;
}

.note {
	font-size: 30px;
	line-height: 30px;
	color: #a40000;
	text-align: center;
	margin-top: 5%;
}

.wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.head {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 48.4375%;
	display: block;
	background-image: url(../images/bg-index.jpg);
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.ow {
	position: absolute;
	top: 1.1%;
	left: 0.5208%;
	width: 4.5313%;
	height: 0;
	padding-bottom: 4.1667%;
	display: block;
	background-image: url(../images/icon-OW.png);
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}

.links {
	position: absolute;
	top: 1.1%;
	right: 0.5208%;
	width: 12.5%;
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.ig, .fb, .yt {
	position: relative;
	width: 33.33%;
	height: 0;
	padding-bottom: 33.33%;
	display: block;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}

.ig { background-image: url(../images/icon-IG.png);}

.fb { background-image: url(../images/icon-FB.png);}

.yt { background-image: url(../images/icon-YT.png);}

.ow:hover, .ig:hover, .fb:hover, .yt:hover { filter: brightness(125%);}

.blockt, .blockm {
	position: absolute;
	width: 5.2083%;
	height: 0;
	padding-bottom: 15.1042%;
	bottom: 13%;
	display: block;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 2;
}

.blockt:hover, .blockm:hover { filter: brightness(125%);}

.blockt {
	left: 9.1%;
	background-image: url(../images/block-t.png);
}

.blockm {
	right: 9.1%;
	background-image: url(../images/block-m.png);
	animation-delay: 0.5s;
}

.center {
	position: absolute;
	width: 100%;
	bottom: 0;
}

.slogan {
	position: relative;
	width: 28.5417%;
	height: 0;
	padding-bottom: 8.3854%;
	display: block;
	background-image: url(../images/slogan.png);
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.download {
	position: relative;
	width: 100%;
	margin: 1% auto 0 auto;
	display: flex;
	flex-direction: row;
    justify-content: center;
    align-items: center;
	z-index: 1;
}

.appstore, .googleplay, .purple {
	width: 7.2917%;
	height: 0;
	padding-bottom: 2.5%;
	display: block;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}

.appstore { background-image: url(../images/btn-App-Store.png);}

.googleplay { background-image: url(../images/btn-Google-Play.png);}

.purple { background-image: url(../images/btn-PURPLE.png);}

.appstore:hover, .googleplay:hover, .purple:hover { filter: brightness(125%);}

.vs {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 6.7708%;
	margin: -1% auto 0 auto;
}

.vsbox {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}

.vsbg {
	position: relative;
	width: 54.1667%;
	height: 0;
	padding-bottom: 4.4271%;
	display: block;
	background-image: url(../images/bar-bg.png);
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}

.vsbar {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 1.9231%;
	display: flex;
	flex-direction: row;
    justify-content: center;
    align-items: center;
}

.bart, .barm {
	position: relative;
	height: 100%;
}

.bart {

	background-color: rgba(0, 71, 157, 0.75);
}

.barm {

	background-color: rgba(96, 25, 134, 0.75);
}

.light {
	position: relative;
	width: 2.1154%;
	height: 0;
	padding-bottom: 4.3269%;
	display: block;
	background-image: url(../images/light.png);
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0 -1.0577%;
	z-index: 1;
}

.barp {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0 8.9423%;
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.barp p {
	display: block;
	font-size: 30px;
	font-size: min(max(1.6vw, 15px), 30px);
	line-height: 45px;
	line-height: min(max(2.4vw, 22.5px), 45px);
	color: #fff;
	margin-top: 0;
}

.vsbtn {
	position: absolute;
	width: 74.1667%;
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.vsbtnt, .vsbtnm {
	width: 19.4522%;
	height: 0;
	padding-bottom: 9.1292%;
	display: block;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.vsbtnt { background-image: url(../images/btn-join-t.png);}

.vsbtnm { background-image: url(../images/btn-join-m.png);}

.vsbtnt:hover, .vsbtnm:hover { filter: brightness(125%);}

.container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: block;
	background-image: url(../images/bg.jpg);
	background-size: 100%;
	background-position: top center;
	background-repeat: repeat-y;
}

.content {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 1.5%;
}

.title01, .title02, .title03, .title04, .stitle01, .stitle02 {
	height: 0;
	display: block;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}

.title01, .title02, .title03, .title04 {
	width: 75.3%;
	padding-bottom: 8%;
}

.title02 { margin: 8% auto 0 auto;}


.title01 {
	background-image: url(../images/title-01.png);
	margin: 0 auto;
}

.title02 { background-image: url(../images/title-02.png);}

.title03 {
	margin: 8.5% auto 0 auto;
	background-image: url(../images/title-03.png);
}

.title04 {
	margin: 0 auto;
	background-image: url(../images/title-04.png);
}

.stitle01, .stitle02 {
	width: 27.3%;
	padding-bottom: 3.6%;
}

.stitle01, .stitle02 { margin-top: 5%;}

.stitle01 { background-image: url(../images/stitle-01.png);}

.stitle02 { background-image: url(../images/stitle-02.png);}

.videobox {
	position: relative;
	width: 86.2%;
	height: 0;
	padding-bottom: 53.5%;
	margin: 5% auto 0 auto;
}

.pabox {
	position: absolute;
	width: 100%;
	height: 100%;
}

.videos {
	width: 95.8237%;
	height: 0;
	padding-bottom: 53.9014%;
	margin: 1.9722% auto 0 auto;
}

.videoframe {
	position: absolute;
	width: 100%;
	height: 0;
	padding-bottom: 58.0046%;
	display: block;
	background-image: url(../images/video-frame.png);
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	top: 0;
	pointer-events: none;
}

.dfbox01, .dfbox02, .dfbox03 {
	width: 100%;
	display: flex;
	flex-direction: row;
    justify-content: space-between;
}

.dfbox01 { margin-top: 3%;}

.dfbox02 { margin-top: 2.5%;}

.dfbox03 { margin-top: 2%;}

.goods01, .goods02, .goods03, .goods04, .goods05, .goods06, .goods07 {
	height: 0;
	display: block;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}

.goods01, .goods02, .goods03 { padding-bottom: 35.5%;}

.goods01 {
	width: 42.7%;
	background-image: url(../images/goods-01.png);
}

.goods02, .goods03 { width: 27.3%;}

.goods02 { background-image: url(../images/goods-02.png);}

.goods03 { background-image: url(../images/goods-03.png);}

.goods04 {
	width: 18.6%;
	padding-bottom: 14.2%;
	background-image: url(../images/goods-04.png);
	margin-top: -6%;
}

.goods05, .goods06, .goods07 {
	width: 32.4%;
	padding-bottom: 34%;
}

.goods05 { background-image: url(../images/goods-05.png);}

.goods06 { background-image: url(../images/goods-06.png);}

.goods07 { background-image: url(../images/goods-07.png);}

.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	margin-top: 5px;
	overflow: hidden;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.notebox {
	width: 100%;
	margin-top: 5.2083%;
	background-color: rgba(0,0,0,0.25);
}

.notecontent {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 1.8229% 0 2.6042% 0;
}

/* canvas */
#particles-js canvas {
	display: block;
}

#particles-js {
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 930px;
	pointer-events: none;
}

/* 輪播 */
.slick-custom-arrow {
	width: 7.385% !important;
	height: 0 !important;
	padding-bottom: 4.3584% !important;
}

.slick-next {
	top: 50% !important;
	right: -10.5327% !important;
}

.slick-prev {
	top: 50% !important;
	left: -10.5327% !important;
}

.slick-prev:before, .slick-next:before {
	display: block !important;
	color: rgba(0, 0, 0, 0) !important;
	width: 100% !important;
	height: 0 !important;
	padding-bottom: 59.0164% !important;
	background-size: 100% !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
	opacity: 1 !important;
}

.slick-prev:before {
	background-image: url(../images/intr_left.png) !important;
}

.slick-next:before {
	background-image: url(../images/intr_right.png) !important;
}

.slick-dots {
	bottom:  -13.0751% !important;
	pointer-events: none !important;
}

.slick-dots li {
	width: 2.4213% !important;
	height: 0 !important;
	padding-bottom: 2.4213% !important;
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

.slick-dots li img:nth-child(1) {
    display: block;
}

.slick-dots li img:nth-child(2) {
    display: none;
}

.slick-dots li.slick-active img:nth-child(1) {
    display: none;
}

.slick-dots li.slick-active img:nth-child(2) {
    display: block;
}

/* 影片 */
.video-container {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 遮罩 */
.mask {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999;
}

.mask.on {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.lightboxt, .lightboxm {
	width: 100%;
	max-width: 882px;
	display: none;
}

.lightboxt.on, .lightboxm.on { display: block;}

.frametop, .frame, .framebtm {
	position: relative;
	width: 100%;
	display: block;
	background-size: 100%;
	background-position: top center;
}

.frametop, .framebtm {
	height: 0;
	padding-bottom: 5.8957%;
	background-repeat: no-repeat;
}

.frametop { background-image: url(../images/lightbox-bg-top.png);}

.frame {
	background-image: url(../images/lightbox-bg.png);
	background-repeat: repeat-y;
}

.framebtm { background-image: url(../images/lightbox-bg-btm.png);}

.close {
	position: absolute;
	width: 2.9478%;
	height: 0;
	padding-bottom: 2.9478%;
	display: block;
	background-image: url(../images/lightbox-btn-close.png);
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	right: 0;
	cursor: pointer;
	transition: all 0.1s linear;
}

.close:hover {
	transform: rotate(90deg);
	transition: all 0.1s linear;
}

.lightboxcontent {
	position: relative;
	width: 100%;
	padding: 0 52px;
	margin: 0 auto;
	z-index: 1;
}

.lightboxcontent p { color: #fff;}

.titlet, .titlem {
	width: 312px;
	height: 83px;
	margin: 0 auto;
	display: block;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}

.titlet { background-image: url(../images/lightbox-title-t.png);}

.titlem { background-image: url(../images/lightbox-title-m.png);}

.lbniputbox {
	width: 100%;
	margin-top: 12px;
}

.lbniputt, .lbnipute {
	margin: 0 auto;
	display: flex;
	flex-direction: row;
    justify-content: center;
    align-items: center;
}

.lbnipute { margin-top: 2.7902%;}

.tel, .email {
	width: 108px;
	height: 45px;
	display: block;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.tel { background-image: url(../images/lightbox-p-tel.png);}

.email { background-image: url(../images/lightbox-p-email.png);}

.input {
	width: 231px;
	height: 45px;
	padding: 10px;
	font-size: 25px;
	line-height: 25px;
	text-align: center;
}

.checklist {
	width: 100%;
	margin: 0 auto;
	padding-top: 25px;
}

.checklist2 {
	width: 100%;
	margin: 0 auto;
}

.check {
	margin-top: 25px;
	display: flex;
	flex-direction: row;
}

.check2 {
	margin-top: -25px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.checkbox {
	display: block;
	width: 23px;
	height: 33px;
	padding: 5px 0;
	cursor: pointer;
}

.check p {
	width: 87%;
	font-size: 23px;
	line-height: 33px;
	padding-left: 10px;
	margin-top: 0;
}

.pp, .ad {
	border-bottom: 1px #fff solid;
	cursor: pointer;
}

.input_block {
	margin-top: 50px;
	display: flex;
}

#validText {
	width: 160px;
	height: 40px;
	padding: 10px;
	font-size: 20px;
	line-height: 20px;
	margin-right: 10px;
}

#auth-code {
	width: 160px;
	height: 40px;
	font-size: 20px;
	margin-right: 10px;
	cursor: pointer;
}

.confirmt, .confirmm {
	width: 185px;
	height: 105px;
	display: block;
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	margin: 35px auto -15px auto;
	cursor: pointer;
}

.confirmt { background-image: url(../images/lightbox-btn-confirm-t.png);}

.confirmm { background-image: url(../images/lightbox-btn-confirm-m.png);}

.confirmt:hover, .confirmm:hover { filter: brightness(125%);}

.lightboxpp, .lightboxad, .lightboxnote {
	position: absolute;
	width: 100%;
	max-width: 500px;
	display: none;
	z-index: 1;
}

.lightboxpp.on, .lightboxad.on, .lightboxnote.on { display: block;}

.framestop, .frames, .framesbtm {
	position: relative;
	width: 100%;
	display: block;
	background-size: 100%;
	background-position: top center;
}

.framestop, .framesbtm {
	height: 0;
	padding-bottom: 5.4%;
	background-repeat: no-repeat;
}

.framestop { background-image: url(../images/lightbox-sbg-top.png);}

.frames {
	background-image: url(../images/lightbox-sbg.png);
	background-repeat: repeat-y;
}

.framesbtm { background-image: url(../images/lightbox-sbg-btm.png);}

.closes {
	position: absolute;
	width: 5.2%;
	height: 0;
	padding-bottom: 5.2%;
	display: block;
	background-image: url(../images/lightbox-btn-close.png);
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	right: 0;
	cursor: pointer;
	transition: all 0.1s linear;
}

.closes:hover {
	transform: rotate(90deg);
	transition: all 0.1s linear;
}

.lightboxcontents {
	position: relative;
	width: 100%;
	padding: 25px 52px;
	margin: 0 auto;
	z-index: 1;
}

.lightboxcontents p {
	font-size: 13px;
	line-height: 23px;
	color: #fff;
}

.lightboxcontents a {
	color: #fff;
	text-decoration: none;
}

.lightboxcontents .titles {
	font-size: 20px;
	line-height: 20px;
	font-weight: 600;
	margin-top: 0;
}

hr {
	display: block;
	width: 100%;
	height: 1px;
	margin: 20px 0;
	background-color: #fff;
}

.lightboxnote p {
	font-size: 20px;
	line-height: 30px;
	margin-top: 0;
	text-align: center;
}

footer {
	width: 100%;
	background-color: #202020;
	margin: 0 auto;
}

footer p {
	font-size: 15px;
    line-height: 20px;
	color: #d2d2d2;
	margin-top: 0;
}

.footer {
	width: 100%;
	max-width: 1000px;
	padding: 25px 0;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
    align-items: center;
}

.fbox {
	margin: 0 auto;
	display: flex;
	flex-direction: row;
    justify-content: center;
    align-items: center;
}

.cr15{
	width: 54px;
	height: 54px;
	display: block;
	background-image: url(../images/cr15.png);
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.fboxp { width: 86%;}

.footerp { margin-top: 25px;}

.nclogo {
	position: relative;
	width: 52px;
	height: 27px;
	display: block;
	background-image: url(../images/logo-NC.png);
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 25px;
}

@media screen and (max-width:1440px) {}

@media screen and (max-width:1366px) {}

@media screen and (max-width:1024px) {
	.content {
		max-width: 1024px;
		padding: 0 2.4414%;
	}

	.notecontent {
		max-width: 1024px;
		padding: 1.8229% 2.4414% 2.6042% 2.4414%;
	}
}

@media screen and (max-width:960px) {
	#particles-js { min-height: 1707px;}

	.head {
		padding-bottom: 177.8125%;
		background-image: url(../images/bg-index-m.jpg);
	}

	.ow {
		top: 0.5%;
		left: 1%;
		width: 9.0625%;
		padding-bottom: 8.3333%;
	}

	.links {
		top: 0.5%;
		right: 1%;
		width: 25%;
	}

	.blockt, .blockm {
		width: 10.4167%;
		padding-bottom: 30.2083%;
		bottom: 15.5%;
	}

	.blockt { left: 2.1%;}

	.blockm { right: 2.1%;}

	.center { bottom: 5.5%;}

	.slogan {
		width: 57.0833%;
		padding-bottom: 16.7708%;
	}

	.download { margin: 4.7% auto 4.8% auto;}

	.appstore, .googleplay, .purple {
		width: 17.6042%;
		padding-bottom: 5.8333%;
	}

	.vs {
		padding-bottom: 6.7708%;
		margin: -1% auto 0 auto;
	}

	.vsbg {
		width: 57.9167%;
		padding-bottom: 8.8542%;
		background-image: url(../images/bar-bg-m.png);
	}

	.vsbar { padding: 3.5971%;}

	.light {
		width: 3.777%;
		padding-bottom: 8.0935%;
		margin: 0 -1.8885%;
	}

	.barp { padding: 0 15%;}

	.barp p {
		font-size: min(max(3.1vw, 15px), 30px);
		line-height: min(max(4.6vw, 22.5px), 45px);
	}

	.vsbtn { width: 97.9167%;}

	.vsbtnt, .vsbtnm {
		width: 29.4681%;
		padding-bottom: 13.8298%;
	}

	.container { background-image: url(../images/bg-m.jpg);}

	.title01, .title02, .title03, .title04 {
		width: 78.4375%;
		padding-bottom: 8.3333%;
	}

	.stitle01, .stitle02 {
		width: 28.4375%;
		padding-bottom: 3.75%;
	}

	.lightboxt, .lightboxm {
		max-width: 960px;
		padding: 2.6042%;
	}
}

@media screen and (max-width:480px) {
	p {
		font-size: 18px;
		line-height: 28px;
		margin-top: 5px;
	}

	ol {
		font-size: 18px;
		line-height: 23px;
		margin-top: 5px;
		margin-left: 23px;
		text-indent: -23px;
	}

	table {
		font-size: 18px;
		line-height: 28px;
	}

	table th {
		font-size: 18px;
		line-height: 28px;
		padding: 10px 10px;
	}

	table td { padding: 10px 10px;}

	table td.fss {
		font-size: 15px;
		line-height: 25px;
	}

	.note {
		font-size: 22px;
		line-height: 22px;
	}

	.title01, .title02, .title03, .title04 {
		width: 100%;
		padding-bottom: 10.6242%;
	}

	.stitle01, .stitle02 {
		width: 36.255%;
		padding-bottom: 4.7809%;
	}

	.dfbox01, .dfbox02, .dfbox03 {
		flex-direction: column;
        align-items: center;
	}

	.goods01, .goods02, .goods03 { padding-bottom: 73.9583%;}

	.goods01 { width: 88.9583%;}

	.goods02, .goods03 {
		width: 56.875%;
		margin-top: 15px;
	}

	.goods04 {
		width: 38.75%;
		padding-bottom: 29.5833%;
		margin-top: 1.0417%;
	}

	.goods05, .goods06, .goods07 {
		width: 67.5%;
		padding-bottom: 70.8333%;
	}

	.goods06, .goods07 { margin-top: 10px;}

	.lightboxt, .lightboxm { width: 95%;}

	.frametop, .framebtm { padding-bottom: 11.4537%;}

	.frametop { background-image: url(../images/lightbox-bg-top-m.png);}

	.frame { background-image: url(../images/lightbox-bg-m.png);}

	.framebtm { background-image: url(../images/lightbox-bg-btm-m.png);}

	.close {
		width: 5.7269%;
		padding-bottom: 5.7269%;
	}

	.titlet, .titlem {
		width: 89.1429%;
		height: 0;
		padding-bottom: 23.7143%;
	}

	.lbniputt, .lbnipute { flex-direction: column;}

	.tel, .email {
		width: 30.8571%;
		height: 0;
		padding-bottom: 12.8571%;
	}

	.input {
		height: 33px;
		font-size: 23px;
		line-height: 23px;
	}

	.checklist { padding-top: 15px;}

	.check { margin-top: 10px;}

	.checkbox {
		width: 20px;
		height: 30px;
		padding-top: 7px;
	}

	.check p {
		width: 87%;
		font-size: 18px;
		line-height: 28px;
	}

	.input_block { margin-top: 25px;}

	#validText {
		width: 112px;
		height: 28px;
		font-size: 18px;
		line-height: 18px;
	}

	#auth-code {
		width: 112px;
		height: 28px;
		font-size: 18px;
	}

	.confirmt, .confirmm {
		width: 52.8571%;
		height: 0;
		padding-bottom: 30%;
		margin: 15px auto -15px auto;
	}

	.lightboxpp, .lightboxad, .lightboxnote { width: 73.75%;}

	.framestop, .framesbtm { padding-bottom: 7.59%;}

	.framestop { background-image: url(../images/lightbox-sbg-top-m.png);}

	.frames { background-image: url(../images/lightbox-sbg-m.png);}

	.framesbtm { background-image: url(../images/lightbox-sbg-btm-m.png);}

	.closes {
		width: 7.3446%;
		padding-bottom: 7.3446%;
	}

	.lightboxcontents {
		width: 100%;
		padding: 0 27px;
	}

	.lightboxcontents .titles {
		font-size: 18px;
		line-height: 18px;
	}

	hr { margin: 15px 0;}

	.lightboxcontents p {
		font-size: 13px;
		line-height: 18px;
	}

	.lightboxnote p {
		font-size: 18px;
		line-height: 23px;
	}

	.footer { padding: 12.5px;}

	img.captcha {
		cursor: pointer !important;
	}
	input.error {
		border: 2px solid red;
	}

	input.success {
		border: 2px solid #4CAF50;
	}

	.check.error {
		outline: 2px solid red;
		border-radius: 4px;
	}

	.check.success {
		outline: 2px solid #4CAF50;
		border-radius: 4px;
	}

	.error-msg {
		font-size: 0.9em;
		color: red;
		margin-top: 4px;
		display: block;
	}
}