#tabs {
	position: relative;
	padding: 5px 32px 0 32px;
	margin-bottom: 24px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: start;

	a {
		color: #0D6295;
		padding: 10px 15px;
		transition: color 0.3s;

		&:first-child {
			padding-left: 0;
		}

		&:hover {
			color: #e47911;
			text-decoration: underline;
		}

		&.active {
			color: #e47911;
			font-weight: bold;
			text-decoration: underline;
		}
	}

	span {
		width: 1px;
		height: 11px;
		background-color: #ccc;
	}
}

@media (max-width: 576px) {
	main {
		#changeApprove, #changeEmail, #changeIntro, #changeName, #changePassword,
		#changeSummary, #changeThumb, #profile, #verifyEmail, #withdraw, #loginLog,
		#myPosts, #myComments, #expLogs {
			padding: 15px 10px 22px 10px;
		}
	}
}