@charset "utf-8";

.about-wrap .photo { width:100%; height:auto; overflow:hidden; margin-bottom:2em; float:left;
/*圓角*/
border-radius:0.75em;}
.about-wrap .photo img { display:block; max-width:100%; height:auto; float:left;}

.about-wrap .text { width:100%; height:auto; overflow:hidden; margin-bottom:2em;}

/*企業沿革*/
.about-wrap.history .text * { padding:0; margin:0; list-style:none; text-decoration:none;}
.about-wrap.history .text dl { width:100%; height:auto; position:relative; border:1px solid #ccc; margin-bottom:1em; float:left; border-bottom:5px solid #ae9249;
/*圓角*/
border-radius:0.75em;}
.about-wrap.history .text dl:after { content:''; display:block; width:1px; height:1em; background:#ae9249; position:absolute; top:calc( 100% + 5px ); left:64px;}
.about-wrap.history .text dl:last-child:after { display:none;}
.about-wrap.history .text dl > * { padding:0.5em; float:left; position:relative; z-index:1; background:white;
/*圓角*/
border-radius:0.75em;}
.about-wrap.history .text dl > dt { width:6.5em; color:#847348; float:left;}
.about-wrap.history .text dl > dd { width:calc( 100% - 6.5em ); float:right;}

/*服務據點*/
.about-wrap.location { display:flex; flex-wrap:wrap; margin-bottom:2em; background:#004d72;}
.about-wrap.location .photo { width:300px; height:auto; overflow:hidden; float:left; margin:0; background:url(../Images/Layout/about/about_03.jpg) top center no-repeat; background-size:cover;
/*圓角*/
border-radius:0;}
.about-wrap.location .text { width:calc( 100% - 300px ); height:auto; overflow:hidden; float:left; padding:0.5em;}
.about-wrap.location .text * { padding:0; margin:0; list-style:none;}
.about-wrap.location .text dl { margin-bottom:0.5em; display:flex; flex-wrap:wrap; font-size:0.9em; overflow:hidden; width:100%; height:auto; background:#ae9249;
/*圓角*/
border-radius:10px;}
.about-wrap.location .text dl:last-child { margin-bottom:0;}
.about-wrap.location .text dt { padding:0.5em; width:7em; height:auto; overflow:hidden; float:left; color:white; text-align:center;
/*flex*/
	display: flex;
	align-items: center;
	justify-content:center;
	flex-wrap:wrap;}
.about-wrap.location .text dt small { font-size:0.8em; line-height:1; display:block; width:100%; height:auto; overflow:hidden; float:left;}
.about-wrap.location .text dd { width:calc( 100% - 7em ); height:auto; overflow:hidden; float:left; padding:0; background:white;
/*flex*/
display: flex;
align-items: center;
flex-wrap:wrap;}
.about-wrap.location .text dd > span { display:block; width:100%; height:auto; overflow:hidden; padding:0.25em 0.5em; float:left; position:relative; padding-left:40px;}
.about-wrap.location .text dd > span a { color:#000;}
.about-wrap.location .text dd > span:before { content:''; display:block; width:30px; height:calc( 100% - 10px ); position:absolute; top:5px; left:5px;}
.about-wrap.location .text dd > span.tel,
.about-wrap.location .text dd > span.fax { width:50%;}
.about-wrap.location .text dd > span.add { border-bottom:1px solid #ccc;}
.about-wrap.location .text dd > span.add:before { background:url(../Images/Layout/i_add_o.png) top center no-repeat; background-size:contain;}
.about-wrap.location .text dd > span.tel:before { background:url(../Images/Layout/i_tel_o.png) center center no-repeat; background-size:contain;}
.about-wrap.location .text dd > span.fax:before { background:url(../Images/Layout/i_fax_o.png) center center no-repeat; background-size:contain;}

/*集團資源*/
.about-wrap.location.resource { background:none;}
.about-wrap.location.resource .resource { width:100%; height:auto; overflow:hidden; margin-bottom:1em; background:#004d72; display:flex; flex-wrap:wrap;
/*圓角*/
border-radius:10px;}
.about-wrap.location.resource .resource .text { margin-bottom:0;}
.about-wrap.location.resource .resource-01 .photo { background:url(../Images/Layout/about/about_04.jpg) top center no-repeat; background-size:cover;}
.about-wrap.location.resource .resource-02 .photo { background:url(../Images/Layout/about/about_05.jpg) center center no-repeat; background-size:cover;}
.about-wrap.location.resource .resource-03 .photo { background:url(../Images/Layout/about/about_06.jpg) top center no-repeat; background-size:cover;}
.about-wrap.location.resource .resource .title a { display:block; width:100%; height:auto; overflow:hidden; float:left; padding:0.5em; color:white; font-size:1.2em; text-decoration:none; line-height:1.4;}
.about-wrap.location.resource .resource .title a:hover,
.about-wrap.location.resource .resource .title a:active { color:#ae9249;}
.about-wrap.location.resource .resource .title a strong { display:block; width:100%; height:auto; overflow:hidden; color:white!important; margin-right:10px; font-weight:normal;}

/*薪資福利*/
.recruit-wrap .recruit-box { width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:2em;
/*flex*/
display: flex;
align-items: center;
flex-wrap:wrap;}
.recruit-wrap .recruit-box:nth-child(even) { flex-direction:row-reverse;}
.recruit-wrap .recruit-box > div { width:50%; height:auto; overflow:hidden; float:left;}
.recruit-wrap .recruit-box > div img { display:block; width:100%; height:auto;
/*圓角*/
border-radius:15px;}
.recruit-wrap .recruit-box > div.text { padding:1em;
/*flex*/
display: flex;
align-items: center;
flex-wrap:wrap;}
.recruit-wrap .recruit-box > div.text h3 { display:block; width:100%; height:auto; overflow:hidden; float:left; padding:0; margin:0; color:#003959;}
.recruit-wrap .recruit-box > div.text ol { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}

@media only screen and (min-width:0px) and (max-width:1024px) {
	/*服務據點*/
	.about-wrap.location .photo { width:100%; height:30vw;}
	.about-wrap.location .text { width:100%;}
	
	/*薪資福利*/
	.recruit-wrap .recruit-box { margin-bottom:1em; align-items:flex-start;}
	.recruit-wrap .recruit-box:nth-child(even) {flex-direction:row;}
	.recruit-wrap .recruit-box > div.photo { width:40%;}
	.recruit-wrap .recruit-box > div.text { width:60%; padding:0; padding-left:1em;}
}
@media only screen and (min-width:0px) and (max-width:768px) {
	/*服務據點*/
	.about-wrap.location .text dd > span.tel,
	.about-wrap.location .text dd > span.fax { width:100%;}
	.about-wrap.location .text dd > span.tel { border-bottom:1px solid #ccc;}

	/*薪資福利*/
	.recruit-wrap {
	/*flex*/
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;}
	.recruit-wrap .recruit-box { margin-bottom:2em; width:calc( 50% - 10px ); float:left;}
	.recruit-wrap .recruit-box > div.photo { width:100%; margin-bottom:1em;}
	.recruit-wrap .recruit-box > div.text { width:100%; padding-left:0;}
}
@media only screen and (min-width:0px) and (max-width:512px) {
	.recruit-wrap .recruit-box { margin-bottom:1em; width:100%; float:left;}
}