@CHARSET "UTF-8";
.grayscale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url(grayscale.svg); /* Firefox 4+ */
	filter: gray; /* IE 6-9 */
}

a:focus,
button:focus {
	border: none;
}

/* Style Placeholder Text Color for IE */
input:-ms-input-placeholder {  
   color: #aaa !important;  
}
textarea:-ms-input-placeholder {
	color: #aaa !important;
}
.fixed {
	position: fixed;
	top: 10px;
}

.topic, .delete {
	font-size: 14px;
	color: #32aae1;
}
.topic:hover, .delete:hover {
	text-decoration: underline;
}

.read {
	font-weight: normal;
	font-size: 14px;
}
.unread {
	font-weight: bold;
	font-size: 15px;
}

.pagi { 
	height: 34px;
	margin-top: 20px;
	position: relative;
	width: 100%;
	text-align: center;
	float: left;
}

.blackOverlay {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	bottom: 0;
	right: 0;
	background-color: #fff;
	z-index: 99999998;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity =   80);
	height: auto !important;
	width: auto !important;
	text-align:center;
}

.whiteContent {
	display: none;
	position: absolute;
	background-color: white;
	z-index: 99999999;
	overflow: auto;
	/* -webkit-border-radius: 8px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius: 8px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-radius: 8px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px; */

	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.4);
	-ms-box-shadow:  0 0 4px rgba(0,0,0,.4);
	box-shadow: 0 0 4px rgba(0,0,0,.4);
}

.whiteContent .popTitle {
	height: 36px;
	width: 100%;
	position: relative;
	float: left;
	background: #32aae1 url('../img/common/pop_title_bg.png') repeat-x;
	box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 2px;
}

.whiteContent .popTitle h3 {
	width: 300px;
	position: relative;
	float: left;
	line-height: 36px;
	padding-left: 10px;
	color: #fff;
}

.whiteContent .popTitle .close {
	postion: relative;
	padding: 3px;
	width: 30px;
	height: 30px;
	text-align: center;
	float: right;
	display: inline-block;
	background: url('../img/common/closeBtn.png') no-repeat center center;
}

.whiteContent button {
	position: relative;
	padding: 9px 0;
	margin-top: 20px;
	width: 100px;
	margin-left: 44%;
	font-size: 16px;
	background: #32aae1;
	color: #fff;
	border: none;
	border-radius: 8px;
	-webkit-radius: 8px;
	-moz-radius: 8px;
	-ms-radius: 8px;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}

.whiteContent button:hover {
	background: #52cfea;
	cursor: pointer;
	color: #666;
}

/* Post Comment to Doctor PopUp Style */
#postComment {
	top: 50%;
	left: 50%;
	margin-left: -330px;
	margin-top: -155px;
	width: 660px;
	height: 310px;
}

#postContent {
	position: relative;
	float: left;
	width: 100%;
	height: 220px;
}

#postContent textarea {
	width: 580px;
	height: 140px;
	padding: 10px;
	margin: 10px 29px;
	position: relative;
	border: 1px solid #e9e9e9;
	overflow: auto;
}

/* Raties PopUp Style */
#dratiesContent {
	top: 50%;
	left: 50%;
	margin-left: -350px;
	margin-top: -210px;
	width: 700px;
	height: 420px;
}

#dratyContent {
	position: relative;
	float: left;
	width: 660px;
	height: 280px;
	padding: 20px;
}

#dratyContent .raties {
	margin: 10px 0 10px 0;
	height: 40px;
	border-bottom: 1px dashed #d9d9d9;
	vertical-align: middle;
}

#dratyContent .raties .stars {
	position: relative;
	float: left;
}

#dratyContent .ratiesName {
	position: relative;
	float: left;
	width: 100px;
	font-size: 15px;
	line-height: 40px;
}

#dratyContent .ratiesLecture {
	position: relative;
	float: left;
	width: 100px;
	font-size: 15px;
}

#dratyContent span {
	width: 100px;
	font-size: 14px;
	display: inline-block;
}

#dratyContent textarea {
	width: 580px;
	height: 100px;
	padding: 10px;
	margin: 10px 29px;
	position: relative;
	border: 1px solid #e9e9e9;
	overflow: auto;
}

/* Raties PopUp Style */
#mratiesContent {
	top: 50%;
	left: 50%;
	margin-left: -350px;
	margin-top: -190px;
	width: 700px;
	height: 380px;
}

#mratyContent {
	position: relative;
	float: left;
	width: 660px;
	height: 280px;
	padding: 20px;
}

#mratyContent .raties {
	margin: 10px 0 10px 0;
	height: 40px;
	border-bottom: 1px dashed #d9d9d9;
	vertical-align: middle;
}

#mratyContent .raties .stars {
	position: relative;
	float: left;
}

#mratyContent .ratiesName {
	position: relative;
	float: left;
	width: 100px;
	font-size: 15px;
	line-height: 40px;
}

#mratyContent .ratiesLecture {
	position: relative;
	float: left;
	width: 100px;
	font-size: 15px;
}

#mratyContent span {
	font-size: 14px;
	display: inline-block;
}

#mratyContent textarea {
	width: 580px;
	height: 100px;
	padding: 10px;
	margin: 10px 29px;
	position: relative;
	border: 1px solid #e9e9e9;
	overflow: auto;
}


/* Raties PopUp Style */
#ratiesCultureContent {
	top: 50%;
	left: 50%;
	margin-left: -370px;
	margin-top: -290px;
	width: 740px;
	height: 580px;
}

#ratyCultureContent {
	position: relative;
	float: left;
	width: 660px;
	height: 240px;
	padding: 20px;
}

#ratyCultureContent .raties {
	margin: 20px 0 10px 0;
	height: 30px;
	border-bottom: 1px dashed #d9d9d9;
	vertical-align: middle;
}

#ratyCultureContent .raties .stars {
	position: relative;
	float: left;
}

#ratyCultureContent .ratiesLecture {
	position: relative;
	float: left;
	width: 100px;
	font-size: 15px;
}

#ratyCultureContent span {
	width: 140px;
	font-size: 14px;
	display: inline-block;
}

#ratyCultureContent textarea {
	width: 620px;
	height: 100px;
	padding: 10px;
	margin: 10px 9px;
	position: relative;
	border: 1px solid #e9e9e9;
	overflow: auto;
}


/* Cancel Reservation PopUp Style */
#cancelReservation {
	top: 50%;
	left: 50%;
	margin-left: -330px;
	margin-top: -130px;
	width: 660px;
	height: 260px;
}

#cancelRContent {
	position: relative;
	float: left;
	width: 100%;
	height: 220px;
}
#cancelRContent p {
	margin: 20px;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
}

#cancelRContent span {
	margin: 2px 20px;
	font-size: 13px;
	line-height: 24px;
	text-align: left;
	color: #db4646;
	display: block;
}

/* Delete Notice PopUp Style */
#deleteConfirm {
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -100px;
	width: 400px;
	height: 200px;
}

#deleteContent {
	position: relative;
	float: left;
	width: 100%;
	height: 160px;
}
#deleteContent p {
	margin: 20px;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
}

#deleteContent button#yesConfirm {
	position: relative;
	float: left;
	margin-left: 20%;
}

#deleteContent button#noConfirm {
	position: relative;
	float: left;
	margin-left: 10%;
}

/* Save Notice PopUp Style */
#savePop {
	top: 50%;
	left: 50%;
	margin-left: -225px;
	margin-top: -110px;
	width: 450px;
	height: 250px;
}

#savePopContent {
	position: relative;
	float: left;
	width: 100%;
	height: 140px;
}
#savePopContent p {
	margin: 20px;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
}

#savePopContent button#yesConfirm {
	position: relative;
	float: left;
	margin-left: 20%;
}

#savePopContent button#noConfirm {
	position: relative;
	float: left;
	margin-left: 10%;
}


/* Cancel Reservation PopUp Style */
#czDetails {
	top: 30%;
	left: 50%;
	margin-left: -380px;
	margin-top: -80px;
	width: 760px;
	height: 500px;
}

#czContent {
	position: relative;
	float: left;
	width: 100%;
	height: 360px;
}
#czContent p {
	margin: 20px;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
}

#czContent img {
	margin: 0 56px;
	z-index: -1;
}
#czContent img:hover {
}

/* Service Card Bind PopUp Style */
#fwkDetails {
	top: 40%;
	left: 50%;
	margin-left: -370px;
	margin-top: -130px;
	width: 740px;
	height: 490px;
}

#fwkContent {
	position: relative;
	float: left;
	width: 100%;
	height: 440px;
}
#fwkContent p {
	margin: 20px;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
}

#fwkContent img {
	margin: 0 56px;
}

/* Course Detail Popup Window */
#courseDetail {
	top: 50%;
	left: 50%;
	width: 700px;
	height: 600px;
	margin-left: -350px;
	margin-top: -300px;
}

.detail {
	padding: 0px 8px;
	color: #32aae1;
	font-size: 15px;
}
.detail button {
	width: 70px;
	height: 24px;
	line-height: 24px;
	background: #32aae1;
}
.detail:hover {
	text-decoration: underline;
}

.cardInfos {
	top: 50%;
	left: 50%;
	margin-left: -340px;
	margin-top: -120px;
	width: 680px;
	height: 240px;
}

.cardInfoContent {
	position: relative;
	float: left;
	width: 100%;
	height: 120px;
}

.cardInfoContent p {
	width: 610px;
	text-align: left;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 14px;
	line-height: 22px;
}

.cardInfoContent button {
	line-height: 20px;
}

/* Cancel Reservation PopUp Style */
.orderInfos {
	top: 50%;
	left: 50%;
	margin-left: -330px;
	margin-top: -150px;
	width: 660px;
	height: 300px;
}

.orderInfoContent {
	position: relative;
	float: left;
	width: 100%;
	height: 220px;
}

.orderInfoContent p {
	width: 590px;
	text-align: left;
	margin: 0 auto;
	margin-top: 20px;
	font-size: 14px;
}

.orderInfoContent table {
	width: 590px;
	margin: 10px auto;
}
.orderInfoContent table td {
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	border-bottom: 1px dashed #ccc;
}


/* Pay Order PopUp Style */
#cultureOrderPay {
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -110px;
	width: 400px;
	height: 220px;
}

#copContent {
	position: relative;
	float: left;
	width: 100%;
	height: 180px;
}
#copContent p {
	margin: 20px 60px;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
}

#copContent button#yesConfirm {
	position: relative;
	float: left;
	margin-left: 20%;
}

#copContent button#noConfirm {
	position: relative;
	float: left;
	margin-left: 10%;
}


/* Pay Order PopUp Style */
#csuccessHint, #dsuccessHint {
	top: 50%;
	left: 50%;
	margin-left: -330px;
	margin-top: -130px;
	width: 660px;
	height: 280px;
}

