html, body{
	color:#555!important;
	font-family: 'Noto Sans TC', sans-serif;
	font-size:16px;
	background:#f2ebda!important;
}
a{
	transition:all .2s ease-in-out .2s;
}
a:hover{
	text-decoration:none!important;
}
a:focus,button:focus{
	outline:none!important;;
}
button:focus{
	outline:none!important;
}
input.form-control:focus,
textarea.form-control:focus{
	box-shadow:none;
}
@media (max-width: 575.98px) {
	input, select, textarea {
		font-size: 16px!important;
	}
}

/*--wrap--*/
.wrap{
	padding-bottom:90px;
	position:relative;
	overflow:hidden;
}
.wrap:before,.wrap:after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	background-size:600px;
	background-repeat:no-repeat;
}
.wrap:before{
	background-image:url(../images/page-bg-01.png);
	background-position:right top;
	top:0;
	right:0;
}
.wrap:after{
	background-image:url(../images/page-bg-02.png);
	background-position:left bottom;
	bottom:0;
	left:0;
}
div[class*=page-bg-]{
	padding-bottom:100%;
	width:100%;
	height:0;
	background-size:600px;
	background-repeat:no-repeat;
	position: absolute;
}
.page-bg-01{
	background-image:url(../images/page-bg-01.png);
	background-position:right top;
	top:0;
	right:0;
}
.page-bg-02{
	background-image:url(../images/page-bg-02.png);
	background-position:left bottom;
	bottom:0;
	left:0;
}

.container-fluid{
	position:relative;
	z-index:10;
}

