@import url(site_style.css);

/* basic CMS CSS */
@font-face {
	font-family: SimHei;
	src: url('../images/font/simhei.ttf');
}
body {
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	scrollbar-base-color:#f1f1f1;
	scrollbar-face-color:#f1f1f1;
	scrollbar-track-color:#f1f1f1;
	scrollbar-arrow-color:#121212;
	scrollbar-3dlight-color:#d1d1d1;
	scrollbar-darkshadow-color:#121212;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#d1d1d1;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
    overflow-y: scroll;
}
.fs_9  { font-size: 9px; }
.fs_10 { font-size: 10px; }
.fs_11 { font-size: 11px; }
.fs_12 { font-size: 12px; }
.text_01 { color: #bbbbbb; }
.text_02 { color: #777777; }
.text_03 { color: #FFFFFF; }
.grey_text { color: #999999; }
.tt_uppercase  { text-transform: uppercase; }
.tt_lowercase  { text-transform: lowercase; }
.tt_capitalize { text-transform: capitalize; }
.floatL { float: left; }
.floatR { float: right; }
.clear { clear: both; }
.m_l_10 { margin-left: 10px; }
.m_t_10 { margin-top: 10px; }
.p_3 { padding: 3px; }
table { }
td { }
input { }
a { }
fieldset { padding: 10px; margin-bottom: 30px; background-color: #FFFFFF; border: 1px solid #CCCCCC; width: 49%; float: left; box-sizing: border-box }
fieldset legend { font-weight: bold; color: #777777; user-select: none;
    border: 1px solid #000; background-color: #888; color: #fff; border-radius: 2px; padding: 2px }
fieldset legend .arrow { font-weight: bold; font-size: 10px; color: #eee; }
fieldset .label {clear: both; width: 100%}
a:link, a:visited{ color: #666666; text-decoration: underline; }
a:hover { color: #000000; text-decoration: underline; }
.nowrap {
	white-space:nowrap;
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}

.float_width_49 { width:49%; }
.edit_item {
	border: 1px solid #888888;
	margin-bottom: 10px;
    box-sizing: border-box;
}
.edit_title {
	font-weight: bold;
	color: #000000;
	background-color: #d4d4d2;
	padding: 3px;
}
.edit_input {
	color: #000000;
	background-color: #eceeed;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cfc7c5;
	height:29px;
}
.edit_input input[type="text"] {
	width:99%;
}
.line_title {
	font-weight: bold;
	height: 16px;
	color: #000000;
	background-color: #D4D4D2;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #939493;
	border-bottom-color: #939493;
	border-left-color: #FFFFFF;
	line-height:16px;
	padding:0px;	
	margin:0px;
}
.line_title a:link, .line_title a:visited {
	color: #000000;
	text-decoration: none;
}
.line_title a:hover, .line_title a:active {
	color: #FFFFFF;
}
.line_title td {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E9E6E4;
	border-bottom-color: #A99A96;
	vertical-align: top;
}
.line_odd {
	background-color: #ECEEED;
}
.line_odd_o {
	background-color: #FFEC9D;
	color:#000000;
	cursor:default;
}
.line_odd td {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: #c9b8b3;
	vertical-align: top;
}
.line_odd_o td {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: #c9b8b3;
	vertical-align: top;
}
.line_even {
	background-color: #f3f4f3;
}
.line_even_o {
	background-color: #FFEC9D;
	color:#000000;
	cursor:default;
}
.line_even td {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: #c9b8b3;
	vertical-align: top;
}
.line_even_o td {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: #c9b8b3;
	vertical-align: top;
}
.line_accent {
	background-color: #FFC4C4;
}
.line_accent td {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: #B49B94;
	vertical-align: top;
}
.gallery_thumb {
	float: left;
	margin-left: 4px;
	margin-bottom: 4px;
	border: 1px solid #999999;
	color: #0099CC;
	text-decoration: none;
	background-color: #FFFFFF;
	width: 126px;
	padding: 2px;
	height: 220px;
}
.gallery_thumb input {
	width: 99%;
}
.required {
	color:#ff0000
}

/*-------------[ tab pictures ]---------------*/
.pictures_thumb {
	float: left;
	margin-left: 4px;
	margin-top: 4px;
	border: 1px solid #999999;
	color: #0099CC;
	text-decoration: none;
	background-color: #FFFFFF;
	width: 140px;
	padding: 2px;
	height: 162px;
	overflow: hidden;
}
.pictures_thumb input {
	width: 100%;
}
.pictures_thumb .top_row {
	height: 16px;
	padding: 2px;
	margin-bottom: 2px;
	background-color: #CCCCCC;
}
.pictures_thumb .top_row .files_handle {
	width: 18px;
	height: 16px;
	float: left;
	cursor: move;
	background-image:url(icon_movement.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.pictures_thumb .top_row .filename {
	width: 82px;
	height: 16px;
	float: left;
	overflow: hidden;
	color: #666666;
	font-size: 10px;
	cursor: default;
}
.pictures_thumb .top_row .default {
	width: 16px;
	height: 16px;
	float: right;
	margin-left: 4px;
	background-image:url(icon_default.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.pictures_thumb .top_row .comment {
	width: 16px;
	height: 16px;
	float: right;
	background-image:url(icon_comment.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.pictures_thumb .thumb_body {
	width: 140px;
	height: 140px;
	position: relative;
	overflow: hidden;
}
.pictures_thumb .thumb_body .image {
	width: 130px;
	height: 130px;
	margin-top: 5px;
}
.pictures_thumb .thumb_body .thumb_actions {
	width: 138px;
	height: 138px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	overflow: hidden;
	display: none;
}
.pictures_thumb .thumb_body .thumb_actions .button {
	height: 26px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	overflow: hidden;
}
.pictures_thumb .thumb_body .thumb_actions .buttons {
	height: 32px;
	width: 100%;
}
.pictures_thumb .thumb_body .thumb_actions .buttons .btn {
	width: 32px;
	height: 32px;
	float: left;
	cursor: pointer;
}
.pictures_thumb .thumb_body .thumb_actions .buttons .comment        { background-image: url(big_icon_comment_bubble.png); }
.pictures_thumb .thumb_body .thumb_actions .buttons .comment:hover  { background-image: url(big_icon_comment_bubble_o.png); }
.pictures_thumb .thumb_body .thumb_actions .buttons .default        { background-image: url(big_icon_default.png); }
.pictures_thumb .thumb_body .thumb_actions .buttons .default:hover  { background-image: url(big_icon_default_o.png); }
.pictures_thumb .thumb_body .thumb_actions .buttons .is_default     { background-image: url(big_icon_default_set.png); }
.pictures_thumb .thumb_body .thumb_actions .buttons .download       { background-image: url(big_icon_download.png); }
.pictures_thumb .thumb_body .thumb_actions .buttons .download:hover { background-image: url(big_icon_download_o.png); }
.pictures_thumb .thumb_body .thumb_actions .buttons .zoom       		{ background-image: url(big_icon_zoom.png); }
.pictures_thumb .thumb_body .thumb_actions .buttons .zoom:hover 		{ background-image: url(big_icon_zoom_o.png); }
.pictures_thumb .thumb_body .thumb_actions .buttons .delete         { background-image: url(big_icon_trash.png); }
.pictures_thumb .thumb_body .thumb_actions .buttons .delete:hover   { background-image: url(big_icon_trash_o.png); }
.pictures_thumb .thumb_body .thumb_actions .comment {
	font-size: 10px;
	text-align: left;
	height: 102px;
	margin: 2px;
	color: #666666;
	overflow: hidden;
}
/*-------------[ tab pictures end ]---------------*/

/*-------------[ page navigator ]---------------*/
.page_normal {
	color: #000000;
	background-color: #D4D4D2;
	font-weight: bold;
	cursor: pointer;
	width:20px;
	height:20px;
	text-align:center;
	border-radius: 2px; -moz-border-radius:2px;	
}
.page_normal_o {
	font-weight: bold;
	color: #000000;
	background-color: #F3F4F3;
	width:20px;
	height:20px;
	text-align:center;
	cursor: pointer;
	border-radius: 2px; -moz-border-radius:2px;	
}
.page_select {
	font-weight: bold;
	color: #000000;
	background-color: #F3F4F3;
	cursor: default;
	height:20px;
	width:20px;
	text-align:center;
	border-radius: 2px; -moz-border-radius:2px;
}
.page_inactive {
	color: #aaaaaa;
	background-color: #ffffff;
	cursor: default;
	height:20px;
	width:20px;
	text-align:center;
	border-radius: 2px; -moz-border-radius:2px;
}
/*-------------[ page navigator end ]---------------*/

/*-------------[ file manager ]---------------*/
#file_operations .filelist_title {
	background-color: #cfc7c5;
	font-weight: bold;
}
#file_operations .filelist_title td {
	font-family: "Courier New", Courier, monospace;
	color: #000000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E9E6E4;
	border-bottom-color: #A99A96;
	margin-bottom: 1px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
#file_operations .filelist_title a:link, #file_operations .filelist_title a:visited {
	font-family: "Courier New", Courier, monospace;
	color: #000000;
	text-decoration: none;
}
#file_operations .filelist_title a:hover, #file_operations .filelist_title a:active {
	font-family: "Courier New", Courier, monospace;
	color: #FFFFFF;
}
#file_operations .filelist {
	background-color: #eeebe6;
}
#file_operations .filelist td {
	font-family: "Courier New", Courier, monospace;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: #c9b8b3;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	cursor:pointer;
}
#file_operations .filelist_o {
	background-color: #fffcf7;
}
#file_operations .filelist_o td {
	font-family: "Courier New", Courier, monospace;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: #c9b8b3;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	cursor:pointer;
}
#file_operations .selected_n {
}
#file_operations .selected_n td {
	font-family: "Courier New", Courier, monospace;
	color: #000000;
	background-color: #FFF5D7;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	cursor:pointer;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFF5D7;
	border-bottom-color: #FFF5D7;
}
#file_operations .selected_o {
}
#file_operations .selected_o td {
	font-family: "Courier New", Courier, monospace;
	color: #000000;
	background-color: #FCFFD7;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	cursor:pointer;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FCFFD7;
	border-bottom-color: #FCFFD7;
}
#file_operations .file_btn {
	font-size: 8px;
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #333333;
	height: 16px;
	font-weight: bold;
	cursor:pointer;
}
.thumb {
	float: left;
	margin-right: 0px;
	margin-left: 2px;
}
/*-------------[ file manager end ]---------------*/

/*-------------[ icon browse window (section_manager) ]---------------*/
#browse_icon_dialog {
	display: none;
}
#browse_icon_dialog .table {
	display: table;
	border-spacing: 4px;
}
#browse_icon_dialog .row {
	display: table-row;
}
#browse_icon_dialog .icon {
	width: 30px;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	padding: 3px;
	background-color: #FFF;
	border: solid 2px #999791;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#browse_icon_dialog .icon:hover {
	background-color: #999791;
	cursor: pointer;
}
#browse_icon_dialog .selected {
	background-color: #FCDE7C;
	border-color: #A45B13;
}
/*-------------[ icon browse window (section_manager) end ]---------------*/

