@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
}

/* CookiesPolicy */
@-moz-keyframes CookiesfadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes CookiesfadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.CookiesPolicy {
	display: table;
	width: 100%;
	/* height: 120px; */
	/* background: #ebebeb; */
	background: #68C89E;
	position: fixed;
	/* top: 0; */
	bottom: 0;
	padding: 1% 3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 9999;
}

.CookiesPolicy {
	-moz-animation-duration: 1s;
	-moz-animation-name: CookiesfadeIn;
	-moz-animation-iteration-count: 1;
	-moz-animation-direction: normal;
	-webkit-animation-duration: 1s;
	-webkit-animation-name: CookiesfadeIn;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
}

.Cookies-content {
	/* display: table-cell; */
	display: flex;
	align-items: center;
	vertical-align: middle;
	position: relative;
	/* font: 16px/26px "微軟正黑體", Arial, Helvetica, sans-serif; */
	font-size: 16px;
	line-height: 160%;
	color: #FFFFFF;
	margin: 0 auto;
	/* padding:0px 10% 0px 3%; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.Cookies-content {
	padding-left: 96px;
	padding-right: 96px;
	max-width: 1366px;
}

.Cookies-content a,
.Cookies-content a:hover {
	/* color:#00679e; */
	color: #FFFFFF;
	text-decoration: underline;
}

.Cookies-btn {
	display: inline-block;
	/* color: #444; */
	color: #FFFFFF;
	text-decoration: none;
	/* background: #FFFFFF; */
	/* -webkit-box-shadow: inset 0px 0px 5px #a6a6a6;
	box-shadow: inset 0px 0px 5px #a6a6a6; */
	/* border-radius: 5px; */
	/* font: 15px "微軟正黑體", Arial, Helvetica, sans-serif; */
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	/* margin: 5px; */
	/* padding: 6px 15px; */
	padding: 10px 20px;
	min-width: 2em;
	border: #fff 1px solid;
	margin-left: 40px;
	cursor: pointer;
}

.Cookies-close {
	/* display: block; */
	/* position: absolute;
	right: 0px;
	top: 0px; */
	/* width: 26px;
	height: 26px;
	border-radius: 100%;
	font: 16px/26px "微軟正黑體", Arial, Helvetica, sans-serif;
	font-weight: 600;
	text-align: center;
	color: #FFF;
	background: rgba(46, 46, 46, 0.7);
	margin: 5px 10px; */
	cursor: pointer;
}

.CookiesPolicy_blank {
	padding-top: 120px;
}

@media screen and (max-width: 1024px) {
	.CookiesPolicy {
		/* height: 160px; */
		padding: 2% 3%;
	}
}

@media screen and (max-width: 768px) {
	.CookiesPolicy_blank {
		padding-top: 160px;
	}
}

@media screen and (max-width: 576px) {
	.CookiesPolicy {
		/* height: 220px; */
		padding: 4% 3%;
	}

	.CookiesPolicy_blank {
		padding-top: 220px;
	}
}

/*cookie-reminder*/
.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 .cookie-wrapper-btn-close:after,
.cookie-wrapper .cookie-wrapper-btn-close:before {
	width: 2px
}

.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
}

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

.cookie__close {
	background-color: transparent;
	border: 0 ;
	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
}

.ml-auto,.mx-auto {
    margin-left: auto!important;
}

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

	.mt-md-0 {
		margin-top: 0 !important
	}

	.Cookies-btn {
		margin-left: 40px;
	}
}

@media (max-width: 1024px) {
	.Cookies-content {
		padding-left: 3%;
		padding-right: 3%;
	}
}

@media (max-width: 768px) {
	.Cookies-btn {
		margin-left: 20px;
	}
}

@media (max-width: 767.98px) {
	.cookie-wrapper__info {
		max-width: 100%
	}

	.Cookies-content {
		font-size: 14px;
		line-height: 150%;
	}
}

@media (max-width: 576px) {
	.Cookies-content {
		flex-direction: column !important;
	}

	.order-1 {
		order: 1;
	}

	.cookie-wrapper__info {
		order: 2;
		margin-top: 1rem ;
    	margin-bottom: 1rem ;
	}

	.Cookies-btn {
		order: 3;
		margin-left: auto;
	}
}