body { font-size:15px; line-height:20px; margin:0px; font-family:"微軟正黑體","Microsoft JhengHei"; background-color:#c8d9d3; /*background:url('img/ProBg.jpg');*/ }

body a { 
    transition: 0.5s all ease; 
    -webkit-transition: 0.5s all ease; 
    -moz-transition: 0.5s all ease; 
    -o-transition: 0.5s all ease; 
    -ms-transition: 0.5s all ease; 
    text-decoration:none; 
}

.pic a { border-radius:6px; }
.pic a:hover { opacity: 0.6; overflow:hidden; }
.Small { font-size:12px;}
.Msg_Red_S { color:#ff0000; font-size:12px; }
.Msg_Blur_S { color:#0000ff; font-size:12px; }
.Msg_Gray_S { color:#666; font-size:12px; }
.Msg_Green { color:#117624; font-size:15px; }
.Msg_Key { color:#ff0000; font-weight:bold; }
.Mtitle { color:#187598; font-size:25px; }
.Mtxt { font-size:12px; color:#126816; line-height:20px; }
.NewsTitle { font-size:20px; color:#187598; text-align:center;  padding:5px; font-weight:bold; margin:10px 0; }
.d_dotted { display: block; height: 3px; background: url('img/h_dotted.gif') repeat-x center top; margin: 10px auto; width:100%;}
.Clear{ clear:both;}

#Content { width:990px; margin:0 auto; background-color:#fff; }
#Content .Main { width:98%; padding:10px; color:#666; }
#Content .SiteMap { font-size:15px; color:#666;}
#Content .SiteMap a { font-size:15px; color:#187598; text-decoration:none;}
#Content .SiteMap a:hover { font-size:15px; color:#c81b78; text-decoration:none; background-color:#fff;}

#Header { width:100%; padding:10px; }
#Header .Logo { width:339px; height:65px; display:block; background:url('img/logo.png') no-repeat; float:left; }
#Header .LeftSide { float:left; margin-left:10px; }
#Header .RightSide { float:right; margin-right:20px; text-align:right; width:450px; }
#Header .TopLink a { display:inline-block; font-size:15px; background-color:#16744b; color:#fff; padding:3px 5px; border-radius:5px; }
#Header .TopLink a:hover { background-color:#ff6a00; }
#Header .Search { display:block; margin-top:10px; text-align:right; float:right; }
#Header .Link a { float:left; margin-top:11px; margin-left:100px; border:solid 1px #666; font-size:12px; color:#666; padding:5px 10px; text-align:center; border-radius:30px; }
#Header .Link a:hover { background-color:#666; color:#fff; }
#Header .EngLink a { float:left; margin-top:11px; margin-left:5px; border:solid 1px #b72121; font-size:12px; background-color:#b72121; color:#fff; padding:5px 10px; text-align:center; border-radius:30px; }
#Header .EngLink a:hover { background-color:#df8318; color:#fff; }

/*快速連結*/
#Qlink { width:990px; padding:0; margin:0; }
#Qlink .UpFirstBtn { display:inline-block; color:#0066cc; font-size:15px; text-align:center; width:109px; margin-right:-3px; padding:10px 15px; background-color:#eee; border-left:dashed 1px #999; border-right:dashed 1px #999; border-bottom:dashed 1px #999; }
#Qlink .UpFirstBtn:hover { background-color:#00c78a; color:#fff; }
#Qlink .UpBtn { display:inline-block; color:#0066cc; font-size:15px; width:110px; text-align:center; margin-right:-3px; padding:10px 15px; background-color:#eee; border-right:dashed 1px #999; border-bottom:dashed 1px #999; }
#Qlink .UpBtn:hover { background-color:#00c78a; color:#fff; }
#Qlink .FirstDownBtn { display:inline-block; color:#0066cc; font-size:15px; width:109px; text-align:center; margin-right:-3px; padding:10px 15px; border-left:dashed 1px #999; background-color:#eee; border-right:dashed 1px #999; }
#Qlink .FirstDownBtn:hover { background-color:#00c78a; color:#fff; }
#Qlink .DownBtn { display:inline-block; color:#0066cc; font-size:15px; width:110px; text-align:center; margin-right:-3px; padding:10px 15px; background-color:#eee; border-right:dashed 1px #999; }
#Qlink .DownBtn:hover { background-color:#00c78a; color:#fff; }

/*內頁左側連結*/
#MainLeftMenu { width:100%; background-color:#fff; }
#MainLeftMenu .MenuBox { padding:5px; font-size:15px; }
#MainLeftMenu .MenuBox a { display:block; width:150px; color:#187598; padding:8px; text-decoration:none; border-bottom:solid 1px #eee;}
#MainLeftMenu .MenuBox a:hover { color:#b50d0d; background-color:#f5f5f5; border-bottom:solid 1px #b50d0d; padding-left:25px; }
#MainLeftMenu .MenuTitle { color:#4c5748; font-size:25px; padding:0 0 15px 0; }

/*內頁主要畫面*/
#MainNote { float:right; width:735px; background-color:#fff; /*min-height:400px;*/ }
#MainNote .SiteMap { font-size:15px; color:#666;}
#MainNote .SiteMap a { font-size:15px; color:#187598; text-decoration:none;}
#MainNote .SiteMap a:hover { font-size:15px; color:#9d1d78; text-decoration:none; background-color:#fff;}
#MainNote .Mtitle { color:#187598; font-size:25px; letter-spacing: 0.1em; }
#MainNote .Stitle { color:#114f09; font-size:20px; letter-spacing: 0.1em; }
#MainNote .NoteBox { color:#666; font-size:15px;  line-height:30px;}
#MainNote .NoteBox p {text-indent:2em;}
#MainNote .NoteBox img { float:left; border:solid 6px #eee; margin:0 10px 10px 0; height:auto; max-width:700px; border-radius:10px; }
#MainNote .NoteBox .pic { border:0; text-align:center; max-width:700px; height:auto; border-radius:inherit; }

/*體系連結*/
#AreaLink { width:98%; /*margin-top:10px;*/ margin:10px auto; }
#AreaLink ul { list-style:none; margin:0; padding:0; }
#AreaLink li a { display:block; border-left:solid 5px #35a49b; background-color:#3b7b76; color:#fff; padding:8px; margin-bottom:3px; }
#AreaLink li a:hover { border-left:solid 5px #b42680; background-color:#84754e; padding:8px 50px; }

/*體系事業群*/
#OtherLink { width:740px; margin-bottom:10px; }
#OtherLink a:visited { color:#187598; }
#OtherLink .Oheater { width:720px; background-color:#999; color:#fff; padding:5px; margin:0 auto; text-align:center; }
#OtherLink .Omain { width:710px; /*height:195px;*/ background-color:#eee; padding:10px; margin:0 auto; }
#OtherLink .Omain ul { list-style:none; padding:0; margin:0 auto; width:100%; }
#OtherLink .Omain li { display:inline-block; }
#OtherLink .Omain li a:link { color:#2369a3; text-decoration:none; display:block; width:220px; padding:6px; }
#OtherLink .Omain li a:hover { background-color:#999; color:#fff; border-radius:6px; }

/*體系訊息*/
#ShowNews ul { list-style:none; margin:10px 0 0 10px; padding:0; }
#ShowNews li { display:inline-block; }
#ShowNews li a { background-color:#eee; padding:10px; color:#0066cc; display:inline-block; }
#ShowNews li a { border-top-left-radius:8px; border-top-right-radius:8px; }
#ShowNews li a:hover { background-color:#1a80b0; color:#fff; }
#ShowNews .Ntitle { font-size:20px; color:#0066cc; text-align:center; }
#ShowNews .Btned { background-color:#ccc; }
#ShowNews .Btnnon { background-color:#eee; }
#ShowNews .More a { color:#0066cc; text-align:center; float:right; padding:5px 10px; margin:15px 30px 0 0; }
#ShowNews .More a:hover { color:#fff; background-color:#187598; border-radius:8px; }
#ShowNews .NewsMain { width:730px; background-color:#eee; padding:10px 0; margin-left:10px; }
#ShowNews .NewsMain a { color:#187598; }
#ShowNews .NewsMain a:hover { color:#c81894; }
.tabs {width:710px; border-collapse:collapse; border:solid 1px #ddd;background-color:#fdfdfd; margin:0 auto; }
.tabs th {font-size:15px;background-color:#e6f2fd;padding:5px;text-align:center;border:solid 1px #ddd;color:#000;}
.tabs td {font-size:15px;width:auto;padding:10px;text-align:center;border:solid 1px #ddd; color:#666; }
.tabs tr:hover {background-color:#deecdf;}
.tabs td a:link, a:visited { text-decoration:none; display:block; text-align:left; color:#187598; }
.tabs td a:hover { text-decoration:none; color:#c81894; }

/*網站地圖*/
#Sitemap { width:990px; margin:0 auto; }
#Sitemap .Sbox { padding:0 10px; }
#Sitemap .Hbtn { display:block; width:100px; background-color:#75bd29; color:#fff; padding:8px 5px; margin:10px auto; text-align:center; border-radius:20px; }
#Sitemap .Hbtn:hover { background-color:#ae1b5c; }
#Sitemap .Mtxt { display:block; width:auto; font-size:15px; background-color:#117b76; color:#fff; padding:5px; margin:5px 7px; text-align:center; border-radius:20px; }
#Sitemap .Stxt { display:block; width:auto; font-size:15px; background-color:#25bfb8; color:#fff; padding:5px; margin:5px 7px; text-align:center; border-radius:20px; }
#Sitemap .Xtxt { display:block; width:auto; font-size:15px; background-color:#56b125; color:#fff; padding:5px; margin:5px 7px; text-align:center; border-radius:20px; }
#Sitemap .Mbtn { display:inline-block; width:90px; background-color:#df9801; color:#fff; padding:5px; margin:5px 7px; text-align:center; border-radius:20px; }
#Sitemap .Mbtn:hover { background-color:#ae1b5c; }
#Sitemap .Sbtn { display:inline-block; width:auto; border:solid 1px #666; color:#666; padding:5px 10px; margin:5px auto; text-align:center; border-radius:20px; }
#Sitemap .Sbtn:hover { background-color:#666; color:#fff; }
#Sitemap .Llink { display:inline-block; width:150px; border:solid 1px #666; color:#666; padding:5px; margin:2px auto; text-align:center; border-radius:20px; }
#Sitemap .Llink:hover { background-color:#666; color:#fff; }

/*帳號登入*/
#Login { width:100%; border:dashed 1px #00c78a; border-radius:10px; background-color:#eee; color:#666; margin-bottom:10px; }
#Login .Lbox { padding:10px; text-align:center; }
#Login .Ltitle { font-size:20px; color:#187598; margin-bottom:10px; }

/*疾病Q&A*/
#QA { width:85%; margin:0 auto; }
#QA .Btn a { width:120px; display:inline-block; background-color:#fff; color:#666; border:solid 1px #666; text-align:center; padding:5px; margin:5px; border-radius:20px; }
#QA .Btn a:hover { background-color:#ff6804; color:#fff; border:solid 1px #ff6804; }

/*圓角連結*/
#CycleLink { width:80%; margin:10px auto; }
#CycleLink .Cbox { padding:10px; }
#CycleLink .CycleBtn { display:inline-block; width:150px; margin:10px 5px; padding:5px 0; border:solid 1px #1d4d88; color:#1d4d88; text-align:center; border-radius:30px; }
#CycleLink .CycleBtn:hover { background-color:#00c78a; border:solid 1px #00c78a; color:#fff; }

.GuestBookView {
    width:98%;
    margin:0 auto;
    font-size:15px;
    line-height:25px;
    padding:5px;
    margin-bottom:10px;
    background-color:#f9f8f8;
    border:1pt #e3e2e2 solid;
}

.GuestBookView .MsgTitle {
    color:#333;
}

.GuestBookView .MsgTitle2 {
    color:#bf1ad3;
}

.GuestBookView .MsgTitle3 {
    color:#0000ff;
}

.GuestBookView .MsgMain {
    color:#333;
    margin-bottom:10px;
}

.GuestBookReply {
    width:95%;
    padding:10px;
    margin:10px auto;
    background-color:#fff;
    border:1px #e3e2e2 solid;
}

/*項目條列*/
/*數字-小*/
.TxtList ul { list-style-type: decimal; margin:0; }
.TxtList li { font-size:12px; line-height:25px; }
.TxtList li.Msg { color:#ff0000; }

/*數字-大*/
.TxtList2 ul { list-style-type: decimal; margin:0; }
.TxtList2 li { font-size:15px; line-height:25px; }
.TxtList2 li.Msg { color:#ff0000; }

/*圓點*/
.TxtList1 ul { list-style-type:disc; margin:0; padding-left:20px; text-align:left; }
.TxtList1 li { font-size:15px; line-height:25px; }
.TxtList1 li.Msg { color:#ff0000; }

/*體系App下載*/
.AppLeftSpace { padding-left:20px; }
.Apple a { background:url('img/Apple.png') no-repeat; background-position:5%; }
.Apple a { display:inline-block; width:100px; padding:5px 5px 5px 30px; border:solid 1px #999; background-color:#f5f5f5; color:#00aced; border-radius:10px; }
.Apple a:hover { background-color:#00aced; border:solid 1px #00aced; color:#fff; }

.Android a { background:url('img/Android.png') no-repeat; background-position:5%; }
.Android a { display:inline-block; width:120px; padding:5px 5px 5px 40px; border:solid 1px #999; background-color:#f5f5f5; color:#06d995; border-radius:10px; }
.Android a:hover { background-color:#06d995; border:solid 1px #06d995; color:#fff; }

/*Table*/
.MapTable { width:100%; border-collapse:collapse; margin:15px auto; /*margin-bottom:20px;*/ }

.FullTable {width:100%; margin:5px auto;border-collapse:collapse; border:solid 1px #ddd;}
.FullTable th {font-size:15px;background-color:#e6f2fd;padding:5px;text-align:center;border:solid 1px #ddd;color:#166188;}
.FullTable td {font-size:15px;width:auto;padding:5px;text-align:center;border:solid 1px #ddd;}
.FullTable td:hover {background-color:#E8FFDE;}

.SiteTable {width:100%; margin:5px auto;border-collapse:collapse; border:solid 1px #ddd;}
.SiteTable th {font-size:15px;background-color:#e6f2fd;padding:5px;text-align:center;border:solid 1px #ddd;color:#166188;}
.SiteTable td {font-size:15px;width:auto;padding:5px;text-align:left;border:solid 1px #ddd;}
.SiteTable tr:hover {background-color:#E8FFDE;}

.GuestTable {width:100%; margin:5px auto;border-collapse:collapse; border:solid 1px #ddd;}
.GuestTable th {font-size:15px;background-color:#e6f2fd;padding:5px;text-align:center;border:solid 1px #ddd;color:#166188;}
.GuestTable td {font-size:15px; width:auto;padding:5px;text-align:left;border:solid 1px #ddd; background-color:#f9f9f9;}
.GuestTable td a:hover { text-decoration:underline; color:#ff0000; }

.LoanTable {width:98%; margin:0 auto;border-collapse:collapse; border:solid 1px #ddd;background-color:#fff;}
.LoanTable th {font-size:15px;background-color:#d9ebf5;padding:5px;text-align:center;border:solid 1px #ddd;color:#126c91;}
.LoanTable td {font-size:15px;width:auto;border:solid 1px #ddd; line-height:26px;text-align:center;padding:5px;}
.LoanTable td a { display:block; color:#206d8d; }
.LoanTable td a:hover { color:#ff6804; }
.LoanTable tr { padding:2px;background-color:#f6fafd;}
.LoanTable tr:hover {background-color:#d6fdec; color:#ff6804;}

.LinkTable {width:100%; margin:20px auto;border-collapse:collapse; border:solid 1px #ddd;}
.LinkTable th {font-size:15px;background-color:#e6f2fd;padding:5px;text-align:center;border:solid 1px #ddd;color:#000;}
.LinkTable tr { font-size:15px;width:auto;border:solid 1px #ddd;}
.LinkTable tr:hover { background-color:#d2fbee; }
.LinkTable td {padding:10px;text-align:left;border:solid 1px #ddd;}
.LinkTable td a:link, a:visited { color:#206d8d; display:block; }
.LinkTable td a:hover { color:#b91fa5; text-decoration:underline; }

.AppTable {width:100%; margin:10px auto;border-collapse:collapse; background-color:#fff;}
.AppTable th {font-size:15px;background-color:#d9ebf5;padding:5px;text-align:center; color:#126c91;}
.AppTable td {font-size:15px; width:auto; line-height:26px; text-align:center; padding:5px;}
.AppTable td a:link, a:visited { color:#b91fa5; }
.AppTable tr { padding:2px;background-color:#fff; border-bottom:solid 1px #ddd;}
.AppTable tr:hover {background-color:#f5f5f5; color:#666;}

.CallTable {width:100%; margin:5px auto;border-collapse:collapse; /*border:solid 1px #ddd;*/}
.CallTable th {font-size:15px;background-color:#e6f2fd;padding:5px;text-align:center;border:solid 1px #ddd;color:#166188;}
.CallTable td {font-size:15px; line-height:20px; width:auto;padding:3px;text-align:left;border:solid 1px #ddd; background-color:#fff;}
.CallTable td a:hover { text-decoration:underline; color:#ff0000; }
.CallTable td a { display:inline-block; color:#206d8d; }

.TelTable {width:100%; margin:5px auto;border-collapse:collapse; /*border:solid 1px #ddd;*/}
.TelTable th {font-size:15px;background-color:#e6f2fd;padding:5px;text-align:center;border:solid 1px #ddd;color:#166188;}
.TelTable td {font-size:15px; line-height:20px; width:auto;padding:5px;text-align:center;border:solid 1px #ddd; background-color:#fff;}
.TelTable td a:hover { text-decoration:underline; color:#ff0000; }
.TelTable td a { display:inline-block; color:#206d8d; }

.ConTable {width:80%; margin:5px auto;border-collapse:collapse; margin:0 auto; margin-top:20px;}
.ConTable th { width:100px; font-size:15px;background-color:#e6f2fd;padding:5px;text-align:center;border:solid 1px #ddd;color:#166188;}
.ConTable td {font-size:15px; line-height:20px; width:auto;padding:5px;text-align:left;border:solid 1px #ddd; background-color:#fff;}

.NewsTable { width:100%; border-collapse:collapse; border:none; margin:20px 0; }
.NewsTable tr { border-bottom:solid 1px #eee; }
.NewsTable tr:hover { background-color:#edf9fe; }
.NewsTable td { width:auto;padding:5px;text-align:center; border:none; color:#a723a9; }
.NewsTable td .txt { color:#666; }
.NewsTable td a { display:block; color:#0066cc; }
.NewsTable td a:hover { color:#ba1f9f; }

.SearchTable { width:100%; border-collapse:collapse; border:none; /*margin:10px 0;*/ }
.SearchTable tr { border-bottom:solid 1px #eee; }
.SearchTable tr:hover { background-color:#edf9fe; }
.SearchTable td { width:auto;padding:5px;text-align:center; border:none; color:#a723a9; }
.SearchTable td .txt { color:#666; }
.SearchTable td a { display:block; color:#0066cc; }
.SearchTable td a:hover { color:#ba1f9f; }

/*Footer*/
#footer { width:100%; color:#f9f9f9;background-color:#333;background:url(img/footer_bg.jpg) 0 0 repeat;-moz-box-shadow:0 0 0 #999,0 1px 0 #666 inset;-webkit-box-shadow:0 0 0 #999,0 1px 0 #666 inset;box-shadow:0 0 0 #999,0 1px 0 #666 inset;}
#footer .Fbox { width:970px; margin:0 auto; padding:10px; font-size:12px; }
#footer p {font-size:12px;margin-top:5px;color:#c2c2c2;text-decoration:none;text-shadow:1px 1px 0 #121212;}
#footer strong {color:#fff;}
#footer h6 {color:#fff;text-shadow:1px 1px 0 #121212;}
#footer hr {border-top-color:#222;border-bottom-color:#444!important;margin-top:6px;margin-bottom:10px;}
#footer hr.bottom {border-top-color:#333;border-bottom-color:#222!important;margin-top:10px!important;}
#footer .Flink { border:solid 1px #a8a8a8; padding:1px 10px; margin-right:5px; color:#a8a8a8; border-radius:20px; display:inline-block; }
#footer .Flink:hover { background-color:#ddd; color:#333; }
.bottom_line p {margin-bottom:0!important;}

/*News*/
.News_Icon { color:#7daf27; font-weight:bold; }
.News_Title { color:#000; padding-left:5px; }
.News_Line { width:100%; border-bottom:solid 1px #eee; margin:8px 0; }
.News_Main { color:#666; line-height:20px; }

/*TextBox*/
.Edit {  font-size:15px; color:#666; background-color:#fff; padding:6px; border:solid 1px #e2e4e4; border-radius:5px; font-family:"微軟正黑體","Microsoft JhengHei";}

/*DropDownList*/
.DDL { font-size:15px; color:#1c72b4; background-color:#fff; padding:5px; border:solid 1px #e2e4e4;}

/*按鈕*/
.Btn_Blue { display:inline-block; font-size:15px; background-color:#2dc9b7; color:#fff; padding:6px 10px; border:0;text-decoration:none; border-radius:5px;}
.Btn_Blue:hover { background-color:#138678; color:#fff;text-decoration:none;cursor: pointer;}
.Btn_Green { display:inline-block;  font-size:15px; background-color:#5da82b; color:#fff; padding:6px 10px; border:0; text-decoration:none; border-radius:5px;}
.Btn_Green:hover { background-color:#336511; color:#fff;text-decoration:none;cursor: pointer;}
.Btn_Yellow { display:inline-block;  font-size:15px; background-color:#c68c18; color:#fff; padding:6px 10px; border:0;text-decoration:none; border-radius:5px;}
.Btn_Yellow:hover { background-color:#c62d18; color:#fff;text-decoration:none;cursor: pointer;}
.Btn_Red { display:inline-block;  font-size:15px; background-color:#f33d2c; color:#fff; padding:6px 10px; border:0;text-decoration:none; border-radius:5px;}
.Btn_Red:hover { background-color:#84271f; color:#fff;text-decoration:none;cursor: pointer;}
.Btn_Gray { display:inline-block;  font-size:15px; background-color:#a9a9aa; color:#fff; padding:6px 10px; border:0;text-decoration:none; border-radius:5px;}
.Btn_Gray:hover { background-color:#57595c; color:#fff;text-decoration:none;cursor: pointer;}

.FB ul {list-style:none; margin:0; padding:0;}
.FB li {display:inline-block;}

/*回最上層*/
#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 0 15px;
    margin-bottom:50px;
    font-size: 20px;
    color: white;
    cursor: pointer;
    z-index:999;
}