.message {
	color: #003366;
	background-color: #FFF8CA;
	padding: 5px;
	border: 1px solid #003366;
	margin-top: 10px;
	margin-bottom: 10px;
}
.errorr {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC0000;
	text-align: center;
	vertical-align: middle;
	padding: 4px;
	width: 99%;
	margin-bottom:10px;
}

.display_message { position: absolute; top:0px; left: 0px; right: 0px; width:200px; height:40px; z-index:6; margin: 0 auto; }
.display_message .content { background-color:#009900; color:#FFFFFF; padding:10px; width:400px; height:20px; text-align:center; -moz-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px; -moz-box-shadow: 2px 2px 4px #888; -webkit-box-shadow: 2px 2px 4px #888; box-shadow: 2px 2px 4px #888; }

.ajax_message { position: fixed; top:0px; left: 0px; width:100%; height:40px; z-index:5; display: none; }
.ajax_message .content { background-color:#FFFFFF; color:#444444; padding:10px; width:60px; height:20px; text-align:center; -moz-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px; -moz-box-shadow: 2px 2px 4px #888; -webkit-box-shadow: 2px 2px 4px #888; box-shadow: 2px 2px 4px #888; }

#mail_attachments {
	padding: 4px;
	border: solid 1px #C9B8B3;
	background-color: #F3F4F3;
}
#mail_attachments .attachments {
	margin: 0px 0px 4px 0px;
}
#mail_attachments .attachments .item {
	width: 100%;
	margin: 0px 0px 2px 0px;
	position: relative;
}
#mail_attachments .attachments .item label {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#mail_attachments .attachments .item:hover {
	text-decoration: underline;
}
#mail_attachments .attachments .item .download,
#mail_attachments .attachments .item .delete {
	position: absolute;
	top: -7px;
	border: 1px solid #CBC7BD;
	cursor: pointer;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 32px;
	height: 32px;
	display: none;
}
#mail_attachments .attachments .item .download {
	right: 40px;
	background: url(big_icon_download.png) center center no-repeat #fff;
}
#mail_attachments .attachments .item .delete {
	right: 0px;
	background: url(big_icon_trash.png) center center no-repeat #fff;
}
#mail_attachments .attachments .item:hover .download,
#mail_attachments .attachments .item:hover .delete {
	display: block;
}
#mail_attachments .attachments .item .download:hover {
	background: url(big_icon_download_o.png) center center no-repeat #fff;
}
#mail_attachments .attachments .item .delete:hover {
	background: url(big_icon_trash_o.png) center center no-repeat #fff;
}