/*--header--*/
.top-menu{
	display:flex;
	justify-content:flex-end;
	padding-top:8px;
	padding-bottom:8px;
}
.top-menu a{
	width:46px;
	height:46px;
	line-height:46px;
	text-align:center;
	color:#015d58;
	position:relative;
}
.top-menu a:before{
	content:'';
	width:33%;
	height:33%;
	border-radius:50%;
	background:#f0f0f0;
	transition:all .2s ease-in-out .2s;
	transform:translate(-50%,-50%);
	position:absolute;
	left:50%;
	top:50%;
	opacity:0;
}
.top-menu a:hover{
	color:#00a29a;
}
.top-menu a:hover:before,.top-menu a[aria-expanded=true]:before{
	width:calc(100% - 4px);
	height:calc(100% - 4px);
	opacity:1;
}
.top-menu a span{
	display:none;
}
.top-menu a i.fas{
	line-height:inherit;
	position: relative;
	z-index:10;
}
.top-menu a[aria-expanded=true]{
	color:#00a29a;
}
.top-menu a[aria-expanded=true]:before{
	background:#f0f0f0;
}
.top-menu a[aria-expanded]:after{
	content:'';
	margin-top:16px;
	margin-left:-2px;
	width:4px;
	height:0;
	background:#f0f0f0;
	border-radius:2px;
	transition:all .2s ease-in-out .2s;
	position:absolute;
	left:50%;
	top:-12px;
}
.top-menu a[aria-expanded=true]:after{
	margin-top:0;
	height:16px;
}
.top-menu a.active{
	color:#fff;
	pointer-events:none;
}
.top-menu a.active:before{
	width:calc(100% - 4px);
	height:calc(100% - 4px);
	opacity:1;
	background:#00a29a;
}
.collapse-box{
	padding:16px 0;
	background:#f0f0f0;
	font-size:0.875rem;
	line-height:1.8;
}
.collapse-box.top-box{
	background:#00a29a;
	color:#fff;
}
.collapse-box .login > .col-12{
	padding-bottom:0.5rem;
}
#collapseQrcode img{
	width:76px;
}
#collapseMember{
	font-size:0.875rem;
}
#collapseMember .cell{
	margin-bottom:.5em;
	position:relative;
	color:#00a29a;
}
#collapseMember .cell .form-control{
	padding-left:2rem;
	border:#00a29a solid 1px;
	border-radius:calc(1.8125rem + 2px);
	background:transparent;
}
#collapseMember .cell .form-control::placeholder{
	color:#555;
}
#collapseMember .cell i.fas{
	display:block;
	width:2rem;
	text-align:center;
	transform:translateY(-50%);
	position:absolute;
	top:50%;
	left:.5rem;
}
#collapseMember .radio-group{
	border: #00a29a solid 1px;
	border-radius: 1.8125rem;
	overflow: hidden;
}
#collapseMember input[type=radio] {
	position: absolute;
	visibility: hidden;
	display: none;
}
#collapseMember label {
	margin-bottom:0;
	padding-left:6px;
	padding-right:6px;
	line-height:1.8125rem;
	text-align:center;
	color:#555;
	background:#ddd;
	display: inline-block;
	cursor: pointer;
	white-space:nowrap;
}
#collapseMember label:hover{
	background:rgba(0,162,154,.5);
	color:#fff;
}
#collapseMember input[type=radio]:checked + label {
	color: #fff;
	background:#00a29a;
}
#collapseMember label + input[type=radio] + label {
	border-left:#00a29a solid 1px;
}
.collapse-box.top-box{
	color:#fff;
}
.collapse-box .join a,
.collapse-box .login a{
	color:#555;
	border-bottom:transparent solid 2px;
	transition:all .2s ease-in-out .2s;
}
.collapse-box .join a:hover,
.collapse-box .login a:hover{
	border-bottom:#ccc solid 2px;
}
.collapse-box.top-box .join a,
.collapse-box.top-box .login a{
	color:#fff;
}
.collapse-box .join a i,.collapse-box .login a i{
	color:#00a29a;
}
.collapse-box.top-box .join a i,
.collapse-box.top-box .login a i{
	color:#f1f1f1;
}
.collapse-box .warning{
	display:inline-block;
	padding: 0 .5rem;
	background:#f05242;
	color:#fff;
}
.collapse-box.top-box strong{
	color:#f0f0f0;
}
#collapseMember button{
	display: block;
	width: 100%;
	border: #e4a541 solid 1px;
	color: #fff;
	height: calc(1.8125rem + 2px);
	background:#e4a541;
	border-radius: 1.8125rem;
	transition: all .2s ease-in-out .2s;
	cursor: pointer;
}
#collapseMember button:hover{
	background:#f05242;
	border-color:#f05242;
}
@media screen and (max-width: 575.98px){
	.top-menu{
		justify-content:center;
		padding-bottom:12px;
	}
	.top-menu .sm-none{
		display:none;
	}
	.top-menu a{
		width:25%;
		height:60px;
	}
	.top-menu a:before{
		margin-top:-6px;
		width:calc(40px * 0.33);
		height:calc(40px * 0.33);
	}
	.top-menu a:hover:before, .top-menu a[aria-expanded=true]:before,.top-menu a.active:before{
		width:40px;
		height:40px;
	}
	.top-menu a span{
		display:block;
		width:fit-content;
		margin-top:1px;
		margin-left:auto;
		margin-right:auto;
		padding:0 0.25rem;
		height:18px;
		border-radius:9px;
		font-size:14px;
		line-height:18px;
		z-index: 100;
		position:relative;
		transition:all .2s ease-in-out .2s;
	}
	.top-menu a:hover span,
	.top-menu a[aria-expanded=true] span{
		background:#f0f0f0;
	}
	.top-menu a[aria-expanded=true]:after{
		height:30px;
	}
	.top-menu a.active span{
		background:#00a29a;
	}
}
.top-info{
	letter-spacing:0.1em;
}
.top-logo{
	display:block;
	text-align:center;
}
.top-logo img{
	max-width:100%;
}
.top-logo.page-logo img{
	width:320px;
}
.top-date, .top-loca{
	padding-top:15px;
	padding-bottom:15px;
	font-weight:bold;
	font-size:20px;
	line-height:1.25;
	color:#079a92;
}
.top-date small, .top-loca small{
	display:block;
	margin-bottom:0.25rem;
	font-size:1rem;
	font-weight:normal;
	color:#555;
}
@media screen and (min-width: 992px){
	.top-date{
		padding-right:15px;
		text-align:right;
	}
	.top-loca{
		padding-left:15px;
		text-align:left
	}
}
@media screen and (max-width: 991.98px){
	.top-date,.top-loca{
		padding-left:33%;
	}
	.top-date small,.top-loca small{
		padding-right:.5rem;
		width:33%;
		text-align:right;
		position: absolute;
		left:0;
	}
}

