@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'wefont';
    src: url('/assets/template/mobile/fonts/wefont-webfont.eot');
    src: url('/assets/template/mobile/fonts/wefont-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/template/mobile/fonts/wefont-webfont.woff') format('woff'),
         url('/assets/template/mobile/fonts/wefont-webfont.ttf') format('truetype'),
         url('/assets/template/mobile/fonts/wefont-webfont.svg#wefont') format('svg');
    font-weight: normal;
    font-style: normal;

}
#show_qr
{
	margin:0 auto;
}
#feature .container ul li
{
	float: left;
	width: 340px;
	display:block;	
}
.container_IE {
	width:1100px;
	height:auto;
	margin:0 auto;
}
.col-sm-4
{
	width:33%;
	float: left;
}
.col-sm-8
{
	width:66%;
	float: left;
}
.form-group
{
	clear:both;
	margin-bottom:8px;
}
#footer
{
	display: none;
}
.form-control
{
	width: 50%;
}
.wrapper {
	position:relative;
	background-color:#fff;
}

.set_font
{
	font-family:'wefont';
	font-size:24px;
	color:#666;
}

ul {
	padding:0;
	margin:0;
}
ul li {
	list-style:none;
}

#email,#email:hover
{
	color:#FFFFFF;
}
#form_contact_us input
{
	color:#333333;
	font-size: 22px;
}
#form_contact_us select
{
	color:#000000;
}
	
#wrapper {
	width:100%;
}
.container {
	width:1100px;
	height:auto;
	margin:0 auto;
	background-color:#fff;
	
}
.topic {
	font-size:2.5em;
	margin:15px 0 10px;
	display:block;
	line-height: 1em;
}
.icon_h {
	width:135px;
	height:135px;
	background-image:url(/assets/template/mobile/images/seeker_app/feature_icon_2.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	display:block;
	margin-top:75px;
}
.content {
	width:95%;
}

.content p
{
	font-size:0.82em;
	line-height:26px;	
}
.pad0 { padding:0; }
.marT30 { margin-top:30px; }
.marT15 { margin-top:15px; }

.flR { 
	float:right;
}
.flL { 
	float:left;
}
.oh {
	overflow:hidden;
}
.h100 {
	height:100%;
}
#head_fix {
	background-color:rgba(212,1,1,0.5);
	width:100%;
	position:fixed;
	top:0;
	z-index:1000;
	height:82px;
}
.cont {
	width:1100px;
	height:100%;
	margin:0 auto;
	position:relative;
	padding:0 25px;
}
.cont ul li {
	display:inline;
}
.cont button {
	width:58px;
	height:58px;
	border:none;
	background-color:rgba(0,0,0,0);
	margin-top:10px;
}
button.home { background-image:url(/assets/template/mobile/images/seeker_app/social_btn.png); }
button.home:hover { background-position:0 -58px; }
button.facebook { background-image:url(/assets/template/mobile/images/seeker_app/social_btn.png);background-position:-71px 0; }
button.facebook:hover { background-position:-71px -58px; }
button.twitter { background-image:url(/assets/template/mobile/images/seeker_app/social_btn.png);background-position:-140px 0; }
button.twitter:hover { background-position:-140px -58px; }
button.gooplus { background-image:url(/assets/template/mobile/images/seeker_app/social_btn.png);background-position:-210px 0; }
button.gooplus:hover { background-position:-210px -58px; }

#head_pc
{
	padding:15px 0;
	margin-top:25px;	
}
#video .container_IE {
	background-image:url(/assets/template/mobile/images/seeker_app/bg_forIE.png);
	background-repeat:repeat;
}
#head_pc #head_left_sec
{
	/*display:none;*/
}
#head_pc #head_right_sec
{
	/*display:none;*/
}
#head_mobile
{
	display:none;
}
#video {
	background-image:url(/assets/template/mobile/images/seeker_app/bg_town_2550.jpg);
	background-repeat:no-repeat;
	height:600px;
	margin-top:20px
}

#video .container_IE {
	position: relative;
}
.bg_head {
	background-color:#d40101;
	height:82px;
}
.intro {
	padding:25px 0;
	text-align:center;
	overflow:hidden;
}
	
