/*cookie-wrapper-container*/
.cookie-wrapper-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 6%;
	padding-left: 6%
}

@media(min-width: 1200px) {
	.cookie-wrapper-container {
		padding-right: 4%;
		padding-left: 4%;
		max-width: 1174px
	}
}

@media(min-width: 1200px) {
	.cookie-wrapper-container {
		padding-right: 3%;
		padding-left: 3%
	}
}

@media(min-width: 1366px) {
	.cookie-wrapper-container {
		padding-left: 96px;
		padding-right: 96px;
		max-width: 1366px
	}
}

/*cookie*/
.cookie-wrapper {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	font-family: Noto Sans TC, 微軟正黑體, Microsoft JhengHei, Heiti TC, 黑體, Nunito Sans, sans-serif;
	z-index: 1041;
}

@media (max-width: 767.98px) {
	.cookie-wrapper {
		bottom: 0
	}

	.has-bottom-nav .cookie-wrapper {
		bottom: 65px
	}

	.cookie-wrapper__info {
		max-width: 100%
	}
}

@media (min-width: 768px) {
	.cookie-wrapper__info {
		max-width: 80%
	}
}

.cookie-wrapper .cookie-wrapper-btn-close:after,
.cookie-wrapper .cookie-wrapper-btn-close:before {
	width: 2px
}

.bg-green {
	background-color: #68c89e
}

.cookie__agree {
	min-width: 78px
}

.cookie__close {
	background-color: transparent;
	border: 0 initial;
	border-color: transparent;
	-o-border-image: initial;
	border-image: initial;
	width: 20px;
	height: 20px;
	position: relative;
	right: 0;
	top: 0
}

.cookie__close:hover {
	cursor: pointer
}

.cookie-wrapper-btn-close--white:after,
.cookie-wrapper-btn-close--white:before {
	background-color: #fff
}

/*cookie-wrapper-btn-close*/
.cookie-wrapper-btn-close {
	display: block;
	width: 14px;
	height: 14px;
	padding: 10px
}

.cookie-wrapper-btn-close:hover:after,.
cookie-wrapper-btn-close:hover:before,
.cookie-wrapper-btn-close:not(:disabled):not(.disabled):focus:after,
.cookie-wrapper-btn-close:not(:disabled):not(.disabled):focus:before,
.cookie-wrapper-btn-close:not(:disabled):not(.disabled):hover:after,
.cookie-wrapper-btn-close:not(:disabled):not(.disabled):hover:before {
/*
	background-color: #04327a
*/
	background-color: #fff
}

.cookie-wrapper-btn-close:after,.cookie-wrapper-btn-close:before {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	right: 9px;
	content: " ";
	height: 20px;
	width: 1px;
	background-color: #000;
	transition: opacity .5s ease-in-out,transform .45s ease-in-out
}

.cookie-wrapper-btn-close:before {
	transform: rotate(-45deg)
}

.cookie-wrapper-btn-close:after {
	transform: rotate(-135deg)
}

.cookie-wrapper-btn-close--l {
	width: 28px;
	height: 28px;
	padding: 4px
}

.cookie-wrapper-btn-close--l:after,.cookie-wrapper-btn-close--l:before {
	height: 24.46px;
	right: 14px
}

.cookie-wrapper-btn-close--white:after,.cookie-wrapper-btn-close--white:before {
	background-color: #fff
}

/*ohter*/
.color-white {
	color: #fff;
}

.color-white a {
	color: #fff;
}

.cookie-wrapper--btn {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	font-weight: 400;
	color: #000;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	max-width: 100%;
	padding: 10px 20px;
	font-size: .75rem;
	line-height: 150%;
	border-radius: 0;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.cookie-wrapper--btn:hover {
/*
	color: #000;
	text-decoration: none
*/
}

.cookie-wrapper--btn.focus,.cookie-wrapper--btn:focus {
	outline: 0
}

.cookie-wrapper-btn--outline-white {
	color: #fff;
	border-color: #fff;
	font-weight: 500;
	font-size: 16px;
	text-decoration: none;
}

.cookie-wrapper-btn--outline-white:hover {
/*
	color: #041c43;
	border-color: #fff;
	background-color: #fff;
*/
	color: #fff;
	border-color: #fff;
}

a.cookie-wrapper--btn.cookie-wrapper-btn--outline-white:focus {
	color: #fff;
}

.py-20 {
	padding-top: 20px!important;
	padding-bottom: 20px !important;
}

.h7 {
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0
}

.mt-20 {
	margin-top: 20px!important;
}

.afu--icon {
	max-width: 18%;
}

@media (min-width: 768px) {
	.mt-md-0 {
		margin-top: 0!important
	}

	.ml-md-20,.mx-md-20 {
		margin-left: 20px!important
	}

	.afu--icon {
		max-width: 10%;
	}
}

@media (min-width: 1024px) {
	.mt-lg-0 {
		margin-top: 0!important;
	}

	.ml-lg-40 {
		margin-left: 40px!important;
	}

	.afu--icon {
		max-width: 8%;
	}
}

@media (min-width: 1200px) {
	.afu--icon {
		max-width: 5%;
	}
}