@CHARSET "UTF-8";
body{
    width	:1000px;
    height	:1220px;
    background	:black;
    color	:yellow;
    margin	:0px;
    padding     :0px;
    font-family:"楷体";
}

.en{
    color	:yellow;
    font-family	:Cambria;
    font-size	:20px;
}

#leftpane{
    background: black; /* for non-css3 browsers */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='black', GradientType=1); /* for IE */
    background: -webkit-gradient(linear, left center, right center, from(red), to(black)); /* for webkit browsers */
    background: -moz-linear-gradient(left,red,black);
    width	:100px;
    height	:1220px;
    position:absolute;
    top		:0px;
    left	:0px;
}

#middlepane{
    /*background: black;#FF9900;*/ /* for non-css3 browsers */
    width	:1000px;
    height	:1220px;
    position:absolute;
    top		:0px;
    left	:100px;
}

#middlepane ul{
    list-style-type	:none;
}

#rightpane{
    background: black; /* for non-css3 browsers */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='red', GradientType=1); /* for IE */
    background: -webkit-gradient(linear, left center, right center, from(black), to(red)); /* for webkit browsers */
    background: -moz-linear-gradient(left, black, red);
    width	:100px;
    height	:1220px;
    position:absolute;
    top		:0px;
    left	:1100px;
}

.wrapper_bg{
    background: black;
    position:absolute;
    left: 20px;
    width:100%;
    height:100%;
    padding :10px;
    border-width	:3px;
    border-style	:groove;
    border-color	:red;
    border-radius	:2em;        
}

.wrapper{
    display: none;
    position:absolute;
    top     :290px;
    left	:120px;	
    width	:850px;
    height	:280px;
    z-index	:2;
}

.wrapper .doctors{
    position: relative;
    height	:140px;
    top: 10px;
    left: 50px;	
    float: left;
    margin	:0px;
    padding	:0px;
}

.wrapper .doctors img{
    display :block;
    width   :130px;
    height  :130px;
    padding :0px 0px 0px 0px;
    margin  :0px 0px 0px;
    cursor  :pointer;
    -moz-box-shadow:1px 1px 5px #000;
    -webkit-box-shadow:1px 1px 5px #000;
    box-shadow:1px 1px 5px #000;
    opacity:0.7;
    -ms-filter: alpha(opacity=70); /* ie 8 */
        filter: alpha(opacity=70); /* ie lt 7 */
    border  :0px;
    border-radius   :1em;	
}

.wrapper .doctors img:hover{
    opacity:1;
    -ms-filter: alpha(opacity=100); /* ie 8 */
        filter: alpha(opacity=100); /* ie lt 7 */
}

.wrapper .doctors .caption{
    font-size:16px;
    text-align:center;
    position	:relative;
    top		:-32px;
    width	:135px;
    height	:20px;
    margin	:0px;
    padding	:0px;
    color	:white;
    background-color: black;
    opacity: 0.5;
    -ms-filter: alpha(opacity=50); /* ie 8 */
        filter: alpha(opacity=50); /* ie lt 7 */
}

.titleline{
    position: absolute;
    width: 500px;
    height: 20px;
    border-radius: 2em;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='red', GradientType=0); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(black), to(red)); /* for webkit browsers */
    background: -moz-linear-gradient(top, black, red);
}

.title{
    position: relative;
    color: yellow;
    font-size: 32px;
    font-weight: bold;
}

button{
    color           :yellow;
    font-size       :24px;
    padding         :2px 30px;
    margin          :5px;
    border-width    :2px;
	border-radius	:15px;    
    background		:red;
	/*
	-moz-border-radius  :15px; 
    -ms-border-radius   :15px; 
    -webkit-border-radius:15px;
    border-radius       :15px;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='red', GradientType=0); /* for IE */
    /*background: -webkit-gradient(linear, left top, left bottom, from(black), to(red)); /* for webkit browsers */
    /*background: -moz-linear-gradient(top, black, red); */
}

button:hover{
    color	:red;
    background	:yellow;
    cursor	:url(img/smile-05.jpg),url(img/smile-05.jpg),auto;
}

