@charset "utf-8";

body{
 text-align:left;
 margin:0;
    }

a{
 color:#676767;
 text-decoration:none;
    }
  
a:hover{
 color:#676767;
 text-decoration:underline;
    }

#container{
 text-align:left;
 width:999px;
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 color: #676767;
 padding-top:40px;
 }



.left{
 width:83px;
 height:531px;
 float:left;
 }
 
.right{
 width:63px;
 height:531px;
 float:right;
 }
 
 
#ctn{
 width:853px;
 height:500px;
 float:left;
 vertical-align:top;
 }
 
#header{
 width:853px;
 height:75px;
 }
 
.selectbox{
 margin:8px 5px 0 5px;
 float:left;
 }
 
.ru{
 margin:8px 5px 0 5px;
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 color: #fff;
 float:right;
 height:25px;
 }
 
.ru a{
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 color: #fff;
 height:25px;
 text-decoration:underline;
 } 
 
.ru a:hover{
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 color: #fff;
 height:25px;
 text-decoration:none;
 } 
  
 
input, select, textarea{
  font:normal 12px/1em Arial;
  color:#666;
    }

.gift_left{
 width:600px;
 height:446px;
 float:left;
 vertical-align:top;
 overflow:auto;
 margin-left:10px;
 display:inline;
 }
 
.product{
 margin:0 5px 0 15px;
 }
 
.product td{
 padding:0 5px 0 0;
 }
 
.ptitle{
 font: normal 12px/1.2em Arial, Helvetica, sans-serif;
 color: #676767;
 margin:10px 0 5px 0;
 }

.pbtn{
 margin:0 0 0 0;
 }
 
.ptxt{
 font: bold 11px/1.5em Arial, Helvetica, sans-serif;
 color:#d71d10;
 padding-left:3px;
 }
 
 
.gift_right{
 width:240px;
 height:456px;
 float:right;
 }
 
.grimg{
 width:220px;
 height:220px;
 border:1px solid #c6c8ca;
 margin:5px 0 5px 5px;
 }
 
.olyimg{
 width:220px;
 height:220px;
 border:1px solid #c6c8ca;
 margin:5px 0 0 5px;
 } 
 
.gift_right h1{
 font: bold 12px/1.5em Arial, Helvetica, sans-serif;
 color:#959595;
 margin:0;
 padding:0;
 margin:2px 0 0 10px;
}
 
.gift_right h2{
 font: bold 12px/1.5em Arial, Helvetica, sans-serif;
 border-bottom:1px solid #c9c9c9;
 width:220px;
 color:#d71d10;
 margin:0;
 padding:0;
 margin:2px 0 3px 8px;
}

.grtxt{
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 color: #676767;
 width:220px;
 height:100px;
 margin:5px 0 0 5px;
 overflow:auto;
 }

.grtxt p{
 margin:0;
 padding:0;
 padding:2px 0 3px 2px;
 }

.grbtn{
 padding:8px 0 0 0;
 }

.page {
 padding:0;
 margin:0;
 float:right;
  }

 
.page li{
 font:normal 11px/1.5em  Arial;
 float:left;
 color:#d71d10;
 list-style:none;
 height:25px;
 line-height:25px;
 vertical-align:middle;
 padding-left:8px;
   }
 
.page a{
 text-decoration:none;
 color:#d71d10;
 text-align:center;
 border:0;
   }
   
.page a:hover{
 color:#9c0e04;
 text-decoration:underline;
	}
	
.page .act {
 color:#9c0e04;
 text-decoration:underline;
	}


.pd{
 padding:30px 5px 0 15px;
 
 }
 
.pd td{
 padding:2px 5px 8px 0;
 }
 

.detial_left{
 width:240px;
 height:456px;
 float:left;
 vertical-align:top;
 }

.detial_left div{ 
 width:220px;
 height:220px;
 border:1px solid #c6c8ca;
 margin:15px 0 5px 15px;
 }


.detial_right{
 width:600px;
 height:456px;
 float:right;
 vertical-align:top;
 }

.detial_right h1{
 font: bold 14px/1.5em  "榛戜綋";
 border-bottom:1px solid #c9c9c9;
 width:550px;
 color:#d71d10;
 margin:0;
 padding:0;
 margin:15px 10px 5px 8px;
 }
 
.detial_right p{ 
 margin:0;
 padding:0;
 width:520px;
 padding:3px 20px 3px 10px;
 }

.yzm{
 width:500px;
 height:130px;
 background-color:#fbdfdf;
 margin:5px 20px 15px 10px;
 padding-left:10px;
 }
 
