html{
	height:100%;
}
body{
	/*height:100%;*/
    margin:0;
	padding:0;
	font-family:Microsoft JhengHei, Arial;
	overflow-x: hidden;
		-webkit-text-size-adjust:none;
}
.clear-both { clear: both; }
input,button,select,textarea{outline:none}
input.span1{width: calc(100% - 92px);}
.mouse{ cursor:pointer;}
.top_line{background:#C92121; height:5px; width:100%;}
a img {
	border:0;vertical-align:middle;
}
a{
  	outline: none; /* for Firefox Google Chrome  */
  	behavior:expression(this.onFocus=this.blur()); /* for IE */
}

ul, li {
	margin: 0;
	padding: 0;
}
.img {
	border:0;
	vertical-align:middle;
	margin-right:7px;
}	
.img_left {
	border:0;
	vertical-align:middle; 
	margin-left:7px;
}	
.img_right {
	border:0;
	vertical-align:middle; 
	margin-right:7px;
}	
.left{ float:left;}	
.right{ float:right;}
.items {
    width: 90%;
    margin: 0px auto;
    
}
.slick-slide {
    
	margin: 10px 25px
}
.slick-slide img {
    width: 100%;
    border: 0px solid #fff
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
	display:none;
	z-index:99;
}
.news_page_line{
	border-bottom:4px #D72F16 double;
	margin-top:25px;
	width:100%;
}
.news_page_line{
	border-bottom:4px #D72F16 double;
	margin-top:25px;
	width:100%;
}
.news_page_line1{
	border-top:2px #9F9F9F dashed;
	border-bottom:2px #9F9F9F dashed;
	margin-top:25px;
	width:100%;
	padding:35px 0;
}
.article {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
/*-------------------------------內容--------------------------------------*/
@media (max-width:374px) {
.index_logo{max-width: 260px; margin: 27px auto; float:left;}	
#header .logo {
	font-family: 'Pacifico', cursive;
	display: inline-block;
	height: inherit;
	left: 0;
	line-height: inherit;
	margin-top: 0;
	padding: 0;
	position: absolute;
	top: 0;
	color: #e5474b;
	font-size: 1.75em;
	text-transform: none;
	font-weight: normal;
	padding: 0;
}
.index_pro{
	width:100%; 
	margin:0 auto;
	}	
.index_products_bk{ 
	background:url(../images/index/products_bk.png) no-repeat left;
	padding:15px 0;
}	
.container_pro {
	max-width: 481px;
	margin:0 auto;
}
.container_news {
	max-width: 481px;
	margin:0 auto;
}  
.pro_title{
	font-family:Microsoft JhengHei, Arial;
	font-size:16px;
	color:#C92121;
	line-height:100%;
	font-weight:bold;
	margin-bottom:70px;
}	
#footer{ 
	padding:0 25px 25px 25px;
	margin-bottom:35px;
}
.wrap_footer{
  	max-width:480px;
  	margin: 0 auto;
}
.groups_left{
	float: inherit;
	text-align:center;
	width:100%;
	margin-top:25px;
}
.groups_left1{
	float: inherit;
	text-align:center;
	width:100%;
	margin-top:25px;
}
.groups_right{
	float: inherit; 
	text-align:center;
	width:100%;
}
.groups_right{
	float: inherit; 
	text-align:center;
	width:100%;
}
.groups_right_pro{
	float: inherit; 
	text-align:center;
	width:100%;
}
.groups_logo{
	float: inherit;
	text-align:center;
	width:100%;
	padding-top:15px;
}
.groups_logo1{
	float: inherit;
	text-align:center;
	width:100%;
	padding-top:15px;
}
.btn-primary {
	width:68px;
	height:68px;
	background:#404040;
	border-radius:999em;
	padding:25px 0 0 0;
	margin:0 0px 30px 0;
}
.container_area{ 
	max-width:1563px;
	margin:0 auto;
	padding:0 25px;	
	}
.about_title{
	max-width:30%;
	}
.about_left{
	float:left;
	width:5%;	
}
.about_right{
	float:right;
	width:95%;	
	}
.about_list_left{
	 	width:100%;
		float:inherit;
	}	
.about_list_right{
	 	width:100%;
		float:inherit;
	}
.about_list_right_bk{
	 	max-width:100%;
		background-image:url(../ch/images/about/pic2-top.png), url(../ch/images/about/pic3.jpg);
		background-repeat:no-repeat;
		background-size: contain;		
		background-position:top right,bottom center;
		border:2px solid #e50009; 
	}
.style15 {
	font-family:Microsoft JhengHei, Arial;
	font-size:0.9rem;
	color:#5F5F5F;
	line-height:150%;
	text-align:left;
	font-weight:bold;
	padding:80px 20px 100px 28px;
	margin-top:20px;
}
.about_title{
	max-width:100%;
}			
.page_footer{
	background:url(../ch/images/about/footer_bk.png) repeat-x center center;
	width:100%;
	height:9px;
	background-size:cover;
}
.since_left{
	max-width:100%;
}
.since_left1{
	max-width:100%;
	/* margin-top:-105px; */
}
.since_right{
	float: inherit;
	width:100%;
	padding:50px 0 0 0;
}	
.since_right1{
	float: inherit;
	width:100%;
	padding:50px 0 0 0px;
}
.about_contact_bk{
	 	width: 100%;
	}		
.advantage_bk{
	max-width:1900px;
	background: url(../ch/images/about/advantage@2x.png) top left no-repeat;
	background-size: cover;
	}
.style17 {
	font-family:Microsoft JhengHei, Arial;
	font-size:24px;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin:30px 0 30px 0;
}	
.style18 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin-bottom:55px;
}
.advantage_list{
	width:100%;
	padding:8px;
}
.news_page_link{
	float: inherit;
}
.news_page_download{
	float: inherit;
	}
.news_page_link{
	float: inherit;
}
.news_page_download{
	float: inherit;
	}
.style26 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#6C6C6C;
	line-height:200%;
	}
.contact_left{
	float: inherit;
	width:100%;
	text-align:left;
	}	
.contact_right{
	float: inherit;
	width:100%;
	text-align:left;
	}
.contact_pic_bk{
		max-width:100%;
	   	background:url(../ch/images/contact/pic1.png) top left no-repeat;
	    background-size:contain;
		padding:15% 0 10% 36%;

	}	
.style31{
	font-family:Microsoft JhengHei, Arial;
	font-size:0.75rem;
	color:#ffffff;
	line-height:150%;
	text-align:left;
	font-weight:500;
	}
.style28 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1.5rem;
	color:#3F3F3F	;
	line-height:180%;
	text-align:center;
	}
.container_contact{
	max-width: 481px;
	margin:0 auto;
	}
.iframe-map {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	border:10px solid #E1E1E1;
	margin-bottom:25px;
}
.iframe-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.navbar_pro{
	display: block;
	padding-left:25px;
	}	
.pro_conent{
	padding:25px 0;
	}	
.pro_list{
	width:100%;
}
.nav-link.disabled {
	font-size: 18px;
	line-height: 45px;	
	color:#000;
	border_bottom:1px solid #CCC;
}

.nav-link { 
	color: rgba(0, 0, 0, 0.6);	
	background:#eeeeee;
  	font-size: 18px;
  	line-height: 25px;	
}
.pro_list_bk{
	background: url(../ch/images/products/products.png) no-repeat left top;
	 	max-width:312px;
	 	height: 210px;
	    background-size:contain;	
}
.clear_4{
	clear:both;
	display:none;
}
.clear_3{
	clear:both;
	display:none;
}
.clear_2{
	clear:both;
	display:none;	
}
.pro_area_bk{
	background:url(../ch/images/products_page/bk.png) no-repeat center center;
	max-width:100%;
	height:auto;
	background-size:contain;
	}	
.pro_content{
	margin:15px 0 0 45px; 
	}
.img_pro{
	display:block;
	}
.index_news_bk {
		width:100%;
		background: url(../images/index/news_bk.png) top left no-repeat;
		background-size: cover;
		padding: 0 25px 0 25px;
		/*max-height: 114px;*/
		
}
.index_news_bk_left {
		max-width:100%;
		padding:0 25px;
}
.index_news_title {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.9rem;
	color:#3F3F3F;
	line-height: 180%;
	font-weight:bold;
	text-align:left;
	margin-top:8px;
	float:left;
}
.index_news_title_sub {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1rem;
	color:#C92121;
	line-height: 65px;
	font-weight:bold;
	float:left;
}
  .container_news_contact {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.1rem;
	color:#FFFFFF;
	line-height: 150%;
	text-align:left;
	margin-top: 20px;
	  } 
  .container_news_contact:hover {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.1rem;
	color:#FFFFFF;
	line-height: 150%;
	text-align:left;
	margin-top:20px;
	text-decoration:underline;
	  }	
.style32{
	font-family:Microsoft JhengHei, Arial;
	font-size:1.25rem;
	color:#414141	;
	line-height:200%;
	text-align:center;	
	font-weight:900;
	margin-bottom:25px;
	max-width:100%;
	}
.style35{
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.5rem;
	color:#000000;
	line-height: 250%;
	text-align:center;
	font-weight:bold;
	}	
.style36{
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#666666;
	line-height:200%;
	text-align:center;
	font-weight:bold;	
	}
