* {
  margin: 0;
  padding: 0;
  }

html {
  background: #fff;
  }

body{
	font-family: Arial, Helvetica, sans-serif, "微軟正黑體",'Open Sans Condensed','Arial Narrow', serif; 
	font-weight: 400;
	font-size: 15px;
	color: #333;
}
header{
	margin:25px auto;
	max-width:1000px;
	padding:20px 0 0;
}
.top{
	float:right;
	font-size:12px;
	padding:10px;
}
.logo{
	padding:0 20px 10px 0;
	display: inline-block;
	width:240px;
	vertical-align:top;
}

/** page structure **/
nav {
	display: inline-block;
	width:750px;
	vertical-align:top;
	height: 100px;
	text-align:right;
}

.wrapper { 
  display: block;
  margin: 0 auto;
  width: 750px;
}

#menu {
  display: block;
  position: relative;
  z-index: 99;
  
}

#menu li {
  display: inline-block;
  
}
#menu li a {
  display: block;
  position: relative;
  float: left;
  padding: 0 35px;
  font-size: 16px;
  line-height: 70px;
  font-weight: bold;
  text-decoration: none;
  color: #B93319;
}
#menu li a:hover, #menu li a.active {
  color: #B93319;
  background:url(../images/li.png) left center no-repeat;
}

#menu li ul {
  display: none;
  position: absolute;
  top: 60px;
  width: 200px;
  background: #B93319;
  z-index: 1;
  -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.45);
  -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.45);
  box-shadow: 0 2px 7px rgba(0,0,0,0.45);
  padding:10px;
}
#menu li ul li {
  display: block;
  width: 200px;
  text-align:left;
  padding: 0 10px;
  line-height: 50px;
  color: #ffffff;
  font-size:26px;
}
#menu li ul li span {
  padding: 0 15px;
}
#menu li ul li a {
  display: block;
  float: none;
  color: #ffffff;
  font-size: 14px;
  line-height: 40px;
  padding: 0 15px;
}
#menu li ul li a:hover, #menu li ul li a.active {
  background: #ffffff;
  color: #B93319;
}

#menu li ul.expanded {
  width: 500px;
}
#menu li ul.expanded li { margin-right: 200px; }



#menu li ul li ul {
  display: none;
  position: absolute;
  left: 200px;
  top: 0;
  width:300px;
  height: auto;
  background: #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding:20px;
}


/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/*FOOTER*/
footer{
	background:#B93319;
	text-align: center;
	display:block;
}
.copyright{
	max-width:1000px;
	width:100%;
	margin:0 auto;
	padding:10px;
	color:#ffffff;
	font-size:12px;
	line-height:20px;
}
.copyright a{
	color:#ffffff;
	text-decoration:none;
}
.copyright span{
	padding:0 20px;
}
.copyright span.hosting{
	padding:0;
}



#banner, #main{
	max-width:1000px;
	margin:0 auto;
	position:relative;
	padding:10px 0;
	z-index:1;
}
.area{
	padding:0;
}
.area li{
	width:235px;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	border:#CDCDCD 1px solid;
	padding:0 0 20px;
	margin:0 5px 10px;
}
.area li:hover{
	border:#B93319 1px solid;
}
.area li img{
	padding:0 0 15px;
	width:100%;
}
.area li a{
	color:#B93319;
}
.area li .more{
	padding:40px 0 0;
	font-size:16px;
}
.area li span{
	display:block;
	padding:10px 0;
	margin:0px 50px;
}
.area li span:first-child{
	border-bottom:#B93319 2px solid;
}
.area li span img{
	width: auto !important;
}
.title_img{
	display:inline-block;
	vertical-align:top;
	width:220px;
}
.main_content{
	display:inline-block;
	vertical-align:top;
	width:750px;
	padding:0 10px;
}
.breadcrumb{
	text-align:right;
	color:#B93319;
}
.breadcrumb a{
	color:#B93319;
}
.title{
	color:#B93319;
	font-size:30px;
	padding:40px 10px 20px;
	border-bottom:#B93319 1px solid;
}