#cshContent,#dshContent  {
	position: relative;
	float: left;
	width: 100%;
	height: 240px;
}
#cshContent {
	
}
#cshContent p, 
#dshContent p {
	margin: 20px 40px;
	font-size: 14px;
	line-height: 25px;
	text-align: left;
}


/* Pay Order PopUp Style */
#diagnosisOrderPay {
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -175px;
	width: 600px;
	height: 350px;
}

#dopContent {
	position: relative;
	float: left;
	width: 100%;
	height: 220px;
}
#dopContent p {
	margin: 20px;
	font-size: 14px;
	line-height: 27px;
	text-align: left;
}

#dopContent span {
	color: #ee4040;
	font-size: 13px;
	line-height: 24px;
	text-align: left;
	padding: 0 5px;
	margin: 20px;
	display: block;
}

h2 {
	font-size: 20px;
	color: #464f63;
	font-weight: 400;
	padding-bottom: 18px;
}

a {
	color: #333;
	font-size: 15px;
}

a:hover {
	text-decoration: underline;
}

a:link,a:visited,a:active {
	text-decoration: none;
}

img {
	border: none;
}

input,textarea {
	outline: none;
	resize: none;
}

.ilb {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

input:focus {
	box-shadow: 0 0 4px #e5e5e5;
}

body {
	background: #fff;
}

.necess {
	font-size: 16px;
	font-weigth: 600;
	color: #32aae1;
	margin: 0 8px;
}

.btn {
	border: 0;
	background: #32aae1;
	color: #fff;
	border-radius: 4px;
	-webkit-radius: 4px;
	-moz-radius: 4px;
	-ms-radius: 4px;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}

.btn:hover {
	background: #009ee8;
	cursor: pointer;
	color: #333;
}

.doctorBtn {
	width: 100px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	display: block;
	margin: 0 55px;
	border: 0;
	background: #32aae1;
	color: #fff;
	border-radius: 4px;
	-webkit-radius: 4px;
	-moz-radius: 4px;
	-ms-radius: 4px;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}

.doctorBtn:hover {
	background: #009ee8;
	cursor: pointer;
	color: #333;
}

button.active {
	border: 0;
	background: url('../img/culture/btn_selected.png') top center no-repeat;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
}

.linkSearchBtn {
	position: relative;
	float: left;
	width: 160px;
	height: 42px;
	line-height: 42px;
	font-size: 15px;
	text-align: center;
	border: 0;
	background: #32aae1;
	color: #333;
	border-radius: 4px;
	-webkit-radius: 4px;
	-moz-radius: 4px;
	-ms-radius: 4px;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}

.linkSearchBtn:hover {
	background: #258fc0;
	cursor: pointer;
	color: #fff;
}
.linkSearchBtn.active {
	background: #258fc0;
	cursor: pointer;
	color: #fff;
}

#site {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

#header_wrapper {
	width: 100%;
	height: 90px;
	background: #fff url('../img/common/header_bg.png') repeat-x;
}

#header {
	width: 1050px;
	height: 90px;
	margin: 0 auto;
	position: relative;
	display: block;
}

#logo {
	position: relative;
	height: 69px;
	padding-top: 8px;
	background: #fff;
	float: left;
	width: 140px;
	text-align: left;
}

#logo a {
	display: block;
}

#logo a img {
	border: 0;
}

#loginRegister {
	position: relative;
	float: right;
	width: 450px;
	list-style: none;
	margin-top: 22px;
	text-align: right;
}

#loginRegister li {
	position: relative;
	float: right;
	margin-left: 13px;
	line-height: 42px;
	height: 42px;
	font-size:14px;
}

#loginRegister li:last-child {
}

#loginRegister li a {
	padding: 0 10px;
	font-size: 14px;
	display: block;
	text-decoration: none;
	color: #787878;
}

#loginRegister li a:hover {
	color: #32aae1;
}

#loginRegister li button {
	border: none;
	color: #fff;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	border-radius: 2px;
	font-size: 14px;
}

button#login {
	width: 110px;
	height: 42px;
	background: #38a4d5;
}

button#login:hover {
	background: #37b2ea;
}

button#register {
	width: 110px;
	height: 42px;
	background: #35bd48;
}

button#register:hover {
	background: #2cd343;
}

#loginRegister input[type="password"],#loginRegister input[type="text"]
	{
	height: 30px;
	width: 100px;
	line-height: 30px;
	margin: 0;
	padding: 1px 8px;
	color: #494949;
	border: 1px solid #009ee8;
	font-size: 14px;
	border-radius: 3px;
}

#loginRegister input:focus {
	box-shadow: 0 0 6px #b5b5b5;
}
#hotline {
	position: relative;
	float: right;
	height: 34px;
	font-weight: bold;
	padding: 0 3px;
	font-size: 14px;
	line-height: 34px;
	border-bottom: 1px solid #009ee8;
}
#settings {
	list-style: none;
	position: absolute;
	bottom: 10px;
	right: 0px;
	width: 175px;
}

#settings li {
	position: relative;
	float: right;
	margin-left: 15px;
	vertical-align: bottom;
}

#settings li a {
	color: #999;
	font-size: 13px;
}

#settings li:hover a {
	color: #32aae1;
	text-decoration: underline;
}

li#noticeTag {
	position: relative;
	text-align: center;
	line-height: 27px;
	margin-left: 0px;
	margin-top: -16px;
	font-size: 13px;
	width: 25px;
	height: 32px;
	background: url('../img/common/notice_tag.png') no-repeat;
}
li#noticeTag a {
	display: block;
	color: #fff;
}
li#noticeTag a:hover {
	text-decoration: underline;
}

/* Home */
#hcontent {
	width: 100%;
	height: 530px;
	padding: 50px 0 150px 0;
	background: #f9f9f9;
	position: relative;
	display: block;
	margin-top: 0px;
}

#hcontent #services {
	width: 1080px;
	height: 530px;
	margin: 0 auto;
	position: relative;
	display: block;
}

#services ul {
	list-style: none;
	width: 1080px;
	height: 530px;
	position: relative;
	display: block;
}

#services ul li {
	width: 220px;
	position: relative;
	height: 480px;
	float: left;
	text-align: left;
	padding: 25px 100px;
}

#services ul li a {
	position: relative;
	display: block;
	cursor: pointer;
	float: left;
	text-align: center;
}

.linkBtn {
	position: relative;
	float: left;
	display: block;
	width: 220px;
	height: 46px;
	line-height: 46px;
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
	background: #32aae1;
	border: none;
	margin-top: 20px;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}

.linkBtn:hover {
	background: #009ee8;
	cursor: pointer;
	color: #333;
}

#services ul li span {
	font-size: 13px;
	line-height: 24px;
	display: block;
	position: relative;
	margint-top: 15px;
	color: #4c5770;
	height: 100px;
	float: left;
}

#services ul li#idiagnosis {
	margin: 0 40px 0 80px;
	background: #f2f7ff;
}

#services ul li#idarchive {
	background: #fff;
	margin: 0 80px 0 40px;
}

#services ul li#iculture {
	background: #f2f7ff;
}

#services ul li#icarchive {
	background: #fff;
}

#services ul li #diagnosisImg {
	background: url('../img/index/diagnosisImg.png') no-repeat center center;
	margin-top: 15px;
	margin-bottom: 35px;
	width: 220px;
	height: 220px;
	overflow: hidden;
	background-size: 100%;
	-webkit-transition: background-size linear 1s;
	-moz-transition: background-size linear 1s;
	-ms-transition: background-size linear 1s;
	-o-transition: background-size linear 1s;
	transition: background-size linear 1s;
	border-radius: 110px;
}

#services ul li #drecordImg {
	background: url('../img/index/drecordImg.png') no-repeat center center;
	margin-top: 15px;
	margin-bottom: 35px;
	width: 220px;
	height: 220px;
	overflow: hidden;
	background-size: 100%;
	-webkit-transition: background-size linear 1s;
	-moz-transition: background-size linear 1s;
	-ms-transition: background-size linear 1s;
	-o-transition: background-size linear 1s;
	transition: background-size linear 1s;
	border-radius: 110px;
	behavior: url(border-radius.htc);
}

#services ul li #cultureImg {
	background: url('../img/index/cultureImg.png') no-repeat center center;
	margin-top: 15px;
	margin-bottom: 35px;
	width: 220px;
	height: 220px;
	overflow: hidden;
	background-size: 100%;
	-webkit-transition: background-size linear 1s;
	-moz-transition: background-size linear 1s;
	-ms-transition: background-size linear 1s;
	-o-transition: background-size linear 1s;
	transition: background-size linear 1s;
	border-radius: 110px;
}

#services ul li #crecordImg {
	background: url('../img/index/crecordImg.png') no-repeat center center;
	margin-top: 15px;
	margin-bottom: 35px;
	width: 220px;
	height: 220px;
	overflow: hidden;
	background-size: 100%;
	-webkit-transition: background-size linear 1s;
	-moz-transition: background-size linear 1s;
	-ms-transition: background-size linear 1s;
	-o-transition: background-size linear 1s;
	transition: background-size linear 1s;
	border-radius: 110px;
}

#services ul li #diagnosisImg:hover {
	background-size: 120%;
}

#services ul li #cultureImg:hover {
	background-size: 120%;
}

#services ul li #drecordImg:hover {
	background-size: 120%;
}

#services ul li #crecordImg:hover {
	background-size: 120%;
}
#services ul li#tcm_wiki {
	width: 500px;
	height: 490px;
	padding: 20px;
	position: relative;
	float: left;
	display: block;
	background: #f2f7ff;
}
#services ul li#tcmTips {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100px;
	width: 460px;
	padding: 70px 40px;
	background: #f2f4f8;
}
#tcmTips p {
	font-size: 14px;
	line-height: 30px;
	width: 100%;
	text-align: left;
}
#content {
	position: relative;
	width: 1050px;
	min-height: 550px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 20px;
	border: 0;
	border-bottom: 0;
	border-top: 0;
}

#leftContent {	
	float: left;
	width: 220px;
	background: #f9f9f9;
	padding-bottom: 0px;
}

#rightContent {
	position: relative;
	float: right;
	width: 789px;
	padding: 0 0 30px 40px;
}

#rightContent h4 {
	font-weight: normal;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#content #side_menu {
	width: 220px;
	position: relative;
	float: left;
	list-style: none;
}

#side_menu>li {
	margin-bottom: 15px;
	background: #f9f9f9;
	position: relative;
	float: left;
	width: 220px;
}

#side_menu li:hover div img {
	
}

#side_menu li div {
	background: #32aae1;
	text-align: center;
	padding: 0;
	height: 40px;
	line-height: 40px;
}

#side_menu li div img {
	position: relative;
	float: left;
	margin-left: 44px;
}

