/*!
 * 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 {
  	color: #313131;
  	//background-color: #eeeeee;
    font-family: Microsoft JhengHei;
    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.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

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;
}

/* 404 Page Styles */

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



/* 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%;
    }
}

/*-----------CSS 設定修正區-----------------------*/
h1 {font-weight:bold; color: #7d7d7d;}
h2 {font-weight:bold; color: #7d7d7d;}
h3 {font-weight:bold; color: #32b16c;}
h4 {font-weight:bold; color: #00561f;}

.breadcrumb {list-style-color: #ffffff; color: #ffffff; background: #acd598; font-size: 1.15em;}
.breadcrumb li a{color: #ffffff;}
.breadcrumb .active {color: #00561f;}


/*-----------Nav-----------------------*/
.navbar-custom {
  //z-index: 999;
  //position: absolute;
  font-size: 1.15em;
  //filter:alpha(opacity=90);

  -moz-opacity:0.9;
  opacity:0.9;
  -khtml-opacity: 0.9;
  //background:url("../img/nav_bg.jpg") repeat;
  //background-color: rgba(2,145,64,1);
  //background-color: rgba(47,197,116,0.9);
  background: #fcab25;
  border-bottom: 1px solid #fcab25;
  box-shadow: 0px 0px 10px #f8b551;
}

.navbar-custom .navbar-brand {
  //border: 1px solid red;
  //height: 70px;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #313131;
  background-color: transparent;
}

.navbar-custom .navbar-text {
  color: #313131;
}

.navbar-custom .navbar-nav > li > a {
  color: #ffffff;
  //color: #959595;
  padding-top: 30px;
  padding-bottom: 25px;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #434343;
  background-color: #ffd089;
  \\background-color: transparent;
}

.navbar-custom .navbar-toggle {
  border-color: #ffffff;
  margin: 20px 10px;
}
.navbar-custom .navbar-toggle .icon-bar{
	background-color: #ffffff;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #f8b551;
}

.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #fff100;
  border-bottom-color: #fff100;
}

/*----------------首頁形象頁面------------------------*/
header { margin-top:40px;}
.ibanner {
  -webkit-box-shadow: 0 15px 15px -15px #959595;
  -moz-box-shadow: 0 15px 15px -15px #959595;
  box-shadow: 0 15px 15px -15px #959595;
  margin-top: 40px;
}

/*-------------內文格式------------------------------ */
.product_content img{
	  max-width: 100%;
    height: auto !important;
}

.icontent {
  color: #656565;
  line-height: 1.8em;
  font-size: 1.1em;
}




.icontent pre {
  max-width: 100%;
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  color: #656565;
  font-size: 1.1em;
  line-height: 1.8em;
  background: none;
  border: none;
  padding: 0px;
  font-family: Microsoft JhengHei;
}

.icontent ul {
  list-style:none;
}


/*-------------ICON 顏色設定---------------------------*/
.row i {
  color: #019342;
}


/*--------------產品簡介副選單橫向設定---------------------------*/
.well {background:#eeeeee;}
.well .tpe_ul2 {list-style:none; overflow:hidden;}
.well .tpe_ul2 a{color:#002e73; text-decoration:none;}
.well .tpe_ul2 i {color:#eb6100;}
.well .tpe_ul2 li {margin:10px; font-size: 1.1em; font-weight: bold;color:#0075a9;}

.well .p_ul {list-style:none; margin-top:-12px;}

.products_item {margin:30px 0px;height: 300px;}
.products_item img {width: 100%; height: 200px;}
.products_item .panel-heading {background:#ffffff;}
.products_item .panel-body{background: #eeeeee;}
.products_item .panel-body h4 {color:#545454; text-align:center;}

/*--------------語系選單橫向設定---------------------------*/

.iul {
  list-style:none;
  display: block;
  float: right;
  padding:15px;
  //margin: 2px;
}

.iul li {
  float:left;
  margin: 2px;
}

/*-----------------Button格式設定----------------------------------*/

.ibtn {
  background: #f3f2f2;
}

.ft_mail {
  color: #ffffff;
}

.ft_mail:hover{
  color: #ffffff;
}


/*----------------hr 格式設定-------------------------------*/
hr{
  margin-top: 0px;
  border:0; height:1px; background-color:#d4d4d4;
	color:#d4d4d4	/* IE6 */
}
/*--------------footer頁尾設定-------------------------*/
footer {
  font-size: 1.1em;
  -moz-background-size: cover;
  background-size: cover;
  background-image: url("../img/footer_bg.png");
  margin-top:35px;
  padding:50px 0px 20px 0px;
  border-top:1px solid #e7e7e7;
  color: #ffffff;
}
.farea i {color:#fcab25;}
.farea .link_ul li{margin:5px 0px;}
.farea .link_ul li a {text-decoration:none;}
.carea .fas {color:#fcab25; margin-right:10px;}

.fbox {display:inline-block; width: 25px;margin:5px;}

.cbox {display:inline-block;}

/*把carousel-control左右控鈕拿掉*/
.carousel-control.left, .carousel-control.right {
    background-image: none
}

/*將onClick效果修正成 onMouseOver*/

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }



/*-----------------頁首快捷項目------------------------------*/
.home_area {
		margin-top:20px;
}

.home_item {
		padding:10px 20px;
		background-repeat: no-repeat;
		background-size: cover;
		height: 253px;
		margin:10px;
		overflow:hidden;
}

.home_item h3 {
		color: #1b1b1b;
}

.home_item i {
		color:#ffffff;
		margin-left:5px;
}
.playbtn {float:right;}
.playbtn i {color:#7d7d7d;}

.slider h3 {
		color:#545454;
}

.slider img {
		width:auto;
		height: 230px;
}

.slider a {
		text-decoration:none;
		text-align:center;
}


/*---------------標題格式設定----------------------*/


/* CSS 設定值保留區

.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #fff100;
  border-bottom-color: #fff100;
}

.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #2fc574;
  color: #ffffff;
}

.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #fff100;
  background-color: #1d902f;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#1d902f), to(#25bb3d));
  background-image: -webkit-linear-gradient(top, #1d902f, 0%, #25bb3d, 100%);
  background-image: -moz-linear-gradient(top, #1d902f 0%, #25bb3d 100%);
  background-image: linear-gradient(to bottom, #1d902f 0%, #25bb3d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1d902f', endColorstr='#ff25bb3d', GradientType=0);
}


.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}

.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #2fc574;
}
*/