@charset "utf-8";
@import url(mobile/font-awesome.min.css);

body { background-color:#E8E9EE;}
div,ul,li { font-family:"Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif,'Microsoft Yahei';}
a:hover { text-decoration:none;}
/* Function */

/*- Margin -*/
.no-margin { margin:0 !important;}

.f-margin5 { margin:5px !important;}
.f-margin10 { margin:10px !important;}
.f-margin15 { margin:15px !important;}
.f-margin20 { margin:20px !important;}

.f-mt5 { margin-top:5px !important;}
.f-mt10 { margin-top:10px !important;}
.f-mt15 { margin-top:15px !important;}
.f-mt20 { margin-top:20px !important;}
.f-mt30 { margin-top:30px !important;}

.f-mr10 { margin-right:10px !important;}
.f-mr15 { margin-right:15px !important;}
.f-mr20 { margin-right:20px !important;}
.f-mr25 { margin-right:25px !important;}

.f-mb10 { margin-bottom:10px !important;}
.f-mb15 { margin-bottom:15px !important;}
.f-mb20 { margin-bottom:20px !important;}
.f-mb25 { margin-bottom:25px !important;}

.f-ml10 { margin-left:10px !important;}
.f-ml15 { margin-left:15px !important;}
.f-ml20 { margin-left:20px !important;}
.f-ml30 { margin-left:30px !important;}

/*- Padding -*/
.no-padding { padding:0 !important;}
.f-padding5 { padding:5px !important;}
.f-padding10 { padding:10px !important;}
.f-padding15 { padding:15px !important;}
.f-padding20 { padding:20px !important;}

.f-pt10 { padding-top:10px !important;}
.f-pt15 { padding-top:15px !important;}
.f-pt20 { padding-top:20px !important;}
.f-pt30 { padding-top:30px !important;}

.f-pr10 { padding-right:10px !important;}
.f-pr15 { padding-right:15px !important;}
.f-pr20 { padding-right:20px !important;}
.f-pr30 { padding-right:30px !important;}

.f-pb10 { padding-bottom:10px !important;}
.f-pb15 { padding-bottom:15px !important;}
.f-pb20 { padding-bottom:20px !important;}
.f-pb30 { padding-bottom:30px !important;}

.f-pl10 { padding-left:10px !important;}
.f-pl15 { padding-left:15px !important;}
.f-pl20 { padding-left:20px !important;}
.f-pl30 { padding-left:30px !important;}

/*- Border -*/
.no-border { border:0 !important;}

.border-top { border-top:1px solid #DDD;}
.border-right { border-right:1px solid #DDD;}
.border-bottom { border-bottom:1px solid #DDD;}
.border-left { border-left:1px solid #DDD;}

/*- Border Radius -*/
.no-radius { border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important;}

.radius-3 { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.radius-5 { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.radius-10 { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}

/*- Text -*/
.text-bold { font-weight:bold !important;}
.text-minu { font-weight:normal !important;}

.text-xsmall { font-size:11px !important;}
.text-small { font-size:12px !important;}
.text-middle { font-size:14px !important;}
.text-large { font-size:16px !important;}
.text-xlarge { font-size:18px !important;}

.text-left { text-align:left !important;}
.text-center { text-align:center !important;}
.text-right { text-align:right !important;}

/*- Block -*/
.hide { display:none !important;}
.show { display:block !important;}

.inline { display:inline;}
.inline-block { display:inline-block;}
.center-block { display:block; margin-right:auto; margin-left:auto;}

.pull-none { float:none;}
.pull-left { float:left !important;}
.pull-right { float:right !important;}

/*- Text Color -*/
.text-default { color:#E6E9ED;}
.text-primary { color:#37BC9B;}
.text-success { color:#8CC152;}
.text-info { color:#3BAFDA;}
.text-warning { color:#F6BB42;}
.text-danger { color:#E9573F;}

/* Box */
.box { position:relative; margin-bottom:20px; padding:10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #D5DAE0; background-color:#FFF;}
.box.more-padding { padding:15px;}
.box.full { padding:0;}
.box.transparent { border:none; background-color:transparent;}
.box.nomargin { margin:0;}
.box.noborder { border:none;}
.box .right-content { position:absolute; top:-1px; right:0; z-index:9;}

.box h4.small-title { margin:0; margin-bottom:10px; padding:0; text-align:left; font-size:14px; color:#656D78; font-weight:400;}
.box h4.small-title .btn { margin-top:-5px;}
.bg-primary h4.small-title,.bg-success h4.small-title,.bg-info h4.small-title,.bg-danger h4.small-title,.bg-warning h4.small-title { color:#FFF;}

.box hr { margin:10px 0; *margin:-5px 0; height:0; border:0; border-top:1px solid #EEE; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
.box.bg-primary,.box.bg-success,.box.bg-info,.box.bg-warning,.box.bg-danger { border:none;}
.bg-primary hr { border-color:#27A283;}
.bg-success hr { border-color:#76AD3E;}
.bg-info hr { border-color:#2998C1;}
.bg-warning hr { border-color:#E0A52C;}
.bg-danger hr { border-color:#D1462C;}

/*- Background -*/
.bg-default { background-color:#F5F7FA; color:#333;}
.bg-default:hover { background-color:#E6E9ED; color:#333;}

.bg-primary { background-color:#37BC9B; color:#FFF;}
.bg-primary:hover { background-color:#29AF8E; color:#FFF;}

.bg-success { background-color:#8CC152; color:#FFF;}
.bg-success:hover { background-color:#74AD3B; color:#FFF;}

.bg-info { background-color:#3BAFDA; color:#FFF;}
.bg-info:hover { background-color:#29A0CB; color:#FFF;}

.bg-warning { background-color:#F6BB42; color:#FFF;}
.bg-warning:hover { background-color:#E8AA2E; color:#FFF;}

.bg-danger { background-color:#E9573F; color:#FFF;}
.bg-danger:hover { background-color:#D8482C; color:#FFF;}

/* Layout */
.header,.page-wrap,.footer { position:absolute; right:0; left:0;}
.header { top:0; z-index:900; height:45px; line-height:45px; background-color:#2C3439; text-align:center; box-shadow:0 2px 4px rgba(44,52,57,.4);}
.footer { bottom:0; z-index:900; height:50px; line-height:50px; background-color:#fff; text-align:center; box-shadow:0 -2px 4px rgba(44,52,57,.2);}
.page-wrap { top:45px; bottom:0; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.page { padding:10px;}
.page p { margin-bottom:10px;}

.page-wrap.page-bottom { bottom:50px;}

/* Header */
.header { padding:0 45px;}
.header .header-btnbar,.header .header-btnbar a.dropdown-toggle { display:block; width:45px; line-height:45px; background-color:transparent; text-align:center; font-size:14px; color:#AAB2BD; text-decoration:none;}
.header .header-btnbar:hover,.header .header-btnbar a.dropdown-toggle:hover { background-color:#313940; color:#FFF; text-decoration:none;}
.header .header-btnbar.pull-left { margin-left:-45px;}
.header .header-btnbar.pull-right { margin-right:-45px;}
.header .header-btnbar i.fa { font-size:14px;}

.header .header-btnbar .dropdown-menu { top:94%; border-top-left-radius:0; border-top-right-radius:0; background-color:#313940;}
.header .header-btnbar .dropdown-menu a { padding:8px 15px; color:#AAB2BD; text-decoration:none;}
.header .header-btnbar .dropdown-menu a:hover { background-color:#242C2E; color:#FFF; text-decoration:none;}

.header .header-titlebar { float:left; display:block; margin:0 auto; width:100%; line-height:45px; text-align:center; font-size:16px; color:#FFF; font-weight:bold;}
.header .header-titlebar a.dropdown-toggle,.header .header-titlebar a.dropdown-toggle:hover { color:#FFF; text-decoration:none; -webkit-transition: all 0.25s; -moz-transition:all 0.25s; -ms-transition:all 0.25s; -o-transition:all 0.25s; transition:all 0.25s;}

.header .header-titlebar { display:inline-block; margin:0 auto; line-height:45px; text-align:center; font-size:16px; color:#FFF; font-weight:bold;}

/* Page Wrap */
.banner { clear:both; height:200px;}
.banner .banner-img { display:block; width:100%; height:200px; background-repeat:none; background-position:center;}

.user-infobar { position:relative; clear:both; height:50px; margin-bottom:30px; line-height:50px;}
.user-infobar .user-headimg { position:absolute; top:-45px; left:20px; width:90px; height:90px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border:3px solid #FFF; overflow:hidden;}
.user-infobar .user-info { float:left; margin-left:130px;}
.user-info .user-name,.user-info .user-level { float:left; line-height:35px; font-size:16px; color:#656D78; font-weight:bold;}
.user-info .user-level { font-size:14px; color:#ACB5BE; font-weight:normal;}
.user-info .user-regtime { clear:both; display:block; line-height:15px; font-size:12px; color:#999;}

ul.quick-link { clear:both; display:block; margin:0; padding:0; height:60px; text-align:center; background-color:transparent;}
ul.quick-link li { display:inline-block; margin:0; padding:0; width:19%; height:60px; text-align:center;}
ul.quick-link li a { display:block; width:100%; height:60px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#FFF;}
ul.quick-link li a .quick-icon { clear:both; height:35px; line-height:35px; font-size:20px;}
ul.quick-link li a .quick-title { clear:both; margin:0; padding:0; height:25px; line-height:25px; font-size:14px;}

ul.quick-link li a.quick-link-primary { background-color:#37BC9B;}
ul.quick-link li a.quick-link-success { background-color:#8CC152;}
ul.quick-link li a.quick-link-info { background-color:#3BAFDA;}
ul.quick-link li a.quick-link-warning { background-color:#F6BB42;}
ul.quick-link li a.quick-link-danger { background-color:#E9573F;}

/*- User Profile -*/
.list-item-title { float:left; color:#333; font-weight:bold;}
.list-item-value { float:right; width:75%; color:#999; text-align:right;}
.list-item-arrow { float:right; padding:0 0 0 10px; font-size:14px; cursor:pointer; color:#E6E9ED;}

.list-item-edit-text { width:100%; border:none; outline:none; background-color:transparent; text-align:right;}
.list-item-headimg { width:24px; height:24px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}

/*- User Message -*/
.list-item-message-title { display:block; line-height:1.5; color:#333; font-weight:bold;}
.list-item-message-bar { clear:both; margin:10px 0 0 0; padding:10px 15px 0 15px; line-height:1; border-top:1px solid #eee; color:#999; font-size:14px;}
.list-item-message-bar a { -webkit-transition: all 0.25s; -moz-transition:all 0.25s; -ms-transition:all 0.25s; -o-transition:all 0.25s; transition:all 0.25s;}
.list-item-message-bar .fa-click .fa-angle-right { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}


.list-item-text { margin:0; padding:0; width:100%; border:none; outline:none; background-color:transparent;}
.question-list-check { background-color:#eee;}
.question-list-check:before { margin-right:10px; display:inline-block; width:32px; text-align:right; font:normal normal normal 14px/1 FontAwesome; content:"\f00c";}

.list-item-message-content { display:none; margin-top:10px; padding:10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #DDD; line-height:1.5;}

/*- S Modal -*/
.s-modal {}
.s-modal .modal-dialog .modal-content {}

.s-modal .btn { margin:5px auto; width:100% !important;}

.upload-btn-wrap { clear:both; margin:0; padding:0; width:100%; height:32px;}
.upload-btn-into { position:relative; z-index:1; width:100%; padding:0; width:100%; height:32px;}
.upload-btn { position:absolute; top:0; right:0; bottom:0; left:0; z-index:3; width:100%; height:100%; opacity:0; cursor:pointer;}
.upload-btn-text { position:absolute; z-index:2; width:100%; height:100%;}

/* File Table */
.file-pack { padding-left:38px;}
.file-pack .file-icon { float:left; margin-left:-38px; line-height:28px; font-size:28px;}
.file-pack .file-title { line-height:28px;}
.file-pack .file-time { margin-top:-10px; color:#999;}

.file-null { margin:100px auto 0 auto; width:80%; text-align:center;}


/* Favorite */
.favorite-table {}
.favorite-table .favorite-img { float:left; margin-right:10px; width:48px; height:48px;}

/* Reset Choose */
.reset-choose { padding:0 34px 0 68px; height:60px;}
.reset-choose .reset-choose-icon { float:left; display:inline-block; margin-left:-68px; width:68px; line-height:60px; text-align:center; font-size:28px; color:#666;}
.reset-choose .reset-choose-text { float:left; display:inline-block; height:50px; line-height:20px; text-align:left; font-size:12px; color:#999;}
.reset-choose .reset-choose-text h4 { clear:both; font-size:14px; color:#333; font-weight:700;}
.reset-choose .reset-choose-btn { float:right; display:inline-block; margin-right:-34px; width:34px; line-height:60px; text-align:center; font-size:14px; color:#444;}

.reset-null { margin:100px auto 0 auto; width:80%; text-align:center;}