#side_menu li div span {
	position: relative;
	float: left;
	margin-left: 16px;
	font-size: 16px;
	color: #fff;
}

#side_menu li ul {
	display: block;
	list-style: none;
}

#side_menu li ul li {
	height: 40px;
	position: relative;
	float: left;
	width: 220px;
	line-height: 40px;
	border-bottom: 1px solid #fff;
	display: block;
}

#side_menu li ul li:hover {
	background: #fff;
}

#side_menu li ul li:hover a {
	color: #32aae1;
	text-indent: 13px;
}

#side_menu li ul li a {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	fon-size: 14px;
	text-indent: 5px;
	color: #32aae1;
}

#side_menu li ul li a.selected {
	background: #cad0dd;
	color: #fff;
	text-indent: 13px;
}
#side_menu li a span {
	position: relative;
	float: left;
}
#side_menu i.smNoticeTag {
	width: 20px;
	position: relative;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	text-indent: 0px;
	height: 20px;
	font-size: 12px;
	background: #ff7979;
	color: #fff;
	border-radius: 40px;
	text-align: center;
	line-height: 20px;
	font-style: normal;
}

.button {
	background: url('../img/index/register.png') no-repeat;
	width: 180px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	line-height: 46px;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
}

.button:hover {
	background: url('../img/index/register_hover.png') no-repeat;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
}

#okayPop {
	display: none;
	z-index: 99999;
	position: fixed;
	top: 40%;
	left: 35%;
	margin: 0 auto;
	height: 80px;
	line-height: 80px;
	font-size: 16px;
	border-radius: 6px;
	background: rgba(0, 0, 0, .7);
	color: #fff;
	text-align: center;
	padding: 6px 20px 6px 20px;
}

#noPop {
	display: none;
	z-index: 9999;
	position: fixed;
	top: 40%;
	left: 41%;
	margin: 0 auto;
	height: 70px;
	line-height: 70px;
	font-size: 18px;
	border-radius: 8px;
	background: #f30021;
	color: #fff;
	text-align: center;
	padding: 6px 80px 6px 80px;
}

form ul li {
	display: relative;
	float: left;
}

form input[type="text"],
form input[type="password"],
form input[type="tel"],
form input[type="email"] {
	height: 32px;
	line-height: 32px;
	margin: 0;
	padding: 2px 8px;
	color: #494949;
	border: 1px solid #d9d9d9;
	font-size: 13px;
	border-radius: 3px;
	margin-right: 15px;
	margin-bottom: 3px;
}

form select {
	height: 38px !important;
	vertical-align: middle;
	margin: 0;
	padding: 5px;
	color: #494949;
	border: 1px solid #d9d9d9;
	font-size: 13px;
	border-radius: 3px;
	margin-bottom: 3px;
	margin-right: 15px;
}

form span {
	font-size: 15px;
}

form span b {
	color: #d00;
	padding: 5px 0 0 5px;
	font-size: 17px;
	line-height: 15px;
}

/* Personal Information */
#pinfo {
	margin-bottom: 25px;
	width: 789px;
	height: 400px;
	position: relative;
	float: left;
}

#pinfo p {
	border: 1px solid #e7eaef;
	padding: 13px 8px;
	background: #f2f4f8;
	color: #888;
	margin-bottom: 10px;
	font-size: 15px;
}

#pinfo ul li {
	margin-right: 10px;
}

#pinfo input#name,#pinfo input#email,#pinfo input#telephone {
	width: 180px;
}

#pinfo input#birthday,#pinfo input#idnumber,#pinfo input#address {
	width: 270px;
}

#pinfo select {
	color: #aaa;
	width: 198px;
}

#pinfo input:focus,
#newpass input:focus {
	outline: none;
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 8px #7bc1f7;
	-moz-box-shadow: 0px 0px 8px #7bc1f7;
	-webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

#pinfo button.save,
#newpass button.save {
	text-align: center;
	font-size: 15px;
	width: 100px;
	border: none;
	text-decoration: none;
	background: #32aae1;
	margin-top: 20px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	-webkit-radius: 4px;
	-moz-radius: 4px;
	-ms-radius: 4px;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}

#pinfo button.save:hover,
#newpass button.save:hover {
	background: #009ee8;
	cursor: pointer;
	color: #333;
}

#infos {
	width: 789px;
	position: relative;
	float: left;
}

#health_info .healthRow {
	height: 92px;
	width: 789px;
	position: relative;
	list-style: none;
}

#health_info .healthRow li {
	
}

#health_info .healthTitle {
	width: 160px;
	height: 90px;
	display: inline;
	float: left;
	text-align: text;
	text-indent: 15px;
	line-height: 90px;
	position: relative;
	border: 1px solid #f2f2f2;
	font-size: 14px;
}

#health_info .healthContent {
	position: relative;
	border: 1px solid #f2f2f2;
	width: 625px;
	float: left;
	height: 90px;
}

#health_info .healthContent form {
	width: 625px;
}

#health_info .healthContent textarea {
	height: 80px;
	width: 615px;
	border: none;
	padding: 5px;
	overflow: auto;
}

#health_info .healthContent button {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 6px 12px;
	background: #32aae1;
	border: none;
	color: #fff;
}

#health_info .healthContent button:hover {
	background: #009ee8;
}

#newpass ul {
	list-style: none;
}
#newpass ul li {
	width: 500px;
	position: relative;
	float: left;
	display: block;
	height: 34px;
	margin: 10px 30px 15px;
}
#newpass ul li span {
	width: 150px;
	margin-right: 5px;
	text-align: right;
	font-size: 14px;
	line-height: 34px;
	position: relative;
	float: left;
}
#newpass ul li input {
	width: 200px;
}
#newpass #newpassSave {
	width: 500px;
	position: relative;
	float: left;
	margin: 10px auto;
	text-align: center;
}
#newpass button {
	position: relative;
}

/* Culture Lecture */
h3 {
	font-size: 16px;
	font-weight: normal;
	display: block;
	padding: 3px 0 13px 0;
	color: #585b77;
	font-weight: bold;
}

.culture_right h4 {
	font-size: 18px;
	background: #fff;
	text-align: left;
	color: #666;
	font-weight: normal;
	padding: 10px 0;
}

.culture_left {
	width: 160px;
	height: 150px;
	position: relative;
	float: left;
}

.culture_left img {
	background: #f5f5f5;
	padding: 20px 10px;
}

.culture_right {
	position: relative;
	float: left;
	width: 120px;
}

.culture_right p {
	margin:0 0 10px 0;
	font-size: 14px;
}

.culture_right button {
	padding: 10px 18px;
}

.endNotice {
	position: relative;
	float: left;
	width: 789px;
	height: 36px;
	display: none;
	z-index: 9999;
}

.endBtn {
	width: 130px;
	height: 36px;
	background: #f5f5f5;
	border-radius: 4px;
	-webkit-radius: 4px;
	-moz-radius: 4px;
	-ms-radius: 4px;
	border: none;
	display: block;
	position: relative;
	float: left;
	margin-top: -5px;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.5);
	
}

.endNotice p {
	font-size: 13px;
	line-height: 25px;
	height: 90px;
	margin-left: 27px;
	width: 330px;
	display: block;
	position: relative;
	float: left;
	text-indent: 20px;
	color: #666;
	margin-top: -4px;
	background:url('../img/course/span.png') top center no-repeat;
}
.endNotice p span {
	display: block;
	padding: 25px 20px;
}

.endHover {
	width: 130px;
	height: 150px;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.4);
	display: none;
	z-index: 9999;
}

#culture_intro {
	padding: 10px;
	background: #f2f4f8;
	border: 1px solid #e7eaef;
	position: relative;
	float: right;
	margin-right: 0px;
	width: 380px;
	height: 128px;
	text-overflow: ellipsis;
}

.figcaption {
    width: 380px;
    height: 75px;
}
.figcaption p {
    font-size: 14px;
	line-height: 24px;
	text-indent: 30px;
}

/* #culture_intro p {
	font-size: 14px;
	line-height: 24px;
	text-indent: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	width: 380px;
	height: 75px;
}
 */
#culture_prof {
	width: 789px;
	display: block;
	padding-bottom: 10px;
	position: relative;
	float: left;
}

#culture_prof .profInfo {
	height: 150px;
	width: 789px;
	position: relative;
	float: left;
	margin-top:13px;
	display: block;
	padding-bottom: 18px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #e7eaef;
}
#culture_prof .profPic {
	width: 130px;
	height: 150px;
	position: relative;
	float: right;
	background: #f9f9f9;
	margin-right: 5px;
}

#culture_prof .profPic img {
	width: 130px;
	height: 150px;
}

#culture_prof .profIntro {
	width: 300px;
	height: 140px;
	padding: 0 20px;
	position: relative;
	float: left;
}

#culture_prof .profCharge {
	width: 300px;
	padding: 5px;
	height: 140px;
	position: relative;
	float: left;
}

.profCharge ul {
	list-style-type: disc;
	
}

.profCharge ul li {
	font-size: 13px;
	line-height: 25px;
	list-style-position: inside;
}
#culture_prof .profIntro a:hover {
	color: #32aae1;
	text-decoration: underline;
}
#culture_prof .profIntro span {
	display: block;
	font-size: 14px;
	margin-bottom: 8px;
	margin-top: 3px;
}

#culture_prof .profIntro .profName {
	font-size: 16px;
	font-weight: bold;
}

#culture_prof .profIntro button {
	display: block;
	width: 100px;
	height: 38px;
	position: relative;
	margin-top: 8px;
}

#culture_prof .profIntro button a {
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	line-height: 38px;
}

#culture_prof .profIntro button:hover a {
	color: #666;
}


#culture_prof .profRaty {
	width: 100px;
	position: relative;
	float: right;
	margin-right: 50px;
}

#culture_prof .profRaty span {
	font-size: 14px;
	display: block;
}

#culture_time table {
	border: none;
	outline: none;
	margin-left: 200px;
	position: relative;
	float: center;
	border-collapse: collapse;
	border: none;
}

#culture_time table th {
	background: #98a4ba;
	color: #fff;
	border: 1px solid #ccc;
	padding: 9px 10px;
	font-weight: normal;
	font-size: 15px;
}

#culture_time table td {
	height: 40px;
	text-align: center;
	border: 1px solid #ccc;
	font-size: 14px;
}

#culture_participant #progress {
	width: 760px;
	padding: 10px;
	margin: 0 auto;
}
#culture_participant #progress .progressContent {
	width: 780px;
	position: relative;
	display: block;
	float: left;
}
.progressContent .progressBar {
	width: 600px;
	position: relative;
	float: left;
}
.progressContent .progressBar #timestone1 {
	width: 13px;
	height: 13px;
	position: absolute;
	z-index: 100000;
	left: 287px;
	bottom: 18px;
	background: url('../img/course/star.png') no-repeat top center;
}

