body{
    /*font-family:"Times New Roman",Georgia,Serif ;*/
    background-color: #f5f5f5;
    min-width: 300px;
    margin: 0 auto;
    word-wrap:break-word;
}

a{
    color: #343434;
    text-decoration: none;
}

a:hover,
a:focus,
a:active{
    color: #D44930;
    text-decoration: none;
}

.div_content_root{
    max-width: 640px;
    min-width: 300px;
    margin: 0 auto;
}
/**********************以上是全局系统的标签设定*************************************************************/

.title_sponsor_event:hover,
.title_sponsor_event:focus
{
    color: #FFFFFF;
    background-color: #65e093;
}

.title_sponsor_event{
    color: #FFFFFF;
    font-size: 14px;
    background-color: #5CD18B;
    border-radius: 5px;
    margin: 10px 50px 0 0 ;
    width: 160px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: none;
    display: block;
}

.span-write-form-prompt{
    width: 100%;
    display: block;
    text-align: center;
    font-size: 12px;
    color: #565656;
    line-height: 12px;
    margin-top: 20px;
}

.div-form-item{
    width: 100%;
    display: inline-block;
    margin: 5px 0;
}

.upload_desc_box{
    background: rgba(241,143,104,0.15);
    border: 1px solid #E3C7BB;
    border-radius: 2px;
    width: 100%;
    height: 136px;
    padding: 20px;
    display: inline-block;
}
.span_upload_avatar_desc{
    font-size: 14px;
    color: #686868;
    line-height: 14px;
    display: block;
    margin-bottom: 16px;
}


.btn_transparent_style:hover,
.btn_transparent_style:focus{
    background-color: rgba(198, 194, 193, 0.53);
    color: #58B957;
}

.btn_transparent_style{
    background-color: transparent;
    border-radius: 2px;
    font-size: 14px;
    color: #58B957;
    margin: 10px 0;
    width: 114px;
    height: 36px;
    line-height: 36px;
    float: right;
    border: 1px solid #58B957;
    text-decoration: none;
}

.btn_login_style:hover,
.btn_login_style:focus{
    outline: none;
    background-color: #499100;
}

.btn_login_style{
    background-color: #58B957;
    border-radius: 2px;
    font-size: 14px;
    color: #f5f5f5;
    margin: 10px 0;
    float: left;
    width: 114px;
    height: 36px;
    border:1px solid #58B957;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
}

.left_layout_root_box{
    width: 100%;
    max-width: 640px;
    min-width: 300px;
    height: auto;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
}

.left_detail_box {
    height: auto;
    width: 100%;
    padding: 20px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    text-align: justify;
    position: relative;
}

.right_detail_box {
    width: 100%;
    padding: 20px;
    margin: 10px 0;
    background-color: #F9F3F1;
    position: relative;
    display: inline-block;
    text-align: center;
}

.nav_csb_logo{
    margin-right: 25px;
    vertical-align: middle;
    float: left;
    display: block;
    margin-top: 10px;

}
.home-title-menu-style{
    font-size: 14px;
    margin-right: 10px;
    margin-left: 5px;
    vertical-align: middle;
    float: left;
    display: block;
}

.margin_right_10px{
    margin-right: 8px;
}

.home-csb-font-img{
    width: 100px;
    height: 30px;

}

.no-padding{
    padding: 0;
}

.div-wrap{
    display: table;
    margin: 0 auto;
}

.center-layout-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.label_title{
    margin: 10px;
    color: #7C7C7C;
}

.right_input_content{
    width: 90%;
    margin: 0 5%;
    padding: 3px 5px;
    float: left;
    display: inline-block;
    border: 1px solid #D3D3D3;
}
.right_content{
    width: 90%;
    margin: 0 5%;
    padding: 3px 5px;
    float: left;
    display: inline-block;
}

.edit-btn-style:hover,
.edit-btn-style:focus{
    color: #337e33;
    border: #337e33 solid 1px;
    outline: none;
    text-decoration:none;
}

.edit-btn-style{
    border: #42a342 solid 1px;
    background-color: transparent;
    border-radius: 20px;
    color: #42a342;
    padding: 4px 10px;
    font-size: 10px;
    vertical-align: middle;
}

.img_size_of_160{
    width: 160px;
    height: 160px;
    border-radius: 5px;
}

.btn-reset{
    border-radius: 5px;
    background-color: #378e36;
    color: #fff;
    padding: 5px 15px;
    font-size: 13px;
    margin: 10px 10px 40px 10px;
    border: none;
}

