@charset "UTF-8";
/*
* @data 2018-10-04
* Author: Alyshia Lee #7711
*
* E.SUN DIGITAL DEPOSIT Stylesheet
-----------------------------------
   Error Page
-----------------------------------
*/


		.formErrorPage .formContentFirst{
			width: 40%;
			margin-right:0;
		}
		.formErrorPage .formContentSec{
			width: 52%;
			margin-bottom: 40px;
		}
		
		/*===========================
			Error Page Icon
		============================*/
		.errorPageIcon{
			width: 280px;
			height: 280px;
			margin: 0 auto;
		}
		/*==Error Type==*/
		.errorPageIcon img{
			width: 280px;
			height: 280px;
		}
		/*===========================
			Error Page Content
		============================*/
		.errorPageContent {
			margin-top: 40px;
			margin-bottom: 20px;
		}
		.errorPageContent .mainTitle {
			font-size: 26px;
			margin-bottom: 10px;
		}
		.errorPageContent .mainContent{
			font-size: 26px;
			line-height: 1.5;
			margin-bottom: 15px;
		}
		.errorPageContent .mainContent div:first-child {
			font-size: 20px;
			margin-bottom: 30px;
			color: #F94E4E;
		}
		.errorPageContent .mainContent > div {
			font-size: 15px;
		}
		.errorPageContent .mainContent font.emp{
			color: #F94E4E;
		}
		.errorPageContent .subContent{
			font-size: 18px;
			line-height: 1.5;
			margin-top: 20px;
		}
		.errorPageContent .subContent font.emp{
			color: #EB8300;
		}
		.errorPageContent .subContent ul,
		.errorPageContent .subContent li{
			margin: 0;
			padding: 0;
		}
		.errorPageContent .subContent ul{
			padding-left: 22px;
		}
		.errorPageContent .subContent li::before{
			display: none;
		}
		.errorPageContent .subContent li{
			list-style-type: disc;
		}
		.errorNo{
			text-align: right;
			font-size: 16px;
			font-weight: bold;
			color: #F94E4E;
		}
		/*RWD*/
		@media screen and (max-width: 1024px){
			header.errorPage{
				margin-bottom: 0;
			}
			.formErrorPage .formContentFirst{
				width: 100%;
			}
			.formErrorPage .formContentSec{
				width: 100%;
			}
			.errorPageIcon{
				width: 35%;
				max-width: 280px;
				min-width: 200px;
				height: auto;
				margin: 0 auto;
				text-align: center;
			}
			.errorPageIcon img{
				width: 100%;
				min-width: 200px;
				height: auto;
			}
			.errorPageContent {
				margin: 20px auto 20px;
				width: 90%;
			}
		}
		@media screen and (max-width: 768px){
			.formErrorPage .formContentSec{
				margin-bottom: 20px;
			}
			.errorPageIcon{
				width: 50%;
				max-width: 280px;
				height: auto;
			}
			.errorPageIcon img{
				width: 100%;
			}
			.errorPageContent {
				width: 100%;
			}
			.errorPageContent .mainContent{
				font-size: 22px;
			}
			.errorPageContent .subContent{
				font-size: 16px;
			}
		}
		@media screen and (max-width: 330px){
			.errorPageContent .mainContent{
				font-size: 20px;
			}
			.errorPageContent .subContent{
				font-size: 14px;
			}
		}