@charset "utf-8";
/* CSS Document overflow-x: hidden;*/
@import url("default.css");
/* ---------------------------------------------------------------------- */
/*	版面排制
/* ---------------------------------------------------------------------- */
body /*網頁主體*/{ font-size: 13px; color: #666; line-height: 1.6em; margin: 0px; padding: 0px; background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; }
.en body { line-height: 1em !important; font-family: Verdana, Geneva, sans-serif; }
.container { width: 985px; margin-right: auto; margin-left: auto;}

/* header */
#iheader{ position: relative; height: 455px;  }
#iheader .logo { position: absolute; top: 0px; left: -15px; background-image: url(../images/logo.png); height: 135px; width: 170px;text-indent:-9999px; z-index:2; }
#iheader .logo:hover{/*圖片半透明*/ opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}

#header{ position: relative; background:url(../images/headerbg.jpg) left top repeat-x; height:61px; }
#header .container{ position:relative;}
#header .logo { position: absolute; top: 0px; left: -15px; background-image: url(../images/logo.png); height: 135px; width: 170px;text-indent:-9999px; z-index:2;}
#header .logo:hover{/*圖片半透明*/ opacity:0.9; filter:alpha(opacity=90); cursor:pointer;}

/*語言選單*/
#iheader #navLen{ position: absolute; right: 10px; z-index: 999; top: 15px; background:url(../images/languagebg.png) left top no-repeat; width:150px; height:26px; display: block;}
#iheader #navLen li a{ text-decoration: none; padding-top:0px; color: #fff; font-size: 13px; padding-left: 20px; line-height: 26px; }
#iheader #navLen li a:hover{ color: #333; }
#iheader #navLen ul ul {display:none;}
#iheader #navLen .subMain { position: absolute; top: 30px; right: 0px; z-index: 999; width: 100%; }
#iheader #navLen .subMain li{ display: block; width: 100%; margin: 0px; padding: 0px; }
#iheader #navLen .subMain a { display: block; width: 88%; line-height: 26px; border:1px solid #4bb7da; background-color: #FFF; color: #333; margin: 0px; padding: 0 0 0 18px; }
#iheader #navLen .subMain a:hover{ color: #333; background-color: #4bb7da; }
#iheader #navLen .subMain a.active{ cursor:default;background-color: #4bb7da; color: #FFF; }
#iheader #navLen .subMain .active:hover{color: #FFF;}

#header #navLen{ position: absolute; right: 10px; z-index: 999; top: 22px; background:url(../images/languagebg01.png) left top no-repeat; width:150px; height:26px; display: block;}
#header #navLen li a{ text-decoration: none; color: #769cab; font-size: 13px; padding-left: 20px; padding-top:5px; line-height: 26px; }
#header #navLen li a:hover{ color: #333; }
#header #navLen ul ul {display:none;}
#header #navLen .subMain { position: absolute; top: 30px; right: 0px; z-index: 999; width: 100%; }
#header #navLen .subMain li{ display: block; width: 100%; margin: 0px; padding: 0px; }
#header #navLen .subMain a { display: block; text-align: center; width: 100%; line-height: 26px; border:1px solid #4bb7da; background-color: #FFF; color: #333; margin: 0px; padding: 0; }
#header #navLen .subMain a:hover{ color: #333; background-color: #4bb7da; }
#header #navLen .subMain a.active{ cursor:default;background-color: #4bb7da; color: #FFF; }
#header #navLen .subMain .active:hover{color: #FFF;}

/*選單*/
#minNav { position: absolute;right:220px;top:0; height: 60px; }
ul.minNav li { float: left; }
ul.minNav li a { width:130px; height:60px; display:inline-block;}
ul.minNav li a:hover, ul.minNav li a.active { width:130px; height:60px; display:inline-block;}
ul.minNav li.line{ background: url(../images/s_line.png) right 15px no-repeat;} 
ul.minNav li.m1 a{ background: url(../images/about01.png) center top no-repeat;}
ul.minNav li.m1 a:hover, ul.minNav li.m1 a.active{ background: url(../images/about01_hover.png) center top no-repeat;}
ul.minNav li.m1 a span{ visibility: hidden;}
ul.minNav li.m2 a{ background: url(../images/characteristic01.png) center top no-repeat;}
ul.minNav li.m2 a:hover, ul.minNav li.m2 a.active{ background: url(../images/characteristic01_hover.png) center top no-repeat;}
ul.minNav li.m2 a span{ visibility: hidden;}
ul.minNav li.m3 a{ background: url(../images/news01.png) center top no-repeat;}
ul.minNav li.m3 a:hover, ul.minNav li.m3 a.active{ background: url(../images/news01_hover.png) center top no-repeat;}
ul.minNav li.m3 a span{ visibility: hidden;}
ul.minNav li.m4 a{ background: url(../images/links01.png) center top no-repeat;}
ul.minNav li.m4 a:hover, ul.minNav li.m4 a.active{ background: url(../images/links01_hover.png) center top no-repeat;}
ul.minNav li.m4 a span{ visibility: hidden;}


/*次選單*/
#submenu{ position: absolute; top:61px; background: url(../images/subbg.png) left top repeat-x; width:100%; height:43px; z-index:1; }
#submenu .container{ position:relative;}
#submenu .prdNav { position:absolute; left:260px; top:10px;}
#submenu .prdNav01 { position:absolute; left:394px; top:10px;}

#submenu ul li { float:left; margin-right:2px; color:#fff; }
#submenu ul li a{ color:#fff; font-weight:bold;}
#submenu ul li a:hover, #submenu ul li a.select { color:#68d2f6;}




/*網頁最下方----------------------------------------------------------------------------*/
#footer {background: url(../images/footerbg.jpg) left top repeat-x;  clear: both; margin-left: auto; margin-right:auto;}
#footer .container{ height: 93px; position: relative; margin-right: auto; margin-left: auto; line-height: 1.5em;}
#footer .reserve{ background:url(../images/reserve.png) left top no-repeat; width:165px; height:73px; display:block;text-indent:-9999px; position:absolute; top:15px; left:0px;}
#footer .reserve:hover{/*圖片半透明*/ opacity:0.7; filter:alpha(opacity=70); cursor:pointer;}
#footer .footerMenu {letter-spacing: 1px; color:#007ca4; font-size:12px; position:absolute; top:48px; left:180px;}
#footer .footerMenu a { color:#007ca4; text-decoration: none; }
#footer .footerMenu a:hover { color:#007ca4; text-decoration:underline; }
#footer .tel{ background:url(../images/0424632000.png) left top no-repeat; width:211px; height:26px;text-indent:-9999px; display:block; position:absolute; top:18px; right:260px;}
#footer .cropright { position:absolute; right:0px; top:25px; color: #007ca4; font-size: 11px;}
#footer .cropright a { color: #007ca4; }
#footer .cropright a:hover {color: #007ca4; text-decoration:underline;}
#footer .designcompny {color: #2993b9;font-size: 12px; position:absolute; bottom:25px; right:0px; }
#footer .designcompny a{color: #2993b9; } 
#footer .designcompny a:hover {color: #2993b9; text-decoration:underline;}

/*主欄*/
#main{ background:url(../images/centerbg.jpg) center top repeat-y;}
#main .pageLink { text-align: left; font-size: 12px; letter-spacing: 0.8px; margin-bottom: 20px; margin-top:15px; color:#707070;}
#main .pageLink a {color: #707070; text-decoration: none;  } 
#main .pageLink a:hover {color: #707070; font-weight:bold;} 
#main .pageLink .select{color: #707070; font-weight:bold;}
#main .subTab{ position:absolute; top:-51px; left:0;}
#main .subTab li{ float:left; margin-right:1px; }
#main .subTab li p{ float:left; }
#main .subTab .left{ background:url(../images/tab0Left.png) left top no-repeat; width:15px; height:36px; display:inline-block; }
#main .subTab .bg{ background:url(../images/tab0Bg.png) left top repeat-x; height:36px; line-height:36px; color:#3093b6; width:auto;}
#main .subTab .right{ background:url(../images/tab0Right.png) left top no-repeat; width:15px; height:36px; display:inline-block; }
#main .subTab .left01{ background:url(../images/tab1Left.png) left top no-repeat; width:15px; height:36px; display:inline-block;}
#main .subTab .bg01{ background:url(../images/tab1Bg.png) left top repeat-x; height:36px; line-height:36px; color:#fff; width:auto;}
#main .subTab .bg01 a{ color:#fff; }
#main .subTab .bg01 a:hover{ color:#fff; font-weight:bold;}
#main .subTab .right01{ background:url(../images/tab1Right.png) left top no-repeat; width:15px; height:36px; display:inline-block;}

#main01{ background:url(../images/centerbg01.jpg) center top repeat-y;}
#main01 .pageLink { text-align: left; font-size: 12px; letter-spacing: 0.8px; margin-bottom: 20px; margin-top:15px; color:#707070;}
#main01 .pageLink a {color: #707070; text-decoration: none;  } 
#main01 .pageLink a:hover {color: #707070; font-weight:bold;} 
#main01 .pageLink .select{color: #707070; font-weight:bold;}
#main01 .subTab{ position:absolute; top:-51px; left:0;}
#main01 .subTab li{ float:left; margin-right:1px; }
#main01 .subTab li p{ float:left; }
#main01 .subTab .left{ background:url(../images/tab0Left.png) left top no-repeat; width:15px; height:36px; display:inline-block; }
#main01 .subTab .bg{ background:url(../images/tab0Bg.png) left top repeat-x; height:36px; line-height:36px; color:#3093b6; width:auto;}
#main01 .subTab .right{ background:url(../images/tab0Right.png) left top no-repeat; width:15px; height:36px; display:inline-block; }
#main01 .subTab .left01{ background:url(../images/tab1Left.png) left top no-repeat; width:15px; height:36px; display:inline-block;}
#main01 .subTab .bg01{ background:url(../images/tab1Bg.png) left top repeat-x; height:36px; line-height:36px; color:#fff; width:auto;}
#main01 .subTab .bg01 a{ color:#fff; }
#main01 .subTab .bg01 a:hover{ color:#fff; font-weight:bold;}
#main01 .subTab .right01{ background:url(../images/tab1Right.png) left top no-repeat; width:15px; height:36px; display:inline-block;}


/*下方四張圖*/
#showcat{ height:143px; background:url(../images/showcatBg.jpg) center top no-repeat; padding-top:20px; }
#showcat ul{ width:940px; margin-left:40px;}
#showcat .item{ display:inline; width:231px; height:115px; overflow: hidden; position: relative; color:#fff; margin-right:2px; float:left;}
#showcat .item .cap_pic{width:231px; height:115px; position:absolute; left:0px; top:0px; z-index:1;}
#showcat .item .caption{width:231px; height:115px; position: absolute; left:0; bottom:0px; display:none; z-index:3;}
#showcat .item img{border:0;position:absolute;width:231px; height:115px;}
#showcat .item .s_cap01{ width:220px; height:26px; background: url(../images/blackBg.png) repeat; font-size:15px; font-weight:bold; position:absolute; bottom:16px; left:5px; z-index:3; text-align:center; line-height:26px;}
#showcat .item .caption .s_cap_bg01{width:220px; height:86px; position:absolute; text-align:center; left:5px; top:13px; font-size:15px; font-weight:bold; background: url(../images/blackBg.png) repeat; display:block; cursor:pointer;}
#showcat .item .caption .s_cap_bg01 p{ background:url(../images/icon03.png) 190px 19px no-repeat;}
#showcat .item .caption a{ color:#fff; font-size:15px; text-align:center; line-height:86px;}
#showcat .item .caption a:hover{ color:#fff; font-size:15px; text-decoration:none; text-align:center;}




/*首页*/
/*首页形象圖*/
#slideshow { display: block; position: absolute; left: 0; top: 6px; overflow: hidden; z-index: -1; height: 448px; width: 100%; padding-bottom: 1px; border-bottom: 1px solid #47afd1; }
.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI { position: absolute;	top: 0;	left: 0;}
.bgstretcher UL, .bgstretcher UL LI {	margin: 0;	padding: 0;	list-style: none;}
.bgstretcher {	background: black;	overflow: hidden;	width: 100%;	position: fixed;	z-index: 1;	_position: absolute; /*IE6 doesn't support fixed positioning*/	top: 0;	left: 0;}
.row { position:absolute; z-index:80; top:23px; right:170px;}
#point UL { list-style: none; margin: 0; padding:0;}
#point UL LI { display: inline; margin-right: 3px; padding: 0 4px; background:url(../images/no_hover.png) left top no-repeat; }
#point UL LI.showPage { background:url(../images/hover.png) left top no-repeat; height:10px;}

#index{ background:url(../images/mainbg.jpg) left bottom repeat-x; padding-bottom:10px;}
#index .people{ width:875px; height:256px; background:url(../images/people.png) left top no-repeat; position:absolute; right:0px; top:286px;}
#index .people span{visibility:hidden;}

#iNav {width: 100%; height: 90px; z-index:0; position:relative; }
#iNav ul.iNav li { float: left; border-left:1px dotted #47afd1; }
#iNav ul.iNav li.line {border-right:1px dotted #47afd1; }
#iNav ul.iNav li a {display: block; text-decoration: none; width:122px; height: 90px; text-indent:-9999px; }
#iNav ul.iNav li a.m1{ background: url(../images/about.png) left top no-repeat;}
#iNav ul.iNav li a.m1:hover{ background: url(../images/about_hover.png) left top no-repeat;}
#iNav ul.iNav li a.m2{ background: url(../images/characteristic.png) left top no-repeat;}
#iNav ul.iNav li a.m2:hover{ background: url(../images/characteristic_hover.png) left top no-repeat;}
#iNav ul.iNav li a.m3{ background: url(../images/news.png) left top no-repeat;}
#iNav ul.iNav li a.m3:hover{ background: url(../images/news_hover.png) left top no-repeat;}
#iNav ul.iNav li a.m4{ background: url(../images/links.png) left top no-repeat;}
#iNav ul.iNav li a.m4:hover{ background: url(../images/links_hover.png) left top no-repeat;}

#newsInfo { width: 700px; float:left;}
#newsInfo .tabs{ width: 705px;}
#newsInfo ul, #newsInfo li { list-style: none; margin: 0; padding: 0; }
#newsInfo .tabs li { text-align:center; line-height:32px; color:#fff; float: left; margin: 0 3px -1px 0px; width:173px; background: url(../images/tabbg.png) left top no-repeat; height: 32px; cursor: pointer; border-radius: 5px 5px 0 0; }
#newsInfo .tabs li.active { background: url(../images/tabbg_hover.png) left top no-repeat; padding-bottom: 1px; text-shadow: -0.1em -0.1em #115f79}
#newsInfo .tabs li.hover{ background: url(../images/tabbg_hover.png) left top no-repeat;}
#newsInfo .tab_container { clear: both; overflow: hidden; border-top:none; margin-bottom:64px; }
#newsInfo .tab_container ul { position: relative; height:205px; overflow: hidden;}
#newsInfo .tab_container .tab_content{ border:1px solid #15a9da; border-top:none; }
#newsInfo .tab_container .tab_content li { position: absolute; width: 698px; height: 100%;}
#newsInfo .date{ background:url(../images/datebg.jpg) left top no-repeat; height:51px;color:#767676; text-shadow: -0.1em -0.1em #fff; font-weight:bold; border-bottom:1px solid #15a9da;}
#newsInfo .date .line{ background:url(../images/date_line.jpg) right center no-repeat;}
#newsInfo .date td{ padding-left:20px; padding-right:20px;}
#newsInfo .date .time{ padding-left:10px; padding-right:10px;}
#newsInfo .formtable{border-bottom:1px solid #15a9da; color:#666; line-height:1.7em; border-left:1px solid #15a9da;}
#newsInfo .formtable td{ padding-top:5px; padding-bottom:5px;}
#newsInfo .formtable .line{ border-right:1px solid #15a9da;}
#newsInfo .formtable .am{ padding:0; margin:0; text-align:center; background:url(../images/ambg.jpg) left top no-repeat; color:#fff; text-shadow: -0.1em -0.1em #21829c; }
#newsInfo .formtable .pm{ padding:0; margin:0; text-align:center; background:url(../images/pmbg.jpg) left top no-repeat; color:#fff; text-shadow: -0.1em -0.1em #1953c3;}
#newsInfo h1{ font-size:15px; color:#0f9de1; margin-bottom:3px; margin-top:15px; padding-left:15px; padding-right:15px;}
#newsInfo h2{ font-size:13px; color:#333; margin-bottom:3px; padding-left:15px; padding-right:15px; margin-top:15px;}
#newsInfo p{ padding-left:15px; padding-right:15px;}


#aboutInfo{ width:272px; height:246px; background: url(../images/aboutbg.png) left top no-repeat; display:block; float:right; margin-right:13px;}
#aboutInfo h1{ background:url(../images/about_tit.jpg) left top no-repeat; width:283px; height:33px; display:block;text-indent:-9999px; margin-left:14px; margin-top:5px;}
#aboutInfo .pic{ width:212px; height:112px; background:url(../images/aboutPic.jpg) left top no-repeat; margin-left:28px; margin-top:15px; margin-bottom:18px; text-indent:-9999px; display:block;}
#aboutInfo .text{ font-size:12px; color:#333; line-height:1.5em; height:40px; overflow:hidden; margin-left:20px; margin-right:20px;}



/*关于我们*/
#about{ padding-bottom:20px;}
#about .container{ position:relative; line-height:1.8em;}
#about .banner{ background:url(../images/aboutBg.jpg) center top repeat-x; height:228px; width:100%;}
#about h1{background:url(../images/aboutTitle.jpg) 2px top no-repeat; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:20px;text-indent:-9999px;}
#about h2{ font-size:15px; font-weight:bold; color:#009ed8; margin-bottom:5px;}

#about02 .container{ position:relative; line-height:1.8em;}
#about02 .banner{ background:url(../images/aboutBg.jpg) center top repeat-x; height:228px; width:100%;}
#about02 h1{background:url(../images/aboutTitle.jpg) 2px top no-repeat; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:20px;text-indent:-9999px;}
#about02 h2{ font-size:15px; font-weight:bold; color:#009ed8; margin-bottom:5px;}
#about02 .tab{ border-top:1px solid #ddd; padding-top:15px;}
#about02 #vtab { height: 100%;}
#about02 #vtab > ul { float: left; padding-top:33px; background:url(../images/sidebarBg.jpg) left top no-repeat; padding-right:15px; padding-bottom:20px; display:block; height:470px; width:190px; text-align: left; position: relative;}
#about02 #vtab > ul > li { cursor:pointer; display: block; text-align: right; position: relative; border-bottom: 1px dotted #bbb; padding-right:10px; padding-bottom:6px; margin-bottom:6px;}
#about02 #vtab > ul > li.selected { z-index: 10;position: relative; color:#009ed8; font-weight:bold;}
#about02 #vtab > div { width:760px; float:right; min-height: 500px; position: relative; z-index: 9;}
#about02 #vtab > div > h3 { color: #009ed8; font-size: 15px; margin-top:10px;}
#about02 #vtab > div > h3 .f12{ font-size:12px; font-weight:normal;}


#about02 .pre_wrap { background: #f9f9f9; padding: 5px 5px 5px 14px; margin-bottom: 33px; margin-top: 32px; }
#about02 .pre_wrap span.label { color: #999; font-size: 12px; font-style: italic; display: block; padding-left: 5px; padding-top: 5px; }
#about02 .syntaxhighlighter { font-size: 12px; }
#about02 .slides_wrap { position: relative;}
#about02 .slides { overflow: hidden;}
#about02 .slides li { background:url(../images/picBg.jpg) left top no-repeat; width:760px; height:500px; padding-top:5px; padding-left:7px; margin-top:10px; padding-bottom:50px; }
#about02 .slides li img {  width:720px; height:480px;}
#about02 .slides_wrap .prev {display:block; width:32px; height:32px; position:absolute; right:70px; top:-30px; z-index:1000;}
#about02 .slides_wrap .next { display:block; width:32px; height:32px; position:absolute; right:33px; top:-30px; z-index:1000; }
#about02 .slides_wrap a:active { top:-30px;}





/*医疗特色*/
#team .container{ position:relative; line-height:1.8em;}
#team .banner{ background:url(../images/characteristicBg.jpg) center top repeat-x; height:228px; width:100%;}
#team h1{background:url(../images/teamTitle.png) center 10px no-repeat; padding-bottom:30px; border-top:1px solid #ddd;text-indent:-9999px;}
#team .doctor{ width:304px; float:left; margin-right:24px}
#team .doctor img{ width:285px; height:265px; padding-right: 20px; border-right:1px dotted #a4a4a4;}
#team .doctor img:hover{/*圖片半透明*/opacity:0.7; filter:alpha(opacity=70); cursor:pointer;}
#team .doctor .pic{ width:285px; height:265px; border:none;}
#team .doctor h2{ color:#039ad0; font-size:15px; padding-top:20px; padding-bottom:10px; text-align:center;}
#team .doctor h2 .dr{ font-size:13px;}
#team .doctor .drIcon{ padding-bottom:20px;}
#team .doctor .drIcon li{ background:url(../images/icon.png) left 4px no-repeat; padding-left:25px; margin-bottom:2px;}


#team02 .container{ position:relative; line-height:1.8em;}
#team02 .banner{ background:url(../images/characteristicBg.jpg) center top repeat-x; height:228px; width:100%;}
#team02 h1{background:url(../images/teamTitle02.jpg) center 10px no-repeat; width:916px; height:420px; padding-left:35px; padding-right:35px; border-top:1px solid #ddd;text-indent:-9999px; margin-left:auto; margin-right:auto; margin-bottom:15px;}
#team02　ul{ overflow:hidden; position:relative;}
#team02 .division{ float:left; width:290px; height:200px; margin-bottom:20px; padding-right:19px; padding-left:18px;}
#team02 .division a{ text-decoration:underline; color: #666;}
#team02 .division a:hover{ text-decoration:none;}
#team02 .division h2{ width:290px; height:30px; text-align:center; line-height:30px; color:#039ad0; font-size:15px; margin-bottom:15px; background:#f2eee3;border-radius:6px; -moz-border-radius:6px; /* Firefox 3.6 and earlier */}
#team02 .pic{ position:absolute; width:575px; height:222px; display:block; right:0px; bottom:0px;text-indent:-9999px; background:url(../images/division_bg.jpg) left bottom no-repeat;}


#device .container{ position:relative; line-height:1.8em;}
#device .banner{ background:url(../images/characteristicBg.jpg) center top repeat-x; height:228px; width:100%;}
#device .pic{ float:left; margin-right:20px; width:178px; height:83px; display:block; background:url(../images/TrueBeamLogo.jpg) left top no-repeat;text-indent:-9999px;}
#device h1{background:url(../images/deviceTitle.png) 2px 2px no-repeat; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:20px;text-indent:-9999px;}
#device h2{ font-size:15px; color:#5cac36; margin-bottom:2px;}	
#device .photo{ clear:both; width:910px; margin-left:auto; margin-right:auto; padding-top:20px; position:relative;}
#device .zoompic{ width:910px; height:605px;background:url(images/loading.gif) no-repeat 50% 50%;}
#device .zoompic img{ width:910px; height:605px;}
#device .sliderbox{height:72px;overflow:hidden;margin:6px 0 0 0; position:absolute; bottom:0px; left:0px;}
#device .sliderbox .arrow-btn{width:50px;height:72px;cursor:pointer; display:block;text-indent:-9999px;}
#device .sliderbox #btn-left{float:left; background:url(../images/btnLeft.png) left top no-repeat;}
#device .sliderbox #btn-left.dasabled{background-position:0 -72px;}
#device .sliderbox #btn-right{float:right; background:url(../images/btnRight.png) left top no-repeat;}
#device .sliderbox #btn-right.dasabled{background-position:0px -72px;}
#device .sliderbox .slider{ padding-top:10px; background:url(../images/blackBg01.png) left top repeat;float:left;height:72px;width:810px;position:relative;overflow:hidden; display:inline;}
#device .sliderbox .slider ul{position:absolute;left:0;width:999em;}
#device .sliderbox .slider li{float:left;width:90px;/*設定只能設定li的寬度,不能用margin或padding去調左右空格,不然會有問題*/text-align:center;}
#device .sliderbox .slider li img{ width:75px; height:50px; }
#device .sliderbox .slider li.current img{border:solid 1px #3366cc;}
#device .true{ width:910px; overflow:hidden; padding-top:210px; background:url(../images/TrueBeamBg.jpg) left top no-repeat; padding-left:6px; padding-right:20px; margin-left:auto; margin-right:auto;}
#device .true ul .point{ width:267px; height:570px; float:left; background:url(../images/emphasisBg.jpg) left top no-repeat; position: relative; padding-left:15px; padding-right:15px; margin-bottom:30px; margin-left:5px; line-height:1.7em;}
#device .true ul .point .fast{ width:61px; height:61px; background:url(../images/fast.png) left top no-repeat; position:absolute; top:-21px; left:45px;}
#device .true ul .point .fast span{visibility:hidden; }
#device .true ul .point .per{ width:180px; height:175px; background:url(../images/fastPic.png) left top no-repeat; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:10px;}
#device .true ul .point .per span{visibility:hidden; }
#device .true ul .point h3{ background:url(../images/icon01.png) left 3px no-repeat; padding-left:20px; font-size:15px; color:#0192c7; border-bottom:1px dotted #a1a1a1; padding-bottom:5px; margin-bottom:5px;}
#device .true ul .point .ruthless{ width:61px; height:61px; background:url(../images/ruthless.png) left top no-repeat; position:absolute; top:-21px; left:45px;}
#device .true ul .point .ruthless span{visibility:hidden; }
#device .true ul .point .per02{ width:180px; height:175px; background:url(../images/ruthlessPic.png) left top no-repeat; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:10px;}
#device .true ul .point .per02 span{visibility:hidden; }
#device .true ul .point .standard{ width:61px; height:61px; background:url(../images/standard.png) left top no-repeat; position:absolute; top:-21px; left:45px;}
#device .true ul .point .standard span{visibility:hidden; }
#device .true ul .point .per03{ width:180px; height:175px; background:url(../images/standardPic.png) left top no-repeat; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:10px;}
#device .true ul .point .per03 span{visibility:hidden; }
#device .true ul .point .text{ background:#e9f7fc; font-size:12px; padding:3px; color:#006488; margin-top:10px;}


#device01 .container{ position:relative; line-height:1.8em;}
#device01 .banner{ background:url(../images/characteristicBg.jpg) center top repeat-x; height:228px; width:100%;}
#device01 h1{background:url(../images/RapidArcTitle.png) 2px 2px no-repeat; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:20px;text-indent:-9999px;}
#device01 h2{ font-size:15px; color:#5cac36; margin-bottom:2px;}	
#device01 .photo{ clear:both; width:910px; margin-left:auto; margin-right:auto; padding-top:20px; position:relative;}
#device01 .zoompic{ width:910px; height:605px;background:url(images/loading.gif) no-repeat 50% 50%;}
#device01 .zoompic img{ width:910px; height:605px;}
#device01 .sliderbox{height:72px;overflow:hidden;margin:6px 0 0 0; position:absolute; bottom:0px; left:0px;}
#device01 .sliderbox .arrow-btn{width:50px;height:72px;cursor:pointer; display:block;text-indent:-9999px;}
#device01 .sliderbox #btn-left{float:left; background:url(../images/btnLeft.png) left top no-repeat;}
#device01 .sliderbox #btn-left.dasabled{background-position:0 -72px;}
#device01 .sliderbox #btn-right{float:right; background:url(../images/btnRight.png) left top no-repeat;}
#device01 .sliderbox #btn-right.dasabled{background-position:0px -72px;}
#device01 .sliderbox .slider{ padding-top:10px; background:url(../images/blackBg01.png) left top repeat;float:left;height:72px;width:810px;position:relative;overflow:hidden; display:inline;}
#device01 .sliderbox .slider ul{position:absolute;left:0;width:999em;}
#device01 .sliderbox .slider li{float:left;width:90px;/*設定只能設定li的寬度,不能用margin或padding去調左右空格,不然會有問題*/text-align:center;}
#device01 .sliderbox .slider li img{ width:75px; height:50px; }
#device01 .sliderbox .slider li.current img{border:solid 1px #3366cc;}
#device01 #rapid{ width:910px; overflow:hidden; padding-top:280px; background:url(../images/division_bg02.jpg) left top no-repeat; padding-left:6px; padding-right:20px; margin-left:auto; margin-right:auto;}
#device01 #rapid h3{ margin-bottom:15px; background:url(../images/RapidArcBg.jpg) left top no-repeat; color:#fff; width:205px; padding-left:10px; height:30px; line-height:30px; margin-left:-10px; font-size:15px; text-shadow: -0.1em -0.1em  #22b0e6;}
#device01 #rapid ul{ overflow:hidden;}
#device01 #rapid ul li{ margin-bottom:30px; width:151px; height:265px; border-right:1px dotted #a4a4a4; padding-left:15px; padding-right:15px; float:left;}
#device01 #rapid h4{ color:#009ed8; font-size:15px; font-weight:bold; text-align:center;}
#device01 #rapid02{ width:910px; margin-bottom:20px; float:left; margin-left:30px; margin-right:auto; background:#e4e4e4; padding:20px 5px; position:relative;}
#device01 #rapid02 h3{ position:absolute; left:-10px; top:-15px;background:url(../images/RapidArcBg.jpg) left top no-repeat; color:#fff; width:205px; padding-left:10px; height:30px; line-height:30px; font-size:15px; text-shadow: -0.1em -0.1em  #22b0e6;}
#device01 #rapid02 h4{ background:url(../images/icon02.jpg) left 3px no-repeat; padding-left:15px; margin-top:10px; margin-left:5px; margin-bottom:20px;}
#device01 #rapid02 ul li{ height:215px; width:274px; background:#fff; float:left; padding:10px 8px; margin-left:10px;border-radius:5px; -moz-border-radius:5px; /* Firefox 3.6 and earlier */}
#device01 #rapid02 ul li .title{ border-bottom:1px dotted #a4a4a4; padding-bottom:6px; margin-bottom:6px; color:#029fd9;}
#device01 #rapid02 ul li .title img{ margin-right:10px; float:left;}



/*新闻专区*/
#news .container{ position:relative; line-height:1.8em;}
#news .banner{ background:url(../images/newsBg.jpg) center top repeat-x; height:228px; width:100%;}
#news .page{display: none; z-index:10; position: absolute; background:url(../images/pageBg.png) left top no-repeat; width:60px; height:120px; display:block;}
#news .page .prevBtn{ margin-left:auto; margin-bottom:5px; margin-right:auto; display:block; margin-top:15px; background:url(../images/prev.png) left top no-repeat; width:32px; height:32px;text-indent:-9999px;}
#news .page .nextBtn{ margin-left:auto; margin-right:auto; margin-bottom:5px; display:block; margin-top:5px; background:url(../images/next.jpg) left top no-repeat; width:32px; height:32px;text-indent:-9999px;}
#news .page .pages{ font-size:11px; color:#004b67; text-align:center;}
#news .list{ border-top:1px solid #ddd; padding-top:20px; padding-bottom:20px; cursor:pointer;}
#news .list li{ padding-right:10px; border:1px solid #ddd; background:#fff url(../images/listBg.jpg) right bottom no-repeat; width:910px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
#news .list li:hover{ border:1px solid #0187c7;}
#news .list li img{ width:235px; height:160px; float:left; margin-right:25px;}
#news .list li h2{ font-size:15px; color:#009ed8; padding-top:20px;}
#news .list li h2 a{ color:#009ed8;}
#news .list li h2 a:hover{ color:#009ed8; text-decoration:underline;}
#news .list li .date{ color:#a8a8a8;}
#news .list li .text{ height:74px; overflow:hidden; padding-bottom:20px;}
#news .list li a,#news .list li a:hover{ color:#666;}


#news02 .container{ position:relative; line-height:1.8em;}
#news02 .banner{ background:url(../images/newsBg.jpg) center top repeat-x; height:228px; width:100%;}
#news02 h2{ font-size:15px; color:#009ed8; border-top:1px solid #ddd; padding-top:20px; padding-bottom:3px;}
#news02 .date{ color:#a8a8a8; padding-bottom:3px;}
#news02 .other li{ width:240px; margin-right:80px; border:1px solid #d2d2d2; float:left; margin-bottom:20px; margin-top:10px;}
#news02 .other li:hover{border:1px solid #19a8dc; cursor:pointer;}
#news02 .other li:hover a{color:#009ed8; font-weight:bold;}
#news02 .other li a{ color:#666;}
#news02 .other li a:hover{color:#009ed8;}
#news02 .other li img{ width:240px; height:160px; margin-bottom:5px;}
#news02 .other li .title{ padding-left:10px; padding-right:10px; padding-bottom:15px;}
#news02 .other li .tDate{ color:#a8a8a8; font-weight:normal;}
#news02 .page{display: none; z-index:10; position: absolute; background:url(../images/pageBg.png) left top no-repeat; width:60px; height:120px; display:block;}
#news02 .page .backBtn{ margin-left:auto; margin-right:auto; margin-bottom:5px; display:block; margin-top:10px; background:url(../images/back.jpg) left top no-repeat; width:32px; height:32px;text-indent:-9999px;}
#news02 .page a.backText{ font-size:12px; color:#666; text-align:center; width:13px; display:block; padding-top:5px; margin-left:auto; margin-right:auto; line-height:1.2em;}
#news02 .page a.backTex:hovert { color:#009ed8;}


/*友站连结*/
#link .container{ position:relative; line-height:1.8em;}
#link .banner{ background:url(../images/linkBg.jpg) center top repeat-x; height:228px; width:100%;}
#link .linkBg{ border-top:1px solid #ddd; padding-top:20px; padding-bottom:20px; cursor:pointer;}
#link .linkBg li{ width:250px; margin-right:70px; border:1px solid #e0e0e0; float:left; margin-bottom:40px;}
#link .linkBg li:hover{ border:1px solid #19a8dc; color:#F00}
#link .linkBg li:hover a.text{ color:#F00}
#link .linkBg li .pic{ background:url(../images/linkNOPic.jpg) left top no-repeat; width:250px; height:115px; display:block;}
#link .linkBg li img{ width:250px; height:115px; }
#link .linkBg li a.text{ font-size:15px; font-weight:bold; color:#fff; background:#3ec1eb url(../images/link_bg.jpg) left top no-repeat; width:220px; padding:25px 15px; padding-top:25px; padding-bottom:25px; display:block;}
#link .linkBg li a.text:hover{ color:#F00}
#link .linkBg li a.text .web{ font-size:12px; font-weight: normal;}



/*门诊时间表*/
#time .container{ position:relative; line-height:1.8em;}
#time .timePic{ position: absolute; right:-105px; top:0; background:url(../images/timePic.png) left top no-repeat; width:194px; height:142px;}
#time .banner{ background:url(../images/timeBg.jpg) center top repeat-x; height:228px; width:100%;}
#time h1{background:url(../images/timeTitle.png) center 20px no-repeat; padding-top:20px; padding-bottom:20px; border-top:1px solid #ddd;text-indent:-9999px; z-index:2;}
#time .timeTable{ overflow:hidden; background:url(../images/time_bg.png) left top no-repeat; width:904px; padding-bottom:15px; margin-bottom:20px; padding-left:38px; padding-right:38px;}
#time .timeTable .timeHeader{ background: url(../images/timeHeader.jpg) left top repeat-x; width:899px; height:44px; line-height:44px; border-bottom:1px dotted #c1c1c1;}
#time .timeTable .timeHeader li{ float:left; color:#767676; font-weight:bold; width:149px; background:url(../images/timeLine.jpg) right top no-repeat; text-align:center;}
#time .timeTable .timeTd01 li{ float:left; text-align:center; padding-bottom:15px; padding-top:8px; height:65px; color:#767676; margin-top:10px; background:#d1eef8; width:140px; margin-right:10px; border-radius:8px; -moz-border-radius:8px; /* Firefox 3.6 and earlier */}
#time .timeTable .timeTd01 li.am{ font-weight:bold; line-height: 65px;}
#time .timeTable .timeTd02 li{ float:left; text-align:center; padding-bottom:15px; padding-top:8px; height:65px; color:#767676; margin-top:10px; background:#f2eee3; width:140px; margin-right:10px; border-radius:8px; -moz-border-radius:8px; /* Firefox 3.6 and earlier */}
#time .timeTable .timeTd02 li.pm{ font-weight:bold; line-height: 65px;}



/*适应症*/
#indications .container{ position:relative; line-height:1.8em;}
#indications .pic{ position: absolute; right:0px; bottom:0px; background:url(../images/indicationsPic02.png) left top no-repeat; width:336px; height:376px;}
#indications .banner{ background:url(../images/timeBg.jpg) center top repeat-x; height:228px; width:100%;}
#indications h1{background:url(../images/indicationsTitle.png) left 20px no-repeat; padding-top:20px; padding-bottom:10px; border-top:1px solid #ddd;text-indent:-9999px;}
#indications h2{ font-size:15px; font-weight:bold; color:#0f9de1; margin-bottom:3px;}



/*放射线治疗注意事项*/
#precautions .container{ position:relative; line-height:1.8em;}
#precautions .banner{ background:url(../images/timeBg.jpg) center top repeat-x; height:228px; width:100%;}
#precautions h1{ font-size:15px; font-weight:bold; color:#0f9de1; margin-bottom:3px;}
#precautions .pic{ position:absolute; bottom:0px; left:-15px; background:url(../images/precautionsPic02.png) left top no-repeat; width:294px; height:240px; z-index:2;}
#precautions .blocks{ position:absolute; top:64px; left:228px; background:url(../images/blocks.jpg) left top no-repeat; width:7px; height:32px;}
#precautions #tab{ padding-top:20px; border-top:1px solid #ddd; margin-bottom:40px;}
/* tab */
#precautions ul.tabs { width: 200px; height:680px; display:inline-block; background: #fff; }
#precautions ul.tabs li { float: left; overflow: hidden; position: relative; margin-bottom:10px; margin-right:25px; margin-left:25px; font-size:15px; font-weight:bold; }
#precautions ul.tabs li a { color:#fff; text-shadow: 0px 0px 9px #000; background:url(../images/tabbtn.png) left top no-repeat; width:150px; padding-bottom:20px; padding-top:20px; height:102px; display:block;overflow:hidden;text-align:center;cursor:pointer; }
#precautions ul.tabs li a:hover { color:#fff;  background:url(../images/tabbtn_hover.png) left top no-repeat; width:150px; height:102px; display:block; }
#precautions ul.tabs li.active  { background:url(../images/tabbtn_hover.png) left top no-repeat; width:150px; height:142px; display:block;}
#precautions ul.tabs li.active a { background:url(../images/tabbtn_hover.png) left top no-repeat; width:150px; height:142px; display:block}
#precautions ul.tabs li a h2{ text-shadow: -2px -1px 0px #9c9c9c;p.demoIE{　filter:progid:DXImageTransform.Microsoft.Shadow(color='#9c9c9c', Direction=120, Strength=3);
} font-family:Myriad Pro, Helvetica, sans-serif; font-size:31px; font-weight:bold; margin-bottom:8px;}
#precautions ul.tabs li a:hover h2{ text-shadow: -2px -1px 0px #2398bb; font-family:Myriad Pro, Helvetica, sans-serif; font-size:31px; font-weight:bold; margin-bottom:8px;}
#precautions ul.tabs li.active h2{ text-shadow: -2px -1px 0px #2398bb; font-family:Myriad Pro, Helvetica, sans-serif; font-size:31px; font-weight:bold; margin-bottom:8px;}
#precautions div.tab_container { position:relative; float:right; width:745px;min-height:680px;_height:680px; padding-left:30px; margin-bottom:15px; padding-bottom:10px; background:url(../images/tabLine.png) left top repeat-y; }
#precautions div.tab_container .tab_content { padding: 5px 5px 5px 10px; }
#precautions div.tab_container h3{ font-size:13px; color:#333; margin-bottom:3px;}
#precautions .tab_content .list li{ background:url(../images/icon02.png) left 9px no-repeat; padding-left:15px; margin-bottom:4px;}
/* accordion */
#precautions .loading { display: none;}
#precautions .accordion {width: 99%; margin-top:10px;}
#precautions .accordion li h2 a { background:#666; background:#27aedb url(../images/acc.jpg) right top no-repeat; height:32px; color:#fff; display:block; font-style:normal; margin:0; padding:5px 10px;}
#precautions .accordion li.active h2 a { background:#369; background:#27aedb url(../images/accHover.jpg) right top no-repeat;}
#precautions .accordion li.locked h2 a {background:#369; background:#27aedb url(../images/accHover.jpg) right top no-repeat;}
#precautions .accordion li h2{ margin-bottom:1px; line-height:32px; font-size:15px;}
#precautions .accordion .panel{padding:10px; margin-bottom:1px; border-bottom:1px solid #b9b29e; background:#f2eee3;}



