body {
	padding-top: 0;
	min-width: 1200px;word-break:break-all;
}
li{ list-style-type:none}
#top-info > a.icon-out2 {
	font-size: 20px;
	color: #FFFFFF;
	margin: 7px 3px;
	text-decoration: none;
	cursor: pointer;
	width: 20px;
	height: 25px;
}
#top-info #logged-user {
	padding-top: 8px;
	color: #FFFFFF;
}
#nav-bar {
	width: 100%;
	height:53px;
	left: 0;
	margin: 0 auto;
	top: 0;
	width: 100%;
	line-height:45px;
	z-index: 9999;
	border-bottom:1px solid #636363;
	background:#428bca ;
}
#nav-bar #nav-bar-inner #top-info {
	padding-top: 0;
	text-align: right;
}
#top-info > a.icon-out2 {
	color: #FFFFFF;
	cursor: pointer;
	font-size: 30px;
	margin: 0px 3px;
	text-decoration: none;
	width: 80px;
	line-height:70px
}
#top-info #logged-user {
	padding-top: 8px;
	color: #FFFFFF;
}
#nav-bar #nav-bar-inner {
	padding-top: 5px;
	width: 1200px;
	margin: auto;
}
	#nav-bar #nav-bar-inner #top-info {
		padding-top: 0px;
		width: 273px;
		text-align: right;
		line-height: 50px
	}
#nav-bar #nav-bar-inner #top-info .user-info, #nav-bar #nav-bar-inner #top-info .icon-list, #nav-bar #nav-bar-inner #top-info .icon-folder-3, #nav-bar #nav-bar-inner #top-info .icon-grid-view, #nav-bar #nav-bar-inner #top-info .icon-clipboard-2,#nav-bar #nav-bar-inner #top-info .icon-box-add {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	margin:20px 4px 0 10px
} {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	margin:20px 4px 0 10px
}
#nav-bar #nav-bar-inner h1 {
	color: #fff;
	font-size: 24px;
	margin-left: 0px;
	line-height: 45px;
	font-family: "微软雅黑";
	font-weight: 600;
	letter-spacing: 4px;
	float:left
}
#nav-bar #nav-bar-inner h6 {
	font-family: "Arial 宋体";
	font-size: 14px;
	line-height: 14px;
	padding-top: 2px;
}
#nav-bar-sub .row {
	position: relative;
	width:1200px;
	margin:auto
}
#nav-bar-sub .icon-home {
	left: 5px;
	position: absolute;
}
.case-index-padding {
	padding-left: 105px;
}
.head-block {
	height: 54px;
}
.main-wrapper {
	margin-top: 40px;
	margin-bottom: 20px;
	padding-left: 100px;
}
.main-wrapper2 {
	margin-top: 40px;
	margin-bottom: 20px;
	padding-left: 60px;
}
.main-wrapper3 {
	margin-top: 40px;
	margin-bottom: 20px;
}
.main-wrapper4 {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 100px;
}
.main-wrapper5 {
	margin-top: 40px;
	margin-bottom: 20px;
	padding-left: 30px;
}
.nav-tabs > li > span {
	line-height: 30px;
	padding: 8px 40px;
	vertical-align: -10px;
	color: #24A0DA;
	font-size: 16px;
}
.nav-tabs a.tab-padding {
	padding-left: 38px;
	padding-right: 38px;
	font-size: 16px;
}
.case-title {
	font-family: "黑体";
	font-size: 60px;
	color: #ffffff;
	padding: 35px 60px;
	background-color: #CDCDCD;
	margin: 5px 0 20px;
}
.dropup, .dropdown {
	padding-top: 0px;
	padding-left: 0px;
	margin-right:45px;margin-top:-3px
}
#nav-bar-inner .dropdown .accent-color {
	color:#fff
}
#nav-bar-inner .dropdown a:hover {
	background:#428bca
}

#nav-bar-inner .dropdown-menu {
	margin-top:-15px;
	margin-left:0;
	text-align:left;
	width:50px
}
.menubar .dropdown-menu {
    margin-top: 15px;margin-left:-30px;
}
.bs-docs-sidenav {
	background-color: #FFFFFF;
	padding: 0;
	width: 200px;
	z-index: 1;
}
.bs-docs-sidenav > li:first-child > a {
	border-radius: 0 0 0 0;
}
.bs-docs-sidenav > li > a {
}
.bs-docs-sidenav > li > a {
	border: 1px solid #E5E5E5;
	display: block;
	margin: 0 0 -1px;
	padding: 5px;
}
.bs-docs-sidenav > li > a.h2 {
	padding-left: 13px;
}
.bs-docs-sidenav > li > a.h3 {
	padding-left: 30px;
}
.bs-docs-sidenav .icon-chevron-right {
	float: right;
	margin-right: -6px;
	margin-top: 2px;
	opacity: 0.25;
}
.metro .tile .text-header3 {
	padding-top: 30px;
	text-align: left;
	font-family: "微软雅黑"; /*font-size:20px;*/
	color:#fff;
	margin-top:10px;
	font-weight:600;
	font-size:30px
}
.metro .tile .paddingtop50 {
	padding-top: 50px;
}
.dropdown-menu .current > a, .dropdown-menu .current > a:hover {
	background-color: #A4A9AC;
	background-image: none;
	background-repeat: repeat-x;
	color: #ffffff;
	outline: 0 none;
	text-decoration: none;
	cursor: default;
}
#div_article {
	line-height: 28px;
	font-size: 14px;
	letter-spacing: 1px;
}
#div_article h1 strong, #div_article h2 strong, #div_article h3 strong, #div_article h4 strong {
	font-weight: 400;
}
#div_article h1 {
	font-size: 25px;
}
#div_article h2 {
	font-size: 20px;
}
#div_article h3 {
	font-size: 16px;
}
#div_article h4 {
	font-size: 14px;
}
.navbar-fixed-bottom .win-ui-dark button[type="submit"], .navbar-fixed-bottom .win-ui-dark input[type="submit"] {
	background-color: transparent;
}
dl.question:after {
	clear: both;
}
dl.question dt {
	font-family: "微软雅黑";
	font-size: 20px;
	font-weight: normal;
	color: #434343;
	margin: 15px 0;
}
.tab-content dl.question dt {
	font-size: 14px;
}
.tab-content .question-switch .title-part {
	width: 232px;
	font-size: 14px;
}
.tab-content .question-switch .order-number {
	font-size: 14px;
}
.tab-content .question-switch .control-part {
	padding-left: 10px;
}
.tab-content .question-blank-title {
	float: none;
	font-size: 14px;
}
dl.question dd {
	margin: 10px auto;
}
.tab-content dl.question dd label {
	font-size: 12px;
}
.metro .tile .text-header {
	font-family: "微软雅黑"; 

}
.metro .width400 .text-header{
    word-break: break-all !important;
    float: left !important;
    width: 230px;font-size:16px !important;max-height:65px !important;line-height:23px !important;
}
.metro .width400  .text {float:left;height:15px !Important;line-height:15px
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-20 {
	margin-top: 20px;
}
.video-part {
	border: 1px solid #bababa;
	padding: 10px;
	height: 486px;
	width: 648px;
}
.video-question {
	border: 1px solid #bababa;
}
.nav-tabs {
	background-color: #ffffff;margin:0px 0 25px 0
}
.video-question .nav-tabs > .active > a {
	border-color: transparent;
}
.video-question .nav-tabs > .active > a:hover {
}
.nav-tabs > li > a, .nav-tabs > li > a:hover {
	color: #666;
}
.nav-tabs li:hover {
	color:#000
}
.nav-tabs > .active > a i {
	color: #f00;
}
.nav-tabs > .active > a.tab-left {
	border-right-color: #dddddd;
}
.nav-tabs > .active > a.tab-right {
	border-left-color: #dddddd;
}
.nav-tabs a.tab-padding2 {
	padding-left: 49px;
	padding-right: 49px;
	font-size: 14px;
}
.nav-tabs a.tab-padding2 i {
	padding-right: 13px;
}
.metro .tile-listviewitem {
	height: auto;
	cursor: default;
}
.metro .tile-listviewitem:hover {
	background-color: #eaeaea;
}
.metro .tile-listviewitem .detail {
	height: auto;
}
.guidance-splitter {
	height: 18px;
	width: 1px;
	background-color: #A1D6EE;
	display: inline-block;
	margin: 0 7px 0 0px;
}
#guidance-icon {
	vertical-align: 2px;
	color: #24A0DA;
	cursor: pointer;
}
#guidance-icon:hover {
	color: #7247D6;
}
dl.question .inp_option, dl.question .inp_title {
	display: none;
}
.btn_edit_question {
	display: none;
	margin-bottom: 10px;
}
#guidanceDiv {
	margin-left: 85px;
	margin-top: 10px;
	padding: 10px;
	display: none;
	word-wrap: break-word;
	text-indent: 2em;
}
#guidanceDiv p {
	margin-bottom: 0px;
	font-size: 14px;
	letter-spacing: 1px;
}
.GuidanceSecondWrapper {
	vertical-align: 3px;
	margin-left: 8px;
	min-width: 100px;
}
.metro table td {
	font-size: 14px;
	font-family: "微软雅黑";
}
label.checkbox input[type="checkbox"] ~ span.metro-checkbox {
 line-height: 180%;
 padding-left: 36px;
 padding-top: 0;
}
dl dd {
	font-family: 微软雅黑;
}
input.txt_only_underline {
	width: 150px;
	border-bottom: #999999 solid 1px;
	background: #FFFFFF;
	border-left: none;
	border-left: none;
	border-right: none;
	border-top: none;
	border-style: hidden hidden solid hidden;
}
.metro textarea {
	resize: none;
}
.top-info-block {
	cursor: pointer;line-height:49px
}
.top-info-block img{height:35px;width:auto;}
#top-info .pull-right hr{height:50px}
/***
老师端样式
***/
.star {
	margin-right: 4px;
	color: #CC0000;
	font-size: 14px;
}
.metro .tile .text-header3 {
	font-family: "微软雅黑";
	padding-top: 20px;
	text-align: center;
}

