/*
 * CSS文件
 * ============================================================================
 * 版權所有 (C) 2010 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ============================================================================
 * $Author: 小玉$
 * $Date: 2011-02-22$
*/

@charset "utf-8";
body { margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding: 0px; background:url(../images/bgTop.jpg) top repeat-x;}
img { border: 0px; nobar:expression(this.galleryImg='no');}

/* 主架構(共同) */
#wrapper{ width:1000px; margin:0 auto; position:relative; z-index:1px;}
#wrapper div#icon{ width:870px; height:133px; overflow:hidden; margin:0 auto;}
#footer {
  font-size:11px; -webkit-text-size-adjust: none;/* for chrome 字體小於12 */
  color:#666; padding-top:20px; line-height: 24px;
}
.grnet { float: right; }
#footer span{ color:#999;}
#footer a{ color:#999; text-decoration:none;}
#footer a:hover{ color:#666;}
.iconBg { background:url(../images/icon_bg.png) top repeat-x; width:870px; height:133px; overflow:hidden; margin:0 auto;}
.iconBg a { text-indent:-9999px; width:120px; height:45px; display:inline-block;}
.iconBg a.home { width: 380px; height:85px; overflow:hidden; margin:0 auto; display:block;}

/* 首頁區塊、樣式 */
#wrapper div#icontent{ position:absolute; top:400px; z-index:10;	width:960px;	padding:0 20px;	overflow:hidden;}
*html #wrapper div#icontent{ position:static; top:400px; z-index:10;	width:960px;	padding:0 20px;	overflow:hidden; margin-top:-110px;}/* for IE6 PNG背景透明與絕對定位衝突 */
#wrapper div#ibanner{ width:1000px; height:380px; overflow:hidden;}
.iContentBg{ background:url(../images/iContentBg.png) top no-repeat;}
#iLeft{ width:220px; overflow:hidden; padding:16px 0 0 12px; float:left;}
#iCenter{ width:365px; height:195px; overflow:hidden; padding:30px 0 0 25px; background:url(../images/inewsBg.jpg) bottom right no-repeat; float:left;}
/* tel */
#iRight .tel { clear: both; width:275px; background:url(../images/iTitle_tel.jpg) no-repeat; text-align: left; padding: 25px 0 0 10px; margin: 10px 0 0; }
#iRight .tel span {
  font-style: italic;
  font-size: 15px;
  font-weight: bold;
  color: #cc9900;
  text-shadow: 0.1em 0.1em 0.3em #ccc;
}
#iRight .tel .note {
  margin-top: 5px;
  border-top: 1px solid #ccc;
  padding-top: 5px;
  color: #f00;
}

/* 首頁_最新消息 */
#iCenter h2{ width:338px; height:15px; background:url(../images/iTitle_news.jpg) no-repeat; text-align:right; padding:1px 15px 10px 0; margin:0;}

#iCenter .newsTable { width: 100px; }
#iCenter .newsTable th{ padding:5px 0; font-weight:normal; color:#322200;}
#iCenter .newsTable td{ padding:5px; color:#71674c;}


#iCenter .newsTable a{
  color:#71674c; text-decoration:none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 290px;
  display: block;
}
#iCenter .newsTable a:hover{ color:#9b9072;}
#iRight{ width:315px; overflow:hidden; padding-left:5px; float:right;}
#iRight .telIcon{ text-align:right; padding-right:28px;}
/* 首頁_成功案例 */
#iRight h2{ width:285px; height:15px; overflow:hidden; background:url(../images/iTitle_case.jpg) no-repeat; padding:2px 0 14px; text-align:right; margin: 30px 0 0 0;}
#iRight .caseTable td{ padding:0 8px; color:#544d39;}
#iRight .caseTable th img{ padding:1px; border:#817554 1px solid;}
#iRight .caseTable p{ padding-top:7px; line-height:18px; margin:0;}
#iRight .caseTable a{ color:#544d39; text-decoration:none;}
#iRight .caseTable a:hover{ color:#807861; text-decoration:underline;}

/* 內頁共同架構、樣式 */
#wrapper div#pcontent{ position:absolute; top:295px; z-index:10; width:960px;	padding:0 20px;	overflow:hidden;}
*html #wrapper div#pcontent{ position:static; top:295px; z-index:10;	width:960px;	padding:0 20px;	overflow:hidden; margin-top:-128px;}/* for IE6 PNG背景透明與絕對定位衝突 */
#wrapper div#pbanner{ width:1000px; height:290px; overflow:hidden;}
.pContentBg{ background:url(../images/pContentBg.png) top no-repeat;}
#pLeft{ width:171px; overflow:hidden; padding:52px 25px 0 36px; float:left;}
#pLeft h1{ padding-left:7px; margin:0;}
#pLeft ul#pLeftMenu{ list-style:none; padding:5px 0 0 0; margin:0; color:#755b32; font-size:13px;}
#pLeft ul#pLeftMenu li{ list-style:none; line-height:26px; margin:0; padding:0;}
#pLeft ul#pLeftMenu li a{ color:#755b32; display:block; padding:0 0 4px 40px; background:url(../images/listLine_out.png) top no-repeat; text-decoration:none;}
#pLeft ul#pLeftMenu li a:hover{ color:#fff; font-weight:bold; background:url(../images/listLine_over.png) top no-repeat;}
#pLeft ul#pLeftMenu li span.stay{ color:#fff; background:url(../images/listLine_over.png) top repeat-x; display:block; padding:0 0 4px 40px; font-weight:bold;}
/* for IE6 -->以gif做背景圖 及 li空行bug*/
*html #pLeft ul#pLeftMenu li{ display:inline;}
*html #pLeft ul#pLeftMenu li a{ background:url(../images/listLine_out.gif) top no-repeat;}
*html #pLeft ul#pLeftMenu li a:hover{ font-weight:bold; background:url(../images/listLine_over.gif) top no-repeat;}
*html #pLeft ul#pLeftMenu li span.stay{ background:url(../images/listLine_over.gif) top repeat-x;}