.advantage_area	{
	width:100%;
}
.advantage_area_list1{
	background:url(../ch/images/about/pic6_3_1.png) no-repeat left top;
	max-width:480px;
	height:385px;
	background-size:contain;
	}
.advantage_area_list2{
	background:url(../ch/images/about/pic6_4_1.png) no-repeat left top;
	max-width:506px;
	height:389px;
	background-size:contain;
	}
.advantage_area_list3{
	background:url(../ch/images/about/pic6_5_1.png) no-repeat left top;
	max-width:485px;
	height:389px;
	background-size:contain;	
	}	
.pro_title_word{
	font-size:20px;
	line-height:180%;
	display: block;
	text-align:center;
	}
.news_date{
	display: inline-block
	}	
.news_description{
	display: inline-block
}			
}
@media (min-width:375px) {
.index_logo{max-width: 310px; margin: 20px auto; float:left;}
#header .logo {
	font-family: 'Pacifico', cursive;
	display: inline-block;
	height: inherit;
	left: 0;
	line-height: inherit;
	margin-top: 0;
	padding: 0;
	position: absolute;
	top: 0;
	color: #e5474b;
	font-size: 1.75em;
	text-transform: none;
	font-weight: normal;
	padding: 0;
}
.index_pro{
	width:100%; 
	margin:0 auto;
	}	
.index_products_bk{ 
	background:url(../images/index/products_bk.png) no-repeat left;
	padding:15px 0;
}	
.container_pro {
	max-width: 481px;
	margin:0 auto;
}
.container_news {
	max-width: 481px;
	margin:0 auto;
}  
.pro_title{
	font-family:Microsoft JhengHei, Arial;
	font-size:16px;
	color:#C92121;
	line-height:100%;
	font-weight:bold;
	margin-bottom:70px;
}	
#footer{ 
	padding:0 25px 25px 25px;
	margin-bottom:35px;
}
.wrap_footer{
  	max-width:480px;
  	margin: 0 auto;
}
.groups_left{
	float: inherit;
	text-align:center;
	width:100%;
	margin-top:25px;
}
.groups_left1{
	float: inherit;
	text-align:center;
	width:100%;
	margin-top:25px;
}
.groups_right{
	float: inherit; 
	text-align:center;
	width:100%;
}
.groups_right_pro{
	float: inherit; 
	text-align:center;
	width:100%;
}
.groups_logo{
	float: inherit;
	text-align:center;
	width:100%;
	padding-top:15px;
}
.groups_logo1{
	float: inherit;
	text-align:center;
	width:100%;
	padding-top:15px;
}
.btn-primary {
	width:68px;
	height:68px;
	background:#404040;
	border-radius:999em;
	padding:25px 0 0 0;
	margin:0 0px 30px 0;
}
.container_area{ 
	max-width:1563px;
	margin:0 auto;
	padding:0 25px;	
	}
.about_title{
	max-width:30%;
	}
.about_left{
	float:left;
	width:5%;	
}
.about_right{
	float:right;
	width:95%;	
	}
.about_list_left{
	 	width:100%;
		float:inherit;
	}	
.about_list_right{
	 	width:100%;
		float:inherit;
		max-width:650px;
		margin:auto;
	}
.about_list_right_bk{
	 	max-width:100%;	
		background-image:url(../ch/images/about/pic2-top.png), url(../ch/images/about/pic3.jpg);
		background-repeat:no-repeat;
		background-size: contain;		
		background-position:top right,bottom center;
		border:2px solid #e50009; 
	}
.style15 {
	font-family:Microsoft JhengHei, Arial;
	font-size:0.9rem;
	color:#5F5F5F;
	line-height:150%;
	text-align:left;
	font-weight:bold;
	padding:80px 20px 100px 28px;
	margin-top:20px;
}
.about_title{
	max-width:100%;
}			
.page_footer{
	background:url(../ch/images/about/footer_bk.png) repeat-x center center;
	width:100%;
	height:9px;
	background-size:cover;
}
.since_left{
	max-width:100%;
}
.since_left1{
	max-width:100%;
	/* margin-top:-105px; */
}
.since_right{
	float: inherit;
	width:100%;
	padding:50px 0 0 0;
}	
.since_right1{
	float: inherit;
	width:100%;
	padding:50px 0 0 0px;
}
.about_contact_bk{
	 	width: 100%;
	}		
.advantage_bk{
	max-width:1900px;
	background: url(../ch/images/about/advantage@2x.png) top left no-repeat;
	background-size: cover;
	}
.style17 {
	font-family:Microsoft JhengHei, Arial;
	font-size:24px;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin:30px 0 30px 0;
}	
.style18 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin-bottom:55px;
}
.advantage_list{
	width:100%;
	padding:8px;
}
.news_page_link{
	float: inherit;
}
.news_page_download{
	float: inherit;
	}
.news_page_link{
	float: inherit;
}
.news_page_download{
	float: inherit;
	}
.style26 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#6C6C6C;
	line-height:200%;
	}
.contact_left{
	float: inherit;
	width:100%;
	text-align:left;
	}	
.contact_right{
	float: inherit;
	width:100%;
	text-align:left;
	}
.contact_pic_bk{
		max-width:100%;
	   	background:url(../ch/images/contact/pic1.png) top left no-repeat;
	    background-size:contain;
		padding:15% 0 10% 36%;

	}	
.style31{
	font-family:Microsoft JhengHei, Arial;
	font-size:0.75rem;
	color:#ffffff;
	line-height:150%;
	text-align:left;
	font-weight:500;
	}
.style28 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1.5rem;
	color:#3F3F3F	;
	line-height:180%;
	text-align:center;
	}
.container_contact{
	max-width: 481px;
	margin:0 auto;
	}
.iframe-map {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	border:10px solid #E1E1E1;
	margin-bottom:25px;
}
.iframe-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.navbar_pro{
	display: block;
	padding-left:25px;
	}	
.pro_conent{
	padding:25px 0;
	}	
.pro_list{
	width:100%;
}
.nav-link.disabled {
	font-size: 18px;
	line-height: 45px;	
	color:#000;
	border_bottom:1px solid #CCC;
}

.nav-link { 
	color: rgba(0, 0, 0, 0.6);	
	background:#eeeeee;
  	font-size: 18px;
  	line-height: 25px;	
}
.pro_list_bk{
	background: url(../ch/images/products/products.png) no-repeat left top;
	 	max-width:312px;
	 	height: 210px;
	    background-size:contain;	
}
.clear_4{
	clear:both;
	display:none;
}
.clear_3{
	clear:both;
	display:none;
}
.clear_2{
	clear:both;
	display:none;	
}
.pro_area_bk{
	background:url(../ch/images/products_page/bk.png) no-repeat center center;
	max-width:100%;
	height:auto;
	background-size:contain;
	}	
.pro_content{
	margin:15px 0 0 45px; 
	}
.img_pro{
	display:block;
	}
.index_news_bk {
		width:100%;
		background: url(../images/index/news_bk.png) top left no-repeat;
		background-size: cover;
		padding: 0 25px 0 25px;
		max-height: 114px;
}
.index_news_bk_left {
		max-width:100%;
		padding:0 25px;
}
.index_news_title {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.9rem;
	color:#3F3F3F;
	line-height: 180%;
	font-weight:bold;
	text-align:left;
	margin-top:8px;
	float:left;
}
.index_news_title_sub {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1rem;
	color:#C92121;
	line-height: 65px;
	font-weight:bold;
	float:left;
}
  .container_news_contact {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.1rem;
	color:#FFFFFF;
	line-height: 150%;
	text-align:left;
	margin-top: 5px;
	} 
  .container_news_contact:hover {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.1rem;
	color:#FFFFFF;
	line-height: 150%;
	text-align:left;
	margin-top:20px;
	text-decoration:underline;
	  }	
.style32{
	font-family:Microsoft JhengHei, Arial;
	font-size:1.25rem;
	color:#414141	;
	line-height:200%;
	text-align:center;	
	font-weight:900;
	margin-bottom:25px;
	max-width:100%;
	}
.style35{
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.5rem;
	color:#000000;
	line-height: 250%;
	text-align:center;
	font-weight:bold;
	}	
.style36{
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#666666;
	line-height:200%;
	text-align:center;
	font-weight:bold;	
	}
.advantage_area	{
	width:100%;
}
.advantage_area_list1{
	background:url(../ch/images/about/pic6_3_1.png) no-repeat left top;
	max-width:480px;
	height:385px;
	background-size:contain;
	}
.advantage_area_list2{
	background:url(../ch/images/about/pic6_4_1.png) no-repeat left top;
	max-width:506px;
	height:389px;
	background-size:contain;
	}
.advantage_area_list3{
	background:url(../ch/images/about/pic6_5_1.png) no-repeat left top;
	max-width:485px;
	height:389px;
	background-size:contain;	
	}	
.pro_title_word{
	font-size:20px;
	line-height:180%;
	display: block;
	text-align:center;
	}
.style9 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#6B6B6B;
	line-height:150%;
	display:inline-block;
	font-weight:bold;
}
.news_date{
	display: inline-block
	}	
.news_description{
	display: inline-block
}						     																		  
}