.yzm p{
 margin:0;
 padding:0;
 padding:6px 20px 3px 0;
 padding:5px 0 0 8px !important;
 }


.yzm .tb{
 margin:5px 0 0px 8px;
 } 
 
.yzm .tb td{
 padding:3px;
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 color:#b3232a;
 } 
 
 
.person_info{
 width:600px;
 height:430px;
 float:left;
 vertical-align:top;
 }
 
.person_info p{
 margin:0;
 padding:0;
 padding:5px 10px 3px 10px;
 line-height: 1.2em;
 width:570px;
 height:55px;
 } 
 
.person_info p span a{
 color:#d71d10;
 text-decoration:underline;
 } 

.person_info p span a:hover{
 color:#d71d10;
 text-decoration:none;
 }  
 

.person_info h1{
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 color: #676767;
 margin:0;
 padding:0;
 padding:5px 0 3px 10px;
 border-bottom:1px dashed #c9c9c9;
 width:570px;
}

.person_info span{
 color:#d71d10;
}

.membership{
 font: normal 12px/1.5em  Arial, Helvetica, sans-serif;
 color: #676767;
 text-align:left;
 border:0;
 border-collapse:collapse;
 width:550px;
 margin:20px 0 0 10px !important;
 margin:40px 0 0 10px;
 }

.membership th{
 font: normal 12px/1.5em  Arial, Helvetica, sans-serif;
 color:#d71d10;
 text-align:left;
 padding:0 3px 2px 0;
  }

.membership td{
 padding:2px 3px 4px 6px;
   }

.membership td ul{
 margin:0;
 padding:0;
  list-style:none;
  }
  
.membership td li{
 list-style:none;
 float:left;
 margin-right:10px;
 }

.membership span{
 font: normal 12px/1.5em  Arial, Helvetica, sans-serif;
 color:#d71d10;
 padding:0 8px 5px 8px;
 }
 
 
.rutxt{
 height:130px;
 font:normal 12px/1.5em Arial, Helvetica, sans-serif ;
 margin:5px 0 10px 35px;
 }
 
.readrule{
 color:#999999;
 float:left;
 width:140px!important;
 font-size:12px;
 padding:5px 0 0 10px;
 }

.rules{
 color:#d71d10;
 font-size:12px;
 padding:5px 5px 0 0;
 }

.rules a{
 text-decoration:underline;
 color:#d71d10;
 }


.rules a:hover{
 text-decoration:none;
 color:#d71d10;
 }



.ch_su_left{
 width:240px;
 height:240px;
 float:left;
 vertical-align:top;
 }

.ch_su_left img{ 
 width:220px;
 height:220px;
 border:1px solid #c6c8ca;
 margin:10px 0 5px 15px;
 }

.ch_su_center{
 width:380px;
 height:240px;
 float:left;
 vertical-align:top;
 }

.ch_su_center h1{
 font: bold 15px/1.5em  "榛戜綋";
 color:#d71d10;
 margin:0;
 padding:0;
 margin:15px 10px 5px 8px;
 }
 
.ch_su_center h2{
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 width:350px;
 color: #676767;
 margin:0;
 padding:0;
 border-bottom:1px solid #c9c9c9;
 margin:3px 10px 5px 10px;
 } 
 
.ch_su_center h3{
 font: bold 13px/1.5em  "榛戜綋";
 color:#d71d10;
 margin:0;
 padding:0;
 margin:5px 10px 0 8px;
 } 
 
 
.cs_ctn{
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 color: #676767;
 width:340px;
 height:100px;
 background-color:#fbdfdf;
 margin:5px 20px 20px 8px;
 padding:10px 10px 0 8px;
 }
 
.cs_ctn p{
 margin:0;
 padding:0;
 margin:8px 0 0 0;
 }
 
.cs_ctn span{
 color:#d71d10;
 }
 
.cs_ctn span a{
 color:#d71d10;
 text-decoration:underline;
 } 
 
.cs_ctn span a:hover{
 color:#d71d10;
 text-decoration:none;
 }  

.ch_su_right{
 width:220px;
 height:240px;
 float:right;
 vertical-align:top;
 }


.ch_su_right .banner{
 width:210px;
 height:100px;
 vertical-align:top;
 padding:6px 0 5px 5px;
 }

.ch_su_commend{
 width:820px;
 float:left;
 margin-left:10px;
 }


.coct{
 margin:0;
 padding:0;
 margin-left:10px;
 }
 

