@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width:100%;
}



.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}


/* 手機 768以下 */
@media  (max-width: 768px) {
.contact #contact_form .label-form input { width: 100%;}
.contact #contact_form .label-form textarea { width: 100%;}
.contact #contact_form .label-form select { width: 100%;}
.contact #contact_form .code  { width: 60%;}
.index_bg{
	background-image: url(../footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: center 0px;
	width: 100%;
	float: left;
	margin-top: -110px;
}  

	
}

/* 平板電腦 768~992px ) */
@media (min-width: 768px) and (max-width: 992px) {
		.contact #contact_form .label-form input { width: 100%;}
.contact #contact_form .label-form textarea { width: 100%;}
.contact #contact_form .label-form select { width: 100%;}
.contact #contact_form .code { width: 60%;}

	}
.contact-info span {
	font-size: 30px;
	float: left;
	color: #F6AB00;
	border-right: solid 1px #e5e4e4;
	padding-right: 20px;
	margin-right: 15px;
	padding-bottom: 20px;
}
/* 一般螢幕 992以上 ) */
@media (min-width: 992px) {

.index_bg{
	background-image: url(../footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: center 150px;
	width: 100%;
	float: left;
	margin-top: -150px;
}  
	
/* Contact Page */
.contact #contact_form .label-form input { width: 350px;}
.contact #contact_form .label-form textarea { width: 450px;}


.contact-info li { padding-bottom: 15px;}
.contact-info h4 {color: #161616; font-size: 16px; margin-bottom: 10px;}
.contact-info p { color: #9f9f9f; margin-bottom: 0;}


.contact #contact_form .label-form select{width: 350px;}
.contact #contact_form .code { width: 60%;}
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}

  /* Navbar positioning foo */

  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */


  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

  .navbar-wrapper .navbar {
    -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
  }