@media (min-width:481px) and (max-width:768px){
.index_logo{width:400px; margin:20px auto;}	
#header .logo {
	font-family: 'Pacifico', cursive;
	display: inline-block;
	height: inherit;
	left: 0;
	line-height: inherit;
	margin-top: 0;
	padding: 0;
	position: absolute;
	top: 0;
	color: #e5474b;
	font-size: 1.75em;
	text-transform: none;
	font-weight: normal;
	padding: 0;
}
.index_pro{width:100%; margin:0 auto;}	
.index_products_bk{ 
	background:url(../images/index/products_bk.png) no-repeat left; 
	padding:15px 0;
}
.container_pro {
	max-width: 768px;
	margin:0 auto;
	padding-bottom:25px;
}
.container_news {
	max-width: 768px;
	margin:0 auto;
}
.index_news_title {	  
	font-family:Microsoft JhengHei, Arial;
	font-size:30px;
	color:#3F3F3F;
	line-height:200%;
	font-weight:bold;
	text-align:center;
	margin-top:15px;	      
}
.index_news_title_sub {	 
	font-family:Microsoft JhengHei, Arial;
	font-size:16px;
	color:#C92121;
	line-height:100%;
	font-weight:bold;
}  
.pro_title{
	font-family:Microsoft JhengHei, Arial;
	font-size:16px;
	color:#C92121;
	line-height:100%;
	font-weight:bold;
	margin-bottom:35px;
}	
#footer{ 
	padding:29px 15px;
	margin-bottom:35px;
}
.wrap_footer{
  	max-width:768px;
  	margin: 0 auto;
}
.groups_left{
	float: inherit;
	text-align:center;
	width:100%;
	margin-top:25px;
}
.groups_left1{
	float: inherit;
	text-align:center;
	width:100%;
	margin-top:25px;
}
.groups_right{
	float: inherit; 
	text-align:center;
	width:100%;
}
.groups_right_pro{
	float: inherit; 
	text-align:center;
	width:100%;
}
.groups_logo{
	float: inherit;
	text-align:center;
	width:100%;
	padding-top:15px;
}
.groups_logo1{
	float: inherit;
	text-align:center;
	width:100%;
	padding-top:15px;
}
.btn-primary {
	width:68px;
	height:68px;
	background:#404040;
	border-radius:999em;
	padding:25px 0 0 0;
	margin:0 10px 30px 0;
}  
.btn-primary:hover {
	width:68px;
	height:68px;
	background:#D42B30;
	border-radius:999em;
	padding:25px 0 0 0;
	margin:0 10px 30px 0;
}  
.container_area{ 
	max-width:768px;	
	margin:0 auto;	
	}
.about_left{
	float:left;
	width:5%;	
}
.about_right{
	float:right;
	width:95%;	
	}
.about_list_left{
	 	width:100%;
		float:inherit;
	}	
.about_list_right{
	 	width:100%;
		float:inherit;
		max-width:650px;
		margin:auto;
	}
.about_list_right_bk{
	 	max-width:100%;
		background-image:url(../ch/images/about/pic2-top.png), url(../ch/images/about/pic3.jpg);
		background-repeat:no-repeat;
		background-size: contain;		
		background-position:top right,bottom center;
		border:2px solid #e50009; 
	}
.style15 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#5F5F5F;
	line-height:200%;
	text-align:left;
	font-weight:bold;
	padding:30% 8% 35% 8%;
	margin-top:25px;
}
.about_title{
	max-width:100%;
}	
.page_footer{
	background:url(../ch/images/about/footer_bk.png) repeat-x center center;
	width:100%;
	height:9px;
	background-size:cover;
}
.since_left{
	max-width:100%;
}
.since_left1{
	max-width:100%;
	/* margin-top:-78px; */
}
.since_right{
	float: inherit;
	width:100%;
	padding:50px 0 0 0px;
}	
.since_right1{
	float: inherit;
	width:100%;
	padding:50px 0 0 0px;
}
.about_contact_bk{
	 	width: 100%;
	}
.advantage_bk{
	max-width:100%;
	max-height:atuo;
	background: url(../ch/images/about/advantage@2x.png) top left no-repeat;
	background-size: cover;
	padding-bottom:60px;
	}
.style17 {
	font-family:Microsoft JhengHei, Arial;
	font-size:24px;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin:30px 0 30px 0;
}	
.style18 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin-bottom:55px;
}
.advantage_list{
	float:left;
	width:50%;
	position:relative;
	padding:8px 28px;	
}
.news_page_link{
	float: inherit;
}
.news_page_download{
	float: inherit;
	}	
.news_page_link{
	float: inherit;
}
.news_page_download{
	float: inherit;
	}
.style26 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#6C6C6C;
	line-height:200%;
	}
.contact_left{
	float: inherit;
	width:100%;
	text-align:left;
	}	
.contact_right{
	float: inherit;
	width:100%;
	text-align:left;
	}
.contact_pic_bk{
		max-width:100%;
	   	background:url(../ch/images/contact/pic.png) top left no-repeat;
	    background-size:cover;
		padding:11% 0 2% 46%;

	}	
.style31{
	font-family:Microsoft JhengHei, Arial;
	font-size:2vw;
	color:#ffffff;
	line-height:180%;
	text-align:left;
	font-weight:500;
	}
.style28 {
	font-family:Microsoft JhengHei, Arial;
	font-size:2rem;
	color:#3F3F3F	;
	line-height:180%;
	text-align:center;
	}
.container_contact{
	max-width: 768px;
	margin:0 auto;
	}
.iframe-map {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	border:10px solid #E1E1E1;
	margin-bottom:45px;
}
.iframe-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.navbar_pro{
	display: block;
	}
.pro_conent{
	padding:25px 25px;
	}	
.pro_list{
	width:50%;
	position:relative;
	float:left; 
	padding-right:15px;
}
.nav-link.disabled {
	font-size: 18px;
	line-height: 45px;	
	color:#000;
	border_bottom:1px solid #CCC;
}

.nav-link {  
	color: rgba(0, 0, 0, 0.6);	
	background:#eeeeee;
  	font-size: 18px;
  	line-height: 25px;	
}	
.pro_list_bk{
	background: url(../ch/images/products/products.png) no-repeat left top;
	 	max-width:100%;
	 	height: auto;
	    background-size:contain;	
}
.clear_4{
	clear:both;
	display:none;
}
.clear_3{
	clear:both;
	display:none;
}
.clear_2{
	clear:both;	
}
.pro_area_bk{
	background:url(../ch/images/products_page/bk.png) no-repeat center center;
	max-width:100%;
	height:auto;
	background-size:contain;
	}
.pro_content{
	margin:15px 0 0 25px; 
	}
.img_pro{
	display:block;
	}
.index_news_bk {
		width:100%;
		background: url(../images/index/news_bk.png) top left no-repeat;
		background-size: cover;
		padding: 0 25px 0 75px;
		max-height: 114px;
}
.index_news_bk_left {
		max-width:100%;
		padding:0 0 0 75px;
}
.index_news_title {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.4rem;
	color:#3F3F3F;
	line-height: 180%;
	font-weight:bold;
	text-align:left;
	margin-top:8px;
	float:left;
}
.index_news_title_sub {
	font-family:Microsoft JhengHei, Arial;
	font-size: 0.5rem;
	color:#C92121;
	line-height: 450%;
	font-weight:bold;
	float:left;
}
  .container_news_contact {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.1rem;
	color:#FFFFFF;
	line-height: 150%;
	text-align:left;
	margin-top: 18px;
	  } 
  .container_news_contact:hover {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.1rem;
	color:#FFFFFF;
	line-height: 150%;
	text-align:left;
	margin-top:20px;
	text-decoration:underline;
	  } 	
.pro_text{
	padding:0 0 0 0px;
	}	
.style32{
	font-family:Microsoft JhengHei, Arial;
	font-size:1.25rem;
	color:#414141	;
	line-height:200%;
	text-align:center;	
	font-weight:900;
	margin-bottom:25px;
	max-width:320px;
	}
.style35{
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.4rem;
	color:#000000;
	line-height:300%;
	text-align:center;
	font-weight:bold;
	}	
.style36{
	font-family:Microsoft JhengHei, Arial;
	font-size: 1rem;
	color:#666666;
	line-height: 180%;
	text-align:center;
	font-weight:bold;
	}
.advantage_area	{
	width:100%;
}
.advantage_area_list1{
	background:url(../ch/images/about/pic6_3_1.png) no-repeat top center;
	max-width: 100%;
	height:485px;
	background-size:contain;
	padding: 0 25px;
	}
.advantage_area_list2{
	background:url(../ch/images/about/pic6_4_1.png) no-repeat top center;
	max-width: 100%;
	height:489px;
	background-size:contain;
	padding: 0 25px;
	}
.advantage_area_list3{
	background:url(../ch/images/about/pic6_5_1.png) no-repeat top center;
	max-width: 100%;
	height:489px;
	background-size:contain;
	padding: 0 25px;
	}
.pro_title_word{
	font-size:20px;
	line-height:180%;
	display: block;
	text-align:center;
	}
.style9 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#6B6B6B;
	line-height:150%;
	display:inline-block;
	font-weight:bold;
}
.news_date{
	display: inline-block
	}	