#feature {
	margin:30px 0 0;
}
#feature p {
	width:70%;
	margin:auto;
	font-size:0.85em;
	line-height:1.4em;
	text-align: left;
}
.icon_fea {
	width:165px;
	height:165px;
	display:block;
	margin:30px auto 50px;
	background-image:url(/assets/template/mobile/images/seeker_app/feature_icon.png);
}
#feature span.h1 { font-size:2em }
.purple span.topic { color:#954edd; }
.red span.topic { color:#e84554; }
.blue span.topic { color:#4551e8; }

#icon_inow { background-position:-166px 0; }
#icon_best_company { background-position:-331px 0; }
	
#search_job span.topic {
	color:#954edd;
}
#search_job .icon_h {
	background-position:0 0;
}
#inow span.topic {
	color:#e84554;
}
#inow .icon_h {
	background-position:-137px 0;
}
#review span.topic {
	color:#d54edd;
}
#review .icon_h {
	background-position:-271px 0;
}
#success span.topic {
	color:#00b4ff;
}
#success .icon_h {
	background-position:-407px 0;
}
#contact {
	background-color:#333;
	width:100%;
	font-size:22px;
	position:relative;
}
#contact .container {
	background-color:#333;
	color:#fff;
	margin-top:50px;
	padding:35px 0 0 0 !important;
}
#contact input,
#contact textarea {
	border-radius:0;
	border:none;
}
#contact label {
	font-weight:100;
	margin-right:15px;
	font-size:0.98em;
}
#contact span.h2 {
	border-bottom:1px solid #fff;
	display:block;
	padding:0 0 15px 0;
	margin-bottom:35px;
	font-size:1.6em;
}

.qr {
	width:80%;
	margin:30px auto 0;
}
.qr td {
	padding:0 0 15px;
}
.qr td.ap img {
	height:32px;
}
.icon th,.icon td {
	padding:5px 3px;
}
.icon th {
	vertical-align:top;
}
.map th,.map td {
	padding-top:45px;
	font-size:26px;
}

@media (min-width:1024px) {
	#video .container_IE 
	{
		height: 600px;
	}
	#head_pc #head_left_sec
	{
		position: absolute;
		left:80px;
		top:30px;
		display:block;
	}
	#head_pc #head_right_sec
	{
		position: absolute;
		right:0;
		top:80px;
		display:block;
	}
}
@media (max-width:1190px) {
	.container,.cont,.container_IE {
		width:100%;
	}
	img {
		max-width:100%;
	}
}
@media (max-width:1024px) {
	#video {
		height:auto;
	}
	#video .container_IE 
	{
		height:auto;
	} 
	#head_mobile
	{
		display:block;
	}
	#search_job .container, #success .container {
		padding-left:20px;
	}
	#inow .container, #review .container {
		padding-right:20px;
	}
	.content {
		width:85%;
	}
	.content span.topic {
		font-size:1.5em;
	}
	.content p {
		font-size:0.82em;
	}
	#success .container {
		padding-top:35px;
	}
	#video
	{
		margin-top:45px;	
		padding: 15px 8px;
	}
}
@media (max-width:767px) {
	.container,.container_IE {
		height:auto;
	}
	.mobile {
		display:none;
	}
	#feature { margin:30px 0 0;}
	#feature p { display:none; }
	#feature span.topic { font-size: 1em; }
	
	.icon_fea { width:90px; height:90px; background-size:cover; margin:15px auto 10px; }
	
	#icon_inow { background-position:-90px 0; }
	#icon_best_company { background-position:-180px 0; }
	
	.content {
		margin:0 auto;
		text-align:center;
		width: 100%;
	}
	.icon_h {
		margin:30px auto 0;
	}
	#search_job .container, #success .container {
		padding-left:0;
	}
	#inow .container, #review .container {
		padding-right:0;
	}
	#inow .flR,#review .flR { float:none; }
	#inow { padding-top:25px; }
	
	#contact .container {
		height:auto;
	}
	#contact .pad0 {
		padding:0 20px;
	}
	
	#head_fix { height:50px; }
	.bg_head { height:50px; }
	.cont {
		padding:0 10px;
	}
	.cont button {
		width:42px;
		height:41px;
		margin:0;
	}
	button.home { background-image:url(/assets/template/mobile/images/seeker_app/social_btn_mobile.png); }
	button.home:hover { background-position:0 -41px; }
	button.facebook { background-image:url(/assets/template/mobile/images/seeker_app/social_btn_mobile.png);background-position:-50px 0; }
	button.facebook:hover { background-position:-50px -41px; }
	button.twitter { background-image:url(/assets/template/mobile/images/seeker_app/social_btn_mobile.png);background-position:-100px 0; }
	button.twitter:hover { background-position:-100px -41px; }
	button.gooplus { background-image:url(/assets/template/mobile/images/seeker_app/social_btn_mobile.png);background-position:-148px 0; }
	button.gooplus:hover { background-position:-148px -41px; }
	
	.col-sm-4
	{
		width: 100%;
		clear:both;
	}
	.col-sm-8
	{
		width: 100%;
		clear:both;
	}
	.col-sm-6
	{
		width: 80%;
		clear:both;
	}
	#video
	{
		margin-top:45px;	
		padding: 15px 8px;
	}
	#contact_form_box .h2
	{
		text-align:center;
		line-height:1em;
	}
	#contact_form_box
	{
		width:100%;
		overflow: hidden;
	}
	.form-group
	{
		margin:20px;
	}
	.form-control
	{
		width:95%;
	}
}