html, body{
	font-family: 'Noto Sans TC', sans-serif;
	font-weight:400;
	font-size:1em;
	color:#424242;
}
.body__md{
	font-size:1.125em;
}
.body__lg{
	font-size:1.25em;
}
a{
	transition:all .2s ease-in-out .2s;
}
a:hover{
	text-decoration:none!important;
}
a:focus,button:focus{
	outline:none!important;;
}
@media screen and (max-width:576px){
	input, select, textarea {
		font-size: 16px!important;
	}
}

@media (max-width: 575.98px) {
	.container-fluid .container{
		padding-left:0;
		padding-right:0;
	}
}

/*--animation--*/
@keyframes float{
	0%	 {transform:translateY(0);}
	50%	{transform:translateY(-20px);}
	100% {transform:translateY(0);}
}

/*--header--*/
header{
	background:#f1f1f1;
	font-size:80%;
}
.header-wrap{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.header-logo > a{
	display:block;
	margin-top:1rem;
	width:228px;
	height:74px;
	text-indent:-9999px;
	background-image:url(../images/header-logo.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center center;
}
.header-qlink{
	display:inline-flex;
	justify-content:space-between;
	margin-top:0.5rem;
	margin-bottom:1rem;
	width:228px;
}
.header-qlink a{
	width:calc(50% - 4px);
	line-height:32px;
	border-radius:17px;
	text-align:center;
	color:#fff;
}
.header-qlink a:nth-of-type(1){
	background:#da5365;
}
.header-qlink a:nth-of-type(2){
	background:#00758d;
}
.header-qlink a:hover,.header-qlink a:active{
	color:#fff;
	background:#5fc0c6;
}
.header-func-bg{
	display:none;
}
.header-func{
	padding:8px 0;
	display:inline-flex;
}
.header-link{
	display:inline-block;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	color:#333;
	position:relative;
}
.header-link:before{
	content:'';
	display:block;
	width:28px;
	height:28px;
	background:#9fa0a0;
	border-radius:50%;
	transform:translate(-50%,-50%);
	position:absolute;
	top:50%;
	left:50%;
	opacity:0;
	transition:all .2s ease-in-out .2s;
}
.header-link:hover,.header-link.hfs-item.active,.lang-option-item.active,.header-link.lang-toggler[aria-expanded=true],.header-link.hst-item.active{
	color:#fff;
}
.header-link:hover:before,.header-link.lang-toggler[aria-expanded=true]:before{
	opacity:1;
}
.header-link.hfs-item.active:before,.lang-option-item.active:before,.header-link.hst-item.active:before{
	opacity:1;
	background:#da5365;
}
.header-link .ti,.header-link i{
	line-height:inherit;
	font-style:normal;
	z-index:10;
	position:relative;
}
.header-link.hst-toggler{
	display:none;
}
#headerSearchToggler{
	color:#fff;
}
#headerSearchToggler:before{
	opacity:1;
	background:#00758d;
}
.header-func .dropdown{
	display:inline-block;
}
.header-func .dropdown .header-link.lang-toggler[aria-expanded=true]:before{
	opacity:1;
}
.header-func .lang-toggler, .header-func .hst-toggler{
	cursor:pointer;
}
.lang-option-wrap{
	margin-top:8px;
	transform:translateX(-50%);
	position:absolute;
	left:50%;
	z-index:200;
}
.lang-option-wrap:before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	background:#cdcdcd;
	border:#cdcdcd solid 1px;
	border-radius:12px;
}
.lang-option-list{
	display:flex;
}
.lang-option-item{
	display:inline-block;
	text-align:center;
	position:relative;
	z-index:10;
}
.header-shortcut{
	padding-left:15px;
	position:relative;
}
.header-shortcut:before{
	content:'';
	display:block;
	width:1px;
	height:18px;
	background:#9fa0a0;
	position:absolute;
	left:9px;
	top:9px;
}
.header-select{
	padding:8px 0 8px 7em;
	position:relative;
	z-index: 100;
}
.header-select label{
	margin:0;
	line-height:34px;
	position:absolute;
	left:0;
}

/*--header-collapse--*/
.header-collapse{
	display:none;
	position:relative;
}
.header-collapse input::placeholder{
	font-size:80%;
}
.header-search form,.header-member form{
	margin-bottom:0;
	padding-top:8px;
}
.header-collapse input{
	padding:0 18px;
	height:34px;
	border-radius:17px;
	border:#9fa0a0 solid 1px;
	background:#f1f1f1;
}
.header-search input{
	padding:0 35px 0 18px;
	box-shadow:none;
}
.header-collapse input:focus{
	box-shadow:none;
	border:#565656 solid 1px;
	background:#f1f1f1;
}
.header-search button,.header-search button:before{
	transition:all .2s ease-in-out .2s;
	border-radius:50%;
	position:absolute;
}
.header-search button{
	width:32px;
	height:32px;
	font-size:14px;
	background:transparent;
	border:none;
	top:9px;
	right:1px;
}
.header-search button:before{
	content:'';
	display:block;
	width:8px;
	height:8px;
	background:#00758d;
	opacity:0;
	transform:translate(-50%,-50%);
	left:50%;
	top:50%;
}
.header-search button:hover:before{
	width:28px;
	height:28px;
	opacity:1;
}
.header-search button:focus{
	outline:none;
}
.header-search button:hover{
	color:#fff;
}
.header-search button i{
	position:relative;
	z-index:10;
}