.progressContent .progressBar #timestone2 {
	width: 13px;
	height: 13px;
	position: absolute;
	z-index: 100000;
	left: 437px;
	bottom: 18px;
	background: url('../img/course/star.png') no-repeat top center;
}

.progressContent .progressTime {
	vertical-align: bottom;
	position: relative;
	margin-left: 30px;
	float: left;
	height: 60px;
	line-height: 100px;
}
.progressContent .progressTime span {
	font-size: 13px;
}

.progressContent .scoursePeople span, .progressContent .hcoursePeople span, .progressContent .fcoursePeople span {
	font-size: 12px;
	margin-bottom: 10px;
	position: relative;
	display: inline;
}
.progressContent .img {

}

#culture_location button {
	width: 100px;
	height: 36px;
	margin-left: 20px;
}

#culture_location .culture_map {
	display: block;
	position: relative;
	float: left;
	margin-left: 30px;
}

/* Orders */
#tabsContent table {
	width: 789px;
	border-collapse: collapse;
	border: none;
}

#tabsContent table th {
	height: 40px;
	color: #fff;
	background: #98a4ba;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #e5e5e5;
}

#tabsContent table td {
	text-align: center;
	height: 38px;
	border: 1px solid #fff;
	font-size: 12px;
}
#tabsContent table td a {
	font-size: 12px;
}

#tabsContent table td span {
	margin: 0;
	padding: 3px 8px;
	font-size: 12px;
}

table td.paid,
table td.charge {
	background: #fff url('../img/culture/paid.png') top left no-repeat;
}

table td.paying,
table td.used {
	background: #fff url('../img/culture/paying.png') top left no-repeat;
}

table td.nopay,
table td.rebund {
	background: #fff url('../img/culture/nopay.png') top left no-repeat;
}

table tr.new_charge td {
	background: #ffebeb;
	color: #000;
}

.archive table {
	width: 789px;
	border-collapse: collapse;
	border: none;
}

.archive table th {
	height: 40px;
	color: #fff;
	background: #444;
	font-weight: normal;
	border: 1px solid #e5e5e5;
}

.archive table td {
	text-align: center;
	height: 44px;
	border: 1px solid #d5d5d5;
	font-size: 14px;
}

.archive table td span {
	margin: 0;
	padding: 3px 8px;
}

.star {
	max-width: 100px;
	width: 100px;
	margin: 0 auto;
}

.cancel {
	font-size: 12px;
	color: #32aae1;
}

.cancel:hover {
	text-decoration: underline;
}

/* Jifen & Cards */
#jifen,
#service_card {
	width: 767px;
	padding: 10px;
	border: 1px solid #d9d9d9;
	margin-bottom: 20px;
	position: relative;
	float: left;
	display: none;
}

#jifen h2 {
	margin: 0px;
}

#jifen p,#service_card p {
	border: 1px solid #e7eaef;
	padding: 13px 8px;
	background: #f2f4f8;
	color: #000;
	font-size: 14px;
	line-height: 24px;
}

#jifen>span {
	line-height: 60px;
	diplay: inline-block;
	position: relative;
	margin-left: 100px;
	text-align: center;
}

.charge {
	
}

.charge input[type="text"] {
	width: 200px;
	height: 38px;
	line-height: 38px;
	margin: 15px 10px;
	padding: 0 8px;
	color: #494949;
	border: 1px solid #d9d9d9;
	font-size: 14px;
	border-radius: 3px;
}

.charge input[type="text"]:focus {
	outline: none;
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 8px #7bc1f7;
	-moz-box-shadow: 0px 0px 8px #7bc1f7;
	-webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

.charge input[type="password"] {
	width: 200px;
	height: 38px;
	line-height: 38px;
	margin: 15px 10px;
	padding: 0 8px;
	color: #494949;
	border: 1px solid #d9d9d9;
	font-size: 14px;
	border-radius: 3px;
}

.charge input[type="password"]:focus {
	outline: none;
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 8px #7bc1f7;
	-moz-box-shadow: 0px 0px 8px #7bc1f7;
	-webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

.charge button {
	height: 38px;
	width: 100px;
	line-height: 36px;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	margin-left: 50px;
	border: none;
	background: #32aae1;
	border-radius: 4px;
	-webkit-radius: 4px;
	-moz-radius: 4px;
	-ms-radius: 4px;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}

.charge button:hover {
	background: #009ee8;
	cursor: pointer;
	color: #333;
}

.charge span {
	width: 90px;
	display: inline-block;
	text-align: right;
}

/* Account */
#accounts .noti {
	text-align: center;
	position: relative;
	float: left;
	width: 789px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#accounts .noti .btn {
	text-align: center;
	width: 100px;
	border: none;
	text-decoration: none;
	background: #32aae1;
	margin-top: 14px;
	color: #fff;
	height: 38px;
	line-height: 38px;
	border-radius: 4px;
	-webkit-radius: 4px;
	-moz-radius: 4px;
	-ms-radius: 4px;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}

#accounts .noti a {
	display: inline-block;
	position: relative;
	cursor: pointer;
}

#accounts .noti span {
	line-height: 50px;
	font-size: 15px;
	border-bottom: 1px dashed #dcdcdc;
	padding: 0 10px 9px 10px;
}
#jifen_detail,
#service_detail {
	position: relative;
	float: left;
	display: block;
}
.sc_details {
	display: none;
}
.sc_details ul {
	list-style: none;
}
.sc_details ul li {
	position: relative;
	float: left;
	width: 100%;
	height: 38px;
	background: #ede5de;
	border-bottom: 1px solid #fff;
}
.sc_details ul li span {
	height: 32px;
	line-height: 32px;
	float: left;
	position: relative;
	text-align: left !important;
}

.sc_details_title {
	width: 65px;
	font-weight: bold;
}
.sc_details_content {
	width: 100px;
}
.sc_order {
	cursor: pointer;
	color: #32aae1;
}

/* Normal Page */

/* Diagnosis */

#deseaseSearch button {
	width: 140px;
	height: 38px;
	position: relative;
	float: left;
	line-height: 38px;
	font-size: 15px;
}

#doctorSearch {
	list-style: none;
	width: 789px;
	height: 50px;
	position: relative;
	display: block;
}

#doctorSearch li {
	position: relative;
	float: left;
	width: 160px;
	height: 42px;
	margin-right: 20px;
}

#deseaseSearch {
	width: 400px;
	height: 38px;
	margin-bottom: 15px;
	display: block;
}

#deseaseSearch input {
	width: 240px;
	position: relative;
	float: left;
	height: 36px;
	line-height: 36px;
	margin: 0;
	padding: 2px 8px;
	color: #494949;
	border: 1px solid #d9d9d9;
	font-size: 13px;
	border-radius: 3px;
	margin-bottom: 3px;
}

#deseaseSearch input:focus {
	outline: none;
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 8px #7bc1f7;
	-moz-box-shadow: 0px 0px 8px #7bc1f7;
	-webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

#doctorSearch button {
	position: relative;
	float: left;
	width: 160px;
	height: 42px;
	line-height: 42px;
	font-size: 15px;
}

#departments {
	list-style: none;
	width: 783px;
	border: 1px solid #e9e9e9;
	padding: 10px 2px;
	height: 75px;
	margin-bottom: 15px;
	position: relative;
	float: left;
}

#departments .department {
	position: relative;
	float: left;
	width: 87px;
	height: 34px;
	margin-bottom: 5px;
}

#departments .department:hover {
	background: #e9e9e9;
	color: #444;
}

#departments .departName {
	position: relative;
	display: block;
	font-size: 14px;
	text-align: center;
	line-height: 34px;
}

.departDeseases {
	display: none;
	width: 783px;
	list-style: none;
	padding-bottom: 15px;
	background: #e9e9e9;
	position: absolute;
	z-index: 2147483647 !important;
}

#d1Deseases, #d10Deseases, #d19Deseases {
	left: 0;
}

#d2Deseases, #d11Deseases, #d20Deseases {
	left: -87px;
}

#d3Deseases, #d12Deseases, #d21Deseases {
	left: -174px;
}

#d4Deseases, #d13Deseases, #d22Deseases {
	left: -261px;
}

#d5Deseases, #d14Deseases, #d23Deseases {
	left: -348px;
}

#d6Deseases, #d15Deseases {
	left: -435px;
}

#d7Deseases, #d16Deseases {
	left: -522px;
}

#d8Deseases, #d17Deseases {
	left: -609px;
}

#d9Deseases, #d18Deseases {
	left: -696px;
}

.departDeseases .desease {
	position: relative;
	float: left;
}

.departDeseases .desease a {
	padding: 15px 13px 0;
	text-decoraiton: none;
	font-size: 13px;
	display: block;
	color: #666;
}

.departDeseases .desease a:hover {
	text-decoration: underline;
	color: #32aae1;
}

#docLocations {
	display: none;
	width: 789px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
	float: left;
}

#docLocations>span {
	position: relative;
	float: left;
	text-align: center;
	padding: 0 10px 5px 10px;
	border-bottom: 2px solid #e6dfd0;
}

#docLocations #selLocations {
	width: 640px;
	background: #fff;
	position: relative;
	float: right;
	height: 80px;
	text-align: right;
}

.border {
	width: 100%;
	height: 3px;
	position: relative;
	display: block;
	margin: 10px 0;
	border-bottom: 3px solid #e6dfd6;
}

#locations {
	width: 789px;
	background: #fff;
	height: 80px;
	border-bottom: 1px dashed #d9d9d9;
}

.didian {
	width: 70px;
	height: 26px;
	margin: 0 8px 10px 0px;
	background: #f9f9f9;
	color: #333;
	text-align: center;
	position: relative;
	float: left;
	cursor: pointer;
}

.didian span {
	font-size: 13px;
	line-height: 26px;
}

#clinics, #doctorsD {
	list-style: none;
}

#clinics .mix, #doctors .mix {
	opacity: 0;
	display: none;
}

#clinics .clinic {
	width: 361px;
	height: 210px;
	margin: 15px;
	background: #fff;
	position: relative;
	float: left;
	border: 1px solid #e9e9e9;
}

#clinics .clinic img {
	width: 120px;
	height: 160px;
	position: relative;
	float: left;
	padding: 25px 15px;
}

#clinics .clinic .clinicName {
	width: 211px;
	position: relative;
	float: right;
	padding: 50px 0;
	height: 110px;
}

.clinic .clinicName p {
	padding: 3px;
	height: 26px;
	font-size: 13px;
	position: relative;
	margin-bottom: 10px;
	float: center;
	text-align: center;
	
}

.clinic .clinicName p a {
	color: #32aae1;
	padding: 4px;
	font-size: 16px;
}