table tr td{
    vertical-align  :text-top;
}


#aboutus{
    position	:absolute;
    top		:320px;
    left	:100px;
    opacity: 0;
    -webkit-animation: fadeIn linear 1s forwards;
}

#aboutus #title img{
    position:absolute;
    left: 180px;
    width: 600px;
    height: 80px;
    margin: 20px;
    box-shadow: 0px 0px 30px 10px red;
}

#aboutus #map img{
    position:absolute;
    top     :110px;
    left    :10px;
    width   :500px;
    height  :350px;
    margin  :5px;
    cursor  :pointer;
}

#aboutus #map2 img{
    position:absolute;
    top     :480px;
    left    :10px;
    width   :500px;
    height  :350px;
    margin  :5px;
    cursor  :pointer;
}


#aboutus #about1 table tr td, #aboutus #about2 table tr td, #aboutus #about3 table tr td, #aboutus #about4 table tr td{
    font-size   :18px;
    font-weight :normal;
    font-family	:"楷体";
    vertical-align	:text-top;
}

#aboutus #about1, #aboutus #about2, #aboutus #about3, #aboutus #about4{
    position: absolute;
    left: 540px;
    top: 130px;
    width: 350px;
    height: 200px;
    padding: 5px 20px;
    background: black;
    color: yellow;
    border-style: outset;
    border-radius: 1em;
    border-color: red;
    opacity: 1;
}

#aboutus #about1 table, #aboutus #about2 table, #aboutus #about3 table, #about4 table{
    margin	:15px 0px 0px;
}

#aboutus #about2{
    top     :630px;
    height  :180px;
}

#aboutus #about3{
    top     :380px;
    background  :#FFF3C2;
}
#aboutus #about4{
    top     :630px;
    background  :#FFF3C2;
}

#aboutus #about3 table tr td{
    color   :black;
    font-size	:20px;
}

#aboutus #about4 table tr td{
    color   :black;
    font-size	:20px;
}


#cooking{   
    position	:absolute;
    top		:300px;
    left	:100px;
    font-size	:22px;
    opacity     :0;
}

#cooking #content{
    width	:1000px;
    height	:700px;
    overflow	:auto;
}

#cooking #title img{
    position:relative;
    top     : 0px;
    left    : 200px;
    width   : 600px;
    height  : 80px;	
    margin  :20px 0px 10px;
    box-shadow: 0px 0px 30px 10px red;
}

#cooking #content table{
    position:relative;
    left    :20px;
    margin  :20px;
}

#cooking #content table ul{
    padding: 0px 5px 5px 80px;
    list-style-type	: cjk-ideographic;
}

#cooking #content table .highlight{
    border          :3px solid red;
    border-radius   :2em;
}

#cooking #content table tr td span{
    font-weight :bold;
    color       :red;
    background  :yellow;
    border-width    :2px;
    border-radius   :15px;
    -moz-border-radius:15px; 
    -ms-border-radius:15px; 
    -webkit-border-radius:15px;
    padding     :0px 15px;
    box-shadow  :0px 0px 30px 5px red;
}

#doc{
	position: absolute;
	top: 300px;
	left: 100px;
	font-weight	:bold;
}


#doc #title img{
	position: absolute;
	left: 180px;
	width: 600px;
	height: 80px;	
	margin: 20px;
	box-shadow: 0px 0px 30px 10px red;
}

#doc #bg img{
	position:absolute;
	top: 120px;
        width: 900px;
	height: 450px;
	margin: 30px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 0px 0px 50px 5px white;
	opacity: 0.9;
	-ms-filter: alpha(opacity=90); /* ie 8 */
	filter: alpha(opacity=90); /* ie lt 7 */
}

#doc #pic img{
	position: absolute;
	top: 220px;
	left: 180px;
	width: 200px;
	height: 200px;
	margin: 5px 5px 0px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-moz-box-shadow:1px 1px 50px white;
	-webkit-box-shadow:1px 1px 50px white;
	box-shadow:1px 1px 50px white;
}