#pLeft .telIcon{ margin-top:30px;}
#pRight{ width:720px; overflow:hidden; float:right;}
#pRight h2{ padding:20px 0 0 65px; height:37px; overflow:hidden; margin:0;}
#pRight .map{ text-align:right; padding-right:45px; color:#998a6b;}
#pRight .map a{ color:#998a6b; text-decoration:none;}
#pRight .map a:hover{ color:#766748;}
#pRight #mainContent{ width:660px; margin:0 auto; padding:12px 0 30px; color:#544d39; line-height:20px;}
#pRight #mainContent h3{ background:url(../images/contentAw.jpg) left no-repeat; line-height:12px; color:#b17405; font-size:13px; padding-left:18px; margin-bottom:12px;}
#pRight #mainContent p{ margin-bottom:32px;}

/* 關於里昂 */
.about_intro{ background:url(../images/aboutBg1.jpg) top no-repeat;}
.about_intro em{ font-size:16px;}
.equipmentTable td{ border-bottom:dashed #CC9 1px;}

/* 診療項目 */
.project_beauty{ background:url(../images/projectBg1.jpg) right 20px no-repeat;}

/* 醫師團隊 */
.doctorTable{ background:url(../images/doctor_bg.jpg) center top ; width:630px; overflow:hidden; margin:0 auto;}
.doctorTable td{ padding:20px 0 13px 20px;}

/* 門診資訊 */
.scheduleTable{ border:#eee8dd 2px solid; width:650px; overflow:hidden;}
.scheduleTable th{ padding:10px; background:#f3efe7;}
.scheduleTable td{ text-align:center; padding:10px; border-top:dashed #CC9 1px; border-left:dashed #CC9 1px; color:#8c763e;}

/* 最新消息 */
.pNewsTable{ width:630px; margin:0 auto;}
.pNewsTable th{ border-bottom:dashed #CC9 1px; padding:8px 5px;}
.pNewsTable td{ border-bottom:dashed #CC9 1px; padding:8px 5px;}
.pNewsTable a{ color:#755b32; text-decoration:none;}
.pNewsTable a:hover{ color:#544d39;}
.pNews_viewTable{ width:630px; margin:0 auto; overflow:hidden;}
.pNews_viewTable th{ border-bottom:dashed #CC9 1px; padding:5px 25px; font-size:13px; text-align:left;}
.pNews_viewTable td{ border-bottom:dashed #CC9 1px; padding:5px 25px;}
.pNews_viewTable span.date{ font-size:11px; -webkit-text-size-adjust: none;/* for chrome 字體小於12 */ color:#666;}
.pNews_viewTable div.text{ color:#666; padding:20px 0;}

/* 成功案例 */
.pCaseTable{ width:315px; overflow:hidden; margin-bottom:15px;}
.pCaseTable th{ border-bottom:dashed #CC9 1px; padding:8px 5px;}
.pCaseTable td{ border-bottom:dashed #CC9 1px; padding:8px 5px;}
.pCaseTable a{ color:#755b32; text-decoration:none;}
.pCaseTable a:hover{ color:#9c8259;}
.pCaseTable th img{ padding:1px; border:#817554 1px solid;}
.case_pic_b img{ padding:1px; border:#817554 1px solid;}
.case_pic_b{ margin-top:20px;}
.case_view{ padding:0 10px;}
.case_view .title{ font-size:15px; border-bottom:dashed #CC9 1px; padding:10px 30px 10px;}
.case_view .text{ border-bottom:dashed #CC9 1px; padding:20px 30px 10px; color:#666; width:590px; overflow:hidden;}

/* 留言里昂 */
.message{ background:url(../images/messageBg.jpg) top no-repeat;}
.inquiryTable{ margin-top:190px;}
.inquiryTable th{ padding:5px; text-align:right;}

/* 其他 */
.floatL{ float:left;}
.floatR{ float:right;}
.getFlash { background:url(../swf/get_flash_player.gif) center no-repeat; display:block;}
.v_align_m{ vertical-align:middle;}
.color666{ color:#666;}
.pr10{ padding-right:10px;}
.formBtn{ padding-top:10px; margin:20px auto 0; border-top:#CC9 dashed 1px; width:600px;}
.pageAll{ font-size:11px; color:#666; font-weight:bold; padding-top:10px; margin:20px auto 0; width:600px;}
.pageAll span{ color:#333; margin:3px; padding:0 2px; text-decoration:underline;}
.pageAll img{ vertical-align:middle;}
.pageAll a{ color:#666; text-decoration:none;}
.pageAll a:hover{ color:#333;}
.mb10{ margin-bottom:10px;}
.h133{ height:133px;}
.h380{ height:380px;}
.h220{ height:220px;}
.h290{ height:290px;}
.w250{ width:250px;}
.w450{ width:450px;}
.w100{ width:100px;}

/* 防木馬