/*For index style 2009*/
#main_column{ width:650px; float:left; margin-bottom:10px;}
#sub_column{ width:310px; float:right; margin-bottom:10px;}
#mainvisual{ width:968px; height:243px; margin:10px 0}

#news{ margin-top:10px; background-color: #FFF;}
#news h2, #application h2 { background:url(../images/bg_h2.jpg) repeat-x; height:32px; line-height:27px; color:#444444; font-weight:bold; font-size:12px; padding-left:20px; position:relative;}
.more{ font-size:0.73em; text-align:right; font-weight:normal; width:100px; position:absolute; right:40px; top:2px;}
#news ul{ list-style:none; margin:10px 20px 15px; }
#news ul li{ border-bottom:#CCCCCC dashed 1px; padding:6px 0; position:relative;}
#news ul li h5 a { color:#333333;}
#news ul li h5 a:hover{ color:#FF3300; text-decoration:underline;}
.date{ font-size:9px; color:#0066CC; position:absolute; top:5px; right:15px;}

#application{ margin:24px 0; background-color: #FFF;}
#application select{ margin:15px 20px; width:260px;}

/* .lastest{ margin:15px 15px 5px; height:180px;} */
.lastest{ margin:15px 15px 5px; min-height:120px;}
.lastest ul{ list-style:none;}
.lastest ul li{  background:url(../images/bg_h3.gif) no-repeat 1px 12px; border-bottom:#CCCCCC dashed 1px; padding:6px 0; position:relative; padding-left:15px; font-size:10px; color:#666666}
.lastest ul li a{ color:#B16835; font-size:13px; line-height:21px;}
.date{ font-size:9px; color:#0066CC; position:absolute; top:5px; right:15px;}
.tabBox, #news, #application{ border:1px #888888 solid;}

/***** CSS for Shade Tabs: http://www.dynamicdrive.com/dynamicindex17/tabcontent_suppliment.htm#pm****/
#tabBox_tab{ position:relative; top:1px; height:24px; z-index:11;}
#tabBox_tab ul { margin:0; padding:0; list-style:none;} 
#tabBox_tab ul li { display:inline;}
#tabBox_tab ul li a {display:block; padding-left:6px; background:url(../images/bg_tabBox_btn.gif) left top no-repeat; line-height:24px; float:left; margin-right:1px;}
#tabBox_tab ul li a:hover { text-decoration:none; background-position:left bottom;}
#tabBox_tab ul li a span{ color:#FFFFFF; height:24px; display:block; float:left; padding-right:6px; background:url(../images/bg_tabBox_btn2.gif) right top no-repeat; line-height:24px;} 
#tabBox_tab ul li a:hover span{ color:#444444; font-weight:bold; text-decoration:none; background-position:right bottom;}
#tabBox_tab a.selected {background:url(../images/bg_tabBox_btn.gif) left bottom no-repeat;}
#tabBox_tab a.selected span{color:#444444; font-weight:bold;  text-decoration:none; background-position:right bottom;}

.tabBox{ background:url(../images/bg_tabbox.jpg) repeat-x top #FFF; padding-bottom:15px; border:1px #888888 solid;}
.tabBox dl{ float:left; margin:30px 0 5px 23px;width:100px; }
.tabBox dl dt {}
.tabBox dl dt img{width:100px; height:100px; border:#ccc 3px solid; background-color:#efefef}
.tabBox dl dd { font-size:0.8em; color:#000000;padding:3px 0 0 3px;}
.tabBox .pageBar{ margin-left:25px; clear:both; border-collapse:collapse; height:20px;}
.tabBox .pageBar a{ color:#336699; font-weight:bold;} 
.tabBox .pageBar a:hover{ color:#336699; text-decoration:none;}
/* .tabBox, .lastest{ min-height:257px;} */ /*Here 20091021*/ /*內容最小高度*/
/*.lastest{ margin:15px 15px 5px; min-height:200px;} */
/*.tabBox, .lastest{ margin:15px 15px 5px; min-height:120px;}*/
.tabBox, .lastest{ min-height:120px;}
/*.tabBox, .lastest{ min-height:220px;}  /*Here 20091021*/ /*內容最小高度*/

/*.tabcontent{ display:none; height:180px;}   */
.tabcontent{ display:none; }/*Here 20091021*/ /*內容最小高度*/
@media print {
.tabcontent {display:block !important;}
}
