@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300);
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  padding-top: 80px;
  color: #34495e;
  background: #f5f5f5;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

p{
	font-size:16px;
	line-height:24px;}




a {
  color: #34495e;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
.btn {
  font-weight: 400;
  font-size:16px;
}
.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
a:hover,
a:focus {
  color: #0099cc;
  text-decoration: none;
  outline: none;
}
.dropdown-menu {
  margin-top: -1px;
  min-width: 180px;
}
body > section {
  padding: 50px 0;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */

  padding-top: 30px;
  /* IE6 workaround*/

  height: 0;
  overflow: hidden;
}

  /* 圖片輪播*/

#main-slider {
	position: relative;
	 z-index:1;

}
#main-slider .carousel h2 {
  font-size: 36px;
}
#main-slider .carousel .btn {
  border: 3px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  border-radius: 0;
  margin-top: 5px;
}
#main-slider .carousel .btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#main-slider .carousel .boxed {
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 0.8);
  display: inline-block;
}
#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat !important;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 600px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  cursor: pointer;
}
#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}
#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}
#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}
#services .media:hover .icon-md {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.8);
}




@media (max-width: 767px) {
	#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 200px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}}


#meet-the-team .designation {
  margin-top: 5px;
  display: block;
  font-size: 13px;
}
.img-thumbnail {
  border: 0;
}
.progress,
.progress .bar {
  background: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 30px;
  line-height: 30px;
}
.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
}
ul.breadcrumb {
  margin: 20px 0 0;
  background: transparent;
}
ul.breadcrumb > li {
  text-shadow: none;
}
ul.breadcrumb > li > a,
ul.breadcrumb > li .divider {
  color: #fff;
}
ul.breadcrumb > li.active {
  color: rgba(255, 255, 255, 0.7);
}
ul.tag-cloud {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.tag-cloud li {
  display: inline-block;
  margin: 0 0 2px 0;
}
.btn-social {
  border: 0;
  color: #fff;
  border-radius: 100%;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  padding: 0;
}
.btn-social.btn-facebook {
  background: #4f7dd4;
}
.btn-social.btn-facebook:hover {
  background: #789bde;
}
.btn-social.btn-twitter {
  background: #5bceff;
}
.btn-social.btn-twitter:hover {
  background: #8eddff;
}
.btn-social.btn-linkedin {
  background: #21a6d8;
}
.btn-social.btn-linkedin:hover {
  background: #49b9e3;
}
.btn-social.btn-google-plus {
  background: #dc422b;
}
.btn-social.btn-google-plus:hover {
  background: #e36957;
}
.btn-social:hover {
  color: #fff;
}
.navbar-inverse {
  border: none;
}
.navbar-inverse .navbar-brand {
  font-family: 'Bubbler One', sans-serif;
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}
.navbar-inverse .navbar-nav {
  margin-top: 20px;
}
.navbar-inverse .navbar-nav > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 4px;
  color: #000;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #2c3e50;
}
.navbar-inverse .navbar-nav .dropdown-menu {
  background-color: #2c3e50;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  padding: 0;
  margin-top: -3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
  padding: 8px 15px;
  color: #bdc3c7;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  background-color: rgba(0, 0, 0, 0.3);
}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: 0;
}

.icon-lg {
  font-size: 48px;
  height: 108px;
  width: 108px;
  line-height: 108px;
  color: #fff;
  margin: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  display: inline-block !important;
  border-radius: 100%;
}

.modal {
  border: 0;
}
.modal#loginForm {
  width: 600px;
  margin-left: -300px;
}
.modal .modal-header {
  border: 0;
  padding: 20px 20px 0;
}
.modal .modal-header > h4 {
  font-weight: 300;
  font-size: 14px;
  color: #848484;
  text-transform: uppercase;
  margin: 0;
}
.modal .modal-body {
  padding: 20px;
}
.modal input[type="text"],
.modal input[type="password"] {
  padding: 5px 10px;
  min-height: 30px;
  width: 130px;
  margin-right: 10px;
}
.modal .icon-remove {
  color: #848484;
  position: absolute;
  right: -5px;
  top: -5px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  display: block;
  background: #ebebeb;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
}
.modal button {
  margin-left: 10px;
  border: 0;
}
.gap {
  margin-bottom: 50px;
}
.big-gap {
  margin-bottom: 100px;
}
.no-margin {
  margin: 0;
  padding: 0;
}
.registration-form {
  border: 0;
  background-color: #fff;
  padding: 20px;
  display: inline-block;
}
#bottom {
  color: #bdc3c7;
}
#bottom h4 {
  margin-top: 0;
  margin-bottom: 15px;
}
#bottom .media-heading {
  display: block;
  font-weight: 400;
}
.row > div {
  margin-bottom: 10px;
}
ul.unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}

.box-border {
  padding: 15px;
}


ul.pagination > li > a {
  border: 0;
}
ul.pagination > li.active > a,
ul.pagination > li:hover > a {
  background-color: #34495e;
  color: #fff;
}
textarea#message {
  padding: 10px 15px;
  height: 219px;
}
.widget {
  margin-bottom: 30px;
}
ul.gallery {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.gallery li {
  display: block;
  width: 60px;
  padding: 0;
  margin: 0 4px 4px 0;
  float: left;
}
ul.faq {
  list-style: none;
  margin: 0;
}
ul.faq li {
  margin-top: 30px;
}
ul.faq li:first-child {
  margin-top: 0;
}
ul.faq li span.number {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #34495e;
  color: #fff;
  font-size: 24px;
}
ul.faq li > div {
  margin-left: 70px;
}
ul.faq li > div h3 {
  margin-top: 0;
}
#error {
  text-align: center;
  margin-top: 150px;
  margin-bottom: 150px;
}




