*, *:before, *:after {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
body{line-height:1.5;font-family:sans-serif;font-size:16px;color:#fff;
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 54%, rgba(0,212,255,1) 100%); 
}
.outerbox {
	display: flex;
	box-sizing: border-box;
	justify-content:center;
	flex-direction:row;
	flex-wrap:wrap;
}

.innerbox {
	display: flex;
	flex-direction: column;
	margin:10px;
	padding: 10px 10px 10px;
	justify-content: space-between;
	box-sizing: border-box;
	width:360px;
	background-color:#aaaaaa;
	border-radius:10px;
	box-shadow: 5px 5px 5px #888888;
}
.innerbox form { text-align:center; }
.innerbox textarea { width:340px;height:120px; }

.hidden { opacity:0.5; }

.imgitem {
	height: 312px;
	width:340px;
	margin-top: 0;
	margin-bottom: 0;
}

h5 { color:#ffffff; text-align:center; margin:5px; font-size:1.4rem; }
h6 { color:#ffffff; text-align:center; margin:5px; font-weight:normal; font-size:0.9rem; }

.button
{
display: inline-block;
outline: 0;
border: 0;
cursor: pointer;
transition: box-shadow 0.15s ease,transform 0.15s ease;
will-change: box-shadow,transform;
background: #8888aa;
height: 48px;
padding: 0 32px;
font-size: 18px;
border-radius: 6px;
color: #36395a;
transition: box-shadow 0.15s ease,transform 0.15s ease;
border-style:solid;
border-width:1px;
border-color:#aaaaaa;
}
.button:hover { opacity:0.8; }

.buttonqr { margin-left:4px !important; padding-left:15px !important; padding-right:15px !important; }

 .gg-qr {
 transform: scale(var(--ggs,1))
}

.gg-qr,
.gg-qr::after {
 box-sizing: border-box;
 position: relative;
 display: block;
 width: 14px;
 height: 14px;
 box-shadow:
 -6px -6px 0 -4px,
 6px 6px 0 -4px,
 6px -6px 0 -4px,
 -6px 6px 0 -4px
}

.gg-qr::after {
 content: "";
 position: absolute;
 width: 4px;
 height: 4px;
 background: currentColor;
 box-shadow:
 0 6px 0,
 6px 6px 0,
 6px 0 0;
 top: 2px;
 left: 2px
}

.modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.733);
    margin-top: -1px;
    animation: zoom 0.1s ease-in-out;
}

@keyframes zoom {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}
.modal img {
    object-fit: cover;
}



 .gg-arrow-down-o {
 box-sizing: border-box;
 position: relative;
 display: block;
 width: 22px;
 height: 22px;
 border: 2px solid;
 transform: scale(var(--ggs,1));
 border-radius: 20px
}

.gg-arrow-down-o::after,
.gg-arrow-down-o::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 bottom: 4px
}

.gg-arrow-down-o::after {
 width: 6px;
 height: 6px;
 border-bottom: 2px solid;
 border-left: 2px solid;
 transform: rotate(-45deg);
 left: 6px
}

.gg-arrow-down-o::before {
 width: 2px;
 height: 10px;
 left: 8px;
 background: currentColor
}



.helpbox
{
	position:fixed;
	top:2px;
	right:2px;
	margin:10px;
	z-index:9999;
	background-color:#ffffff;
	opacity:0.2;
	display:block;
	color:#0000ff;
	padding:20px;
	border-radius:10px;
	cursor:pointer;
	transition: box-shadow 0.15s ease,opacity 0.15s ease;
}

.helpbox:hover
{
	opacity:1;
	box-shadow: 5px 5px 5px #888888;
}

.shopbox {
	display: flex;
	flex-direction: row;
	margin:10px;
	padding: 10px 10px 10px;
	justify-content: space-between;
	box-sizing: border-box;
	width:100%;
}

.shopbox_inner {
	display:flex;
	flex-direction:column;
	width:400px;
	padding:20px;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	margin-bottom:20px;
	margin:20px;
	border-radius:10px;

background:
linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 20px 20px;
	box-shadow: 5px 5px 5px #000000;
}

.shopbox_inner h5,span,button { color:#ffffff; }
.shopbox_inner h5 { font-size:1.4rem; }

.shopbox_buttons {
display:flex; flex-direction:row;justify-content:center; flex-grow:1; align-items:end;
}