html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
 noFocusline: expression(this.onFocus=this.blur());
	outline: 0;
}
a:hover {
	text-decoration: none;
}
a:focus {
	-moz-outline-style: none;
}
/*img*/
img {
	max-width: 100%;
 width: expression(document.body.clientWidth>100?"100%":"auto");
	overflow: hidden;
}
 @keyframes arrow {
 0% {
 transform: translateX(0px);
 opacity: 0;
}
 100% {
 transform: translateX(10px);
 opacity: 1;
}
}
 @keyframes arrowY {
 0% {
 transform: translateY(0px) rotate(90deg);
 opacity: 0;
}
 100% {
 transform: translateY(10px) rotate(90deg);
 opacity: 1;
}
}
 @keyframes colorful {
 0% {
 -webkit-filter: hue-rotate(0deg);
 filter: hue-rotate(0deg);
}
 100% {
 -webkit-filter: hue-rotate(360deg);
 filter: hue-rotate(360deg);
}
}
 @keyframes color {
 from {
 -webkit-filter: hue-rotate(0deg);
 filter: hue-rotate(0deg);
}
 to {
 -webkit-filter: hue-rotate(359deg);
 filter: hue-rotate(359deg);
}
}
* {
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	box-sizing: border-box;
}
/*   happy monkey   */
@font-face {
	font-family: 'Dosis-Medium';
	src: url('https://storage-asset.msi.com/event/vga/2019/gnp/fonts/Dosis-Medium.ttf') format('truetype');
}
/*   happy monkey   */
@font-face {
	font-family: 'HappyMonkey-Regular';
	src: url('https://storage-asset.msi.com/event/vga/2019/gnp/fonts/HappyMonkey-Regular.ttf') format('truetype');
}
/*----landing page-----*/
html *, html *:before, html *:after {
	box-sizing: border-box;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
body {
	color: #fff;
	background: url(https://storage-asset.msi.com/event/vga/2019/gnp/images/bg.jpg)no-repeat fixed;
	overflow-x: hidden;
}
#gnp {
	padding: 0;
	font-family: "DINPro-Regular";
	overflow: hidden;
	position: relative;
}
#gnp .kv {
	position: relative;
}
.ktext {
	text-align: center;
	width: 85%;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10%;
	font-family: "Dosis-Medium", sans-serif;
}
.ktext b {
	font-size: 5.5em;
	color: #fee;
	text-shadow: 0 -40px 100px, 0 0 2px, 0 0 1em #ff4444, 0 0 0.5em #ff4444, 0 0 0.1em #ff4444, 0 10px 3px #000;
}
.ktext b span {
	animation: blink linear infinite 2s;
}
@keyframes blink {
 78% {
 color: inherit;
 text-shadow: inherit;
}
 79% {
 color: #333;
}
 80% {
 text-shadow: none;
}
 81% {
 color: inherit;
 text-shadow: inherit;
}
 82% {
 color: #333;
 text-shadow: none;
}
 83% {
 color: inherit;
 text-shadow: inherit;
}
 92% {
 color: #333;
 text-shadow: none;
}
 92.5% {
 color: inherit;
 text-shadow: inherit;
}
}
#gnp h1 {
	font-size: 2.8em;
	padding-bottom: 50px;
}
#gnp .kv h1 {
	position: absolute;
	bottom: 0px;
	right: 0;
	left: 0;
	z-index: 99;
}
#gnp .b02 {
	padding-top: 3%;
	line-height: 40px;
}
#gnp .b02 .title {
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: normal;
}
#gnp .b02 .time p {
	font-size: 1.8em;
	padding: 10px 0px;
	color: #00aaed !important;
	font-weight: bold;
}
#gnp .b02 .time {
	font-size: 1.5em !important;
	color: #00aaed;
	margin-top: 10px;
}
#gnp .b02 .price {
	border-top: 2px dotted rgba(255, 66, 59, 1);
	padding: 2px 10px;
	display: inline-block;
	background: rgba(0,0,0,.3);
	border-bottom: 2px dotted rgba(255, 66, 59, 1);
	color: #fff;
	margin-top: 80px;
	padding-top: 15px;
	text-align: center;
}
#gnp h2 {
	color: #fee;
	font-size: 3em;
	display: block;
	padding: 15px 0;
}
#gnp .b03 h2 {
	padding-bottom: 50px;
}
#gnp .b02 .price ul li {
	line-height: 1.8;
	font-size: 1.2em;
}
/*h1 glow*/
.neon {
	font-family: "Dosis-Medium", sans-serif;
	display: inline-block;
	color: rgb(255, 181, 218);
	text-align: center;
	text-shadow: 0px 1px 2px rgba(255, 66, 159, 1), 0px -1px 2px rgba(255, 66, 159, 1), 1px 0px 2px rgba(255, 66, 159, 1), -1px 0px 2px rgba(255, 66, 159, 1), 1px 1px 2px rgba(255, 66, 159, 1), -1px -1px 2px rgba(255, 66, 159, 1), 1px -1px 2px rgba(255, 66, 159, 1), -1px 1px 2px rgba(255, 66, 159, 1), 0px 0px 10px rgba(255, 66, 159, 0.9), 0px 0px 20px rgba(255, 66, 159, 0.8), 0px 0px 30px rgba(255, 66, 159, 0.7), 0px 0px 40px rgba(255, 66, 159, 0.6), 0px 0px 50px rgba(255, 66, 159, 0.5), 0px 0px 60px rgba(255, 66, 159, 0.4), 0px 0px 70px rgba(255, 66, 159, 0.3);
	-webkit-animation: flickerAnimation 4s infinite;
	animation: flickerAnimation 1s infinite;
	text-transform: uppercase;
}
.neon_red {
	font-family: "Dosis-Medium", sans-serif;
	display: inline-block;
	color: #fff;
	text-align: center;
	text-shadow: 0px 1px 2px rgba(255, 66, 59, 1), 0px -1px 2px rgba(255, 66, 59, 1), 1px 0px 2px rgba(255, 66, 59, 1), -1px 0px 2px rgba(255, 66, 59, 1), 1px 1px 2px rgba(255, 66, 59, 1), -1px -1px 2px rgba(255, 66, 59, 1), 1px -1px 2px rgba(255, 66, 59, 1), -1px 1px 2px rgba(255, 66, 159, 1), 0px 0px 10px rgba(255, 66, 59, 0.9), 0px 0px 20px rgba(255, 66, 59, 0.8), 0px 0px 30px rgba(255, 66, 59, 0.7), 0px 0px 40px rgba(255, 66, 59, 0.6), 0px 0px 50px rgba(255, 66, 59, 0.5), 0px 0px 60px rgba(255, 66, 59, 0.4), 0px 0px 70px rgba(255, 66, 59, 0.3);
	-webkit-animation: flickerAnimation 4s infinite;
	animation: flickerAnimation 1s infinite;
	text-transform: uppercase;
}
 @-webkit-keyframes flickerAnimation {
 0% {
 opacity: 1;
}
 31.8% {
 opacity: 0.9;
}
 32% {
 opacity: 0;
}
 32.2% {
 opacity: 0.9;
}
 94.6% {
 opacity: 1;
}
 95% {
 opacity: 0;
}
 95.4% {
 opacity: 0.9;
}
 100% {
 opacity: 1;
}
}
 @keyframes flickerAnimation {
 0% {
 opacity: 1;
}
 31.8% {
 opacity: 0.9;
}
 32% {
 opacity: 0;
}
 32.2% {
 opacity: 0.9;
}
 94.6% {
 opacity: 1;
}
 95% {
 opacity: 0;
}
 95.4% {
 opacity: 0.9;
}
 100% {
 opacity: 1;
}
}
#gnp .b03 {
	padding: 3% 0px 10%;
	background: url(https://storage-asset.msi.com/event/vga/2019/gnp/images/bg_5.png) center no-repeat;
	border-top: 0px dotted #5b0081;
	border-bottom: 0px dotted #5b0081;
	background-position: 0% 75%;
}
#gnp .b03 .redeem {
	background: rgba(59,0,116,.0);
	border-radius: 2em;
	border: 0px double rgba(215, 60, 139, .5);
	box-shadow: 0 0 0px rgba(255, 66, 159, .4);
	transition: all 0.5s ease;
	display: inline-block;
	padding: 1%;
	width: 100%;
}
#gnp .b03 .redeem .box {
	width: 25%;
	margin: 0 auto;
	padding: 0 5%;
}
#gnp .b03 .redeem .box_w {
	display: table-cell;
}
#gnp .b03 .redeem .box_w .round {
	padding: 40px;
	width: 10em;
	height: 10em;
	border-radius: 99em;
	border: 3px solid #00aced;
	box-shadow: 0 0 15px #00aced;
	transition: all 0.5s ease;
	background: rgba(0,0,0,0.3);
	margin-bottom: 1em;
}
#gnp .b03 .redeem .box_w p {
	margin: 0 auto;
	line-height: 1.5em;
	text-decoration: none;
	font-size: 18px;
	letter-spacing: 1px;
	font-family: "DINPro-Light";
}
#gnp .b03 .redeem .box_w i {
	font-size: 3em;
}
#gnp .b03 .redeem .box_w .fa-x {
	margin-top: 1.8em;
	color: rgba(67, 170, 230, 1);
	font-size: 2em !important;
}
#gnp .b03 .start button {
	border: 0px;
	background: none;
	text-transform: uppercase;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-top: 10px;
	font-size: 1em;
	color: #fff;
	-webkit-transition: all .15s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	outline: none;
}
#gnp .b03 .start {
	text-align: center;
	display: block;
}
#gnp .b03 .start a {
	font-family: "Dosis-Medium", sans-serif;
	cursor: pointer;
	padding-top: 50px;
	font-size: 2em;
	color: #fff;
	padding: 10px 50px;
	border: 2px solid rgba(255,180,0,1.00);
	border-radius: 5px;
	box-shadow: 0 0 0.5rem #ed6500, inset 0 0 0.5rem #ed6500, 0 0 2rem #ed9700, inset 0 0 2rem #ed9700, 0 0 4rem rgba(255, 66, 59, 1), inset 0 0 4rem rgba(255, 66, 59, 1), inset 0 0 4rem rgba(255, 0, 0, 1);
	-webkit-animation: flickerAnimation 1s ease-in-out infinite alternate;
	animation: flickerAnimation 1s ease-in-out infinite alternate;
	background: rgba(0, 0, 0, .3);
}
#gnp .b03 .start a:hover {
	background-color: rgba(151,0,2,1.00);
	color: #fff;
	text-shadow: 0 0 0.5rem #ed6500;
	box-shadow: 0 0 0.5rem rgba(255, 66, 59, .5), inset 0 0 0.5rem rgba(255, 66, 59, .5), 0 0 2rem rgba(255, 66, 59, .5), inset 0 0 2rem #f00, 0 0 4rem rgba(255, 66, 59, 1);
	border: 2px solid #f00;
}
#gnp .hrs {	font-size: 11vw; color: scale-color($clr2, $lightness: 80%);
 text-shadow:
 0 0 0 transparent,       /*0 5px 10px rgba(scale-color($clr2, $lightness: -80%),1),*/ 0 0 10px $clr2, 0 0 20px rgba($clr2, .5), 0 0 40px rgba($clr2, 1), 0 0 100px rgba($clr2, 1), 0 0 200px rgba($clr2, 1), 0 0 300px rgba($clr2, 1), 0 0 500px rgba($clr2, 1);
	animation: buzz 0.01s infinite alternate;
}
 @keyframes buzz {
 70% {
opacity: 0.80;
}
}
@keyframes blink {
 40% {
opacity: 1;
}
 42% {
opacity: 0.8;
}
 43% {
opacity: 1;
}
 45% {
opacity: 0.2;
}
 46% {
opacity: 1;
}
}
#gnp .qu {
	padding:0px;
	text-align: center;
}
#gnp .qu .qubox_bg {
	background: url(https://storage-asset.msi.com/event/vga/2019/gnp/images/bg_4.jpg)!important;
	background-size: cover;
}
#gnp .qu .qubox {
	background: rgba(19,10,1996,.1);
	border-radius: 2em;
	border: 10px double rgba(0, 60, 139, .5);
	box-shadow: 0 0 25px rgba(0,80,237,.3);
	transition: all 0.5s ease;
	display: inline-block;
	padding: 5%;
	text-align: left;
	width: 80%;
}
.neon_blue {
	font-family: "Dosis-Medium", sans-serif;
	color: rgb(143, 226, 255);
	text-shadow: 0px 1px 2px rgba(67, 170, 230, 1), 0px -1px 2px rgba(67, 170, 230, 1), 1px 0px 2px rgba(67, 170, 230, 1), -1px 0px 2px rgba(255, 66, 159, 1), 1px 1px 2px rgba(67, 170, 230, 1), -1px -1px 2px rgba(67, 170, 230, 1), 1px -1px 2px rgba(67, 170, 230, 1), -1px 1px 2px rgba(67, 170, 230, 1), 0px 0px 10px rgba(67, 170, 230, 0.9), 0px 0px 20px rgba(67, 170, 230, 0.8), 0px 0px 30px rgba(67, 170, 230, 0.7), 0px 0px 40px rgba(67, 170, 230, 0.6), 0px 0px 50px rgba(67, 170, 230, 0.5), 0px 0px 60px rgba(67, 170, 230, 0.4), 0px 0px 70px rgba(67, 170, 230, 0.3);
	-webkit-animation: flickerAnimation_blue 1.5s ease-in-out infinite alternate;
	-moz-animation: flickerAnimation_blue 1.5s ease-in-out infinite alternate;
	animation: flickerAnimation_blue 1.5s ease-in-out infinite alternate;
}
 @-webkit-keyframes flickerAnimation_blue {
from {
 text-shadow: 0 0 10px rgba(67, 170, 230, 1), 0 0 20px rgba(67, 170, 230, 1), 0 0 30px rgba(67, 170, 230, 1), 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
}
 to {
 text-shadow: 0 0 5px rgba(67, 170, 230, 1), 0 0 10px rgba(67, 170, 230, 1), 0 0 15px rgba(67, 170, 230, 1), 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
}
}
#gnp .qu h2 {
	font-size: 2.5em;
	font-family: "Dosis-Medium", sans-serif;
	color: #00aaed !important;
	padding-bottom: 15px;
}
#question2, #question3, #question4, #question5 {
	display: none;
}
#gnp .optsty li {
	padding-bottom: 5px;
}
#gnp .optsty_b {
	display: inline-flex;
}
#gnp li {
	line-height: 30px;
}
#gnp .optsty label {
	position: relative;
	cursor: pointer;
	padding-right: 15px;
	color: #8ee1ff;
	font-size: 130%;
}
#gnp .optsty label a {
	color: #000;
}
#gnp .optsty label a:hover {
	text-decoration: underline;
}
#gnp .optsty input[type="checkbox"] + .label-text:before {
	width: 18px;
	height: 19px;
	display: inline-block;
	margin-right: 5px;
	content: "";
	background: url(https://storage-asset.msi.com/event/vga/2019/gnp/images/icon.png) center center no-repeat;
	background-size: cover;
}
#gnp .optsty input[type="checkbox"]:checked + .label-text:before {
	background: url(https://storage-asset.msi.com/event/vga/2019/gnp/images/icon-on.png) center center no-repeat;
	background-size: cover;
	-webkit-animation: effect 250ms ease-in;
	animation: effect 250ms ease-in;
}
#gnp .optsty input[type="checkbox"]:disabled + .label-text {
	background: url(https://storage-asset.msi.com/event/vga/2019/gnp/images/icon.png) center center no-repeat;
	background-size: cover;
}
#gnp .optsty input[type="checkbox"]:disabled + .label-text:before {
	background: url(https://storage-asset.msi.com/event/vga/2019/gnp/images/icon.png) center center no-repeat;
	background-size: cover;
}
#gnp .optsty input[type="checkbox"], #gnp .optsty input[type="radio"] {
	position: absolute;
	right: 9000px;
}
#gnp .optsty input[type="radio"] + .label-text:before {
	width: 18px;
	height: 19px;
	display: inline-block;
	margin-right: 5px;
	content: "";
	background: url(https://storage-asset.msi.com/event/vga/2019/gnp/images/icon.png) center center no-repeat;
	background-size: cover;
}
#gnp .optsty input[type="radio"]:checked + .label-text:before {
	background: url(https://storage-asset.msi.com/event/vga/2019/gnp/images/icon-on.png) center center no-repeat;
	background-size: cover;
	-webkit-animation: effect 250ms ease-in;
	animation: effect 250ms ease-in;
}
#gnp .optsty input[type="radio"]:disabled + .label-text {
	background: url(https://storage-asset.msi.com/event/vga/2019/gnp/images/icon.png) center center no-repeat;
	background-size: cover;
}
#gnp .optsty input[type="radio"]:disabled + .label-text:before {
	background: url(https://storage-asset.msi.com/event/vga/2019/gnp/images/icon.png) center center no-repeat;
	background-size: cover;
}
#gnp .item .title {
	color: #00aaed !important;
	padding-bottom: 10px;
	font-size: 1.6em;
}
#gnp .item {
	padding: 20px 0;
}
#gnp .item input[type="text"], #gnp .item .field input[type="email"] {
	border: none;
	width: 100%;
	background: rgba(205,250,255,.1);
	border-radius: 2px;
	padding: 8px 5px;
	font-size: 135%;
	color: #8ee1ff;
}
#gnp .item select {
	color: #8ee1ff;
	font-size: 135%;
	width: 100%;
	padding: 5px;
	background: rgba(205,250,255,.1);
	border: none;
}
#gnp .item select:focus {
	background: #4F2A56;
	border: #300 0px solid;
	outline: #300 0px solid;
}
#gnp .qu .qubox .qitem .note {
	padding-top: 30px;
	line-height: 26px;
	font-size: 18px;
	color: #8ee1ff;
}
#gnp .qu .qubox .qitem .note a {
	color: rgba(255, 66, 59, 1);
	cursor: pointer;
}
#gnp .b05 h1 {
	color: #fff;
	text-align: center;
	padding-bottom: 20px !important;
}
#gnp .b05 p.choose {
	color: #fff;
	font-size: 2em;
	text-align: center;
	margin: 0px;
}
#gnp .b05 .share {
	margin: 50px 0px;
}
#gnp .b05 .share a {
	color: #F00;
	border-radius: 50px;
	padding: 20px;
	border-radius: 30px;
	padding: 10px;
	border: 3px solid #F00;
}
#gnp .b05 .share a:hover {
	color: #000;
	border: 3px solid #000;
}
#gnp .b05 .info {
	padding-top: 30px;
	border-bottom: 2px dotted rgba(255, 66, 159, 1);
	padding-bottom: 50px;
}
#gnp .b05 .info ul li {
	list-style: circle!important;
	margin-left: 25px;
	font-size: 18px;
}
#gnp .b05 .pdinfo {
	padding-top: 30px;
	display: table-row;
}
#gnp .b05 .pdinfo_bgintro {
	background: url(https://storage-asset.msi.com/event/vga/2018/GeForce-RTX-20-Series-Intro/images/bg-trio.jpg);
	background-size: cover;
}
#gnp .b05 .pdinfo_bgduke {
	background: url(https://storage-asset.msi.com/event/vga/2018/GeForce-RTX-20-Series-Intro/images/bg-duke.jpg);
	background-size: cover;
}
#gnp .b05 .pdinfo_bgarmor {
	background: url(https://storage-asset.msi.com/event/vga/2018/GeForce-RTX-20-Series-Intro/images/bg-armor.jpg);
	background-size: cover;
}
#gnp .b05 .pdinfo_bgventus {
	background: url(https://storage-asset.msi.com/event/vga/2018/GeForce-RTX-20-Series-Intro/images/bg-ventus.jpg);
	background-size: cover;
}
#gnp .b05 .pdinfo .nvlogo {
	float: right;
	padding: 5px 0px 15px;
	margin-top: -20px;
}
#gnp .b05 .pdinfo .cell {
	display: table-cell;
	vertical-align: middle;
	padding: 15px;
}
#gnp .b05 .pdinfo .cell_pd {
	padding: 4%;
}
#gnp #sharebar {
	margin-top: 30px;
}
#gnp #sharebar p {
	color: rgb(143, 226, 255);
	text-align: center;
	font-size: 170%;
	line-height: 1.5;
}
#gnp #sharebar p strong {
	color: #fff;
	text-shadow: 0 0 15px #f50135, 0 0 15px #f50135;
}
#gnp #sharebar p.t2 {
	color: #9E9E9E;
	float: right;
	font-size: 100%;
}
#gnp #sharebar li {
	cursor: pointer;
	border: 2px solid #0070cf;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 10px;
	font-size: 16px;
	border-radius: 6px;
	background: rgba(0,0,0,.4);
	font-size: 1em;
	-webkit-transition: all .15s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	outline: none;
}
#gnp #sharebar li:hover {
	box-shadow: 0 0 15px rgba(67, 170, 255, .9);
	background: rgba(67, 170, 230, .2);
}
#gnp #sharebar a {
	color: #fff;
	display: inline-block!important;
	width: 100%;
	font-size: 3em;
}
#gnp #sharebar ul {
	width: 100%;
	display: flex;
	padding-top: 10px;
}
#gnp #sharebar ul li {
	display: inline;
	width: calc(100% / 3 - 0px);
	text-align: center;
	margin: 5px;
}
#gnp .download {
	position: relative;
	max-width: 960px;
}
#gnp .download .box {
	position: absolute;
	z-index: 99;
	left: 0;
	right: 0;
	text-align: center;
	padding: 5%;
	line-height: normal;
}
#gnp .download .box p {
	color: #fff;
	font-size: 1.3em;
}
#gnp .download .box p b {
	font-weight: bold;
	font-family: "Dosis-Medium", sans-serif;
	display: inline-block;
	color: #fff;
	text-align: center;
	text-shadow: 0px 1px 2px rgba(255, 66, 66, 1), 0px -1px 2px rgba(255, 66, 66, 1), 1px 0px 2px rgba(255, 66, 66, 1), -1px 0px 2px rgba(255, 66, 59, 1), 1px 1px 2px rgba(255, 66, 59, 1), -1px -1px 2px rgba(255, 66, 59, 1), 1px -1px 2px rgba(255, 66, 59, 1), -1px 1px 2px rgba(255, 66, 59, 1), 0px 0px 10px rgba(255, 66, 59, 0.9), 0px 0px 20px rgba(255, 66, 59, 0.8), 0px 0px 30px rgba(255, 66, 59, 0.7), 0px 0px 40px rgba(255, 66, 59, 0.6), 0px 0px 50px rgba(255, 66, 59, 0.5), 0px 0px 60px rgba(255, 66, 59, 0.4), 0px 0px 70px rgba(255, 66, 59, 0.3);
}
#gnp .download .box p.t1, #gnp .download .box p b.t1 {
	display: block;
	font-size: 200%;
	line-height: 1.1;
	padding-bottom: 8px;
	text-transform: uppercase;
}
/*.modal*/
.modal-dialog {
	width: 70%;
	margin: 0 15%;
}
.modal-content {
	background: #000 !important;
	border-radius: 15px !important;
	border: #dd0049 4px double !important;
	font-family: "DINPro-Light", "DINPro", "PTSansNarrowRegular", "Arial Unicode MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	width: 100% !important;
	max-width: 1000px !important;
	margin: 0 auto;
	padding: 2%;
	line-height: 1.8rem;
}
.modal-content a {
	color: #dd0049;
	font-weight: bold;
	border-bottom: #dd0049 1px dashed;
	opacity: 1;
}
.modal-content a:hover {
	opacity: .85;
}
.modal-header {
	border-bottom: none !important;
	color: #dd0049;
	font-family: "DINCond-Bold", "Noto Sans", "Sunflower", "Sawarabi Mincho", "Trirong", "DINPro", "PTSansNarrowRegular", "Arial Unicode MS", Arial, Helvetica, sans-serif;
}
.modal-title {
	font-size: 30px;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
	border-bottom: #dd0049 2px solid;
}
.modal-body {
	text-align: left;
}
.modal-body hr {
	display: none;
}
.modal-body p {
	padding-bottom: 20px;
}
.modal-body ul {
	margin-left: 20px;
	padding-bottom: 20px;
}
.modal-body ul li {
	padding-bottom: 10px;
	list-style: square;
}
.modal-body ul li strong {
	color: #dd0049;
	font-weight: bolder;
}
.modal-body ol {
	margin-left: 20px;
	padding-top: 10px;
}
.modal-body ol li {
	list-style: disc;
}