#doc .container_cn{
	position: absolute;
	top: 190px;
	left: 400px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	font-size: 20px;
	background-color: black;
	color: white;
	opacity: 0.6;
	-ms-filter: alpha(opacity=60); /* ie 8 */
	filter: alpha(opacity=60); /* ie lt 7 */
	width: 450px;
	margin: 15px 0px;
	padding: 5px 0px 20px 20px;
}

#doc .container_cn span{
    font-weight :bold;
    font-size   :24px;
    border-width    :2px;
    border-radius   :15px;
    -moz-border-radius:15px; 
    -ms-border-radius:15px; 
    -webkit-border-radius:15px;
    padding     :0px 15px;
    margin      :0px 15px;
    box-shadow  :0px 0px 10px 5px yellow;
}

#doc ul{
	margin: 0px;
	padding: 3px 15px;
}

#intro{
    position	:absolute;
    top		:320px;
    left	:100px;
    background	:black;
}

#intro #news{
    position:absolute;
    top:0px;
    width:400px;
    margin: 0 0 0 20px;
}

#intro #news table, #intro #articles table, #publictalk table{
    margin: 5px 0px;
    background: black;
    opacity: 1;
    width: 500px;
    color: yellow;
    font-size:20px;
    padding:10px;	
}

#intro #news a, #intro #articles a, #publictalk a{
    color: yellow;	
    font-weight:normal;
    text-decoration: none;
}

#intro #news a:hover, #intro #articles a:hover, #publictalk a:hover{
    color: white;	
    font-weight:bold;
    padding: 0px 5px;
}

#intro #articles{
    position:absolute;
    top     :220px;
    width   :400px;
    margin  : 0 0 0 20px;
}

#intro table tr td{
    padding :3px 0px;
}

#intro table tfoot{
    font-size: 16px;
    text-align: right;
}

#intro #publictalk{
    position:absolute;
    top	:0px;
    left: 620px;
}

#intro #poster img{
    position:absolute;
    top     :120px;
    left    :620px;
    width   :300px;
    height  :200px;	
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    box-shadow: 0px 0px 30px 5px white;
    cursor  :pointer;
}

#facilities{
    position	:absolute;
    top		:320px;
    left	:100px;
    opacity	:0;
    margin: 0px 30px;
}

#facilities #diagnoseroom img, #facilities #acuroom img{
    position: relative;
    width: 600px;
    height: 400px;
    border-radius: 2em;
    margin: 10px;
    box-shadow: 0px 0px 20px 5px white;
}

#facilities #diagnose, #facilities #acu{	
    position: absolute;
    width: 200px;
    padding: 5px 20px;
    border: 3px solid red;
    border-radius: 1em;
}

#facilities #diagnose div, #facilities #acu div{
    position: relative;
    left: 40px;
    margin: 0px;
    padding: 5px 0px 0px;
}

#flow #flow_img img{
    position:absolute;
    top     :320px;
    left    :300px;
    width   :600px;
    height  :800px;
}

#knowledge{
    position	:absolute;
    top		:300px;
    left	:100px;
    opacity	:0;
}

#knowledge img{
    position:absolute;
    top: 0px;
    left: 180px;
    width: 600px;
    height: 80px;	
    margin: 20px;
    box-shadow: 0px 0px 30px 10px red;
}

#knowledge #content{
    position: absolute;
    top: 120px;
    left: 80px;
    width	:800px;
    height	:700px;
    border:3px solid red;
    border-radius: 2em;
    padding: 20px 10px 0px 20px;
    font-size: 20px;
    overflow:auto;
}

#knowledge #content ul{
    padding: 0px 5px 20px 60px;
    list-style-type: cjk-ideographic;	
}

#knowledge #content ul li{
    padding: 10px 5px;
}

#knowledge #content span{
    color       :white;
    font-weight :bold;
    font-size   :24px;
}