.btn-reset:hover,
.btn-reset:focus{
    background-color: #63ac39;
}

.btn-cancel{
    border-radius: 5px;
    background-color: gray;
    color: #fff;
    padding: 5px 15px;
    font-size: 13px;
    margin: 10px 10px 40px 10px;
    border: none;
}

.btn-cancel:hover,
.btn-cancel:focus{
    background-color: #8f8a86;
}

.btn-save{
    border-radius: 5px;
    background-color: #e32814;
    color: #fff;
    padding: 5px 15px;
    font-size: 13px;
    margin: 10px 10px 40px 10px;
    border: none;
    width: 60px;
    height: 30px;
}

.btn-save:hover,
.btn-save:focus{
    background-color: #bb2111;
}

.head-portrait-img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

.table-head-color{
    background-color: #e4e4e4;
}

.btn_yellow:hover,
.btn_yellow:focus
{
    background-color: rgba(255, 255, 255, 0.19);
}


.btn_yellow{
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    font-size: 14px;
    width: 128px;
    height: 32px;
    line-height: 32px;
    color: #FFFFFF;
    background-color: transparent;
}

.a_orange_style{
    background: #F18F68;
    border-radius: 4px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 14px;
}

.btn_orange_conner_style:hover,
.btn_orange_conner_style:focus{
    background-color: #e48762;
    text-decoration: none;
    color: #FFFFFF;
}

.btn_orange_conner_style {
    background: #F18F68;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    padding: 5px 15px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0 5px;
}


.btn_create_new_ruder:hover,
.btn_create_new_ruder:focus{
    background-color: #6ef5a2;
    color: white;
}

.btn_create_new_ruder {
    background-color: #63df94;
    border-radius: 5px;
    font-size: 16px;
    padding: 5px 30px;
    border: none;
    outline: none;
    color: white;
}


.btn_pink_style:hover,
.btn_pink_style:focus{
    background-color: #d7a2ab;
}

.btn_pink_style {
    border: 1px solid #F18F68;
    background-color: #FFD1C9;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 12px;
    padding: 5px 15px;
    margin-top: -3px;
}

/*.bread-nav-style-active:hover,*/
/*.bread-nav-style-active:focus,*/
/*.bread-nav-style:hover,*/
/*.bread-nav-style:focus{*/
/*color: #D44930;*/
/*text-decoration: none;*/
/*}*/

.bread-nav-style{
    color: #6B6865;
    text-decoration: none;
    font-size: 14px;
    margin: 0 5px;
    line-height: 30px;
    height: 30px;
}

.bread-nav-style-active{
    color: #D44930;
    text-decoration: none;
    font-size: 14px;
    margin: 0 5px;
}

/**************************************************/
.a_picture_block{
    width: 160px;
    height: 140px;
    display: inline-block;
    text-align: center;
}

.img_picture{
    width: auto;
    height: auto;
    min-width: 50%;
    max-width: 100%;
    min-height: 10%;
    max-height: 100%;
    border-radius: 5px;
}

.gallery{
    list-style: none;
    width: 100%;
}

.gallery li,
.image-detail
{
    width: auto;
    box-shadow: 0 0 3px #555;
    background-color: #FFF;
    padding: 5px;
    margin: 7px;
    text-align: center;
    cursor: pointer;
    float: left;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-filter: grayscale(20%);
    filter: grayscale(20%);
}

.gallery li:hover,
.image-detail:hover{
    -moz-transform: scale(1.04, 1.04);
    -ms-transform: scale(1.04, 1.04);
    -webkit-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04);
    box-shadow: 0 0 5px #555;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

/**************************************************/

.modal_content_box{
    background-color: #F5F5F5;
    max-height: 500px;
    display: block;
    overflow: scroll ;
    overflow-x:hidden ;
}

.btn_green_style:hover,
.btn_green_style:focus{
    background-color: #63df94;
    color: white;
}

.btn_gray_style:hover,
.btn_gray_style:focus{
    background-color: #bfc3c6;
    color: white;
}

.btn_green_style,
.btn_gray_style {
    background: #CBCFD2;
    border-radius: 2px;
    font-size: 14px;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    text-align: center;
    border: none;
}
.btn_green_style {
    background-color: #5CD18B;
    color: white;
}

/*这个是用来定义关闭对话框的全局定义*/
.closeWindow{
}