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

*,*:before,*:after {  -webkit-box-sizing: content-box; -moz-box-sizing: content-box;  box-sizing: content-box;}



body{ padding-top:0; min-width: 300px;}

.dropdown-menu { z-index: 9999;}

.navbar-fixed-top, .navbar-fixed-bottom { position: relative;}



.navbar-layoutit .btn-donate {padding: 0 0 0 10px;}

.navbar-layoutit .btn-donate form { margin:0;}



.iconfont,.iconfont:before{ font-size: 26px;}



@media (max-width: 980px) {

	

	.navbar-text.pull-right {

		float: none;

		padding-left: 5px;

		padding-right: 5px;

	}

}

@media (max-width: 980px) {

	.navbar-fixed-top { position:fixed; }

}

.navbar-layoutit #menu-layoutit { float:left;}

.navbar-layoutit { min-height: 32px; padding: 5px; }

.navbar-layoutit .navbar-brand {width:180px; color:rgb(94, 62, 32); padding: 0; margin:0 5px; }

.navbar-layoutit .navbar-brand img {float:left; margin:2px 10px 0 0; }

.navbar-layoutit .navbar-brand .label { 

	position:relative; 

	left:10px; 

	top:-3px; 

	font-weight:normal; 

	font-size:9px;

	background:#666;

	-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7);

	-moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7);

	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.7);

}









.edit {  overflow:scroll; }

.edit .demo-box-hw1 { 

	width:auto;  margin:125px 10px 10px;

	position:relative;  background-color:rgb(94, 62, 32);

	border-width:30px 18px; border-color:#3d3d3d; border-style:solid; 

	border-radius:12px;

	

}



.edit .demo-box-hw2 {

	 margin-left:312px; margin-top:92px; margin-right:15px; width:768px;

	position:relative;   margin-bottom:10px; background-color:rgb(94, 62, 32);

	border-width:40px 20px; border-color:#3d3d3d; border-style:solid; 

	border-radius:20px;

	}

.edit .demo-box-hw3 { 

	margin-left:312px; margin-top:92px; margin-right:15px; width:320px;

	position:relative;   margin-bottom:10px; background-color:rgb(94, 62, 32);

	border-width:40px 20px; border-color:#3d3d3d; border-style:solid; 

	border-radius:20px;

	}







.edit .demo-box-hw1 .demo {  }

.edit .demo-box-hw2 .demo { height:650px; overflow:hidden; outline:none;}

.edit .demo-box-hw3 .demo { height:650px; overflow:hidden; outline:none;}





.edit .demo-box-hw1 .loading{ width:66px; height:66px; margin:60px auto 10px;  }







.sidebar-nav {

	position:fixed; min-height:80px; max-height:100px;

	width:100%;

	left:0px;

	bottom:0;

	top:75px;

	background:#ededed;

	padding:0px; z-index:1000;

	-webkit-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	transition: all 500ms ease;

}

