@charset "utf-8";
.WeekArrowUI { font-family:"微軟正黑體"; color:#f49ac1; color:#fff; background:#f49ac1; display:inline-block; border:1px solid #dd4c8b; padding:0 5px;}
:root {
	--main-color:#9070af;
	}
body{
	SCROLLBAR-FACE-color: #D2D4D5;
	SCROLLBAR-HIGHLIGHT-color: #D2D4D5;
	SCROLLBAR-SHADOW-color: #ffffff;
	SCROLLBAR-3DLIGHT-color: #ffffff;
	SCROLLBAR-ARROW-color: #ffffff;
	SCROLLBAR-TRACK-color: #F0F0F0;
	SCROLLBAR-DARKSHADOW-color: #D2D4D5;
	background-color:#FAFAFA;
	margin:0px;
	font-family: Trebuchet MS;
}

td{
	font-size:10pt;
	color: #282828;
	font-family:"微軟正黑體",'Trebuchet MS';
	
	text-decoration: none;
	line-height: 150%;
	/*word-break:break-all;*/
}
td.td_right { text-align:left;font-family:'微軟正黑體'; padding:3px; border-bottom:1px solid #9070af; line-height:28px; border-left:1px solid #9070af; padding-left:10px; min-height:24px; background:url(../Images/Calendar/Bg_Td_R.jpg); background-repeat:repeat-y; font-size:16px;}
A:active,A:link,A:visited {
	color: #444546;
	text-decoration: none;
}
A:hover {color: #9070af;text-decoration: underline;}

input,select {border:#cccccc 1px solid;font-family: Trebuchet MS,微軟正黑體;;font-size:10pt;color:#000000;}
textarea {border:#999999 1px solid;font-family: Trebuchet MS,微軟正黑體;;font-size:10pt;color:#333333;}
br {letter-spacing: 0px;}
img {border:0;}
/*解決 IE <a>標籤內沒有內容就無法點選的問題*/
a { background:rgba(0,0,0,0);}

a.Appointment_BTN  { background:#9070af; height:auto; line-height:24px; font-size:20px; color:#fff; padding:13px 5px; font-family:"微軟正黑體"; position:relative; text-align:center; /*text-indent:-9999px;*/ display:block; overflow:hidden; margin:10px auto; width:100%; text-decoration:none; font-size:18px; display:none;
/*圓角*/
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
/*a.Appointment_BTN:before { content:'預約掛號'; display:block; width:100%; color:#fff; text-indent:0; line-height:50px; text-decoration:none;}*/
a.Appointment_BTN2 { display:block;}
.Bussines_Detail_btn { width:100%; height:auto; overflow:hidden;}
.Bussines_Detail_btn p { display:block; width:100%; height:auto; overflow:hidden; padding:0; margin:0;}
.Bussines_Detail_btn a.Appointment_BTN {max-width:320px; float:right; display:block;}
.Bussines_Detail_btn2 a.Appointment_BTN { float:left; width:24%; margin-right:1%; max-width:none;}
.Bussines_Detail_btn2 a.Appointment_BTN:last-child { margin-right:0;}
.Bussines_Detail_btn3 a.Appointment_BTN { float:left; width:33%; margin-right:0.5%;}
.Bussines_Detail_btn3 a.Appointment_BTN:last-child { margin-right:0;}

.fifth-trimester li strong { color:#9070af;}
.fifth-trimester .sub-title { display:inline-block; width:auto; height:auto; overflow:hidden; padding:10px; background:#9070af; color:white; border-radius:10px; color:white;}
.fifth-trimester a.Appointment_BTN {max-width:100px; float:none; margin:0 auto; display:block;}
.fifth-trimester .video-wrap { width:100%; display:flex; flex-wrap:wrap;}
.fifth-trimester .video-wrap .video { width:calc( 33.33% - 10px ); margin-right:15px; margin-bottom:20px; color:#9070af; text-align:center;}
.fifth-trimester .video-wrap .video:nth-child(3n+3) { margin-right:0;}
.fifth-trimester .video-wrap .video span { display:block; width:100%; height:auto; overflow:hidden;}
.fifth-trimester .video-wrap .video span.iframe { padding-bottom:65%; position:relative;}
.fifth-trimester .video-wrap .video span.iframe iframe { position:absolute; top:0; left:0; width:100%; height:100%;}

.radio {border:#ffffff 0px solid;background-color:transparent;}
.notice {color:#FF0000;}	
.css_NoData {height:100px;text-align:center;color:#ff0000;}
.css_IncNoData{padding:50px 0 0 0;text-align:center;color:#ffffff;}
.Line {border-bottom:#BFBFBF 1px dotted;}
.CatArrow {padding:0px 5px 0px 5px;}
.TitleFont {color:#9070af; font-size:18px; padding-left:5px;}
.SmallFont {font-size:8pt; color:#666;}	
	
/*圖片外框*/
.ImgBorder{
	border:#cccccc 1px solid;
	background-color:#ffffff;
	text-align: center;  		/* 相片水平居中 */
	vertical-align: middle;  	/* 相片垂直居中 */
	padding: 6px;
}
.ImgBorder02{border:#cccccc 1px solid;}
.ImgBorder03{
	border:#cccccc 1px solid;
	background-color:#ffffff;
	text-align: center;  		/* 相片水平居中 */
	vertical-align: middle;  	/* 相片垂直居中 */
	padding: 4px;
}

.ShowImgBorder{border:#cccccc 1px solid;}
.ShowImgBorderOn{border:#900 1px solid;}

.css_Title{border-bottom:1px dashed #8e8e8e;padding:0 5px 0 10px;}

/*Include 分類 -- 2010.09.17 Add*/
.css_IncCatalogTitle{padding:0 0 0 5px;}
.css_IncCatalog02{padding:10px 20px 0 18px;}
.css_IncCatalog02 A:active,.css_IncCatalog02 A:link,.css_IncCatalog02 A:visited {color: #ffffff;text-decoration: none;}
.css_IncCatalog02 A:hover {color: #03286e;text-decoration: underline;}

.css_IncCatalog{padding:10px 15px 0 20px;}
.css_IncCatalog ul{margin:0;padding:0px;list-style-type:none;}
.css_IncCatalog ul li{
	background-image:url(../Images/Share/Icon_Catalog.gif);
	background-repeat:no-repeat;
	background-position:left 10px;
	padding:10px 0px 10px 20px;
	border-bottom:1px dashed #ffffff;
	font-size:16px;
}
.css_IncCatalog ul li.AboutUs{
	background-image:url(../Images/Share/Icon_Catalog03.gif);
}
.css_IncCatalog ul li.Show{
	background-image:url(../Images/Share/Icon_Catalog04.gif);
}
.css_IncCatalog ul li.Down{
	background-image:url(../Images/Share/Icon_Catalog05.gif);
}

.css_IncCatalog ul li a:active, .css_IncCatalog ul li a:link, .css_IncCatalog ul li a:visited{
	display:block;
	text-align:left;
	color: #333333;text-decoration: none;  /*font-weight:bold*/;
}
.css_IncCatalog ul li a:hover{
	display:block;
	text-align:left;
	color: #03286e;text-decoration: underline;
}
.css_IncCatalog02 ul{padding:0 0 0 10px;margin:0;}
.css_IncCatalog02 ul li.SubItem{
	background-image:url(../Images/Share/Icon_Catalog02.gif);
	background-repeat:no-repeat;
	background-position:left 7px; *background-position:left 8px;
	display:block;
	text-align:left;
	margin:0px 0px 0px 1px;
	padding:3px 0px 3px 20px;
	font-size:13px; font-weight:bold;
}

.css_IncCatalog03 ul{padding:10px 0 0 0;margin:0;}
.css_IncCatalog03 ul li{
	border-bottom:0px solid #ffffff;
}
.css_IncCatalog03 ul li.SubItem{
	background-image:url(../Images/Share/Icon_Catalog02.gif);
	background-repeat:no-repeat;
	background-position:left 7px; *background-position:left 8px;
	display:block;
	text-align:left;
	margin:0px 0px 0px 1px;
	padding:6px 0px 6px 20px;
	font-size:13px; font-weight:bold;
}

/*ugC_incShow.asp 產品分類 -- 2010.09.17 Add*/
.css_IncShow ul{margin:0px 3px 0px 0px;padding:0px 3px 0px 0px;list-style-type:none;}
.css_IncShow ul li{padding:3px 0px 3px 14px;}
.css_IncShowKind{
	background-image:url(../Images/Show/Icon_ShowKind.gif);
	background-repeat:no-repeat;
	background-position:left 7px; *background-position:left 8px;
	display:block;
	text-align:left;
	margin:0px 0px 0px 1px;
	padding:0px 0px 3px 11px;
	border-bottom:#BFBFBF 1px dotted;
}
.css_IncShowType{
	background-image:url(../Images/Show/Icon_ShowType.gif);
	background-repeat:no-repeat;
	background-position:left 7px; *background-position:left 8px;
	display:block;
	text-align:left;
	margin:0px 0px 0px 1px;
	padding:0px 0px 3px 11px;
}
.css_IncShowCat{
	background-image:url(../Images/Show/Icon_ShowCat.gif);
	background-repeat:no-repeat;
	background-position:left 7px; *background-position:left 8px;
	display:block;
	text-align:left;
	margin:0px 0px 0px 1px;
	padding:0px 0px 3px 11px;
}

/*News -- 2010.11.08 Add*/
.css_News {margin:0; padding:0;}
.css_News ul{clear:both;color:#666666;margin:0; padding:0px 3px 0px 0;list-style-type:none;}
.css_News ul li{padding:3px 0px 3px 18px;}
.css_NewsItem ul{clear:both;color:#666666; margin:0px 3px 0px 0px;padding:0px 3px 0px 0;list-style-type:none;}
.css_NewsItem ul li{padding:3px 0px 3px 0; margin:0;}
.css_NewsItem ul li a{ text-decoration:none; color:#000000;}
.css_NewsItem ul li a:hover{color:#9070af;}
.IconNewsTop{
	background-image:url(../Images/Share/IncIcon_NewsTop.gif);
	background-repeat:no-repeat;
	background-position:left 7px;
	display:block;
	margin:0px 0px 0px 1px;
	padding:0px 0px 3px 11px;
	text-align:left;
}

.IconNews{
	background-image:url(../Images/Share/IncIcon_News.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	display:block;
	margin:0;
	padding:0px 2px 3px 5px;
	text-align:left;
	
	font-size:14px;
}
.IconNews a{text-decoration:none; color:#000000;}
.IconNews a:hover{color:#9070af;}
/*---------News  End-----------*/

/*======== 醫療新知 Start============*/
.IconMedicine{
	background-image:url(../Images/Icon03.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	display:block;
	margin:0;
	padding:0px 0px 3px 2px;
	text-align:left;
	
	font-size:14px;
}
.IconMedicine a{text-decoration:none; color:#4D4D4D;}
.IconMedicine a:hover{color:#9070af;}
/*======== 醫療新知 End============*/

.css_DataList ul{margin:0;padding:0px;list-style-type:none;}
.css_DataList ul li{
	background-image:url(../Images/Share/Icon_News.gif);
	background-repeat:no-repeat;
	background-position:left 13px;
	padding:10px 0px 10px 20px;
	border-bottom: solid 1px #e3e3e3
}
.css_DataList ul li.Media{
	background-image:url(../Images/Share/Icon_Show04.gif);
	background-repeat:no-repeat;
	background-position:left 10px;
	padding:10px 0px 10px 24px;
	border-bottom: solid 1px #e3e3e3
}
.css_DataList ul li.IconNewsTop{
	background-image:url(../Images/Share/Icon_NewsTop.gif);
	background-repeat:no-repeat;
	background-position:left 13px;
	padding:10px 0px 10px 20px;
	border-bottom: solid 1px #e3e3e3
}


.css_Search {clear:both;text-align:left; padding-top:10px}
.css_Search ul{margin:0px 0px 0px 0px;padding:0px 0px 0px 12px;list-style-type:none; font-size:13px;}

.css_Search ul li {
	float: left;
	width: 100%;
}
.css_Search ul li a ,.css_Search ul li a:visited ,.css_Search ul li a:active{
	display: block;
	padding: 0px 10px 3px 15px;*padding: 3px 10px 3px 20px;
	background-color: transparent;
	color: #355883;
	background-position: 0px 5px!important;
	background-image: url(../Images/Share/Icon_Search.gif);
	background-repeat: no-repeat;
	text-decoration:none;
}
.css_Search ul li a:hover{
	display: block;
	padding: 0px 10px 3px 15px;*padding: 3px 10px 3px 20px;
	background-color: transparent;
	background-position: 0px 5px!important;
	background-image: url(../Images/Share/Icon_Search.gif);
	background-repeat: no-repeat;
	color: #9070af;
	text-decoration:none;
}

/*Copyright設定*/
.copyright td{
	font-family: 微軟正黑體;
	font-size: 11px;
	color: #9f9f9f;
	line-height: 150%;
}
.copyright A:active,.copyright A:link,.copyright A:visited {color: #838383;text-decoration: none;}
.copyright A:hover {color: #9070af;text-decoration: underline;}

/*Breadcrumbs*/
.css_Breadcrumbs{
	padding:0 20px 0 0;color:#9070af;
	font-family:微軟正黑體;
	font-size:9pt;
}
.css_Breadcrumbs A:active, .css_Breadcrumbs A:link, .css_Breadcrumbs A:visited{
	color:#656364;
    text-decoration: none;
}
.css_Breadcrumbs A:hover{
	color: #000000;
	text-decoration: underline;
}
.css_BreadcrumbsArrow
{
	padding:0 5px 0 5px;
	color:#656364;
}


/*分類標題,例:產品大分類 > 中分類 >小分類*/
.TBTitleFont {font-size:12pt; font-weight:bold;}
.TBTitleFont A:active,.TBTitleFont A:link,.TBTitleFont A:visited {color: #555555;text-decoration: none;}
.TBTitleFont A:hover {color: #9070af;text-decoration: underline;}
.TBTitleContent {padding:3px 5px 3px 5px;}


/*行事曆設定*/
.CalWeekday {background:#F2F2F2;color:#414141;}
.CalNoday {background:#EEEEEE;}
.Calday {background:#FFFFFF;}
.CalToday {border:#FF0000 1px solid;background:#FFFFCC;}

.fls{
	font-size: 15px;
	FILTER: DropShadow(Color=#C6C6C6,OffX=1,OffY=1,positive=1);
	color: #9070af;
	line-height: 100%;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 4px;
	padding-bottom: 1px;	
}

.ForumTitle_over td {background:#EFEFEF;color:#9070af;}
.JobTitle_over td {background:#EFEFEF;color:#9070af;}
.FaqTitle_over td {background:#EFEFEF;color:#9070af;}
.PicTitle_over td {background:#F6F5F4;color:#9070af;}
.VoteItemTitle_over td {background:#EFEFEF;color:#9070af;}
.CourseTitle_over td {background:#EFEFEF;color:#9070af;}
	
/*分頁設定*/
.css_PageList {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 3px;
	margin: 3px;
	text-align: right;
}
.css_PageList A,.css_PageList a:link,.css_PageList a:visited ,.css_PageList a:active {
	border-right: #eee 1px solid;
	border-left: #eee 1px solid;
	border-top: #eee 1px solid;
	border-bottom: #eee 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px;
	font-family:Tahoma, Geneva, sans-serif;
	color: #9070af;
	text-decoration: none;
	
}
.css_PageList A:hover{
	border-right: #999 1px solid;
	border-left: #999 1px solid;
	border-top: #999 1px solid;
	border-bottom: #999 1px solid;
	font-family:Tahoma, Geneva, sans-serif;
	color: #ffffff; 
	text-decoration:none;
	background:#9070af;
}
.css_PageList .current {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px;
	font-family:Tahoma, Geneva, sans-serif;
	color: #000000;
	font-weight: bold;
}
.css_PageList .disabled {
	border-right: #eee 1px solid; 
	border-left: #eee 1px solid;
	border-top: #eee 1px solid;
	border-bottom: #eee 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px;
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	color: #ddd;  
}
.css_PageList .total {font-family:Tahoma, Geneva, sans-serif;color:036cb4;}
.css_PageList_EN{line-height:1.2em;vertical-align:middle;font-size:12px;}
.css_PageList_TW{line-height:0px;vertical-align:middle;font-size:11px;}

/*======== 表格(粉藍) Start ========*/
.css_TableLightBlue{
	width:100% -4px;
	border:4px solid #e6f0fb;
}

.css_TableLightBlue table{
	width:100%;
	border-top:1px solid #a4ccea;
	border-right:1px solid #a4ccea;
	border-collapse:collapse;
}
.css_TableLightBlue td.Title{
	height:24px;
	background-image:url(../Images/Share/TableLightBlue_Bg.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	color:#0085dd;
	font-weight:bold;
	font-size:13px;
	padding:5px;
	/*vertical-align:text-top;*/	
	text-align:center;
	border-bottom:1px solid #a4ccea;
	border-left:1px solid #a4ccea;
}
.css_TableLightBlue td{
	background-color:#ffffff;
	color:#555555;
	padding:6px 3px 6px 3px;
	border-bottom:1px solid #a4ccea;
	border-left:1px solid #a4ccea;
}
tr.odd_TableLightBlue td{
	background-color:#ffffff;
	border-bottom:1px solid #a4ccea;
	border-left:1px solid #a4ccea;
}	
tr.even_TableLightBlue td{
	background-color:#f9f9f9;
	border-bottom:1px solid #a4ccea;
	border-left:1px solid #a4ccea;
}	
tr.over_TableLightBlue td{
	background-color:#ffffcc;
	color:#ff0000;
	border-bottom:1px solid #a4ccea;
	border-left:1px solid #a4ccea;
}	
tr.clicked_TableLightBlue td{
	color:#ff0000;
	background-color:#D5ECFF;
	border-bottom:1px solid #a4ccea;
	border-left:1px solid #a4ccea;
}	
/*======== 表格(粉藍) End ========*/

/*======== 表單表格 Start ========*/
.css_ContactusFormTitle{font-size:16px; font-weight:bold; color:#898989;}
.css_ContactusForm{}
.css_ContactusForm table{border-top:1px solid #898989;border-bottom:1px solid #898989;}
.css_ContactusForm .tdLTitle{text-align:left;vertical-align:middle; background-color:#F4F4F4; font-weight:bold;}
.css_ContactusForm .tdLTitleNotice{text-align:center;vertical-align:middle;background-color:#F4F4F4; color:#0000ff; font-size:11pt;}
.css_ContactusForm td{text-align:left;vertical-align:top; border-bottom:1px dotted #dddddd;padding:7px;}
.css_ContactusFormNotice{color:#ff0000;}

.css_ContactUs{font-family:'', arial; font-size:15px;color:#333; }
.css_ContactUs.incTitle{ font-weight:bold; color:#000;}
/*======== 表單表格  End ========*/

/*======== 表單表格(ugC_MemberPsw.asp & ugC_incMember.asp) Start ========*/
.css_FormStyle01Title{text-align:center;padding:10px 0px 10px 0px;color:#9070af;}
.css_FormStyle01{}
.css_FormStyle01 table{border-top:2px solid #89b5dc;border-bottom:2px solid #F3F3F3;border-right:1px solid #DDDDDD;}
.css_FormStyle01 td{text-align:left;vertical-align:top;border-bottom:1px solid #DDDDDD;border-left:1px solid #DDDDDD;padding:6px;}
.css_FormStyle01 .tdTitle{text-align:center;vertical-align:middle;background-color:#F1F7FC;}
.css_FormStyle01 .tdLTitle{text-align:center;vertical-align:middle;background-color:#F1F7FC;}
.css_FormStyle01Notice{color:#ff0000;}
/*======== 表單表格  End ========*/

/*Container 設定*/ /*--style="padding: 20px 10px 15px 10px;--*/ 
.css_Container{ background:url(../Images/Bottom_Bg.gif) left bottom repeat-x; padding:12px 8px 0 14px; padding:40px 8px; max-width:1024px; margin:0 auto;} /*--主體，含ＴＩＴＬＥ、左右邊}
/*--.css_Container {padding: 20px 10px 15px 10px; background:url(../Images/Bottom_Bg.gif) bottom repeat-x; background-color:#fff;} ---*/		/*主體,包含左右二邊*/
.css_MainContent{ padding: 20px 10px 15px 10px; background-color:#fff;} /*--左右邊不含TITLE*/
/*--.css_MainContent {padding:3px 10px 0 15px; line-height: 24px;}	/*右邊內容,包含title*/
.css_SubContent {padding:0 0 0 15px; line-height: 24px;}	/*右邊主要內文*/
.css_SubContent .img-w50 { display:flex; gap:0 20px; flex-wrap:wrap;}	/*右邊主要內文*/
.css_SubContent .img-w50 img { width:calc( 50% - 10px );}

/*民權二館分類頁*/
.css_Container.Eye_Catelog { padding:0; max-width:none; overflow:hidden;}
.css_Container.Eye_Catelog * { padding:0; margin:0; list-style:none; text-decoration:none;}
.css_Container.Eye_Catelog > div,
.css_Container.Eye_Catelog > div > a{ display:block; width:100%; height:auto; overflow:hidden;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.css_Container.Eye_Catelog > div > a > img { display:block; max-width:100%; height:auto;}
.css_Container.Eye_Catelog > div > a > img.mobile { display:none;}
.css_Container.Eye_Catelog  > div:not(.Ani-Content1) a { opacity:0;}
.css_Container.Eye_Catelog  > div.Ani_o a { opacity:1;}

/*民權二館列表頁*/
.css_Container.Eye .NewsList * { margin:0; padding:0; list-style:none; text-decoration:none;}
.css_Container.Eye .NewsList ul { width:100%; height:auto; overflow:hidden;
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.css_Container.Eye .NewsList ul li { width:calc( 50% - 10px ); height:auto; overflow:hidden; float:left; margin-right:20px; margin-bottom:20px; border:1px solid #eee; background:none;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
/*圓角*/
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.css_Container.Eye .NewsList ul li:hover { border:1px solid #9070af;}
.css_Container.Eye .NewsList ul li:nth-child(2n+2) { margin-right:0;}
.css_Container.Eye .NewsList ul li a { display:block; width:100%; height:auto; overflow:hidden;}
.css_Container.Eye .NewsList ul li a > * { display:block; width:100%; height:auto; overflow:hidden;}
.css_Container.Eye .NewsList ul li a > * img { display:block; max-width:100%; height:auto; margin:0 auto;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.css_Container.Eye .NewsList ul li a:hover > * img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.css_Container.Eye .NewsList ul li a > span.Photo { display:block; width:100%; height:auto; float:left; position:relative;}
.css_Container.Eye .NewsList ul li a > span.Photo:before { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.4); opacity:0; z-index:1;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.css_Container.Eye .NewsList ul li a:hover > span.Photo:before { opacity:1;}
.css_Container.Eye .NewsList ul li a > span.Photo:after { content:'了解更多'; display:block; width:100px; height:100px; line-height:100px; position:absolute; top:70%; margin-top:-50px; left:50%; margin-left:-50px; opacity:0; z-index:2; text-align:center; font-family:"微軟正黑體"; color:#fff; background:rgba(145,110,175,0.9);
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
/*圓角*/
-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.css_Container.Eye .NewsList ul li a:hover > span.Photo:after { opacity:1; top:50%;}
.css_Container.Eye .NewsList ul li a > span.Photo span.Upload + img { display:none;}
.css_Container.Eye .NewsList ul li a > span.time { position:relative; padding:5px 10px 0 25px; font-family:Arial, Helvetica, sans-serif; opacity:0.6;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s; display:none;}
.css_Container.Eye .NewsList ul li a > span.time:before { content:''; display:block; width:13px; height:13px; position:absolute; left:9px; background:url(../Images/Icon04.gif) 0 0 no-repeat; top:10.5px;}
.css_Container.Eye .NewsList ul li a > span.time + h2 { padding:0 10px 10px 10px; font-family:"微軟正黑體"; color:#666; padding-top:10px;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.css_Container.Eye .NewsList ul li a:hover > span.time + h2 { color:#9070af; }

/*民權二館內頁*/
.css_Container.Eye_Detail .page-title { display:block; width:100%; height:auto; overflow:hidden; font-size:24px; font-weight:bold; color:#9070af; border-left:4px solid #9070af; color:#555; line-height:1.3; margin-bottom:20px; padding-left:10px;}
.css_Container.Eye_Detail .page-title br { display:inline;}
.css_Container.Eye_Detail .title { font-size:24px; color:#9070af; background:url(../Images/Icon01.gif) left center no-repeat; padding-left:20px; margin-bottom:10px;}
.css_Container.Eye_Detail .title-h2 { font-size:20px; color:#9070af; display:inline-block; width:auto; height:auto; overflow:hidden; padding:5px; background:#9070af; color:#fff; margin-bottom:10px; margin-right:5px;
/*圓角*/
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.css_Container.Eye_Detail strong { color:#9070af;}
.css_Container.Eye_Detail em { font-weight:bold;}
.css_Container.Eye_Detail #tbContent form[name="frmUG"] ul { padding-left:40px;}
.css_Container.Eye_Detail .Text img { margin-bottom:20px; border:1px solid #ccc;
/*圓角*/
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.css_Container.Eye_Detail .Text img.ImgBorder { padding:0;}

/*內頁下載按鈕*/
.css_Container.Eye_Detail .health-btn-wrap { width:100%; display:flex; flex-wrap:wrap; margin-top:-10px; margin-bottom:20px;
align-items:center;
justify-content:center;}

.css_Container.Eye_Detail .health-btn-wrap > a { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; padding:10px; text-align:center; line-height:1.5; text-decoration:none; color:white; margin-right:10px;
background-image: linear-gradient(0deg, rgba(144, 112, 175, 1) 0%, rgba(209, 186, 218, 1) 100%);
transition:all .5s;
/*圓角*/
border-radius:10px;}
.css_Container.Eye_Detail .health-btn-wrap > a.health-btn-2 { margin-right:0;}
.css_Container.Eye_Detail .health-btn-wrap > a:hover,
.css_Container.Eye_Detail .health-btn-wrap > a:active {
transform: translate(-1px, -1px);
box-shadow: 2px 1px 6px 2px rgba(0, 0, 0, 0.2);
background-image: linear-gradient(0deg, #ed7274 0%, #e75d5f 100%);}

.css_Container.Eye_Detail .Download { display:block; width:100%; height:auto; overflow:hidden; margin:20px auto; padding:5px 10px; padding-right:44px; border:1px solid #ccc; position:relative;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
/*圓角*/
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.css_Container.Eye_Detail .Download:after { content:''; display:block; width:24px; height:24px; background:url(../Images/NewLayout/down.png) 0 0 no-repeat; position:absolute; top:5px; right:10px;}
.css_Container.Eye_Detail .Download:hover,
.css_Container.Eye_Detail .Download:active { text-decoration:none; border:1px solid #9070af;}
.css_Container.Eye_Detail .GoBack { display:block; width:100%; height:auto; overflow:hidden; text-align:center; margin:20px auto;}
.css_Container.Eye_Detail .GoBack img { border:0;}
.css_Container.Eye_Detail .Text p ~ * > li { margin-bottom:0.5em;}

.css_Container.Eye_Detail .eye-team { width:100%; height:auto; overflow:hidden; float:left;}
.css_Container.Eye_Detail .eye-team * { padding:0; margin:0; list-style:none; text-decoration:none;}
.css_Container.Eye_Detail .eye-team .photo { width:50%; height:auto; overflow:hidden; float:left;}
.css_Container.Eye_Detail .eye-team .photo img { border:0; float:left;}
.css_Container.Eye_Detail .eye-team .photo a.Appointment_BTN  { height:auto; line-height:24px; font-size:20px; color:#fff; padding:13px 5px; font-family:"微軟正黑體"; position:relative; text-align:center; /*text-indent:-9999px;*/ display:block; overflow:hidden; margin:0; float:left; width:100%; max-width:300px; text-decoration:none; font-size:18px;
/*圓角*/
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.css_Container.Eye_Detail .eye-team .photo + div { width:50%; height:auto; overflow:hidden; float:left; margin-bottom:20px;}
.css_Container.Eye_Detail .eye-team dl { width:100%; height:auto; overflow:hidden; float:left; margin-bottom:10px;}
.css_Container.Eye_Detail .eye-team dl dt { color:#9070af; font-weight:bold; font-size:18px; margin-bottom:5px;}
.css_Container.Eye_Detail .eye-team dl dt:before { content:''; display:block; width:13px; height:24px; overflow:hidden; background:url(../Images/Icon04.gif) center center no-repeat; overflow:hidden; float:left;}
.css_Container.Eye_Detail .eye-team dl dd { display:block; width:100%; height:auto; overflow:hidden; border:1px solid #eee; margin-bottom:5px; padding:5px; position:relative;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
/*圓角*/
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.css_Container.Eye_Detail .eye-team dl dd:after { content:''; display:block; width:0; height:2px; overflow:hidden; background:#9070af; position:absolute; left:0; bottom:0;
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.css_Container.Eye_Detail .eye-team dl dd:hover { background:#fffcdb;}
.css_Container.Eye_Detail .eye-team dl dd:hover:after { width:100%;}
.css_Container.Eye_Detail .eye-team.eye-list dl { width:100%;}

.css_Container.Eye_Detail .eye-table { margin-bottom:20px;}
.css_Container.Eye_Detail .eye-table img { border:0;}
.css_Container.Eye_Detail .eye-table tr td { font-size:16px; font-family:"微軟正黑體"; padding:5px; border:1px solid #fff;}
.css_Container.Eye_Detail .eye-table tr td:first-child,
.css_Container.Eye_Detail .eye-table tr:last-child td:first-child{ background:#eee;}
.css_Container.Eye_Detail .eye-table tr:first-child td { background:#eb6a7c; color:#fff;}
.css_Container.Eye_Detail .eye-table tr:last-child td { background:#fae7e9;}

.css_Container.Eye_Detail .eye-table.eye-table-brand tr td:first-child,
.css_Container.Eye_Detail .eye-table.eye-table-brand tr:last-child td:first-child{ background:none; width:100px;}
.css_Container.Eye_Detail .eye-table.eye-table-brand tr:nth-child(odd){ background:#efefef;}
.css_Container.Eye_Detail .eye-table.eye-table-brand tr:first-child{ background:#eb6a7c;}
.css_Container.Eye_Detail .eye-table.eye-table-brand tr:last-child td { background:none;}
.css_Container.Eye_Detail .eye-table.eye-table-brand tr td:nth-child(2) { width:150px;}

.css_Container.Eye_Detail .btn-wrap { display:block; width:100%; height:auto; overflow:hidden;}
.css_Container.Eye_Detail .btn-wrap * { padding:0; margin:0; list-style:none; text-decoration:none;}
.css_Container.Eye_Detail .btn-wrap a { display:inline-block; width:auto; height:auto; line-height:1.5rem; padding:0.25rem 10px; font-size:1rem; overflow:hidden; background:#9070af; color:white; margin-right:0.25rem; text-decoration:none; font-family:"微軟正黑體", Arial, Helvetica, sans-serif; text-align:center; float:right;
/*基礎動畫設定*/
webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
/*圓角*/
-webkit-border-radius:0.25rem;-moz-border-radius:0.25rem;border-radius:0.25rem;}
.css_Container.Eye_Detail .btn-wrap a:hover { background:#ec6d81;}

/*禾馨人日常*/
.css_Container.Eye .css_list.NewsList.list-daily ul li { width:calc( 33.33% - 10px ); margin-right:15px;}
.css_Container.Eye .css_list.NewsList.list-daily ul li:nth-child(2n+2) { margin-right:15px;}
.css_Container.Eye .css_list.NewsList.list-daily ul li:nth-child(3n+3) { margin-right:0;}
.css_Container.Eye .css_list.NewsList.list-daily ul li a > span.Photo { margin-bottom:10px;}
.css_Container.Eye .css_list.NewsList.list-daily ul li a > span.Photo span.Upload { position:absolute; top:0; left:0; width:100%; height:100%; background:#000;
display: flex;flex-wrap:wrap; align-items:center; justify-content:center;}
.css_Container.Eye .css_list.NewsList.list-daily ul li a > span.Photo span.Upload img { display:block; max-width:none; height:100%;}
.css_Container.Eye .css_list.NewsList.list-daily ul li a > span.Photo span.Upload + img { display:block; opacity:0;}
.css_Container.Eye .css_list.NewsList.list-daily ul li a > h2 { padding:0 10px; margin-bottom:10px;}
.css_Container.Eye .css_list.NewsList.list-daily ul li a > .Text { margin-bottom:10px; padding:0 10px;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; opacity:0.6;}

/*--醫學新知left分類---*/
.KnowShow{ width:100%;color:#252525; text-align:left; margin:15px 0 0 6px; padding:0; }
.KnowShow ul{clear: both; margin:0; list-style:none; padding:0;}
.KnowShow ul li {width:246px;color:#252525;  font-size:16px; background:url(../Images/Line01.gif) left bottom repeat-x; padding: 5px 0 3px 0;}
.KnowShow ul li a{display:block; width:246px; color:#252525;  font-size:16px; padding:2px 5px 5px 16px; background:url(../Images/Icon01.gif) left center no-repeat;}
.KnowShow ul li a:hover{width:225px;color:#ffffff; background:#9070af; /*background:url(../Images/td_Over.gif);*/ background-repeat: repeat-y; background-position:0 0; /*padding:5px 5px 5px 16px;*/text-decoration:none;list-style-image: none;}

.DoctorList { clear:both;}
.DoctorList .TitleFont:not(:first-child):after { content:'(依筆畫排序)'; font-size:0.6em;}
.DoctorList * { padding:0; margin:0; list-style:none;}
.DoctorList ul{clear:both; margin:0; list-style:none; padding:0;}
.DoctorList ul li{clear:both;width:220px;color:#252525;  font-size:16px; background: none; padding: 5px 0 3px 40px;}
.DoctorList ul li a{ clear:both; display:block; width:220px; color:#252525;  font-size:16px; padding:2px 5px 5px 16px; background:url(../Images/Icon02.gif) left 4px no-repeat;}
.DoctorList ul li a:hover{clear:both;width:185px;color:#ffffff; background:#9070af; /*background:url(../Images/td_Over.gif);*/ background-repeat: repeat-y; background-position:0 0; /*padding:5px 5px 5px 16px;*/text-decoration:none;list-style-image: none;}
.DoctorList ul li.DoctorListLi { padding:0;color:#252525;  font-size:16px; background:url(../Images/Line01.gif) left bottom repeat-x; padding: 5px 0 3px 0;}
.DoctorList ul li.DoctorListLi .DoctorListLiSpan { display:block; width:246px; color:#252525;  font-size:16px; padding:2px 5px 2.5px 16px; background:url(../Images/Icon01.gif) left center no-repeat; cursor:pointer;}
.DoctorList ul li.DoctorListLi .DoctorListLiSpan:hover{width:225px;color:#ffffff; background:#9070af; /*background:url(../Images/td_Over.gif);*/ background-repeat: repeat-y; background-position:0 0; /*padding:5px 5px 5px 16px;*/text-decoration:none;list-style-image: none;}
.DoctorList ul li.DoctorListLi .DoctorListLiSpan ~ ul { display:none;}

	
/*--醫學新知列表--*/
.ShowList {  width: 100%; color:#ed7274; font-size:18px; }
.ShowList ul{ list-style:none; margin:0; padding:0 0 5px 0;}
.ShowList ul li{ background:url(../Images/Icon02.gif) left 13px no-repeat; padding: 8px 10px 3px 20px;}
.ShowList ul li a {color:#ed7274; }
.ShowList ul li a:hover{ text-decoration:underline; color:#252525;}
.incShowList{color:#898989; font-size:17px; margin: 25px 0 15px 22px; }
.incShowList ul{ list-style:none; margin:0; padding:0;}
.incShowList ul li{ background:url(../Images/Icon03.gif) left 10px no-repeat; padding: 5px 0 5px 15px;}
.incShowList ul li a {color:#898989;}
.incShowList ul li a:hover{ text-decoration:underline; color:#353432;}

.subShowList{ color:#353432; font-size:15px; margin: 15px 0 10px 15px;  }
.subShowList ul{ list-style:none; margin:0; padding:8px; background:#f9f9f9;}
.subShowList ul li{ background:url(../Images/Icon04.gif) left 9px no-repeat; border-bottom: 1px dotted #b1b187; padding: 5px 0 3px 18px;}
.subShowList ul li a {color:#353432;}
.subShowList ul li a:hover{ text-decoration:underline; color:#898989;}


/*列表資料*/
.css_list ul{margin:0;padding:0px;list-style-type:none;}
.css_list ul li{
	background-image:url(../Images/Icon04.gif);
	background-repeat:no-repeat;
	background-position:0px 14px;
	padding:10px 0px 3px 14px;
	border-bottom:1px dashed #cbcbcb;
	
	font-size:14px;
}
.css_list ul li.Top{
	background-image:url(../Images/Share/Icon_NewsTop.gif);
	background-repeat:no-repeat;
	background-position:0 14px;
	padding:8px 0px 6px 16px;
	border-bottom:1px dashed #cbcbcb;
}
.css_list ul li a{ text-decoration:none; color:#000000;}
.css_list ul li a:hover{ color:#9070af;}
.css_list .notice{color:#ff0000;font-weight:bold;}

/* ======== 交流園地表格 Start ======== */
.css_TableForum th.Title{
	background-color:#9070af;
	color:#ffffff;
	border-left:2px solid #ffffff;
	text-align:center;
	padding:3px 3px 3px 3px;
}
.css_TableForum th.TitleFirst{
	background-color:#9070af;
	color:#fff;
	border-left:none;
	text-align:center;
	padding:3px 3px 3px 3px;
}
.css_TableForum td{
	background-color:#fff;
	color:#000000;
	padding:6px 3px 6px 3px;
}
tr.odd_TableForum td{
	background-color:#fff;
}	
tr.even_TableForum td{
	background-color:#f3f3f3;
}	
tr.over_TableForum td{
	background-color:#e0e0e0;
	color:#9070af;
	cursor:pointer;
}
.css_TableForum_notice{color:#ff0000; font-weight:bold;}
/* ======== 交流園地表格 End ======== */
/*.default_news { width:245px; height:405px; overflow:hidden; background: url(../Images/Default_News.gif); background-repeat:no-repeat; padding:15px 15px 45px 15px; float:left;}
.default_news img { margin:0; float:left;}
.default_news ul { width:100%; height:405px; height:auto; overflow:hidden; margin:10px 0 0 0; padding:0; float:left;}
.default_news li { font-size:14px; list-style:none; border-bottom:#999 1px dotted; width:245px; text-align:left; background:url(../Images/Share/IncIcon_News.gif); background-repeat:no-repeat; margin:5px 0;}
.default_news li a { padding-left:20px; width:220px; height:auto; display:block;}
.default_news li a:hover { text-decoration:none;}*/

.default_banner { width:700px; height:455px;overflow:hidden; float:right; margin-top:5px;}
.default_banner img { border:0;}





/*2015.06.23 新增環境房型頁籤*/
.product-detail-descr ul {list-style: none;}
.product-detail-descr ul li{float:left;width:97px;padding:0 5px 0 0; cursor:pointer;  display: block;}
.product-detail-descr .content {padding-top:50px;}




/*2015.06.25 新增環境房型下拉式選單*/
/*.tab {display:none; position:absolute;  top:35px; z-index:9999; right:261px; }
ul.MainMenuSub li {margin:0; padding:0; overflow:hidden; display:block; text-decoration:none; width:106px; height:35px; line-height:35px; background:url(../Images/Bg_MainMenuSub.png) repeat;}
ul.MainMenuSub li a { display:block; text-decoration:none; width:106px; height:35px; color:#FFF; }
ul.MainMenuSub li a:hover { color:#9070af;}
ul.MainMenuSub li:hover { background:url(../Images/Bg_MainMenuSub_o.png) repeat;}*/


/*2015.08.11 Jay 調整醫學新知左側樣式*/
.NewMedicine3 .KnowShow * { font-family:"微軟正黑體"; box-sizing:border-box;}
.NewMedicine3 .KnowShow ul li { margin:10px 0; padding:5px 10px; height:40px; padding-top:8px;
/*漸層背景*/
background: #9070af; 
background: -moz-linear-gradient(0deg, rgb(144, 112, 175) 0%, rgb(209, 186, 218) 100%);
background: -webkit-linear-gradient(0deg, rgb(144, 112, 175) 0%, rgb(209, 186, 218) 100%);
background: -o-linear-gradient(0deg, rgb(144, 112, 175) 0%, rgb(209, 186, 218) 100%);
background: -ms-linear-gradient(0deg, rgb(144, 112, 175) 0%, rgb(209, 186, 218) 100%);
background: linear-gradient(90deg, rgb(144, 112, 175) 0%, rgb(209, 186, 218) 100%);
/*圓角*/
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.NewMedicine3 .KnowShow ul li a { width:100%; height:auto; font-size:20px; padding:2px 5px 5px 20px; color:#fff;}
.NewMedicine3 .KnowShow ul li:hover { /*border:1px solid #9070af;*/ cursor:pointer;
/*漸層背景*/
background: #fff; 
background: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(209, 186, 218) 100%);
background: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(209, 186, 218) 100%);
background: -o-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(209, 186, 218) 100%);
background: -ms-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(209, 186, 218) 100%);
background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(209, 186, 218) 100%);}
.NewMedicine3 .KnowShow ul li:hover a, .NewMedicine3 .KnowShow ul li:hover a:hover {background:url(../Images/Icon01.gif) left 4px no-repeat; color:#9070af;}





#tbContent form[name="frmUG"] ul li span.Title { background:#9070af; height:50px; line-height:50px; font-size:20px; color:#fff; padding:5px 15px; font-family:"微軟正黑體";
/*圓角*/
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#tbContent form[name="frmUG"] ul { padding:0; margin:0;}




.FAQ .KnowShow * { font-family:"微軟正黑體"; box-sizing:border-box;}
.FAQ .KnowShow ul li { margin:10px 0; padding:5px 10px; height:40px; padding-top:8px;
/*漸層背景*/
background: #9070af; 
background: -moz-linear-gradient(0deg, rgb(144, 112, 175) 0%, rgb(209, 186, 218) 100%);
background: -webkit-linear-gradient(0deg, rgb(144, 112, 175) 0%, rgb(209, 186, 218) 100%);
background: -o-linear-gradient(0deg, rgb(144, 112, 175) 0%, rgb(209, 186, 218) 100%);
background: -ms-linear-gradient(0deg, rgb(144, 112, 175) 0%, rgb(209, 186, 218) 100%);
background: linear-gradient(90deg, rgb(144, 112, 175) 0%, rgb(209, 186, 218) 100%);
/*圓角*/
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.FAQ .KnowShow ul li a { width:100%; height:auto; font-size:20px; padding:2px 5px 5px 20px; color:#fff;}
.FAQ .KnowShow ul li:hover { /*border:1px solid #9070af;*/ cursor:pointer;
/*漸層背景*/
background: #fff; 
background: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(209, 186, 218) 100%);
background: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(209, 186, 218) 100%);
background: -o-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(209, 186, 218) 100%);
background: -ms-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(209, 186, 218) 100%);
background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(209, 186, 218) 100%);}
.FAQ .KnowShow ul li:hover a, .FAQ .KnowShow ul li:hover a:hover {background:url(../Images/Icon01.gif) left 4px no-repeat; color:#9070af;}


/*================================ 2015.8.19 RWD START Ruru ================================*/

*, *:before, *:after { box-sizing: border-box; }
html, body { padding:0; margin:0; font-family:"微軟正黑體"; }
.Wrapper { width:100%; height:auto; overflow:hidden;}
.Div-W1440 { width:100%; max-width:1460px; height:auto; overflow:hidden; margin:0 auto; padding:0 10px;}
.Top .Div-W1440 { overflow:visible;}

/*---------------- Copyright START----------------*/
.Copyright { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:10px 20px; display:none;}
.Copyright * { padding:0; margin:0; font-family:"微軟正黑體"; }
.Copyright p { height:18px; line-height:18px; font-size:11px; color:#999; }
.Copyright p.CopyrightLeft { width:55%; height:auto; overflow:hidden; float:left; }
.Copyright p.CopyrightRight { width:45%; height:auto; overflow:hidden; float:right; text-align:right; }
.Copyright p.Visitor { width:100%; height:auto; overflow:hidden; text-align:right; }
.Copyright p.CopyrightLeft span { padding-right:10px; }
.Copyright p.CopyrightRight span { padding-left:10px; }
/*---------------- Copyright END----------------*/


/*---------------- Copyright_RWD START----------------*/
.Copyright_RWD { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:20px 10px 0 10px; font-family: Lato, '微軟正黑體';}
.Copyright_RWD p { line-height:1.7em; font-size:14px; letter-spacing:0.1em; color:#fff; text-align:center;}
/*---------------- Copyright END----------------*/

/*---------------- Top START----------------*/
.Top { width:100%; height:auto; /*overflow:hidden;*/ margin:0 auto; background:#fff;}
/*---------------- Top END----------------*/

/*---------------- Header START----------------*/
.Header { width:100%; height:125px; overflow:hidden; padding:30px 0; margin:0 auto; position:relative; border-top:3px solid #c7b7d7;} 
.Header .Logo { display:block; width:320px; height:70px; background:url(../Images/LOGO.png) 0 0 no-repeat; text-indent:-9999px; position:absolute; left:50%; margin-left:-160px; z-index:1;}
.Header .Logo:hover { text-decoration:none; }
.Header .Appointment { float:right; line-height:45px; font-size:18px; width:120px; height:45px; margin:10px 0; color:#9070af; text-align:center; border:1px solid #9070af; background:rgba(255, 255, 255, 1); text-decoration:none; transition: all .3s;}
.Header .Appointment { margin-right:10px;}
.Header .Appointment:hover { color:#fff; background:#9070af;} 
.Header .Bu_JP { float:right; text-decoration:none; line-height:45px; padding-left:10px; margin:10px 0; color:#666464; font-size:14px;}
.Header .Bu_JP:hover { color:#9070af;}
.Header .Bu_EN { float:right; text-decoration:none; line-height:45px; padding:0 10px 0 40px; margin:10px 0; color:#666464; font-size:14px; background:url(../Images/Default/Bg_textline.png) center right no-repeat;}
.Header .Bu_EN:hover { color:#9070af;}
/*---------------- Header END----------------*/

/*---------------- Nav START----------------*/
.Nav { width:100%; height:75px; overflow:visible; margin:0 auto; background:#fff;}
.Nav ul.MainMenu { width:100%; height:75px; overflow:visible; margin:0 auto; transition:all 1s; padding:0; margin:0; list-style:none;}
.Nav ul.MainMenu li.MainMenuLi { width:7.84%; width:6.89%; height:75px; line-height:75px; font-size:18px; text-align:center; float:left; overflow:visible;}
.Nav ul.MainMenu li.MainMenuLi04 { width:11.7%; width:10.34%; width:6.66666668%; width:8%;}
.Nav ul.MainMenu li.MainMenuLi06 { width:10%; width:12%;}
.Nav ul.MainMenu li.MainMenuLi08 { width:17.6%; width:13.79%; width:13.3333334%; width:16%;}

.Default .Nav ul.MainMenu li.MainMenuLi04 { width:6.25%; width:7.407%;}
.Default .Nav ul.MainMenu li.MainMenuLi06 { width:9.375%; width:11.11%;}
.Default .Nav ul.MainMenu li.MainMenuLi08 { width:12.5%; width:14.81%;}

.Nav ul.MainMenu li.MainMenuLi a { display:block; text-decoration:none; overflow:visible; position:relative; transition: all .2s;
/*超出範圍顯示"..."*/
white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.Nav ul.MainMenu li.MainMenuLi a .notice { color:#f2656a;}
.Nav ul.MainMenu li.MainMenuLi a:link { color:#6a6a6a;}
.Nav ul.MainMenu li.MainMenuLi a:visited { color:#6a6a6a;}
.Nav ul.MainMenu li.MainMenuLi a:hover { color:#9070af;}
.Nav ul.MainMenu li.MainMenuLi a:active { color:#9070af;}
.Nav ul.MainMenu li.MainMenuLi:hover a:before{ content: ''; position: absolute; width:40px; height: 40px;
display: block; left:50%; margin-left:-20px; top:50px; transition: all .5s ease;
background: url(../Images/Default/navIcon.png) no-repeat; z-index:99999;}

.Nav ul.MainMenu li.MainMenuLi-repro { /*display:none;*/}

.Nav ul.MainMenu li.MainMenuLi ul.MainMenuSub { width:100%; height:auto; min-height:300px; overflow:hidden; left:0; top:200px; position:absolute; z-index:9999; display:none; background: url(../Images/Default/Img_subNav_media.png) 60% center no-repeat,rgba(144,112,175,0.95); padding:40px 0; margin:0;}
.Nav ul.MainMenu li.MainMenuLi05 ul.MainMenuSub { background: url(../Images/Default/Img_subNav_NewMedicine.png) 60% center no-repeat,rgba(144,112,175,0.95);}
.Nav ul.MainMenu li.MainMenuLi07 ul.MainMenuSub { background: url(../Images/Default/Img_subNav_Bussines.png) 40% center no-repeat,rgba(144,112,175,0.95);}
.Nav ul.MainMenu li.MainMenuLi-eye ul.MainMenuSub { width:100%; height:auto; min-height:300px; overflow:hidden; left:0; top:200px; position:absolute; z-index:9999; display:none; background: url(../Images/Default/Img_subNav_eye.png) 60% center no-repeat,rgba(144,112,175,0.95); padding:40px 0; margin:0;}
.Nav ul.MainMenu li.MainMenuLi-health ul.MainMenuSub { width:100%; height:auto; min-height:300px; overflow:hidden; left:0; top:200px; position:absolute; z-index:9999; display:none; background: url(../Images/Default/Img_subNav_Health.png) 60% center no-repeat,rgba(144,112,175,0.95); padding:40px 0; margin:0;}

.Nav ul.MainMenu li.MainMenuLi ul.MainMenuSub li { width:100%; max-width:600px; margin:0 auto; height:auto; font-size:0; line-height: normal; text-align:left; overflow:hidden; padding:0 400px 0 50px;}
.Nav ul.MainMenu li.MainMenuLi-eye ul.MainMenuSub li { max-width:650px;}
.Nav ul.MainMenu li.MainMenuLi.MainMenuLi07 ul.MainMenuSub li:nth-child(1):before { content:'民權診療科別'; color:#fff; font-size:18px; display:block; width:100%; height:auto; overflow:hidden;}
.Nav ul.MainMenu li.MainMenuLi.MainMenuLi07 ul.MainMenuSub li:nth-child(3):before { content:'禾馨診療科別'; color:#fff; font-size:18px; display:block; width:100%; height:auto; overflow:hidden; margin-top:10px;}
.Nav ul.MainMenu li.MainMenuLi05 ul.MainMenuSub li { padding:0 400px 0 30px;}
.Nav ul.MainMenu li.MainMenuLi07 ul.MainMenuSub li { padding:0 30px 0 400px;}

.Nav ul.MainMenu li.MainMenuLi ul.MainMenuSub li a { display:block; width:100%; height:auto; overflow:hidden; font-size:16px; padding:5px 0 5px 30px; color:#eee; text-align:left; border-bottom:1px dotted #eee; background:url(../Images/Default/Img_dot.png) 10px center no-repeat;}
.Nav ul.MainMenu li.MainMenuLi ul.MainMenuSub li a:hover { color:#fff; border-bottom:1px dotted #fff; background:url(../Images/Default/Img_dot_o.png) 15px center no-repeat; padding-left:35px}

.slicknav_menu { display:none; }
.Bussines .KnowShow li:nth-child(1):before { content:'民權診療科別'; color:#9070af; font-size:18px; display:block; width:100%; height:auto; overflow:hidden; padding:10px 0px;}
.Bussines .KnowShow li:nth-child(3):before { content:'禾馨診療科別'; color:#9070af; font-size:18px; display:block; width:100%; height:auto; overflow:hidden; padding:10px 0px;}

/*---------------- Nav END----------------*/


/*-- Banner --*/
.Banner { width:100%; height:auto; overflow:hidden;}
.Banner img { max-width:100%; height:auto; display:block; border:none;} 

/*-- FixedBu --*/
.FixedBu { width:50px; height:auto%; overflow:hidden; position:fixed; bottom:10px; right:10px; z-index:99999999;
display:flex;
flex-warp:wrap;
/*垂直對齊狀態*/
align-items:center;}
.FixedBu * { padding:0; margin:0; list-style:none; text-decoration:none;}
.FixedBu ul { width:100%; /*padding-left:165px;*/ position:relative;}
.FixedBu li { display:inline-block; margin-bottom:2.5px;}
.FixedBu li:last-child { margin-bottom:0;}
.FixedBu li .SocialNetworkOpen {cursor:pointer; transition:all .3s;}
.FixedBu li .SocialNetworkClose { cursor:pointer; display:none;} 
.FixedBu li .SocialNetworkWrapperTop { display:none;}
.FixedBu li .ShowSocialNetworkWrapperTop { display:inline-block; height:auto; overflow:hidden;}
.FixedBu li .SocialNerwork { width:165px; height:50px; overflow:hidden; position:absolute; right:50px; top:0;}
.FixedBu li .SocialNerwork span { width:50px; height:50px; margin-right:5px; float:left; }
.FixedBu li.FixedBu_search a { position:relative; display:block; width:100%; height:auto; overflow:hidden; background:#d81b60;
/*圓角*/
-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.FixedBu li.FixedBu_search a:before { content:'醫美預約'; font-size:12px; width:50px; height:50px; display:block; overflow:hidden; line-height:15px; padding:10px; color:#fff799; position:absolute; top:0; left:0; text-align:center;}
.FixedBu li.FixedBu_search.FixedBu_search2 a { background:#8466a5;}
.FixedBu li.FixedBu_search.FixedBu_search2 a:before { content:'預約生產紀錄'; padding:10px 5px;}
.FixedBu li.FixedBu_search.FixedBu_search3 a { background:#b36c43;}
.FixedBu li.FixedBu_search.FixedBu_search3 a:before { content:'腸胃健檢預約'; padding:10px 5px;}

.FixedBu li.FixedBu_search img { opacity:0; display:block; max-width:100%; height:auto;}

.FixedBu li.FixedBu_search.FixedBu_search_btn { display:block;}
.fixed-search { position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999999; display:none;
flex-warp:wrap;
/*垂直對齊狀態*/
align-items:center;
/*水平對齊狀態*/
justify-content:center;}
.fixed-search.open { display:flex;}
.fixed-search > div { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; position:relative; z-index:1;
/*圓角*/
border-radius: 10px;}
.fixed-search > div > form > input { display:inline-block; width:auto; height:50px; overflow:hidden; float:left; line-height:50px; padding:0 10px; width:300px;font-size:20px;}
.fixed-search > div > form > input::placeholder { font-size:20px; line-height:50px;}
.fixed-search > div > form > input:focus { outline:none; border:0;}
.fixed-search > div > form > input + .SearchBtn { width:50px; height:50px; overflow:hidden; float:left; background:#7d6496;
display:flex;
flex-warp:wrap;
/*垂直對齊狀態*/
align-items:center;
/*水平對齊狀態*/
justify-content:center;}
.fixed-search > div > form > input + .SearchBtn img { display:block; width:80%; float:left;}
.fixed-search > div.fixed-search-bg { position:absolute; width:100%; height:100%; top:0; left:0; z-index:0; background:rgba(0,0,0,0.8);
/*圓角*/
border-radius:0;}
.FixedBu li.FixedBu_search.FixedBu_search_btn a { background:white;}
.FixedBu li.FixedBu_search.FixedBu_search_btn a:before { content:''; background: url(../Images/Default/linkIcon_search.png) center center no-repeat, white; background-size:70% 70%; border:1px solid #9070af;
/*圓角*/
border-radius:100%;}


/*fixed-search*/
.fixed-search { display:none;}

.footer { width:100%; height:auto; overflow:hidden; background:#9070af;}
.Default .footer { padding-bottom:100px;}

/*---------------- Link SRART----------------*/
.Link { width:100%; height:auto; overflow:hidden; background: url(../Images/Default/Bg_DefLink.jpg) left top repeat-x,#fff; padding:50px 0; border-bottom:1px solid #f1f1f1; font-family: Lato, '微軟正黑體';}
.Link ul { width:33.333%; height:auto; min-height:290px; float:left; list-style:none;}
.Link li a { color:#666464; font-size:18px; line-height:1.7em; text-decoration:none;}
.Link li a:hover { color:#9070af;}
.Link li span { display:block; font-size:15px; line-height:normal; margin-bottom:5px;}
.Link_search { background:url(../Images/Default/linkIcon_search.png) left center no-repeat, url(../Images/Default/DefLink_Slash.png) right center no-repeat; padding:30px 0 0 175px;}
.Link_notice { background:url(../Images/Default/linkIcon_notice.png) left center no-repeat, url(../Images/Default/DefLink_Slash.png) right center no-repeat; padding:30px 0 0 175px;}
.Link_clinic { background:url(../Images/Default/linkIcon_clinic.png) left center no-repeat; padding:30px 0 0 175px;}

/*---------------- Link END----------------*/

/*---------------- BottomMenu SRART----------------*/
.BottomMenu { width:100%; height:auto; overflow:hidden; background:#fff; padding:50px 10px; font-family: Lato, '微軟正黑體';}
.BottomMenu ul {width:100%; height:auto; overflow:hidden; max-width:1000px; margin:0 auto; padding:0; list-style:none;}
.BottomMenu ul li { width:calc( 100% / 7 ); /*width:20%;*/ /*width:25%;*/ height:auto; float:left; text-align:center; }
.BottomMenu li a { color:#666464; font-size:16px; text-decoration:none;}
.BottomMenu li a:hover { color:#9070af;}

/*---------------- BottomMenu END----------------*/

/*---------------- Ugear SRART----------------*/
.Ugear { width:180px; font-size:12px; float:right; height:auto; overflow:hidden;color:#fff;}
.Ugear a { color:#fff;}
/*---------------- Ugear END----------------*/


/*---------------- 內頁框架設定 SRART----------------*/
.css_Container_Bottom {background:url(../Images/Content_Shadow.gif) top center no-repeat;}
.PageHeader { width:100%; height:25px; overflow:hidden; margin:0 auto; margin-bottom:6px;}
.PageHeader * { padding:0; margin:0;}
.PageHeader .PageHeader_Title { width:auto; min-width:25%; height:25px; line-height:25px; overflow:hidden; float:left;}
.PageHeader p.css_Breadcrumbs { width:auto; max-width:50%; height:25px; line-height:25px; overflow:hidden; float:right; text-align:right; padding-right:10px;background: url(../Images/Bg_Crumb.gif) top right repeat-y;}
.Content_RT { width:100%; height:auto; overflow:hidden; padding-right:5px; background:#fff; position:relative;}
.Content_RT:after { content:''; width:5px; height:100px; overflow:hidden; display:block; position:absolute; top:0; right:0;background:url(../Images/Content_RT.gif) top right no-repeat; }
.Content_TOPBg { width:100%; height:20px; overflow:hidden; margin:0 auto; background:url(../Images/Content_TOPBg.gif) top right no-repeat; background-size:1024px;}
.css_MainContent { width:100%; height:auto; overflow:hidden; background:url(../Images/Left_Bg.gif) bottom left no-repeat;  min-height:1000px;}
.Left_Bg { width:25%; height:auto; overflow:hidden; float:left;}
.Left_Bg img { max-width:100%; height:auto;}
.Left_Bg table { table-layout:fixed;}
.css_SubContent { width:73%; height:auto; overflow:hidden; float:right;}
.css_SubContent .btn { display:inline-block; width:auto; height:auto; overflow:hidden; padding:10px; background:#9070af; color:white; border-radius:10px;}
.css_SubContent .btn:hover,
.css_SubContent .btn:active { text-decoration:none; opacity:0.8;}
.css_SubContent.css_SubContent2 { width:100%; padding:0;}
.ugC_Classroom .css_SubContent { width:100%; height:auto; overflow:hidden; float:right;}
.ugC_Classroom .Left_Bg { width:25%; height:auto; overflow:hidden; float:right;}
.ugC_Classroom .Left_Bg2 { width:75%; height:auto; overflow:hidden; float:left;}
#tbContent { width:100%; table-layout:fixed;}
#tbContent .Milieu iframe { width:100%; height:400px; overflow:hidden;}
#tbContent .Milieu table { width:100%;}
#tbContent img { max-width:100%; height:auto;}
#tbContent table { table-layout:fixed;}
/*預約掛號的兩顆按鈕設定 START*/
#tbContent .Appointments img { width:240px; height:30px;}
#tbContent .Appointments2 img { width:170px; height:30px;}
#tbContent .Appointments span, #tbContent .Appointments2 span, #tbContent .Appointments3 span { display:none;}
/*預約掛號的兩顆按鈕設定 END*/

.KnowShow { height:auto; overflow:hidden;}
.KnowShow ul { width:100%; height:auto; overflow:hidden;}
.KnowShow ul li { width:100%;}
.KnowShow ul li a { width:100%; font-size:14px;}
.KnowShow ul li a:hover { width:100%;}

.Bussines .KnowShow li.self:nth-child(1):before { content:'民權診療科別'; color:#9070af; font-size:18px; display:block; width:100%; height:auto; overflow:hidden;}
.Bussines .KnowShow li.self + .mc:before { content:'禾馨診療科別'; color:#9070af; font-size:18px; display:block; width:100%; height:auto; overflow:hidden;}

#tbContent img.ImgBorder02 { max-width:120px;}
.css_ContactusForm *{ table-layout:fixed; max-width:100%;}
.Accordion_ShowKind { width:100%; height:auto; overflow:hidden;}
/*內頁左側選單*/
#SlideMenu { width:100%; height:auto; overflow:hidden;}
#SlideDownButton, #SlideUpButton { display:none;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width:50px; height:50px; overflow:hidden; background:#9070af; border:2px solid #e2d1f2; text-align:center; line-height:50px; color:#9070af; position:absolute; top:-60px; right:10px; text-indent:-9999px; cursor:pointer;}
#SlideDownButton:after { content:''; width:50px; height:50px; position:absolute; top:-2px; left:-2px; text-indent:0; background:url(../Images/NewLayout/Icon_SlideMenuButton_Down.png) 0 0 no-repeat;}
#SlideUpButton:after {content:''; width:50px; height:50px; position:absolute; top:-2px; left:-2px; text-indent:0;background:url(../Images/NewLayout/Icon_SlideMenuButton_Up.png) 0 0 no-repeat;}
#ugC_Doctor { display:none;}

.Content_RT_Full { width:100%; height:auto; overflow:hidden; padding-right:5px; background:#fff; position:relative;}
.Content_RT_Full  .css_SubContent { width:100%;}

.FAQ #qaContent ul,.FAQ #qaContent li {margin: 0;padding:0 0 12px 0;list-style: none;}
.FAQ #qaContent ul li {border-bottom: dotted 1px #e3e3e3}
.FAQ #qaContent ul li .Accordion_FaqTitle {background:url(../Images/Icon02.gif) no-repeat 0 14px;padding: 12px 0 0 20px;color:#9070af;cursor:pointer;text-align:left; min-height:20px;  font-size:18px;}
.FAQ #qaContent ul li .Accordion_FaqTitle:hover{color:#9070af;}
.FAQ #qaContent ul li a.Download {display: inline-block; padding: 0 0 0 17px; background: url(../Images/Icon04.gif) left center no-repeat; font-size: 16px; margin: 15px 0;}
.FAQ #qaContent ul li a.Download:hover { text-decoration:none;}

/*---------------- 內頁框架設定 END----------------*/


/*2017 RWD-首頁設定*/
.DefContent { width:100%; height:auto; overflow:hidden; background:#fff;}

a.DefMore { width:auto; height:25px; line-height:25px; overflow:hidden; margin-top:30px; float:right; letter-spacing:0.3em; padding-right:30px; color:#919191; background:url(../Images/Default/DefMore.png) center right no-repeat; text-decoration:none; transition:all 0.3s;}
a.DefMore:hover { color:#9070af; margin-right:20px; background:url(../Images/Default/DefMore_o.png) center right no-repeat;}

.DefBg{ max-width:100%; height:auto; display:none;}

.DefNews { width:100%; height:600px; overflow:hidden; background:url(../Images/Default/Bg_DefNews.jpg) center top no-repeat; position:relative;}
.DefNews .DefNewsText { width:460px; height:325px; overflow:hidden; color:#6a6a6a; line-height:1.7em; font-size:18px; position:absolute; left:15%; top:140px;}
.default_news { width:100%; height:175px; height:187.95px; overflow:hidden;}
.default_news img { margin:0; float:left;}
.default_news ul { width:100%; height:auto; height:175px; height:187.95px; overflow:hidden; margin:0; padding:0;}
.default_news li {list-style:none; width:100%; text-align:left; margin:5px 0;}
.default_news li a { width:100%; height:auto; overflow:hidden; display:block; text-decoration:none;
/*超出範圍顯示"..."*/
white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.default_news li a:link { color:#6a6a6a;}
.default_news li a:visited { color:#6a6a6a;}
.default_news li a:hover { color:#9070af;}
.default_news li a:active { color:#9070af;}

.DefAbout { width:100%; height:600px; overflow:hidden; background:url(../Images/Default/Bg_DefAbout.jpg) center top no-repeat; position:relative;}
.DefAbout .DefAboutText { width:350px; height:290px; overflow:hidden; color:#6a6a6a; line-height:1.7em; font-size:18px; position:absolute; left:50%; top:155px;}

.DefGroup { width:100%; height:600px; overflow:hidden; background:url(../Images/Default/Bg_DefGroup.jpg) center top no-repeat; position:relative;}
.DefGroup .DefGroupText { width:420px; height:320px; overflow:hidden; color:#6a6a6a; line-height:1.7em; font-size:18px; position:absolute; left:15%; top:140px;}

.DefAlbum { width:100%; width:1920px; height:auto; overflow:hidden; border-bottom:2px solid #c7b7d7; border-top:2px solid #c7b7d7;}

.DefMap { width:100%; height:auto; overflow:hidden; }
#map { width:100%; height:400px; }

@media only screen and (min-width:0px) and (max-width:1430px) {
/*2017 RWD-首頁設定*/
.DefAbout {background:url(../Images/Default/Bg_DefAbout.jpg) left top no-repeat;}
.DefAbout .DefAboutText { left: auto; right:10%;}
}

@media only screen and (min-width:0px) and (max-width:1390px) {
/*---------------- Header START----------------*/
.Header { height:115px; padding-bottom:0;}
.Header .Logo { left:10px; margin-left:0;}
/*---------------- Nav START----------------*/
.Nav ul.MainMenu li.MainMenuLi:hover a:before{ top:40px; }
.Nav ul.MainMenu li.MainMenuLi ul.MainMenuSub { top:175px; }
.Nav ul.MainMenu li.MainMenuLi { font-size:16px;}
.Nav {height: 60px;}
.Nav ul.MainMenu { height:60px;}
.Nav ul.MainMenu li.MainMenuLi { height:60px; line-height:60px; }

/*---------------- Link SRART----------------*/
.Link_search { background:url(../Images/Default/linkIcon_search.png) left center no-repeat; padding:70px 0 0 140px;}
.Link_notice { background:url(../Images/Default/linkIcon_notice.png) left center no-repeat; padding:30px 0 0 140px;}
.Link_clinic { background:url(../Images/Default/linkIcon_clinic.png) left center no-repeat; padding:70px 0 0 140px;}
}

@media only screen and (min-width:0px) and (max-width:1220px) {
/*2017 RWD-首頁設定*/
.DefAbout {background:url(../Images/Default/Bg_DefAbout.jpg) -150px top no-repeat;}

}

@media only screen and (min-width:0px) and (max-width:1120px) {
/*---------------- Link SRART----------------*/
.Link ul { text-align:center;}
.Link_search { background:url(../Images/Default/linkIcon_search.png) top center no-repeat; padding:150px 0 0 0;}
.Link_notice { background:url(../Images/Default/linkIcon_notice.png) top center no-repeat; padding:150px 0 0 0;}
.Link_clinic { background:url(../Images/Default/linkIcon_clinic.png) top center no-repeat; padding:150px 0 0 0;}
}

@media only screen and (min-width:0px) and (max-width:1024px) {
.Copyright p.CopyrightLeft span.Add {width:100%; padding:0; display:block;}
.Copyright p.CopyrightRight span.Arr { width:100%; padding:0;display:block;}
.css_Container { padding:12px 0 0 0; background:#fafaf9;}
.Content_RT { padding-right:0; background:#fff;}
.Content_RT:after { display:none;}
.css_Container_Bottom { background-size:100%;}
.css_MainContent * { line-height:1.5em; max-width:100%;}
.css_MainContent .css_SubContent {padding-right:50px;}

.FixedBu { right:5px; bottom:5px;}

/*Banner設定------------------------*/
/*20220923客戶要求修改.Default .Banner { height:310px; position:relative; }
.Default .Banner .swiper-container{ position:absolute; width:1000px; height:310px; left:50%; margin-left:-500px; z-index:1;}

.Banner { height:155px; position:relative;}
.Banner .swiper-container{ position:absolute; width:1000px; height:155px; left:50%; margin-left:-500px; z-index:1;}*/

.Nav ul.MainMenu li.MainMenuLi { font-size:14px;}
}

@media only screen and (min-width:0px) and (max-width:980px) {
.Nav {display:none;}
.slicknav_menu {display:block;}

/*---------------- Header START----------------*/
.Header .Appointment {line-height:22px;font-size:12px;position:absolute;width:60px;height:24px;top:5px;margin:0;right:100px;}
.Header .Appointment2 {right:165px;}
.Header .Appointment.Appointment104 { width:80px; right:230px;}
.Header .Bu_JP {line-height:22px;font-size:12px;position:absolute;height:24px;top:5px;margin:0; padding:0; right:10px;}
.Header .Bu_EN {line-height:22px;font-size:12px;position:absolute;height:24px;top:5px;margin:0; right:60px;}
}

@media only screen and (min-width:0px) and (max-width:950px) {
/*2017 RWD-首頁設定*/
.DefNews .DefNewsText {left:20px;}
.DefAbout .DefAboutText { right:20px;}
.DefGroup .DefGroupText {left:20px; }

/*---------------- BottomMenu SRART----------------*/
.BottomMenu ul li { width:25%; margin-bottom:10px;}


}

@media only screen and (min-width:0px) and (max-width:860px) {
/*2017 RWD-首頁設定*/
.DefBg{ display:block;}
a.DefMore { margin-top:30px;}

.DefNews { background:none; height:auto;}
.DefNews .DefNewsText { height:auto; position:static; left:auto; margin:0 auto; padding:20px 0 40px 0;}

.DefAbout { background:none; height:auto;}
.DefAbout .DefAboutText { width:460px; height:auto; position:static; left:auto; margin:0 auto; padding:20px 0 40px 0;}

.DefGroup { background:none; height:auto;}
.DefGroup .DefGroupText { width:460px; height:auto; position:static; left:auto; margin:0 auto; padding:20px 0 40px 0; }

#map { height:200px; }
}

@media only screen and (min-width:0px) and (max-width:850px) {
.LinkLeft { width:100%;}
.LinkRight { width:100%;}
.LinkLeft li { width:13.28%; margin:5px 0.5%; margin-right:0.5%; }
.LinkRight li { width:19%; margin:5px 0.5%; margin-right:0.5%; }
.LinkLeft li img, .LinkRight li img { width:100%; height:auto;}
.LinkLeft li.Last, .LinkRight li.Last {  margin-right:0.5%;}
.Ugear { margin:5px 0;}
}

@media only screen and (min-width:0px) and (max-width:768px) {
.css_Container.Eye_Catelog  > div:not(.Ani-Content1) a { opacity:1;}
.LinkLeft li { width:19%;}
.LinkRight li { width:19%;}
.PageHeader { height:auto;}
.PageHeader .PageHeader_Title { width:100%;}
 .PageHeader p.css_Breadcrumbs { width:100%; height:auto; text-align:left; padding:0 16px; margin-top:5px; background:none; padding-right:66px;}
 .Left_Bg { display:none; display:block; width:100%;}
 .ugC_Classroom .Left_Bg2 { width:100%; margin-bottom:20px;}
 #SlideMenu img, img[src="images/Img_Origin.jpg"],img[src="Images/LeftImg_SinglePage.jpg"] { display:none;}
 .Left_Bg td[style="padding-top:3px"] img[alt="醫學新知"] { display:block;}
 .css_SubContent { width:100%; padding:0;}
 .css_MainContent { background:none;}
 .css_Container { position:relative;}
 .Content_RT { overflow:visible;}
 .css_Container { overflow:visible;}
  #SlideMenu { display:none;width:60%; height:auto; overflow:hidden; padding:10px; position:absolute; top:-11px; right:10px; background:rgba(255,255,255,0.99); border:2px solid #e2d1f2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; z-index:10; }
 #SlideDownButton { display:block;}
 .KnowShow a[href="ugC_Doctor.asp"] { display:none; display:block;}
 #ugC_Doctor { display:block;}
 .hide { display:none; display:block;}
 .KnowShow ul li { padding:5px 0;}
.css_MainContent { min-height:auto;}

/*-- FixedBu --*/
.FixedBu { top: auto; bottom:5px; height:auto;
/*垂直對齊狀態*/
align-items:flex-end;}

.css_Container.Eye_Catelog > div > a > img.pc { display:none;}
.css_Container.Eye_Catelog > div > a > img.mobile { display:block;}

.Bussines_Detail_btn2 a.Appointment_BTN { width:49%; margin-right:2%;}
.Bussines_Detail_btn2 a.Appointment_BTN:nth-child(2n+2) { margin-right:0;}

/*禾馨人日常*/
.css_Container.Eye .css_list.NewsList.list-daily ul li { width:calc( 50% - 5px ); margin-right:10px;}
.css_Container.Eye .css_list.NewsList.list-daily ul li:nth-child(2n+2) { margin-right:0;}
.css_Container.Eye .css_list.NewsList.list-daily ul li:nth-child(3n+3) { margin-right:10px;}
.css_Container.Eye .css_list.NewsList.list-daily ul li a > h2 { line-height:1.2;}

}

@media only screen and (min-width:0px) and (max-width:720px) {
 .Copyright p.CopyrightLeft span {width:100%;padding:0;display:block;}
 .Copyright p.CopyrightRight span {width:100%;padding:0;display:block;}
 .css_ContactusForm table, .css_ContactusForm tr, .css_ContactusForm td, .css_ContactusForm tbody{ table-layout:fixed; width:100%; height:auto; display:block;}
 .css_ContactusForm table tr td.tdLTitle { text-align:center;}
 .css_ContactusForm table input { width:100%;}
 td[style="padding-bottom: 15px; padding-left: 0px; padding-right: 0px; background: url(https://www.mfmclinic.com.tw/ImgAdmin/Company/Img_Lab26.gif) no-repeat right bottom; padding-top: 5px"] table { background:#fff;}
}

@media only screen and (min-width:0px) and (max-width:700px) {
/*---------------- Link SRART----------------*/
.Link ul { width:100%;}

/*---------------- Copyright_RWD START----------------*/
.Copyright_RWD p span { display: inline-block; padding:0; margin:0;}

}

@media only screen and (min-width:0px) and (max-width:580px) {
	.fifth-trimester .video-wrap .video { width:calc( 50% - 5px ); margin-right:10px;}
	.fifth-trimester .video-wrap .video:nth-child(3n+3) { margin-right:10px;}
	.fifth-trimester .video-wrap .video:nth-child(2n+2) { margin-right:0;}
}
@media only screen and (min-width:0px) and (max-width:550px) {
#tbContent .Milieu iframe { height:350px;}
#tbContent .td_right select { width:100%; margin-bottom:10px; height:24px; line-height:22px;}
/*預約掛號的兩顆按鈕設定 START*/
#tbContent .Appointments img { display:none;}
#tbContent .Appointments2 img { display:none;}
#tbContent .Appointments3 img { display:none;}
#tbContent .Appointments span, #tbContent .Appointments2 span, #tbContent .Appointments3 span { width:150px; height:35px; line-height:35px; overflow:hidden; text-align:center; display:block; font-family:"微軟正黑體"; background:#9070af; color:#fff;
/*圓角*/
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
/*預約掛號的兩顆按鈕設定 END*/
	}

@media only screen and (min-width:0px) and (max-width:540px) {
.Copyright {padding:10px;}
.Copyright p.CopyrightLeft, .Copyright p.CopyrightRight, .Copyright p.Visitor {width:100%;text-align:center;padding:2px 0;}
.Copyright p.CopyrightLeft span {display:inline;padding-right:10px;}
.Copyright p.CopyrightLeft span.Fax {padding:0;}
.Copyright p.CopyrightRight span {display:inline;padding-left:10px;}
.Copyright p.CopyrightRight span.Copy {padding:0;}
.LinkLeft li { width:24%;}
.LinkRight li { width:24%;}
.css_MainContent div[style="padding-bottom: 0px; padding-left: 15px; padding-right: 0px; background: url(/MC/Images/Img_Origin02.jpg) no-repeat right bottom; font-size: 16px; padding-top: 0px"] p { background:#fff;}
div[style="font-family: '', Arial; font-size: 16px"] table, div[style="font-family: '', Arial; font-size: 16px"] tr, div[style="font-family: '', Arial; font-size: 16px"] td, div[style="font-family: '', Arial; font-size: 16px"] tbody{ table-layout:fixed; width:100%; height:auto; display:block;}
img[src="https://www.dianthus.com.tw/ImgAdmin/Company/Img_DoctorSay.png"] {     margin-top: -25px;    margin-left: 15px;}

/*---------------- Copyright_RWD START----------------*/
.Copyright_RWD { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:20px 10px 0 10px;}
.Copyright_RWD p { line-height:1.7em; font-size:14px; color:#fff; text-align:center;}

}

@media only screen and (min-width:0px) and (max-width:520px) {
/*2017 RWD-首頁設定*/
.DefNews .DefNewsText { width:100%; font-size:16px; padding:20px 10px 40px 10px;}
.newsDate { display:none;}
a.DefMore{ margin-top:0;}
.DefNews .DefNewsText a.DefMore { margin-top:14px;}
.DefAbout .DefAboutText { width:100%; font-size:16px; padding:20px 10px 40px 10px;}
.DefGroup .DefGroupText { width:100%; font-size:16px; padding:20px 10px 40px 10px;}

.default_news,.default_news ul { height:170px;}

}



@media only screen and (min-width:0px) and (max-width:480px) {
 .Copyright p.CopyrightRight span.Copy, .Copyright p.CopyrightRight span.Arr {display:none;}
 .LinkLeft li { width:32.3%;}
.LinkRight li { width:32.3%;}
.LinkLeft li.Last, .LinkRight li.Last {  margin:5px 0; margin-left:0.5%;}
 .Ugear .Logo, .Ugear br { display:none;}
 .Ugear { float:none; margin:0 auto;}
}

@media only screen and (min-width:0px) and (max-width:460px) {
 .Copyright p.CopyrightLeft, .Copyright p.CopyrightRight {padding:0;}
 .Copyright p.CopyrightLeft span, .Copyright p.CopyrightRight span {width:100%;display:block;padding:2px 0;}
 .Bussines_Detail_btn3 a.Appointment_BTN { width:100%; margin-right:0; max-width:none;}
}
	
@media only screen and (min-width:0px) and (max-width:440px) {
/*---------------- BottomMenu SRART----------------*/
.BottomMenu ul li { width:50%;}
.BottomMenu li a { font-size:16px;}
.css_Container.Eye .NewsList ul li { width:100%; margin-right:0;}
}

@media only screen and (min-width:0px) and (max-width:425px) {
/*2017 RWD-首頁設定*/
.DefNews .DefNewsText { font-size:14px;}
.DefAbout .DefAboutText { font-size:14px;}
.DefGroup .DefGroupText { font-size:14px;}

.default_news,.default_news ul { height:130px;}

}

@media only screen and (min-width:0px) and (max-width:420px) {
/*---------------- Header START----------------*/
 .Header { height:100px;}
 .Header .Logo { width:275px; 
 -moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;}
 
/*Banner設定------------------------*/
/*20220923客戶要求修改.Default .Banner { height:155px; }
.Default .Banner .swiper-container{ width:500px; height:155px; margin-left:-250px;}

.Banner { height:78px; }
.Banner .swiper-container{ width:500px; height:78px; margin-left:-250px;}*/

/*禾馨人日常*/
.css_Container.Eye .css_list.NewsList.list-daily ul li { width:100%; margin-right:0;}
.css_Container.Eye .css_list.NewsList.list-daily ul li:nth-child(3n+3) { margin-right:0;}

}

@media only screen and (min-width:0px) and (max-width:350px) {
 .LinkLeft li { width:49%;}
.LinkRight li { width:49%;}
.LinkLeft li.Last, .LinkRight li.Last {  margin:5px 0.5%;}
/*---------------- Header START----------------*/
.Header .Logo {width:250px; margin-top:6px;}
}

@media only screen and (min-width:0px) and (max-width:330px) {
/*2017 RWD-首頁設定*/
.DefNews .DefNewsText img{ width:100%; height:auto;}
.DefAbout .DefAboutText img{ width:100%; height:auto;}
.DefGroup .DefGroupText img{ width:100%; height:auto;}
}

@media only screen and (min-width:0px) and (max-width:320px) {
/*---------------- Header START----------------*/
 .Header .Logo {width:220px;}
}

@media only screen and (min-width:0px) and (max-width:250px) {
 .Header .Logo:after {font-size:16px;left:65px;}
 .LinkLeft li { width:80%; float:none; margin:5px auto;}
.LinkRight li { width:80%; float:none; margin:5px auto;}
.LinkLeft li.Last, .LinkRight li.Last {  margin:5px auto;}
.Header .Logo {width:140px; margin-top:20px;}
}

/*----------------------------------2015.07.27 Ruru-----------------------------------------*/

@media only screen and (min-width:0px) and (max-width:1024px) {
 .DivW1000 {width:100%;}
}

.KnowShow{ margin-left:0;}

.NewMedicine3 .KnowShow ul li a { padding-bottom:2px; padding-top:2px;}
.NewMedicine3 .KnowShow ul li{ padding-top:6px;}

.FAQ .KnowShow ul li a { padding-bottom:2px; padding-top:2px;}
.FAQ .KnowShow ul li{ padding-top:6px;}

@media only screen and (min-width:0px) and (max-width:800px) {
 .NewMedicine3 .KnowShow ul li a { font-size:18px;}
 
 .FAQ .KnowShow ul li a { font-size:18px;}

}

@media only screen and (min-width:0px) and (max-width:370px) {
	.fixed-search > div { width:calc( 100% - 20px );}
	.fixed-search > div > form > input { width:calc( 100% - 50px );}

}

@media only screen and (min-width:0px) and (max-width:350px) {
	.NewMedicine3 .KnowShow ul li{ height:auto;}
	.NewMedicine3 .KnowShow ul li a { font-size:16px;}

	.FAQ .KnowShow ul li{ height:auto;}
	.FAQ .KnowShow ul li a { font-size:16px;}

}

.def_banner{ width:100%; height:auto; overflow:hidden;}
@media only screen and (min-width:0px) and (max-width:768px) {
  .def_banner{ background:#fafaf9;}
	
	.css_Container.Eye_Detail .eye-team .photo,
	.css_Container.Eye_Detail .eye-team .photo + div { width:100%;}
	.css_Container.Eye_Detail .eye-team .photo img { float:none; clear:both; margin:0 auto;}
	.css_Container.Eye_Detail .eye-team .photo a.Appointment_BTN { max-width:none; margin:20px 0;}
	.css_Container.Eye_Detail .eye-table.eye-table-brand,
	.css_Container.Eye_Detail .eye-table.eye-table-brand tbody,
	.css_Container.Eye_Detail .eye-table.eye-table-brand tr,
	.css_Container.Eye_Detail .eye-table.eye-table-brand td,
	.css_Container.Eye_Detail .eye-table.eye-table-brand tr td:first-child,
	.css_Container.Eye_Detail .eye-table.eye-table-brand tr:last-child td:first-child,
	.css_Container.Eye_Detail .eye-table.eye-table-brand tr td:nth-child(2){ display:block; width:100%; height:auto; overflow:hidden;}
	.css_Container.Eye_Detail .eye-table.eye-table-brand tr { border:1px solid #ccc; margin-bottom:10px;}
	.css_Container.Eye_Detail .eye-table.eye-table-brand tr:first-child { display:none;}
	.css_Container.Eye_Detail .eye-table.eye-table-brand tr:nth-child(odd) { background:none;}
	.css_Container.Eye_Detail .eye-table.eye-table-brand tr td { position:relative; padding-left:80px;}
	.css_Container.Eye_Detail .eye-table.eye-table-brand tr td:nth-child(1):before { content:'鏡框品牌'; display:block; width:80px; height:auto; position:absolute; top:0; left:0; text-align:left; padding:5px;}
	.css_Container.Eye_Detail .eye-table.eye-table-brand tr td:nth-child(2):before { content:'適合年齡'; display:block; width:80px; height:auto; position:absolute; top:0; left:0; text-align:left; padding:5px;}
	.css_Container.Eye_Detail .eye-table.eye-table-brand tr td:nth-child(3):before { content:'鏡框特色'; display:block; width:80px; height:auto; position:absolute; top:0; left:0; text-align:left; padding:5px;}
	.css_Container.Eye_Detail .eye-table.eye-table-brand tr td:nth-child(2) { background:#eee;}
	
}



.NewMedicine { width:100%;}
.NewMedicine .slideshowwrapper { width:100%; max-width:920px; margin:0 auto; margin-bottom:30px; position:relative;}
.NewMedicine * { max-width:100%;}
.Contents .ac_selected .content_button_inner { width:90px; height:auto; overflow:hidden; display:block;}
.Contents .content_button { width:90px;}
.NewMedicine #tbContent .slide_inner img { max-width:920px; position:absolute; left:50%; margin-left:-460px;}
 
.ltbDIV td { font-family:"微軟正黑體";}


/*----------------------------------2015.12.04 Ruru-ugC_Classroom2.asp行事曆樣式設定-----------------------------------------*/

.CalendarWrapper{ width:100%; height:auto; overflow:hidden; background:#9070af; padding:13px;background: #9677b3;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.199219)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.199219)), color-stop(0.75, rgba(255, 255, 255, 0.199219)), color-stop(0.75, transparent), to(transparent));
    background-size: 5px 5px;
	
	}
.tableStyle01,.tableStyle02{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

-webkit-box-shadow: -1px 3px 3px 0px rgba(150, 119, 179, 1);
  -moz-box-shadow:    -1px 3px 3px 0px rgba(150, 119, 179, 1);
box-shadow:         -1px 3px 3px 0px rgba(150, 119, 179, 1);}

.tableStyle01 tr:nth-child(even){ background:#fcf7ff;}

.tableStyle01 tr td{ padding:15px 5px; font-size:14px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

.CalendarWrapper .CalWeekday {background: #9677b3; background:#f8f0ff;background: #f3aa0c;background: #f49ac1; color:#fff;  font-size:14px; /*width:90px; height:90px;*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.CalendarWrapper .CalWeekday:nth-child(even) {background: #fea40f; }
.tableStyle02{ padding:15px 5px; background:#fbf4ff; background:#fff;}
.tableStyle02 td:last-child{ padding-left:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.tableStyle02 tr:nth-child(even){ background:#fff;background:#fbf4ff;

}
.tableStyle03 {border-right:2px solid #000; margin-bottom:20px;}



.OT_menu { display:block; width:100%; max-width:340px; height:30px; position:relative; padding-top:30px; border:1px solid #ccc; margin-bottom:10px; cursor:pointer;
/*圓角*/
border-radius:5px;}
.OT_menu * { padding:0; margin:0; list-style:none; text-decoration:none;}
.OT_menu:before { content:'請選擇'; display:block; width:100%; height:30px; line-height:30px; overflow:hidden; position:absolute; top:0; left:0; text-align:left; padding:0 10px; background:url(../Images/NewLayout/Icon_SlideMenuButton_Down_o.png) right center no-repeat; background-size:30px 30px;}
.OT_menu.open:before { background:url(../Images/NewLayout/Icon_SlideMenuButton_Up_o.png) right center no-repeat; background-size:30px 30px;}
.OT_menu ul { display:block; width:100%; height:auto; overflow:hidden; max-height:373px; overflow-y:auto; position:absolute; top:30px; left:0; background:#fff; border:1px solid #ccc; display:none;
/*圓角*/
border-radius:5px;}
.OT_menu ul li { display:block; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #eee;}
.OT_menu ul li:last-child { border-bottom:0;}
.OT_menu ul li a { display:block; width:100%; height:auto; overflow:hidden; line-height:30px; text-align:left; padding:0 10px; text-decoration:none;}
.OT_menu ul li a:hover,
.OT_menu ul li a:active { background:#efefef;}