@charset "utf-8";
/* CSS Document */

body {
	background-color: #f1f1f1;
	font-size: 14px;
	overflow-x:hidden;
}
#loginview {
	background-color: #00a1d9;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #FFF;
}
.logo {
	border-radius: 60px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	background-color: #FFF;
	width: 100px;
	height: 100px;
	text-align: center;
	margin: 50px auto 0 auto;
}
.logintitle {
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0 10px 0;
}
#inputfrom {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #fff;
	width: 80%;
	max-width: 400px;
	margin: 0 auto;
}
#inputfrom li, #inputfrom li input {
	height: 50px;
	border: none;
	position: relative;
}
#inputfrom li input {
	color: #666;
	width: 90%;
    float: left;
    margin: 0 5%;
}
#inputfrom li:nth-of-type(1) {
	border-bottom: #CCC 1px solid;
}

#submitlogin {
	background-color: #47d9bf;
	width: 80%;
	max-width: 400px;
	line-height: 40px;
	display: block;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	margin: 0 auto;
	color: #FFF;
}
#forgetps {
	width: 80%;
	max-width: 400px;
	margin: 0 auto;
	font-size: 14px;
	text-align: right;
	padding: 10px 0 20px 0;
}
.position-rl {
	position: relative;
	width: 100%;
}
.absolute-rl {
	position:absolute;
	width: 100%;
}
#banner,#ebanner {	
	overflow: hidden;
	height: 100px;
	background-color: #fff;
}
#ebanner {	
	height:160px;
}
#ebanner .navitem{
	position:absolute;
	bottom:0;
	width:100%;
	text-indent:6px;
	line-height:40px;
	color:#fff;
	background-color:rgba(0,0,0,0.5);
}
#banner ul{
	width:100%;
	height:100px;
}
#banner ul li{
	float:left;
	height:100px;
	overflow:hidden;
	text-align:center;
}
#banner .navitem{
	position:absolute;
	bottom:0;
	left:50%;
}
#banner .navitem span{
	display: inline-block;
    width: 5px;
    height: 5px;
    margin: 2px;
    border: 1px solid #fff;
    border-radius: 50%;	
}
#banner .navitem span.hover{
	background-color:#fff;
}
#menu {
	padding-bottom: 30px;
	min-height: 70px;
}
.white-panel {
	margin: 4px 0;
	background-color: #fff;
}
#menu dl {
	width: 33.3%;
	float: left;
	padding-top:30px;
	text-align: center;
}
#menu dl dt {
	margin: 0 auto;
	background-color: #ff8439;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
}
#menu dl:nth-child(2) dt ,.rotateleft.c1{
	background-color: #7788e8;
}
#menu dl:nth-child(3) dt ,.rotateleft.c2{
	background-color: #fc6b73;
}
#menu dl:nth-child(4) dt ,.rotateleft.c3{
	background-color: #53cdc0;
}
#menu dl:nth-child(5) dt ,.rotateleft.c4{
	background-color: #65cdee;
}
#menu dl:nth-child(6) dt ,.rotateleft.c5{
	background-color: #2983df;
}
#menu dl:nth-child(7) dt ,.rotateleft.c6{
	background-color: #f04042;
}
#menu dl:nth-child(8) dt ,.rotateleft.c7{
	background-color: #660;
}
#menu dl:nth-child(9) dt {
	background-color: #660;
}
#menu dl:nth-child(10) dt {
	background-color: #660;
}


#menu dl dt img {
	position: relative;
	top: 30%;
}
#menu dl dd {
	line-height: 20px;
}
#home-content {
	padding: 10px 0;
	margin-bottom: 46px;
}
.fontbold {
	font-weight: bold;
}
.mttitle {
	color: #1c1c1c;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	margin-left: 14px;
	border-left: #00a1d9 solid 2px;
}

.mtitem ul {
	width: 100%;
	overflow:hidden;
}

#survey .mtitem ul li div p{
	color: #666;
	font-size: 12px;
	padding-left:55px;
}
#survey .mtitem ul li div p:nth-child(1){
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