/* lg */
@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }


}




/* md */
@media (min-width: 992px) and (max-width: 1199px) {

 /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  /* Make Navigation Toggle on Desktop Hover */
  .dropdown:hover .dropdown-menu {
      display: block;
      -webkit-animation: fadeInUp 400ms;
      animation: fadeInUp 400ms;
  }

}


/* top-menu*/
.wet-asphalt {
  background-color: #4ccee4;
}
.wet-asphalt a:not(.btn) {
  color: #4ccee4;
}
.wet-asphalt a:not(.btn):hover {
  color: #4ccee4;
}



/* 影片區*/

.film{
	padding: 150px 0 200px 0;
	text-align: center;
	background-image: url(../images/bg/bg_film.png);
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;

	}
@media (max-width: 767px) {
	.film{
			padding: 100px 0 50px 0;}
}


/* 首頁內容*/


.index-service-storage{
	background-color:#FFF;
	padding-bottom:260px;
	background-image: url('../images/bg/bg_service_storage.png');
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right top;
		}

	@media (max-width: 767px) {
		.index-service-storage{
	background-color:#FFF;
	padding-bottom:100px;
	background-position: center top;	}

	.bg-transparent{
		background-color:#FFF;
		background:rgba(255,255,255,0.6);}



		}



.index-service-rent{
	background-color:#FFF;
	background-image: url('../images/bg/bg_service_rent.png');
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right top;
		}






