.noto-tc {
	font-family: 'Noto Sans TC', sans-serif;
}
.alert-message {
	background-color: #666666;
	color: #FFF;
	height: auto;
	transition: height 10s;
	font-size: 14px;
}
.alert-message.hide {
	height: 0;
}
.close-alert {

	color: #FFF!important;
	font-size: 24px;
}
.close-alert i{
	    vertical-align:middle;
}
.slider {
	background: url(../images/bg.png) center center no-repeat;
	background-size: 100% auto;
}
.store-name {
	bottom: 10px;
	left: 15px;
	z-index: 1;
	color: #ffffff;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	text-align: right;
	padding-right: 15px;
}
.swiper-pagination-bullet {
	background: #CCC;
}
.swiper-pagination-bullet-act {
	background: #fff;
}
.top-title {
	position: absolute;
	top: 20%;
	z-index: 2;
	color: #FFFFFF!important;
	font-weight: 100!important;
	text-shadow: 0px 0px 40px rgba(39, 67, 169, 0.75);
}
#store .swiper-slide a {
	color: #FFFFFF!important;
}
#store .swiper-slide a img {
	max-width: 12px;
	vertical-align: text-bottom;
}
.box01 {
	color: #FFFFFF;
	background: linear-gradient(180deg, #6A3792 0%, #1C3C6B 100%);
	border: 2px solid rgba(255, 255, 255, 0.25);
	line-height: 1;
}
.box02 {
	color: #FFFFFF;
	background: linear-gradient(180deg, #7BAE9C 0%, #0044A9 100%);
	border: 1px solid rgba(255, 255, 255, 0.25);
	line-height: 1;
}
.box03 {
	color: #FFFFFF;
	background: linear-gradient(180deg, #CE6750 0%, #CE9450 100%);
	border: 2px solid rgba(255, 255, 255, 0.25);
	line-height: 1;
}

.offer-hour{ height: 140px; }
.offer-hour-tc{ height: 120px; }
.offer-hour .bottom{position: absolute; bottom: 0; left: 0; right:0;}
#main-content .bg-dark {
	background-color: #000000!important;
}
.swiper-button-next, .swiper-button-prev {
	color: #FFF;
	display: none;
	opacity: 0.3;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
	opacity: 1;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}
#studio {
	padding: 60px 0;
	background: url(../images/studio_bg.jpg) top center no-repeat;
	background-size: 100% auto;
	color: #FFFFFF;
}
#studio a {
	color: #FFFFFF!important;
}
#main-content .card {
	background-color: transparent;
	border: 0;
}
#main-content .card .form-control {
	width: auto;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	color: #000000;
}
#main-content .card a, #main-content .card button {
	color: #000000!important;
	text-decoration: none!important;
	background-color: transparent!important;
	background-image: none!important;
}
#main-content .card-header {
	background-color: transparent;
	border-bottom: 1px solid #000000;
}
#main-content .card-header a~span{
display: initial;
}
#main-content .card-header a.collapsed~span{
display: none;
}

#main-content .card select.form-control:not([size]):not([multiple]){
	height:auto;
	}

#main-content .card-body{
	
	font-size:14px;}
	
#main-content .btn-link{
	display:inline;
	
}
#main-content .btn-link.collapsed{
	display:block;
	
}
#main-content .small img{
	    width: 12px;
}
#main-content .collapse.show{
	height: auto!important;
}
@media (max-width: 575.98px) {
.swiper-button-next, .swiper-button-prev {
	display: block;
}
#studio {
	background-size: auto 100%;
}
}