.sp-switch {
	width: 15px;
	height: 15px;
}

.sp-switch.warning {
	background: #f2c549;
}

.sp-home-grid > *:nth-child(1) > *:nth-child(1) {
	margin-bottom: [LARGE-UNIT];
}

.sp-home-grid > *:nth-child(1) > *:nth-child(2) {
	margin-top: [LARGE-UNIT];
}

.sp-login-box.des .fen {
	border-bottom: 1px solid black;
	width: 100%;
	padding-bottom: 0;
	margin-bottom: [DEFAULT-UNIT];
}

.fen-view-label {
	font-weight: bold;
	color: [PRIMARY-COLOR] !important;
}

.fen-view-label {
	color: [DEFAULT-COLOR];
}

.sp-dialog-header{
	text-shadow: none;
}

.sp-fen-view .fen{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	
}

.sphere-dialog-content .sp-fen-view .fen{
	border-bottom: 1px solid rgba(0,0,0,0.7);
	margin-bottom: 10px;	
}

.fen-view-label{
	width: 30%;
	margin-right: 30px;
	line-height: 2rem;
}

@media only screen and (min-width: 1200px) and (max-width: 1280px ) {
	
	.sp-login-box {
		width: 50%;
	}
	
	.sp-home-grid > *:nth-child(2) > *:nth-child(1) .sp-button {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.sp-home-grid-title {
		margin-top: [DEFAULT-UNIT];
	}
	
	.sp-home-grid > *:nth-child(2) > *:nth-child(1) .fen {
		width: 100%;
	}
	
	.sp-main-content-intro {
		padding: calc([LARGE-UNIT]*2) [LARGE-UNIT];
	}
	
	.sp-main-content-content {
		padding: calc([LARGE-UNIT]*3) calc([LARGE-UNIT]*4);
	}
	
	.sp-main-content-top-title, .sp-main-content-content h1 {
		font-size: 1.6rem;
		line-height: 1.6rem;
	}
	
}

@media only screen and (min-width: 1281px) and (max-width: 1440px ) {
	
	.sp-main-content-content {
		padding: calc([LARGE-UNIT]*3) calc([LARGE-UNIT]*4);
	}
	
	.sp-main-content-intro {
		padding: calc([LARGE-UNIT]*2) [LARGE-UNIT];
	}
	
	.sp-home-grid > *:nth-child(2) > *:nth-child(1) .fen {
		width: 100%;
	}
	
	.sp-main-content-top-title, .sp-main-content-content h1 {
		font-size: 2rem;
		line-height: 2rem;
	}
	
}