/*--header-member--*/
.header-member-top{
	margin-bottom:8px;
}
.header-member-input{
	margin-bottom:8px;
	position:relative;
}
.header-member-input:before{
	display:block;
	width:17px;
	height:34px;
	line-height:34px;
	font-family:'themify';
	font-size:14px;
	left:14px;
	top:0;
	position:absolute;
}
.header-member-id:before{
	content:'\e602';
}
.header-member-password:before{
	content:'\e603';
}
.header-member-input input{
	padding:0 18px 0 38px;
}
.header-member-bottom{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.header-member-link a{
	display:inline-block;
	line-height:36px;
	color:#424242;
}
.header-member-link a:hover{
	color:#424242;
}
.header-member-link a+a{
	margin-left:8px;
}
.header-member-link a i.ti{
	display:inline-block;
	margin-right:4px;
	width:18px;
	height:18px;
	line-height:18px;
	text-align:center;
	font-size:12px;
	border-radius:50%;
	color:#fff;
	background:#9fa0a0;
	transition:all .2s ease-in-out .2s;
}
.header-member-link a:hover i.ti{
	background:#00758d;
}
.header-member-btn{
	padding-left:8px;
}
.header-member-btn button{
	display:block;
	padding:0 18px;
	line-height:36px;
	background:#9fa0a0;
	border-radius:18px;
	border:none;
	color:#fff;
}
.header-member-btn button:hover{
	background:#565656;
	color:#fff;
}
.header-member-btn button:focus{
	outline:none;
}
.select-box{
	position:relative;
	z-index:10;
}
.select-box select{
	display:none;
}
.select-box .select-selected{
	padding:0 35px 0 18px;
	border:#9fa0a0 solid 1px;
	border-radius:17px;
	background:#f1f1f1;
	position:relative;
	z-index:1;
}
.select-selected:after{
	content:'\e64b';
	width:17px;
	font-family:'themify';
	font-size:14px;
	line-height:32px;
	position:absolute;
	top:0;
	right:8px;
}
.select-box .select-selected.select-arrow-active{
	border:#565656 solid 1px;
}
.select-selected.select-arrow-active:after{
	content:'\e648';
}
.select-items a,.select-selected,.header-search input{
	line-height:32px;
	cursor:pointer;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.select-items{
	margin-top:-17px;
	width:100%;
	position:absolute;
	left:0;
	border-radius:0 0 8px 8px;
	background:#ccc;
	overflow:hidden;
	transition:height .2s ease;
}
.select-hide{
	height:0;
}
.mcs-vertical{
	padding-top:25px;
	padding-bottom:8px;
	height:calc(32px * 6 + 25px + 8px);
}
.select-items .mCSB_inside > .mCSB_container,
.page-menu .mCSB_inside > .mCSB_container{
	margin-right:18px;
}
.select-items .mCSB_inside > .mCSB_container{
	position: relative;
}
.select-items a{
	display:block;
	padding:0 18px;
}
.select-items a:focus{
	outline:none;
}
.select-items a,.select-items a:hover{
	color:#424242;
}
.select-items a:hover{
	background:rgba(0,0,0,.1);
}
.select-items a.active{
	width:100%;
	background:rgba(0,0,0,.5);
	color:#fff;
}
@media screen and (max-width: 767.98px) {
	.header-wrap{
		display:block;
		position:relative;
	}
	.header-func{
		display:flex;
		width:100%;
		justify-content:space-between;
		position:absolute;
		top:0;
	}
	.header-func-bg{
		display:block;
		width:100vw;
		height:52px;
		background:rgba(0,0,0,.15);
		position:absolute;
		top:0;
		right:0;
	}
	.header-shortcut{
		padding-left:0;
	}
	.header-shortcut:before{
		display:none;
	}
	.header-logo{
		padding-top:52px;
	}
	.header-logo > a{
		margin:24px auto 32px auto;
		width:330px;
		height:85px;
	}
	.header-qlink{
		display:flex;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:32px;
		width:330px;
	}
	.header-select,.header-collapse{
		margin:0 auto;
		max-width:330px;
	}
}
@media screen and (max-width: 575.98px) {
	.header-select{
		width:100%;
	}
	.header-func{
		display:block;
		padding:0;
		text-align:right;
	}
	.header-link.hst-toggler{
		display:inline-block;
	}
	.header-link.hst-toggler[aria-expanded=true]:before{
		opacity:1;
	}
	.header-link.hst-toggler i{
		display:block;
		transition:all .2s ease-in-out .2s;
	}
	.header-link.hst-toggler[aria-expanded=true] i.ti{
		transform:rotate(180deg);
		color:#fff;
	}
	.header-link{
		width:52px;
		height:52px;
		line-height:52px;
	}
	.header-link:before{
		width:32px;
		height:32px;
	}
	.header-shortcut{
		position:absolute;
		top:52px;
		right:0;
		z-index:1000;
	}
	.header-shortcut .collapse{
		position:relative;
	}
	.header-shortcut,.lang-option-wrap{
		margin-top:0;
	}
	.header-shortcut:before,.lang-option-wrap:before{
		display:block;
		width:100%;
		height:calc(100% + 1px);
		position:absolute;
		top:-1px;
		left:0;
		background:#f1f1f1;
		border:#cdcdcd solid 1px;
		border-radius:0 0 12px 12px;
	}
	.lang-option-list{
		display:block;
	}
	.header-link.hst-item,.header-link.lang-option-item{
		display:block;
	}
}

/*--nav--*/
.nav-wrap{
	min-height:56px;
	background-image:linear-gradient(to right,#5fc0c6 0%,#00758d 100%);
}
.nav-wrap .dropdown-item{
	font-size:inherit;
}
.nav-wrap .navbar{
	padding:0;
}
.nav-wrap .navbar-toggler{
	margin-left:auto;
	padding:0;
	width:42px;
	height:42px;
	border-radius:50%;
	border:#e4e4e4 solid 1px;
	position:relative;
	top:8px;
}
.nav-wrap .navbar-toggler:focus{
	outline:none;
}
.nav-wrap .navbar-toggler .navbar-icon{
	transform:translate(-50%, -50%);
	position:absolute;
	top:50%;
	left:50%;
}
.nav-wrap .navbar-toggler .navbar-icon,
.nav-wrap .navbar-toggler .navbar-icon:before,
.nav-wrap .navbar-toggler .navbar-icon:after{
	content:'';
	display:block;
	width:22px;
	height:2px;
	background:#fff;
	position:absolute;
}
.nav-wrap .navbar-toggler .navbar-icon:before,
.nav-wrap .navbar-toggler .navbar-icon:after{
	transition-property:top, transform;
	transition-delay:0.2s , 0s;
	transition-duration:0.2s, 0.2s;
}
.nav-wrap .navbar-toggler .navbar-icon:before{
	top:calc(50% - 8px);
}
.nav-wrap .navbar-toggler .navbar-icon:after{
	top:calc(50% + 6px);
}
.nav-wrap .navbar-toggler[aria-expanded=true] .navbar-icon{
	background:transparent;
}
.nav-wrap .navbar-toggler[aria-expanded=true] .navbar-icon:before,
.nav-wrap .navbar-toggler[aria-expanded=true] .navbar-icon:after{
	top:0;
	background:#fff;
	transition-delay:0s, 0.2s;
}
.nav-wrap .navbar-toggler[aria-expanded=true] .navbar-icon:before{
	transform:rotate(45deg);
}
.nav-wrap .navbar-toggler[aria-expanded=true] .navbar-icon:after{
	transform:rotate(-45deg);
}
.nav-wrap .navbar{
	width:100%;
}
.nav-wrap .navbar-expand-lg .navbar-nav .nav-link{
	padding:8px;
	color:#fff;
	line-height:40px;
	white-space:nowrap;
	text-align:center;
}
.nav-wrap .dropdown-item:hover,.nav-wrap .dropdown-item:active, .nav-wrap .dropdown-item:focus{
	color:#424242;
}
.nav-wrap .nav-link:hover, .nav-wrap .nav-link:focus,
.nav-wrap .dropdown-item:hover,.nav-wrap .dropdown-item:active, .nav-wrap .dropdown-item:focus{
	background:rgba(0,0,0,.1);
}
.nav-wrap .nav-link.active{
	background:rgba(0,0,0,.3);
	color:#fff;
}
.nav-wrap .dropdown-item.active{
	background:#00758d;
	color:#fff;
}
.nav-wrap .navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle{
	padding-right:24px;
	position:relative;
}
.nav-wrap .dropdown-toggle:after{
	content:'\e64b';
	display:inline-block;
	font-family:themify;
	font-size:12px;
	border:none;
	vertical-align:0;
	position: absolute;
	top:8px;
	right:8px;
}
.nav-wrap .dropdown-menu{
	margin:0;
	border-radius:0;
}

@media screen and (max-width:991.98px){
	.nav-wrap .navbar-nav{
		padding-bottom:8px;
	}
	.nav-wrap .navbar-expand-lg .navbar-nav .nav-link,.nav-wrap .navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle{
		padding:0;
	}
	.nav-wrap .dropdown-toggle:after{
		top:0;
	}
	.nav-wrap .dropdown-menu{
		border:none;
		background:rgba(255,255,255,.85);
	}
	.nav-wrap .dropdown-item{
		text-align:center;
	}
}

/*--button--*/
.more-btn{
	display:inline-block;
	width:226px;
	max-width:100%;
	line-height:36px;
	border-radius:18px;
	text-align:center;
	border:none;
	transition:all .2s ease-in-out .2s;
	position: relative;
	z-index:10;
}
.more-btn:focus{
	outline:none;
}
.btn-default{
	color:#fff;
	background:#00758d;
}
.btn-default:hover{
	color:#fff;
	background:#9fa0a0;
}
.btn-gradient{
	color:#fff;
	background-image:linear-gradient(to right,#5fc0c6 0%, #00758d 100%);
	background-size:200%;
	background-position:left center;
}
.btn-gradient:hover{
	background-position:right center;
	color:#fff;
}
.btn-borderwhite{
	color:#fff;
	border:#fff solid 1px;
}
.btn-borderwhite:hover{
	color:#333;
	background:#fff;
}
.btn-gray{
	background:#565656;
	color:#fff;
}
.btn-gray:hover{
	background:#9fa0a0;
	color:#fff;
}

/*--list-type--*/
.list-typeI{
	display:flex;
	flex-wrap:wrap;
}
.list-typeI-item{
	margin-bottom:30px;
	width:calc(50% - 15px);
	height:120px;
	overflow:hidden;
	position:relative;
	border-radius:6px;
}
.list-typeI-item:nth-of-type(even){
	margin-left:30px;
}
.list-typeI-date{
	width:120px;
	height:inherit;
	border-radius:50%;
	background:#036ed9;
	color:#fff;
	position:absolute;
}
.list-typeI-dd,.list-typeI-mm{
	display:block;
	text-align:center;
}
.list-typeI-dd{
	font-size:36px;
	line-height:80px;
	font-weight:bold;
}
.list-typeI-mm{
	margin-top:-16px;
}
.list-typeI-main{
	display:flex;
	margin-left:60px;
	padding-left:68px;
	width:calc(100% - 60px);
	background:#fff;
	border-radius:0 8px 8px 0;
}
.list-typeI-cont{
	width:100%;
}
.list-typeI-title{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	padding-top:30px;
	padding-right:8px;
	font-size:18px;
	line-height:25px;
}
.list-typeI-title a{
	color:#424242;
}
.list-typeI-detail{
	display:flex;
	padding-top:4px;
	padding-bottom:26px;
	line-height:30px;
}
.list-typeI-detail span{
	padding-left:25px;
	margin-right:1em;
	position:relative;
	font-size:.85em;
	color:#717171;
}
.list-typeI-detail span:before{
	display:block;
	width:25px;
	font-family:themify;
	color:#00a29a;
	position:absolute;
	top:0;
	left:0;
}
.list-typeI-detail span.list-typeI-cata:before{
	content:'\e639';
}
.list-typeI-detail span.list-typeI-auth:before{
	content:'\e626';
}
.list-typeI-link{
	width:80px;
	height:120px;
	font-size:0.9375em;
	position:relative;
}
.list-typeI-link:before{
	content:'';
	display:block;
	width:1px;
	height:104px;
	background:#9fa0a0;
	transform:translateY(-50%);
	position:absolute;
	top:50%;
}
.list-typeI-link a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	color:#575757;
	position:absolute;
	border-radius:0 8px 8px 0;
}
.list-typeI-link a:hover{
	color:#fff;
	background:#9fa0a0;
}
.list-typeI-link a span{
	display:block;
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
@media screen and (max-width:991.98px){
	.list-typeI-item{
		width:100%;
	}
	.list-typeI-item:nth-of-type(even){
		margin-left:0;
	}
}
@media screen and (max-width:575.98px){
	.list-typeI-item{
		height:180px;
	}
	.list-typeI-date{
		display:flex;
		width:168px;
		height:40px;
		border-radius:20px;
	}
	.list-typeI-dd,.list-typeI-mm{
		padding-left:16px;
		line-height:38px;
		text-align:center;
	}
	.list-typeI-dd{
		font-size:28px;
	}
	.list-typeI-mm{
		margin:0;
	}
	.list-typeI-main{
		display:block;
		margin-left:0;
		padding:20px 0;
		width:100%;
		background:transparent;
	}
	.list-typeI-cont{
		padding:0 15px;
		height:140px;
		background:#fff;
		border-radius:8px;
	}
	.list-typeI-title{
		padding-right:0;
	}
	.list-typeI-link{
		width:100%;
		height:40px;
		text-align:right;
		position:absolute;
		bottom:0;
		left:0;
	}
	.list-typeI-link:before{
		display:none;
	}
	.list-typeI-link a{
		display:inline-block;
		padding:0 24px;
		width:auto;
		height:40px;
		color:#fff;
		background:#9fa0a0;
		border-radius:20px;
		position:relative;
	}
	.list-typeI-link a:hover{
		background:#575757;
	}
	.list-typeI-link a span{
		position:relative;
	}
}

/*--footer--*/
.footer-wrap{
	background:#333;
	color:#f0f0f0;
	font-size:0.875em;
}
.footer-wrap a{
	color:#f0f0f0;
}
.footer-wrap a:hover{
	color:#ccc;
}
.footer-upper{
	padding-top:36px;
	padding-bottom:36px;
}
.footer-cont{
	display:flex;
}
.footer-logo{
	width:120px;
	height:120px;
	background-image:url(../images/logo-footer.png);
	background-size:85px 85px;
	background-repeat:no-repeat;
	background-position:left center;
}
.footer-data{
	margin-bottom:-8px;
	width:calc(100% - 120px);
}
.footer-data-item{
	padding-left:calc(1em + 8px);
	margin-bottom:8px;
	position:relative;
}
.footer-data-item i.ti,.footer-data-item span{
	display:block;
	position:absolute;
	left:0;
}
.footer-data-item span{
	display:inline-block;
	width:1em;
	height:1em;
	transform:translateY(2px);
}
.footer-data-item span img{
	width:100%;
	transform:translateY(-50%);
	position:absolute;
	top:50%;
	left:0;
}
.footer-data-item a{
	word-break:break-all;
}
.footer-nav{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:-15px;
	margin-right:-7.5px;
	margin-left:-7.5px;
}
.footer-nav-item{
	padding:0 7.5px 15px 7.5px;
	color:#f0f0f0;
	line-height:30px;
}
.footer-lower{
	padding-top:10px;
	padding-bottom:10px;
	background:rgba(0,0,0,.5);
	text-align:center;
	line-height:30px;
}
@media screen and (max-width: 767.98px){
	.footer-cont{
		flex-wrap:wrap;
		margin-bottom:36px;
	}
	.footer-data-item{
		padding:0;
	}
	.footer-logo,.footer-data{
		width:100%;
		text-align:center;
	}
	.footer-logo{
		background-position:center center;
	}
	.footer-data-item i.ti, .footer-data-item span{
		display:inline-block;
		position:relative;
		left:auto;
	}
	.footer-nav{
		justify-content:center;
	}
}

/*--back-to-top--*/
#back-to-top, #back-to-top i{
	width:52px;
	height:52px;
	line-height:52px;
	text-align:center;
}
#back-to-top{
	border-radius:50%;
	background:#00758d;
	position:fixed;
	right:15px;
	bottom:30px;
	z-index:999;
	opacity:0;
	color:#fff;
}
#back-to-top:hover{
	background:#5fc0c6;
}
#back-to-top i{
	display:block;
	font-size:22px;
	transform:rotate(-90deg);
}
#back-to-top.show{
	opacity:1;
}
@media screen and (max-width: 575.98px){
	#back-to-top,#back-to-top i{
		width:42px;
		height:42px;
		line-height:42px;
	}
}