.mtitem ul li p:nth-child(1) {
	font-weight: bold;
	font-size: 16px;
}
.mtitem ul li p:nth-child(2) {
	font-size: 14px;
	color: #666;
	line-height: 18px;
	padding-top: 5px;
}
.mtitem ul li.lineyear, #amlist .mtitem li.lineyear,.invitationitem ul li.lineyear {
	margin: 0;
	padding: 0 14px;
	min-height: 30px;
	line-height: 30px;
	background-color: #fff;
	font-weight: bold;
	font-size: 16px;
	color: #00a1d9;
}
.mtitem ul li {
	padding: 14px;
	min-height: 45px;
	position: relative;
	background-color: #f9f9f9;
}
.mtitem ul li:nth-child(odd),.invitationitem ul li:nth-child(odd),.uilist ul li:nth-child(odd) {
	background-color: #fff;
}
.mtitem ul li span {
	float: left;
	display: block;
	margin-right: 10px;
	width:45px;
	height:45px;
	background-color:#CCC;
}
.mtitem ul li span.photo img,.mtitem ul li span.photo
{
	border-radius: 45px;
	-moz-border-radius: 45px;
	-webkit-border-radius: 45px;
}

.home-record {
	padding: 10px 14px;
}
.footpanel {
	position: fixed;
	bottom: 0;
	width: 100%;
	line-height: 50px;
	background-color: #FFF;
	border-top: #dadada solid 1px;
}
.msicon {
	background: url(../images/msicon_18.png) no-repeat;
	background-size: auto 17px;
	display: block;
	width: 22px;
	height: 17px;
	margin: 14px 0 0 14px;
	float: left;
}
.home-msg {
	background: url(../images/msicon_18.png) no-repeat;
	background-size: 21px 17px;
	background-position: left;
	background-position-x: 14px;
	padding-left: 40px;
	font-size: 12px;
	color: #999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.home-msg ul{
	height: 50px;
}
.home-msg ul li{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.footpanel .nexticon {
	padding-right: 14px;
}

.nexticon,.mtitem ul li span.nexticon{
	width: auto;
	height: auto;
	background-color:inherit;
	float: right;
	color:#999;	
	padding:0;
	margin: 0;
}
.mtitem ul li span.nexticon{
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -7px;
}
.uilist ul li span.nexticon
{
	margin-top: -15px;
}

#mlist.footpanel {
/*border-top:solid 1px #dadada;*/
}
#clist dl,#opcclist dl {
	width: 80%;
	position: relative;
	float: left;
	text-align: center;
}
#opcclist dl{
	width: 66%;
}
#clist dl:last-child ,#opcclist dl:last-child{
	width: 20%;
	background-color: #0CF;
	color: #FFF;
}
#opcclist dl:first-child
{
	width: 14%;
	background-color: #E0E0E0;
	color: #999;
}
#clist dl dt {
	position: absolute;
	min-width: 14px;
	min-height: 14px;
	line-height: 14px;
	padding: 2px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 10px;
	color: #FFF;
	background-color: #F00;
}
dl dd .number{
	
	min-width: 14px;
	min-height: 14px;
	line-height: 14px;
	padding: 2px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-size: 10px;
	color: #FFF;
	background-color: #F00;
	position:absolute;
	top:8px;
}

.opensj{
	font-size:10px;
	padding-right:4px;
}

.effupdown{
	 -moz-animation: eff-up-down 0.6s linear 0s infinite alternate;
 	 -webkit-animation: eff-up-down 0.6s linear 0s infinite alternate;
	 position:absolute;
}
.rssort{
	padding-left:16px;	
}

@-moz-keyframes eff-up-down{
  from{
	  padding-top:1px;
  }to
  {
	padding-top:-1px;
  }
}
@-webkit-keyframes eff-up-down{
 from{
	 padding-top:1px;
  }to
  {
	padding-top:-1px;
  }
}


#clist dl dd {
	font-size: 14px;
	border-left: solid 1px #FFFFFF;
	height: 50px;
}
#mlist dl {
	width: 25%;
	position: relative;
	float: left;
	border-left: solid 1px #dadada;
	margin-left:-1px;
	height: 50px;
	background-color: #f3f3f3;
}

#mlist.invitation dl{
	width: 37%;
}
#mlist.invitation dl:last-child{
	width: 26%;
}

