@charset "utf-8";
/**************************************************
= banner
********************/
.banner { text-align: center; background-repeat: no-repeat; background-position: center top; background-size: auto 100%;}
.banner img { width: 100%; height: auto;}

/**************************************************
= content
********************/
.section {
  padding: 30px 0px 100px;
  border-top: 1px solid #fcfbf3;
  background: url(images/section-bg.jpg) repeat-x top;
}
.section a,
.section a:hover { text-decoration: none;}
.section .content {
  float: right;
}
.section .sidebar {
  float: left;
  margin: 25px 0 0 0;
}

/**************************************************
= contentType
********************/
.content { font-family: "微軟正黑體", sans-serif; font-size: 16px; color: #333; z-index: 1; position: relative; }
.contentAll {
  font-family: "微軟正黑體", sans-serif;
  font-size: 16px;
  color: #333;
  min-height: 195px;
  padding: 0 13px;
}
.maplink-title { color:#777777; font-size:13px; text-align: right; margin: -15px 0 13px 0!important;}
.maplink-title a { color:#777777 !important; }
.maplink-title a:hover {
  color: #5e371c;
  text-decoration: underline;
}
.maplink-title i {
  padding-right: 1%;
  padding-left: 1%;
}

.contentA .footInfo { display: none;}

.content h1, .content h2, .content h3, .content h4 { font-family:微軟正黑體, 新細明體, "Lucida Sans Unicode", sans-serif; font-weight: normal; line-height: 1.2em;letter-spacing: 2px;}

.content h1 {
  clear: both;
  position: relative;
  padding: 0 0 20px 0;
  margin: 0px 0px 30px;
  text-align: left;
  font-size: 26px;
  color: #833c11;
  background: url(images/.content-h1-bg.jpg) repeat-x bottom;
}
/*.content h1 .en { text-transform: uppercase; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; font-weight: 600; color: #aaa;}

.content h2 { clear: both; position: relative; margin: 70px 0px 30px; text-align: left; font-size: 21px; color: #333;}
.content h2 b { display: inline-block; position: relative; padding-right: 10px; background: #fff;}
.content h1 + h2 { margin-top: -5px;}
.content > h2::after { z-index: -1; position: absolute; top: 0.6em; left: 0px; right: 0px; content: ""; border-bottom: 1px solid #bfbfbf;}

.content h3 { margin: 10px 0px; padding-left: 5px; letter-spacing: 1px; line-height: 1.2em; font-size: 20px; color: #ff69a5; border-left: 6px solid #ff69a5;}
.content h4 { display: inline-block; margin: 10px 0px; padding: 3px 5px; line-height: 1em; letter-spacing: 1px; font-size: 17px; color: #fff; background: #ffaac3; background: #78c8d2;}*/

.content a { color: #3fabd6;}
.content a:hover { text-decoration: underline;}
.content a.btnMore { padding: 2px 20px; text-decoration: none; text-align: center; letter-spacing: 1px; color: #fff; background: #999 url(../style/btn_shadow.png) repeat-x left -7px; border: 2px solid #999; border-radius: 3px;}
.content a.btnMore:hover { background-color: #ff69a5; border-color: #ff69a5;}

.content b { font-weight: normal;}
.content p b, .content li b { color: #f0468c;}

.content p { margin-bottom: 30px; line-height: 1.5em;}
.content br { display: block; border-bottom: 1px solid #ccc; overflow: hidden;}
.content .psText { position: relative; margin-top: -20px; text-align: center; font-size: 12px; color: #999;}

.content img { max-width: 100%; height: auto; vertical-align: middle;}
.content > img { display: block; margin: auto; margin-bottom: 30px; text-align: center;}
.content img.ad { border: 1px solid #dcdcdc; border-radius: 6px;}
.content p img,
.content li img { display: inline; margin: 0px; padding: 0px; background: none; border: none;}

.content .videoWrap { clear: both; display: block; position: relative; margin: 0px auto 20px; padding: 3px; text-align:center; border: 0px solid #bfbfbf;}

.content .focusBox { clear: both; position: relative; margin: 0px 0px 40px; padding: 20px 10px; text-align: center; background: #fff0f5; border-radius: 5px;}
.content .focusBox * { margin: 0px; padding: 0px; background: none; border: none;}
.content .focusBox h3 { margin: 0px 0px 5px !important; padding: 0px !important; text-align: left; border: none !important;}
.content .focusBox p { margin-bottom: 5px; text-align: left;}
.content .focusBox ol, .content .focusBox ul {}
.content .focusBox li { margin: 10px 0px; list-style-type: none; text-align: left; font-size: 15px;}
.content .focusBox img { margin-top: 5px;}

/*icon*/
.icon_join { display:inline-block; width:26px; height:26px; margin:0px 2px; vertical-align:middle; background-repeat:no-repeat; background-position:center center; background-size:contain; overflow:hidden;}
.icon_joinTel { background-image:url(../images/iconBtn/icon_joinTel.png);}
.icon_joinLine { background-image:url(../images/iconBtn/icon_joinLine.png);}
.icon_joinWeChat { background-image:url(../images/iconBtn/icon_joinWeChat.png);}
.icon_joinFB { background-image:url(../images/iconBtn/icon_joinFB.png);}
.icon_joinMail { background-image:url(../images/iconBtn/icon_joinMail.png);}

/**************************************************
= list
********************/
.content ol,
.content ul { margin: 0px; padding: 0px; margin-bottom: 30px;}
.content ol { padding-left: 2.2em; list-style-type: decimal-leading-zero;}
.content ul { padding-left: 1.5em; list-style-type: disc;}
.content ol ol,
.content ul ol { padding-left: 1.7em; list-style-type: lower-alpha;}
.content li { margin-bottom: 0.5em; vertical-align: top !important; text-align: left; line-height: 1.5em;}
.content li li { margin-bottom: 0em; line-height: 1.5em;}
.content ul.listNone, .content ul.listNone li,
.content ol.listNone, .content ol.listNone li { list-style-type: none; margin-left: 0px; padding-left: 0px;}

/**************************************************
= moreTag 標題下方標籤
********************/
ul.moreTag { clear: both; position: relative; top: -20px; margin: 0px 0px 10px; padding: 0px;}
ul.moreTag::before { content: "相關：";}
ul.moreTag li { display: inline-block; list-style-type: none; margin: 0px; padding: 0px; line-height: 1em;}
ul.moreTag, ul.moreTag li a { font-size: 15px !important;}
ul.moreTag li a { display: block; position: relative; margin: 0px 0px 8px; padding: 4px 5px; color: #666; background-color: #f7f7f7; border: 1px solid #d2d2d2; border-radius: 3px;}
ul.moreTag li.case a { color: #ff69a5; background-color: #fff0f5; border-color: #ff91b9;}
ul.moreTag li a:hover { text-decoration: none; color: #fff; background-color: #6688ee; border-color: #6688ee;}

/**************************************************
= tag 內容框角標籤
********************/
span.tag { display: block; z-index: 1; position: absolute; top: -1px; right: -1px; width: 50px; height: 45px; background-repeat: no-repeat; background-position: right top;}
span.tagHot { background-image: url(../style/icon_tagHot.png);}
span.tagStart { background-image: url(../style/icon_tagStart.html);}

/**************************************************
= pageBtnList 分頁按鈕
********************/
ul.pageBtnList { clear: both; margin: 0px; padding: 0px; text-align: right;}
ul.pageBtnList li { display: inline-block; position: relative; margin: 0px 2px; padding: 0px; list-style-type: none;}
ul.pageBtnList li a { display: block; padding: 4px 10px; line-height: 1em; font-weight: bold; font-size: 18px; color: #ff69a5; background: #fff; border: 1px solid #ff69a5; border-radius: 5px;}
ul.pageBtnList li a.cur { color: #fff; background: #ff69a5;}
ul.pageBtnList li a, ul.pageBtnList li a:hover { text-decoration: none;}

ul.pageBtnListTop { position: absolute; right: 14px; margin-top: -36px;}

/**************************************************
= faqList 常見問題
********************/
ul.faqList { clear: both; margin: 0px 0px 30px; padding: 0px;}
ul.faqList li { list-style-type: none; margin: 4px 0px; padding: 0px 0px 0px 25px; line-height: 1.5em; word-wrap: break-word; word-break: break-all;}
ul.faqList li.listQ { font-weight: bold; color: #ff69a5; background: url(../style/icon_faqListQ.jpg) no-repeat left -1px;}
ul.faqList li.listA { margin-bottom: 15px; background: url(../style/icon_faqListA.jpg) no-repeat left -1px;}
ul.faqList li ol, ul.faqList li ul { margin: 0px; padding: 0px;}
ul.faqList li li { margin: 0px; padding: 0px;}
ul.faqList li ol li { list-style-type: decimal; margin-left: 1.8em;}
ul.faqList li ul li { list-style-type: circle; margin-left: 1.5em;}

/**************************************************
= adEventList 活動快訊
ol.adEventList li a { display: block;}
********************/
ol.adEventList { clear: both; margin: 0px; padding: 0px;}
ol.adEventList li { margin: 0px; padding: 0px 0px 20px; list-style-type: none; text-align: center;}
ol.adEventList li img { margin: 0px !important; padding: 0px !important; border: none !important;}

/**************************************************
= newsInfoList 聖宜專欄
********************/
ol.newsInfoList { clear: both; margin: 0px; padding: 0px;}
ol.newsInfoList > li { clear: both; position: relative; margin: 0px 0px 20px; padding: 15px; list-style-type: none; border: 1px solid #dcdcdc; border-radius: 5px;}
ol.newsInfoList > li > div { position: relative; margin: 0px; padding: 0px;}
ol.newsInfoList > li div.img { max-height: 220px; padding-right: 15px; border: none; overflow: hidden;}
ol.newsInfoList > li div.img img { width: 100%;}
ol.newsInfoList > li h3 { clear: none; margin: 5px 0px 10px; padding: 0px; font-size: 19px; color: #ff69a5; border: none;}
ol.newsInfoList > li h3 .item { margin-left: -8px;}
ol.newsInfoList > li p { margin: 0px; padding: 0px; margin-bottom: 8px;}
ol.newsInfoList > li img.ad { display: block; margin: auto;}
ol.newsInfoList > li span.date { display: block; position: relative; margin: 0px 0px -10px; padding: 0px 5px; text-align: right; white-space: nowrap; font-size: 13px; color: #aaa; background: #fff;}

/**************************************************
= clinicPicList 館別照片
********************/
ul.clinicPicList { clear: both; margin: 0px 0px 20px; padding: 0px; overflow: hidden;}
ul.clinicPicList > li { position: relative; margin: 0px 0px 20px; padding: 0px 5px; list-style-type: none; border: none;}
ul.clinicPicList > li img { display: block; width: 100%; margin: 0px; padding: 0px;}

/**************************************************
= combineList 認證店
********************/
ul.combineList { clear: both; position: relative; margin: -10px 0px 0px; padding: 0px; vertical-align: top;}
ul.combineList > li { clear: both; position: relative; margin: 0px 0px 20px; padding: 15px; list-style-type: none; border: 1px solid #dcdcdc; border-radius: 5px;}
ul.combineList > li > div { margin: 0px; padding: 0px;}
ul.combineList > li div.img { padding-right: 15px; border: none; overflow: hidden;}
ul.combineList > li div.img img { width: 100%;}
ul.combineList > li h3 { display: block; position: relative; margin: 0px 0px 3px; padding: 0px; font-size: 17px; color: #ff69a5; background: none; border: none;}
ul.combineList > li ul { margin: 0px; padding: 0px;}
ul.combineList > li ul li { position: relative; margin: 0px; padding: 0px; list-style-type: none; font-size: 14px;}

ul.combineList > li:first-child { z-index: 1; position: absolute; top: -56px; right: -5px; margin: 0px; padding: 0px; text-align: center; border: none;}
ul.combineList > li:first-child a.btnMore { display: inline-block; width: 50px; height: 50px; margin: 0px 3px; padding: 0px; white-space: nowrap; line-height: 2.5em; font-size: 17px; color: #666; background: #fff; border: 5px solid #d2d2d2; border-radius: 50%; overflow: hidden;}
ul.combineList > li:first-child a.btnMore:hover { color: #333; border-color: #ff69a5;}

/**************************************************
= combineList 海外服務
********************/
.processBox { position: relative; margin: 0px 0px 15px; padding: 15px; border: 1px solid #dcdcdc; border-radius: 5px;}
.processBox > div { margin: 0px; padding: 0px;}
.processBox div.img { padding-right: 10px; border: none; overflow: hidden;}
.processBox div.img img { width: 100%;}
.processBox h4 { margin: 0px; padding: 0px; font-size: 18px; color: #333; background: none; border: none;}
.processBox ul { margin: 0px; padding: 0px;}
.processBox li { margin: 10px 0px 0px; padding: 0px; list-style-type: none;}
.processBox li .icon_join { margin: 0px 6px 0px 0px;}

/**************************************************
= apparatusList 儀器設備
********************/
ul.apparatusList { clear: both; position: relative; margin: 0px auto; padding: 0px; vertical-align: top;}
ul.apparatusList > li { position: relative; margin: 0px 0px 20px; padding: 20px; padding-left: 140px; list-style-type: none; border: 1px solid #dcdcdc; border-radius: 5px;}
ul.apparatusList > li img.pic { z-index: -1; position: absolute; top: 10px; left: 10px; height: 200px; margin: 0px; padding: 0px;}
ul.apparatusList > li h3 { display: block; position: relative; margin: 0px 0px 5px; padding: 0px 0px 3px; background: none; border: none;}
ul.apparatusList > li h4 { display: block; margin: 0px 0px 5px; padding: 0px; font-size: 15px; color: #888; background: none; border: none;}
ul.apparatusList > li p { margin: 0px 0px 20px; padding: 0px; font-size: 15px;}
ul.apparatusList > li a.btnMore { display: inline-block; margin-top: 5px; white-space: nowrap;}


/**************************************************
= drBox 醫師陣容
********************/
div.drBox { display: block; position: relative; margin: 0px; padding: 20px; border: 1px solid #dcdcdc; border-radius: 10px; overflow: hidden;}

div.drBox .drHeader { position: relative; height: 170px; margin: -20px 0px 2px; padding: 50px 15px 0px; overflow: hidden;}
div.drBox .drHeader img.drPic { z-index: -1; position: absolute; top: 0px; right: 10px; height: 250px;}
div.drBox .drHeader h2 { display: block; position: relative; margin: 0px; padding: 0px; line-height: 1.2em; letter-spacing: 1px; font-size: 40px; color: #444; background: none; border: none;}
div.drBox .drHeader h2 b { top: 0px; bottom: 0px; left: 0px;}
div.drBox .drHeader .drType { margin: 5px 0px 0px; padding: 0px; letter-spacing: 1px; font-size: 20px; color: #888;}

div.drBox .drInfo { position: relative; margin: 0px -10px 40px; padding: 5px 22px 18px; background: #f7f7f7; border: 1px solid #dcdcdc; border-radius: 0px;}
div.drBox .drInfo > h3 { border-left-color: #78c8d2 !important;}
div.drBox .drInfo > p { margin: 0px; padding: 0px;}

div.drBox h3 { margin: 10px 0px; padding-left: 10px; letter-spacing: 1px; font-size: 20px; color: #333; border-left: 6px solid #78c8d2;}
div.drBox li { margin-left: -7px;}

div.drBox ul.imgList { margin: 0px; padding: 0px;}
div.drBox ul.imgList li { margin: 0px; padding: 0px 10px 15px; list-style-type: none;}
div.drBox ul.imgList li img { width: 100%; max-width: 500px; margin: 0px; padding: 0px; border: none;}
div.drBox ul.imgList li span { display: block; margin-top: 3px; line-height: 1em; font-size: 14px; color: #666;}

/**************************************************
= calendarWrap 門診時間
********************/
.calendarWrap { position: relative;}
/*fix*/
.calendarWrap .calendarTitle { margin: 0px 0px 5px; padding: 5px 10px; color: #fff; background: #6688ee; border: none; border-radius: 4px;}
.calendarWrap .calendarTitle > h3 { margin: 0px; padding: 0px; text-align: left; letter-spacing: 1px; color: #fff; background: none;; border: none;}
.calendarWrap .calendarTitle > span { margin: 0px; padding: 0px; text-align: right;}
.calendarWrap .calendarTitle > span img { position: relative; top: -1px; margin: 0px 2px; filter: alpha(opacity=90); opacity: 0.9; zoom: 1;}
.calendarWrap iframe {}

/**************************************************
= casePicList 見證案例
********************/
ol.casePicList { clear: both; margin: 0px auto 30px; padding: 0px;}
ol.casePicList li { display: inline-block; position: relative; margin: 0px auto 10px; padding: 5px; list-style-type: none; text-align: center; border-radius: 0px;}
ol.casePicList li a { display: block;}
ol.casePicList li img { width: 100%; max-width: 500px; max-height: 100%; margin: 0px; padding: 5px; border: 1px solid #dcdcdc;}
ol.casePicList.fix li { padding: 0px; border: 1px solid #fff;}
ol.casePicList li.bigSize {}

ol.casePicList.lineFix li img { padding: 0px; border: none;}

/**************************************************
= blogList 部落格案例
.content ol.blogList li { float: left; width: 23.6%; min-height: 15.2em; margin: 0px 5px 20px;}
.content ol.blogList li a > img { margin-bottom: 5px;}
********************/
ol.blogList { clear: both; margin: 0px auto; padding: 0px;}
ol.blogList li { position: relative; margin: 0px 0px 30px; padding: 0px 10px; list-style-type: none; background: #fff;}
ol.blogList li * { text-decoration: none; text-align: left; line-height: 1.2em; font-size: 15px; color: #666;}
ol.blogList li a { display: block;}
ol.blogList li a > img { width: 100%; margin: 0px auto; padding: 0px; border: none; border-radius: 0px;}
ol.blogList li h3 { margin: 5px 0px 0px; padding: 0px; font-weight: normal; background: none; border: none;}
ol.blogList li h3 img { margin: 0px; padding: 0px; vertical-align: middle;}
ol.blogList li h3 .item { margin-left: -8px; white-space: nowrap; font-weight: bold; color: #ff69a5;}
ol.blogList li h3 .name {}
ol.blogList li h3 .dr { display: none;}
ol.blogList li span.date { display: none;}
ol.blogList li span.star { display: block; text-indent: -9999px; z-index: 2; position: absolute; top: -1px; right: -1px; width: 50px; height: 45px; background: url(../style/blogList_iconStar.html) no-repeat right top;}

/**************************************************
= footInfo
********************/
.content .footInfo { clear: both; position: relative; margin: 0px; padding: 30px 0px 0px;}
.content .footInfo ul.moreTag { top: 0px; margin: 10px 0px;}