* {
	margin: 0; 
	padding: 0;
}

div#banner { 
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	background-color: #FFC107; 
	width: 100%;
	max-width: 876px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
}

div#banner-content {
	width: 100%; 
	text-align: center;
	margin: 0 auto; 
	padding: 4px; 
}

div#main-content { 
	padding-top: 70px;
}

body {
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,1.5) 50%, rgba(255,255,255,0.1) 100%);
}
@media only screen and (max-device-width: 999px) {
	body {
		background: rgb(0,0,0);
	}
}

.borderbaby{
   @include transition(all 0.30s ease-in-out);
  border: 1px solid #DDDDDD;
}

.borderbaby_yellow{
   @include transition(all 0.30s ease-in-out);
  border: 1px solid #FFC107;
}



@media only screen and (max-device-width: 795px) {
	.img_appear {
		display: none;
	}
}

/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #FFC107; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: yellow; 
}

.pc {
	display: none;
}

.mobile {
	display: none;
}

@media only screen and (min-device-width: 795px) {
	.pc {
		display: block;
	}
}

@media only screen and (max-device-width: 795px) {
	.mobile {
		display: block;
	}
}