@charset "utf-8";
/* 成功故事样式表 */
body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height:200%;
    color:#333;
    background:#F6F3F8 url("http://images.juedui100.cn/images/home_bg.jpg") repeat-x;
}
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dd, dt, ol, form{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    list-style-type: none;
    list-style-position: outside;
}
a{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}
a:hover{
    text-decoration:underline;
}
label{
    cursor:pointer;
    vertical-align:middle;
    margin:0 5px;
}
img {
    border: 0;
    vertical-align:middle;
}
input{
    vertical-align:middle;
}
#story_layout{
    position:relative;
    width:1002px;
    margin:0 auto;
    padding:10px 0;
    background-color:#FFF;
}
#main{
    position:relative;
    width:701px;
    height:864px;
    margin-bottom:10px;
}
#main, #user, .col{
    border:1px #F8D7D9 solid;
}
#story_layout h1, #story_layout h2, #story_layout h3{
    padding-left:24px;
    height:28px;
    line-height:28px;
    font-weight:bold;
}
#story_layout h1, #story_layout h2{
    font-size:14px;
}
#story_layout h1, #story_layout h3{
    background:url("http://images.juedui100.cn/images/story_h1.jpg") repeat-x;
}
#story_layout h2{
    background:url("http://images.juedui100.cn/images/story_h2.jpg") repeat-x;
}
.story_list{
    margin:16px 0 0 22px;
    overflow:hidden;
}
.story_list li{
    display:inline;
    float:left;
    margin-right:19px;
    text-align:center;
}
.icon{
    display:block;
    width:200px;
    height:147px;
    padding:2px;
    border:1px #CCC solid;
}
.story_list li img{
    width:200px;
    height:147px;
}
.name{
    display:block;
    width:200px;
    margin-top:5px;
    color:#126E7F;
    font-weight:bold;
}
.story_list li p, .story_list li div{
    width:200px;
    height:42px;
    padding:5px 0;
    color:#828282;
    text-indent:2em;
    line-height:183%;
    overflow:hidden;
    word-break:break-all;
}
#page{
    position:absolute;
    bottom:8px;
    right:40px;
}
#side{
    position:absolute;
    top:10px;
    right:0;
    width:284px;
    height:866px;
}
.col{
    background-color:#F6F3F2;
}
.col p{
    padding:16px 16px 0;
    background-color:#F6F3F2;
    text-indent:2em;
}
.upload{
    padding:5px 0 15px;
    text-align:center;
}
.story_ad{
    margin:12px 0;
    width:283px;
    height:237px;
    background:url("http://images.juedui100.cn/images/story_ad.jpg") no-repeat;
}
.ad_list{
    padding:73px 0 0 13px;
}
.ad_list li{
    margin-bottom:10px;
    color:#00706C;
    font-size:14px;
    font-weight:bold;
}
.ad_list li a{
    margin-right:10px;
    padding-left:25px;
    background:url("http://images.juedui100.cn/images/story_ad_icon.gif") no-repeat;
    color:#AE012A;
    font-weight:bold;
    text-decoration:underline;
}
.story_reg{
    margin:12px 0;
    width:283px;
    height:237px;
    background:url("http://images.juedui100.cn/images/story_reg_bg.gif") no-repeat;
    color:#017586;
}
.story_reg p{
    padding:20px 0 0 40px;
    font-size:14px;
    line-height:250%;
}
.story_reg span{
    color:#AE012A;
    font-weight:bold;
}
.story_reg a{
    display:block;
    margin:15px 0 0 60px;
}
.topic_list{
    margin:18px 0 0 19px;
    padding-bottom:20px;
}
.topic_list li{
    height:24px;
    margin-bottom:3px;
    padding-left:10px;
    background:url("http://images.juedui100.cn/images/space_dot.gif") left center no-repeat;
}
#user{
    margin-top:10px;
    width:1000px;
    height:236px;
}
.user_list{
    width:975px;
    height:187px;
    margin:11px 0 0 25px;
    overflow:hidden;
}
.user_list li{
    display:inline;
    float:left;
    margin-right:25px;
}
.user_list li p{
    text-align:center;
}
.uicon{
    display:block;
    width:110px;
    height:135px;
    padding:1px;
    border:1px #CCC solid;
}
.uname{
    display:block;
    color:#828282;
    text-align:center;
    font-weight:bold;
}

/*成功故事内容页*/
.story_pic{

}
.story_pic img{
    float:left;
    margin:19px 0 0 36px;
    width:316px;
    height:232px;
    padding:2px;
    border:1px #CCC solid;
}
.story_couple{
    float:left;
    margin:19px 0 0 36px;
    color:#B2054D;
}
.story_man{
    height:22px;
    margin:10px 0;
    padding-left:20px;
    background:url("http://images.juedui100.cn/images/MyStory/Story-man.gif") 0 3px no-repeat;
}
.story_woman{
    height:22px;
    margin:10px 0;
    padding-left:20px;
    background:url(http://images.juedui100.cn/images/MyStory/Story-girl.gif) 2px 2px no-repeat;
}
.couple_info{
    padding-left:55px;
}
#main h5{
    margin:0 0 0 21px;
    padding-top:20px;
    color:#B2054D;
    font-size:14px;
    font-weight:bold;
    clear:both;
}
.story_detail{
    margin:10px 0 0 21px;
    width:660px;
    line-height:240%;
    text-indent:2em;
}
#story_comment{
    width:701px;
    border:1px #F8D7D9 solid;
}
.comment_list{
    margin-left:11px;
}
.comment_list li{
    position:relative;
    width:608px;
    height:61px;
    padding:14px 0 0 70px;
    border-bottom:1px #FBE3E5 solid;
}
.user_pic{
    position:absolute;
    top:13px;
    left:13px;
    height:45px;
    width:36px;
    padding:1px;
    border:1px #CCC solid;
}
.user_name{
    font-weight:bold;
}
.comment_date{
    margin-left:30px;
}
#story_comment h6{
    margin:10px 0 0 15px;
    padding-left:22px;
    background:url("http://images.juedui100.cn/images/story_wish.gif") 0 5px no-repeat;
    color:#B2054D;
}
.story_write{
    margin:10px 0 0 15px;
    width:660px;
    height:78px;
    padding:4px;
    border:1px #9C9C9C solid;
}
.story_bt{
    padding:20px 0;
    text-align:center;
}
/*成功故事上传页*/
#story_layout h4{
    margin:24px 0 5px 42px;
    color:#B2054D;
    font-weight:bold;
}
#main p{
    margin:0 0 5px 42px;
}
.story_form{
    margin:15px 0 0 13px;
    padding:20px 0 0 27px;
    width:650px;
    border-top:1px #FBE3E5 dashed;
}
.divide{
    margin-bottom:20px;
}
.story_form b{
    margin-right:2px;
    color:#FF1100;
    font-weight:normal;
}
.form_label{
    float:left;
    display:block;
    width:120px;
    text-align:right;
    clear:left;
}
.story_text{
    width:364px;
}
.form_con{
    display:block;
    padding:10px 0 0 53px;
}
.form_area{
    margin:10px 0 0 53px;
    width:504px;
    height:204px;
    padding:4px;
    font-size:12px;
}
.form_check{
    display:block;
    padding:15px 0 0 300px;
}
.form_bt{
    display:block;
    padding-top:30px;
    text-align:center;
}

/*成功故事上传成功*/
.story_back{
    position:absolute;
    top:50px;
    right:35px;
    color:#068EFE;
    text-decoration:underline;
}