/* CSS Document */
@charset "utf-8";
body { padding: 0; margin: 0; font-size: 12px; color: #666666; background: #fffff3; font-family:Arial, Helvetica, sans-serif }
div, ul, li, h1, h2, h3, h4, h5, h6, img, p, dl, dt, dd, ol, p { margin: 0px; padding: 0px; }
input { background: #FFFFFF; }
li { list-style: none; }
input, button, option, textarea, select, label { margin: 0px; padding: 0px; border: 1px #CCCCCC solid; }
input[type=image], input[type=radio],input[type=checkbox] { border:none;}
input, button, textarea, select { font: 100% Tahoma,Helvetica,Arial,sans-serif; }
a { text-decoration: none; color: #555555; }
a:hover { text-decoration: none; color: #0176a0; }
img { border: none; }
.pad10 { padding: 10px; }
.dis { display: block; }
.undis { display: none; }
.f_l { float: left; }
.f_r { float: right; }
.pink{ color:#ed2554;}
.w{ width:980px; margin:0 auto;}
.blue { color: #0176a0; }
.line1 { border-bottom: #CCCCCC 1px dashed; margin: 0px 0px; overflow: hidden; height: 0px; }
.tlx { text-decoration: line-through; }
.img_bod { padding: 2px; border: #cccccc 1px solid; }
.bod_gray { border: #cccccc solid 1px; padding: 1px; background: #FFFFFF; }
.air { width: 10px; height: 10px; overflow: hidden; margin: 0px auto; }
.clear { clear: both; overflow: hidden; height: 0px; }

.top { width: 100%;}
.top .wrap{ width:980px; margin:0px auto; height:102px;}
.logo{ float:left; margin:20px 0px 10px 0px;}
.mune{ width:100%; background:#5f3b1b; height:31px; line-height:31px;}
.mune .wrap{ width:980px; margin:0 auto;}
.mune .nav{position:relative; z-index:3; float:left; height:31px; line-height:31px;}
.nav li { float: left;height: 31px; position:relative; background:url(../images/li_bg.jpg) no-repeat right center;}
.nav li .a { width:170px; height:31px; display: block; font-size: 14px; font-weight: bolder; position: relative; text-align: center; color: #e4dfa4; }
.nav li .a:hover, .nav li .selected { color: #e1bd8e;}
.search{ margin-top:5px; height:20px; float:right;}
.search .txt{ float:left; width:200px; float:left; height:18px; line-height:18px; padding-left:6px;border:#333333 1px solid;}
.search .but{ background:url(../images/but_search.jpg) no-repeat; width:21px; height:20px; border:none; float:left; cursor:pointer}
.tit_01{ width:750px; height:20px; border-bottom:#CCCCCC 1px solid;}
.tit_01 h2{ float:left; background:url(../images/ioc_01.jpg) no-repeat left center; padding-left:20px; font-size:14px; font-weight:bold; color:#5f3b1b}
.tit_01 a{ float:right; text-align:right}
.left_index{ width:220px; float:left;background:#5f3b1b;}
.right_right{ width:750px; float:right;}
.left_index .pc{ padding-bottom:20px;}
.left_index .pc .pad10 a{color:#ffffff}
.left_index .pc li{ line-height:17px;padding-left:20px; position:relative;color:#e8e3df; display:block; margin:0 auto; z-index:30}
.left_index .pc li h2{ display:block; background:url(images/ico_02.gif) no-repeat right center; font-weight:bold; font-size:14px;cursor:pointer}
.left_index .pc li a{ color:#333333;}
.left_index .pc .selected, .left_index .pc li:hover{ background:#e4dfa4;  color:#333333}
.left_index .pc li .list_cat{ position:absolute;}
.nav-pop2 { z-index: 99999; position: absolute; top: 0px; LEFT:220PX; display: none; background-color: #e4dfa4;  width:180px; filter: Alpha(Opacity=90); -moz-opacity: .9; opacity: 0.9;  text-align:left;}
.nav-pop2 dd { margin: 0px 0px ; display:block; position:relative; }
.nav-pop2 dd a { display: block;height: 24px; line-height: 24px; color: #000; padding:4px 12px; font-size:14px;}
.nav-pop2 dd a:hover { color:#5f3b1b; text-decoration:underline; }
.nav-pop3 {  z-index: 999999; position: absolute; top: 6px; LEFT:180px; display: none; background-color: #e4dfa4;  width:180px; filter: Alpha(Opacity=90); -moz-opacity: .9; opacity: 0.9;  text-align:left; overflow:hidden;}
.left_index .pc .selected2, .left_index .pc li dd a:hover{ background:#d3cec3;  color:#333333}

.pro_w{ width:940px; margin:10px auto; background:#f5f5f5; padding:20px;}
.pro_w .wrap{ padding:40px;}
.pro_w .mes{ float:left; width:400px; }
.pro_w .mes strong{ font-weight:bold;}
.pro_w .pic{ float:RIGHT;  }
.pro_w .xx {  text-align:center; vertical-align:middle; position:relative; display: table-cell; float:left;} 
.pro_w .xx .qq { *position:absolute; *top:50%; } 
.pro_w .xx .qq img { *position:relative; *top:-50%; *left:-50%; max-height:400px;max-width:450px;}
.ja{ border-top:#CCCCCC 1px solid; text-align:center; padding:20px 0px; margin:30px 0px;}
#footer{ background:url(../images/footer.jpg) repeat-x; height:69px; text-align:center; padding-top:30px;}