#mlist dl:last-child,#mlist dl:last-child dd
{
	font-size:14px;
	line-height:50px;
	background-color: #0CF;
	color: #FFF;
}
#mlist dl.hover {
	background-color: #FFF;
	margin-top: -1px;
	padding-top: 1px;
}
#mlist dl.hover dt, #me-tablemenu dl dt {
	color: #00a1d9;
}
#mlist dl.hover dd {
	border-bottom: solid 3px #00a1d9;
}
#mlist dt, #mlist dd {
	position: relative;
	width: 100%;
	text-align: center;
}
#amlist .mtitem li {
	border-bottom: solid #E2E2E2 1px;
}
#amlist .mtitem li:last-child {
	border: none;
}
#amlist .mtitem li div {
	margin: 0 60px 0 55px;
}
#amlist .mtitem li .info {
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 74px;
	margin: 0;
	background-color: #f2f2f2;
	border-bottom: solid #E2E2E2 1px;
	overflow: hidden;
}
#amlist .mtitem li .info aside {
	position: relative;
	height: 50%;
	width: 100%;
	padding-bottom: 20px;
}
#amlist .mtitem li .info aside:last-child {
	border-top: solid 1px #fff;
	padding: 0;
}
#amlist .mtitem li .info aside p {
	margin: -18px 0 0 11px;
	font-size: 14px;
	font-weight: bold;
	padding: 2px;
	position: relative;
	top: 50%;
}
#amlist .mtitem li .info aside p:last-child {
	margin: 0 0 0 10px;
	background: url(../images/clockicon_03.png) no-repeat;
	background-position: left;
	background-position-x: 3px;
	background-size: 14px auto;
	padding: 0 0 0 19px;
	font-size: 12px;
	font-weight: normal;
}
#amlist .mtitem li .info aside:last-child {
	background: url(../images/localeicon_03.png) no-repeat;
	background-position: center;
	background-size: 14px auto;
	height: 50%;
}
#mlist dt, #me-tablemenu dt {
	font-size: 26px;
	line-height: 20px;
	color: #333;
	padding-top: 5px;
	font-weight: bold;
}
#me-tablemenu dt{
	padding-top: 8px;
}
#mlist dd, #me-tablemenu dd {
	font-size: 12px;
	line-height: 22px;
	color: #999;
}
.search,.ivitlist {
	height: 46px;
}
.search div ,.ivitlist div{
	padding: 8px 14px;
	line-height:normal;
	margin:0;
}
.search div input,.ivitlist div input {
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: solid #CCC 1px;
	text-indent: 8px;
	font-size: 14px;
}
.search a {
	position: absolute;
	top: 9px;
	right: 13px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align: center;
	width: 60px;
	line-height: 30px;
	height: 30px;
	background-color: #00a1d9;
	color: #FFF;
}
#amlist, #contacts,.invitationitem,.marginb50,#intu {
	margin-bottom: 50px;
}
.paddingb50{
	padding-bottom:50px;	
}


#contacts .mtitem ul li.lineyear {
	padding-top: 10px;
}
.mtitem ul li.lineyear span {
	float: right;
	font-size: 12px;
	font-weight: normal;
	color: #999;
	text-align: right;
	padding: 0;
	margin: 0;
	background:none;
}
#meinfo {
	min-height: 100px;
	overflow:hidden;
}
#meinfo ul {
	position: relative;
	z-index: 5;
	padding: 26px 0;
	display:block;
}
#meinfo ul li {
	line-height: 20px;
	text-align: center;
	text-shadow: 0px 0px 5px #fff;
	
}
#meinfo .username {
	font-size: 16px;
	font-weight: bold;
}
#meinfo .title {
	color: #666;
}
#meinfo .integral {
	padding-top: 6px;
}
#meinfo .integral span {
	min-width: 20px;
	font-weight: bold;
	color: #FFF;
	display: inline-block;
	background-color: #F00;
	padding: 4px 10px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
#meinfo ul li.photo img {
	width: 80px;
	height: 80px;
	border-radius: 80px;
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	border: #FFF 4px solid;
	margin: 2px 0;
}
.blurfilter {
	-webkit-filter: blur(20px); /* Chrome, Opera */
	-moz-filter: blur(20px);
	-o-filter: blur(20px);
	-ms-filter: blur(20px);
	filter: blur(20px);
	filter: url(blurfilter.svg#blurfilter); /* FireFox, Chrome, Opera */
 	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=20, MakeShadow=false); /* IE6~IE9 */
	opacity: 0.3;
}
#meinfo .blurfilter {
	position: absolute;
	top: 0;
	height:100%;
	width: 100%;
	height:auto;
	display:block;
}
#meinfo .blurfilter img {
	width: 100%;
	height: 100%;
	
	margin-top: -25%;
	
}

