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


.eq01_body{
	width:900px ;
	background-color:#ffd900 ;
	margin: auto ;
}

.eq01_title div{
	width:700px;
	margin: 30px 100px 40px;
	font-size:16px ;
	line-height:30px ;
}

.eq01_q1-2 wrap{
	display:block ;
	float:none ;
	width: 900px ;
	height: 390px ;
	}


.eq01_q1{
	display:block ;
	float:left ;
	color:#ffd900 ;
	font-size:28px ;
	width: 440px ;
	height: 390px ;
	background-color: #1f2021 ;
	margin-right:20px ;
	overflow:hidden ;
}

#chart1{
	margin: 30px 0 0 110px ;
}

#chart2{
	margin: 30px 0 0 70px ;
}

#chart3{
	margin: 30px 0 0 40px ;
}

#eq01_q1_1{
	display:block ;
	color:#ffffff;
	font-size:24px ;
	margin: -250px 0 0 350px ;
	z-index: 999999 ;
}

.eq01_q2{
	display:block ;
	float:left ;
	color:#ffd900 ;
	font-size:28px ;
	width: 440px ;
	height: 390px ;
	background-color: #1f2021 ;
}

.eq01_q3{
	display:block ;
	float:none ;
	color:#ffd900 ;
	font-size:28px ;
	width: 900px ;
	height: 390px ;
	background-color: #1f2021 ;
	margin-top:5px ;
}


.eq01_q3 span{
	font-size:18px ;
}

.eq01_q3_text1{
	display:block ;
	float:left ;
	font-size:20px ;
	font-weight:500 ;
	line-height:32px ;
	color:#ffffff ;
	width: 350px ;
	height: 60px ;
	margin: 0 20px 0 70px ;
}

.eq01_q3_text2{
	display:block ;
	font-size:16px ;
	font-weight:300 ;
	line-height:30px ;
	color:#ffffff ;
	width: 350px ;
	height: 200px ;
	margin: 10px 0 0 0 ;
}

.eq01_q3_chart{
	float:left ;
	width:350px ;
	height:260px ;
}

.eq01_q4{
	width: 800px;
	margin:50px ;
	font-size:36px ;
	background-color:#ffffff;
	padding:1px ;
}

.eq01_subtitle1{
	color:#ffd900 ;
	font-size:28px ;
	margin-left:64px ;
	margin-top:36px ;
	letter-spacing:-1px ;
}

.eq01_subtitle2{
	color:#ffd900 ;
	font-size:28px ;
	margin-left:30px ;
	margin-top:36px ;
	letter-spacing:-1px ;
}

.eq01_subtitle3{
	color:#ffd900 ;
	font-size:28px ;
	margin:20px 0 20px 50px ;
	padding-top:36px ;
}

.eq01_q3_text{
	display:block ;
	float:none ;
	color:#ffffff ;
	font-size:16px ;
	width: 350px ;
	margin: 20px 70px ;
}

.eq01_subtitle4{
	font-size:36px ;
	font-weight:900 ;
	margin: 50px 0 0 50px ;
	letter-spacing:-3px ;
}


#sortArea {
	width: 800px;
	margin: 40px auto 0;
}


#sort {
	width: 700px;
	margin: 0 50px 0 50px ;
	margin-bottom: 20px;
	overflow: hidden;
}
#sort:after {
  display : table;
  clear : both;
  content : '';
}
#sort ul {
	width: 700px;
	padding-left:0 !important ;
}
#sort li {
	display: inline-block;
	float: left;
	width: 135px;
	height:36px ;
	line-height:36px ;
	margin-bottom: 8px;
	text-align: center;
	padding: 6px 0;
	cursor: pointer;
	font-size: 16px;
	font-weight:600 ;
}
#sort li:hover {
	color:#000000 ;
	background-color: #f4f4f4;
}
#sort li.active {
	color:#ffffff ;
	background-color: #ff4683;
	cursor: default;
}