.news_description{
	display: inline-block
}						  		  																					
}
@media (min-width: 736px) and (orientation: landscape) {
.since_left1{
	max-width:100%;
	margin:0;
}
.about_left{
	float:left;
	width:5%;	
}
.about_right{
	float:right;
	width:95%;	
	}
.about_list_left{
	 	width:100%;
		float:inherit;
	}	
.about_list_right{
	 	width:100%;
		float:inherit;
		max-width:650px;
		margin:auto;
	}
.about_list_right_bk{
	 	max-width:100%;	
		background-image:url(../ch/images/about/pic2-top.png), url(../ch/images/about/pic3.jpg);
		background-repeat:no-repeat;
		background-size: contain;		
		background-position:top right,bottom center;
		border:2px solid #e50009; 
	}
.style15 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#5F5F5F;
	line-height:200%;
	text-align:left;
	font-weight:bold;
	padding:25% 15% 30% 15%;
	margin-top:25px;
}
.about_title{
	max-width:100%;
}
.since_left{
	max-width:100%;
}
.since_right{
	float: inherit;
	width:100%;
	padding:50px 0 0 25px;
}	
.since_right1{
	float: inherit;
	width:100%;
	padding:50px 0 0 25px;
}	
.advantage_bk{
	max-width:100%;
	background: url(../ch/images/about/advantage@2x.png) top left no-repeat;
	background-size: cover;
	}
.style17 {
	font-family:Microsoft JhengHei, Arial;
	font-size:24px;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin:30px 0 30px 0;
}	
.style18 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin-bottom:55px;
}
.advantage_list{
	float:left;
	width:50%;
	position:relative;
	padding-right:8px;	
}
.news_page_link{
	float:left;
}
.news_page_download{
	float:left;
	}
.style26 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#6C6C6C;
	line-height:200%;
	margin-left:35px;	
	}	
.contact_left{
	float: inherit;
	width:100%;
	text-align:left;
	}	
.contact_right{
	float: inherit;
	width:100%;
	text-align:left;
	}
.contact_pic_bk{
		max-width:100%;
	   	background:url(../ch/images/contact/pic.png) top left no-repeat;
	    background-size:contain;
		padding:11% 0 10% 45%;

	}	
.style31{
	font-family:Microsoft JhengHei, Arial;
	font-size:2vw;
	color:#ffffff;
	line-height:180%;
	text-align:left;
	font-weight:500;
	}
.style28 {
	font-family:Microsoft JhengHei, Arial;
	font-size:2rem;
	color:#3F3F3F	;
	line-height:180%;
	text-align:center;
}
.container_contact{
	max-width: 736px;
	margin:0 auto;
	}
.iframe-map {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	border:10px solid #E1E1E1;
	margin-bottom:35px;
}
.iframe-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.navbar_pro{
	display: block;
	}
.pro_conent{
	padding:25px 0;
	}	
.pro_list{
	width:50%;
	float:left;
	position: relative;
	margin: 10px 0; 
}
.nav-link.disabled {
	font-size: 18px;
	line-height: 45px;	
	color:#000;
	border_bottom:1px solid #CCC;
}

.nav-link {  
	color: rgba(0, 0, 0, 0.6);	
	background:#eeeeee;
  	font-size: 18px;
  	line-height: 25px;	
}
.pro_list_bk{
	background: url(../ch/images/products/products.png) no-repeat left top;
	 	width:312px;
	 	height: 210px;
	    background-size:cover;	
}
.clear_4{
	clear:both;
}
.clear_3{
	clear:both;
	display:none;
}
.clear_2{
	clear:both;
	display:none;	
}
.pro_area_bk{
	background:url(../ch/images/products_page/bk.png) no-repeat center center;
	max-width:100%;
	height:auto;
	background-size:contain;
	}	
.pro_content{
	margin:15px 0 0 45px; 
	}
.img_pro{
	display:block;
	}	
.index_news_bk {
		max-width:100%;
		background: url(../images/index/news_bk.png) top left no-repeat;
		background-size: cover;
		padding:0 0 0 75px;
		max-height: 114px;
}
.index_news_bk_left {
		max-width:100%;
		padding:0 0 0 75px;
}
.index_news_title {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.4rem;
	color:#3F3F3F;
	line-height: 180%;
	font-weight:bold;
	text-align:left;
	margin-top:8px;
	float:left;
}
.index_news_title_sub {
	font-family:Microsoft JhengHei, Arial;
	font-size: 0.5rem;
	color:#C92121;
	line-height: 450%;
	font-weight:bold;
	float:left;
}
  .container_news_contact {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.1rem;
	color:#FFFFFF;
	line-height: 150%;
	text-align:left;
	margin-top: 18px;
	  } 
  .container_news_contact:hover {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.1rem;
	color:#FFFFFF;
	line-height: 150%;
	text-align:left;
	margin-top: 25px;
	text-decoration:underline;
	  } 
.style32{
	font-family:Microsoft JhengHei, Arial;
	font-size:1.25rem;
	color:#414141	;
	line-height:200%;
	text-align:center;	
	font-weight:900;
	margin-bottom:25px;
	max-width:320px;
	}
.style35{
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.4rem;
	color:#000000;
	line-height:300%;
	text-align:center;
	font-weight:bold;
	}	
.style36{
	font-family:Microsoft JhengHei, Arial;
	font-size: 1rem;
	color:#666666;
	line-height: 180%;
	text-align:center;
	font-weight:bold;
	}
.advantage_area	{
	width:100%;
}
.advantage_area_list1{
	background:url(../ch/images/about/pic6_3_1.png) no-repeat top center;
	max-width: 100%;
	height:485px;
	background-size:contain;
	padding: 0 25px;
	}
.advantage_area_list2{
	background:url(../ch/images/about/pic6_4_1.png) no-repeat top center;
	max-width: 100%;
	height:489px;
	background-size:contain;
	padding: 0 25px;
	}
.advantage_area_list3{
	background:url(../ch/images/about/pic6_5_1.png) no-repeat top center;
	max-width: 100%;
	height:489px;
	background-size:contain;
	padding: 0 25px;
	}
.pro_title_word{
	font-size:20px;
	line-height:180%;
	display: block;
	text-align:center;
	}
.style9 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#6B6B6B;
	line-height:150%;
	display:inline-block;
	font-weight:bold;
}
.news_date{
	display: inline-block
	}	
.news_description{
	display: inline-block
}						  		  								
}
 @media only screen and (*-device-width: 768px) and (*-device-width: 1024px) and (orientation:portrait) {
.index_logo{
	width: 260px;
	margin: 30px auto;
}	
.news_date{
	display: inline-block
	}	
.news_description{
	display: inline-block
}		
    }

    @media only screen and (*-device-width: 769px) and (*-device-width: 1024px) and (orientation:landscape) {
.index_logo{
	width: 260px;
	margin: 30px auto;
}
.news_date{
	display: inline-block
	}	
.news_description{
	display: inline-block
}		
    }
    @media only screen and (*-device-width: 800px) and (*-device-width: 1280px) and (orientation:landscape) {
.since_left{
	float:left;
	width:10%;
	margin-bottom:35px;
}
.since_left1{
	float:left;
	width:10%;
	margin-bottom:35px;
}
.since_right{
	float:left;
	width:90%;
	padding:50px 0 0 25px;
}	
.since_right1{
	float:left;
	width:90%;
	padding:30px 0 0 25px;
}
.style35{
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.4rem;
	color:#000000;
	line-height:300%;
	text-align:center;
	font-weight:bold;
	}	
.style36{
	font-family:Microsoft JhengHei, Arial;
	font-size: 1rem;
	color:#666666;
	line-height: 180%;
	text-align:center;
	font-weight:bold;
	}
.advantage_area	{
	width:33%;
	position:relative;
	float:left;
}
.advantage_area_list1{
	background:url(../ch/images/about/pic6_3.png) no-repeat left top;
	max-width:480px;
	height:485px;
	background-size:contain;
	padding:0 25px;
	}
.advantage_area_list2{
	background:url(../ch/images/about/pic6_4.png) no-repeat left top;
	max-width:506px;
	height:489px;
	background-size:contain;
	padding:0 25px;	
	}
.advantage_area_list3{
	background:url(../ch/images/about/pic6_5.png) no-repeat left top;
	max-width:485px;
	height:489px;
	background-size:contain;
	padding:0 25px;	
	}
.pro_title_word{
	font-size:20px;
	line-height:180%;
	display: block;
	text-align:center;
	}
.style9 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#6B6B6B;
	line-height:150%;
	display:inline-block;
	font-weight:bold;
}
.news_date{
	display: inline-block
	}	
.news_description{
	display: inline-block
}					
	}	
@media (min-width:769px) and (max-width:1199px) {
.index_logo{
	width:400px; 
	margin:25px auto;
}	
#header .logo {
	font-family: 'Pacifico', cursive;
	display: inline-block;
	height: inherit;
	left: 0;
	line-height: inherit;
	margin-top: 0;
	padding: 0;
	position: absolute;
	top: 0;
	color: #e5474b;
	font-size: 1.75em;
	text-transform: none;
	font-weight: normal;
	padding: 0;
}
.index_pro{width:100%; margin:0 auto;}		
.index_products_bk{ 
	background:url(../images/index/products_bk.png) no-repeat left center; 
	padding:63px 0;
}
.container_pro {
	max-width: 1199px;
}
  .container_news {
    max-width: 1199px;
	margin:0 auto;
  }  