/*--side-func--*/
.side-func{
	padding-left:42px;
	position:fixed;
	right:0;
	top:120px;
	z-index:100;
}
.side-toggler{
	display:block;
	width:42px;
	height:42px;
	border-top-left-radius:21px;
	border-bottom-left-radius:21px;
	text-align:center;
	line-height:42px;
	background:#cdcdcd;
	color:#333;
	position:absolute;
	left:0;
}
.side-toggler:before{
	content:'';
	display:block;
	width:12px;
	height:12px;
	border-radius:50%;
	background:rgba(0,0,0,.25);
	transition:all .2s ease-in-out .2s;
	transform:translate(-50%,-50%);
	position:absolute;
	top:50%;
	left:50%;
	opacity:0;
}
.side-toggler:hover:before,.side-toggler.active:before{
	width:38px;
	height:38px;
	opacity:1;
}
.side-toggler:hover,.side-toggler.active{
	color:#fff;
}
.side-toggler i.ti{
	line-height:inherit;
	position:relative;
	z-index:1;
}
.side-box{
	padding:10px;
	min-height:80px;
	background:#cdcdcd;
}
#sideCont{
	display:none;
	margin-top:-16px;
	padding:16px 5px;
	width: 80px;
	height: auto;
	overflow:hidden;
	position:relative;
}
#sideCont:before{
	content:'';
	display:block;
	width:100%;
	height:calc(100% - 32px);
	background:#cdcdcd;
	position:absolute;
	left:0;
	top:16px;
	border-radius:0 0 0 6px;
}
.side-slider a:focus{
	outline:none;
}
.side-slider{
	padding-top:16px;
	padding-bottom:16px;
}
.side-slider.slick-vertical .slick-slide{
	margin-bottom:8px;
	height:70px!important;
	border:none;
	float:none;
}
.side-slider .slick-prev, .side-slider .slick-next{
	display:block;
	margin-left:19px;
	width:32px;
	height:32px;
	border-radius:50%;
	overflow:hidden;
	background:#cdcdcd;
	left:0;
}
.side-slider .slick-prev{
	top:0;
}
.side-slider .slick-next{
	top:auto;
	bottom:-32px;
}
.side-slider .slick-prev:hover,.side-slider .slick-next:hover,
.side-slider .slick-prev:focus,.side-slider .slick-next:focus{
	background:#cdcdcd;
}
.side-slider .slick-prev:before,.side-slider .slick-next:before,
.side-slider .slick-prev:after,.side-slider .slick-next:after{
	display:block;
	transform:translate(-50%,-50%);
	position:absolute;
	left:50%;
	top:50%;
	transition:all .2s ease-in-out .2s;
}
.side-slider .slick-prev:before,.side-slider .slick-next:before{
	content:'';
	width:12px;
	height:12px;
	border-radius:50%;
	background:rgba(0,0,0,.25);
}
.side-slider .slick-prev:before,.side-slider .slick-next:before,
.side-slider .slick-prev.slick-disabled:before, .side-slider .slick-next.slick-disabled:before,
.side-slider .slick-prev.slick-disabled:hover:before, .side-slider .slick-next.slick-disabled:hover:before,
.side-slider .slick-prev.slick-disabled:focus:before, .side-slider .slick-next.slick-disabled:focus:before{
	opacity:0;
}
.side-slider .slick-prev:hover:before,.side-slider .slick-next:hover:before,
.side-slider .slick-prev:focus:before,.side-slider .slick-next:focus:before{
	width:28px;
	height:28px;
	opacity:1;
}
.side-slider .slick-prev:after,.side-slider .slick-next:after{
	font-family:themify;
	font-size:14px;
	text-align:center;
	color:#333;
}
.side-slider .slick-prev.slick-disabled:after, .side-slider .slick-next.slick-disabled:after{
	opacity:.33;
}
.side-slider .slick-prev:hover:after,.side-slider .slick-next:hover:after,
.side-slider .slick-prev:focus:after,.side-slider .slick-next:focus:after{
	color:#fff;
}
.side-slider .slick-prev.slick-disabled:hover:after, .side-slider .slick-next.slick-disabled:hover:after,
.side-slider .slick-prev.slick-disabled:focus:after, .side-slider .slick-next.slick-disabled:focus:after{
	color:#333;
}
.side-slider .slick-prev:after{
	content:'\e660';
}
.side-slider .slick-next:after{
	content:'\e663';
}
.side-item, .side-item span{
	display:block;
	font-size:14px;
	text-align:center;
	white-space:nowrap;
}
.side-item{
	padding-top:8px;
	width:70px;
	height:70px;
	border-radius:50%;
	border-width:2px;
	border-style:solid;
	overflow:hidden;
	position:relative;
}
.side-item-01{
	background:#fc3e5f;
	border-color:#fc3e5f;
}
.side-item-02{
	background:#00aa89;
	border-color:#00aa89;
}
.side-item-03{
	background:#2dacff;
	border-color:#2dacff;
}
.side-item-04{
	background:#a354bc;
	border-color:#a354bc;
}
.side-item-05{
	background:#f7910f;
	border-color:#f7910f;
}
.side-item-06{
	background:#268785;
	border-color:#268785;
}
.side-item-07{
	background:#0b346e;
	border-color:#0b346e;
}
.side-item:before,.side-item:after{
	display:block;
	transform:translate(-50%,-50%);
	transition:all .2s ease-in-out .2s;
	position:absolute;
	left:50%;
	top:50%;
	opacity:0;
}
.side-item:before{
	content:'';
	width:33%;
	height:33%;
	border-radius:50%;
	background:rgba(0,0,0,.5);
}
.side-item:after{
	content:'\e62f';
	font-family:themify;
	font-size:16px;
	color:#fff;
}
.side-item:hover:before,.side-item:hover:after{
	opacity:1;
}
.side-item:hover:before{
	width:100%;
	height:100%;
}
.side-item .side-title-upper{
	color:#fff;
	font-weight:bold;
	line-height:26px;
}
.side-item .side-title-lower{
	margin-top:1px;
	margin-left:auto;
	margin-right:auto;
	height:33px;
	font-size:12px;
	line-height:22px;
	color:#333;
	background:#fff;
}
@media screen and (max-width: 575.98px){
	.side-func{
		top:90px;
	}
}

/*--pagination--*/
.pagination-wrap{
	display:flex;
	justify-content:space-between;
}
.pagination-wrap a,.pagination-wrap span{
	display:inline-block;
	padding:0 .25em;
	min-width:32px;
	height:32px;
	text-align:center;
	border-radius:16px;
	line-height:32px;
}
.pagination-wrap .pagi-prev a,.pagination-wrap .pagi-next a{
	background:#9fa0a0;
	color:#fff;
}
.pagination-wrap .pagi-prev a:hover,.pagination-wrap .pagi-next a:hover{
	background:#575757;
	color:#fff;
}
.pagination-wrap .pagi-print a{
	color:#fff;
	background-image:linear-gradient(to right,#5fc0c6 0%, #00758d 100%);
	background-size:200%;
	background-position:left center;
}
.pagination-wrap .pagi-print a:hover{
	background-position:right center;
	color:#fff;
}
.pagination-wrap .pagi-list a{
	color:#333;
	position:relative;
}
.pagination-wrap .pagi-list a:after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	border:rgba(51,51,51,.3) solid 1px;
	border-radius:16px;
	transform:translate(-50%,-50%);
	position:absolute;
	left:50%;
	top:50%;
	transition:all .2s ease-in-out .2s;
}
.pagination-wrap .pagi-list a+a{
	margin-left:4px;
}
.pagination-wrap .pagi-list a:hover{
	background:#9fa0a0;
	color:#fff;
}
.pagination-wrap a.active{
	background:#da5365;
	color:#fff;
	pointer-events:none;
}
.pagination-wrap a.active:after,.pagination-wrap .pagi-list a:hover:after{
	opacity:0;
}
.pagination-wrap i{
	line-height:inherit;
}

/*--page-header--*/
.page-header,.page-header:before{
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	overflow:hidden;
}
.page-header{
	background-image:url(../images/page-header-bg-01.png);
	position:relative;
}
.page-header:before{
	content:'';
	display:block;
	width:100%;
	height:calc(100% + 20px);
	background-image:url(../images/page-header-bg-02.png);
	position:absolute;
	left:0;
	top:0;
	animation:float 6s ease-in-out infinite;
}
.page-head-img{
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
}
.page-head-img img{
	width:380px;
}
.col-md-auto.page-head-box{
	min-width:380px;
	text-align:center;
}
.page-head{
	margin-right:74px;
	margin-left:14px;
	margin-top:70px;
	margin-bottom:38px;
	font-weight:bold;
	font-size:28px;
	text-align:center;
	color:#333;
	position:relative;
	z-index:10;
}
.page-head small{
	display:block;
	margin-top:-8px;
	font-size:24px;
	font-weight:bold;
	color:#575757;
}
.page-breadcrumb-box{
	text-align:right;
}
.page-breadcrumb{
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	max-width:100%;
	padding:20px 0;
	font-size:.875em;
}
.page-breadcrumb span,.page-breadcrumb a{
	color:#333;
}
.page-breadcrumb span{
	padding:5px 8px;
	display:block;
	position:relative;
	line-height:30px;
}
.page-breadcrumb span:not(:last-child){
	margin-right:calc(1em + 8px);
}
.page-breadcrumb span:not(:last-child):after{
	content:'\e649';
	display:block;
	width:1em;
	font-family:themify;
	text-align:center;
	line-height:inherit;
	color:#898989;
	position:absolute;
	top:5px;
	right:calc(-1em - 4px);
}
.page-breadcrumb a:hover{
	color:#036ed9;
	color:#666;
}
.page-breadcrumb span.active{
	background:#fff;
	color:#333;
	border-radius:25px;
}
.page-breadcrumb span.active a{
	color:#fff;
	pointer-events:none;
}

