body, table, p, div, span, form, input, textarea, select, pre, button { font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", AppleGothic, Dotum, Lucida Grande, Verdana Sans-serif; }

.clearfix{  display: block; clear: both;    }

.header-top{background-color: #7bbbec;height: 55px;color: #fff;;}
.header-top .top-left{ float: left; margin-top: 16px;}
.header-top .top-right{ float: right; margin-top: 16px;}
.jwhcb-color-a{color: #fff;}
.jwhcb-color-a:hover,.jwhcb-color-a:focus{color: #8eff40;}
.bx-wrapper .bx-pager{display: none;}

/* NAV */
.logo{background-image: url(../images/logo_bk.jpg);height: 140px;}
.logo .logo-img{margin: 40px auto 30px 0px; float: left;}
.logo .logo-nav{ float: right; margin: 68px AUTO 0px;}
.logo .logo-nav .navbar{ border-color: rgba(231, 231, 231, 0); margin-bottom: 0px;background-color: rgba(248, 248, 248, 0);}
.logo .navbar-default .navbar-nav>li{font-size: 16px;font-weight: bold;}
.logo .navbar-default .navbar-nav>li.active>a,
.logo .navbar-default .navbar-nav>li>a:hover,
.logo .navbar-default .navbar-nav>li>a:focus{background-color: rgba(255, 255, 255, 0);}
.logo .navbar-default .navbar-nav>li.active,
.logo .navbar-default .navbar-nav>li:hover,
.logo .navbar-default .navbar-nav>li:focus{background: url(../images/nav_bk.jpg);background-size: contain;background-position: 0px 3px;BORDER-RADIUS: 5PX;;}


/* index */
.index-banner img{width: 100%;}
.index-banner .bx-wrapper{border: 0px solid #fff;}

.index-box{border: 5px solid #fff;background: url(../images/index_bk.jpg);position: relative;margin-top: -90px;background-size: contain;margin-bottom: 40px;;}
.index-box-in{ margin-top: 34px;;}
.index-icon{ float: left; margin-right: 5px;;}
.index-title{ font-size: 18px; letter-spacing: 2px; margin-bottom: 10px;}
.index-news { color: #a1a1a1;font-size: 14px; border-bottom: 1px dashed #a0cb82; padding: 5px 0px;;;}
.index-news-icon{color: #a0cb82;font-size: 12px;;}
.jwhcb-color-news{color: #a1a1a1;}
.jwhcb-color-news:hover,.jwhcb-color-news:focus{ color: #a0cb82;}

.index-product{border: 1px solid #e9e9e9;width: 420px;;}
.index-product div{ padding: 0px;}
.index-product img{ }
.index-product-title{font-size: 25px;margin-top: 35px;;}
.index-product-title:before{
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.index-id{background-color: #f2f2f2;padding: 4px 0px;border-bottom-right-radius: 5px;border-top-right-radius: 5px;margin-bottom: 20px;}
.index-id span{background-color: #44a9ab;padding: 6px 13px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;margin-right: 6px;;}
.index-id input{background-color: rgba(68, 169, 171, 0);margin-left: 6px;border: 0px;;}
.index-check{}
.index-check img{ margin: 0 10px;;}
.index-check input{border: 1px solid #44a9ab;border-radius: 5px;line-height: 26px;vertical-align: middle;;}
.index-login{background-color: #44a9ab;margin-top: 18px;color: #fff;text-align: center;padding: 5px;border-radius: 5px;}
.jwhcb-login-btn{ background: none; border: 0px; color: #fff;}
.jwhcb-login-btn:hover,.jwhcb-login-btn:focus{ background: none; border: 0px; color: #8eff40;}

/* footer */
.footer{background-color: #7bbbec;padding: 15px;font-size: 14px;line-height: 24px;;}
.footer-nav a{color: #fff;margin: 0 20px;}
.footer-nav a:hover,.footer-nav a:focus{background-color: #a0cb82;}
.copyright{color: #fff;}

/* 公用 pubilc */
.banner img{width: 100%;}
.search_btn{padding-top: 9px;  padding-bottom: 9px;}

.data{border-top: 1px solid #e8d21a;border-right: 1px solid #c9c9c9;MARGIN: 0PX;border-left: 1px solid #c9c9c9;;}
.data > div{float: left;}
.data-left{padding: 15px;margin-left: 0px;;}

.data-left .navbar-form.navbar-left{; PADDING: 0PX;width: 100%;}
.data-left .navbar-form .input-group { width: 100%;}
.data-left .navbar-form.navbar-left .form-control{ border-radius: inherit; border-color: #89b357;height: 40px;}
.data-left .navbar-form.navbar-left .btn{ border-radius: inherit; border-color: #89b357;;}
.data-item.first{TEXT-ALIGN: right; BACKGROUND-SIZE: contain;COLOR: #FFF;FONT-SIZE: 16PX;MARGIN: 20PX 0PX 10PX; PADDING: 2PX 20PX;background-image: url(../images/about_bg.jpg);;;}
.data-item.rid-title{background-image: url(../images/about_item_bg.jpg);color: #FFF;
	border-bottom-right-radius: 10PX;border-top-left-radius: 10PX;}
.data-item.rid-title a{color: #FFF;}
.data-item{TEXT-ALIGN: right; PADDING: 2PX 20PX; MARGIN: 6PX 0PX;}
.data-callme{; margin: 100PX 0PX;}
.data-callme div{ float: left;;}
.data-img{ margin-right: 10px;;}
.more{ background-color: #ea8c54; padding: 2px 5px; border-radius: 5px; color: #fff; font-size: 12px;;;;;;}
.data-us{}
.data-us-title{color: #85ac97;font-size: 16px;font-weight: bold;}

.data-right{ min-height: 462px;
 border-left: 1px solid #c9c9c9; box-shadow: -7px 0px 20px rgba(15, 51, 102, 0.14); padding: 10px 30px;}
.data-breadcrumb{; font-weight: bold;;}
.data-title{ font-size: 36px; font-weight: bold; color: #665e51;;;}
.data-title-icon{ border: 1px solid #ababab; border-radius: 3px; padding: 1px 5px; margin-right: 10px; font-size: 12px; float: left; margin-top: 15px; box-shadow: 4px 4px 3px rgba(20%,20%,40%,0.5);;;;}
.data-Vision{ background-color: #006b7c; width: 100%; color: #fff; padding: 5px 33px; border-radius: 5px; margin: 15px 0px;}


/* about */
.about-txt{ padding: 0px 15px;;}

/* contacts */
.callme{border-bottom: 1px dashed #c6bcb6;padding: 10px;;}
.callme span{ margin-left: 30px;}
.callme.first{border-top: 1px solid #c6bcb6;}
.callme.end{}
.mail{}
.mail span{ margin-left: 58px;;}
.map{; margin: 15px -38px 15px -30px;}
.map img{width: 100%;}

.contact-title{background-color: #a6b610;border-radius: 5px;color: #fff;text-align: center;font-size: 24px;}
.contact-fm{}
.form-horizontal .contact-style{ padding: 10px;
 border-bottom: 1px dashed #c6bcb6;border-top: 1px dashed #c6bcb6;
 border-left: 1px solid #c6bcb6;border-right: 1px solid #c6bcb6; margin: 0px;;}
.form-horizontal .contact-style span{color: #33ffd6;}

/* news */
.new-list{background-color: #f9fcf0;border: 4px solid #f1f6df;border-radius: 5px;}
.new-day{ color: #fc943c; border-bottom: 1px solid #e5f0cb; padding: 10px 30px;;;}
.new-day span{ color: #000; margin-left: 20px;;}
.new-day a{ color: #fc943c;}

/* news-detail */
.new-title{background-color: #400fb6;width: 100%; color: #fff; padding: 5px 33px; border-radius: 5px; margin: 15px 0px;
 text-align: center;}
.new-sub-title{color: #689834;font-size: 18px;padding: 0 10px;;}
.new-sub-title-day{ padding: 0 10px;;}
.new-hr{ margin: 30px 10px;}
.new-txt{ padding: 0 10px; line-height: 40px;}


/* products */
.product_list_sel{display: inline;}
.product-table{ width: 100%; text-align: center;;}
/*.product-table tbody >tr{border: 1px solid #efefef;;}*/
.product-table tbody >tr{border-left: 1px solid #efefef;border-right: 1px solid #efefef;}
.product-first{border-top: 1px solid #efefef;}
.product-end{border-bottom: 1px solid #efefef;}
.product-table .table-th{background-color: #7fb0d0;color: #fff;}
.product-table .table-th th{padding: 5px;}

.product-table tbody >tr th{ text-align: center; padding: 15px;;}
.product-table tbody >tr td{padding: 5px;}
.product-table-img{}
.product-table-id{}
.product-table-name{}
.product-table-memo{}
.product-table-unit{}
.product-table-pric{}
.product-table-check{}
.order-add:hover{ cursor: pointer;}

.product-select-title{color: red;margin: 20px 0px;}
.product-table-num{}
.product-table-Subtotal{}
.product-table-end{ border: 0px!important;}
.product-img{cursor: pointer;width: 120px;;}
.product-img.list{width: 100%;}

.order-fm{background-color: #a6b610;border-radius: 5px;text-align: center;color: #fff;font-size: 18px;padding: 2px;}
.total_Id{float: left;}
.del-cart{text-align: right;}
.sumtotal{text-align: right;}
.radio-inline.fm-radio{; padding-top: 0px;; margin-left: 15px;;}

.item-show{ margin: 0 auto;;}
.item-img{; float: left;; margin-right: 5%;;}
.item-img4{ margin: 9% auto; float: inherit;}
.item-img4 img{ margin: 5px; border: 1px solid #939393;width:75px;}
.item-cont{ padding: 35px;}
.item-title{ font-size: 30px; font-weight: bold; margin-bottom: 30px;}
.item-txt{ line-height: 24px;;}

#file{width: 352px;}

.inner{float: none;}

@media (max-width: 1199px){
	.data-callme div {float: none;}
	.data-img { margin: 0 auto; text-align: center;;}
	.data-us {width: 100%;}
}


@media (max-width: 991px){
	.logo .logo-img{ float: none; margin: 0 auto; text-align: center;;}
	.logo .logo-nav { float: none; margin: 0px auto; text-align: center; width: 61%;}
}

@media (max-width: 767px){
	.logo{height: 100%;background-size:contain; }
	.logo .logo-img{width: 100%;}
	.logo .logo-img img{width: 100%;}
	.logo .logo-nav{float: inherit;width: 100%;;}
	.logo-nav .navbar-default .navbar-toggle:hover{ BACKGROUND-COLOR: #FFF;}
	.logo .navbar-default .navbar-nav>li{ TEXT-ALIGN: CENTER;}
	
	.index-product div{display: block;TEXT-ALIGN: CENTER;}
	.index-product-title{font-size: 24px;margin: 0px AUTO;}

	/* products */
	.nav-bar{width: 100%;background-color: rgb(0, 0, 255);margin: 0px 0px;color: #fff;padding: 10px;;;;}
	.nav-bar>div{float: left;margin: 0 15px;font-size: 18px;font-weight: bold;;}
	.nav-bar>div a{color: #fff;}
	.data > div{float: none;}

	.footer-nav a{margin: 0 10px;}
	.copyright{margin: 0 10px;}
}
@media (max-width: 450px){
	#file {	    width: 100%;	}
	.product-img{ width: 100%;}
}
@media (max-width: 350px){
	.data-title{font-size: 30px;}
	.nav-bar>div { margin: 0 5px;;}
	
}
label.error{
	color: red !important;
}