.clinic .clinicName p a:hover {
	text-decoration: underline;
	color: #fff;
	background: #32aae1;
}

.clinic .clinicName button {
	width: 100px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}

.clinic .clinicName button a {
	color: #fff;
}

#doctors {
	width: 789px;
	position: relative;
	float: left;
	margin-top: 15px;
	z-index: 1;
}

#clinic_doctors {
	width: 789px;
	position: relative;
	float: left;
	margin-top: 20px;
	display: block;
}

.doctor_schedule {
	position: relative;
	display: block;
	width: 789px;
	height: 700px;
	float: right;
}

.docClinic {
	border: 1px solid #e7eaef;
	background: #f2f4f8;
	width: 789px;
	height: 38px;
	margin-bottom: 5px;
}

.docClinic p {
	line-height: 38px;
	text-indent: 10px;
	font-size: 16px;
}

.doctor {
	width: 789px;
	height: 700px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #e9e9e9;
}

.clinic_doctor {
	width: 789px;
	height: 290px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #e9e9e9;
}

.docInfo {
	width: 229px;
	height: 203px;
	position: relative;
	float: left;
}

.docName {
	width: 100%;
	height: 150px;
	position: relative;
	float: left;
}
.docName img {
	width: 119px;
	height: 150px;
	dispaly: block;
	position: relative;
	float: left;
}

.docName a span {
	color: #fff;
	width: 100px;
	height: 20px;
	text-align: center;
	margin: 35px 0 15px 0;
	padding: 8px 0;
	position:relative;
	float: left;
	text-decoration: none;
	background: #32aae1;
}
.docName a span:hover {
	text-decoration: underline;
	background: #009ee8;
	color: #333;
}

.docName .totalScore {
	position: relative;
	display: block;
	padding: 3px 0 8px 0;
	width: 100px;
	float: left;
}

.docCommentss {
	width: 100%;
	height: 100px;
	margin-top: 10px;
	position: relative;
	float: left;
	display: block;
	list-style: none;
}

.docCommentss li {
	position: relative;
	width: 220px;
	height: 30px;
	display: block;
	float: left;
	line-height: 28px;
}
.docCommentss li span {
	position: relative;
	float: left;
	font-size: 14px;
	width: 70px;
	text-indent: 5px;
}

.docCommentss li div.star {
	margin: 3px 0 0 10px;
	position: relative;
	float: left;
}

.doctor .picture, .clinic_doctor .picture {
	width: 119px;
	height: 210px;
	position: relative;
	float: left;
	margin-right: 3px;
}

.doctor .picture a span {
	
}

.doctor .picture img, .clinic_doctor .picture img {
	width: 119px;
	height: 150px;
	dispaly: block;
	position: relative;
}

.doctor .picture span, .clinic_doctor .picture span {
	display: block;
	color: #fff;
	width: 119px;
	text-align: center;
	padding: 8px 0;
	position:absolute;
	bottom: 8px;
	text-decoration: none;
	background: #32aae1;
}
.doctor .picture span:hover, .clinic_doctor .picture span:hover {
	text-decoration: underline;
	background: #009ee8;
	cursor: pointer;
	color: #333;
}

.docComments {
	width: 105px;
	height: 152px;
	position: relative;
	float: left;
}

.docComments .totalScore {
	position: absolute;
	bottom: 0px;
	display: block;
	padding: 3px 0 3px 0;
	width: 100%;
}

.docComments span {
	font-size: 14px;
	display: block;
	margin-top: 3px;
}

.docComments span i {
	padding-left: 5px;
}

.docComments button {
	width: 100px;
	height: 36px;
	position: absolute;
	bottom: 0;
	margin-left: 5px;
}

.docComments button a {
	color: #fff;
}

.doctor .docSchedule, .clinic_doctor .docSchedule {
	width: 550px;
	position: relative;
	float: right;
}

#section1 {
	position: relative;
	float: left;
	width: 789px;
	font-size: 13px;
	border-bottom: 1px dashed #cdcdcd;
}

.dtabss {
	width: 160px;
	height: 30px;
	background: #fff;
	text-align: left;
}

.dtabss span {
	font-size: 15px;
	font-weight: 700;
	color: #000;
}

.doctorInfo {
	width: 220px;
	position: relative;
	float: left;
	margin-bottom: 10px;
}

.lecturerInfo {
	width: 110px;
	position: relative;
	float: left;
	margin-bottom: 10px;
}
.lecturerName {
	width: 100%;
	position: relative;
	float: left;
	display: block;
	text-align: left;
	margin-bottom: 10px;
}
.lecturerName span {
	font-size: 15px;
}
.lecturerIntro {
	width: 620px;
	position: relative;
	float: right;
}

.infoTop {
	height: 150px;
	width: 220px;
}

.doctorImg {
	position: relative;
	float: left;
	margin-right: 5px;
}
.doctorImg img {
	width: 110px;
	height: 150px;
	position: relative;
	display: block;
	background: #f2f4f8;
}

.doctorName {
	position: relative;
	float: right;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	font-size: 16px;
	background: #f2f4f8;
	border-radius: 3px;
	margin-top: 5px;
}

.doctorName h5 {
	font-size: 16px;
	margin-bottom: 10px;
}

.doctorName .star,
.doctorName .zhenliao,.doctorName .guahao {
	margin-bottom: 8px;
}

.doctorName .guahao,.doctorName .zhenliao {
	padding: 7px 0;
	color: #fff;
	text-align: center;
	background: #32aae1;
}

.reservation {
	width: 220px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #54bcd2;
	border: none;
	height: 40px;
	display: none;
}

.doctorIntro {
	width: 540px;
	position: relative;
	float: right;
}

.doctorStrength {
	margin-bottom: 10px;
}

.doctorStrength ul {
	list-style: none;
}

.doctorStrength ul li {
	margin: 5px;
	padding: 7px;
	border: 1px solid #e5e5e5;
	display: inline-block;
	position: relative;
}

.doctorWords p {
	padding: 5px;
}

.introBlock {
	position: relative;
	float: left;
	width: 789px;
	padding: 13px 0;
	border-top: 1px dashed #cdcdcd;
}

.introBlock .block {
	padding: 5px;
}

#section2 {
	width: 789px;
	position: relative;
	display: block;
	float: left;
	padding: 13px 0;
	border-bottom: 1px dashed #cdcdcd;
}

#section2 .docSchedule {
	position: relative;
	float: left;
	width: 560px;
}

.docSchedule .time {
	position: absolute;
	width: 30px;
	height: 688px;
	top: 30px;
	left: 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #e9e9e9;
}

.docSchedule .time span {
	font-size: 14px;
	letter-spacing: 3px;
	height: 30px;
	display: block;
}

.docSchedule .time span.am {
	display: block;
	padding: 49px 6px;
	border-bottom: 1px solid #ccc;
	height:249px
}

.docSchedule .time span.pm {
	padding: 80px 6px;
	height:249px;
	border-bottom: 1px solid #ccc;
}

.docSchedule .time span.ws {
	padding: 49px 6px;
	height:190px;
}
.docSchedule .appointType {
	position: absolute;
	width: 30px;
	height: 238px;
	top: 30px;
	left: 520px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #e9e9e9;
}

.docSchedule .appointType span {
	font-size: 14px;
	letter-spacing: 3px;
	height: 30px;
	display: block;
}

.docSchedule .appointType span.up {
	display: block;
	padding: 29px 6px;
}

.docSchedule .appointType span.down {
	padding: 40px 6px;
}

.docSchedule .divider {
	width: 30px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	height: 2px;
	position: absolute;
	top: 128px;
	left: 30px;
}

#section2 .clinicFee { 
	width: 210px; 
	height: 228px;
	padding: 0px 10px;
	background: #fff;
	position: relative;
	float: right;
}

.clinicFee h5 {
	font-size: 15px;
	text-align: center;
	font-weight: normal;
	padding: 3px 0 7px 0;
	border-bottom: 2px solid #e7eaef;
	margin-bottom: 5px;
}
.clinicFee .rfTable {
	width: 100%;
	position: relative;
}
.rfTable td {
	background: #e7eaef;
	font-size: 13px;
	line-height: 13px;
	text-indent: 5px;
	padding: 7px 0;
	color: #333;
}

.rfTable td span {
	padding: 0 5px 0 8px;
	font-size: 15px;
}
.clinicFee .feeNoti {
	font-size: 12px;
	color: #df3330;
	width: 200px;
	padding: 2px 5px;
	border-top: 1px solid #ff7979;
	background: #e7eaef;
	text-align: left;
}

#section3 {
	width: 789px;
	padding-bottom: 20px;
	position: relative;
	display: block;
	float: left;
	font-size: 13px;
	padding-top: 20px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
}

.section3Left {
	width: 200px;
	position: relativel;
	float: left;
}

.section3Right {
	width: 570px;
	position: relative;
	float: right;
}

.post { position: absolute; top: 0; right: 0; display: inline-block; width: 80px; height: 30px; }
.post a button { text-align: center; line-height: 30px; width: 100%; height: 100%; }

.comments {
	list-style: none;
}

.comments li {
	border: 1px solid #ededed;
	margin: 13px 0;
	padding: 5px;
}

.comments li .cTitle {
	margin-bottom: 5px;
}

.comments li .dateAuthor {
	width: 180px;
	position: relative;
	float: left;
	height: 35px;
}

.comments li .dateAuthor span {
	font-size: 14px;
	margin: 10px 0 0 5px;
	position: relative;
	display: block;
	float: left;
}

.comments li .dateAuthor span.comment_user {
	
}

.comments li .stars {
	position: relative;
	float: right;
	width: 370px;
	text-align: right;
}

.comments li .star span {
	padding: 3px 40px 3px 0;
	text-align: left;
}

.cContent {
	
}

#symptomInput {
	display: block;
	margin-top: 10px;
	text-align: center;
	position: relative;
	float: left; 
}

#symptomSelect {
	vertical-align: middle;
	margin-right: 30px;
	position: relative;
	float: left;
	font-size: 14px;
}

input#searchInput {
	width: 236px;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
	height: 30px;
	line-height: 34px;
	margin: 0;
	padding: 3px 8px;
	color: #494949;
	border: 1px solid #d9d9d9;
	font-size: 14px;
	border-radius: 3px;
	position: relative;
	float: left;
	dispaly: inline-block;
}

input#searchInput:focus {
	outline: none;
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 8px #7bc1f7;
	-moz-box-shadow: 0px 0px 8px #7bc1f7;
	-webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

/* Clinic & Hospital */
.clinicTitle {
	width: 789px;
	height: 50px;
}

.clinicName {
	height: 40px;
	text-align: center;
}

.clinicDoctor {
	height: 40px;
	position: relative;
	float: right;
}

.clinicDoctor button {
	height: 40px;
	line-height: 40px;
	width: 100px;
}