.pro_title{
	font-family:Microsoft JhengHei, Arial;
	font-size:16px;
	color:#C92121;
	line-height:100%;
	font-weight:bold;
	margin-bottom:70px;
}
#footer{ 
	padding:29px 157px;
	margin-bottom:35px;
}
.wrap_footer{
  	max-width:1199px;
  	margin: 0 auto;
}
.groups_left{
	float: inherit;
	text-align:center;
	width:100%;
	margin-top:25px;
}
.groups_left{
	float: inherit;
	text-align:center;
	width:100%;
	margin-top:25px;
}
.groups_left1{
	float: inherit;
	text-align:center;
	width:100%;
	margin-top:25px;
}
.groups_right{
	float: inherit; 
	text-align:center;
	width:100%;
}
.groups_right_pro{
	float: inherit; 
	text-align:center;
	width:100%;
}
.groups_logo{
	float: inherit;
	text-align:center;
	width:100%;
	padding-top:15px;
}
.groups_logo1{
	float: inherit;
	text-align:center;
	width:100%;
	padding-top:15px;
}
.btn-primary {
	width:68px;
	height:68px;
	background:#404040;
	border-radius:999em;
	padding:25px 0 0 0;
	margin:0 25px 210px 0;
}
.container_area{ 
	max-width:1563px;
	margin:0 auto;			
	}
.about_title{
	max-height:349px;
	}
.about_left{
	float:left;
	width:5%;	
}
.about_right{
	float:right;
	width:95%;
	padding:25px 0;	
	}
.about_list_left{
	 	width:100%;
		float:inherit;
	}	
.about_list_right{
	 	width:100%;
		float:inherit;
		max-width:650px;
		margin:auto;
	}
.about_list_right_bk{
	 	max-width:100%;
		background-image:url(../ch/images/about/pic2-top.png), url(../ch/images/about/pic3.jpg);
		background-repeat:no-repeat;
		background-size: contain;		
		background-position:top right,bottom center;
		border:2px solid #e50009; 
	}
.style15 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#5F5F5F;
	line-height:200%;
	text-align:left;
	font-weight:bold;
	padding:25% 20% 30% 20%;
	margin-top:25px;
}
.page_footer{
	background:url(../ch/images/about/footer_bk.png) repeat-x center center;
	width:100%;
	height:9px;
	background-size:cover;
}
.since_left{
	max-width:100%;
}
.since_left1{
	max-width:100%;
}
.since_right{
	float: inherit;
	width:100%;
	padding:50px 0 0 25px;
}	
.since_right1{
	float: inherit;
	width:100%;
	padding:50px 0 0 25px;
}
.about_contact_bk{
	 	max-width:1469px;
		margin:0 auto;
	}
.advantage_bk{
	max-width:100%;
	background: url(../ch/images/about/advantage@2x.png) top left no-repeat;
	background-size: cover;
	padding-bottom:35px;
	}
.style17 {
	font-family:Microsoft JhengHei, Arial;
	font-size:24px;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin:30px 0 30px 0;
}	
.style18 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin-bottom:55px;
}
.advantage_list{
	float:left;
	width:25%;
	position:relative;
	padding-right:8px;	
}
.news_page_link{
	float:left;
}
.news_page_download{
	float:left;
	}
.style26 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#6C6C6C;
	line-height:200%;
	margin-left:35px;	
	}	
.contact_left{
	float: inherit;
	width:100%;
	text-align:left;
	}	
.contact_right{
	float: inherit;
	width:100%;
	text-align:left;
	}
.contact_pic_bk{
		max-width:100%;
	   	background:url(../ch/images/contact/pic.png) center center no-repeat;
	    background-size:contain;
		padding:18% 0 10% 45%;

	}
.style31{
	font-family:Microsoft JhengHei, Arial;
	font-size:1.21rem;
	color:#ffffff;
	line-height:180%;
	text-align:left;
	font-weight:500;
	}	
.style28 {
	font-family:Microsoft JhengHei, Arial;
	font-size:2rem;
	color:#3F3F3F	;
	line-height:180%;
	text-align:center;
	}
.container_contact{
    max-width: 1199px;
	margin:0 auto;
	}	
.iframe-map {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	border:10px solid #E1E1E1;
}
.iframe-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.navbar_pro{
	display: block;
	}															
.pro_conent{
	padding:45px 0px;
	}	
.pro_list{
	width:33%;
	position:relative;
	float:left; 
	padding-right:25px;
}
.nav-link.disabled {
	background: url(../ch/images/products/but.png) no-repeat left top;
	width:212px;
	height: 74px;
	background-size:cover;	
	font-size: 18px;
	color:#000;
	pointer-events: none;
	display:none;
}

.nav-link {
	color: rgba(0, 0, 0, 0.6);	
	background:#eeeeee;
  	font-size: 18px;
  	line-height: 25px;	
}
.pro_list_bk{
	background: url(../ch/images/products/products.png) no-repeat left top;
	 	max-width:100%;
	 	height: auto;
	    background-size:contain;	
}
.clear_4{
	clear:both;
	display:none;
}
.clear_3{
	clear:both;
}
.clear_2{
	clear:both;	
	display:none;
}
.pro_area_bk{
	background:url(../ch/images/products_page/bk.png) no-repeat left top;
	max-width:100%;
	height:auto;
	background-size:contain;
	}
.pro_content{
	margin:15px 0 0 45px; 
	}
.img_pro{
	display:block;
	}	
.index_news_bk {
		width:100%;
		background: url(../images/index/news_bk.png) top left no-repeat;
		background-size: cover;
		padding:0 0 0 75px;
		max-height: 84px;
}
.index_news_bk_left {
		max-width:100%;
		padding:0 0 0 75px;
}
.index_news_title {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.4rem;
	color:#3F3F3F;
	line-height: 180%;
	font-weight:bold;
	text-align:left;
	margin-top:8px;
	float:left;
}
.index_news_title_sub {
	font-family:Microsoft JhengHei, Arial;
	font-size: 0.5rem;
	color:#C92121;
	line-height: 55px;
	font-weight:bold;
	float:left;
}
  .container_news_contact {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.1rem;
	color:#FFFFFF;
	line-height: 150%;
	text-align:left;
	margin-top: 25px;
	  } 
  .container_news_contact:hover {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.1rem;
	color:#FFFFFF;
	line-height: 150%;
	text-align:left;
	margin-top: 25px;
	text-decoration:underline;
	  } 
.style32{
	font-family:Microsoft JhengHei, Arial;
	font-size:1.25rem;
	color:#414141	;
	line-height:200%;
	text-align:center;	
	font-weight:900;
	margin-bottom:25px;
	max-width:320px;
	}
.style35{
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.2rem;
	color:#000000;
	line-height:300%;
	text-align:center;
	font-weight:bold;
	}	
.style36{
	font-family:Microsoft JhengHei, Arial;
	font-size: 0.9rem;
	color:#666666;
	line-height: 180%;
	text-align:center;
	font-weight:bold;
	}
.advantage_area	{
	width:33%;
	position:relative;
	float:left;
}
.advantage_area_list1{
	background:url(../ch/images/about/pic6_3.png) no-repeat left top;
	max-width:480px;
	background-size:contain;
	padding:0 2px;
	height:380px;
	}
.advantage_area_list2{
	background:url(../ch/images/about/pic6_4.png) no-repeat left top;
	max-width:506px;
	background-size:contain;
	height:380px;	
	}
.advantage_area_list3{
	background:url(../ch/images/about/pic6_5.png) no-repeat left top;
	max-width:485px;
	background-size:contain;
	height:380px;	
	}
.pro_title_word{
	font-size:20px;
	line-height:180%;
	display: block;
	text-align:center;
	}
.style9 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#6B6B6B;
	line-height:150%;
	display:inline-block;
	font-weight:bold;
}
.news_date{
	display: inline-block
	}	
.news_description{
	display: inline-block
}						  			
}

	
@media (min-width:1200px) {
.index_logo{
	width:400px; 
}
#header .logo {
	font-family: 'Pacifico', cursive;
	display: inline-block;
	height: inherit;
	left: 0;
	line-height: inherit;
	margin-top: 0;
	padding: 0;
	position: absolute;
	top: 0;
	color: #e5474b;
	font-size: 1.75em;
	text-transform: none;
	font-weight: normal;
	padding: 0;
}
.index_pro{
	width:100%; 
	margin:0 auto;
}
.index_products_bk{ 
	background:url(../images/index/products_bk.png) no-repeat; 
	height:554px;
	padding:63px 0;
}	
.container_pro {
	max-width: 100%;
	margin:0 auto;
}
  .container_news {
    max-width: 100%;
	margin:0 auto;
}
.index_news_title {	  
	font-family:Microsoft JhengHei, Arial;
	font-size:1.9rem;
	color:#3F3F3F;
	line-height:200%;
	font-weight:bold;
	text-align:left;
	margin-top:8px;	      	      
}
.index_news_title_sub {	 
	font-family:Microsoft JhengHei, Arial;
	font-size:16px;
	color:#C92121;
	line-height:100%;
	font-weight:bold;
}  
.container_news_contact {
	font-family:Microsoft JhengHei, Arial;
	font-size:1.9rem;
	color:#FFFFFF;
	line-height:450%;
	text-align:left;	
  } 