#me-tablemenu dl {
	width: 25%;
	float: left;
	color: #666;
	text-align: center;
	border-left: solid 1px #dadada;
	margin-left:-1px;
	z-index: 1;
	height: 50px;
	background-color: #fff;
}

#me-tablemenu dl:nth-child(2) dt{
	color:#7788e8;	
}
#me-tablemenu dl:nth-child(3) dt{
	color:#fc6b73;	
}
#me-tablemenu dl:nth-child(4) dt{
	color:#53cdc0;	
}


.melist ul {
}
.melist ul li,.uilist ul li{
	padding:9px 14px;
	line-height: 30px;
	border-bottom:solid 1px #f6f6f6;
	position: relative;
}


.uilist ul li{
	background-color:#f9f9f9;

	min-height: 30px;
}

.melist ul li{
	padding:10px 24px;
}
.melist ul li span.icon,.uilist ul li span.icon {
	float: left;
	margin-right:10px;
	width:30px;
	height:30px;
}
.melist ul li span.icon
{
	margin:0;
}
.melist ul li span.icon img{
	padding-top:3px;
}
.delete,.mtitem ul li div.delete{
/*	display:none;*/
	background-color:#F00;
	color:#fff;
	height:100%;
	width:70px;
	position:absolute;
	right:-70px;
	top:0;	
	line-height:100%;
}
.mtitem ul li div.select,.mtitem ul li div.checkbox{
	height:100%;
	width:30px;
	position:absolute;
	right:0;
	top:0;	
	line-height:100%;
}
.mtitem ul li div.delete p,#survey .mtitem ul li div.delete p{
	text-align:center;
	font-weight:normal;
	position:relative;
	top:50%;
	margin:-7px 0 0 0;
	padding: 0;
	color: #fff;
}

#invitationcreata,#creatanext{
	background-color:#0CF;
	height:50px;
	text-align:center;
	color:#fff;
}
.ivitlist{
	/*text-align:center;*/
	background-color:#FFF;
	line-height:46px;
	font-weight:bold;
	padding-left:14px;
	width:auto;
}
.ivitlist.create{
	padding:0;	
}

.invitationitem ul li{
	overflow: hidden;
}
.invitationitem ul li h4{
	font-size:16px;
	padding-left: 50px;
	line-height: 20px;
}
.invitationitem ul li p{
	  line-height: 20px;
  padding: 8px 0 0 50px;

}
.invitationitem ul li p img{
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	padding-left:4px;
}
.invitationitem ul li p.joininfo{
	font-size:12px;
	font-weight:bold;
	color:#999;
}
.initnumber{
	font-size: 30px;
	color: #F00;
	font-style: oblique;		
}
.initdate{
/*	font-style:oblique;*/
	color:#0CF;
}
.uilist.create ul li p
{
	line-height:20px;
}
.uilist.create ul li input,.uilist.create ul li textarea,.uilist.create ul li select,.surveyqatype li input,.surveyqatype li textarea{
	width:99%;
	height: 30px;
	line-height: 30px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: solid #CCC 1px;
	text-indent: 6px;
	font-size: 14px;
}

.uilist.create ul li textarea,.surveyqatype li textarea
{
	max-width: 99%;
	min-height: 80px;
	line-height:16px;
	padding: 6px 0;
}
.surveyqatype li textarea.essayqatitle
{
	min-height: 140px;
}
.surveyqatype li textarea.essayqanswer,.uilist.create ul li textarea.essayqanswer
{
	min-height: 24px;
	max-height: 24px;
	line-height: 24px;
}
.uilist.create ul li.indate input{
	width:40%;
	text-indent: inherit;
}
.uilist.create ul li.indate input:last-child{
	margin-left: 10px;
}

.uilist.create{
	margin-top:50px;
}


.ivitcreate,.surveycreate{
	text-align: center;
	background-color: #FFF;
	line-height: 46px;
	font-weight: bold;
	width: auto;
	position:fixed;
	width:100%;
	height:46px;
	top:0;
	z-index:10;
}

