@charset "utf-8";


#brr_f{   display:block; float:none;}
@media all and (max-width: 979px), (min-width: 768px) and (max-width: 979px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#brr_f{display:none; float:none;}
}



#bl{width:100%; height:1px; border-top:#e0e0e0 2px dotted; margin:20px 20px 20px 0px;}/* <div id='bl'></div> 百分百分隔線*/

.buttons {  background-color: ; /*#D0111B #CBDAD3Green */
  
  border:1px solid #4E4B5E;
  color:#4E4B5E;
  padding: 15px 22px;padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-family: "微軟正黑體";
  font-weight:normal;
  
  margin: 150px 2px 0px;
  cursor: pointer;
  margin-top:30px; 
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

a.buttons{color:#4E4B5E;font-size: 16px; font-weight:800;}

.buttonsh:hover {
  padding:30px; color:#000; margin-top:30px;padding:5px 10px 5px 35px; background-color:#EFEFEF;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;

	}


.buttons2 {  background-color:#D0111B ; /* #CBDAD3Green */
  border: none;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-family: "微軟正黑體";
  font-weight:normal;
  
  margin: 5px 2px 0px;
  border-radius:50px;	
  cursor: pointer;
  color:#fff;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.buttons2h:hover {
  background-color:#002D83;
  padding:10px; color:#fff; 
  margin-top:5px;
  border-radius:5px;	
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;

	}
	


			
	
.button_w:hover { 
  color:#C00;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;}

.button {
  background-color:#D0111B ; /* #CBDAD3Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

a.buttona {
  background-color:#CBDAD3; /* Green */
  font-family:"微軟正黑體";
  border: none;
  color: white;
  padding: 5px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  outline: none;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  
} 

.button2:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);  color:rgba(69,118,113,1.0);
  color: #fff;
  
}
  
  

.button_shop {
  background-color:#000; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

  
.button3 {
  background-color:#FF6533; /* Green */
  font-family:"微軟正黑體";
  border: none;
  color: white;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  outline: none;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

a.button3a {
  background-color:#FF6533; /* Green */
  font-family:"微軟正黑體";
  border: none;
  color: white;
  padding: 5px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  outline: none;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
} 
 
  

.color { display:inline-block; float:none; }

.choiceitem{display:inline-block;margin:0 2px 0px 0; border-radius:0px; padding:0px; }
.choiceitem input[type=radio]{display:none}
.choiceitem span{display:inline-block;color:#000;border:0px solid #999;  border-radius:4px;font-size:10px;line-height:1;padding:8px 20px;cursor:pointer;
text-shadow: 1px 0px 0 #fff, 0px 1px 0 #fff, -1px 0px 0 #fff, 0px -1px 0 #fff, 1px 1px 1px rgba(255,255,255,0);}/*background-color:#ccc; border:1px solid #979ba7; 未選*/
.choiceitem input[type=radio]:checked~span{color:#000;border-color:#666666 ;background-image:url('ppic/hook.png');background-position:100% 100%;background-repeat:no-repeat;background-size:14px;border:2px solid #C00;
text-shadow: 1px 0px 0 #fff, 0px 1px 0 #fff, -1px 0px 0 #fff, 0px -1px 0 #fff, 1px 1px 1px rgba(255,255,255,0);}/*已選*/


/*.choiceitem input[type=radio]:checked~span{color:#7a4dff;border-color:#7a4dff;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxOSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjN2E0ZGZmIiBkPSJNMjAgMHYxNy4wMDNBMS45OTkgMS45OTkgMCAwIDEgMTguMDEgMTlIMEwyMCAweiIvPjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xMCAxMy4yOTZMMTIuNTE0IDE1IDE2IDExIi8+PC9nPjwvc3ZnPg==);background-position:100% 100%;background-repeat:no-repeat;background-size:18px}*/ /*已選*/
.choiceitem input[type=radio]:disabled~span{border-color:#e0e4e9;border-style:dashed}
.RadioButtons__readOnly___127Wu .choiceitem span{color:#b9bdc5;border-color:#b9bdc5;cursor:default}
.RadioButtons__readOnly___127Wu .choiceitem input[type=radio]:checked~span{color:#b9bdc5;border-color:#b9bdc5;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxOSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjQjlCREM1IiBkPSJNMjAgMHYxNy4wMDNBMS45OTkgMS45OTkgMCAwIDEgMTguMDEgMTlIMEwyMCAweiIvPjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xMCAxMy4yOTZMMTIuNTE0IDE1IDE2IDExIi8+PC9nPjwvc3ZnPg==)}




 
/* Common
a, td, p{ font-size:14px; font-family:"微軟正黑體"; color:#000; }
/**** A
#gotop { display: none;  position: fixed;   right: 20px;   bottom: 20px;  padding: 10px 15px;  font-size: 12px;   background: #333;   color: white;   cursor: pointer;} A ****/

/**** B ****/
.goTop{	cursor:pointer;	width:50px;	height:50px;	position:absolute;	right:3px; 	z-index: 99;}
.goTop a.goTop{	margin: 0px; padding: 0px; overflow: hidden; height: 50px; width: 50x;}
/**** B ****/


a.photo:hover img{box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.0);-webkit-border-radius: 0px;	-moz-border-radius: 0px;	border-radius: 0px;}
a.photo img{-webkit-border-radius: 0px;	-moz-border-radius: 0px;	border-radius: 0px;}

#mobil { display:none; }	 
#tel{ position:relative; float:right; padding-top:80px;  /*position: absolute; float:right;display: inline; padding-top:20px;*/ }
td.logo{ background-color:; width:450px; height:110px; background-image:url(ppic/logo_2.png); background-repeat:no-repeat;/*background-position:50% 50%;*/ background-position: center right;  font-size-adjust:none;   text-indent: -9999px;display:block;}/*height:139px;*/
#logo{	height:116px; text-indent: -9999px;display:block;}

/*td.logo{ display:none;}*/
/*#logo{	height:0px; background-image:url(ppic/.logo_2.png); background-repeat:no-repeat; background-position:50% 50%; font-size-adjust:none; 	text-indent: -9999px; display:block;}/*height:139px; */
.line { padding-bottom:15px; padding-top:10px;padding-left:0px;}
img.header_ad_img { width:100%; min-height:190px; /*max-width:1010px; height:301px; */padding:0px; margin:0px; border: 0px solid #dddddd;   }
#mm1{ display:none;}
#mm2{ display: inline; height:250px;}
img.photo_one { width:auto; float: left; margin-right:10px; margin-bottom:10px;  }
.form {border:1px solid #CCCCCC; margin:10px 5px; line-height:120%; font-family:"微軟正黑體"; font-size:14px; width:40%; border-radius:0px; padding-left:15px; display:inline-block; vertical-align:top; color:#000;  }
.form_check {font-size:14px; line-height:120%; vertical-align:middle;}

#box { 	width:955px ;min-height:350px; height:100%;	float:none;	clear:both;	padding: 0px 0px 0px 40px;	background-color:;   background-image:url(ppic/mid_bk.png);	background-repeat:repeat-y;overflow:hidden;	  }

#box_1 {width:333px;height:202px;float:left;clear:none;background-color:;background-image:url(ppic/box_1_bk...jpg);padding-top:10px;  margin-left:0px; color:#000000;  }
#box_2 {width:250px;height:202px;float:left;clear:none;background-color:;background-image:url(ppic/box_2_bk...jpg);padding-top:10px;margin-left:0px;color:#000000; }
#box_3 {width:333px;height:202px;float:left;clear:none;	background-color:;	background-image:url(ppic/box_3_bk...jpg);	padding-top:10px;	padding-left:0px;  }
#box_4 {width:333px;height:202px; color:#000000;float:right;clear:none;background-color:;background-image:url(ppic/box_4_bk...jpg);	padding-top:10px;padding-right:0px;  }
.styleIcon {	cursor: pointer;}


#box_left { 	width:100%;	max-width: 410px; 	height:100%;   float:left;  clear:none;	margin-left:0px; margin-right:50px;	overflow:hidden; padding-top:20px; padding-right:0px; position: relative; background-color:; }
#box_right { 	width:100%;	max-width: 410px; 	height:100%;   float:left;  clear:none;	margin-left:0px;	overflow:hidden; padding-top:20px; position:relative; background-color:#e0e0e0;}
#box_left2 { 	width:100%;	max-width: 410px; 	height:100%;   float:left;  clear:none;	margin-left:0px;  margin-right:50px;	overflow:hidden; padding-top:20px; padding-right:0px; position: relative; background-color:; }
#box_right2 { 	width:100%;	max-width: 410px; 	height:100%;   float:left;  clear:none;	margin-left:0px;	overflow:hidden; padding-top:20px; position:relative; background-color:#333333;}
/*img.header_ad_img_h {  position:absolute; clip:rect(0px,60px,200px,0px); }*/ 
img.check_photo{}
a.menu3{ font-size:16px; color:#fff; font-family:"微軟正黑體";align-self: center;text-decoration:none;  }
a.menu3:hover{ font-size:16px; color:#e0e0e0; font-family:"微軟正黑體";align-self: center; text-decoration:none;  }
td.menu3{ padding-top:5px;align-self: center;}

.container_text{height:auto; min-height:; margin-top:0px; margin-bottom:0px; /*margin-bottom:120px;  padding-top:60px;*/  padding-bottom:0px; background-color:;!important   }


.explain_info_h{ width:90%;min-height:200px;position:relative; left:5%; }
.explain_info_h .number{font-size:168px;position:absolute;top:0;left:0;color:rgba(129,124,124,0.13);font-family:fantasy;letter-spacing:.1em}
.explain_info_h h2{font-weight:700;font-size:36px;position:relative;z-index:3;padding-top:120px;padding-left:36px;text-align:left;margin-bottom:0px;}
.explain_info_h h3{font-size:16px;color:#3f200e;position: relative;z-index:3;padding-top:0px;padding-left:40px;margin-bottom:0px; padding-bottom:0px;}

@media all and (max-width: 979px),(min-width: 768px) and (max-width: 979px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#mobil { display: inherit; position:absolute; right:10px;}	
#tel{ position: relative; float:none; display:block; }
/*td.logo{ height:0px; background-image:url(ppic/.logo.png); background-repeat:no-repeat;background-position:50% 50%; }/*height:150px; */
/*#logo{	height:0px; background-image:url(ppic/.logo.png); background-repeat:no-repeat; background-position:50% 50%; font-size-adjust:none; 	text-indent: -9999px;display:block;}/*height:150px; */
td.logo{ display:none;}
/*td.logo{ background-color:; width:300px;  background-image:url(ppic/logo_3.png); background-repeat:no-repeat; background-position: center right;  font-size-adjust:none;   text-indent: -9999px;display:block;} */

img.header_ad_img { width:100%;height:auto;     }
img.header_ad_img_h {/*position:absolute;clip:rect(0px,1300px,310px,400px);*/  width:100%; height:310px;   }
.line {  display:block; margin:auto;}

#mm1{ display: inline;}
#mm2{ display:none;}
.mm2 img{display:none;}
.mm1 img{ padding:15px;}
img.photo_one { width:100%; max-width:380px; text-align:center; float:none; display:block; margin-right:; margin-bottom:;  }
.form {border: 1px solid  #CCCCCC; margin:10px 5px; line-height:120%; font-family:"微軟正黑體"; font-size:16px; width:80%; color:000; }

#box_left { 	width:100%;	max-width: 500px; 	height:100%;   float:left;  clear:none;	margin-left:0px;	overflow:hidden; padding-top:10px; padding-right:0px; position: relative; }
#box_right { 	width:100%;	max-width: 500px; 	height:100%;   float:left;  clear:none;	margin-left:0px;	overflow:hidden; padding-top:10px; position:relative;}
#box_right2 { 	width:100%;	max-width: 500px; 	height:auto;   float:left;  clear:both;	margin-left:0px;	overflow:hidden; padding-top:10px;  margin-top:0px; position: absolute; display: ; margin-top:0px; }
#box_left2{ 	width:100%;	max-width: 500px; 	height:100%;   float:left;  clear:both;	margin-left:0px;	overflow:hidden; padding-top:10px; padding-right:0px; position:relative; display:bolck;   bottom:0px; margin-top:100px; }
img.check_photo{ max-width:300px;}

a.menu3{ padding:0px;  margin:0px; font-size:16px; color:#000; font-family:"微軟正黑體";}
td.menu3{ padding-top:0px;}

.container_text{height:auto; min-height:50px; margin:0px;  /*margin-top:0px; margin-bottom:0px;  padding-top:50px;  padding-bottom:10px;*/  background-color:;!important }


}






#mid_h_110{ padding:0px; margin:0px;background-color:; width:100%; max-width:1400px;display:inline-block; float:none; margin-top:170px;}
#right_left_110{ margin:0px; padding:0px; width:19%; width:26%; margin-right:3%; display:inline-block; float:none;  vertical-align:top; }
#right_110{ background-color:; display: inline-block; width:80%; width:70%;  padding:0px; margin:0px; float:none; height:auto; margin-top:0px; background-color:; border:0px solid #e0e0e0; border-radius:0px;  }
#header_ad_110{ border-top:0px solid #D0111B; }

@media all and (max-width: 979px), (min-width: 768px) and (max-width: 979px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#mid_h_110{ padding:0px; margin:0px;background-color:; width:100%; max-width:;display:inline-block; float:none; margin-top:110px;}
#right_left_110{ width:98%; margin:0px auto; margin-bottom:-41px; margin-top:50px; background-color:transparent; }
#right_110{ width:100%; }
#header_ad_110{ margin-top:40px; }}

@media (min-width: 768px) and (max-width: 979px) {
#mid_h_110{ padding:0px; margin:0px;background-color:; width:100%; max-width:1400px;display:inline-block; float:none; margin-top:150px;margin-top:130px;}
#right_left_110{ margin:0px; padding:0px; width:19%; width:26%; margin-right:3%; display:inline-block; float:none;  vertical-align:top; }
#right_110{ background-color:; display: inline-block; width:80%; width:70%;  padding:0px; margin:0px; float:none; height:auto;  background-color:; margin-top:40px; }
#header_ad_110{ border-top:0px solid #D0111B; }
}
@media (min-width: 580px) and (max-width: 767px) {
#mid_h_110{ padding:0px; margin:0px;background-color:; width:100%; max-width:;display:inline-block; float:none; margin-top:110px;}
#right_left_110{ width:98%; margin:0px auto; margin-bottom:-41px; background-color:transparent; }
#right_110{ width:100%; }
#header_ad_110{ margin-top:30px;  }}
}
@media (min-width: 480px) and (max-width: 579px)  {
#mid_h_110{ padding:0px; margin:0px;background-color:; width:100%; max-width:;display:inline-block; float:none; margin-top:110px;}
#right_left_110{ width:98%; margin:0px auto; margin-bottom:-41px; background-color:transparent; }
#right_110{ width:100%; }
#header_ad_110{ margin-top:30px;  }}
@media (max-width: 479px)  {/* x<479 */
#mid_h_110{ padding:0px; margin:0px;background-color:; width:100%; max-width:;display:inline-block; float:none; margin-top:110px;}
#right_left_110{ width:98%; margin:0px auto; margin-bottom:-41px; background-color:transparent; }
#right_110{ width:100%; }
#header_ad_110{ margin-top:30px;  }

}




body {	background-image:url(); 	background-repeat: repeat-x; 	background-color:#fff; background-position:right top;background-attachment: scroll;  /*background-attachment:fixed;*/ padding:0px; margin:0px; 
}/*#D4CCC7*/
#wrapper {	width:100%; /*max-width:1600px;!important*/ background-image: url(ppic/wrapper_bk..jpg);background-repeat: repeat-x;background-color:#000;/*#F7F7F7*/	
            border:0px;	border-color:0px #ffffff solid;	padding-bottom:0px;	background-repeat: y-repeat;	margin:0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	text-align:center; /*box-shadow:0px 0px 30px black;*/ border-left:0px #e0e0e0 solid;  border-right:0px #e0e0e0 solid;background-color: transparent;background-color:#fff; }

/*#header {width:100%; float: none; margin-top: 0px;	clear: both; 	padding: 0px 0px 0px 0px;	background-image:url(ppic/header_bk.png);	background-repeat: repeat-x; text-align:center;  }*/
#header {
	
/*	
background:rgba(255,255,255,0.9) ; 
background-image:url();	background-repeat:no-repeat; background-size:cover; 
background-attachment:fixed;
background-position:top left;
width:100%;



	color:#fff; 
	border-bottom:0px solid #ccc;
	box-shadow:0px 0px 0px black;
	z-index:999; */
	
/*header 固定置頂*/	
/*	position:fixed;
	top:0px;
	left:0%;
	_position: absolute; 
    _top:expression(documentElement.scrollTop+"px");
	font-size:12px;
	text-align:center;
	font-family: "新細明體";
	padding:0px;
	padding-bottom: 0px;
	width:100%;
	clear:both;
	left:0%;
/**/

	padding-bottom: 0px;
	
	

 width:100%; height:auto; background-color:#fff; margin:-30px auto -0px; /*margin:0px auto -0px;margin-top:90px;/*-15+78*/ /*margin-bottom:-15px;*/ padding:0px; background:url(ppic/photo_down_bk..png) center bottom; background-repeat:no-repeat;  /*padding-bottom:29px;height:auto; */margin-top:-60px;	}
	
	
	
#header2{  width:100%; height:100%; background-color:#fff; margin:150px auto -15px; /*margin-top:90px;/*-15+78*/ /*margin-bottom:-15px;*/ padding:0px; background:url(ppic/photo_down_bk..png) center bottom; background-repeat:no-repeat;  /*padding-bottom:29px;height:auto;*/ max-width:1200px; } 

#header3{  width:100%; height:auto; background-color:#fff; margin:-30px auto -0px; /*margin:0px auto -0px;margin-top:90px;/*-15+78*/ /*margin-bottom:-15px;*/ padding:0px; background:url(ppic/photo_down_bk..png) center bottom; background-repeat:no-repeat;  /*padding-bottom:29px;height:auto;margin-top:-60px;*/ min-height:150px; } 

#header_ad{ /*display:none;*/  max-width:; margin:auto; height:376px; background-color:#FAFAFA; overflow:hidden; margin-top:150px; padding:0px;max-width:; margin-top:227px;margin-top:145px;}
#mid { /*com*/	width:100%; margin-top:0px; 	float:none;	clear:both;	background-color:#fff ;  background-repeat:repeat-y;	padding: 0px 0px 0px 0px; 	border:0px #FFE680 solid;	border-radius:0px; /*50px 圓角*/	overflow:hidden;text-align:center;  background-image:url(ppic/photo_down_bk.png);  background-repeat: repeat-x;  max-width:1300px; margin:auto; margin-top:200px;  }

#mid_knowledge {margin-top:120px; }

#mid_about { /*com*/	width:100%; margin-top:210px; 	float:none;	clear:both;	background-color: ;  background-repeat:repeat-y;	padding: 0px 0px 0px 0px; 	border:0px #FFE680 solid;	border-radius:0px; /*50px 圓角*/	overflow:hidden;text-align:center;   }

#mid_contact { /*com*/	width:100%; margin-top:210px; 	float:none;	clear:both;	background-color: ;  background-repeat:repeat-y;	padding: 0px 0px 0px 0px; 	border:0px #FFE680 solid;	border-radius:0px; /*50px 圓角*/	overflow:hidden;text-align:center;   }



#mid_h{ clear:none;  margin:0px auto; background-color:;width:80%; display:inline-block; float:left; margin-left:0%; border-left:0px solid #e0e0e0;margin-top:40px;  }
#mid_h_con{ clear:none; background-color:; width:100%; display:inline-block; float:right; }

#right_left {/*clear:none;boder-right:1px solid #e0e0e0; width:15%; display:inline-block; float:left; border-right:0px solid #e0e0e0; margin:0px; padding:0px;*/ 
width:18%; display: inline-block; float:none; vertical-align:top;}



#right2 { margin: 0px; 	padding: 0px;	width: 75%;	clear: none;clear:both;	text-align:center; display: inline-block;  float: none; vertical-align:top;}

#right { margin: 0px;	padding: 0px 0px 0px 0px;/*	float:left;*/ width:100%;	clear:both;	text-align:center; display: inline-block;  float: none; vertical-align:top;  }

#right_new { margin: 0px;	padding: 0px 0px 0px 0px;/*	float:left;*/	width:100%;/*	max-width: 1180px;*/	clear:both;	text-align:center; display: inline-block;  float: none; vertical-align:top;  min-height:300px; 	}

#right_01 { background-color:#013766; height:140px; width:100%;}
#right_01_noshop {/*display:none;*/  max-width:; margin:auto; height:376px;overflow:hidden; padding:0px;max-width:; margin-top:258px;  background-color:;background:url('ppic/header_bk.png') center center,rgba(231,231,231,1) ; background-repeat:no-repeat; background-size:cover; margin-top:178px;}
#right_01_noshop_noad{ height:30px;  background-color:;background:url('ppic/header_bk.png') center center,rgba(231,231,231,1) ; background-repeat:no-repeat; background-size:cover; /*margin-top:100px;*/ overflow:hidden;margin-top:145px; }

/*{ display:none;	width:100%; float:none;	margin:0px; padding:0px;	clear:both;	/*height:220px;*/ 	/*border-top:#FFF 0px solid;	padding-top:0px;text-align:center;  }*/

#right_02_contact {/*computer*/
	width:48%; /*max-width:1000px;*/ float:none; clear:none; margin-left:0%; overflow:hidden;	padding:20px 0px 60px 0px; background-color:;text-align:center;  display: inline-block;  float:right; 	border-right:0px #ddd solid; 	border-left:1px #ddd solid; }
  
#right_left_contact{ width:50%; min-height:700px;	clear:none;	background-color:;	padding-top:0px;	text-align:left;	padding-left:0px;	
	margin-left:0px;	overflow:hidden;		float:right;			margin:0px auto; padding:0px 0px 0px 0px; background-position:center right; background-repeat:no-repeat; background-size: cover;}


#right_02 {	width:100%;	text-align:center; 	/*max-width:1000px;*/  clear:none;	margin-left:0px; padding-top:20px;  display: inline-block;   float: none; margin-bottom:0px; padding-bottom:120px;  }
#right_02_86 {	width:86%;	text-align:center; 	clear:none; display: inline-block;  float: none;   }
#right_02_100 {	width:100%;	text-align:center; 	clear:none;	float:left;	margin-left:0px;padding:0px; display: inline-block;  float: none; }
#right_02_about {	width:100%;	text-align:center; 	clear:none;	float:left;	margin-left:0px; padding:0px; display: inline-block;  float: none;  }


#right_02_new {/*computer*/
width:100%;/*	max-width: 900px;*/	float:left;  /*  float:center;	margin-left:1%;*/    text-align:center; 	clear:none;	margin-left:0px;	overflow:hidden; padding:0px 10px 0px 0px;	background-color:;	text-align:center; display: inline-block;  float: none; 	border-right:1px #ddd solid;
}


#right_03 {	clear:both; padding-top:0px; display:none;}
#footer {/*computer*/	width:100% ;  /*min-height:200px;*/ float: none;	margin-top: 0px;	clear: both;		color:#999; 	
          background-image:url(ppic/foot_bk..jpg);	 background-position:bottom center; /*left, center, right*/ background-repeat: no-repeat; 
          	font-size:18px;	font-family:"微軟正黑體";	text-align: center; padding:0px;
		  border-top:1px solid #fff; /* #e0e0e0 */box-shadow:0px 0px 0px black; background-size:cover; min-height:100px; padding-top:10px; margin-top:0px;background:#585C67 url("") repeat-x right top;}
		  
#foot_text{ clear:none; width:50%; float:none;  padding-top:30px; padding-bottom:30px; padding-left:18px; /*background:rgba(0, 0, 0, 0.0)*/ border-radius:0px; text-align:left;display: inline-block;  float: none;}

/*a.footer:hover {width:100% ; height: 100%;	float: none;	margin-top: 0px;	clear: both;	padding: 0px;	background:url("ppic/footer_bk...jpg");  	background-color:;
             	color:#9F8742;	font-size:14px;	font:"微軟正黑體";	margin:0px 0px 0px 0px;	padding:0px 0px 0px 0px;	}*/

#contact_text{ float:left; padding-left:5px;padding-top:5px; color:#666666; border:0px #ccc solid; border-radius:0px; margin-right:30px;width:35%;text-align:left;line-height:250%;   }
#contact_form{ float:left; position:relative; padding-right:0px; width:96%;min-width:300px; color:#000;   border:0px #ccc solid; border-radius:0px; text-align:left; font:14px "微軟正黑體",Verdana,Arial,Helvetica,sans-serif; line-height:120%; background-color:; margin-left:4%; background-color:;    }



#h3_index_text{ color:#333; font-size:16px; font-family:'微軟正黑體'; text-align: center; line-height:30px; margin-top:0px;   }

#h2_ab_text{ /*text-shadow: 1px 1px 0px white,  1px 1px 1px black; */ font-size:30px; color:#333;font-weight:200;text-align:center;padding:10px 0px 20px 0px; margin:0px;font-family:'微軟正黑體'; }

#h2_ab_text2{ /*text-shadow: 1px 1px 0px white,  1px 1px 1px black; */font-size:30px; color:#333;font-weight:200;text-align:right;padding:10px 5% 20px 0px; margin:0px;font-family:'微軟正黑體'; }

.h2_ab_text_sub { font-size:10px; color:#FFF}
#h3_ab_text{  color:#333; font-size:16px; font-family:'微軟正黑體'; text-align:left; line-height:30px; padding:0px 0px 0px 0px;font-weight:300;!important } 
#h3_ab_text_white{ width:400px; color:#fff; font-size:30px; font-weight:500; font-family:'微軟正黑體'; text-align: center; line-height:160%;  border:0px #fff solid; margin:0px; padding:50px 0px; background:rgba(0,0,0,0.0); }
#h3_ab_text_white2{ width:400px; color:#fff; font-size:20px; font-family:'微軟正黑體'; text-align: right; line-height:30px;  border:0px #fff solid; margin:0px; padding:50px 0px;  }
#h3_join_text{ width:100%; color:#333; font-size:18px; font-family:'微軟正黑體'; text-align:left; line-height:30px;}
.proin_photo { max-width:100%;}














#pro_box {/*overflow:hidden;*/  width: 99%;	height:auto;	font-family:Arial, Helvetica, sans-serif;	font-size:11px; font-weight:bold; color: #2E4E0F; display: inline-block; float: none;    background-color:; text-align:left; margin-left:3%; }
#pro_pho { width: 28%;  /*min-width:252px !important;*/ max-width:100%;  /*height:auto; min-height:320px;*/ background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; margin:0px 4% 60px 0%; 	padding:0px;	
		   border:0px solid #A0A0A0; background-color: ; color:#39F; display:inline-block; float:none;  /*border-top-width:8px ; border-top-color: #FC6; */  border-radius:0px 0px 0px 0px;  } /* max-width:252px; */


#pro_box_h {/*overflow:hidden;*/  width: 100%;	height:auto;	font-family:Arial, Helvetica, sans-serif;	font-size:11px; font-weight:bold; color: #2E4E0F; display: inline-block; float: none;    background-color:; text-align:center; margin:50px 0px 150px 0px; }

#pro_h {  /*min-width:252px !important; max-width:100%; */ min-height:480px;  background-color:;	
	       	font-family: Verdana, Geneva, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:0px 0% 0px 0%; 	padding:0px;	
		  border:2px  solid #e0e0e0;   display:inline-block;  float:none;  vertical-align:top; width:35%; margin:0;border:0;padding:0;border:2px solid #e0e0e0; box-shadow:0px 5px 10px 0px #DEDEDE;  } 

#pro_h2 {  /*min-width:252px !important; max-width:100%; */ height:400px;  background-color:;	
	       	font-family: Verdana, Geneva, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:0px 0% 0px 30px; 	padding:0px;	
		   border:0px solid #e0e0e0;  
		   display:inline-block;  float:none;  vertical-align:top; width:55%;     } 

#pro_h4{ width:50%; float:left; padding:0% 50px; border-top:0px #ccc solid; margin:5% auto; margin-bottom:0px;  background-color: ; vertical-align:middle; }

#pro_h4_2{ width:65%; float:left; padding:0% 20px; border-top:0px #ccc solid; margin:5% 50px; margin-bottom:0px;  vertical-align:middle;
  text-align:left;  margin-bottom:0px; padding-bottom:0px;  background-color:;  box-shadow:0px 0px 0px black;

} 


#pro_h5{ width:96%; float:left; padding:0%; border-top:0px #ccc solid; margin:5% auto; background-color: ; vertical-align:middle; background-color:; float:none; display:inline-block;
} 

#pro_h2_in { width:100%; height:232px; overflow:hidden;border:2px solid #e0e0e0; margin-bottom:15px;  box-shadow:0px 5px 10px 0px #DEDEDE;  } 
#pro_h2_in2 { width:96%; height:auto; overflow:hidden; border:1px solid #e0e0e0 ; margin-bottom:15px; padding:10px;  box-shadow:0px 5px 10px 0px #FAFAFA;  } 



#pro_pho_aboutp {width:15%; margin:3%;}  

#pro_pho_10 { width: 10%;  /*min-width:252px !important;*/ max-width:100%;  /*height:auto; min-height:320px;*/  background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; margin:0px 1% 10px 1%; 	padding:5px;	
		   border:0px solid #e0e0e0; background-color: ; color:#39F; display:inline-block; float:none;  /*border-top-width:8px ; border-top-color: #FC6; */   } /* max-width:252px; */


#pro_pho_15 { width: 15%;  /*min-width:252px !important;*/ max-width:100%;  /*height:auto; min-height:320px;*/  background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; margin:0px 1% 10px 0%;	
		   border:0px solid #e0e0e0; background-color:#fff ; color:#39F; display:inline-block; float:none;  /*border-top-width:8px ; border-top-color: #FC6; */   } /* max-width:252px; */

#pro_pho_20 { width: 23%;  /*min-width:252px !important;*/ max-width:100%;  /*height:auto; min-height:320px;*/  background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; margin:0px 1% 10px 0%;	
		   border:0px solid #e0e0e0; background-color:#fff ; color:#39F; display:inline-block; float:none;  /*border-top-width:8px ; border-top-color: #FC6; */   } /* max-width:252px; */

#pro_pho_30 { width: 28%;  /*min-width:252px !important;*/   /*height:auto; min-height:320px;*/  background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:0px 1% 10px 0%; 	padding:0px;	
		   border:0px solid #e0e0e0; background-color:; color:#39F; /*border-top-width:8px ; border-top-color: #FC6; */ width:30%; display:inline-block; float:none;  } /* max-width:252px; */

#pro_pho_50 { width: 49%; display:inline-block; float:none;   margin:0px auto; text-align:left; /*min-width:252px !important;*/   /*height:auto; */min-height:120px;   } /* max-width:252px; */
#pro_pho_50_left { width: 60%;   margin:0px auto; float:left; margin-left:4%; /*min-width:252px !important;*/   /*height:auto; */min-height:120px;  } /* max-width:252px; */
#pro_pho_50_righr { width: 60%;   margin:0px auto; float:right; margin-right:4%; /*min-width:252px !important;*/   /*height:auto; */min-height:120px;  } /* max-width:252px; */


#pro_pho_slide {  /*不設寬度 !important;*/ max-width:100%;  /*height:auto; min-height:320px;*/  background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	 	margin:40px 1% 10px 1%; 	padding:0px;	
		   border:1px solid #e0e0e0; background-color:; color:#000; /*border-top-width:8px ; border-top-color: #FC6; */  } /* max-width:252px; */

.jssor .jssor_slide{ width:180px; height:321px;}		   

#pro_pho_new {display: inline-block;   float: none; vertical-align:top; padding:5px; width:47%; margin:20px -2% 0px 3%; padding:20px 0px; border:1px solid #ccc;}
#pro_pho_h { width: 47%;  /*min-width:252px !important; */  height:;    background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:8px 1% 8px 1%; 	padding:0px;	
		   border:1px solid #e0e0e0; background-color:; color:#39F;  }
		   
#pro_pho_h3 { width: 45%;  /*min-width:252px !important; */  height:auto;    background-color:;	

	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 		margin:8px 1% 8px 1%; 	padding:0px;	
		   border:1px solid rgba(204,204,204,1.0) ;border-left:3px solid rgba(204,204,204,1.0) ;  background-color:; color:#39F;  }
		   
		   
#pro_pho_shop { width: 45%;  /*min-width:252px !important; */  display:inline-block; height:auto;    background-color:;	

	       	font-family:Arial, Helvetica, sans-serif;	font-size:16px; 	font-weight:none; 		margin:8px 1% 8px 1%; 	padding:0px;	
		   border:0px solid rgba(204,204,204,1.0) ;border-left:0px solid rgba(204,204,204,1.0) ;  background-color:; color:#000;  }


#pro_pho_h80 { width:80%;  /*min-width:252px !important; */  height:auto;    background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 		margin:8px 1% 8px 1%; 	padding:0px;	
		   border:1px solid rgba(204,204,204,1.0) ;border-left:3px solid rgba(204,204,204,1.0) ;  background-color:; color:#39F;  }

#pro_pho_h100 { width:100%;  /*min-width:252px !important; */  height:auto;    background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 		margin:8px 1% 8px 1%; 	padding:0px;	
		   border:1px solid rgba(204,204,204,1.0) ;border-left:3px solid rgba(204,204,204,1.0) ;  background-color:; color:#39F;  }


#pro_homeprolist3 { width: 96%;  /*min-width:252px !important; */  height:auto;    background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 		margin:2px 1% 2px 1%; 	padding:0px;	
		   border:0px solid #e0e0e0; background-color:; color:#39F;  }

#pro_box_400 {/*overflow:hidden;*/	width: 98%;	height:auto;font-family:Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold; color: #2E4E0F;  display: inline-block;  
               float: none;    background-color:; }


#pro_pho_media { width: 18%;  /*min-width:252px !important;*/ max-width:100%;  height:auto; min-height:320px;  
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:6px 2% 25px 1%; 	padding:0px;	
		   border:0px solid #e0e0e0; background-color:#fff; color:#39F; border-radius:0px;box-shadow:0px 0px 0px gray;padding:0px ;/*border-top-width:8px ; border-top-color: #FC6; */  }
		   
#pro_pho_media_na { width: 22%;  /*min-width:252px !important;*/ max-width:100%;  height:auto; min-height:320px;  
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:6px 1% 25px 1%; 	padding:0px;	
		   border:0px solid #e0e0e0; background-color:#fff; color:#39F; border-radius:0px;box-shadow:0px 0px 0px gray;padding:0px ;/*border-top-width:8px ; border-top-color: #FC6; */  
		   padding:20px 5%; }

#pp { width:170px; height:160px;  } 
.lazy{ /*15 width: 227px; height:153px;*/ width:100%; /*min-height:150px;*/ height:;  border: 0px solid #999; margin: 0px auto; }
.lazy3{ width:100%; max-width: 700px;  /*height:100%;*/ margin:0px; border: 0px solid #999; padding:0px; margin: 0px auto; }
.lazy_h{ width:100%;height:auto; margin:0px; border: 0px #999 solid; padding:0px; margin: 0px auto; }
.lazy4{ /*15 width: 227px; height:153px;*/ width:100%;  height:auto;  border: 0px solid #999; padding:0px; margin: 0px auto; }

img.pro_pho_img { 	width: 200px; padding:5px; margin:8px; border: 3px solid #dddddd; }
img.event_pro_pho_img { width: 235px; min-width: 235px;/*	max-height:180px;*/height:235px;/* padding:5px; margin:8px;border: 3px solid #dddddd;*/}

#pro_main { width:96%; height:auto; border: 0px solid #ccc; display: inline-block; float: none; text-align:center;     }
#section_1 { width:70%; clear:none; float:left;  padding:15px 15px 0px 15px;    } /*圖區*/
#shopping_2 {/*display:none; */ display: inline-block;float:left;  width:26%; clear:none; float:right; margin-left:5px;  margin-right:5px; margin-bottom:10px;margin-top:15px; border:1px #e0e0e0 solid; border-radius:10px; background-color:; /* clear:both;  visibility:hidden; /*clear:none; float:left; display: block; width:48%; background-color:#333; border:2px #E3C390 solid; border-radius:10px; padding:20px 0px; margin-left:5px;margin-top:20px;*/} /*產品基本 display:block; */
#decri_3 { width:22%; clear:none; float:left; margin-left:5px;  margin-right:5px; margin-bottom:10px;margin-top:15px;   } /*產品說明*/
#share_5 { display:none; clear:none; float:left;  }
#shopping_item{ display:; /*display:inline-block; width:100%; background-color:#E3C390;*/}
#more_4 { clear:both; width:100%; margin: 0 auto; padding-top:0px; /*display:none;*/  }
#more_5 { clear:both; width:100%; margin: 0 auto; padding-top:50px;  }

#about_box {width: 100%;height:auto;font-family:Arial, Helvetica, sans-serif;font-size:11px; font-weight:bold; color: #2E4E0F; display: inline-block;  float: none;  display:none;}
#about_pho {float: left;position: relative;	overflow:hidden;width: 220px; min-height:290px; height:auto;background-color:;border:0px;border-color:#333333;
            font-family:Arial, Helvetica, sans-serif;	font-size:14px; font-weight:none; color: #999; 	margin:6px 3px 6px 3px;	padding-right:0px; border: 1px solid #dddddd;}
#event_box {overflow:hidden; width: 100%;background-color:; padding-left:0px; position: relative; float:left; display: block;}
#event_pho {float:left;	clear:none;	height:100%; position: relative; background-color:#FFFFFF; display: inline; text-align:top;}
#header_marguee003{ background:url(ppic/brand_bk.png) no-repeat center center; height:221px; margin-top:20px;}

#footer_img {/*computer*/  /*  min-height:200px;*/ height:auto;	float: none;	margin-top: 50px;clear: both; color:#002B3B;	background:url("");    
             background-attachment: scroll; /*fixed,scroll*/   /* background-repeat: repeat-y;*/	background-position:left top; /*left, center, right*/ 	background-color:;	
			 font-size:14px;	font:"微軟正黑體";margin:0px 0px 0px 0px;padding:2px 0px 2px 0px;	text-align:left;border-top:1px #e0e0e0 solid;  }
#foot_map{/*computer*/clear:none;width:300px ;/*max-width:300px;*/float:left; padding:0px;margin-left:5%; margin-right:30px;}
#foot_map2{/*computer*/clear:none;width:35%;height:300px;float:left;margin-top:10px;padding:35px 10px 10px 10px;background:rgba(0, 0, 0, 0.7) ;
            border-radius:0px;border:#fff 5px solid;font-size:16px;line-height:180%;}
td.photo_td{ height:auto; border: 0px solid #dddddd; padding:0px;}



@media all and (max-width: 979px), (min-width: 768px) and (max-width: 979px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

body {background-image:url(); background-repeat: repeat-x; background-color:; background-attachment: scroll; padding:0px; margin:0px; background-size:150%;  }	
#wrapper {width:100%;	background-image: url(ppic/wrapper_bk..jpg);	background-repeat: x-repeat;	background-color:;	border:0px;	border-color:#ffffff;	border-width:0px; padding-bottom:0px;	margin-bottom:0px;	margin-top:0px ;		padding: 0px 0px 0px 0px; margin:0px;}

#header { width:100%; float: none; margin: 0px; 	clear: both;	padding: 0px 0px 0px 0px; text-align: left;	height:auto;left:0%;background-image:url(ppic/header_bk..jpg);	background-repeat:no-repeat; background-attachment: scroll;background-position:top right;   background-size:cover; background-color:; /*position: fixed;*/


 width:100%; height:auto; background-color:#fff; margin-top:-20px;/*-15+78*/ padding:0px; margin-bottom:-15px;  background:url(ppic/photo_down_bk..png) center bottom; background-repeat:no-repeat;
 
 }

#header2{ /*clear:both; height:auto; 
width:100%; background-color:#000; clear:both; padding-bottom:0px; background:url(ppic/photo_down_bk..png) center bottom; background-repeat:no-repeat; height:auto;   margin-top:-105px; margin-bottom:-15px;/*padding-bottom:29px;height:auto;*/ } 

#header2{  width:100%; height:auto; background-color:#fff; margin-top:-20px;/*-15+78*/ padding:0px; margin-bottom:-15px;  background:url(ppic/photo_down_bk..png) center bottom; background-repeat:no-repeat;  /*padding-bottom:29px;height:auto;  */} 
#header3{  width:100%; height:auto; background-color:#fff; margin-top:-20px;/*-15+78*/ padding:0px; margin-bottom:-15px;  background:url(ppic/photo_down_bk..png) center bottom; background-repeat:no-repeat; /*min-height:500px;  height:100vh;padding-bottom:29px;height:auto;*/ margin-bottom:0px;  } 
#header_ad{ /*display:none;*/  max-width:; margin:auto; height:376px; background-color:#FAFAFA; overflow:hidden; margin-top:150px; padding:0px;max-width:; margin-top:70px; margin-top:143px;}

#header_ad_h { width:100%; /*max-width:320px;*/ /* float: left; 	margin-right:30px;*/display: inline-block;  float: none;}
#mid { 	padding: 0px 0px 0px 0px;	width:100%;	float:none;	clear:both;	background-color:#fff;    /*background-image:url(ppic/mid_bk...png);
     	background-repeat:repeat-y;*/background-attachment:fixed; 	margin: 0px 0px 0px 0px; 	border:0px #FFE680 solid;	border-radius:0px; overflow:hidden;  margin-top:0px; text-align:center;   margin-top:100px;  }


#mid_h{ clear:none;  margin:0px auto; background-color:;width:100%; max-width:100%;  display:inline-block; float:right; margin-left:0%; }
#right_left { display:none;}

#mid_knowledge{ 	 margin-top:38px; }
		
#mid_about { 	padding: 0px 0px 0px 0px;	width:100%;	float:none;	clear:both;	background-color:#fff;    /*background-image:url(ppic/mid_bk...png);
     	background-repeat:repeat-y;*/background-attachment:fixed; 	margin: 0px 0px 0px 0px; 	border:0px #FFE680 solid;	border-radius:0px; overflow:hidden;  margin-top:0px; text-align:center;  }
#mid_contact { 	padding: 0px 0px 0px 0px;	width:100%;	float:none;	clear:both;	background-color:#fff;    /*background-image:url(ppic/mid_bk...png);
     	background-repeat:repeat-y;*/background-attachment:fixed; 	margin: 0px 0px 0px 0px; 	border:0px #FFE680 solid;	border-radius:0px; overflow:hidden;  margin-top:-100px; text-align:center;  }		

#right { width:100%; margin: 0px;	padding: 0px 0px 0px 0px;	clear:both;	background-color:; 	text-align:center; display: inline-block;  float: none;  }
#right_new { width:100%;}
#right_left_contact{ width:100%; height:100%; min-height:0px;	clear:both;	background-color:;	padding-top:0px;	text-align:left;	padding-left:0px;	
	margin-left:0px;	overflow:hidden;		float:right;			margin:0px auto; background-size: cover; margin-top:30px; }

#right_02_contact {/*computer*/
	width:100%; float:none; text-align:center; clear:both; margin-left:0px; overflow:hidden;	padding:30px 10px 0px 0px; background-color:;
  display: inline-block;  float: none; 	border-top:1px #ddd solid; 	
  
}

#right2 { margin: 0px; 	padding: 0px;	width: 100%;	clear: none;clear:both;	text-align:center; display: inline-block;  float: none; vertical-align:top;    	}



#right_01 {}
#right_01_noshop {/*display:none;*/ height:376px; background-color:; overflow:hidden; margin-top:0px; padding:0px;}
#right_01_noshop_noad{height:30px; background-color:; overflow:hidden; margin-top:0px; padding:0px; }

/*{ width:100%; /*	max-width:720px;*/ /*float:none;	margin:0px; margin-top:0px;	padding:0px; clear:both; height:auto; border-top:#FFF 0px solid; padding-top:0px; text-align:center;	}*/
#right_02 { width:100%; clear:both;/*	float:center; margin-left:3%;*/    text-align:center;	overflow:hidden;
	         padding-top:; padding-top:10px; display: inline-block;  float: none;}	
#right_02_86 {width:86%;	text-align:center; 	clear:none;	display: inline-block;  float: none; }
#right_02_new {/*computer*/
	width:100%; /*	max-width: 900px;*/	float:left;  /*  float:center;	margin-left:1%;*/    text-align:center;  	clear:none;	margin-left:0px;	overflow:hidden;		padding-top:0px;
	background-color:;	padding-bottom:0px; display: inline-block;  float: none;}
	
#right_02_about {	width:100%;	text-align:center; 	clear:none;	float:left;	margin-left:0px; padding:0px; display: inline-block;  float: none; margin-top:0px;}



#right_03 {	display:none /*inherit*/; clear:both;  }



#column_all{/*定義於此.無法實現,故加在該頁上方style裏*/}
#column_30per{  /*定義於此.無法實現,故加在該頁上方style裏*/}

#footer {	width:100% ;	font-size:16px;	font:"微軟正黑體"; font-weight:300;	text-align: center; padding:0px 0px 0px 0px; border-top:1px #e0e0e0 solid;}	
#foot_text{ width:auto; float:none; padding:0px; /*background:rgba(0, 0, 0, 0.6);*/border-radius:0px; display: inline-block;  float: none;  }

#contact_text{ display:none;  }
#contact_form{ float:left; position:relative; padding-right:0px; width:100%; min-width:300px; color:#333;   border:0px #ccc solid; border-radius:10px; text-align:left; font:18px "微軟正黑體",Verdana,Arial,Helvetica,sans-serif; line-height:120%; background-color:; margin:0px;  }



#nodisplay{max-height:400px; display:block; }
#h3_join_text{ width:350px; color:#333; font-size:18px; font-family:'微軟正黑體'; text-align:left; line-height:30px; }
.proin_photo { width:100%;}


#pro_h4{ width:100%; min-height:300px; float:none; padding:0px 10px ;  border:0px #fff solid; margin:5% auto; margin-bottom:0px; background-color:rgba(255,255,255,0.0) ; vertical-align:top; } 

#pro_pho_media_na { width: 40%;  /*min-width:252px !important;*/ max-width:100%;  height:auto; min-height:320px;  
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:6px 2% 25px 1%; 	padding:0px;	
		   border:0px solid #e0e0e0; background-color:#fff; color:#39F; border-radius:0px; box-shadow:0px 0px 0px gray;/*border-top-width:8px ; border-top-color: #FC6; */ 
		   padding:20px 5%; }

#pro_pho_shop { width: 100%;  /*min-width:252px !important; */ display:inline-block;  height:auto;    background-color:;	

	       	font-family:Arial, Helvetica, sans-serif;	font-size:16px; 	font-weight:none; 		margin:8px 1% 8px 1%; 	padding:0px;	
		   border:0px solid rgba(204,204,204,1.0) ;border-left:0px solid rgba(204,204,204,1.0) ;  background-color:; color:#000;  }

#pro_pho_20 { width: 48%;  /*min-width:252px !important;*/ max-width:100%;  /*height:auto; min-height:320px;*/  background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; margin:10px 1% 10px 0%; 	
		   border:0px solid #e0e0e0; background-color:#fff ; color:#39F; display:inline-block; float:none;  /*border-top-width:8px ; border-top-color: #FC6; */   } /* max-width:252px; */

#pro_pho_50 { width: 96%; margin:0px auto;/*min-width:252px !important;*/   /*height:auto; min-height:320px;*/  } /* max-width:252px; */

}




@media (min-width: 980px) and (max-width: 1199px) {


#right2 { margin: 0px; 	padding: 0px;	width: 75%;	clear: none;clear:both;	text-align:center; display: inline-block;  float: none; vertical-align:top;    	}

#right_02 {	width:100%;	height:100%;text-align:center; 	clear:none;	float:left;	margin-left:0px;	overflow:hidden;padding-bottom:20px; padding-top:0px;display: inline-block;  float: none; margin-bottom:0px;  }

#right_new {width:96%; background-color:;}
#right_02_new {/*computer*/
	width:100%; /*	max-width: 900px;*/	float:left;  /*  float:center;	margin-left:1%;*/    text-align:center;  	clear:none;	margin-left:0px;	overflow:hidden;		padding-top:0px;
	background-color:;	padding-bottom:0px; display: inline-block;  float: none;}

#right_01_noshop {/*display:none;*/ height:125px; background-color:; overflow:hidden; margin-top:190px; padding:0px; }
#right_01_noshop_noad{ height:30px; /*margin-top:100px;*/ overflow:hidden;margin-top:0px;margin-top:190px; }

#pro_box {width: 99%;	height:auto; margin-left:1%; }
#pro_pho {width: 32%;   margin:10px 1% 10px 0%; border:0px solid #A0A0A0;}

#pro_pho_new {width: 46%;  /*border-top-width:8px ; border-top-color: #FC6;*/  margin:40px 0% 10px 2%; border:1px solid #e0e0e0;}
#pro_pho_h { width: 32%;  /*min-width:252px*/ !important; max-width:100%;  height:auto; min-height:;  background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:40px 1% 10px 1%; 	padding:0px;	
		   border:0px solid #e0e0e0; background-color:; color:#39F;  }

.lazy{ width:100%;  margin:0px; border: 0px solid #999; margin: 0px auto; }/* height:235px;*/
.lazy3{ width:100%; /*max-width: 450px;*/max-width: 700px;  height:auto; margin:0px; border: 0px solid #999; padding:0px; margin: 0px auto; }


img.pro_pho_img { 	width: 200px; padding:5px; margin:8px; border: 3px solid #dddddd; }
img.event_pro_pho_img { width: 235px; min-width: 235px;/*	max-height:180px;*/height:235px;/* padding:5px; margin:8px;border: 3px solid #dddddd;*/}


#section_1 { width:48%;clear:none; float:left; margin:15px 15px 0px 0px;   } /*圖區*/
#shopping_2 {/*display:none;*/  width:45%;clear:none; float:left; margin-left:5px; margin-right:5px; margin-top:20px;} /*產品基本 display:block; */
#decri_3 { width:45%;clear:none; float:left; margin-left:5px; margin-right:5px; } /*產品說明*/
#share_5 { display:none; clear:none; float:left;  }
#more_4 { clear:both; width:100%; margin: 0 auto; padding-top:0px;  /*display:none;*/}


#about_box { width: 100%; height:auto;	font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #2E4E0F;  display: inline-block;  float: none;}
#about_pho {float: left; 	position: relative;	overflow:hidden; width: 220px; /*180px*/min-height:290px; height:auto; /*	height:100%;*/	background-color:;	border:0px;
            border-color:#333333;	font-family:Arial, Helvetica, sans-serif;	font-size:14px; font-weight:none; color: #999; 	margin:6px 3px 6px 3px;	padding-right:0px;
            border: 1px solid #dddddd; }
	
#contact_text{ float:left; padding-left:5px;padding-top:5px; color:#666666; border:0px #ccc solid; border-radius:10px; margin-right:100px;width:30%;text-align:left;line-height:250%;   }
#contact_form{ float:left; position:relative; padding-right:0px; width:96%; /*width:50%;*/ min-width:300px; color:#000;   border:0px #ccc solid; border-radius:10px; text-align:left; font:16px "微軟正黑體",Verdana,Arial,Helvetica,sans-serif; line-height:120%; background-color:;  }


}

@media (min-width: 768px) and (max-width: 979px) {
#header{  width:100%; height:auto; background-color:#fff; margin-top:-20px;/*-15+78*/ padding:0px; margin-bottom:-15px;  background:url(ppic/photo_down_bk..png) center bottom; background-repeat:no-repeat;  /* height:100vh;padding-bottom:29px;height:auto;*/  } 

#header3{  width:100%; height:auto; background-color:#fff; margin-top:-0px;/*-15+78*/ padding:0px; margin-bottom:-15px;  background:url(ppic/photo_down_bk..png) center bottom; background-repeat:no-repeat;  /* height:100vh;padding-bottom:29px;height:auto;*/ } 

#header_ad{background-color:; overflow:hidden; margin-top:110px; margin-top:81px;padding:0px;}


#mid_h{ clear:none;  margin:0px auto; background-color:;width:100%; max-width:100%; width:100%; display:inline-block; float:right; margin-left:0%;}

#right_left {clear:none;boder-right:1px solid #e0e0e0; width:15%; display:inline-block; float:left; border-right:0px solid #e0e0e0; margin:0px; padding:0px; display:none; }


#right_02 { width:100%; /*100%*/	height:100%; clear:both; background-color:; text-align:center; overflow:hidden; padding-top:5px; display: inline-block;  float: none;}	
#right_01_noshop {/*display:none;*/ height:125px; background-color:; overflow:hidden; margin-top:101px; padding:0px; }
#right_01_noshop_noad{ height:30px; /*margin-top:100px;*/ overflow:hidden;margin-top:0px;margin-top:100px; }

#right_new {width:96%;}
#right_02_new {/*computer*/
	width:100%; /*	max-width: 900px;*/	float:left;  /*  float:center;	margin-left:1%;*/    text-align:center;  	clear:none;	margin-left:0px;	overflow:hidden;		padding-top:0px;
	background-color:;	padding-bottom:0px; display: inline-block;  float: none;}

#pro_box {width: 99%; margin-left:1%; background-color:; text-align:left; }
#pro_pho {	width: 32%; /*min-width:227px; padding:5px;  /*border-top-width:8px ; border-top-color: #FC6;*/  border:0px solid #A0A0A0; margin:10px 1% 10px 0%; }

#pro_pho_h {	width: 47%; /*min-width:227px; padding:5px;  /*border-top-width:8px ; border-top-color: #FC6;*/  border:1px solid #e0e0e0; margin:10px 1% 10px 1%; }


#pro_pho_new {	width: 40%; min-width:227px; padding:5px;  /*border-top-width:8px ; border-top-color: #FC6;*/  border:1px solid #e0e0e0; margin:40px 2% 10px 2%; }

#pro_pho_20 { width: 48%;  /*min-width:252px !important;*/ max-width:100%;  /*height:auto; min-height:320px;*/  background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; margin:10px 1% 10px 0%; 	
		   border:0px solid #e0e0e0; background-color:#fff ; color:#39F; display:inline-block; float:none;  }
#pro_pho_50 { width: 96%; margin:0px auto;}
		   
		   
#pro_h { width:100%;  /*min-width:252px*/ !important; max-width:100%;  height:auto;  background-color:;	 min-height:auto;  
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:0px 0% 0px 0%; 	padding:0px;	
		   border:2px solid #e0e0e0; background-color:; color:#39F; border-top-width:0px ; border-top-color: #FC6; border-radius:0px;   } 


#pro_h2 {  /*min-width:252px !important; max-width:100%; */ height:auto;  background-color:;	
	       	font-family: Verdana, Geneva, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:0px 0% 0px 0px; 	padding:0px;	
		   border:0px solid #e0e0e0;  
		   display:inline-block;  float:none;  vertical-align:top; width:100%;     } 


#pro_h2_in { width:100%; height:auto; overflow:hidden;border:2px solid #e0e0e0; margin-bottom:10px;   } 






.lazy{ width:100%; height:; /*min-height:250px; */ margin:0px; border: 0px #999 solid; margin: 0px auto; } 
.lazy3{ width:100%; max-width:700px; /*max-width: 400px;*/  height:auto; margin:0px; border: 0px solid #999; padding:0px; margin: 0px auto; }


#header_marguee003{ background:url(ppic/brand_bk2.png) no-repeat center center; height:221px; margin-top:0px;}

#section_1 { width:50%;clear:none; float:left;   } /*圖區*/
#decri_3 { width:40%; clear:none; float:left; margin-left:1%;} /*產品說明*/
#shopping_2 {  /*display:none;*/width:40%; clear:none; float:left; margin-left:1%;margin-top:20px;} /*產品說明*/

#share_5 { display:none; clear:none; float:left;  }
#more_4 { clear:both; width:100%; margin: 0 auto; padding-top:0px;  /*display:none;*/ }

#contact_text{ float:left; padding-left:5px;padding-top:5px; color:#666666; border:0px #ccc solid; border-radius:10px; margin-right:100px;width:30%;text-align:left;line-height:250%;   }
#contact_form{ float:left; position:relative; padding-right:0px; width:96%; min-width:300px; color:#000;   border:0px #ccc solid; border-radius:10px; text-align:left; font:16px "微軟正黑體",Verdana,Arial,Helvetica,sans-serif; line-height:120%; background-color:; margin-left:4%;  }
#blogo{ display:none;}


}


@media (min-width: 580px) and (max-width: 767px) {


#right_01_noshop {/*display:none;*/ height:125px; background-color:; overflow:hidden; margin-top:110px;  margin-top:101px; padding:0px; }
#right_01_noshop_noad{ height:30px; /*margin-top:100px;*/ overflow:hidden;margin-top:100px; }



#header3{  width:100%; height:auto; background-color:#fff; margin-top:-0px;/*-15+78*/ padding:0px; margin-bottom:-15px;  background:url(ppic/photo_down_bk..png) center bottom; background-repeat:no-repeat; /* min-height:550px; height:100vh;padding-bottom:29px;height:auto;*/  } 
#header_ad{background-color:; overflow:hidden; margin-top:120px; margin-top:81px;padding:0px;}


#pro_box {width: 99%; margin-left:1%; background-color:; text-align:left; }
#pro_pho { width:48%;min-height:210px; /* border-top-width:8px ; border-top-color: #FC6;*/   border:0px solid #A0A0A0; margin:10px 1% 10px 0%;}

#pro_pho_h{ width:47%;min-height:; /* border-top-width:8px ; border-top-color: #FC6;*/   border:1px solid #e0e0e0; margin:10px 1% 10px 1%;}
#pro_pho_new{ width:45%;min-height:210px; /* border-top-width:8px ; border-top-color: #FC6;*/   border:0px solid #e0e0e0; margin:40px 2% 10px 2%;}

#pro_h { width:100%;  /*min-width:252px*/ !important; max-width:100%;  height:auto;  background-color:;	 min-height:auto;  
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:0px 0% 0px 0%; 	padding:0px;	
		   border:2px solid #e0e0e0; background-color:; color:#39F; border-top-width:0px ; border-top-color: #FC6; border-radius:0px;   } 


#pro_h2 {  /*min-width:252px !important; max-width:100%; */ height:auto;  background-color:;	
	       	font-family: Verdana, Geneva, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:0px 0% 0px 0px; 	padding:0px;	
		   border:0px solid #e0e0e0;  
		   display:inline-block;  float:none;  vertical-align:top; width:100%;     } 


#pro_h2_in { width:100%; height:auto; overflow:hidden;border:2px solid #e0e0e0; margin-bottom:10px;   } 




.lazy{ width:100%; margin:0px; height:; /*min-height:250px; */ border: 0px #999 solid; padding:0px; margin: 0px auto; } 
.lazy3{ width:100%; max-width: 550px; height:auto; margin:0px; border: 0px solid #999; padding:0px; margin: 0px auto; }

#pro_pho_media { width: 30%;  /*min-width:252px*/ !important; max-width:100%;  height:auto; min-height:320px;  
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:6px 2% 25px 1%; 	padding:0px;	
		   border:6px solid #e0e0e0; background-color:#fff; color:#39F; border-radius:0px;box-shadow:2px 2px 8px gray;padding:0px ;/*border-top-width:8px ; border-top-color: #FC6; */  }

#pro_pho_media_na { width: 40%;  /*min-width:252px*/ !important; max-width:100%;  height:auto; min-height:320px;  
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:6px 2% 25px 1%; 	padding:0px;	
		   border:6px solid #e0e0e0; background-color:#fff; color:#39F; border-radius:0px;box-shadow:2px 2px 8px gray;padding:0px ;/*border-top-width:8px ; border-top-color: #FC6; */  padding:20px 5%;  }
#pro_pho_50 { width: 96%; margin:0px auto;}


#header_marguee003{ background:url(ppic/brand_bk2.png) no-repeat center center; height:221px; margin-top:0px;}

#section_1 {width:96%; clear:both; display: inline-block;  float: none;   } /*圖區*/
#shopping_2 {/* display:none;*/  width:96%; clear:both; padding:50px 0px 0px 0px; display: inline-block;  float: none;margin-top:20px; } 

#decri_3 { width:96%; clear:both; padding:50px 0px 0px 0px; display: inline-block;  float: none; } /*產品說明*/
#share_5 { display:none; clear:none; float:left;  }
#more_4 { clear:both; width:100%; margin: 0 auto; padding-top:0px; /* display:none;*/}

#contact_text{ display:none;}
#contact_form{ float:left; position:relative; padding-right:0px; width:96%; min-width:300px; color:#000;   border:0px #ccc solid; border-radius:10px; text-align:left; font:14px "微軟正黑體",Verdana,Arial,Helvetica,sans-serif; line-height:120%; background-color:; margin-left:4%; }
#blogo{ display:none;}

.buttons { display:none;}
.buttonsh:hover {display:none;}

.buttons2 {  background-color:#D0111B ; /* #CBDAD3Green */
  border: none;
  color: white;
  padding: 15px 22px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;
  font-family: "微軟正黑體";
  font-weight:normal;
  
  margin: 150px 2px 0px;
  cursor: pointer;
  color:#fff; 
  margin-top:30px; 
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.buttonsh2:hover {
  padding:30px; color:#fff; margin-top:30px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;

	}


}


@media (min-width: 480px) and (max-width: 579px) {/* 480<x<579 */


#right_01_noshop {/*display:none;*/ height:125px; background-color:; overflow:hidden; margin-top:119px; padding:0px; }
#right_01_noshop_noad{ height:30px; /*margin-top:100px;*/ overflow:hidden;margin-top:119px; }

#header3{  width:100%; height:auto; background-color:#fff; margin-top:-0px;/*-15+78*/ padding:0px; margin-bottom:-15px;  background:url(ppic/photo_down_bk..png) center bottom; background-repeat:no-repeat; /* min-height:550px; height:100vh;padding-bottom:29px;height:auto;*/  } 
#header_ad{background-color:; overflow:hidden; margin-top:120px; margin-top:81px;padding:0px;}


#pro_box { background-color:;text-align:center; width:100%; margin-left:0px;}
#pro_pho_h{ width:47%; min-height:;  /*border-top-width:8px ; border-top-color: #FC6;*/   border:1px solid #e0e0e0;margin:10px 1% 10px 1%;  }
#pro_pho{ width:100%; min-height:;  /*border-top-width:8px ; border-top-color: #FC6;*/   border:0px solid #A0A0A0;margin:10px 0% 10px 0%;   }

#pro_pho_new{ width:45%; min-height:210px;  /*border-top-width:8px ; border-top-color: #FC6;*/   border:0px solid #e0e0e0;margin:40px 2% 10px 2%;  }

#pro_h { width:100%;  /*min-width:252px*/ !important; max-width:100%;  height:auto;  background-color:;	 min-height:auto;  
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:0px 0% 0px 0%; 	padding:0px;	
		   border:0px solid #e0e0e0; background-color:; color:#39F; border-top-width:0px ; border-top-color: #FC6; border-radius:0px;   } 


#pro_h2 {  /*min-width:252px !important; max-width:100%; */ height:auto;  background-color:;	
	       	font-family: Verdana, Geneva, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:0px 0% 0px 0px; 	padding:0px;	
		   border:0px solid #e0e0e0;  
		   display:inline-block;  float:none;  vertical-align:top; width:100%;     } 


#pro_h2_in { width:100%; height:auto; overflow:hidden;border:2px solid #e0e0e0; margin-bottom:10px;   } 

#pro_pho_50 { width: 96%; margin:0px auto;}


.lazy{ width:100%; height:; /*min-height:250px;*/  margin:0px; border: 0px #999 solid; padding:0px; margin: 0px auto; } 
.lazy3{ width:100%; height:auto; margin:0px; border: 0px solid #999; padding:0px; margin: 0px auto; }

#header_marguee003{ background:url(ppic/brand_bk2.png) no-repeat center center; height:221px; margin-top:0px;}

#section_1 {width:100%; clear:both;  display: inline-block;  float: none; } /*圖區*/
#shopping_2 { /*display:none; */ width:96%; clear:both;  padding:50px 0px 0px 0px; display: inline-block;  float: none;margin-top:20px;} 
#decri_3 { width:96%;clear:both;  padding:50px 0px 0px 0px; display: inline-block;  float: none;  } /*產品說明*/
#share_5 { display:none; clear:none; float:left;  }
#more_4 { clear:both; width:100%; margin: 0 auto; padding-top:0px; /*display:none;*/ }

#footer_img { clear:both; width:100%;height:100%;float: none; margin-top: 0px; clear: both;	color:#000;	background:url(""); background-attachment: scroll; /*fixed,scroll*/	
   /* background-repeat: repeat-y;*/background-position:left top; /*left, center, right*/ 	background-color:;	font-size:14px;	font:"微軟正黑體"; margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px; text-align:center;border-top:1px #e0e0e0 solid; }

#foot_map{clear:both;width:300px ;padding:0px;margin-left:0px;margin-right:0px;display: inline-block;  float: none;}

#foot_map2{clear:both;width:300px;height:300px;margin:10px 0px 0px 0px;padding:35px 10px 10px 10px;background:rgba(0, 0, 0, 0.8) ;border-radius:0px;border:#fff 5px solid;
           font-size:18px;line-height:180%;display: inline-block;  float: none;}

#contact_text{ display:none;}
#contact_form{ float:left; position:relative; padding-right:0px; width:96%; min-width:300px; color:#000;   border:0px #ccc solid; border-radius:10px; text-align:left; font:16px "微軟正黑體",Verdana,Arial,Helvetica,sans-serif; line-height:120%; background-color:; margin-left:4%; }


#h2_ab_text{ font-family: '微軟正黑體', serif;  font-size:30px; color:#333/*#719991*/; font-weight:none; text-align:center;padding:0px 0px 10px 0px; margin:0px;}
#h2_ab_text2{ font-family: "微軟正黑體";  font-size:30px; color:#333/*#719991*/; font-weight:none; text-align:center;padding:0px 0px 10px 0px; margin:0px;}

#h3_ab_text{width:100%; color:#333; font-size:16px; font-family:'微軟正黑體'; text-align:left; line-height:30px; padding:0px 0px 0px 0px;font-weight:300; !important}
#blogo{ display:none;}
#h3_join_text{ width:350px; color:#333; font-size:18px; font-family:'微軟正黑體'; text-align:left; line-height:30px;}


.buttons {  display:none;}
.buttonsh:hover { display:none;}


.buttons2 {  background-color:#D0111B ; /* #CBDAD3Green */
  border: none;
  color: white;
  padding: 15px 22px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;
  font-family: "微軟正黑體";
  font-weight:normal;
  
  margin: 150px 2px 0px;
  cursor: pointer;
  color:#fff; 
  margin-top:30px; 
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.buttonsh2:hover {
  padding:30px; color:#fff; margin-top:30px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;

	}


}

@media (max-width: 479px)  {/* x<479 */
#header{  width:100%; height:auto; background-color:#fff; margin-top:-0px;/*-15+78*/ padding:0px; margin-bottom:-15px;  background:url(ppic/photo_down_bk..png) center bottom; background-repeat:no-repeat; /* min-height:550px; height:100vh;padding-bottom:29px;height:auto;*/  } 

#header3{  width:100%; height:auto; background-color:#fff; margin-top:-0px;/*-15+78*/ padding:0px; margin-bottom:-15px;  background:url(ppic/photo_down_bk..png) center bottom; background-repeat:no-repeat; /* min-height:550px; height:100vh;padding-bottom:29px;height:auto;*/  } 

#header_ad{ height:376px; background-color:; overflow:hidden; margin-top:81px; padding:0px;}


#right_left_contact{ width:100%;  min-height:0px; clear:both;	background-color:;	padding:30px 0px ;	text-align:left;	
	margin-left:0px;	overflow:hidden;		float:left;			margin:0px auto 0px;}

#right_02_contact {/*computer*/
	width:100%; float:none; text-align:center; clear:both; margin-left:0px; overflow:hidden;	padding:30px 10px 0px 0px; background-color:;
  display: inline-block;  float: none; 	border-top:0px #ddd solid; 	
  
}

#right_02 { width:100%; /*100%*/	height:100%; clear:both; background-color:; text-align:center; overflow:hidden; padding-top:5px; display: inline-block;  float: none; }	


#right_01_noshop {/*display:none;*/ height:125px; background-color:; overflow:hidden;   margin-top:96px;padding:0px; min-height:70px;  background-color:;background:url('ppic/header_bk.png') center center,rgba(231,231,231,1) ; background-repeat:no-repeat; background-size:cover;margin-top:119px;
 }
#right_01_noshop_noad{ height:30px; /*margin-top:100px;*/ overflow:hidden;margin-top:110px; margin-top:95px; min-height:70px; background-color:#DD817C;background:url('ppic/header_bk.png') center center,rgba(231,231,231,1) ; }


#pro_box {	width: 100%;background-color:; text-align:center; padding:0px; margin:0px;  display:inline-block;  float: none; text-align:center;  }
#pro_box_h {/*overflow:hidden;*/  width: 100%;	height:auto;	font-family:Arial, Helvetica, sans-serif;	font-size:11px; font-weight:bold; color: #2E4E0F; display: inline-block; float: none;    background-color:; text-align:center; margin:0px 0px 150px 0px; }

#pro_h { width:100%;  /*min-width:252px*/ !important; max-width:100%;  height:auto;  min-height:auto;  
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:0px 0% 0px 0%; 	padding:0px; 	
		   border:0px solid #e0e0e0; background-color:;  color:#39F; border-top-width:0px ; border-top-color: #FC6; border-radius:0px; text-align:center;   } 


#pro_h2 {  /*min-width:252px !important; max-width:100%; */ height:auto;  background-color:;	
	       	font-family: Verdana, Geneva, sans-serif;	font-size:11px; 	font-weight:none; 	color: #2E4E0F; 	margin:0px 0% 0px 0px; 	padding:0px;	
		   border:0px solid #e0e0e0;  
		   display:inline-block;  float:none;  vertical-align:top; width:100%;     } 


#pro_h2_in { width:100%; height:auto; overflow:hidden;border:2px solid #e0e0e0; margin-bottom:10px;   } 




#pro_pho_h{ width:96%; height:;  /*min-height:210px;*/ /*border-top-width:8px ; border-top-color: #FC6;*/   border:1px solid #e0e0e0;  display:inline-block;  float: none;margin:40px 1% 10px 0%; padding:0px;  }
#pro_pho { width:100%; height:auto;  /*min-height:210px;*/ /*border-top-width:8px ; border-top-color: #FC6;*/   border:0px solid #A0A0A0;  display:inline-block;  float: none; margin:5px 0% 5px 0%; padding:0px;  }

#pro_pho_aboutp {width:40%; margin:3%;}  

#pro_pho_30 ,#pro_pho_h_30{ width:98%; min-height:210px;  /*border-top-width:8px ; border-top-color: #FC6;*/   border:0px solid #e0e0e0;margin:40px 1% 10px 1%;  }

#pro_pho_10 { width: 25%;  /*min-width:252px !important;*/ max-width:100%;  /*height:auto; min-height:320px;*/  background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; margin:10px 2% 10px 2%; 	padding:0px;	
		   border:0px solid #e0e0e0; background-color: ; color:#39F; display:inline-block; float:none;  /*border-top-width:8px ; border-top-color: #FC6; */   } /* max-width:252px; */


#pro_pho_15 { width: 48%;  /*min-width:252px !important;*/ max-width:100%;  /*height:auto; min-height:320px;*/  background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; margin:10px 1% 10px 0%; 	
		   border:0px solid #e0e0e0; background-color:#fff ; color:#39F; display:inline-block; float:none;  /*border-top-width:8px ; border-top-color: #FC6; */   } /* max-width:252px; */

#pro_pho_20 { width: 48%;  /*min-width:252px !important;*/ max-width:100%;  /*height:auto; min-height:320px;*/  background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; margin:10px 1% 10px 0%; 	
		   border:0px solid #e0e0e0; background-color:#fff ; color:#39F; display:inline-block; float:none;  /*border-top-width:8px ; border-top-color: #FC6; */   } /* max-width:252px; */

#pro_pho_50 { width: 96%; margin:0px auto;/*min-width:252px !important;*/   /*height:auto; min-height:320px;*/  } /* max-width:252px; */
#pro_pho_50_left { width: 96%; margin:0px auto;/*min-width:252px !important;*/   /*height:auto; min-height:320px;*/  } /* max-width:252px; */
#pro_pho_50_right { width: 96%; margin:0px auto;/*min-width:252px !important;*/   /*height:auto; min-height:320px;*/  } /* max-width:252px; */



#pro_pho_new{ width:90%; height:auto;  /*min-height:210px;*/ /*border-top-width:8px ; border-top-color: #FC6;*/   border:1px solid #e0e0e0;  display:inline-block;  float: none;margin:40px 0% 10px 0%; padding:0px;  }
#pro_pho_shop { width: 100%;  /*min-width:252px !important; */ display:inline-block;  height:auto;    background-color:;	

	       	font-family:Arial, Helvetica, sans-serif;	font-size:16px; 	font-weight:none; 		margin:8px 1% 8px 1%; 	padding:0px;	
		   border:0px solid rgba(204,204,204,1.0) ;border-left:0px solid rgba(204,204,204,1.0) ;  background-color:; color:#000;  }


#pp { width:170px; height:160px;  } /*width:190px; height:175px;*/
.lazy{ width:100%; margin:0px; height:; /*min-height:250px;*/  border: 0px #999 solid; margin: 0px auto; }  /*顯一:320px;*/
.lazy3{ width:100%; /*max-width: 450px;*/  height:auto; margin:0px; border: 0px solid #999; padding:0px; margin: 0px auto; }


img.event_pro_pho_img {	width:150px;  height:150px;  text-align:center; padding:0px; border: 1px #E6E6E6 solid; min-width: 150px;}  /*顯一:100%;height:auto;min-width: 150px;*/
#header_marguee003{ background:url(ppic/brand_bk2.png) no-repeat center center; height:221px; margin-top:0px;}

#section_1 { width:100%; clear:both;  display: inline-block;  float: none; text-align:center; background-color:;  margin:0px; padding:0px; } /*圖區*/
#shopping_2 {/*display:none; */width:96%; clear:both; padding:10px 0px 0px 0px; display:inline-block;  float: none; margin-top:20px;  } 
#decri_3 { width:96%; clear:both; padding:10px 0px 0px 0px; display:inline-block;  float: none; } /*產品說明*/
#share_5 { display:none; clear:none; float:left;  }
#more_4 { clear:both; width:100%; margin: 0 auto; padding-top:0px;  /*display:none;*/}


#pro_pho_media  { position: relative; width: 96%; max-width:380px; /*多加*/    /*顯一:320px;*/	margin-right:0px; /*多加*/
	              height:auto;min-height:200px; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color: #2E4E0F; 
	              margin-top:20px;  padding:0px; padding-bottom:10px; border: 0px #333333 solid; text-align:center; margin:6px 1% 25px 1%; display:inline-block;  float: none;  }

#pro_pho_media_na  { position: relative; width: 40%; max-width:380px; /*多加*/    /*顯一:320px;*/	margin-right:0px; /*多加*/
	              height:auto;min-height:200px; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:13px;  color: #2E4E0F; 
	              margin-top:20px;  padding-bottom:10px; border: 0px #333333 solid; text-align:center; margin:20px 1% 25px 1%; display:inline-block;  float: none; ;   }


#about_pho  { float: left; position: relative; overflow:hidden;	width: 100%; /*180px*/ max-width:145px; /*多加*/    /*顯一:320px;*/margin-right:0px; /*多加*/height:auto;
              min-height:210px;	background-color:;border-color:#333333;	font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:none; color: #999;background-color:#F2F2F2;
	          margin-top:20px; margin-left:2%; padding:0px;	padding-bottom:10px; border: 5px #E6E6E6 solid;	text-align:left;}

#pro_pho_20 { width: 48%;  /*min-width:252px !important;*/ max-width:100%;  /*height:auto; min-height:320px;*/  background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; margin:10px 1% 10px 0%; 	
		   border:0px solid #e0e0e0; background-color:#fff ; color:#39F; display:inline-block; float:none;  /*border-top-width:8px ; border-top-color: #FC6; */   }



#footer_img { clear:both; width:100% ;/*max-width:400px;*/	height:100%;/*	min-height:350px;*/  /*  min-height:200px;*/float: none; margin-top: 0px; clear: both; color:#9F8742;
              background:url(""); background-attachment: scroll; /*fixed,scroll*/  /* background-repeat: repeat-y;*/background-position:left top; /*left, center, right*/ 
              background-color:; font-size:14px; font:"微軟正黑體"; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; text-align:center;border-top:1px #e0e0e0 solid; }
#foot_map{ clear:both; width:300px ;/*max-width:300px;*/padding:0px;margin-left:0px;margin-right:0px;display: inline-block;  float: none;}
#foot_map2{clear:both; width:300px;/*max-width:300px;*/height:300px;margin:10px 0px 0px 0px;padding:35px 10px 10px 10px;background:rgba(0, 0, 0, 0.8) ;border-radius:0px;border:#fff 5px solid;
           font-size:18px; line-height:180%;display: inline-block;  float: none;}

#contact_text{ display:none;}
#contact_form{ float:left; position:relative; padding-right:0px; width:96%; min-width:300px; color:#000;   border:0px #ccc solid; border-radius:0px; text-align:left; font:16px "微軟正黑體",Verdana,Arial,Helvetica,sans-serif; line-height:200%; background-color:; margin-left:4%;  }


#h2_ab_text{ font-family: '微軟正黑體', serif;  font-size:20px; color:#333;/*#719991 text-shadow: 1px 1px 2px black, 5px 5px 5px black, 0 0 5px black; */font-weight:200; text-align:center;padding:0px 0px 10px 0px; margin:0px; }

#h2_ab_text2{ font-family: '微軟正黑體', serif;  font-size:20px; color:#333;/*#719991 text-shadow: 1px 1px 2px black, 5px 5px 5px black, 0 0 5px black; */font-weight:200; text-align:center;padding:0px 0px 10px 0px; margin:0px; }


#h3_ab_text{ width:100%; color:#333; font-size:18px; font-family:'微軟正黑體'; text-align:left; line-height:30px;  padding:0px 0px 10px 0px;font-weight:300;!important }
#h3_ab_text_white{ width:100%; color:#fff; font-size:25x; font-family:'微軟正黑體'; text-align:left; line-height:30px;  border:5px rgba(255,255,255,0.0) solid; padding:20px; width:300px; margin-top:10px; background:rgba(0,0,0,0.0); margin:10px auto; }
#h3_ab_text_white2{ width:100%; color:#fff; font-size:25x; font-family:'微軟正黑體'; text-align:center; line-height:30px;  border:5px #fff solid; padding:20px; width:300px; margin-top:100px;}
#h3_index_text{ color:#333; font-size:18px; font-family:'微軟正黑體'; text-align: center; line-height:30px; margin-top:0px;   }

#blogo{ display:none;}
#h3_join_text{ width:350px; color:#333; font-size:18px; font-family:'微軟正黑體'; text-align:left; line-height:30px; margin-bottom:300px;}

td.photo_td{ height:auto; border: 0px solid #dddddd; padding:0px;}

#pro_pho_slide {  /*不設寬度 !important;*/ width:45%;  /*height:auto; min-height:320px;*/  background-color:;	
	       	font-family:Arial, Helvetica, sans-serif;	font-size:11px; 	font-weight:none; 	 	margin:40px 1% 10px 1%; 	padding:0px;	
		   border:1px solid #e0e0e0; background-color:; color:#000; /*border-top-width:8px ; border-top-color: #FC6; */  } /* max-width:252px; */
.jssor .jssor_slide{ width:130px; height:231px;}	/*250px; height:315px;*/	   

.buttons {  display:none;}
.buttonsh:hover {display:none;}

.buttons2 {  background-color:#D0111B ; /* #CBDAD3Green */
  border: none;
  color: white;
  padding: 15px 22px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;
  font-family: "微軟正黑體";
  font-weight:normal;
  
  margin: 150px 2px 0px;
  cursor: pointer;
  color:#fff; 
  margin-top:30px; 
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.buttonsh2:hover {
  padding:30px; color:#fff; margin-top:30px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;

	}
}














#cc{ margin-top:0px; }
#cc{
  width: 100%;
  height:0px;
  position: absolute;/* relative */
  display:inline-block;
  float:none;
  -webkit-animation: mymove_cc 6s; /*  infinite  Safari 4.0 - 8.0 */
  animation: mymove 6s_cc;
  animation-fill-mode: both;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove_cc {
  from {left: 0px; background:rgba(0,0,0,1);}
  to {left: 0px; background:rgba(255,255,255,0);}/* 200px */
  to {left: 0px; background:rgba(0,0,0,0.3);}/* 200px */
}
@keyframes mymove_cc {
  from {left: 0px; background:rgba(0,0,0,1);}
  to {left: 0px; background:rgba(255,255,255,0);}/* 200px */
  to {left: 0px; background:rgba(0,0,0,0.3);}/* 200px */
}





#ee{ margin-top:-3px; color:#FFF; margin-left:0px;}
#ee p{color:#FFF; text-align:center; padding-top:3px; font-size:16px;}
#ee{
  width: 131px;
  height:50px;
  /* clip-path: polygon(100% 1%, 0 0, 50% 100%);*/
  clip-path: polygon(100% 0%, 100% 76%, 10% 76%, 10% 34%, 0 34%, 10% 0);
  position: absolute;/* absolute relative */
  display:inline-block;
  float:none;
  -webkit-animation: mymove_ee 2s; /*  infinite  Safari 4.0 - 8.0 */
  animation: mymove_ee 2s;
  animation-fill-mode: both;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove_ee {
  from {margin-left:-131px;  background-color: #D0111B; /* For browsers that do not support gradients */
  background-image: linear-gradient(to right, #800B11,#D0111B,#D0111B ,#D0111B,#D0111B,#D0111B, #D0111B, #D0111B,#D0111B);/*background:rgba(172,50,127,0.6) url("ppic/logo_toyota.png") no-repeat center center; */background-size:100%;}
  to {margin-left:-10px;  /*background:rgba(172,50,127,1) url("ppic/logo_toyota.png") no-repeat top center;*/
  background-image:linear-gradient(to right, #800B11,#D0111B,#D0111B ,#D0111B,#D0111B,#D0111B, #D0111B, #D0111B,#D0111B);background-size:100%;}/* 200px */
}

@keyframes mymove_ee {
  from {margin-left:-131px; /*background:rgba(172,50,127,0.6) url("ppic/logo_toyota.png") no-repeat center center;*/
  background-image:linear-gradient(to right, #800B11,#D0111B,#D0111B ,#D0111B,#D0111B,#D0111B, #D0111B, #D0111B,#D0111B);background-size:100%;}
  to {margin-left:-10px; /*background:rgba(172,50,127,1) url("ppic/logo_toyota.png") no-repeat top center;*/
  background-image:linear-gradient(to right, #800B11,#D0111B,#D0111B ,#D0111B,#D0111B,#D0111B, #D0111B, #D0111B,#D0111B);background-size:100%;}/* 200px */
}



#a1{ margin-top:0px;}
#a1{
  color:#FFF;
  font-family:"微軟正黑體";
  font-size:10px;
  width: 70px;
  height:25px;
/*  clip-path: polygon(100% 1%, 0 0, 50% 100%);
   clip-path: polygon(100% 0, 0 30%, 0% 0%); 
clip-path: polygon(0 0, 49% 0, 47% 8%, 0 8%);  
 clip-path: polygon(0 0, 0 24%, 43% 0);*/
 clip-path: polygon(100% 0, 0 0, 0 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
  position: relative;/* relative */
  display:inline-block;
  float:none;
  -webkit-animation: mymove_a1 1s; /*  infinite  Safari 4.0 - 8.0 */
  animation: mymove_a1 1s;
  animation-fill-mode: both;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove_a1 {
  from {margin-left:5px; background:rgba(204,0,0,0) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}
  to {margin-left:5px; background:rgba(204,0,0,0.9) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}/* 200px */
}

@keyframes mymove_a1 {
  from {margin-left:5px; background:rgba(204,0,0,0) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}
  to {margin-left:5px; background:rgba(204,0,0,0.9) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}/* 200px */
}


#a2{ margin-top:0px;}
#a2{
  color:#FFF;
  font-family:"微軟正黑體";
  font-size:10px;
  width: 70px;
  height:25px;
/*  clip-path: polygon(100% 1%, 0 0, 50% 100%);
   clip-path: polygon(100% 0, 0 30%, 0% 0%); 
clip-path: polygon(0 0, 49% 0, 47% 8%, 0 8%);  
 clip-path: polygon(0 0, 0 24%, 43% 0);*/
 clip-path: polygon(100% 0, 0 0, 0 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
  position: relative;/* relative */
  display:inline-block;
  float:none;
  -webkit-animation: mymove_a2 1s; /*  infinite  Safari 4.0 - 8.0 */
  animation: mymove_a2 1s;
  animation-fill-mode: both;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove_a2 {
  from {margin-left:5px; background:rgba(204,0,0,0) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}
  to {margin-left:5px; background:rgba(204,0,0,0.9) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}/* 200px */
}

@keyframes mymove_a2 {
  from {margin-left:5px; background:rgba(204,0,0,0) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}
  to {margin-left: 5px; background:rgba(204,0,0,0.9) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}/* 200px */
}





#a3{ margin-top:0px;}

#a3{
  color:#FFF;
  font-family:"微軟正黑體";
  font-size:10px;
  width: 70px;
  height:25px;
/*  clip-path: polygon(100% 1%, 0 0, 50% 100%);
   clip-path: polygon(100% 0, 0 30%, 0% 0%); 
clip-path: polygon(0 0, 49% 0, 47% 8%, 0 8%);  
 clip-path: polygon(0 0, 0 24%, 43% 0);*/
 clip-path: polygon(100% 0, 0 0, 0 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
  position: relative;/* relative */
  display:inline-block;
  float:none;
  -webkit-animation: mymove_a3 1s; /*  infinite  Safari 4.0 - 8.0 */
  animation: mymove_a3 1s;
  animation-fill-mode: both;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove_a3 {
  from {margin-left:5px; 55px; background:rgba(204,0,0,0) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}
  to {margin-left:5px; background:rgba(204,0,0,0.9) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}/* 200px */
}

@keyframes mymove_a3 {
  from {margin-left:5px; background:rgba(204,0,0,0) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}
  to {margin-left: 5px; background:rgba(204,0,0,0.9) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}/* 200px */
}





#a4{ margin-top:0px;}
#a4{
  color:#FFF;
  font-family:"微軟正黑體";
  font-size:10px;
  width: 70px;
  height:25px;
/*  clip-path: polygon(100% 1%, 0 0, 50% 100%);
   clip-path: polygon(100% 0, 0 30%, 0% 0%); 
clip-path: polygon(0 0, 49% 0, 47% 8%, 0 8%);  
 clip-path: polygon(0 0, 0 24%, 43% 0);*/
 clip-path: polygon(100% 0, 0 0, 0 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
  position: relative;/* relative */
  display:inline-block;
  float:none;
  -webkit-animation: mymove_a4 1s; /*  infinite  Safari 4.0 - 8.0 */
  animation: mymove_a4 1s;
  animation-fill-mode: both;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove_a4 {
  from {margin-left:5px; background:rgba(204,0,0,0) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}
  to {margin-left:5px; background:rgba(204,0,0,0.9) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}/* 200px */
}

@keyframes mymove_a4 {
  from {margin-left:5px; background:rgba(204,0,0,0) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}
  to {margin-left: 5px; background:rgba(204,0,0,0.9) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}/* 200px */
}






#a5{ margin-top:0px;}
#a5{
  color:#FFF;
  font-family:"微軟正黑體";
  font-size:10px;
  width: 70px;
  height:25px;
/*  clip-path: polygon(100% 1%, 0 0, 50% 100%);
   clip-path: polygon(100% 0, 0 30%, 0% 0%); 
clip-path: polygon(0 0, 49% 0, 47% 8%, 0 8%);  
 clip-path: polygon(0 0, 0 24%, 43% 0);*/
 clip-path: polygon(100% 0, 0 0, 0 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
  position: relative;/* relative */
  display:inline-block;
  float:none;
  -webkit-animation: mymove_a5 1s; /*  infinite  Safari 4.0 - 8.0 */
  animation: mymove_a5 1s;
  animation-fill-mode: both;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove_a5 {
  from {margin-left:5px; background:rgba(204,0,0,0) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}
  to {margin-left:5px; background:rgba(204,0,0,0.9) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}/* 200px */
}

@keyframes mymove_a5 {
  from {margin-left:5px; background:rgba(204,0,0,0) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}
  to {margin-left: 5px; background:rgba(204,0,0,0.9) url("ppic/logo_toyota.png") no-repeat center center; background-size:30%;}/* 200px */
}


#pro_pho_50_signup1{ width:60%; margin:1%; vertical-align:top; border:1px solid #e0e0e0; display: inline-block; margin-left:0px; padding:1%;}
#pro_pho_50_signup2{ width:30%; margin:1%; vertical-align:top; border:1px solid #e0e0e0; display: inline-block; margin-left:0px;padding:1%;}
@media (max-width: 903px)  {/* x<479 */

#pro_pho_50_signup1{ width:100%; margin:0%; vertical-align:top; border:1px solid #e0e0e0; display: inline-block; margin-left:0px;padding:1%;}

#pro_pho_50_signup2{ width:100%; margin:0%; vertical-align:top; border:1px solid #e0e0e0; display: inline-block; margin-left:0px;padding:1%;}

}