.container_news_contact:hover {
	font-family:Microsoft JhengHei, Arial;
	font-size:1.9rem;
	color:#FFFFFF;
	line-height:450%;
	text-align:left;
	text-decoration:underline;
  } 	    
.pro_title{
	font-family:Microsoft JhengHei, Arial;
	font-size:16px;
	color:#C92121;
	line-height:100%;
	font-weight:bold;
	margin-bottom:70px;
}
#footer{ 
	padding:29px 157px;
	margin-bottom:35px;
}
.wrap_footer{
  	max-width:100%;
  	margin: 0 auto;
}
.groups_left{
	float:left;
	text-align:left;
	width:60%;
	margin-top:25px;
}
.groups_left1{
	float:left;
	text-align:left;
	width:73%;
	margin-top:25px;
	padding-bottom:45px;	
}
.groups_right{
	float:left; 
	text-align:right;
	width:20%;
	padding-top:25px;
	padding-right:34px;
}
.groups_right_pro{
	float:left; 
	text-align:right;
	width:20%;
	padding-top:25px;
	padding-right:34px;
}
.groups_logo{
	float:left; 
	text-align:right;
	width:20%;
}
.groups_logo1{
	float:left;
	text-align:left;
	width:7%;
}
.btn-primary {
	width:68px;
	height:68px;
	background:#404040;
	border-radius:999em;
	padding:25px 0 0 0;
	margin:0 80px 210px 0;
}
.container_area{ 
	max-width:1200px;
	margin:0 auto;			
	}
/* .about_left{
	float:left;
	width:5%;	
}
.about_right{
	float:right;
	width:95%;	
	}
.about_list_left{
	 	width:100%;
		display: inline-block;
	}	
.about_list_right{
	 	width:100%;
		display: inline-block;
	}
.about_list_right_bk{
	max-width:100%;
	background-image:url(../ch/images/about/pic2-top.png), url(../ch/images/about/pic2-bottom.jpg);
	background-repeat:no-repeat;
	background-size: contain;		
	background-position:top right,bottom center;
	border:2px solid #e50009; 
} */
.about_left{
	float:left;
	width:5%;	
}
.about_right{
	float:right;
	width:95%;	
	}
.about_list_left{
	 	width:55%;
		float:left;
		position:relative;
		z-index:2;
		margin:40px 0 0 0;
	}	
.about_list_right{
	 	width:45%;
		float:left;
		position: relative;
		margin-left:-45px;
		z-index:1;
	}
.about_list_right_bk{
	 	max-width:100%;	
		background-image:url(../ch/images/about/pic2-top.png), url(../ch/images/about/pic2-bottom.jpg);
		background-repeat:no-repeat;
		background-size: contain;		
		background-position:top right,bottom center;
		border:2px solid #e50009; 
	}
		
.style15 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#5F5F5F;
	line-height:200%;
	text-align:left;
	font-weight:bold;
	padding:95px 55px 150px 90px;
}
.about_title{
	max-height:349px;
	}
.page_footer{
	background:url(../ch/images/about/footer_bk.png) repeat-x center center;
	width:100%;
	height:9px;
	background-size:cover;
}
.since_left{
	float:left;
	width:10%;
	margin-bottom:35px;
}
.since_left1{
	float:left;
	width:10%;
	margin-bottom:35px;
}
.since_right{
	float:left;
	width:90%;
	padding:50px 0 0 25px;
}	
.since_right1{
	float:left;
	width:90%;
	padding:30px 0 0 25px;
}
.advantage_bk{
	max-width:1900px;
	height:674px;
	background: url(../ch/images/about/advantage@2x.png) top left no-repeat;
	background-size: contain;
	}
.style17 {
	font-family:Microsoft JhengHei, Arial;
	font-size:24px;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin:30px 0 30px 0;
}	
.style18 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin-bottom:55px;
}
.advantage_list{
	float:left;
	width:25%;
	position:relative;
	padding-right:8px;	
}
.news_page_link{
	float:left;
}
.news_page_download{
	float:left;
	}
.style26 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#6C6C6C;
	line-height:200%;
	margin-left:35px;	
	}	
.contact_left{
	float:left;
	width:38%;
	position:relative;
	text-align:left;
	margin-right:65px
	}	
.contact_right{
	float:left;
	width:56%;
	position:relative;
	text-align:left;
	}
.contact_pic_bk{
		max-width:100%;
	   	background:url(../ch/images/contact/pic.png) top left no-repeat;
	    background-size:contain;
		padding:11% 0 5% 45%;

	}
.style31{
	font-family:Microsoft JhengHei, Arial;
	font-size:1.2rem;
	color:#ffffff;
	line-height:180%;
	text-align:left;
	font-weight:500;
	}
.style28 {
	font-family:Microsoft JhengHei, Arial;
	font-size:2rem;
	color:#3F3F3F	;
	line-height:180%;
	text-align:center;
	}
.container_contact{
    max-width: 1200px;
	margin:0 auto;
	}
.iframe-map {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	border:10px solid #E1E1E1;
}
.iframe-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.navbar_pro{
	display: block;
	}
.pro_conent{
	padding:25px 0;
	}	
.pro_list{
	width:50%;
	position:relative;
	float:left; 
	margin: 10px 0; 
}
.nav-link.disabled {
	font-size: 18px;
	line-height: 45px;	
	color:#000;
	border_bottom:1px solid #CCC;
}

.nav-link {  
	color: rgba(0, 0, 0, 0.6);	
	background:#eeeeee;
  	font-size: 18px;
  	line-height: 25px;	
}
.pro_list_bk{
	background: url(../ch/images/products/products.png) no-repeat left top;
	 	width:312px;
	 	height: 210px;
	    background-size:cover;	
}
.clear_4{
	clear:both;
	display:none;
}
.clear_3{
	clear:both;
}
.clear_2{
	clear:both;
	display:none;	
}
.pro_area_bk{
	background:url(../ch/images/products_page/bk.png) no-repeat center center;
	max-width:100%;
	height:auto;
	background-size:contain;
	}	
.pro_content{
	/*margin:15px 0 0 45px; */
	}
.img_pro{
	display:block;
	}
.index_news_bk {
		width:100%;
	 	height:auto;
	    background: url(../images/index/news_bk.png) top left no-repeat;
	    background-size:contain;
}
.index_news_bk_left {
		width:100%;
}
.index_news_title {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.4rem;
	color:#3F3F3F;
	line-height: 180%;
	font-weight:bold;
	text-align:left;
	margin-top:8px;
}
.index_news_title_sub {	 
	font-family:Microsoft JhengHei, Arial;
	font-size:0.9rem;
	color:#C92121;
	line-height:100%;
	font-weight:bold;
}
 .container_news_contact {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.1rem;
	color:#FFFFFF;
	line-height: 150%;
	text-align:left;
	margin-top: 30px;
	  } 
  .container_news_contact:hover {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.1rem;
	color:#FFFFFF;
	line-height: 150%;
	text-align:left;
	margin-top: 30px;
	text-decoration:underline;
	  } 
.pro_text{
	padding:0 0 0 15px;
	}
.style32{
	font-family:Microsoft JhengHei, Arial;
	font-size:1.25rem;
	color:#414141	;
	line-height:200%;
	text-align:center;	
	font-weight:900;
	margin-bottom:25px;
	max-width:320px;
	}
.style35{
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.4rem;
	color:#000000;
	line-height:300%;
	text-align:center;
	font-weight:bold;
	}	
.style36{
	font-family:Microsoft JhengHei, Arial;
	font-size: 1rem;
	color:#666666;
	line-height: 180%;
	text-align:center;
	font-weight:bold;
	}
.advantage_area	{
	width:33%;
	position:relative;
	float:left;
}
.advantage_area_list1{
	background:url(../ch/images/about/pic6_3.png) no-repeat left top;
	max-width:480px;
	height:485px;
	background-size:contain;
	padding:0 25px;
	}
.advantage_area_list2{
	background:url(../ch/images/about/pic6_4.png) no-repeat left top;
	max-width:506px;
	height:489px;
	background-size:contain;
	padding:0 25px;	
	}
.advantage_area_list3{
	background:url(../ch/images/about/pic6_5.png) no-repeat left top;
	max-width:485px;
	height:489px;
	background-size:contain;
	padding:0 25px;	
	}
.pro_title_word{
	font-size:20px;
	line-height:180%;
	text-align:center;
	}
.style9 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#6B6B6B;
	line-height:150%;
	display:inline-block;
	font-weight:bold;
}
.news_date{
	display:block;
	}	
.news_description{
	display:block;
}						  														
}

@media (min-width:1201px) and (max-width:1350px) {
.about_left{
	float:left;
	width:5%;	
}
.about_right{
	float:right;
	width:95%;	
	}
.about_list_left{
	 	width:55%;
		float:left;
		position:relative;
		z-index:2;
		margin:40px 0 0 0;
	}	
.about_list_right{
	 	width:45%;
		float:left;
		position: relative;
		margin-left:-45px;
		z-index:1;
	}
.about_list_right_bk{
	 	max-width:100%;
		background-image:url(../ch/images/about/pic2-top.png), url(../ch/images/about/pic2-bottom.jpg);
		background-repeat:no-repeat;
		background-size: contain;		
		background-position:top right,bottom center;
		border:2px solid #e50009; 
	}
.style15 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#5F5F5F;
	line-height:200%;
	text-align:left;
	font-weight:bold;
	padding:100px 45px 150px 95px;
}
.since_left{
	float:left;
	width:10%;
	margin-bottom:35px;
}
.since_left1{
	float:left;
	width:10%;
	margin-bottom:35px;
}
.since_right{
	float:left;
	width:90%;
	padding:50px 0 0 65px;
}	
.since_right1{
	float:left;
	width:90%;
	padding:30px 0 0 65px;
}
.about_contact_bk{
	 	max-width:1469px;
		margin:0 auto;

	}
