/* -----------------------------------------------------
Ray 11/25/2008 
	- .contact .welarea 
		字體紅色並放大
----------------------------------------------------- */
.body {height:100%; margin:0px; text-align:center;}
body, td{ font-size: 12px; font-family:Arial, Verdana, PMingLiU; color:#333333; }
input, select, textarea {font-size: 12px; font-family:Arial, Verdana, PMingLiU;}

a, a:link {color:#333333; text-decoration: none;}
a:hover {color:#FF6600;text-decoration:none;}
a:active {color:#FF6600D;}
/* A - Link */
a.Link:link{
	BACKGROUND-COLOR:transparent;
	FONT-WEIGHT: bold;
	COLOR:blue;
}

a.Link:visited{
	BACKGROUND-COLOR:transparent;
	FONT-WEIGHT: bold;
	COLOR:blue;
}

a.Link:hover{
	BACKGROUND-COLOR:mediumslateblue;
	COLOR:#FFFFFF;
	FONT-WEIGHT: bold;
	CURSOR: pointer;
}

a.Link:active{
	BACKGROUND-COLOR:transparent;
	COLOR:blue;
	FONT-WEIGHT: bold;
}
/* A - Link end*/
form {margin:0px;}

img { border: 0px;}

.center {text-align:center;}
.absmiddle { vertical-align: middle;}
.clear {clear:both;}

.nodata {line-height:30px; text-align:center;}
/************************************/
.welcome {width:100%; height:100%; position:relative; text-align:left;}
.welcome .wel { width:1200px; height:480px; margin-left:-502px; margin-top:-280px; left:50%; top:50%; position: fixed; *position: absolute;}
.welcome .wel .copyright {color:#ECE9D3; font-size:8pt; text-align:center; line-height:25px; margin-top:5px;}

.doc {width:999px; margin:0 auto; text-align:left; background:fixed url(images/bodybg.jpg) left top repeat-y;}

.head {}
.head .hd1 {float:left; width:225px; height:136px; background:url(images/head1.jpg) left top no-repeat; position:relative;}
.head .hd1 .logo {position:absolute; left:13px; top:5px;}
.head .hd1 .favorite {position:absolute; left:32px; top:119px; width:65px; height:15px;}
.head .hd1 .setmain {position:absolute; left:57px; top:142px; width:65px; height:15px;}
.head .hd2 {float:left; width:774px; height:136px; background:url(images/head2.jpg) left bottom no-repeat; position:relative;}
.head .hd2 .topright {width:100%; height:100%;}
.head .hd2 .button {position:absolute; width:620px; height:41px; left:10px; top:19px; z-index:1;}
.head .hd2 .button .bt1 { position:absolute; left:0px;}
.head .hd2 .button .bt2 { position:absolute; left:70px;}
.head .hd2 .button .bt3 { position:absolute; left:146px;}
.head .hd2 .button .bt4 { position:absolute; left:224px;}
.head .hd2 .button .bt5 { position:absolute; left:298px;}
.head .hd2 .button .bt6 { position:absolute; left:385px;}
.head .hd2 .button .bt7 { position:absolute; left:459px;}
.head .hd2 .button .bt8 { position:absolute; left:540px;}
.head .hd3 {float:left; width:557px; height:78px; background:url(images/head3.jpg) left top no-repeat;}
.head .hd4 {float:left; width:442px; height:78px; background:url(images/head4.jpg) left bottom no-repeat;}
.head .hd_main {background:url(images/main/topright2.jpg) left bottom no-repeat !important;}

#menu {position:absolute; top:0px; left:-1000px; width:0px;}
#menu .area {position:relative; background:url(images/menu_bg.jpg) left top repeat-x; height:20px;}
#menu .area #arrmenu {position:absolute; top:-6px; left:10px; width:10px; height:7px; overflow:hidden; background:url(images/menu_up.jpg) left top no-repeat;}
#menu .area .left {float:left; width:5px; height:20px; background:url(images/menu_l.jpg) left top no-repeat;}
#menu .area .right {float:right; width:5px; height:20px; background:url(images/menu_r.jpg) left top no-repeat;}
#menu .area .data {color:#AF5EAB; line-height:20px; white-space: nowrap;}
#menu .area .data a {color:#AF5EAB;}
.menu {position:absolute; left:-1000px; top:-1000px;}
.menu span.rb { padding:0 6px 0 3px; border-right:2px solid #F2E2EF;}
.menu span.eb { padding:0 3px 0 3px;}

/* main */
.main {}
.main .leftpic {float:left; width:370px; height:314px; background:url(images/main/main.jpg) left top no-repeat;}
.main .mdata {float:left; width:629px; min-height:314px; _height:314px; background:url(images/main/mbg.jpg) left top repeat-x; }
.main .topright3 {height:22px; background:url(images/main/topright3.jpg) right top no-repeat; }

.main .mdata .marea {float:left; padding-left:32px;}
.main .mdata .marea2 {float:left; padding-left:16px;}
.main .mdata .mgroup {width:277px; background:#FFFFFF;}
.main .mdata .mgroup .mhr {height:7px; background:url(images/main/mt_t1.jpg) left top no-repeat; overflow:hidden;}
.main .mdata .mgroup .mhr2 {height:14px; background:url(images/main/mt_t2.jpg) left top no-repeat; overflow:hidden;}
.main .mdata .mgroup .mtb {padding-right:7px;}
.main .mdata .mgroup .newsH {min-height:127px; _height:127px; background:url(images/main/mt_m1.jpg) right top no-repeat;}
.main .mdata .mgroup .groupH {min-height:124px; _height:124px; background:url(images/main/mt_m2.jpg) right top no-repeat;}
.main .mdata .mgroup .foodH {min-height:270px; _height:275px; background:url(images/main/mt_m3.jpg) right top no-repeat;}
.main .mdata .mgroup .mtb .newsbg {min-height:127px; _height:127px; background:url(images/main/groupbg.jpg) right bottom no-repeat;}
.main .mdata .mgroup .mtb .groupbg {min-height:124px; _height:124px; background:url(images/main/doctorbg.jpg) right bottom no-repeat;}
.main .mdata .mgroup .mtb .title {padding-top:2px; padding-left:10px;}
.main .mdata .mgroup .mtb .memo {padding:3px 9px 3px 15px;}
.main .mdata .mgroup .mtb .memo2 {padding:2px 9px 2px 9px; width:240px; height:100px; position:relative; font-size:8pt;}
.main .mdata .mgroup .mtb .memo3 {padding:2px 9px 2px 9px; width:260px; overflow:auto; font-size:8pt;}


/* about */
.about {}
.about .leftpic1 {float:left; width:396px; height:314px; background:url(images/about/about.jpg) left top no-repeat;}
.about .leftpic2 {float:left; width:396px; height:314px; background:url(images/about/doctor.jpg) left top no-repeat;}
.about .mdata {float:left; width:602px; min-height:314px; _height:314px; background:url(images/about/mbg.jpg) right top no-repeat; }
.about .mdata .intro {width:490px; padding:10px; font-size:10pt; line-height:20px; }
.about .mdata .intro span.title {font-size:12pt; font-weight:bold; background:#EFEFEF; padding:3px; line-height:26px;}
.about .mdata .intro span.group {font-size:12pt; color:blue;}
.about .mdata .intro ol {padding:0px; margin-left:20px;}
.about .mdata .intro ol li {color:#CC0000;}
.about .mdata .intro ol div {color:#000;}

.doctor {position:relative; left:-40px; width:585px; border:1px dashed #9A33C4; padding:3px; _height:1px;}
.doctor .pic {float:left; width:160px; text-align:center;}
.doctor .pic .iarea {width:160px; height:235px; margin:0 auto;}
.doctor .pic .iarea .img {width:160px; height:235px; display:table-cell; text-align:center; vertical-align:middle; }
.doctor .pic .iarea .img * {vertical-align:middle;}
.doctor .pic .iarea .img img {display:inline;}
html .doctor .pic .iarea .img span {height:100%; display:inline-block;}

.doctor .info {float:left; width:220px;}
.doctor .info .name {font-size:12pt; padding-top:10px;}
.doctor .info .exp {margin-top:10px; padding:6px 6px 6px 16px; *padding:0px;}
.doctor .card {float:left; width:200px;}
.doctor .pic2 {text-align:center;}
.doctor .pic2 .iarea {width:190px; height:190px; margin:0 auto;}
.doctor .pic2 .iarea .img {width:190px; height:190px; display:table-cell; text-align:center; vertical-align:middle; }
.doctor .pic2 .iarea .img * {vertical-align:middle;}
.doctor .pic2 .iarea .img img {display:inline;}
html .doctor .pic2 .iarea .img span {height:100%; display:inline-block;}


/* news */
.news {}
.news .leftpic1 {float:left; width:336px; height:313px; background:url(images/news/type1.jpg) left top no-repeat;}
.news .leftpic2 {float:left; width:336px; height:313px; background:url(images/news/type2.jpg) left top no-repeat;}
.news .mdata {float:left; width:662px; min-height:314px; _height:314px; background:url(images/contact/mbg.jpg) right top no-repeat; }
.news .mdata .area {width:613px; min-height:314px; _height:314px; background:url(images/news/tdatabg.jpg) left top no-repeat; text-align:center;}
.news .mdata .area .mtxt {width:569px; margin:0 auto; text-align:left;}
.news .detail {}
.news .detail .subject {font-size:14pt; color:#AE5CAE;}
.news .detail .subject span {font-size:12pt;}
.news .detail .line1 {height:1px; overflow:hidden; background:#C285C0;}
.news .detail .line2 {height:1px; overflow:hidden; background:#E8D5E8;}
.news .detail .desc {padding:16px; color:#AE5CAE; font-size:10pt; line-height:18px;}
.news .detail .desc a {color:#AE5CAE; text-decoration:underline;}
.news .detail .desc a:hover {color:#CC3300; text-decoration:underline;}

/* contact */
.contact {}
.contact .leftpic1 {float:left; width:370px; height:335px; background:url(images/contact/contact.jpg) left top no-repeat;}
.contact .leftpic2 {float:left; width:370px; height:335px; background:url(images/contact/order.jpg) left top no-repeat;}
.contact .leftpic3 {float:left; width:370px; height:335px; background:url(images/contact/gbook.jpg) left top no-repeat;}
.contact .mdata {float:left; width:629px; min-height:336px; _height:336px; background:url(images/contact/mbg.jpg) right top no-repeat; }
.contact .mdata .area {width:579px; min-height:336px; _height:336px; background:url(images/contact/tdatabg.jpg) left top no-repeat; text-align:center;}
.contact .mdata .area .mtxt {width:541px; margin:0 auto; text-align:left;}
.contact .mainf {float:right; width:460px;}
.contact .mainf .mtable {width:100%;}
.contact .mainf .mtable th {background:#E3C5E1; color:#626262; font-weight:normal; line-height:20px; text-align:center;}
.contact .mainf .mtable td {background:#FFF; color:#626262; line-height:20px;}
.contact .mainf .mtable td span {color:#FF0000;}

.contact .detail {}
.contact .detail .subject {font-size:10pt; color:#AE5CAE;}
.contact .detail .posttime {float:right; padding-right:5px; color:#999; font-size:8pt; margin-top:3px;}
.contact .detail .line1 {height:1px; overflow:hidden; background:#C285C0;}
.contact .detail .line2 {height:1px; overflow:hidden; background:#E8D5E8;}
.contact .detail .desc {padding:8px 16px 8px 16px; color:#AE5CAE; font-size:10pt; line-height:18px;}
.contact .detail .desc a {color:#AE5CAE; text-decoration:underline;}
.contact .detail .desc a:hover {color:#CC3300; text-decoration:underline;}
.contact .detail .reply {padding:8px 16px 8px 16px; color:#9E0420; font-size:10pt; line-height:18px;}
.contact .detail .reply .byAdmin {color:#999; font-size:8pt; line-height:15px;}

.contact .loginFrm {text-align:center;}
.contact .loginFrm .iarea {width:400px; margin:0 auto; text-align:left;}
.contact .loginFrm .lgtxt {font-size:16pt; font-weight:bold; padding-left:36px; letter-spacing:0.5em;}
.contact .loginFrm .lgtxt span {background:#CCC; padding-left:0.5em;}

.contact .welT {font-size:16pt;}
.contact .welarea {background:#FFF9ED; padding:5px; line-height:20px;font-size:16px;color:red}
.contact .welarea div {padding-left:20px;}
.contact span.title {font-size:12pt; font-weight:bold; background:#EFEFEF; padding:3px; line-height:26px;}
.contact .cont {padding:5px; line-height:20px;}
.contact .cont a {color:#3333FF;}
.contact .cont a:hover {color:#FF3333;}

/* know & class */
.know {}
.know .leftpic {float:left; width:370px; height:313px; background:url(images/know/know.jpg) left top no-repeat;}
.know .leftpic2 {float:left; width:370px; height:313px; background:url(images/know/class.jpg) left top no-repeat;}
.know .mdata {float:left; width:629px; min-height:314px; _height:314px; background:url(images/contact/mbg.jpg) right top no-repeat; }
.know .mdata .area {width:580px; min-height:314px; _height:314px; background:url(images/know/tdatabg.jpg) left top no-repeat; text-align:center;}
.know .mdata .area .mtxt {width:564px; text-align:left;}
.know .detail {}
.know .detail .subject {font-size:14pt; color:#AE5CAE;}
.know .detail .subject span {font-size:12pt;}
.know .detail .line1 {height:1px; overflow:hidden; background:#C285C0;}
.know .detail .line2 {height:1px; overflow:hidden; background:#E8D5E8;}
.know .detail .desc {padding:16px; color:#AE5CAE; font-size:10pt; line-height:18px;}
.know .detail .desc a {color:#AE5CAE; text-decoration:underline;}
.know .detail .desc a:hover {color:#CC3300; text-decoration:underline;}
.know .detail .title {font-size:12pt; color:#CBA46B; line-height:26px; padding-left:20px;}
.know .detail .title span {color: #000; font-weight:bold; background:#EFEFEF; padding:3px; line-height:26px; margin-right:10px;}

.calendar {text-align:center;}
.calendar .tab {background:#C98EC4; width:90%; margin:0 auto; padding:10px; text-align:left;}
.calendar table {width:100%;}
.calendar td.week {color:#F0E2EF;}
.calendar td.week a {color:#F0E2EF;}
.calendar td.week a:hover {color:#FFFFCC;}
.calendar th.week {color:#F0E2EF; text-align:center; font-weight:normal; padding:3px;}
.calendar td.day {background:#FFF; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; vertical-align:top;}
.calendar td.today {background:#FFFFCD !important;}
.calendar td.day .mday {background:#E3C5E1; color:#9865B0; text-align:right; font-size:8px;}
.calendar td.day .class {background:#CBA46B; margin:1px; color:#F2EBDB; text-align:left; padding:0 5px 0 5px; font-size:8pt;}
.calendar td.day .class a {color:#F2EBDB;}
.calendar td.day .class a:hover {color:#FFFFCC;}

#ctime {width:200px; position:absolute; left:-1000px; top:-1000px;}
#ctime .show {position:relative; width:100%;}
#ctime .show table {width:100%; border:0px;}
#ctime .show table td.t1 {width:6px; height:6px; background:url(images/know/clstb_t1.gif) left top no-repeat;}
#ctime .show table td.t2 {height:6px; background:url(images/know/clstb_t2.jpg) left top repeat-x;}
#ctime .show table td.t3 {width:6px; height:6px; background:url(images/know/clstb_t3.gif) left top no-repeat;}
#ctime .show table td.m1 {width:6px; background:url(images/know/clstb_m1.jpg) left top repeat-y;}
#ctime .show table td.m2 {width:6px; background:url(images/know/clstb_m2.jpg) left top repeat-y;}
#ctime .show table td.f1 {width:6px; height:6px; background:url(images/know/clstb_f1.gif) left top no-repeat;}
#ctime .show table td.f2 {height:6px; background:url(images/know/clstb_f2.jpg) left top repeat-x;}
#ctime .show table td.f3 {width:6px; height:6px; background:url(images/know/clstb_f3.gif) left top no-repeat;}
#ctime .show table td.main {padding:3px; background:#FFFFFF;}
#ctime .show .pot {position:relative; left:87px; top:-1px; width:46px; height:35px; background:url(images/know/clstb_pot.gif) left top no-repeat;}
#ctime .show .close {position:absolute; left:187px; top:5px;}


/* room */
.room {}
.room .leftpic {float:left; width:275px; height:313px;}
.room .mdata {float:left; width:723px; min-height:313px; _height:313px; position:relative;}
.room .mdata .text {position:absolute; left:15px; top:69px; width:170px; line-height:20px; padding:5px; color:#55504A; font-size:11px;}
#subPic {position:absolute; left:-1000px; top:-1000px; z-index:100; border:1px solid #999; background:#FFFFFF; display:none;}
.room .mdata .sroom {position:absolute; left:575px; top:10px; width:147px;}
.room .mdata .sroom .demo {font-size:8pt; color:black;}
.room .mdata .sroom .small {float:left; width:32px; color:#7F7F7D; margin:0 4px 0 4px; border-bottom:5px solid #AF5CAA; padding-bottom:2px; font-family: arial, sans-serif; text-align:center;}
.room .mdata .sroom .small a {color:#7F7F7D;}

.roompic {position:relative; width:100%; height:100%;}
.roompic .pic {position:absolute; top:50%; left:50%;}
.roompic .pic .main {position:relative; width:100%; height:100%;}
.roompic .pic .main .bt {position:absolute; top:0px; left:0px; width:100%; z-index:102; text-align:right;}
.roompic .pic .main .mp {}
.roompic .pic .main .txt {line-height:20px; margin-top:10px; color:#787878;}


/* bud */
.bud {}
.bud .leftpic {float:left; width:275px; height:313px;}
.bud .mdata {float:left; width:723px; min-height:313px; _height:313px; position:relative;}
.bud .mdata .text {position:absolute; left:15px; top:69px; width:300px; line-height:20px; padding:5px; color:#55504A; font-size:11px;}


/* video */
.video {}
.video .leftpic {float:left; width:416px; height:335px; background:url(images/video/video.jpg) left top no-repeat;}
.video .mdata {float:left; width:582px; min-height:335px; _height:335px; background:url(images/contact/mbg.jpg) right top no-repeat; position:relative;}
.video .mdata .area {width:534px; min-height:335px; _height:335px; text-align:center;}
.video .mdata .area .mtxt {width:470px; margin:0 auto; text-align:left;}

.video .loginFrm {width:428px; margin-left:50px; text-align:center;}
.video .loginFrm .iarea {width:365px; margin:0 auto; text-align:left;}
.video .loginFrm .iarea .mark {width:365px; height:87px; background:url(images/video/mark_ae.jpg) left top no-repeat;}
.video .loginFrm .iarea .mark .padd { padding:2px 2px 14px 12px;}

.video .codearea {width:420px;}
.video .codearea .s_cam {float:left; padding-left:22px; background:url(images/s_camera.gif) left top no-repeat; color:#656565; font-weight:bold; margin-right:10px;}
.video .codearea .s_cam a {color:#656565; font-weight:normal;}
.video .codearea .s_cam a:hover {color:#FF6600D;}
.video .viewvideo {width:420px; min-height:292px; _height:292px; margin-top:20px;}
.video .func {background:url(images/livevideo.jpg) 97px 6px no-repeat;}
.video .func .chatting {margin-top:8px; padding-left:20px; font-weight:bold;}
.video .func .camera {margin-top:5px;}

/* foods */
.foods {}
.foods .leftpic1 {float:left; width:396px; height:314px; background:url(images/foods/foods.jpg) left top no-repeat;}
.foods .mdata {float:left; width:602px; min-height:314px; _height:314px; background:url(images/foods/mbg.jpg) right top no-repeat; }
.foods .mdata .intro {width:490px; padding:10px; font-size:10pt; line-height:20px; }
.foods .mdata .intro-bottom {width:602px; padding:10px; font-size:10pt; line-height:20px; }


/* ****************************************************************************************** */
/* ****************************************************************************************** */
/* ****************************************************************************************** */
/* other */
.ndate {color:#CC3300;}
.ndesc {color:#AAA;}

.mdoct {line-height:16px;}

.mdocarea {}
.mdocarea .pic {float:left; width:73px;}
.mdocarea .area {float:left; width:162px; margin-left:5px;}
.mdocarea .area .mdname {float:left; width:81px; color:#666;}

.mdmore {position:absolute; left:216px; top:84px; font-size:11px; color:#AE5DAA; text-align:right;}
.mdmore a {color:#AE5DAA;}

.backmain {height:28px; text-align:right;}
.backmain img {display:inline; position:relative; top:28px;}

.foot {margin-top:20px;}
.foot {text-align:center; color:#333333; font-size:10pt;}

.pgcount {margin:3px 0 3px 0; padding:0 5px 0 5px;}
.pgcount table.page {}
.pgcount table.page td {color:#4C4A4B;}
.pgcount table.page td a {color:#4C4A4B; text-decoration:underline;}
.pgcount table.page td a:hover {color:#CC3300;; text-decoration:underline;}


.mh3 {height:3px; overflow:hidden;}
.mh5 {height:5px; overflow:hidden;}
.mh7 {height:7px; overflow:hidden;}
.mh8 {height:8px; overflow:hidden;}
.mh10 {height:10px; overflow:hidden;}
.mh15 {height:15px; overflow:hidden;}
.mh20 {height:20px; overflow:hidden;}

.lineType1 {background:url(images/icon_dash.gif) left top repeat-x; height:3px; overflow:hidden;}
.lineType2 {background:url(images/icon_dot.gif) left top repeat-x; height:3px; overflow:hidden;}


.listType1 {background:url(images/icon_flower.gif) no-repeat; background-position:left 2px; line-height:18px; padding-left:18px; color:#666666;}
.listType2 {background:url(images/icon_flower.gif) no-repeat; background-position:left 4px; line-height:20px; padding-left:18px; color:#666666;}


.listTable1 {border:0px;}
.listTable1 th {
	background:#B05DAB; text-align:center; color:#FFF; font-weight:bold; font-family: impact;
	font-size:12pt; height:27px; line-height:27px; letter-spacing:0.5em;
}
.listTable1 th.left {background:url(images/thbg.jpg) #B05DAB left top repeat-y;}
.listTable1 td.left {background:url(images/tdbg.jpg) #ECD7EA left top repeat-y !important;}
.listTable1 td.news {background:#ECD7EA; color:#7D7A81; line-height:16px; font-size:10pt; padding:0 10px 0 10px;}
.listTable1 tr.know {background:url(images/trbg.jpg) right top repeat-y !important;}

.NoPadding{padding:0px 0px 0px 0px;}
.NoMargin{margin:0px 0px 0px 0px;}

/*** 表單區 ***/
.cform {}
.cform input.text {border:1px solid #D3D7DA;}
.cform textarea {border:1px solid #D3D7DA; padding:2px;}
.cform select {border:1px solid #D3D7DA;}
.cform .field {margin:15px 0 15px 0px;}
.cform .field .title {width:116px; float:left;}
.cform .field .title div {border-right:1px solid #000000; line-height:16px; text-align:right; margin:2px 13px 0 0; padding-right:9px;}
.cform .field .title span {color:red; padding:0 3px 0 3px;}
.cform .field .ftxt {float:left; height:100%; line-height:20px;}
.cform .field .ftxt span {color:red;}
.cform .field .ftxt span.login {color:#7A7A7A;}
.cform .field .ftxt span.login a {color:#7A7A7A;}

input.button02 {background:url(images/button02.jpg) left top no-repeat; width:61px; height:24px; text-align:center; color:#000; border:0px;}