/* 404 Page Styles */

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

/*===================Main Layout======================*/

html,body {
    height: 100%;
}

body {
  	color: #434343;
    font-family: Microsoft JhengHei;
    font-size:16px;
    //padding-top: 55px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

body a {text-decoration:none;}

.icon_15 {margin-right:15px;}
.icon_10 {margin-right:10px;}

.titlebar {
    border-radius:25px;
    border:1px solid #dcdcdc;
    padding:5px;
    margin:10px 0px;
}

.page-header {border-bottom:2px dashed #462707;}

/*Font Style

h1 {}
h2 {}
h3 {}
h4 {}

/*----------------Links-icon----------------------*/
.linkicon {overflow:hidden; margin-top:15px;padding-bottom:0px; padding-left:0px;}
.linkicon img{width: 40px; height:40px;}
.linkicon {list-style:none;}
.linkicon li {float:left; margin:0px 5px;}

.searchbox {margin-top:10px; padding:15px;}
.searchbox input {border:1px solid #898989; font-size:16pt;font-weight:bold;}

/*===================Banner Layout====================*/
header { margin-top:70px;}
header.carousel {
    height: 600px;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 600px;
    //border: 1px solid red;
}


header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

header .carousel-caption{
		background-color: rgba(108,171,44,0.9);
}

header .carousel-caption h1{
		border-right:1px solid #fff;
		color:#fff;
		font-size:40pt;
		font-size:30pt;
		padding:0px 20px;
		margin:0px 20px;
}

header .carousel-caption small{
		color:#fff;
}

/*===================Navgation========================*/

.navbar-custom {
  -moz-opacity:0.9;
  opacity:0.9;
  -khtml-opacity: 0.9;
  background-color:#fff;
  background:url("../img/nav_bg.jpg") repeat;
  box-shadow: 0px 0px 15px #c9c9c9;
}


.navbar-custom .navbar-brand {

}

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

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

.navbar-custom .navbar-nav > li > a {
  font-size:18px;
  font-weight: 550;
  color: #545454;
  padding-top: 30px;
  padding-bottom: 25px;
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: #8fc31f;
}

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

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle .icon-bar:focus {
  background-color: #ffffff;
  border-color: #073919;
}

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


/*Dropdown Menu*/

.menu-large {
    position: static !important;
}
.megamenu{background-color:#ffffff; width:100%;}
.megamenu .dropdown-header{font-weight:bold;padding-left:0px; border-bottom:1px solid #aaa; font-size:12pt; color:#6cab2c;}
.megamenu li ul {list-style:none;}
.megamenu li ul li{margin:5px 0px;}
.megamenu li ul li a{text-decoration:none; font-size: 12pt; color:#313131;}

/*--------------footer頁尾設定-------------------------*/
footer {
  font-size: 1.1em;
  -moz-background-size: cover;
  background-size: cover;
  background-color:#59493f;
  background-image: url("../img/footer-bg.jpg");
  margin-top:35px;
  padding:50px 0px 50px 0px;
  border-top:1px solid #e7e7e7;
  color: #ffffff;
}
footer h4{border-bottom:2px solid #362e2b; color: #ffffff;font-size:1.5em; padding-bottom:10px;}
footer .rimg{width:100%;}
footer .fimg{width:40px; margin-right:10px; padding:0px;}
footer .fas {color: #ffffff;}
footer .fbox {margin-bottom:30px;}

/*===================Responsive Layout================*/

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

}
@media(min-width:767px){
		.container-fluid{margin:0px 50px;}
}
@media(max-width:767px) {
    .logoheader img{display:block; margin-left:0px;}
    header.carousel {
    height: 200px;
    }
    header.carousel .fill {
    width: 100%;
    height: 35%;
    background-position: center;
    background-size: 100% 100%;
    }
    .navbar-custom .navbar-nav > li > a {
    color: #545454;
    font-size: 1.2em;
    padding: 15px 30px;
    }
    .img-portfolio {
        margin-bottom: 15px;
    }

    .navbar-default {
        color: #fff;
        background-color: #ccc6c6;
        border-color: #aca1a2;
    }
    .navbar-default .navbar-nav > li > a {
        color:#545454;
    }
    .navbar-default .navbar-nav > .dropdown > a .caret {
        border-top-color: #fff100;
        border-bottom-color: #fff100;
    }
    .navbar-default .navbar-brand {
        color:#545454;
    }
    .menu-large {
        position: static !important;
    }
    .megamenu{background-color:#ffffff; width:100%;}
    .megamenu .dropdown-header{font-weight:bold;padding-left:0px; border-bottom:1px solid #aaa; font-size:12pt; color:#6cab2c;}
    .megamenu li ul {list-style:none;}
    .megamenu li ul li{margin:5px 0px;}
    .megamenu li ul li a{font-size: 12pt; color:#545454;}

}

/*=====================尚未整理============================*/

/*!
 * 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 */






blockquote {border:none;}



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

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



/*-----------CSS 設定修正區-----------------------*/




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







/* 形象頁-精選案例輪播 */

.indexcases .carousel {
    height: 500px;
}

.indexcases .carousel .item,
.indexcases .carousel .item.active,
.indexcases .carousel .carousel-inner {
    height: 500px;
    //border: 1px solid red;
}


.indexcases .carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.indexcases .carousel-caption h1 {
    font-size:20pt;
    color: #fff;
    padding:10px;
    width:100%;
    background-color: rgba(49,49,49,0.5);
}

.indexcases .carousel-caption h1 small{
    color:#fff;
}














/*----------------首頁形象頁面------------------------*/

/*--------------------內頁頁頭--------------------------*/

.pageheader {
    margin:10px 0px;
}

/*---------------------內頁Banner------------------------*/

.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: 23px;
}



/*---------------------首頁-最新訊息-----------------------------*/
.media_lastnew a {text-decoration:none;}



/*------------------產品-列表------------------------------------*/

.product_types .panel-heading{background-color:#fff;}
.product_types .panel-body img{width:100%; height:200px; box-shadow:6px 6px 3px 1px #cccccc;}
.product_types h4 {font-weight:bold;}
.product_types .btn {float:right;}

.picline {margin-top:40px; padding-top:40px; border-top:1px solid #aaa;}



.promise_lastnew .panel{color:#fff; background:  #5b9025; border-radius:25px; padding:10px;}
.promise_lastnew a {text-decoration:none; color:#fff;}
.promise_lastnew img {border:2px dashed #fff;}
.promise_lastnew .btn {color:#545454;}


/*------------------首頁-PANEL------------------------------*/


/*--------------------首頁-精選案例----------------------------------*/
.cases ul {list-style:none;padding-left:0px;}
.cases ul li{border:1px solid #aaa; overflow:hidden; margin-bottom:40px;}
.cases .cases_date {background-color:#0b1c41; padding:0px; margin:0px;}
.cases .cases_date h2{margin-bottom:0px; color:#fff; font-size:20pt;}
.cases .cases_date p{margin-top:0px; color:#fff; font-size:20pt;}

.cases .cases_title {padding:0px; margin:0px;}
.cases .cases_title h2{padding-left:10px;margin-top:15px;padding-bottom:8px; margin-bottom:10px; border-bottom:2px dashed #aaa;}
.cases .cases_title p{padding-left:10px;}

.cases .cases_btn .btn {margin:15px;}

.cases_submenu a {text-decoration:none;}
.cases_submenu .panel-heading {background-color:#313131; color:#fff; padding:15px;}
.cases_submenu .panel-body {color:#545454; font-size:12pt; margin:0px; padding:5px 10px; border-bottom:1px dashed #aaa;}

/*--------------------首頁-文章小品----------------------------------*/
.article ul {list-style:none;padding-left:0px;}
.article ul li{border:1px solid #aaa; overflow:hidden; margin-bottom:40px;}
.article img{width:100%;}
.article .article_date {background-color:#0b1c41; padding:0px; margin:0px;}
.article .article_date h2{margin-bottom:0px; color:#fff; font-size:20pt;}
.article .article_date p{margin-top:0px; color:#fff; font-size:20pt;}

.article .article_title {padding:0px; margin:0px;}
.article .article_title h2{padding-left:10px;margin-top:15px;padding-bottom:8px; margin-bottom:10px; border-bottom:2px dashed #aaa;}
.article .article_title p{padding-left:10px;}

.article .article_btn .btn {margin:15px;}

.article_submenu a {text-decoration:none;}
.article_submenu .panel-heading {background-color:#313131; color:#fff; padding:15px;}
.article_submenu .panel-body {color:#545454; font-size:12pt; margin:0px; padding:5px 10px; border-bottom:1px dashed #aaa;}

/*--------------------首頁-文章小品----------------------------------*/
.article_lastnew .panel-heading{padding:5px;background-color:#fff;}
.article_lastnew .panel-body{margin-top:0px; padding-top:0px;}
.article_lastnew h3 {padding-bottom:5px;border-bottom:1px solid #aaa;}
.article_lastnew a {text-decoration:none;}
.article_lastnew img {width:100%; height:260px;}
/*-------------內文格式------------------------------ */

.icontent p{
  color: #545454;
  line-height: 1.6em;
  font-size: 1.1em;
}


/*-------------標題 ICON 顏色設定---------------------------*/
.row i {
  color: #535353;
  margin-right:10px;
}


/*--------------產品簡介副選單橫向設定---------------------------*/
.well .tpe_ul {list-style:none; margin-top:-12px; overflow:hidden;}
.well .tpe_ul li {font-size: 1em; font-weight: bold;color:#0075a9; float: left;}

.well .tpe_ul2 {list-style:none; margin-top:-12px; overflow:hidden;}
.well .tpe_ul2 li {font-size: 1em; font-weight: bold;color:#0075a9;}

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


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

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

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

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

.ibtn {


}

.ft_mail {
  color: #ffffff;
}

.ft_mail:hover{
  color: #ffffff;
}


/*----------------hr 格式設定-------------------------------*/
hr{
  margin-top: 0px;
  border:0; height:1px; background-color:#d4d4d4;
	color:#d4d4d4	/* IE6 */
}


/*--------------------關於我們-安心保證---------------------------------*/

.aboutpromise {overflow:hidden; margin:20px;border:1px solid #aaa;}

.aboutpromise .apleft {border-right:1px dashed #aaa;}
.aboutpromise .apleft img {margin:5px;}
.aboutpromise .apright {margin:15px 0px;}
.aboutpromise h3 {color: #fff100; }
.aboutpromise .apright {background-color:#0b1c41; color:#fff;}

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

/*.searchcases img{padding:5px 0px; width:100%; height:250px;}----------------------------精選案例-列表-------------------------------------*/

.searchcases a{text-decoration:none;float:right;}
.searchcases h4{color:#fff; font-size: 20pt; font-weight:bold;}
.searchcases h3{font-size: 15pt;font-weight:bold; border-bottom:1px solid #aaa;}

.searchcases .listsearch_date {background-color:#0b1c41;}

.seriescases a{text-decoration:none;}
.seriescases .panel-heading {overflow:hidden;}
.seriescases .panel-heading img {object-fit:cover; width:100%; height:300px;}
.seriescases h3{margin-left: 15px; font-size: 2rem ;font-weight:bold; border-bottom:1px solid #aaa;}

/*---------------------------------最新消息-列表--------------------------------*/

.media_lastnews .media_lastnews_date {background-color:#6cab2c;}
.media_lastnews h4 {font-size:16pt; color:#fff;}
.media_lastnews .btn {float:right;}
.media_lastnews a {color:#545454; text-decoration:none;}
.media_lastnews img {padding:20px;}

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

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