@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:100,400,900); /* font */
@import url(https://fonts.googleapis.com/css?family=Monda:400,700); /* font */

/* CSS Document */
body, html { height:100%; }
body {
	font-family: 'Lato', '微軟正黑體', sans-serif; /*自行增減使用 */
	font-size: 16px;
	line-height:1.5;
	color: #333;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebebeb+14,ffffff+43,ebebeb+53 */
background: rgb(235,235,235); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(235,235,235,1) 14%, rgba(255,255,255,1) 43%, rgba(235,235,235,1) 53%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(235,235,235,1) 14%,rgba(255,255,255,1) 43%,rgba(235,235,235,1) 53%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(235,235,235,1) 14%,rgba(255,255,255,1) 43%,rgba(235,235,235,1) 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
a { color:#000; text-decoration: none; }
a:hover { color:#777;  text-decoration: none;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition:  all .3s linear; /*連結淡入淡出*/
}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/

/* CSS3 style  陰影圓角範例，可自行增減使用 */
.css-radius {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
} 
.css-shadow {
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .4);
}
.imgholder img{
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	
	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;
}
.imgholder:hover img{
	transform:scale(1.05, 1.05);
	-ms-transform:scale(1.05, 1.05);
	-moz-transform:scale(1.05, 1.05);
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
}
.rotation360 {
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.rotation360:hover {
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
}
.fadeout img {  filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;    
    transition: opacity .5s ease-in-out; }
.fadeout:hover img { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }



/*元件(共用)*/
.input1, .textarea, .select { background: #FFF; border: 1px solid #CCC; font-family: 'Lato', '微軟正黑體', sans-serif; font-size:15px; line-height:1.1; color:#555; }
.input1:focus, .textarea:focus, .select:focus { border:1px solid #000; }

/*線(共用)*/
hr { height:1px; background:#CCC; }

/* 回頂端 */
#goTop {
	color:#fff;
	border:2px solid #fff;
	background:#46ab08;
	text-align:center;
	position:fixed;
	bottom:50px;
	right:20px;
	width:50px;
	height:50px;
	cursor:pointer;
	display:none;
	font-family:Verdana, Geneva, sans-serif;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%; 
	border-radius: 100%; 
}
#goTop:hover { background:#999; color:#FFF; }

#goTop  p{ margin-top:-5px;}

.img_style{ max-width:100%; max-height:100%;}
.center{ text-align:center;}


/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper { padding:3em 0; }
.container { max-width:1000px; margin:0 auto; }
.index_wrap{ max-width:1000px; margin:0 auto; overflow:hidden;}
.index_bottom{ margin-bottom:35px;}
.main{ margin-left:250px; overflow:hidden;}

/*右側選單*/
.sidebar{ float:left; width:220px; }
.sidebar ul{ list-style-type:none; margin:0; padding:0;}
.sidebar_line{ border-right:2px solid #cbcac9;}
#sidenav{ border-right:4px solid #f2f2f2;} 
.sidebar .choice_item{  padding-right:10px;}
.sidebar .choice_item>li{ border-bottom:1px solid #CCC; padding:12px 0;}
.sidebar .choice_item>li>a{ color:#6e6e6e; font-size:1.8rem; font-weight:bold; display:block; }
.sidebar .choice_item>li>a:hover{ background-color:inherit; color:#47ad08;}
.sidebar .choice_item>li.on>a{ color:#47ad08;}
.sidebar .choice_item>li>a>i{ font-size:1rem; width:25px; text-align:left;}
.sidebar .choice_item li.btn_1, .sidebar .choice_item li.btn_2, .sidebar .choice_item li.btn_3, .sidebar .choice_item li.btn_4, .sidebar .choice_item li.btn_5, .sidebar .choice_item li.btn_6, .sidebar .choice_item li.btn_7{ border-bottom:inherit; margin:0; padding:0;}
.sidebar .choice_item li.btn_1 a{ font-size:1.4rem; color:#FFF; padding:0;}
.sidebar .choice_item li.btn_1 a span{ font-size:1rem; color:#FFF;}
.sidebar .choice_item li.btn_1 a{ display:block; width:160px; margin:10px auto; background:#73b64a; padding:6px; }
.sidebar .choice_item li.btn_1 a .g1{ color:#73b64a;}
.sidebar .choice_item li.btn_1 a:hover .g1{ color:#333;}
.sidebar .choice_item li.btn_1 a:hover{ background:#333;}

.sidebar .choice_item li.btn_2 a{ font-size:1.4rem; color:#FFF; padding:0;}
.sidebar .choice_item li.btn_2 a span{ font-size:1rem; color:#FFF;}
.sidebar .choice_item li.btn_2 a{ display:block; width:160px; margin:10px auto; background:#cfd335; padding:6px; }
.sidebar .choice_item li.btn_2 a .g1{ color:#cfd335;}
.sidebar .choice_item li.btn_2 a:hover .g1{ color:#333;}
.sidebar .choice_item li.btn_2 a:hover{ background:#333;}

.sidebar .choice_item li.btn_3 a{ font-size:1.4rem; color:#FFF; padding:0;}
.sidebar .choice_item li.btn_3 a span{ font-size:1rem; color:#FFF;}
.sidebar .choice_item li.btn_3 a{ display:block; width:160px; margin:10px auto; background:#4aa5b6; padding:6px; }
.sidebar .choice_item li.btn_3 a .g1{ color:#4aa5b6;}
.sidebar .choice_item li.btn_3 a:hover .g1{ color:#333;}
.sidebar .choice_item li.btn_3 a:hover{ background:#333;}

.sidebar .choice_item li.btn_4 a{ font-size:1.4rem; color:#FFF; padding:0;}
.sidebar .choice_item li.btn_4 a span{ font-size:1rem; color:#FFF;}
.sidebar .choice_item li.btn_4 a{ display:block; width:160px; margin:10px auto; background:#d8b31e; padding:6px; }
.sidebar .choice_item li.btn_4 a .g1{ color:#d8b31e;}
.sidebar .choice_item li.btn_4 a:hover .g1{ color:#333;}
.sidebar .choice_item li.btn_4 a:hover{ background:#333;}

.sidebar .choice_item li.btn_5 a{ font-size:1.4rem; color:#FFF; padding:0;}
.sidebar .choice_item li.btn_5 a span{ font-size:1rem; color:#FFF;}
.sidebar .choice_item li.btn_5 a{ display:block; width:160px; margin:10px auto; background:#d17b99; padding:6px; }
.sidebar .choice_item li.btn_5 a .g1{ color:#d17b99;}
.sidebar .choice_item li.btn_5 a:hover .g1{ color:#333;}
.sidebar .choice_item li.btn_5 a:hover{ background:#333;}

.company_link img{ max-width:199px;}
.company_link a{ margin-bottom:15px;}

/*首頁*/
.index_bg{ background:url(../images/banner/banner_bg.jpg) center top no-repeat;}
.index_pro{  width:1000px;  padding:10px 50px 0 50px; margin:0 auto 30px auto; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4eaf0a+0,82bc1a+50,4bad08+100 */
background: #4eaf0a; /* Old browsers */
background: -moz-linear-gradient(left,  #4eaf0a 0%, #82bc1a 50%, #4bad08 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #4eaf0a 0%,#82bc1a 50%,#4bad08 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #4eaf0a 0%,#82bc1a 50%,#4bad08 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4eaf0a', endColorstr='#4bad08',GradientType=1 ); /* IE6-9 */}
.index-area { padding-bottom:0; z-index:0; 
}
.index-area .owl-carousel { padding:0; position:relative; }
.index-area .owl-carousel .owl-item .item { text-align:center;}
.index-area .owl-carousel .owl-item .item a { display:block; padding:10px 0; color:#fff; text-decoration:none; }
.index-area .owl-carousel .owl-item .item a:hover { color:#e2e635; }
.index-area .owl-carousel .owl-item .item .img{ margin:0;}
.index-area .owl-carousel .owl-item .item .img img { max-width:100%;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.index-area .owl-carousel .owl-item .item h3 { text-align:center; margin:10px 0 12px 0;  font-size:14px; }
.index-area .owl-theme .owl-controls { margin: 0;}
.index-area .owl-theme .owl-controls .owl-nav div { margin: -22px 0 0; position: absolute;  top: 50%; left: -35px; width:18px;height:42px; }
.index-area .owl-theme .owl-controls .owl-nav div:hover { background-color:transparent; opacity:1; }
.index-area .owl-theme .owl-controls .owl-nav .owl-prev { background:url(../images/all/btn_prev.png) 0 0 no-repeat; }
.index-area .owl-theme .owl-controls .owl-nav .owl-next { background:url(../images/all/btn_next.png) 0 0 no-repeat; left:auto; right: -35px; }

.index_title{ font-size:2rem; font-weight:bold; color:#47ad08; margin-bottom:12px;}
.index_title2{ font-size:2rem; font-weight:bold; color:#47ad08; margin-bottom:12px; text-align:center;}

.index_left{ float:left; width:30%;}
.index_right{ float:right; width:70%;}
.eng{ font-size:2.6rem;}
.line_d{ float:left; width:1px; height:120px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#999999+0,c9c9c9+21,c9c9c9+76,c9c9c9+100&0+0,1+21,1+76,0+100 */
background: -moz-linear-gradient(top,  rgba(153,153,153,0) 0%, rgba(201,201,201,1) 21%, rgba(201,201,201,1) 76%, rgba(201,201,201,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(153,153,153,0) 0%,rgba(201,201,201,1) 21%,rgba(201,201,201,1) 76%,rgba(201,201,201,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(153,153,153,0) 0%,rgba(201,201,201,1) 21%,rgba(201,201,201,1) 76%,rgba(201,201,201,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00999999', endColorstr='#00c9c9c9',GradientType=0 ); /* IE6-9 */
box-shadow: -6px 2px 22px #333333; 
-webkit-box-shadow: -6px 2px 22px #333333; 
-moz-box-shadow: -6px 2px 22px #333333;   
}

.news_list{ list-style-type:disc; list-style-position:inside; margin:0; padding:0; float:left;}
.news_list li{ margin:0 0 2px 0;}
.web_1{float:left; width:45%; }
.web_1 img{ float:left; margin-right:12px;}
.web_2{ margin-left:52%;}
.web_2 img{ float:left; margin-right:12px;}

.web_title p a{ font-size:2rem; color:#4cae09; text-decoration:underline; font-weight:bold;}
.web_list{ list-style-type:none; margin:0; padding:0; color:#333; font-size:1.4rem;}
.web_list li{ }

/*主選單*/
.navbar { margin-bottom:0;	border-radius:0; border:0;}
.navbar-nav{ float:right;}
.navbar-brand{ padding:0px 15px 0 20px;  }
.navbar-default{ background-color:inherit; padding:16px 0 20px 0; background:url(../images/all/menu_bg.png) center top no-repeat;}
.navbar-default .navbar-nav>li.f{ display:block; width:1px; height:55px; margin:0 10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4df30+0,d4df30+49,d4df30+100&0+0,1+49,0+100 */
background: -moz-linear-gradient(top,  rgba(212,223,48,0) 0%, rgba(212,223,48,1) 49%, rgba(212,223,48,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(212,223,48,0) 0%,rgba(212,223,48,1) 49%,rgba(212,223,48,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(212,223,48,0) 0%,rgba(212,223,48,1) 49%,rgba(212,223,48,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d4df30', endColorstr='#00d4df30',GradientType=0 ); /* IE6-9 */
}
.navbar-default .navbar-nav>li>a{ color:#FFF; padding:17px 15px 15px 15px;}
.navbar-default .navbar-nav>li>a:hover{ color:#e2e635;}
.lang_link{ display:block; max-width:1000px; padding:10px 0 0 0; margin:0 auto;}
.lang_link ul{ list-style-type:none; margin:0 auto; padding:0;}
.lang_link ul li{ float:right; font-size:1.2rem; color:#c0c0c0; }
.lang_link ul li.f{ margin:0 4px;}
.lang_link ul li a{ font-size:1.2rem; color:#c0c0c0;}
.lang_link ul li a:hover{ color:#333;}
.lang_link ul li.on a{ color:#333;}


/*頁尾*/
.footer { clear:both; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#388806+0,47ad08+26 */
background: rgb(56,136,6); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(56,136,6,1) 0%, rgba(71,173,8,1) 26%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(56,136,6,1) 0%,rgba(71,173,8,1) 26%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(56,136,6,1) 0%,rgba(71,173,8,1) 26%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#388806', endColorstr='#47ad08',GradientType=0 ); /* IE6-9 */
}
.copyright{ float:left; width:28%; margin-right:4%;  color:#FFF; font-size:1.4rem; padding:0 0 30px 0;}
.copyright h2{ font-weight:bold; color:#FFF; font-size:2rem;}
.copyright_2{ float:left; width:31%; margin-right:4%;  color:#FFF; font-size:1.4rem; padding:0 0 30px 0; line-height:28px;}
.copyright_2 h2{ font-weight:bold; color:#FFF; font-size:2rem;}

.copyright a, .copyright_2 a{ font-size:1.4rem; color:#FFF;}
.copy_f{ margin-right:0; font-size:1.6rem;}
.copy_f a{ font-size:1.6rem; text-decoration:none;}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }

/*----banner---*/
.nav_root{ position:absolute; bottom:30px; right:0; color:#919191; font-size:14px;}
.nav_root a{ color:#919191;}
.banner { position:relative; }
.carousel { height: 447px; }

/*產品頁*/
.main ul{ list-style-type:none; margin:0; padding:0;}
.pro_list li{ float:left; width:50%; margin-bottom:40px;}
.pro_list li.box{ width:46%; margin-right:4%;}
.pro_list li .img{ float:left; width:155px; }
.pro_list li .img a{ display:block; border:8px solid #dddddd; box-sizing:border-box; box-shadow: 5px 5px 5px #afafaf; -webkit-box-shadow: 5px 5px 5px #afafaf; -moz-box-shadow: 5px 5px 5px #afafaf; }
.pro_list li .img a:hover{ border:8px solid #47ad08;}
.pro_list li .tx{ margin-left:175px; min-height:155px; border-bottom:1px dashed #7e7e7e;}
.pro_list li .tx a{ font-size:1.4rem; color:#616161;}
.pro_list li .tx a.title{ display:block; width:100%; font-size:2.2rem; color:#333; font-weight:bold; margin-bottom:12px;}
.pro_list li .tx a.c_1{ background:#73b64a; color:#FFF; display:inline-block; padding:2px 20px; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; margin:0 5px 6px 0;}
.pro_list li .tx a.c_2{ background:#cfd335; color:#FFF; display:inline-block; padding:2px 20px; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; margin:0 5px 6px 0;}
.pro_list li .tx a.c_3{ background:#4aa5b6; color:#FFF; display:inline-block; padding:2px 20px; -webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px; margin:0 5px 6px 0;}
.pro_box{ background:#dddddd; overflow:hidden; margin:0 0 80px 0; padding:10px; box-shadow: 0px 7px 5px #b0b0b0; -webkit-box-shadow: 0px 7px 5px #b0b0b0; -moz-box-shadow: 0px 7px 5px #b0b0b0;}
.pro_img{ float:left; }
.pro_tx{ margin-left:320px;}
.pro_tx h3 a{ font-size:2.2rem; color:#333; font-weight:bold;}
.pro_tx h3 a:hover{ }
.pro_list2 li{ float:left; width:160px; margin:4px 10px 4px 0;}
.pro_list2 li.btn_1 a{ font-size:1.4rem; color:#FFF; padding:0;}
.pro_list2 li.btn_1 a span{ font-size:1rem; color:#FFF;}
.pro_list2 li.btn_1 a{ display:block; width:160px;  background:#73b64a; padding:6px; }
.pro_list2 li.btn_1 a .g1{ color:#73b64a;}
.pro_list2 li.btn_1 a:hover .g1{ color:#333;}
.pro_list2 li.btn_1 a:hover{ background:#333;}

.pro_list2 li.btn_2 a{ font-size:1.4rem; color:#FFF; padding:0;}
.pro_list2 li.btn_2 a span{ font-size:1rem; color:#FFF;}
.pro_list2 li.btn_2 a{ display:block; width:160px;  background:#cfd335; padding:6px; }
.pro_list2 li.btn_2 a .g1{ color:#cfd335;}
.pro_list2 li.btn_2 a:hover .g1{ color:#333;}
.pro_list2 li.btn_2 a:hover{ background:#333;}

.pro_list2 li.btn_3 a{ font-size:1.4rem; color:#FFF; padding:0;}
.pro_list2 li.btn_3 a span{ font-size:1rem; color:#FFF;}
.pro_list2 li.btn_3 a{ display:block; width:160px;  background:#4aa5b6; padding:6px; }
.pro_list2 li.btn_3 a .g1{ color:#4aa5b6;}
.pro_list2 li.btn_3 a:hover .g1{ color:#333;}
.pro_list2 li.btn_3 a:hover{ background:#333;}

.pro_list2 li.btn_4 a{ font-size:1.4rem; color:#FFF; padding:0;}
.pro_list2 li.btn_4 a span{ font-size:1rem; color:#FFF;}
.pro_list2 li.btn_4 a{ display:block; width:160px;   background:#d8b31e; padding:6px; }
.pro_list2 li.btn_4 a .g1{ color:#d8b31e;}
.pro_list2 li.btn_4 a:hover .g1{ color:#333;}
.pro_list2 li.btn_4 a:hover{ background:#333;}

.pro_list2 li.btn_5 a{ font-size:1.4rem; color:#FFF; padding:0;}
.pro_list2 li.btn_5 a span{ font-size:1rem; color:#FFF;}
.pro_list2 li.btn_5 a{ display:block; width:160px;   background:#d17b99; padding:6px; }
.pro_list2 li.btn_5 a .g1{ color:#d17b99;}
.pro_list2 li.btn_5 a:hover .g1{ color:#333;}
.pro_list2 li.btn_5 a:hover{ background:#333;}

/*p2_1*/
.title_detail{background: url(../images/products/title_bg.png) left top repeat-y; font-size: 20px; color: #fff; padding: 10px 0 10px 20px; margin:0 0 2em 0;}
ul.detail_list{ margin:0; padding:0; list-style-type:none; overflow: hidden;}
ul.detail_list li{ width:100px; padding:2px 0; float:right; text-align: center; margin: 0 5px 2em 5px; border-radius: 20px;}
.yellow_bg{ background-color:#cfd335;}
.green_bg{ background-color:#73b64a;}
.blue_bg{ background-color:#4aa5b6;}
.pink_bg{ background-color:#d17b99;}
.coffee_bg{ background-color:#d8b31e;}
ul.detail_list li.btn_width{ width:130px;}
ul.detail_list li a{ color:#fff; display: block;}
.table_proBox{text-align: center; width: 100%; overflow: auto;}
.detail_img{ text-align:center; margin-bottom:2em;}
.pro_spec{ display:block; width:160px; height:27px; line-height:28px; margin:30px auto 0 auto; text-align:center; color:#fff; font-size:18px; background:#25649b; -webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}
.pro_spec2 { display: block; width: 160px; height: 27px; line-height: 28px; margin: 0; text-align: center; color: #fff; font-size: 18px; background: #25649b; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
.pro_spec3 { display: block; width: 280px; height: 27px; line-height: 28px; margin: 0; text-align: center; color: #fff; font-size: 18px; background: #25649b; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
.pro_spec4{ display: inline-table; height:27px; line-height:28px; margin:30px auto 0 auto; padding: 0px 40px; text-align:center; color:#fff; font-size:18px; background:#25649b; -webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;}
/*table*/
.tb_box1 { clear:both; width:720px; border-left:1px #f1f1f1 solid; border-top:1px #f1f1f1 solid;}
.tb_box1 th{ font-size:14px; font-weight:bold; background-color: #7195B5; text-align:center; white-space: nowrap; }
.tb_box1 th, .tb_box1 td{ border-right:1px #f1f1f1 solid; border-bottom:1px #f1f1f1 solid; padding-top: 3px; padding-bottom: 3px;}
.tb_box1 td{ font-size:14px;}
.tb_box1 .td1 { background-color: #e0e0e0; text-align:center; }
.tb_box1 .td1_2 { background-color: #e0e0e0; text-align:right; }
.tb_box1 .td2 { background-color: #b3c4d2;  text-align:center;}
.tb_box1 .td2_2 { background-color: #b3c4d2; text-align:right; }

.pro_small{ text-align:center; margin:0 auto; width:80%;}
.pro_s1{  border:6px solid #25649b; background-color:#fff;}
.pro_s_all{margin-top:30px; }
.pro_s_all p, .pro_s_all2 p{ padding:14px 6px 0 6px; text-align:left;}
.pro_small2{ text-align:center; width:100%;}
.pro_s_all2{margin-top:30px; }
.tb_box1 td.no_line2{border-right:0px;}
.no_line{ border:0px; }
.text_right{ text-align:right; font-size:12px; line-height:30px; font-weight:bold;}
.m_t{ margin-top:30px;}
.text_left{ text-align:left;}
.p_inline{ margin-top:30px;}
.p_inline p.text_left, .p_inline p.text_right{ display:inline-block;}
.p_inline p.text_right{ width:20%;}
.p_inline p.text_left{ width:78%;}



.box_style{ margin-bottom:4em;}
/*關於*/
.about_img{ background:url(../images/p1/01.png) bottom no-repeat; font-size:30px; color:#898989; font-style:italic; text-align:center; font-family:"新細明體"; font-weight: bold; letter-spacing: 1px; padding-bottom: 10px;}
.about_img span, .contact_Welcome span{ font-size:36px; color:#47ad08;}
.about_imgBox .col-xs-4{ margin: 2em 0; text-align: center;}
.about_imgBox{ width:80%; margin:0 auto;}
.about_info{ margin: 2em 0 0 0;}

/*展會訊息*/
.news{ padding:2em 0; border-bottom:1px #ccc solid;}
.news_box img{ border: 1px #ccc solid; border-radius: 5px;}
.news_info{font-style: italic; font-size: 18px; line-height: 30px;}
.news_info h3 { font-size: 30px; color: #47ad08; }
.news_area{ margin-bottom:4em;}
.news_info a{ text-decoration:none;}

/*型錄下載*/
.download_imgBox{ margin-bottom: 10px; }
.download_imgBox img{ border:8px #dddddd solid; display: inline-block; vertical-align: middle; box-shadow: 5px 5px 8px #ccc;}
.download a .download_imgBox { color:#000;}
.download a:hover{ color:#000;}
.download_imgBox:hover img{ border:8px #46ac08 solid;}

/*聯絡我們*/
.contact_Welcome{ background:url(../images/p1/01.png) -300px bottom no-repeat; font-size:30px; color:#898989; font-style:italic; font-family:"新細明體"; font-weight: bold; letter-spacing: 1px; padding-bottom: 10px;}
.contact_txt{ line-height: 28px; padding:1em 0;}
.page_form{border-top: 2px #a4d64e solid;}
.form_bg{background-color:#c8df9f;}
.page_form .name, .page_form .text{ padding-bottom:5px; padding-top:5px;}
.page_form .name{ text-align:right; padding-top: 13px;}
.input1{ line-height:36px; width:80%;}
.input2{ line-height:36px; width:30%;}
.btn_contact{ background-color: #47ad08; color: #FFF; padding: 8px 20px; font-size: 16px; margin-right: 40px; margin-top: 20px;}
.page_form2{ text-align:center; padding-top:1em;}
.page_form2 .btn.focus, .page_form2 .btn:focus, .page_form2 .btn:hover { color: #333; color:#fff;}
.page_form {margin-right: 0px; margin-left: 0px;}

/*友站連結*/
.link{ width:80%; margin:0 auto; margin-top:2em;}
.link a:hover p{ color:#47ad08;}












@media (max-width: 1024px) { 
.index_pro{  width:inherit;}

}
@media (max-width: 1000px) { 
/*選單*/
.navbar-brand{ padding:0px 15px 0 0;  }
.navbar-default .navbar-nav>li>a{ padding:17px 0 15px 0;}

/*產品頁*/
.pro_list li{ width:100%;}
.pro_list li.box{ width:100%; margin-right:0;}

}

@media (max-width: 996px) { 

}
@media (max-width: 992px) {
.about_imgBox { width: 90%;} 
.input1{ width:90%;}
.link{ width:100%;}
.pro_small{ width:100%;}
.pro_infoBox .col-sm-5, .pro_infoBox .col-sm-7{ width:100%; float:inherit;}
.pro_infoBox .col-sm-7{ margin-top:20px;}
}

@media (max-width: 768px) { 
/*全頁佈局*/
.main{ margin:0; }

/*右側選單*/
.sidebar{ float:none; width:auto; border-right:inherit;}
#sidenav{ border-right:inherit;} 
.sidebar .choice_item{  padding-right:0px; /*margin:30px 0 0 0;*/}
.sidebar .choice_item li{ border-bottom:1px solid #CCC;}
.sidebar .navbar-toggle{ display:block; border:1px solid #ccc; background:#FFF; padding:10px 5px; width:100%; margin:0; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; margin-bottom:20px;}

.sidebar .choice_item li.btn_1 a, .sidebar .choice_item li.btn_2 a, .sidebar .choice_item li.btn_3 a, .sidebar .choice_item li.btn_4 a, .sidebar .choice_item li.btn_5 a, .sidebar .choice_item li.btn_6 a, .sidebar .choice_item li.btn_7 a{ width:100%;  }
.sidebar_line{ border-right:inherit;}
.company_link{ margin-bottom:40px;}

/*----banner---*/
.carousel {  margin-top:100px;}

.index_left{ float:none; width:80%; margin:0 auto 30px auto; overflow:hidden;}
.index_right{ clear:both; float:none; width:80%; margin:0 auto 20px auto;}
.index_title2{ text-align:left;  width:100%; margin:20px 0 0 0;}

/*選單*/
header{ background:#fff; width:100%;  position:fixed; top:0; left:0; z-index:1030;}
.navbar-nav{ float:none;}
.navbar-toggle{ margin-top:20px;}
.navbar-default{ background:inherit;  padding:0;}
.navbar-default .navbar-toggle{ background-color:#5fa308; border-color:#5fa308}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color:#666; border-color:#666;}
.navbar-default .navbar-nav>li{ border-bottom:1px dotted #f2f2f2;}
.navbar-default .navbar-nav>li>a{ color:#000; text-align:center;}
.navbar-default .navbar-nav>li>a:hover{ color:#61a508;}
.navbar-default .navbar-nav>li.f{ display:none;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#fff;}
.navbar-brand{ height:70px; padding:0; margin:0;}
.navbar-brand img{ width:100%;}

/*表尾*/
.copyright{ float:left; width:48%; margin-right:2%; }
.copyright_2{ float:left; width:50%; margin-right:0%; }

/*產品頁*/
.pro_list2 li{ float:none; width:100%; margin:4px 0 4px 0;}
.pro_list2 li.btn_1 a, .pro_list2 li.btn_2 a, .pro_list2 li.btn_3 a, .pro_list2 li.btn_4 a, .pro_list2 li.btn_5 a{  width:100%; }
.pro_infoBox2 .col-sm-7{ margin-top:20px;}

/*關於*/
.box_style{ margin-top:90px;}
.about_imgBox{ width:100%;}
.about_info { margin: 0.5em 0 0 0;}

/*展會訊息*/
.news_info h3 { font-size: 24px; margin: 10px 0;}

/*聯絡我們*/
.contact .col-sm-4 img{ display:none;}
}

@media (max-width: 640px) { 
/*----banner---*/
.carousel {  margin-top:80px;}

/*首頁*/
.line_d{ display:none;}
.web_1{ float:none; width:100%; padding-bottom:30px; margin:0 0 20px 0; border-bottom:1px dashed #ccc;}
.web_2{ float:none; width:100%; padding-bottom:30px;  margin:0;  border-bottom:1px dashed #ccc;}
.web_list li{ float:left; width:30%;}

/*表尾*/
.copyright{ float:none; width:80%; margin:0 auto; }
.copyright_2{ float:none; width:80%; margin:0 auto; }

/*產品頁*/
.pro_img{ float:none; }
.pro_tx{ margin-left:0px;}
.nav_root { bottom: 15px;}

/*展會訊息*/
.news_info h3 { font-size: 20px; margin:0;}
.news_info { font-size: 16px; line-height: 24px;}


}
@media (max-width: 480px) { 
/*----banner---*/
.carousel {  margin-top:90px;}
.banner{ position:inherit;}
.banner img.banner_img{ display:none;}
.nav_root{ position:inherit; bottom:inherit; right:inherit; text-align: right;}

/*首頁*/
.web_list li{ float:none; width:100%;}

/*關於*/
.about_img{ font-size: 24px; font-weight:100;}
.about_img span, .contact_Welcome span{ font-size: 30px;}
.about_imgBox .col-xs-4{margin: 2em 0 1.5em 0;}

/*展會訊息*/
.news .col-xs-4, .news .col-xs-8{ width:100%; float:inherit; margin:0 auto;}
.news .col-xs-8{ margin-top:1.5em;}
.news_box, .news_info{ text-align:center;}

/*型錄下車*/
.download .col-xs-4{ width:50%;}

/*聯絡我們*/
.page_form .name, .page_form .text{ width:100%; float:inherit; }
.page_form .name{ text-align:left;}
.input1{ width:100%; margin-bottom:1em;}
.form_bg { background-color: inherit; }
.contact_Welcome{ font-size: 24px; font-weight:100;}

.box_style { margin-top: 120px;}

.pro_small2{ width:80%; margin:0 auto;}
.pro_small2 .pro_s_all2{ width:100%; float:inherit;}

}

@media (max-width: 360px) { 
.about_imgBox .col-xs-4{ width:100%; float:inherit;}
.about_img, .contact_Welcome{ font-size: 20px;}
.about_img span, .contact_Welcome span{ font-size: 24px;}

.news_info h3 { font-size: 18px;}
.btn_contact{margin-right: 10px;}

.link .col-xs-6{ width:100%; float:inherit;}

/*產品底層頁*/
.pro_small .pro_s_all{ width:100%; float:inherit;}
.pro_small .pro_s_all:nth-child(1){ margin-bottom:2em;}
.pro_small2{ width:100%;}
ul.detail_list li{ width:80px;}
ul.detail_list li.btn_width{ width:120px;}
}

@media (max-width: 320px) { 
/*----banner---*/
.carousel {  margin-top:100px;}
.company_link{ text-align:center;}

/*產品頁*/
.pro_list li .img{ float:none; margin:0 auto 20px auto;}
.pro_list li .tx{ margin-left:0; min-height:inherit;}
.pro_spec3{ width:270px;}

/*型錄下載*/
.download .col-xs-4{ width:100%; float:inherit; margin-top:2em;}

}