.surveycreate .breadcrumbs .single{
	width: 50%;
}
.crumbs{
	border-bottom: solid 4px #f1f1f1;
}
#intu,#intutype{
	display:none;
}
.noalert{
	color: #999;
	text-align: center;
	background-color: #f1f1f1;
	display: block;
	padding: 20px;
	line-height:18px;
}
.opencontact,.opensurveytype,.openhospital{
	background-color: #fff;
	top: 100%;
	left: 0;
	height: 100%;
	z-index: 5000;
	display: none;
}
.removebox,.checkbox,.opencontact ul li div.checkbox,#intutype ul li div.checkbox,#intu .mtitem ul li div p span.checkbox{
	color: #fff;
	height: 12px;
	width: 12px;
	padding: 2px;
	font-size: 12px;

	background-repeat:no-repeat;
	background-position:center;
	background-image:none;
	background-color: #fff;
	border: solid 1px #999;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	right: 10px;
	top:50%;
	margin-top: -9px;
}
ul.surveyqatype li div p.select .checkbox,.opencontact ul li div.checkbox.select,.opencontact ul li.select div.checkbox,#intutype ul li.select div.checkbox,#intu .mtitem ul li div p.select span.checkbox,ul.surveyqatype li div .option p.select .checkbox{
	background-color:#0CF;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QkZGNjE0MDI0Q0QxMUU1ODQ4NkJBREYzMjA3OTJCRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QkZGNjE0MTI0Q0QxMUU1ODQ4NkJBREYzMjA3OTJCRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdCRkY2MTNFMjRDRDExRTU4NDg2QkFERjMyMDc5MkJEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdCRkY2MTNGMjRDRDExRTU4NDg2QkFERjMyMDc5MkJEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+w9WH/gAAAMRJREFUeNpi+f37NwORQAeIk5iIVOwOxCeAWI6FCMUWQLweiDmB+B0hGySBeA1UMQiIEdIwE4ilkfgCyBp4gNgAiR8CxL5I/AYgdmIAhRIQBwDxIyC+AsRMQMwKxLeB+D8UF0LVMYA83QvERUgmhQGxKBCrQPnVQNwPlwXqYgHiciD+BTXtGhA/hLKXwEyGYUakiLMH4k1AzAflXwBiayD+hhwKjGgxbQTE+4CYDYiNgfg6erChR9w5IA4CYhNsikEAIMAAywhrTtXiGl4AAAAASUVORK5CYII=");
}
/*
.selectcontact dd ul{
	position: relative;
	width: 100%;
}*/
.opencontact dd.select,#intutype dd.select,.opensurveytype dd.select
{
	margin: 10px 10px 0 10px;
	height: 30px;
	line-height:30px;
	overflow-x: auto;
	overflow-y: hidden;
}
dd.select ul{
	white-space:nowrap;
	height: 50px;
    width: 100%; 

}

.opensurveytype dd.select{
	margin:0;
	height: 50px;
	line-height: 50px;
}
.opencontact dd ul li,#intutype dd ul li,.opensurveytype dd ul li{
	display:inline-block;  
}
.opencontact dd ul li img{
	width: 30px;
	height: 30px;
	padding-left: 4px;
}
#intutype .mtitem ul li span{
	background-color: inherit;
	width: 65px;
	text-align: center;
}
#intutype .mtitem ul li.lineyear
{
	padding: 14px 14px 0 14px;
}

#intu .mtitem ul li div section{
	margin: -9px -14px 0 -14px;
	background-color: #fdfdfd;
	padding: 0 14px;
	color: #004C7B;
	border-bottom: #F2F2F2 solid 1px;
}
#intu .mtitem ul li div section span{
	background:initial;
	width: 80px;
	height: auto;
	text-align: right;
	margin:0;
	float: right;
	display: block;
}

#intu .mtitem ul li div{
	font-size: 14px;
}

#intu .mtitem ul li div p.surveytitle,#intu .mtitem ul li div p.surveyoption{
	position: relative;
	line-height: normal;
	display: block;
}

#intu .mtitem ul li div p.surveytitle{
	font-weight: bold;
	color: #333;
	font-size: 16px;
	margin: 10px 0;
}
#intu .mtitem ul li div p.surveyoption{
	color: #666;
	padding: 10px 0 10px 26px;
}


#intu .mtitem ul li div p span.checkbox{
	position: absolute;
	left: 0;
}
.opensurveytype dd ul li{
	padding: 0 18px;
	border-right:#F2F2F2 solid 1px;
	border-left:#F2F2F2 solid 1px;
	margin-left: -1px;
}
.opensurveytype dd ul li.hover{
	background-color: #95A9AE;
	color: #fff;
}

