@charset "utf-8";

/*#f87735**/


body{
	background-image:url(../img/bg.jpg);
}

#header{
	width:100%;
	border-top:8px solid #f87735;
}
header{
	margin:0px auto;
	width:980px;
	height:140px;
	padding-top:15px;
	
}

#top_logo{
	width:440px;
	float:left;
}
#top_toi{
	float:right;
	width:300px;
}
#top_toi a:hover{
	opacity:0.8;
}
#top_toi p{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin-top:-10px;
}
#top_toi span{
	display:block;
	background-color:rgba(255,102,51,0.1);
	text-align:center;
}
nav{
	width:100%;
	height:100px;
	overflow:hidden;
}
#nav_w{
	width:100%;
	height:82px;
	margin-top:8px;
	border-bottom:1px solid #fff;
}
nav ul{
	width:980px;
	margin:0 auto;
}
nav li{
	float:left;
	line-height:82px;
	border-left:1px dotted #ccc;
	text-align:center;
	width:194px;
	height:82px;
}
nav li:last-child{
	border-right:1px dotted #ccc;
}


#top_w{
	width:1000px;
	margin:0 auto;
}
#top_left{
	width:270px;
	height:auto;
	float:left;
}
#top_left li{
	margin-bottom:15px;
}
li.li_bor{
	border-bottom:1px solid #ddd;
}

#top_left li span.fa{
	font-size:1.2em;
}
#top_left li.arro a{
	line-height:30px;
	line-height:30px;
	display:block;
}
#top_left li.arro a:hover{
	background-color:rgba(51,51,51,0.3);
	display:block;
	color:#fff;
}
#top_right{
	width:690px;
	float:right;
	height:900px;
}
#top_right h2{
	font-size:1.2em;
	border-bottom:1px solid #ddd;
}
#top_right h2 span{
	background-color:#f87335;
	color:#fff;
	font-size:0.6em;
	margin-left:20px;
	padding:1px 5px;
}
#top_right #itiran{
	text-align:right;
}
#itiran span{
	font-size:1.1em;
}
#itiran a:hover{
	color:#f87335;
}
#top_box{
	margin-top:20px;
}
#top_box h3{
	clear:both;
	width:200px;
	border-radius:2px;
	background-color:#333;
	color:#fff;
	text-align:center;
	margin-bottom:10px;
}
.top_box{
	float:left;
	margin:7px 5px;
}

/***article**/
#title{
	width:100%;
	height:80px;
	background-color:rgba(153,102,0,0.1);
	margin-bottom:30px;
}
#title h2{
	font-size:1.8em;
	text-align:center;
	color:#897266;
	line-height:60px;
	letter-spacing:2px;
}
#title h2 span{
	font-size:0.6em;
	display:block;
	margin-top:-30px;
}
#article{
	width:1000px;
	margin:30px auto 50px;
	overflow:hidden;
	
}
/**company**/
#company .w_left{
	background-color:rgba(102,102,102,0.1);
}
#company table{
	background-color:rgba(255,255,255,0.4);
	width:580px;
	float:left;
}
#company td{
	padding:10px;
}
#company tr{
	border-bottom:1px dotted #ccc;
}
#com_right{
	width:400px;
	float:right;
}
#com_right h3{
	color:#fff;
	background-color:#666;
	margin-top:20px;
	padding:10px;
	margi-bottom:20x;
}

/**works**/
#works{
	width:1000px;
	margin:30px auto;
}
#works_left{
	width:300px;
	float:left;
}
#works_left ul{
	margin-top:10px;
}
#works_left li{
	background-image:url(../img/cate_bg.png);
	background-repeat:repeat-x;
	margin-bottom:10px;
	height:60px;
	width:300px;
	overflow:hidden;
	font-size:1.2em;
	line-height:60px;
}

#works_left li a{
	display:block;
	padding-left:30px;
}
#works_left li a:hover{
	background-color:rgba(255,153,102,0.1);
}
#works_left li.acti{
	background-color:rgba(255,153,102,0.3);
}
#works_right{
	width:680px;
	float:right;
}
#main h3{
	font-size:1.2em;
	background-color:#333;
	color:#fff;
	padding-left:20px;
	margin-bottom:20px;
}

#result{
	width:1000px;
	margin:0 auto;
}

#result table{
	width:1000px;
	margin-top:40px;
}
#result th{
	background-color:rgba(102,102,102,0.3);
	text-align:center;
	padding:10px 0;
	border-right:1px dotted #fff;
	
}
#result tr:nth-child(odd){
	background-color:rgba(153,102,0,0.1);
}
	
#result td{
	padding:10px 5px;
	border:1px solid rgba(153,153,153,0.1);
}
#result td.cen{
	text-align:center;
}
/**contact***/
#contact #toi{
	width:950px;
	height:230px;
	border:1px solid #ccc;
	background-color:#fff;
	margin-top:30px;
	padding:20px;
	margin-bottom:30px;
}
#toi h4,#mail_form h2{
	font-size:1.3em;
	background-color:rgba(51,51,51,0.1);
	padding-left:10px;
}
#toi p{
	width:850px;
	margin:0 auto;
	font-size:1.2em;
}
#toi p.m_top{
	margin-top:25px;
	margin-bottom:10px;
}


#mail_text{
	margin-top:20px;
}


/**mail**/
#mail_form{
	background-color:#fff;
	margin-top:25px;
	padding:20px;
	border:1px solid #ccc;
}
#mail_form p{
	width:860px;
	margin:30px auto;
	font-size:1.1em;
}
#privacy{
	background-color:#fff;
	padding:30px;
}
#privacy p{
	font-size:0.9em;
	margin-top:5px;
}
#privacy h3{
	background-color:#ccc;
	color:#555;
	padding:3px 30px;
}
#privacy h4{
	border-bottom:1px solid #ccc;
	margin-top:10px;
	margin-bottom:5px;
}
#form p {
    font-size: 0.9em;
    line-height: 35px;
}

#thanks{
	background-color:#fff;
	height:500px;
	padding:30px;
}
#thanks h2{
	font-size:1.3em;
	background-color:#f9f9f9;
	padding:5px 10px;
}
#thanks p{
	padding:5px 30px;
	margin-top:10px;
	font-size:1.2em;
	line-height:35px;
}
#thanks a{
	margin-top:30px;
	display:block;
	width:230px;
	text-align:center;
	padding:5px;
	border-radius:3px;
	background-color:#f9f9f9;
	box-shadow:2px 2px 0 #ccc;
}

#thanks a:hover{
	background-color:#ddd;
}

/**footer**/
footer{
	clear:both;
	width:100%;
	height:55px;
	text-align:center;
	background-color:rgba(0,0,0,0.6);
	color:#fff;
}
p#copy{
	padding-top:15px;
}