@font-face {
		font-family: BurbankBigRegular-Black;
		src: url("font/BurbankBigRegular-Black.otf") format("opentype");
	}
	
body{
	background-color: rgba(230, 230, 230, 1);
}

.imageBoxLine.pointer:hover {
	cursor: pointer;
}

.loadLeftMenu::-webkit-scrollbar{
	display: none;
}

.loadRightMenu::-webkit-scrollbar{
	display: none;
}
	
@media only screen and (min-width: 1726px) {
	.loadLeftMenu{
		position: fixed;
		left: calc(50% - ((900px - 0px + 50px) / 2) - 400px);
		width: 400px;
		visibility: visible;
		margin-left: 25px;
		bottom: 0px;
		top: 200px;
		
		transition: background-color 0.3s linear, visibility 1s, left 1s;
	}
	
	.loadContent{
		position: inherit;
		left: calc(50% - ((900px - 0px) / 2));
		width: 900px;
		display: block !important;
		margin-right: 25px;
		
		transition: left 1s;
	}
	
	.loadRightMenu{
		position: fixed;
		left: calc(50% - ((0px - 900px + 50px) / 2) - 0px);
		width: 400px;
		visibility: visible;
		margin-left: 25px;
		bottom: 0px;
		top: 200px;
		
		transition: background-color 0.3s linear, visibility 1s, left 1s;
	}
	
	.closeBtn[data-show="true"]{
		display: none !important;
	}
	
	.messageBtn{
		display: none !important;
	}
	
	.menuBtn{
		display: none !important;
	}
}
	
@media only screen and (max-width: 1725px) and (min-width: 1325px) {
	.loadLeftMenu{
		position: fixed;
		left: calc(50% - ((900px - 400px + 0px) / 2) - 425px);
		width: 400px;
		visibility: visible;
		margin-left: 25px;
		bottom: 0px;
		top: 200px;
		border-left: 0px solid rgba(0,0,0,0.0);
		border-right: 0px solid rgba(0,0,0,0.0);
		background-color: rgba(255,255,255,0.0);
		
		transition: background-color 0.3s linear, visibility 0s, left 1s;
	}
	
	.loadContent{
		position: inherit;
		left: calc(50% - ((900px - 400px - 0px) / 2));
		width: 900px;
		display: block !important;
		margin-right: 25px;
		
		transition: left 1s;
	}
	
	.loadRightMenu{
		position: fixed;
		width: 400px;
		visibility: hidden;
		margin-left: 25px;
		bottom: 0px;
		top: 200px;
		left: calc(100% + 500px);
		
		transition: visibility 1s, left 1s;
	}
	
	.loadRightMenu[data-show="true"]{
		position: fixed;
		width: 400px;
		visibility: visible;
		margin-left: 25px;
		bottom: 0px;
		top: 200px;
		left: calc(100% - 426px);
		border-left: 1px solid rgba(0,0,0,0.25);
		border-right: 1px solid rgba(0,0,0,0.25);
		background-color: rgba(230,230,230,1);
		
		transition: background-color 0.3s linear, visibility 1s, left 1s;
	}
	
	.messageBtn{
		display: none !important;
	}
}

@media only screen and (max-width: 1324px) and (min-width: 961px) {
	.loadLeftMenu{
		position: fixed;
		width: 400px;
		visibility: hidden;
		margin-left: 25px;
		bottom: 0px;
		top: 200px;
		left: -500px;
		border-left: 0px solid rgba(0,0,0,0.0);
		border-right: 0px solid rgba(0,0,0,0.0);
		background-color: rgba(230,230,230,0.0);
		
		transition: background-color 1s linear, visibility 1s, left 1s;
	}
	.loadLeftMenu[data-show="true"]{
		position: fixed;
		width: 400px;
		visibility: visible;
		margin-left: 25px;
		bottom: 0px;
		top: 200px;
		left: -25px;
		border-left: 1px solid rgba(0,0,0,0.25);
		border-right: 1px solid rgba(0,0,0,0.25);
		background-color: rgba(230,230,230,1);
		
		transition: background-color 1s linear, visibility 1s, left 1s;
	}
	
	.loadContent{
		position: inherit;
		width: 900px;
		display: block;
		left: calc(50% - (900px / 2));
		
		transition: left 1s;
	}
	
	.loadRightMenu{
		position: fixed;
		width: 400px;
		visibility: hidden;
		margin-left: 25px;
		bottom: 0px;
		top: 200px;
		left: calc(100% + 500px);
		
		transition: visibility 1s, left 1s;
	}
	
	.loadRightMenu[data-show="true"]{
		position: fixed;
		width: 400px;
		visibility: visible;
		margin-left: 25px;
		bottom: 0px;
		top: 200px;
		left: calc(100% - 426px);
		border-left: 1px solid rgba(0,0,0,0.25);
		border-right: 1px solid rgba(0,0,0,0.25);
		background-color: rgba(230,230,230,1);
		
		transition: background-color 1s linear, visibility 1s, left 1s;
	}
}

