/*!********************************************************************
***************************Copyright (c) 2016 by yuchen.****************
*************************************************************************/body, h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif;
	line-height: 30px
}
.tdtdtd td{border: solid 1px #333333;}
#services_room{line-height: 30px}
body, h1, h2, h3, h4, h5, h6, table, td {
	font-family: Verdana, Helvetica, "微軟正黑體", "Microsoft JhengHei", sans-serif
}
h1, h2, h3, h4, h5, h6, label, li, p, td {
	letter-spacing: 2px
}
h3, h6, label, li, p, td {
	font-size: 16px
}
#gotop, #gotop img:hover {
	cursor: pointer;
	z-index: 999
}
.navbar-nav>li, .navbar>.container .navbar-brand {
	margin-left: 0
}
#particles, .carousel-inner>.item>a>img, .carousel-inner>.item>img {
	width: 100%
}
body {
	color: #3c3c3c;
	background: #fff
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	color: #000
}
table, td {
	color: #fff
}
h1, h2 {
	font-size: 24px
}
h4 {
	font-size: 14px
}
h5 {
	font-size: 18px
}
@media screen and (max-width:767px) {
	label, li, p, td {
		font-size: 14px
	}
}
a {
	color: #14aebc;
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition: color 300ms, background-color 300ms;
	transition: color 300ms, background-color 300ms
}
a:focus, a:hover {
	color: text-decoration:none;
	outline: 0
}
.btn-primary {
	padding: 8px 20px;
	background: #c52d2f;
	color: #ff0;
	border-radius: 4px;
	border: none;
	margin-top: 10px
}
.navbar, .navbar-inverse .navbar-nav .dropdown-menu>li.divider, .navbar-inverse .navbar-nav>li>a:hover {
	background-color: transparent
}
#gotop {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 40px;
	padding: 0 10px;
	font-size: 54px
}
@media(max-width:600px) {
	#gotop img {
		max-width: 60px
	}
}
#gotop img:hover {
	opacity: 1;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transform: scale(.95)
}
.navbar-brand {
	padding: 0 0 0 220px;
	margin: 0
}
@media(max-width:1919px) {
	.navbar-brand {
		padding: 0;
		margin: 0
	}
}
.navbar {
	border-radius: 0;
	margin-bottom: 0
}
.navbar-nav {
	margin-top: 0
}
.navbar-nav.navin>li {
	margin-left: 0;
	padding-top: 5px
}
@media screen and (max-width:991px) {
	.navbar-nav>li {
		padding-top: 0
	}
	.navbar-nav.navin>li {
		margin-left: 0;
		padding-top: 0
	}
}
.navbar-inverse .navbar-nav>li>a {
	padding: 0;
	margin: 0;
	border-radius: 3px;
	color: #767676;
	line-height: 24px;
	display: inline-block
}
.navbar-inverse .navbar-nav>li>a:hover {}
.navbar-inverse {
	border: none
}
.navbar-inverse .navbar-brand {
	font-size: 36px;
	line-height: 50px;
	color: #fff
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	background-color: transparent;
	color: #000
}
.navbar-inverse .navbar-nav .dropdown-menu {
	border: 0;
	padding: 0;
	margin-top: 0;
	border-top: 0;
	border-radius: 0;
	left: 0;
	color: #fff
}
.navbar-inverse .navbar-nav .dropdown-menu:before {
	position: absolute;
	top: 0
}
.navbar-inverse .navbar-nav .dropdown-menu>li>a {
	padding: 8px 15px;
	color: #fff
}
.navbar-inverse .navbar-nav .dropdown-menu>li.active>a, .navbar-inverse .navbar-nav .dropdown-menu>li:focus>a, .navbar-inverse .navbar-nav .dropdown-menu>li:hover>a {
	color: #fff
}
.navbar-inverse .navbar-nav .dropdown-menu>li:last-child>a {
	border-radius: 0 0 3px 3px
}
.dropdown-menu p {
	color: #fff
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-top: 0;
	padding-bottom: 0
}
.footer {
	vertical-align: middle;
	font-size: 14px;
	color: #afa99e;
	word-wrap: break-word;
	word-break: break-all;
	letter-spacing: 1px;
	background: url(../../images/footerbg.jpg) center top;
	background-size: auto
}
@media screen and (max-width:991px) {
	.footer p {
		font-size: 13px
	}
}
@media screen and (max-width:450px) {
	.footer p {
		font-size: 12px;
		letter-spacing: .5px
	}
}
@media screen and (max-width:350px) {
	.footer p {
		letter-spacing: .1px
	}
}
.panel {
	margin-top: 120px;
	background-color: transparent
}
@media screen and (max-width:768px) {
	.loginbtn input {
		margin-top: 10px
	}
}
.panel-info {
	border-color: #5cb85c
}
.panel-info>.panel-heading {
	color: #fff;
	background-color: #5cb85c;
	border-color: #bce8f1
}
.panel-info .ripple input[type=submit] {
	position: relative;
	outline: 0;
	cursor: pointer;
	background: #5cb85c;
	color: #fff;
	padding: 8px 20px;
	border-radius: 50px;
	font-size: 14px;
	border: 1px solid #5cb85c;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
.panel-info .ripple input[type=submit]:hover {
	background: #3d8b3d;
	border: 1px solid #3d8b3d
}
.panel-info .ripple input[type=reset] {
	position: relative;
	outline: 0;
	cursor: pointer;
	background: #fff;
	color: #5cb85c;
	padding: 8px 20px;
	border-radius: 50px;
	font-size: 14px;
	border: 1px solid #5cb85c;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
.panel-info .ripple input[type=reset]:hover {
	color: #3d8b3d;
	border: 1px solid #3d8b3d
}
.panel-default {
	border-color: #5fb0e4
}
.panel-default>.panel-heading {
	color: #fff;
	background-color: #5fb0e4;
	border-color: #bce8f1
}
.panel-default .ripple input[type=button] {
	position: relative;
	outline: 0;
	cursor: pointer;
	background: #fff;
	color: #5fb0e4;
	padding: 8px 20px;
	border-radius: 50px;
	font-size: 14px;
	border: 1px solid #5fb0e4;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
.panel-default .ripple input[type=button]:hover {
	background: #248ed3;
	border: 1px solid #248ed3;
	color: #fff
}
#services_login a, #services_login a:visited {
	color: #000
}
#services_login a:focus, #services_login a:hover {}
.panel-success {
	border-color: #748bce
}
.panel-success>.panel-heading {
	color: #fff;
	background-color: #748bce;
	border-color: #748bce
}
.panel-success .ripple input[type=button] {
	position: relative;
	outline: 0;
	cursor: pointer;
	background: #748bce;
	color: #fff;
	padding: 8px 20px;
	border-radius: 50px;
	font-size: 14px;
	border: 1px solid #748bce;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
.panel-success .ripple input[type=button]:hover {
	background: #7475ce;
	border: 1px solid #7475ce;
	color: #fff
}
#particles {
	height: 100%;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	z-index: -2
}
.panel-default2 {
	border-color: #2b85bf
}
.panel-default2>.panel-heading {
	color: #fff;
	background-color: #2b85bf;
	border-color: #2b85bf
}
.panel-default2 .ripple input[type=button] {
	position: relative;
	outline: 0;
	cursor: pointer;
	background: #fff;
	color: #2b85bf;
	padding: 8px 20px;
	border-radius: 50px;
	font-size: 14px;
	border: 1px solid #2b85bf;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
.panel-default2 .ripple input[type=button]:hover {
	background: #248ed3;
	border: 1px solid #248ed3;
	color: #fff
}
.ripple0 input {
	background: 0 0;
	padding: 8px 20px;
	border: 1px solid #14aebc;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
.ripple0 input, .ripple01 input {
	outline: 0;
	cursor: pointer;
	font-size: 14px;
	position: relative;
	color: #14aebc;
	border-radius: 2px
}
.ripple01 input {
	background: #fff;
	border: 1px solid #14aebc;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
.ripple0 input:hover {
	border: 1px solid #107780;
	color: #107780
}
.carousel-control.left {
	background-image: -webkit-linear-gradient(left, color-stop(rgba(255, 255, 255, .1) 0), color-stop(rgba(0, 0, 0, .0001) 100%));
	background-image: linear-gradient(to right, rgba(255, 255, 255, .1) 0, rgba(0, 0, 0, .0001) 100%);
	background-repeat: repeat-x;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}
.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0), color-stop(rgba(255, 255, 255, .1) 100%));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(255, 255, 255, .1) 100%);
	background-repeat: repeat-x;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}
.hide-bullets {
	list-style: none;
	margin-left: -40px;
	margin-top: 0;
	text-align: right;
	cursor: pointer;
	line-height: 22px;
	color: #000
}
.thumbnail {
	padding: 0
}
.hide-bullets a, .hide-bullets a:link, .hide-bullets a:visited {
	color: #000
}
.hide-bullets a:hover {}
.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity
}
.carousel-fade .carousel-inner .active {
	opacity: 1
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1
}
.carousel-fade .carousel-control {
	z-index: 2
}
.carousel-control {
	position: absolute;
	top: 0;
	z-index: 10;
	min-height: 100%;
	padding-top: 25%
}
#services_order .ripple input[type=submit] {
	position: relative;
	outline: 0;
	cursor: pointer;
	background: #4f280f;
	color: #fff;
	padding: 8px 20px;
	border-radius: 2px;
	font-size: 14px;
	border: 1px solid #4f280f;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