/** 2013-05-27 以下为培训与开发新加样式**/
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	width: 1200px;
}
.span12 {
	width: 1200px;
}
.span11 {
	width: 1100px;
}
.span10 {
	width: 1000px;
}
.span9 {
	width: 900px;
}
.span8 {
	width: 800px;
}
.span7 {
	width: 700px;
}
.span6 {
	width: 600px;
}
.span5 {
	width: 500px;
}
.span4 {
	width: 400px;
}
.span3 {

	width: 300px;
}
.span2 {
	width: 200px;
}
.span1 {
	width: 100px;
}
[class*="span"] {
 margin-left: 0px;
}
.row {
	margin-left: 0px;
}
/****--------------tagsinput---------***/
div.tagsinput {
	border: 1px solid #CCC;
	background: #FFF;
	padding: 5px;
	width: 300px;
	height: 100px;
	overflow-y: auto;
}
div.tagsinput span.tag {
	border: 1px solid #a5d24a;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: block;
	float: left;
	padding: 5px;
	text-decoration: none;
	background: #cde69c;
	color: #638421;
	margin-right: 5px;
	margin-bottom: 5px;
	font-family: helvetica;
	font-size: 13px;
}
div.tagsinput span.tag a {
	font-weight: bold;
	color: #82ad2b;
	text-decoration: none;
	font-size: 11px;
}
div.tagsinput input {
	width: 80px;
	margin: 0px;
	font-family: helvetica;
	font-size: 13px;
	border: 1px solid transparent;
	padding: 5px;
	background: transparent;
	color: #000;
	outline: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
}
div.tagsinput div {
	display: block;
	float: left;
}
.tags_clear {
	clear: both;
	width: 100%;
	height: 0px;
}
.not_valid {
	background: #FBD8DB !important;
	color: #90111A !important;
}
.image-wrapper img {
	margin:20px 0;
	width:50px;
	height:50px;
	float:right
}
.menubar {
	width:100%;
	background: url(../img/navbg.gif) repeat #428bca;
    height: 22px;
	border-bottom:1px solid #e6e6e6;
	margin:0 0 30px 0;
    line-height:10px;
    font-size: 12px;
    padding:10px 0 0px 0
}
.menubar .icon-home {
	font-size:20px;
	color:#666;
	margin:-2px 0;
	width:30px
}
    .menubar :hover {
     text-decoration:None;color:#428bca}
.menubar .icon-arrow-6 {
display:none
}
.dropdown .icon-arrow-down {
	color:#428bca;
	font-size:26px;
	vertical-align:middle;
	line-height:20px
}
.menubar ul a {
	font-size:14px
}
.control-group label {
	float:left;
	width:100px;
	margin-left:0px;
}
.control-group h5 {
	float:right;
	padding:0 70px 0 0;
	line-height:30px;
	color:#428bca
}
.modal-header h3 {
	color:#666;
}

.width100 { width: 90%; float: left; font-size: 14px; margin: 0px 0 8px 0; padding: 0; font-family: "微软雅黑";}
    .width100 label { float: left; }
    .width100 span { float: left; }
    .width100 button { margin-left: 15px; height: 25px; line-height: 4px; }
    .width100 select, .width100 input { font-size: 12px; }
.metro-section .width300 { width: 220px; height: 140px; }
    .metro-section .width300 .text-header3 { width: 220px; font-size: 18px; line-height: 70px; }
.metro-section .width400 { width: 350px; height: 160px; text-align: left; margin: 0; }
    .metro-section .width400 img { margin: 20px 30px 0 30px; }
.marginrt20 { margin: 40px 35px 0 0; }
.marginlt40 { margin: 60px 0 0 185px; }
.ugly-tile { display: inline-block; padding-right: 0px; float: left; font-family: "微软雅黑"; overflow: hidden; position: relative; }
.ugly-tile-title { text-align: center; line-height: 100px; font-size: 27px; }
.ugly-tile-description { display: none; line-height: 30px; font-size: 14px; padding: 0px 0px 20px 20px; text-align: left; float: left; }
    .ugly-tile-description a { float: right; background: #fff; color: #666; margin: 8px; }
    .ugly-tile-description button:hover { background: #CCC; color: #000; }
.ugly-tile.ugly-over { background-color: #8bb7e2; height: 138px; padding-left: 0px; margin-bottom: 22px; margin-left: 2px; color: #ffffff; width: 218px; margin-right: 20px; outline: 2px solid #ccc; }
.margin60 { width: 740px; text-align: right; margin-top: 60px; }
.mt80 { margin-top: 80px; }
.ml20 { margin-left: 20px; }
.foreword { width: 100%; margin: 0 auto 35px auto !important; position: relative; }
    .foreword .icon-triangle-2 { /*color:#ccc;
	font-size:22px;
	padding:0 0 0 315px;
	margin:-6px 0 0 0;
	left:10px;
	position:absolute;*/ opacity: 0; }
.doctor { margin:-5px 0 0 200px; float: left;  }

.menubar .dropdown .icon-arrow-down {margin-top:-5px;float:right
}
.header-dropdown {  float: left;margin-top:4px }
@-moz-document url-prefix() {  
 #header-container .icon-home { margin-top: -2px; padding-top:0}
                 
}
.entrance { float: left; margin: 80px 0 0 20px; }
.metro-section .tile { margin: 0 20px 20px 0; }
.entrance .tile img { float: left; }
.entrance .tile .font { font-size: 26px; width: 150px; float: left; margin-top: 45px; line-height: 35px; }

.newrelation { /*margin-left: 25px; margin-right: 30px; width: 1165px; */}
    .newrelation .accordion { float: left; width: 380px; }
        .newrelation .accordion span { min-width: 30px; min-height: 30px; background: none; border: none; margin: 0 5px 0 25px; color: #999; outline: none; display: inline-block; line-height: 35px; text-align: center; }
        .newrelation .accordion .icon-play-3, .newrelation .accordion .icon-pause-2, .closecase_follow .icon-play-3, .closecase_follow .icon-pause-2 { -moz-border-radius: 25px; -webkit-border-radius: 25px; width: 36px; height: 36px; background-color: #999; border-radius: 25px; color: #666; font-size: 18px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#b8c4cb, endColorStr=#f6f6f8); /*IE*/ background: -moz-linear-gradient(top, #b8c4cb, #f6f6f8); /*火狐*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8c4cb), to(#f6f6f8)); /*谷歌*/ margin-left: 10px; }
        .newrelation .accordion button { min-width: 50px; min-height: 30px; background: none; border: none; font-size: 30px; color: #999; outline: none; margin-left: 20px; }
        .newrelation .accordion li { list-style: none; }
            /* Layout & Style */

            .newrelation .accordion li > a { display: block; position: relative; padding: 0 10px 0 5px; height: 32px; color: #333; font: bold 12px/70px Arial, sans-serif; text-decoration: none; background: #f0dbaa; border-bottom: 1px solid #666; margin-bottom: 4px; height: 70px; }
        .newrelation .accordion > li:hover > a, .newrelation .accordion > li:target > a, .newrelation .accordion > li > a.active { color: #3e5706; /*background: url(../img/active.png) repeat-x;*/ background: #f0dbaa; }
        /* Images */

        .newrelation .accordion > li > a:before { position: absolute; top: 0; left: 0; content: ''; width: 24px; height: 24px; margin: 4px 8px; background-repeat: no-repeat; background-position: 0px 0px; }
/* Sub Menu */

.sub-menu li a { color: #797979; background: #e5e5e5; border-bottom: 1px solid #c9c9c9; }
.sub-menu li:hover a { background: #efefef; }
.sub-menu li:last-child a { border: none; }
.newrelation .active a { color: #428bca;  font-weight: bold; }
.newrelation .nav-tabs li { font-size: 16px; }
.newrelation .accordion li > .sub-menu { display: none; margin: 0 10px 0px 0px; width: 100%; }
.newrelation .accordion li:target > .sub-menu { display: block; }
.newrelation .accordion textarea { width: 100%; height: 80px; padding: 0; }
.ml160 { margin-left: 160px; }
.mt20 { margin-top: 20px; }
.newrelation .accordion .icon-checkmark { position: relative; left: -17px; top: 16px; font-size: 25px; color: blue; }
.recieve_enter { width: 100%; margin: 60px auto; text-align: center; }
    .recieve_enter span { width: 150px; float: left; margin: 0 180px 0; }
    .recieve_enter img { float: left; margin: 0 0 30px 30px; }
.recieve_select { width: 900px; margin: -40px 0 0 20px; float: left; background: #eee; }
.recieve_enter .recieve_select form { width: 650px; float: left; }
.recieve_enter .recieve_select .checkbox { margin: 20px; }
    .recieve_enter .recieve_select .checkbox input { margin: 30px 0; }
.recieve_enter .recieve_select .metro-checkbox { text-align: left; margin: 0 0 0 0px; width: 600px; }
.recieve_enter button { margin: 10px auto 20px 55px; float: left; }
.recieve_selectvideo { position: absolute; width: 150px; height: 300px; }
    .recieve_selectvideo a { color: #000; position: relative; top: 40%; left: 200%; background: #fff; line-height: 25px; display: block; padding: 10px; opacity: 0.7; text-decoration: none; }
        .recieve_selectvideo a:hover { background: #428bca; color: #fff; }
.recieve_selectvideo1 a { top: 85%; }
.receive_service { margin: -1060px 10px 0 20px; top: 0px; width: 300px; height: 500px; float: right; }
.fixtable .receive_service { margin: 0; position: absolute; top: 0px; width: 100%; height: 500px; overflow: hidden; }
.receive_service_tab { margin: 0 0 0 24px; background: #639; color: #fff; float: left; padding: 10px 40px 10px 40px; font-size: 16px; }
.receive_service .table td { line-height: 60px; font-size: 14px; text-align: center; background: #fff; }
.receive_service .table thead th, .receive_meeting .table thead th, .redtable thead th { background-color: #428bca; color: #fff; background-image: none; text-align: center; font-size: 14px; height: 20px; }
.redtable .metro-checkbox { font-size: 12px; }
.redtable thead th { height: 20px; border-bottom: 1px solid #fff; }
.redtable tr { font-size: 14px; height: 55px; }
.redtable td { border: 1px solid #ccc; }
.redtable dd, .textcenter td { text-align: center; }
.receive_service .table p { line-height: 60px; margin: 20px auto 0 30px; text-align: center; }
.receive_meeting .table thead th { text-align: left; font-size: 14px; height: 25px; line-height: 25px; }
    .receive_meeting .table thead th p { line-height: 10px; font-weight: bold; }
.receive_meeting .table { margin: 0 20px 0 25px; width: 1100px; font-size: 14px; }
.receive_room { margin-left: 23px; background: #eee; height: 480px; float: left; width: 820px; }
.receive_room { margin-left: 23px; background: #eee; height: 480px; float: left; width: 820px; }
.receive_room { margin-left: 23px; background: #eee; height: 480px; float: left; width: 820px; }
    .receive_room .scroll { width: 214px; }
        .receive_room .scroll span { width: 106px; float: left; margin: -1px 0px 0px -1px; border: 1px dashed #ccc; display: table-cell; height: 79px; text-align: center; vertical-align: middle; line-height: 78px; }
        .receive_room .scroll img { cursor: pointer; vertical-align: middle; line-height: 90%; height: 95%; width: auto; }
        .receive_room .scroll span .imghover:Hover { z-index: 1010; width: auto; height: auto; background: #fff; position: absolute; padding: 10px; border: 2px solid #ccc; margin: 10px 0 0 -20px; }
        .receive_room .scroll span dd > .sofa:Hover { max-width: 255px; }
        .receive_room .scroll span dd > .sofa1:Hover { max-width: 165px; }
    .receive_room .reset { position: absolute; margin: 0 0 0 219px; opacity: 0.4; }
    .receive_room .scroll .table { height: 70%; border: none; margin: auto; width: auto; }
    .receive_room .reset:hover { opacity: 1; }
.receive_cloth { float: left; width: 350px; background: #ccc; height: 480px; margin: 0; padding-left: 5px; }
    .receive_cloth span { float: left; margin: 12px 8px 22px 0; }
        .receive_cloth span p { margin: auto 0 0 69px; }
    .receive_cloth img { border: 1px solid #666; width: 160px; height: 160px; }
.process { width: 100%; height: 360px; overflow-y: hidden; overflow-x: auto; float: left; margin: 20px 0 0 20px; }
    .process .scroll { width: 1660px; height: 300px; }
    .process table { height: 333px; float: left; border: 1px solid #fff; text-algin: center; line-height: 30px; border-right: 8px solid #fff; }
    .process a, .process { color: #fff; font-size: 18px; font-family: "微软雅黑"; }
        .process td { text-align: center; border: 1px solid #fff; }
.process1 { background: #99c0f5; }
button { border: none; }
.process .win-command span { padding: 0 7px 0 7px; font-size: 24px; }
.process1 .win-command span { background: #65a1f1; }
.process2 .win-command span { background: #97c584; }
.process3 .win-command span { background: #b0b05b; }
.process4 .win-command span { background: #9f5aa5; }
.process5 .win-command span { background: #d53b3b; }
.process1 .win-commandring { color: #fff; font-size: 20px; }
.process a { color: #000; }
.process2 { background: #dff0d8; }
    .process2 .win-commandring { color: #dff0d8; }
.process3 { background: #eeeeae; }
    .process3 .win-commandring { color: #eeeeae; }
.process4 { background: #ead3ec; }
    .process4 .win-commandring { color: #ead3ec; }
.process5 { background: #ffb5b5; }
    .process5 .win-commandring { color: #ffb5b5; }
.process .sub_table { height: 330px; border: none; }
    .process .sub_table td { border-top: none; border-left: none; border-right: none; }
.process .font { font-size: 12px; line-height: 20px; width: 5px; color: #000; }
.process .midfont { margin: auto; text-align: left; padding-left: 25px; font-size: 24px; font-weight: 500; width: 160px; height: 160px; line-height: 160px; background: url(../img/process_arrow.png) no-repeat 130px; }
.process button:hover { background: none; }
@-moz-document url-prefix() { .process .midfont;
{ line-height: 50px; height: 50px; }
}
.process5 .midfont { line-height: 22px; padding-top: 125px; }
.process5 .midfont { background-image: none; margin: 20px auto -20px -15px; line-height: 167px; padding-right: 20px; }
.process .midfont a { font-size: 24px; }
.process .arrow { background: url(../img/process_arrow1.png) no-repeat bottom; border-bottom: 1px solid #fff; }
.process5 .arrow { background-size: 7%; }
.process .black, .process .black a { color: #000; font-size: 13px; width: 80px; text-align: center; background-color: none; line-height: 22px; height: 80px; }
.process a:hover { text-decoration: none; }
.process a:active, .process .next a:active, .process .mark a:active { color: #FF6600; }
.process button { margin: 0 -10px 0 -10px; }
.process .win-commandring { background: #fff; border: none; font-size: 10px; padding: 1px 4px 1px 4px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; }
.process4 .black, .process4 .black4 a { width: 18%; height: 80px; }
.process1 .bgcolor1 { background-color: #7db1f6; }
.process1 .bgcolor2 { background-color: #96b5df; }
.process1 .bgcolor3 { background-color: #d7e8fc; }
.process2 .bgcolor1 { background-color: #c4dfb9; }
.process2 .bgcolor2 { background-color: #d3f7c5; }
.process2 .bgcolor3 { background-color: #c5d9bc; }
.process4 .bgcolor1 { background-color: #d9c6db; }
.process4 .bgcolor2 { background-color: #dfb7e3; }
.process4 .bgcolor3 { background-color: #f3c5f7; }
.process4 .bgcolor4 { background-color: #dfb7e3; }
.process4 .bgcolor5 { background-color: #ddcdde; }
.process .mark { height: inherit; background-color: #e5e0e0; color: #49cb43; background: url(../img/ico_mark.png)bottom right no-repeat #e5e0e0; }
    .process .mark a { color: #666; }
.process .next a { color: #fff; }
.process .next { position: relative; animation: myfirst 1s infinite; -moz-animation: myfirst 1s infinite; /* Firefox */ -webkit-animation: myfirst 1s infinite; /* Safari and Chrome */ }
.process3 .midfont { HEIGHT: 330px; LINE-HEIGHT: 325px; }
.process5 .midfont { HEIGHT: 200px; LINE-HEIGHT: 10px; }
.process .midfont .btn-info { margin: -230px 0px 0 20px; }

@keyframes myfirst {
    0% { opacity: 1; }
    50% { opacity: 0.5; background-color: red; }
    100% { opacity: 1; }
}

@-moz-keyframes myfirst /* Firefox */ {
    0% { opacity: 1; }
    50% { opacity: 0.5; background-color: red; }
    100% { opacity: 1; }
}

@-webkit-keyframes myfirst /* Safari and Chrome */ {
    0% { opacity: 1; }
    50% { opacity: 0.5; background-color: red; }
    100% { opacity: 1; }
}

.sublist { margin: 10px auto 20px auto; width: 1150px; display: block; }
    .sublist span { display: inline-block; height: 10px; padding: 5px 10px 15px 10px; background-color: #e5e0e0; margin-right: 20px; }
    .sublist .current { background: #428bca; }
        .sublist .current a { color: #fff; background: none; padding: 5px; }
    .sublist a { margin: 0; padding: 5px; color: #666; font-size: 14px; display: block; }
        .sublist a:Hover { text-decoration: none; }
    .sublist .mark { padding: 5px 20px 5px 5px; background: url(../img/ico_mark.png)center right no-repeat; font-size:; }
/*实施*/
.implement_select { margin: 80px 0 0 200px; width: 800px; background: #eee; float: left; line-height: 40px; text-align: left; padding: 15px 0 0 15px; font-size: 14px; }
    .implement_select .metro-radio { margin-left: -10px; text-align: left; }
    .implement_select .radio { float: left; width: 190px; height: 40px; margin: 0; }
    .implement_select p { margin: 0; float: left; }
    .implement_select .radio input[type="text"] { width: 90px; }
    .implement_select .width300 { margin-top: -7px; }
    .implement_select .control-group { margin: 15px 0 15px 0; float: left; }
.implement_summary span { float: left; }
.implement_summary .control-group { float: left; margin: 8px 0 8px 0; border-bottom: 1px dashed #666; width: 100%; }
.implement_summary { background: #f0eeee; line-height: 25px; margin-left: 20px; float: left; width: 433px; padding: 1% 0 0 1%; font-size: 14px; height: 470px; }
    .implement_summary .scroll { height: 468px; overflow-y: auto; overflow-x: hidden; }
    .implement_summary label { width: 100%; }
    .implement_summary textarea { width: 93%; height: 70px; }
    .implement_summary .pull-right { width: 110%; background: #fff; }
        .implement_summary .pull-right button { margin: 20px 0px 0 0; float: right; }
.implement_talk { float: left; width: 433px; padding: 0 0 0 1%; margin-left: 20px; }
    .implement_talk table th { background: #428bca; color: #fff; }
    .implement_talk .metro-checkbox { width: 200px; font-size: 14px; }
    .implement_talk label { font-size: 12px; }
.implement_record { float: left; width: 440px; margin-left: 20px; }
    .implement_record .nav { }
    .implement_record .table { width: 100%; }
        .implement_record .table th { background: #428bca; color: #fff; text-align: center; }
        .implement_record .table td { line-height: 20px; padding: 2px; }
        .implement_record .table textarea { width: 95%; height: 80px; margin: 0; }
    .implement_record .add, .implement_record .del { position: relative; color: #fff; font-size: 12px; margin-left: 107px; margin-top: 2px; background: #090; padding-left: 2px; font-weight: normal; cursor: pointer; }
    .implement_record .del { margin-top: -82px; background: #428bca; color: #fff; padding-left: 2px; font-weight: normal; border: none; }
    .implement_record .control { position: absolute; }
    .implement_record .tab-pane table { margin: 0; }
    .implement_record .tab-record { background: #eee; padding: 12px; margin: 0; height: 406px; overflow: auto; }
        .implement_record .tab-record label { float: left; width: 100%; }
        .implement_record .tab-record textarea { width: 95%; }
        .implement_record .tab-record button { margin: 30px -12px 0 0; }
    .implement_record .nav-pills li { background: #ccc; color: #fff; margin-right: 10px; height: 30px; }
        .implement_record .nav-pills li a { color: #666; outline: none; }
            .implement_record .nav-pills li a:hover { background: #f04c4c; color: #fff; height: 16px; margin: 0px; }
.radio_input { width: 80px; margin-left: -100px; }
.implement_summary .radio_input { float: right; margin: -30px 180px 0 0px; }
.implement_record .nav-pills > .active > a, .implement_record .nav-pills > .active > a:hover { background: #428bca; color: #fff; height: 16px; margin: 0px; }
.textcenter { text-align: center !important /*clear: both;*/  }
.textleft {text-align:left !important}
/*流程图左侧弹出层*/
.ace-settings-box { display: none; float: left; padding: 0 14px; background-color: #FFF; border: 2px solid #ccc; height: auto; line-height: 25px; z-index: 999; }
    .ace-settings-box.open { display: inline-block; float: left; width: 400px; font-size: 13px; }
    .ace-settings-box hr { margin: 0; border-bottom: 1px dashed #ccc; color: #fff; }
    .ace-settings-box > div { margin: 6px 0; color: #444; height: auto; }
        .ace-settings-box > div > label { font-size: 13px; }
.ace-settings-container { position: absolute; left: 0; top: 129px; }
.btn.ace-settings-btn { float: left; min-width: 85px; text-align: center; background: url(../img/tag.png) right no-repeat; opacity: .55; line-height: 30px; margin: 0; padding: 0 3px 0 0; height: 30px; }
    .btn.ace-settings-btn:hover, .btn.ace-settings-btn.open { opacity: 1; filter: alpha(opacity=100); }
/*预估*/
.estimate_collect { margin: auto; float: left; line-height: 48px; font-size: 14px; padding: 20px 15px 40px 15px; width: 850px; }
.estimate_question { width: 1150px; }
    .estimate_question .table { border: 1px solid #ccc; margin: 0; float: right; margin: -530px -18px 0 20px; width: 390px; }
        .estimate_question .table th { text-align: left; }
        .estimate_question .table td { border-bottom: 1px solid #ccc; }
            .estimate_question .table td input { width: 80%; }
    .estimate_question .control-group { padding: 5px; }
        .estimate_question .control-group label { width: 120px; }
        .estimate_question .control-group textarea { width: 60%; }
    .estimate_question .control .del { margin: -37px 0 0 40px; }
    .estimate_question .control .add { margin: 2px 0 0 40px; }
.estimate_net .table { margin: 0; float: left; width: 980px; border: 1px solid #ccc; }
    .estimate_net .table td { border-bottom: 1px solid #ccc; }
    .estimate_net .table select { width: 80px; }
    .estimate_net .table th { vertical-align: top; text-align: left; }
    .estimate_net .table td { text-align: center; }
.estimate_net .control { position: absolute; }
    .estimate_net .control .del { margin: -42px 0 0 108px; }
    .estimate_net .control .add { margin: 2px 0 0 108px; }
.estimate_collect .control-group { padding: 0px; }
    .estimate_collect .control-group label { width: 200px; padding-top: 6px; }
    .estimate_collect .control-group textarea { height: 100px; width: 70%; }
    .estimate_collect .control-group input { width: 70%; }
.estimate_family { width: 850px; height: 500px; border: 1px solid #ccc; margin: 95px 0; }
.report { width: 1150px; font-size: 14px; border: none; }
    .report h3 { line-height: 45px; text-align: center; }
    .report .question { margin-bottom: 25px; float: left; width: 100%; }
        .report .question h4 { font-size: 15px; font-weight: bold; line-height: 35px; }
        .report .question table { line-height: 30px; border: 1px solid #ccc; width: 900px; }
    .report .implement_record { float: left; }
        .report .implement_record .table th { text-align: center; }
        .report .implement_record .table td { line-height: 40px; }
    .report .question .control-group { width: 80%; float: left; }
        .report .question .control-group label { width: 160px; padding-top: 6px; }
        .report .question .control-group span { line-height: 30px; }
.table th.textmid, .table .textmid { text-align: center; vertical-align: middle; display: table-cell; }
/*计划*/

.plan_agree { font-size: 14px; line-height: 30px; width: 800px; height: 600px; overflow: auto; margin: auto; border: 1px solid #ccc; padding: 10px; }
.plan_target { width: 90%; padding: 8px 0 10px 25px; }
    .plan_target .control-group { font-size: 14px; }
        .plan_target .control-group textarea { width: 85%; border: 1px solid #ccc; }
.plan_deed { margin-top: 20px; }
    .plan_deed .control-group { float: left; width: 500px; padding: 0; }
        .plan_deed .control-group label { float: left; width: 130px; }
        .plan_deed .control-group textarea { height: 75px; }
    .plan_deed .table td { padding-top: 10px; border: 1px solid #ccc; }
    .plan_deed .control .del { margin: -42px 0 0 326px; }
    .plan_deed .control .add { margin: 2px 0 0 326px; }
@-moz-document url-prefix() { .zoom;
{ -moz-transform: scale(0.74); margin: -140px 5px 0 -105px; width: 95%; }
.zoom .question table td { border: 1px solid #ccc; }
}
.zoom { zoom: 0.6; }
@-moz-document url-prefix() { .zoom1;
{ -moz-transform: scale(0.68); margin: -170px 5px 0 -130px; width: 96%; }
.zoom1 .question table td { border: 1px solid #ccc; }
}
.zoom1 { zoom: 0.55; }
/*结案*/
.select_min .table select { width: 50px; }
.leave .table th, .leave .table td, .receive_meeting .textcenter thead th { text-align: center; vertical-align: middle; display: table-cell; }
    .leave .table td input { margin-top: 6px; }
.leave .control .del { margin: -42px 0 0 224px; }
.leave .control .add { margin: 2px 0 0 224px; }
.closecase_step .control-group { margin: 0; }
    .closecase_step .control-group label { width: 190px; display: table; margin-top: 8px; }
    .closecase_step .control-group textarea { margin-top: 16px; }
    .closecase_step .control-group span { font-size: 14px; display: table; }
.closecase_step h4 { font-weight: bold; }
.closecase_step .pull-left { width: 50%; float: left; }
.closecase_step .span9 label { width: 90px; margin-top: 8px; }
.closecase_follow { margin: 0 0 0 20px; float: left; width: 445px; }
    .closecase_follow .table { width: 445px; float: left; }
        .closecase_follow .table textarea { width: 95%; }
        .closecase_follow .table td { display: table-cell; vertical-align: middle; text-align: center; }
        .closecase_follow .table .checkbox { margin: auto; }
    .closecase_follow .icon-pause-2, .closecase_follow .icon-play-3 { display: block; line-height: 25px; text-align: center; -moz-border-radius: 25px; -webkit-border-radius: 25px; width: 25px; height: 25px; background-color: #999; border-radius: 25px; color: #666; font-size: 14px; FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#b8c4cb, endColorStr=#f6f6f8); /*IE*/ background: -moz-linear-gradient(top, #b8c4cb, #f6f6f8); /*火狐*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8c4cb), to(#f6f6f8)); /*谷歌*/ margin-left: 10px; float: left; }
    .closecase_follow .table dd { float: left; width: 20px; }
.closecase_finish { margin: 70px 10px 0 0; float: right; }
/*选择案例*/
.testassign {
text-align:center;width:100%;margin:40px 0 0 25px }
    .testassign .tile { height: 190px; padding-right:20px}
        
        .testassign .tile .text-header3 {   padding-top: 60px; }
        .testassign .tile img { padding: 10px 0; float: left; }
    .testassign .metro-checkbox5 { display: block; width: 350px; height: 190px; top: 40px; left: 110px; position: absolute; }
.width400 .image-wrapper { float: left; width: 80px; margin: 10px 30px 10px 0px; height: 150px; }
    .width400 .image-wrapper img { float: left; width: auto; height: auto; margin: 20px; }
.width400 .column-text { margin: 10px; line-height: 30px; font-family: "微软雅黑"; }
    .width400 .column-text .text-header { font-size: 18px; font-weight: bold; display: inline; line-height: 20px; }
    .width400 .column-text .text { font-size: 14px; margin-top: 10px; }
    .width400 .column-text a { color: #fff; text-decoration: underline; font-size: 9px; }
/*维度确定*/
.dimension { margin-left: 25px; }
    .dimension .ugly-tile {margin:0 20px 20px 0
   }
    
    .dimension .width300 {
        height: 200px;width:272px; cursor:pointer;margin:0
    }

    .dimension .width300 img { margin: 50px 0 0 35px; }
    .dimension .width300 span { line-height:180px; }
    
    .dimension .ugly-tile-title .pull-left {
    line-height:25px;font-size:18px;margin:60px 0 0 10px;text-align:left; color:#fff;}
        .dimension .ugly-tile-title .pull-left font {
        font-size:30px;line-height:35px;float:left;margin:10px 0;letter-spacing:8px;font-style:normal;font-weight:bold}
    .dimension .ugly-tile-description { margin:-25px 3px 0 -10px;  }
    .dimension .ugly-tile-description font{line-height: 20px !important;vertical-align:middle; display:table-cell;height:200px}
    .dimension .ugly-tile.ugly-over {
    height:200px;width:272px;line-height: 200px;}
    .dimension .imagetext .pull-left {line-height:70px;font-size:24px
    }
    .ugly-tile legend { width: 25px; height: 200px; background: #666; color: #fff; float: left; text-align: center; }
    .ugly-tile legend font { width: 20px; vertical-align: middle; display: table-cell; margin: auto;padding-left:2px; height: 200px; line-height: 25px; }
.table .checkbox { font-size: 12px; margin: 5px 0; }
.answer span { background: #ff9900; padding: 5px 15px 5px 15px; color: #fff; }
.answer dd { color: #ff6600; margin: 10px 0; line-height: 28px; }

.plan_base { margin:auto }
    .plan_base .text { word-break:break-all;height: 60px; width: 230px; text-align: left;background: #adcc9e; padding: 5px 8px 5px 8px; font-size: 14px; float: left; margin: 7px 40px 15px 0; display:table; cursor: pointer; color: #fff; }
    .plan_base .text1 { background: #eeeeee; color: #cccccc; cursor: pointer; }
    .plan_base .text span { margin: auto; line-height: 20px; display: table-cell; vertical-align: middle; width: 160px; }
  
        .plan_base .dragarea h3 { background: #fff;  text-align: center; margin:0;margin-bottom: -9px; font-size: 14px; }
    .plan_base  legend { width: 100%; text-align: center; height: 35px;font-size:18px }

    .plan_base .dragarea1 { border: 1px dashed #ccc;  }
       .plan_base .dragarea1 span { min-height:50px;width:100%;font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 50px; line-height:50px;vertical-align: middle; display:table; text-align: center; color: #eee; }
        .plan_base .dragarea1 dd { vertical-align: middle; display: table-cell; text-align: center; color: #fff; font-size: 14px; line-height: 26px; }
    .plan_base .dragarea .bg-color-blue { outline: 1px solid #fff; border: none; cursor: pointer; text-align: left;}
    .plan_base .dragarea .bg-color-purple { outline: 1px solid #fff; border: none; cursor: pointer; }
    .plan_base .dragarea .bg-color-gray { background: #ccc; opacity: 0.2; }

    .plan_base table td {
        width: 270px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 50px;line-height:50px;color:#eee;
    }
    .plan_base table {
    width:99% !important}
    .plan_base table .align-center td h3{
    line-height:20px !important;height:20px !important}
.plan_base table .bg-color-blue{font-size:14px ;color:#fff;line-height:20px;font-weight:normal;font-family:微软雅黑}

    .plan_base .m-auto table .bg-color-blue dd{
    text-align:left}

/*公文筐设计*/
.carousel-control { margin-top: 0px; }
.newrelation .slide-parent hr { margin: 0 0 10px 0; height: 4px; background: #eee; }
.newrelation .main-left { width: 540px; height: 500px; margin: 0 50px 0 50px; overflow: hidden; }
.newrelation .slide-parent { height: 500px; position: relative; width: 1740px; }
    .newrelation .slide-parent .item { width: 540px; height: 500px; float: left; }
.newrelation .item span { height: 500px; line-height: 30px; }
.newrelation .carousel { width: 650px; font-size: 40px; }
.newrelation .carousel-control { color: #428bca; position: absolute; background: none; margin: 0px 0 0 -10px; padding: 200px 0; }
.newrelation .carousel a { font-size: 45px; }
.poker { height: 600px; overflow: auto; }
    .poker img { margin: 0 1px 10px 0; min-width: 100px; min-height: 142px; max-width: 100px; max-height: 142px; }
.idp_number { float: left; padding : 0px 0 10px 0; margin :5px 0 0 2px}
    .idp_number div { background: none !important;float:left; vertical-align:middle;cursor:pointer;height: 50px; width: 110px; border:1px solid #ddd; color: #428bca; padding-left: 3px; vertical-align:middle; margin: 0 25px 15px 0 !important;  font-size:12px !important}
        .idp_number div a { height: 50px;margin:auto; vertical-align:middle;line-height:20px !important; text-align: left; color: #428bca; font-size: 12px !important;  font-weight: normal; display:table-cell }
        .idp_number div img {
        margin:5px 5px 0 0;}
             .idp_number div a:visited { color: #428bca; font-size: 12px;  font-weight: normal; }
            .idp_number div a:hover { text-decoration: none; }
.idp_active,.idp_number .bg {
background:#f5f8fa;outline:2px solid #ff9900 !important}
    .idp_number div input {
    left:30px}
        .idp_number div .metro-checkbox6 {font-size:12px ;height:50px; width:75px; margin-left:-7px; text-align: left; font-size:12px ; line-height:20px}
   
label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox6::after { background: none !important; border: none; color: #ff9907; font-size:15px  !important;}
label.checkbox input[type=checkbox] ~ span.metro-checkbox6::after { border: none; color: #000; background: none;font-size:15px  !important;}
.idp_number div font { text-align: center; line-height: 25px; }
.poker1 { width: 200px; float: left; }
    .poker1 div { background: #eee; min-height: 60px; height: auto; width: 180px; text-align: center; font-size: 14px; font-weight: bold; color: #428bca; background-size: 100% 100%; margin: 0 20px 20px 0px; float: left; }
        .poker1 div font { line-height: 15px; display: block; width: 95%; margin: 20px auto; }
    .tab-w .item-details  {
    box-shadow:none !important;outline:3px solid #ccc;padding:2px;margin:3px 0}
.idp_line { width: 100px; float: left; }
    .idp_line div { width: 100px;  float: left;height:30px;  padding:30px 20px 30px 0px;line-height:20px; text-align: center; font-size: 14px; }
.idp_line_text .item { min-height: 600px; height: 100%; margin: 15px 0 0 -40px; }
.selectmode .width300 img { margin-right: 10px; }
.selectmode{min-height:908px !important}
table .red { font-size: 20px; color: red; text-align:center}
table .green { font-size: 20px; color: green; text-align:center}
table .blue, table .blue td { color: #428bca; font-weight: bold; }
/*流程图*/
.flow { margin-left: 0px; }
    .flow ul { position: absolute; }
.flow_submenu { position: absolute; margin: 44px 0 0 -27px; top: 182px; z-index: 999; background: #ccc; width: 222px; color: #fff;  }
    .flow_submenu .accordion-group { border: None; line-height: 22px; }
    .flow_submenu a { color: #fff; line-height: 18px; }
        .flow_submenu a:hover { text-decoration: none; }
    .flow_submenu .accordion-heading { border-bottom: 1px solid #fff; }
.flow .fs1 { font-size: 22px; margin: 50px 0; }
.flow .width300 { height: 223px; margin: 0px; width: 220px; }
    .flow .width300 .pull-left { padding-left: 20px; margin: 90px 0; font-size: 22px; width: 170px; line-height: 20px;text-align:left }
.flow_submenu .accordion-group .pull-right { margin: 10px; }
.flow .width300 .pull-left .win-commandring { float: left;
font-size: 20px;
line-height: 23px;
font-family: Arial, Helvetica, sans-serif;
padding: 3px;
border-color: #fff;
margin: -3px 10px 0 0;
width: 23px;
text-align: center;}
.flow .width300 .pull-left font:last-child{float:left;width:120px;line-height:30px;margin-top:-3px
}
.flow .ugly-tile-description { font-size: 12px; line-height: 18px; padding: 5px 0 0 8px; margin: 0px; }
.flow .ugly-tile-description font{line-height: 20px !important;vertical-align:middle; display:table-cell;height:210px
}
.flow .ugly-tile.ugly-over { height: 223px; margin: 0px 16px 20px 0; }
.flow .ugly-tile {margin:0 14px 20px 0
   }
#nav li { float: left; list-style-type: none; }
    #nav li a:hover { background: #999; }
    #nav li ul { list-style-type: none; text-align: left; left: -999em; position: absolute; }
        #nav li ul li { float: left; background: #F6F6F6; }
        #nav li ul a { display: block; text-align: left; padding-left: 24px; }
            #nav li ul a:link { color: #666; text-decoration: none; }
            #nav li ul a:visited { color: #666; text-decoration: none; }
            #nav li ul a:hover { color: #F3F3F3; text-decoration: none; font-weight: normal; }
    #nav li:hover ul { left: auto; }
    #nav li.sfhover ul { left: auto; }
#content { clear: left; }
/*评价实施*/
.idp_implement { width: 560px; float: left; display: inline; height: 500px; overflow: auto;background: url(../img/notebookbg.png) #e4ecef top right no-repeat;background-attachment: local; padding:10px 0 0 10px;border:1px    solid #dfdfdf;-moz-box-shadow:2px 3px 4px #eee; -webkit-box-shadow:2px 3px 4px #eee; box-shadow:2px 3px 4px #eee;}
    .idp_implement label {line-height:28px !important;
    }  .idp_implement textarea {
    width:99%}
.idp_sample { display: table-cell; min-height: 400px; vertical-align: middle; }
    .idp_sample div { width: 200px; height: 120px; overflow: auto; border: 1px solid #ccc; font-size: 12px; margin: 0 20px 20px 0; background: #fff; line-height: 22px; padding: 3px; }
    .idp_sample .total { width: 100px; color: #cc3333; text-align: center; line-height: 110px; font-weight: bold; font-size: 18px; }
    .idp_sample div span { margin: auto; vertical-align: middle; display: table-cell; height: 120px; text-align: center; padding-left: 10px !important; }
.idp_samplebg1 { background: url(../img/bg_idp_sample1.png) no-repeat; width: 105px; height: 60px; min-height: 60px; display: table; float: left; margin: 35px 0; }
.chat { width: 400px; float: left; }

    .chat span { width: 100%; line-height: 30px; font-size: 14px; float: left; }
        .chat span a { margin-right: 25px; }
.chatarea { height: 533px; width: 100%; float: right; }
    .chatarea .accordion-inner { width: 270px; height: 370px; overflow: auto; float: left; padding: 0 ; margin:10px 0; border: 1px solid #ddd; }
        .chatarea .accordion-inner ul { margin: 0; padding-left: 5px; }
    .chatarea h3 {background:#ff9907;display:table;color:#fff;clear:both;font-size:14px;margin:0 0 -10px 0;height:30px;font-weight:normal;padding:2px 15px 0 15px
    }
         .chatarea .list { width: 115px; float: left; margin: 10px 0px 8px 0px; border: #ddd 1px solid; height: 497px; }
   
     .chatarea .accordion-inner dl { margin: -22px 0 0px 0;padding-right:5px; font-size: 8px; color:#666;float: right; font-family: Arial; }
    .chatarea .accordion-inner dd { float:left;margin:-5px 0 10px 0;padding:0 0px 0 0;line-height: 20px; color: #1576a9;font-size:14px }
    .chatarea .accordion-inner dt { font-size:13px; color: #666; font-weight: normal; font-weight:bold;width:49%;overflow:hidden;height:17px}
    .chatarea .list h4 { font-size: 13px; background: #e7ebed; font-weight: bold; padding-left: 5px; }
    .chatarea .list dd { line-height: 25px; background: #eee; margin: 1px 0 1px 0; padding-left: 5px; width: 110px; }
    .chatarea .list .self { color: blue; font-weight: bold; }
    .chatarea .text { margin: -140px 0 0 0px; float: left; width: 270px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; height: 131px; }
        .chatarea .text textarea { height: 65px; font-size: 12px; margin: 10px; width:93%}
        .chatarea .text .btn { margin-right: 10px; min-width: 50px; }
.idp_write { position: relative; margin: -10px 0; float: left; width: 100%; }
    .idp_write .idp_number { width: 100%; z-index: 999; float: left; padding: 10px 0 5px 0;margin-bottom:10px}
.idp_number a { color: #428bca !important; font-weight: normal !important; font-size:12px;font-family:"微软雅黑"}
.idp_write .row { position: absolute; z-index: 999; margin-top: -13px; background: #fff; width: 100%; border: 3px solid #ccc; }
    .idp_write .row .main-left { margin: 0 25px 0 10px; }

.idp_chat { padding: 0px 0; width: 100%; margin: 0; }
    .idp_chat .pull-left { width: 780px; float: left; min-height: 300px; }
    .idp_chat .chat { float: right;  width: 430px; margin-right:-30px}
        .idp_chat .chat dt { float: left; padding: 5px 5px 0 10px; }
        .idp_chat .chat dl { float: right; padding: 0; margin: 0; }
        .idp_chat .chat dd { padding-bottom: 5px; border-bottom: 1px solid #ccc; }
    .idp_chat .tab-pane { min-height: 100px; }
    .idp_chat .nav-tabs a { font-size: 14px; color: #666; font-weight: normal; }
    .idp_chat .nav-tabs .active a { color: #428bca; }
.control-group label { margin: 4px 0; }

.IEPReferencebtn .nav {  margin: 0px 0 10px -5px; width: 100%;
   min-height:30px}
.IEPReferencebtn .nav-tabs li {
    margin: 10px 0px 10px 0px !important;
}

    .IEPReferencebtn .nav, .IEPReferencebtn .nav a { border: none;font-size: 14px; padding:0 ;line-height: 20px;}
        .IEPReferencebtn .btn {
            line-height: 35px !important;padding:0 10px 0 10px !important
        }
.IEPReferencebtn li a:hover, .IEPReferencebtn .active a:hover { border: none; height:20px;line-height:20px}
.IEPReferencebtn .nav .active .btn { background: #ff9900; }
.IEPReferencebtn .fs1 {
display:inline-block;font-size:14px;margin-right:10px}
.IEPReferencebtn th legend{
font-size:15px !important}
.candidate { text-align: center; margin:0 auto;width:1100px}
    .candidate span { width: 160px ; float: left; }
        .candidate span p {
        width:160px;height:260px;display:table-cell;vertical-align:middle}
.tab-content .candidate span p {
height:150px;margin:auto}
.candidate span img { text-align: center; margin:auto;max-width:140px;max-height:260px; display:table-cell;vertical-align:middle}
.candidate span font { width: 160px; display: table; text-align: center; padding: 20px 0; font-size: 14px; }
.red { color: red; }
.tab-content .candidate span img {
width:auto;height:80%}
.evaluation { width: 430px; float: left; background: #fff; position: absolute; left: 1110px; min-height: 628px; }
    .evaluation .nav-tabs a { font-size: 12px; }
    .evaluation .nav-tabs .active a { background: #428bca; color: #fff; }
    .evaluation .table td { vertical-align: middle; }
    .evaluation .table .btn { min-width: 50px; }
    .evaluation .tab-content { overflow: auto; height: 568px; }
.interview .dragarea1 {min-height:44px;padding:8px 0;margin:7px 0 17px 0
}
    .interview .bg-color-blue dd{text-align:left !important
    }
.interview label {
float:left}
.interview .dragarea1, .interview .pull-left .text { width: 450px; float:left;}
.interview .pull-left { width: 500px !important; margin: 0px 0 0 0px; text-align:left}
.interview .dragarea { margin-top: -2px; }
.answer { width: 100%; float: left; }
.interview .dragarea1 strong, .sort_answer strong { font-size: 22px; margin-right: 10px; font-family: Arial, Helvetica, sans-serif; }
.sort_answer { background-color: #FFC; padding: 10px 0 10px 0; margin-bottom: 20px; }
{ font-size: 22px; }
.question-answer {
margin:20px 0 20px 0;}
    .question-answer hr {height:1px;clear:both;width:100%
    }
.align-center .img-polaroid { width:130px;height:170px; }
.question-answer .bg-color-color4 {
padding:0px 0 10px 0px;color:#000;font-weight:bold;font-size:15px;background:#fff !important}
.mheight .btn {
min-height:30px}
.question-answer label {
margin:0 0 15px 0}
.legendbg {
background:#f0efef;padding:10px 0 10px 5px;color:#428bca}
#GuidanceSecond {
padding-left:10px}
.span-title {
color:#428bca;font-size:14px !important;margin-bottom:10px}
.point {
background:#ff9907 !important;box-shadow:none !important}
.add-evaluation {
   
   }

.add-evaluation .tab-content{
    Z-INDEX: 1009 !important;
    WIDTH: 100%;     
    
}
/*连线颜色*/
.linecolor1 {
background-color:#ff9907 !important;text-shadow: 2px 1px 2px #666; }
.linecolor2 {
background-color:#30b15a !important;text-shadow: 2px 1px 2px #666; }
.linecolor3 {
background-color:#7117ac !important;text-shadow: 2px 1px 2px #666; }
.linecolor4 {
background-color:#ff3300 !important;text-shadow: 2px 1px 2px #666; }
.linecolor5 {
background-color:#0736f5 !important;text-shadow: 2px 1px 2px #666; }
.linecolor6 {
background-color:#000 !important;text-shadow: 2px 1px 2px #666; }
.linecolor7 {
background-color:#ccff00 !important;text-shadow: 2px 1px 2px #666; }
.linecolor8 {
background-color:#ff00ff !important;text-shadow: 2px 1px 2px #666; }

/*排序题*/

.tooltips{
position:absolute; 
}
.tooltips:link,.tooltips:visited{font-size:14px !important; font-weight: normal !important; color:#000!important}
.tooltips:hover{
z-index:3;
background:none; 
}
.tooltips dd{
display: none;min-width:400px
}
.tooltips:hover dd{ 
display:block;
position:absolute;

}
.tooltipsdiv{width:auto; padding:10px 10px ; border:2px solid #beceeb; position:relative;background:#fff;margin-left:-5px}
.tooltipsdiv span{width:0; height:0; font-size:0; overflow:hidden; position:absolute;}
.tooltipsdiv span.bot{
    border-width:5px; 
    border-style:solid dashed dashed; 
    border-color: transparent transparent #beceeb; 
    left:10px; 
    top:-11px;
}
.tooltipsdiv span.top{
    border-width:5px; 
    border-style:solid dashed dashed; 
    border-color: transparent transparent #ffffff; 
    left:10px; 
    top:-9px;
}   
.bg-color-lightgray{background:#ddd !important;color:#333 !important}
.tooltipborder {
width:99%;margin-left:1px}
.tooltipborder td {
    border: 1px dashed #999;padding-top:12px

}
.tooltipborder th {
 border-bottom: 1px dashed #999 !important;;text-align:center}
.tooltipborder td[name="tdName"]:nth-child(odd):hover {
cursor:pointer;}
.tooltipborder td[name="tdName"]:nth-child(odd):hover::after,.tooltipborder .bg-color-darken::after {
    content: '√';float:right;font-weight:bold;font-size:24px;color:#428bca
}

.tooltipborder .bg-color-lightgray:hover::after {
    content: ' ' !important
}
.bg-color-lightgray .tooltips:link,.bg-color-lightgray .tooltips:visited{color:#fff !important;}
.tooltipborder .bg-color-color2 h3, .bg-color-color2 .tooltips,.tooltipborder .bg-color-color2{color:#fff !important;cursor:pointer}
     .tooltips dd {
    color:#000}

.doctor1 {position:absolute;width:1150px;text-align:right;cursor:pointer}
.container .table thead th{text-align:center
}
#table_list  thead th {
text-align:left}
.table {
 word-wrap: break-word; word-break:break-all;}
.table p {
width:auto !important}
.doctor1 img {  margin: -65px -45px 0 0px !important; z-index: 999; float:right  }
    .doctor1 span {
        margin: -50px 15px 0 0px;
       
        z-index: 999;float:right;font-weight:normal;color:#666
    }

#guidanceDivNew2 blockquote .pull-right {
    margin-top: -22px !important;
    font-size: 14px;
}
#guidanceDivNew2 blockquote{
margin:0px 0px 20px  0 !important;float:left;line-height:20px;min-height:30px;display:table-cell}
#guidanceDivNew2{clear:both ;margin:0 !important
}
   
#design-reply input[name='Others'],.idp_implement input[name='Others']{
float:right;text-align:left;margin:-28px 50px 0 0 ;height:10px; cursor:not-allowed;}
@-moz-document url-prefix() 
{#design-reply input[name='Others'], .idp_implement input[name='Others'] {margin:-33px 50px 0 0 ;
}}
/*#design-reply label,#design-reply textarea, */.allow,.allow label, .allow textarea, .allow input{
cursor:not-allowed !important }
#guidance-icon3{color:#428bca;margin:-3px 0 ; position:absolute;right:5px;}

 .menubar .icon-arrow-8:hover:before {
        content: "打开头部            \e0f3"; color:#999999;margin:0 0 0 -56px;font-size:13px;
    }
.menubar .icon-arrow-7:hover:before {
 content: "关闭头部            \e0f2";font-size:13px; margin:0px 0 0 -56px;color:#999999}
   .menubar .icon-arrow-8:hover:after{
    font-size: 18px !important;
}
.idp_implement  .checkbox {
    width: 50% !important;
}
#form-reply input[name='Others'] {
cursor:text; }
.text_edit {
    min-height: 500px;
    font-family: '微软雅黑','宋体';
    line-height: 30px;
    font-size: 14px;width:100%
}
.menubar .dropdown-menu a ,.menubar .dropdown-menu ,.menubar li ,.menubar .dropdown-submenu {min-width:100px !important
}
    .menubar .dropdown-menu .dropdown-menu {
    margin:0}
tr[name="Candidate_"] td textarea,tr[name="Candidate_1"] td textarea, tr[name="Candidate_2"] td textarea, tr[name="Candidate_3"] td textarea, tr[name="Candidate_4"] td textarea, tr[name="Candidate_5"] td textarea,tr[name="Candidate_6"] td textarea{ height:80px !important}

/**/
.dimension .again {
display:block;margin:20px 0;padding:10px 8px 10px 10px;line-height:30px;text-align:left;height:23px;
animation: myfirst 1.2s infinite;
-moz-animation: myfirst 1.2s infinite;
-webkit-animation: myfirst 1.2s infinite;
color:#fff;font-weight:bold;font-size:24px; letter-spacing:3px;
border: none; }

@keyframes myfirst {
    0% {
        opacity: 1;
    }
50% {
opacity:1;
color:#104b7d; 
}
 100% {
opacity:1; 
}
}
 @-moz-keyframes myfirst /* Firefox */ {
0% {
opacity:1;
}
50% {
opacity:1;
color:#104b7d; 
}
 100% {
opacity:1;
}
}
 @-webkit-keyframes myfirst /* Safari and Chrome */ {
0% {
opacity:1;
}
50% {
opacity:1;
color:#104b7d;
}
 100% {
opacity:1; border: none; border: none; 
}
}
.legend-tab legend {
outline:1px solid #fff}
.legend-tab .active {
background:#ff9907 !important;}
.add-evaluation #tab2 {
padding:10px ;font-size:14px !important;line-height:25px}
.align-center th , .align-center .bg-color-color3,.align-center .bg-color-color4,.align-center .bg-color-color5{vertical-align:middle !important;
 }
.align-center td {
text-align:center}
.align-center h4 {
color:#c10f1c;font-size:16px;font-weight:bold}
.header_tit  td{
border:1px solid #ccc}
.header_tit td {
background:#e8f0f4;border:1px solid #ccc}
.align-center b {color:#428bca
}


/*面试成员*/
.flipLink a{color:#fff;cursor:pointer;}
.half-div {
margin:auto;width:1000px;}
.flipLink .first {
	margin: 10px 0 10px 0;
	text-align:center;
	width:260px;
	overflow:hidden;text-overflow:ellipsis;height:50px;
	color:#fff;
	font-size:22px
}
.half-col .panel-content {
	line-height:28px;
	color:#fff;margin:15px;font-size:14px; 
}

.half-col{width:260px;height:260px;float: left;margin:20px 60px 20px 25px;cursor:pointer}
    .half-col:nth-child(3n),.half-col:last-child {
    margin-right:0}
.half-col .formContainer{
	width:100%;
	height:100%;
	float:left;
	position:  relative;	

}

.half-col .formContainer span{
	width:260px;
	height:260px;
	position:absolute;
	
	/* Enabling 3d space for the transforms */
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	/* When the forms are flipped, they will be hidden */
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	
	/* Enabling a smooth animated transition */
	-moz-transition:0.3s;
	-webkit-transition:0.3s;
	transition:0.3s;
	
	/* Configure a keyframe animation for Firefox */
	-moz-animation: pulse 2s infinite;
	
	/* Configure it for Chrome and Safari */
	-webkit-animation: pulse 2s infinite;
}

.half-col .formContainer span a{height:260px;display:block;overflow:hidden;text-overflow:ellipsis;height:250px}
/* Firefox Keyframe Animation */
@-moz-keyframes pulse{
	0%{		box-shadow:0 0 1px #ccc;}
	50%{	box-shadow:0 0 2px #ccc;}
	100%{	box-shadow:0 0 1px #ccc;}
}

/* Webkit keyframe animation */
@-webkit-keyframes pulse{
	0%{		box-shadow:0 0 1px #ccc;}
	50%{	box-shadow:0 0 10px #ccc;}
	100%{	box-shadow:0 0 1px #ccc;}
}

.half-col .login{
	background: #069;
	z-index:100;width:260px;
	height:260px;float:left;
}

.recover{
	
	z-index:1;
	opacity:0;
	
	/* Rotating the recover password form by default */
	-moz-transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg);-ms-transform:rotateY(180deg);
}

.flipped .login{
	
	opacity:0;
	
	/**
	 * Rotating the login form when the
	 * flipped class is added to the container
	 */
	-ms-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
	transform:rotateY(-180deg);
}

.flipped .recover{
	
	opacity:1;
	
	/* Rotating the recover div into view */
	-ms-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	transform:rotateY(0deg);-ms-transform:rotateY(0deg);
}
/*面试成员结束*/
.sel span,.pAttachment span {
border:none}

.trover td{background: #c6e2fa !important;cursor:pointer;font-weight:bold
}
.tablefoxborder th,.tablefoxborder td{border-right:1px solid #ccc;}
.idp_number .bgcolor-gray1{background:#ddd !important}
.tablefoxborder tr {border-bottom:1px solid #ccc}

/*AC综合*/

.AC_judgeselect {width:100%;display:inline-block;}

.AC_judgeselect legend{font-weight:bold;color:#428bca;margin:0px 0 10px 0;font-size:18px}
.AC_judgeselect .accordion-group{float:left;width:280px;border:none;}
.AC_judgeselect .accordion-heading{border:none !important}
.AC_judgeselect .accordion-body{min-width:1030px;float:left;display:inline-block;line-height:28px}
.AC_judgeselect .accordion-inner{border:none;border:1px solid #ccc;margin-top:10px;min-height:90px;max-height:270px;overflow:auto}
.AC_judgeselect .accordion-inner span{font-weight:bold;display:block;width:100%}
.AC_judgeselect .accordion-inner img{width:80px !important;margin-right:20px;float:left;}
.AC_judgeselect .accordion-toggle{color:#999;width:160px; height:250px;margin:0 auto;text-align:center}
    .AC_judgeselect a:hover {
    text-decoration:none;background: #ccc }
.AC_judgeselect .select{background:#428bca;color:#fff !important;text-align:center}
.AC_judgeselect .select span{color:#fff !important}
.AC_judgeselect .accordion-toggle span{line-height:26px;width:100%;font-size:15px;font-weight:bold;color:#000;float:left}
.AC_judgeselect .accordion-toggle img{width:auto;text-align:center;margin:5px auto}
.AC_judgeselect .answer1{width:1000px}
.AC_judgeselect .answer1 .accordion-body{margin:-167px 0 30px 310px;}
.AC_judgeselect .answer1 .accordion-inner{height:130px;width:800px;border:none}
.AC_judgeselect .answer1 .select{cursor:default;height:128px;width:280px;padding:auto 10px 0px 5px;font-size:12px !important;vertical-align:middle;display:table-cell}
    .AC_judgeselect .answer1 .select:hover {cursor: default;
    background:#428bca}
.AC_judgeselect .answer1 .select img{max-width:35% !important;float:left;margin:auto;text-align:center; display:table}
.AC_judgeselect .answer1 .textcenter{width:170px;float:right;text-align:left;margin:0px 0}
.AC_judgeselect .answer1 dd{margin-left:-2px}
.AC_judgeselect .answer1 .answer dd{color:#000;font-size:14px;line-height:25px}
.AC_judgeselect .answer1 .answer span{width:30px;padding:2px 10px 2px 10px;font-size:14px}
.complextext legend{font-size:18px !important;color:#428bca
}
.complextext hr {margin: 10px 0 15px 0;
height: 4px;
background: #eee;
}
.complextext div {
font-size:14px;line-height:28px}


/*流程图左侧弹出层*/
 .ace-settings-box {
	display:none;
	float:left;
	
	padding:0 14px;
	background-color:#FFF;
	border:2px solid #ccc;height:auto;line-height:25px;z-index:999
}
.ace-settings-box.open {
	display:inline-block;float:left;width:400px;font-size:13px
}
.ace-settings-box  hr{margin:0; border-bottom:1px dashed #ccc;color:#fff}
.ace-settings-box>div {
	margin:6px 0;
	color:#444;
	height:auto
}
.ace-settings-box>div>label {
	font-size:13px
}

    .ace-settings-box .pull-left p, .ace-settings-box .pull-left span {
  white-space:normal !important}
.ace-settings-container {
	position:absolute;
	left:0;
	top:70px;
	
}
.btn.ace-settings-btn {
	float:left;
	
	min-width:95px;
	text-align:center;
	background: url(../img/tag.png) right no-repeat;
	opacity:.55;
	
	line-height:30px;
	margin:-4px 0;padding:0 3px 0 0;height:30px
}

.btn.ace-settings-btn:hover, .btn.ace-settings-btn.open {
	opacity:1;
	filter:alpha(opacity=100)
}
.ac_evaluate{width:770px;float:left;margin-right:30px}
.ac_evaluate .carousel-control{width:50px;height:44px;float:right;opacity:1;border-radius:0;background:#fff !important;color:#CCC;left:auto !important; right:auto  !important;margin:-25px 0}
.ac_evaluate .left{right:20px !important;}
.ac_evaluate .right{right:-15px !important;}
.ac_evaluate  .carousel-inner{overflow:hidden;width:100%;height:32px;border-bottom:1px solid #ddd;padding:0}
.ac_evaluate  .carousel-inner ul{border:none}
    .ac_evaluate .control-label {text-align:center;
    width:80px}
    .ac_evaluate textarea {
    width:89.5%}
    .ac_evaluate select {
    font-size:14px;line-height:28px;font-family:微软雅黑}
    .ac_evaluate table i {
    color:#999;line-height:0}
    .ac_evaluate table td {
    border-top:none;border-bottom:none;border-right:1px solid #ccc;border-left:1px solid #ccc}
    .ac_evaluate table th {
    line-height:18px;border-right:1px solid #ccc;border-left:1px solid #ccc}
  
.ac_total legend{font-size:18px
}