.advantage_bk{
	max-width:1900px;
	height:550px;
	background: url(../ch/images/about/advantage@2x.png) top left no-repeat;
	background-size: cover;
	}
.style17 {
	font-family:Microsoft JhengHei, Arial;
	font-size:24px;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin:30px 0 30px 0;
}	
.style18 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin-bottom:55px;
}
.advantage_list{
	float:left;
	width:25%;
	position:relative;
	padding-right:48px;
}
.news_page_link{
	float:left;
}
.news_page_download{
	float:left;
	}
.style26 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#6C6C6C;
	line-height:200%;
	margin-left:35px;	
	}
.contact_left{
	float:left;
	width:38%;
	position:relative;
	text-align:left;
	margin-right:65px
	}	
.contact_right{
	float:left;
	width:56%;
	position:relative;
	text-align:left;
	}
.contact_pic_bk{
		max-width:100%;
	   	background:url(../ch/images/contact/pic.png) top left no-repeat;
	    background-size:contain;
		padding:10% 0 5% 45%;

	}	
.style31{
	font-family:Microsoft JhengHei, Arial;
	font-size:1.2vw;
	color:#ffffff;
	line-height:180%;
	text-align:left;
	font-weight:500;
	}
.style28 {
	font-family:Microsoft JhengHei, Arial;
	font-size:2rem;
	color:#3F3F3F	;
	line-height:180%;
	text-align:left;
	}
.container_contact{
	max-width:1563px;
	margin:0 auto;
	text-align: left;
	margin-bottom:55px;
	}
.iframe-map {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	border:10px solid #E1E1E1;
}
.iframe-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.navbar_pro{
	display: block;
	}
.pro_conent{
	padding:25px 0;
	}	
.pro_list{
	width:25%;
	position:relative;
	float:left; 
	margin: 10px 0 0 65px; 
}
.nav-link.disabled {
	font-size: 18px;
	line-height: 45px;	
	color:#000;
	border_bottom:1px solid #CCC;
}

.nav-link {  
	color: rgba(0, 0, 0, 0.6);	
	background:#eeeeee;
  	font-size: 18px;
  	line-height: 25px;	
}
.pro_list_bk{
	background: url(../ch/images/products/products.png) no-repeat left top;
	 	width:312px;
	 	height: 210px;
	    background-size:contain;	
}
.clear_4{
	clear:both;
}
.clear_3{
	clear:both;
	display:none;
}
.clear_2{
	clear:both;
	display:none;	
}	
.pro_area_bk{
	background:url(../ch/images/products_page/bk.png) no-repeat center center;
	max-width:100%;
	height:auto;
	background-size:contain;
	}										
.pro_content{
	margin:15px 0 0 45px; 
	}
.img_pro{
	display:block;
	}	
.index_news_bk {
		width:78.1%;
	 	height:auto;
	    background: url(../images/index/news_bk_right.png) top left no-repeat;
	    background-size:contain;
		float:left;
		padding:0 0 0 105px;
}
.index_news_bk_left {
		width:21.8%;
	 	height:auto;
		background: url(../images/index/news_bk_left.png) top right no-repeat;
		background-size:contain;
		float:left;
}
.style32{
	font-family:Microsoft JhengHei, Arial;
	font-size:1.25rem;
	color:#414141	;
	line-height:200%;
	text-align:center;	
	font-weight:900;
	margin-bottom:25px;
	max-width:320px;
	}
.style35{
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.4rem;
	color:#000000;
	line-height:300%;
	text-align:center;
	font-weight:bold;
	}	
.style36{
	font-family:Microsoft JhengHei, Arial;
	font-size: 1rem;
	color:#666666;
	line-height: 180%;
	text-align:center;
	font-weight:bold;
	}
.advantage_area	{
	width:33%;
	position:relative;
	float:left;
}
.advantage_area_list1{
	background:url(../ch/images/about/pic6_3.png) no-repeat left top;
	max-width:480px;
	height:485px;
	background-size:contain;
	padding:0 25px;
	}
.advantage_area_list2{
	background:url(../ch/images/about/pic6_4.png) no-repeat left top;
	max-width:506px;
	height:489px;
	background-size:contain;
	padding:0 25px;	
	}
.advantage_area_list3{
	background:url(../ch/images/about/pic6_5.png) no-repeat left top;
	max-width:485px;
	height:489px;
	background-size:contain;
	padding:0 25px;	
	}
.pro_title_word{
	font-size:20px;
	line-height:180%;
	display:none;
	text-align:center;
	}
.pro_title_word{
	font-size:20px;
	line-height:180%;
	display: block;
	text-align:center;
	}
.style9 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#6B6B6B;
	line-height:150%;
	display:inline-block;
	font-weight:bold;
}
.news_date{
	float:left;
	}	
.news_description{
	float:left;
}							
}
	   
@media (min-width:1351px) {
.index_logo{
	max-width:400px; 
}
#header .logo {
	font-family: 'Pacifico', cursive;
	display: inline-block;
	height: inherit;
	left: 0;
	line-height: inherit;
	margin-top: 0;
	padding: 0;
	position: absolute;
	top: 0;
	color: #e5474b;
	font-size: 1.75em;
	text-transform: none;
	font-weight: normal;
	padding: 0;
}
.index_pro{width:100%; margin:0 auto;}	
.index_products_bk{ 
	background:url(../images/index/products_bk.png) no-repeat; 
	max-width:1900px; 
	height:554px;
	padding:63px 0;
}
  .container_pro {
    max-width: 1538px;
	margin:0 auto;
  }
  .container_news {
    max-width: 1360px;
	margin:0 auto;
	padding:12px 0;
  }
  .container_news_contact {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.3rem;
	color:#FFFFFF;
	line-height: 150%;
	text-align:left;
	margin-top: 43px;
	padding-left:50px;
	  } 
  .container_news_contact:hover {
	font-family:Microsoft JhengHei, Arial;
	font-size: 1.3rem;
	color:#FFFFFF;
	line-height: 150%;
	text-align:left;
	margin-top: 43px;
	text-decoration:underline;
	  } 	    
.index_news_title {	  
	font-family:Microsoft JhengHei, Arial;
	font-size:1.9rem;
	color:#3F3F3F;
	line-height:200%;
	font-weight:bold;
	text-align:left;
	margin-top:15px;	      
}
.index_news_title_sub {	 
	font-family:Microsoft JhengHei, Arial;
	font-size:0.9rem;
	color:#C92121;
	line-height:100%;
	font-weight:bold;
}
.index_news_bk {
	    background: url(../images/index/news_bk_right.png) top left no-repeat;
	    background-size:contain;
		float:left;
		width: 78.3%;
		max-height:114px;	
}
.index_news_bk_left {
	    background: url(../images/index/news_bk_left.png) top right no-repeat;
	    background-size:contain;
		float:left;	
		padding:0 0 0 280px;
		width: 21.7%;
		max-height:114px;					
}
  
#footer{ 
	padding:0 157px;
	margin-bottom:35px;
}
.wrap_footer{
  	max-width:100%;
  	margin: 25px auto;
}
.groups_left{
	float:left;
	text-align:left;
	width:68%;
	margin-top:25px;
	padding-bottom:45px;	
}
.groups_left1{
	float:left;
	text-align:left;
	width:73%;
	margin-top:25px;
	padding-bottom:45px;	
}
.groups_right{
	float:left; 
	text-align:right;
	width:30%;
	padding-top:25px;
	padding-right:34px;
	padding-bottom:45px;	
}
.groups_right_pro{
	float:left; 
	text-align:right;
	width:20%;
	padding-top:25px;
	padding-right:34px;
	padding-bottom:45px;	
}
.groups_logo{
	float:right;
	text-align:right;
	width:2%;
}
.groups_logo1{
	float:left;
	text-align:left;
	width:7%;
}
.btn-primary {
	width:68px;
	height:68px;
	background:#404040;
	border-radius:999em;
	padding:25px 0 0 0;
	margin:0 80px 210px 0;
}
.container_area{ 
	max-width:1563px;	
	margin:0 auto;		
	}
.about_left{
	float:left;
	width:5%;	
}
.about_right{
	float:right;
	width:95%;	
	}
.about_list_left{
	 	width:55%;
		float:left;
		position:relative;
		z-index:2;
		margin:85px 0 0 0;
	}	
.about_list_right{
	 	width:45%;
		float:left;
		position: relative;
		margin-left:-45px;
		z-index:1;
	}
.about_list_right_bk{
	 	max-width:100%;
		background-image:url(../ch/images/about/pic2-top.png), url(../ch/images/about/pic2-bottom.jpg);
		background-repeat:no-repeat;
		background-size: contain;		
		background-position:top right,bottom center;
		border:2px solid #e50009; 
	}
		