@media only screen and (max-width: 960px) {
	.loadLeftMenu{
		position: fixed;
		width: 400px;
		visibility: hidden;
		margin-left: 25px;
		bottom: 0px;
		top: 200px;
		left: -100%;
		border-left: 0px solid rgba(0,0,0,0.0);
		border-right: 0px solid rgba(0,0,0,0.0);
		background-color: rgba(230,230,230,0.0);
		
		transition: background-color 0s linear, visibility 0s, left 0s;
	}
	
	.loadLeftMenu[data-show="true"]{
		position: fixed;
		width: 100%;
		visibility: visible;
		bottom: 0vw;
		margin: 0vw;
		top: 10vw;
		left: 0vw;	
		border-left: 1px solid rgba(0,0,0,0.25);
		border-right: 1px solid rgba(0,0,0,0.25);
		background-color: rgba(230,230,230,1);
		
		transition: background-color 0s linear, visibility 0s, left 0s;
	}
	
	.loadContent{
		width: 100%;
		display: block;
		left: calc(50% - (900px / 2));
		margin: auto;
											height: calc(100vh - 34vw) !important;
		transition: left 1s;
	}
	
	.loadRightMenu{
		position: fixed;
		width: 400px;
		visibility: hidden;
		margin-left: 25px;
		bottom: 0px;
		top: 200px;
		left: calc(100% + 500px);
		border-left: 0px solid rgba(0,0,0,0.0);
		border-right: 0px solid rgba(0,0,0,0.0);
		background-color: rgba(230,230,230,0.0);
		
		transition: background-color 0s linear, visibility 0s, left 0s;
	}
	
	.loadRightMenu[data-show="true"]{
		position: fixed;
		width: 100%;
		visibility: visible;
		bottom: 0vw;
		margin: 0vw;
		top: 10vw;
		left: 0vw;
		border-left: 1px solid rgba(0,0,0,0.25);
		border-right: 1px solid rgba(0,0,0,0.25);
		background-color: rgba(230,230,230,1);
		
		transition: background-color 0s linear, visibility 0s, left 0s;
	}
	
	 .menuHeader[data-show="true"]{
		position: fixed !important;
		top: 0vw !important;
	}
}