/*卫教文章*/
#article .container{ position:relative; line-height:1.8em;}
#article .banner{ background:url(../images/timeBg.jpg) center top repeat-x; height:228px; width:100%;}
#article h1{font-size:15px; font-weight:bold; color:#0f9de1; margin-bottom:3px; padding-top:10px; border-top:1px solid #ddd;}
#article .shadow{ background:url(../images/articleShadow.png) left top no-repeat; height:25px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
#article .table{ margin-top:10px;}
#article .table p{ display:inline-block;} 
#article .table .tr{ border-bottom:1px solid #e2e2e2; text-align:center; line-height:34px; background:url(../images/articleTable.jpg) left top repeat-x; height:34px; color:#fff; font-weight:bold;border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; /* Firefox 3.6 and earlier */}
#article .table .tr01{ border-bottom:1px solid #e2e2e2; height:30px; line-height:30px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding:8px; background:#fff url(../images/trBg.jpg) left bottom repeat-x;}
#article .table .tr01:hover{ background:#caf1ff;}
#article .table .tr01:hover .icon{ font-weight:bold; color:#023dc1;}
#article .table .tr01 .icon{ width:533px; background:url(../images/icon.png) 5px 10px no-repeat; padding-left:30px; float:left;}
#article .table .tr01 a.download{ margin-left:auto; margin-right:auto; width:115px; text-align:center; line-height:30px; display:block; background: url(../images/download.png) left top no-repeat; padding-left:30px; color:#fff;}
#article .table .tr01:hover a{width:115px;  display:block; background: url(../images/download_hover.png) left top no-repeat;}








