@charset "utf-8";
/* CSS Document */


.yoyo{
display:inline-block;
background-color:#365899;
padding:3px;
border-radius:5px;
margin-top:-3px;
cursor:pointer;
}
.noshow {
	display: none;
}
.noshow2 {
	display: none;
}
.noshowx {
	display: none;
}
.noshowx2 {
	display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.noshowx2 {
	display: none;
	
}
}

_:-ms-fullscreen, :root .noshowx2 { display: none; }

.pc {
	display: inline-block;
}
.pinkb {
	background-color: rgba(255, 192, 203, 0.4);
}
#lalago {
	display: inline-block;
}
#lalago2 {
	display: none;
}
.lala {
	display: inline-block;
	-webkit-animation-delay: 16s;
	animation-delay: 16s;
	-webkit-transition-delay: 45s;
	transition-delay: 45s;
	opacity: 66;
	width: 45%;
}
.lala2 {
	display: inline-block;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	opacity: 66;
}
.carousel {
	margin-top: 5%
}
.im-centered {
	margin: 0 auto;
	max-width: 85%;
}
.im-centered2 {
	margin: 0 auto;
	max-width: 50%;
}
.blog-preview-content {
	min-height: 237px;
}
 @media only screen and (width:768px) and (resolution: 163dpi) {
.noshow {
	display: inline-block;
}
.carousel {
	margin-top: 2%;
}
.navbar-dark .navbar-brand .logo img {
	max-height: 30px;
	margin-top: 8px;
}
}
 @media screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.noshow {
	display: inline-block;
}
.carousel {
	margin-top: 2%;
}
.navbar-dark .navbar-brand .logo img {
	max-height: 30px;
	margin-top: 8px;
}
}
 @media screen and (max-device-width: 480px) {
.lity-iframe-container {
    width: 100%;
    height: 0;
    padding-top: 150%;
    overflow: auto;
    pointer-events: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
}
.video-bg {
	margin-top: 62px;
}
.im-centered {
	margin-left: 0;
	max-width: none;
}
.im-centered2 {
	margin-left: 0;
	max-width: none;
}
.noshow {
	display: inline-block;
}
.noshow2 {
	display: inline-block;
}
.pc {
	display: none;
}
#lalago {
	display: none;
}
#lalago2 {
	display: block;
}
.btn-scroll-dark, .btn-scroll-light {
	margin-top: -20%;
}
.noshowx {
	display: inline-block;
}
.blog-preview-content {
	min-height: 0px;
}
}
@media only screen and (max-width: 375px) and (min-width: 320px) {
.noshowx2 {
	display: none;
}
.blog-preview-content {
	min-height: 0px;
}
}
 @media screen and (max-device-width: 375px) {
.im-centered {
	margin-left: 0;
	max-width: none;
}
.carousel {
	margin-top: -4%;
}
.s1-info-poz {
	padding-left: 40px;
}
.noshowx {
	display: inline-block;
}
.blog-preview-content {
	min-height: 0px;
}
}
 @media screen and (max-device-width: 320px) {
.im-centered {
	margin-left: 0;
	max-width: none;
}
body {
	font-size: 14px;
}
.noshow2 {
	display: none;
}
.carousel {
	margin-top: -8%;
}
.s1-info-poz {
	padding-left: 20px;
}
.noshowx {
	display: inline-block;
}
.blog-preview-content {
	min-height: 0px;
}
}
#noie6 {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
	width: 100%;
	height: 100%;
	color: #FFF; /*字體顏色*/
	display: block; /*顯示方式*/
	font-size: 15px; /*字體大小*/
	letter-spacing: 1px; /*字體間距*/
	padding: 15%; /*內邊距*/
	text-align: center; /*文字置中*/
	z-index:9999;
}
.btnx {
	background: #e95098;
	background-image: -webkit-linear-gradient(top, #e95098, #e95098);
	background-image: -moz-linear-gradient(top, #e95098, #e95098);
	background-image: -ms-linear-gradient(top, #e95098, #e95098);
	background-image: -o-linear-gradient(top, #e95098, #e95098);
	background-image: linear-gradient(to bottom, #e95098, #e95098);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	color: #ffffff;
    font-size: 15px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
	max-width: 90%;
}
.btnx:hover {
	background: pink;
	text-decoration: none;
}