/*--page-menu-tag--*/
.page-menu-tag{
	display:inline-block;
	margin-right:4px;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#ccc;
	position: relative;
	top:-2px;
}
.page-menu-tag-01{
	background:lightsalmon;
}
.page-menu-tag-02{
	background:crimson;
}
.page-menu-tag-03{
	background:darkred;
}
.page-menu-tag-04{
	background:tomato;
}
.page-menu-tag-05{
	background:orangered;
}
.page-menu-tag-06{
	background:orange;
}
.page-menu-tag-07{
	background:limegreen;
}
.page-menu-tag-08{
	background:green;
}
.page-menu-tag-09{
	background:darkseagreen;
}
.page-menu-tag-10{
	background:mediumseagreen;
}
.page-menu-tag-11{
	background:seagreen;
}
.page-menu-tag-12{
	background:olive;
}
.page-menu-tag-13{
	background:darkolivegreen;
}
.page-menu-tag-14{
	background:mediumaquamarine;
}
.page-menu-tag-15{
	background:darkturquoise;
}
.page-menu-tag-16{
	background:darkcyan;
}
.page-menu-tag-17{
	background:deepskyblue;
}
.page-menu-tag-18{
	background:dodgerblue;
}
.page-menu-tag-19{
	background:mediumblue;
}
.page-menu-tag-20{
	background:navy;
}
.page-menu-tag-21{
	background:slateblue;
}
.page-menu-tag-22{
	background:darkviolet;
}
.page-menu-tag-23{
	background:indigo;
}

/*--page-main--*/
.page-main{
	padding-top:30px;
	padding-bottom:60px;
	background-color:#57bec6;
	background-image:url(../images/page-bg.png);
	background-position:center center;
	background-size:160px 160px;
}