.ld_left{
 width:600px;
 height:445px;
 float:left;
 vertical-align:top;
 overflow:auto;
 padding:0 0 0 12px!important;
 padding:0 0 0 30px;
 }
 

.ld_left .title{
 width:500px;
}

.ld_left p{
 font: normal 12px/1.2em Arial, Helvetica, sans-serif;
 color: #676767;
 margin:0;
 padding:0;
 padding:10px 0 10px 0;
 }


.ld_left .zs{
 margin:0 0 15px 10px;
 }
 
.ld_left .zs td{
 padding:0 5px 0 0;
 }
 

.ld_left .bj{
 margin:0 10px 15px 10px;
 }
 
.ld_left .bj td{
 padding:0px 5px 15px 0;
 }
 
 
.ld_left .bjl{
 padding:5px 0 0 0;
 float:left;
 width:100px;
 border:1px solid #c6c8ca;
 vertical-align:top;
 } 

.ld_left .bjr{
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 color: #676767;
 padding:0 0 0 0;
 float:left;
 margin:5px 0 0 10px;
 vertical-align:top;
 }  

.ld_left .jx{
 margin:0 5px 15px 5px;
 }
 
.ld_left .jx td{
 padding:0px 5px 15px 0;
 }

.ld_left .jxl{
 padding:5px 0 0 0;
 float:left;
 width:90px;
 border:1px solid #c6c8ca;
 vertical-align:top;
 } 
 
.ld_left .jxr{
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 color: #676767;
 padding:0 0 0 0;
 float:left;
 margin:5px 0 0 10px;
 vertical-align:top;
 } 
 
.rule{
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 color: #676767;
 width:500px;
 }
 
.rule p{
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 color: #676767;
 padding:0;
 margin:0;
 padding:5px 10px 10px 10px;
 }
 
 
.rule h1{
 font: bold 13px/1.5em Arial, Helvetica, sans-serif;
 color: #494949;
 padding:0;
 margin:0;
 padding:5px 0 0 10px;
 }
 

 
 .rule ul{
 padding:0;
 margin:0;
 padding:5px 10px 0 10px;
 } 
 
 
.rule li{
 padding:0;
 margin:0;
 list-style:none;
 padding:0 0 5px 0;
 } 
 
.rule span{
 padding-left:13px;
 }  
 
.sort{
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 color: #676767;
 width:360px;
 }
 
.sort p{
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 color: #676767;
 padding:0;
 margin:0;
 padding:5px 0 10px 10px;
 }
 
 
.sort h1{
 font: bold 12px/1.5em Arial, Helvetica, sans-serif;
 color: #676767;
 padding:0;
 margin:0;
 padding:5px 0 0 10px;
 } 




.phone{
 font: normal 12px/1.5em Arial, Helvetica, sans-serif;
 color: #676767;
 width:200px;
 }

.phone h1{
 font: bold 12px/1.5em Arial, Helvetica, sans-serif;
 color: #494949;
 padding:0;
 margin:0;
 padding:5px 0 0 10px;
 border-bottom:1px solid #999999;
 }
 
 
.phone h2{
 font: bold 12px/1.5em Arial, Helvetica, sans-serif;
 color: #676767;
 padding:0;
 margin:0;
 padding:5px 0 0 10px;
 } 
 
.phone ul{
 padding:0;
 margin:0;
 padding:5px 10px 0 10px;
 } 
 
 
.phone li{
 padding:0;
 margin:0;
 list-style:none;
 padding:0 0 5px 0;
 } 
 
#footer{
 width:999px;
 height:118px;
 font: normal 10px/1.5em Arial, Helvetica, sans-serif;
 color: #676767;
 float:left;
 }
 
#footer ul{
 padding:0;
 margin:0;
 padding:0 10px 0 5em;
 } 
 
 
#footer li{
 font: normal 10px/1.5em Arial, Helvetica, sans-serif;
 color: #676767;
 padding:0;
 margin:0;
 float:left;
 list-style:none;
 padding:0 5px 5px 0;
 } 
 
 
#footer li a{
 text-decoration:underline;
 } 
 
#footer li a:hover{
 text-decoration:none;
 }  
 
 
 
 .btn{
  font: normal 9px/1.5em Arial, Helvetica, sans-serif; 
  FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,  StartColorStr=#ffffff,  EndColorStr=#cecfde);
  cursor: hand;
  color:#676767;
  padding:2px;
  border:1px solid #d8dbdb;
  margin-right:15px;
    }