/*--float--*/
@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
}

/*--nav--*/
.nav-wrap{
	margin-top:30px;
	margin-bottom:30px;
	background:#fff;
	position:relative;
	z-index:100;
}
.nav-wrap:before{
	content:'';
	width:100%;
	height:calc(100% + 6px);
	border-top:#fff dashed 6px;
	border-bottom:#fff dashed 6px;
	position: absolute;
	top:-3px;
	left:0;
}
.nav-wrap:after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:#fff;
	position: absolute;
	left:0;
	top:0;
}
.nav-wrap .navbar{
	position: relative;
	z-index:10;
}
.navbar-tiamm .navbar-toggler{
	width: 56px;
	height: 56px;
	border-radius: 28px;
	border-color: #079a92;
	background: #079a92;
	position: relative;
}
.navbar-tiamm .navbar-toggler .navbar-toggler-icon:before, .navbar-tiamm .navbar-toggler .navbar-toggler-icon:after{
	transition-property: top, transform;
	transition-delay: 0.2s , 0s;
	transition-duration: 0.2s, 0.2s;
}
.navbar-tiamm .navbar-toggler .navbar-toggler-icon, .navbar-tiamm .navbar-toggler .navbar-toggler-icon:before, .navbar-tiamm .navbar-toggler .navbar-toggler-icon:after{
	content: '';
	display: block;
	width: 24px;
	height: 3px;
	background:#fff;
	position: absolute;
}
.navbar-tiamm .navbar-toggler .navbar-toggler-icon{
	transform:translate(-50%,-50%);
	left:50%;
	top:50%;
}
.navbar-tiamm .navbar-toggler .navbar-toggler-icon:before{
	top:calc(50% - 10px);
}
.navbar-tiamm .navbar-toggler .navbar-toggler-icon:after{
	top:calc(50% + 7px);
}
.navbar-tiamm .navbar-toggler[aria-expanded=true] .navbar-toggler-icon{
	background:transparent;
}
.navbar-tiamm .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before,
.navbar-tiamm .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{
	top:0;
	background:#fff;
	transition-delay:0s, 0.2s;
}
.navbar-tiamm .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{
	transform:rotate(45deg);
}
.navbar-tiamm .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{
	transform:rotate(-45deg);
}
.nav-wrap .nav-item{
	position:relative;
}
.nav-wrap .nav-item:not(:last-child):after{
	content:'';
	display:block;
	width:1px;
	height:calc(100% - 20px);
	background:#ccc;
	position: absolute;
	top:10px;
	right:0;
}
.nav-wrap .nav-link{
	font-size:18px;
	color:#555;
}
.nar-wrap .nav-link, .nav-wrap .dropdown-item{
	padding:.5rem 1.5rem;
	text-align:center;
}
.nav-wrap .dropdown-toggle:after{
	content:'';
	display:inline-block;
	margin-left:.5rem;
	width:8px;
	height:8px;
	border-top:none;
	border-left:none;
	border-right:#555 solid 1px;
	border-bottom:#555 solid 1px;
	transform:rotate(45deg);
	transform-origin:center;
}
.nav-wrap .dropdown-item:hover,
.nav-wrap .dropdown-item:active,
.nav-wrap .dropdown-item:focus{
	background:rgba(0,0,0,.15);
	color:#fff;
}
.nav-wrap .dropdown-item.active{
	background:#015d58;
	color:#fff;
}
.nav-wrap .nav_ad-item,.nav-wrap .nav_ad-none{
	display:block;
	margin-bottom:-0.5rem;
	padding:0.5rem;
	height:63px;
	text-align:center;
	border-top:rgba(255,255,255,.75) solid 1px;
	background-image:url(../images/bg-navad-item.jpg);
	background-size:cover;
	background-position:center center;
}
.nav-wrap .nav_ad-item img{
	width:100%;
	max-width:100%;
	transition:all .2s ease-in-out .2s;
}
.nav-wrap .nav_ad-item:hover img,
.nav-wrap .nav_ad-item:active img,
.nav-wrap .nav_ad-item:focus img{
	filter:brightness(.5);
}
.nav-wrap .nav_ad-none{
	display:none;
}