#itemList {
	margin: 0 50px 65px 50px ;
}

#itemList .item {
	width: 220px;
	height: 220px;
	margin: 20px 20px 0 0;
	font-size:46px ;
	text-align: center;
}

#itemList .item  span{
	font-size:18px ;
}

.all { color:#ffffff ; background-color: #1f2021; width:160px !important;}
.insecurity { background-color: #caf5dc; }
.labor { background-color: #cae6ff;}
.mental { background-color: #f5cdf0; }
.terms { background-color: #ffdc9f; }
.age1{ background-color: #efefef;}
.age2{ background-color: #e1e1e1;}
.ages {font-family: "Arial Narrow", Arial, sans-serif; line-height:56px ;}
.point{ font-size:16px ; line-height:32px ; color:#000000 ; text-align:left ; width:190px ; height:120px ; margin:19px ;}

.point1{ font-size:16px ; line-height:36px ; color:#000000 ; text-align:left ; width:190px ; height:120px ; margin:38px 19px ;}
.point2{ font-size:16px ; line-height:36px ; color:#000000 ; text-align:left ; width:190px ; height:120px ; margin:22px 19px ;}
.point3{ font-size:16px ; line-height:26px ; color:#000000 ; text-align:left ; width:190px ; height:120px ; margin:14px 19px ;}

.insecurity .ages{ color:#17b17c; width:220px; height:60px ; border-bottom:3px solid ; border-color:#ffffff;}
.insecurity .ages .age{ display:block ; float:left ; text-align:center;  width:80px; height:60px ; border-right:3px solid ; border-color:#ffffff; }
.insecurity .ages .reason{ float:left ; width:100px; height:23px ; background: url(../img/eq01/eq01_chart4_bk_title.png) no-repeat 0 0; margin: 20px 0 0 20px ; }

.labor .ages{ color:#3fa9f5; width:220px; height:60px ; border-bottom:3px solid ; border-color:#ffffff;}
.labor .ages .age{ display:block ; float:left ; text-align:center;  width:80px; height:60px ; border-right:3px solid ; border-color:#ffffff; }
.labor .ages .reason{ float:left ; width:100px; height:48px ; background: url(../img/eq01/eq01_chart4_bk_title.png) no-repeat 0 -20px; margin: 7px 0 0 20px ; }

.mental .ages{ color:#d959a8; width:220px; height:60px ; border-bottom:3px solid ; border-color:#ffffff;}
.mental .ages .age{ display:block ; float:left ; text-align:center;  width:80px; height:60px ; border-right:3px solid ; border-color:#ffffff; }
.mental .ages .reason{ float:left ; width:100px; height:23px ; background: url(../img/eq01/eq01_chart4_bk_title.png) no-repeat 0 -70px; margin: 20px 0 0 20px ; }

.terms .ages{ color:#e66a47; width:220px; height:60px ; border-bottom:3px solid ; border-color:#ffffff;}
.terms .ages .age{ display:block ; float:left ; text-align:center; line-height:56px ; width:80px; height:60px ; border-right:3px solid ; border-color:#ffffff; }
.terms .ages .reason{ float:left ; width:100px; height:48px ; background: url(../img/eq01/eq01_chart4_bk_title.png) no-repeat 0 -90px; margin: 7px 0 0 20px ; }

#last_box{
	width:700px ;
	font-size:18px ;
	line-height:32px ;
	margin: 0 0 0 100px ;
	padding: 0 0 50px 0 ;
}

#last_title{
	font-size:24px ;
	font-weight:900 ;
	margin-bottom:10px ;
}

#tojob{width:696px; height:91px ; overflow: hidden;margin-top:20px ; margin-bottom:10px ;box-shadow: 2px 3px 3px rgba(0,0,0,0.4);}
#tojob img{width:696px; height:91px ; overflow: hidden;}
#tojob:hover{ margin-top:23px ; margin-bottom:7px ;box-shadow: 2px 1px 2px  rgba(0,0,0,0.4);}