/*---[filter css begin]---*/
.fieldset {
	position:relative;
	background-color:#ffffff;
	padding:15px 5px 5px 5px;
	border:solid 1px #999999;
}
.fieldset .legend {
	position:absolute; 
	top:-10px;
	left:8px;
	background-color:#ffffff;
	padding:0px 5px 0px 5px;
	border:solid 1px #999999;
}
.fieldset .filter_box {
	line-height:30px;
}
.fieldset .filter_box .filter_item {
	white-space:nowrap;
}
/*---[filter css begin]---*/

@media screen and (max-device-width: 1068px), screen and (max-width: 1068px) {

	.floatL { float:none; }
	.m_l_10 { margin-left:0px; }
	.float_width_49 { width:100%; }
	fieldset { float:none; clear:both; }

}

.flex {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    overflow: hidden;
    box-sizing: border-box;
}
.flex >div {
    padding: 0 10px;
    box-sizing: border-box;
}
.flex >div label {
	display: block;
	margin-bottom: 3px;
	width: 100%;
	white-space: nowrap;
}
.flex input {
    box-sizing: border-box;
}
.flex .col-12 {
    width: 100%;
}
.flex .col-11 {
    width: 91.66667%;
}
.flex .col-10 {
    width: 83.33333%;
}
.flex .col-9 {
    width: 75%;
}
.flex .col-8 {
    width: 66.66667%;
}
.flex .col-7 {
    width: 58.33333%;
}
.flex .col-6 {
    width: 50%;
}
.flex .col-5 {
    width: 41.66667%;
}
.flex .col-4 {
    width: 33.33333%;
}
.flex .col-3 {
    width: 25%;
}
.flex .col-2 {
    width: 16.66667%;
}
.flex .col-1 {
    width: 8.33333%;
}
.ajax-debug {
	position:relative;
	border:solid 3px #c00;
	color:#f00;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
}
.error-message {
	display: none;
	font-size: 13px;
	color: #aa042c;
	background: #fdebeb;
	border: solid 1px #aa042c;
	text-align: center;
	padding: 4px;
	border-radius: 4px;
	margin-bottom: 15px;
}