.clinicDoctor a:hover {
	background: #009ee8;
	cursor: pointer;
	color: #333;
}

.clinicDoctors {
	display: block;
}

.clinic h5 {
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 13px;
	color: #585b77;
}

.clinic .clinicName h5 {
	border-bottom: 3px solid #e6dfd0;
}

.clinic span {
	font-size: 14px;
}

.clinic .clinicIntro span {
	line-height: 25px;
	text-indent: 30px;
	display: block;
	position: relative;
}

.clinicIntro,.clinicSpecial,.clinicTime {
	margin-bottom: 7px;
}

.clinicSpecial ul {
	list-style: none;
}

.clinicSpecial ul li {
	display: inline-block;
	padding: 8px 13px;
	border: 1px solid #e9e9e9;
	margin-right: 10px;
	margin-bottom: 5px;
}

.clinicImgs {
	width: 502px;
	height: 250px;
	background: #db4646;
	position: relative;
	float: left;
}

.clinicMap {
	width: 281px;
	height: 250px;
	background: #32aae1;
	position: relative;
	float: right;
}

/* Culture */

#tcm_courses,#tcm_lectures,#tcm_activities {
	width: 789px;
	position: relative;
	float: left;
	margin-bottom: 25px;
}

.courses_title {
	width: 773px;
	height: 26px;
	padding: 7px 7px;
	background: #f2f4f8;
	border: 1px solid #e7eaef;
	line-height: 26px;
}

.courses_title p {
	width: 90px;
	font-size: 17px;
	position: relative;
	float: left;
	margin-left: 7px;
}

.courses_title a {
	position: relative;
	float: left;
	margin-right: 10px;
}
.courses_title a:hover {
	text-decoration: underline;
}
.courses_title a span {
	font-size: 14px;
	color: #32aae1;
}

#tcm_courses ul,#tcm_lectures ul,#tcm_activities ul {
	list-style: none;
	width: 785px;
	padding-left: 4px;
}

#tcm_courses .tcm_course,#tcm_lectures .tcm_lecture,#tcm_activities .tcm_activity
	{
	clear: none;
	width: 132px;
	height: 184px;
	margin-top: 10px;
	margin-right: 23px;
	margin-bottom: 10px;
	position: relative;
	float: left;
	background: #fff;
	border: 1px solid #e7eaef;
	text-align: center;
}

#tcm_courses .tcm_course a:hover,#tcm_lectures .tcm_lecture a:hover ,#tcm_activities .tcm_activity a:hover {
	text-decoration: underline;
}

.hover {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	width: 132px;
	height: 141px;
	display: none;
}

#tcm_courses .tcm_course img,#tcm_lectures .tcm_lecture img,#tcm_activities .tcm_activity img
	{
	margin: 15px 12px;
	border: none;
}

#tcm_courses .tcm_course span.details,#tcm_lectures .tcm_lecture span.details,#tcm_activities .tcm_activity span.details
	{
	postion: absoulte;
	bottom: 0;
	left: 0;
	width: 120px;
	padding: 0 6px;
	height: 30px;
	line-height: 30px;
	color: #000;
	display: block;
	text-align: center;
	margin-top: 5px;
	font-size: 14px;
	overflow: hidden;
}

/* Reservation */
#reservation {
	width: 940px;
	padding: 40px 50px 0 50px;
	margin: 0 auto;
	position: relative;
}

#reservationContent {
	width: 900px;
	float: left;
	position: relative;
	padding: 20px;
	-webkit-box-shadow: rgba(0, 0, 0, .4) 0 0 3px;
	-moz-box-shadow: rgba(0, 0, 0, .4) 0 0 3px;
	box-shadow: rgba(0, 0, 0, .4) 0 0 3px;
	margin-bottom: 50px;
	behavior: url(PIE.htc);
}

.confirmBtn {
	width: 310px;
	height: 46px;
	margin: 20px 0;
	text-align: center;
	display: block;
	position: relative;
	float: left;
	text-align: center;
	width: 100%;
}

.confirmBtn button {
	width: 150px;
	height: 46px;
	line-height: 46px;
	font-size: 15px;
	position: relative;
}


#reservationContent #step1 {
	width: 900px;
	margin: 0 auto;
	position: relative;
	display: block;
	float: left;
}

#step1 h1 {
	margin-bottom: 20px;
	font-size: 20px;
	margin-top: 10px;
	font-weight: normal;
	padding-bottom: 13px;
	height: 20px;
	display: relative;
	width: 100%;
	border-bottom: 3px solid #e6dfd0;
}

#step1 .deseaseInfo {
	padding: 0px;
	color: #666;
	position: relative;
}

#confirmInfo {
	display: block; 
	position: relative; 
	width: 710px;
	margin: 0 auto 20px auto;
}

#step1 .deseaseInfo table {
	width: 100%;
	position: relative;
	border-collapse: collapse;
}

table tr.odd_child {
	background: #f9f9f9;
}
table tr.even_child {
	background: #f2f4f8;
}

#step1 .deseaseInfo table td {
	height: 24px;
	border: 1px solid #fff;
	font-size: 13px;
	padding: 5px;
}
#step1 .deseaseInfo table td .notes {
	font-size: 11px;
	color: #df3330;
	position: relative;
	float: right;
	display: none;
}

#step1 .deseaseInfo .explanation {
	position: relative;
	float: right;
	display: block;
	height: 131px;
	width: 370px;
	background: #f2f4f8;
	border: 1px solid #e7eaef;
	padding: 10px;
}

#step1 .deseaseInfo .explanation span {
	font-size: 14px;
	color: #565656;
	text-indent: 20px;
	line-height: 24px;
}
#step1 .deseaseInfo .recommend {
	position: relative;
	float: right;
	display: block;
	height: 131px;
	width: 370px;
	background: #f2f4f8;
	border: 1px solid #e7eaef;
	padding: 10px;
}
#step1 .deseaseInfo .recommend img {
	width: 131px;
	height: 131px;
	position: relative;
	float: left;
	margin-right: 10px;
	display: block;
	background: #fff;
}
#step1 .deseaseInfo .recommend h2 {
	font-size: 16px;
	height: 20px;
	line-height: 30px;
	width: 229px;
	position: relative;
	padding-bottom: 13px;
	display: block;
	float: left;
	white-spacing: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.recomIntro {
	position: relative;
	float: left;
	width: 229px;
	height: 100px;
}
#step1 .deseaseInfo .recomIntro p {
	margin-top: 0px;
	line-height: 24px;
	color: #222;
}

#step1 .deseaseInfo p {
	margin-top: 20px;
	font-size: 14px;
	color: #db4646;
	display: block;
	position: relative;
}

#step1 .courseInfo {
	padding: 0px;
	color: #666;
	position: relative;
	height: 280px;
}

#step1 .courseInfo table {
	width: 380px;
	height: 200px;
	position: relative;
	float: left;
	border-collapse: collapse;
}

#step1 .courseInfo table td {
	height: 24px;
	border: 1px solid #fff;
	font-size: 14px;
	padding: 3px;
}

#step1 .courseInfo .explanation {
	position: relative;
	float: right;
	display: block;
	height: 178px;
	width: 400px;
	background: #c1e0e7;
	padding: 10px;
}

#step1 .courseInfo .explanation span {
	font-size: 14px;
	color: #565656;
	text-indent: 20px;
	line-height: 24px;
}

#step1 .courseInfo p {
	margin-top: 20px;
	font-size: 14px;
	color: #db4646;
	display: block;
	position: relative;
	float: left;
	width: 100%;
}

#step1 #diagnosisForm {
	postion: relative;
	float: left;
	width: 860px;
	margin: 0 20px;
}

#step1 .payInfo {
	padding: 0px;
	color: #666;
	position: relative;
	float: left;
	margin-top: 15px;
}

#step1 .payInfo p {
	margin: 30px auto;
	text-align: right;
	font-size: 18px;
	color: #555;
}

#serviceTotal {
	font-size: 18px;
	font-weight: bold;
}

#step1 table#servicesPay {
	width: 841px;
	border-collapse: collapse;
	background: #fff;
	color: #000;
	position: relative;
	table-layout: fixed;
}

#step1 table#servicesPay td {
	height: 34px;
	border: 1px solid #fff;
	padding: 7px;
	font-size: 13px;
}

#step1 .dfirstTd {
	font-weight: bold;
	text-indent: 5px;
}

#step1 table#servicesPay .firstTd {
	width: 60px;
	font-weight: bold;
}
#step1 table#servicesPay .secondTd {
	width: 514px;
	border-bottom: 1px solid #dbdee4;
	font-size: 12px;
}
#step1 table#servicesPay .thirdTd {
	width: 50px;
	background: #ecffec;
}

#step1 table#servicesPay td#dservices>div {
	list-style: none;
	position: relative;
	float: left;
	display: block;
	width: 770px;
}

#step1 table#servicesPay td#dservices div.hdservice {
	display: inline;
	position: relative;
	float: left;
	margin-right: 25px;
	height: 26px;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	margin-bottom: 8px;
	width: 220px;
}

#step1 table#servicesPay td#dservices div.hdservice a {
	display: block;
	height: 26px;
	line-height: 26px;
	text-align: left;
	padding-left: 5px;
	padding-right: 20px;
	font-size: 12px;
	background: url('../img/diagnosis/service_li.png') 98% 50% no-repeat;
}

#step1 table#servicesPay td#dservices div.hdservice a:hover {
	/* box-shadow: 0px 0px 3px #7bc1f7;
	-moz-box-shadow: 0px 0px 3px #7bc1f7;
	-webkit-box-shadow: 0px 0px 3px #7bc1f7; */
}

#step1 table#servicesPay td.moreServices div a {
	color: #888;
	font-size: 12px;
}

#step1 table#servicesPay td#dservices div a span.price {
	font-size: 12px;
}

#step1 table#servicesPay td#dservices div a:hover {
	
}

#step1 table#servicesPay td#dservices div.hdservice a.selected {
	background: url('../img/diagnosis/service_li_selected.png') 98% 50% no-repeat;
}

#step1 table#servicesPay td#mservices>div {
	list-style: none;
	position: relative;
	float: left;
	display: block;
	width: 730px;
}

#step1 table#servicesPay td#mservices div.hdservice {
	display: inline;
	position: relative;
	float: left;
	width: 280px;
	margin-right: 35px;
	height: 26px;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	margin-bottom: 8px;
}

#step1 table#servicesPay td#mservices div.hdservice a {
	display: block;
	height: 26px;
	line-height: 26px;
	text-align: left;
	padding-left: 5px;
	padding-right: 20px;
	font-size: 12px;
	background: url('../img/diagnosis/service_li.png') 98% 50% no-repeat;
}

