/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
 */

.head *,
div[class*="col"]:not(.searchpage):not(.drift) { transition: all 0.3s; }

.body, html,
.row,
div[class*="col"]:not(.off),
.portrait dl { padding: 0; margin: 0; }

label[class*="col"] { padding-left: 2px; padding-top: 10px; }

.drift,
.head { width: 100%; }

.list_head,
.blow_l,
.link_content ul,
.link_content ul li,
.viewMore,
.content,
.quickLink,
.footer,
.footer > div,
.portrait a,
.activity-area,
.comment-photo,
.ttContent,
.myAsso-list li,
.search ul,
#SocietyNav .navbar-collapse,
.uploadFile button,
.replytBtn,
.classified-img,
.classified-img > div,
.edit-photo span,
#refPostUserName { overflow: hidden; }

a,
.list_head_l a:link,
.list_head_l a:visited,
.menu_word a:link,
.menu_word a:visited,
.sm_menu .row a:link,
.sm_menu .row a:visited,
.curPage { color: #000; }

.list_head_l a:link,
.list_head_l a:hover,
.list_head_l a:visited,
.menu_word a:link,
.menu_word a:hover,
.menu_word a:visited,
.sm_menu .row a:link,
.sm_menu .row a:hover,
.curPage,
.loginarea a,
.loginarea a:hover,
.portrait a,
.portrait a:hover,
.link_content div a:link,
.viewMore > a:link { text-decoration: none !important; }

sup { font-size: 43px; top: -10px; color: #f00; }

.cont-box { position: relative; padding: 0; min-height: 800px; }

.logo a { display: block; margin: 5px auto; width: 286px; height: 40px; background: url("../images/logo.png") no-repeat; background-position: 0px 4px; }

.container { position: relative; }


.blank { line-height: 50px; }

.menu_btn { display: none; cursor: pointer; line-height: 48px; }

.menu_btn i { font-size: 1.5em; font-weight: lighter; position: relative; top: 2px; }

.menu_btn a:hover { text-decoration: none; }

.head { z-index: 1000; background: #f8f8f8; border-top: 1px solid #0177D7; padding-left: 10px; padding-right: 10px; }

.searchpage { background: #fff; }

.login,
.menu_word,
.sm_menu .row,
.sm_menu .row > div,
.login_name,
.logined > div { font: 14px/50px Microsoft YaHei,SimHei,SimSun,Arial,"Helvetica Neue",Helvetica,sans-serif; }

.login,
.menu_word,
.sm_menu .row,
.sm_menu .row > div,
.login_name { font-weight: bold; }

.login_name .icon-touxiang { font-size: 20px; }

.login_pic { line-height: 50px; font-size: 10px; display: none; }

.login_pic a { font-size: 29px; float: right; }

.login_name a { line-height: 50px; font-weight: 100; }

.logined > div { float: right; font-size: 12px; margin: auto 10px; }

.logined { margin: 0 auto; font-weight: 100 !important; }
/*һ�³�����ʽ*/
.sm_menu { position: fixed; top: 0; left: 0; height: 100%; z-index: -1; overflow: auto !important; background-color: #fff; }

.sm_menu .row,
.sm_menu .row > div,
.sm_menu .row > div > a { width: 100% !important; }

.sm_menu .row > div > a { display: block; }

.sm_menu .row > div > a:hover,
.sm_menu .row > div > .curPage { padding: 0 !important; border-radius: 0; }

.sm_menu .row { /*background: #fff;*/ }

.sm_menu .row > div { border-bottom: 1px solid #ccc; margin-bottom: -1px; }

.portrait { background: #ffcc66; border: 1px solid #ffcc66; }

.societyLogo,
.portrait a i,
ul.sel-del li span { -moz-border-radius: 50%; /* Gecko browsers */ -webkit-border-radius: 50%; /* Webkit browsers */ border-radius: 50%; /* W3C syntax */ }

.portrait a i { display: inline-block; margin: 2px auto; width: 85px; height: 85px; text-align: center; font-size: 80px; border: 3px solid #999; line-height: 80px; }

.portrait a { display: inline-block; padding-top: 10px; }

.portrait dl { font-size: 16px; color: #fff !important; }
/*���ϳ�����ʽ*/
.menu_word a { transition: padding 0.15s; -webkit-transition: padding 0.15s; /* Safari */ -moz-transition: padding 0.15s; /* Firefox 4 */ -o-transition: padding 0.15s; }

.menu_word a:hover,
.sm_menu .row a:hover,
.curPage,
.login a:hover { background: #0177d7; color: #fff !important; }

.menu_word a:hover,
.curPage,
.society-nav .navbar-nav > .active > a,
.society-nav .navbar-default,
.group-join span,
.pic-added span { -moz-border-radius: 4px; /* Gecko browsers */ -webkit-border-radius: 4px; /* Webkit browsers */ border-radius: 4px; /* W3C syntax */ border-color: transparent; }

.menu_word a:hover,
.curPage { padding: 5px; }


.login a { border: 1px solid #d9d9d9; padding: 5px 15px; }

.search { text-align: center !important; padding: 0; }

.search i { display: inline-block; text-align: center; font-size: 20px; line-height: 50px; cursor: pointer; float: right; transition: font-size 0.15s; -webkit-transition: font-size 0.15s; /* Safari */ -moz-transition: font-size 0.15s; /* Firefox 4 */ -o-transition: font-size 0.15s; }

.search i:hover,
.search-select { font-size: 24px; font-weight: bold; color: #fe8828; }

.search-select { font-size: 24px !important; font-weight: bold !important; color: #fe8828 !important; border-bottom: 2px solid #fe8828; }

.searchpage { position: fixed; display: none; top: 50px; left: 0; width: 100%; z-index: 100; }

.form-group { position: relative; }

.searchpage .form-group { margin-top: 15px; }

.form-group a[class*="icon-"] { position: absolute; display: block; top: 0; right: 10px; line-height: 34px; font-size: 18px; font-weight: bold; color: #ccc; cursor: pointer; text-decoration: none; }

.form-group a:hover { color: #fe8828; }

.cover { display: none; }

.cover,
.cover_on { position: fixed; top: 0; left: 0; background: #000; filter: alpha(opacity=50); background: rgba(0,0,0,.3) !important; width: 100%; height: 100%; z-index: 10000; }

.footer { line-height: 26px; position: relative; background: #EBEFF2; }

.share { /*border: 1px solid;*/ }

.share div > a { display: block; margin: 5px auto; width: 50px; height: 50px; background: url("../images/appLogo.png") no-repeat; }

.person_photo { /*border-bottom: 2px solid #000; padding-bottom:1px !important;*/ overflow: hidden; }

.portrait_circle { -moz-border-radius: 50%; /* Gecko browsers */ -webkit-border-radius: 50%; /* Webkit browsers */ border-radius: 50%; /* W3C syntax */ overflow: hidden; border: 1px solid #bdbdbd; }

.portrait .person_photo { width: 85px; height: 85px; }

.logined .person_photo { width: 24px; height: 24px; margin: 13px 0 !important; }

.person_photo img { display: inherit; height: 100%; }

.portrait .person_photo { margin: 0 auto; }

.ng-valid input:focus + a,
.addSelect input:focus + a { color: #fe8828; }



/*��½ע�����ֲ���ʽ*/
.Congratulations { position: fixed; width: 400px; max-width: 400px; height: auto; min-height: 200px; top: 50%; left: 50%; margin: -100px auto auto -200px; background: #f7f7f7; z-index: 100000; border: 4px solid #0177d7; }

.Congratulations .Congr-word { /*line-height: 105px;*/ font-size: 14px; padding: 0 20px; }

.Congratulations .Congr-word .iconfont { color: #f93; font-size: 66px; text-shadow: 1px 6px #333; }

.Congratulations a { background-image: none; box-shadow: none; margin-left: 10px; }

.login-first .Congr-word { text-align: left; line-height: 30px; }

.login-first .Congr-word a { color: #0177d7; text-decoration: underline; }

.login-first .Congr-word .iconfont { text-shadow: none; }

.Congratulations .blockclose { position: absolute; font-size: 15px; top: 2px; right: 10px; }

.Congratulations .blockclose:hover { color: #f00; cursor: pointer; }

.login-first a { margin: 13px 8px; }

.association-dropdown > a, .association-dropdown > button { background: none !important; border: none !important; color: #333 !important; box-shadow: none !important; line-height: 32px; }

.association-dropdown:hover a, .association-dropdown:hover button,
.association-dropdown button:focus { color: #337ab7 !important; }

.association-dropdown > a i { color: #337ab7; font-size: 18px; }

.association-dropdown a { padding: 0 8px !important; }

.association-dropdown button { padding: 0 !important; }

.association-dropdown .dropdown-menu { margin-top: 8px; }

.association-dropdown .dropdown-menu > li > a { color: #333 !important; padding: 3px 20px 3px !important; }


.association-dropdown li .dropdown-menu { margin: 0; }

.association-dropdown li:hover .dropdown-menu { display: block; }


.association-dropdown .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; right: 9px; }

.association-dropdown .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; right: 10px; }


/*��½ע�����ֲ���ʽ*/


.appLogo > a { background-position: -15px -6px !important; }
.qq > a { background-position: -88px -6px !important; }
.face > a { background-position: -138px -6px !important; }
.weixin > a { background-position: -189px -6px !important; }
.appLogo > a:hover { background-position: -15px -54px !important; }
.qq > a:hover { background-position: -88px -54px !important; }
.face > a:hover { background-position: -138px -54px !important; }
.weixin > a:hover { background-position: -189px -54px !important; }


@media (max-width:1300px) {
    .loginout { display: none; }
}

/*association header*/
.cont-assoc .searchpage { top: 30px; }
.cont-assoc .head { position: relative; background: #f5f5f5; border-bottom: 1px solid #eee; border-top: none; box-shadow: none !Important; }
.cont-assoc .head:after { content: ""; display: block; float: none; clear: both; }
.cont-assoc .nav > li > a { line-height: 30px; }
.cont-assoc .loginarea .login_pic, .cont-assoc #MainMenu, .cont-assoc #MainMenu div, .cont-assoc .loginarea .login, .cont-assoc .loginarea .indexSearch, .cont-assoc .loginarea .search i { line-height: 30px; }
.cont-assoc .loginarea { min-height: 30px; }
.cont-assoc .loginarea .search i { font-size: 14px !Important; }
.cont-assoc .loginarea .login a { border: none !Important; background: none !Important; color: #333 !important; font-weight: 300; font-size: 12px; }
.cont-assoc .menu_btn { display: block !Important; line-height: 30px; margin-left: 20px; }
.cont-assoc .menu_btn .appName { margin-top: 0; font-size: 15px; margin-left: 2px; display: inline-block; color: #067ad8; position: relative; top: 1px; }
.cont-assoc .blank, .cont-assoc .logo, .cont-assoc .menu_btn i { display: none; }
.cont-assoc .logo a { height: 30px; margin: 0; }
.cont-assoc #MainMenu { position: relative; top: 1px; }
.cont-assoc .loginarea .login_pic a { font-size: 14px; }
.cont-assoc #MainMenu div a { font-weight: 300; color: #333; font-size: 12px; }
.cont-assoc .menu_btn:before { content: ""; display: inline-block; background: url("../images/appLogo.png") no-repeat; width: 30px; height: 30px; position: relative; background-position: -7px -3px; background-size: 467%; z-index: 100; margin: -11px 0; }

@media (max-width:480px) {
    .cont-assoc .menu_btn { margin-left: 0; }
}
/*association header*/


.link_content div a,
.list_head,
.link_head { font-size: 14px; line-height: 40px; }

.collect,
.comment,
.numth { position: absolute !important; }

.banner { background: #f5f5f5; }

.banner img { width: 100%; }

.blow { margin: 10px auto !important; }

.blow_l { padding: 0 1% 0 4% !important; }

.blow_r { padding: 0 4% 0 0 !important; margin-bottom: -10px !important; }

.blow_r .boards { width: 100%; }

.blow_r .boards .listmod { height: auto !important; }

.quickLink, .boards_top, .boards { background: #fff; }

.link_head { line-height: 24px; text-align: center; background: #0177d7; color: #fff; margin-bottom: 15px !important; }

.link_head i { font-size: 19px; margin-right: 2px; }

/*.link_content div > a {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0 10px;
    display: block;
    overflow: hidden;
}*/

.viewMore a,
.link_content .item { display: block; border: 1px solid #e5e5e5; position: relative; background: #fafafa; margin-bottom: 10px; padding: 5px 10px; }

.link_content .item .btn { margin-top: 5px; }

.link_content .item a .btn { margin-top: 0; }

.link_content a.item:hover { background-color: #ebeff2; }


.viewMore > a { display: block; line-height: 28px; padding: 0 15px; }


.link_content { padding: 0 6px !important; }

.link_content ul { line-height: 24px; padding: 0; background: #fafafa; border: 1px solid #e5e5e5; }

.link_content ul li { cursor: pointer; border-bottom: 1px solid #e5e5e5; list-style: none; }

.link_content ul li:hover { background: #ebeff2; }

.through { line-height: 62px; }

.breadcrumb,
.boards_top,
.boards,
.listmod,
.listmod2,
.quickLink_area,
.head,
.spaceCenter > div:not(.spaceCont),
.profile .photo a,
/*.probutton div > div,*/
.cont_cont > ul > li,
.searchpage,
.activity-area,
.edit-photo span img:hover,
.society-nav > div,
.thumbimg img:hover,
.activity-btnarea,
.edit-area { box-shadow: 0 1px 2px rgba(43,59,93,0.20); -webkit-box-shadow: 0 1px 2px rgba(43,59,93,0.20); -moz-box-shadow: 0 1px 2px rgba(43,59,93,0.20); }

.society-nav .navbar-default,
.publish-area,
.content-block { box-shadow: 0 1px 1px rgba(43,59,93,0.12); -webkit-box-shadow: 0 1px 1px rgba(43,59,93,0.12); -moz-box-shadow: 0 1px 1px rgba(43,59,93,0.12); }

.group-join span,
.comment-li { box-shadow: 0 1px 1px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2); }

.listmod,
.listmod2 { width: 100%; background: #fff; }

/*��ҳ�б�ģ��*/
.list_head { position: relative; width: 100%; padding: 0 10px; background: #f7f7f7; box-shadow: 0 1px 0px rgba(43,59,93,0.29); -webkit-box-shadow: 0 1px 0px rgba(43,59,93,0.29); -moz-box-shadow: 0 1px 0px rgba(43,59,93,0.29); }

.list_head_l a:not(.iconfont):hover,
.curList { border-bottom: 3px solid #0177d7; padding: 8px 0; }

.list_head_r { font-size: 12px; }

.list_head_r a { display: inline-block; padding: 0; margin: 0 5px; }

.list_head .iconfont:link,
.list_head a:hover,
.curList { color: #0177d7 !important; }

.list_head .iconfont,
.list_head > .fa { color: #0177d7; font-size: 22px; line-height: 0; }

.more { margin-right: 0; font-size: 13px; color: #ff9933; }

.more:hover { text-decoration: underline !important; }

.boards_top .list_content > div:not(.clearfix) { position: relative; margin-bottom: 5px !important; padding: 5px !important; }

.list_content > div > div { position: relative; overflow: hidden; box-shadow: 0px 1px 2px rgba(43,59,93,0.29); -webkit-box-shadow: 0px 1px 2px rgba(43,59,93,0.29); -moz-box-shadow: 0px 1px 2px rgba(43,59,93,0.29); background: #fff; }

.list_content > a,
.list_content > span { display: inline-block; padding: 5px 10px; }

.list_title { width: 80%; }

.belong,
.list_title,
.link_content div .span,
.myAsso-li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }

.collect { top: 4px; right: 4px; z-index: 10; }

.comment { width: 100%; bottom: 0; left: 0; text-align: left; background: #ebeff2; border-top: 1px solid #e5e5e5; }

.comment > div:last-child { text-align: center; }

.list_content dl { text-align: left; margin: 2px 0 !important; }

.boards,
.boards_top,
.boards2 { margin-bottom: 10px !important; overflow: hidden; }

.boards:nth-child(odd) { /*padding-left: 0.5% !important;*/ }

.boards:nth-child(even) { /*padding-right: 0.5% !important;*/ }

.boards2 { padding: 0 5px !important; }

.quickLink_md { background: #ebeff2; }

.quickLink { padding: 8px !important; }

.classify > div > a { cursor: pointer; background: #f7f7f7; border: 1px solid #e5e5e5; margin-bottom: 10px !important; float: none; display: block; padding: 5px 0 5px 0; line-height: 30px; margin: 0 5px; }


.classify > div > a:hover,
.viewMore > a:hover { background: #e5e5e5; text-decoration: none; }

.societyLogo { border: 2px solid #ccc; width: 42px; height: 42px; margin: 10px 0 !important; overflow: hidden; }

.societyLogo img { height: 100%; }

.societyTitle { padding: 7px 10px !important; font-size: 12px; color: #999; }

.societyName { color: #333; font-size: 14px; }

.numth { top: 0; left: 0; border: 1px solid #f00; }

.list_content ul { padding: 5px; }

.list_content ul li { padding: 0; border-bottom: 1px dotted #e5e5e5; line-height: 32px; overflow: hidden; padding-bottom: 3px; list-style: none; }

.list_content ul li > a { padding: 0; }

.list_content ul li > div:last-child { padding-left: 8px; line-height: 18px; }

.list_content ul li > div > div a:first-child { height: 20px; display: inline-block; overflow: hidden; font-size: 14px !important; color: #0f6ab3 !important; }

.list_content ul li > div > div:last-child { line-height: 20px; color: #999; height: 38px; overflow: hidden; }

.list_content ul li img { width: 100%; border: 1px solid #e5e5e5; padding: 1px; }

.list_content ul li:last-child { border: none; }

.breadcrumb { display: inline-block; width: 100%; margin-top: 5px; background: #fff; }

.society-nav { margin-top: 10px; padding: 0 4%; }

.society-nav > nav { margin-top: 10px; }

.society-nav .navbar-right { margin-right: 0; }

.society-nav > nav > .collapse { padding: 0 10px; }

.society-nav .navbar-nav > li { padding: 5px; }

.society-nav .navbar-nav > li > a { display: inline; line-height: 36px; padding: 3px 5px; font-size: 1.2em; font-weight: normal; }

.society-nav .navbar-nav > li.divider { padding: 13px 5px; color: #888; }

.society-nav .navbar-nav > li > a:hover,
.society-nav .navbar-nav > .active > a,
.society-nav .navbar-nav > .active > a:focus,
.society-nav .navbar-nav > .active > a:hover { background: #0177d7 !important; color: #FFF !important; border-radius: 4px; }

.group-join { position: absolute; right: 20px; line-height: 20px; padding: 17px 0; }

.group-join span { padding: 5px 10px; display: block; background-color: #0177d7; color: #fff; width: 74px; text-align: center; }

.group-join span i { float: left; }

.group-join .group-joined { background: #e1c8cf; box-shadow: 0 1px 1px rgba(0,0,0,.15) inset; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15) inset; -moz-box-shadow: 0 1px 1px rgba(0,0,0,.15) inset; }

#SocietyNav .navbar-brand { display: none; }

@media (min-width:1200px) {
    .boards_top .list_select { position: absolute !important; left: 0; padding: 10px; z-index: 100 !important; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.8) !important; -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.8) !important; -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.8) !important; }

    .boards_top .list_select .thumbnail-effect img { width: 100%; height: auto; }
}

@media (min-width:992px) {
    .search i { /*margin-right: 30px;*/ }
}


.boards > .viewDiv > p { margin: 0; }

body { font-family: Microsoft YaHei,SimHei,SimSun,Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 12px; }

body, #Container { background-color: #ebeff2; }

div > img,
p > img,
td > img { max-width: 100%; }

td { padding: 5px; }

/*ul, dl {
    list-style: none;
    padding: 0;
    margin: 0;
}*/

p { word-wrap: break-word; -ms-word-wrap: break-word; }

.appName { padding: 0; margin: 0; margin-top: 15px; font-size: 1.5em; /*text-shadow: 1px 1px 5px #aaa;*/ }

*[ng-help] { display: none; }

.no-space { padding: 0; margin: 0; }

#MainMenu { text-align: center; }

#MainMenu div { display: inline-block; margin: 0 20px; line-height: 50px; font-weight: bold; font-size: 14px; }

.float-btn { position: absolute; z-index: 888; }

/*.float-btn a:hover .hint {
        display: block;
    }*/

.float-btn a { font-size: 2em; display: block; min-height: 46px; width: 46px; text-align: center; padding: 5px 10px; border-radius: 4px; color: white; box-shadow: 0 1px 1px rgba(43,59,93,0.12); text-decoration: none; background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%); background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88)); background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x; border-color: #245580; }

.float-btn a:link,
.float-btn a:visited { color: white; }

.float-btn a:hover { background-image: -webkit-linear-gradient(bottom,#337ab7 0,#265a88 100%); background-image: -o-linear-gradient(bottom,#337ab7 0,#265a88 100%); background-image: -webkit-gradient(linear,left bottom,left top,from(#337ab7),to(#265a88)); background-image: linear-gradient(to top,#337ab7 0,#265a88 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x; border-color: #245580; color: white; }

.float-btn a .hint { font-size: .85em; line-height: 1.2em; padding-bottom: 5px; /*height: 0;*/ /*overflow: hidden;*/ display: none; }

.float-btn-sm a { font-size: 1.25em; width: 26px; min-height: 0; padding: 2px; /*border-radius: 1px;*/ color: white; }
/* Banner */
#SocietyName { position: absolute; padding: 10px 50px; color: #8E3227; font-weight: bold; font-size: 3em; text-shadow: -1px -1px 0 #e5e5e5; width: 100%; }

#SocietyName small { text-align: center; margin-top: 5px; color: #8E3227; font-size: .35em; }

#SocietyName.societyname_Default,
#SocietyName.societyname_RightTop { text-align: right; padding-left: 0; }

#SocietyName.societyname_LeftTop { text-align: left; padding-right: 0; }

#SocietyName.societyname_MiddleTop { text-align: center; }

#SocietyName.societyname_LeftBottom { margin-top: 226px; text-align: left; padding-right: 0; }

#SocietyName.societyname_MiddleBottom { margin-top: 226px; text-align: center; }

#SocietyName.societyname_RightBottom { margin-top: 226px; text-align: right; padding-left: 0; }

#SocietyNav { background-color: white; font-weight: bold; margin-bottom: 10px; }

.divider-horizontal { display: inline-block; color: #ccc; padding: 0 5px; }

.boards_top .list_content_item,
.boards_top .list_content_item_block { min-height: 170px; }

.position-indicator { border: 2px dashed #ffd800; width: 80px; height: 26px; margin-top: 10px; border-radius: 4px; }

.classified-block { }

.classified-block .list_content { height: 270px; }

.content-links { min-height: 360px; }

.content-links a { text-decoration: underline; color: #0177D7; }

.carousel-inner { /*height: 350px;*/ }

.carousel-inner > .item > a { display: block; }

.carousel-inner > .item > a > img,
.carousel-inner > .item_block > a > img { text-align: center; height: 350px; max-width: 100%; /*max-height: 100%;*/ margin: 0 auto; }

.bracket { display: inline-block; margin-left: -6px; }

.row .title { font-weight: bold; font-size: 1.1em; margin-top: 0; }

.table { border-collapse: collapse; background: #fff; width: 100%; }

.table .row i.toggle,
.table .row i.slideToggle { padding: 0 5px; font-size: 1.2em; margin-left: -5px; }

.table th { background-color: #f7f7f7; }

.table .row:hover { background-color: #f7f7f7; }

div.table .thead { font-weight: bold; }

div.table .row { padding: 10px; border-bottom: solid 1px #dedede; }

div.table .row:hover { }

div.table .row .col-3 { width: 33.33333%; float: left; }

div.table .row .col-4 { width: 25%; float: left; }

div.table .row:last-child { border-bottom: none; }


div.table .row .row-detail { margin: 10px 20px; padding: 5px; }

.table > thead > tr > th { border-bottom: solid 1px #dedede; }

.table tbody.row-group { border: none; }

tbody.row-group tr:first-child td { border-bottom: #fff 1px solid; }

tbody.row-group tr:last-child td { border-bottom: #dedede 1px solid; }

tbody.row-group .block { margin: 0 80px 10px 20px; padding: 10px; background: #fefefe; border: solid 1px #efefef; border-radius: 4px 4px; }

tfoot td { padding: 10px 5px; }

ul.list { list-style: none; padding: 0; margin: 0; }

ul.list li { padding: 5px 5px 0 0; border-bottom: dotted 1px #ddd; line-height: 30px; }

ul.list li.row { height: 40px; overflow: hidden; }

ul.list-block li { padding-bottom: 10px; }

li > i { margin-left: 10px; }

.list-block a { color: #0476cf; text-decoration: none; line-height: 2em; }

.list-block a:hover { color: #0177D7; text-decoration: none; }



.action-group { display: inline-block; margin-left: 5px; }

.action-group.mb { position: absolute; right: 20px; margin-top: -10px; }

.action-group a { margin-right: 5px; text-decoration: none; }

.action-group i { cursor: pointer; color: #666; font-size: 14px; text-decoration: none; }

.action-group i.fa-remove { position: relative; top: -1px; }

.action-group i.fa-remove:hover { color: #ff0000; }

.action-group i.fa-edit:hover { color: #0094ff; }

.action-group i.fa-folder-o:hover { color: #0094ff; }

.clickable { cursor: pointer; }

.clickable:hover { color: #0476cf; }


/* block */
.block { border: solid 1px #dbdbdb; height: 288px; overflow: hidden; background-color: white; }

.block .block-heading { height: 40px; line-height: 40px; padding: 0 10px; background-color: #f7f7f7; font-weight: bold; border-bottom: #dbdbdb solid 1px; }

.block .block-heading .block-icon { float: left; width: 30px; }

.block .block-heading .block-title { float: left; }

.block .block-heading .block-title a.tab { height: 40px; padding: 0 2px; display: inline-block; margin-right: 10px; color: black; cursor: pointer; }

.block .block-heading .block-title a.active { border-bottom: 3px solid #0476cf; color: #0476cf; }

.block .block-heading .block-more { float: right; }


.block .block-body { padding: 0 5px; }

.block .block-body .tab-item_block { display: none; }

.block .block-body .active { display: block; }

.block .block-body ul { list-style: none; padding: 0; margin: 0; }

.block .block-body ul li { padding: 5px; border-bottom: 1px solid #dbdbdb; }

.activity-area { position: relative; background: #fff; margin-bottom: 10px; z-index: 10; }

.activity .link_content li { line-height: 32px; cursor: default; }

.classified { padding: 5px !important; }


.activity-title { position: relative; border-bottom: 1px solid #e5e5e5; background-color: #F7F7F7; padding: 5px 10px 10px 10px; }

.activity-title p { text-align: left; }

.activity-title dt { margin: 5px auto; font-size: 18px; }

.activity-title dd span { margin-right: 10px !important; display: inline-block; }

.activity-content { padding: 20px 0; min-height: 360px; }

.activity-content form { margin: 0 auto; display: block; }

.comment-li,
.comment-reli { position: relative; padding: 15px 0; overflow: hidden; min-height: 56px; }

.comment-li { margin: 0 auto; background-color: #fafafa; z-index: 100; border-top: 1px solid #e5e5e5; padding-bottom: 0; }

.comment-li:first-child { border-top: 1px solid #e5e5e5; margin-top: 0; }

.comment-photo { float: left; margin: auto 10px; padding-bottom: 10px !important; }


.comment-photo img { display: block; max-width: 80%; margin: 0 auto; }

.comment-reli { margin: 0 auto; background-color: #fff; border: 1px solid #ebebeb; margin-left: 8.2%; border-right: none; padding: 5px; }

.comment-reli + div { border-top: none; }

.comment-reli:last-of-type { border-bottom: none; }

.comment-reli .comment-photo img,
.comment-reli .comment-photo { height: 42px; }

.activity-btn { margin-top: 5px; margin-right: 10px !important; }

.replytBtn { position: absolute; bottom: 1px; }

.replytBtn button,
.replytBtn input { /*margin: 0 10px;*/ padding: 10px 10px; background: #fafafa; border: 1px solid #ccc; border-radius: 0; border-bottom: none; border-top: none; }

.replytBtn button:hover i { color: #0177D7; }

.pic-added { margin: 0; text-align: left; margin-bottom: 2px; }

.pic-added span { display: inline-block; padding: 3px 5px; margin: 0 5px; background: #e5e5e5; }

.loadmore { background: #f8f8f8; margin-top: 10px; margin-bottom: 10px; }





.comment-li .time,
.comment-reli .time { position: absolute; font-size: 12px; right: 10px; font-family: sans-serif; color: #999; top: 2px; }

.ShowReply { position: relative; top: 0; right: 0; color: #285F8F; }

.comment-comment { padding: 0 15px 0 0 !important; margin-bottom: 10px !important; }

.comment-comment a { font-weight: bold; margin-bottom: 5px; display: inline-block; }

.comment-comment > div { padding-left: 5px !important; }


.container .society-nav { padding: 0; margin-top: 0; position: relative; }


.container .content-block { background: #fff; margin-bottom: 20px; }

.container .content-block form { margin: 20px 10px; }

.container .content-block table[role=grid] td { padding: 0; }


.container .content-block .block-title { font-size: 1.6em; color: #337AB7; padding: 10px 20px; font-weight: bold; background-color: #F8F8F8; border-bottom: 1px solid #dedede; }

.container .content-block .block-title .fa-tag { position: absolute; margin-top: -12px; margin-left: -22px; }

.container .content-block .block-title small a { font-size: 10px; color: #337AB7; padding-left: 10px; }

.container form .btn-primary { min-width: 120px; }

.container .breadcrumb { margin-top: 15px; }

.block-effect { box-shadow: 0 1px 1px rgba(43,59,93,0.12); border-radius: 4px; }

.group-set { overflow: hidden; background: #fff; margin-bottom: 0 !important; padding: 0 4% !important; }

.group-set .form-group { margin-bottom: 0 !important; line-height: 35px; }

.publish-area { margin: 0 auto; width: 95%; background-color: #fafafa; overflow: hidden; }

.thumbnailfile { padding: 22px 0; float: left; }

#uploadFile label { padding: 2px; width: auto; float: left; overflow: hidden; }

#uploadFile label img { width: 100%; }

.group-btn { text-align: center; line-height: 70px; border-top: 1px solid #e5e5e5; }

.group-btn input,
.category-btn input { float: none !important; padding: 10px 66px; }


.padding { padding: 10px; }

.padding-lg { padding: 20px; }


ul.tags { padding: 0; margin: 0; }

ul.tags li { display: inline-block; list-style: none; }

ul.tags li a { display: inline-block; padding: 5px 10px; margin: 0 10px 10px 0; font-size: 14px; }

ul.tags li.active { }

ul.tags a.active { background: #0476cf; color: white; }

.publish-tip { line-height: 20px; border: 1px solid #e5e5e5; padding: 5px 10px; margin: 20px auto; color: #999; }

.publish-tip a { text-decoration: underline; color: #999; }

/*.profile-view {
    padding: 10px 30px;
}*/
.profile-view .media-left { background-color: #DFE3E6; padding: 10px 20px; text-align: center; font-size: 16px; line-height: 38px; }

.profile-view .media-body { position: relative; padding: 5px 15px; line-height: 32px; /*text-align: right;*/ }

.profile-view .media-body .profile-edit { display: inline-block; text-align: left; }

.edit-icon { position: absolute; top: 0; right: 15%; font-size: 25px; display: none; }

.media-body > div { margin-top: 5px !important; margin-bottom: 5px !important; }


.profile-dir { position: absolute; top: 35px; left: -7px; font-size: 22px; color: #DFE3E6; }

.mysoci-head .pull-right a { display: inline !important; }

.activity-contbox { padding: 10px 20px 5px 20px; font-size: 14px; line-height: 26px; }


.publish-time { left: 10px; font-size: 14px; }

.publish-time i { color: #0177d7; }

#refPostUserName { background-color: #0177D7; color: #fff; line-height: 29px; }

.classified-content { padding: 10px 15px; min-height: 320px; }

.form-group-left { width: 80%; }

.form-group-line { width: 100%; }

.form-group-left label { width: 10% !important; margin-right: 1.25% !important; }

.form-group-line label { width: 8% !important; margin-right: 1% !important; }

.form-group-left input,
.form-group-left select { width: 35% !important; margin-right: 1.25%; margin-bottom: 23px !important; }

.form-group-line input,
.form-group-line select { width: 41% !important; margin-right: 0; margin-bottom: 23px !important; }

.form-group-left,
.thumbimg-block { float: left; }

.thumbimg-block { position: relative; border: 1px solid #fff; overflow: hidden; }

.thumbimg-block:hover { border: 1px solid #0177D7; }

.thumbimg-block span { margin-top: 5px; display: block; padding-left: 50%; }

.thumbimg-block a.thumb-btn { width: 100%; background-color: #EBEFF2; line-height: 30px; text-align: center; cursor: pointer; color: #4A4A4A; font-weight: bold; text-decoration: none; }

.thumbimg-block a.thumb-btn:hover { color: #fff; background-color: #0177D7; }

.thumbimg { height: 115px; overflow: hidden; border: 1px solid #e5e5e5; }

.thumbimg-block input { width: auto !important; margin-left: -59.5px; }

.thumbimg img { display: block; margin: 0 auto; width: 200px; background: #fafafa; }


.activity-photo { overflow-x: auto; }

#postImages img { height: 50px; width: auto; display: inline-block; margin: 5px 5px; }

.replytBtn input[type="file"] { cursor: pointer; outline: medium none; position: absolute; filter: alpha(opacity=0); -moz-opacity: 0; /*opacity: 0;*/ /*left: 0;
    top: 0;*/ width: 166px; height: 37px; }

.uploadFile button { position: relative; padding: 0; width: 100%; height: 38px; }

.upload_change { background: #e0e0e0 !important; }

.uploadFile button i,
.uploadFile button span { height: 100%; width: 100%; line-height: 38px; transition: all ease-out 0.2s; }

.uploadFile button i { position: absolute; top: -100%; left: 0; font-size: 25px; color: #0177D7; }

.uploadFile button span { /*display: inline-block;*/ margin: 0 10px; }

.upload-icon { top: 0 !important; }

.upload-span { margin-top: 100% !important; }

#actietyImages img,
#classifiedImages img { margin-bottom: 5px; }

.comment-area { z-index: 1; }

.activity-btnarea { position: relative; z-index: 1000; background-color: #F7F7F7; border-top: 1px solid #e5e5e5; }



/**activity-edit**/
.edit-area { background: #fff; padding: 10px 0; padding-top: 37px; }

.edit-area .Images-area { white-space: nowrap; height: 100px; margin: 10px auto; margin-left: 9%; overflow-x: auto; overflow-y: hidden; }

.edit-area .imageblock > div,
.edit-area .imageblock > div img { display: inline; }

.edit-area .imageblock { width: 1000%; }

.edit-text { width: 91%; float: left; }














/*ck编辑工具*/
.ttContent { display: block; margin: 0 auto !important; }

.cke_top,
.cke_bottom { background: #EBEFF2 !important; }

.cke_top { border-bottom: 1px solid #d9d9d9 !important; }

.cke_bottom { border-top: 1px solid #d9d9d9 !important; padding: 9px 0 !important; }

.cke_toolgroup,
.cke_combo_button { background: #fafafa !important; color: #f00 !important; }

.cke_toolgroup,
.cke_combo_button,
.cke_chrome { border: 1px solid #ccc !important; }

/*.cke_toolbar_break,
#cke_45,
#cke_1_resizer {
    display: none !important;
}*/

.state { position: absolute; top: 0; right: 0; width: 112px; height: 65px; background: url("../images/state.png") no-repeat;}
.state-tostart { background-position:-8px -404px; }
.state-tostart.eng { background-position:-138px -404px; }
.state-in { background-position:-8px -20px; }
.state-in.eng { background-position:-138px -20px; }
.state-end { background-position:-8px -500px; }
.state-end.eng { background-position:-138px -500px; }
.state-Expired { background-position:-8px -592px; }
.state-Expired.eng { background-position:-138px -592px; }
.state-sign { background-position:-8px -308px; }
.state-sign.eng { background-position:-138px -308px; }
.state-invalid { background-position:-8px -116px; }
.state-invalid.eng { background-position:-138px -116px; }

.groups > div { margin: 0 -5px; }

.groups div.item_block { border: solid 1px #dedede; padding: 5px 10px; background-color: #fafafa; font-size: 1.25em; }

.groups div.item_block .label { font-size: .75em; }

.groups div.item_block a { padding-left: 5px; }

.groups div.item_block a:first-child { /*font-size: 1.25em;*/ }

.groups div.item_block i { margin-top: 2px; }

.laud { width: 45px; height: 52px; border: 1px solid #ddd; border-radius: 4px 4px 0 0; /*box-shadow: #888 2px 2px 5px;*/ display: inline-block; text-align: center; /*margin-right: 10px;*/ }

.laud i { padding: 8px; }

.laud label { display: block; color: white; border: 1px; border-radius: 0 0 4px 4px; padding: 3px; margin-bottom: 0; position: absolute; margin-left: -1px; width: 45px; }

.laud-up { color: #b70909; }

.laud-up label { background-color: #b70909; }

.laud-down { color: #0476cf; }

.laud-down label { background-color: #0476cf; }


/*注册登录*/
#interestsList > div label { color: #333; margin-right: 10px; width: 80px; font-weight: 100; cursor: pointer; }

#interestsList label:hover { color: #000; }

#registerForm label span.need { color: #f00; }

.alert { font-size: 14px; box-shadow: none !important; }

.alert > span,
.alert > ul { border: 1px solid #e5e5e5; box-shadow: 0 1px 2px #999; padding: 10px 20px; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.alert-remove > ul { background: #5373ae; position: relative; top: 8px; left: 10px; line-height: 23px; }

.alert-wrong > span { background: #fe8181; }

.alert i { padding: 3px; font-size: 1.2em; float: left; }

.alert p { margin-left: 30px; }

.alert-center { text-align: center; }

.alert-center i { float: none; font-size: 1.25em; }

.alert-center p { display: inline; position: relative; top: -2px; margin: 0; }

.alert-sm { font-size: 1em; }

.alert-sm i { padding: 3px; font-size: 1.2em; float: left; }

.alert-sm p { margin-left: 30px; }

.alertReturn { border: 1px solid #ccc; width: 150%; height: 692px; display: block; padding: 25px; border-radius: 50%; margin-left: -27%; box-shadow: 0 1px 0 #fff inset; position: absolute; bottom: -617px; }

.alert-remove + .alertReturn { background-color: #edf1f7; }

.alert-wrong + .alertReturn { background-color: #fff1f2; }

.alertReturn a.homebutton { width: 90px; line-height: 30px; border: 1px solid #e5e5e5; background: #fff; display: inline-block; border-radius: 5px; }

.alertReturn a.homebutton:link { text-decoration: none; }

.alertReturn a.homebutton:hover { background: #0177d7; color: #fff; border-color: #fff; }

.alertReturn a:link { text-decoration: underline; }

.pagination { margin: 0; }

.pagination a { cursor: pointer; }

div.table .row-news > div { height: 19px; overflow: hidden; }

.right-block { padding: 10px; background-color: white; box-shadow: 0 1px 2px rgba(43,59,93,0.20); -webkit-box-shadow: 0 1px 2px rgba(43,59,93,0.20); -moz-box-shadow: 0 1px 2px rgba(43,59,93,0.20); }

.right-block .header { line-height: 24px; text-align: center; background: #0177d7; color: #fff; margin-bottom: 15px !important; }

.right-block .content { font-size: .8em; }


.search-highlight { font-size: 1.2em; font-weight: bold; color: red; }

/* lytebox */
#lbImageContainer { background-color: white; }

.page { vertical-align: middle; border: 1px solid #f1f1f1; background-color: #ffffff; margin-bottom: 5px; }

.page span { margin: 5px; }


.detail-panel { box-shadow: 0 1px 2px rgba(43,59,93,0.20); -webkit-box-shadow: 0 1px 2px rgba(43,59,93,0.20); -moz-box-shadow: 0 1px 2px rgba(43,59,93,0.20); margin-bottom: 20px; }

.detail-panel .title { padding: 5px 10px; border-bottom: 1px solid #e5e5e5; background-color: #f7f7f7; text-align: center; }

.detail-panel .title h2 { font-size: 18px; font-weight: bold; line-height: 1.6em; }

.detail-panel .title small { }

.detail-panel .title small span { display: inline-block; margin: 0 10px; }

.detail-panel .content { background-color: white; padding: 20px; line-height: 1.6em; }

.detail-panel .content .block { padding: 5px 10px; }


a.user-block { overflow: hidden; margin: 0; padding: 0 10px 10px 5px; min-width: 150px; text-decoration: none; }

a.user-block:hover { background-color: #fafafa; }

a.user-block img { width: 32px; height: 32px; float: left; border: 1px solid #CCC; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; }

a.user-block span { display: block; margin-left: 40px; overflow: hidden; }

a.user-block span > small { display: block; font-size: .75em; color: #888; }

.fieldbox label { text-align: right; float: left; width: 60px; padding: 2px 10px; }

.fieldbox .content { margin-left: 60px; margin-top: 4px; padding: 0; }

.fieldbox .content .item_block { background-color: #f7f7f7; display: inline-block; display: inline-grid; padding: 2px 10px; margin: 0 10px 10px 0; }

.fieldbox .content .item_block i { padding: 5px; }

.fieldbox .content .item_block:hover { background-color: #0476cf; color: white; }

.fieldbox .content .item_block:hover * { color: white; }

/* Html editor*/
div.cke { border-radius: 4px; }

/* bootstrap */
.label { font-weight: 100; position: relative; top: -2px; padding: 3px; display: inline-block; }

label.checkbox, .checkbox label { cursor: pointer; }

.list-group-item_block:first-child { border-radius: 0; }

.list-group-item_block:last-child { border-radius: 0; }

.checkbox input { margin-top: 2px; }



#returntop { width: 80px; height: 30px; position: fixed; _position: absolute; line-height: 30px; text-align: center; top: 0; left: 0; display: none; cursor: pointer; z-index: 9999; color: #1F5E91; }

#returntop span { float: left; height: 24px; display: block; text-align: center; line-height: 24px; margin-left: 4px; font-size: 12px; }

.custom-block img { max-width: 100%; }

.profileImg { width: 100px; height: 100px; float: left; border: 1px solid #ccd1d5; overflow: hidden; padding: 1px; }

/* 发布信息时loading及遮盖层 start*/
.img-mask { position: absolute; margin-left: -100px; margin-top: 80px; z-index: 2; width: 100px; height: 20px; cursor: pointer; background-color: #4c4c4c; text-align: center; color: white; font-size: 12px; text-decoration: none; }

.masktip { position: fixed; top: 50%; left: 50%; color: #174ebe; z-index: 100000; text-align: center; }

.masktip img { max-width: 80px; }

.spinner { width: 50px; height: 20px; text-align: center; font-size: 10px; }

.spinner > div { background-color: #ffffff; /*#60b925*/ height: 100%; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; }

.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

.thumbnail-effect { padding: 5px; position: relative; /*box-shadow: 0 1px 2px rgba(43,59,93,.29);*/ }





.thumbnail-effect .flag { position: absolute; left: 5px; z-index: 10; margin-top: -1px; }

.thumbnail-effect .thumbnail-img { height: 120px; display: block; vertical-align: middle; }

.thumbnail-effect img { max-width: 100%; height: 120px; }

.thumbnail-effect .thumbnail-text { padding: 3px; text-align: left; }

.thumbnail-effect .thumbnail-caption { text-align: center; overflow: hidden; margin: 5px 5px 5px -6px; white-space: nowrap; text-overflow: ellipsis; }

.thumbnail-effect .thumbnail-summary { text-align: justify; padding: 5px 5px 10px 5px; /*max-height: 45px;
        overflow: hidden;*/ display: none; color: #888; margin-left: -5px; background-color: #fff; }

.thumbnail-effect:hover { background-color: #fefefe; box-shadow: 0 0 10px rgba(0,0,0,.8) !important; }

.thumbnail-effect:hover .thumbnail-summary { display: block; width: 100%; position: absolute; z-index: 999; box-shadow: 0 5px 10px rgba(0,0,0,.8) !important; }

.thumbnail-effect:hover .thumbnail-text .detail { display: block; }

.thumbnail-effect .thumbnail-text .belong { margin-left: -6px; }

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4); }

    20% { -webkit-transform: scaleY(1.0); }
}

@keyframes stretchdelay {
    0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }

    20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); }
}
/*end*/
.personal_panel > li { margin-bottom: 5px; }

.personal_panel > li i { color: #3385C8; font-size: 16px; width: 16px; height: 16px; }

.sliderbtn { background: #0177d7 !important; color: #FFF !important; border-radius: 4px; padding: 5px; }

.loginicon { position: absolute; left: 13px; top: 10px; color: #6FA9DC; font-size: 18px; }

.contentbody { line-height: 2em; min-height: 360px; margin-bottom: 20px; overflow: hidden; }


.dashbox { background-color: white; overflow: hidden; border: #ccc dashed 1px; width: 100%; height: auto; /*min-height: 100px;*/ }

.dashbox > a { background-color: #FBFBFB; margin-top: 35px; height: 40px; border: solid 1px #C0C1C1; border-radius: 0px; padding: 10px 30px; }

.dashbox > a:hover { background-color: #5E84A4; color: white; }

.transparentBackgroud { padding: 25px; background-color: rgba(0,0,0,0.5); /* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */ }

.transparentBackgroud p { color: #FFFFFF; }

@media \0screen\,screen\9 { /* 只支持IE6、7、8 */
    .transparentBackgroud { background-color: #000000; filter: Alpha(opacity=50); position: static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */ *zoom: 1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */ }

    .transparentBackgroud p { position: relative; /* 设置子元素为相对定位，可让子元素不继承Alpha值 */ }
}



/*dashboard*/
.dashborad-head button { font-size: 14px; color: #333; border: none; outline: none !important; cursor: pointer; background: none; box-shadow: none; }

.dashborad-manage { overflow: hidden; padding: 20px 40px; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#dae7f0', endColorstr = '#ebeae7'); /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*Element must have a height (not auto)*/ /*All filters must be placed together*/ -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#dae7f0', endColorstr = '#ebeae7')"; /*Element must have a height (not auto)*/ /*All filters must be placed together*/ background-image: -moz-linear-gradient(top, #dae7f0, #ebeae7); background-image: -ms-linear-gradient(top, #dae7f0, #ebeae7); background-image: -o-linear-gradient(top, #dae7f0, #ebeae7); background-image: -webkit-gradient(linear, center top, center bottom, from(#dae7f0), to(#ebeae7)); background-image: -webkit-linear-gradient(top, #dae7f0, #ebeae7); background-image: linear-gradient(top, #dae7f0, #ebeae7); /*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/ }

.dashboard-left { width: 22%; }

.dashboard-right { width: 76.5%; }


.dash-title { background: #3176B2; height: 28px; line-height: 28px; color: #fff; padding: 0 10px; /*border-bottom: 1px solid #333;*/ font-size: 14px; }

.dash-title a { color: #fff; cursor: pointer; margin-left: 5px; text-decoration: none; }

.dash-title a:hover { color: #e5e5e5; }



.dash-content { position: relative; width: 48%; max-width: 386px; background: #fff; height: 250px; box-shadow: 0 1px 3px #e5e5e5; box-shadow: 0 1px 3px rgba(0,0,0,.1); margin-bottom: 32px; overflow: hidden; outline: 1px solid transparent; }

.dash-content:hover { outline-color: #3176B2; }

.dashboard-right .dash-content:after,
.dashboard-left .dash-button:after { font-family: "iconfont"; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; position: absolute; }

.dashboard-right .dash-content:after { bottom: 0; right: 0; font-size: 80px; line-height: 80px; color: #e5e5e5; }

.activityIcon:after { display: inline-block; font-family: "FontAwesome" !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }

.activityIcon:after { content: "\f073"; }

.newsIcon:after { content: "\e683"; }

.pageIcon:after { content: "\e682"; }

.classicIcon:after { content: "\e606"; bottom: -5px !important; }

.dash-contentL { width: 100%; max-width: 200px; /*margin: 0 auto;*/ height: 532px; }

.dashboard-right .dash-content { float: left; }

.dashboard-right .dash-content:nth-child(even) { float: right; }

.dash-content > ul { margin: 10px 10px 10px 30px; position: relative; z-index: 10; padding: 0px; }

.dash-content > ul > li { margin: 5px auto; font-size: 14px; list-style: circle; }

.dash-content > ul > li:last-child { list-style: none; }

.dash-content > ul > li:last-child a { color: #0177d7; text-decoration: underline; }

.dash-button,
.dash-message { position: absolute; width: 100%; bottom: 0; z-index: 10; }

.dash-contentL .dash-button { bottom: 50px; z-index: 10; }

.dash-contentL ul { margin: 10px 15px; }

.dash-contentL ul li { display: block; list-style: none; }

.dash-contentL ul li span { float: right; font-size: 12px; color: #666; }

.dash-message { background: #efefef; border-top: 1px solid #d9d9d9; line-height: 38px; text-align: center; }

.dash-message a { display: block; }

.dash-message a:hover { background: #e5e5e5; text-decoration: none; }

.dash-message span { color: #0177d7; }


.dash-button a,
.dash-button button { display: inline-block; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f0f0f0', endColorstr = '#dfdfdf'); /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*Element must have a height (not auto)*/ /*All filters must be placed together*/ -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f0f0f0', endColorstr = '#dfdfdf')"; /*Element must have a height (not auto)*/ /*All filters must be placed together*/ background-image: -moz-linear-gradient(top, #f0f0f0, #dfdfdf); background-image: -ms-linear-gradient(top, #f0f0f0, #dfdfdf); background-image: -o-linear-gradient(top, #f0f0f0, #dfdfdf); background-image: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#dfdfdf)); background-image: -webkit-linear-gradient(top, #f0f0f0, #dfdfdf); background-image: linear-gradient(top, #f0f0f0, #dfdfdf); /*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/ border: 1px solid #e5e5e5; line-height: 38px; width: 112px; box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px rgba(0,0,0,.4); font-weight: 700; font-size: 14px; color: #333; }

.dash-button a:hover,
.dash-button button:hover { text-decoration: none; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#dfdfdf', endColorstr = '#f0f0f0'); /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*Element must have a height (not auto)*/ /*All filters must be placed together*/ -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#dfdfdf', endColorstr = '#f0f0f0')"; /*Element must have a height (not auto)*/ /*All filters must be placed together*/ background-image: -moz-linear-gradient(top, #dfdfdf,#f0f0f0); background-image: -ms-linear-gradient(top, #dfdfdf,#f0f0f0); background-image: -o-linear-gradient(top, #dfdfdf,#f0f0f0); background-image: -webkit-gradient(linear, center top, center bottom, from(#dfdfdf), to(#f0f0f0)); background-image: -webkit-linear-gradient(top, #dfdfdf,#f0f0f0); background-image: linear-gradient(top, #dfdfdf,#f0f0f0); /*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/ }

.dashboard-left .dash-button:after { content: "\e650"; bottom: 100%; text-align: center; width: 100%; left: 0; font-size: 100px; color: #e5e5e5; z-index: -1; line-height: 55px; }

.dash-config .dash-content { height: auto; }

.dash-config ul li { float: right; margin: 0 5px; width: auto; line-height: 38px; font-size: 14px; text-align: center; padding: 0 10px; width: 90px; list-style: none; }

.dash-config ul li a { display: block; text-decoration: none; }

.dash-config ul li i { width: auto; margin: 0; }

.society-blocks { margin-left: -5px; margin-right: -5px; margin-bottom: 10px; }

.society-blocks > div { padding: 5px; width: 33.33%; display: inline-block; float: left; }

.society-blocks .item_block { position: relative; text-align: center; display: block; border-radius: 4px; margin: 0 auto 15px; background: url(../images/card_bg.jpg) center no-repeat #fff; text-decoration: none; box-shadow: rgba(43,59,93,0.20) 0 1px 3px; max-width: 350px; width: 95%; }

.item_block_static { height: 190px; }

.society-blocks .item_block:hover { box-shadow: rgba(43,59,93,0.4) 0 0 10px; }

.society-blocks .item > * { display: block; }

.society-blocks .item_block:hover .item .name { color: #0177d7 !important; }

.item_block .item { overflow: hidden; display: block; width: 100%; padding: 10px; }

.item_abso { top: 44%; }

.item_rela { margin-top: 10px !important; }

.item_abso,
.footer_abso { position: absolute; }

.society-blocks .item_block .name { position: relative; font-size: 18px; margin-top: 10px; font-weight: 700; color: #333; }

.society-blocks .item_block .presidents { color: #337ab7; font-weight: bold; margin: 10px; margin-top: 30px; text-align: center; font-size: 1.25em; }

.society-blocks .item_block .footer { color: #666; padding: 5px; width: 100%; background: none; }

.footer_abso { bottom: 0; }

.society-blocks .item_block .footer > span { float: left; font: 12px/18px Arial, sans-serif; text-align: left; }

.society-blocks .item_block .footer > span:first-child { margin-right: 15%; }

.society-blocks .item_block .footer > span:last-child { max-height: 33px; }

.society-blocks .item_block .footer > span i { color: #333; }

.society-blocks .item_block .since { text-align: right; height: 32px; padding-right: 12px; }

.society-blocks .item_block .since span { font: 14px/32px Arial, sans-serif; color: #666; }

footer { background-color: white; padding: 10px 15px; box-shadow: 0 1px 1px rgba(43,59,93,0.12); color: #333; line-height: 1.8em; }

footer .links { padding-bottom: 5px; border-bottom: solid 1px #ddd; margin-bottom: 5px; }

footer .links a { display: inline-block; padding: 0 10px; color: #333; }

footer .links .divider { color: #ddd; }

footer .links .divider:last-child { display: none; }


.tooltip { /*background:#000;*/ }

.tooltip.left .tooltip-arrow { border-left-color: #337AB7; }

.tooltip.right .tooltip-arrow { border-right-color: #337AB7; }

.tooltip.top .tooltip-arrow { border-top-color: #337AB7; }

.tooltip.bottom .tooltip-arrow { border-bottom-color: #337AB7; }


.tooltip .tooltip-inner { text-align: left; background-color: #337AB7; line-height: 18px; min-width: 250px; padding: 10px; box-shadow: 0 1px 2px rgba(0,0,0,.2); }


.calendarEmpty { width: 180px; /*min-width:160px;*/ margin-right: 11px; margin-left: 11px; height: 10px; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededef', EndColorStr='#cccccc'); /*font: 30px/20px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;*/ float: left; color: #000; position: relative; }

.calendar1 { width: 180px; /*min-width:160px;*/ margin-right: 9px; margin-left: 8px; background-color: #ededef; background-image: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc)); background-image: -webkit-linear-gradient(top, #ededef, #ccc); background-image: -moz-linear-gradient(top, #ededef, #ccc); background-image: -o-linear-gradient(top, #ededef, #ccc); background-image: -ms-linear-gradient(top, #ededef, #ccc); background-image: linear-gradient(top, #ededef, #ccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededef', EndColorStr='#cccccc'); /*font: 30px/20px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;*/ float: left; color: #000; text-shadow: 0 1px 0 rgba(255,255,255,1); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; -moz-box-shadow: 0 2px 2px #888; -webkit-box-shadow: 0 2px 2px #888; box-shadow: 0 2px 2px #888; }

.calendar1:before,
.calendar1:after { content: ""; position: absolute; top: 5px; width: 8px; height: 8px; background-color: #111; z-index: 1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0 1px 1px rgba(255,255,255,1); -webkit-box-shadow: 0 1px 1px rgba(255,255,255,1); box-shadow: 0 1px 1px rgba(255,255,255,1); }

.calendar1:before { left: 11px; }

.calendar1:after { right: 11px; }

.calendar1 span { display: block; }

.calendar1_month,
.calendar1_year { font: bold 14px/20px Microsoft YaHei,"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; color: #fff; text-align: center; text-shadow: #3385C8 0 -1px 0; background-color: #1162A4; background-image: -webkit-gradient(linear, left top, left bottom, from(#1162A4), to(#3385C8)); background-image: -webkit-linear-gradient(top, #1162A4, #3385C8); background-image: -moz-linear-gradient(top, #1162A4, #3385C8); background-image: -o-linear-gradient(top, #1162A4, #3385C8); background-image: -ms-linear-gradient(top, #1162A4, #3385C8); background-image: linear-gradient(top, #1162A4, #3385C8); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1162A4', EndColorStr='#3385C8'); border-top: 1px solid #3385C8; clear: both; margin-top: 20px; }

.calendar1_month { padding-bottom: 1px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; font: normal 30px/40px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; margin-top: 0; }

.calendar1 .calendar1_month:before, .calendar1 .calendar1_month:after { content: ''; float: left; position: absolute; top: -5px; width: 4px; height: 14px; background-color: #dadada; background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa)); background-image: -webkit-linear-gradient(top, #f1f1f1, #aaa); background-image: -moz-linear-gradient(top, #f1f1f1, #aaa); background-image: -o-linear-gradient(top, #f1f1f1, #aaa); background-image: -ms-linear-gradient(top, #f1f1f1, #aaa); background-image: linear-gradient(top, #f1f1f1, #aaa); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1f1f1', EndColorStr='#aaaaaa'); z-index: 2; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.calendar1 .calendar1_month:before { left: 13px; }

.calendar1 .calendar1_month:after { right: 13px; }

.calendar1_day { color: #265a88; font-size: 10px; min-height: 50px; padding: 5px; position: relative; background: #f3f3f3; background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3)); background: -webkit-linear-gradient(0 0 270deg, #f3f3f3, #f3f3f3 10%, #fff); background: -moz-linear-gradient(0 0 270deg, #f3f3f3, #f3f3f3 10%, #fff); background: -o-linear-gradient(0 0 270deg, #f3f3f3, #f3f3f3 10%, #fff); border-top: 1px solid #ccc; border-right: 1px solid #ccc; -webkit-border-radius: 0 0 60px 0 / 0 0 60px 0; -moz-border-radius: 0 0 60px 0 / 0 0 60px 0; border-radius: 0 0 60px 0 / 0 0 60px 0; -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2); }

.calendar1_day:before { content: ''; width: 25px; height: 20px; position: absolute; bottom: 0; right: 0; -webkit-border-radius: 0 0 30px 0; -moz-border-radius: 0 0 30px 0; border-radius: 0 0 30px 0; -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3); box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3); -webkit-transform: rotate(-20deg) skew(-40deg,-3deg) translate(-13px,-13px); -moz-transform: rotate(-20deg) skew(-40deg,-3deg) translate(-13px,-13px); -o-transform: rotate(-20deg) skew(-40deg,-3deg) translate(-13px,-13px); transform: rotate(-20deg) skew(-40deg,-3deg) translate(-13px,-13px); }

.publicImg { position: absolute; right: 50px; top: -20px; }

.publicImg img { width: 150px; }

.error,
.error-msg { color: red; }

.content-block.block-img { min-height: 420px; background: #fdfffe url(../images/bullet-point_l.jpg) no-repeat; }

.content-block.block-img .body { float: right; width: 360px; background-color: #fdfffe; margin-top: 15px; margin-right: 50px; padding: 20px 20px 10px 20px; }

.content-block.block-img .body form { margin-top: 0; }

.loginheader { height: 50px; border-bottom: 2px solid #e2e2e2; position: relative; font-family: "微软雅黑"; margin-bottom: 10px; }

.loginheader .switch { height: 45px; position: absolute; left: 0px; bottom: 0; font-size: 16px; }

.loginheader .switch .switch_btn_focus { color: #333; display: inline-block; height: 45px; line-height: 45px; outline: 0; text-decoration: none; font-size: 16px; }

.loginheader .switch .switch_bottom { position: absolute; bottom: -1px; border-bottom: 4px solid #2F70A8; }


.folder_tree:hover,
.file_tree:hover { background-color: #f3f3f3; }

.deletefolder { margin-left: 10px; }

.deletefolder:hover { color: red; }

.deletefile { margin-left: 10px; }

.deletefile:hover { color: red; }

.zeroclipboard-is-hover { color: #118af5; }

.folder_info a,
.file_info a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; margin: 2px 10px 5px 10px; text-decoration: none; }

.file_info a { /*border-bottom: 1px solid #F8F8F8;*/ }

.folder_info span,
.file_info span { margin-left: 10px; }

.copyactive { color: #0177D7; }

.dropdownmenu { left: initial; right: 0; min-width: initial; margin: 2px 5px; font-size: 12px; }

.dropdown-menu > li > a { margin: 0px; }

.rename_input { height: 20px; margin-left: 10px; margin: 2px 5px 5px 10px; width: auto; padding: 5px 0px 5px 5px; }

.cartbtn { height: 12px; width: 20px; border: 0px; background-color: rgba(255, 255, 255, 0); padding: 5px; }

.cartbtn span { margin: 0; }

.no-boxshadow .quickLink {
    background-color: #fff;
}

.no-boxshadow .list_select {
    border: 1px solid #ddd;
    background-color: #dedede;
}

.no-opacity .title-box {
    background-color: #333;
}

.alertify,
.alertify-show,
.alertify-log {
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.alertify-hide {
	-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-log-hide {
	-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-cover {
	position: fixed; z-index: 99999;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color:white;
	filter:alpha(opacity=0);
	opacity:0;
}
	.alertify-cover-hidden {
		display: none;
	}
.alertify {
	position: fixed; z-index: 99999;
	top: 50px; left: 50%;
	width: 550px;
	margin-left: -275px;
	opacity: 1;
}
	.alertify-hidden {
		-webkit-transform: translate(0,-150px);
		   -moz-transform: translate(0,-150px);
		    -ms-transform: translate(0,-150px);
		     -o-transform: translate(0,-150px);
		        transform: translate(0,-150px);
		opacity: 0;
		display: none;
	}
	/* overwrite display: none; for everything except IE6-8 */
	:root *> .alertify-hidden {
		display: block;
		visibility: hidden;
	}
.alertify-logs {
	position: fixed;
	z-index: 5000;
	bottom: 10px;
	right: 10px;
	width: 300px;
}
.alertify-logs-hidden {
	display: none;
}
	.alertify-log {
		display: block;
		margin-top: 10px;
		position: relative;
		right: -300px;
		opacity: 0;
	}
	.alertify-log-show {
		right: 0;
		opacity: 1;
	}
	.alertify-log-hide {
		-webkit-transform: translate(300px, 0);
		   -moz-transform: translate(300px, 0);
		    -ms-transform: translate(300px, 0);
		     -o-transform: translate(300px, 0);
		        transform: translate(300px, 0);
		opacity: 0;
	}
	.alertify-dialog {
		padding: 25px;
	}
		.alertify-resetFocus {
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}
		.alertify-inner {
			text-align: center;
		}
		.alertify-text {
			margin-bottom: 15px;
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			font-size: 100%;
		}
		.alertify-buttons {
		}
			.alertify-button,
			.alertify-button:hover,
			.alertify-button:active,
			.alertify-button:visited {
				background: none;
				text-decoration: none;
				border: none;
				/* line-height and font-size for input button */
				line-height: 1.5;
				font-size: 100%;
				display: inline-block;
				cursor: pointer;
				margin-left: 5px;
			}

@media only screen and (max-width: 680px) {
	.alertify,
	.alertify-logs {
		width: 90%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.alertify {
		left: 5%;
		margin: 0;
	}
}

/**
 * Default Look and Feel
 */
.alertify,
.alertify-log {
    font-family: Microsoft YaHei,sans-serif;
}

.alertify {
    background: #FFF;
    border: 5px solid #333; /* browsers that don't support rgba */
    border: 5px solid rgba(0,0,0,.5);
    border-radius: 5px;
    box-shadow: 0 3px 3px rgba(0,0,0,.3);
    -webkit-background-clip: padding; /* Safari 4? Chrome 6? */
    -moz-background-clip: padding; /* Firefox 3.6 */
    background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */   
    
    max-width: 360px;
    margin-left: -180px;
}

.alertify-message {
    font-size: 1.25em;
}

.alertify-text {
    border: 1px solid #CCC;
    padding: 10px;
    border-radius: 4px;
}

.alertify-button {
    border-radius: 4px;
    color: #FFF;
    font-weight: bold;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0,0,0,.5);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
}

    .alertify-button:hover,
    .alertify-button:focus {
        outline: none;
        background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
        background-image: -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
        background-image: -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
        background-image: -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
        background-image: linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
    }

    .alertify-button:focus {
        box-shadow: 0 0 15px #2B72D5;
    }

    .alertify-button:active {
        position: relative;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    }

.alertify-button-cancel,
.alertify-button-cancel:hover,
.alertify-button-cancel:focus {
    background-color: #FE1A00;
    border: 1px solid #D83526;
}

.alertify-button-ok,
.alertify-button-ok:hover,
.alertify-button-ok:focus {
    background-color: #5CB811;
    border: 1px solid #3B7808;
}

.alertify-log {
    background: #1F1F1F;
    background: rgba(0,0,0,.9);
    padding: 15px;
    border-radius: 4px;
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}

.alertify-log-error {
    background: #FE1A00;
    background: rgba(254,26,0,.9);
}

.alertify-log-success {
    background: #3B7808;
    background: rgba(80,160,12,.9);
}