@charset "utf-8";
/* 簡單流變媒體
   注意: 流變媒體要求您必須移除 HTML 中媒體的高度和寬度屬性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 流變格線屬性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	靈感來自於 Ethan Marcotte 的「具回應功能的網頁設計」 
	http://www.alistapart.com/articles/responsive-web-design
	
	以及 Joni Korpi 的「黃金格線系統」
	http://goldengridsystem.com/
*/

/* 行動版面: 480px 以下。 */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	
}

body{ background-color:#fff; display:block;}
.fudo{float:left; border-bottom:3px #006699 solid; width:100%;background-color:rgba(255,255,255,0.7); z-index:999; position:fixed; display:block;}
.top-01{width:100%; height:90px; display:block; }
.logo{ float:left; width:250px; max-width:310px; height:auto; margin:25px 0% 0% 5%; display:block; }
.select{ float:right;  margin-top:18px; display: block;}

.provision-link{ color:#555; text-decoration:black; font-size:13px; display:block }
.provision-link:hover{ color:#c00; text-decoration:none; font-size:13px; display:block }
.provision-list-content{ display:none; padding:0px; background-color:rgba(255,255,255,0.7); width:100%; float:left; z-index:998; position:absolute; }
.provision-inside{width:100%; padding:0; margin:0; list-style:none; float:left; display:block;}
.provision-inside-li{text-align:center; display:none;}
.provision-inside-li-link{ font-size:15px; font-weight:bold; color:#444; text-decoration:none; text-decoration:none; border-bottom:1px #ccc solid; width:80%; line-height:68px; display:block}
.provision-inside-li-link:active{ color:#444;}
.provision-inside-li-link:visited{ color:#444;}
.provision-inside-li-link:hover{ color:#fff;}



.top-icon{float:left; list-style-type:none; margin-top:40px; padding:0; overflow:hidden; height:40px; display:none;}
.top-icon-1{float:left; width:160px; display:block;}

.line{text-decoration:none; color:inherit;font-size:17px; font-weight:bold; margin-top:0px; display:block;}
.line:active{color:#444;}
.line:visited{color:#444;}
.line:hover{color:#f00; margin-top:-72px;}

.top-ori-c{font-size:17px; color:#444; font-weight:bold; display:block;}
.top-ori-e{font-size:15px; color:#aaa; display:block;}
.top-chan-c{font-size:17px; color:#c00; font-weight:bold; margin-top:30px; display:block;}
.top-chan-e{font-size:15px; color:#c00; display:block;}

.rwd-banner{width:100%; float:left;}

.top-02-gra{background-color:#efefef; width:100%; float:left; padding:40px 0px; display:block;}
.top-02{width:100%; display:block;}

.icon-two-title-line{font-size:18px; margin:0px 0px 15px; font-weight:bold; border:0px #4694D1 solid; border-bottom:0px; width:100%; display:block;}
.icon-two-title{background-color:#4694D1; z-index:2px; position:relative; margin-top:-16px; width:80%; line-height:31px; color:#fff; border-radius:10px; display:block;}
.icon-two-pro{list-style-type:none; padding:0% 0% 0% 0%; margin:0; display:block; width:100%;}
.icon-two-bor{float:left; width:42%; margin:0% 0% 7%; margin-left:5%; display:block;}
.icon-two-photo{clear:both; width:100%; height:100%; margin-bottom:5px; float:left; display:block;}
.link-co{ font-size:15px; color:#777; text-decoration:none; display:block;}
.link-co:active{color:#777;}
.link-co:visited{color:#777;}
.link-co:hover{color:#069;}

.top-03-gra{background-color:#; width:100%; float:left; padding:0px 0px; margin-top:2px; display:block;}
.top-03{width:100%; display:block;}
.icon-three-pro{list-style-type:none; padding:0; margin:0; display:block;}
.icon-three-bor{float:left; width:100%; margin:0px 0px; display:block; }
.icon-three-photo{ width:100%; height:100%; clear:both; display:block;}
.icon-three-box{padding:10px; background-color:rgba(107,130,0,0.5); margin-top:-85px; text-align:left; line-height:21px;z-index:99; position:absolute; display:block;}
.icon-three-text{font-size:18px; font-weight:bold; color:#ff0; line-height:24px;display:block; }

.link-three{color:#fff; text-decoration:none; display:block; font-size:15px;}
.link-three:active{color:#fff;}
.link-three:visited{color:#fff;}
.link-three:hover{color:#ff0;}

.index-hr{margin-bottom:2px; width:100%; padding:0px; height:2px; background-color:#6b8900; float:left; margin-top:5px; position:relative; display:block;}

.index-four{background-color:#6b8900; width:100%; float:left; padding:0px 0px; display:block;}
.index-four-box{width:100%; text-align:left; padding:0px 0px 0px 0px ; display:block;}

.index-bottom-left-box{float:left; text-align:left; margin:20px 0px 20px 0px; padding-right:0px; border-right:0px #506600 solid; font-size:15px; line-height:24px; width:100%; height:100px; color:#FFFFFF; text-align:center; display:block;}
.index-bottom-left-title{ font-size:21px; font-weight:bold; line-height:27px; display:block;}
.index-bottom-right-box{float:left; text-align:left; margin:20px 0px 20px 0px; padding-left:30px; border-left:1px #92B500 solid; height:100px;width:690px; line-height:24px; color:#ffffff; display:none;}

.icon-five-pro{font-size:13px; margin:0px; padding:0px; border:0px #000 solid; display:none;}
.icon-five-bor{float:left; width:145px;  margin:0px 5px 0px 18px; display:none;}

.link-bottom{ color:#FFF; text-decoration:none; display:none;}
.link-bottom:active{ color:#FFF; }
.link-bottom:visited{ color:#FFF; }
.link-bottom:hover{ color:#ff0;}

.get-top-box{ background-color:none; text-align:center; margin:0px 0px; display:block; }
#get-top{ font-size:15px;font-weight:bold; text-decoration:none; margin:15px 0px; color:#069; display:inline-block;}


/*company*/
.company-banner{overflow:hidden;height:370px; width:100%; background-image:url(images/index_06.jpg); background-position:center top; float:left;}
.company-01-gra{background-color:#ffffff; width:100%; float:left; padding:0px 0px; display:block;}
.company-01{width:100%; display:block;}


.company-content-01{clear:both; font-size:15px;color:#555; text-align:left; line-height:24px; margin:5% 5%;}
.company-about-text{float:left; width:100%;}
.company-iso2001{float:right; width:100%; clear:left; margin:20px 0px 0px 0px;}
.company-two{width:100%; display:block; float:left;margin:30px 0% 0px;}
.company-two-title{txet-align:center; font-size:21px; font-weight:bold;color:#069; clear:both; margin:0px 0px 10px 0px;}
.company-two-photo{ width:100%; clear:both; display:block;}

.company-three{ width:100%; float:left; display:block; margin-top:0;}
.company-three-range{float:left; width:%; margin:10% 5%; background-image:url(images/lline.png) ; background-repeat:no-repeat; box-sizing:border-box;}
.company-three-title{float:left; width:100%; text-align:left; font-size:21px; margin:21px 0px 13px ; color:#333;}
.company-three-text{float:left; width:100%; text-align:left; font-size:15px; color:#666; clear:both;}

/*products-index*/
.products-01-gra{background-color:#ffffff; width:100%; float:left; padding:0px 0px; display:block;}
.products-01{width:100%; display:block;}
.products-banner{overflow:hidden;height:370px; width:100%; background-image:url(images/index_06.jpg);  background-position:center top; float:left;}
.products-index-all{ float:left; text-align:center; width:100%; background-image:url(images/back.jpg); background-repeat:no-repeat; padding:0px 0px 0px 0px; box-sizing:border-box; background-size:100%;}
.products-caption{ text-align:center; width:100% ; float:left; color:#069; font-size:27px; margin:40px 0 20px 0%; padding:0%; line-height:27px; font-weight:900;}
.products-index-01{width:100%; display:inline-table; text-align:left;}
.products-index-ul{list-style-type:none; margin:0px; padding:0px; float:left; width:100%; display:inline-block;}
.products-index-li{float:left; padding:2% 2%; box-sizing:border-box; text-align:center; min-height:250px; width:100%; margin:5% 0 0 0%; text-align:center; display:inline-block; }
.products-link{width:90%; color:#444; text-decoration:none; margin:0%; display:inline-block; }
.products-link:hover{color:#666;}
.products-photo{ min-width:50%;  margin:0% 0% 0.2em 0%;display:inline-block; }
.products-title{ font-size:21px; font-weight:bold; color:#555; line-height:36px; margin:5px 0% 0% 0%; float:left; width:100%; display:inline-block; }
.products-text{ font-size:15px; color:#555; line-height:24px; float:left; width:100%;  margin:0%;display:inline-block; }

.products-one{width:100%; display:inline-table; text-align:left; margin:40px 0 0 0px;}
.products-one-caption h1{ text-align:center; width:100% ; float:left; color:#069; font-size:27px; margin:0px 0px 0px 0%; padding:0%; line-height:27px; font-weight:900; display:inline-block;}
.products-one-content{text-align:center; width:100% ; float:left; color:#333; font-size:15px; margin:0% 0px 20px 0%; padding:0%; line-height:27px; display:inline-block;}

.products-two{ float:left; width:100%; text-align:center; margin:20px 0 0 0px; display:inline-block;}




.products-list{ background-color:rgba(255,255,255,0.3); width:100%; text-align:center; display:inline-block;}
.products-list-ul{list-style-type:none; margin:0px; padding:0px; float:inherit; width:1010px; display:inline-block;}
.products-list-li{float:left; padding:2% 2%; box-sizing:border-box; text-align:center; min-height:160px; width:144px; margin:0%; text-align:center;  display:inline-block; }
.products-list-link{width:138px; float:left; color:#444; text-decoration:none; margin:0%; display:inline-block; }
.products-list-link:hover{color:#666;}
.products-list-photo{ width:80px; margin:0% 0% 10px 0px;display:inline-block; }
.products-list-title{ font-size:15px; font-weight:bold; color:#555; line-height:27px; margin:0%; float:left; width:100%; display:inline-block; }

<!--products 01-->

.products-dist{background-color:#ffffff; width:100%; float:left; padding:0px 0px; display:block;}

.company-banner-01{overflow:hidden;height:370px; width:100%; background-image:url(images/company-banner-01.jpg); background-size:cover;  background-position:left top; float:left; }
.contact-banner-01{overflow:hidden;height:370px; width:100%; background-image:url(images/contact-banner-01.jpg); background-size:cover;  background-position:left top; float:left; }
.good-banner-01{overflow:hidden;height:370px; width:100%; background-image:url(images/good-banner-01.jpg); background-size:cover;  background-position:left top; float:left; }

.products-banner-index{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-index.jpg); background-size:cover;  background-position:left top; float:left; }
.products-banner-01{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-01.jpg); background-size:cover;  background-position:left top; float:left; }
.products-banner-02{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-02.jpg); background-size:cover;  background-position:left top; float:left; }
.products-banner-03{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-03.jpg); background-size:cover;  background-position:left top; float:left; }
.products-banner-04{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-04.jpg); background-size:cover;  background-position:left top; float:left; }
.products-banner-05{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-05.jpg); background-size:cover;  background-position:left top; float:left; }
.products-banner-06{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-06.jpg); background-size:cover;  background-position:left top; float:left; }
.products-banner-07{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-07.jpg); background-size:cover;  background-position:right top; float:left; }
.products-back-dist-01{ float:left; text-align:center; width:100%; background-image:url(images/back.jpg); background-repeat:no-repeat; padding:0px 0px 0px 0px; box-sizing:border-box;background-size:100%;}

.products-banner-table{ box-sizing:border-box;margin-left:auto; float:inherit; margin-top:8%;}
.products-banner-table td{ font-size:31px; font-weight:bold; font-family:微軟正黑體,'arial' ; vertical-align:middle; color:#fff; text-align:center}
.products-banner-table td div{font-size:18px; font-weight:bold; width:100%; padding:0% 3%; box-sizing:border-box; line-height:27px; margin-top:10px;}

.products-one{width:100%; display:inline-table; text-align:left; margin:40px 0 0 0px;}
.products-one-caption{ text-align:center; width:100% ; float:left; color:#069; font-size:27px; margin:0px 0 20px 0%; padding:0%; line-height:27px; font-weight:900; display:inline-block;}
.products-one-content{text-align:center; width:100% ; float:left; color:#333; font-size:18px; margin:0% 0% 20px 0%; padding:0% 4%; line-height:27px; box-sizing:border-box; display:inline-block;}

.products-two{ float:left; width:100%; text-align:center; margin:20px 0 0 0px; display:inline-block;}

.products-list{ background-color:transparent; width:100%; text-align:center; display:inline-block;}
.products-list-ul{list-style-type:none; margin:0px; padding:0px; float:inherit; width:1010px; display:none;}
.products-list-li{float:left; padding:2% 2%; box-sizing:border-box; text-align:center; min-height:160px; width:144px; margin:0%; text-align:center;  display:inline-block; }
.products-list-link{width:138px; float:left; color:#444; text-decoration:none; margin:0%; display:inline-block; }
.products-list-link:hover{color:#666;}
.products-list-photo{ width:80px; margin:0% 0% 10px 0px;display:inline-block; }
.products-list-title{ font-size:15px; font-weight:bold; color:#555; line-height:27px; margin:0%; float:left; width:100%; display:inline-block; }


.products-prove{clear:both; margin:40px 0% 40px 2%; display:inline-table;  border:1px #777 solid; width:96%; display:table; box-sizing:border-box;}
.products-prove caption{ font-size:27px; color:#069; font-weight:bold; margin:20px 0px; width:100%; text-align:center;}
.products-prove tr:nth-child(1){ background-color:rgba(170, 210, 240, 1);}
.products-prove td{padding:5px 2px; box-sizing:border-box; width:20%; text-align:center; font-size:13px; }

.products-phone-col{ text-align:center; width:100%; display:inline-block; margin-top:20px;}
.products-phone{ display:inline-table;text-align:center;font-size:15px; padding:5px; box-sizing:border-box; }

/* products 02 */

.products-no2-plan{margin:2%; width:45%;}
.products-no2-2zone{width:100%; float:left; display:block; margin-top:50px; text-align:center;}
.products-no2-2zone-text01-title{text-align: center; width:96%; position:relative; font-size:27px; font-weight:bold; margin:0px 2% 20px; color:#555; line-height:37px; clear:both;}
.products-no2-2zone-text01-centect{color:#555; font-size:15px; line-height:27px; width:97%; margin:0% 2% 0%; paddfing:0% 0% 0% 0%;}

.products-no2-2zone-ul{width:100%; list-style:none; height:200px; margin:0px; padding:0px;}
.products-no2-2zone-li-left{width:100%; overflow:hidden; height:300px; background-image:url(images/90.jpg) ; background-position:bottom right; float:left; background-size:130%; clear:both; display:block;}
.products-no2-2zone-li-left-img{ float:none; margin-right:0px;margin-top:70px; width:220px; height:auto;}
.products-no2-2zone-li-right{width:100%; overflow:hidden; height:300px; background-image:url(images/91.jpg); background-position:bottom left; float:left; background-size:130%; clear:both; display:block;}
.products-no2-2zone-li-right-img{ float:none; margin-left:0px; margin-top:30px; width:120px; height:auto;}


.products-no3-1zone{width:100%; float:left; display:inline-table; background-color:#efefef;}
.products-no3-1zone-inside{width:100%; display:inline-block;}
.products-no3-1zone-ul{width:100%; list-style:none; float:left; padding:0%; display:inline-block; margin:30px 0 60px;}
.products-no3-1zone-li{float:left; width:100%; display:block; list-style:none; padding:0%; margin:0px;}
.products-no3-1zone-li-title{width:92%; font-size:28px; color:#c00; font-weight:bold; margin:0px 2% 0px; line-height:36px;}
.products-no3-1zone-li-ul-contect{width:90%; padding:0px 0px 0px 25px; box-sizing:border-box; list-style:decimal; text-align:left; float:none; font-size:13px; }
.products-no3-1zone-li-ul-dist{width:100%; margin:0px; padding:0px; list-style:none;}
.products-no3-1zone-li-ul-li{float:left; width:100%; text-align:center;}
.products-no3-1zone-li-ul-li-img{width:80%; margin:30px 0px 3px 0px;}
.products-no3-1zone-li-ul-li-text{text-align:center; font-size:18px; font-weight:bold; color:#555; margin:0px 0 0px; width:100%; float:left; clear:both;}


.products-no4-1zone{width:100%; float:left; display:block;}
.products-no4-1zone-inside{width:100%; display:block; margin:50px 0px 0px;}
.products-no4-1zone-spac{width:auto; display:inline-table; margin:0% 2%;}
.products-no4-1zone-link{text-decoration:none; border:1px solid #9CF; padding:6px 0px; box-sizing:border-box; color:#069; font-size:15px; display:block; width:210px; margin:5px; clear:both; }
.products-no4-1zone-link:active{text-decoration:none; border:1px solid #9CF; padding:6px 0px; box-sizing:border-box; color:#069; font-size:15px; display:block; width:210px;}
.products-no4-1zone-link:visited{text-decoration:none; border:1px solid #9CF; padding:6px 0px; box-sizing:border-box; color:#069; font-size:15px; display:block; width:210px;}
.products-no4-1zone-link:hover{border:1px solid #069; color:#369;}
.products-no4-1zone-pdf{ width:16px; height:16px; margin:0px 0px 0px 0px;}

.products-no5-1zone{width:100%; float:left; display:block;}
.products-no5-1zone-inside{width:100%; display:block;}

/* products 03 */

.pros-three-01{width:100%; margin-left:auto; margin-right:auto; display:block;}
.pros-three-01-img{height:570px; margin:30px 0px 0px 0px; display:inline-block;}
.pros-three-01-text{margin:0px; width:100%; float:left; text-align:center; display:block;}

.pros-sub h2{font-size:27px; color:#555; font-weight:bold; margin:0px 0px; line-height:37px; width:100%; text-align:center; display:block;}
.pros-kind-01{text-align:center; float:left; width:90%; margin:0% 5% ; font-size:15px; font-weight:bold; color:#555; line-height:31px; display:block;}
.pros-kind-img{ width:100%; display:block;}

.pros-dist-01{float:left; width:100%; margin:0px 0px 10px 0px; background-color:#efefef; padding:0px 0px 50px 0px ; box-sizing:border-box; background-image:url(images/products-3.jpg) ; background-size:auto ; background-repeat:no-repeat; background-position:top center; overflow:hidden; display:block;}
.pros-dist-01-inside{width:100%; margin:0px 0px; padding:40px 0px 0px 0px; display:block;}

.pros-tea-img-ul{margin:5% 2% 0px; width:100%; padding:0px; list-style:none; float:left; display:block;}
.pros-tea-img-ul li{ float:left; width:50%; text-align:center; padding:0px; margin:0px; display:inline-block;}
.pros-tea-img-ul li:nth-child(2n+1){float:left; width:50%; text-align:center; padding:0px; margin:0px 0px 20px; display:inline-block; clear:both;}
.pros-tea-img-01{text-align: center; width:60%; margin:0%; display:inline-block; }

.pros-dist-02{width:100%; float:left;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; box-sizing:border-box; background-image:url(images/p3-2-back.jpg); background-repeat:no-repeat; background-size:100%; display:block;}
.pros-dist-02-gray{width:100%; float:left;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; box-sizing:border-box; background-color:#f5f5f5; border-top:1px #efefef solid;  display:block;}
.pros-dist-02-white{width:100%; float:left;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; box-sizing:border-box; background-color:#ffffff; border-top:1px #efefef solid;  display:block;}
.pros-dist-02-inside{width:100%;  margin:50px 0px 0px; text-align:center; display:block;}
.pros-dist-02-text{text-align:center; width:100% ; float:left; color:#333; font-size:15px; margin:0% 0 20px 0%; padding:0%; line-height:27px; display:inline-block; display:block;}
.pros-dist-02-photo{text-align:center; width:100% ; float:left; color:#333; font-size:15px; margin:0% 0 20px 0%; padding:0%; line-height:27px; display:inline-block; display:block;}
.pros-dist-02-img{ width:70%; display:inline-block;}
.pros-dist-03-img{ width:80%; display:inline-block;}

.pros-dist-02-ul{list-style:none; margin:10% 0px 10% 0px; padding:0px; text-align:center; width:100%; display:table;}
.pros-dist-02-ul-li-01{list-style:none;float:none; width:50%; padding: 0% 0% 10%; display:inline-block; text-align:center; vertical-align:bottom; }
.pros-dist-02-ul-li-02{list-style:none;float:none; width:50%; display:inline-table;margin-top:0%; text-align:center; vertical-align:bottom;}

.pros-dist-02-ul-li-03{float:left; width:33%; text-align:center;}

.pros-dist-02-ul-li-03-img-01{width:80%}
.pros-dist-02-ul-li-03-img-02{width:90%; clear:both; margin-top:15%;}

.pros-dist-02-ul-02{list-style:none; margin:10% 0px 10% 0px; padding:0px; width:100%; display:inline-block;}
.pros-dist-02-ul-02-li{float:left; width:50%; text-align:center; display:inline-block;}

.pros-dist-02-ul-02-li-img-01{width:80%}
.pros-dist-02-ul-02-li-img-02{width:85%}

/*product-04*/
.products-size{clear:both; margin:40px 0 40px 0px; display:inline-table;  border:1px #777 solid; width:96%; display:table;}
.products-size caption{ font-size:27px; color:#069; font-weight:bold; margin:20px 0px; width:100%; text-align:center;}
.products-size tr:nth-child(1){ background-color:rgba(170, 210, 240, 1);}

.products-size td:nth-child(1){padding:5px 0px; box-sizing:border-box; width:42%; text-align:center; font-size:15px; vertical-align:middle }
.products-size td:nth-child(2){padding:5px 0px; box-sizing:border-box; width:12%; text-align:center; font-size:15px; vertical-align:middle  }
.products-size td:nth-child(3){padding:5px 0px; box-sizing:border-box; width:12%; text-align:center; font-size:15px; vertical-align:middle  }
.products-size td:nth-child(4){padding:5px 0px; box-sizing:border-box; width:30%; text-align:center; font-size:15px; vertical-align:middle  }
.pros-04-sub{ font-size:21px; color:#555; font-weight:bold; margin:20px 0px; width:100%; text-align:center;}
.pros-04-dist-inside{width:96%; margin:0px 0px 0px 0px;padding:10% 0px 10% 0px; display:block;}

.pros-04-img-01{ width:90%; margin:0px 0px 10% 0px;}
.pros-04-img-02{ width:90%;margin:10% 0px 10% 0px; clear:both;}



/*product-05*/
/*product-06*/
.products-no6-2zone{width:100%; text-align:center; display:inline-block; margin-top:20px;}


.products-no6-2zone-ul{width:100%; list-style:none; margin:0px; padding:0px; text-align:center; float:inherit; display:inline-block;}
.products-no6-2zone-li-dist{width:100%; clear:none; float:inherit; text-align:center; padding:30px 0px; margin:0px 0px 0px 0px; box-sizing:border-box; display:inline-block;}
.products-no6-2zone-li-dist:nth-child(2n+1){width:100%; clear:none; float:inherit; text-align:center; padding:30px 0px; box-sizing:border-box; margin:0px 0px 0px 0px; border-top:1px #ccc solid; background-color:#eee; display:inline-block;}
.products-no6-2zone-li-img{margin:0px;padding:0px; width:50%; height:auto;}
.products-no6-2zone-text01-title{text-align: center; width:100%; font-size:18px; font-weight:bold; margin:3% 0px 0px; color:#555; line-height:21px;}


/*product-07*/
.pros-05-img-01{ width:90%; height:90%;  margin:0px 0px 20px 0px;}
.pros-05-img-02{ width:90%; height:90%;  margin:0px 0px 20px 0px;}

/*contact*/
.content-01{width:100%; float:left; padding:30px 0px 0px; box-sizing:border-box; text-align:center; clear:none; display:block;}
.content-02{ width:94%; text-align:left; display:inline-block;}

.contact-site{width:100%; float:right; clear:both; margin-left:0px; display:inline-block; padding-right:0px; height:300px; box-sizing:border-box;}
.contact-ul{ list-style:none; margin:0px 0px; padding:0px 0px 50px; box-sizing:border-box; float:left; width:100%; border:0px #ccc solid; display:inline-block;}
.contact-ul li{ list-style:none; text-align:left; margin:2% 0%; padding:0px; width:100%; clear:right; float:left; display:inline-block;}
.contact-ul li .out{ float:left; width:25%; text-align:right; font-size:15px; color:#555;}
.contact-ul li .out-02{ text-align:left;}
.contact-ul li .put{ width:65%; text-align:left; border:0px; border-bottom:1px #ccc solid; background-color:#ffffff;}


.contact-ul li .put-dist{ width:8%; text-align:left; border:0px; border-bottom:1px #ccc solid; background-color:#ffffff;}
.contact-ul li .put-tel{ width:30%; text-align:left; border:0px; border-bottom:1px #ccc solid; background-color:#ffffff;}
.contact-ul li .put-graph{ width:20%; text-align:left; border:0px; border-bottom:1px #ccc solid; background-color:#ffffff;}
.contact-ul li .put-message{ width:65%; text-align:left; }

.sub{ text-align:center; margin-top:1%; float:left; width:100%;}


/*good*/
.good-one{width:100%; float:left; padding:0px 0px 0px; margin:0px 0px 10px; box-sizing:border-box; text-align:center; clear:both; display:block;}
.good-two{width:100%; float:left; padding:10% 0px 5%; margin:0px; box-sizing:border-box; text-align:center; clear:both; display:block; background-image:url(images/good-2.jpg); background-size:cover; background-position: 10% top;}
.good-02{ width:96%; text-align:center; padding:0% 2%; box-sizing:border-box;  display:inline-block;}

.good-one-img{float:left; width:96%; display:inline-block;}
.good-one-photo{ width:100%; margin-top:20px;}
.good-one-table{float:inherit; width:100%; border:0px #f00 solid; box-sizing:border-box; display:inline-block; margin-top:10%; text-align:center;}
.good-one-text{ font-size:15px; color:#555; line-height:27px; font-weight:100; margin:13px 0px; text-align:center; }
.good-02-dist{float:left; width:100%; box-sizing:border-box; margin:0px 0px 0px 10px; display:block;}
.good-02-title{font-size:21px; color:#069; font-weight:bold; text-align:center; width:100%;}
.good-02-title-02{font-size:21px; color:#069; font-weight:bold; text-align:center; width:100%;}
.good-02-text{font-size:15px; line-height:27px; color:#555; list-style:decimal; margin:0px; padding:5% 5% 0% 5%; box-sizing:border-box; text-align:left; width:100%;}
.good-02-text li{width:100%;}
#good-go-top{ margin:20px 0px 0px 0px; clear:both; }


/* 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	list-style:disc
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

body{ background-color:#fff; display:block; font-family:'微軟正黑體','新細明體','arial'}
.fudo{float:left; border-bottom:3px #006699 solid; width:100%;background-color:rgba(255,255,255,0.7); z-index:999; position:fixed; display:block;}
.top-01{width:100%; height:90px; display:block; }
.logo{ float:left; width:400px; height:auto; margin:20px 0% 0% 3%; display:block; }
.select{ float:right;  margin-top:18px; display: block;}

.provision-link{ color:#777; text-decoration:black; font-size:13px; display:block }
.provision-link:hover{ color:#c00; text-decoration:none; font-size:13px; display:block }
.provision-list-content{ display:none; padding:0px; background-color:rgba(255,255,255,0.7); width:100%; float:left; z-index:998; position:absolute; }
.provision-inside{width:100%; padding:0; margin:0; list-style:none; float:left; display:block;}
.provision-inside-li{text-align:center; display:none;}
.provision-inside-li-link{ font-size:15px; font-weight:bold; color:#444; text-decoration:none; text-decoration:none; border-bottom:1px #ccc solid; width:80%; line-height:68px; display:block}
.provision-inside-li-link:active{ color:#444;}
.provision-inside-li-link:visited{ color:#444;}
.provision-inside-li-link:hover{ color:#fff;}



.top-icon{float:left; list-style-type:none; margin-top:40px; padding:0; overflow:hidden; height:40px; display:none;}
.top-icon-1{float:left; width:160px; display:block;}

.line{text-decoration:none; color:inherit;font-size:17px; font-weight:bold; margin-top:0px; display:block;}
.line:active{color:#444;}
.line:visited{color:#444;}
.line:hover{color:#f00; margin-top:-72px;}

.top-ori-c{font-size:17px; color:#444; font-weight:bold; display:block;}
.top-ori-e{font-size:15px; color:#aaa; display:block;}
.top-chan-c{font-size:17px; color:#c00; font-weight:bold; margin-top:30px; display:block;}
.top-chan-e{font-size:15px; color:#c00; display:block;}

.rwd-banner{width:100%; float:left;}

.top-02-gra{background-color:#efefef; width:100%; float:left; padding:50px 0px 0px; display:block;}
.top-02{width:100%; display:block;}

.icon-two-title-line{font-size:18px; margin:0px 0px 15px; font-weight:bold; border:0px #4694D1 solid; border-bottom:0px; width:100%; display:block;}
.icon-two-title{background-color:#4694D1; z-index:2px; position:relative; margin-top:-16px; width:94%; line-height:31px; color:#fff; border-radius:10px; display:block;}
.icon-two-pro{list-style-type:none; padding:0% 0% 0% 0%; margin:0; display:block; width:100%;}
.icon-two-bor{float:left; width:30%; margin:0% 0% 7%; margin-left:2%; display:block;}
.icon-two-photo{clear:both; width:100%; height:100%; margin-bottom:5px; float:left; display:block;}
.link-co{ font-size:15px; color:#777; text-decoration:none; display:block;}
.link-co:active{color:#777;}
.link-co:visited{color:#777;}
.link-co:hover{color:#069;}

.top-03-gra{background-color:#; width:100%; float:left; padding:0px 0px; margin-top:2px; display:block;}
.top-03{width:100%; display:block;}
.icon-three-pro{list-style-type:none; padding:0; margin:0; display:block;}
.icon-three-bor{float:left; width:100%; margin:0px 0px; display:block; }
.icon-three-photo{ width:100%; height:100%; clear:both; display:block;}
.icon-three-box{padding:10px 10px; background-color:rgba(107,130,0,0.5); margin-top:-85px; text-align:left; line-height:21px;z-index:99; position:absolute;display:block; }
.icon-three-text{font-size:18px; font-weight:bold; color:#ff0; line-height:24px;display:block; }


.link-three{color:#fff; text-decoration:none; display:block; font-size:15px;}
.link-three:active{color:#fff;}
.link-three:visited{color:#fff;}
.link-three:hover{color:#ff0;}

.index-hr{margin-bottom:2px; width:100%; padding:0px; height:2px; background-color:#6b8900; float:left; margin-top:5px; position:relative; display:block;}

.index-four{background-color:#6b8900; width:100%; float:left; padding:0px 0px; display:block;}
.index-four-box{width:100%; text-align:left; padding:0px 0px 0px 0px ; display:block;}

.index-bottom-left-box{float:left; text-align:left; margin:20px 0px 20px 0px; padding-right:0px; border-right:0px #506600 solid; font-size:15px; line-height:24px; width:100%; height:100px; color:#FFFFFF; text-align:center; display:block;}
.index-bottom-left-title{ font-size:21px; font-weight:bold; line-height:27px; display:block;}
.index-bottom-right-box{float:left; text-align:left; margin:20px 0px 20px 0px; padding-left:30px; border-left:1px #92B500 solid; height:100px;width:690px; line-height:24px; color:#ffffff; display:none;}

.icon-five-pro{font-size:13px; margin:0px; padding:0px; border:0px #000 solid; display:none;}
.icon-five-bor{float:left; width:145px;  margin:0px 5px 0px 18px; display:none;}

.link-bottom{ color:#FFF; text-decoration:none; display:none;}
.link-bottom:active{ color:#FFF; }
.link-bottom:visited{ color:#FFF; }
.link-bottom:hover{ color:#ff0;}

.get-top-box{ background-color:none; text-align:center; margin:0px 0px; display:block; }
#get-top{ font-size:15px;font-weight:bold; text-decoration:none; margin:15px 0px; color:#069; display:inline-block;}

/*company*/
.company-banner{overflow:hidden;height:370px; width:100%; background-image:url(images/index_06.jpg); background-position:center top; float:left;}
.company-01-gra{background-color:#ffffff; width:100%; float:left; padding:0px 0px; display:block;}
.company-01{width:100%; display:block;}


.company-content-01{clear:both; font-size:13px;color:#555; text-align:left; line-height:24px; margin:5% 5%;}
.company-about-text{float:left; width:72%;}
.company-iso2001{float:right; width:24%; clear:none; margin:20px 0px 0px 0px;}
.company-two{width:100%; display:block; float:left;margin:2% 0% 0px;}
.company-two-title{txet-align:center; font-size:21px; font-weight:bold;color:#069; clear:both; margin:0px 0px 10px 0px;}
.company-two-photo{ width:100%; clear:both; display:block;}

.company-three{ width:100%; float:left; display:block; margin-top:0;}
.company-three-range{float:left; width:%; margin:6% 5%; background-image:url(images/lline.png) ; background-repeat:no-repeat; box-sizing:border-box;}
.company-three-title{float:left; width:100%; text-align:left; font-size:21px; margin:21px 0px 13px ; color:#333;}
.company-three-text{float:left; width:100%; text-align:left; font-size:13px; color:#666; clear:both;}

/*products-index*/
.products-01-gra{background-color:#ffffff; width:100%; float:left; padding:0px 0px; display:block;}
.products-01{width:100%; display:block;}
.products-banner{overflow:hidden;height:370px; width:100%; background-image:url(images/index_06.jpg);  background-position:center top; float:left;}
.products-index-all{ float:left; text-align:center; width:100%; background-image:url(images/back.jpg); background-repeat:no-repeat; padding:0px 0px 0px 0px; box-sizing:border-box; background-size:100%;}
.products-caption{ text-align:center; width:100% ; float:left; color:#069; font-size:27px; margin:40px 0 20px 0%; padding:0%; line-height:27px; font-weight:900;}
.products-index-01{width:100%; display:inline-table; text-align:left;}
.products-index-ul{list-style-type:none; margin:0px; padding:0px; float:left; width:100%; display:inline-block;}
.products-index-li{float:left; padding:2% 2%; box-sizing:border-box; text-align:center; min-height:295px; width:33%; margin:2% 0 0 0%; text-align:center; display:inline-block; }
.products-link{width:90%; color:#444; text-decoration:none; margin:0%; display:inline-block; }
.products-link:hover{color:#666;}
.products-photo{ min-width:50%;  margin:0% 0% 0.2em 0%;display:inline-block; }
.products-title{ font-size:18px; font-weight:bold; color:#555; line-height:27px; margin:0%; float:left; width:100%; display:inline-block; }
.products-text{ font-size:13px; color:#555; line-height:24px; float:left; width:100%;  margin:0%;display:inline-block; }

.products-one{width:100%; display:inline-table; text-align:left; margin:40px 0 0 0px;}
.products-one-caption h1{ text-align:center; width:100% ; float:left; color:#069; font-size:27px; margin:0px 0px 0px 0%; padding:0%; line-height:27px; font-weight:900; display:inline-block;}
.products-one-content{text-align:center; width:100% ; float:left; color:#333; font-size:15px; margin:0% 0% 20px ; padding:0% 4%; line-height:27px; display:inline-block;}

.products-two{ float:left; width:100%; text-align:center; margin:20px 0 0 0px; display:inline-block;}



.products-list{ background-color:rgba(255,255,255,0.3); width:100%; text-align:center; display:inline-block;}
.products-list-ul{list-style-type:none; margin:0px; padding:0px; float:inherit; width:1010px; display:inline-block;}
.products-list-li{float:left; padding:2% 2%; box-sizing:border-box; text-align:center; min-height:160px; width:144px; margin:0%; text-align:center;  display:inline-block; }
.products-list-link{width:138px; float:left; color:#444; text-decoration:none; margin:0%; display:inline-block; }
.products-list-link:hover{color:#666;}
.products-list-photo{ width:80px; margin:0% 0% 10px 0px;display:inline-block; }
.products-list-title{ font-size:15px; font-weight:bold; color:#555; line-height:27px; margin:0%; float:left; width:100%; display:inline-block; }

<!--products 01-->

.products-dist{background-color:#ffffff; width:100%; float:left; padding:0px 0px; display:block;}

.company-banner-01{overflow:hidden;height:370px; width:100%; background-image:url(images/company-banner-01.jpg); background-size:cover;  background-position:left top; float:left; }
.contact-banner-01{overflow:hidden;height:370px; width:100%; background-image:url(images/contact-banner-01.jpg); background-size:cover;  background-position:left top; float:left; }
.good-banner-01{overflow:hidden;height:370px; width:100%; background-image:url(images/good-banner-01.jpg); background-size:cover;  background-position:left top; float:left; }

.products-banner-index{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-index.jpg); background-size:cover;  background-position:left top; float:left; }
.products-banner-01{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-01.jpg); background-size:cover;  background-position:left top; float:left; }
.products-banner-02{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-02.jpg); background-size:cover;  background-position:left top; float:left; }
.products-banner-03{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-03.jpg); background-size:cover;  background-position:left top; float:left; }
.products-banner-04{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-04.jpg); background-size:cover;  background-position:left top; float:left; }
.products-banner-05{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-05.jpg); background-size:cover;  background-position:left top; float:left; }
.products-banner-06{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-06.jpg); background-size:cover;  background-position:left top; float:left; }
.products-banner-07{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-07.jpg); background-size:cover;  background-position:left top; float:left; }

.products-banner-table{ box-sizing:border-box;margin-left:auto; float:inherit; margin-top:8%;}
.products-banner-table td{ font-size:31px; font-weight:bold; font-family:微軟正黑體,'arial' ; vertical-align:middle; color:#fff; text-align:center}
.products-banner-table td div{font-size:15px; font-weight:100; width:100%; padding:0% 13%; box-sizing:border-box; line-height:27px; margin-top:10px;}

.products-back-dist-01{ float:left; text-align:center; width:100%; background-image:url(images/back.jpg); background-repeat:no-repeat; padding:0px 0px 0px 0px; box-sizing:border-box;background-size:100%;}



.products-two{ float:left; width:100%; text-align:center; margin:20px 0 0 0px; display:inline-block;}

.products-list{ background-color:rgba(200,236,255,0.3); width:100%; text-align:center; display:inline-block;}
.products-list-ul{list-style-type:none; margin:0px; padding:0px; float:inherit; width:100%; display:inline-block; text-align:center;}
.products-list-li{float:none; padding:2% 0%; box-sizing:border-box; text-align:center; min-height:160px; width:24.5%; margin:0%; text-align:center;  display:inline-block; vertical-align:top; }
.products-list-link{width:100%; float:left; color:#444; text-decoration:none; margin:0%; display:inline-block; }
.products-list-link:hover{color:#666;}
.products-list-photo{ width:80%; margin:0% 0% 10px 0px;display:inline-block; }
.products-list-title{ font-size:13px; font-weight:bold; color:#555; line-height:21px; margin:0%; float:left; width:100%; display:inline-block; }


.products-prove{clear:both; margin:40px 0% 40px 2%; display:inline-table;  border:1px #777 solid; width:96%; display:table; box-sizing:border-box;}
.products-prove caption{ font-size:27px; color:#069; font-weight:bold; margin:20px 0px; width:100%; text-align:center;}
.products-prove tr:nth-child(1){ background-color:rgba(170, 210, 240, 1);}
.products-prove td{padding:5px 2px; box-sizing:border-box; width:20%; text-align:center; font-size:13px; }

.products-phone-col{ text-align:center; width:100%; display:none; margin-top:20px;}
.products-phone{ display:inline-table;text-align:center;  }

/* products 02 */

.products-no2-plan{margin:2%; width:45%;}
.products-no2-2zone{width:100%; float:left; display:block; margin-top:50px; text-align:center;}
.products-no2-2zone-text01-title{text-align: center; width:96%; position:relative; font-size:27px; font-weight:bold; margin:0px 2% 20px; color:#555; line-height:37px; clear:both;}
.products-no2-2zone-text01-centect{color:#555; font-size:15px; line-height:27px; width:97%; margin:0% 2% 0%; paddfing:0% 0% 0% 0%;}

.products-no2-2zone-ul{width:100%; list-style:none; height:200px; margin:0px; padding:0px;}
.products-no2-2zone-li-left{width:50%; height:450px; background-image:url(images/90.jpg) ; background-position:bottom right; float:left; clear:none; background-size:auto; display:inline-block;}
.products-no2-2zone-li-left-img{ float:right; margin-right:50px; margin-top:50%; height:50%; width:auto; }
.products-no2-2zone-li-right{width:50%; height:450px; background-image:url(images/91.jpg); background-position:bottom left; float:left; clear:none; background-size:auto; display:block;}
.products-no2-2zone-li-right-img{ float:left; margin-left:50px; margin-top: auto; height:90%; width:auto;}


.products-no3-1zone{width:100%; float:left; display:inline-table; background-color:#efefef;}
.products-no3-1zone-inside{width:100%; display:inline-block;}
.products-no3-1zone-ul{width:100%; list-style:none; float:left; padding:0%; display:inline-block; margin:30px 0 60px;}
.products-no3-1zone-li{float:left; width:100%; display:block; list-style:none; padding:0%; margin:0px;}
.products-no3-1zone-li-title{width:92%; font-size:28px; color:#c00; font-weight:bold; margin:0px 2% 0px; line-height:36px;}
.products-no3-1zone-li-ul-contect{width:90%; padding:0px 0px 0px 25px; box-sizing:border-box; list-style:decimal; text-align:left; float:none; font-size:13px; }
.products-no3-1zone-li-ul-dist{width:100%; margin:0px; padding:0px; list-style:none;}
.products-no3-1zone-li-ul-li{float:left; width:100%; text-align:center; }
.products-no3-1zone-li-ul-li-img{width:80%; margin:30px 0px 10px 0px;}
.products-no3-1zone-li-ul-li-text{text-align:center; font-size:21px; font-weight:bold; color:#555; margin:2% 0 0px; width:100%; float:left; clear:both;}


.products-no4-1zone{width:100%; float:left; display:block;}
.products-no4-1zone-inside{width:100%; display:block; margin:50px 0px 0px;}
.products-no4-1zone-spac{width:auto; display:inline-table; margin:0% 2%;}
.products-no4-1zone-link{text-decoration:none; border:1px solid #9CF; padding:6px 0px; box-sizing:border-box; color:#069; font-size:15px; display:block; width:210px; margin:5px; clear:both; }
.products-no4-1zone-link:active{text-decoration:none; border:1px solid #9CF; padding:6px 0px; box-sizing:border-box; color:#069; font-size:15px; display:block; width:210px;}
.products-no4-1zone-link:visited{text-decoration:none; border:1px solid #9CF; padding:6px 0px; box-sizing:border-box; color:#069; font-size:15px; display:block; width:210px;}
.products-no4-1zone-link:hover{border:1px solid #069; color:#369;}
.products-no4-1zone-pdf{ width:16px; height:16px; margin:0px 0px 0px 0px;}

.products-no5-1zone{width:100%; float:left; display:block;}
.products-no5-1zone-inside{width:100%; display:block;}

/* products 03 */

.pros-three-01{width:100%; margin-left:auto; margin-right:auto; display:block;}
.pros-three-01-img{height:570px; margin:30px 0px 0px 0px; clear:both; display:inline-block;}
.pros-three-01-text{margin:0px; width:100%; float:left; text-align:center; display:block;}

.pros-sub h2{font-size:27px; color:#555; font-weight:bold; margin:0px 0px; line-height:37px; width:100%; text-align:center; display:block;}
.pros-kind-01{text-align:center; float:left; width:90%; margin:0% 5% ; font-size:15px; font-weight:bold; color:#555; line-height:31px; display:block;}
.pros-kind-img{ width:100%; display:block;}

.pros-dist-01{float:left; width:100%; margin:0px 0px 10px 0px; background-color:#efefef; padding:0px 0px 50px 0px ; box-sizing:border-box; background-image:url(images/products-3.jpg) ; background-size:auto ; background-repeat:no-repeat; background-position:top center; overflow:hidden; display:block;}
.pros-dist-01-inside{width:100%; margin:0px 0px; padding:40px 0px 0px 0px; display:block;}

.pros-tea-img-ul{margin:5% 2% 0px; width:100%; padding:0px; list-style:none; float:left; display:block;}
.pros-tea-img-ul li{ float:left; width:25%; text-align:center; padding:0px; margin:0px; display:inline-block;}
.pros-tea-img-ul li:nth-child(2n+1){float:left; width:25%; text-align:center; padding:0px; margin:0px 0px 20px; display:inline-block; clear:none;}
.pros-tea-img-01{text-align: center; width:80%; margin:0%; display:inline-block; }

.pros-dist-02{width:100%; float:left;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; box-sizing:border-box; background-image:url(images/p3-2-back.jpg); background-repeat:no-repeat; background-size:100%; display:block;}
.pros-dist-02-gray{width:100%; float:left;  margin:0px 0px 0% 0px; padding:0px 0px 0px 0px; box-sizing:border-box; background-color:#f5f5f5; border-top:1px #efefef solid;  display:block;}
.pros-dist-02-white{width:100%; float:left;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; box-sizing:border-box; background-color:#ffffff; border-top:1px #efefef solid;  display:block;}
.pros-dist-02-inside{width:100%;  margin:50px 0px 0px; text-align:center; display:block;}
.pros-dist-02-text{text-align:center; width:100% ; float:left; color:#333; font-size:15px; margin:0% 0 20px 0%; padding:0%; line-height:27px; display:inline-block; display:block;}
.pros-dist-02-photo{text-align:center; width:100% ; float:left; color:#333; font-size:15px; margin:0% 0 20px 0%; padding:0%; line-height:27px; display:inline-block; display:block;}
.pros-dist-02-img{ width:60%; display:inline-block;}
.pros-dist-03-img{ width:70%; display:inline-block;}

.pros-dist-02-ul{list-style:none; margin:5% 0px 10% 0px; padding:0px; text-align:center; width:100%;display:table;}
.pros-dist-02-ul-li-01{list-style:none; float:none; width:50%; padding: 0% 0% 0%;display:inline-block; vertical-align:bottom; text-align:center;}
.pros-dist-02-ul-li-02{list-style:none;float:none; width:50%;display:inline-table; margin-top:10%; vertical-align:bottom; text-align:center;}

.pros-dist-02-ul-li-03{float:left; width:33%; text-align:center;}

.pros-dist-02-ul-li-03-img-01{width:80%}
.pros-dist-02-ul-li-03-img-02{width:90%; clear:both; margin-top:15%;}

.pros-dist-02-ul-02{list-style:none; margin:5% 0px 10% 0px; padding:0px; width:95%; display:inline-block;}
.pros-dist-02-ul-02-li{float:left; width:50%; text-align:center; display:inline-block;}

.pros-dist-02-ul-02-li-img-01{width:80%}
.pros-dist-02-ul-02-li-img-02{width:85%}

/*product-04*/
.products-size{clear:both; margin:40px 0 40px 0px; display:inline-table;  border:1px #777 solid; width:96%; display:table;}
.products-size caption{ font-size:27px; color:#069; font-weight:bold; margin:20px 0px; width:100%; text-align:center;}
.products-size tr:nth-child(1){ background-color:rgba(170, 210, 240, 1);}

.products-size td:nth-child(1){padding:5px 0px; box-sizing:border-box; width:40%; text-align:center; font-size:15px; vertical-align:middle }
.products-size td:nth-child(2){padding:5px 0px; box-sizing:border-box; width:13%; text-align:center; font-size:15px; vertical-align:middle  }
.products-size td:nth-child(3){padding:5px 0px; box-sizing:border-box; width:13%; text-align:center; font-size:15px; vertical-align:middle  }
.products-size td:nth-child(4){padding:5px 0px; box-sizing:border-box; width:27%; text-align:center; font-size:15px; vertical-align:middle  }

/*product-04*/
.products-size{clear:both; margin:40px 0 40px 0px; display:inline-table;  border:1px #777 solid; width:96%; display:table;}
.products-size caption{ font-size:27px; color:#069; font-weight:bold; margin:20px 0px; width:100%; text-align:center;}
.products-size tr:nth-child(1){ background-color:rgba(170, 210, 240, 1);}

.products-size td:nth-child(1){padding:5px 0px; box-sizing:border-box; width:42%; text-align:center; font-size:15px; vertical-align:middle }
.products-size td:nth-child(2){padding:5px 0px; box-sizing:border-box; width:12%; text-align:center; font-size:15px; vertical-align:middle  }
.products-size td:nth-child(3){padding:5px 0px; box-sizing:border-box; width:12%; text-align:center; font-size:15px; vertical-align:middle  }
.products-size td:nth-child(4){padding:5px 0px; box-sizing:border-box; width:30%; text-align:center; font-size:15px; vertical-align:middle  }
.pros-04-sub{ font-size:21px; color:#555; font-weight:bold; margin:20px 0px; width:100%; text-align:center;}
.pros-04-dist-inside{width:96%; margin:0px 0px 0px 0px;padding:5% 0px 5% 0px; display:block;}

.pros-04-img-01{ width:90%; margin:0px 0px 5% 0px;}
.pros-04-img-02{ width:90%;margin:5% 0px 5% 0px; clear:both;}



/*product-06*/
.products-no6-2zone{width:100%; text-align:center; display:inline-block; margin-top:20px;}

.products-no6-2zone-ul{width:100%; list-style:none; margin:0px; padding:0px; text-align:center; float:inherit; display:inline-block;}
.products-no6-2zone-li-dist{width:30%; clear:none; float:inherit; text-align:center; padding:30px 0px; margin:0px 0px 0px 0px; box-sizing:border-box; display:inline-block;}
.products-no6-2zone-li-dist:nth-child(2n+1){width:30%; clear:none; float:inherit; text-align:center; padding:30px 0px; box-sizing:border-box; margin:0px 0px 0px 0px; border-top:0px #ccc solid; background:none; display:inline-block;}
.products-no6-2zone-li-img{margin:0px;padding:0px; width:50%; height:auto;}
.products-no6-2zone-text01-title{text-align: center; width:100%; font-size:18px; font-weight:bold; margin:5% 0px 0px; color:#555; line-height:21px;}

/*product-07*/
.pros-05-img-01{ width:90%; height:90%;  margin:0px 0px 30px 0px;}

/*contact*/
.content-01{width:100%; float:left; padding:0px 0px 0px; box-sizing:border-box; text-align:center; clear:none; display:block;}
.content-02{ width:98%; text-align:center; display:inline-block;}

.contact-site{width:85%; float:inherit; clear:both; margin-left:0px; display:inline-block; padding-right:0px; height:400px; box-sizing:border-box;}
.contact-ul{ list-style:none; margin:0px 0px; padding:0px 0px 50px; box-sizing:border-box; float:left; width:100%; border:0px #ccc solid; display:inline-block;}
.contact-ul li{ list-style:none; text-align:left; margin:2% 0%; padding:0px; width:100%; clear:right; float:left; display:inline-block;}
.contact-ul li .out{ float:left; width:25%; text-align:right; font-size:15px; color:#555;}
.contact-ul li .out-02{ text-align:left;}
.contact-ul li .put{ width:65%; text-align:left; border:0px; border-bottom:1px #ccc solid; background-color:#ffffff;}


.contact-ul li .put-dist{ width:8%; text-align:left; border:0px; border-bottom:1px #ccc solid; background-color:#ffffff;}
.contact-ul li .put-tel{ width:30%; text-align:left; border:0px; border-bottom:1px #ccc solid; background-color:#ffffff;}
.contact-ul li .put-graph{ width:20%; text-align:left; border:0px; border-bottom:1px #ccc solid; background-color:#ffffff;}
.contact-ul li .put-message{ width:65%; text-align:left; }

.sub{ text-align:center; margin-top:1%; float:left; width:100%;}

/*good*/
.good-one{width:100%; float:left; padding:0px 0px 0px; margin:0px 0px 10px; box-sizing:border-box; text-align:center; clear:both; display:block;}
.good-two{width:100%; float:left; padding:7% 0px 2%; margin:0px; box-sizing:border-box; text-align:center; clear:both; display:block; background-image:url(images/good-2.jpg); background-size:cover; background-position:45% top;}
.good-02{ width:100%; text-align:center; padding:0% 2%; box-sizing:border-box;  display:inline-block;}

.good-one-img{float:left; width:96%; display:inline-block;}
.good-one-photo{ width:100%; margin-top:20px;}
.good-one-table{float:inherit; width:100%; border:0px #f00 solid; box-sizing:border-box; display:inline-block; margin-top:10%; text-align:center;}
.good-one-text{ font-size:15px; color:#555; line-height:27px; font-weight:100; margin:13px 0px; text-align:center; }
.good-02-text li{width:60%;}
.good-02-dist{float:left; width:100%; box-sizing:border-box; margin:0px 0px 0px 10px; display:block;}
.good-02-title{font-size:27px; color:#069; font-weight:bold; text-align:center; width:100%;}
.good-02-title-02{font-size:27px; color:#069; font-weight:bold; text-align:center; width:100%;}
.good-02-text{font-size:15px; line-height:27px; color:#555; list-style:decimal; margin:0px; padding:5% 5% 0% 5%; box-sizing:border-box; text-align:left; width:100%;}
#good-go-top{ margin:20px 0px 0px 0px; clear:both; }

}

/* 桌面版面: 769px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	max-width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
body{ background-color:#fff; display:block;}
.fudo{float:left; border-bottom:3px #006699 solid; display:block; width:100%;background-color:rgba(255,255,255,1); z-index:0; position:static;}
.top-01{width:1010px; height:114px; display:block;  background-color:rgba(255,255,255,0.0); z-index:0; position:static; background-repeat:no-repeat; background-position:center; background-size:0%}
.logo{float:left; display:block; width:350px; height:48px; height:auto; margin:33px 0% 0% 20px; text-align:center;}

.select{ float:right; display:none;}

.provision-link{ color:#777; text-decoration:black; font-size:13px; display:none }
.provision-link:hover{ color:#c00; text-decoration:none; font-size:13px; display:none }
.provision-list-content{ display:none; padding:13px; background-color:#efefef; width:100%; float:left; z-index:998; position:absolute; display:none; }
.provision-inside{width:100%; padding:0; margin:0; list-style:none; float:left; display:none;}
.provision-inside-li{text-align:center; border-bottom:1px #f00 solid; display:none;}
.provision-inside-li-link{ font-size:15px; text-decoration:none; display:none;}

.top-icon{float:right; list-style-type:none; margin-top:40px; padding:0; overflow:hidden; height:40px; display:block;}
.top-icon-1{float:left; width:150px; display:block;}

.line{text-decoration:none; color:inherit;font-size:17px; font-weight:bold; margin-top:0px; display:block;}
.line:active{color:#444;}
.line:visited{color:#444;}
.line:hover{color:#f00; margin-top:-72px;}

.top-ori-c{font-size:17px; color:#444; font-weight:bold; display:block;}
.top-ori-e{font-size:15px; color:#aaa; display:block;}
.top-chan-c{font-size:17px; color:#c00; font-weight:bold; margin-top:30px; display:block;}
.top-chan-e{font-size:15px; color:#c00; display:block;}

.rwd-banner{width:100%; float:left;}

.top-02-gra{background-color:#efefef; width:100%; float:left; padding:40px 0px; display:block;}
.top-02{width:1010px; display:block;}
.icon-two-title-line{font-size:18px; margin:0px 0px 15px; font-weight:bold; border:2px #4694D1 solid; border-bottom:0px; width:840px; display:block;}
.icon-two-title{background-color:#4694D1; z-index:2px; position:relative; margin-top:-16px; width:17%; line-height:31px; color:#fff; border-radius:10px; display:block;}
.icon-two-pro{list-style-type:none; padding:0; margin:0; display:block; width:100%;}
.icon-two-bor{float:left; width:150px; border:0px #ccc solid; box-sizing:border-box; margin:0px 9px; display:block;}
.icon-two-photo{clear:both; width:140px; height:140px; margin-bottom:5px; display:block;}
.link-co{ font-size:15px; color:#777; text-decoration:none; display:block;}
.link-co:active{color:#777;}
.link-co:visited{color:#777;}
.link-co:hover{color:#069;}

.top-03-gra{background-color:#ffffff; width:100%; float:left; padding:40px 0px; margin-top:0px; display:block;}
.top-03{width:1010px; display:block;}
.icon-three-pro{list-style-type:none; padding:0; margin:0; display:block;}
.icon-three-bor{float:left; width:315px; margin:0px 10px; display:block; }
.icon-three-photo{ width:315px; height:240px; clear:both; display:block}
.icon-three-box{padding:10px; background-color:#6b8900; margin-top:1px; text-align:left; line-height:21px;z-index:0; position:inherit; float:left; width:295px;; display:block;}
.icon-three-text{font-size:15px; font-weight:bold; color:#ff0; line-height:21px; display:block;}

.link-three{color:#fff; text-decoration:none; display:block; font-size:13px;}
.link-three:active{color:#fff;}
.link-three:visited{color:#fff;}
.link-three:hover{color:#ff0;}

.index-hr{margin-bottom:2px; width:100%; padding:0px; height:2px; background-color:#6b8900; float:left; margin-top:0px; position:relative; display:block;}

.index-four{background-color:#6b8900; width:100%; float:left; padding:0px 0px; display:block;}
.index-four-box{width:1010px; text-align:left; padding:0px 0px 0px 0px ; display:block;}

.index-bottom-left-box{float:left; text-align:left; margin:20px 0px 20px 10px; padding-right:0px; border-right:1px #506600 solid; font-size:13px; line-height:24px;width:270px; height:100px; color:#FFFFFF; display:block;}
.index-bottom-left-title{font-size:15px;font-weight:bold; display:block; line-height:21px;}
.index-bottom-right-box{float:left; text-align:left; margin:20px 0px 20px 0px; padding-left:30px; border-left:1px #92B500 solid; height:100px;width:690px; display:block;line-height:24px; color:#ffffff; display:block;}

.icon-five-pro{font-size:13px;  margin:0px; padding:0px; border:0px #000 solid; display:block;}
.icon-five-bor{float:left; width:200px;  margin:0px 10px 0px 18px; display:list-item;}

.link-bottom{ color:#FFF; text-decoration:none; display:block;}
.link-bottom:active{ color:#FFF; }
.link-bottom:visited{ color:#FFF; }
.link-bottom:hover{ color:#ff0;}

.get-top-box{ background-color:transparent; text-align:center; margin:0px 0px 15px 0px; display:block; }
#get-top{ font-size:15px;font-weight:bold; text-decoration:none; color:#069; margin:0px 0px; display:inline-block;}

/*company*/

.company-01-gra{background-color:#ffffff; width:100%; float:left; padding:40px 0px; display:block;}
.company-01{width:1010px; display:block;}

.company-02-gra{background-color:#ffffff; width:100%; float:left; padding:40px 0px; display:block;}
.company-02{width:1010px; display:block;}
.company-content-01{clear:both; font-size:15px;color:#555; text-align:left; line-height:31px; margin:0px 1%;}
.company-about-text{float:left; width:74%;}
.company-iso2001{float:right; width:20%; clear:none; margin:0px 0px 0px 0px;}
.company-two{width:1010px; display:block; float:left;margin:50px 0% 0px;}
.company-two-title{txet-align:center; font-size:27px; font-weight:bold;color:#069; clear:both; margin:0px 0px 20px 0px;}
.company-two-photo{ width:100%; clear:both; display:block;}

.company-three{ width:100%; float:left; display:block; margin-top:80px;}
.company-three-range{float:left; width:40%; margin:0px 6% 70px 1%; background-image:url(images/lline.png) ; background-repeat:no-repeat; box-sizing:border-box;}
.company-three-title{float:left; width:100%; text-align:left; font-size:21px; margin:21px 0px 13px ; color:#333;}
.company-three-text{float:left; width:100%; text-align:left; font-size:15px; color:#666; clear:both;  line-height:27px;}

/*products-index*/
.products-01-gra{background-color:#ffffff; width:100%; float:left; padding:0px 0px; display:block;}
.products-01{width:1010px; display:block;}
.products-banner{overflow:hidden;height:370px; width:100%; background-image:url(images/index_06.jpg);  background-position:center top; float:left;}
.products-index-all{ float:left; text-align:center; width:100%; background-image:url(images/back.jpg); background-repeat:no-repeat; padding:0px 0px 0px 0px; box-sizing:border-box; background-size:100%;}
.products-caption{ text-align:center; width:100% ; float:left; color:#069; font-size:27px; margin:40px 0 20px 0%; padding:0%; line-height:27px; font-weight:900;}
.products-index-01{width:1010px; display:inline-table; text-align:left;}
.products-index-ul{list-style-type:none; margin:0px; padding:0px; float:inherit; text-align:center; width:100%; display:inline-block;}
.products-index-li{float:inherit; padding:2% 2%; box-sizing:border-box; text-align:center; min-height:270px; width:24%; margin:0%; text-align:center;  display:inline-block; }
.products-link{width:200px; float:left; color:#444; text-decoration:none; margin:0%; display:inline-block; }
.products-link:hover{color:#666;}
.products-photo{ width:140px; margin:0% 0% 10px 0px;display:inline-block; }
.products-title{ font-size:21px; font-weight:bold; color:#555; line-height:31px; margin:0%; float:left; width:100%; display:inline-block; }
.products-text{ font-size:15px; color:#555; line-height:27px;float:left; width:100%;  margin:0%;display:inline-block; }

/*products 01*/

.products-dist{background-color:#ffffff; width:100%; float:left; padding:0px 0px; display:block;}

.company-banner-01{overflow:hidden;height:370px; width:100%; background-image:url(images/company-banner-01.jpg); background-size:cover;  background-position:center top; float:left; }
.contact-banner-01{overflow:hidden;height:370px; width:100%; background-image:url(images/contact-banner-01.jpg); background-size:cover;  background-position:center top; float:left; }
.good-banner-01{overflow:hidden;height:370px; width:100%; background-image:url(images/good-banner-01.jpg); background-size:cover;  background-position:center top; float:left; }
.products-banner-index{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-index.jpg); background-size:cover;  background-position:center top; float:left; }

.products-banner-01{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-01.jpg); background-size:cover;  background-position:center top; float:left; text-align:center; }
.products-banner-02{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-02.jpg); background-size:cover;  background-position:center top; float:left; }
.products-banner-03{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-03.jpg); background-size:cover;  background-position:center top; float:left; }
.products-banner-04{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-04.jpg); background-size:cover;  background-position:center top; float:left; }
.products-banner-05{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-05.jpg); background-size:cover;  background-position:center top; float:left; }
.products-banner-06{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-06.jpg); background-size:cover;  background-position:center top; float:left; }
.products-banner-07{overflow:hidden;height:370px; width:100%; background-image:url(images/products-banner-07.jpg); background-size:cover;  background-position:center top; float:left; }

.products-banner-table{ box-sizing:border-box;margin-left:19%; float:left; margin-top:auto;}
.products-banner-table td{ font-size:2.5em; font-weight:bold; font-family:微軟正黑體,'arial' ; vertical-align:middle; color:#fff; text-align:left;}
.products-banner-table td div{font-size:21px; font-weight:bold; width:30%; line-height:27px; margin-top:10px; padding:0px; box-sizing:border-box;}

.products-back-dist-01{ float:left; text-align:center; width:100%; background-image:url(images/back.jpg); background-repeat:no-repeat; padding:0px 0px 0px 0px; box-sizing:border-box;background-size:100%;}


.products-one{width:1010px; display:inline-table; text-align:center; margin:40px 0 0 0px;}
.products-one-caption h1{ text-align:center; width:100% ; float:left; color:#069; font-size:31px; margin:0px 0px 0px 0%; padding:0%; line-height:27px; font-weight:900; display:inline-block;}
.products-one-content {text-align:center; width:90% ; float:none; color:#333; font-size:15px; margin:0% 0px 0px 0%; padding:0% 10%; line-height:27px; display:inline-block;}

.products-two{ float:left; width:100%; text-align:center; margin:20px 0 0 0px; display:inline-block;}

.products-list{ background-color:rgba(255,255,255,0.3); width:100%; text-align:center; display:inline-block;}
.products-list-ul{list-style-type:none; margin:0px; padding:0px; float:inherit; width:950px; display:inline-block;}
.products-list-li{float:left; padding:2% 2%; box-sizing:border-box; text-align:center; min-height:160px; width:155px; margin:0%; text-align:center;  display:inline-block; }
.products-list-link{width:138px; float:left; color:#444; text-decoration:none; margin:0%; display:inline-block; }
.products-list-link:hover{color:#666;}
.products-list-photo{ width:80px; margin:0% 0% 10px 0px;display:inline-block; }
.products-list-title{ font-size:15px; font-weight:bold; color:#555; line-height:27px; margin:0%; float:left; width:100%; display:inline-block; }


.products-prove{clear:both; margin:40px 0 40px 0px; display:inline-table;  border:1px #777 solid; width:100%; display:table;}
.products-prove caption{ font-size:21px; color:#555; font-weight:bold; margin:20px 0px; width:100%; text-align:center;}
.products-prove tr:nth-child(1){ background-color:rgba(170, 210, 240, 1);}
.products-prove td{padding:5px 0px; box-sizing:border-box; width:20%; text-align:center; font-size:15px; }


.products-phone-col{ text-align:center; width:100%; display:none;}
.products-phone{ display:inline-table;text-align:center; }




/* products 02 */

.products-no2-plan{margin:2%; width:300px;}
.products-no2-2zone{width:100%; float:left; display:block; margin-top:50px;}
.products-no2-2zone-text01-title{text-align: center; width:100%; position:absolute; font-size:27px; font-weight:bold; margin:60px 0px 0px; color:#fff; line-height:37px; clear:both;}
.products-no2-2zone-text01-centect{color:#fff; font-size:15px; line-height:27px; margin:0%; padding:0%;}

.products-no2-2zone-ul{width:100%; list-style:none; height:200px; margin:0px; padding:0px;}
.products-no2-2zone-li-left{width:50%; height:600px; background-image:url(images/90.jpg) ; background-position:bottom right; float:left; clear:none; background-size:cover; display:block;}
.products-no2-2zone-li-left-img{ float:right; margin-right:50px;margin-top:310px; width:300px; height:auto;}
.products-no2-2zone-li-right{width:50%; height:600px; background-image:url(images/91.jpg); background-position:bottom left; float:left; clear:none; background-size:cover; display:block;}
.products-no2-2zone-li-right-img{ float:left; margin-left:50px; margin-top:170px; width:200px; height:auto;}


.products-no3-1zone{width:100%; float:left; display:inline-table; background-color:#efefef;}
.products-no3-1zone-inside{width:1010px; display:inline-block;}
.products-no3-1zone-ul{width:100%; list-style:none; float:left; padding:0%; display:inline-block; margin:60px 0 60px;}
.products-no3-1zone-li{float:left; width:50%; display:block; list-style:none; padding:0%; margin:0px;}
.products-no3-1zone-li-title{width:100%; font-size:28px; color:#c00; font-weight:bold; margin:30px 0px 10px;}
.products-no3-1zone-li-ul-contect{width:100%; padding:0px 25px; box-sizing:border-box; list-style:decimal; text-align:left; float:left; font-size:13px; }
.products-no3-1zone-li-ul-dist{width:100%; margin:0px; padding:0px; list-style:none;}
.products-no3-1zone-li-ul-li{float:left; width:50%; text-align:center;}
.products-no3-1zone-li-ul-li-img{width:240px; margin:0px 0px 0px 0px;}
.products-no3-1zone-li-ul-li-text{text-align:center; font-size:18px; font-weight:bold; color:#555; margin:10px 0 0px; width:100%; float:left; clear:both;}


.products-no4-1zone{width:100%; float:left; display:block;}
.products-no4-1zone-inside{width:1010px; display:block; margin:50px 0px 0px;}
.products-no4-1zone-spac{width:auto; display:inline-table; margin:0% 2%;}
.products-no4-1zone-link{text-decoration:none; border:1px solid #9CF; padding:6px 0px; box-sizing:border-box; color:#069; font-size:15px; display:block; width:200px;}
.products-no4-1zone-link:active{text-decoration:none; border:1px solid #9CF; padding:6px 0px; box-sizing:border-box; color:#069; font-size:15px; display:block; width:200px;}
.products-no4-1zone-link:visited{text-decoration:none; border:1px solid #9CF; padding:6px 0px; box-sizing:border-box; color:#069; font-size:15px; display:block; width:200px;}
.products-no4-1zone-link:hover{border:1px solid #069; color:#369;}
.products-no4-1zone-pdf{ width:16px; height:16px; margin:0px 0px 0px 0px;}

.products-no5-1zone{width:100%; float:left; display:block;}
.products-no5-1zone-inside{width:1010px; display:block;}

/* products 03 */

.pros-three-01{width:100%; margin:0px; text-align:center; display:block;}
.pros-three-01-img{height:570px; margin-left:auto; margin-right:auto; display:block;}
.pros-three-01-text{text-align:center; width:60% ; float:none; color:#333; font-size:15px; margin:0% 0 20px 0%; padding:0% 10%; line-height:27px; display:inline-block;}

.pros-sub h2{font-size:27px; color:#555; font-weight:bold; margin:0px 0px; line-height:37px; width:100%; text-align:center; display:block;}
.pros-kind-01{text-align:center; float:left; width:48%; margin:1%; font-size:15px; font-weight:bold; color:#555; line-height:31px; display:block;}
.pros-kind-img{ width:100%; display:block;}

.pros-dist-01{float:left; width:100%; margin:0px 0px 10px 0px; background-color:#efefef; padding:0px 0px 50px 0px ; box-sizing:border-box; background-image:url(images/products-3.jpg) ; background-size:cover ; background-repeat:no-repeat; background-position:top center; overflow:hidden; display:block;}
.pros-dist-01-inside{width:1010px; margin:0px 0px;padding:40px 0px 0px 0px; display:block;}

.pros-tea-img-ul{margin:50px 0px 0px; width:100%; padding:0px; list-style:none; float:left; display:block;}
.pros-tea-img-ul li{ float:left; width:25%; text-align:center; padding:0px; margin:0px; display:block;}
.pros-tea-img-ul li:nth-child(2n+1){float:left; width:25%; text-align:center; padding:0px; margin:0px; display:inline-block; clear:none;}
.pros-tea-img-01{text-align: center; width:158px; margin:0px; display:inline-block; }

.pros-dist-02{width:100%; float:left;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; box-sizing:border-box; background-image:url(images/p3-2-back.jpg); background-repeat:no-repeat; background-size:100%; display:block;}
.pros-dist-02-gray{width:100%; float:left;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; box-sizing:border-box; background-color:#f5f5f5; border-top:1px #efefef solid;  display:block;}
.pros-dist-02-white{width:100%; float:left;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; box-sizing:border-box; background-color:#ffffff; border-top:1px #efefef solid;  display:block;}
.pros-dist-02-inside{width:1010px;  margin:50px 0px 0px; text-align:center; display:block;}
.pros-dist-02-text{text-align:center; width:100% ; float:left; color:#333; font-size:15px; margin:0% 0 20px 0%; padding:0%; line-height:27px; display:inline-block; display:block;}
.pros-dist-02-photo{text-align:center; width:100% ; float:left; color:#333; font-size:15px; margin:0% 0 20px 0%; padding:0%; line-height:27px; display:inline-block; display:block;}
.pros-dist-02-img{ width:70%; display:inline-block;}
.pros-dist-03-img{ width:80%; display:inline-block;}

.pros-dist-02-ul{list-style:none; margin:40px 0px 60px 0px; padding:0px; text-align:center; width:100%; display:table;}
.pros-dist-02-ul-li-01{list-style:none;float:none; width:25%; padding: 120px 0px 0px 0px; display:table-cell; vertical-align:bottom;}
.pros-dist-02-ul-li-02{list-style:none;float:none; width:25%; display:table-cell; vertical-align:bottom;}

.pros-dist-02-ul-li-03{float:left; width:33%; text-align:center;}

.pros-dist-02-ul-li-03-img-01{width:60%}
.pros-dist-02-ul-li-03-img-02{width:220px; clear:both; margin-top:20px;}

.pros-dist-02-ul-02{list-style:none; margin:40px 0px 60px 0px; padding:0px; width:60%; display:inline-block;}
.pros-dist-02-ul-02-li{float:left; width:50%; text-align:center; display:inline-block;}

.pros-dist-02-ul-02-li-img-01{width:65%}
.pros-dist-02-ul-02-li-img-02{width:80%}

/*product-04*/
.products-size{clear:both; margin:40px 0 40px 0px; display:inline-table;  border:1px #777 solid; width:100%; display:table;}
.products-size caption{ font-size:21px; color:#555; font-weight:bold; margin:20px 0px; width:100%; text-align:center;}
.products-size tr:nth-child(1){ background-color:rgba(170, 210, 240, 1);}
.products-size td{padding:5px 0px; box-sizing:border-box; width:20%; text-align:center; font-size:15px; }
.pros-04-sub{ font-size:21px; color:#555; font-weight:bold; margin:20px 0px; width:100%; text-align:center;}
.pros-04-dist-inside{width:1010px; margin:0px 0px 0px 0px;padding:50px 0px 50px 0px; display:block;}

.pros-04-img-01{ width:86%; margin:0px 0px 50px 0px;}
.pros-04-img-02{ width:86%;margin:40px 0px 50px 0px; clear:both;}

/*product-05*/
/*product-06*/
.products-no6-2zone{width:100%; text-align:center; display:inline-block; margin-top:20px;}


.products-no6-2zone-ul{width:1010px; list-style:none; margin:0px; padding:0px; text-align:center; float:inherit; display:inline-block;}
.products-no6-2zone-li-dist{width:300px; clear:none; float:inherit; text-align:center; padding:0px; margin:0px auto 50px auto; display:inline-block;}
.products-no6-2zone-li-dist:nth-child(2n+1){width:300px; clear:none; float:inherit; text-align:center; padding:0px; margin:0px auto 50px auto; box-sizing:border-box; border:none; background:none; display:inline-block;}
.products-no6-2zone-li-img{ margin:0px;padding:0px; width:auto; height:300px;}
.products-no6-2zone-text01-title{text-align: center; width:100%; font-size:18px; font-weight:bold; margin:5px 0px 0px; color:#555; line-height:37px;}

/*product-07*/
.pros-05-img-01{ width:auto; height:517px;  margin:0px 0px 50px 0px;}
.pros-05-img-02{ width:auto; height:410px;  margin:0px 0px 50px 0px;}

/*contact*/
.content-01{width:100%; float:left; padding:30px 0px 0px; box-sizing:border-box; text-align:center; clear:none; display:block;}
.content-02{ width:1010px; text-align:left; display:inline-block;}

.contact-site{width:48%; float:right; margin-left:20px; display:inline-block; padding-right:30px; clear:none; height:500px; box-sizing:border-box;}
.contact-ul{ list-style:none; margin:0px 10px; padding:20px; box-sizing:border-box; float:left; width:48%; border:1px #ccc solid; display:inline-block;}
.contact-ul li{ list-style:none; text-align:left; margin:2% 0%; padding:0px; width:100%; clear:right; float:left; display:inline-block;}
.contact-ul li .out{ float:left; width:20%; text-align:right; font-size:15px; color:#555;}
.contact-ul li .out-02{ text-align:left;}
.contact-ul li .put{ width:77%; text-align:left; border:0px; border-bottom:1px #ccc solid; background-color:#ffffff;}


.contact-ul li .put-dist{ width:5%; text-align:left; border:0px; border-bottom:1px #ccc solid; background-color:#ffffff;}
.contact-ul li .put-tel{ width:22.5%; text-align:left; border:0px; border-bottom:1px #ccc solid; background-color:#ffffff;}
.contact-ul li .put-graph{ width:15%; text-align:left; border:0px; border-bottom:1px #ccc solid; background-color:#ffffff;}
.contact-ul li .put-message{ width:77%; text-align:left; }

.sub{ text-align:center; margin-top:1%; float:left; width:100%;}

/*good*/
.good-one{width:100%; float:left; padding:0px 0px 0px; margin:0px 0px -10px; box-sizing:border-box; text-align:center; clear:both; display:block;}
.good-two{width:100%; float:left; padding:90px 0px 20px; margin:0px; box-sizing:border-box; text-align:center; clear:both; display:block; background-image:url(images/good-2.jpg); background-size:cover; background-position: center top;}
.good-02{ width:1010px; text-align:left; display:inline-block;}

.good-one-img{float:left; width:51%; display:inline-block;}
.good-one-photo{ width:511px; margin-top:20px;}
.good-one-table{float:right; width:45%; border:0px #f00 solid; box-sizing:border-box; display:inline-block; margin-top:100px;}
.good-one-text{ font-size:15px; color:#555; line-height:27px; font-weight:100; margin:13px 0px; }
.good-02-dist{float:left; width:48%; box-sizing:border-box; margin:0px 0px 0px 30px; display:block;}
.good-02-title{font-size:27px; color:#069; font-weight:bold; text-align:center; width:100%;}
.good-02-title-02{font-size:27px; color:#069; font-weight:bold; text-align:left; width:100%;}
.good-02-text{font-size:15px; line-height:27px; list-style:decimal; margin:0px; padding:10px 0px 0px 27px; box-sizing:border-box; width:100%;}
.good-02-text li{width:100%;}
#good-go-top{ margin:80px 0px 0px 0px; clear:both; }
}