.rotateleft{
	-webkit-transform: rotate(-45deg);
	background-color: azure;
	width: 100px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	position: absolute;
	top: 10px;
	left: -28px;
	font-size: 10px;
	color: #fff;
}
.ivtndatetime{
	position: absolute;
	top: 50%;
	left: 0;
	color: #00A1D9;
}

.invitationitem ul li div.ivtndatetime p{
	padding: 0;
	margin:0;
	text-align: center;
	font-size: 17px;
	width: 60px;
}
.invitationitem ul li div.ivtndatetime p:last-child{
	font-size: 14px;
	color: #999;
}

ul.surveyqatype li{
	display: none;
}
ul.surveyqatype{
	padding:0 14px;
}
ul.surveyqatype li div p{
	line-height: 20px;  
	padding-left: 10px;
	margin: 10px 0 6px 0;
	border-left: #00a1d9 solid 2px;
	font-size: 16px;
	position: relative;
}
ul.surveyqatype li div .option p{
	border: none;
	padding:0 30px;
}
ul.surveyqatype li div .option p.other ,#intu .mtitem ul li div p.other{
	padding:0 30px 0 70px;
}
#intu .mtitem ul li div p.other{
	padding-right: 0;
}
ul.surveyqatype li div .option p.other input,#intu .mtitem ul li div p.other input{
	opacity: 0.5;
}
ul.surveyqatype li div .option p .checkbox{
	position: absolute;
	left: 0;
}
ul.surveyqatype li div .option p .removebox{
	position: absolute;
	right: 0;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	color: #f00;
	line-height: 10px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
ul.surveyqatype li div .option p .other,#intu .mtitem ul li div p.other span.other{
	position: absolute;
	left: 30px;
	line-height: 32px;
	background: inherit;
}


.addbuttom{
	display: block;
	width: 100%;
	line-height: 40px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #0CF;
	text-align: center;
	color: #fff;
	margin: 10px 0;
}
.singlesetup{
	margin: 0 -14px;
	background-color: #fff;
	min-height: 40px;
	border-top: 1px solid #F2F2F2;
}
.addbuttom span{
	text-align: center;
	display:inline-block;
	width: 50%;
	border-left: 1px solid #fff;
	margin-left: -1px;
}
.addbuttom span:first-child{
	border: none;
}

.getidentifycode{
	position:absolute;
	display: block;
	height: 50px;
	width: 36%;
	right: 0;
	top: 0;
	background-color: #F7F7F7;
	border-radius:0 6px 0  0;
	-moz-border-radius:0 6px 0  0;
	-webkit-border-radius:0 6px 0  0;
	line-height: 50px;
	color: #000;
	border-left: #CCC 1px solid;
	z-index: 2;
}

#submitlogin.mt10,.mt10{
	margin-top: 10px;
}



#inputfrom.registermobile   li input#mobile{
    width:54%;
}
#inputfrom.registerhospital li:nth-of-type(1){
	border:none;
	color:#666;
	line-height:50px;
}
.arrow-down {
    width:0; 
    height:0; 
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-top:6px solid #000000;
}
.hparrow{
	margin:22px 10px 0 0;	
}

.openhospital{
	position:absolute;
	width:100%;
	top:0;
}
.fixedplane{
	position:fixed;		
}
.addresstable{
	position:fixed;
	width:100%;
	border-bottom:solid 1px #d1d1d1;
	background-color:#FFF;
}
.addresstable li{
	width:40%;
	height:50px;
	line-height:50px;
	text-align:center;
	float:left;
	border-left:solid 1px #D1D1D1;
	margin-left:-1px;
}
.addresstable li:last-child{
	width:20%;
	background-color:#EEE;
}
#selectcitylist{
	position:absolute;
	width:100%;
	height:100%;
	z-index:10003;
	display:none;
}
ul.selectlist{
	padding-top:50px;	
}
ul.selectlist li{
	border-bottom:solid 1px #CCC;
	padding:20px;
	background-color:#fff;
}
ul.selectlist li.hover{
	background-color:#09F;
}
.province,.city,.county{
	font-size:12px;
	text-wrap:normal;
	display:block;
	overflow: hidden;
 white-space: nowrap;
 padding:0 6px;
}
.citytitle{
	line-height:50px;
	text-align:center;
	background-color:#00A1D9;
	color:#fff;
	position:fixed;
	top:0;
	width:100%;
}
.openhospital .search{
	position:fixed;
	width:100%;
	top:50px;
	background-color:#E3E3E3;
}
.openhospital .search div{
	
}
.hospitallist{
	padding-top:93px;
	background-color:#FFF;
}