#services_order .ripple input[type=submit]:hover {
	border: 1px solid #4f280f;
	color: #fff;
	border-radius: 30px
}
#services_order h3 {
	color: #fff
}
#services_order input[type=date], #services_order input[type=text], #services_order input[type=email], #services_order textarea {
	padding: 2px 0;
	line-height: 26px;
	border-radius: 2px;
	border: 1px solid #4f280f;
	background: 0 0;
	color: #4f280f
}
#services_order input:hover, #services_order textarea:hover {
	border-color: #f60;
	outline: 0
}
#services_order input:focus, #services_order textarea:focus {
	border-color: #6e3510;
	outline: 0;
	box-shadow: inset 0 0 0 rgba(110, 53, 16, .5), 0 0 6px rgba(110, 53, 16, .4)
}
@media(max-width:768px) {
	#services_bbs input, #services_bbs textarea, #services_login input, #services_login textarea, #services_news input, #services_news textarea, #services_order input, #services_order textarea {
		font-size: 16px
	}
}
#services_bbs .bbsfont td {
	padding: 6px 0
}
#services_bbs input[type=text], #services_bbs textarea[type=text] {
	padding: 2px 0;
	line-height: 26px;
	border-radius: 2px;
	border: 1px solid #fff;
	background: 0 0;
	color: #fff
}
#services_bbs input:hover, #services_bbs textarea:hover {
	border-color: #ffd200;
	outline: 0
}
#services_bbs input:focus, #services_bbs textarea:focus {
	border-color: #ffd200;
	outline: 0;
	box-shadow: inset 0 0 0 rgba(234, 96, 111, .5), 0 0 6px rgba(234, 96, 111, .4)
}
.ripple button {
	background: #fff;
	color: #000;
	border-radius: 2px;
	border: 1px solid #fff;
	transition: .3s ease-in-out
}
.ripple button, .ripple input {
	position: relative;
	outline: 0;
	cursor: pointer;
	padding: 8px 20px;
	font-size: 14px;
	-webkit-transition: .3s ease-in-out
}
.ripple button:hover {
	background: 0 0;
	border-radius: 30px;
	color: #fff
}
.ripple input {
	background: #fff;
	color: #000;
	border-radius: 2px;
	border: 1px solid #fff;
	transition: .3s ease-in-out
}
.ripple input:hover {
	background: 0 0;
	border-radius: 30px;
	color: #fff
}
.ripple2 input {
	background: 0 0;
	color: #fff;
	border-radius: 2px;
	border: 1px solid #fff;
	transition: .3s ease-in-out
}
.ripple2 input, .ripple3 input[type=submit] {
	position: relative;
	outline: 0;
	cursor: pointer;
	padding: 8px 20px;
	font-size: 14px;
	-webkit-transition: .3s ease-in-out
}
.ripple2 input:hover {
	background: #fff;
	border-radius: 30px;
	color: #ea606f
}
.ripple3 input[type=submit] {
	background: 0 0;
	color: #fff;
	border-radius: 2px;
	border: 1px solid #fff;
	transition: .3s ease-in-out
}
.ripple3 input[type=submit]:hover {
	background: #fff;
	border-radius: 10px;
	color: #ea606f
}
.ripple3 input[type=button] {
	background: 0 0;
	color: #fff;
	border-radius: 2px;
	border: 1px solid #fff;
	transition: .3s ease-in-out
}
.ripple3 button, .ripple3 input[type=button] {
	position: relative;
	outline: 0;
	cursor: pointer;
	padding: 8px 20px;
	font-size: 14px;
	-webkit-transition: .3s ease-in-out
}
.ripple3 input[type=button]:hover {
	background: #fff;
	border-radius: 10px;
	color: #ea606f
}
.ripple3 button {
	background: 0 0;
	color: #fff;
	border-radius: 2px;
	border: 1px solid #fff;
	transition: .3s ease-in-out
}
.ripple3 button:hover {
	background: #fff;
	border-radius: 10px;
	color: #ea606f
}