.service-card{
	width:260px;
	text-align:center;
	padding:40px;
	background-color: #fff;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 1px 3px 9px #333333;
-webkit-box-shadow: 1px 3px 9px #333333;
-moz-box-shadow: 1px 3px 9px #333333; }

.service-card-img{

text-align:center;
padding:10px;
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 1px 3px 9px #333333;
-webkit-box-shadow: 1px 3px 9px #333333;
-moz-box-shadow: 1px 3px 9px #333333; }






/* 產品編框*/

.store-box{
	border: 1px solid #999;
	padding:0 20px 40px 20px;
}

.store-box p{
	font-size:16px;
	line-height:24px;}

.store-box h3{
	font-size: 24px;
	color: #3399CC;
	line-height:40px;
}

.store-box-line{
	padding:20px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	}



/* 居家產品邊框*/

.store-box-home{
	border: 1px solid #bbb;
	padding:20px 20px 40px 20px;
	text-align:center;
	overflow:hidden;

}


.store-box-home h3{
		font-size:20px;

}



.service-store-home{
	margin:40px 0;
	padding:40px 0;

	}


.service-store-home h3{
	font-size:24px;
	color:#0099cc;}


.store-box-home ul{
	margin: 0 auto;
}


.store-box-home li {
	float:left;
	list-style:none;
	margin:15px 5px;}


.store-price{
	padding: 10px 0;

	margin-bottom:20px;
}



.app{
	background:#4ccee4;}


.product-show{
	padding:0 0 20px 0;
	margin:0;
	font-size:24px;
	color:#0099cc;}

/***********************
********* index-partner ******
************************/

.partners {
	width: 100%;
	margin: 0 auto;
	padding:100px 0;
}

.partners ul {
 text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.partners ul li{
	 text-align: center;
  display: inline-block;
  float: left;
  width: 16%;
}


@media (max-width: 767px) {
	.partners {
	width:90%;
	padding:0;
	margin:0 auto;}


	.partners ul li{
	 text-align: center;
  display: inline-block;
  float: none;
  width: 50%;
  padding:10px 0;
  float: left;
}


	}
/***********************
********* footer******
************************/

#footer {
	padding-top: 30px;
	color: #999;
}
#footer a {
  color: #bdc3c7;
}
#footer a:hover {
  color: #0099cc;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer ul > li {
  display: inline-block;
  margin-left: 15px;
}

#footer h3 {
	color:#FFF;
	font-size:30px;
	line-height:20px;}

#footer p {
	font-size:16px;}


.copyright{

	padding: 20px 0;
	color: #666;
	}


/* banner*/

.banner-service{
	text-align:center;
	background-color: #4ccee4;
	background-image: url(../images/bg/bg_banner_service.png);
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}


.banner-blog{
	text-align:center;
	background-color: #4ccee4;
	background-image: url(../images/bg/bg_banner_blog.png);
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}


.banner-home{
	text-align:center;
	background-color: ;
	background-image: url(../images/bg/bg_banner_home.jpg);
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}



/* service-list*/




.service-title h1{
	font-size:30px;
	}


.service-title{
	text-align:center;
	padding:60px 0 40px 0;}

.service-title-w{
	color:#FFF;
	text-align:center;
	padding:100px 0 40px 0;}


@media (max-width: 767px) {
	.service-title{
		padding:40px 0 40px 0;}

	.service-info{
	padding: 20px !important;

}



	}



.service-info{
	padding:40px;
		background-color:#f5f5f5;}

.table{
	border: 1px solid #999;
	margin: 20px 0;
	font-size: 16px;
	line-height: 24px;

}

.table th{
	color:#0099cc;
	text-align:right;}

.table-area{
	margin: 20px 0;
	font-size: 16px;
	line-height: 24px;
	width: 100%;
 border: 1px solid #999;
 border-collapse: collapse;
	background-color: #FFF;
	text-align:center;
}


 .table-area tr,  .table-area td {
 border: 1px solid #999;
 padding:10px;
}







.service-area{
	background-image: url(../images/bg/bg_service_area.png);
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 100px;
	background-color: #FFF;
}


.service-worker{
	background-image: url(../images/bg/bg_service_worker.png);
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom:100px;
	padding:240px 0;
}



.service-worker-rent{
	background-image: url(../images/bg/bg_service_worker_rent.png);
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom:100px;
	padding:240px 0;
}

@media (max-width: 767px) {
	.service-worker-rent{padding:140px 0!important;
	background-position: bottom center;}

	.service-worker-palletcart{
		padding:150px 0 !important;

	}
	}


.service-worker-palletcart{
	background-image: url(../images/bg/bg_service_worker_palletcart.png);
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom:100px;
	padding:240px 0;
}





/* 常見問題*/

.faq {
	margin-top:80px;}

@media (max-width: 767px) {
	.faq {
	margin-top:0px;}
	}


.faq h2{
	font-size:26px !important;
	color:#000;}




.faq h3{
	font-size:20px;
	color:#0099cc;}

.accordion-group {
	background-color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f0f0f0;
}
.accordion-heading .accordion-toggle {
  color: #666;
  font-weight: 700;
}
.accordion-inner {
  border-top: 0;
  padding-bottom:10px;
  font-size:16px;
  line-height:30px;
}

/* 最新消息*/
.news{	border: 1px solid #eee;
padding:40px;
margin:120px 0;
background-color:#fff;}


.news h2{
	font-size: 26px;
	color: #09C;
}

.newsList{
	margin:120px 0;}

.newBox{
	margin-bottom:20px;
	background-color: #fff;
	padding: 10px 20px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


.newBox h2{
	font-size:20px;}




@media (max-width: 767px) {
	.news{
	padding:20px;
margin:60px 0;
}

.about{
margin:60px 0 !important;}

}



.about{
margin:120px 0}


/* 常見問題-選單-*/

#menu-filter{
 width: 100%;
	height:100px;
	text-align:center;
	position:absolute; z-index:20;
}

.menu-filter {
	font-size:18px;
  list-style: none;
  padding: 0;
  margin-top:-40px;
  display: inline-block;

}
.menu-filter > li {
	float: left;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}


.menu-filter > li:last-child {
	border:none;}

.menu-filter > li a {
  display: block;
  padding:20px 40px;
  background: #e5e5e5;
  color: #64686d;
  position: relative;
}
.menu-filter > li a:hover,
.menu-filter > li a.active {
  background: #45aed6;
  color: #fff;
  box-shadow: 0 -3px 0 0 #318daf inset;
  -webkit-box-shadow: 0 -3px 0 0 #318daf inset;
}
.menu-filter > li a.active:after {
  content: " ";
  position: absolute;
  bottom: -17px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #318daf transparent transparent transparent;
}
.menu-filter > li:first-child a {
  border-radius: 4px 0 0 4px;
}
.menu-filter > li:last-child a {
  border-radius: 0 4px 4px 0;
}

@media (max-width: 767px) {
	#menu-filter{


}

.menu-filter {
	width:100%;
	font-size:16px;
  list-style: none;
  padding: 0;
  margin-top:-40px;
  display: inline-block;


}
.menu-filter > li {
	width: 50%;
	float: left;
	display: block;
	border-radius: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}


.menu-filter > li:last-child {
	border:none;}

.menu-filter > li a {
  display: block;
  padding:20px 20px;
  background: #e5e5e5;
  color: #64686d;
  position: relative;
}
.menu-filter > li a:hover,
.menu-filter > li a.active {
  background: #45aed6;
  color: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.menu-filter > li a.active:after {
  content: " ";
  position: absolute;
  bottom:0;
  left: 50%;
  margin-left: 0;
  border:none;
}
.menu-filter > li:first-child a {
  border-radius:0;
}
.menu-filter > li:last-child a {
  border-radius:0;
}




	/*

	.menu-filter {
	font-size: 16px;
}

.menu-filter > li:last-child {
	border:none;}

.menu-filter > li a {
  padding:10px;
}

.menu-filter > li:first-child a {
  border-radius: 0;
}
.menu-filter > li:last-child a {
  border-radius:  0;
}
	*/
		}






/* 產品選單-OLD

#service-menu{
	width: 100%;
	display:block;
	height: 100px;
	text-align: center;
	position: absolute;
	z-index: 20;


}



.service-menu {
	font-size:18px;
	line-height:30px;
  list-style: none;
  padding: 0;
  margin-top:-40px;
  display: inline-block;
box-shadow: 1px 4px 16px #787878;
-webkit-box-shadow: 1px 4px 16px #787878;
-moz-box-shadow: 1px 4px 16px #787878;


}
.service-menu > li {
	float: left;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #f5f5f5;
}


.service-menu > li:last-child {
	border:none;}

.service-menu > li a {
  display: block;
  padding:20px 60px;
  background: #fff;
  color: #64686d;
  position: relative;
}
.service-menu > li a:hover,
.service-menu > li a.active {
  background: #45aed6;
  color: #fff;

}
.service-menu > li a.active:after {
  content: " ";
  position: absolute;
  bottom: -17px;
  left: 50%;
  margin-left: -10px;


}
.service-menu > li:first-child a {
  border-radius: 4px 0 0 4px;
}
.service-menu> li:last-child a {
  border-radius: 0 4px 4px 0;
}

@media (max-width: 767px) {
	.service-menu {
	font-size: 16px;
}

.service-menu > li:last-child {
	border:none;}

.service-menu > li a {
  padding:10px;
}

.service-menu > li:first-child a {
  border-radius: 0;
}
.service-menu > li:last-child a {
  border-radius:  0;
}

		}

*/


/* =====服務協議===== */

.provision{
	width:90%;
	margin:0 auto;
	padding:40px 0;}
.provision h1{
	text-align:center;
	font-size:1.8em;
	margin-bottom:20px;}


.provision p{
	font-size: 20px;
	line-height: 30px;


}

.provision h2{
	font-size: 20px;
	line-height: 30px;
	margin: 20px 0 10px 0;
	font-weight: bold;
}



.provision h3{
	font-size: 16px;
	line-height: 24px;
	color: #555;
}





/* 共用樣式*/
.bg-white{

	background:#FFF;}

.bg-dark-gray{
	background-color:#333;}

.bg-gray{
	background-color:#f5f5f5;}

.btn-main-line{
	margin:40px 0 20px 0;}

.btn-main-line a{
	text-align: center;
	color: #3399CC;
	padding: 10px 20px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	border: 1px solid #3399CC;
	background-color: #FFF;
}


.btn-main-line a:hover{
	text-align:center;
	background-color:#3399CC;
	color: #fff;
	padding: 10px 20px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	border: 1px solid #3399CC;
}


.btn-order{
	margin-top:20px;}

.btn-order a{
	text-align: center;
	color: #3399CC;
	padding: 10px 20px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	border: 1px solid #3399CC;
	background-color: #FFF;
}


.btn-order a:hover{
	text-align:center;
	background-color:#3399CC;
	color: #fff;
	padding: 10px 20px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	border: 1px solid #3399CC;
}










.btn-line-white a{
	text-align:center;
	color: #3399CC;
	padding: 10px 20px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	border: 1px solid #fff;
}




.icon-md {
  font-size: 36px;
  height: 100px;
  width: 100px;
  line-height: 68px;
  color: #fff;
  margin-right: 20px;
  text-align: center;
  display: block;

}

.title-20-30{
	font-size: 20px;
	line-height: 30px;
	font-weight: bold !important;
	color: #666;
}


.title-28-48{
	font-size:26px;
	line-height:36px;}

.title-w-30{
	color:#FFF;
	font-size:30px;}

.title-b-30{
	color:#000;
	font-size:30px !important;}



.title-w{
	color:#FFF;}

.title-14{
	font-size:14px;}

.title-16{
	font-size: 16px;
	font-weight: normal !important;
	line-height:24px;
}

.price-red{
	color:#cc0000;
}

.price-red-w20{
	color: #F00;
	font-size:20px;
}

.tip{color:#cc0000;}

.w-h40{
	line-height:40px;}

.m-40{
	margin:40px 0;
}
.m-t0{
	margin-top:0;}

.p-20{
	padding:20px;}

.p-tb10{
	padding:10px 0;}

.m-t10{
	margin-top:10px;}


.m-t20{
	margin-top:20px;}

.m-t60{
	margin-top:60px;}


.m-t80{
	margin-top:80px;}



.m-b80{
	margin-bottom:80px;}


.m-b20{
	margin-bottom:20px;}


.m-l10{
	margin-left:10px;}

.m-r40{
	margin-right:40px;}

.m-r20{
	margin-right:20px;}

.line{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;}


.line-bottom{border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;

}





.table-line{
	padding:20px 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
}




.center {
  text-align: center;
  margin:0 auto;
}


.tablePrice{
	color:#cc0000;
	text-align:right;}


.coupon{
	color: #0099CC;
	text-align: right !important;
}



.width50{
	margin:0 auto;
	width: 50%;
}


@media (max-width: 767px) {
.tablePrice{
	text-align:left;}

.coupon{
	text-align:left !important;}



.width50{
	width:100%;}

}


.wBold{
	color: #000;
	font-weight: bold;
	}

.w20{
	font-size:20px;
	font-weight: bold;}

/* =====表單===== */


.order-title{
	text-align:center;
	padding-top:40px;
}


.order{
	background-color:#FFF;
	padding:40px;}

.order-img{
	margin:0;
	padding:0;
	border: 1px solid #eee;
}


ul.order{
	margin:0;
	padding:0;
	list-style:none;
	padding:10px 0;}

.order ul{
list-style:none;
margin:0;
padding:0;}

.order li{
	padding:10px 0;}


.order h2{
	font-size:24px;
	text-align: center;
	margin-bottom: 40px;
	font-weight: normal;
	}



.order h3{
	font-size:18px;
	color:#666;}

.order-img{
	margin-right:20px;
	float:left !important;;}



@media (max-width: 767px) {
.order-img{
	width:50% !important;}
}


.width80{
	width:80%;}

input.input-text {
padding:10px 0;
box-sizing:border-box;
background:none;
outline:none;
resize:none;
border:0;font-family:'Montserrat',sans-serif;
border-bottom:1px solid #ccc}


/* 數字輸入框*/
.quantity{
	padding:10px 0;}


.quantity input[type="number"] {
	border: 1px solid #0099CC;
	padding: 5px ;
	width: 80px;
	 height: 40px;
	text-align:center;

}




input.count {
    background: none repeat scroll 0 0 #0099CC;;
    border: medium none;
    color: #fff;
    height: 40px;
    line-height: 15px;
    width: 40px;
	font-size:18px;
}



/* 輸入框*/
select {
	width:30%;
	height: 40px;
	line-height: 50px;
	padding: 0 20px;
	color: #666;
	font-size: 16px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	background-color: #FFF;
}

.confirm{
	padding-bottom:80px;
	text-align:center;}

.confirm p{
	margin: 20px 0;

}


.orderInfo{
	font-size:18px;}

.orderInfo ul{
	width:100%;
	display:block;}

.orderInfo li{
	margin-right:10px;
	float:left;}


/*//////////////////////////////////////////////////////////////////
[ Table ]*/





.row-table {
	width: 100% !important;
	display: table;

}

.row-table.header {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

@media screen and (max-width: 768px) {
  .row-table {
    display: block;
  }

  .row-table.header {
    padding: 0;
    height: 0px;
	text-align:center;
  }

  .row-table.header .cell {
    display: none;
  }

  .row-table .cell:before {
    font-size: 18px;
    color: #808080;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: unset !important;

    margin-bottom: 13px;
    content: attr(data-title);
    min-width: 98px;
    display: block;
  }
}

.cell {
  display: table-cell;

}

.cellTitle{
	text-align:right !important;}


@media screen and (max-width: 768px) {
  .cell {
    display: block;
	  text-align:left;
  }

  .cellTitle{
	 text-align:left;}

  .cellNone{
	  display:none;}


}

.row-table .cell {
  font-size: 15px;
  color: #666666;
  line-height: 1.2;
  font-weight: unset !important;

  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.row-table.header .cell {

  font-size: 16px;
  color: #666;
  line-height: 1.2;
  font-weight: unset !important;
  padding-top: 19px;
  padding-bottom: 19px;
}

.row-table .cell:nth-child(1) {
  width: 40% ;

}

.row-table .cell:nth-child(2) {
  width: 10%;

}

.row-table .cell:nth-child(3) {
 width: 20%;
}

.row-table .cell:nth-child(4) {
  width: 10%;
}

.row-table .cell:nth-child(5) {
 width: 10%;
}

.row-table .cell:nth-child(6) {
 width: 10%;
}



.table, .row-table {
  width: 100% !important;
}


@media (max-width: 768px) {


  .table, .row-table, .cell {
    width: 100% !important;
  }
}



/* 確認框*/

.Form-label, .Form-label--tick {
    display: block
}
.Form-label--tick {
    position: relative;
    display: inline-block;

}

.Form-label-radio, .Form-label-checkbox {
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
}
.Form-label-radio+.Form-label-text, .Form-label-checkbox+.Form-label-text {
	cursor: pointer;
	font-size: 16px;
	font-weight: normal;
}
.Form-label-radio+.Form-label-text::before, .Form-label-checkbox+.Form-label-text::before {

    display: inline-block;
    width: 1.75em;
    height: 1.75em;
    line-height: 1.5;
    border: 1px solid #ccc;
    margin-right: .25em;
    content: "\00a0";
    color: white;
    background-clip: padding-box;
    background-color: white;
    text-align: center;
}
.Form-label-radio+.Form-label-text:hover::before, .Form-label-checkbox+.Form-label-text:hover::before {
    border-color: black !important;
    box-shadow: 0 0 0 0 black !important;
}
.Form-label-radio:checked+.Form-label-text::before, .Form-label-checkbox:checked+.Form-label-text::before {
    background-color: black;
    border-color: black;
    box-shadow: 0 0 0 0 black;
    font-family: FontAwesome;
    content: "\f00c";
}
.Form-label-radio:focus+.Form-label-text::before, .Form-label-checkbox:focus+.Form-label-text::before, .Form-label-radio:active+.Form-label-text::before, .Form-label-checkbox:active+.Form-label-text::before {
    border-color: #3bb8ff;
    box-shadow: 0 0 2px 0 rgba(0, 135, 212, 0.2);
}
.Form-label-radio+.Form-label-text::before {
    border-radius: 100%;
}



/*----------------------------
	訂單選單
-----------------------------*/

#orderNav{
	font-size:18px;
  list-style: none;
  padding: 0;
  margin-top:-40px;
  display: inline-block;


	}

#orderNav ul{
	margin:0;
	padding:0;}

#orderNav  li a:hover {
	 background: #45aed6;
  color: #fff;
  box-shadow: 0 -3px 0 0 #318daf inset;
  -webkit-box-shadow: 0 -3px 0 0 #318daf inset;}






#orderNav > ul > li{ /* will style only the top level li */
	list-style: none;
	float: left;
	line-height: 1;
	border-radius: 3px;
	position: relative;



}



#orderNav > ul > li > a{
	color: inherit;
	text-decoration: none !important;
	font-size: 18px;
	background-color: #e5e5e5;
	padding:20px 50px;

}


/* 第二層*/

#orderNav li ul{
	position: absolute;
	list-style: none;
	text-align: left;
	width: 240px;

	left: 50%;
	margin-left: -120px;
	top: 30px;
	font-size:16px;
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: max-height 0.4s linear;
	-moz-transition: max-height 0.4s linear;
	transition: max-height 0.4s linear;


}

#orderNav li ul li{
	background-color:#313131;
}

#orderNav li ul li a{
	padding:15px 20px;
	color:#fff !important;
	text-decoration:none !important;
	display:block;
}

#orderNav li ul li:nth-child(odd){ /* zebra stripes */
	background-color:#363636;
}

#orderNav li ul li:hover{
	background-color:#444;
}

#orderNav li ul li:first-child{
	border-radius:3px 3px 0 0;
	margin-top:25px;
	position:relative;
}

#orderNav li ul li:first-child:before{ /* the pointer tip */
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-bottom-color:#313131;
	left:50%;
	top:-10px;
	margin-left:-5px;
}

#orderNav li ul li:last-child{
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

/* This will trigger the CSS */
/* transition animation on hover */

#orderNav li:hover ul{
	max-height:400px; /* Increase when adding more dropdown items */
}

@media (max-width: 767px) {


#orderNav {
	width:100%;
	margin:0 auto;

}


#orderNav > ul{
	width: 100%;
	margin: 0 auto;
}




#orderNav  li a:hover {

  box-shadow: none;
  -webkit-box-shadow: none;}



