#wrapper{
	width:100%;
	position:relative;
	min-height:100%;
	height:100%;
	height:auto !important;
	margin:0 auto -218px auto;	
}

#push{
	clear:both;
	height:218px;
	position:relative;
	z-index:-1;	
}





.container{
	width:100%;
	min-height:400px;	
}

.blank{
	width:100%;
	height:20px;	
}


.nav_bg{
	width:100%;
	height:80px;
	background-image:url(../images/nav_bg.png);
	background-repeat:repeat-x;
	position:relative;	
}

.nav_content{
	width:980px;
	height:80px;
	margin:0 auto;
}

.nav_logo{
	width:290px;
	height:55px;
	margin-top:13px;	
}

.nav_menu{
	width:600px;
	height:80px;
}

.nav_menu > li{
	width:150px;
	height:80px;
	float:left;
	margin-left:30px;	
}

.footer_bg{
	width:100%;
	height:218px;
	background-image:url(../images/footer_bg.png);
	background-repeat:repeat-x;
	position:relative;	
}

.footer_content{
	width:980px;
	height:218px;
	margin:0 auto;
}

.footer_logo{
	width:300px;
	height:70px;
	margin-top:55px;	
}

.footer_rightbox{
	width:760px;
	height:150px;
	margin-top:26px;
	margin-right:52px;	
}

.footer_rightbox_up{
	width:760px;
	height:30px;	
}

.footer_rightbox_up > li{
	width:100px;
	height:30px;
	float:left;	
}

.footer_rightbox_down{
	width:700px;
	height:100px;
	margin-top:19px;
	margin-left:10px;
	line-height:20px;
	color:#FFF;
}

.footer_rightbox_text01{
	width:290px;
	height:100px;
	font-size:14px;
	color: #FFFFFF;
}

.footer_rightbox_text02{
	width:325px;
	height:100px;
	font-size:12px;	
}

.footer_wd01{
	font-size:15px;
	color: #FFFFFF;
	line-height: 25px;
}



.footer_wd01 :link {
	text-decoration: underline;
	color: #FFFFFF;
}

.footer_wd01 :active {
	text-decoration: underline;
	color: #FFFFFF;

}

.footer_wd01 :visited {
	text-decoration: underline;
	color: #FFFFFF;

}
 

.footer_wd01 :hover{
	text-decoration: underline;
	color: #FFFFFF;
}


.index_content{
	width:85%;
	min-width:980px;
	padding-bottom:50px;
	margin:0 auto;
}


.about_content{
	width:1100px;
	min-width:980px;
	padding-bottom:80px;
	margin:0 auto;
}

.index_title{
	width:100%;
	font-size: 28px;
	line-height: 50px;
	color: #b90e1c;
	background-color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #f9bd0f;
}












.index_list_box{
	width:23%;
	height:auto;
	margin-left:1%;
	padding-bottom:10px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	margin-right: 1%;
	margin-bottom: 30px;
}

.index_list_pic{
	width:100%;
	background-size: cover;
}

.index_list_pic img{
	width:100%;
	height:auto;
}

.index_list_box2{
	width:23%;
	height:auto;
	margin-left:1%;
	margin-right: 1%;
	margin-bottom: 30px;
	float: left;
}



.index_list_box2 img{
	width:100%;
	height:auto;
}

.index_list_box2_title{
	font-size: 16px;
	line-height: 30px;
	color: #333333;
}


.index_list_box2_title  a:link{

  text-decoration: none;	color: #333333;
}

.index_list_box2_title   a:visited{

    text-decoration: none;	color: #333333;
}

.index_list_box2_title   a:hover{
  text-decoration: none;	color: #333333;
}
.index_list_box2_title  a:active{

   text-decoration: none;	color: #333333;
 }

.index_list_pic2{
	width:100%;
	height:280px;
	background-image:url(../images/index_list02.png);
	background-size: cover;
	background-color:#FFF;	
}

.index_list_pic3{
	width:100%;
	height:280px;
	background-image:url(../images/index_list03.png);
	background-size: cover;
	background-color:#FFF;	
}

.index_list_pic4{
	width:100%;
	height:280px;
	background-size: cover;
	background-color:#ccc;	
}

.index_list_pic5{
	width:100%;
	height:280px;
	background-image:url(../images/index_list05.png);
	background-size: cover;
	background-color:#FFF;	
}

.index_list_pic6{
	width:100%;
	height:280px;
	background-image:url(../images/index_list06.png);
	background-size: cover;
	background-color:#FFF;	
}

.index_list_pic a:hover{
	width:100%;
	min-height:218px;
	background-color:#FFF;
	opacity:0.7;	
}

.index_list_bigbox{
	width:30%;
	height:486px;
	margin-left:10px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	text-align:center;	
}

