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

body{
	background:url(../images/bg.jpg) no-repeat top center #fff;
	padding:0;
	margin:0;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif;
	color:#666;
}

#mainHeader{
	width:942px;
	margin:0px auto 30px auto;
	position:relative;
}
.clearall{
	clear:both;	
}
#topMenu{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:9px;
	left:59px;
}
.menus{
	background-image:url(../images/menus.png);
	float:left;
	height:22px;
}
.menus a{
	display:block;
	width:100%;
	height:100%;
}
.menus:hover{
	background-image:url(../images/menus_o.png);
}
.curMenu{
	background-image:url(../images/menus_o.png) !important;
}

#menu1{
	width:80px;
	background-position:0px 0px;
}
#menu2,#menu4,#menu6,#menu8,#menu10,#menu12,#menu14{
	width:11px;
	background-position:-80px 0px;
}
#menu3{
	width:99px;
	background-position:-91px 0px;
}

#menu5{
	width:97px;
	background-position:-201px 0px;
}
#menu7{
	width:98px;
	background-position:-309px 0px;
}
#menu9{
	width:96px;
	background-position:-418px 0px;
}
#menu11{
	width:99px;
	background-position:-525px 0px;
}
#menu13{
	width:98px;
	background-position:-634px 0px;
}
#menu15{
	width:80px;
	background-position:-743px 0px;
}

.submenu{
	position:absolute;
	z-index:9;
	top:120px;
	left:50px;
	background:url(../images/bg_sm.png) no-repeat top center;
	padding-top:15px;
	display:none;
}
#submenu1{
	left:50px;
}
#submenu2{
	left:447px;
	/*left:400px;*/
	
}
.sm{
	padding:5px 10px;
	background:#b47989;
	color:#fff;
	margin-bottom:2px;
}
.sm a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	text-decoration:none;
	font-size:15px;
}
.sm:hover{
	background:#7b3c4b;	
}

#mainWrapper,#contactWrapper{
	width:942px;
	margin:0 auto;
	position:relative;
	background-color:#fff;
	padding:60px 0;
}
#contactWrapper{
	padding-bottom:0px;
}

#logo{
	text-align:center;	
	margin-top:25px;
}
#barLeft{
	position:absolute;
	width:27px;
	height:59px;
	left:-27px;
	top:90px;
	z-index:10;
}
#barRight{
	position:absolute;
	width:27px;
	height:59px;
	right:-27px;
	top:90px;
	z-index:10;
}
#menubg{
	background-color:#eeafbe;
	position:absolute;
	top:0px;
	left:477px;
	width:96px;
	height:40px;
}
#menu{
	height:40px;
	background-color:#da92a3;
	margin-top:45px;
	position:absolute;
	top:45px;
	width:942px;
	z-index:9;
	box-shadow:0px 4px 5px #aaa;
}
#idxBanner{
	height:300px;
	overflow:hidden;	
}

#idxBoxes{
	padding:10px;	
}
.idxBox{
	float:left;
	margin-right:24px;
}
.idxBox2{
	margin-right:0px;
}

#idxLeft{
	float:left;	
	width:300px;
	padding:0 20px 20px 20px;
	border-right:1px  solid #eee;
}

#idxLeft a{
	color:#666;
	text-decoration:none;
}
#idxLeft a:hover{
	text-decoration:underline;
}

#idxRight{
	float:left;	
	width:550px;
	padding:0 20px 20px 00px;
	margin-left:20px;
}
#idxAlbumContent img{
	margin-right:10px;
	border:1px solid #eee;
	cursor:pointer;
}

.idxTitle{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px  solid #eee;
}

#idxNewsContent ul{
	margin:0 0 0 20px;
	padding:0;
}

/*============= booking now ============== */

#booking{
	position:absolute;
	top:-40px;
	left:-60px;
	
}

/*============= fb div ============== */

#fbdiv{
	position:absolute;
	top:65px;
	right:-26px;
}

/*============= news ============== */

.newsHR{
	width:90%;
	border:0; height:1px; background-color:#999;
	color:#d4d4d4;	/* IE6 */	
	margin:30px auto;
	clear:both;
}

.newsTitle{
	color:#312c6d;
	font-weight:bold;
	
}
.newsTitle2{
	color:#312c6d;
	font-weight:bold;
	font-size:20px;
	width:85%;
	margin:0 auto;	
}

#newspic, .newspic{
	text-align:center;	
}

#newsContent, .newsContent{
	width:85%;
	margin:0 auto;	
}

.newstable{
	border-collapse:collapse;	
}

/*============= About ============== */
#aboutContent{
	width:80%;
	margin:0 auto;	
}

.addressUL{
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
}
.addressUL li{
	background:url(../images/bg_dot.png) no-repeat 0px 2px;	
	padding-left:25px;
}