#orderNav li{
	width: 50%;

}


	#orderNav > ul > li > a{
	color: inherit;
	text-decoration: none !important;
	font-size: 16px;
	background-color: #e5e5e5;
	padding:20px 0px;
	display:block;
}

/* 第二層*/
#orderNav li ul{
	position: absolute;
	list-style: none;
	text-align: left;
	width: 400px;
	left: 50%;
	margin-left: -90px;
	top: 40px;
	font-size:14px;
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: max-height 0.4s linear;
	-moz-transition: max-height 0.4s linear;
	transition: max-height 0.4s linear;


}

#orderNav li ul li a{
	padding:12px;
	color:#fff !important;
	text-decoration:none !important;
	display:block;
}



#orderNav li ul li:first-child:before{ /* the pointer tip */
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-bottom-color:#313131;
	left:50%;
	top:-10px;
	margin-left:-5px;
}
	}


.map{
	padding-bottom:60px;
	background-color: #FFF;
}


.mapTitle{
	color: #0099cc;
	font-weight: bold;
}


/* 迷你倉儲 -車*/
.truckboxBg{
	padding:10px 20px;
	background-color: #FFF;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.trucktable{
	border:0;

	}


.trucktable th{
	text-align:right;
	font-size:16px;}

.trucktable td{
	border: 0;
	font-size: 30px;
	color: #4ccee4;
	font-weight: bold;
}




