@charset "utf-8";
body{ margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #01062f;}

#member_login {
	position: absolute;
	top: 62px;
	left: 53%;
	background: #EAEAEA;
	background-color: rgba(234, 234, 234, 0.95);
	border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-webkit-box-shadow: 0px 6px 31px #AAAAAA;
	padding: 10px;
	width: 470px;
	display: none;
	
}

.member_login_header { font-size: 22px; font-weight: bold; color: #01062f; line-height: 50px; margin-left: 5px;}
.member_input_field { width: 270px; height: 42px; padding: 0px 12px 0px 12px; background: url(images/member_input_bg.gif); background-repeat: no-repeat; border: none; outline: none; font-size: 15px; line-height: 42px; color: #01062f; margin-top: 5px;}
.member_login_left { width: 345px; float: left; margin-left: 5px;  font-size: 15px;}
.member_login_right { width: 95px; float: left; margin: 5px 0px 0px 5px;}
.member_login_forgot { color: #01062f; margin: 10px 0px 0px 9px; font-size: 13px ; line-height: 23px; }
.member_login_forgot a { color: #01062f; text-decoration: underline; font-size: 13px; margin-right: 15px;}
.member_login_forgot a:hover { text-decoration: none; }


#login_float { position: absolute; top: 50%; left: 50%; margin-left: -470px; margin-top: -288px; display:none; -webkit-box-shadow: 0px 6px 67px #01062f; z-index: 999;}

.index_enter { color: #01062f; margin-left: 400px; }
.index_enter:hover { text-decoration: none; }

.uni_top { width: 100%; background-color: #01062f;height: 6px; }
.uni_top_left { background-color: #1499d6; width: 33%; height: 6px;  }
.container {width: 100%;}
.main {margin: auto; width: 1000px; }
.icons_bar { float: left; width: 100%; margin: 13px 0px 10px 0px;}
.login_name {float: right; height: 32px; line-height:32px; font-size: 15px; margin-right: 20px;}
.logout_name { float: right; height: 32px; line-height:32px; font-size: 15px; margin-right: 20px; }
.logout_name a { text-decoration: none; color: #01062f;  }
.logout_name a:hover { text-decoration: underline; }
.icons_im { display: block; float: right; width: 32px; height: 32px; margin: 0px 7px 0px 0px; background: url(images/icons.gif); background-position: 0px 0px; background-repeat: no-repeat; border: 0px; color: #FFFFFF; text-decoration: none; text-align: center; }
.icons_im:hover { color: #01062f; background-position: 0px -35px;}
.icons_home { display: block; float: right; width: 32px; height: 32px; margin: 0px 7px 0px 0px; background: url(images/icons.gif); background-repeat: no-repeat; background-position: -38px 0px; border: 0px; color: #FFFFFF; text-decoration: none; text-align: center; color: #FFFFFF; text-decoration: none; }
.icons_home:hover { color: #01062f; background-position: -38px -35px;}
.icons_people { display: block; vertical-align: bottom; float: right; width: 32px; height: 32px; margin: 0px 7px 0px 0px; background: url(images/icons.gif); background-repeat: no-repeat; background-position: -75px 0px; border: 0px; color: #FFFFFF; text-decoration: none; text-align: center;}
.icons_people:hover { color: #01062f; background-position: -75px -35px;}
.top_lang { display: block; float: right; height: 32px; line-height: 32px; padding: 0px 7px 0px 7px; color: #0f143a; text-decoration:none; font-weight: bold; font-size: 16px;}
.top_lang:hover {text-decoration: underline;}
.logo { float: left; height: 65px; width: 100%; margin: 0px 10px 30px 0px; }
.top_logo { display: block; float: left; width: 248px; height: 65px; background: url(images/sc-logo.gif); background-repeat: no-repeat; border: none; }
.menu_bar {float: left; width: 1100px; margin: 0px 0px 0px -100px; padding-left: 100px;}

.menu_mission { display: block; float: left; width: 220px; height: 46px; background:url(images/menu.gif); background-repeat:none; border: 0px; background-position: 0px 0px;}
.menu_mission_active { display: block; float: left; width: 220px; height: 46px; background:url(images/menu.gif); background-repeat:none; border: 0px; background-position: -440px 0px; }
.menu_mission:hover { background-position: -220px 0px; }
.menu_specialist { display: block; float: left; width: 220px; height: 46px; background:url(images/menu.gif); background-position: 0px -47px; background-repeat:none; border: 0px; }
.menu_specialist_active { display: block; float: left; width: 220px; height: 46px; background:url(images/menu.gif); background-position: -440px -47px; background-repeat:none; border: 0px;  }
.menu_specialist:hover { background-position: -220px -47px }
.menu_area { display: block; float: left; width: 220px; height: 46px; background:url(images/menu.gif); background-position: 0px -94px; background-repeat:none; border: 0px; }
.menu_area_active { display: block; float: left; width: 220px; height: 46px; background:url(images/menu.gif); background-position: -440px -94px; background-repeat:none; border: 0px;  }
.menu_area:hover { background-position: -220px -94px; }
.menu_news { display: block; float: left; width: 220px; height: 46px; background:url(images/menu.gif); background-position: 0px -141px; background-repeat:none; border: 0px; }
.menu_news_active { display: block; float: left; width: 220px; height: 46px; background:url(images/menu.gif); background-position: -440px -141px; background-repeat:none; border: 0px; }
.menu_news:hover { background-position: -220px -141px; }
.menu_contact { display: block; float: left; width: 220px; height: 46px; background:url(images/menu.gif); background-position: 0px -188px; background-repeat:none; border: 0px; }
.menu_contact_active { display: block; float: left; width: 220px; height: 46px; background:url(images/menu.gif); background-position: -440px -188px; background-repeat:none; border: 0px;  }
.menu_contact:hover { background-position: -220px -188px; }

.main_hero { float: left; display: inline; width: 959px; height: 505px; background: url(images/hero-bg.gif); padding: 46px 0px 0px 41px;}
.main_hero_container { width: 915px; height: 390px; }
.main_content_container { float: left; width:980px; margin: auto; padding: 0px 10px 0px 10px;}
.main_mission_header { float: left; width: 980px; margin: 0px 0px 0px 0px; font-size: 20px; font-weight: bold; }
.main_mission_header span { color: #1499d6;}
.main_line_title { float: left; width: 980px; margin: 35px 0px 15px 0px;   }
.main_mission_text { float: left; width: 980px; color: #01062f; font-size: 13px; line-height: 19px; }
.main_mission_container { float: left; width: 1015px; max-height: 370px; overflow: auto; }

.main_news_header { float: left; width: 980px; margin: 45px 0px 10px 0px; font-size: 20px; font-weight: bold; }
.main_news_header span { color: #1499d6;}
.news_date_top { float: left; width: 130px; height: 6px; background: #1499d6; margin: 0px 5px 0px 0px;}
.news_cat_top { float: left; width: 130px; height: 6px; background: #01062f; margin: 0px 5px 0px 0px; }
.news_doctor_top { float: left; width: 130px; height: 6px; background: #1499d6; margin: 0px 5px 0px 0px;}
.news_headline_top {float: left;width: 575px;height: 6px;background: #01062f;margin: 0px 0px 0px 0px;}

.news_date { float: left; width: 120px; padding: 15px 0px 15px 10px; margin: 0px 5px 0px 0px; font-size: 15px; color: #1499d6; }
.news_cat { float: left; width: 120px; padding: 15px 0px 15px 10px; margin: 0px 5px 0px 0px;font-size: 15px; color: #01062f; }
.news_doctor { float: left; width: 120px; padding: 15px 0px 15px 10px; margin: 0px 5px 0px 0px;font-size: 15px; color: #1499d6; }
.news_headline {float: left;width: 435px; padding: 15px 0px 15px 10px;  margin: 0px 5px 0px 0px;font-size: 15px; color: #01062f; }
.news_headline a { text-decoration: none; color: #01062f; }
.news_headline a:hover { text-decoration: underline; }
.news_icons { float: left;width: 115px; padding: 15px 0px 15px 10px;  margin: 0px 0px 0px 0px;font-size: 15px; color: #01062f; }
.news_icon_a { display: block; float: left; width: 25px; height: 22px; background-image:url(images/news-icons.gif); background-repeat:no-repeat; background-position: 3px 0px; margin-right: 10px; }
.news_icon_b { display: block; float: left; width: 25px; height: 22px; background-image:url(images/news-icons.gif); background-repeat:no-repeat; background-position: -27px 0px; margin-right: 10px;}
.news_icon_c { display: block; float: left; width: 25px; height: 22px; background-image:url(images/news-icons.gif); background-repeat:no-repeat; background-position: -59px 0px; margin-right: px;}
.news_line { float: left; width: 1000px; height: 4px;  background: url(images/news-line.gif); background-repeat: no-repeat; }
.news_page { float: left; width: 980px; text-align: center; margin: 40px 0px 0px 0px; }
.news_page a { text-decoration: none; color: #01062f;}
.news_page a:hover { text-decoration: underline; }
.search_area {width: 980px; float: left; margin: 5px 0px 10px 0px; line-height: 18px; }
.search_a { width: 120px; font-size: 12px; height: 22px; background-color: #f3f3f3; background-image: url(images/mag-glass.gif); background-repeat: no-repeat; background-position: 3px center; border: 1px solid #cfcfcf; outline: none; padding: 2px 4px 2px 4px; text-align:right; line-height: 22px; margin-right: 1px;}
.search_b { width: 120px; font-size: 12px; height: 22px; background-color: #f3f3f3; background-image: url(images/mag-glass.gif); background-repeat: no-repeat; background-position: 3px center; border: 1px solid #cfcfcf; outline: none;  padding: 2px 4px 2px 4px; text-align:right; line-height: 22px; }
.search_btn { height: 22px; width: 50px; }

.main_specialist_header { float: left; width: 980px; margin: 45px 0px 10px 0px; color: #1499d6; font-size: 15px; letter-spacing:2px; line-height: 28px;}
.main_specialist_header a { color: #000000; text-decoration: none;  letter-spacing:0px;}
.main_specialist_header a:hover { text-decoration: underline; }
.main_specialist_login_container { float: left; padding: 20px;}
.main_specialist_login_header {float: left; width: 860px;}
.main_specialist_login { float: left; width: 900px;background-color: #1e9fd8; padding: 20px 20px 20px 20px; font-size: 17px; line-height: 57px; color: #01062f; }
.main_specialist_login_left { float: left; width: 130px; text-align: right; }
.main_specialist_login_right { float: left; width: 650px; line-height: 40px; margin: 0px 0px 0px 20px; }
.main_specialist_login_field { height: 40px; line-height: 40px; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; border: 0px; outline: none; padding: 0px 10px 0px 10px; font-size: 17px; margin: 8px 0px 9px 0px; font-family: Arial, Helvetica, sans-serif;}
.main_specialist_login_remarks { width: 720px; height: 194px; line-height: 40px; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; border: 0px; outline: none; padding: 10px; font-size: 17px; margin: 8px 0px 9px 0px; font-family: Arial, Helvetica, sans-serif; max-width: 720px; line-height: 24px; }
.main_specialist_login_logo { float: left; margin-bottom: 10px; display: block; margin-right: 42px;}
.main_specialist_login_close {display: block;float:right;  background-image: url(images/enquiry-close.gif); width: 21px; height: 31px; background-repeat: no-repeat; }
.main_specialist_title { float: left; width:980px; margin: 25px 0px 25px 0px; font-weight: bold;color: #01062f; font-size: 20px;}
.main_specialist_title span { color: #1499d6;}
.main_specialist_content { float: left; width: 980px; height: 460px; overflow: auto;}
.main_specialist_doctor {float: left; width: 105px; height: 172px;}
.main_specialist_group { float: left; width: 105px; height: 22px; margin-top: 5px; line-height: 22px; font-size: 12px; font-weight: bold; overflow: visible;  white-space:nowrap;}
.main_specialist_separation { float: left; width: 105px; height : 5px; background-color: #0d1137; }
.main_specialist_photo { float: left; width: 105px; height: 105px; text-align: center; }
.main_specialist_photo a { border:0; }
.main_specialist_name { float: left; width: 105px; padding: 5px 0px 5px 0px; line-height: 15px; font-size: 12px; text-align: center; }
.main_specialist_name a { text-decoration: none; color: #0d1137; }
.main_specialist_name a:hover { text-decoration: underline; }
.main_specialist_details { float:left; width: 920px; height: 520px; padding: 30px;  background-color: #219dd9; color: #FFFFFF; font-size: 12px; line-height: 18px; display: none; }
.main_specialist_details_title {font-size: 26px; padding-top: 10px; font-weight: bold; }
.main_specialist_details img { margin: 0px 20px 0px 0px; }

.main_services_list { float: left; width: 220px; height: 300px; overflow: auto; margin-right: 20px;}
.main_services_list a { display: block; background: url(images/services_item.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 45px; font-size: 13px; text-decoration: none; color: #01062f; }
.main_services_list a:hover { text-decoration: underline; }
.main_services_details { float: left; width: 700px; height: 226px; padding: 20px 20px 20px 20px; background: url(images/services-bg.gif); color: #FFFFFF;}
.main_services_left {
	float: left;
	width: 330px;
	font-size: 13px;
	line-height: 19px;
}
.main_services_left ul{ margin: 0; padding: 0; padding-left: 10px;  list-style-type:none; list-style-image:url(images/ul-image.jpg);}
.main_services_right {
	float: left;
	width: 370px;
	font-size: 13px;
	line-height: 19px;
}
.main_services_right ul{ margin: 0; padding: 0;padding-left: 11px; list-style-type:none; list-style-image:url(images/ul-image.jpg);}
.main_services_header{ float: left; width: 980px; margin: 0px 0px 0px 0px; font-size: 20px; font-weight: bold;}
.main_services_header span {color: #1499d6;}
.cfp_title{ font-weight: bold; font-size: 20px;}
.cfp_title span { color: #1499d6; } 
.main_services_btn { display:block; width: 21px; height: 21px; float: right; background-image: url(images/right-btn.gif); margin-top: -15px;}
.main_services_btn_left {
	display:block;
	width: 21px;
	height: 21px;
	margin-right: 20px;
	float: right;
	background-image: url(images/left-btn.gif);
	margin-top: -15px;
}

.hospital_container {float: left; width: 1000px; height: 657px;}
.hospital_bg { width: 1000px; height: 636px;  position: relative; background-image:url(images/vh/vh.gif);  background-repeat: no-repeat; }
#icon1 {
	position: absolute;
	left: 52px;
	top: 360px;
	-webkit-animation-name: upanddown;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
}

#icon2 {
	position: absolute;
	margin-top: 0px;
	left: 114px;
	top: 108px;
	-webkit-animation-name: upanddown;
	-webkit-animation-duration: 1.1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
}

#icon3 {
	position: absolute;
	left: 420px;
	top: 243px;
	-webkit-animation-name: upanddown;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
}

#icon4 {
	position: absolute;
	left: 765px;
	top: 523px;
	-webkit-animation-name: upanddown;
	-webkit-animation-duration: 1.3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
}

#icon5 {
	position: absolute;
	left: 906px;
	top: 218px;
	-webkit-animation-name: upanddown;
	-webkit-animation-duration: 1.4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
}
@-webkit-keyframes upanddown {
	0% {
		margin-top: 0px;
	}
	50% {
		margin-top: -10px;
	}
	100% {
		margin-top: 0px;
	}
}

.main_contact_header{ float: left; width: 980px; margin: 0px 0px 10px 0px; font-size: 20px; font-weight: bold; }
.main_contact_header span { color: #1499d6; }
.main_contact_text { float:left; width: 220px; font-size: 15px; line-height: 30px; }
.main_contact_number{ float:left; width: 700px; font-size: 15px; line-height: 30px; color: #1499d6; }

.main_contact_number a{ text-decoration: none; color: #1499d6; }
.main_contact_number a:hover { text-decoration: underline;}

.lv2_buttons { width: 250px; height: 230px; float: left; margin: 20px 20px 30px 45px;  background-image: url(images/lv2c.jpg); cursor:pointer;}
.lv2_logo { width: 248px; height: 65px; margin: auto; }
.lv2_qq { margin: 205px 0px 0px 120px; display: block; width: 59px; height: 16px;}

.content_hero{ float: left; display: inline; width: 959px; height: 455px; background: url(images/hero-bg.gif); padding: 46px 0px 0px 41px; }

.footer_line { float: left; width: 980px; margin: auto; margin: 50px 0px 10px 0px;  }
.footer {font-size: 9px; height: 25px; }
.footer_copyright { float:left; width: 500px; height: 50px; }
.footer_dsml { float:right; height: 50px; }



#main_ani { width: 915px; height: 390px; cursor: pointer;}
#ani_top { width: 915px; height: 390px;}
#ani_down { width: 915px; height: 390px;}


#lv2_form_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; position: fixed; background-color: #FFFFFF; opacity: 0.8;  filter:alpha(opacity=80);display:none;}
#lv2_form { position: absolute; top: 50%; left: 50%; width: 900px; height: 600px; margin-left: -450px; margin-top: -300px; z-index: 998; display:none;}
.lv2_home { float: right; width: 35px; height: 35px; background-image:url(../tc/images/lv2home.gif); background-repeat: no-repeat; text-decoration: none; color: #FFFFFF; font-size: 12px; text-align: center; display: block; line-height: 20px; margin-right: 10px;}
.lv2_close { float: right; width: 35px; height: 35px; background-image:url(../tc/images/lv2close.gif); background-repeat: no-repeat; text-decoration: none; color: #FFFFFF; font-size: 12px; text-align: center; display: block; line-height: 20px;}