@charset "utf-8";

#Book_container{background:url(../image/task/cover_bot.png) no-repeat left bottom; left:50%; width:750px;     margin:20px auto 20px auto; padding-bottom:100px}
#Book_container  h4{width:315px; border-bottom:1px solid #626264;   border-left:15px solid #626264 ; color:#000;}
#Book_taskintro{padding:10px 0; background:url(../image/task/cover.png) repeat-y; padding-bottom:1px; min-height:500px; *height:500px}
#Book_Head{ color:#000;margin:-20px 0px;background: url(../image/task/cover_top.png) no-repeat; min-height:580px; *width:750px; *margin-top:-10px;  *height:570px}


#Book_Head h1{background:url(../image/task/csszengarden.jpg) no-repeat; height:71px; width:268px; position:relative; top:50px; left:61px}
#Book_Head h1 span{display:none}
#Book_Head h2{background:url(../image/task/thebeauty.jpg) no-repeat; height:20px; width:299px; position:relative; top:55px; left:45px}
#Book_Head h2 span{display:none}
#Book_Head h3{background:url(../image/task/roadto.png) no-repeat; position:relative; left:120px; top:70px;height:44px; width:212px}
#Book_Head h3 span{display:none}
#IMGMenu{padding:95px 0 0 25px;position:relative;}

.Book_p1{margin:-100px 120px 40px 0;}
.Book_p2{background:url(../image/task/bookmark.png) no-repeat; margin:7px 0 0 255px; }
.Book_p2 img{display:block; padding:80px 3px 0; }
.Book_p3{margin:10px 0; font-style:italic;}


#Menu{ color:#000;}

.ro_h1{height:45px; width:268px; position:relative; top:50px; margin-left:56px; color:#666; text-align:center; font-weight:bold; font-size:34px;}
.ro_h2{background:url(../image/task/thebeautyno.jpg) no-repeat; height:20px; width:299px; position:relative; top:55px; left:57px}
#IMGtaskMenu{padding:80px 0 0 30px;position:relative;}
#IMGtasktext{padding:0 0 0 28px}

#Book_Head  .but01::-moz-focus-inner{border-color:transparent!important;} 

#top{float:left;}

.wow_bg{width:100%}
.wow_bg .top {width:800px;height:60px;}
.wow_bg .top .topleft{background:url(../image/system/topleft.jpg) no-repeat; height:60px; width:179px;float:left}
.wow_bg .top .topbg{background:url(../image/system/topbg.jpg); height:60px; width:472px;float:left}
.wow_bg .top .topright{background:url(../image/system/topright.jpg) no-repeat; height:60px; width:149px;float:left}

.wow_bg .center { min-height: 600px;}
.wow_bg .center .bdleft{background:url(../image/system/bodyleft.gif); width:31px;min-height:59px;}
.wow_bg .center .bdpbg{background:url(../image/system/bodybg.jpg); width:738px;min-height:59px;}
.wow_bg .center .bdright{background:url(../image/system/bodyright.gif); width:31px;min-height:59px;}
.wow_bg .footer {width:800px;height:55px;}
.wow_bg .footer .btleft{background:url(../image/system/bottomleft.jpg) no-repeat; height:55px; width:179px;float:left}
.wow_bg .footer .btbg{background:url(../image/system/bottombg.jpg); height:55px; width:442px;float:left}
.wow_bg .footer .btright{background:url(../image/system/bottmright.jpg) no-repeat; height:55px; width:179px;float:left}

.effor_div{background:url(../image/other/effort_bg.png) no-repeat; height:85px; width:540px;}
.effor_div .lf_img{padding:12px; position:relative; width:50px;float:left}
.effor_div .lf_img  img{width:49px; height:49px;}
.effor_div  .ceter_text{float:left;width:400px}
.effor_div  .ceter_text .title {padding:3px 0; text-align:center; color:#ddbcab}
.effor_div  .ceter_text .comm{padding:0 5px; color:#5f3100}
.effor_div .ri_point  {padding:24px 10px;width:35px;float:left;text-align:center;font-weight: bold;}

.bg_center{min-height:300px;}
.wow_bg .no_data_html{color:#000;padding-top:130px;}