.truckbox{
	width:100%;
	border:0;
	}


.truckbox th{
	text-align:right;
	font-size:14px;}

.truckbox td{
	text-align:left;
	border: 0;
	font-size: 20px;
	color: #4ccee4;
	font-weight: bold;
}




.truckline{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4ccee4;
}


.truckNote{
	line-height:1;
	font-size:16px;
	color:#666;}

.truckNote2{
	line-height: 1;
	font-size: 14px;
	color: #666;
	font-weight: normal;
}


.truckInfo{
	font-size:20px;}


.20img img{
	width:20%;}


/* 打包清潔*/


.cleanTitle{
	width:100%;
	font-size: 32px;
	text-align: center;
	color: #333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6C0;
	font-weight: bold;
	padding-bottom:10px;
	}

.cleanTitleWeekday{
	color: #FFF;
	background-color: #09C;
	font-size:14px;
	padding:5px;
}


.cleanTitleHoliday{
	color: #FFF;
	background-color: #F6C;
	font-size: 14px;
	padding: 5px;
}

.cleanTitleOvertime{
	color: #FFF;
	background-color: #999;
	font-size: 14px;
	padding: 5px;
}


.cleanNote{
	font-size: 16px;
	color: #000;
	font-weight: bold;
}


.cleanInfo{
	color:#0099cc;}

.cleanboxBg{
	padding:10px 20px 40px 20px;
	background-color: #FFF;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


.cleanBg{
	background-color:#ddf4ff;}


.cleanTable{
	width:100%;
	border:0;
	}


.cleanTable th{
	font-size:16px;}

.cleanTable td{
	border: 0;
	font-size: 30px;
	color: #4ccee4;
	font-weight: bold;

}


.cleanlineD{
	border-bottom-width: 1px;
	border-bottom-style:dashed;
	border-bottom-color: #66cc00;
	padding-top:10px;
}


.cleanline{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6C0;
	padding:10px 0;}




/*----------------------------
	服務項目-選單
-----------------------------*/
.hide{
	display: block !important;}


#serviceMenu{
position: relative;
 z-index:2;
	font-size:18px;
	line-height:30px;
  list-style: none;
  padding: 0;
  margin-top:-40px;
  display: inline-block;
box-shadow: 1px 4px 16px #787878;
-webkit-box-shadow: 1px 4px 16px #787878;
-moz-box-shadow: 1px 4px 16px #787878;




	}

#serviceMenu ul{
	margin:0;
	padding:0;}




#serviceMenu  li a:hover {
	 background: #45aed6;
  color: #fff;
}






#serviceMenu > ul > li{ /* will style only the top level li */
display:block;
	list-style: none;
	float: left;
	line-height: 1;
	border-radius: 3px;
	position: relative;
	background-color: #FFF;


}