#knowledge #content #highlight{
    font-weight :bold;
    color       :red;
    background  :yellow;
    border-width    :2px;
    border-radius   :15px;
    -moz-border-radius:15px; 
    -ms-border-radius:15px; 
    -webkit-border-radius:15px;
    padding     :0px 15px;
    box-shadow  :0px 0px 30px 5px red;
}


#objectives{
    position	:absolute;
    top		:300px;
    left	:100px;
    opacity: 0;
}

#objectives #title img{
    position	:relative;
    left	:180px;
    width: 600px;
    height: 80px;
    margin: 20px;
    box-shadow: 0px 0px 30px 10px red;
}

#objectives #content{
    position	:relative;
    left	:80px;
    width: 800px;
    height: 250px;
    padding: 10px;
    background: black;
    color:yellow;
    border-style: outset;
    border-radius: 2em;
    border-color: red;
}

#objectives #content div{
    padding: 10px 30px;
}

#objectives #content ul{
    padding: 0px 5px 20px 60px;
    list-style-type: cjk-ideographic;	
}

#objectives #content ul li{
    padding: 5px;
    font-size: 20px;	
}


#pastrecords{
    position	:absolute;
    top		:300px;
    left	:100px;
    opacity: 0;
}

#pastrecords #title img{
    position	:relative;
    left	:180px;
    width: 600px;
    height: 80px;	
    margin: 20px;
    box-shadow: 0px 0px 30px 10px red;
}

#pastrecords #bg{
    position	:absolute;
    top		:120px;
    left	:20px;
    width: 950px;
    height:700px;
    z-index: -1;
}

#pastrecords #bg_shadow{
    position	:absolute;
    top		:120px;
    left	:20px;
    width: 950px;
    height: 700px;
    box-shadow: inset 0px 0px 30px 30px black;
    z-index: 1;
}

#pastrecords table{
    position: absolute;
    top     : 170px;
    left    : 270px;	
    color   : yellow;
    background  :black;
    font-weight:bold;
    padding: 5px;
    border-spacing: 0px;
    z-index: 0;
}

#pastrecords table th{
    text-align:center;
    font-size: 30px;
    padding: 5px 0px 10px;
}

#pastrecords table tr td{
    text-align: right;
    padding: 2px 10px 2px 0px;
}

#pastrecords table #header{
    padding: 2px 10px 20px 0px;
}

#pastrecords table #header td{
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='red', GradientType=0); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,red), color-stop(50%,black), color-stop(100%,red)); /* for webkit browsers */
    background: -moz-linear-gradient(top, red, black, red);
}
    
#pastrecords table tr.alt{
    background:dimgray;
}


#promises{
    position	:absolute;
    top		:300px;
    left	:100px;
    opacity: 0;
}

#promises img{
    position	:relative;
    left	:180px;
    width	:600px;
    height	:80px;
    margin: 20px;
    box-shadow: 0px 0px 30px 10px red;
}

#promises #content{
    position: relative;
    left: 80px;
    width: 800px;
    height: 500px;
    padding: 10px;
    background: black;
    color: yellow;
    border-style: outset;
    border-color: red;
    border-radius: 2em;
}

#promises #content ul{
    width: 700px;
    list-style-type: cjk-ideographic;
    padding: 0px 5px 20px 60px;
}

#promises #content ul li{
    padding: 5px;
    font-size: 20px;
}


#publictalk{
    position: absolute;
    top: 320px;
    left: 150px;
}

#publictalk button{
    font-size   :16px;
    width   :130px;
    margin  :5px;    
    font-weight: bold;
}

#publictalk table{
    position:absolute;
    top:50px;
    left:0px;
    margin: 0px;
}

#publictalk #choices{
    position	:relative;
    left	:160px;
}

#publictalk #yrTitle{
    position:absolute;
    top     :100px;
    left    :185px;
    width   :500px;
    border  :1px solid red;
    border-radius   :2em;
    text-align      :center;
    padding-left    :20px;
}

#publictalk #listing{
    position:absolute;
    top:160px;
    left:150px;
    width:800px;
    background:transparent;
}

#publictalk #listing tr td{
    margin      :0px;
    padding     :10px;
    font-size   :22px;
}