#step1 table#servicesPay td#mservices div.hdservice a:hover {
	/* box-shadow: 0px 0px 3px #7bc1f7;
	-moz-box-shadow: 0px 0px 3px #7bc1f7;
	-webkit-box-shadow: 0px 0px 3px #7bc1f7; */
}

#step1 table#servicesPay td#mservices div a span.price {
	font-size: 11px;
}

#step1 table#servicesPay td#mservices div a:hover {
	
}

#step1 table#servicesPay td#mservices div a.selected {
	background: url('../img/diagnosis/service_li_selected.png') 98% 50% no-repeat;
}

#step1 table#servicesPay td#dservices div.moreService1,
#step1 table#servicesPay td#mservices div.moreService2 {
	width: 60px;
	height: 28px;
	line-height: 28px;
	background: #52cfea;
	position: relative;
	float: right;
	margin-right: 2px;
	text-align: center;
	border-radius: 4px;
	-webkit-radius: 4px;
	-moz-radius: 4px;
	-ms-radius: 4px;
	cursor: pointer;
}

#step1 table#servicesPay td#dservices div.moreServices1 {
	width: 428px;
	height: 180px;
	background: #fafafa;
	padding: 20px;
	position: absolute;
	z-index: 9999;
	top: 28px;
	left: 0;
	border: 3px solid #52cfea;
	display: none;
}

#step1 table#servicesPay td#mservices div.moreServices2 {
	width: 428px;
	height: 180px;
	background: #fafafa;
	padding: 20px;
	position: absolute;
	z-index: 9999;
	top: 28px;
	left: 0;
	border: 3px solid #52cfea;
	display: none;
}

#step1 table#servicesPay td#dservices ul.moreServices1 li,
#step1 table#servicesPay td#mservices ul.moreServices2 li {
	display: inline-block;
	margin: 0 15px 10px 0;
}

#step1 table#servicesPay td#sservices>ol {
	position: relative;
	float: left;
	display: block;
	width: 710px;
	
}

#step1 table#servicesPay td#sservices table tr td {
	
	list-style-position:inside;
	display: block;
	position: relative;
	width: 250px;
	margin-right: 500px;
	height: 26px;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	margin-bottom: 8px;
}

#step1 table#servicesPay td#sservices tr.hdservice td a {
	height: 26px;
	line-height: 26px;
	text-align: left;
	padding-left: 5px;
	padding-right: 20px;
	font-size: 12px;
	background: url('../img/diagnosis/sservice_li.png') 98% 50% no-repeat;
}

#step1 table#servicesPay td#sservices tr.hdservice td a span {
	font-size: 12px;
}

#step1 table#servicesPay td#sservices tr.hdservice td a:hover {
	background: url('../img/diagnosis/sservice_li_hover.png') 98% 50% no-repeat;
}

#step1 table#servicesPay td#sservices li.hdservice a span.price {
	font-size: 12px;
}

#reservationContent #step2 {
	width: 900px;
	margin: 0 auto;
	position: relative;
	display: none;
}

#step2 .personalInfo {
	position: relative;
	float: left;
	display: block;
	width: 790px;
	margin: 0 55px;
	color: #666;
	margin-bottom: 25px;
}

#step2 h1 {
	margin-bottom: 10px;
	font-size: 20px;
	margin-top: 10px;
	font-weight: normal;
	padding-bottom: 13px;
	height: 20px;
	display: relative;
	float: left;
	width: 100%;
	border-bottom: 3px solid #e6dfd0;
}

#step2 .personalInfo .info1, #step2 .personalInfo .info2 {
	border-bottom: 1px dashed #fff;
	margin-bottom: 10px;
	padding: 8px 0;
}

#step2 .personalInfo span {
	font-size: 13px;
}

#step2 .personalInfo .data {
	padding: 0px 50px 0px 10px;
}

.personalInfo input#name,.personalInfo input#email,.personalInfo input#telephone {
	width: 180px;
}

.personalInfo input#birthday,.personalInfo input#idnumber,.personalInfo input#address {
	width: 270px;
}

.personalInfo select {
	color: #aaa;
	width: 198px;
}

.personalInfo input:focus {
	outline: none;
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 8px #7bc1f7;
	-moz-box-shadow: 0px 0px 8px #7bc1f7;
	-webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

#reservationContent #step3 {
	width: 900px;
	margin: 0 auto;
	height: 460px;
	position: relative;
	display: none;
}

#step3 h1 {
	margin-bottom: 10px;
	font-size: 20px;
	margin-top: 10px;
	font-weight: normal;
	padding-bottom: 13px;
	height: 20px;
	display: relative;
	float: left;
	width: 100%;
	border-bottom: 3px solid #e6dfd0;
}

#step3 table {
	width: 860px;
	margin: 0 20px;
	height: 300px;
	margin-bottom: 20px;
}

#step3 table td {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	border-bottom: 1px dashed #c9c9c9;
}

#step3 .titleTd {
	font-weight: bold;
	text-indent: 5px;
	width: 140px;
}

#step3 .orderInfo {
	position: relative;
	float: left;
}

#step3 .orderInfo p {
	position: relative;
	float: left;
	width: 100%;
	margin: 10px 0;
	font-size: 14px;
}

#steps {
	width: 800px;
	height: 70px;
	padding: 10px 0;
	position: relative;
	margin: 0 auto;
}


/* Footer */
#footer_wrapper {
	width: 100%;
	height: 130px;
	background: #333a4b;
	position: relative;
	float: left;
	display: block;
}
#weixin {
	position: absolute;
	width: 150px;
	height: 150px;
	top: -120px;
	left: 50%;
	margin-left: -75px;
	background: url(../img/common/wechat.jpg) no-repeat;
}
#footer {
	width: 1080px;
	margin: 0 auto;
	padding-top: 15px;
	color: #737b8e;
}

#leftFoot {
	width: 500px;
	position: relative;
	float: left;
	margin-top: 15px;
}

#leftFoot ul {
	list-style: none;
	display: block;
	height: 15px;
	margin-bottom: 10px;
}

#leftFoot ul li {
	position: relative;
	float: left;
	margin-right: 20px;
}

#leftFoot ul li a {
	color: #737b8e;
	font-size: 15px;
	text-decoration: none;
}

#leftFoot ul li a:hover {
	text-decoration: underline;
	color: #32aae1;
}

#leftFoot #copyright {
	padding: 13px 0px;
}

#leftFoot #copyright p {
	font-size: 14px;
	color: #737b8e;
}

#leftFoot #copyright p a {
	margin-left: 20px;
	color: #737b8e;
	text-decoration: none;
	font-size: 13px;
}

#leftFoot #copyright p a:hover {
	color: #32aae1;
	text-decoration: underline;
}

#rightFoot {
	width: 460px;
	position: relative;
	float: right;
}

#rightFoot #flogo {
	width: 460px;
	height: 80px;
	text-align: right;
}

#rightFoot #flogo img {
	position: relative;
	float: right;
}
#rightFoot #flogo h2 {
	position: relative;
	float: right;
	display: inline-block;
	line-height: 70px;
	font-size: 20px;
	margin-left: 10px;
	color: #737b8e;
	font-weight: bold;
}

#rightFoot #slogon {
	width: 460px;
	text-align: right;
	font-size: 15px;
	float: right;
}

/* Common Tabs */
#tabs {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

#tabs li {
	float: left;
	margin: 0 -15px 0 0;
}

#tabs a {
	float: left;
	position: relative;
	padding: 0 30px;
	height: 0;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	border-right: 30px solid transparent;
	border-bottom: 30px solid #3D3D3D;
	border-bottom-color: #777\9;
	opacity: .3;
	font-size: 14px;
	filter: alpha(opacity =  30);
}

#tabs a:hover,#tabs a:focus {
	border-bottom-color: #32aae1;
	opacity: 1;
	filter: alpha(opacity =   100);
}

#tabs a:focus {
	outline: 0;
}

#tabs #current {
	z-index: 3;
	border-bottom-color: #98a4ba;
	opacity: 1;
	filter: alpha(opacity = 100);
}

#tabsContent {
	background: #fff;
	border-top: 2px solid #98a4ba;
	padding: 0px;
}

#tabsContent h2,#tabsContent h3,#tabsContent p {
	margin: 0 0 15px 0;
}

/* Doctor Tabs */
.dtabs {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dtabs li {
	float: left;
	margin: 0 -15px 0 0;
}

.dtabs a {
	float: left;
	position: relative;
	padding: 0 20px;
	height: 0;
	line-height: 34px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	border-right: 34px solid transparent;
	border-bottom: 34px solid #3D3D3D;
	border-bottom-color: #777\9;
	opacity: .3;
	filter: alpha(opacity=30);
}

.dtabs a:hover,.dtabs a:focus {
	border-bottom-color: #32aae1;
	opacity: 1;
	filter: alpha(opacity =   100);
}

.dtabs a:focus {
	outline: 0;
}

.dtabs #dcurrent {
	z-index: 3;
	border-bottom-color: #98a4ba;
	opacity: 1;
	filter: alpha(opacity = 100);
}

.dtabsContent {
	background: #fff;
	border-top: 2px solid #98a4ba;
	padding: 0px;
	padding-top: 1px;
}
ul#doctors, ul#clinic_doctors {list-style: none;}

/* HuaLin Customized Select Box */
div.selectBox {
	position: relative;
	display: inline-block;
	cursor: default;
	text-align: left;
	height: 32px;
	line-height: 32px;
	color: #aaa;
	z-index: 9999;
	margin-right: 15px;
	width: 198px; 
	position: relative;
}

span.selected {
	width: 145px;
	height: 32px;
	padding: 2px 8px;
	border: 1px solid #d9d9d9;
	background: #fff;
	overflow: hidden;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	position: relative;
	float: left;
	z-index: 1;
	font-size: 13px;
}

span.selectArrow {
	width: 35px;
	height: 38px;
	display: block;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	text-align: center;
	font-size: 20px;
	line-height: 38px;
	background: #d9d9d9;
	position: relative;
	float: left;
	z-index: 1;
}

div.selectOptions {
	position: absolute;
	top: 36px;
	left: 0;
	width: 196px;
	border: 1px solid #d9d9d9;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	overflow: hidden;
	background: #fff;
	padding-top: 2px;
	display: none;
	font-size: 13px;
}

span.selectOption {
	display: block;
	width: 80%;
	line-height: 26px;
	padding: 5px 10%;
	font-size: 13px;
}

span.selectOption:hover {
	color: #32aae1;
}

.calendar { 
	width: 720px; 
	/* padding: 10px 0;  */
	position: relative;
	float: left;
	margin-left: 30px;
	background: #fff;
	z-index: 99999;
}

.calendarAM {
	height: 280px;
	z-index: 999902;
}

.calendarPM {
	height: 280px;
	margin-top: -31px;
	z-index: 999901;
}
.calendarWS
{
	height: 220px;
	margin-top: -31px;
	z-index: 999900;
}