.style15 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#5F5F5F;
	line-height:200%;
	text-align:left;
	font-weight:bold;
	padding:160px 55px 200px 125px;
}
.about_title{
	max-height:349px;
}
.about_pic_a{
	display: none;
}
.page_footer{
	background:url(../ch/images/about/footer_bk.png) repeat-x center center;
	width:100%;
	height:9px;
	background-size:cover;
}
.since_left{
	float:left;
	width:10%;
	margin-bottom:35px;
}
.since_left1{
	float:left;
	width:10%;
	margin-bottom:35px;
}
.since_right{
	float:left;
	width:90%;
	padding:30px 0 0 55px;
}	
.since_right1{
	float:left;
	width:90%;
	padding:30px 0 0 55px;
}
.advantage_bk{
 	background: url(../ch/images/about/advantage.png) repeat-x top left;
	width:100%;
}
.about_contact_bk{
	max-width:1469px;
	margin:0 auto;
	}
.advantage_bk{
	max-width:1900px;
	background: url(../ch/images/about/advantage@2x.png) top left no-repeat;
	background-size: cover;
	}
.style17 {
	font-family:Microsoft JhengHei, Arial;
	font-size:24px;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin:30px 0 30px 0;
}	
.style18 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#ffffff;
	line-height:200%;
	text-align:center;
	font-weight:bold;
	margin-bottom:55px;
}
.advantage_list{
	float:left;
	width:25%;
	position:relative;
	padding-right:48px;
}
.container_news{ 
	max-width:100%;
	margin:0 auto;
	padding:0 0px;	
	}
.news_page_link{
	float:left;
}
.news_page_download{
	float:left;
	}
.style26 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#6C6C6C;
	line-height:200%;
	margin-left:35px;	
	}
.contact_left{
	float:left;
	width:38%;
	position:relative;
	text-align:left;
	margin-right:65px
	}	
.contact_right{
	float:left;
	width:56%;
	position:relative;
	text-align:left;
	}
.contact_pic_bk{
		max-width:100%;
	   	background:url(../ch/images/contact/pic.png) top left no-repeat;
	    background-size:contain;

	}
.style31{
	font-family:Microsoft JhengHei, Arial;
	font-size:1.2rem;
	color:#ffffff;
	line-height:180%;
	text-align:left;
	font-weight:500;
	}
.style28 {
	font-family:Microsoft JhengHei, Arial;
	font-size:2rem;
	color:#3F3F3F	;
	line-height:180%;
	text-align:left;
	}
.container_contact{
	max-width:1563px;
	margin:0 auto;
	text-align: left;
	margin-bottom:55px;
	margin-right:25px;
	}
.iframe-map {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	border:10px solid #E1E1E1;
}
.iframe-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.nav-link.active{
	 	width:212px;
	 	height: 74px;
	    background: url(../ch/images/products/but.png) top left no-repeat;
	    background-size:cover;
		color:#000000;
		font-size:18px;
	  } 
.navber_pro{
	display:none;
	}
.pro_conent{
	padding:45px 0;
	}	
.pro_list{
	width:25%;
	position:relative;
	float:left; 
}
.nav-link.disabled {
	background: url(../ch/images/products/but.png) no-repeat left top;
	width:212px;
	height: 74px;
	background-size:cover;	
	font-size: 18px;
	color:#000;
	pointer-events: none;
}

.nav-link {
  color:#fff;
  background:#343434;
  font-size: 18px;
  line-height: 25px;
  width:212px;
  height:49px;
  background: url(../ch/images/products/but1.png) no-repeat left top;
  background-size:cover;	
}
.pro_list_bk{
	background: url(../ch/images/products/products.png) no-repeat left top;
	 	width:312px;
	 	height: 210px;
	    background-size:cover;	
}
.clear_4{
	clear:both;
}
.clear_3{
	clear:both;
	display:none;
}
.clear_2{
	clear:both;	
	display:none;
}
.pro_area_bk{
	background:url(../ch/images/products_page/bk.png) no-repeat center center;
	max-width:100%;
	height:auto;
	background-size:contain;
	}
.pro_content{
	margin:15px 0 0 45px; 
	}
.img_pro{
	display:block;
	}
.style32{
	font-family:Microsoft JhengHei, Arial;
	font-size:1.25rem;
	color:#414141	;
	line-height:200%;
	text-align:center;	
	font-weight:900;
	margin-bottom:25px;
	max-width:320px;
	}
.style35{
	font-family:Microsoft JhengHei, Arial;
	font-size:25px;
	color:#000000;
	line-height:400%;
	text-align:center;
	font-weight:bold;
	}	
.style36{
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#666666;
	line-height:200%;
	text-align:center;
	font-weight:bold;	
	}
.advantage_area	{
	width:33%;
	position:relative;
	float:left;
}
.advantage_area_list1{
	background:url(../ch/images/about/pic6_3.png) no-repeat left center;
	max-width:480px;
	height:485px;
	background-size:contain;
	padding:0 75px;
	}
.advantage_area_list2{
	background:url(../ch/images/about/pic6_4.png) no-repeat left center;
	max-width:506px;
	height:489px;
	background-size:contain;
	padding:0 75px;	
	}
.advantage_area_list3{
	background:url(../ch/images/about/pic6_5.png) no-repeat left center;
	max-width:485px;
	height:489px;
	background-size:contain;
	padding:0 75px;	
	}	
.pro_title_word{
	font-size:20px;
	line-height:180%;
	display:none;
	text-align:center;
	}	
.style9 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#6B6B6B;
	line-height:150%;
	display:inline-block;
	font-weight:bold;
}
.news_date{
	float:left;
	}	
.news_description{
	float:left;
}
}


.style1 {
	font-family:Microsoft JhengHei, Arial;
	font-size:38px;
	color:#0C3900;
	line-height:100%;
	font-weight:bold;
}
.style2 {
	font-family:Microsoft JhengHei, Arial;
	font-size:30px;
	color:#3F3F3F;
	line-height:200%;
	font-weight:bold;
}
.style4 {
	font-family:Microsoft JhengHei, Arial;
	font-size:16px;
	color:#C92121;
	line-height:100%;
	font-weight:bold;
	margin-bottom:70px;
}
.style5 {
	font-family:Microsoft JhengHei, Arial;
	font-size:21px;
	color:#3F3F3F;
	line-height:200%;
	font-weight:bold;
}
.style6 {
	font-family:Microsoft JhengHei, Arial;
	font-size:21px;
	color:#6B6B6B;
	line-height:180%;
	font-weight:bold;
}
.style7 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#3F3F3F;
	line-height:150%;
	font-weight:bold;
}
.style8 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#6B6B6B;
	line-height:150%;
	font-weight:bold;
}
.style10 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#3F3F3F;
	line-height:150%;
	display:inline-block;
}
.style11 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#6B6B6B;
	line-height:150%;
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
	display:inline-block;
}
.style12 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#6B6B6B;
	line-height:120%;
	text-align:right;
}
.style13 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#6B6B6B;
	line-height:3;
	text-decoration:underline;
	text-align:right;	
}
.style14 {
	font-family:Microsoft JhengHei, Arial;
	font-size:30px;
	color:#3F3F3F;
	line-height:200%;
	text-align:center;
	font-weight:bold;
}
.style16 {
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#4D4D4D;
	line-height:200%;
	text-align:left;
	font-weight:bold;
}
.style19 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1.1rem;
	color:#6D6D6D;
	line-height:200%;
	text-align:left;
}
.style20 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#6D6D6D;
	line-height:200%;
	text-align:left;
}
.style21 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1.7rem;
	color:#949494;
	line-height:400%;
	text-align:center;
	padding-bottom:25px;
}
.style21:hover {
	font-family:Microsoft JhengHei, Arial;
	font-size:1.7rem;
	color:#949494;
	line-height:400%;
	text-align:center;
	text-decoration:underline;
}
.style22 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1.5rem;
	color:#949494;
	line-height:400%;
	text-align:center;
	padding-bottom:25px;
}
.style23 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#C2272A;
	text-align:left;
	line-height:400%;
}
.style24 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1.4rem;
	color:#292929;
	text-align:left;
	line-height:150%;
}
.style25 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1.1rem;
	color:#656565;
	text-align:left;
	line-height:150%;
	margin:45px 0;
}
.style27 {
	font-family:Microsoft JhengHei, Arial;
	font-size:1.5rem;
	color:#404040;
	line-height:400%;
	text-align:center;
	}
.style29{
	font-family:Microsoft JhengHei, Arial;
	font-size:1rem;
	color:#C92121;
	line-height:180%;
	text-align:left;	
	}	
.style30{
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#6C6C6C;
	line-height:200%;
	text-align:left;	
	font-weight:bold;
	}
.style33{
	font-family:Microsoft JhengHei, Arial;
	font-size:2rem;
	color:#F71318;
	line-height:200%;
	text-align:left;	
	}	
.style34{
	font-family:Microsoft JhengHei, Arial;
	font-size:18px;
	color:#434343;
	line-height:200%;
	text-align:left;	
	}
		
a:link {text-decoration: none}
a:visited {text-decoration: none;}
a:hover{text-decoration: none;}
a:active {text-decoration: none;}