.modal-body .subtitle {
	font-family: "DINCond-Bold", "Noto Sans", "Sunflower", "Sawarabi Mincho", "Trirong", "DINPro", "PTSansNarrowRegular", "Arial Unicode MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	color: #dd0049;
	text-align: center;
	border-bottom: #999 1px dashed;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.modal-body .subtitle p {
	color: #ddd;
	padding: 0;
	margin: 0;
	padding-bottom: 20px;
}
.modal-body .subtitle a {
	border-bottom: #f00 1px dashed;
}
 .modal-body .subtitle a:hover, .modal-body .subtitle a: .modal-footer {
 border-top: #333 1px solid;
}
.modal-body .type-number li {
	list-style: decimal;
}
.modal-body .type-dic li {
	list-style: disc;
}
.modal-footer button {
	border: #dd0049 1px solid;
	background: none;
	color: #dd0049;
	text-transform: uppercase;
	padding: 5px 15px;
	margin: 0 5px;
	cursor: pointer;
	-webkit-transition: 0.5s all ease-in 0.1s;
	-o-transition: 0.5s all ease-in 0.1s;
	transition: 0.5s all ease-in 0.1s;
	outline: none;
}
.modal-footer button:hover {
	background: #dd0049;
	border: #dd0049 1px solid;
	color: #fff;
}
.close {
	background: #dd0049 !important;
	position: absolute;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	right: 15px;
	z-index: 10;
	top: 15px;
	display: inline-block !important;
	text-align: center;
	border: none;
	opacity: 1;
	color: #fff;
	border: #dd0049 2px solid;
	opacity: 1 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
.close:focus, .close:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	background: #dd0049 !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: #dd0049 2px solid;
	text-shadow: none;
}
button.close {
	-webkit-appearance: none;
	cursor: pointer;
}

