@charset "utf-8";
/*******************************************************************************
* version 1.0 release;
* copyright 2017
******************************************************************************/

body.header-fixed{
	overflow: hidden;
}
body.scroll-fixed{
	overflow: hidden;
}
/*wrap 最外框 */
.wrap {
	background: #222;
	min-height: 100%;
	position: relative;
	overflow: hidden;/*防止超出*/
	display: flex;
	flex-direction: column;
	animation: fadeIn 1s;
}

/*頁面寬度*/
.wrap__inner {
	margin: 0 auto;
	padding: 0 15px;
	max-width: 1400px;
}
.wrap__inner--no-padding {
	padding: 0;
}
.wrap__inner--950 {
	max-width: 950px
}
.wrap__inner--1200 {
	max-width: 1200px
}

/*header */
.header {
	height: 88px;
	z-index: 10;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	background: rgba(255,255,255,.1);
	transition: background .15s;
	animation: fadeInUp 1s .8s both;
}
.header__inner{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
	padding: 0 20px;
}
.header__logo {
	width: 127px;
	position: relative;
	z-index: 2;
}
.body-on-top .header {
	background: none;
}

.header--login .header__user {
	display: flex;
}
.header__user {
	position: absolute;
	top: 0;
	right: 70px;
	display: none;
}

/*content */
.content {
	padding: 0;/*10/16*/
	/* min-height: 50vh; */
	flex: 1 0 auto;
}
/* .content:before{
	content: " ";
	display: block;
	height: 88px;
} */

/* 沒有banner */
.content > *:first-child:not(.banner) {
	padding-top: 88px;
}

/* for IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.content {
		min-height: 50vh;
	}
}


/*------------------------------右側欄------------------------------*/
.main {
	width: 100%;
}
/*------------------------------左側欄------------------------------*/
.sidebar {
}

/*footer */
.footer {
	background: #222;
	position: relative;
	padding: 50px 0 30px;
}
.footer-nav {
	margin-bottom: 50px;
}
.footer-info-wrap {
	padding: 20px 0;
}
.footer__copyright {
	color: #999;
}
.nav-footer-wrap {
	display: none;
}
.footer-info {
	line-height: 1.5;
}
.footer-info__infobox {
	margin-bottom: 15px;
}
.footer__logobox {
	max-width: 245px;
	margin: 0 auto;
}

@media screen and (min-width: 768px) {
	/*頁面寬度*/
	.wrap__inner{
		padding: 0 15px;
	}
	.wrap__inner--no-padding {
		padding: 0;
	}

}

@media screen and (min-width: 1024px) {

	/*wrap 最外框 */
	.wrap {}
	.wrap__inner:after {
		content: " ";
		display: block;
		clear: both;
		line-height: 0;
		height: 0;
		visibility: hidden;
	}
	.wrap__inner--950 {
		padding: 0;
	}
	.header {
		background: none;
		height: 60px;
		transition: height .25s;
	}
	.header__inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding: 20px 30px 0;
	}
	.header__logo {
		width: 100px;
		transition: width .25s;
	}
	.body-on-top .header__logo {
		width: 170px;
	}
	.body-on-top .header {
		height: 88px;
	}
	/*content */
	/* .content {
		padding: 0 0 370px;
	} */

	/* .content > *:first-child:not(.banner) {
		padding-top: 60px;
	} */

	.box:after {
		clear: both;
		content: " ";
		display: block;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}

	/*footer */
	.footer {
		padding: 133px 0;
	}
	.footer::before {
		content: 'BORN TO LEAD';
		color: #555;
		opacity: .2;
		font-size: 200px;
		font-weight: bolder;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 4em;
		line-height: .9;
		margin-bottom: -.05em;
		pointer-events: none;
	}
	.nav-footer-wrap {
		display: block;
		font-size: 18px;
	}
	.footer-nav {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		padding-bottom: 30px;
		border-bottom: 1px solid#ff6666;
	}
	.nav-footer {
		margin: 0;
	}
	.footer__logobox {
		margin: 0;
	}
	.nav-footer__item {
		display: inline-block;
		margin-left: 25px;
	}
	.nav-footer__link {
		color: #ff6666;
	}
	.nav-footer__link:hover {
		color: #fff;
	}
	.footer-info {
		display: flex;
		justify-content: space-between;
	}

	.subscribe-link:hover {
		color: #ff6666;
		text-decoration: underline;
	}
	.subscribe-link__icon {
		color: #fff;
		text-decoration: none;
	}

	.header__inner-bar {
		display: flex;
		justify-content: flex-end;
		flex-direction: row-reverse;
	}
	.header__user {
		right: 80px;
		align-items: center;
	}
	.body-on-top .header__user {
		position: static;
	}
	.body-on-top .header__user::before {
		content: '';
		width: 1px;
		height: 1em;
		background: #ee6666;
		display: block;
		margin: 0 1em;
	}
}

@media (min-width: 1230px) {
	.wrap__inner--1200 {
		padding: 0;
	}
	.nav-footer__item {
		margin-left: 40px;
	}
}
@media (min-width: 1430px) {
	.wrap__inner {
		padding: 0;
	}
}