@media screen and (min-width: 992px){
	.nav-wrap .nav-item{
		padding:0 0.5rem;
	}
	.nav-wrap .nav-link{
		border-radius:6px;
	}
	.nav-wrap .nav-link:hover,
	.nav-wrap .nav-link:focus,
	.nav-wrap .nav-link.active,
	.nav-wrap .dropdown-toggle[aria-expanded=true]{
		background:#00a29a;
		color:#fff;
	}
	.nav-wrap .nav-link:hover:after,
	.nav-wrap .nav-link:focus:after,
	.nav-wrap .nav-link.active:after,
	.nav-wrap .dropdown-toggle[aria-expanded=true]:after{
		border-color:#fff;
	}
	.nav-wrap .dropdown-menu{
		margin-top:1rem;
		z-index:999999;
		transform:translateX(-50%);
		left:50%;
		border:none;
		border-radius:6px;
		background:#00a29a;
		box-shadow:rgba(0,0,0,.15) 0 3px 3px;
	}
	.nav-wrap .dropdown-toggle:before{
		content:'';
		display:block;
		margin-left:-2px;
		width:4px;
		height:0;
		transition:all .1s ease-in-out .1s;
		background:#00a29a;
		position:absolute;
		top:calc(100% - 0.5rem);
		left:50%;
	}
	.nav-wrap .dropdown-toggle[aria-expanded=true]:before{
		height:1.5rem;
	}
	.nav-wrap .dropdown-item{
		color:#fff;
	}
	.nav-wrap .nav_ad-item,.nav-wrap .nav_ad-none{
		border-radius:0 0 6px 6px;
	}
	.nav-wrap .nav_ad-none{
		display:block;
		width:100%;
		height:63px;
		overflow:hidden;
		position: relative;
	}
	.nav-wrap .nav_ad-none img{
		margin-top:-100px;
		margin-left:-150px;
		width:300px;
		position: absolute;
		top:50%;
		left:50%;
		animation: float 6s ease-in-out infinite;
	}
}
@media screen and (max-width: 991.98px){
	.nav-wrap .nav-item{
		text-align:center;
	}
	.nav-wrap .nav-item:not(:last-child):after{
		width:100%;
		height:1px;
		top:auto;
		bottom:0;
		background:#f0f0f0;
	}
	.nav-wrap .nav-link.active,
	.nav-wrap .dropdown-toggle[aria-expanded=true],
	.navbar-nav .nav-link:hover{
		background:#079a92;
		color:#fff;
	}
	.nav-wrap .dropdown-toggle.active:after,
	.nav-wrap .dropdown-toggle[aria-expanded=true]:after,
	.navbar-nav .nav-link:hover:after{
		border-color:#fff;
	}
	.navbar-nav .dropdown-menu{
		margin-top:0;
		border:none;
		background:#079a92;
		border-radius:0;
	}
	.navbar-nav .dropdown-item{
		color:#fff;
	}
	.navbar-nav .dropdown-item:active{
		background:transparent;
	}
	.nav-wrap .nav_ad-item img{
		width:144px;
	}
}

/*--ad-container--*/
.ad-container{
	margin-left:-15px;
	margin-right:-15px;
	padding-top:30px;
	padding-bottom:12px;
	background:#00a29a;
}
.ad-list-wrap{
	max-height:123px;
}
.ad-list{
	margin-top:-8px;
	width:100%;
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-start;
}
.ad-item{
	margin:8px 8px;
	width:108px;
	min-width:108px;
	border-radius:2px;
	overflow:hidden;
	position:relative;
}
.ad-item:before,.ad-item:after{
	transition:all .2s ease-in-out .2s;
	transform:translate(-50%,-50%);
	position:absolute;
	left:50%;
	top:50%;
	opacity:0;
}
.ad-item:before{
	content:'';
	width:33%;
	height:33%;
	background:rgba(0,0,0,.5);
}
.ad-item:after{
	content:'\f360';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	color:#fff;
}
.ad-item:hover:before,.ad-item:hover:after{
	opacity:1;
}
.ad-item:hover:before{
	width:100%;
	height:100%;
}
.ad-item img{
	width:108px;
	height:108px;
	object-fit:cover;
	object-position:center center;
}

