.line{ float:left;background:url(../images/pro/line.jpg); width:919px; height:58px; }
.pro_icon{float:left; margin:19px 10px 0 9px;}
.pro_search{ border:#999999 1px solid; color:#333333; width:165px; margin-right:8px; float:left;}
.pro_find{float:left;width:205px; margin-top:23px; }
.find{  float:left;}
.breadcrumb{ float:right;background:url(../images/pro/icon_04.jpg) no-repeat left 10px;; line-height:30px; padding-left:15px; margin:10px 15px 0 0;}
.breadcrumb a{ color:#000000; text-decoration:none; }
.breadcrumb a:hover{ color:#000000; text-decoration:none;}
.pro_tit{ float:left;color:#000000; font-size:20px;  margin-top:15px; font-weight:bold; background:url(../images/pro/icon_06.jpg) no-repeat; margin-right:10px;padding-left:32px;}
.pro{ float:left; width:877px; margin:10px 0 30px 21px; background:url(../images/pro/line02.jpg);}
.pro_02{ float:left; }
.pro_02 li{ float:left;width:158px; margin-left:14px; -margin-left:7px;height:161px; margin-top:10px;}
.pro_02_pic{float:left;border:#CCCCCC 1px solid;width:157px; height:129px; }

.pro_03{ float:left; }
.pro_03 li{ float:left;width:158px; margin-left:14px; _margin-left:7px;height:144px; margin-top:10px; }
.pro_03_pic{float:left;width:158px; height:114px;background:url(../images/pro/pic_12.jpg); display:table-cell; vertical-align:middle; text-align:center }
.pro_03_logo {height:100%; display:inline-block;}
.pro_03_pic *{vertical-align:middle;}
h2{float:left;background:url(../images/pro/icon_05.jpg) no-repeat left 10px; line-height:30px;padding-left:10px;width:143px;}
h2 a,h2 a:hover{color:#000000; text-decoration:none;}


.pro_name{ float:left; width:877px; margin-left:21px;_margin-left:10px;}
.pro_view {width:428px; border-top:#999999 1px solid; margin-top: 10px ; float:left;}
.pro_view02{ float:left;width:428px;}
.pro_view li{ float:left; border:#999 1px solid; height:71px; margin:10px 0 0 5px; _margin: 5px 0 0 2px;}

.pro_left{
	float:left;
	width:421px;
	margin-left:21px;
	_margin-left:10px;
}
.pro_tit_03{width:411px; line-height:30px; background-color:#CCCCCC;  padding-left:10px; margin:0 0 5px 0; color:#000; font-weight:bold; font-size:18px; }
.pro_tit_03_tit {color:#000; font-weight:bold; font-size:22px; float:left; }
.pro_tit_03_word{
	color:#000;
	font-weight:bold;
	font-size:22px;
}
.pro_tit_03 img{ width:421px; height:342px;}
.pro_right{float:right; width:428px;   margin-right:21px; _margin-right:10px;}

.pro_tit_04{width:418px; line-height:30px;  padding-left:10px;}
.pro_tit_05{width:418px; line-height:30px; background-color:#202A2B; color:#FFFFFF; font-weight:bold; font-size:22px; padding-left:10px;}

.pro_tit_06{  width:411px; line-height:30px; padding-right:10px;  text-align:right;}
.pro_tit_06_tit{
	color:#000;
	font-weight:bold;
	font-size:16px;
}
.pro_tit_06_word{color:#666; font-weight:bold; font-size:22px;}

.standard{ width:421px; }
.standard_word{ float:left; font-weight:bold; font-size:13px;  color:#000;  text-align:left;}

.original{width:418px; margin:10px 0 10px 0; padding:5px; float:left;}


.manufacturer{ width:428px; margin-top:10px; float: left;}

.manufacturer li{ width:418px; /*background:url(../images/pro/line_03.jpg);*/ line-height:34px; padding-left:10px;}

.manufacturer-th{ border: 1px solid #d9d9d9; border-radius: 2px; height: 34px; }
.manufacturer-th span{  font-size: 16px; display: inline-block; font-weight: bold; font-family: 'Century gothic', Arial; }
.manufacturer-th01{ width:225px; color: #343434; }
.manufacturer-th02{color: #959595; width:100px; }
.manufacturer-th03{color: #959595; width:60px; }

.car_01{ float:left; font-weight:bold; color:#000000; font-size:13px; width:169px;     margin-right: 5px;   margin-left: 2px;}

.car_02{ float:left; color:#666; width:108px;   }
.manufacturer li .car_01{ width:225px;}
.manufacturer li .car_02{ width:100px; margin-right:8px; }
.manufacturer li .car_03{ width:60px;}

/*分頁設定*/
.down{
	float:left;
	background:url(../images/pro/down_ap.jpg);
	width:919px;
	height:34px;
}

#showpage {
	float:left;
	height:20px;
	margin:5px 10px 0 10px;
	_margin:15px 0 0 0;
}

#on {
	background:#666 none repeat scroll 0%;
	border:1px solid #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 11px;
	width: 12px;
	display: block;
}

#a.page, .page{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	border: 1px solid #fff;
	background:#fff repeat none scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	margin:0 5px 5px 0;
	text-decoration: none;
	width: 12px;
	height: 11px;
	line-height: 12px;
	text-align: center;
	display: block;
	padding: 2px 5px;
	float: left;
}
#a.page, .page:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #2EA0F5;
	background-color: #fff;
	border: 1px solid #fff;
	margin:0 5px 5px 0;
	text-decoration: none;
	width: 12px;
	height: 11px;
	text-align: center;
	display: block;
	padding: 2px 5px;
	float: left;
}

@media only screen and (max-width:980px){

.line{ width: calc(100% - 40px);  height: auto;  background: none; border: 1px solid #dcdcdc; border-radius: 5px; float: none; margin: 0 20px; padding: 10px; }
.pro_icon{ float: none;  display: inline-block;  vertical-align: top;  margin: 19px 10px 10px 9px; }
.line form{ display: inline-block;  vertical-align: top; }
.pro_find{ float: none; display: inline-block; }
#picture{ width: 100%;  height: auto; float: none; }
.pro{ width: 100%;  margin: 0 auto; clear: both; background: none; }
.pro_02{width: 100%; padding: 20px 0 0 20px; }
.pro_02 li{ display: inline-block;   vertical-align: top;   width: calc(20% - 10px); margin-right: 10px; margin: 0 10px 10px 0; height:auto }
.pro_02_pic{ width: 100%;  height: auto;  text-align: center; height: 130px;  display: flex; align-items: center;overflow: hidden;}
.pro_02_pic img{ width: 100%; height: auto;}
.pro_view{ width: 100%; clear: both;}
.pro_view01 img{ width: 100%; }
.pro_name{ width: calc(100% - 21px); clear: both;}
.pro_02 li:nth-child(5n){ margin-right: 0;}
.down{ width: 100%;  height: auto; margin-top: 20px; }
#showpage{ float: none; }
#a.page, .page{ margin-right: 10px; }
#on{ width: auto;  height: auto;}
h2{ width: 100%; height: 3rem; }
.pro_left{ float: none;  display: inline-block; vertical-align: top;  width: calc(50% - 30px); margin-right: 30px; padding-left: 20px;  margin-left: 0;}
.pro_left img{ width: 100%;}
.pro_right{ float: none;  display: inline-block;  vertical-align: top;  width: calc(50% - 30px); padding-right: 20px; margin-right: 0;}



.pro_tit_06{ width: 100%;}
.pro_tit_04{ width: 100%}
.pro_tit_05{ width: 100%;}
.original{ width: 100%;   float: none; overflow: auto;}

.manufacturer img{width: 100%;  }
.manufacturer li{ width: 100%; }
.pro_tit_07 img{ width: 100%;}


.pro_03{ float: none; padding: 0 20px; }
.pro_03 li{ float: none;  display: inline-block; width: calc(100%/ 4 - 17px); margin-right: 10px;  margin-left: 0;  }
.pro_03 li:nth-child(4n){ margin-right: 0; }
.pro_03_pic{   background: none;  border: 1px #dcdcdc solid;   border-radius: 10px; float: none;}
.pro_03_pic{display: block; margin: auto;}
.pro_03 h2{ margin-left: 20px; width:calc(100% - 20px); }

.manufacturer-th01{ width: calc(50% - 10px); }
.manufacturer-th02{ width: 30%; }
.manufacturer-th03{ width: 20%; }
.manufacturer li .car_01{ width: calc(50% - 10px);}
.manufacturer li .car_02{ width: calc(30% - 5px);}
.manufacturer li .car_03{ width: calc(20% - 10px);}
}

@media only screen and (max-width:900px){


}

@media only screen and (max-width:870px){

.pro_left{ width: 100%; padding: 0 20px; margin-right: 0;}
.pro_left img{ width: 60%; height: auto;  margin: 20px auto; }
.pro_right{ width: 100%; padding: 0 20px; }
.manufacturer img{ width: auto; }
.standard{ width: 100%; overflow: auto;}
.pro_tit_03{ width: 100%; }
.standard{ width: 100%; }
.pro_tit_07 img{ width: auto;}
.pro_view02{ float: none; }
.pro_view li{ float: none; display: inline-block;  height: auto;}
.pro_view02{width: 100%;}
}


@media only screen and (max-width:768px){
.pro_03 li{ width: calc(100%/ 3 - 17px); }
.pro_03 li:nth-child(4n){ margin-right: 10px; }
.pro_03 li:nth-child(3n){ margin-right:0; }
}


@media only screen and (max-width:640px){
.pro_02 li{ width: calc(100% / 4 - 10px); }
.pro_02 li:nth-child(4n){  margin-right: 0; }
.pro_02 li:nth-child(5n){ margin-right: 10px; }
.pro_icon{ display: block; }
.line form{ width: 48%; }
.pro_find{ margin-top: 10px;}
.breadcrumb{ float: left; width: 100%;}
}


@media only screen and (max-width:600px){
.pro_03 li{ width: calc(100%/ 2 - 17px); height: auto;}
.pro_03 li:nth-child(3n){ margin-right: 10px; }
.pro_03 li:nth-child(2n){ margin-right:0; }
.pro_03 h2{ margin-left: 45px; width:calc(100% - 45px); }
}


@media only screen and (max-width:480px){
.pro_02 li{ width: calc(100% / 2 - 10px); }
.pro_02 li:nth-child(2n){  margin-right: 0; }
.pro_03 li{ width: calc(100%/ 2 - 17px); }
.line form{ width: 100%; }
.pro_find{ width: 100%; }
.pro_search{ width: calc(100% - 34px); }

}

@media only screen and (max-width:428px){

.manufacturer{ width: 100%; }
}


@media only screen and (max-width:420px){
.manufacturer img{ width: 100%; }
.pro_tit_07{ width: 100%; }
.pro_tit_07 img{ width: 100%; }
.line form{display: block;}
}


@media only screen and (max-width:360px){
.pro_03 h2{ margin-left: 5px; width: calc(100% - 5px);}
.pro_03{ padding: 0 10px; }
.pro_03 li{ width: calc(100%/ 2 - 7px); }
}