@media only screen and (min-width: 961px) {
	body{
		margin: 0px;
		padding: 0px;
		
		font-family: OpenSans,sans-serif;
		font-size: 20px;
		line-height: 30px;
		color: black;
		
		 -ms-overflow-style: none;
	}
	
	body::-webkit-scrollbar {
		display: none;
	}
	
	img{
		display: inherit;
	}
	
	ul {
		display: block;
		list-style-type: disc;
		margin-block-start: 5px;
		margin-block-end: 5px;
		padding-block-start: 5px;
		line-height: 40px;
	}
	
	.fa-ul{
		margin-left: 60px;
		
	}
	
	.fa-ul i{
		color: rgba(128, 204, 255, 1);
		text-shadow: 2px 2px rgba(82, 82, 82, 0.2);
		
	}
	
	.shareMenu{
		position: fixed;
		display: flex;
		z-index: 1000;
		
		top: calc(140px - 35px);
		right: 10px;
		
		background-color: rgba(255,255,255, 0.3);
		border: 1px solid rgba(255,255,255, 0.5);
		box-shadow: 2px 2px rgba(82, 82, 82, 0.1);

		height: 25px;

		padding: 5px;

		text-align: center;
		
		cursor: pointer;
	}
	
	.shareText{
		color: white;
		font-family: BurbankBigRegular-Black,sans-serif;
		margin-left: 10px;
	}
	
	.shareBtn{
		position: relative;
		grid-template-columns: 50px;
		width: 25px;
		height: 25px;
		border: 0px solid rgba(42,42,42,1);
		z-index: 10000;
		background-color: none;
		text-align: center;
		border-radius: 0px;
	}

	.shareBtn i{
		position: relative;
		display: block;
		top: 0px;
		font-size: 25px;
		line-height: 25px;
		color: white;
	}

	.imageBoxLine{
		width: calc(100% - 40px);
		height: 30px;
		margin-left: 40px;
		position: relative;
	}
	
	.imageBoxHeader{
		width: calc(100% - 10px);
		height: 30px;
		padding-left: 0vw;
		position: relative;
		font-family: BurbankBigRegular-Black,sans-serif;
		font-size: 25px;
		padding: 5px;
	}
	
	.imageBoxLine .imageBox{
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		left: -40px;
		top: 0px;
		
		background-color: none;
		
		background-repeat: no-repeat;
		background-position: center;
		background-size: 80%;
	}
	
	.loadScreen{
		position: fixed;
		display: none;
		width: 100vw;
		height: 100vh;
		padding: 0vw;
		margin: 0vw;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 1000;
	}
	
	.loadScreen .loadBox{
		position: relative;
		display: inline-block;
		left: calc(50vw - 25vw);
		top: calc(50vh - 28vw);
		width: 50vw;
		height: 50vw;
		padding: 0vw;
		margin: auto;
		
		border-radius: 25vw;
		
		background-image: url("icon.png"), url("loading.gif");
			background-repeat: no-repeat, no-repeat;
			background-position: center, center;
			background-size: cover, 150% auto;
	}
	
	.loadScreen .loadText{
		position: absolute;
		display: inline-block;
		left: calc(50vw - 45vw);
		top: calc(50vh + 22vw);
		width: 90vw;
		height: 10vw;
		padding: 0vw;
		margin: auto;
		font-family: BurbankBigRegular-Black,sans-serif;
		font-size: 7vw;
		line-height: 10vw;
		color: white;
		text-align: center;
	}
	
	.messageScreen{
		position: fixed;
		display: none;
		width: 100vw;
		height: 100vh;
		padding: 0vw;
		margin: 0vw;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 1000;
	}
	
	.messageScreen .messageBox{
		position: relative;
		display: inline-block;
		left: calc(50vw - 25vw);
		top: calc(50vh - 35vw);
		width: 50vw;
		height: 50vw;
		padding: 0vw;
		margin: auto;
		background-image: url("img/icon/information.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-radius: 0vw;
	}
	
	.messageScreen .messageClose{
		position: absolute;
		display: inline-block;
		width: 16vw;
		height: 16vw;
		right: 0vw;
		top: 0vw;
		margin:5vw;
		padding: 0vw;
		font-family: BurbankBigRegular-Black,sans-serif;
		font-size: 10vw;
		line-height: 16vw;
		color: white;
		text-align: center;
	}
	
	.messageScreen .messageClose:hover{
		cursor: pointer;
	}
	
	.messageScreen .messageHeader{
		position: absolute;
		display: inline-block;
		left: calc(50vw - 44vw);
		top: calc(50vh + 18vw);
		width: 90vw;
		height: 10vw;
		padding: 0vw;
		margin: auto;
		font-family: BurbankBigRegular-Black,sans-serif;
		font-size: 7vw;
		line-height: 10vw;
		color: white;
		text-align: center;
	}
	
	.messageScreen .messageText{
		position: absolute;
		display: inline-block;
		left: calc(50vw - 44vw);
		top: calc(50vh + 28vw);
		width: 90vw;
		padding: 0vw;
		margin: auto;
		font-family: OpenSans,sans-serif;
		font-size: 5vw;
		line-height: 7vw;
		color: white;
		text-align: center;
	}
	
	.header{
		position: -webkit-sticky;
		position: sticky;
		top: 0px;
		height: 150px;
		width: 100%;
		
		background-image: radial-gradient(#0CDCFD, #073BBB);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100vw 100vw;
		
		z-index: 100;
	}
	
	.header .welcome{
		font-family: BurbankBigRegular-Black,sans-serif;
		width: calc(100% - 4vw);
		height: 80px;
		padding-top: 20px;
		padding-left: 20px;
		line-height: 80px;
		font-size: 80px;
		color: white;
		user-select: none;
	}
	
	.header .state{
		position: absolute;
		display: block;
		font-family: OpenSans,sans-serif;
		width: calc(100% - 8vw);
		height: 40px;
		bottom: 15px;
		left: 60px;
		line-height: 40px;
		font-size: 30px;
		color: white;
		user-select: none;
	}
	
	.header .loginBtn{
		border: 1px solid white;
		position: absolute;
		display: block;
		right: 50px;
		top: 25px;
		width: 70px;
		height: 70px;
		padding: 0;
		margin: 0;
		border-radius: 10px;
		background-color: rgba(255, 255, 255, 0.2);
		background-image: url("lock.gif");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 80%;
		color: white;
		
		animation-duration: 2s;
        animation-iteration-count: infinite;
	}
	
	.header .loginBtn:hover{
		background-color: rgba(255, 255, 255, 0.5);
		cursor: pointer;
	}
	
	.bounce-7 {
        animation-name: bounce-7;
        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
    }
    @keyframes bounce-7 {
        0%   { transform: scale(1,1)      translateY(0); }
        10%  { transform: scale(1.1,.9)   translateY(0); }
        30%  { transform: scale(.9,1.1)   translateY(-10px); }
        50%  { transform: scale(1.05,.95) translateY(0); }
        57%  { transform: scale(1,1)      translateY(-5px); }
        64%  { transform: scale(1,1)      translateY(0); }
        100% { transform: scale(1,1)      translateY(0); }
    }
	
	.header .loginBtnText{
		position: absolute;
		display: block;
		right: 50px;
		top: 100px;
		width: 70px;
		height: 30px;
		line-height: 30px;
		font-size: 20px;
		text-align: center;
		color: white;
	}
	
	.header .loginImage{
		position: absolute;
		display: block; /* block if logged in */
		right: 10px;
		bottom: 0px;
		width: 140px;
		height: 140px;
		padding: 0vw;
		margin: 0vw;
		background-image: url("profile_image/default_m.png");
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: 100%;
		color: white;
		animation: move-1 4s linear infinite;
	}
	
    @keyframes move-1 {
		10% {background-position-y: calc(50% + 1px);}
        50% {background-position-y: calc(50% + 4px);}
		60% {background-position-y: calc(50% + 5px);}
    }
	
	.header .loginImage .text{
		position: absolute;
		bottom: 0vw;
		width: 100%;
		height: calc(2.6vw - 0.4vw);
		line-height: 2.2vw;
		padding-top: 0.4vw;
		background-color: none;
		font-family: BurbankBigRegular-Black,sans-serif;
		font-size: 2vw;
		text-align: center;
		background-color: rgba(0, 0, 0, 0.4);
		border-radius: 0vw 0vw 1vw 1vw;
	}
	
	.header .loginBtnText:hover{
		cursor: pointer;
	}
	
	.menuHeader{
		position: -webkit-sticky;
		position: sticky;
		top: 150px;
		background-color: rgba(42, 42, 42, 1.0);
		height: calc(50px - 5px);
		width: calc(100% - 25px); /*???*/
		padding-top: 5px;
		padding-left: 25px;
		line-height: 45px;
		vertical-align: middle;
		font-family: BurbankBigRegular-Black,sans-serif;
		color: white;
		font-size: 35px;
		z-index: 100;
		user-select: none;
	}
	
	.menuBtn{
		display: flex;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 50px;
		height: 50px;
		padding: 0vw;
		margin: 0vw;
		background-color: rgba(255, 255, 0, 1.0);
		text-align: center;
	}
	
	.menuBtn[data-show="false"]{
		display: none !important;
	}
	
	.menuBtn .iconBtn{
		line-height: 50px;
		color: black;
		font-size: calc((50px / 5) * 4);
		margin: auto;
	}
	
	.menuBtn:hover{
		cursor: pointer;
	}
	
	.messageBtn{
		display: flex;
		position: absolute;
		right: 60px;
		top: 0px;
		width: 50px;
		height: 50px;
		padding: 0vw;
		margin: 0vw;
		background-color: rgba(255, 255, 0, 0);
		text-align: center;
	}
	
	.messageBtn[data-show="false"]{
		display: none !important;
	}
	
	.messageBtn .iconBtn{
		line-height: 50px;
		color: white;
		font-size: calc((50px / 5) * 3);
		margin: auto;
	}
	
	.messageBtn:hover{
		cursor: pointer;
	}
	
	.closeBtn{
		display: flex;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 50px;
		height: 50px;
		padding: 0vw;
		margin: 0vw;
		background-color: rgba(255, 255, 0, 1.0);
		text-align: center;
	}
	
	.closeBtn[data-show="false"]{
		display: none !important;
	}
	
	.closeBtn .iconBtn{
		line-height: 50px;
		color: black;
		font-size: calc((50px / 5) * 4);
		margin: auto;
	}
	
	.closeBtn:hover{
		cursor: pointer;
	}
	
	
	
	.wrapper{
		position: relative;
		width: calc(100% - 50px);
		margin-left: 25px;
		margin-right: 25px;
		margin-top: 25px;
		
		background-color: rgba(255, 255, 255, 1.0);
		
		box-shadow: 2px 2px rgba(82, 82, 82, 0.2);
	}
	
	.wrapper .wrapperHeader{
		position: relative;
		width: calc(100% - 15px);
		height: calc(50px - 5px);
		padding-top: 5px;
		padding-left: 15px;
		line-height: 45px;
		color: white;
		
		font-size: 25px;
		font-family: BurbankBigRegular-Black,sans-serif;
		
		background-image: linear-gradient(to right, rgba(42, 42, 42, 1.0) , rgba(82, 82, 82, 1.0));
		/*background-color: rgba(42, 42, 42, 1.0);*/
		
		border: 0px solid black;
	}
	
	.wrapper .wrapperHeader .wrapperToggle{
		position: absolute;
		display: flex;
		right: 0px;
		top: 0px;
		height: 50px;
		width: 50px;
	}
	
	.wrapper .wrapperHeader .wrapperToggle i{
		margin: auto;
		position: relative;
		line-height: 50px;
		transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
		transition-delay: 0.1s;
	}
	
	.wrapper .wrapperHeader:hover .wrapperToggle i{
		position: relative;
		line-height: 50px;
		font-size: 40px;
		transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
		transition-delay: 0.1s;
	}
	
	.wrapper .wrapperContent{
		position: relative;
		width: calc(100% - 20px);
		padding: 10px;
		color: black;
	}
	
	
	
	
	
	
	
	
	input[type=text], input[type=password], input[type=email], input[type=date], input[type=number], input[type=tel] {
			width: 100%;
			padding: 10px 20px;
			margin: 0px;
			display: inline-block;
			border: 1px solid rgba(0, 0, 0, 0.2);
			box-sizing: border-box;
			background-color: rgba(255, 255, 255, 1.0);
			font-family: OpenSans,sans-serif;
			font-size: 25px;
			line-height: 30px;
	}
	
	input2[type=number] {
			width: calc(100% / 4);
			padding-right: 2vw 4vw;
			margin: 2vw 0;
			display: inline-block;
			border: 0.1vw solid rgba(0, 0, 0, 0.2);
			box-sizing: border-box;
			background-color: rgba(255, 255, 255, 1.0);
			font-family: OpenSans,sans-serif;
			font-size: 4vw;
			line-height: 5.6vw;
	}
	
	input[type=date]::-webkit-inner-spin-button, 
	input[type=date]::-webkit-outer-spin-button { 
		-webkit-appearance: none; 
		margin: 0; 
		display: none;
	}
	
	input[type=date]::-webkit-calendar-picker-indicator { 
		width: auto;
		height: auto;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	
	input[type="date"]:hover::-webkit-calendar-picker-indicator {
		color: red;
		width: 20px;
		height: 20px;
		display: block;
	}
	
	select{
			width: 100%;
			padding: 10px;
			margin: 0px;  /*10px 0;*/
			display: inline-block;
			border: 1px solid rgba(0, 0, 0, 0.2);
			box-sizing: border-box;
			background-color: rgba(255, 255, 255, 1.0);
			font-family: OpenSans,sans-serif;
			font-size: 25px;
			line-height: 30px;
			color: black;
	}
		
	button {
			background-color: rgba(255, 255, 0, 1.0);
			color: black;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 10px;
			padding-bottom: 5px;
			margin-left: 25px;
			margin-top: 0px; /*25px*/
			margin-bottom: 0px;
			border: 0.1vw solid rgba(0, 0, 0, 0.2);
			cursor: pointer;
			width: calc(100% - 45px);
			
			font-family: BurbankBigRegular-Black,sans-serif;
			font-size: 25px;
			line-height: 30px;
	}
	
	.bottomSpacer{
		margin: 0vw;
		padding: 0vw;
		width: 100%;
		height: 25px;
		position: relative;
		display: block;
	}
	
	.bottomMenuSpacer{
		margin: 0vw;
		padding: 0vw;
		width: 100%;
		height: 25px;
		position: relative;
		display: block;
	}
	
	hr.line-space{
		position: relative;
		display: block;
		height: 25px;
		background-color: none;
		border: 0px;
		margin: 0px;
		padding: 0px;
	}
	
	hr.input-space{
		position: relative;
		display: block;
		height: 15px;
		background-color: none;
		border: 0px;
		margin: 0px;
		padding: 0px;
	}
}
	
@media only screen and (max-width: 960px) {	

	body{
		margin: 0px;
		padding: 0px;
		
		font-family: OpenSans,sans-serif;
		font-size: 4vw;
		line-height: 5.6vw;
		color: black;
		
		 -ms-overflow-style: none;
	}
	
	body::-webkit-scrollbar {
		display: none;
	}
	
	img{
		display: inherit;
	}
	
	ul {
		display: block;
		list-style-type: disc;
		margin-block-start: 1vw;
		margin-block-end: 1vw;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		padding-inline-start: 40px;
		line-height: 7vw;
	}
	
	.fa-ul{
		margin-left: 6vw;
		
	}
	
	.shareMenu{
		position: sticky;
		display: block;
		
		top: calc(100vh - 0vw);
		
		background-image: linear-gradient(to right, rgba(82, 82, 82, 1.0) , rgba(122, 122, 122, 1.0));
		border: 0px solid green;
		box-shadow: 0.2vw 0.2vw rgba(82, 82, 82, 0.2);
		
		margin-left: 4vw;
		margin-right: 4vw;
		margin-top: 4vw;
			margin-bottom: 4vw;

		width: calc(100% - 12vw);
		height: 5.6vw;

		padding: 2vw;

		text-align: left;
		
		cursor: pointer;
	}
	
	.shareBtn{
		position: absolute;
		top: 2vw;
		left: 2vw;
		display: block;
		width: 5.6vw;
		height: 5.6vw;
		font-size: 4vw;
		border: 0px solid rgba(42,42,42,1);
		z-index: 10000;
		background-color: #3d6ad6;
		border-radius: 0px;
		text-align: center;
	}
	
	.shareText{
		position: absolute;
		top: 2vw;
		left: 9.6vw;
		display: block;
		width: calc(100% - 9.6vw);
		padding-top: 0.7vw;
		height: 4.9vw;
		border: 0px solid rgba(42,42,42,1);
		z-index: 10000;
		background-color: none;
		border-radius: 0px;
		text-align: left;
		color: white;
		font-family: BurbankBigRegular-Black,sans-serif;
		font-size: 3vw;
	}

	.shareBtn i{
		position: relative;
		display: block;
		top: 0px;
		font-size: 3;
		line-height: 5.6vw;
		color: white;
	}
	
	.imageBoxLine{
		width: calc(100% - 6.4vw);
		height: 5.6vw;
		padding-left: 6.4vw;
		position: relative;
	}
	
	.imageBoxHeader{
		width: calc(100% - 6.4vw);
		height: 5.6vw;
		padding-left: 0vw;
		position: relative;
		font-family: BurbankBigRegular-Black,sans-serif;
	}
	
	.imageBoxLine .imageBox{
		width: 5.6vw;
		height: 5.6vw;
		display: inline-block;
		position: absolute;
		left: 0vw;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 80%;
	}
	
	.loadScreen{
		position: fixed;
		display: none;
		width: 100vw;
		height: 100vh;
		padding: 0vw;
		margin: 0vw;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 1000;
	}
	
	.loadScreen .loadBox{
		position: relative;
		display: inline-block;
		left: calc(50vw - 25vw);
		top: calc(50vh - 28vw);
		width: 50vw;
		height: 50vw;
		padding: 0vw;
		margin: auto;
		
		border-radius: 25vw;
		
		background-image: url("icon.png"), url("loading.gif");
			background-repeat: no-repeat, no-repeat;
			background-position: center, center;
			background-size: cover, 150% auto;
	}
	
	.loadScreen .loadText{
		position: absolute;
		display: inline-block;
		left: calc(50vw - 45vw);
		top: calc(50vh + 22vw);
		width: 90vw;
		height: 10vw;
		padding: 0vw;
		margin: auto;
		font-family: BurbankBigRegular-Black,sans-serif;
		font-size: 7vw;
		line-height: 10vw;
		color: white;
		text-align: center;
	}
	
	.messageScreen{
		position: fixed;
		display: none;
		width: 100vw;
		height: 100vh;
		padding: 0vw;
		margin: 0vw;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 1000;
	}
	
	.messageScreen .messageBox{
		position: relative;
		display: inline-block;
		left: calc(50vw - 25vw);
		top: calc(50vh - 35vw);
		width: 50vw;
		height: 50vw;
		padding: 0vw;
		margin: auto;
		background-image: url("img/icon/information.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-radius: 0vw;
	}
	
	.messageScreen .messageClose{
		position: absolute;
		display: inline-block;
		width: 16vw;
		height: 16vw;
		right: 0vw;
		top: 0vw;
		margin:5vw;
		padding: 0vw;
		font-family: BurbankBigRegular-Black,sans-serif;
		font-size: 10vw;
		line-height: 16vw;
		color: white;
		text-align: center;
	}
	
	.messageScreen .messageClose:hover{
		cursor: pointer;
	}
	
	.messageScreen .messageHeader{
		position: absolute;
		display: inline-block;
		left: calc(50vw - 44vw);
		top: calc(50vh + 18vw);
		width: 90vw;
		height: 10vw;
		padding: 0vw;
		margin: auto;
		font-family: BurbankBigRegular-Black,sans-serif;
		font-size: 7vw;
		line-height: 10vw;
		color: white;
		text-align: center;
	}
	
	.messageScreen .messageText{
		position: absolute;
		display: inline-block;
		left: calc(50vw - 44vw);
		top: calc(50vh + 28vw);
		width: 90vw;
		padding: 0vw;
		margin: auto;
		font-family: OpenSans,sans-serif;
		font-size: 5vw;
		line-height: 7vw;
		color: white;
		text-align: center;
	}
	
	.header{
		position: relative;
		height: 20vw;
		width: 100%;
		
		background-image: radial-gradient(#0CDCFD, #073BBB);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 100vw 100vw;
	}
	
	.header .welcome{
		font-family: BurbankBigRegular-Black,sans-serif;
		width: calc(100% - 4vw);
		height: 8vw;
		padding-top: 4vw;
		padding-left: 4vw;
		line-height: 8vw;
		font-size: 8vw;
		color: white;
	}
	
	.header .state{
		font-family: OpenSans,sans-serif;
		width: calc(100% - 8vw);
		height: 4vw;
		padding-top: 1vw;
		padding-left: 8vw;
		line-height: 4vw;
		font-size: 4vw;
		color: white;
	}
	
	.header .loginBtn{
		border: 0.1vw solid white;
		position: absolute;
		display: block;
		right: 6vw;
		top: 6vw;
		width: calc(6vw - 0.2vw);
		height: calc(6vw - 0.2vw);
		padding: 0vw;
		margin: 0vw;
		border-radius: 1vw;
		background-color: rgba(255, 255, 255, 0.2);
		background-image: url("lock.gif");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 80%;
		color: white;
		
		animation-duration: 2s;
        animation-iteration-count: infinite;
	}
	
	.header .loginBtn:hover{
		background-color: rgba(255, 255, 255, 0.5);
		cursor: pointer;
	}
	
	.bounce-7 {
        animation-name: bounce-7;
        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
    }
    @keyframes bounce-7 {
        0%   { transform: scale(1,1)      translateY(0); }
        10%  { transform: scale(1.1,.9)   translateY(0); }
        30%  { transform: scale(.9,1.1)   translateY(-2vw); }
        50%  { transform: scale(1.05,.95) translateY(0); }
        57%  { transform: scale(1,1)      translateY(-1vw); }
        64%  { transform: scale(1,1)      translateY(0); }
        100% { transform: scale(1,1)      translateY(0); }
    }
	
	.header .loginBtnText{
		position: absolute;
		display: block;
		right: 4vw;
		top: 12vw;
		width: calc(10vw - 0.4vw);
		height: calc(3vw - 0.4vw);
		line-height: 3vw;
		font-size: 2vw;
		text-align: center;
		color: white;
	}
	
	.header .loginImage{
		position: absolute;
		display: block; /* block if logged in */
		right: 2vw;
		top: 2vw;
		width: calc(18vw);
		height: calc(18vw);
		padding: 0vw;
		margin: 0vw;
		background-image: url("profile_image/default_m.png");
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: 100%;
		color: white;
		animation: move-1 4s linear infinite;
	}
	
    @keyframes move-1 {
		10% {background-position-y: calc(50% + 0.1vw);}
        50% {background-position-y: calc(50% + 0.9vw);}
		60% {background-position-y: calc(50% + 1vw);}
    }
	
	.header .loginImage .text{
		position: absolute;
		bottom: 0vw;
		width: 100%;
		height: calc(2.6vw - 0.4vw);
		line-height: 2.2vw;
		padding-top: 0.4vw;
		background-color: none;
		font-family: BurbankBigRegular-Black,sans-serif;
		font-size: 2vw;
		text-align: center;
		background-color: rgba(0, 0, 0, 0.4);
		border-radius: 0vw 0vw 1vw 1vw;
	}
	
	.header .loginBtnText:hover{
		cursor: pointer;
	}
	
	.menuHeader{
		position: -webkit-sticky;
		position: sticky;
		top: 0px;
		background-color: rgba(42, 42, 42, 1.0);
		height: 8vw;
		width: calc(100% - 4vw);
		padding-top: 2vw;
		padding-left: 4vw;
		line-height: 8vw;
		vertical-align: middle;
		font-family: BurbankBigRegular-Black,sans-serif;
		color: white;
		font-size: 8vw;
		z-index: 100;
	}
	
	.menuBtn{
		display: flex;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 10vw;
		height: 10vw;
		padding: 0vw;
		margin: 0vw;
		background-color: rgba(255, 255, 0, 1.0);
		text-align: center;
	}
	
	.menuBtn[data-show="false"]{
		display: none !important;
	}
	
	.menuBtn .iconBtn{
		line-height: 10vw;
		color: black;
		font-size: calc((10vw / 5) * 4);
		margin: auto;
	}
	
	.menuBtn:hover{
		cursor: pointer;
	}
	
	.messageBtn{
		display: flex;
		position: absolute;
		right: 12vw;
		top: 0px;
		width: 10vw;
		height: 10vw;
		padding: 0vw;
		margin: 0vw;
		background-color: rgba(255, 255, 0, 0);
		text-align: center;
	}
	
	.messageBtn[data-show="false"]{
		display: none !important;
	}
	
	.messageBtn .iconBtn{
		line-height: 10vw;
		color: white;
		font-size: calc((10vw / 5) * 3);
		margin: auto;
	}
	
	.closeBtn{
		display: flex;
		position: absolute;
		right: 0vw;
		top: 0px;
		width: 10vw;
		height: 10vw;
		padding: 0vw;
		margin: 0vw;
		background-color: rgba(255, 255, 0, 1.0);
		text-align: center;
	}
	
	.closeBtn[data-show="false"]{
		display: none !important;
	}
	
	.closeBtn .iconBtn{
		line-height: 10vw;
		color: black;
		font-size: calc((10vw / 5) * 4);
		margin: auto;
	}
	
	.closeBtn:hover{
		cursor: pointer;
	}
	
	.wrapper{
		position: relative;
		width: 92vw;
		margin-left: 4vw;
		margin-right: 4vw;
		margin-top: 4vw;
		
		background-color: rgba(255, 255, 255, 1.0);
		
		box-shadow: 0.2vw 0.2vw rgba(82, 82, 82, 0.2);
	}
	
	.wrapper .wrapperHeader{
		position: relative;
		width: calc(100% - 2.2vw);
		padding: 1vw;
		color: white;
		font-family: BurbankBigRegular-Black,sans-serif;
		
		background-image: linear-gradient(to right, rgba(42, 42, 42, 1.0) , rgba(82, 82, 82, 1.0));
		/*background-color: rgba(42, 42, 42, 1.0);*/
		
		border: 0.1vw solid black;
	}
	
	.wrapper .wrapperHeader .wrapperToggle{
		position: absolute;
		display: flex;
		right: 0vw;
		top: 0vw;
		height: 100%;
		width: 7.6vw;
	}
	
	.wrapper .wrapperHeader .wrapperToggle i{
		margin: auto;
		position: relative;
		line-height: 7.6vw;
		transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
		transition-delay: 0.1s;
	}
	
	.wrapper .wrapperHeader:hover .wrapperToggle i{
		position: relative;
		line-height: 7.6vw;
		font-size: 5vw;
		transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
		transition-delay: 0.1s;
	}
	
	.wrapper .wrapperContent{
		position: relative;
		width: calc(100% - 4vw);
		padding: 2vw;
		color: black;
	}
	
	
	
	
	
	
	
	
	input[type=text], input[type=password], input[type=email], input[type=date], input[type=number], input[type=tel] {
			width: 100%;
			padding: 2vw 4vw;
			margin: 0vw;
			display: inline-block;
			border: 0.1vw solid rgba(0, 0, 0, 0.2);
			box-sizing: border-box;
			background-color: rgba(255, 255, 255, 1.0);
			font-family: OpenSans,sans-serif;
			font-size: 4vw;
			line-height: 5.6vw;
	}
	
	input2[type=number] {
			width: calc(100% / 4);
			padding-right: 2vw 4vw;
			margin: 0vw;
			display: inline-block;
			border: 0.1vw solid rgba(0, 0, 0, 0.2);
			box-sizing: border-box;
			background-color: rgba(255, 255, 255, 1.0);
			font-family: OpenSans,sans-serif;
			font-size: 4vw;
			line-height: 5.6vw;
	}
	
	input[type=date]::-webkit-inner-spin-button, 
	input[type=date]::-webkit-outer-spin-button { 
		-webkit-appearance: none; 
		margin: 0; 
		display: none;
	}
	
	input[type=date]::-webkit-calendar-picker-indicator { 
		width: auto;
		height: auto;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	
	input[type="date"]:hover::-webkit-calendar-picker-indicator {
		color: red;
		width: 4vw;
		height: 4vw;
		display: block;
	}
	
	select{
			width: 100%;
			padding: 2vw;
			margin: 0vw;
			display: inline-block;
			border: 0.1vw solid rgba(0, 0, 0, 0.2);
			box-sizing: border-box;
			background-color: rgba(255, 255, 255, 1.0);
			font-family: OpenSans,sans-serif;
			font-size: 4vw;
			line-height: 5.6vw;
			color: black;
	}
		
	button {
			background-color: rgba(255, 255, 0, 1.0);
			color: black;
			padding-left: 2vw;
			padding-right: 2vw;
			padding-top: 2vw;
			padding-bottom: 1vw;
			margin-left: 8vw;
			margin-top: 2vw;
			margin-bottom: 2vw;
			border: 0.1vw solid rgba(0, 0, 0, 0.2);
			cursor: pointer;
			width: calc(100% - 16vw);
			
			font-family: BurbankBigRegular-Black,sans-serif;
			font-size: 4vw;
			line-height: 4vw;
	}
	
	.bottomSpacer{
		margin: 0vw;
		padding: 0vw;
		width: 100vw;
		height: 4vw;
		position: relative;
		display: none;
	}
	
	.bottomMenuSpacer{
		margin: 0vw;
		padding: 0vw;
		width: 100vw;
		height: 4vw;
		position: relative;
		display: block;
	}
	
	hr.line-space{
		position: relative;
		display: block;
		height: 2vw;
		background-color: none;
		border: 0px;
		margin: 0px;
		padding: 0px;
	}
	
	hr.input-space{
		position: relative;
		display: block;
		height: 1.2vw;
		background-color: none;
		border: 0px;
		margin: 0px;
		padding: 0px;
	}
}