@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:0;}
ul{list-style:none;}
a{text-decoration:none;outline-style:none;}
input,textarea,select {outline:none;}
#header{ position:relative; width:846px; height:50px; margin:50px auto 0;}
#logo{ position:absolute; left:2px; top:7px;}
#logo a{ display:block; background:url("../images/details/logo.gif") no-repeat 0 0; width:241px; height:30px;}
#header p{ position:absolute; top:20px; right:6px; font:16px Arial, Helvetica, sans-serif; color:#666;}
#main{ position:relative; background:url("../images/details/fon.gif") no-repeat 0 0; width:846px; height:474px; overflow:hidden; margin:0 auto; padding:4px 3px;}
#content{ height:430px;}
#container{ float:left; overflow:hidden; width: 480px;}
.photol{ float:left; width:240px; height:431px; }
.photol.t1{ background:url("../images/photo/tmp2.jpg") no-repeat 0 0;}
.photol.t2{ background:url("../images/photo/tmp1.jpg") no-repeat 0 0;}
.photor{ float:left; width:119px; height:215px; margin:0 0 0 1px; }
.photor.r1{ background:url("../images/photo/ftr.jpg") no-repeat 0 0;}
.photor.r2{ background:url("../images/photo/ftr2.jpg") no-repeat 0 0;}
#menu{ width:480px; height:108px;padding:0 0 0 1px;}
#menu ul li a{ display:block; width:119px; height:108px; margin:0 0 0 1px;}
#menu ul li{ float:left; background:url("../images/details/menu.jpg") no-repeat 0 0;}
#menu ul li.n1{ background-position:0 0;}
#menu ul li.n2{ background-position:-120px 0;}
#menu ul li.n3{ background-position:-240px 0;}
#menu ul li.n4{ background-position:-360px 0;}
#menu ul li.n1:hover{ background-position:0 -108px;}
#menu ul li.n2:hover{ background-position:-120px -108px;}
#menu ul li.n3:hover{ background-position:-240px -108px;}
#menu ul li.n4:hover{ background-position:-360px -108px;}
#menu ul li#activ1{ background-position:0 -108px;}
#menu ul li#activ2{ background-position:-120px -108px;}
#menu ul li#activ3{ background-position:-240px -108px;}
#menu ul li#activ4{ background-position:-360px -108px;}
#footer{ float:left; background:url("../images/details/foot.gif") no-repeat 0 0; width:840px; height:35px;height:35px; overflow:hidden;}
#footer p{ float:right; font:12px Arial, Helvetica, sans-serif; color:#666; padding:12px 10px 0 0;}
#mblock{ height:71px; width:443px; overflow:hidden; margin:0 0 0 1px; padding:18px;}
#mblock h3{ font:12px/14px Arial, Helvetica, sans-serif; color:#000;}
#mblock ul{ margin:14px 0 0;}
.br ul{ margin:0;}
#mblock ul li, .br ul li{background-image:url("../images/details/li.gif"); background-repeat:no-repeat;background-position:left 8px; padding:0 0 0 20px;}
#mblock ul li a, .br ul li a{ font:11px/18px Arial, Helvetica, sans-serif; color:#000;}
#cont_bottom{ float:left; width:600px; height:216px; background:#eef8ff;}
.bl{ float:left; width:250px; height:180px; margin:18px 0 0 10px; border-right: 1px solid #c2daed; padding:0 10px 0 0; text-align:justify;}
.br{ float:left; width:200px; height:180px; margin:18px 0 0 10px; padding:0 10px 0 0; text-align:justify;}
.br.z1{ width:240px; padding:0 40px 0 0;}
.bl.w2{ width:310px; padding:0 40px 0 0;}
.bl.w3{ width:240px; padding:0 40px 0 0;}
.bl h3, .send h3, .br h3{ font: bold 16px/16px Arial, Helvetica, sans-serif; color:#2598ea; background:url("../images/details/next.gif") no-repeat 0 3px;padding:0 0 20px 18px;}
.bl h3 span, .send h3 span, .br h3 span{ color:#666;}
.bl p, .br p{ font: 13px/15px Arial, Helvetica, sans-serif; color:#333; padding:0 0 0 18px;}
.send{ float:left; margin:18px 0 0 10px;}
.send ul li{ overflow:hidden; margin:0 0 2px 0;}
.send ul li label{ float:left; font:12px Arial, Helvetica, sans-serif; color:#333; width:90px; margin:0 2px 0 0;}
.send ul li input{ float:left; font:12px Arial, Helvetica, sans-serif; color:#333; width:190px; border:1px solid #c3dbed;}
.send ul li textarea{ float:left; font:12px Arial, Helvetica, sans-serif; color:#333; width:190px; height:60px; border:1px solid #c3dbed; overflow:hidden; resize:none;}
.send ul li input.fbut{ width:60px; height:18px; margin:4px 68px 0 0;}
.send ul li input.fbutr{ width:60px; height:18px; margin:4px 0 0;}