/*--footer--*/
footer{
	border-top:#015d58 solid 8px;
	background:#015d58;
	color:#fff;
}
footer .container{
	position:relative;
}
.footer-logo{
	margin-left:-30px;
	padding:4px;
	width:60px;
	position:absolute;
	top:-36px;
	left:50%;
}
.footer-logo:before{
	content:'';
	display:block;
	width:100%;
	height:50px;
	background:#015d58;
	border-radius:50%;
	transform:translateY(-50%);
	position: absolute;
	top:50%;
	left:0;
}
.footer-logo img{
	width:100%;
	position: relative;
}
.footer-menu{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-top:15px;
	margin-bottom:20px;
}
.footer-menu a{
	display:block;
	padding:8px 15px;
	color:#fff;
	position: relative;
}
.footer-menu a:before{
	content:'';
	display:block;
	width:0;
	height:2px;
	background:#ccc;
	position: absolute;
	left:50%;
	bottom:4px;
	transform:translateX(-50%);
	transition:all .2s ease-in-out .2s;
}
.footer-menu a:hover{
	color:#fff;
}
.footer-menu a:hover:before{
	width:calc(100% - 30px);
}
.footer-info{
	padding-bottom:30px;
}
.footer-info span{
	display:block;
	margin-bottom:0.5rem;
	padding-left:34px;
	line-height:28px;
	position:relative;
}
.footer-info span:before{
	content:'';
	display:block;
	margin-top:-13px;
	width:26px;
	height:26px;
	border-radius:50%;
	border:#fff solid 1px;
	position: absolute;
	top:14px;
	left:1px;
}
.footer-info i{
	display:inline-block;
	width:28px;
	line-height:28px;
	font-size:12px;
	text-align:center;
	color:#fff;
	position: absolute;
	left:0;
}
.footer-info a,.footer-info a:hover{
	color:#fff;
}
.footer-bottom{
	padding-bottom:15px;
}
.copyright,.view-counter{
	padding:0.5rem 0;
	font-size:14px;
}
.view-counter{
	text-align:right;
}
@media screen and (max-width: 767.98px){
	.copyright,.view-counter{
		text-align:center;
	}
}

#backToTop{
	display:block;
	width:52px;
	height:52px;
	text-align:center;
	text-indent:-99999px;
	border-radius:50%;
	position:fixed;
	right:15px;
	bottom:60px;
	z-index:9999;
	background:#00a29a;
	opacity:0;
	transition:all .2s ease-in-out .2s;
}
#backToTop:before,#backToTop:after{
	content:'';
	display:block;
	position:absolute;
	transition:all .2s ease-in-out .2s;
}
#backToTop:before{
	width:16px;
	height:16px;
	border-left:#fff solid 2px;
	border-top:#fff solid 2px;
	transform:rotate(45deg);
	transform-origin:center;
	left:18.6865px;
	top:24px;
}
#backToTop:after{
	width:22.63px;
	height:2px;
	background:#fff;
	transform:translateX(-50%);
	top:11px;
	left:50%;
	opacity:0;
}
#backToTop.show{
	opacity:1;
}
#backToTop span{
	visibility:hidden;
}
#backToTop:hover:before{
	top:18px;
}
#backToTop:hover:after{
	opacity:1;
}
@media screen and (max-width: 575.98px){
	#backToTop{
		bottom:30px;
	}
}

/*--page--*/
.page-main{
	min-height:300px;
	position:relative;
}
.page-cont{
	padding-left:15px;
	padding-right:15px;
	padding-bottom:60px;
}
.page-info{
	border-radius:6px;
	position: relative;
}

/*--main-info--*/
.main-info{
	margin-top:50px;
	background:#fff;
}
.main-info .the-title{
	display:inline-block;
	padding-top:4px;
	padding-bottom:4px;
	margin-bottom:12px;
	max-width:calc(100% - 30px);
	min-height:42px;
	line-height:34px;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	transform:translateY(-22px);
	position:relative;
}
.main-info .the-title:before,
.main-info .the-title:after{
	content:'';
	display:block;
	width:0;
	height:0;
	border-style:solid;
	position:absolute;
	right:-21px;
}
.main-info .the-title:before{
	border-width:22px 25px 0 0;
	border-color:#057d77 transparent transparent transparent;
	bottom:10px;
}
.main-info .the-title:after{
	border-width:22px 0 0 25px;
	border-color:transparent transparent transparent #057d77;
	bottom:-5px;
}
.main-info .the-title span{
	display:block;
	padding:4px 15px;
	letter-spacing:0.1rem;
	position: relative;
	z-index:10;
	background:#079a92;
	border-radius:6px 6px 0 0 ;
}