.sidebar-nav .nav-header { cursor:pointer; font-size:14px; color:#666;  text-transform:uppercase;  height:40px; line-height:40px; padding:0 12px;}

.sidebar-nav .nav-header span.label { font-size:10px;  position:relative; top:-1px; }

.sidebar-nav .nav-header i.glyphicon-question-sign { color:#999; text-shadow:0 1px 0 #ddd;}

.sidebar-nav .nav-header .popover {color:#999; text-shadow:none;}



.popover-info {position:relative;}

.popover-info .popover {display:none; top:0; left:15px; }

.popover-info:hover .popover {display:block; opacity:1; width:400px;}

.popover-info:hover .popover .arrow {top:19px;}



.sidebar-nav .accordion-group { }

.boxes {}

.sidebar-nav ul{ padding-bottom:10px; background-color:rgb(94, 62, 32) ; border-bottom:1px  solid rgb(228, 196, 84); }

.sidebar-nav li { line-height:28px; margin-bottom:0px;}





.sidebar-nav .title_hw{ height:40px; line-height:40px;  background-color: #e0f1fe; min-width:1000px;}

.sidebar-nav .title_hw .nav-header{ min-width:120px; float:left; cursor:pointer;}

.sidebar-nav .title_hw .nav-header i.jia{ width:14px; height:14px; background:url(/static/image/contact.jpg.png) no-repeat; display:block; float:left; margin-top:14px; margin-right:5px; margin-left:5px;}

.sidebar-nav .title_hw .nav-header:hover, .sidebar-nav .title_hw .nav-header.active{ background-color: rgb(94, 62, 32);}

.sidebar-nav .title_hw .nav-header:last-child:hover{ background-color: #e0f1fe;}



.sidebar-nav .title_hw .nav-header .btn-group, .btn-group-vertical { vertical-align: top;}





.sidebar-nav li .lyrow { margin-bottom:5px; float:left; color:#666; font-size:12px; line-height:26px; min-width:90px; min-height:36px;  text-align: center; padding:0 22px; background-color:#ededed; margin:10px 10px 0; cursor: url('/static/image/contact.jpg.jpg'),pointer;}

.sidebar-nav .box { line-height:26px; min-width:90px; height:36px; padding:0 22px;}

.sidebar-nav li .box { margin-bottom:5px; float:left; color:#666; font-size:12px; line-height:26px; min-width:90px; min-height:36px;  text-align: center; padding:0 22px; background-color:#ededed; margin:10px 10px 0;cursor: url('/static/image/contact.jpg.jpg'),pointer;}



.sidebar-nav .preview { display: block; color:#666; font-size:14px; text-align:center; line-height:36px;}





.sidebar-nav .title_hw .btn-group {  margin-top:-1px;}

.btn-group .btn-hw{ color:rgb(94, 62, 32); border:none; margin-right:10px; font-size:12px; padding:4px 10px; background: #228d22 !important; border-radius: 5px;text-align: center; line-height:18px;}

.btn-group .btn-hw:hover{color:rgb(94, 62, 32); text-decoration:none; background:#0a630a !important;}

.btn-group .btn-hw i{ padding-right:3px; font-size:14px; top:2px;}

.btn-group .btn-hw-1{ color:rgb(94, 62, 32); border:none; margin-right:10px; font-size:12px; padding:4px 10px; background: #ff4400 !important; border-radius: 5px;text-align: center; line-height:18px;}

.btn-group .btn-hw-1:hover{color:rgb(94, 62, 32); text-decoration:none; background:#f22d00 !important;}







.preview i.icon-left-hw{ display:inline-block;float: left; background: url("/static/image/contact.jpg.png") no-repeat; margin:10px 8px 0 0; vertical-align: middle; width:21px; height:16px; }

.preview i.full{ background-position:-7px -6px; }

.preview i.fix{ background-position:-7px -34px;}

.preview i.ratio1{ background-position:-7px -62px;}

.preview i.ratio2{ background-position:-7px -90px;}

.preview i.ratio3{background-position:-7px -119px; }



.preview i.design-menu{background-position:-46px -6px; }

.preview i.not{background-position:-46px -148px; }

.preview i.art{background-position:-46px -119px; }

.preview i.pro{background-position:-87px -62px; }

.preview i.link{background-position:-46px -90px; }



.preview i.foot{background-position:-87px -6px; }

.preview i.pic{background-position:-87px -34px; }

.preview i.con{background-position:-87px -6px; }

.preview i.top{background-position:-87px -90px; }

.preview i.phone{background-position:-87px -119px; }



.preview i.cor{background-position:-7px -148px; }

.preview i.custom{background-position:-87px -148px;}



.preview span{max-width: 160px;display: block;float: left; text-align: left;

white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



.label {padding: .4em;border-radius: 0px;}

.label-default {background-color: #f2f2f2;}

.label-default:hover {background-color: rgb(228, 196, 84);}





.sidebar-nav .view { display: none; }

.sidebar-nav .remove,

.sidebar-nav .configuration { display: none; }



.sidebar-nav .boxes { display:block;}



.demo .preview { display: none; }

.demo .box .view { display: block; padding-top:0;}





.ui-draggable-dragging .view { display:block;}



.ui-sortable-placeholder { outline: 1px dashed #ddd;visibility: visible!Important; border-radius: 4px;}







.box,.lyrow {position:relative;}

.edit .drag i{color:rgb(94, 62, 32); font-size: 16px;}

.edit .remove i{color: rgb(94, 62, 32); font-size: 16px;}





.edit .remove { position: absolute; top: 0; left: 5px; z-index:100; border: 1px solid #f40;width: 18px; height: 18px; line-height:18px;background: #f40;}

.edit .drag { position: absolute; top:0; left:36px; z-index:100; cursor: pointer; border: 1px solid #748cad; background-color:#748cad;width: 18px; height: 18px;}

.edit .configuration {position: absolute; top:0; left:55px; white-space:nowrap;  z-index:100;}

.edit .configuration:hover { z-index:100;}

.edit .configuration .btn-xs, .btn-group-xs > .btn { border-radius: 0; border: 1px solid #1faeff; background-color:rgb(94, 62, 32);}

.edit .configuration .btn-default { border-color: #1faeff;}

.edit .configuration .dropdown-menu{ min-width:100px; border: 1px solid #1faeff;  border-radius: 0; padding:0; z-index:288;  opacity: 1;}







.edit .box .remove { top:0; right: 5px; left:auto; width: 18px; height: 18px; line-height:18px; text-align: center; border: 1px solid #f40; background: #f40;}

.edit .box .drag { position: absolute;  top:0;  right:36px; left:auto;  cursor: pointer; border: 1px solid #748cad; background-color:#748cad; width: 18px; text-align: center; height: 18px;}

.edit .box .configuration,.ui-draggable .configuration {position: absolute; top:0; right:67px; left:auto; white-space:nowrap;  z-index:100; }

.edit .box .configuration:hover, .ui-draggable .configuration:hover { z-index:100;}

.ui-draggable .configuration{right: auto;left: 67px;}

.edit .box .configuration .btn-xs, .btn-group-xs > .btn, .ui-draggable .configuration .btn { border-radius: 0px; padding: 5px 20px; outline: none; color: rgb(94, 62, 32); border: 1px solid #748cad; background-color:#748cad; height: 20px; line-height: 20px; min-width: auto;}

.edit .box .configuration .btn-default { border-color: #1faeff;}

.edit .box .open>.dropdown-toggle.btn-default{background:#1faeff; color: rgb(94, 62, 32);}

.edit .box .dropdown-menu>.active>a{background: #1faeff;}

.edit .box .btn .caret{margin-left: 5px;}





.edit .sidebar-nav .drag { position: absolute; top:0; width: 12px; height: 12px; right:0; left:auto; z-index:100; cursor: pointer; border: none; background-color:transparent;}

.edit .sidebar-nav .drag i{color: #666; font-size: 10px; margin-top: 5px;}



.edit .navbar-fixed-top {top: 33px; left: 180px;}

.demo .navbar-fixed-top {top: 33px;}

.edit .demo .navbar-fixed-bottom { left: 180px;}



.demo .configuration { filter: alpha(opacity=0); opacity: 0;}

.demo .drag, .demo .remove{ filter: alpha(opacity=0); opacity: 0;}



.demo .lyrow:hover > .drag, .demo .lyrow:hover > .configuration, .demo .lyrow:hover > .remove, .demo .box:hover .drag, .demo .box:hover .configuration, 

.demo .box:hover .remove { filter: alpha(opacity=100); opacity: 1; }







.demo .row { margin: 0; position: relative; }



.column { margin:0 0 20px; min-height:40px; border: 1px solid rgb(228, 196, 84); }

.column:hover{ border: 1px solid #146ba3;}





.column1 { margin:0; min-height:0; border: none;}

.column1:hover{ border: none;}









body.devpreview { margin-left:0px;}

.devpreview .sidebar-nav { 

	left:-200px;

	-webkit-transition: all 0ms ease;

	-moz-transition: all 0ms ease;

	-ms-transition: all 0ms ease;

	-o-transition: all 0ms ease;

	transition: all 0ms ease;

}

.devpreview .drag, .devpreview .configuration, .devpreview .remove { display:none !Important; }

.sourcepreview .column, .sourcepreview .row, .sourcepreview .demo .box {

	margin:0px 0;

	padding:0px;

	background:none;

	border:none;

	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);

	-moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);

	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.00);

}

.devpreview .demo .box, .devpreview .demo .row { padding-top:0; background:none; }

.devpreview .demo .column {  padding:0 10px;}

#download-layout { display: none }

#feedbackModal textarea,

#downloadModal textarea { width:100%;height:280px;resize: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }

#feedbackModal input { width:515px; }

#feedbackModal input.modal-error-field, #feedbackModal textarea.modal-error-field { border: 1px solid red; }

a.language-selected { font-style: italic; font-weight: bold; }



.modal-body { padding-bottom:0; }

.modal-footer { margin-top:0; }







#set_body_class .active{ background-color:#e0f1fe;}

#custom-set .active{background-color:#e0f1fe;}





.slide{ display:block; top:0;left:0; margin-left:0px; overflow:hidden;} 

.carousel{ margin:0 0 10px; height:auto!important;}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {width: 100%;}





.content { width:100%}

.content-box { margin:0 auto; max-width:1030px;}

.content-box01 { margin:0 auto; max-width:1030px;}





.row [class*="col-md-"] {display: block;float: left; width: 100%;margin-left: 1.4%;*margin-left:1.8%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding:0; }

.row .col-md-12 { width: 100%; }

.row .col-md-11 { width: 91.05%; }

.row .col-md-10 { width: 83.1%; }

.row .col-md-9 { width: 74.65%; }

.row .col-md-8 { width: 66.2%; }

.row .col-md-7 { width: 57.75%; }

.row .col-md-6 { width: 49.3%; }

.row .col-md-5 { width: 40.85%; }

.row .col-md-4 { width: 32.4%;}

.row .col-md-3 { width: 23.95%; }

.row .col-md-2 { width: 15.5%; }

.row .col-md-1 { width: 7.05%; }

.row [class*="col-md-"]:first-child {margin-left:0;}



@media (max-width: 1030px) {

.row .col-md-12 { margin:0; padding:0;}

}



@media screen and (max-width: 600px) {

 .row .col-md-4, .row .col-md-5, .row .col-md-6 , .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-10, .row .col-md-11{ width: 100%; margin-left:0; padding:0 15px;}



}

.container .row{ margin:0;}







#body .container, #divbody .container { width:auto; margin:0px;height:100%; padding:0; position: relative;}





.footer_ft{ margin-bottom:30px;}

.footer_ft p{ text-align:center; margin:0; padding:0;}

.footer_ft p a img{ max-height:40px; overflow:hidden;}







.custom-box{background: rgb(94, 62, 32); width: 245px; border-left: 1px solid #C4C3C7; position: fixed; right: 0; top: 175px; bottom: 0; display: none; z-index: 999;}

.custom-box.open_rightPanel{display:block;}

.leftPanel.close_leftPanel{margin-right: 255px;}

.custom-box .custom-title{height: 40px; line-height: 40px; font-size: 14px; background: #3d3d3d; position: relative; padding-left: 10px; color: rgb(94, 62, 32);}

.custom-box .custom-title span{position: absolute; right: 10px; top: 8px; cursor: pointer; width: 24px; height: 24px; background: url("/static/image/contact.jpg.png") -7px -177px;}

.custom-layer{padding:0 10px; overflow-y:auto}

.custom-item{width: 100%;border-bottom: 1px solid #eee;padding: 15px 0 5px;}

.custom-item:after{clear: both;content:'';display:block;visibility:none;}

.custom-item .item-title{width: 60px; height: 20px; margin-bottom: 10px; float: left; text-align: right;}

.custom-item .item-value{width: 145px; float: left; padding-bottom: 10px;}

.custom-item .item-value em{font-size: 12px; font-style: normal; float: left; color: #aaa;}

.bodybg-img{width: 60px; height: 60px; background: #ddd; border: 1px solid #ddd; position: relative; display: table-cell; vertical-align: middle; }

.bodybg-img img{width: 60px;}

.bodybg-img .edit-layer{position: absolute; cursor: pointer; display: none; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-align: center; color: rgb(94, 62, 32);}

.bodybg-img .edit-layer .edit-mask{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .8; filter:Alpha(opacity=80);}

.bodybg-img .edit-layer .edit-txt{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; line-height: 60px; color: rgb(94, 62, 32); font-size: 12px;}

.bodybg-img:hover .edit-layer{display: block;}

.bodybg-img .add-img{line-height: 60px; font-size: 40px; text-align: center; color: #aaa; cursor: pointer;}

.bodybg-img .glyphicon-remove{position: absolute; right: 0; top: 0; color: #e20000; display: none; cursor: pointer;}

.bodybg-img:hover .glyphicon-remove{display: block;}



.setRepeatIcon{width: 18px;height: 18px;border: 1px solid rgb(228, 196, 84);display: inline-block;vertical-align: middle;position: relative;text-align: center;line-height: 18px;font-size: 12px;cursor: pointer;color: rgb(228, 196, 84);}

.setRepeatIcon_1 i{left: 1px;right: 1px;bottom: 1px;top: 1px;background: rgb(228, 196, 84);position: absolute;}

.setRepeatIcon_1 i:before{width: 4px;height: 100%;border-left: 2px solid rgb(94, 62, 32);border-right: 2px solid rgb(94, 62, 32);display: block;position: absolute;overflow: hidden;content: '';left: 4px;}

.setRepeatIcon_1 i:after{width: 100%;height: 4px;border-top: 2px solid rgb(94, 62, 32);border-bottom: 2px solid rgb(94, 62, 32);display: block;position: absolute;overflow: hidden;content: '';top: 4px;}



.setRepeatIcon_2 i{left: 1px;right: 1px;height: 4px;overflow: hidden;display: block;position: absolute;top: 7px;background: rgb(228, 196, 84);}

.setRepeatIcon_2:after{width: 4px;height: 100%;border-left: 2px solid rgb(94, 62, 32);border-right: 2px solid rgb(94, 62, 32);display: block;position: absolute;overflow: hidden;content: '';left: 5px;}



.setRepeatIcon_3 i {top: 1px;bottom: 1px;width: 4px;overflow: hidden;display: block;position: absolute;left: 7px;background: rgb(228, 196, 84);}

.setRepeatIcon_3:after{width: 100%;height: 4px;border-top: 2px solid rgb(94, 62, 32);border-bottom: 2px solid rgb(94, 62, 32);display: block;position: absolute;overflow: hidden;content: '';top: 5px;}



.setRepeatIcon:hover,.setRepeatIcon.active{border: 1px solid #20AEFF;}

.setRepeatIcon:hover i,.setRepeatIcon.active i{background: #20AEFF;}





.edit-bgimg .modal-content{border-radius: 0;border: 0;border-top: 5px solid #1a8fd8; background: #E7E7E7;}

.edit-bgimg .modal-content:after{clear: both;content:'';display:block;visibility:none;}

.edit-bgimg .modal-header,.edit-bgimg .modal-footer{padding: 8px 10px;}

.edit-bgimg .modal-body{padding: 0;}

.edit-bgimg .modal-dialog{width: 840px;}

.edit-bgimg .modal-content .modal-left{float: left; width: 120px;}

.modal-left .tabs-left{width: 100%;}

.modal-left .tabs-left ul{margin: 0; padding: 0;}

.modal-left .tabs-left ul li{display: block; line-height: 80px; cursor: pointer; text-align: center;}

.modal-left .tabs-left ul li:hover{background: #eaeaea;}

.modal-left .tabs-left ul li.active{background: rgb(94, 62, 32);}

.edit-bgimg .modal-content .modal-right{float: left; width: 720px; background: rgb(94, 62, 32);}

.modal-right .bgimg-box{height: 275px; border-top: 1px solid rgb(228, 196, 84); padding:15px 0 0 15px;overflow-y: scroll; overflow-x:hidden }

ul.bgimg-style{width: 100%; padding: 0; margin: 0;}

ul.bgimg-style li{border:1px solid #ddd; position: relative; width: 80px; height: 80px; padding: 20px; overflow: hidden; text-align: center; cursor: pointer; margin-right: 15px; margin-bottom: 15px; float: left;}

ul.bgimg-style li .img-box{max-width: 80px; height: 80px; display: table-cell;vertical-align: middle;}

ul.bgimg-style li .img-box img{max-width: 80px;height: 80px; border:1px solid rgb(228, 196, 84); vertical-align: middle;}

ul.bgimg-style.pattern-style li{background: #ddd;}

.fileCheckbox{position: absolute;left: 0;top: 0;width: 0;height: 0;line-height: 0;font-size: 0;border-width: 10px;border-style: solid;border-color: #ddd transparent transparent #ddd; display: none;}

.fileCheckbox i{position: absolute;color: rgb(94, 62, 32);font-size: 10px;left: -9px;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;top: -9px;font-weight: normal;}

ul.bgimg-style li:hover{border:1px solid rgb(228, 196, 84);}

ul.bgimg-style li:hover .fileCheckbox{border-color: rgb(228, 196, 84) transparent transparent rgb(228, 196, 84); display: block;}

ul.bgimg-style li.active{border:1px solid #1a8fd8;}

ul.bgimg-style li.active .fileCheckbox{border-color: #1a8fd8 transparent transparent #1a8fd8; display: block;}



.modal-right .pagination{float:left; font-size: 12px;}

.modal-right .btn{font-size: 12px; padding: 6px 20px;}



.tabs-right{width: 100%;}

.tabs-right:after{clear: both;content:'';display:block;visibility:none;}

.tabs-right ul{padding-left:5px; margin: 0;}

.tabs-right ul li{float: left; cursor: pointer; line-height: 25px; padding: 7px 10px;}

.tabs-right ul li:hover, .tabs-right ul li.active{color: #1a8fd8;}

.teachTemp { position: static !important; }

.teachTemp2 { margin-top:5px !important;}





#JKDiv_1,#JKDiv_2,#JKDiv_3,#JKDiv_4{max-height:160px;overflow: auto;}

#JKDiv_3{overflow:inherit !important;}



.menu-editor{ margin-right: 100px !important;}

.btn-primary{background-color:#414e61;background-color: #414e61;}