<style type="text/css">
		a, a:hover{
			color: black;
			text-decoration: none;
		}
		a:link {
		    text-decoration: none;
		}
		body{
			margin:0 auto;
			font-family: Microsoft JhengHei;
		}
	footer{
		padding-bottom: 5px;
		background-color: #e9dfd6;
	}
	.g-recaptcha{
		height: 150px;
	}
  .ProductImg p img{
    max-height: 770px;
  }
  .goback{
    display: flex;
    position: absolute;
    right: 15px;
  }
  .LDP >.row>.col-sm-9.col-xs-12>.row>.col-sm-12>.thumbnail{
    border: 0px;
  }
  .LDP >.row>.col-sm-9.col-xs-12>.row>.col-sm-12>.thumbnail>p>img{
    width: 100%;
    height: auto;
    display: block;
  }
  .MainProduct.thumbnail{
    border: 1px solid #e9dfd6;
    border-bottom: 3px solid #804e21;
  }
  .MainProduct.thumbnail:hover{
    background-color: #e9dfd6;
  }
  .ProductItem > .thumbnail > a >div > p{
    display: none;
  }
  .ProductItem > .thumbnail{
    background-color: #e9dfd6;
    color: black;
  }
  .ProductItem > .thumbnail >a{
    color: black;
  }
  .ProductItem > .thumbnail:hover{
    background-color: rgba(161,204,58,0.1);
    border: 1px solid #A1CC3A;
  }
  .ProductItem > .thumbnail >a:hover{
    color: crimson;
  }
	.MessageShow >h4{
		text-align: center;
	}
	.LoginTitle{
		text-align: center;
	}
	.loginPhoto{
		height: 300px;
		width: 100%;
		background: url(../images/pic_big_719305.jpg) top;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.LoginForm{
		width: 100%;
	}
	.LoginTable{
		width: 300px;
		margin: auto;
		margin-top: 50px;
		margin-bottom: 10px;
	}
	.LogoImg, .LogoImg img{
		width:500px;
		display: inline;
		text-align: center;
	}
	.ContentMenu>a, 
	.ContentMenu>a:focus{
		color: #7BB020;
		/*右上角電話及email文字*/
	}
	.ContentMenu>a:hover{
		color: #333;
	}
	.panel-default>.panel-heading{
		/*list跟detail 左邊選單*/
		background-color: #e9dfd6;
	}
	#collapse2 > ul >li{
		/*list跟detail 左邊選單內頁*/
		background-color: #fff;
	}
	.panel .panel-collapse > ul >li> a{
		/*list跟detail 左邊選單內頁的文字*/
		color: #000;
	}
	.ContactCo >p >a{
		color: #333;
	}
	.LDP{
		margin-top: 20px;
	}
	.sendFriend{
		margin-top: 5px;
		margin-bottom: 5px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.sendFriend >a > img{
		display: inline;
		height: 30px;
		margin-right: 10px;
	}
	.nowLocal >h4 >a{
		color: #D86A14;
	}
	 .nowLocal >h4{
		font-size: 16px;
	 }
	.MainProduct >a{
		color: seagreen;
	}
@media (min-height: 945px){

	.Main{
		/*min-height: 50vh;*/
	}
}
@media (min-width: 1200px) {
	/*lg*/
	.MainProduct a>img, .MainProduct >img{
		height: 264px;
		/* width: 100%; */
	}
	.LDP{
		padding:0px;
	}
	.loginMain{
		margin-top: 30px;
		min-height: 53.6vh;
		vertical-align: middle;
	}
	.topBanner{
		/*background-color: #7BB020;*/
		background-color: #fff;
		padding-top: 20px;
		margin-bottom: 5px;
	}
	.text-right{
		text-align: right;
	}
	.text-center{
		text-align: center;
	}
	.w100{
		width: 100%;
	}
	.LikeIco{
		position:relative;
		height: 50px;
	}
	.topHr{
		border:2px solid gold;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.footerHr{
		border:2px solid gold;
	}
	.topEmail, .topPhone{
		/*height: 30px;*/
		/*display: inline !important; */
		/*width: auto;*/
	}
	.ContentMenu{
		/*background-color: #321;*/
		/*display: inline-flex;*/
		/*text-align: right;*/
		padding-left: 2px;
		padding-right: 2px;
	}
	.wrapper{
		/*width: 1200px;*/
		width:100%;
		margin: auto;
	}
	.BannerTopContainer{
		display: flex;
	}
	.BannerTop{
		/*display: inline-block;*/
		width: 100%;
	}
  .active1 > a{
    background-color: #804e21;
    color: #fff !important;
    width: 100%;
  }
	.TopMenu ul{
		padding: 0px 20px 0px 20px;
		/*line-height: 1em;*/
		margin: 0px;
		font-size: 16px;
	}
	.TopMenu ul li ul{
		display: none;
		position:absolute;
		padding: 0px;
	}

	.TopMenu ul li:hover ul{
		display:inline-block;
		/*background:rgba(99, 99, 99,0.9);*/
		background-color: #fff;
		color: #fff;
		min-width: 20px;
		/*padding: 10px;*/
		/*margin: 25px 0px 0px 0px;*/
		z-index: 1;
	}

  .TopMenu ul li{
    display:inline-block;
    list-style-type: none;
    /*padding: 25px;*/
    /*font-size: 16px;*/
    position:relative;
  }

  .TopMenu ul li .active{
    /*display:inline-block;*/
    /*list-style-type: none;*/
    /*padding: 25px;*/
    font-size: 16px;
    /*position:relative;*/
  }

	.TopMenu ul li ul li{
		float: left;
		display: inline-block;
		border-style:none;
		margin: auto;
		padding: 5px;
		min-width: 200px;
		/*width: auto;*/
	}
	.TopMenu ul li ul li:hover{
		/*background-color: #222;*/
		width: 100%;
	}
	.TopMenu ul li ul li>a:hover,
	.TopMenu ul li ul li>a:focus{
		background-color: #7BB020;
		color: #fff;
		margin: 0px;
	}
  
	.navbar{
		border: 0px;
	}
	
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:focus,
	.navbar-default .navbar-nav>.active>a:hover,
	.collapse{
		/*background-color: #7bb020;*/
		background-color: #fff;
		color: #000;
		/*border-radius: 10px;*/
		/*選單底色1_1*/
		/*下選單active 後onmouseout底色_2~4*/
	}
	.navbar-default .navbar-nav>li>a,
	.navbar-default .navbar-nav>.active>a,
	.dropdown-menu>li>a{
		/*color: #7BB020;*/
		color: #000;
		/*Menu 上的字*/
	}

	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>.active>a:hover,
	.dropdown-menu>li>a:hover,
	.navbar-nav>li >a:focus{
		background-color: #7BB020;
		color: #fff;
		margin: 0px;
		/*選單上背景顏色*/
	}
	.LogoImg, .LogoImg img{
		width:440px;
		display: inline-block;
		text-align: center;
	}
	.TopMenu{
		display: inline-block;
		width: 800px;
	}
	.pd0{
		padding: 0px !important;
	}
	.mg0{
		margin: 0px;
	}
	.navbar{
		margin-bottom: 0px;
	}
	.navbar-default{
		background-color: #7bb020;
		border-color: #fff;
		color: #000;
		margin-bottom: 10px;
		/*選單底色2*/
	}
	.inote{
		margin-top: 10px;
	}
	.inote ul li{
		margin: 5px;
		list-style-type: none;
	}

	.thumbnail{
		/*border: 0px;*/
	}
	.LMenu {
		padding: 0px;
	}

	.LMenu li{
		font-size: 16px;
		margin:10px;
		list-style-type: none;
		/*background-color: #67ba18;*/
	}
	.Slider .carousel-inner {
		max-height: 420px !important;
		margin-top: 5px;
		margin-bottom: 5px;
		/*border: 1px solid #3af;*/
	}
	.Slider img {
		margin: auto;
	}
	.mainTitle h3{
		font-size: 36px;
	}
	.productList h4{
		font-size: 24px;
	}

	#banner{ height:250px; margin:0 auto; overflow:hidden;}
	#banner.about{padding-top:85px;margin-bottom: 15px; background:url("../images/banner_about.png") center top no-repeat;}
	#banner.ContactUs{padding-top:85px;margin-bottom: 15px; background:url("../images/inside_banner_contact.jpg") center top no-repeat;}
	#banner.project{padding-top:85px; background:url("../images/banner_projects.jpg") center top no-repeat;}
	#banner.list{padding-top:85px; background:url("../images/2.jpg") center center no-repeat;background-size:  cover;}
  #banner.infoqa{padding-top:85px;margin-bottom: 15px; background:url("../images/qa.jpg") center center no-repeat;background-size:  cover;}
	#banner .title h1{font-size:45px; color:#FFF; font-weight:normal; text-shadow:1px 3px 0 #1A5;}
	#banner.title{width:300px; margin:0 auto; text-align:center;}



}

@media (min-width: 992px) {
	/*md*/
	.MainProduct a>img, .MainProduct >img{
		height: 264px;
		/* width: 100%; */
	}
	.productList .col-sm-4{
		min-height: 315px;
	}
	.topBanner{
		/*background-color: #7BB020;*/
		background-color: #fff;
		padding-top: 20px;
		margin-bottom: 5px;
	}
	.text-right{
		text-align: right;
	}
	.w100{
		width: 100%;
	}
	.LikeIco{
		position:relative;
		height: 50px;
	}
	.topHr{
		border:0px solid gold;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.footerHr{
		border:0px solid gold;
	}
	.topEmail, .topPhone{
		/*height: 30px;*/
		/*display: inline !important; */
		/*width: auto;*/
	}
	.ContentMenu{
		/*background-color: #321;*/
		/*display: inline-flex;*/
		/*text-align: right;*/
		padding-left: 2px;
		padding-right: 2px;
	}
	.wrapper{
		/*width: 1200px;*/
		width:100%;
		margin: auto;
	}
	.BannerTopContainer{
		display: flex;
	}
	.BannerTop{
		/*display: inline-block;*/
		width: 100%;
	}

	.TopMenu ul{
		padding: 0px 20px 0px 20px;
		/*line-height: 1em;*/
		margin: 0px;
		font-size: 16px;
	}
	.TopMenu ul li ul{
		display: none;
		position:absolute;
		padding: 0px;
	}

	.TopMenu ul li:hover ul{
		display:inline-block;
		/*background:rgba(99, 99, 99,0.9);*/
		background-color: #fff;
		color: #fff;
		min-width: 20px;
		/*padding: 10px;*/
		/*margin: 25px 0px 0px 0px;*/
		z-index: 1;
	}

	.TopMenu ul li ul li{
		float: left;
		display: inline-block;
		border-style:none;
		margin: auto;
		padding: 5px;
		min-width: 200px;
		/*width: auto;*/
	}
	.TopMenu ul li ul li:hover{
		/*background-color: #222;*/
		width: 100%;
	}
	.TopMenu ul li ul li>a:hover,
	.TopMenu ul li ul li>a:focus{
		background-color: #804e21;
		color: #fff;
		margin: 0px;
	}
	.TopMenu ul li{
		display:inline-block;
		list-style-type: none;
		/*padding: 25px;*/
		/*font-size: 16px;*/
		position:relative;
	}
	.navbar{
		border: 0px;
	}

	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:focus,
	.navbar-default .navbar-nav>.active>a:hover,
	.collapse{
		/*background-color: #7bb020;*/
		background-color: #fff;
		color: #000;
		/*border-radius: 10px;*/
		/*選單底色1_1*/
		/*下選單active 後onmouseout底色_2~4*/
	}
  .navbar-default .navbar-nav>li>a,
  .dropdown-menu>li>a{
    /*color: #7BB020;*/
    color: #000;
    /*Menu 上的字*/
  }

	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>.active>a:hover,
	.dropdown-menu>li>a:hover,
	.navbar-nav>li >a:focus{
		background-color: #804e21;
		color: #fff;
		margin: 0px;
		/*選單上背景顏色*/
	}
	.LogoImg, .LogoImg img{
		width:440px;
		display: inline-block;
		text-align: center;
	}
	.TopMenu{
		display: inline-block;
		width: 800px;
	}
	.pd0{
		padding: 0px !important;
	}
	.mg0{
		margin: 0px;
	}
	.navbar{
		margin-bottom: 0px;
	}
	.navbar-default{
		background-color: #7bb020;
		border-color: #fff;
		color: #000;
		margin-bottom: 10px;
		/*選單底色2*/
	}
	.inote{
		margin-top: 10px;
	}
	.inote ul li{
		margin: 5px;
		list-style-type: none;
	}

	.thumbnail{
		/*border: 0px;*/
	}
	.LMenu {
		padding: 0px;
	}

	.LMenu li{
		font-size: 16px;
		margin:10px;
		list-style-type: none;
		/*background-color: #67ba18;*/
	}
	.Slider .carousel-inner {
		max-height:420px !important;
		margin-top: 5px;
		margin-bottom: 5px;
		/*border: 1px solid #3af;*/
	}
	.Slider img {
		margin: auto;
	}
	.mainTitle h3{
		font-size: 36px;
		height: 50px;
		line-height: 50px;
		background: #e9dfd6;
	}
	.productList h4{
		font-size: 22px;
		color: #000;
	}

	#banner{ height:250px; margin:0 auto; overflow:hidden;}
	#banner.about{padding-top:85px;margin-bottom: 15px; background:url("../images/banner_about.png") center top no-repeat;}
  #banner.ContactUs{padding-top:85px;margin-bottom: 15px; background:url("../images/inside_banner_contact.jpg") center top no-repeat;}
	#banner.project{padding-top:85px; background:url("../images/banner_projects.jpg") center top no-repeat;}
	#banner.list{padding-top:85px; background:url("../images/2.jpg") center center no-repeat;background-size:  cover;}
  #banner.infoqa{padding-top:85px;margin-bottom: 15px; background:url("../images/qa.jpg") center center no-repeat;background-size:  cover;}
	#banner .title h1{font-size:45px; color:#FFF; font-weight:normal; text-shadow:1px 3px 0 #1A5;}
	#banner.title{width:300px; margin:0 auto; text-align:center;}



}

@media (min-width: 768px) and (max-width: 992px) {
	/*sm*/
	.MainProduct a>img, .MainProduct >img{
		height: 175px;
		/* width: 100%; */
	}
	.col-sm-4{
		min-height: 260px;
	}
	.topBanner{
		/*background-color: #7BB020;*/
		background-color: #fff;
		padding-top: 20px;
		margin-bottom: 5px;
	}
	.text-right{
		text-align: right;
	}
	.w100{
		width: 100%;
	}
	.LikeIco{
		position:relative;
		height: 50px;
	}
	.topHr{
		border:2px solid gold;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.footerHr{
		border:2px solid gold;
	}
	.topEmail, .topPhone{
		/*height: 30px;*/
		/*display: inline !important; */
		/*width: auto;*/
	}
	.ContentMenu{
		/*background-color: #321;*/
		/*display: inline-flex;*/
		/*text-align: right;*/
		padding-left: 2px;
		padding-right: 2px;
	}
	.wrapper{
		/*width: 1200px;*/
		width:100%;
		margin: auto;
	}
	.BannerTopContainer{
		display: flex;
	}
	.BannerTop{
		/*display: inline-block;*/
		width: 100%;
	}

	.TopMenu ul{
		padding: 0px 20px 0px 20px;
		/*line-height: 1em;*/
		margin: 0px;
		font-size: 16px;
	}
	.TopMenu ul li ul{
		display: none;
		position:absolute;
		padding: 0px;
	}

	.TopMenu ul li:hover ul{
		display:inline-block;
		/*background:rgba(99, 99, 99,0.9);*/
		background-color: #fff;
		color: #fff;
		min-width: 20px;
		/*padding: 10px;*/
		/*margin: 25px 0px 0px 0px;*/
		z-index: 1;
	}

	.TopMenu ul li ul li{
		float: left;
		display: inline-block;
		border-style:none;
		margin: auto;
		padding: 5px;
		min-width: 200px;
		/*width: auto;*/
	}
	.TopMenu ul li ul li:hover{
		/*background-color: #222;*/
		width: 100%;
	}
	.TopMenu ul li ul li>a:hover,
	.TopMenu ul li ul li>a:focus{
		background-color: #7BB020;
		color: #fff;
		margin: 0px;
	}
	.TopMenu ul li{
		display:inline-block;
		list-style-type: none;
		/*padding: 25px;*/
		/*font-size: 16px;*/
		position:relative;
	}
	.navbar{
		border: 0px;
	}
	
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:focus,
	.navbar-default .navbar-nav>.active>a:hover,
	.collapse{
		/*background-color: #7bb020;*/
		background-color: #fff;
		color: #000;
		/*border-radius: 10px;*/
		/*選單底色1_1*/
		/*下選單active 後onmouseout底色_2~4*/
	}
	.navbar-default .navbar-nav>li>a,
	.navbar-default .navbar-nav>.active>a,
	.dropdown-menu>li>a{
		/*color: #7BB020;*/
		color: #000;
		/*Menu 上的字*/
	}

	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>.active>a:hover,
	.dropdown-menu>li>a:hover,
	.navbar-nav>li >a:focus{
		background-color: #7BB020;
		color: #fff;
		margin: 0px;
		/*選單上背景顏色*/
	}
	.LogoImg, .LogoImg img{
		width:440px;
		display: inline-block;
		text-align: center;
	}
	.TopMenu{
		display: inline-block;
		/*width: 800px;*/
	}
	.pd0{
		padding: 0px !important;
	}
	.mg0{
		margin: 0px;
	}
	.navbar{
		margin-bottom: 0px;
	}
	.navbar-default{
		background-color: #7bb020;
		border-color: #fff;
		color: #000;
		margin-bottom: 10px;
		/*選單底色2*/
	}
	.inote{
		margin-top: 10px;
	}
	.inote ul li{
		margin: 5px;
		list-style-type: none;
	}

	.thumbnail{
		border: 0px;
	}
	.LMenu {
		padding: 0px;
	}

	.LMenu li{
		font-size: 16px;
		margin:10px;
		list-style-type: none;
		/*background-color: #67ba18;*/
	}
	.Slider .carousel-inner {
		max-height: 420px !important;
		margin-top: 5px;
		margin-bottom: 5px;
		/*border: 1px solid #3af;*/
	}
	.Slider img {
		margin: auto;
	}
	.mainTitle h3{
		font-size: 36px;
	}
	.productList h4{
		font-size: 24px;
	}

	#banner{ height:250px; margin:0 auto; overflow:hidden;}
	#banner.about{padding-top:85px;margin-bottom: 15px; background:url("../images/banner_about.png") center top no-repeat;}
  #banner.ContactUs{padding-top:85px;margin-bottom: 15px; background:url("../images/inside_banner_contact.jpg") center top no-repeat;}
	#banner.project{padding-top:85px; background:url("../images/banner_projects.jpg") center top no-repeat;}
	#banner.list{padding-top:85px; background:url("../images/2.jpg") center center no-repeat;background-size:  cover;}
  #banner.infoqa{padding-top:85px;margin-bottom: 15px; background:url("../images/qa.jpg") center center no-repeat;background-size:  cover;}
	#banner .title h1{font-size:45px; color:#FFF; font-weight:normal; text-shadow:1px 3px 0 #1A5;}
	#banner.title{width:300px; margin:0 auto; text-align:center;}



}


@media screen and (max-width: 768px) {
	/*手機*/
	.thumbnail{
		/*border: 0px;*/
	}
	.thumbnail h4{
		font-size: 26px;
	}
	.LogoImg, .LogoImg img{
		width:100%;
	}
	#banner>.title h1{
		font-size: 22px;
	}
	.navbar-toggle h4{
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.Slider .carousel-inner {
		height: auto;
		/*border: 1px solid #3af;*/
	}
	.topHr{
		margin-top: unset !important;
		margin-bottom: unset !important;
		border-top: unset !important;
	}
	.footerHr{
		margin-top: unset !important;
		margin-bottom: unset !important;
		border-top: unset !important;
	}
  
  .breadcrumb{
    margin-left:15px;
    margin-right:15px;
  }
  #banner{ overflow:hidden;}
  #banner.about{padding-top:85px;margin-bottom: 15px; background:url("../images/banner_about.png") center top no-repeat;}
  #banner.ContactUs{padding-top:85px;margin-bottom: 15px; background:url("../images/inside_banner_contact.jpg") center top no-repeat;}
  #banner.project{padding-top:85px; background:url("../images/banner_projects.jpg") center top no-repeat;}
  #banner.list{margin-left:15px;margin-right:15px;padding-top:85px; background:url("../images/2.jpg") center center no-repeat;background-size:  cover;}
  #banner.infoqa{padding-top:85px;margin-bottom: 15px; background:url("../images/qa.jpg") center center no-repeat;background-size:  cover;}
  #banner .title h1{font-size:30px; color:#FFF; font-weight:normal; text-shadow:1px 3px 0 #1A5;}
  #banner.title{width:300px; margin:0 auto; text-align:center;}

	
}


@media screen and (max-width: 414px) {
	
	.LogoImg, .LogoImg img{
		width:100%;
	}
	#banner>.title h1{
		font-size: 22px;
	}
	.navbar-toggle h4{
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.Slider .carousel-inner >.item >img {
		shape-image-threshold: 320px;
		/*min-height: 40vh;*/
		/*width: auto;*/
		/*border: 1px solid #3af;*/
	}
	
}


</style>