/*!********************************************************************
***************************Copyright (c) 2016 by yuchen.****************
*************************************************************************/
	body,h1,h2,h3,h4,h5,h6 {
	font-family: Verdana,Helvetica,"微軟正黑體","Microsoft JhengHei",sans-serif;
	line-height: 30px
}
.navbar-nav>li,.navbar>.container .navbar-brand {
	margin-left: 0
}
.pp_gallery ul,.pp_nav p {
	float: left;
	white-space: nowrap
}
body {
	color: #3c3c3c;
	background: #fff
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 400;
	letter-spacing: 2px;
	color: #000
}
h1,h2 {
	font-size: 24px
}
h3,h6 {
	font-size: 16px
}
h4 {
	font-size: 14px
}
h5 {
	font-size: 18px
}
.css_table,label,li,p,td {
	font-size: 16px;
	letter-spacing: 2px
}
@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: #00d5e8;
	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: 10px;
	padding: 0 10px;
	font-size: 54px;
	cursor: pointer;
	z-index: 999
}
#gotop img: hover {
	will-change: animation,transform,opacity;
	-webkit-animation: top .5s ease-in-out infinite;
	animation: top .5s ease-in-out infinite
}
@-webkit-keyframes top {
	0%,100% {
	-webkit-transform: scale(1)
}
50% {
	-webkit-transform: scale(1.1)
}
}@keyframes top {
	0%,100% {
	transform: scale(1)
}
50% {
	transform: scale(1.1)
}
}@-webkit-keyframes rollInRight {
	from {
	opacity: 0;
	-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
	transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
}
to {
	opacity: 1
}
}@keyframes rollInRight {
	from {
	opacity: 0;
	-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
	transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
}
to {
	opacity: 1
}
}.rollInRight {
	-webkit-animation-name: rollInRight;
	animation-name: rollInRight
}
@media(max-width: 600px) {
	#gotop img {
	max-width: 60px
}
}.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
}
@media screen and (max-width: 991px) {
	.navbar-nav>li {
	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 {
	color: #767676
}
.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
}
.footer,.footer0,.footer1 {
	font-size: 14px;
	vertical-align: middle;
	color: #1e1e1e;
	padding-top: 40px;
	min-height: 430px
}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
	border-top: 0;
	padding-bottom: 0
}
.footer {
	background: url(../../images/footertop.png) center top no-repeat,url(../../images/footerbg.jpg) center top no-repeat;
	background-size: 100% auto,cover
}
.footer0 {
	background: url(../../images/footertop0.png) center top no-repeat,url(../../images/footerbg.jpg) center top no-repeat;
	background-size: 100% auto,cover
}
.footer1 {
	background: url(../../images/footerbg.jpg) center top no-repeat;
	background-size: cover;
	margin-top: -30px
}
.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 {
	color: #5fb0e4
}
.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 {
	width: 100%;
	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;
	transition: .3s ease-in-out
}
.ripple0 input,.ripple01 input {
	-webkit-transition: .3s ease-in-out;
	outline: 0;
	cursor: pointer;
	position: relative;
	color: #14aebc;
	border-radius: 2px;
	font-size: 14px
}
.ripple01 input {
	background: #fff;
	border: 1px solid #14aebc;
	transition: .3s ease-in-out
}
.ripple0 input: hover {
	border: 1px solid #107780;
	color: #107780
}
div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right,div.pp_default .pp_top,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_right {
	height: 13px
}
div.pp_default .pp_top .pp_left {
	background: url(../../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat
}
div.pp_default .pp_top .pp_middle {
	background: url(../../images/prettyPhoto/default/sprite_x.png) top left repeat-x
}
div.pp_default .pp_top .pp_right {
	background: url(../../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat
}
div.pp_default .pp_content .ppt {
	color: #f8f8f8
}
div.pp_default .pp_content_container .pp_left {
	background: url(../../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
	padding-left: 13px
}
div.pp_default .pp_content_container .pp_right {
	background: url(../../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
	padding-right: 13px
}
div.pp_default .pp_next: hover {
	background: url(../../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
	cursor: pointer
}
div.pp_default .pp_previous: hover {
	background: url(../../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
	cursor: pointer
}
div.pp_default .pp_expand {
	background: url(..../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
	cursor: pointer;
	width: 28px;
	height: 28px
}
div.pp_default .pp_expand: hover {
	background: url(../../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
	cursor: pointer
}
div.pp_default .pp_contract {
	background: url(../../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
	cursor: pointer;
	width: 28px;
	height: 28px
}
div.pp_default .pp_contract: hover {
	background: url(../../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
	cursor: pointer
}
div.pp_default .pp_close {
	width: 30px;
	height: 30px;
	background: url(../../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
	cursor: pointer
}
div.pp_default .pp_gallery ul li a {
	background: url(../../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
	border: 1px solid #aaa
}
div.pp_default .pp_social {
	margin-top: 7px
}
div.pp_default .pp_gallery a.pp_arrow_next,div.pp_default .pp_gallery a.pp_arrow_previous {
	position: static;
	left: auto
}
div.pp_default .pp_nav .pp_pause,div.pp_default .pp_nav .pp_play {
	background: url(../../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
	height: 30px;
	width: 30px
}
div.pp_default .pp_nav .pp_pause {
	background-position: -51px -29px
}
div.pp_default a.pp_arrow_next,div.pp_default a.pp_arrow_previous {
	background: url(../../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
	height: 20px;
	width: 20px;
	margin: 4px 0 0
}
div.pp_default a.pp_arrow_next {
	left: 52px;
	background-position: -82px -3px
}
div.pp_default .pp_content_container .pp_details {
	margin-top: 5px
}
div.pp_default .pp_nav {
	clear: none;
	height: 30px;
	width: 110px;
	position: relative
}
div.pp_default .pp_nav .currentTextHolder {
	font-family: Georgia;
	font-style: italic;
	color: #999;
	font-size: 11px;
	left: 75px;
	line-height: 25px;
	position: absolute;
	top: 2px;
	margin: 0;
	padding: 0 0 0 10px
}
div.pp_default .pp_arrow_next: hover,div.pp_default .pp_arrow_previous: hover,div.pp_default .pp_close: hover,div.pp_default .pp_nav .pp_pause: hover,div.pp_default .pp_nav .pp_play: hover {
	opacity: .7
}
div.pp_default .pp_description {
	font-size: 11px;
	font-weight: 700;
	line-height: 14px;
	margin: 5px 50px 5px 0
}
div.pp_default .pp_bottom .pp_left {
	background: url(../../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat
}
div.pp_default .pp_bottom .pp_middle {
	background: url(../../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x
}
div.pp_default .pp_bottom .pp_right {
	background: url(../../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat
}
div.pp_default .pp_loaderIcon {
	background: url(../../images/prettyPhoto/default/loader.gif) center center no-repeat
}
div.light_rounded .pp_top .pp_left {
	background: url(../../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat
}
div.light_rounded .pp_top .pp_right {
	background: url(../../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat
}
div.light_rounded .pp_next: hover {
	background: url(../../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
	cursor: pointer
}
div.light_rounded .pp_previous: hover {
	background: url(../../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
	cursor: pointer
}
div.light_rounded .pp_expand {
	background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
	cursor: pointer
}
div.light_rounded .pp_expand: hover {
	background: url(../../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
	cursor: pointer
}
div.light_rounded .pp_contract {
	background: url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
	cursor: pointer
}
div.light_rounded .pp_contract: hover {
	background: url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
	cursor: pointer
}
div.light_rounded .pp_close {
	width: 75px;
	height: 22px;
	background: url(../../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
	cursor: pointer
}
div.light_rounded .pp_nav .pp_play {
	background: url(../../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
	height: 15px;
	width: 14px
}
div.light_rounded .pp_nav .pp_pause {
	background: url(../../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
	height: 15px;
	width: 14px
}
div.light_rounded .pp_arrow_previous {
	background: url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat
}
div.light_rounded .pp_arrow_next {
	background: url(../../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat
}
div.light_rounded .pp_bottom .pp_left {
	background: url(../../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat
}
div.light_rounded .pp_bottom .pp_right {
	background: url(../../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat
}
div.dark_rounded .pp_top .pp_left {
	background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat
}
div.dark_rounded .pp_top .pp_right {
	background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat
}
div.dark_rounded .pp_content_container .pp_left {
	background: url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y
}
div.dark_rounded .pp_content_container .pp_right {
	background: url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y
}
div.dark_rounded .pp_next: hover {
	background: url(../../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
	cursor: pointer
}
div.dark_rounded .pp_previous: hover {
	background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
	cursor: pointer
}
div.dark_rounded .pp_expand {
	background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
	cursor: pointer
}
div.dark_rounded .pp_expand: hover {
	background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
	cursor: pointer
}
div.dark_rounded .pp_contract {
	background: url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
	cursor: pointer
}
div.dark_rounded .pp_contract: hover {
	background: url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
	cursor: pointer
}
div.dark_rounded .pp_close {
	width: 75px;
	height: 22px;
	background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
	cursor: pointer
}
div.dark_rounded .pp_description {
	margin-right: 85px;
	color: #fff
}
div.dark_rounded .pp_nav .pp_play {
	background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
	height: 15px;
	width: 14px
}
div.dark_rounded .pp_nav .pp_pause {
	background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
	height: 15px;
	width: 14px
}
div.dark_rounded .pp_arrow_previous {
	background: url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat
}
div.dark_rounded .pp_arrow_next {
	background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat
}
div.dark_rounded .pp_bottom .pp_left {
	background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat
}
div.dark_rounded .pp_bottom .pp_right {
	background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat
}
div.dark_rounded .pp_loaderIcon {
	background: url(../../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat
}
div.dark_square .pp_content,div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right {
	background: #000
}
div.dark_square .pp_description {
	color: #fff;
	margin: 0 85px 0 0
}
div.dark_square .pp_loaderIcon {
	background: url(../../images/prettyPhoto/dark_square/loader.gif) center center no-repeat
}
div.dark_square .pp_expand {
	background: url(../../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
	cursor: pointer
}
div.dark_square .pp_expand: hover {
	background: url(../../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
	cursor: pointer
}
div.dark_square .pp_contract {
	background: url(../../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
	cursor: pointer
}
div.dark_square .pp_contract: hover {
	background: url(../../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
	cursor: pointer
}
div.dark_square .pp_close {
	width: 75px;
	height: 22px;
	background: url(../../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
	cursor: pointer
}
div.dark_square .pp_nav {
	clear: none
}
div.dark_square .pp_nav .pp_play {
	background: url(../../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
	height: 15px;
	width: 14px
}
div.dark_square .pp_nav .pp_pause {
	background: url(../../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
	height: 15px;
	width: 14px
}
div.dark_square .pp_arrow_previous {
	background: url(../../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat
}
div.dark_square .pp_arrow_next {
	background: url(../../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat
}
div.dark_square .pp_next: hover {
	background: url(../../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
	cursor: pointer
}
div.dark_square .pp_previous: hover {
	background: url(../../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
	cursor: pointer
}
div.light_square .pp_expand {
	background: url(../../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
	cursor: pointer
}
div.light_square .pp_expand: hover {
	background: url(../../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
	cursor: pointer
}
div.light_square .pp_contract {
	background: url(../../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
	cursor: pointer
}
div.light_square .pp_contract: hover {
	background: url(../../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
	cursor: pointer
}
div.light_square .pp_close {
	width: 75px;
	height: 22px;
	background: url(../../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
	cursor: pointer
}
div.light_square .pp_nav .pp_play {
	background: url(../../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
	height: 15px;
	width: 14px
}
div.light_square .pp_nav .pp_pause {
	background: url(../../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
	height: 15px;
	width: 14px
}
div.light_square .pp_arrow_previous {
	background: url(../../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat
}
div.light_square .pp_arrow_next {
	background: url(../../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat
}
div.light_square .pp_next: hover {
	background: url(../../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
	cursor: pointer
}
div.light_square .pp_previous: hover {
	background: url(../../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
	cursor: pointer
}
div.facebook .pp_top .pp_left {
	background: url(../../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat
}
div.facebook .pp_top .pp_middle {
	background: url(../../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x
}
div.facebook .pp_top .pp_right {
	background: url(../../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat
}
div.facebook .pp_content_container .pp_left {
	background: url(../../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y
}
div.facebook .pp_content_container .pp_right {
	background: url(../../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y
}
div.facebook .pp_expand {
	background: url(../../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
	cursor: pointer
}
div.facebook .pp_expand: hover {
	background: url(../../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
	cursor: pointer
}
div.facebook .pp_contract {
	background: url(../../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
	cursor: pointer
}
div.facebook .pp_contract: hover {
	background: url(../../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
	cursor: pointer
}
div.facebook .pp_close {
	width: 22px;
	height: 22px;
	background: url(../../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
	cursor: pointer
}
div.facebook .pp_description {
	margin: 0 37px 0 0
}
div.facebook .pp_loaderIcon {
	background: url(../../images/prettyPhoto/facebook/loader.gif) center center no-repeat
}
div.facebook .pp_arrow_previous {
	background: url(../../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
	height: 22px;
	margin-top: 0;
	width: 22px
}
div.facebook .pp_arrow_previous.disabled {
	background-position: 0 -96px;
	cursor: default
}
div.facebook .pp_arrow_next {
	background: url(../../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
	height: 22px;
	margin-top: 0;
	width: 22px
}
div.facebook .pp_arrow_next.disabled {
	background-position: -32px -96px;
	cursor: default
}
div.facebook .pp_nav {
	margin-top: 0
}
div.facebook .pp_nav p {
	font-size: 15px;
	padding: 0 3px 0 4px
}
div.facebook .pp_nav .pp_play {
	background: url(../../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
	height: 22px;
	width: 22px
}
div.facebook .pp_nav .pp_pause {
	background: url(../../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
	height: 22px;
	width: 22px
}
div.facebook .pp_next: hover {
	background: url(../../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
	cursor: pointer
}
div.facebook .pp_previous: hover {
	background: url(../../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
	cursor: pointer
}
div.facebook .pp_bottom .pp_left {
	background: url(../../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat
}
div.facebook .pp_bottom .pp_middle {
	background: url(../../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x
}
div.facebook .pp_bottom .pp_right {
	background: url(../../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat
}
div.pp_pic_holder a: focus {
	outline: 0
}
div.pp_overlay {
	background: #000;
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9500
}
div.pp_pic_holder {
	display: none;
	position: absolute;
	width: 100px;
	z-index: 10000
}
.pp_content {
	height: 40px;
	min-width: 40px
}
* html .pp_content {
	width: 40px
}
.pp_content_container {
	position: relative;
	text-align: left;
	width: 100%
}
.pp_content_container .pp_left {
	padding-left: 20px
}
.pp_content_container .pp_right {
	padding-right: 20px
}
.pp_content_container .pp_details {
	float: left;
	margin: 10px 0 2px
}
.pp_description {
	display: none;
	margin: 0
}
.pp_social {
	float: left;
	margin: 0
}
.pp_social .facebook {
	float: left;
	margin-left: 5px;
	width: 55px;
	overflow: hidden
}
.pp_social .twitter {
	float: left
}
.pp_nav {
	clear: right;
	float: left;
	margin: 3px 10px 0 0
}
.pp_nav p {
	margin: 2px 4px
}
.pp_nav .pp_pause,.pp_nav .pp_play {
	float: left;
	margin-right: 4px;
	text-indent: -10000px
}
a.pp_arrow_next,a.pp_arrow_previous {
	display: block;
	float: left;
	height: 15px;
	margin-top: 3px;
	overflow: hidden;
	text-indent: -10000px;
	width: 14px
}
.pp_hoverContainer {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2000
}
.pp_gallery {
	display: none;
	left: 50%;
	margin-top: -50px;
	position: absolute;
	z-index: 10000
}
.pp_gallery div {
	float: left;
	overflow: hidden;
	position: relative
}
.pp_gallery ul {
	height: 35px;
	position: relative;
	margin: 0 0 0 5px;
	padding: 0
}
.pp_gallery ul a {
	border: 1px solid rgba(0,0,0,.5);
	display: block;
	float: left;
	height: 33px;
	overflow: hidden
}
.pp_gallery ul a img {
	border: 0
}
.pp_gallery li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0
}
.pp_gallery li.default a {
	background: url(../../images/prettyPhoto/facebook/default_thumbnail.gif) no-repeat;
	display: block;
	height: 33px;
	width: 50px
}
a.pp_next,a.pp_previous {
	text-indent: -10000px;
	background: url(../../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
	display: block;
	height: 100%;
	width: 49%
}
.pp_gallery .pp_arrow_next,.pp_gallery .pp_arrow_previous {
	margin-top: 7px!important
}
a.pp_next {
	float: right
}
a.pp_previous {
	float: left
}
a.pp_contract,a.pp_expand {
	cursor: pointer;
	display: none;
	height: 20px;
	position: absolute;
	right: 30px;
	text-indent: -10000px;
	top: 10px;
	width: 20px;
	z-index: 20000
}
.pp_loaderIcon,a.pp_close {
	display: block;
	position: absolute
}
a.pp_close {
	right: 0;
	top: 0;
	line-height: 22px;
	text-indent: -10000px
}
.pp_loaderIcon {
	height: 24px;
	left: 50%;
	top: 50%;
	width: 24px;
	margin: -12px 0 0 -12px
}
.pp_fade,.pp_gallery li.default a img,div.ppt {
	display: none
}
#pp_full_res {
	line-height: 1!important
}
#pp_full_res .pp_inline {
	text-align: left
}
#pp_full_res .pp_inline p {
	margin: 0 0 15px
}
div.ppt {
	color: #fff;
	font-size: 17px;
	z-index: 9999;
	margin: 0 0 5px 15px
}
div.light_rounded .pp_content,div.pp_default .pp_content {
	background-color: #fff
}
div.facebook #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.pp_default #pp_full_res .pp_inline {
	color: #000
}
.pp_gallery li.selected a,.pp_gallery ul a: hover,div.pp_default .pp_gallery ul li a: hover,div.pp_default .pp_gallery ul li.selected a {
	border-color: #fff
}
div.dark_rounded .pp_details,div.dark_square .pp_details,div.facebook .pp_details,div.light_rounded .pp_details,div.light_square .pp_details,div.pp_default .pp_details {
	position: relative
}
div.facebook .pp_content,div.light_rounded .pp_bottom .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_top .pp_middle,div.light_square .pp_content,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right {
	background: #fff
}
div.light_rounded .pp_description,div.light_square .pp_description {
	margin-right: 85px
}
div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous {
	margin-top: 12px!important
}
div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_rounded .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled {
	background-position: 0 -87px;
	cursor: default
}
div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_rounded .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled {
	background-position: -22px -87px;
	cursor: default
}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon {
	background: url(../../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat
}
div.dark_rounded .pp_bottom .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_top .pp_middle {
	background: url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top left
}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder {
	color: #c4c4c4
}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline {
	color: #fff
}
.pp_bottom,.pp_top {
	height: 20px;
	position: relative
}
* html .pp_bottom,* html .pp_top {
	padding: 0 20px
}
.pp_bottom .pp_left,.pp_top .pp_left {
	height: 20px;
	left: 0;
	position: absolute;
	width: 20px
}
.pp_bottom .pp_middle,.pp_top .pp_middle {
	height: 20px;
	left: 20px;
	position: absolute;
	right: 20px
}
* html .pp_bottom .pp_middle,* html .pp_top .pp_middle {
	left: 0;
	position: static
}
.pp_bottom .pp_right,.pp_top .pp_right {
	height: 20px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px
}
@media (max-width: 768px) {
	.pp_pic_holder.pp_default {
	width: 95%!important;
	margin-top: -100px!important;
	left: 2.5%!important;
	overflow: hidden
}
#pp_full_res img,.pp_content,.pp_details,.pp_fade {
	width: 100%!important
}
div.pp_default .pp_content_container .pp_left {
	padding-left: 0!important
}
div.pp_default .pp_content_container .pp_right {
	padding-right: 0!important
}
.pp_content {
	height: auto!important
}
.pp_fade {
	height: 100%!important
}
.pp_bottom,.pp_gallery,.pp_hoverContainer,.pp_top,a.pp_contract,a.pp_expand {
	display: none!important
}
#pp_full_res img {
	height: auto!important
}
.pp_details {
	background-color: #fff;
	margin-top: -2px!important;
	padding: 10px 4% 25px 3%
}
a.pp_close {
	right: 10px!important;
	top: 10px!important
}
}.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
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img {
	width: 100%
}
.hide-bullets a,.hide-bullets a: link,.hide-bullets a: visited {
	color: #000
}
.hide-bullets a: hover {
	color: #a16b55
}
.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: fixed;
	top: 0;
	z-index: 10;
	min-height: 100vh;
	padding-top: 20%
}
.form-group {
	padding-top: 5px;
	padding-bottom: 5px
}
#services_order .ripple input[type=submit] {
	position: relative;
	outline: 0;
	cursor: pointer;
	background: #27b3c5;
	color: #fff;
	padding: 8px 20px;
	font-size: 14px;
	border: 1px solid #fff;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-radius: 5px
}
#services_order .ripple input[type=submit]: hover {
	border: 1px solid #27b3c5;
	color: #fff;
	border-radius: 30px
}
#services_order .ripple input[type=reset] {
	position: relative;
	outline: 0;
	cursor: pointer;
	background: 0 0;
	color: #27b3c5;
	padding: 8px 20px;
	font-size: 14px;
	border: 1px solid #27b3c5;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-radius: 5px
}
#services_order .ripple input[type=reset]: hover {
	border: 1px solid #27b3c5;
	color: #27b3c5;
	border-radius: 30px
}
#services_order label {
	color: #424040
}
#services_order input,#services_order textarea {
	background: 0 0;
	border-bottom: 2px #dbdbdb solid;
	color: #27b3c5
}
.material_textarea {
	min-width: 100%;
	max-width: 100%;
	min-height: 80px;
	max-height: 100px
}
.materail_input {
	background-color: #fbfbfb
}
.materail_input_block {
	position: relative;
	overflow: hidden
}
.materail_input_block: after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	background-color: #86e6f2;
	-webkit-transition: transform .5s ease-out 0s;
	transition: transform .5s ease-out 0s;
	-ms-transform: translateZ(0) translate(-110%,0);
	-webkit-transform: translateZ(0) translate(-110%,0);
	transform: translateZ(0) translate(-110%,0)
}
.materail_input_block: hover: after {
	-ms-transform: translateZ(0) translate(0,0);
	-webkit-transform: translateZ(0) translate(0,0);
	transform: translateZ(0) translate(0,0)
}
.materail_input_block: focus {
	background-color: #000
}
.materail_input_block .materail_input {
	height: 35px;
	width: 100%;
	padding: 5px 1%;
	border: none;
	border-bottom: 2px solid #eee;
	border-radius: 0;
	color: #0a6575;
	box-shadow: none
}
.materail_input_block .materail_input: focus {
	outline: 0;
	border-bottom-color: #0a6575
}
@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
}
}.ripple button {
	position: relative;
	outline: 0;
	cursor: pointer;
	background: 0 0;
	color: #587922;
	padding: 8px 20px;
	border-radius: 2px;
	font-size: 14px;
	border: 1px solid #587922;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
.ripple button: hover {
	border: 1px solid #93b659;
	color: #93b659;
	border-radius: 30px
}
.ripple input {
	color: #587922;
	border-radius: 2px;
	border: 1px solid #587922;
	transition: .3s ease-in-out
}
.ripple input,.ripple2 input {
	position: relative;
	outline: 0;
	cursor: pointer;
	background: 0 0;
	padding: 8px 20px;
	font-size: 14px;
	-webkit-transition: .3s ease-in-out
}
.ripple input: hover {
	border: 1px solid #93b659;
	color: #93b659;
	border-radius: 30px
}
.ripple2 input {
	color: #1a6f7a;
	border-radius: 2px;
	border: 1px solid #1a6f7a;
	transition: .3s ease-in-out
}
.ripple2 input: hover {
	border: 1px solid #27b3c5;
	color: #27b3c5;
	border-radius: 30px
}
/**order**/
	.ordericon {
	position: fixed;
	bottom: 107px;
	right: 0px;
	display: inline-block;
	z-index: 8;
}
.ordericon a {
	display: block;
	transition: .3s ease-in-out;
}
.ordericon a: hover {
	transform: scale(0.9);
	opacity: .9;
}
@media(max-width: 500px) {
	.ordericon {
	bottom: 240px;
}
.ordericon img {
	width: 94%;
}
}
/***********************/
/***booking start***/

.booking {
    width: 1440px;
    max-width: 100%;
    margin: 0 auto;
}

/*---apply-------------------------------------------------------------------------------------------------------------------------------*/
.ui-widget {
    font-family: inherit !important;
    font-size: 1.1em;
}
/*apply*/
.apply {
    width:1000px;
    margin:0 auto;
    max-width:90%;
    position:relative;
}
.apply iframe {
    width: 100%;
    height: 700px;
}
.apply label {
    width:48%;
    text-align:left;
    padding:0 1em;
    font-weight:normal;
}
.apply td {
    padding-bottom:1em;
}
table.tb1 input[type=text], textarea,table.tb1 input[type=date] {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 90%;
    background: rgb(255, 255, 255);
    border: solid 1px #dadada;
    border-radius: 5px;
    height: 40px;
    box-shadow: 1px 1px 1px rgb(158, 170, 175,.5);
}
.apply .s {
    display:inline-block;
    width:25%;
}
.apply .s input[type=text] {
    width:60px;
}
.apply input[type=submit],.apply input[type=reset] {
    background: #fff;
    border: solid 1px #a7a7a7;
    border-radius: 5px;
    padding: 10px 13px;
    letter-spacing: 1px;
    box-shadow: 2px 2px 1px rgba(0,0,0,.3);
    transition: .2s ease all;
    width: 150px;
    margin: 0 1%;
    color: #000;
}
.apply input[type=button]:hover,.apply input[type=reset]:hover,.apply input[type=submit]:hover {
    background: rgba(0,0,0,.8);
    box-shadow: 0px 0px 1px rgba(0,0,0,.3);
    color: #fff;
}
.apply input[type=reset] {
    background: rgb(173, 176, 176);
}
/*remark*/
.remark {
    text-align:center;
    color:#e64c2e;
    font-size:20px;
    margin-top:1em;
}
table.tb2 input[type=text],table.tb2 input[type=date] {
    box-shadow:none;
    width:80%;
    background: rgb(255, 255, 255);
    border: solid 1px #dadada;
    border-radius: 5px;
    height: 40px;
}
.table-condensed>tbody>tr>td {
    padding:10px;
}
.side {
    text-align:right;
}
    @media screen and (max-width:800px) {
        .apply label {
            width:100%;
        }
        .apply .s {
            width:30%;
            margin:.2em 0;
        }
        .apply iframe {
            width: 100%;
            height:800px;
        }
    }
    @media screen and (max-width:660px) {
        .apply .s {
            width:45%;
        }
    }
    @media screen and (max-width:480px) {
        table.tb1 tr {
            border-bottom: dashed 1px #dedede;
            display:block;
            padding:.5em 0;
        }
        table.tb1 td {
            padding-bottom: .5em;
            display: block;
            text-align: left !important;
            width: 100% !important;
        }
        .side {
            text-align:left;
        }
        .apply label {
            padding:0 1em 0 0;
        }
        table.tb1 input[type=text], textarea,table.tb1 input[type=date] {
            width:100%;
        }
        .apply table.tb2 tr {
            border-bottom: dashed 0px #dedede;
            padding: .5em 0;
        }
        .apply .s {
            width:40%;
        }
        .apply {
            padding-bottom:8em;
        }
        table.tb2 input[type=text], table.tb2 input[type=date] {
            width:100%;
        }
        .table-condensed>tbody>tr>td {
            padding: 5px;
        }
    }
    @media screen and (max-width:350px) {
        .apply .s {
            width: 48%;
        }
        .apply input[type=submit], .apply input[type=reset] {
            width: 100%;
            margin: .5em 0;
        }
        .apply {
            padding-bottom:6em;
        }
    }


/***booking end****/
/***********************/