/* ---------------------------------------------------------------------- */
/*	瀏覽器
/* ---------------------------------------------------------------------- */
.ie7 #header{ z-index:5 !important; }
.ie7 #index .people{ width:49%; background:url(../images/people02.png) left top no-repeat;}
.ie7 #main .subTab{ position:absolute; top:-36px !important; left:0;}
.ie7 #main01 .subTab{ position:absolute; top:-36px !important; left:0;}
.ie7 #newsInfo .tab_container { margin-bottom:10px;  padding-bottom:10px; }
.ie7 #precautions ul.tabs { float:left; }
.ie7 #precautions div.tab_container {background:url(../images/tabLine.png) 1.3px top repeat-y; }
.ie7 #showcat ul{ margin-left:0px;}
.ie7 #article .table p{ float:left;} 
.ie7 #news .page{left:932px !important;}
.ie7 #news02 .page{left:932px !important;}
.ie7 #article .table .tr01 .icon{ width:509px;}




.ie8 #index .people{ width:49%; background:url(../images/people02.png) left top no-repeat;}
.ie8 #newsInfo .tab_container { margin-bottom:10px;  padding-bottom:10px;}
.ie8 #news .page{left:932px !important;}
.ie8 #news02 .page{left:932px !important;}
.ie8 #article .table .tr01 .icon{ width:533px;}


/* ---------------------------------------------------------------------- */
/*	手機瀏覽器
/* ---------------------------------------------------------------------- */
/* 超過解析度 481px 時讀取的樣式 */
@media only screen and (min-width: 481px) {
#index .people{ width:48% !important; background:url(../images/people02.png) left top no-repeat !important;}
#newsInfo .tab_container { margin-bottom:20px !important; }
#news .page{left:932px !important;}
#news02 .page{left:932px !important;}

}
/* 超過解析度 981px 時讀取的樣式(三星,ipad) */
@media only screen and (min-width:1281px) {
#index .people{ width:49% !important; background:url(../images/people02.png) left top no-repeat !important;}
#newsInfo .tab_container { margin-bottom:20px !important; }
#news .page{left:985px !important;}
#news02 .page{left:985px !important;}
}

/* 超過解析度 981px 時讀取的樣式(三星,ipad) */
@media only screen and (min-width:1441px) {
#index .people{  width:875px !important; background:url(../images/people.png) left top no-repeat !important;}
#newsInfo .tab_container { margin-bottom:78px !important; }
#news .page{left:985px !important;}
#news02 .page{left:985px !important;}
}