#serviceMenu > ul > li > a{
	display: block;
	color: #666;
	text-decoration: none !important;
	font-size: 18px;
	line-height: 30px;
	background-color: #FFF;
	padding: 20px 40px;
}


/* 第二層*/

#serviceMenu li ul{
	position: absolute;
	list-style: none;
	text-align: left;
	width: 240px;

	left: 50%;
	margin-left: -120px;
	top: 100px;
	font-size:16px;
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: max-height 0.4s linear;
	-moz-transition: max-height 0.4s linear;
	transition: max-height 0.4s linear;


}

#serviceMenu li ul li{
	background-color:#313131;
}

#serviceMenu li ul li a{
	padding:15px 20px;
	color:#fff !important;
	text-decoration:none !important;
	display:block;
}

#serviceMenu li ul li:nth-child(odd){ /* zebra stripes */
	background-color:#363636;
}

#serviceMenu li ul li:hover{
	background-color:#444;
}

#serviceMenu li ul li:first-child{
	border-radius:3px 3px 0 0;
	margin-top:25px;
	position:relative;
}

#serviceMenu li ul li:first-child:before{ /* the pointer tip */
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-bottom-color:#313131;
	left:50%;
	top:-10px;
	margin-left:-5px;
}

#serviceMenu li ul li:last-child{
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

/* This will trigger the CSS */
/* transition animation on hover */

#serviceMenu li:hover ul{
	max-height:400px; /* Increase when adding more dropdown items */
}

@media (max-width: 767px) {

.hide{
	display:none;}

#serviceMenu {
	width: 100%;
	margin: 0 auto;
}


#serviceMenu > ul{
	width: 100%;
	margin: 0 auto;
}

#serviceMenu li{
	width:50%;}


	#serviceMenu > ul > li > a{
	color: inherit;
	text-decoration: none !important;
	font-size: 16px;
	padding:10px;

}