/*--pagination--*/
@media screen and (max-width: 991.98px){
	.pagi-toggler,.pagi-toggler i{
		display:block;
		border-radius:50%;
	}
	.pagi-toggler{
		width:52px;
		height:52px;
		background:#fff;
		position:absolute;
		top:-12px;
		right:-10px;
	}
	.pagi-toggler i{
		margin-left:2px;
		margin-top:2px;
		width:48px;
		height:48px;
		text-align:center;
		line-height:48px;
		background:#f05242;
		color:#fff;
	}
	.pagi-toggler:hover,.pagi-toggler[aria-expanded=true]{
		box-shadow:rgba(0,0,0,.3) 0 0 5px;
	}
	.pagi-toggler[aria-expanded=true] i,.pagi-toggler i:hover{
		color:#555;
		background:#f0f0f0;
	}
	.side-pagination{
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-end;
		margin-bottom:50px;
		position:relative;
	}
	.side-pagination:after{
		content:'';
		display:block;
		width:2px;
		height:calc(100% + 50px);
		background:#fff;
		position:absolute;
		right:14px;
		box-shadow:rgba(0,0,0,.15) 0 0 5px;
	}
	.pagination-item{
		margin-bottom:0.5rem;
		width:100%;
		text-align:right;
		position:relative;
	}
	.pagination-item a{
		display:inline-block;
		padding-right:34px;
		padding-left:8px;
		line-height:32px;
		border-radius:16px;
		position:relative;
		background:#fff;
		color:#555;
		z-index:10;
		box-shadow:rgba(0,0,0,.15) 0 0 5px;
	}
	.pagination-item a:hover{
		color:#555;
		background:#f0f0f0;
	}
	.pagination-item.active i{
		background:#f05242;
	}
	.pagination-item i{
		width:28px;
		height:28px;
		color:#fff;
		font-size:12px;
		line-height:28px;
		background:#00a29a;
		border-radius:50%;
		text-align:center;
		position: absolute;
		top:2px;
		right:2px;
	}
	.pagination-item:first-child i{
		background:#015d58;
	}
	.pagination-item span{
		font-size:14px;
	}
}
@media screen and (min-width: 992px){
	.page-main .container > .row{
		position: relative;
	}
	.pagination-box{
		position:absolute;
		top:0;
		right:15px;
	}
	.pagi-toggler{
		display:none;
	}
	.side-pagination{
		padding:2px;
		width:52px;
		height:fit-content;
		background:#fff;
		border-radius:26px;
		position:sticky;
		top:15px;
		z-index:9999;
		box-shadow:rgba(0,0,0,.15) 0 3px 3px;
	}
	.pagination-item+.pagination-item{
		margin-top:2px;
	}
	.pagination-item a{
		display:block;
		width:48px;
		height:48px;
		position:relative;
	}
	.pagination-item i{
		display:block;
		width:48px;
		height:48px;
		line-height:48px;
		border-radius:24px;
		text-align:center;
		color:#fff;
		background:#00a29a;
		position:relative;
		z-index:10;
		transition:all .2s ease-in-out .2s;
	}
	.pagination-item:first-child i{
		background:#015d58;
	}
	.pagination-item.active i{
		background:#f05242;
	}
	.pagination-item a:hover i{
		background:#f0f0f0;
		color:#555;
	}
	.pagination-item span{
		padding:4px 36px 4px 8px;
		font-size:14px;
		line-height:22px;
		overflow:hidden;
		white-space:nowrap;
		transform:translateY(-50%);
		position:absolute;
		top:50%;
		right:16px;
		transition:all .2s ease-in-out .2s;
		background:#f0f0f0;
		color:#555;
		border-radius:15px;
		opacity:0;
	}
	.pagination-item a:hover span{
		opacity:1;
	}
}