/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
	padding-top: 60px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: "微軟正黑體", "標楷體";
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {/*sonywang 站畫面之高度*/
	height: 95%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
/*隱藏式箭頭區塊*/
.carousel-control.left {
    background-image: linear-gradient(to right, rgb(255, 255, 255) 0px, rgba(255, 255, 255, 0) 100%);
    background-repeat: repeat-x;
}
.carousel-control.right {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 1) 100%);
    background-repeat: repeat-x;
    left: auto;
    right: 0;
}
/* HOME
================================================== */

#home h1,#home h2,#home p, #noSliderWrapper h1, #noSliderWrapper h2, #noSliderWrapper p {color:#FFFFFF;}

#noSliderWrapper{
	background-color: #FFFFFF;
}



/* NEKO CSS FRAMEWORK
================================================== */
/* images */
.imgBorder {
	border:1px solid #ededed; background:#fff;
}

.boxContent {
	background:#EDF2F3;
	border-bottom:2px solid #eee;
	color:#333;
}

.boxContent h2, .boxContent h3 {
	color:#46b0c3;
}
/*** Feature box **/

.featureBox i{color:#46b0c3;} 
.featureBox .boxContent{background:none;} 

/*** Focus box **/

.boxFocus{border:1px solid #ddd;}

/*** Icon box **/

.boxIcon a p{color:#fff;}
.boxIcon a:hover h2, .boxIcon a:hover p {color:#fff;}

/*** testimonial ***/

.boxTestimonial blockquote{
	background:#EDF2F3;
}

.boxTestimonial blockquote:after {
	border-color: rgba(247, 247, 247, 0);
	border-top-color: #EDF2F3;
}

.footerWidget .boxTestimonial blockquote:after {
	border-color: rgba(51, 51, 51, 0);
	border-top-color: #333;
}

.footerWidget .boxTestimonial blockquote {
	background:#333;
	color:#eee;
}

/*** call to action ***/
.ctaBox {border:2px solid rgba(0,0,0,0.05);}

.ctaBoxFullwidth{border:none}

.ctaBox blockquote {color:#fff;}

/*color0*/
.color0{background-color:#fff;}

/*color1*/
.color1, .slice.color1, .bulle.color1, .ctaBox.color1{
	background-color:#EDF2F3;
	color:#444;
}

.color1 h1, .color1 h2, .color1 h3, .color1 h4, .color1 blockquote, .color1 a{
	color:#444;
}
.color1 a.btn{color:#fff;}
.color1 a.btn:hover{color:#fff;}

.color1 .subTitle  {color:#999;}

/*color2*/
.color2, .slice.color2, .bulle.color2, .ctaBox.color2{
	background-color:#46b0c3 ;
	color:#fff;
}

.color2 h1, .color2 h2, .color2 h3, .color2 h4, .color2 blockquote,
.color2 a, .color2 h1 small, .color2 h2 small, .color2 h3 small,
.color2 h4 small, .color2 h5 small, .color2 h6 small, .color2 .h1 small,
.color2 .h2 small, .color2 .h3 small, .color2 .h4 small, .color2 .h5 small,
.h6 small, .color2 h1 .small, .color2 h2 .small, .color2 h3 .small,
.color2 h4 .small, .color2 h5 .small, .color2 h6 .small, .color2 .h1 .small,
.color2 .h2 .small, .color2 .h3 .small, .color2 .h4 .small, .color2 .h5 .small,
.color2 .h6 .small {
	color:#fff;
}

.color2 a.btn{color:#fff;}
.color2 a.btn:hover{color:#fff;}
.color2 a.btn-border{color:#fff;}

.color2 .ctaBox {border-color:rgba(255,255,255,0.5);}
.color2 h1:before,.color2 h1:after{color:#3e9aab;}

.color2 .boxContent h2, .color2 .boxContent h3, .color2 .boxContent a {
	color:#46b0c3;
}

.color2 .owl-theme .owl-controls .owl-page span {
	background: #fff;
	color:#46b0c3;
}
 
/*** icons ***/
.iconRounded {
	color:#46b0c3;
	border: 1px solid #46b0c3;
}

.iconRounded:hover, .color1 .iconRounded:hover,.iconLinks a:hover i, .boxIcon a:hover i{
	background-color:#46b0c3;
	color:#fff;
	border-color: #46b0c3;
}

.color2 .iconRounded {
	background-color:#46b0c3;
	color:#fff;
	border: 1px solid #fff;
}

.color2 .iconRounded:hover,.color2 .boxIcon a:hover i {
	background-color:#fff;
	color:#46b0c3;
	border: 2px solid #46b0c3;
}

/*** flexslider full***/
.flexslider {overflow:hidden;}
.flexslider .flex-direction-nav a {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #FFFFFF;
	font-family: 'custom-icons';
	font-size: 1.5em;
	height: 4em;
	text-align: center;
	width: 2em;
}
.flexslider .flex-direction-nav a i {
	line-height: 4em;
}
/*.flexslider .flex-direction-nav a:hover {
	text-decoration: none;
}*/
.flexslider {
	margin: 0;
}
.flexslider .slides li {
	margin: 0;
	position: relative;
}
.flexslider .logoSlider img {
	width: auto;
}
.flexslider .caption {
	position: absolute;
	top: 0;
	width: 100%;
	display:block;
	text-align: left;
}

.flexslider .caption p {
	font-size: 14px;
	line-height: 1.5em;
	margin: 0;
	padding:0;
	font-weight:normal;
}
.flexslider h1 {
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 0;
	margin-right:22px;
	text-transform: none;
	line-height: 1em;
	padding: 0.4em 0.5em;
}

.flexslider h2 {
	display: inline-block;
	margin-bottom: 0;
	margin-right:22px;
	padding: 10px;
	text-transform: uppercase;
	line-height: 1em;
	font-size:14px;
}
.flexslider h2:after{content:none;}
.flexslider .caption.left {
	left: 50px;
	width: 55%;
}
.flexslider .caption.right {
	right: 0;
	left:auto;
}
.flexslider .caption, .flexslider .caption div {
	display: none;
}

.flexiShadow img {
	margin-bottom: 3em;
	vertical-align: top;
}
.flexslider .caption .element1-1, .flexslider .caption .element1-2, .flexslider .caption .element1-3, .flexslider .caption .element1-4 {
	margin-left: 2%;
}
.flexslider .caption .element1-1 {
	margin-top: 2%;
}
.flexslider .caption .element1-2 {
	margin-top: 2%;
}
.flexslider .caption .element1-3 {
	margin-top: 2%;
	width: 70%;
}
.flexslider .caption .element1-4 {
	margin-top: 2%;
}
.flexslider .caption .element2-1 {
	display: inline-block;
}
.flexslider .caption .element2-1, .flexslider .caption .element2-2, .flexslider .caption .element2-3, .flexslider .caption .element2-4 {
	margin-top: 2%;
	margin-left: 2%;
}
.flexslider .caption .element2-1 {
	margin-top: 10%;
	margin-left: 2%;
}
.flexslider .caption .element2-3 p {
	width: 320px;
}
.flexslider .caption .element3-1, .flexslider .caption .element3-2, .flexslider .caption .element3-3 {
	margin-left: 2%;
}
.flexslider .caption .element3-1 {
	margin-top: 10%;
}
.flexslider .caption .element3-2 {
	margin-top: 2%;
}
.flexslider .caption .element3-3 {
	margin-top: 2%;
}
.flexslider .caption .element4-1, .flexslider .caption .element4-2, .flexslider .caption .element4-3 {
}
.flexslider .caption .element4-1 {
	margin-top: 40px;
}
.flexslider .caption .element4-2 {
	margin-top: 2%;
}
.flexslider .caption .element4-3 {
	margin-top: 2%;
}
/*虛線*/

h2 {
	font-size:22px;
	display: block;
	position: relative;
	overflow:hidden;
	font-weight: 400;

}

h2:after{
	background:url(../images/theme-pics/pixels.png);
	display:inline-block;
	height:6px;
	content:"";
	width: 100%;
	position: absolute;
	margin-left: 11px;
	top:50%;		
}

/* PAGES
================================================== */
.page-header{
	border-bottom: 1px solid rgba(1,1,1,0.075);
	background:#EDF2F3;
}

.page-header h1{color:#555;}

/* PAGES
================================================== */
#page{background: #ffffff ;
    padding: 30px 0 10px;
	}
.page-header .col-sm-6{ margin-bottom:0; }
.page-header{padding: 22px 0;margin:0;}
.page-header.bigHeader {padding-bottom:0 }

.page-header h1{
	padding:0;
	margin:0;
	font-weight: 700;
	font-size: 16px;
}

.page-header p {margin:5px 0 0 0;}

.page-header.bigHeader h1{margin-bottom:17px;}
.page-header.bigHeader p{margin-bottom:12px;}

ul.breadcrumb {padding:0; margin-bottom: 0;background:none;position:absolute; top:50%; margin-top:-10px; right:15px; }
ul.breadcrumb li{display:inline-block; font-size:12px; letter-spacing:0.05em;text-transform: uppercase;}
ul.breadcrumb li a{text-decoration: none;}


/*ul.breadcrumb li a {color:#555;}

ul.breadcrumb li a:hover {color:#46b0c3;}

ul.breadcrumb li a:after{color:#ddd;}

ul.breadcrumb li.active {color:#46b0c3;}*/

/** sidebar **/

nav#subnav ul li a {
	border-bottom:1px solid #eee;
	color:#aaa;
}

nav#subnav ul li a.active, nav#subnav ul li a:hover{
	border-bottom-color:#46b0c3;
	color:#46b0c3;
} 

/* END PAGES
================================================== */

/* END NEKO CSS FRAMEWORK
================================================== */
/*** boxes ***/

.boxContent{padding:8px;}
.boxContent h2, .boxContent h3 {font-weight:400;}
.boxFocus{padding:22px;}


/*TIELE HEADER*/
/*** parallax sections ***/

.pb30 {
	padding-bottom:1.5em;
}
.pb40 {
	padding-bottom:2em;
}
.pt15 {
	padding-top:0.75em;
}
.pt30 {
	padding-top:1.5em;
}
.pt40 {
	padding-top:2em;
}
	.bar120 {/*sonywang*/
		padding-top:40em;
	}
	.bar16 {/*sonywang*/
		padding-top:1em;
	}

.paralaxText blockquote {background:#3E9AAB;}

.paralaxText blockquote:before, .paralaxText blockquote:after {color:#46b0c3;}

#home, #paralaxSlice1, #paralaxSlice2, #paralaxSlice3 {background-color:#46b0c3;}

/*BAR----------http://www.cssmatic.com/--------------*/
.aboutBg{
background: rgba(118,195,250,1);
background: -moz-linear-gradient(left, rgba(118,195,250,1) 0%, rgba(219,241,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(118,195,250,1)), color-stop(100%, rgba(219,241,255,1)));
background: -webkit-linear-gradient(left, rgba(118,195,250,1) 0%, rgba(219,241,255,1) 100%);
background: -o-linear-gradient(left, rgba(118,195,250,1) 0%, rgba(219,241,255,1) 100%);
background: -ms-linear-gradient(left, rgba(118,195,250,1) 0%, rgba(219,241,255,1) 100%);
background: linear-gradient(to right, rgba(118,195,250,1) 0%, rgba(219,241,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c3fa', endColorstr='#dbf1ff', GradientType=1 );
/*	background-color: #46b0c3;
	background-image: url(../images/bar-about.jpg);
	background-repeat: repeat-y;
	background-position: center bottom;*/
}
.priceBg{
/*background: rgba(200,174,211,1);
background: -moz-linear-gradient(left, rgba(200,174,211,1) 0%, rgba(255,222,241,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(200,174,211,1)), color-stop(100%, rgba(255,222,241,1)));
background: -webkit-linear-gradient(left, rgba(200,174,211,1) 0%, rgba(255,222,241,1) 100%);
background: -o-linear-gradient(left, rgba(200,174,211,1) 0%, rgba(255,222,241,1) 100%);
background: -ms-linear-gradient(left, rgba(200,174,211,1) 0%, rgba(255,222,241,1) 100%);
background: linear-gradient(to right, rgba(200,174,211,1) 0%, rgba(255,222,241,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8aed3', endColorstr='#ffdef1', GradientType=1 );*/
	background-color: #46b0c3;
	background-image: url(../images/room.jpg);
	background-repeat: repeat-y;
	background-position: center bottom;
}
.mapBg{
/*background: rgba(255,204,127,1);
background: -moz-linear-gradient(left, rgba(255,204,127,1) 0%, rgba(255,231,196,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,204,127,1)), color-stop(100%, rgba(255,231,196,1)));
background: -webkit-linear-gradient(left, rgba(255,204,127,1) 0%, rgba(255,231,196,1) 100%);
background: -o-linear-gradient(left, rgba(255,204,127,1) 0%, rgba(255,231,196,1) 100%);
background: -ms-linear-gradient(left, rgba(255,204,127,1) 0%, rgba(255,231,196,1) 100%);
background: linear-gradient(to right, rgba(255,204,127,1) 0%, rgba(255,231,196,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc7f', endColorstr='#ffe7c4', GradientType=1 );*/
	background-color: #46b0c3;
	background-image: url(../images/bar-map.jpg);
	background-repeat: repeat-y;
	background-position: center bottom;
}
.albumBg{
background: rgba(85,224,159,1);
background: -moz-linear-gradient(left, rgba(85,224,159,1) 0%, rgba(91,235,168,0.8) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85,224,159,1)), color-stop(100%, rgba(91,235,168,0.8)));
background: -webkit-linear-gradient(left, rgba(85,224,159,1) 0%, rgba(91,235,168,0.8) 100%);
background: -o-linear-gradient(left, rgba(85,224,159,1) 0%, rgba(91,235,168,0.8) 100%);
background: -ms-linear-gradient(left, rgba(85,224,159,1) 0%, rgba(91,235,168,0.8) 100%);
background: linear-gradient(to right, rgba(85,224,159,1) 0%, rgba(91,235,168,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55e09f', endColorstr='#5beba8', GradientType=1 );
/*	background-color: #46b0c3;
	background-image: url(../images/bar-album.jpg);
	background-repeat: repeat-y;
	background-position: center bottom;*/
}
.foodBg{
	background-color: #46b0c3;
	background-image: url(../images/bar-food.jpg);
	background-repeat: repeat-y;
	background-position: center bottom;
}
.iosBg{background:url('../images/theme-pics/textures/blue.jpg') bottom center no-repeat #46b0c3;}/*sonywang*/

#paralaxSlice1 {background-image: url('../images/theme-pics/parallax-1.jpg');}

#paralaxSlice2 {background-image: url('../images/theme-pics/parallax-2.jpg');}
#paralaxSlice3 {background-image: url('../images/theme-pics/parallax-3.jpg');}
#paralaxSlice_food {background-image: url('../images/theme-pics/parallax-food.jpg');}

#paralaxSlice4 {background-image: url('../images/theme-pics/textures/blue.jpg');}

.paralaxText blockquote, .paralaxText h1, .paralaxText h2, .paralaxText h3, .paralaxText p, .paralaxText i{color:#fff;}

/*ROOM*/
#room {
    letter-spacing: 1px;
    line-height: 1.42857;
    
}


/*MENU*/

.navbar-toggle {/*sonywang*/
	background-color: #84dca8;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	float: right;
	margin-bottom: 8px;
	margin-right: 15px;
	margin-top: 8px;
	padding: 9px 10px;
	position: relative;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}


.navbar-inverse {
    background-color: #ffffff;
    background-image: url("../images/bg_header.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    border-color: #dddddd;
}

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 60px;
    line-height: 20px;
    padding: 5px 0;
}

.navbar-inverse .navbar-brand {
    color: #009933;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    background-color: transparent;
    color: #009933;
}
.navbar-inverse .navbar-text {
    color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
	color: #009933;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #009933;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #080808;
    color: #009933;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    background-color: transparent;
    color: #444;
}
.navbar-inverse .navbar-toggle {
    border-color: #fff;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {/*sonywang*/
	background-color: #84dca8;
}
.navbar-inverse .navbar-toggle .icon-bar {/*sonywang*/
    background-color: #fff;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #84dca8;
	color: #fff;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: transparent;
    color: #fff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: #080808;
    color: #fff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    background-color: transparent;
    color: #444;
}
}
.navbar-inverse .navbar-link {
    color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
    color: #fff;
}
.navbar-inverse .btn-link {
    color: #9d9d9d;
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
}




/* FOOTER 
================================================== */
/*sonywang*/
footer {
	color: #FFF;
	border-top: 0px solid #EEE;
	background-color: #CCC;
	background-image: url(../images/footerbg.jpg);
	background-repeat: repeat;
}

footer h1,footer h2,footer h3,footer h4{
	color: #FFF;
	font-weight: 300;
}

#footerRights {
	    display: block;
    height: 260px;
    width: 100%;
	background-image: url(../images/bg-footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
/*	background-color: #CCC;
	color: #FFF;
	border-top: 1px solid #1b1b1b;*/
}

/* END FOOTER 
================================================== */

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}