#publictalk #listingbg{
    position:absolute;
    top     :160px;
    left    :0px;
    width   :950px;
    height  :550px;
    background  :black;    
    opacity :0.5;
}

#publictalk #publictalk1 img{
    position    :absolute;
    top         :100px;
    left        :200px;
    width       :700px;
    height      :500px;
    -moz-border-radius  :30px; 
    -ms-border-radius   :30px; 
    -webkit-border-radius:30px;
    border-radius       :30px;
    
}

#publictalk #publictalk2 img{
    position    :absolute;
    top         :500px;
    left        :50px;
    width       :400px;
    height      :350px;
    -moz-border-radius  :30px; 
    -ms-border-radius   :30px; 
    -webkit-border-radius:30px;
    border-radius       :30px;
}


#recruitment{
    position	:absolute;
    top	:300px;
    left:100px;
}

#recruitment #title img{
    position	:relative;
    left: 180px;
    width: 600px;
    height: 80px;	
    margin: 20px;
    box-shadow: 0px 0px 30px 10px red;
}

#recruitment #content{
    position	:relative;
    left	:80px;
    width	:800px;
    height	:700px;
    overflow	:auto;
    border:3px solid red;
    border-radius: 2em;
    padding: 10px 10px 0px 30px;
    font-size: 20px;
}

#recruitment #content ul{
    padding: 0px 0px 10px 40px;
}

#recruitment #content ul li{
    list-style-type: cjk-ideographic;	
    padding: 3px;
}

#recruitment #content .subtitle{
    color       :white;
    font-weight :bold;
    font-size   :24px;
}

/* 
    Header Image
*/
#img img{
    position:absolute;
    height	:220px;
    width	:1194px;
    top		:0px;
    left	:0px;
    border-style: solid;
    border-width: 5px;
    border-color: black;
    z-index:2;
}

#img2 img{
    position:absolute;
    height	: 80px;
    width	: 300px;
    top		: 5px;
    left	: 5px;
    z-index :2;	
}

/* 
    Top Menu
*/

#topmenu{
    position    :absolute;
    margin	:0px 10px;
    padding	:5px 0px 10px 50px;
    width	:930px;
    height	:30px;    
    top         :250px;
    border-color    :white;
    border-radius: 2em;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;	
    border-style:outset;
    
    background: white; /* for non-css3 browsers */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='red'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,red),color-stop(50%,white),color-stop(100%,red)); /* for webkit browsers */
    background: -moz-linear-gradient(top, red, white, red); /* for firefox 3.6+ */
}

#topmenu li{
    position:relative;	
    float   :left;
    padding :5px 0px;	
    cursor  :pointer;
}

#topmenu li a, #topmenu li span{
    color:black;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    padding: 5px 20px;
    margin:0px;
    border-radius:1.6em;
    -webkit-border-radius: 1.6em;
    -moz-border-radius: 1.6em;
}
   
#topmenu a:hover{
    color:yellow;
    background:red;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='red'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,black),color-stop(50%,red), color-stop(100%,black)); /* for webkit browsers */
    background: -moz-linear-gradient(top, black, red, black); /* for firefox 3.6+ */
}

/* Sub menu list*/
#topmenu li ul{
    display :none;
    position:absolute;
    top     :30px;
    left    :-10px;
    width   :150px;
    margin  :0px;
    padding :5px 10px;
    z-index :2;

    border-color: red;
    border-style: groove;
    border-radius:1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    background: white; /* for non-css3 browsers */
}

#topmenu li:hover > ul{
    display: block;
}

#topmenu li ul li{
    clear: both;
}

#topmenu li ul li a{
    color   :black;
}


#footer{
    position	:absolute;
    width	:920px;
    height	:25px;
    top         :1175px;
    left	:120px;
    padding	:5px 0px 0px;
    border-radius:2em;
    border-style:groove;
    border-color:red;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    text-align:center;
    font-size:16px;
    font-weight:bold;
}

#counter{
    position:absolute;
    top	:1182px;
    left:860px;
}