#selecthospital{
	overflow: hidden;
	white-space: nowrap;
	width:90%;
	display:block;
}
#mlist.notice dl {
    width: 50%;
}
#mlist.notice dl:last-child {
    display: none;
}
#coursetab
{
	background-color:#fff;	
}
#coursetab ul{
	border-bottom:solid 1px #d8d8d8;
	padding:10px 0;
}
#coursetab ul li{ 	
	width:34%;
	padding:0 8%;
	float:left;
	line-height:40px;
	border-left:solid 1px #d8d8d8;
	margin-left:-1px;
	position:relative;
}
#coursetab ul li img{
	float:right;
}

#coursetab ul li.hover
{
	font-weight:bold;	
	
}
#coursetab ul li.hover .linetab
{
	display:block;
}
	
#coursetab ul li .linetab
{
	position:absolute;
	background-color:#2a83df;
	height:3px;
	width:100%;
	display:none;
	top:47px;
	left:0;
}
#courselist{
}

#courselist  ul.jst li
{
	padding:14px;
}
#courselist ul li
{
	background-color:#FFF;	
	padding:14px 14px 0 14px;
	border-bottom:solid 1px #d8d8d8;
	margin-top:6px;
}
#courselist ul li .about
{
	color:#666;
	padding-top:10px;
	
}
#courselist ul li .title p
{
	overflow: hidden;
 	white-space: nowrap;
	text-overflow: ellipsis;
}
#courselist ul li .title span{
	float:right;
	font-size:12px;
	color:#666;
}
#courselist ul li div.button
{
	position:relative;
	margin:14px -14px 0 -14px;
}
#courselist ul li div.button a.novidoe{
	color:#CCC;
}
#courselist ul li div.button a{
	line-height:24px;
	border-top:solid 1px #d8d8d8;
	width:50%;
	text-align:center;
	float:left;
	color:#333;
	border-left:solid 1px #d8d8d8;
	margin-left:-1px;
}
.listlive{
	display:none;	
}


