@charset "UTF-8";
/* STAFF */

article a:hover {
	color: #77bbae !important;
}

#newsBox {
	width: 693px;
}

#newsBox .newsContents {
	padding: 0;
}

#newsBox .newsContents li .rightBox {
	width: 600px;
}

#staffTopSide {
	margin: 45px 0;
}

#staffTopSide li {
	margin-bottom: 10px;
}

#staffTopSide li:last-child {
	margin-bottom: 0;
}

#staffTopSide li a {
	padding: 10px;
	font-size: 17px;
	font-size: 1.7rem;
}
#staffTopSide .sideSubLinks li a {
	padding: 10px;
	font-size: 17px;
	font-size: 1.4rem;
	padding-left: 1.8em;
}

#staffTopSide li a .fa {
	margin-right: 5px;
}

#staffTopSide .linkBox .rightBox {
	width: 170px;
}

#staffTopSide .linkBox a {
	padding: 15px;
}

@media screen and (max-width: 980px) {
	
	#newsBox {
		padding-top: 20px;
		padding-bottom: 0;
	}

	#staffTopSide .linkBox {
		display: none;
	}
	
	#staffTopSide {
		margin: 0 auto;
	}
}


/*********   fringe benefits   start  *************/



.sttl01 {
	border-bottom:solid 1px #DEDEDE;

}

.ma10 {
	margin:1% 0;
	font-size:0.9em;
}

#newsBox01 {
	width: 693px;
	padding:3% 0 1%;
}

#newsBox01 p {
	font-size:0.9em;
	color:#525252;
	line-height:160%;
}

#topicalPath {
	margin-top:15px;
	margin-bottom:-10px;
}

.stuff_ttl01 {
	font-weight:100;
	width:100%;
	height:auto;
	background:#EEEEEE url(../images/fringe_benefits_icon.jpg) 12px center no-repeat;
	padding:5px 0 5px 27px;
	margin-bottom:4%;
	
}

.stuff_inner {
	padding:0 2% 0;
}

.stuff_subttl01 {
	color:#F17972;
	font-size:1.2em;
	font-weight:500;
	margin-top:5%;
}

.stuff_subttl02 {
	color:#000;
	font-size:1.2em;
	font-weight:500;
	margin-top:5%;
}

.stuff_ttl02 {
	font-weight:100;
	width:100%;
	height:auto;
	background:#EEEEEE url(../images/fringe_benefits_icon.jpg) 12px center no-repeat;
	padding:5px 0 5px 27px;
	margin:7% 0 4% 0;
	
}

.stuff_table01 {
	width:100%;
	
	margin:20px auto 0;
	border:1px solid #DDDDDD;
}
.stuff_table02 {
	width:94%;
	margin:20px auto 0;
	
	
}

.table_ttl01{
	background:#F8C6C2;
	font-weight:bold;
	border-right:1px #DDDDDD solid;
	border-bottom:2px solid #DDDDDD;
	width:30%;
	height:auto;
	text-align:center;
	padding:5px 0;
	
}

.table_ttl02{
	background:#F8C6C2;
	font-weight:bold;
	border-right:1px #DDDDDD solid;
	border-bottom:2px solid #DDDDDD;
	width:70%;
	height:auto;
	text-align:center;
	padding:5px 0;
}

.table_ttl03 {
	padding:2% 0 0 2%;
	vertical-align:top;
	border:1px #DDDDDD solid;
}

.table_ttl04 {
	padding:2%;
	font-size:0.9em;
	vertical-align:top;
	border:1px #DDDDDD solid;
	
}
.table_ttl06 {
	padding:0.5%;
	font-size:0.9em;
	vertical-align:top;
	border:1px #DDDDDD solid;
	
}
.stuff_table02 .table_ttl04 {
	padding:2% 2% 2% 0;
	font-size:0.9em;
	vertical-align:top;
	border:none;
	
}
.table_ttl05 {
	padding:2% 0 0 0;
	vertical-align:top;
	border:1px #DDDDDD solid;
}
.stuff_table02 .table_ttl05 {
	padding:2% 0 0 0;
	vertical-align:top;
	border:none;
}


.boxright {
	width:45%;
	max-width:100%;
	float:right;
	
}

.boxleft {
	width:45%;
	float:left;
	
}

.sfulfont01 {
	font-size:0.9em;
}

.matop10 {
	margin-top:3%;
}

