html,body {height: 100%;}
body {padding-top: 149px;}
ul,li{list-style: none;}
img{border: 0px; margin: 0px;padding:0px; font-size: 0px;}

#body-main{position: relative; height: auto;min-height: 100%;}
.main{padding-bottom: 347px;}
.bottom{height: 347px; position: absolute;bottom: 0; left: 0; width: 100%;}
#kinMaxShow{visibility:hidden;width:100%; height:955px;overflow:hidden; display: none;}
#kinMaxShow .KMSPrefix_kinMaxShow_image_box .KMSPrefix_kinMaxShow_image_item a.KMSPrefix_kinMaxShow_coverlink{height: 955px;}
/*header*/
.header{background-color: #f7fcdb;}
.header-green{background: url("../images/header-green.jpg") left top repeat; height: 26px;}
.header-main{width: 100%;max-width: 1024px; padding: 26px 0;}
.menu-a{color: #677716; font-size: 18px; font-family: "Microsoft JhengHei"}
.menu-a:hover{color: #562600; border-bottom: 3px solid #562600; text-decoration: none;}
.menu-hover,.menu-hover:hover{text-decoration: none;color: #562600;font-size: 18px; font-family: "Microsoft JhengHei"; border-bottom: 3px solid #562600;}
.header-li a{margin: 0 6px;}
/*bt-header*/
.navbar{display: none;}
.navbar-default{background-color: #f7fcdb;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover{background-color: #e8edcd; color: #562600;}
.navbar-default .navbar-nav>li>a{color: #677716}
.navbar-default .navbar-toggle:hover{background-color: #e8edcd}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background-color: #e8edcd; color: #677716;}
.slide img{overflow: hidden;}
/*end-header*/
.navbar-brand{font-size:15px;padding:10px 15px}

/*footer*/
#footer{ width: 100%;/*height: 346px; position: absolute;bottom: 0; left: 0;*/}
.footer{background: #677716 url("../images/footer-left.png") left top no-repeat;width: 100%; }
.footer-bg{background: url("../images/footer-right.png") right bottom no-repeat;}
.footer-main{max-width: 1024px; width: 100%;padding: 40px 0;}
.footer-left{width: 50%; float: left; padding-right: 20px; text-align: left; }
.footer-right{width: 50%; float: right; padding-left: 20px;border-left: 1px solid #fff; color: #fff; font-size: 15px; line-height: 150%;}
.footer-right p:first-child{color: #562600; font-size: 22px; font-family: "Microsoft JhengHei"}

.index-top-banner{margin-top:150px;}


@media(max-width: 468px){
.footer-right span{display:block;}
}
/*end-footer*/
.bottom-p{height: 139px;}

@media(min-width:1399px){
.banner-img{width: 100%; height: auto;}
}

@media(max-width:1024px){
body {padding-top: 50px;}
.bottom-p{height: auto;}
.header-main{display: none;}
.navbar{display: block;}
.footer-left,.footer-right{width: 100%; float: none; padding-right: 0px;padding: 10px; border: 0px; }
.banner-img{height: 100%;}
}
.more-a{background-color: #b40737;border-radius: 5px; color: #fff; padding: 2px 15px 4px 15px; font-size: 14px; font-family: "Microsoft JhengHei"; }
.more-a:hover{background-color: #562600; text-decoration: none;color: #fff;}
.p-more{text-align: center; margin: 0px auto;}
.video-left video{width: 100%; height: 520px; }
.video-left{float: left; width: 60%;padding-right: 50px; }
.text-right{float: right; text-align: left; width: 40%;padding-top: 80px;}
.text-right h1{font-size: 30px; color: #000; line-height: 180%;}
.text-right h2{font-size: 15px; line-height: 180%;}
.intro3,.intro4{margin: 40px 5%;}

@media(max-width:1024px){
.video-left video{width: 100%; height: auto; }
.video-left{float:none; width: 100%;padding-right: 0; }
.text-right{float: none;  width: 100%;padding-top: 0; padding-top: 50px;}
}

.list-main,.a-main,.r-main,.i-main,.call-main,.p-main{ padding: 35px 5%;}
.a-main,.r-main{ width: 100%; height: 100%; overflow:hidden;}
.banner-img img{width: 100%;}
.list-main .box-title{margin-bottom: 30px;}
.list-main a{float: left; background: #fff; margin: 10px; text-decoration: none; color: #000; font-size: 20px; width: 320px;}
.list-main a:hover{color: #b40737}
.list-main a h2{font-size: 20px; padding: 0 10px;}
.list-main a img{ border: 1px solid #ddd;width: 100%; }
.list-main a img:hover{ border: 1px solid #b40737}
.list-main a p{color: #562600; font-weight:bold; padding: 0 10px;}


.a-main-d{background: #e1e4d0; padding: 50px 20%; text-align: center; font-size: 18px; margin-top: 35px; }
.a-main-d p{text-align: left; padding: 10px; font-size: 16px; line-height: 180%;}
.a-main-d img{margin: 10px;}
.a-main-d span:first-child{color: #535353;}
.a-main-d span{font-size: 14px;}
.a-main-d h1,.md-right h1{font-size: 25px; font-weight:bold}
.span-two{color: #562600;}

.step li{float: left; width: 18%; padding: 0px; margin: 20px 1%; }
.step li p{ font-size: 16px; line-height: 180%;}
.step li p:first-child{width: 30px; height: 30px; border-radius: 50%; background: #677716;  text-align: center; line-height: 30px; color: #fff; font-weight:bold; font-size: 18px;}
.step ul{padding: 0px; margin: 0px; overflow:hidden;}
.step li img{width: 100%;vertical-align:baseline;}
.step {margin:20px 0;}
.step p{font-size: 20px; color: #562600}

.list-d ul{margin: 0px; padding: 0px;}
.list-d li{ border-top:2px solid #677716; overflow: hidden;}
.list-d ul{overflow: hidden; display: block; margin-bottom: 30px; line-height: 220%; }
.listd-left {float: left;width: 20%;  margin-right: 10%; font-size: 20px; color: #562600; line-height: 250%;}
.listd-right{float: right;width: 70%; font-size: 16px;}
.listd-pt .pt-right .money{ padding: 20px 0; font-weight: bold; font-size: 20px; color: #562600;}
.pt-right .a-go,.a-go{background: #b40737; padding: 10px 20px; color: #fff; text-decoration: none; border-radius: 5px; font-size: 16px; width: auto; margin: 0px;border:none;}
.pt-right .a-go:hover,.a-go:hover{background: #562600; color: #fff; text-decoration: none; }
.list-main .box-title a{width: auto;}

.imain-c{background: #e1e4d0;padding: 20px 20%; margin: 35px 0;font-size: 16px; line-height: 180%;}
.i-main h1{font-size: 25px; line-height: 25px;  font-weight: bold;}
.callmain-c,.pmain-c{padding-top: 35px;}
.cmll{width: 40%; margin-left: 6%;}
.cmlr{width: 50%; }
.cml,.cmll{float: left;}
.cmr,.cmlr{float: right;}
.cmr{width: 45%;}
.cml{width: 50%;}
.cmlr{ height: auto; word-wrap: break-word;}
.cml ul,.cml ul li{margin: 0px; padding: 0px;}
.tt{vertical-align: top;}
.cmr h1,.cmr h2{ font-size: 25px; color: #562600; font-family: "Microsoft JhengHei" ; font-weight:bold; margin: 0px;;border-bottom: 1px solid #8d6c51; padding-bottom: 5px;margin-bottom:5px;}
.cmr p{font-size:15px;}
#user_gmap{ width:100%;height:290px; margin: 0px; border:solid 1px #ccc; }

.div-green{background: url("../images/p-g.png") left top repeat-y;font-size: 16px; line-height: 200%;padding: 20px 25%; }
.div-green p:first-child{ border-bottom: 1px solid #562600; font-size: 22px; line-height: 200%;}
.time{margin: 20px 0; padding: 20px 0;}
.num{width: 285px;}
.num img{width: 100%; max-width: 215px;}
.div-gline .num{text-align: center; float: left;}
.num div p{font-size: 16px;  line-height: 180%; margin: 0px;}
.num b{font-weight: normal; color: #562600; font-size: 18px; line-height: 180%;}
.num div p:first-child{font-size: 25px; font-weight: bold; font-family: "Microsoft yahei";  color: #677716;
                        background-color: #fff; display: inline-block; /**/}
.div-p{background: url("../images/g.jpg") left center repeat-x;}
.p-text{padding: 0 20px; text-align: left;min-height: 140px;padding-bottom: 20px;}
.div-gline-two{width: 1140px; margin: 0 auto;}
/*①②④③⑤⑥⑦⑧⑨⑩*/

@media(max-width:1200px){
.md-left{max-width: 100%; margin-right: 0%; color: #562600;}
.md-right{margin-top: 20px;}
.md-right div ul li:first-child{ border-top: 1px solid #677716; }
.md-right div ul li {float: none; border-top: 0px;border-left: 1px solid #677716; text-align: left; }
.md-right div ul li p{display: inline; padding-right: 50px;}
}
@media(max-width:1024px){
  .list-main a{width: 47%;}
  .div-gline-two{width: auto;}
  .div-green{padding: 20px 5%; }
}

@media(max-width: 768px){
  .list-main a{width: 45%;}
  .a-main-d{ padding: 50px 10%;}
  .step li{width: 100%}
  .cmll{width: 100%;}
  .cmlr{width: 100%;}
  .pt-left{float: none; padding-right: 0px;width: 100%;}
  .pt-right{width: 100%;}
  .cmr{width: 100%; }
  .cml{width: 100%;margin-top:15px;}

  .index-top-banner{margin-top: 0;}
}
@media(max-width: 480px){
  .list-main a{width: 100%; margin:10px 0px;}
  .listd-left {float: none;width: 100%;  margin-right: 0%; }
  .listd-right{float: none;width: 100%; padding-right: 0%; }
  .imain-c{padding: 20px 5%; }
  .num{width: 100%;}
}
/*-------------------------------------瀑布流----------------------------------------------------------*/
.masonry{
  margin: 20px auto 0;
}
.box {
  background-color: #fff;
  margin-bottom: 15px;
  float: left;
  width:330px;
  border: 1px solid #ddd;
  padding-bottom: 10px;
  }
  .box img {
    width: 100%;
    vertical-align:baseline;
  }
.box h3{color: #562600;  font-size: 18px;font-weight: bold; padding: 10px 20px;letter-spacing: 1.5px;margin:0;}
.box p {color:#666;padding:0 20px; font-size: 16px; margin: 0; line-height: 180%;letter-spacing: 1px;}
.box a:hover{text-decoration: none;}
.box:hover{
  border: 1px solid #858f52;
  -webkit-box-shadow: 0 0 5px #667613;
  -moz-box-shadow: 0 0 5px #667613;
  box-shadow: 0 0 5px #667613;
}
.p-link{text-align: center;}
/*-------------------------------------瀑布流---------------------------------------*/
.content_iframe{
    position: relative;
    padding-bottom:56.25%;
    width:100%;
    height:0;
}
.content_iframe iframe{
    position: absolute;
    top:0;
    left:0;
    border:none;
    width:100%;
    height:100%;
}
.index_about_left{float:left;width:30%;}
.index_about_right{float:right;width:60%;}


.intro2{margin: 40px 5%;}
.intro2-box{ padding: 10% 5%;}

.my-title{background: url("../images/title.png") left center no-repeat;width:300px;height:54px;line-height:54px;color:#fff;text-align: center;font-size: 25px;letter-spacing: 13px;font-family: "Microsoft JhengHei";padding:0 0 0 10px;float:left;margin-bottom: 10px;}
.my-more {
  float: left;
  background-color: #b40737;
  border-radius: 5px;
  color: #fff;
  padding: 1px 8px;
  font-size: 14px;
  font-family: "Microsoft JhengHei";
  margin-left: 20px;
  margin-top: 30px;
}
.my-back{float: right; background: #b40737 url("../images/a-back.png") center center no-repeat; width: 60px; height: 60px; border-radius: 5px;}
.my-back:hover{background-color: #92022a;}

.my-more:hover{background-color: #562600; text-decoration: none;color:#fff;}


.md-left{ float: left; max-width: 500px;width:40%;margin:0 0 20px 20px;}
.md-right{float: left; margin:0 0 20px 20px;width:55%;}
.md-left img{width: 100%;}
.r-main-d{margin-top: 35px; font-size: 18px;}
.md-right div{display: inline-block;}

.md-right div ul,.md-right div ul li{padding: 0px; margin: 0px;}
.md-right h1{margin: 0px; padding:20px 0;}
.md-right p{margin: 0px; color: #562600; line-height: 200%;}
.md-right div ul li:first-child{ border-left: 1px solid #677716; }
.md-right div ul li p:first-child{color: #000}
.md-right div ul li p{margin: 0; line-height: 230%; color: #7d7d7d; font-size: 16px;}
.md-right div ul li{ float: left; border: 1px solid #677716;margin: 1px;padding: 10px; text-align:center; min-width: 140px;}
.step_box{border: 1px solid #677716;margin: 1px;padding: 10px;width:100%;}
.cml label{font-size: 15px; color: #562600; font-weight: normal; padding: 5px 10px;}
.index-img{width:100%;height:100%;padding:0;margin:0;overflow: hidden;}
.products_name{color: #562600;font-size:20px; font-weight:bold;text-align: center;letter-spacing: 1.5px;}
.products_price{color: #b40737; font-weight:bold;text-align: center;letter-spacing: 1.2px;}
.products_weight{color:#999;font-weight: normal;}
.price{color: #b40737;letter-spacing: 1.2px;}
.products_data{color:#999;letter-spacing: 1.2px;}
.pt-right h1{font-size: 25px;font-weight: bold;letter-spacing: 1.5px;margin:0 0 20px;}

#fb-root {
  display: none;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}
.pt-left{float: left;overflow: auto;min-width: 606px;width: 45%;}
.pt-right{float: left;font-size: 18px;margin-bottom:40px;margin-left:20px;width: 45%;}
.listd-right{padding:10px 0;}

.product > img{width: 100%;}
.product{text-align: center; width: 165px;border: 1px solid #ddd; float: left;min-height: 220px;margin-bottom: 10px;}
.plus{background: url("../images/plus.png") left -19px no-repeat;width: 19px; height: 19px; text-decoration: none; display:inline-block;}
.plus:hover{background: url("../images/plus.png") left top no-repeat; width: 19px; height: 19px; text-decoration: none;}
.less{background: url("../images/less.png") left -19px no-repeat;width: 19px; height: 19px; text-decoration: none; display:inline-block;}
.less:hover{background: url("../images/less.png") left top no-repeat; width: 19px; height: 19px; text-decoration: none;}
.product input{
width: 50px;
height: 20px;
line-height: 20px;
margin: 0 3px;
text-align: center;
}
.ice_img{vertical-align: top;margin:2px 0 0 2px;}

.form-control.client_8[disabled], .form-control.client_8[readonly], fieldset[disabled] .form-control.client_8 {
    cursor:pointer;
    background-color: #e0f3f6;
    opacity: 1;
}
.btn-disabled {
    background-color: #666;
    color: #fff;
}
.btn-disabled:hover {
    background-color: #666;
    color: #fff;
}

@media(max-width: 1000px){
  .md-right{width:50%;}
}
@media(max-width: 480px){
  .index_about_left{float:left;width:100%;margin-bottom: 30px;}
  .index_about_right{float:right;width:100%;}
  .my-more {margin-top: 0;}
  .md-left,.md-right{width:100%;margin:0;}
  .next_page{display: none;}
}
@media(max-width: 1300px){
  .pt-right{width: 40%;}
}
@media(max-width: 1200px){
  .pt-left{min-width: 456px;width: 45%;}
  .pt-right{width: 45%;}
}
@media(max-width: 1000px){
  .pt-right{width: 100%;margin-left: 0;}

    /* 將選單提前換成小按鈕模式的時機 */
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 0 -15px 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-nav>li.small_menu_show {
        display: inline-block;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
        width: 100%;
    }
    .navbar-nav>li.small_menu_hidden {
        display: none;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    }
    .collapsing {
        overflow: hidden!important;
    }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
  max-height: none;
}