@charset "utf-8";


.transparent { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.transparent:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }

.img_square { display:inline-block; position:relative; overflow:hidden; }
.highlight { color:#A65300; font-weight:bold; }

.tab-content input.form-control { margin-top:0; }


.se_left_bar{ vertical-align:middle; }
.se_right_bar{
	float:right;
	display:inline-block;
	font-size: 0.9em;
	color: #1d3890;
	vertical-align: middle;
}

/* jquery */
.ui-icon-closethick { background-position: -96px -128px; }
.ui-dialog { font-size:1em; }
.fg-menu-container { border: 1px solid #aaa; background: #fff url(/css/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222; }


/* progress */
.progress {
overflow: hidden;
height: 5px;
margin: 5px 0px;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.progress .bar {
width: 0%;
height: 100%;
color: #ffffff;
float: left;
font-size: 12px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0e90d2;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(to bottom, #149bdf, #0480be);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-striped .bar {
background-color: #149bdf;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress.active .bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}

/******* scrollbar *******/
.scrollbar { overflow-x: hidden; overflow-y: auto; display: block; }
.scrollbar::-webkit-scrollbar{ width:8px; height:8px; }/*滾動條整體部分 background-color:#d8eefd; */
.scrollbar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2); -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07); border-radius:3px;}/*bar*/
.scrollbar::-webkit-scrollbar-button{width:0;height:0;display:none;}/*滾動條兩端的按鈕*/
.scrollbar::-webkit-scrollbar-corner{background-color:transparent;}/*邊角*/

.scrollbar2 {overflow-x:hidden;overflow-y:auto;display:block;}
.scrollbar2::-webkit-scrollbar{ width:9px; height:9px; }/*滾動條整體部分 background-color:#d8eefd; */
.scrollbar2::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2); -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);}/*bar*/
.scrollbar2::-webkit-scrollbar-button{width:0;height:0;display:none;}/*滾動條兩端的按鈕*/
.scrollbar2::-webkit-scrollbar-corner{background-color:transparent;}/*邊角*/

.scrollbar3 {overflow-x:hidden;overflow-y:auto;display:block;}
.scrollbar3::-webkit-scrollbar{width:11px;height:11px;}/*滾動條整體部分 background-color:#d8eefd; */
.scrollbar3::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.3); -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07); border-radius: 5px;}/*bar*/
.scrollbar3::-webkit-scrollbar-button{width:0;height:0;display:none;}/*滾動條兩端的按鈕*/
.scrollbar3::-webkit-scrollbar-corner{background-color:transparent;}/*邊角*/


/* set */
.se_logo form { overflow:hidden; }
.se_logo div.icon { margin-top: 4px; }
.se_logo div.icon img { max-width:48px; max-height:48px; margin-right: 8px; }
.se_logo #bnDel { vertical-align:bottom; }
.sys_site_name img { max-width:48px; max-height:48px; border-radius: 3px; }

#pane_control_content .tab_laeva2 > .tab-pane { min-height:200px; }
#pane_control_content ul.h_menu { padding: 0; margin-bottom: 4px; }
#pane_control_content ul.h_menu li { float:none !important; display:inline-block; margin-right: 8px; min-width: 90px; }

.se_main_menu .tabrow , .se_main_page .tabrow { display:block; }


.se_bg_img_pane { overflow-y: auto; }
.se_bg_img_pane #bnAddFile { position:relative; cursor:pointer; overflow: hidden; }
.se_bg_img_files { padding:0; }
.se_bg_img_pane #vBGColor { display: inline-block; border: solid 1px #aaa; width: 40px; height: 30px; border-radius: 5px; vertical-align: middle; cursor: pointer; }
.tr_bg_img_position { margin-top: 4px; }
.tr_bg_img_position #txtBGPosition {
	display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}
.tr_bg_img_position #bnUpdate {
	margin-left: 12px;
    padding: 4px 10px;
}

.bnt_uploader input {
	position: absolute;
	top: 0;
	right: 0;
	height: 96px;
	opacity: 0;
	display:inline-block;
}

.bg_files {
	clear: both;
	position: relative;
}
.bg_files #bnAddFile {
	width: 120px;
	height: 90px;
	line-height: 90px;
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: top;
	border: 2px dashed #ddd;
	-webkit-border-radius: 2px;
	margin: 0 1px 0 3px;
	overflow: hidden;
}
.bg_files #bnAddFile input {
	position: absolute;
	top: 0;
	right: 0;
	height: 96px;
	opacity: 0;
	display:inline-block;
}
.bg_files .file_item {
	width: 120px;
	height: 60px;
	line-height: 90px;
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: top;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	margin: 1px 0 1px 2px;
	overflow:hidden;
}
.bg_files .file_item .fileinfo {
	position: absolute;
	line-height: 1em;
	text-align: center;	
	left:0;
	bottom:0;
	right:0;
	z-index:1;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
	padding: 5px;
	overflow: hidden;
	max-height: 36px;
}
.bg_files .file_item .fileinfo .filename {
	overflow:hidden;
}
.bg_files .file_item #bnCancel {
	position: absolute;
	top: 1px;
	right: 1px;
	cursor: pointer;
	display:none;
	z-index:1;
    background-color: rgba(246, 247, 244, 0.78);
    border-radius: 8px;
}
.bg_files .file_item:hover #bnCancel {
	display:inline-block;
}
.bg_files .file_item .img_square {
	width: 120px;
	height: 60px;
}
.bg_files .file_item.pro .progress {
	position: absolute;
	left: 0;
	top: 20px;
	width: 100%;
	height: 12px;
	border-radius: 0;
	margin: 0;
}
.bg_files .file_item.wait .wait {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 12px;
	border-radius: 0;
	margin: 10px 0;
}
.bg_files span.gray_icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/images/ui-icons_888888.png);
}


.tr_bg_img_mode_img { padding-left: 15px; }
.tr_bg_img_mode_img .attach_files .file_item { border: 2px solid #ddd; }
.tr_bg_img_mode_img .attach_files .file_item.sel { border:solid 2px #f00; }