/*!
 * 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%;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 35px;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

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

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

/* Home Page Carousel */

header.carousel {
	width: 100%;
	font-size: 0;
    /*	height: 100%;	*/
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    /*	height: 100%;	*/
    width: 100%;
    font-size: 0;
}

header.carousel .fill {
    max-width: 100%;
    /*	height: 100%;	*/
    /*	background-position: center;	*/
    /*	background-size: contain;	*/
    /*	background-repeat: no-repeat;	*/
    font-size: 0;
}
#banner img {
	max-width: 1920px;
	width: 100%;
}
.left{	float: left; display: inline;}
.right{	float:  right; display: inline;}
.Centered{ text-align: center;}

.red { color: #ED3B1D;}
.blue_dark {
	color: #003366;
}
.gray{ color: #878787;}
.bold{ font-weight: bold;}

.text_good{
		color: #666666;
	font-size: 16px;
	margin-top: -30px;
	display: inherit;
}
.between{margin-right: 20px;
}

.t_Copyright {
	color: #DADADA;
	font-size: 14px;
}
.Copyright {
	font-size: 12px;
}
/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
	background-color: #333333;
}
.fa-line-square{
	fill: #fff;
      -webkit-transition: fill 250ms cubic-bezier(0.55, 0, 0.1, 1);
              transition: fill 250ms cubic-bezier(0.55, 0, 0.1, 1);
      position: relative; }

.fa-line-square:hover{
  fill:#f5c01e;
}
#wrapper {
		padding: 0;
		background-color: #fff;
	}
	
.in_about {
	background-image: url(../images/in_about_bg.jpg);
	color: #FFFFFF;
	min-height: 435px;
}
.in_good {
	background-image: url(../images/in_good_bg.jpg);
	color: #000000;
	min-height: 690px;
	background-size: 100% auto;
	margin-bottom: 20px;
	background-position: 100% 85%;
}
.in_title {
	margin-top: 60px;
	font-size: 28px;
	color: #FFC500;
	vertical-align: middle;
	margin-left: 9%;
}

.fa-icon {
	vertical-align: middle;
	margin-bottom: 30px;
	padding-right: 10px;
 }
 .fa-icon2 {
	margin-top: 50px;
 }
  .fa-arrow {
	color: #102b4b;
 }

 #map {
    height:550px;
}

 #map_page {
    height:700px;
}

.footer-right {
    float: right !important;
    margin-right: -15px;
  }
  .footer-left {
	float: left !important;
	margin-left: -15px;
	display: inherit;
  }
  
  
.fa-line{
	margin-top: 50px;
 }
 footer #footer-logo {
	padding-right: 20px;
	height: 80px;
}

 @media (max-width: 1200px) {
  footer .footer-top {
    display: block;
    text-align: center;
  }
  footer .flex-box {
    width: 100%;
    display: inline-block;
  }
  footer #footer-logo {
	max-width: none;
	padding-right: 0;
	text-align: center;
  }
  footer #footer-logo img {
	width: 250px;
	height: 43px;
  }
}
 
footer .footer-nav {
	margin: 20px 0;
	font-size: 16px;
	text-align: center;
	color: #FFFFFF;
}
footer .footer-nav li {
	display: inline-block;
	color: #FFFFFF;
}
footer .footer-nav li:nth-child(3){
	display: none;
}
footer .footer-nav > li > a {
	padding: 0 10px;
	line-height: 10px;
	/*background-image: url(../images/nav_line.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;*/
	color: #FFFFFF;
	letter-spacing: 2px;
	padding-right: 18px;
	padding-left: 18px;
}

.nav-line {
	background-image: url(../images/nav_line.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	color: #FFFFFF;
}

.navbar-nav .nav-line:nth-child(3){
	display: none;
}

.nav-fa {
	margin-right: 20px;
	margin-left: -20px;
}
.navbar-nav-fa {
	width: 30px;
}

footer .footer-nav a:hover, footer .footer-nav a:focus {
  color: #f5c01e;
  font-weight: bold;
}
@media (min-width: 1200px) {
  footer .footer-nav {
    text-align: right;
  }
}
@media (max-width: 1440px) {
	footer .footer-nav {
		width: 100%;
		float: left;
	}
  }
 footer .footer-bottom {
	padding: 10px 0;
	border-top: 1px solid #F5C01E;
}


/* Back to Top
------------------------------------- */
#backtotop {
	position: fixed;
	z-index: 1000;
	bottom: 25px;
	right: 25px;
	background-color: #333333;
	width: 38px;
	height: 38px;
	opacity: 0.9;
	border-radius: 4px;
	text-align: center;
	cursor: pointer;
}
#backtotop i {
	line-height: 37px;
	font-size: 46px;
	color: #ffffff;
	transition: all 0.3s;
}
#backtotop:hover i{
	color: #f5c01e;
}
@media screen and (max-width: 1200px) {
	#scroll-top {
		right: 20px;
	}
}


