.life_left{width:760px; margin-right:28px; float:left;  position: relative;display: block;}
.life_right{width:270px; float:left;}
.life_click{ padding-left: 15px; font-size:12px;color:#a5a5a5; margin: 10px 0 20px; font-weight: normal;}
.life_click span{padding-right:10px;}
.life_info a{ font-size: 13px;  padding:10px 15px;width:100%; display: block; font-weight: normal; color: #888; box-sizing: border-box; line-height: 145%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.life_title a{   font-size:15px;  width:100%; margin-bottom: 10px;  box-sizing: border-box; line-height: 150%;}
.life_title a:hover{color:#04b9c2;}
.life_box{ margin-bottom:20px; clear:both;}
.life_box2{ margin-bottom:20px; clear:both;}
.life_box3{ margin-bottom:20px; clear:both;}
.item_story{clear:both;  display: block;}
.list_story{width:245px; float:left; }
.list_story li:first-child{margin-top:20px;}
.list_story2{width:265px; float:left; }
.list_story2 li:first-child{margin-top:20px;}
.list_story3{width:245px; float:left;}
.list_story3 li:first-child{margin-top:20px;}
.life_box{float:left; width:235px; margin-right: 10px; border-radius: 5px; overflow: hidden;  border: 1px solid #e4e4e4; box-shadow:3px 3px 15px 0px rgba(235,235,235,1);  }
.life_box2{float:left; width:235px; margin-left: 15px; margin-right: 15px; border-radius: 5px; overflow: hidden; border: 1px solid #e4e4e4;  box-shadow:3px 3px 15px 0px rgba(235,235,235,1); }
.life_box3{ float: left; margin-left: 10px; width: 235px;  border: 1px solid #e4e4e4; border-radius: 5px; overflow: hidden;  box-shadow:3px 3px 15px 0px rgba(235,235,235,1); }
.life_box a img, .life_box2 a img, .life_box3 a img{ width: 100%;}
.item_story:after{content: ''; display: block; clear: both;}
.btn_life{clear:both; width:95%;margin: 40px 0; height:40px; line-height:40px; position: relative;}
.btn_life img{vertical-align: middle;}
.life_date{    font-size: 21px;font-weight: bold; margin-right: 20px;color: #000;}
.life_story{font-weight: bold; color:#adadad;font-size: 21px;margin-right: 10px;}
.life_click li{float:left; padding-left:15px;}
.life_click li a{color:#6f6f6f; font-size:15px;}
.life_click li a:hover{color:#2bbec6;}
.life_click .current{color:#383737;}
.life_story_cont{position:relative;}
.life_click2{font-size:13px;color:#a5a5a5; }
.life_click2 span{padding-right:10px;}
.life_click2 li{float:left; padding-left:10px;}
.life_click2 li a{color:#6f6f6f; font-size:13px; }
.life_click2 li a:hover{color:#2bbec6;}
.life_click2 .current{color:#04b9c2;}
.life_header{  height: 50px;line-height: 50px;width: 100%;display: block;   }
.life_header img{padding-top:16px;}
.lifestory{background: #f8f8f8; width:270px; border:1px solid #e5e5e5; }
.lifestory_list{clear:both; width:100%;}
.lifestory_list li {padding:10px 15px;overflow: hidden; display: block; border-bottom:1px solid #e6e6e6;}
.lifestory_list li img{border-radius: 60px; width:60px; height: 60px; border:2px solid #f8f8f8;float:left; margin-right:15px;}
.lifestory_list li:hover{ background:#04b9c2;color:#fff !important; }
.lifestory_list li:hover a{color:#fff;}
.lifestory_list .life_cate a{color:#04b9c2; font-size: 14px; display: block; }
.lifestory_list .life_tit a{ font-size:13px; font-weight: normal;}
.lifestory_list li a:hover{ color:#fff;}
.lifestory_list li img:hover{border:2px solid #fff;}
.lifestory_list .current{ background:#04b9c2; color:#fff;}
.lifestory_list .current a{color:#fff;}
.life_cate{padding:5px 0;}
.life_cate a{ font-size:15px;}
.lifestory_title{font-size: 16px; padding:20px 15px 10px 15px;}
.life_tab{border: 1px solid #e5e5e5; width:90%; margin:15px auto; overflow:hidden;height: 30px; line-height: 30px;}
.life_tab li{float:left; width:50%; text-align: center;background: #fff;}
.life_tab li:hover{background:#04b9c2; color:#fff;}
.life_tab li:hover a{color:#fff;}
.life_tab .current{background:#04b9c2; color:#fff;}
.life_tab .current a{ color:#fff;}
.life_tab a{color:#888; font-size: 13px;}
.lifestory .pagenumber a.current { background: #fff;}
.life_right .banner{background: #f5f6f6; width:270px; padding:10px 0; margin-top: 20px; text-align: center; border: 1px solid #e5e5e5;}
.life_left .life_header .calander{background: #fff none repeat scroll 0 0;
    border: 1px solid #eaeaeb;
    left: 222px;
    padding: 10px;
    position: absolute;
    top: 15px;
    width: 220px;
    z-index: 999;}
  .life_left .life_header .calander td{width:37px; text-align: center; line-height: 37px;}  
    .life_left .life_header .calander th{width:37px;text-align: center;line-height: 37px;}  
  .calander .month{height: 30px; line-height: 30px; text-align: center; font-size: 18px; color:#000;}
   .calander thead{background: #f7f7f7; color:#949494;}
   .sunday a{color:#f24157 !important;}
   .today{background:url(/img/web/img_today.png) no-repeat 50% 50%; }
      .today a{color:#fff !important;}
         .calander a:hover{color:#04b9c2;}
.c_on{background-color: #cff1f4;}
.life_contents{width:730px;margin:0 auto; padding:0 20px;}    
.life_contents .view_img {
    text-align: center;
}    
.life_contents .img_desc {
    float: left !important;
    padding-top: 10px;
    color: #999;}
.life_contents .view_article {
    clear: both;
    padding-top: 40px;
    font-size: 17px;
    line-height: 28px;
}
.life_contents iframe[src*="youtube"] {
     margin : 0px auto !important;
}
.life_tags{width:100%; background: #fbfcfd;}
.life_tags .wrap{width:730px;padding:0 20px;}
.life_footer{width:100%; background: #fbfcfd;    overflow: hidden;
    display: block;}
.life_footer .wrap{width:730px;padding:20px;}
.life_cont1{margin-top:20px;}
.life_cont1_box li {
    width: 175px;
   
    float: left;
    margin-right: 10px;
    
    line-height: 22px;
}
.life_cont1_box li:last-child {
    
    margin-right: 0!important;
   
}
.life_cont1 h4 {
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 18px; text-align:center;
}
.life_title { font-size: 14px; display: block; padding: 0 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.life_cont2_box li {
    position: relative;
    float: left;
    margin-right: 10px;
    width: 360px;
}
.life_cont2_box li:last-child{margin-right: 0 !important;}
.life_cont2 h4 {
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 18px; text-align:center;
}
.life_cont2 .photo_info {
    position: absolute;
    bottom: 10px;
    left: 0;
    /* background: #000; */
    /* opacity: 0.8; */
    padding: 10px;
    width: 340px;
    color: #fff;
    z-index: 9999;
    text-align: center;
    font-size: 16px;
}
.life_cont2 .photo_info a {
    color: #fff;
}
.life_cont3 {text-align: center; overflow:hidden;}
.life_cont3 li{float:left; margin-right: 15px;
    width: 134px;}
.life_cont3 li:last-child{margin-right: 0 !important;}
.life_cont3 .tr_txt{padding-top:10px;}
.life_cont3 h4 {
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 18px; text-align:center;
}
.life_cont3 img{border-radius: 134px;}
.life_banner {width:770px; margin:50px auto; display: block; overflow: hidden; clear:both;}
.mbleft{position: relative; width:50%; float:left;}
.mbright{position: relative; width:50%; float:left;}
.middle_banners{width:100%; margin-top:50px; display: block; overflow: hidden; clear:both;}
.middle_banners .card_main_title {
    position: absolute;
    top: 60px;
    color: #c4c4c4;
    font-size: 14px;
    z-index: 9999;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.middle_banners .card_main_txt {
    position: absolute;
    top: 95px;
    color: #fff;
    left: 0;
    z-index: 9999;
    width: 100%;
    font-size: 22px;
    text-align: center;
    font-family: 나눔명조, Nanum Myeongjo, georgia,돋움;
}
.middle_banners .card_main_txt a{color:#fff;}
.middle_banners .chn_bar img {
    position: absolute;
    top: 50px;
    margin: 0 auto;
    
    height: 1px;
    width: 3%;
    text-align: center;
    /* left: 15%; */
    z-index: 2;
    display: block;
    margin-left: 48.5%;
}
.middle_banners .shadow {
    clear: both;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #000;
    opacity: 0.3;
}
.life_tags{padding:50px 0;margin: 0 auto;
    width: 100%;
    text-align: center;}

.life_tags .cover_profile3 img {
    border-radius: 65px;
}
.life_tags  .tags {color:#888; padding-top:25px;}
.life_tags  .tags a{padding:0 5px;}


.life_list h4{
    padding:30px 0 10px;
        font-size: 16px; }
.life_list .current{color:#04b9c2;}
.life_list a:hover{color:#04b9c2;}
.life_list li{line-height: 30px; }
.life_list li a{color:#999999;}
.reply_info{height:30px; line-height: 30px;}
.reply_info span{padding: 0 10px;}
.reply_info  img{ padding-right:2px;}

.life_menu{position: absolute; top:0; right:0 ;width:260px; border-left:1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #fff; z-index: 999;}
.life_menu_top{background: #f6f6f6; width:100%; overflow: hidden;}
.life_menu_top .life_cate {width:100%; overflow: hidden; height: 30px;
    line-height: 30px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;
  }
.life_menu_top .life_cate .life_no{position: absolute; top:15px;  text-align: center;left:10px; width:15px; height: 15px; line-height:15px; background: #2bbec6; border-radius: 15px;}
.life_menu_top .life_cate .life_no a{color:#fff; font-size:11px;}
.life_menu_top .life_cate .life_no a:hover{color:#fff;}
  .life_menu_top .life_cate  a{font-size: 14px;}
    .life_menu_top .life_cate  a:hover{color:#2bbec6;}
  .life_menu_top .life_cate img{padding-top:3px;}
.life_menu_top .life_cate li{float:left; padding:0 5px;position:relative;  }
.life_list_top{text-align: center;width:220px;margin:0 20px;padding-top: 20px;     padding-bottom: 20px;border-bottom: 1px solid #eeeeee;}
.life_list_top .current{color:#2bbec6;}
.life_list_top li{line-height: 40px;}
.life_list_top a:hover{color:#2bbec6;}
.life_menu_top .logo{text-align: center; padding-top:30px;}
.life_menu_top .profile{ margin:20px auto; text-align: center;}
.life_menu_top .profile img{border-radius: 73px;}
.life_list_bottom{text-align: center;width:220px;margin:0 20px;padding-top:20px; border-top: 1px solid #eeeeee;}
.life_list_bottom .current{color:#2bbec6;}
.life_list_bottom  a:hover{color:#2bbec6;}
.life_list_bottom li{line-height: 40px;}
.new{color:#ff0069;}
.life_menu_btn{margin:0 auto; width:100%; text-align: center; margin:20px 0;}
.life_app {position: relative;margin:20px 0; display: block;width:220px; height: 150px; padding:0 20px;}
.life_app ul{padding-top: 20px;}
.life_app h4{padding-left: 5px;}
.life_app  li{width:66px;text-align: center;float:left; padding:0 3px;}
.life_app  li a{display: block; font-size:13px;
  }
  .life_app  li a:hover{color:#2bbec6;}
.life_app .btn_left{position: absolute; top:60px; left:10px;}
.life_app .btn_right{position: absolute;top:60px; right:10px;}
.life_app .app_txt{padding-top:10px;}
.btn_info{position:absolute; right:10px; font-size:12px; color:#8c8c8c}

.btn_info a{color:#8c8c8c;}

.gototop{position:absolute;bottom:30px;left:790px;}