.index_list_text{
	width:90%;
	height:30px;
	margin-top:20px;
	margin-left:auto;
	margin-right: auto;
}

.index_list_more{
	width:85px;
	height:20px;
	margin-top:15px;
	margin-right:15px;
	opacity:1;
}

.index_list_more:hover{
	opacity:0.7;
}

.index_newsbar{
	width:100%;
	height:48px;
	/*background-image:url(../images/index_news_bar.png);*/
	background-repeat:repeat-x;
	background-color: #C30D17;
	color: #fff;
	letter-spacing: 1px;	
}

.index_newsbar_title{
	width:180px;
	height:16px;
	margin:0 auto;
	padding-top:16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.index_newsbar_title img{
	margin-left:-25px;
}

.index_news_list{
	width:100%;
	height:35px;
	margin-top:10px;
}

.index_news_date{
	width:30%;
	height:35px;
	font-size:14px;
	margin-left:10px;
	line-height:35px;
	color:#c91832;
}

.index_news_name{
	width:65%;
	height:35px;
	font-size:16px;
	line-height:35px;
	color:#000;
	text-align: left;	
}

.index_news_name a{
	color:#000;	
}

.index_news_name a:hover{
	color:#c91832;	
}

.little_banner{
	width:100%;
	height:250px;
	background-image:url(../images/little_banner.png);
	background-size:cover;	
}

.banner_map{
	width:100%;
	height:250px;	
}

.inside_content{
	width:1200px;
	min-height:400px;
	margin:0 auto;
	margin-top:20px;
	padding-bottom:40px;	
}

.brandcrume{
	width:210px;
	height:30px;
	margin-bottom:20px;	
}

.brandcrume > span{
	font-size:16px;	
}

.index_pic{
	width:30px;
	height:30px;
	float:left;	
}

.brand{
	width:170px;
	height:30px;
	font-size:14px;
	line-height:31px;	
}

.brand a{
	color:#000;	
}

..brand a:hover{
	color:#c91832;	
}

.right_content{
	width:950px;
	min-height:400px;
}

.sidebar{
	width:212px;
	height:126px;
	margin-top:35px;
}

.sidebar_shadow{
	width:6px;
	height:126px;	
}

.sidebar_center{
	width:200px;
	height:126px;
	margin:0 auto;
	background-color:#f1f1f1;
}

.sidebar_title{
	width:205px;
	hieght:126px;	
}

.sidebar_list{
	width:200px;
	height:39px;
	text-align:left;
	font-size:16px;
	line-height:40px;
	padding-left:36px;
	cursor:pointer;
	color:#000;	
}

.sidebar_list a{
	color:#000;	
}

.sidebar_list a:hover{
	color:#c91832;
}

.about_title{
	width:100%;
	height:56px;
	border-top:6px solid #c91832;
	border-bottom:1px solid #c9c9c9;
	line-height:50px;
	margin-bottom:20px;
	font-size: 25px;
	color: #333333;
	font-weight: bold;
}

.about_title1{
	width:100%;
	height:50px;
	font-size: 28px;
	line-height: 50px;
	color: #b90e1c;
	background-color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #f9bd0f;
}

.about_company{
	width:850px;
	height:40px;
	margin-top:45px;	
}

.about_text{
	font-size:16px;
	color:#595959;
	line-height:25px;
	margin-top:40px;	
}

.about_text_service{
	width:851px;
	height:1440px;
	margin-top:60px;
	background-image:url(../images/about_text.png);	
	font-size:16px;
	padding:25px;
	line-height:22px;
}

.team_picture{
	width:368px;
	height:276px;	
}

.team_text{
	width:460px;
	min-height:220px;
	font-size:16px;
	line-height:25px;	
}

.service_listbox_title{
	width:100%;
	height:30px;
	color:#000;
	font-weight:900;
	font-size:18px;
	margin: 20px 0;
}

.service_listbox_title a{
	width:400px;
	height:30px;
	color:#656565;
}

.service_listbox_title a:hover{
	width:400px;
	height:30px;
	color:#c91832;
}

.service_listbox_pic{
	width:300px;
	height:280px;
	opacity:1;
	text-align:center;
	position:relative;
}

.service_listbox_pic img{
	width: 100%;
	height: 280px;
}

.service_listbox_pic:hover{
	opacity:0.7;
}

.service_listbox_text{
	width:400px;
	min-height:30px;
	font-size:16px;
	color:#595959;	
}

.little_arrow{
	width:400px;
	height:30px;
	font-size:14px;	
}

.service_inside_listbox{
	width:860px;
	min-height:190px;
	margin-top:45px;
}

.service_listbox{
	width:300px;
	min-height:300px;
	margin: 10px 0;
	margin-left: 10px;
	float: left;
}

.service_editor{
	width:950px;
	min-height:500px;
	margin-top:40px;	
}

.contact_info{
	width:795px;
	height:175px;
	margin:0 auto;
	margin-top:40px;	
}

.contact_ingo_left{
	width:355px;
	height:175px;	
	font-size:16px;
	border-right:1px solid #000;	
}

.contact_ingo_right{
	width:370px;
	height:70px;	
	font-size:16px;
	margin-top:45px;
	line-height:30px;	
}

.contact_table{
	width:860px;
	height:344px;
	background-color:#efefef;
	margin-top:40px;	
}
.newsview_line{
	width:1200px;
	height:8px;
	background-color:#c91832;	
}

.newsview_title{
	width:1200px;
	height:48px;
	border-bottom:1px solid #c9c9c9;
}

.newsview_date{
	width:150px;
	height:48px;
	font-size:22px;
	line-height:45px;
	text-align:left;	
}

.newsview_name{
	width:500px;
	height:48px;
	font-size:22px;
	margin-right:500px;
	line-height:45px;
	text-align:left;	
}

.newsview_editor{
	width:1200px;
	min-height:200px;
	margin:0 auto;
	margin-top:40px;	
}

.back_to_list{
	width:120px;
	height:50px;
	text-align:center;
	font-size:16px;
	background-color:#bfbfbf;
	margin:0 auto;
	line-height:50px;
	color:#fff;	
}

.back_to_list a:hover{
	color:#000;
}

.index_list_text_title{
	width:100%;
	height:25px;
	color:#000;
	font-size:18px;
	font-weight:900;

	text-align: center;
}

.index_list_text_title a{
	color:#000;

}

.index_list_text_title a:hover{
	color:#E81414;

}

.index_list_text_description{
	width:90%;
	height:100px;
	font-size:14px;
	font-weight:900;
	color:#616161;
	margin-top:5px;
}

.left_content{
	width:210px;
}










.css_table{
	display: table;
	margin: 20px 0;
	border: 1px solid #ccc;
}

.css_tr{
	display: table-row;
	margin: 10px;
}

.css_td{
	display: table-cell;
	margin: 10px;
	border:1px solid #ccc;
	padding: 10px;
	vertical-align: middle;
}

.css_text{
	padding: 20px;
}



.banner{
	margin-bottom: 20px;
}

.banner img{
	height: auto;
	width: 100%;
}


/*Ápµ¸§Ú­Ì*/ 


.contact_left{
	width: 37%;
	height: 300px;
	float: left;
}

.contact_right{
	width: 60%;
	height: 300px;
	margin-left: 3%;
	float: left;
	
}


.contact_wd1{

	font-size: 18px;
	color: #666666;
	line-height: 40px;
}

.contact_wd2{

	font-size: 16px;
	color: #666666;
	line-height: 30px;
}


.contact_wd2   a:link{

  text-decoration: none;		color: #666666;
}

.contact_wd2  a:visited{

    text-decoration: none;		color: #666666;
}

.contact_wd2   a:hover{
  text-decoration: none;		color: #666666;
}
.contact_wd2  a:active{

   text-decoration: none;		color: #666666;
 }

.contact_icon{
	float: left;
	height: 50px;
	width: 50px;
}


  #contact_content {
	width: 100%;
	float: left;
	margin-top: 20px;
}
 
   #contact_content3 {
	width: 100%;
	float: none;
	margin-left: auto;
	margin-right: auto;
	line-height: 30px;
} 


   #contact_content3   a:link{

  text-decoration: none;	color: #656e74;
}

   #contact_content3   a:visited{

    text-decoration: none;	color: #656e74;
}

   #contact_content3   a:hover{
  text-decoration: none;	color: #26c7b5;
}
   #contact_content3  a:active{

   text-decoration: none;	color: #656e74;
 }


#contact_form{
	background-color: #ccc9bf;
	width: 1050px;
	padding: 15px!important;
	margin-right: auto;
	margin-left: auto;
}

.blog_broder{
	font-size: 13px;
	color: #666666;
	width: 100%;
	border: 1px solid #CCCCCC;
	line-height: 25px;
	padding-left: 10px;
}





  .button_3 {
	border:2px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius:5px;
	line-height: 40px;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	background-color: #c20d18;
	padding-right: 50px !important;
	padding-left: 50px !important;
	cursor:  pointer;
	font-weight: bold;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
	font-family: "Microsoft JhengHei", sans-serif;
}















 @media screen and (max-width : 1200px) {
 
 
.index_list_box{
	width:23%;
	height:auto;
	margin-left:1%;
	padding-bottom:10px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	margin-right: 1%;
	margin-bottom: 20px;
}

    }
	
	
	 @media screen and (max-width : 1000px) {
 
 
.about_content{
	width:85%;
	min-width:980px;
	padding-bottom:50px;
	margin:0 auto;
}

    }