@media screen and (max-width:1680px) {
#gnp .qu .qubox {
	width: 96%;
}
}

@media screen and (max-width:1366px) {
.ktext {
	width: 90%;
	bottom: 5%;
}
.ktext b {
	font-size: 3.5em;
}
#gnp .qu .qubox {
	width: 96%;
}
#gnp .b03 .redeem .box {
	padding: 0px!important;
	width: 2% !important;
	
}
#gnp .qu .qubox .container {
	width: 100%;
}
}

@media screen and (max-width:1024px) {
.ktext {
	width: 94%;
	bottom: 5%;
}
#gnp .b03 .redeem {
	padding: 0px;
}
#gnp .qu .qubox .container {
	width: 100%;
}
}

@media screen and (max-width: 768px) {
.ktext {
	width: 85%;
	bottom: 2%;
}
.ktext b {
	font-size: 3em;
}
#gnp #b04 .start p {
	font-size: 3rem;
}
#gnp .b03 .redeem .box {
	padding: 0px!important;
	width: 60%!important;
}
#gnp .b02 .title, #gnp .b02 .time {
	font-size: 1.5em;
	line-height: normal;
}
#gnp .b02 .time p {
	font-size: 1em;
	font-weight: bold;
}
#gnp .b02 .price h2, #gnp .qu h2 {
	font-size: 1.5em;
}
#gnp .b03 .redeem .box_w {
	display: block;
	width: 100%;
	padding: 0 25%;
}
#gnp .b02 .price ul li {
	font-size: 0.8em;
	padding-left: 5px;
}
#gnp .b03 .redeem .box_w .round {
	width: 100%;
}
#gnp .b03 .redeem .box_w .fa-x {
	margin: 4px 0px;
	transform: rotate(90deg);
}


#gnp .qu .qubox {
	width: 98%;
}
#gnp .item .title {
	font-size: 1.2em;
	line-height: normal;
}
#gnp .optsty_b {
	display: block;
}
#gnp .optsty label {
	font-size: 115%;
}
#gnp .qu .qubox .container {
	padding: 0px;
}
}