.edit{
	font-size:15px;
	line-height:30px;
	padding:20px;
}
.edit img{
	padding: 5px 0 20px;
    max-width: 100%;
}
.aboutli{
	padding:20px 0;
}
.aboutli li{
	padding: 5px 30px;
	background:url(../images/icon_li.png) no-repeat left center;
}

.news_area{
	padding:10px 20px;
}
.news_area li{
	padding:20px;
	line-height:25px;
	border-bottom:#000000 1px dashed;
}
.date{
	color:#D54A26;
	padding:0;
	font-size:12px;
	padding:0 10px;
}
.news_title{
	font-size:18px;
	color:#000000;
	padding:0 10px;
}
.news_text{
	clear:both;
	font-size:14px;
	color:#4D4D4D;
	padding:0 10px;
}
.news_area li a:hover .news_title{
	color:#D54A26;
}


/*page*/
.inside_page{
	font-family:Arial, Helvetica, sans-serif, "微軟正黑體";
	color: #2F318B;
	text-align: center;
	padding:20px 0;
	margin:20px 0;
}
.inside_page a{
	color: #000 !important;	
	padding: 5px;
}
.inside_page a:hover, .inside_page .active a{
	color: #D54A26 !important;
}
.inside_page ul{
	display: inline-block;
	vertical-align: top;
}
.inside_page li{
	color: #000 !important;
	display: inline-block;
	vertical-align: top;
	width:auto !important;
	min-width: inherit !important;
	padding:0;
	border:none !important;
	font-size:14px !important;
}
.inside_page button{
	background:none;
	border: none;
	padding:0 ;
	margin:0;
	border-radius: 0px;
}
.back{
	text-align:center;
	padding:20px;
	font-size:12px;
	border-top:#000000 1px dashed;
	color:#000000;
}
.back a{
	color:#000000;
	font-size:15px;
	padding:5px;
}
.back a:hover{
	color:#D54A26;
}

.news_content, .pro_area, .contact{
	padding:20px;
	line-height:25px;
	color:#000000;
}

.pro_area li{
	width:340px;
	display:inline-block;
	padding:10px 0;
	font-size:18px;
}
.pro_area li img, .pro_area li .all{
	display:inline-block;
	vertical-align:top;
	padding:0 5px;
}
.pro_area li img{
	width:90px;
}
.pro_area li .all{
	padding:5px 10px;
	width:250px !important;
	word-break: break-all;
}

.contact section {
  display: block;
  padding:20px 0;
  font-size:14px;
}
.contact li {
	padding:5px 0;
}
.contact li h1 font {
  color: #E60012;
}
.contact li p {
  display: block;
  width: 100%;
  text-align: right;
  color: #4E4D4D;
}
.contact li p a {
  color: #4E4D4D;
}
.contact li p a:hover{
  text-decoration: underline;
}

.contact li select, .contact li input {
  width: 100%;
  height: 25px;
}
.contact li h1 {
  color: #3E3A39;
  line-height: 1.5rem !important;
  width:180px;
  display: inline-block;
  text-align:right;
  padding:0 5px 0 0;
}

.lw-input1 {
  width: 500px;
  display: inline-block;
  vertical-align:top;
}
.lw-input2 {
  width:120px;
  display: inline-block;
  vertical-align:top;
}
.lw-code {
  height: 23px;
  margin: 1px 0 0 0;
  display: inline-block;
  vertical-align:top;
}
.lw-code img {
  height: 100%;
}

.lw-input1 textarea{
	display: block;
	width: 100%;
	height: 100px;
}

.cot_btn{
	display: block;
	text-align: right;
	margin:0 0 0 30px;
	float:right;
}
.cot_btn button{
	clear:both;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding:5px 15px;
	color: #fff;
	border-radius: 5px;
	margin: 0 5px;
	cursor: pointer;
	border:none;
	background:#ABABAB;
}
.cot_btn button a{
	color: #fff;
}
.cot_btn button:hover{
	background:#D54A26;
}