.chatlist{
	padding-bottom:56px;
}
.chatleft .photo{
	position:absolute;	
	left:5px;
	top:6px;
}
.chatright .photo{
	position:absolute;	
	right:5px;
	top:6px;
}
.chatleft .photo img,.chatright .photo img{
	width:40px;
	height:40px;
}
.chatleft{
	float:left;
	clear: both;
	position:relative;
}
.chatright{
	float:right;
	clear: both;
	position:relative;
}
div.chat{
	margin: 6px 0;
	padding: 8px;
	position: relative;
	background: -webkit-gradient( linear, 50% 0%, 50% 100%, from(#ffffff), color-stop(0.1, #ececec), color-stop(0.5, #dbdbdb), color-stop(0.9, #dcdcdc), to(#8c8c8c) );
	border: 1px solid #989898;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
}

div.chat:before {
 content: '';
 position: absolute;
 width: 0;
 height: 0;
 left: 15px;
 top: -20px;
 border: 10px solid;
 border-color: transparent transparent #989898 transparent;
}
div.chat:after {
 content: '';
 position: absolute;
 width: 0;
 height: 0;
 left: 17px;
 top: -16px;
 border: 8px solid;
 border-color: transparent transparent #ffffff transparent;
}

div.chat.left{
	box-shadow: 2px 2px 2px #CCCCCC;
	margin-left: 60px;
	width: 65%;
	float: left;
	background: -webkit-gradient( linear, 50% 0%, 50% 100%, from(#ffffff), color-stop(0.1, #eae8e8), color-stop(0.4, #E3E3E3), color-stop(0.8, #DFDFDF), to(#D9D9D9) );
}

div.chat.left:before {
 content: '';
 position: absolute;
 width: 0;
 height: 0;
 top: 9px;
 bottom: auto;
 left: -10px;
 border-width: 9px 10px 9px 0;
 border-color: transparent #989898;
}
div.chat.left:after {
 content: '';
 position: absolute;
 width: 0;
 height: 0;
 top: 10px;
 bottom: auto;
 left: -8px;
 border-width: 8px 9px 8px 0;
 border-color: transparent #eae8e8;
}


div.chat.right{
	 box-shadow: -2px 2px 5px #CCC;
 margin-right: 60px;
width: 65%;
 float: right;
 background: -webkit-gradient( linear, 50% 0%, 50% 100%, from(#e4ffa7), color-stop(0.1, #bced50), color-stop(0.4, #aed943), color-stop(0.8, #a7d143), to(#99BF40) );
}

div.chat.right:before {
 content: '';
 position: absolute;
 width: 0;
 height: 0;
 top: 9px;
 bottom: auto;
 left: auto;
 right: -10px;
 border-width: 9px 0 9px 10px;
 border-color: transparent #989898;
}
div.chat.right:after {
 content: '';
 position: absolute;
 width: 0;
 height: 0;
 top: 10px;
 bottom: auto;
 left: auto;
 right: -8px;
 border-width: 8px 0 8px 9px;
 border-color: transparent #bced50;
}

.icon-reply{
	background:url(../images/chaticon.png) no-repeat;
	background-size:20px auto;
	background-position-y:center;
	position:relative;
	left:50%;
    color: #777;
	margin-left:-43px;
	padding-left:30px;
	display:inline-block;
}



.pub-wrap.edit-mode.show {
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 1;
}
.pub-float textarea {
    font-size: 14px;
    color: #000;
}

.pub-wrap.edit-mode {
    top: 0;
    margin: 10px;
    border-radius: 2px;
    padding: 0;
    opacity: 0;
}
.pub-wrap {
    overflow: hidden;
    position: relative;
    background: #fff;
	z-index:10000;
}
.section-1px {
    position: relative;
}

.pub-wrap.edit-mode .editor-outer .editor {
    margin: 0;
}
.pub-float textarea {
    font-size: 14px;
    color: #000;
}
.pub-wrap.edit-mode .editor-outer {
    padding: 15px;
}
.editor, .cp-editor {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-flex: 1;
    margin: 15px 0;
    border: 0;
    width: 100%;
    height: auto;
    min-height: 72px;
    -webkit-appearance: none;
    -moz-box-flex: 1;
    box-flex: 1;
}
.pub-wrap .cp-editor {
	 display: none;
    border: solid 1px #c00;
}
.pub-type {
    display: -webkit-box;
    -webkit-box-pack: end;
    -webkit-box-align: center;
    -webkit-box-sizing: content-box;
    padding: 10px 20px;
    height: 35px;
    font-size: 16px;
    background: #fff;
}
.pub-type .pub-face.active {
    background-image: url(../images/select-face-active.png);
}
.pub-type .pub-face {
    overflow: hidden;
    position: relative;
    width: 25px;
    height: 25px;
    background: url(../images/select-face.png) no-repeat 0 0;
    background-size: 25px 25px;
}
.pub-type .pic-type {
    overflow: hidden;
    position: relative;
    margin-right: 14px;
    width: 25px;
    height: 25px;
    background: url(../images/select-photo2.png) no-repeat 0 0;
    background-size: 25px 25px;
}
.pub-type .pic-type.active {
    background-image: url(../images/select-photo2-active.png);
}
.reply .pub-cancel, .comment-reply .pub-cancel {
    margin-right: 10px;
    border: 1px solid #d4d4d4;
    color: gray;
    background-color: #fff;
}
.pub-wrap button {
    border: 0;
    border-radius: 4px;
    width: 81px;
    height: 35px;
    font-size: 16px;
    text-align: center;
    color: #fff;
}
.reply .pub-flex, .comment-reply .pub-flex {
    -webkit-box-flex: 1;
}
.pub-publish {
    float: right;
    background-color: #2791dc;
}
#selectPic{
	display:none;	
}
.border-1px {
    position: relative;
}
.border-1px::after {
    display:inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid #c8c7cc;
    width: 100%;
    height: 100%;
    content: " ";
    pointer-events: none;
}

#popchatreply{
	display:none;
}

.introduction{
	position:absolute;
	height:100%;
	background-color:#fff;
}
.introduction .tabitem{
	padding:14px;	
}
.introduction .tabitem p{
	line-height:1.8;
	text-indent:2em;
	margin-top:10px;
}


.uilist ul#product li span.nexticon{
	margin:auto;	
}