/* CSS Document */
@charset "UTF-8";
 * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 150%;
}
body {
	margin: 0;
	padding: 0;
	font-family:"微軟正黑體", Microsoft JhengHei, Arial, helvetica;
}
a {
	outline: none;
	hlbr: expression(this.onFocus=this.blur());
	text-decoration: none;
}
*, *:before, *:after {
	box-sizing: border-box;
}
.flex{
	display: flex;
}
.loading_overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0 ,0 ,.5);
	z-index: 9999;
}
[data-loader=circle] {
	width: 40px;
	height: 40px;
	-webkit-animation: circle infinite .75s linear;
	-moz-animation: circle infinite .75s linear;
	-o-animation: circle infinite .75s linear;
	animation: circle infinite .75s linear;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-radius: 100%;
}
.loading{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.loading_overlay p{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 19px;
	margin: 10px 0 0 0;
}
@-webkit-keyframes circle{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes circle{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes circle{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes circle{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}

/*btn*/
.btn.disabled, .btn:disabled {
	opacity: 1;
	cursor: auto;
}
.btn-sm i.c-icon:not(.c-icon-c-s):not(.c-icon-custom-size), .btn-sm i.c-icon {
	font-size: .8rem;
}
/* header */
.c-sidebar-brand a {
	color: #fff;
	font-weight: bold;
	font-size: 1rem;
}
a.c-sidebar-nav-link{
	position: relative;
}
.c-sidebar-nav-item .c-sidebar-nav-link:before{
	content: " ";
	display: inline-block;
	width: 1px;
	height: 100%;
	background: #666;
	position: absolute;
	top: 0;
	left: 16%;
}
.c-sidebar-nav-item .c-sidebar-nav-link.index:before{
	display: none;
}
 .c-sidebar .c-sidebar-nav-dropdown.c-show .c-sidebar-nav-link.c-active{
	color: #fcff00;
	background: transparent;
}
/*login*/
.get_mobile{
	animation: heartbeat 0.8s infinite;
}
@keyframes heartbeat { 50% { transform: scale(1.1); } }
/* 上方區塊搜尋條件 */
.card-top .form-group label{
	margin: 0 1rem;
}
.card-top .form-group .form-check-inline label, .form-check-label{
	margin: 0 .4rem;
}
.card-top .form-group button.btn {
	margin: 0 0 0 10px;
}
/* 樣式調整 */
.card-title {
	margin-bottom: 2rem;
}
.card-header{
	font-size: .95rem;
	font-weight: bold;
	background: #f1f1f1;
}
.card-body img{
	max-width: 100%;
}
.col-form-label{
	text-align: right;
	font-size: .86rem;
}
.card-footer ul{
	list-style: disc;
}
.card-footer ol, .card-footer ul {
	padding: 10px 0 0 15px;
}
.card-footer ol li, .card-footer ul li{
	margin: 0 0 10px 0;
}
.form-group.row ol{
	padding: 20px 0 0 20px;
}
.card_block{
	border: 1px solid #e8e8e8;
	padding: 0 16px;
	margin: 16px 0;
	border-radius: 4px;
}
/* tab */
.nav-tabs {
	position: relative;
	font-size: 16px;
	list-style: none;
	display: flex;
	flex-wrap: nowrap;
	padding: 0;
	margin: 0 0 20px 0;
	background: #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,.3);
}
.nav-tabs .nav-item {
	margin: 0;
}
.nav-tabs .nav-link{
	color: #000;
	display: block;
	padding: 0.6em 1.8rem;
	outline: none;
	border:none;
	text-decoration: none;
	border-radius: 0;
}
.nav-tabs .nav-link.active {
	background: #321fdb;
	color: #fff;
}
/* table */
.dataTables_empty{
	display: none!important;
}
table tbody tr:hover {
	background: #fffff7;
	-webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
	box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
	z-index: 1;
}
.table-th th ,.table-th-right th{
	background: #f5f5f5;
}
.table-th-right th{
	text-align: right;
}
.table img{
	max-width: 100%;
}
.row{
	align-items: center;
}
#table-ckeditor{
	width: 100%;
}
#category_title{
	font-weight: bold;
}
#category_content ul{
	list-style: none;
	padding: 0;
}
#category_content ul li{
	margin: 0 0 .5rem;
}
.s_input select{
	margin: 0 .8rem 0 0;
}
.mult_flex li{
	display: flex;
	margin: 0 0 1rem 0;
}
.mult_flex li input{
	flex: 1;
}
/*drag*/
.drag_active {
	background: transparent;
	color: transparent;
	border: 1px solid #efefef;
}
/*版型設計*/
.theme{
	position: relative;
	width: 100%;
	margin: 0 auto 20px auto;
}
.inside{
	width: 1260px;
	margin: 0 auto;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.theme.theme_1{
	width: 100%;
	min-height: 600px;
	border:0;
}
.title {
	position: relative;
	width: 100%;
	color: #000;
	font-weight: 500;
	letter-spacing: 0.7px;
	line-height: 1.5;
	margin: 30px 0;
	text-align: center;
	padding: 0 0 15px 0;
}
.title:after {
	position: absolute;
	content: '';
	display: block;
	width: 64px;
	height: 1px;
	margin-left: -32px;
	left: 50%;
	bottom: 0;
	background: #000;
}
.item {
	position: relative;
	flex: 1;
}
.item h2 {
	color: #000;
	font-size: 19px;
	margin: 20px 0;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	word-break: normal;
}
.item p.price {
	text-align: center;
	color: #f42424;
}
.item p {
	font-size: 23px;
	font-family: Arial, Helvetica, sans-serif;
}
.item p.del {
	color: #ccc;
	font-size: 14px;
	text-decoration: line-through;
}
.item .img{
	max-width: 100%;
	min-height: 150px;
	background: #efefef;
	overflow: hidden;
}
.item .img img{
	max-width: 100%;
}
.item_1 {
	width: 100%;
	max-width: 100%;
	text-align: center;
}
.item_2 {
	width: 49%;
	margin: 0 2% 0 0;
}
.item_2.margin0{
	max-width: 50%;
	margin: 0;
}
.item_3 {
	max-width: 32%;
	margin: 0 2% 0 0;
}
.item_3.margin0 {
	max-width: 33.33%;
	margin: 0;
}
.item_4 {
	max-width: 24%;
	margin: 0 1.33% 0 0;
}
.item_4.margin0 {
	max-width: 25%;
	margin: 0;
}
.item_2:nth-child(2n), .item_3:nth-child(3n), .item_4:nth-child(4n) {
	margin: 0;
}
.cover img, .cover iframe{
	filter: brightness(.5);
}
.cover .img:before, .cover2 .img:before ,.cover .swiper-slide:before ,.cover2 .swiper-slide:before{
	content:"尚未上傳";
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 5;
	background: #000;
	color:#fff;
	padding: 5px 15px;
}
.cover2 .img:before, .cover2 .swiper-slide:before{
	content:"前台未開放";
	background: #666;
	color:#fff;
}
.cover2 img ,.cover2 iframe{
	opacity: .3;
}
.edit{
	position: absolute;
	right: 0;
	color: #fff;
	z-index: 4;
}
.edit.btn-danger{
	top: 0;
}
.edit.btn-success{
	bottom: 0;
}
.design_master .list-group{
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center
}
.design_master .list-group-item + .list-group-item{
	border: none;
	padding: 0;
}
.nested-1 {
	background: #f9f9f9;
}
.nested-2 {
	background: #efefef;
}
.nested-3 {
	background: #ccc;
}
#nestedDemo div, .nested-1, .nested-2, .nested-3 {
	margin-top: 5px;
}
.menu .list-group-item:first-child {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}
.menu .list-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
}
/*效果*/
.swiper-slide img, .item img{
	-webkit-transition: all .5s;
	transition: all .5s;
}
.effect_1:hover{
	opacity: .65;
}
.effect_2:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}
.effect_3:hover{
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);
}
.effect_4:hover{
	filter: brightness(125%);
}
.effect_5:hover{
	filter: brightness(70%);
}
.effect_6:hover{
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
}
.effect_7:hover{
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
}
/*iframe*/
.fancybox-slide--iframe .fancybox-content {
	max-width  : 800px;
	max-height : 600px;
	width  : 80%;
	height : 80%;
	margin: 0;
}
@media screen and (max-width:1440px) {
	.card-top .form-group{
		margin:0 1rem 1rem 1rem;
	}
	.table-responsive-xl {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.table-responsive-xl th, .table-responsive-xl td{
		white-space: nowrap !important;
	}
}
@media screen and (max-width:1366px) {
	.card-body{
		padding: 1rem;
	}
	.col-form-label{
		font-size: .85rem;
	}
	.nav-tabs .nav-link{
		padding: 0.6em 1.21em;
	}
}
@media screen and (max-width:1024px) {
	.c-main > .container-fluid, .c-main > .container-sm, .c-main > .container-md, .c-main > .container-lg, .c-main > .container-xl{
		padding: 0 20px;
	}
	.nav-tabs{
		font-size: 13px;
	}
	.nav-tabs .nav-link {
		padding: 0.5em;
		font-size: .85rem;
	}
	.table-responsive-lg {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}
@media screen and (max-width:768px) {
	#life-count-down{
		display: none;
	}
}
@media screen and (max-width:767px) {
	h4.card-title {
		font-size: 15px;
		font-weight: bold;
	}
	.col-form-label{
		text-align: left;
	}
	.card-top .form-group .form-check-inline label, .form-check-label{
		margin: .4rem;
	}
	.card-top .form-group {
		margin: 0;
	}
	.page-link{
		padding: .5rem;
	}
	/*nav-tabs*/
	.nav-tabs{
		font-size: .9rem;
		width: 100%;
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.nav-tabs .nav-link {
		padding: 0.5em 1rem;
		font-size: .95rem;
	}
	/*card-top*/
	.card-top .form-group{
		width: 100%;
	}
	.card-top .form-group {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.card-top .form-group label {
		margin: 0 0 6px 0;
		min-width: 80px;
	}
	.card-top .form-group button.btn {
		margin:10px 0 0 0;
		width: 100%;
	}
	.table tr td .btn{
		min-width: 55px;
	}
	.table th, .table td {
		padding: 0.6rem;
	}
	.table-w-auto .form-control{
		width: auto;
	}
	input#agreement_start {
		margin: 0 0 10px 0;
	}
	select#datetime {
		margin: 1rem 0;
	}
	.m-flex-wrap{
		flex-wrap: wrap;
	}
	.m-flex-wrap select{
		width: 100% !important;
		margin: 0 0 10px 0;
	}
	/*有input和select的區塊*/
	.m-input-select{
		flex-wrap: wrap;
	}
	.m-input-select input.w-auto {
		width: 100% !important;
		margin: 0 0 1rem 0;
	}
	.m-input-select select.w-auto {
		width: 41%!important;
	}
	/*有input和span區塊*/
	.flex-responsive{
		flex-wrap: wrap;
	}
	.flex-responsive span{
		display: block;
		margin: 0 0 10px 0;
	}
	.flex-responsive input{
		width: 100% !important;
	}
	.flex-responsive span.ml-2{
		margin: 5px 0 0 0;
	}
	.s_input select{
		margin: 0 0 1rem 0;
	}
	.span_margin span{
		margin: .5rem 0;
	}
	.span_margin select {
		margin: .5rem 0 !important;
		width: 37%;
	}
	/*版型設計*/
	.cover2 .img:before {
		padding: 3px 10px;
		font-size: 12px;
		width: 90px;
		text-align: center;
	}
	.item_2, .item_3, .item_4 {
		flex: none;
	}
	.item_2, .item_3, .item_4 {
		max-width: 100%;
		margin: 0 4% 0 0;
		width: 48%;
	}
	.item_3 ,.item_4 {
		margin: 0 4% 4% 0;
	}
	.item_2.margin0, .item_3.margin0, .item_4.margin0{
		max-width: 50%;
		margin: 0;
	}
	.item_2:nth-child(2n),.item_3:nth-child(3n),.item_4:nth-child(even){
		margin: 0;
	}
	.item img{
		width: 100%;
		max-width: 100%;
	}
	.slide .row{
		flex-wrap: nowrap;
	}
	.slide .item_2, .slide .item_3, .slide .item_4 {
		max-width: 100%;
		margin: 0 4% 0 0;
		width: 48%;
	}
	.slide.one_swiper .item_2, .slide.one_swiper .item_3, .slide.one_swiper .item_4, .slide.one_swiper.item_2:nth-child(2n), .slide.one_swiper.item_3:nth-child(3n), .slide.one_swiper.item_4:nth-child(even){
		max-width: 100%;
		margin: 0 4% 0 0;
	}
}
@media screen and (max-width:414px) {
	.span_margin select {
		margin: .5rem 0 !important;
		width: 31%;
	}
	.m-input-select select.w-auto {
		width: 40%!important;
	}
}
@media screen and (max-width:375px) {
	.card-top .form-group label {
		margin: 6px 0;
		min-width: 80px;
	}
	.span_margin select {
		width: 29%;
	}
	.m-input-select select.w-auto {
		width: 39%!important;
	}
}