.bl_sidebar{ float: left; clear: left; width: 211px; padding: 11px 11px 0 28px; }
.rule{ float: left; clear: both; width: 728px; background: url(../images/rule_bottom.png) no-repeat bottom; padding-top: 11px; padding-bottom: 10px; }
.rule h1{ float: left; clear: left; width: 728px; height: 31px; background: url(../images/bg2.jpg) no-repeat 0 0; text-indent: -1000px; margin: 0; }
.rule div.p{ float: left; clear: both; width: 656px; padding: 0px 35px 15px 35px; border-left: #d16d23 1px solid; border-right: #d16d23 1px solid; line-height: 180%;  }
.rule div.p h2{ font-size: 12px; line-height: 55px;width: 656px; }
.rule div.p h3{ font-size: 12px; font-weight: normal;width: 656px; line-height: 200%; }
.rule div.p h4{ font-size: 12px; line-height: 50px; margin-top: 15px; width: 656px; text-align: center; font-size: 16px;}
.rule div.p p{ padding: 0; border: 0;width: 656px;  }
.question{float: left; clear: both; width: 728px; background: url(../images/rule_bottom.png) no-repeat bottom; padding-top: 11px; padding-bottom: 10px;  }
.question h1{ float: left; clear: left; width: 728px; height: 31px; background: url(../images/bg2.jpg) no-repeat 0 -33px; text-indent: -1000px;margin:0;}
.question div.p{ float: left; clear: both; width: 656px; padding: 0px 35px 15px 35px; border-left: #d16d23 1px solid; border-right: #d16d23 1px solid; line-height: 180%;  }
.question div.p h2{ font-size: 12px; line-height: 25px;width: 656px; margin-top: 15px; }
.course{float: left; clear: both; width: 728px; background: url(../images/course_bottom.png) no-repeat bottom; padding-top: 11px; padding-bottom: 10px;  } 
.course h1{ float: left; clear: left; width: 728px; height: 31px; background: url(../images/bg2.jpg) no-repeat 0 -66px; text-indent: -1000px;margin:0;}
.course div.p{float: left; clear: both; width: 656px; padding: 0px 35px 15px 35px; border-left: #00976c 1px solid; border-right: #00976c 1px solid; line-height: 180%; }
.course div.p ul{ width: 636px; float: left; clear: both; padding-top: 20px; padding-left: 20px;}
.course div.p ul li{ float: left; margin-right: 15px; }
.course div.p h2{font-size: 12px; line-height: 50px;width: 636px;  }
.course div.p span.more{ display: block; float: left; clear: both; text-align: right; width: 636px; line-height: 40px; }
.course div.p span.more a{ font-weight: bold; text-decoration: none; color: #333; }
.course div.p span.more a:hover{ color: #ff9900; text-decoration: underline;}
.course_link{ width: 636px; float: left; clear: both; margin-top: 15px; font-weight: bold; }
.course_link a{ color: #333; text-decoration: none; }
.course_link a:hover{ color: #ff9900; text-decoration: underline;}
.course_link2{ width: 636px; float: left; clear: both; margin-top: 10px; text-align: center;font-weight: bold;  }
.course_link2 a{ color: #333; text-decoration: none; margin-right: 15px; }
.course_link2 a:hover{ color: #ff9900; text-decoration: underline;}
.materials{float: left; clear: both; width: 728px; background: url(../images/material_bottom.png) no-repeat bottom; padding-top: 11px; padding-bottom: 10px;   }
.materials h1{float: left; clear: left; width: 728px; height: 31px; background: url(../images/bg2.jpg) no-repeat 0 -99px; text-indent: -1000px;margin:0;  }
.materials div.p{ float: left; clear: both; width: 646px; padding: 0px 35px 15px 45px; border-left: #5a940a 1px solid; border-right: #5a940a 1px solid; line-height: 180%;}
.materials div.p h2{ width: 565px; text-align: center; color: #e97503; font-weight: normal; line-height: 50px; }
.materials_teble1{ width: 600px; border: #784c31 1px solid; color: #444; }
.materials_teble1 td.img { width: 153px; text-align: center; border-right: #784c31 1px solid;  }
.materials_teble1 td.img img{ margin: 0 auto }
.materials_teble1 h3{ color: #e97503; }
.materials_teble1 td{ padding-left: 10px; padding-top: 4px; border-bottom:#784c31 1px solid;  }
.materials_teble1 li{ padding-left: 10px; width: 400px; height: 23px; line-height: 23px; background: url(../images/bg.jpg) no-repeat -462px -240px; }
.materials_teble1 dt{ font-weight: bold; }
.materials_teble1 dd{ float: left; margin-right: 10px;white-space:nowrap;   }
.materials_teble2 td{ padding:0; border: 0; }
.materials_teble2{ width: 445px; font-weight: bold ;height: 43px; margin-left: -10px; }
.materials_teble2 td{ padding-left: 23px; text-align: center;color: #e97503; }
.materials_teble2 tr.data{ font-weight: normal;color: #e97503;  }

.materials_teble3 td{ padding:0; border: 0; }
.materials_teble3{ width: 445px; font-weight: bold ;height: 43px; background: url(../images/table_bg1.png); margin-left: -10px; }
.materials_teble3 td{ padding-left: 23px; text-align: center;color: #e97503; }
.materials_teble3 tr.data{ font-weight: normal;color: #e97503;  }

.guide{float: left; clear: both; width: 728px; background: url(../images/material_bottom.png) no-repeat bottom; padding-top: 11px; padding-bottom: 10px;   }
.guide h1{float: left; clear: left; width: 728px; height: 31px; background: url(../images/bg2.jpg) no-repeat 0 -132px; text-indent: -1000px; margin:0;  }
.guide div.p{ float: left; clear: both; width: 691px; padding: 0px 0px 15px 35px; border-left: #5a940a 1px solid; border-right: #5a940a 1px solid; line-height: 180%;}
.guide div.p p{ width: 645px; }
.guide div.p h2{font-size: 12px; line-height: 50px;width: 646px;  }
.guide div.p img{ margin: 10px 0; }
.gamepic{float: left; clear: both; width: 728px; background: url(../images/material_bottom.png) no-repeat bottom; padding-top: 11px; padding-bottom: 10px;}
.gamepic h1{float: left; clear: left; width: 728px; height: 31px; background: url(../images/bg2.jpg) no-repeat 0 -165px; text-indent: -1000px; margin:0;  }
.gamepic div.p{ float: left; clear: both; width: 701px; padding: 10px 0px 25px 25px; border-left: #5a940a 1px solid; border-right: #5a940a 1px solid; line-height: 180%; }
.gamepic div.p img{ margin-top: 10px; margin-right: 20px;  border: #d2d2d2 1px solid; }
.gold{float: left; clear: both; width: 728px; background: url(../images/material_bottom.png) no-repeat bottom; padding-top: 11px; padding-bottom: 10px; }
.gold h1{float: left; clear: left; width: 728px; height: 31px; background: url(../images/bg2.jpg) no-repeat 0 -198px; text-indent: -1000px; margin:0;  }
.gold div.p{ float: left; clear: both; width: 691px; padding: 15px 0px 15px 35px; border-left: #5a940a 1px solid; border-right: #5a940a 1px solid; line-height: 180%;}
.gold div.p p{ width: 645px; }
.gold div.p h2{font-size: 12px; ;width: 646px; line-height: 25px; margin-top: 20px;  }
.gold div.p img{ margin: 10px 0; }
.gold div.p ul{ color: #ff3300; }
.regist{float: left; clear: both; width: 728px; background: url(../images/course_bottom.png) no-repeat bottom; padding-top: 11px; padding-bottom: 10px; }
.regist h1{ float: left; clear: left; width: 728px; height: 31px; background: url(../images/bg2.jpg) no-repeat 0 -231px; text-indent: -1000px;margin:0;}
.regist div.p{float: left; clear: both; width: 656px; padding: 0px 35px 15px 35px; border-left: #00976c 1px solid; border-right: #00976c 1px solid; line-height: 180%; }
.regist div.p h2{font-size: 12px; ;width: 646px; line-height: 40px; margin-top: 10px;  }
.regist div.p img{ margin-bottom: 10px; }
.org{float: left; clear: both; width: 728px; background: url(../images/material_bottom.png) no-repeat bottom; padding-top: 11px; padding-bottom: 10px;}
.org h1{float: left; clear: left; width: 728px; height: 31px; background: url(../images/bg2.jpg) no-repeat 0 -264px; text-indent: -1000px; margin:0;  }
.org div.p{ float: left; clear: both; width: 656px; padding: 0px 35px 15px 35px; border-left: #5a940a 1px solid; border-right: #5a940a 1px solid; line-height: 180%;  }
.org div.p h2{ font-size: 12px; line-height: 50px;margin-top: 15px;width: 656px; text-align: center; font-size: 16px;  }
.org div.p h3{ font-size: 12px; font-weight: normal; margin-top: 15px; line-height: 23px;}
.exp{float: left; clear: both; width: 728px; background: url(../images/course_bottom.png) no-repeat bottom; padding-top: 11px; padding-bottom: 10px; }
.exp h1{ float: left; clear: left; width: 728px; height: 31px; background: url(../images/bg2.jpg) no-repeat 0 -297px; text-indent: -1000px;margin:0;}
.exp div.p h2{ font-size: 12px; line-height: 50px;margin-top: 15px; width: 656px; text-align: center; font-size: 16px; }
.exp div.p{float: left; clear: both; width: 656px; padding: 0px 35px 15px 35px; border-left: #00976c 1px solid; border-right: #00976c 1px solid; line-height: 180%; }
.exp div.p p{ margin-top: 20px; }

.news{float: left; clear: both; width: 728px; background: url(../images/course_bottom.png) no-repeat bottom; padding-top: 11px; padding-bottom: 10px; }
.news h1{ float: left; clear: left; width: 728px; height: 31px; background: url(../images/bg2.jpg) no-repeat 0 -330px; text-indent: -1000px;margin:0;}
.news div.p h2{ font-size: 12px; line-height: 50px; margin-top: 15px; width: 656px; text-align: center; font-size: 16px; }
.news div.p{float: left; clear: both; width: 656px; padding: 0px 35px 15px 35px; border-left: #00976c 1px solid; border-right: #00976c 1px solid; line-height: 180%; }
.news div.p span{ display: block; width: 656px; text-align: center;  }
.news div.p p{ margin-top: 20px; }