@charset "UTF-8";


.pagetitle {
	padding: 5px;
	/* padding-bottom: 0; */
	text-align: center;
	/* background: url(../images/cotents_bg01.jpg); */
	background-position: 0 0;
	position: relative;
	overflow: hidden;
	/* height: 250px; */
	background: #eee;
}

.pagetitle ul{
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
	text-align: right;
	font-size: 14px;
}


	
.pagetitle li{
	display:inline;
	padding: 0 5px;
}



.pagetitle {padding:20px 5%;position:relative;z-index:1;border-top: #ededed 1px solid;/* border-bottom: #f5f5f5 1px solid; *//* margin-bottom: 30px; */}
.pagetitle:before { position:absolute; top:-1px; left:5%; right:5%; height:0; content:""; border-top:#ededed 1px solid; z-index:2; }
.pagetitle ol { font-size: 0; margin: 0; padding: 0; line-height: 1.8; line-height:1; }
.pagetitle li {display: inline-block; *display: inline;*zoom: 1;list-style: none;font-size: 11px;font-weight: normal;margin: 0;padding: 0;letter-spacing: 1px;height:20px;line-height:20px;}
/*#pagetitle li:after { font-size: 6px; font-family: 'themify'; content: "\e649"; font-weight: normal; margin: 0 10px; height:20px; line-height:20px; }*/
.pagetitle li:after {font-size: 10px;font-family: 'FontAwesome';content: "\f105";font-weight: normal;margin: 0 10px;height:20px;line-height:20px;}


.pagetitle li:last-child:after { display:none;}
.pagetitle li i { font-size: 16px; padding-right: 5px; font-weight: normal; line-height: 1.3; }
.pagetitle li a {/*border-bottom: #999 1px solid;*/position:relative;z-index:1;height:20px;line-height:20px;}
/*.breadcrumb li:first-child a:before {padding-right:5px; font-size: 11px; font-family: 'themify'; content: "\e69b";}*/
.#pagetitle li:first-child a:before {padding-right:5px;font-size: 1.2rem;font-family: 'FontAwesome';content: "\f015";}

.pagetitle li a:after {position:absolute;top:0;left:0;bottom:0;width:0;content:"";background:transparent;z-index:-1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.pagetitle li a:hover:after { width:100%; /*background:#d7e4ed; */}
.pagetitle li a:hover { color:#aaa; /*border-bottom: #999 1px solid;*/}

@media only screen and (max-width: 800px) {
	.pagetitle {padding: 20px 0.5%;border-top:none;}
	.breadcrumb:before { display:none;}
	.pagetitle li a {/*border-bottom: #aaa 1px solid;*/font-size: 16px;}
	.pagetitle li a:hover:after { display:none;}
	.pagetitle li a:hover { color:#000; }
}

@media only screen and (max-width: 414px) {
	.pagetitle ol { font-size: 0; margin: -10px auto 0; padding: 0; display:block; text-align:left; }
	.pagetitle li {font-size: 14px;margin: 10px 0 0;padding: 0;letter-spacing: 1px;}
	.pagetitle li:after { margin: 0 5px;}
	.pagetitle li:last-child {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width:10em;}
	.pagetitle li:first-child a { font-size:0; width:auto;padding-bottom: 7px; }
	.pagetitle li:first-child a:before {padding-right:0; font-size: 18px;}

	.pagetitle ul {

		text-align: left;
		font-size: 10px;
	}
	.pagetitle li {
		display: inline;
	 }
	.pagetitle li a {font-size: 14px;}

	}

@media only screen and (max-width: 320px) {
	.pagetitle li:last-child { width:;}	
}