/* Margin Top */
	.margin-top-0 { margin-top: 0 !important; }
	.margin-top-5 { margin-top: 5px !important; }
	.margin-top-10 { margin-top: 10px !important; }
	.margin-top-15 { margin-top: 15px !important; }
	.margin-top-20 { margin-top: 20px !important; }
	.margin-top-25 { margin-top: 25px !important; }
	.margin-top-30 { margin-top: 30px !important; }
	.margin-top-35 { margin-top: 35px !important; }
	.margin-top-40 { margin-top: 40px !important; }
	.margin-top-45 { margin-top: 45px !important; }
	.margin-top-50 { margin-top: 50px !important; }
	.margin-top-60 { margin-top: 60px !important; }
	.margin-top-70 { margin-top: 70px; }

	/* Margin Bottom */
	.margin-bottom-0 { margin-bottom: 0 !important; }
	.margin-bottom-5 { margin-bottom: 5px !important; }
	.margin-bottom-10 { margin-bottom: 10px !important; }
	.margin-bottom-15 { margin-bottom: 15px !important; }
	.margin-bottom-20 { margin-bottom: 20px !important; }
	.margin-bottom-25 { margin-bottom: 25px !important; }
	.margin-bottom-30 { margin-bottom: 30px !important; }
	.margin-bottom-35 { margin-bottom: 35px !important; }
	.margin-bottom-40 { margin-bottom: 40px !important; }
	.margin-bottom-45 { margin-bottom: 45px !important; }
	.margin-bottom-50 { margin-bottom: 50px !important; }
	.margin-bottom-60 { margin-bottom: 60px !important; }
/* 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%;
    }
}
/* --------------------------------------------------- */
.page-banner{
	width:100%;
    overflow: hidden;
}

header.page-banner.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.page-banner img{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.bottom_line{
	border-bottom: 3px solid #f5c01e;
	display: inline-block;
	margin-bottom: 36px;
	padding-bottom: 3px;
	color: #231816;
	font-size: 32px;
	font-weight: 500;
    }
	
.about_t{
	color: #666666;
	font-size: 18px;
	line-height: 26px;
}

.news_t{
	color: #666666;
	font-size: 14px;
	line-height: 26px;
}
.page_pattern img{
	width: 100%;
	height: 100%;
    }
.map_subtitle{
	line-height: 16px;
	color: #231815;
	font-size: 18px;
	font-weight: 400;
	font-family: "微軟正黑體";
	margin-bottom: 20px;
    }
.map_h4{
	line-height: 16px;
	color: #122c4d;
	font-size: 18px;
	font-weight: 500;
	font-family: "微軟正黑體";
	margin-top: 20px;
    }
.map_add{
	line-height: 26px;
	color: #122c4d;
	font-size: 16px;
	font-weight: bold;
	font-family: "微軟正黑體";
    }
.products_title{
	border-bottom: 1px solid #A0A0A0;
	text-align: center;
	padding-bottom: 20px;
	width: auto;
	margin-right: 30%;
	margin-left: 30%;
}
.products {
	width: 500px;
	margin: auto;
}

.products_02 {
	margin: auto;
	border: 1px solid #666666;
}

.products_02 img{
	width: 100%;
	height: 100%;
}
 @media (max-width: 768px) {
	 .products {
	width: 100%;
	margin: auto;
}
}	 
.products  img{
	width: 90%;
	height: 90%;
}

.news img{
	width: 95%;
	height: 95%;
}

.project{
	border-bottom: 1px solid #969696;
	padding-bottom: 30px;
	text-align: center;
	height: 90px;
}
.project_02{
	padding-bottom: 30px;
	text-align: center;
	height: 90px;
}

.table_th{
	background-color: #003366;
	color: #FFFFFF;
}
/*---------------------------------------*/
.floating-label-form-group {
	font-size: 14px;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #eeeeee;
	display: inherit;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.5em;
  background: none;
  box-shadow: none !important;
  resize: vertical;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group::not(:first-child) {
  padding-left: 24px;
  border-left: 1px solid #eeeeee;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #0085a1;
}
form .row:first-child .floating-label-form-group {
  border-top: 1px solid #eeeeee;
}
.text-danger{
	color: #FF0004;
	padding-right: 20px;
	margin-left: 50px;
	display: block;
	margin-top: -32px;
	height: 34px;
}
.text-danger2{
	color: #FF0004;
	padding-right: 20px;
	margin-left: 90px;
	display: block;
	margin-top: -32px;
	height: 34px;
}
.text-danger3{
	color: #FF0004;
	padding-right: 20px;
	margin-left: 50px;
	display: block;
	margin-top: -65px;
}
.text-danger4{
	color: #FF0004;
	padding-right: 20px;
	margin-left: 65px;
	display: block;
	margin-top: -32px;
	height: 34px;
}
.round{
	color: #FFFFFF;
	background-color: #FFC501;
	width: 50px;
	height: 50px;
	margin-right: 25px;
	border-radius: 25px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-top: 14px;
	margin-top: -11px;
}
.round2{
	color: #122c4d;
	width: 60px;
	height: 60px;
	margin-right: 30px;
	border-radius: 30px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: 1px solid #FFC501;
	padding-top: 22px;
	display: inherit;
}
.round3{
	color: #122c4d;
	width: 105px;
	height: 105px;
	border-radius: 60px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	border: 1px solid #FFC501;
	padding-top: 20px;
	font-size: 20px;
	display: table;
	line-height: 30px;
	margin-top: 40px;
	margin-left: 30px;
}
.download_fa{
	margin-right: 30px;
	vertical-align: middle;
	margin-top: -20px;
	text-align: left;
	float: left;
	margin-bottom: 20px;
}
.download_pdf{
	color: #FFFFFF;
	background-color: #122C4D;
	padding: 3px 10px;
	border-radius: 4px;
	font-size: 12px;
	margin-right: 10px;
}
.news_title{
	color: #122c4d;
	font-size: 20px;
}
.news_date{
	width: 100px;
	color: #122c4d;
	margin-right: 20px;
	min-width: 100px;
	margin-left: 10px;
}
.address{
	color: #4E4E4E;
	font-size: 13px;
	line-height: 24px;
}

.container2 {
	padding-bottom: 20px; 
}
.desctext {
	overflow-x: visible; 
}
.desctext img {
	max-width: 100%;
}
.compinfo {
	cursor: pointer;
}
.g-map {
	display: none;
}
.g-map.active {
	display: block;
}
.sc-link {
	color: #4e4e4e;
}