/* 第二層*/
#serviceMenu li ul{
	position: absolute;
	list-style: none;
	text-align: left;
	width: 300px;
	light: 50%;
	margin-left: -75px;
	top: 70px;
	font-size:16px;
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: max-height 0.4s linear;
	-moz-transition: max-height 0.4s linear;
	transition: max-height 0.4s linear;


}

#serviceMenu li ul li a{
	padding:12px;
	color:#fff !important;
	text-decoration:none !important;
	display:block;
}



#serviceMenu li ul li:first-child:before{ /* the pointer tip */
	content:'';
	position:absolute;
	width:1px;
	height:1px;
	border:5px solid transparent;
	border-bottom-color:#313131;
	left:50%;
	top:-10px;
	margin-left:-5px;
}
	}





/*企業倉儲*/

.banner-business{
	text-align:center;
	background-color: #4ccee4;
	background-image: url(../images/slider/banner-business.jpg);
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	color:#FFF !important;
	padding:100px 0;
}


.banner-business h1{
	font-size:40px !important;
}


/*business area*/


.business{
	margin: 0;
	padding: 0;
	background: url(../images/business/bank-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

.business-office{
	margin: 0;
	padding: 0;
	background: url(../images/business/office-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

.business-shopping{
	margin: 0;
	padding: 0;
	background: url(../images/business/shopping-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;

}


.business-furniture{
	margin: 0;
	padding: 0;
	background: url(../images/business/furniture-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;

}


.business-paper{
	margin: 0;
	padding: 0;
	background: url(../images/business/paper-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;

}

.business img{
	text-align:center;
	margin:0 auto;}

.business-paper img{
	text-align:center;
	margin:0 auto;}

.business-furniture img{
	text-align:center;
	margin:0 auto;	}

.business-shopping img{
	text-align:center;
	margin:0 auto;	}

	@media (max-width: 767px) {
	.business{
	background-position: right;
}

.business-shopping{
	background-image:none;
	background-color: #09C;
}


.business-furniture{
	background-position: right;	}

}



.business-overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;

}
.business-info{
	text-align:left;
	padding:120px 40px;
	color:#000 ;
	text-align:justify;
    text-justify:inter-ideograph;}

.business-info h2{
	text-align:center;}


.business-info-c{
	padding:120px 40px ;
	color:#fff ;
	text-align:justify;
    text-justify:inter-ideograph;}

.business-info-c h2{
	text-align:center;}


/*企業倉儲-服務介紹*/

.business-feature{
	padding:100px 0;}


.business-feature-icon{
	width:18%;
	float:left;
	margin-right:20px;}

	@media (max-width: 767px) {
		.business-feature-icon{
	width:20%;
	float:none;}
		}

.business-feature-info{
		padding:0 20px;}



.business-feature-info h2{
	font-size:24px;
}



.clear-fix{
          overflow: auto;
          zoom: 1;
        }

.business-plan{}


.business-plan-info{
	border: 1px solid #53cee2;
	padding:20px;
	background-color: #FFF;
}


.business-plan-info h2{
	font-size:24px;
	text-align:center;}


.business-plan-info h3{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	padding:20px 0;
	font-size:18px;
	line-height:30px;
}
.business-plan-info p{font-size:18px;
	line-height:30px;}

.business-plan-info img{
	margin:0 auto;}



/* //////////////////// blog //////////////////////*/


.blog{
	padding:80px 0;}
@media (max-width: 767px) {
	.blog{
	padding:60px 0;}}


.blogMain{
	background-color:#FFF;
	padding: 20px 30px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom:20px;}




.blogMain h1{
	font-size: 26px;
	color: #09C;}



.blogMain h4{
	font-size:16px;
	}

.blogMain p{
	font-size:18px !important;}





.blogMain2{
	background-color:#FFF;
	padding: 30px 30px 10px 30px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom:20px;}




.blogMain2 h1{
	font-size: 26px;
	color: #09C;}



.blogMain2 h4{
	font-size:16px;
	padding:0;
	margin:0;
	}

.blogMain2 p{
	font-size:18px !important;}






.blogService{
	background-color:#FFF;
	padding: 20px 20px 10px 20px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-bottom:20px;}

.blogService h3{
	font-size:18px;}


.blogService h4{
	font-size:14px;
	padding:0;
	margin:0;
	}




.textEllipsis p{
	font-style:18px !important;
}




.blogList {
	font-size:16px;}

.blogList h3{
	padding-bottom:10px;
	font-size: 18px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;

}



.blogList ul{
	margin:0 0 40px 0;
	padding:0;

}

.blogList li{
	padding: 15px 0;
	list-style: none !important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.blogList li a{
	color:#656565;
	list-style:none !important;
}



.blogList li a:hover{
	color:#09C;}

.blogList li i {
	margin-right: 10px;
}








/* ===================================
 Responsive media
==================================== */

.video-container,.map-container,.embed-container 		{
position:relative; margin:0 0 15px 0;	padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:none; }
.embed-container iframe,
.embed-container object,
.embed-container embed,
.video-container iframe,
.map-container iframe,
.map-container object,
.map-container embed,
.video-container object,
.video-container embed 					{
position:absolute; top:0; left:0; width:100%; height:100%; }

iframe {
	border:none;
}

img.img-polaroid {
	margin:0 0 20px 0;
}
.img-box {
	max-width:100%;
}


/* ===================================
試算
==================================== */

.evaluate-circle{
padding:20px;
width: 100px;
height: 100px;
 -moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
background-color:#53cee3;
color:#FFF;
font-size:20px;
line-height:60px;
text-align:center;
font-weight: normal;}

.evaluate-circle-2{
padding:20px;
width: 100px;
height: 100px;
 -moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
background-color:#53cee3;
color:#FFF;
font-size:20px;
line-height:60px;
text-align:center;
font-weight: normal;}

.evaluate-circle-gray{
	padding: 20px;
	width: 100px;
	height: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	background-color: #999;
	color: #FFF;
	font-size: 20px;
	line-height:60px;
	text-align: center;
	font-weight: normal;
}


.evaluate-word{
	padding:0 20px !important;
	font-size:30px;
	line-height:100px !important;}

.evaluate-info {
	text-align:center;}





.evaluate-info ul{
list-style:none !important;
	display:inline-block;
	margin:0;
padding:0;
	margin:0 auto;}

.evaluate-info li{
	list-style:none !important;
	margin-bottom: 20px;
	float: left;

}

.evaluate-result{
	margin:0;}



	@media (max-width: 767px) {


.evaluate-circle{
padding:20px;
width: 80px;
height: 80px;
 -moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
background-color:#53cee3;
color:#FFF;
font-size:16px;
line-height:40px;
text-align:center;
font-weight: normal;}

.evaluate-circle-2{
width: 80px;
height: 80px;
 -moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
background-color:#53cee3;
color:#FFF;
font-size:16px;
line-height:20px;
text-align:center;
font-weight: normal;}

.evaluate-circle-gray{
width: 80px;
height: 80px;
 -moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
background-color:#999;
color:#FFF;
font-size:16px;
line-height:20px;
text-align:center;}

.line-h40{
	line-height:40px;}



.evaluate-word{
	padding:0 10px !important;
	font-size:16px;
	line-height:70px;}


.evaluate-result{
	margin-top:60px;}

		}




.form-unit{
	font-size: 18px;
	line-height: 30px;
	margin-left:6px;
}



.freight{
	text-align:center;
	padding:10px;
	font-size: 16px;
	color: #000;
	background-color: #eee;

}

.freight-line-box{
	padding: 10px;
	border: 1px dashed #53cee3;
	}


.invoice{
	background-color:#06C;
	color:#FFF;
	padding:40px 0;}

.invoice h1{
	font-size:24px;}

.invoice h2{
	font-size:18px;}

.invoice h3{
	font-size:16px;}

.invoice-price{
	font-size:30px;}

.invoice-line{
	text-align:center;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFF;
	min-height:300px;
}

@media (max-width: 767px) {
	.invoice-line{
	text-align: center;
	min-height: 100px;
	border-top-width: 1px;
	border-top-style:  dotted;
	border-top-color: #FFF;
	border-left-style: none;
}

	}

.btn-all{
	text-align: center;

}


.btn-all ul {
	padding:0;
	display: inline-block;
	margin:0 auto;}


.btn-all li {
	float:left;
	list-style:none;
	margin:15px 5px;}

.btn-all li a{
	font-size:16px;	}


.table-fare{
	text-align: center;

}

.table-fare th{text-align: center;
padding:10px 0;}

.table-fare td, .table-fare th {
    border: 1px solid #DDD;}


/* ===================================
搜尋
==================================== */
#custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
	 background-color: #fff;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}


.order-menu{
	padding-top:10px;
	font-size:16px;}


@media (max-width: 480px) {

	.order-info-title{
	font-size:14px !important;
	text-align:left;
	}
	}



.order-info-boxs {
	float: right !important;
	padding-top: 5px;

}

.btn-circle{
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}

/* ===================================
物品管理-tabs
==================================== */

.resp-tabs-list li {
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    padding: 10px;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer;
    float: left;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
	border: 1px solid #5AB1D0 !important;
	border-bottom: none;
	margin-bottom: -1px !important;
	padding: 12px 14px 14px 14px !important;
	border-top: 4px solid #5AB1D0 !important;
	border-bottom: 0px #fff solid !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    border: 1px solid #c1c1c1;
	border-top-color: #5AB1D0;
}

h2.resp-accordion {
    font-size: 16px !important;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 5px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 70%;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active {
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
border-top: 1px solid;
border: 1px solid #5AB1D0 !important;
border-left: 4px solid #5AB1D0 !important;
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB;/* !important;*/
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;/* !important;*/
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;/* !important;*/
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
	.resp-tabs-list li {
    font-size: 14px !important;

}

    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }



    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}

/* ===================================
物品管理
==================================== */
.portfolio-items,
.portfolio-filter {
  list-style: none;
  padding: 0;
  margin: 0;

}
.portfolio-filter > li {
  display: inline-block;
}
.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.portfolio-items.col-2 > li {
  width: 50%;
}
.portfolio-items.col-3 > li {
  width: 33%;
}


.portfolio-items.col-4 > li {
  width: 25%;
}
.portfolio-items.col-5 > li {
  width: 20%;
}
.portfolio-items.col-6 > li {
  width: 16%;
}
.portfolio-item {
  padding: 0;
  margin: 0;
}
.portfolio-item .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 5px;

  position: relative;
}
.portfolio-item img {
  width: 100%;
}
.portfolio-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item:hover .overlay {
  opacity: 1;
}

h3.box-info-title{
	padding: 0;
	margin: 0;
	line-height: 60px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom:10px;
}

.btn-addimg a {
	background:#eee;
	display:block;}

.btn-addimg a:hover{
	background-color: #4ccee4;
	display: block;
}

/* ===================================
物品管理-圖片-按鈕
==================================== */
.box-cover-btn{
	position: absolute;
	bottom:10px;
	right:10px;
	z-index: 0;
	}


@media (max-width: 480px) {
.box-cover-btn{
	position: absolute;
	bottom:0px;
	right:0px;

	}	}


.box-cover-temp{
	position:relative;
	width:100%;
	height:auto;
}