/*----------------------------全域設定------------------*/
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#f1f2f6;
	background-image:url(/common/images/index_bg.gif);
	background-repeat:repeat-x;
	color:#444;
	line-height:19px;
		
}
a:link,a:visited,a:active {
	color: #0065B0;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

h1 {
	font-size:15px; font-weight:bold;
	color:#000000;
}
h2 {
	line-height:28px;
	color:#3f3f3f;
	font-size:21px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;

}
h3 {
	font-size:16px;
	font-weight:bold;
	color: #1479AF;
	font-family:Arial, Helvetica, sans-serif;
	line-height:28px;
}
p {
  margin:8px 0 15px 0;
  padding: 0;
}
img{
	border:0; vertical-align:middle
	}
input {
  color: #494949;
  padding:3px;
  border: #689ACC 1px solid 
}
.radio{
	border:0
	}
.button {
  color: #fff;
  padding:5px 8px;
  border: #689ACC 0px solid;
  background-color:#4495D0 ;
  cursor: pointer;
  border-radius: 4px;
  margin:0 3px;
}
.button_delect {
  color: #fff;
  padding:5px 8px;
  border: #689ACC 0px solid;
  background-color: #A7A7A7 ;
  cursor: pointer;
  border-radius: 4px;
  margin:0 3px;
}
.checkbox{
	
	border:0}
textarea, select {
  color: #494949;
  padding:3px;
  border: #689ACC 1px solid 
}

/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/

.header { 
    padding:0; 
	margin:0 auto; 
	background-image:url(/common/images/header_bg.gif) x-repeat;
	background-color:#21242d;
	 }
.block_header {
	margin:0 auto; 
	width:982px; 
	padding:0;
	height:92px;
	}
.header_link, a:link.header_link, a:active.header_link, a:visited.header_link { 
	font-size: 11px; line-height:17px;
	color: #558CB5;
	}
a:hover.header_link { color: #9EC8E0;}
div.weblink {
	height:28px;
	text-align:right;
	line-height:28px;
	color: #6188A9;
}

div.header_logo_banner {
	height:92px;
}

div.header_logo {
	float:left;
	height:67px;
	padding-top:25px;
}

div.userbar {
	float:right;
	color:#FFF;
	margin-top:50px;
}
div.header_newsbar {
	float:right;
	height:35px;
	margin-top:6px;
	width:544px;
	background-image:url(/common/images/header_news.gif);
	background-position:bottom;
	background-repeat:no-repeat
}
div.header_news {
	margin:15px 0 0 48px;
	}
.white_link, a:link.white_link, a:active.white_link, a:visited.white_link { 
	font-size: 12px;
	color:#ffffff;
	margin-right:13px; 
	}
a:hover.white_link { color: #8AC5E3;}
.bule_link, a:link.bule_link, a:active.bule_link, a:visited.bule_link { 
	font-size: 12px;
	color:#0065B0;
	margin-right:13px; 
	}
a:hover.bule_link { 
    color: #333333;
	text-decoration:underline
}
.red_link, a:link.red_link, a:active.red_link, a:visited.red_link { 
	font-size: 12px;
	color: #D20000;
	margin-right:13px; 
	}
a:hover.red_link { 
    color: #333333;
	text-decoration:underline
}
.language-bar, a:link.language-bar, a:active.language-bar, a:visited.language-bar { 
	padding:3px 5px;
	color:#000000;
	text-decoration:none;
	font-size:12px;
	background-color: #FFDF7D;
	margin-right:13px;
	
	}
a:hover.language-bar { 
	background-color: #CCC;
	color:ffffff
	}

/*
|--------------------------------------------------------------------------
| Navigation
|--------------------------------------------------------------------------
*/
.smartmenu, .smartmenufloaty {
    background: url(/common/images/menu_bg.gif) repeat-x;
    margin: 0px auto;
    padding: 0px auto;
    overflow: hidden;
	width:982px; 
	height:37px;
	padding-top:6px;
}

.smartmenuie6 {
    height: 43px;
}

.smartmenu a, .smartmenufloaty a {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    border-right: 1px dotted #FFF;
    padding: 0px 25px;
	letter-spacing:0.06em;
}

.smartmenu a.last {
    border: none;
}

.smartmenu a:hover {
    color: #C1F9FF;
}

.smartmenu ul, .smartmenufloaty ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.smartmenu ul li, .smartmenufloaty li {
    padding: 5px 0px 5px 0px;
    float: left;
}

.smartmenu li ul {
    display: none;
}

.smartmenufloaty {
    background: transparent;
    position: absolute;
    border: none;
    width: auto;
    height: auto;
    left: 0px;
    top: 0px;
    z-index: 1000;
}

.smartmenufloaty .tip {
    background: url(/common/images/floatytip.png) no-repeat;
    font-size: 0px; 
    height: 15px;
    width: 50px;
    margin: 0px;
    overflow: hidden;
    display: block;
}

.smartmenufloaty .tipIE6 { 
    background: url(/common/images/floatytip.gif);
}

.smartmenufloaty .padder {
    background: url(/common/images/floatybg.png);
    padding: 0px 8px; 
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

.smartmenufloaty .padderIE6 {
    background: url(/common/images/floatybg.gif);
}

.smartmenufloaty li {
    float: none ;
    border-bottom: 1px dotted #FFF;
    padding: 5px 8px;  
}
 
.smartmenufloaty li.last {
    border: none;
}

.smartmenufloaty a {
    border: none;
    padding: 0px;font-size:12px;
}

.smartmenufloaty a:hover {
    color: #222;
}


/*
|--------------------------------------------------------------------------
| Body
|--------------------------------------------------------------------------
*/
#body-wrapper {
	width:1058px;
	margin:0 auto;	
}

#body-inter {
	padding:8px;	
}
#body-wrapper #side-left {
	width:38px;
	height:450px;
	background-image:url(/common/images/index_bg_left.gif);
	background-repeat:no-repeat;	
	background-color:#f1f2f6;	
	float:left;
}
#body-wrapper #side-right {
	width:38px;
	height:450px;
	background-image:url(/common/images/index_bg_right.gif);
	background-repeat:no-repeat;	
	background-color:#f1f2f6;
	float:left;	 
}
#body-wrapper #body {
	width:980px;
	margin:0 auto;
	background:#FFF;
	padding:0;
	border-bottom:#dcdde1 1px solid;
	border-right:#dcdde1 1px solid;
	border-left:#dcdde1 1px solid;
	float:left;
}
#body-wrapper #body #banner {
	width:980px;
	height:180px;	
}
div.service{
	background-image:url(/common/images/4icon_topbg.gif); 
	height:93px; 
	background-position:top; background-repeat:no-repeat; 
	margin-top:1px;
}
div.service_line{
	background-color:#5d9bcc; 
	height:2px; 
	margin:0 1px;
}
div.service_content{
	width:230px;
	float:left;
	height:70px;
	margin:20px 7px 15px 7px;
	font-size:12px; color:#666 
}
div.service_img{
	float:left
}
.black_link, a:link.black_link, a:active.black_link, a:visited.black_link { 
	font-size: 12px;
	color:#444;
	font-weight:bold;
}
a:hover.black_link { color: #3C8BC6;}
div.newsbox {
	float:left;
	width:295px;
	margin:3px 0px 15px 15px;
	padding:6px;
	background-image:url(/common/images/news_bg.jpg);
	background-repeat:repeat-x;	
}
div.newsbox div.content{
	margin:8px 0;
	text-align:left
}
ul.newslist {
	margin:8px 0px 15px 0;
	padding:0;
	list-style:none;
}

ul.newslist li {
	background:transparent url(/common/images/icon_11.gif) repeat-x left bottom;
	margin:0 0 6px 0;
	padding-bottom:6px;
}

ul.newslist li a {
	font-weight: 100;
}

ul.newslist li span {
	color: #666;
	font-weight:bold
}

.gary, a:link.gary, a:active.gary, a:visited.gary { 
	font-size: 12px;
	color: #888;
}
a:hover.gary { color: #3382B0;}
div.newsbox div.newsbox_title1 {
	background-image:url(images/news_title1.gif);
	width:295px;
	height:31px;
}

div.newsbox div.newsbox_title1 h2 {
	float:left;
	width:60%;
	line-height:31px;
	padding-left:10px;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif
}

div.newsbox div.newsbox_title2{
	background-image:url(/common/images/news_title2.gif);
	width:295px;
	height:31px;	
}
div.newsbox div.newsbox_title2 h2 {
	float:left;
	width:60%;
	line-height:31px;
	padding-left:10px;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif
}
div.newsbox div.newsbox_title3{
	background-image:url(/common/images/news_title3.gif);
	width:295px;
	height:31px;
}
div.newsbox div.newsbox_title3 h2 {
	float:left;
	width:60%;
	line-height:31px;
	padding-left:10px;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif
}
.morelink div {
	text-align:right;
	height:11px;
	padding:10px 5px 0 0;
}
div.breadcrumb {
	height:35px;
	line-height:35px;
	font-size:12px;
	color:#555;
	margin:0 20px;
}
div.sideleft-top{
	background-image:url(/common/images/sideleft_top.gif);
	width:217px;
	height:9px;
	margin-left:10px;
}
div.sideleft {
	float:left
}
div.sideleft div.left{
	float:left;
	width:180px;
	margin-right:20px;
	margin-left:20px;
	padding:0 5px 8px 5px;
	background-color: #F5F5F5;
	border:#ddd solid 1px;
	margin-bottom:15px;
}
div.sideleft div.sideleft-bottom{
	vertical-align:bottom;
	margin-bottom:0px;
	position: fixed bottom;

}
div.sideleft div.sideleft-bottom img{
	margin:3px;		
}
.sub_left { width:180px; float:right; margin:0; padding:5px 0px 20px 0px;}
.sub_left ul { 
    list-style:none; 
	padding:5px; 
	margin:5px 0 5px 0px;
	*margin-left:0px;/*ie7*/
}
.sub_left li { 
    border-bottom:1px dotted #cecece; 
	padding:10px 15px 10px 15px;  
	margin:0;
}
.sub_left li a { font: 15px Tahoma, Geneva, sans-serif; color:#444; text-decoration:none;padding:10px 15px 10px 15px;  }
.sub_left li a:hover { color: #0076B5; text-decoration: underline; padding:5px 15px 5px 15px;  }
.sub_left li a.menu_active{ color: #ffffff; background-color:#306BAD;	padding:5px 15px 5px 15px;  }
.sub_left ul li ul { 
    list-style:none; 
	padding:5px; 
	margin:0px;
	*margin-left:0px;/*ie7*/
	height:80px;
}
.sub_left ul li ul li { 
    border-bottom:0px dotted #cecece; 
	padding:5px 0px;
	list-style-image:url(/common/images/menu-leaf.gif);
	margin-left:10px;
	color:#0E4DB6
}
.sub_left ul li ul li a { 
	color:#0E4DB6
}
div.sideright{
	float:right;
	width:715px;
	margin-right:25px;
	margin-bottom:15px;
	min-height:400px;
}
div.sideright div.banner{
	border-bottom:#ddd solid 1px;
	border-top:#ddd solid 1px;
	padding:5px 0;
	margin-bottom:20px;
}
div.research_brief{
	float:left;
	margin:0px 0px 10px 0px;
	font-size:12px;
	border-bottom: dotted #999 1px;
	padding-bottom:10px;
}
div.research_brief h2 {
	font-size:15px;
	font-weight:bold;
	font-family: Verdana,Arial,Helvetica,sans-serif
}
div.research_brief div.content{	

}
div.research_brief img{
	float:left;
	margin:0 10px 0 0
}
div.inter_brief{
	width:715px;
	float:left;
	margin:0px 0px 10px 0px;
	font-size:12px;
	padding-bottom:10px;
}
div.inter_brief div.content-left{
	float:left;
	width:465px;
	margin-right:10px;
}
div.inter_brief div.content-left h1{
	line-height:28px;
	color:#3f3f3f;
	font-size:21px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:8px; 
		
}
div.inter_brief h1{
	line-height:28px;
	color:#3f3f3f;
	font-size:21px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:8px; 
		
}
div.inter_brief div.content-left h2{
	line-height:31px;
	color: #1479AF;
	font-size:16px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	float:left
}
div.inter_brief div.event{
	border-bottom:1px dotted #bbb;
	padding:5px 0;
	text-decoration:none	
}
div.inter_brief h2{
	line-height:31px;
	color: #1479AF;
	font-size:16px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif	
}
div.inter_brief div.content-right{
	float:right;	
}
div.newsbox_inter {
	float:left;
	width:218px;
	border:#ccc dashed 1px;
	padding:6px;
	background-color: #FFFFFF
}
div.newsbox_inter div.content{
	margin:8px 0;
	text-align:left
}
div.newsbox_inter div.newsbox_inter_title1 {
	background-image:url(/common/images/news_title2.gif);
	width:218px;
	height:31px;
}

div.newsbox_inter div.newsbox_inter_title1 h2 {
	float:left;
	width:60%;
	line-height:31px;
	padding-left:10px;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif
}
.content_rss{
    margin-top:30px;
}
.content_next{
    background-color: #EDF1F3; 
    border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC; 
	padding:5px; 
	margin:10px 0px 10px 0px; 
	height:42px;
}
.content_release{
    margin-top:20px;
	color: #333;
	font-size:15px;
	text-decoration: none; 
	font-weight:bold; font-family:Verdana, Geneva, sans-serif
}
.related_left{
    float:left; width:100%; 
}
.related_right{
    float:right; width:365px; 
}
.item-list ul li{
    list-style-image:none;
    list-style-type:none;
    line-height:22px;height:22px;
    text-align:left; margin-left:10px; 
	font-size:12px;font-family:"Arial","Verdana";

}
.item-list li a{
    color:#004276;
    line-height:22px;height:22px;
    text-decoration:none;display:inline;padding:0;
}
.item-list li a:hover{
    color: #DB0000;
    line-height:22px;height:22px;
}
.item-list4 ul li{
    list-style-type:none; list-style-image:url(/common/images/menu-leaf.gif);
    line-height:24px;
    text-align:left;margin:0px; padding:0px; margin-left:20px;
}
.title_line{
    border-bottom:1px solid #C9C9C9; 
	height:5px;margin:8px 0; 
	overflow:hidden; 
} 
div.submitted, .description {
    color:#898989;
    font-size:12px; 
	margin-top:7px;
}
span.submitted, .description {
    color:#898989;
    font-size:12px;
}
.list li {
    font-size:12px;
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:left;

}
.list li a {
    color:#333;
    display:inline;
    font-size:12px;
    height:27px;
    line-height:27px;
    padding:0; text-decoration:none;
}
.list li a:hover{
    color: #077AB8;
    height:27px;
    line-height:27px; text-decoration:none;
}
.list li div.edit {
    float:right;
    font-size:12px;
    height:27px;
    line-height:27px;
    text-align:right;
}
div.item{
	height:30px
}
div.logo{
	float:right;
	display:block
}
.bg-li {
    border-bottom:1px dotted #C5C5C5;
}
.jrtt-wide {
    margin:0;
    padding:0;
    text-align:left; margin-top:0px;
}
.dx{
	color:#016BBA
}
.led{
	color: #AB1818
}
.et{
	color: #EF6D16
}
.wv{
	color: #7BB309
}
div.event_upcoming{
	background-image:url(/common/images/upcoming_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:439px;
	height:26px;
	padding-top:3px;
	margin:8px 0 0px 0px;
}
div.event_upcoming h2{
	margin-left:30px;
	color:#FFF;
	font-size:15px; 
	font-weight:bold;
	line-height:26px; margin-top:-3px
}
.event_calendar{
	background-repeat:no-repeat; 
	background-position:left top;
	background-image:url(/common/images/year_bg.gif);
	color:#000
	}
td.event_calendar h2{
	color:#000;
	margin:23px 0 0 15px;
}
.event li {
	list-style-image:url(/common/images/menu-leaf.gif);
    margin:0;
    padding:0;
	margin-left:10px;

}
.event li a {
    color:#333;
    display:inline;
    font-size:12px;
    height:20px;
    line-height:20px;
    padding:0; text-decoration:none;
}
.event li a:hover{
    color: #077AB8;
    height:20x;
    line-height:20px; text-decoration:none;
}
div.search{
	float:left;
	margin-right:15px;
    width:180px;
	height:19px;
	line-height:19px;	
	background-image:url(/common/images/search_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;}
.inpute_border3{
	border:0px solid #888;
    color: #555;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif; 
	background:none;
	padding-left:5px;
	height:19px;
	line-height:19px;
    }

.red {
    color: #DF1A1A;
    font-size: 12px;
}
.dxi_date {
    color: #A0A0A0;
    font-size: 10px;
	margin-left:8px;
}
.price_notice, a:link.price_notice, a:active.price_notice, a:visited.price_notice { 
	font-size: 11px;
	color: #666;
	line-height:16px;
	}
a:hover.price_notice { color: #3382B0;}
.sumit{
	border-top: #6FA2D5 solid 1px;
	margin:20px auto 10px;
	padding:10px  }
div.line{
	border-top: #6FA2D5 solid 1px;
	margin:5px auto;
	padding:0px  
  }
div.member{
    background-color: #E7F0F8; 
	padding:5px; 
	margin-bottom:15px; 
  }
div.untreated{
    background-color: #FCE2E2; 
	padding:5px; 
	margin-bottom:15px; 
  }
 div.history{
    background-color: #EEE; 
	padding:5px; 
	margin-bottom:15px; 
  }
/*CSS manu style pagination頁碼*/
.manu {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.manu A {
	BORDER-RIGHT: #CDCDCD 1px solid; PADDING-RIGHT: 5px; BORDER-TOP:#CDCDCD 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT:#CDCDCD 1px solid; COLOR: #026291; PADDING-TOP: 2px; BORDER-BOTTOM:#CDCDCD 1px solid; TEXT-DECORATION: none
}
.manu A:hover {
	BORDER-RIGHT:#3F92CF 1px solid; BORDER-TOP:#3F92CF 1px solid; BORDER-LEFT:#3F92CF 1px solid; COLOR: #666; BORDER-BOTTOM:#3F92CF 1px solid
}
.manu A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu .current {
	BORDER-RIGHT: #3F92CF 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #3F92CF 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT:#3F92CF 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM:#3F92CF 1px solid; BACKGROUND-COLOR: #3F92CF
}
.manu .disabled {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #999; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid
}


/*
|--------------------------------------------------------------------------
| footer
|--------------------------------------------------------------------------
*/

#footer {
	float:left;
	margin:8px auto;
	width:980px;
	height:40px;
	padding-top:15px;
	margin-left:40px;
 }
div.footer_left{
	float:left;
	
}
div.footer_right{
	float:right;
	color:#777;
}
.footer_link, a:link.footer_link, a:active.footer_link, a:visited.footer_link { 
	font-size: 12px;
	color: #266899;
	margin-right:15px; 
	}
a:hover.footer_link { color: #333;}
.checkboxesList {
	background: white;
	border: 1px solid #689ACC;
	padding: 5px;
	width: auto;
	min-width: 350px;
	max-height: 150px;
	overflow: hidden;
	overflow-y: auto;
	display: inline-block;
	margin-bottom:8px;
	float:left;
	background-color:#ffffff
	
}
.radio_list, .checkbox_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.order_step{
	color:#1297C9;
	font-size:26px;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic}
.button_mail {
  color: #333;
  padding:2px 4px;
  border: #689ACC 1px solid;
  background-color:#dde9f4 ;
  cursor: pointer;
  margin:0 3px;
}
.unbutton_mail {
  color: #999;
  padding:2px 4px;
  border: #689ACC 1px solid;
  background-color:#ffffff ;
  cursor: pointer;
  margin:0 3px;
}

div.success {
	border:solid 1px #60b901;
	background:#faffd9;
	color:#2b6c00;
	margin-bottom:10px;
	padding:5px;
	font-size:12px
}
div.error {
	border:solid 1px #dd7777;
	background:#ffcccc;
	color:#a30000;
	margin-bottom:10px;
	padding:5px;
	font-size:12px
}
