/********************/
/*	mystyle.css	    */
/********************/
html{
	--footblackcolor:#333;;
	--menuredcolor:#b80000;;
	--redcolor:#f00;;
	--blacktitlecolor:#000;
	--btnhoverbgcolor:#a3a3a3;
	--btnbgcolor:#d5d5d5;
	--whitecolor:#ffffff;
	--textlightcolor:#eee;
	--textcolor:#535353;
	--bodycolor:#535353;
	--placeholdercolor:#9fa0a0;
	font-size:18px;
}
body{
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	color:var(--bodycolor);	
	/*background-color:#7A5A3D;*/
}

/********************/
/* bootstrap extend */
/********************/
/*@media (min-width:576px){.container{max-width:540px}}*/
@media (min-width:768px){.container{width:100%;max-width:100%;}}
@media (min-width:992px){.container{width:970px;max-width:960px;}}
@media (min-width:1200px){.container{width:1170px;max-width:1030px;}}
@media (min-width:1600px){.container{width:1570px;max-width:1030px;}}
/****************/
/*	webpage css	*/
/****************/
.is-hidden {visibility: hidden !important;}
.bootbox .bootbox-body{}
.underline{text-decoration:underline;}
.mt30{margin-top:30px !important;}
.mb30{margin-bottom:30px !important;}
/************************************************/
p{margin-bottom:10px;}
.container-fluid-offset{padding-left:0px;padding-right:0px;}
*[data-tourl]:not([data-tourl=""]){cursor:pointer;}
*[data-tourl]:not([data-tourl=""]):hover{/*color:#a9a9a9;*/}
/************************************************/
::-moz-placeholder,::-webkit-input-placeholder,::-ms-input-placeholder{
	color:#fff;
}
.form-input,.form-textarea{
	border:1px solid var(--textlightcolor);
	background-color:var(--whitecolor);
	color:var(--textcolor);
	border-radius:0px;
	margin-bottom:0px;
}
.pretty{margin-bottom:0px;}
/*pages*/
#pages{
	display:block;
	min-height:calc(100vh - 92px - 27px - 50px);
}
.btn{	
	text-align:center;
	line-height:1;
	padding:10px 40px;
	cursor:pointer;
	border-radius:0px;
	color:var(--whitecolor);
	background-color:var(--menuredcolor);
	transition: all 0.3s ease 0s;
	text-transform:uppercase;
}
.btn.btndisabled,.btn.btndisabled:hover{
	color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
	opacity: .65;
	cursor:default;
	pointer-events: none;
}
.btn:hover{
	background-color:var(--redcolor);
	color:var(--whitecolor);
}
/*pages*/
.pagestitle{
	position:relative;
	font-size:20px;
	font-weight:bold;
	color:var(--blacktitlecolor);
	line-height:1;
	margin:10px 0 10px;
}
.pagestitle.red{
	color:var(--redcolor);
}
.swiper-slide img{
	width:100%;
}
.swiper-pagination{
	position: relative;
	margin-top: 20px;
	display: flex;
	justify-content: flex-end;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
	background-color:transparent;
	width:12px;
	height:12px;
	border:1px solid #333;
	opacity:1;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover{
	background-color:var(--menuredcolor);
	border:1px solid var(--menuredcolor);
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#333;
}
/*aboutus*/
.aboutuspage{
	padding-top:50px;
	padding-bottom:50px;
}
.img-group{
	display:table;
	margin:30px auto;
}
.img-group.bigmargin img+img{
	margin-left:15px;
}
.img-group.smallmargin img+img{
	margin-left:3px;
}
.img-group img{
	max-height:160px;
}
ul.servicesul,ul.servicesul li,ul.costul,ul.costul li{
	list-style-type:disc;
}
ul.servicesul,ul.costul{
	padding-left:40px;
}
.temperature-container{
	border:1px solid var(--blacktitlecolor);
	margin:10px 0 20px;
}
.temperature-list{
	display:flex;
}
.temperature-list:not(:last-child){
	border-bottom:1px dotted var(--blacktitlecolor);
}
.temperature-list span{
	text-align:left;
	display: inline-flex;
	padding:10px;
	flex-direction: column;
	justify-content:center;
}
.temperature-list span:first-child{width:45%;}
.temperature-list .timeitem{
	padding:10px;
}
.temperature-list .timeitem:not(:last-child){
	border-bottom:1px dotted var(--blacktitlecolor);
}
/*cost*/
.cost-container{
	border:1px solid var(--blacktitlecolor);
	margin:10px 0 20px;
}
.cost-list:not(:last-child){
	border-bottom:1px dotted var(--blacktitlecolor);
}
.cost-list span{
	text-align:left;
	display: inline-flex;
	padding:10px;
}
.cost-list span:nth-child(1){width:25%;}
.cost-list span:nth-child(2){width:20%;}
.cost-list span:nth-child(3){width:55%;}
.costmemo{
	font-size:14px;
	padding-left:15px;
}
.costmemo p{
	margin-bottom:5px;
}
/*contactus*/
.infos{
	font-size:22px;
	font-weight:bold;
	margin-top:10px;
}
.form-group label{
	margin-top:10px;
	margin-bottom:3px;
}
sup{color:var(--redcolor);margin-left:5px;}
.form-input{
	font-size:14px;
}
.btn_layout01{
	font-size:12px;
	line-height:1.25;
	
}
.facebookinsert{
	text-align:right;
	padding-top:15px;
}

/*****************************/
/*                           */
/* responsive max-width=1600 */
/*                           */
/*****************************/

@media (max-width:1600px)
{
}

/*****************************/
/*                           */
/* responsive max-width=1440 */
/*                           */
/*****************************/

@media (max-width:1440px)
{
}

/*****************************/
/*                           */
/* responsive max-width=1200 */
/*                           */
/*****************************/

@media (max-width:1200px)
{
}
/*****************************/
/*                           */
/* responsive max-width=992  */
/*                           */
/*****************************/

@media (max-width:991px)
{
	#pages{min-height:unset;}
	body{font-size:16px;}
	.facebookinsert{
		text-align:left;
		margin-top:30px;
	}
	.aboutuspage{
		padding-top:15px;
	}
	.img-group{
		display:table;
		margin:0px auto;
	}
	.img-group.bigmargin img+img{
		margin-left:unset;
	}
	.img-group.smallmargin img+img{
		margin-left:unset;
	}
	.img-group img{
		max-height:unset;
		margin-top:15px;
	}
	.cost-container,.temperature-container{
		font-size:12px;
	}
	.temperature-list span,.cost-list span{padding:5px;}
	.cost-list span:nth-child(1){width:35%;}
	.cost-list span:nth-child(2){width:15%;}
	.cost-list span:nth-child(3){width:50%;}
	.temperature-list span:first-child{width:50%;}
	ul.servicesul, ul.costul{padding-left:10px;}
}

/*****************************/
/*                           */
/* responsive max-width=767  */
/*                           */
/*****************************/

@media (max-width:767px)
{
}