/*page-title*/
.page-container,.page-title{
	position:relative;
	z-index:1
}
.page-title>.container{
	overflow:hidden;
	white-space:nowrap
}
.page-title>.container:after{
	content:"";
	display:inline-block;
	vertical-align:middle;
	height:100%
}
.page-title .center{
	display:inline-block;
	clear:both;
	white-space:normal;
	width:100%;
	vertical-align:middle
}
.page-title .center .center-v{
	width:100%
}
.page-title-container .main-title{
	vertical-align:middle
}
.page-title-column-left{
	text-align:right
}
.page-title-column-center{
	text-align:center
}
.page-title-column-right{
	text-align:left
}
.page-title-column-center .PageTitlePane{
	margin-right:auto;
	margin-left:auto
}
.page-title-column-right .PageTitlePane{
	margin-right:auto;
	margin-left:0
}
.page-title-row-left .center-v{
	-ms-flex-pack:justify!important;
	justify-content:space-between!important;
	-ms-flex-align:center!important;
	align-items:center!important;
	display:-ms-flexbox;
	display:flex
}
.page-title-row-left .PageTitlePane,.page-title-row-left .pagetitle-breadcrumbs-box{
	text-align:left
}
@media only screen and (max-width:767px){	
	.page-title .center .center-v{
		display:block
	}
}
.page-title-arrow{
	position:absolute;
	right:50%;
	bottom:30px;
	width:30px;
	height:30px;
	cursor:pointer;
	text-align:center;
	z-index:99;
	transform:translate3d(-50%,0,0);
	-ms-transform:translate3d(-50%,0,0);
/* IE 9 */
	-moz-transform:translate3d(-50%,0,0);
/* Firefox */
	-webkit-transform:translate3d(-50%,0,0);
/* Safari 和 Chrome */
	-o-transform:translate3d(-50%,0,0);
/* Opera */
	
}
@media only screen and (max-width:767px){	
	.page-title-arrow.mobile_hide{
		display:none
	}
}
@keyframes arrow-movement{
0%{
	opacity:0;
	top:0
}
70%{
	opacity:1
}
100%{
	opacity:0
}
}
.page-title-arrow .arrow{
	opacity:0;
	position:absolute;
	right:12%;
	top:15px;
	transform-origin:50% 50%;
	transform:translate3d(-50%,-50%,0);
	-ms-transform:translate3d(-50%,-50%,0);
/* IE 9 */
	-moz-transform:translate3d(-50%,-50%,0);
/* Firefox */
	-webkit-transform:translate3d(-50%,-50%,0);
/* Safari 和 Chrome */
	-o-transform:translate3d(-50%,-50%,0);
/* Opera */
	
}
.page-title-arrow .arrow-first{
	animation:arrow-movement 1.5s ease-in-out infinite
}
.page-title-arrow .arrow-second{
	animation:arrow-movement 1.5s 0.75s ease-in-out infinite
}
.page-title-arrow .arrow:before,.page-title-arrow .arrow:after{
	background:#666;
	content:"";
	display:block;
	height:3px;
	position:absolute;
	top:0;
	right:0;
	width:20px
}
html.html-night .page-title-arrow .arrow:before,html.html-night .page-title-arrow .arrow:after{
	background-color:#FFF
}
.page-title-arrow .arrow:before{
	transform:rotate(45deg) translateX(-15%);
	transform-origin:top right
}
.page-title-arrow .arrow:after{
	transform:rotate(-45deg) translateX(15%);
	transform-origin:top left
}
.page-title.light .page-title-arrow .arrow:before,.page-title.light .page-title-arrow .arrow:after{
	background:#fff
}
.page-title-bg{
	position:relative
}
.page-title-bg.light-overlay::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:rgba(255,255,255,0.50)
}
.page-title-bg.dark-overlay::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:rgba(0,0,0,0.50)
}
.pagetitle-breadcrumbs-box{
	text-align:center;
	font-size:1.125rem;
	color:#FFF;
	margin:44px 0 0;

	font-weight:500
}
.pagetitle-breadcrumbs-box .separator{
	padding:0 5px
}
.page-title .pagetitle-breadcrumbs-box + .PageTitlePane{
	margin-top:10px
}
.pagetitle-right .pagetitle-breadcrumbs-box{
	margin:10px 0
}
.pagetitle-breadcrumbs-box div{
	display:inline-block
}
.pagetitle-breadcrumbs-box ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block
}
.pagetitle-breadcrumbs-box ul li{
	display:inline-block
}
.pagetitle-breadcrumbs-box ul li::after{
	content:"-";
	padding:0 5px
}
.pagetitle-breadcrumbs-box ul li:last-child:after{
	content:none
}
.pagetitle-breadcrumbs-box a{
	display:inline-block;
	position:relative
}
.pagetitle-breadcrumbs-box a::after{
	content:"";
	border-bottom:2px solid currentColor;
	position:absolute;
	right:2px;
	bottom:0;
	width:0;
	transition:all ease-in 300ms
}
.pagetitle-breadcrumbs-box a:hover::after{
	width:20px
}
.page-title-bg.bottom-line{
	border-bottom:1px solid #e1e6f1
}
html.html-night .page-title-bg.bottom-line{
	border-bottom-color:rgba(255,255,255,.1)
}
html.html-night .page-title.dark .main-title{
	color:#ff0
}
.page-title.dark .PageTitlePane .Normal,.page-title.dark .PageTitlePane a:link,.page-title.dark .PageTitlePane a:active,.page-title.dark .PageTitlePane a:visited,.page-title.dark .pagetitle-breadcrumbs-box,.page-title.dark .pagetitle-breadcrumbs-box a,.page-title.dark .pagetitle-breadcrumbs-box a:link,.page-title.dark .pagetitle-breadcrumbs-box a:active,.page-title.dark .pagetitle-breadcrumbs-box a:visited{
	color:#787878
}
.page-title.dark .pagetitle-breadcrumbs-box a:hover{
	color:#333333
}
.page-title.light .main-title,#Body .page-title.light .main-title.color-accent{
	color:#ffffff
}
.page-title.light .PageTitlePane .Normal,.page-title.light .PageTitlePane a:link,.page-title.light .PageTitlePane a:active,.page-title.light .PageTitlePane a:visited .page-title.light .pagetitle-breadcrumbs-box,.page-title.light .pagetitle-breadcrumbs-box a,.page-title.light .pagetitle-breadcrumbs-box a:link,.page-title.light .pagetitle-breadcrumbs-box a:active,.page-title.light .pagetitle-breadcrumbs-box a:visited{
	color:#ffffff
}
.page-title.light .pagetitle-breadcrumbs-box a:hover{
	color:#fff
}
.page-title .main-title{
	display:block;
	margin:0
}
.page-title.medium .main-title{
	font-size:2.25rem
}
.page-title.large .main-title{
	font-size:2.625rem
}
.page-title.small .main-title{
	font-size:1.75rem
}
.page-title .main-title span{
	display:inline-block;
	position:relative;
	z-index:2
}
.page-title .main-title span::before{
	content:"";
	height:15px;
	position:absolute;
	right:0;
	bottom:1px;
	left:0;
	z-index:-1
}
.page-title p{
	margin:0
}
.page-title .PageTitlePane{
	margin-top:22px;
	font-size:1.125rem
}
@media only screen and (max-width:991px){	
	.page-title .main-title{
		font-size:2rem !important
	}
	.pagetitle-breadcrumbs-box{
		font-size:1rem !important;
		margin-top:6px!important;
		margin-bottom:0
	}
	.page-title .pagetitle-breadcrumbs-box + .PageTitlePane{
		margin-top:2px
	}
	.page-title-container{
		height:auto;
		padding-top:67px;
		padding-bottom:67px
	}
}
@media only screen and (max-width:767px){	
	.page-title-container .main-title,.page-title-container .pagetitle-right,.page-title-container .pagetitle-right .pagetitle-breadcrumbs-box{
		text-align:center
	}
}