@media screen and (max-width:510px){
	.boxright {
	
	width:100%;
	
	float:none;
}

.boxleft {
	width:100%;
	
	float:none;
}
	

	
}
@media screen and (max-width:480px){

.table_ttl01{
	background:#F8C6C2;
	font-weight:bold;
	border-right:1px #DDDDDD solid;
	border-bottom:2px solid #DDDDDD;
	width:100%;
	height:auto;
	text-align:center;
	padding:2% 0;
	display:none;
	
}
.table_ttl02{
	background:#F8C6C2;
	font-weight:bold;
	border-right:1px #DDDDDD solid;
	border-bottom:2px solid #DDDDDD;
	width:100%;
	height:auto;
	text-align:center;
	padding:5px 0;
	display:none;
}

.table_ttl03 {
	padding:1% 0;
	
	background:#F8C6C2;
	border:1px #DDDDDD solid;
	
	
}	
td.table_ttl04 {
	padding:2%;
	font-size:0.98em;
	text-align:left;
	border:1px #DDDDDD solid;
}	
td.table_ttl06 {
	display:table-cell;
}
.table_ttl05 {
	padding:1% 0;
	
	background:#F8C6C2;
	border:1px #DDDDDD solid;
	
	
}	
.stuff_table02 .table_ttl04 {
	padding:0 2% 2% 2%;
	font-size:0.98em;
	background:none;
	text-align:left;
	
}
.stuff_table02 .table_ttl05 {
	padding:1% 0;
	background:none;
	border-top:1px solid #DDDDDD;
	margin-top:20px;
}
}

/*********   fringe benefits   end  *************/



/*********   rule   start  *************/

.mabottom01 {
	margin-bottom:3%;
	letter-spacing:0em;
	font-size:0.98em;
}

.mabottom02 {
	margin-bottom:7%;
	letter-spacing:0em;
	font-size:0.98em;
}
.rule_ul {
	margin-bottom:8%;
	font-size:0.98em;
}

.rule_ul li {
	background:url(../images/rule_icon.jpg) no-repeat left center;
	padding-left:2%;
	width:100%;
	height:auto;
}

.rule_ul2 li {
	background:url(../images/rule_icon.jpg) no-repeat left center;
	padding-left:2%;
	width:100%;
	height:auto;
	
}

.rule_ul2 {
	margin-bottom:3%;
	font-size:0.98em;
}

@media screen and (max-width:510px){
	
.rule_ul li {
	background:url(../images/rule_icon.jpg) no-repeat left center;
	padding-left:3%;
	width:100%;
	height:auto;
}

.rule_ul2 li {
	background:url(../images/rule_icon.jpg) no-repeat left center;
	padding-left:3%;
	width:100%;
	height:auto;
	font-size:100%;
	
}



}
/*********   rule   end  *************/

#faqAnchor {
	border: solid 1px #dfdfdf;
	padding: 25px;
	margin-bottom: 30px;
}

#faqAnchor li {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#faqAnchor li:last-child {
	border-bottom: none !important;
	margin-bottom: 0;
}

#faqAnchor li a {
	line-height: 1.3;
	padding-left: 15px;
}

#faqList .btmSolidTi div, #faqList .answerBox div {
	float: left;
	width: 60px;
	line-height: 1.1;
}

#faqList .btmSolidTi h2 {
	font-size: 23px;
	font-size: 2.3rem;
	font-weight: normal;
}

#faqList .answerBox > p, #faqList .btmSolidTi h2, #faqList .pMarkBox {
	float: right !important;
	width: 625px !important;
}

#faqList li {
	margin-bottom: 35px;
}

#faqList .btmSolidTi > div, #faqList .answerBox > div {
	font-size: 36px;
	font-size: 3.6rem;
	font-family: "Times New Roman", Times, serif;
	margin-right: 8px;
	text-align: right;
}

#faqList .btmSolidTi div {
	margin-top: -6px;
}

#faqList .btmSolidTi, #faqList .answerBox {
	overflow:hidden;
}

#faqList .pMarkBox {
	overflow: hidden;
}

#faqList .pMarkBox {
}

#faqList .pMarkBox, #faqList .pMarkBox .leftBox {
	width: 535px;
}
#faqList .pMarkBox .rightBox {
	width: 73px;
}

#faqList .pMarkBox {
	margin-right: 0 !important;
}

#faqList .pMarkBox .rightBox {
	float: right;
}

#faqList .pMarkBox p{
	font-size: 14px !important;
	font-size: 1.4rem !important;
	text-align:left !important;
	line-height: 1.8 !important;
}

@media screen and (max-width: 980px) {
	#faqList .btmSolidTi div, #faqList .answerBox div, #faqList .answerBox > p, #faqList .btmSolidTi h2, #faqList .pMarkBox {
		float: none !important;
		width: 100% !important;
	}
	
	#faqList .btmSolidTi div, #faqList .answerBox > div {
		text-align:center;
		margin-bottom: 15px;
	}
	
	#faqList .pMarkBox img{
		max-width: 100px;
		margin: 15px auto 0;
	}
}
.download_text{
	margin-top:20px;
	text-align:center;
	line-height: 120%;
}
.download_text img{
	display:inline-block;
	width:112px;
	margin-top:10px;
}
.download_text span{
	font-size:12px;
}
#jobSalary td {
    vertical-align: top;
}

#jobWelfare #variousInsurance li {
	width: 49%;
	padding: 20px;
	margin-bottom: 15px;
	vertical-align: top;
}