body {min-height: 100%;}
ul,li,ol,dl,dt,dd {margin: 0;padding: 0; list-style: none;}
.box .text-area {line-height: 22px;padding:0 10px;}
.thumbs_ul {width: 19%;float: left;margin-left: 0.9%;}
@media(max-width:700px){
    .thumbs_ul {width: 32%;}
}
@media(max-width:500px){
    .thumbs_ul {width: 49%;}
}
.thumbs_ul li{padding:5px;margin:2px 0 3px 0;overflow:hidden;border:1px solid #d9d9d9;background-color: #fff;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.thumbs_ul li a.img_a_blk {display:block;overflow: hidden;}
.thumbs_ul li a.img_a_blk img{width:100%;}
.thumbs_ul h4 {height:25px;line-height:25px;overflow: hidden;color
    text-align: center;margin:0;font-size: 15px;font-weight: normal;}
    .thumbs_ul h4 ,.thumbs_ul h4 a {color:#333;}
.thumbs_ul .thumb_p_blk {overflow: hidden;margin-bottom: 0;padding:2px;color:#999;font-size: 13px;}
.thumbs_ul li.thumb_li_model {display:none;}
.art_li_model {display: none;}
.art_li_blk {position: relative;}
.art_title_blk,.art_content_blk {margin:0;margin-left: 50px;line-height:20px;overflow:hidden;font-size:13px;
    font-weight:normal;color:#333;padding:0 5px;}
.art_title_blk {height:20px;}
.art_content_blk {max-height:40px;color:#999;font-size:12px;}
.art_title_blk a {color:#333;}

.art_li_blk {min-height: 50px;}
div.art_li_no_img {min-height: auto;}
.art_li_no_img .art_img_blk {display: none;}
.art_li_no_img .art_title_blk,.art_li_no_img .art_content_blk {margin-left: 0;}
.art_img_blk {position: absolute;top:2px;left:2px;display: inline-block;width:40px;line-height: 20px;
    height:40px;padding:2px;border: 1px solid #d9d9d9;}
.art_img_blk img {width:40px;height:40px;}
table.table-center td,table.table-center th {text-align: center;}
.carousel-inner img {width: 100%;}

.edit .drag {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.carousel {margin-bottom: 0;}
.box, .layout_row,.popover-info {
    position: relative;
}
.popover-info .popover {
display: none;
top: -12.5px;
left: 15px;
min-width: 200px;
}
.logo_itokit {
    float: left;
    display: block;
    padding: 10px 20px 10px;
    font-size: 18px;
}
a.logo_itokit {color:#fff;text-decoration: none;}
.logo_itokit .label{
    position: relative;
    left: 10px;
    top: -3px;
    font-weight: normal;
    font-size: 9px;
}
.setting-header {
    padding: 0;
    cursor:move;
    line-height: 28px;
    font-size: 18px;
    text-align: center;
    font-weight: normal;
    margin-top: 0px;
    border-bottom: 1px solid #d9d9d9;
}
.setting-header,.setting-header a {color:#333;}
.st-mn {color:#999;cursor:pointer;text-align: left;position: relative;}
.setting-blk {
    width:150px;
    position:fixed;
    left:50px;
    z-index:1030;
    top: 100px;
    border:1px solid #ccc;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.inline {display: inline-block;}
.setting-body .inline {display:block;}
.setting-body .preview input {
width: 60px;
padding: 0 10px;
font-size: 10px;
color: #999;
line-height: 20px;
height: 20px;
position: relative;
top: -1px;
}
.setting-body {padding:5px;}
.setting-body .preview {
    display: block;
    color: #666;
    text-indent: 8px;
    font-size: 14px;
    line-height: 18px;
    margin: 3px 0;
}
.setting-body .remove, .setting-body .configuration,.setting-body .view {
display: none;
}
.setting-body .ui-draggable-dragging .view { display:block;}
.setting-body .ui-draggable-dragging .preview { display:none;}
.setting-body .box {}

/* demo */
.demo {margin:0 auto;}
.edit .demo {margin:20px auto;}
.edit .demo .preview { display: none; }
.demo .box .view { display: block;overflow: hidden;}
.ui-sortable-placeholder { outline: 1px dashed #333;min-height: 200px; visibility: visible!Important; border-radius: 4px;}
.edit .demo .layout_row .drag { top:5px; right:30px; z-index:10; }

.edit .demo .column .box .drag { top:5px; right:60px;z-index:10; }
.edit .demo .column .box .configuration {position: absolute; top: 5px; right: 120px;white-space:nowrap;z-index: 10; }
.edit .demo .remove { position: absolute; top: 5px; right: 5px; z-index:10; }
.edit .demo { 
   width:98%;border: 5px solid #d9d9d9; 
    border-radius:1px; position:relative; word-wrap: break-word;
    -webkit-box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 13px rgba(0, 0, 0, 0.1);
}

.edit .demo .configuration {
	filter: alpha(opacity=0);
	opacity: 0;
    position: absolute;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.edit .demo .drag,.edit  .demo .remove {
	filter: alpha(opacity=20); opacity: 0.2;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.edit .demo .layout_row:hover > .drag, 
.edit .demo .layout_row:hover > .configuration, 
.edit .demo .layout_row:hover > .remove,
.edit .demo .box:hover .drag, 
.edit .demo .box:hover .configuration, 
.edit .demo .box:hover .remove { filter: alpha(opacity=100); opacity: 1; }
.edit .demo .row-fluid:before {
	background-color: #F5F5F5;
	border: 1px solid #DDDDDD;
	color: #9DA0A4;
	content: "行";
	font-size: 12px;
    line-height: 1;
	position: absolute;
    padding: 3px 3px;
	top: -1px;
}
.edit .demo .row-fluid {
    background:#efefef;
	position: relative;
    padding:8px;margin-top:1px;
    border:1px solid #ccc;
    height:100%;
    min-height: 30px;
    overflow: hidden;
}
.edit .demo .row-fluid [class*="span"]{
    min-height: 30px;
    overflow: hidden;
}
.edit .demo .column {background-color:#fff;}
.edit .demo .layout_row:hover > .configuration { 
    position: absolute;
    z-index: 10;
    right: 55px;
    top: 3px;
 }
/* preview */
.spreview .drag, .spreview .configuration, .spreview .remove,.spreview .setting-blk,.spreview .preview { display:none !Important; }

/*modal*/
.style-edit .inline {}
#img-upload .uploadify-button {background:url();border: 0px;color: #000;}
#img-upload .uploadify:hover .uploadify-button {background:url(); color:#333;}
div#uploadspic { width:auto;margin:10px 0;}
.dialog-accordion .accordion-heading {position: relative;}
.dialog-model {display: none;}
.dialog-li-conf{position: absolute;top:0;right:0;}
.modal {width: 800px;max-width: 95%;margin-left: -380px;}
.demo .navbar-inner {background-image:url("");
-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
/*nav 弹出设置*/
.nav-chd-blk {margin-bottom:2px;}
.nav-list-blk li {display: inline-block;margin:3px;border:1px solid #d9d9d9;padding:0 3px;
    line-height:30px;}
.nav-list-blk li input{margin:0 2px;}
.nav-list-dd{padding:5px;overflow: hidden;}
.nav-list-dd .navbar .nav > li > a {padding:2px 5px;}
.nav-list-dd .navbar {margin:0;}
.nav-chd-model {display: none;}
.inner_link {text-decoration:underline;display: inline-block;min-width: 200px;}

/*通用*/
.navbar .nav-theme-2 .nav > .active > a,
.navbar .nav-theme-2 .nav > .active > a:hover,
.navbar .nav-theme-2 .nav > .active > a:focus{
    background-color: #f4f4f4;color: #333;}
.navbar .nav-theme-2 .nav  a:hover,
.navbar .nav-theme-2 .nav  a:focus {background-color: #f4f4f4;color: #333;}
.navbar .nav-theme-2 .nav > li > a {color: #333;text-shadow: 0 1px 0 #f4f4f4;}
.navbar .nav-theme-2 .brand {color:#333;}

#scrollUp { bottom: 20px; right: 20px; height: 38px; width: 38px; background: url(../images/top.png) no-repeat; }
.class_style li {width:180px;height:100px;margin-right:3px;border:3px solid #fcfcfc;float:left;text-align:center;}
.class_style li.curr {border-color:#F60;}

.proList_1 li {
    text-align: center;
    padding: 5px;
    margin: 2px 0 3px 0;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.proList_1 img {width:100%;}
.artiList_1 {min-height: 50px;}
.artiList_1 .list_warp {position:relative;margin-top:5px;}
.artiList_1 img {
    width: 40px;
    height: 40px;
}
.pagination li {
display: inline;
position: relative;
right: 0;
float: left;
margin: 0 4px;
z-index: 0;
}
.page_total {
line-height: 20px;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 0 5px;
color: #ccc;
}
.pagination a {
display: inline-block;
position: relative;
padding: 2px 0 2px;
min-width: 25px;
height: 14px;
border: 1px solid #d4d4d4;
border-radius: 2px;
line-height: 14px;
text-align: center;
zoom: 1;
z-index: 0;
cursor: pointer;
}
.pagination li a:hover,.pagination li a.cur {color:#666;}  
.page s, .pagination s {
position: absolute;
top: 51%;
left: 50%;
width: 0;
height: 0;
margin-top: -7px;
border: 6px dashed transparent;
border-left: 6px solid #333;
font-size: 0;
line-height: 0;
overflow: hidden;
}