/*============= promo ============== */
#medicalMenu{
	position:absolute;	
	top:130px;
	left:-20px;
}
#mm2,#mm3,#mm4,#mm6{
	margin-top:10px;	
}
.mmSub{
	margin:2px 0 0 22px;	
	width:200px;
	background-color:#999;
	color:#fff;
	padding:5px 8px;
	font-size:15px;
	text-align:left;
	cursor:pointer;
}
.courseTitle{
	font-size: 1.2em;
	font-weight: bold;
	color: #201b5c;
}

#medicalContent{
	width:640px;	
	margin-left:230px;
	border-color:#da92a3;
	min-height:900px;
	padding:20px;
	text-align: justify;
	
}
.curMM{
	width:215px;
	background:#da92a3;
	text-align:center;
}
.overMM{
	background:#736bd6;	
}

.mcContent{
	display:none;	
}

.mcContent li{
	margin-bottom:10px;	
}

.orangeText{
	color:#f68000;	
}
.blueText{
  color:#00f;	
}

/*============= promo ============== */
.promoPic{
	cursor:pointer;
}

#promoContent{
	height:500px;	
}
#promoContent2{
	height:750px;	
}
#promo1{
	position:absolute;
	top:200px;
	left:120px;
}
#botoxLogo{
	position:absolute;
	top:110px;
	left:145px;
}
#promo2{
	position:absolute;
	top:120px;
	left:500px;
}

#promoBox1{
	position:absolute;
	top:145px;
	left:490px;
	width:417px;
	height:409px;
	background:url(../images/promo_1.png) no-repeat;
	display:none;
}
#promoBox11{
	position:absolute;
	top:145px;
	left:490px;
	width:417px;
	height:409px;
	background:url(../images/promo_11.png) no-repeat;
	display:none;
}

#promoBox3{
	position:relative;
	margin:00px 0 0 490px;
	padding:40px 40px 0 15px;
	width:417px;
	background:url(../images/promo_bg.png) no-repeat;
}
#promoTitle{
	position:absolute;
	top:-5px;	
	left:0px;
}
#promoTitle2{
	position:absolute;
	top:0px;	
	left:15px;
}


#promoFooter{
	margin:0px 0 0 490px;
}
#promoBox2{
	position:absolute;
	top:145px;
	left:50px;
	width:417px;
	height:412px;
	background:url(../images/promo_2.png) no-repeat;
	display:none;
}

#promoClose1{
	position:absolute;
	top:5px;
	right:15px;	
}

#promoClose2{
	position:absolute;
	top:5px;
	right:15px;
}

#formDiv1{
	position:absolute;
	width:350px;
	top:60px;
	left:40px;
}

#formDiv2{
	position:absolute;
	width:350px;
	top:70px;
	left:40px;
}

#formDiv1 p,#formDiv2 p{
	margin:0 0 7px 0;
	padding:0;	
}

/*============= contact ============== */
#contactLeft{
	float:left;
	width:550px;
	padding:30px;
	font-size:16px;
	color:#666;
}
#contactLeft td{
	padding-bottom:10px;
}
#contactLeft input,#contactLeft select{
	color:#666;
}
#contactForm{
	padding:15px;
}
#contactRight{
	float:right;
	width:302px;
	min-height:520px;
	background:url(../images/pic_contact.jpg) no-repeat bottom;
	margin: 0 25px 20px 0;
}
.contactText2{
	margin:10px 0 15px 0;
	color:#009;
	font-weight:bold;	
}
.redText{
	color:#f00;	
}
/*============= media ============== */
#mediaMenu{
	position:absolute;
	top:0px;
	right:30px;	
	width:300px;
	padding-top:80px;
	background:#fff;
}

#mediaMenu img{
	padding:10px 0;
	border-bottom:1px solid #eee;
	cursor:pointer;
}
#mediaContent{
	height:600px;	
}

#mediaBig{
	position:absolute;
	top:55px;
	left:85px;	
}

#bigPic{
	cursor:pointer;	
}

.roundedDiv{
	border:5px solid #EDDFEE;
	padding:6px;
	border-radius: 15px;
}

.curMedia{
	border-bottom:5px solid #EDDFEE;	
}

#mainFooter{
	margin:20px auto 30px auto;
	border-top:1px solid #666;
	width:942px;
	padding-top:5px;
	color:#666;
	font-size:12px;
	text-align:right;
}


 /*======FAQ====== */
 
#faqContent{
	width:80%;
	margin:0 auto;	
}
 
#faq ul{
	margin:0 0 0 20px;
	padding:0;
	/*list-style:none;*/
	
}
#faq ul li{
	list-style-image:url(../images/collapsed.png);
}

.faqQuestion{
	color:#666;
	cursor:pointer;
	font-size:15px ;
}
.faqQuestion:hover{
	color:#333;
	font-weight:bold;
}

.faqAnswer{
	display:block;
	overflow:hidden;
	padding:20px;
	margin: 0 15px 10px 0;
	/* text-align:justify; */
	background-color:#efefef;
	line-height:180%;
	color:#666;
	font-size:15px ;
}