/* -- header -- */
.top-menu{
	height:45px;
}
.top-menu button{
	background:transparent;
	border:none;
	cursor:pointer;
	line-height:43px;
}
.top-menu button:focus{
	outline:none;
}
.top-menu button i{
	font-size:1.2rem;
	color:#43acaf;
	transition:all .2s ease-in-out .2s;
}
.top-menu button[aria-expanded="true"] i{
	color:#666;
}
.top-menu button span{
	display:none;
}
.accordion .collapse{
	padding-top:8px;
	padding-bottom:8px;
}
.collapse-box{
	font-size:.875rem;
	position:relative;
	overflow:hidden;
}
.collapse-box:before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.075);
	position:absolute;
	top:0;
	left:0;
}
#collapse-qrcode a{
	text-align:right;
}
#collapse-qrcode a:not(:last-child){
	border-right:rgba(0,0,0,.15) solid 1px;
}
#collapse-qrcode a img{
	width:76px;
}
#collapse-signin .id,
#collapse-signin .pw{
	position:relative;
}
#collapse-signin input{
	padding-left:1.6rem;
	border-radius:calc(1.8125rem + 2px);
	background:transparent;
	border:rgba(67,172,175,.5) solid 1px;

}
#collapse-signin .id:after,
#collapse-signin .pw:after{
	display:block;
	width:1.6rem;
	font-family:'FontAwesome';
	text-align:center;
	color:#00846d;
	position:absolute;
	top:.25rem;
	left:.5rem;
}
#collapse-signin .id:after{
	content:'\f007';
}
#collapse-signin .pw:after{
	content:'\f023';
}
#collapse-signin input::-webkit-input-placeholder{
	color:#586069;
}
#collapse-signin input:-ms-input-placeholder {
	color:#586069;
}
#collapse-signin input::placeholder{
	color:#586069;
}
#collapse-signin input:focus{
	border:rgba(67,172,175,1) solid 1px;
}
#collapse-signin input:focus,
#collapse-signin button:focus{
	box-shadow:none;
}
#collapse-signin button{
	display:block;
	width:100%;
	border:rgba(67,172,175,.5) solid 1px;
	color:#fff;
	height:1.8125rem;
	background:#43acaf;
	border-radius:1.8125rem;
	transition:all .2s ease-in-out .2s;
}
#collapse-signin button:hover{
	color:#586069;
	background:transparent;
}
#collapse-signin input[type=radio] {
	position: absolute;
	visibility: hidden;
	display: none;
}
#collapse-signin label {
	margin-bottom:0;
	padding-left:6px;
	padding-right:6px;
	line-height:1.8125rem;
	text-align:center;
	color: #586069;
	display: inline-block;
	cursor: pointer;
	white-space:nowrap;
}
#collapse-signin input[type=radio]:checked + label {
	color: #fff;
	background: #43acaf;
}
#collapse-signin label + input[type=radio] + label {
	border-left:rgba(67,172,175,.5) solid 1px;
}
#collapse-signin .radio-group {
	border:rgba(67,172,175,.5) solid 1px;
	border-radius: 1.8125rem;
	overflow: hidden;
}
.collapse-box .join a,
.collapse-box .login a{
	color:#586069;
	border-bottom:transparent solid 2px;
	transition:all .2s ease-in-out .2s;
}
#collapse-signin .join a:hover,
#collapse-signin .login a:hover{
	border-bottom:#43acaf solid 2px;
}
.collapse-box .join a i,
.collapse-box .login a i{
	color:#43acaf;
}
.collapse-box .divide{
	padding-top:2px;
	padding-bottom:2px;
	width:1px;
	background:#ccc;
	background-clip:content-box;
}
.collapse-box .warning{
	color:#F05E1C;
}
.collapse-box .login span{
	color:#F05E1C;
}
.collapse-box .col-12{
		padding-bottom:.5rem;
	}

@media screen and (max-width:991px){
	.collapse-box .col-12{
		padding-bottom:.5rem;
	}
}
@media screen and (max-width:575px){
	.collapse-box,
	.collapse-box label{
		font-size:16px;
	}
	.collapse-box label,
	.collapse-box button{
		height:2rem;
	}
	.collapse-box label{
		line-height:2rem;
	}
	#collapse-qrcode a.col-sm-auto{
		margin-bottom:15px;
		border-right:none;
	}
}

.top-info .logo .logo-1{
	width:153px;
}
.top-info .logo .logo-2{
	margin-left:28px;
	width:200px;
}
.top-info .detail{
	padding-left:1rem;
}
.top-info .detail .row{
	margin-top:1rem;
	margin-bottom:1rem;
	padding-right:.5rem;
	text-align:right;
}
.top-info .detail .title{
	font-weight:bold;
	font-size:1.1rem;
}
.top-info .detail .tnl{
	border-left:#43acaf solid 7px;
	text-align:left;
}
.top-info .detail .tnl .date{
	display:block;
	color:#e95514;
}
.top-info .slogan{
	margin-top:8px;
	padding-top:8px;
	padding-bottom:8px;
}
.top-info .slogan .cell{
	padding-left:0;
	padding-right:1.5rem;
	font-size:.9rem;
	font-weight:bold;
	color:#727272;
	position:relative;
}
.top-info .slogan .dot:after{
	content:'';
	display:inline-block;
	width:3px;
	height:3px;
	border-radius:1.5px;
	background:#43acaf;
	transform:translateY(-50%);
	position:absolute;
	right:.75rem;
	top:50%;
	white-space:nowrap;
}
@media screen and (min-width:768px){
	.top-info .detail .title{
		width:calc(10rem + 30px);
	}
}
@media screen and (max-width:767px){
	.top-info .logo, .top-info .detail{
		padding-bottom:1rem;
	}
	.top-info .logo{
		text-align:center;
	}
	.top-info .detail{
		text-align:right;
	}
	.top-info .detail .row{
		border-right:#43acaf solid 7px;
	}
	.top-info .detail .tnl{
		border-left:none;
		text-align:right;
	}
}
@media screen and (max-width:575px){
	header .accordion{
		margin-bottom:8px;
	}
	.top-menu{
		border-bottom:#ccc solid 1px;
	}
	.top-menu button i{
		font-size:1.6rem;
	}
}
@media screen and (max-width:461px){
	.top-info .logo .logo-1,
	.top-info .logo .logo-2{
		width:auto;
		height:60px;
	}
}