.calendarPM .fc-header {
	display: none;
}
.calendarWS .fc-header
{
	display: none;
}
.booking {
	color: #009ee8;
}
.booking:hover {
	text-decoration: underline;
}
.booked {
	color: #aaa;
}

.booked:hover {
	cursor: default;
	text-decoration: none;
}

.gotoClinic {
	position: relative;
	float: left;
	width: 518px;
	height: 38px;
	border: 1px solid #d9d9d9;
	border-top: 0;
	background: #f2f4f8;
}
.gotoClinic:hover {
	background: #e7eaef;
	color: #666;
}
.gotoClinic:hover a {
	text-decoration: underline;
}
.gotoClinic a {
	line-height: 38px;
	text-indent: 10px;
	display: block;
	font-size: 14px;
}


.hint, [data-hint] {
  position: relative;
  display: inline-block;
}
  .hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease; }
  .hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
    visibility: visible;
    opacity: 1; }
  .hint:before, [data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001; }
  .hint:after, [data-hint]:after {
    content: attr(data-hint);
    background: #ffe4e4;
    color: #666;
    padding: 8px 10px;
    font-size: 13px;
    line-height: 30px;
    white-space: nowrap;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }

.hint--top:before {
  border-top-color: #383838; }

.hint--bottom:before {
  border-bottom-color: #383838; }

.hint--left:before {
  border-left-color: #383838; }

.hint--right:before {
  border-right-color: #ffe4e4; }

/**
 * right tooltip
 */
.hint--right:before {
  margin-left: -12px;
  margin-bottom: 0px; }
.hint--right:after {
  margin-bottom: -14px; }
.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%; }
.hint--right:hover:before, .hint--right:hover:after {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px); }

/* Progress bar */
.wizard-steps {
	list-style: none;
	display: block;
	width: 100%;
	padding: 0;
	margin-top: 10px;
	position: relative;
}

.wizard-steps li {
	display: block;
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
}

.wizard-steps li.active:before,
.wizard-steps li.complete:before,
.wizard-steps li.active .step,
.wizard-steps li.complete .step {
	border-color: #32aae1;
	background: #32aae1;
	color: #fff;
}
.wizard-steps {
	list-style: none;
}

.wizard-steps li .step {
	text-align: center;
	color: #546474;
	font-size: 15px;
	border: 5px solid #e7eaef;
	height: 15px;
	border-radius: 32px;
	padding: 5px 10px;
	background-color: #e7eaef;
	position: relative;
	z-index: 2;
	display: inline;
}

.wizard-steps li.step_line1 {
	position: absolute;
	left: 16%;
	top: 15px;
	width: 33%;
	height: 4px;
	background: #e7eaef;
}
.wizard-steps li.step_line2 {
	position: absolute;
	left: 50%;
	top: 15px;
	width: 33%;
	height: 4px;
	background: #e7eaef;
}

.wizard-steps li.complete .title,.wizard-steps li.active .title {
	color: #2b3d53;
}

.wizard-steps li .title {
	display: block;
	margin-top: 12px;
	max-width: 100%;
	color: #949ea7;
	font-size: 14px;
	z-index: 104;
	text-align: center;
	table-layout: fixed;
	word-wrap: break-word;
}

.wizard-steps li:last-child:before {
	max-width: 50%;
	width: 50%;
}

.hero-unit {
	font-size: 18px;
	font-weight: 200;
	line-height: 30px;
	color: inherit;
	background-color: #fff;
}

.hero-unit h1 {
	margin-bottom: 0;
	font-size: 60px;
	line-height: 1;
	letter-spacing: -1px;
	color: inherit
}

.hero-unit li {
	line-height: 30px
}

.row-fluid {
	width: 900px;
	*zoom: 1;
	margin: 0 auto;
}

.row-fluid:before,.row-fluid:after {
	display: table;
	line-height: 0;
	content: ""
}

.row-fluid:after {
	clear: both
}

#step2 .piNote {
	font-size: 14px;
	line-height: 24px;
	padding: 10px;
	background: #f2f4f8;
	border: 1px solid #e7eaef;
}

#step3 .orderInfo p.note {
	width: 836px;
	margin: 0 20px;
	line-height: 24px;
	font-size: 14px;
	padding: 10px;
	background: #f2f4f8;
	border: 1px solid #e7eaef;
}

.noticeTable {
	
}

.noticeTable .td_msg_content {
	display: none;
	border-bottom: 1px solid #ccc;
}

.noticeTable .td_msg_content td {
	text-align: left;
	padding: 10px;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
}

.noticeTable .td_msg_content td p {
	text-align: left;
	line-height: 24px;
}

.noticeTable td {
	border_bottom: 1px solid 
}

.noticeTable td.td_checkbox {
	width: 60px;
}

.noticeTable th input {
	position: relative;
	float: left;
	padding: 0 5px;
}

.noticeTable th span {
	position: relative;
	float: left;
}

.noticeTable th a {
	position: relative;
	float: left;
	font-size: 12px;
	color: #fff;
}
.noticeTable th a:hover {
	text-decoration: underline;
}

.odcomment .ostar {
	width: 100px;
	height: 40px;
	display: block;
}

#healthBtn {
	width: 120px;
	height: 44px;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	margin-left: 334px;
}

#colorExplain {
	width: 789px;
	position: relative;
	float: left;
	display: block;
	margin: 20px 0 15px 0;
	list-style: none;
}
#colorExplain li {
	position: relative;
	float: left;
	background: #fff;
	border: none;
	width: 150px;
	height: 36px;
	margin-right: 10px;
}
#colorExplain li a {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	border: 1px solid #e5e5e5;
	line-height: 36px;
}
#colorExplain li a:hover {
	background: #f2f4f8;
}
#colorExplain li a.selected {
	background: #c7e6f5;
	color: #fff;
}
#colorExplain li a img {
	position: relative;
	float: left;
	width: 36px;
	height: 36px;
}
#colorExplain li a span {
	position: relative;
	float: left;
	font-size: 13px;
	line-height: 36px;
}
#colorExplain li a em {
	position: relative;
	float: left;
	margin-left: 5px;
	font-size: 13px;
	color: #df3330;
	font-style: normal;
}

ul.charge {
	list-style: none;
	height: 55px;
	margin-top: 20px;
}
.charge .chargeItem {
	position: relative;
	float: left;
	width: 100%;
	height: 40px;
	display: block;
	margin-bottom: 15px;
	padding-left: 50px;
}
.charge .chargeItem input, .charge .chargeItem button {
	position: relative;
	margin: 0;
	float: left;
}
.charge .chargeItem button {
	margin-left: 30px;
}

.noticement {
	width: 810px;
	padding: 10px;
	position: relative;
	float: left;
	display: block;
	margin-top: 17px;
	margin-bottom: 15px;
	line-height: 25px;
	color: #3a3f86;
	background: #f9f9f9;
	font-weight: normal;
	font-size: 13px;
}

.noticement span {
	float: left;
	font-size: 13px;
}

#healthResult {
	padding: 5px;
}
#healthResult span {
	color: #aaa;
	font-size: 13px;
}

.docFee {
	width: 100%;
	padding: 10px;
	position: relative;
	display: block;
	float: left;
}
.docFee span {
	font-size: 14px;
	display: block;
	width: 100%;
	line-height: 24px;
}

.scoursePeople, .hcoursePeople, .fcoursePeople {
	font-size: 12px;
	text-align: right;
}

.course_comments {
	list-style: none;
	position: relative;
	float: left;
	display: block;
	width: 749px;
	margin: 8px 10px;
}

.course_comment_top {
	position: relative;
	float: left;
	display: block;
	width: 759px;
	padding: 8px 15px;
}


.course_comment_top h3 {
	position: relative;
	float: left;
	width: 180px;
	line-height: 20px;
}

#courseCommBtn {
	padding: 5px 10px;
	position: relative;
	float: left;
	background: #e7eaef;
}
#courseCommBtn:hover {
	background: #cad0dd;
	color: #fff;
}
.course_comments li {
	width: 100%;
	position: relative;
	display: block;
	float: left;
	padding: 10px;
	margin-bottom: 19px;
	font-size: 13px;
	-webkit-box-shadow: rgba(0, 0, 0, .2) 0 0 3px;
	-moz-box-shadow: rgba(0, 0, 0, .2) 0 0 3px;
	box-shadow: rgba(0, 0, 0, .2) 0 0 3px;
}

.course_comments li .cTitle {
	width: 700px;
	height: 30px;
	line-height: 30px;
	position: relative;
	float: left;
}
.course_comments li .cContent p {
	font-size: 13px;
	line-height: 24px;
}

.hdstar {
	font-size: 14px;
}

/* Bootstrap Pagination */
.pagination {
	margin: 0px 0;
	text-align: center;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
  cursor: pointer;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.pager {
  margin: 20px 0;
  text-align: center;
  list-style: none;
  *zoom: 1;
}

.pager:before,
.pager:after {
  display: table;
  line-height: 0;
  content: "";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: default;
  background-color: #fff;
}

.smNoticeTag {
	width: 18px;
	float:left;
    position: relative;
    margin-top: 3px;
    margin-left: 5px;
    margin-right: 5px;
    text-indent: 0px;
    height: 18px;
    font-size: 11px;
    background: #ff7979;
    color: #fff;
    border-radius: 36px;
    text-align: center;
    line-height: 18px;
    font-style: normal;
}

ul.appointTime {
	list-style: none;
}

ul.appointTime li {
	list-style: none;
	float: left;
	width: 140px;
	line-height: 25px;
}

input.disease {
	width: 362px;
	height: 18px;
	padding: 5px;
	margin: 10px 0px;
	border: 1px solid #CCC;
	line-height: 18px;
	background: #fff;
	color: #333;
	font-family: "微软雅黑", "Microsoft YaHei", "文泉驿正黑体", Sans-serif;
}

textarea.leaveNotes {
	width: 362px;
	height: 80px;
	margin: 10px 0px;
	border: 1px solid #CCC;
	padding: 5px;
	overflow: auto;
	color: #333;
	line-height: 20px;
	background: #fff;
	font-family: "微软雅黑", "Microsoft YaHei", "文泉驿正黑体", Sans-serif;
}

span.em {
	color: #32AAE1;
}

.fl-left {
	float: left;
}

.fl-right {
	float: right;
}

#menu-bar {
	float: right;
	width: 200px;
	list-style: none;
	margin-right: 15px;
}

#menu-bar li {
	float: right;
}

#menu-bar li a:link,
#menu-bar li a:visited {
	display: block;
	line-height: 28px;
	padding: 3px 15px;
	font-size: 15px;
	color: #333;
}

#menu-bar li a:hover {
	background-color: #32AAE1;
	color: #fff;
	border-radius: 3px;
}