/*--page-menu--*/
.page-menu{
	padding:15px;
	position:relative;
	background:#fff;
	box-shadow:rgba(0,0,0,.33) 3px 3px 5px;
	z-index:100;
	border-radius:6px;
	position:sticky;
	top:30px;
}
.page-menu-title{
	margin-top:-15px;
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:15px;
	border-radius:6px 6px 0 0;
	text-align:center;
	line-height:42px;
	border-bottom:#d9d9d9 solid 2px;
}
.page-menu-toggler{
	display:none;
	width:42px;
	height:42px;
	text-align:center;
	color:#666;
	line-height:42px;
	background:transparent;
	position:absolute;
	top:0;
	right:0;
	z-index:10;
}
.page-menu-toggler,.page-menu-toggler:hover{
	color:#666;
}
.page-menu-toggler:before{
	content:'';
	display:block;
	width:11px;
	height:11px;
	border-radius:50%;
	background:#d9d9d9;
	transition:all .2s ease-in-out .2s;
	transform:translate(-50%,-50%);
	position:absolute;
	left:50%;
	top:50%;
	opacity:0;
}
.page-menu-toggler:hover:before,
.page-menu-toggler[aria-expanded=true]:before{
	opacity:1;
	width:34px;
	height:34px;
}
.page-menu-toggler i.ti{
	display:block;
	line-height:inherit;
	position:relative;
	z-index:10;
}
.page-menu-toggler[aria-expanded=true] i.ti{
	transform:rotate(180deg);
}
.navbar-expand-lg .navbar-collapse{
	flex-wrap:wrap;
}
.navbar-expand-lg .navbar-collapse > div{
	width:100%;
}
.mcs-page-menu{
	max-height:calc(42px * 6);
}
.page-menu-item{
	display:block;
	width:100%;
	padding:4px 8px;
	color:#333;
	line-height:34px;
	text-align:center;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	position:relative;
	z-index: 10;
}
.page-menu-item:hover{
	background:rgba(0,0,0,.35);
	color:#fff;
}
.page-menu-item.active,.page-menu-item[aria-expanded=true]{
	background:#00758d;
	color:#fff;
}
.page-menu-item[aria-expanded]:after{
	content:'';
	display:block;
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	width:30px;
	height:34px;
	line-height:34px;
	text-align:center;
	position: absolute;
	top:4px;
	right:8px;
}
.page-menu-item[aria-expanded=false]:after{
	content:'\f0fe';
}
.page-menu-item[aria-expanded=true]:after{
	content:'\f146';
}
.page-cont-box{
	margin-top:30px;
	margin-left:-30px;
	box-shadow:rgba(0,0,0,.33) 3px 3px 5px;
	border-radius:6px;
}
.page-cont-box > div{
	padding-left:60px;
	padding-right:30px;
	padding-left:48px;
	padding-right:18px;
}
.page-title{
	background:#00758d;
	padding-top:10px;
	padding-bottom:10px;
	line-height:50px;
	color:#fff;
	font-size:1.25em;
	border-radius:6px 6px 0 0;
}
.page-anchor{
	padding-top:26px;
	padding-bottom:26px;
	background:#f1f1f1;
	position:relative;
}
.page-anchor-toggler{
	display:none;
	padding:0 15px;
	height:30px;
	line-height:30px;
	font-size:.875em;
	color:#333;
	background:#f1f1f1;
	border-radius:15px;
	position:absolute;
	top:-15px;
	right:30px;
}
.page-anchor-toggler:hover{
	background:#9fa0a0;
	color:#fff;
}
.page-anchor-toggler i.ti{
	padding:0 4px;
	line-height:inherit;
}
.page-anchor-tag{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:-8px;
	width:100%;
}
.page-anchor-tag-item{
	margin-bottom:8px;
	padding-right:.75px;
	width:50%;
}
.page-anchor-tag a{
	display:block;
	width:fit-content;
	max-width:100%;
	padding-left:25px;
	padding-right:10px;
	font-size:.875em;
	line-height:30px;
	color:#333;
	position:relative;
}
.page-anchor-tag a:before,
.page-anchor-tag a:after{
	display:block;
	width:20px;
	height:20px;
	transform:translateY(-50%);
	position:absolute;
	left:0px;
	top:50%;
}
.page-anchor-tag a:after{
	content:'\e608';
	line-height:20px;
	font-size:16px;
	text-align:center;
	color:#fff;
	font-family:themify;
}
.page-anchor-tag a:before{
	content:'';
	border-radius:10px;
	background:#036ed9;
	transition:all .2s ease-in-out .2s;
}
.page-anchor-tag a:hover:before{
	width:100%;
}
.page-anchor-tag a:hover{
	color:#fff;
}
.page-anchor-tag a span{
	display:inline-block;
	width:fit-content;
	max-width:100%;
	position:relative;
	z-index:10;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.page-process{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.page-process-title{
	display:flex;
	justify-content:space-between;
	align-content:center;
	margin-top:-26px;
	padding:26px 0;
	position: relative;
}
.page-process-title span{
	font-size:1.125em;
}
.page-process-title small{
	font-size:.875em;
}
.page-process-item{
	padding:0 15px;
	width:calc(100% / 3);
	text-align:center;
	position: relative;
	font-size: .875em;
}
.page-process-item:not(:last-child):after{
	content:'\e649';
	display:block;
	width:30px;
	height:20px;
	line-height:20px;
	font-family:themify;
	color:rgba(0,0,0,.5);
	transform:translateY(-50%);
	position: absolute;
	top:50%;
	right:-15px;
}
.page-process-item span{
	display:inline-block;
	padding:0 10px;
	color:#036ed9;
	line-height:32px;
	border-radius:16px;
}
.page-process-item span.active{
	pointer-events:none;
	color:#fff;
	background:#036ed9;
}
.page-cont{
	padding-top:30px;
	padding-bottom:30px;
	min-height:500px;
	background:#fff;
	border-radius:0 0 6px 6px;
}
.page-cont.page-cont-autoheight{
	min-height:auto;
}
.anchor-title{
	margin-bottom:30px;
	padding:8px 0 8px 16px;
	font-size:1.125em;
	font-weight:bold;
	line-height:34px;
	color:#565656;
	position:relative;
}
.anchor-title:before{
	content:'';
	display:block;
	width:4px;
	height:20px;
	background:rgba(0,0,0,.15);
	position: absolute;
	left:6px;
	top:15px;
}
.anchor-cont{
	margin-bottom:70px;
	position:relative;
}
.anchor-cont:before{
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#d9d9d9;
	position:absolute;
	left:0;
	bottom:-43px;
}
.anchor-cont:after{
	content:'';
	display:block;
	clear:both;
}
.map-container{
	margin-bottom:30px;
	padding-bottom:56.25%;
	height:0;
	position:relative;
	overflow:hidden;
}
.map-container iframe{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}
.mcs-sitemap,.mcs-sitemap > .mCustomScrollBox{
	height:auto;
	max-height:calc(32px * 8);
}
.sitemap-link{
	display: inline-block;
	margin-right:4px;
	margin-bottom:2px;
	margin-left:19px;
	line-height:30px;
	font-size:.9em;
	color:#555;
	position: relative;
}
.sitemap-link:hover{
	color:#555;
}
.sitemap-link:before{
	content:'\e65d';
	display:block;
	width:15px;
	font-family:themify;
	font-size:12px;
	color:#00758d;
	text-align:center;
	position: absolute;
	left:-19px;
	top:0;
}
.sitemap-link:after{
	content:'';
	display:block;
	width:0;
	height:2px;
	background:rgba(0,0,0,.15);
	position: absolute;
	left:0;
	bottom:0;
	transition:all .2s ease-in-out .2s;
}
.sitemap-link:hover:after{
	width:100%;
}
.page-cont-box.no-page-menu{
	margin-left:0;
}
.page-cont-box.no-page-menu > div{
	padding-left:18px;
}
@media screen and (max-width: 991.98px){
	.page-menu-box{
		margin-bottom:60px;
		height:fit-content;
	}
	.page-cont-box{
		margin-top:0;
		margin-left:0;
	}
	.page-cont-box > div{
		padding-left:18px;
	}
	.page-anchor-tag,.page-anchor-tag-item{
		width:100%;
	}
	.page-menu-toggler{
		display:block;
	}
	.page-anchor-toggler{
		display:inline-block;
	}
	.page-process-item{
		padding:15px 0;
		width:100%;
	}
	.page-process-item:not(:last-child):after{
		content:'\e64b';
		top:auto;
		bottom:-15px;
		right:auto;
		left:50%;
		transform:translateX(-50%);
	}
}
@media screen and (max-width: 575.98px){
	.page-cont-box > div,.page-cont-box.no-page-menu > div{
		padding-left:15px;
		padding-right:15px;
	}
}

.about-img{
	width:50%;
	padding-bottom:24px;
	padding-left:30px;
	float:right;
}
@media screen and (max-width: 991.98px){
	.about-img{
		width:100%;
		padding-left:0;
		float:none;
	}
}

/*--page-list--*/
.page-list-search{
	padding:24px;
	background:#d9d9d9;
	border-radius:6px 6px 0 0;
	position:relative;
}
.page-title + .page-list-search{
	border-radius:0;
}
.page-list-search-title{
	display:inline-block;
	padding:0 24px 0 44px;
	font-size:24px;
	font-weight:bold;
	line-height: 46px;
	color:#666;
	background:#d9d9d9;
	pointer-events:none;
	border-radius:6px;
	position:absolute;
	right:0;
	top:-22px;
}
.page-list-search.navbar-expand-md .navbar-collapse{
	width:100%;
}
.page-list-search-title:hover{
	color:#575757;
}
.page-list-search-title:before{
	content:'\e610';
	display:inline-block;
	width:26px;
	height:26px;
	line-height:26px;
	border-radius:50%;
	text-align:center;
	font-family:themify;
	font-size:14px;
	color:#fff;
	background:rgba(0,0,0,.3);
	transition:all .2s ease-in-out .2s;
	transform:translateY(-50%);
	position:absolute;
	left:10px;
	top:50%;
}
.page-list-search form{
	margin-bottom:0;
	width:100%;
}
.page-list-search .form-control{
	font-size:.875em;
}
.page-list-search label{
	margin-bottom:.25em;
	font-size:.875em;
}
.page-list-search .row{
	position:relative;
}
.page-list-search .search-sumit{
	padding:0;
	text-align:right;
	position:absolute;
	right:15px;
	bottom:-42px;
}
.page-list-search .search-sumit button:focus{
	outline:none;
}

@media screen and (max-width: 767.98px){
	.page-list-search-title{
		pointer-events:auto;
		border-radius:26px;
		z-index:10;
	}
	.page-list-search-title[aria-expanded=false]{
		background:#d9d9d9;
		color:#575757;
	}
	.page-list-search-title[aria-expanded=true],.page-list-search-title:hover{
		background:#9fa0a0;
		color:#f1f1f1;
	}
	.page-list-search-title:before{
		left:9px;
	}
	.page-list-search-title:hover:before,
	.page-list-search-title[aria-expanded=true]:before{
		background:#00758d;
	}
}

/*--page-list-status--*/
.page-list-status{
	padding-top:52px;
	padding-bottom:45px;
	font-size:.875em;
	text-align:center;
	background:#f1f1f1;
	position: relative;
}
.page-list-status+.page-list-status{
	padding-top:18px;
}
.page-list-status+.page-list-status:before{
	content:'';
	display:block;
	width:calc(100% - 66px);
	height:1px;
	background:rgba(0,0,0,.075);
	position: absolute;
	left:48px;
	top:-8px;
}
.page-list-status span{
	display:inline-block;
}
.page-list-status b{
	color:#da5365;
}
@media screen and (max-width: 991.98px){
	.page-list-status+.page-list-status:before{
		width:calc(100% - 30px);
		left:15px;
	}
}
@media screen and (max-width: 575.98px){
	.page-list-status span{
		display:block;
	}
}

/*--page-list--*/
.page-list{
	margin-bottom:50px;
	padding:12px;
	border:#d9d9d9 solid 1px;
	border-radius:6px;
}
.page-list-title{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:18px;
	font-size:1.25em;
	font-weight:bold;
	position:relative;
}
.page-list-title:before{
	content:'';
	display:block;
	width:100%;
	height:4px;
	background:#333;
	transform:translateY(-50%);
	position:absolute;
	left:0;
	top:50%;
	opacity:.3;
}
.page-list-title span .ti{
	width:26px;
	height:26px;
	line-height:26px;
	font-size:12px;
	text-align:center;
	color:#fff;
	border-radius:50%;
	transform:translateY(-50%);
	position:absolute;
	top:50%;
	left:0;
	background:rgba(51,51,51,.3);
}
.page-list .page-list-title span .ti{
	background:#00758d;
}
.hot-list.page-list .page-list-title span .ti{
	background:#da5365;
}
.page-list-title span{
	padding-right:8px;
	padding-left:1.5em;
	position:relative;
	z-index:10;
	background:#fff;
}
.page-list-title samp{
	margin-right:-6px;
	padding-left:8px;
	font-family:inherit;
	z-index:10;
	background:#fff;
}
.page-list-title samp .more-btn{
	width:auto;
	padding:0 1rem;
	font-size:1rem;
	font-weight:normal;
}
.page-list-item{
	padding:8px 8px 8px 55px;
	position:relative;
}
.page-list-item:nth-of-type(odd){
	background:#efefef;
}
.page-list-item:not(:last-child){
	margin-bottom:16px;
}
.page-list-num{
	width:45px;
	text-align:center;
	color:#717171;
	transform:translateY(-50%);
	position:absolute;
	top:50%;
	left:0;
}
.page-list-num:after{
	content:'';
	display:block;
	width:1px;
	height:50px;
	background:#ccc;
	transform:translateY(-50%);
	position:absolute;
	top:50%;
	right:0;
}
.page-list-link{
	margin-bottom:4px;
}
.page-list-link a{
	display:inline-block;
	padding:0 2px;
	max-width:100%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	color:#333;
	position:relative;
}
.page-list-link a:before{
	content:'';
	display:block;
	width:0;
	height:2px;
	background:rgba(0,0,0,.5);
	position:absolute;
	left:0;
	bottom:0;
	transition:all .2s ease-in-out .2s;
}
.page-list-link a:hover:before{
	width:100%;
}
.page-list-link a:hover{
	color:#333;
}
.page-list-detail{
	font-size:.875em;
}
.pd-detail{
	display:inline-block;
	margin-bottom:4px;
	padding-left:25px;
	position:relative;
}
.pd-detail:not(:last-child){
	margin-right:12px;
}
.pd-detail:after{
	display:block;
	font-family:themify;
	width:21px;
	color:#00a29a;
	line-height:inherit;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
}
.pd-detail.pd-cate:after{
	content:'\e639';
}
.pd-detail.pd-date:after{
	content:'\e6b6';
}
.pd-detail.pd-lock:after{
	content:'\e603';
}
.pd-detail.pd-view:after{
	content:'\e63d';
}
.pd-detail.pd-from:after{
	content:'\e626';
}
.pd-detail.pd-dlno:after{
	content:'\e71a';
}
.pd-detail.pd-refe:after{
	content:'\e6b7';
}
.pd-detail.pd-attc:after{
	content:'\e6b3';
}
.pd-detail.pd-cont:after{
	content:'\e6c2';
}
.pd-detail.pd-titl:after{
	content:'\e60a';
}
.pd-detail.pd-caus:after{
	content:'\e697';
}
.pd-detail.pd-comm:after{
	content:'\e639';
}
.pd-detail.pd-loca:after{
	content:'\e693';
}
.pd-detail.pd-user:after{
	content:'\e602';
}
.pd-detail.pd-note:after{
	content:'\e67c';
}
.pd-detail.pd-comm:after{
	content:'\e644';
}
.pd-detail.pd-repl:after{
	content:'\e643';
}
.pd-detail.pd-glob:after{
	content:'\e665';
}
.pd-detail.pd-addr:after{
	content:'\e693';
}
.pd-detail.pd-tele:after{
	content:'\e621';
}
.page-list-item.forum-list-item{
	background:#fff;
	padding-left:125px;
	padding-right:90px;
}
.forum-list-item+.forum-list-item{
	margin-top:25px;
}
.forum-list-item+.forum-list-item:before{
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:rgba(0,0,0,.15);
	position: absolute;
	left:0;
	top:-13px;
}
.forum-list-icon{
	width:117px;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}
.forum-list-icon:before{
	content:'';
	display:block;
	width:60px;
	height:60px;
	border-radius:50%;
}
.forum-list-icon .ti{
	display:block;
	width:60px;
	height:60px;
	background:#00758d;
	border-radius:50%;
	color:#fff;
	text-align:center;
	line-height:60px;
	font-size:20px;
	transform:translate(-50%,-50%);
	position: absolute;
	top:50%;
	left:50%;
}
.forum-list-item .page-list-link a{
	padding:0;
}
.forum-list-desc{
	margin-bottom:4px;
	font-size:.875em;
	line-height:1.4;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	white-space:normal;
	overflow:hidden;
}
.forum-link{
	width:82px;
	height:100%;
	position: absolute;
	top:0;
	right:0;
	color:#9fa0a0;
}
.forum-link:before{
	content:'';
	display:block;
	width:1px;
	height:100%;
	background:rgba(0,0,0,.15);
	position: absolute;
	top:0;
	left:0;
	transition:all .2s ease-in-out .2s;
}
.forum-link .ti{
	display:block;
	width:100%;
	text-align:center;
	position: absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
.forum-link:hover{
	color:#fff;
}
.forum-link:hover:before{
	width:100%;
}
.reply-cont{
	background:#f1f1f1;
}
.reply-cont.page-detail-cont{
	position: relative;
	margin-top:60px;
	border-radius:6px 0 6px 6px;
}
.reply-cont .pd-detail-title{
	display:inline-block;
	margin:0;
	line-height:1.35;
	font-weight:normal;
	font-size:.875em;
	color:#424242;
	background:#f1f1f1;
	border:#d9d9d9 solid 1px;
	border-bottom:none;
	position: absolute;
	right:-1px;
	top:calc(-1.35em - 16px);
}
.reply-num{
	padding-left:.5rem;
	color:#da5365;
}
.page-list-item.link-item{
	padding-right:90px;
}
.forum-add .modal-header{
	background:#00758d;
	color:#fff;
}
.forum-add .close{
	text-shadow:none;
	color:#f1f1f1;
	opacity:.75;
}
.forum-add .close:hover{
	color:#fff;
}

@media screen and (max-width: 767.98px){
	.page-list-item.forum-list-item{
		padding-left:82px;
		padding-right:8px;
		padding-bottom:44px;
	}
	.page-list-item.link-item{
		padding-right:8px;
		padding-bottom:52px;
	}
	.journal-item .forum-link,
	.page-list-item.forum-list-item .forum-link{
		display:inline-block;
		width:120px;
		height:36px;
		line-height:36px;
		color:#fff;
		border-radius:18px;
		background:#9fa0a0;
		top:auto;
		right:8px;
		bottom:0;
		z-index:10;
	}
	.journal-item .forum-link:before,
	.page-list-item.forum-list-item .forum-link:before{
		display:none;
	}
	.journal-item .forum-link:hover,
	.page-list-item.forum-list-item .forum-link:hover{
		background:#575757;
	}
	.forum-list-icon{
		width:74px;
	}
	.forum-list-item{
		margin-bottom:6px;
	}
	.page-list-item.link-item{
		padding-bottom:8px;
		padding-right:55px;
	}
	.page-list-item.link-item .forum-link{
		width:50px;
		height:50px;
		border-radius:50%;
		transform:translateY(-50%);
		top:50%;
		bottom:auto;
	}
}

@media screen and (max-width: 575.98px){
	.page-list{
		margin-left:0;
		margin-right:0;
		padding:6px 12px;
	}
	.page-list-item{
		margin-left:-6px;
		margin-right:-6px;
	}
	.page-list-link a{
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
		white-space:normal;
	}
	.page-list-link a:before{
		display:none;
	}
}
.media-list{
	display:flex;
	flex-wrap:wrap;
	margin-left:-12px;
	margin-right:-12px;
}
.media-list-item{
	margin-bottom:24px;
	padding:0 12px 12px 12px;
	width:calc(100% / 3);
	border-radius:6px;
	position:relative;
}
.media-list-item:before{
	content:'';
	display:block;
	width:calc(100% - 24px);
	height:100%;
	border:#d9d9d9 solid 1px;
	position: absolute;
	left:12px;
	top:0;
	border-radius:6px;
}
.media-list-img{
	display:block;
	margin-bottom:4px;
	padding-top:56.25%;
	width:100%;
	height:0;
	overflow:hidden;
	position:relative;
}
.media-list-img img,.media-list-num,.media-list-img:after{
	position:absolute;
	transition:all .2s ease-in-out .2s;
}
.media-list-img img{
	transform:translate(-50%,-50%);
	width:100%;
	left:50%;
	top:50%;
}
.media-list-img:after{
	content:'\e6ad';
	display:block;
	font-family:themify;
	font-size:42px;
	color:#fff;
	transform:translate(-50%,-50%);
	left:50%;
	top:50%;
	opacity:0;
}
.media-list-img:hover:after{
	opacity:1;
}
.media-list-img:hover img{
	filter:brightness(.5);
}
.media-list-num{
	display:block;
	width:80px;
	font-size:14px;
	line-height:20px;
	text-align:center;
	color:#fff;
	background:#00a29a;
	transform:rotate(-45deg);
	transform-origin:center top;
	top:8px;
	left:-32px;
	box-shadow:rgba(0,0,0,.15) 0 2px 3px;
}
.media-list-link,.media-list-detail{
	position: relative;
	z-index: 10;
}
.media-list-link{
	margin-bottom:8px;
	padding:6px 0;
	line-height:1.4;
}
.media-list-link a{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	padding:2px 12px;
	color:#333;
}
.media-list-link a:hover{
	background:#efefef;
	color:#333;
}
.page-list-detail.media-list-detail{
	display:flex;
	flex-wrap:wrap;
	padding:0 12px;
}
.page-list-detail.media-list-detail .pd-detail:not(:last-child){
	margin-right:0;
}
.page-list-detail.media-list-detail .pd-detail{
	padding-right:12px;
	display:-webkit-box;
	white-space:normal;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}
@media screen and (max-width: 991.98px){
	.media-list-item{
		width:50%;
	}
}
@media screen and (max-width: 575.98px){
	.media-list{
		margin-left:-12px;
		margin-right:-12px;
	}
	.media-list-item{
		width:100%;
	}
}

/*--calendar-list--*/
.page-list-status .calendar-status{
	display:inline-flex;
	justify-content:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	padding: 0 2px;
	width: 432px;
	height: calc(2em + 4px);
	border-radius:calc(1em + 2px);
	background-image:linear-gradient(to right,#5fc0c6 0%, #00758d 100%);
	list-style-type:none;
}
.calendar-btn{
	margin-top:2px;
	width:50%;
	height:2em;
	line-height:2em;
	border-radius:1em;
	text-align:center;
	color:#fff;
	background:transparent;
}
.calendar-btn:hover,.calendar-btn.active{
	color:#333;
}
.calendar-btn:hover{
	background:rgba(255,255,255,.65);
}
.calendar-btn.active{
	background:#fff;
}
.calendar-status.nav-tabs{
	border:none;
}
.calendar-status.nav-tabs .nav-item{
	margin-bottom:0;
}
.calendar-status li{
	width:50%;
}
.calendar-status li a{
	display:block;
	width:100%;
}
.calendar-top{
	display:flex;
	justify-content:space-around;
}
.page-cont-box > .calendar-page-cont{
	padding:0 18px 60px 48px;
	background:#f1f1f1;
	border-radius:0 0 6px 6px;
}
.mcs-calendar .mCustomScrollBox{
	height:fit-content;
}
.calendar-top-section{
	display:inline-flex;
	margin-bottom:42px;
	padding:2px;
	line-height:2em;
	background:#d9d9d9;
	border-radius:calc(1em + 2px);
}
.calendar-top-title{
	padding:0 16px;
}
.calendar-top-btn{
	display:inline-block;
	width:2em;
	height:2em;
	text-align:center;
	border-radius:50%;
	color:#333;
}
.calendar-top-btn i.ti{
	line-height:inherit;
}
.calendar-top-btn:hover{
	background:#9fa0a0;
	color:#fff;
}
.calendar-day-list,.calendar-w-list{
	display:flex;
	font-size:.875em;
}
.calendar-day-item{
	width:calc(100% / 7);
	text-align:center;
	border-top:#d9d9d9 solid 1px;
	border-bottom:#d9d9d9 solid 1px;
	background:#fff;
}
.calendar-day-item:first-child{
	border-left:#d9d9d9 solid 1px;
	border-right:#d9d9d9 solid 1px;
}
.calendar-day-item+.calendar-day-item{
	border-right:#d9d9d9 solid 1px;
}
.calendar-w-list{
	margin-top:-1px;
}
.calendar-w-list .calendar-day-item{
	min-height:72px;
}
.cdi-day-num{
	margin-bottom:4px;
	padding:0 4px;
	line-height:1.4;
	text-align:right;
}
.cdi-day-num.active{
	color:#fff;
	background:#da5365;
}
.cdi-day-disabled{
	color:#c2c2c2;
}
.calendar-day-link{
	display:block;
	margin-bottom:4px;
	padding:0 4px;
	line-height:1.4;
	text-align:left;
	color:#333;
	background:#d9d9d9;
	word-break:break-all;
}
.calendar-day-link:hover{
	color:#fff;
	background:#9fa0a0;
}
@media screen and (max-width: 991.98px){
	.page-cont-box > .calendar-page-cont{
		padding:0 18px 30px 18px;
	}
}
@media screen and (max-width: 767.98px){
	.calendar-day-item{
		min-width:82px;
	}
}
@media screen and (max-width: 575.98px){
	.page-list-status .calendar-status{
		width:100%;
	}
}

/*--journal-cate-list--*/
.journal-cate-list{
	display:flex;
	flex-wrap:wrap;
	margin-right:-12px;
}
.journal-cate-item{
	margin-bottom:24px;
	width:calc(100% / 4);
	padding-right:12px;
}
.journal-cate-link{
	display:block;
	padding:8px;
	background:#fff;
	border:#d9d9d9 solid 1px;
	border-radius:6px;
	position: relative;
}
.journal-cate-link:before,.journal-cate-link:after{
	display:block;
	position: absolute;
	transition:all .2s ease-in-out .2s;
	z-index: 50;
	opacity:0;
}
.journal-cate-link:before{
	content:'';
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	border-radius:6px;
	left:0;
	top:0;
}
.journal-cate-link:after{
	content:'\e661';
	font-family:themify;
	font-size:28px;
	color:#fff;
	transform:translate(-50%,-50%);
	left:50%;
	top:50%;
}
.journal-cate-link:hover:before,.journal-cate-link:hover:after{
	opacity:1;
}
.journal-cate-img{
	padding-bottom:125%;
	width:100%;
	height:0;
	overflow:hidden;
	background-image:linear-gradient(to bottom,#b4b4b4 0%,#f4f4f4 100%);
	border-radius:4px;
	position: relative;
}
.journal-cate-img:before,.journal-cate-img img,.journal-img:before,.journal-img img{
	width:100%;
	height:100%;
	transform:translate(-50%,-50%); 
	position: absolute;
	left:50%;
	top:50%;
}
.journal-cate-img:before,.journal-img:before{
	content:'';
	display:block;
	background-image:url(../images/logo-footer.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:calc(100% - 60px);
	filter:drop-shadow(rgba(0,0,0,.15) 3px 3px 3px);
}
.journal-cate-img img{
	object-fit:cover;
	z-index:10;
}
.journal-cate-title{
	margin-top:8px;
	color:#333;
}
.journal-item{
	margin-bottom:24px;
	padding:8px;
	width:calc(100% - 12px);
	min-height:168px;
	border:#d9d9d9 solid 1px;
	border-radius:6px;
	position: relative;
}
.journal-item .page-list-link a{
	padding:0;
}
.journal-cont{
	padding-left:133px;
	padding-right:90px;
}
.journal-img{
	width:125px;
	height:150px;
	border-radius:4px;
	overflow:hidden;
	position: absolute;
	top:8px;
	left:8px;
	background-image:linear-gradient(to bottom,#b4b4b4 0%,#f4f4f4 100%);
}
.journal-img:after{
	content:'\e661';
	width:100%;
	height:100%;
	font-family:themify;
	font-size:28px;
	text-align:center;
	line-height:150px;
	color:#fff;
	background:rgba(0,0,0,.5);
	position: absolute;
	transform:translate(-50%,-50%);
	left:50%;
	top:50%;
	z-index:50;
	opacity:0;
}
.journal-img:after{
	transition:all .2s ease-in-out .2s;
}
.journal-img:hover:after{
	opacity:1;
}
@media screen and (max-width: 991.98px){
	.journal-cate-item{
		width:calc(100% / 3);
	}
}
@media screen and (max-width: 767.98px){
	.journal-item{
		margin-bottom:42px;
	}
	.journal-cont{
		padding-right:8px;
		padding-bottom:12px;
	}
	.journal-item .forum-link{
		bottom:-18px;
	}
}
@media screen and (max-width: 575.98px){
	.journal-cate-item{
		width:calc(100% / 2);
	}
}

/*--content--*/
.page-detail-cont,.page-detail-media{
	margin-top:50px;
	margin-bottom:30px;
	padding:12px 24px;
	border:#d9d9d9 solid 1px;
	border-radius:6px;
}
.pd-detail-title{
	margin-top:-13px;
	margin-left:-25px;
	margin-right:-25px;
	margin-bottom:6px;
	padding:8px 25px;
	color:#fff;
	background:#00758d;
	font-weight:bold;
	font-size:1.125em;
	border-radius:6px 6px 0 0;
}
.pd-detail-cont{
	padding:.5em 0;
	min-height:180px;
	word-break:break-all;
}
.page-detail-media{
	margin-top:0;
	padding:24px;
	position: relative;
}
.page-detail-media:before{
	content:'\e6ce';
	display:block;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-family:themify;
	color:#fff;
	background:#00a29a;
	border-radius:50%;
	z-index:10;
	position: absolute;
	top:-13px;
	left:-13px;
	box-shadow:rgba(0,0,0,.15) 0 2px 3px;
}
.embed-responsive span{
	transform:translate(-50%,-50%);
	position: absolute;
	left:50%;
	top:50%;
}
.page-detail-data{
	margin-bottom:30px;
	padding:24px;
	border:#d9d9d9 solid 1px;
	border-radius:6px;
}
.page-detail-cont .page-detail-data{
	margin-bottom:0;
	padding-top:.5em;
	padding-bottom:.8em;
	border:none;
	border-top:#d9d9d9 solid 1px;
	border-radius:0;
}
.modal-body .page-detail-data{
	border:none;
	margin:0;
	padding:0;
}
.page-detail-data div[class*= col-]:after{
	content:'';
	display:block;
	width:calc(100% - 30px);
	height:1;
	background:rgba(0,0,0,.075);
	position:absolute;
	left:15px;
	bottom:2px;
}
.pd-detail{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.page-detail-data .pd-detail{
	display:block;
	margin-bottom:6px;
	padding-left:calc(42px + 5.25em);
	font-size:.92em;
	white-space:normal;
	text-overflow:ellipsis;
	overflow:auto;
}
.page-detail-data .pd-detail:before{
	content:attr(title);
	display:inline-block;
	margin-right:12px;
	width:5.25em;
	font-size:.95em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	position: absolute;
	left:30px;
	color:#666;
}
.page-detail-data a{
	display:inline-block;
	margin-right:12px;
	color:#575757;
}
.page-detail-data a:hover{
	color:#333;
}
.page-download-tool{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-bottom:30px;
}
.page-download-title{
	margin-bottom:8px;
	padding-right:1rem;
}
.page-download-title .ti{
	display:inline-block;
	margin-right:6px;
	width:22px;
	height:22px;
	border-radius:50%;
	font-size:12px;
	line-height:22px;
	text-align:center;
	color:#fff;
	background:#00758d;
}
.page-download-item{
	display:inline-block;
	margin-right:8px;
	margin-bottom:8px;
	padding-left:30px;
	padding-right:8px;
	line-height:32px;
	border:#d9d9d9 solid 1px;
	border-radius:16px;
	color:#333;
	position: relative;
}
.page-download-item:hover{
	background:#d9d9d9;
	color:#333;
}
.page-download-icon{
	width:20px;
	border-radius:50%;
	transform:translateY(-50%);
	position: absolute;
	top:50%;
	left:6px;
}
@media screen and (max-width: 575.98px){
	.page-detail-cont,.page-detail-media,.page-detail-data{
		margin-left:0;
		margin-right:0;
	}
	.page-detail-cont,.page-detail-media{
		padding:12px 9px;
	}
	.pd-detail-title{
		margin-left:-10px;
		margin-right:-10px;
	}
	.pd-detail{
		word-break:break-all;
		white-space:pre-wrap;
	}
}

/*--pagination--*/
.pagination-wrap{
	margin-left:-12px;
	margin-right:-12px;
	margin-bottom:-12px;
	padding:6px 12px;
}

/*--member--*/
.member-login{
	position: relative;
}
.member-login-img,.member-forget-img{
	width:500px;
	height:300px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	position: absolute;
	top:15px;
}
.member-login-img{
	background-image:url(../images/member-login-img.png);
}
.member-forget-img{
	background-image:url(../images/member-forget-img.png);
}
.member-login-cont{
	padding-left:360px;
	padding-top:80px;
	position: relative;
	z-index:10;
}
.member-login-quote,.login-link-item{
	margin-bottom:1rem;
}
.member-login-quote,.login-link-item span{
	padding-left:12px;
	position: relative;
}
.member-login-quote:before,.login-link-item span:before{
	content:'';
	display:block;
	width:4px;
	height:16px;
	background:#006b9f;
	border-radius:2px;
	transform:translateY(-50%);
	position: absolute;
	top:50%;
	left:4px;
}
.member-login-note{
	margin-bottom:1rem;
	padding-left:30px;
	color:#dc3545;
	position: relative;
}
.member-login-note span{
	margin-top:-2px;
	font-size:14px;
	text-align:center;
	color:#fff;
}
.member-login-note:before{
	content:'';
	background:#dc3545;
	border-radius:50%;
}
.member-login-cont form{
	margin-bottom:2rem;
}
.member-login-cont .form-control{
	padding:.375em 18px;
	border:#d9d9d9 solid 1px;
	border-radius:calc(1.125em + 1px);
}
.member-login-cont .form-control:focus{
	box-shadow:none;
	border-color:#00758d;
}
.member-login-cont .form-btn .more-btn{
	width:50%;
}
.member-login-cont textarea.form-control{
	resize:none;
}
.login-link{
	font-size:.92em;
}
.login-link-item{
	display:flex;
	flex-wrap:wrap;
}
.login-link-item a{
	display:inline-block;
	margin-left:4px;
	padding-left:30px;
	position: relative;
	color:#333;
}
.member-login-note span,.member-login-note:before,
.login-link-item a:before,.login-link-item a .ti{
	display:block;
	width:20px;
	height:20px;
	transform:translateY(-50%);
	position: absolute;
	left:6px;
	top:50%;
	transition:all .2s ease-in-out .2s;
}
.login-link-item a:before{
	content:'';
	background:#9fa0a0;
	border-radius:10px;
}
.login-link-item a .ti{
	margin-top:1px;
	font-size:12px;
	text-align:center;
	color:#fff;
}
.login-link-item a:hover{
	color:#666;
}
.login-link-item a:hover:before{
	background:#00758d;
}
.login-link-item a i.ti-lineat:before{
	content:'';
	display:block;
	width:90%;
	height:90%;
	background-image:url(../images/line-at.png);
	background-position:center center;
	background-size:cover;
	position: absolute;
	left:5%;
	top:5%;
}
.member-login-welcome{
	margin-bottom:1rem;
	padding:2rem;
	background:#fff;
	border-radius:6px;
	border:#d9d9d9 solid 1px;
}
.member-form-box.member-login-welcome{
	margin-bottom:30px;
}
.form-line .page-detail-data{
	width:100%;
}
.security-btn{
	display:block;
	padding-top:8px;
	padding-bottom:8px;
	position:relative;
}
.security-btn:before,.security-btn:after{
	display:block;
	transform:translate(-50%,-50%);
	position: absolute;
	left:50%;
	top:50%;
	opacity:0;
	transition:all .2s ease-in-out .2s;
}
.security-btn:before{
	content:'';
	width:33%;
	height:33%;
	background:rgba(0,0,0,.5);
}
.security-btn:after{
	content:'\e619';
	display:block;
	font-family:themify;
	color:#fff;
}
.security-btn:hover:before{
	width:100%;
	height:100%;
}
.security-btn:hover:before,.security-btn:hover:after{
	opacity:1;
}
@media screen and (max-width: 1199.98px){
	.member-login-img,.member-forget-img{
		width:420px;
	}
	.member-login-cont{
		padding-left:320px;
	}
}
@media screen and (max-width: 767.98px){
	.member-login-img,.member-forget-img{
		width:100%;
		position: relative;
		background-position:center bottom;
		top:auto;
	}
	.member-login-cont{
		padding-top:1em;
		padding-left:30px;
		padding-right:30px;
	}
}
@media screen and (max-width: 575.98px){
	.member-login{
		margin-left:-12px;
		margin-right:-12px;
	}
	.member-login-welcome{
		padding:2rem .5rem;
	}
	.member-login-cont{
		padding-left:15px;
		padding-right:15px;
	}
	.login-link-item{
		position: relative;
	}
	.login-link-item.login-link-wrap span{
		position:absolute;
	}
	.login-link-item.login-link-wrap a{
		margin-bottom:6px;
		margin-left:calc(12px + 7*.92em);
	}
	.page-detail-data .row div[class*=col-]{
		padding-left:0;
		padding-right:0;
	}
	.page-detail-data div[class*= col-]:after{
		width:100%;
		left:0;
	}
}
@media screen and (min-width: 992px){
	.half-form{
		display:flex;
		flex-wrap:wrap;
	}
	.half-form .form-line{
		width:100%;
	}
	.half-form .form-line:not(:last-child){
		margin-bottom:22px;
	}
	.half-form .form-line.half{
		display:inline-flex;
		width:calc(50% - 15px);
	}
	.half-form .form-line.half:nth-of-type(even):after{
		content:'';
		display:block;
		width:1px;
		height:calc(1.5em + 0.75rem + 2px);
		background:rgba(0,0,0,.15);
		position: absolute;
		left:-14px;
		top:0;
	}
	.half-form .form-line.half:before{
		width:calc(100% + 15px);
	}
	.half-form .form-line.half:nth-of-type(even):before{
		right:0;
		left:auto;
	}
	.half-form .form-line+.form-line{
		margin-top:0;
	}
	.half-form .form-line:nth-of-type(1)+.form-line:before{
		display:none;
	}
	.half-form .form-line.half:nth-of-type(odd){
		margin-right:30px;
	}

}

/*--member-form--*/
.member-form{
	margin-bottom:0;
}
.form-line{
	display:flex;
	flex-wrap:wrap;
}
.form-line+.form-line{
	margin-top:22px;
	position: relative;
}
.form-line+.form-line:before{
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:rgba(0,0,0,.15);
	position: absolute;
	top:-10px;
	left:0;
}
.form-line-title{
	width:7.5em;
	font-size:16px;
	height:38px;
	line-height:38px;
}
.form-line-input{
	width:calc(100% - 7.5rem);
}
.text.form-line .form-line-title,
.text.form-line .form-line-input{
	height:28px;
	line-height:28px;
	font-size:1rem;
}
.member-form .form-control:focus{
	box-shadow:none;
	border-color:#00758d;
}
.member-form textarea.form-control{
	resize:none;
}
.id-check{
	position: relative;
}
.id-check .form-control{
	padding-right:6.75rem;
}
.id-check-btn{
	padding:0.375rem 0.75rem;
	height:calc(1.5rem + 0.75rem + 2px);
	width:6rem;
	line-height:calc(1.5rem - 2px);
	font-size:1rem;
	border:#00758d solid 1px;
	background:#00758d;
	color:#fff;
	border-radius:0 0.25rem 0.25rem 0;
	position: absolute;
	top:0;
	right:0;
}
.id-check-btn:focus{
	outline:none;
}
.id-check-btn:hover{
	background:#9fa0a0;
	border-color:#9fa0a0;
}
sup.required{
	color:#da5365;
}
.form-row > div[class*=col-] > .custom-control{
	margin-top:.375rem;
	margin-bottom:.375rem;
}
.mcs-terms{
	height:300px;
}
.form-process{
	display:flex;
	justify-content:center;
}
.form-process div+div{
	margin-left:8px;
}
.form-process a{
	display:inline-block;
	padding:0 16px;
	height:32px;
	line-height:32px;
	border-radius:16px;
}
.form-process-back a{
	background:transparent;
	color:#575757;
}
.form-process-back a:hover{
	background:#9fa0a0;
	color:#fff;
}
.form-process-next a{
	background-image:linear-gradient(to right,#5fc0c6 0%, #00758d 100%);
	background-size:200%;
	background-position:left center;
}
.form-process-next a:hover{
	background-position:right center;
}
.form-process-next a,.form-process-next a:hover{
	color:#fff;
}
.form-input-note{
	margin-top:8px;
	font-size:.875em;
	line-height:1.4;
}

@media screen and (max-width: 575.98px){
	.form-line-title,.form-line-input{
		padding:0 8px;
		width:100%;
	}
	.id-check-btn{
		right:8px;
	}
}

/*--check animation--*/
.f-modal-alert {
	padding-bottom:30px;
}
.f-modal-alert .f-modal-icon {
	border-radius: 50%;
	border: 4px solid gray;
	box-sizing: content-box;
	height: 80px;
	margin: 20px auto;
	padding: 0;
	position: relative;
	width: 80px;
}
.f-modal-alert .f-modal-icon.f-modal-success, .f-modal-alert .f-modal-icon.f-modal-error {
	border-color: #A5DC86;
}
.f-modal-alert .f-modal-icon.f-modal-success:after, .f-modal-alert .f-modal-icon.f-modal-success:before, .f-modal-alert .f-modal-icon.f-modal-error:after, .f-modal-alert .f-modal-icon.f-modal-error:before {
	background: #fff;
	content: '';
	height: 120px;
	position: absolute;
	-webkit-transform: rotate(45deg);
            transform: rotate(45deg);
	width: 60px;
}
.f-modal-alert .f-modal-icon.f-modal-success:before, .f-modal-alert .f-modal-icon.f-modal-error:before {
	border-radius: 120px 0 0 120px;
	left: -33px;
	top: -7px;
	-webkit-transform-origin: 60px 60px;
            transform-origin: 60px 60px;
	-webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.f-modal-alert .f-modal-icon.f-modal-success:after, .f-modal-alert .f-modal-icon.f-modal-error:after {
	border-radius: 0 120px 120px 0;
	left: 30px;
	top: -11px;
	-webkit-transform-origin: 0 60px;
            transform-origin: 0 60px;
	-webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.f-modal-alert .f-modal-icon.f-modal-success .f-modal-placeholder, .f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder {
	border-radius: 50%;
	border: 4px solid rgba(165, 220, 134, 0.2);
	box-sizing: content-box;
	height: 80px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 80px;
	z-index: 2;
}
.f-modal-alert .f-modal-icon.f-modal-success .f-modal-fix, .f-modal-alert .f-modal-icon.f-modal-error .f-modal-fix {
	background-color: #fff;
	height: 90px;
	left: 28px;
	position: absolute;
	top: 8px;
	-webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
	width: 5px;
	z-index: 1;
}
.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line, .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line {
	background-color: #A5DC86;
	border-radius: 2px;
	display: block;
	height: 5px;
	position: absolute;
	z-index: 2;
}
.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-tip, .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-tip {
	left: 14px;
	top: 46px;
	-webkit-transform: rotate(45deg);
            transform: rotate(45deg);
	width: 25px;
}
.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-long, .f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-long {
	right: 8px;
	top: 38px;
	-webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
	width: 47px;
}
.f-modal-alert .f-modal-icon.f-modal-error {
	border-color: #F27474;
}
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-x-mark {
	display: block;
	position: relative;
	z-index: 2;
}
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder {
	border: 4px solid rgba(200, 0, 0, 0.2);
}
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line {
	background-color: #F27474;
	top: 37px;
	width: 47px;
}
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-left {
	left: 17px;
	-webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-right {
	right: 16px;
	-webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.f-modal-alert .f-modal-icon + .f-modal-icon {
	margin-top: 50px;
}
.animateSuccessTip {
	-webkit-animation: animateSuccessTip .75s;
            animation: animateSuccessTip .75s;
}
.animateSuccessLong {
	-webkit-animation: animateSuccessLong .75s;
            animation: animateSuccessLong .75s;
}
.f-modal-icon.f-modal-success.animate:after {
	-webkit-animation: rotatePlaceholder 4.25s ease-in;
            animation: rotatePlaceholder 4.25s ease-in;
}
.f-modal-icon.f-modal-error.animate:after {
	-webkit-animation: rotatePlaceholder 4.25s ease-in;
            animation: rotatePlaceholder 4.25s ease-in;
}
.animateErrorIcon {
	-webkit-animation: animateErrorIcon .5s;
	            animation: animateErrorIcon .5s;
}
.animateXLeft {
	-webkit-animation: animateXLeft .75s;
            animation: animateXLeft .75s;
}
.animateXRight {
	-webkit-animation: animateXRight .75s;
            animation: animateXRight .75s;
}

@-webkit-keyframes animateSuccessTip {
	0%,54% {width: 0;left: 1px;top: 19px;}
	70%	   {width: 50px;left: -8px;top: 37px;}
	84%    {width: 17px;left: 21px;top: 48px;}
	100%   {width: 25px;left: 14px;top: 45px;}
}

@keyframes animateSuccessTip {
	0%,54% {width: 0;left: 1px;top: 19px;}
	70%	   {width: 50px;left: -8px;top: 37px;}
	84%    {width: 17px;left: 21px;top: 48px;}
	100%   {width: 25px;left: 14px;top: 45px;}
}
@-webkit-keyframes animateSuccessLong {
	0%,65% {width: 0;right: 46px;top: 54px;}
	84%    {width: 55px;right: 0;top: 35px;}
	100%   {width: 47px;right: 8px;top: 38px;}
}
@keyframes animateSuccessLong {
	0%,65% {width: 0;right: 46px;top: 54px;}
	84%    {width: 55px;right: 0;top: 35px;}
	100%   {width: 47px;right: 8px;top: 38px;}
}
@-webkit-keyframes rotatePlaceholder {
	0%,5%    {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	100%,12% {-webkit-transform: rotate(-405deg);transform: rotate(-405deg);}
}
@keyframes rotatePlaceholder {
	0%,5%    {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	100%,12% {-webkit-transform: rotate(-405deg);transform: rotate(-405deg);}
}
@-webkit-keyframes animateErrorIcon {
	0%   {-webkit-transform: rotateX(100deg);transform: rotateX(100deg);opacity: 0;}
	100% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);opacity: 1;}
}
@keyframes animateErrorIcon {
	0%   {-webkit-transform: rotateX(100deg);transform: rotateX(100deg);opacity: 0;}
	100% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);opacity: 1;}
}
@-webkit-keyframes animateXLeft {
	0%,65% {left: 82px;top: 95px;width: 0;}
	84%    {left: 14px;top: 33px;width: 47px;}
	100%   {left: 17px;top: 37px;width: 47px;}
}
@keyframes animateXLeft {
	0%,65% {left: 82px;top: 95px;width: 0;}
	84%    {left: 14px;top: 33px;width: 47px;}
	100%   {left: 17px;top: 37px;width: 47px;}
}
@-webkit-keyframes animateXRight {
	0%,65% {right: 82px;top: 95px;width: 0;}
	84%    {right: 14px;top: 33px;width: 47px;}
	100%   {right: 16px;top: 37px;width: 47px;}
}
@keyframes animateXRight {
	0%,65% {right: 82px;top: 95px;width: 0;}
	84%    {right: 14px;top: 33px;width: 47px;}
	100%   {right: 16px;top: 37px;width: 47px;}
}

/*--associ-list--*/
.associ-list .member-login-welcome{
	margin-bottom:30px;
	padding:1rem;
}
.associ-list .form-line-title{
	width:5rem;
}
.associ-list .form-line-input{
	width:calc(100% - 5.5rem);
}
.associ-list .text.form-line .form-line-title,.associ-list .text.form-line .form-line-input{
	height:auto;
	font-size:15px;
}