html, body { margin: 0; height: 100%;}
body.iframe-panel { height: auto; }
body { font: 14px Arial, "Microsoft JhengHei", "微軟正黑體", PMingLiU, "新細明體", Helvetica, sans-serif; color: #336699; margin: 0; padding: 0; }

br { letter-spacing: normal; }

a:link, a:visited { color: #336699; text-decoration: none; }
a:hover { color: #7db2e7; }

/* Clearfix
----------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

.wrapper { min-height: 100%; background: #f0fbff; position: relative; }

.top-content {
	width: 100%;
	min-height: 35%;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 12%;
}

.briefcase {
	width: 75px;
	height: 60px;
	background: url("https://www.ctgoodjobs.hk/errorlog/404_icons.png") 0 0 no-repeat;
	position: absolute;
	left: 35%;
	top: -55px;
	z-index: 1;
}

.briefcase-02 {
	width: 80px;
	height: 65px;
	background-position: -100px 0;
	right: 35%;
	left: auto;
}

.briefcase-03 {
	width: 115px;
	height: 95px;
	background-position: -200px 0;
	left: 16%;
	top: -88px;
}

.briefcase-04 {
	width: 148px;
	height: 118px;
	background-position: 0 -100px;
	left: 40%;
	top: -90px;
}

.briefcase-05 {
	width: 206px;
	height: 168px;
	background-position: -200px -100px;
	right: 16%;
	left: auto;
	top: -120px;
}

.sea-03 .content {
	width: 720px;
	min-height: 35%;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	margin: 0 auto;
	position: relative;
	padding-top: 36px;
	padding-left: 268px;
	z-index: 9;
}

.sea-03 .content .icon {
	width: 248px;
	height: 172px;
	background: url("https://www.ctgoodjobs.hk/errorlog/404_icons.png") -406px 0 no-repeat;
	display: block;
	position: absolute;
	left: 0;
	top: 28px;
}

.ct-logo {
	width: 180px;
	height: 56px;
	background: url("https://www.ctgoodjobs.hk/errorlog/404_icons.png") -406px -180px no-repeat;
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
}

.sea-01 {
	width: 100%;
	min-height: 62%;
	background-color: #87b4e3;
	position: absolute;
	bottom: 0;
	z-index: 3;
}

.sea-02 {
	width: 100%;
	min-height: 55%;
	background-color: #6b96cf;
	position: absolute;
	bottom: 0;
	z-index: 5;
}

.sea-03 {
	width: 100%;
	min-height: 48%;
	background-color: #4a76ba;
	position: absolute;
	bottom: 0;
	z-index: 7;
}

.sea-01 .seawave {
	width: 100%;
	min-height: 74px;
	background: url("https://www.ctgoodjobs.hk/errorlog/sea_01.png") repeat-x;
	position: absolute;
	top: -40px;
	z-index: 3;
}

.sea-02 .seawave {
	width: 100%;
	min-height: 110px;
	background: url("https://www.ctgoodjobs.hk/errorlog/sea_02.png") repeat-x;
	position: absolute;
	top: -60px;
	z-index: 5;
}

.sea-03 .seawave {
	width: 100%;
	min-height: 116px;
	background: url("https://www.ctgoodjobs.hk/errorlog/sea_03.png") repeat-x;
	position: absolute;
	top: -66px;
	z-index: 7;
}

a.back-to-hm {
	width: 168px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #336699;
	text-align: center;
	background: #FCCF00;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	margin-top: 16px;
	display: block;
}

a.back-to-hm:hover { color: #FFF; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); }