/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
	margin: 0px;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #999999;
	scrollbar-shadow-color: #999999;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #999999;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-base-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EBEFF0;
	background-image: url(../images/p-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#wrapper{ width:100%; height:100%; margin:auto;}
.index{
	background-color: #D4D9DD;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#container {
	width:1002px;
	margin: auto;

}

#header{ width:980px; float:left; height:120px;}

#logo {
	width:270px;
	height: 59px;
	float: left;
	font-size: 30px;
	color: #FFFFFF;
}

#banner {
	width:960px;
	height: 50px;
	background-color: #000000;
	padding-top: 50px;
	float: left;
}

#master{
	float:left;
	width: 980px;
	background-color: #fbfbfb;
	text-align: left;
	 -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
    box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
	margin:0px 0px 0px 11px;


}

.submennu-title{ background:url(../images/left-line.jpg) no-repeat left bottom; width:210px; height: auto; margin:30px 0px 0px 20px; float:left; padding:10px 0px 15px 0px;}
.submennu-title h3{
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
.title-txt1{
	font-size:9px;
	color: #666;
}
.menu_list {
	width:180px;
	padding: 5px 0px 0px 20px;

}

.menu_head {
	cursor: pointer;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	text-align: left;
	height: auto;
	width: 155px;
	padding:10px 0px 10px 30px;
	background: url(../images/blue-dot.jpg) no-repeat 12px 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
}

.menu_head a {
	text-decoration: none;
	color: #000;

}
.menu_head a.current{
	color: #059AC5;
  }

.menu_body {
	display:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0px 10px 30px;
	clear: both;

}

.menu_color{
	color: #FC0;

}

.menu_body a{
	display:block;
	color:#666;
	text-decoration:none;
	text-align: left;
	font-size: 12px;
	background: url(../images/arrow.jpg) no-repeat left 12px;
	padding: 7px 0px 7px 10px;

}

.menu_body a:hover,a.current{

	color: #F36;

	text-decoration:none;

  }

.menu_bottom{
	width: 200px;
	padding: 10px 0px 0px 0px;
	background: url(../images/left-bottom.jpg) no-repeat left top;
	clear: both;
	height:  auto;

} 



#center{
	width: 720px;
	float: right;
	padding: 10px;

}
#center h1 {
	font-size: 24px;
	color: #000;
	text-align: left;
	width: 720px;
	float: left;
	margin: 18px 0px 10px 0px;
	font-weight: bold;
	padding:20px 0px 15px 10px;
	text-transform: uppercase;
	background-image: url(../images/investor_overview.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#main{
	width:720px;
	float: left;
	margin: auto;
	text-align: left;
}

#main p{
	font-size: 13px;
	line-height: 22px;
	color: #666;
}
#main h3{
	font-size: 18px;
	font-weight: bold;
	color: #09C;
	padding:0px 0px 15px 0px;
}
#footer {
	width:100%; background:url(../images/footer-bg2.png) repeat-x left top ; height: auto; 
 
}
#footer a:link {
	font-size: 13px;
	line-height: 1.6;
	color: #666666;
	text-decoration: none;
	letter-spacing: 2px;
}

#footer a:hover{
	line-height: 1.6;
	color: #FF9966;
	text-decoration: underline;
}

#footer a:visited {
	color: #FF9966;
	line-height: 1.6;
	text-decoration: none;
}
.friendlink{ width:1002px; margin:auto; background:url(../images/footer-bg.png) no-repeat left top; height:102px;}
.mail{ float:left; padding:45px 0px 0px 115px;}
.favorite{float:left; padding:45px 0px 0px 125px;}

#index_header {
	width:1002px;
	color: #FFFFFF;
	height: 110px;
	z-index:999;
	margin:auto;
	position: absolute;

}


#nav { width:980px; height:68px; background:#000; margin:0px  auto 0px  11px; float:left;}
.top_nav{
	float:right;
	height:40px;
	display:block;
	font-size: 12px; width:160px;
}
.top_nav a{
	color:#000000;
	background-image: url(../images/top-dot.png);
	background-repeat: no-repeat;
	background-position: left 12px; float:left; padding:10px 15px 5px 20px;
}
.top_nav a:hover,.top_nav a:visited{
	color: #B7853E;
}
.nav_menu {
	height: 68px;
	width: 710px;
	font-size: 13px;
	float:right;
	margin: 0px;
	text-align: left;	
	
}
.copy{
	float:right;
	padding:45px 20px 0px 0px;
	font-size: 12px;
	color: #666;
}

.nav_menu ul {
	list-style: none;
	margin: 0px;
	padding: 26px 0px 0px 0px;
	border: none;
	float:right;
	text-align: left; width:600px;
}
.nav_menu ul li {
	float: left;
	text-align:left;
	color:#c4cbd0;
	font-size: 15px;
}
.nav_menu ul li a {
	display: block; padding:0px 20px;color:#c4cbd0;
}

.nav_menu ul li a:hover,.nav_menu ul li a.current {
	color: #019CDC;
}


#page {
	TEXT-ALIGN: center;
	width: 600px;
	font-size: 13px;
	letter-spacing: 1px;
	float: left;
	margin: 0px;
	height: 40px;
	padding-top: 10px;
	color: #666666;
}
#page a {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none;
	font-size: 13px;
	background-image: url(../images/icon-point02.gif);
	background-repeat: no-repeat;
	background-position: right center;
	letter-spacing: 1px;
	font-weight: bold;
}
#page a:hover {
	COLOR: #0B9F9F;
}
#page a:active {
}
#page span.current {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	COLOR: #669900;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	font-size: 16px;
}
#page-focus{
	float: right;
	width: 100px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	height: 40px;
	padding-top: 10px;
}



#h1-bg{
	width: 720px;
	height: 25px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;

}


h1{
	font-size:18px;
	margin: 0px;

}

h2{
	font-size: 11px;
	font-weight: normal;
	width: 720px;
	margin: 0px;
	padding: 0px;
	
}
h2 a {
	text-decoration: none;
	color: #666;
}




.leftimg {
	float: left;
	border: none;
	margin-right: 10px;
}
.rightimg {
	float: right;
	border: none;
	clip:  rect(auto,auto,auto,auto);
	margin-left: 20px;
}
.right
	{	width:149; background:url(../images/rightbg.gif) no-repeat top; padding:10 0 0 0}
	
/* products */

.product_list{
	width: 200px;
	float: left;
	text-align: left;
	height: 280px;
	text-align:center; 
	/* Firefox, Chrome */
	line-height : 225px;
    white-space : nowrap;	
	/* IE */
	*font-size : 180px;  /* 225px * 0.8 = 180px */
	*font-family : Arial;
	margin:20px 15px 10px 15px;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
	
}
.product_pic{
	text-align: center;
	height: 240px;
	width: auto;
	padding:0px;
	
}
.product_pic img{-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
height: 240px;

	
}

.product_list_title {
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	line-height:18px;
	text-align: center;
	width:200px;
	padding:10px 0px;


}
.product_list_title a:link    {
	color: #666666;
	text-decoration: none;
	line-height: normal;
}
.product_list_title a:visited { 
    color: #666666; 
    text-decoration: none;}
.product_list_title a:hover   { 
    color: #CC0000; 
    text-decoration: underline;}
.product_list_title a:active  {
	color: #666666;
	text-decoration: none;
}

/*product-show*/
#products_show_name{
	float:left;
	width:220px;
	font-size: 17px;
	color: #000;
	line-height: 24px;
	font-weight: bold;
	margin:10px 0px 10px 0px;
}
.products_show_number #textfield {
	padding: 2px;
	border: 1px solid #CCC;
}

#products_show_data{
	float:left;
	width:230px;
	margin-left: 15px;

	}
.products_show_type{	font-size: 11px;
	color: #3DA1AC; padding:10px 0px;
}
.products_show_price{
	float:left;
	width:230px;
	font-size: 24px;
	font-weight: bold;
	color: #C00;
	padding:10px 0px;
}
.products_show_number{
	float:left;
	width:230px;
	color: #000;
	padding:10px 0px; 
}
.products_show_title{
	background-color: #eff7fd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*for ie*/
  border-radius: 5px;
	width:720px;
	height:30px;
	float:left;
	margin:5px 0px 0px 0px;
	border: 1px solid #3da1ac;
	color: #348dbc;
	font-size: 15px;
	padding:5px 0px 0px 20px;
}
.products_show_introduction{
	width:720px;
	height: auto;
	float:left;
	font-size: 12px;
	line-height: 22px;
	color: #000;
	padding:5px 0px 0px 20px;
}
#back{ float:left;}
.products_table { background:#D3E4E5;
 border:1px solid gray;
 border-collapse:collapse;
 color:#fff;
 font:normal 12px verdana, arial, helvetica, sans-serif; widows:85%; margin:20px auto;　
}

.products_table td, .products_table th { color:#363636;
 padding:.4em;
}
.products_table tr { border:1px dotted gray;
}
.products_table th, { background:#5C443A;
 color:#FFFFFF;
 padding:3px 10px 3px 10px;
 text-align:left;
 text-transform:uppercase;
}
.products_table tbody td a { color:#363636;
 text-decoration:none;
}
.products_table tbody td a:visited { color:gray;
 text-decoration:line-through;
}
.products_table tbody td a:hover { text-decoration:underline;
}
.products_table tbody th a { color:#363636;
 font-weight:normal;
 text-decoration:none;
}
.products_table tbody th a:hover { color:#363636;
}
.products_table tbody td+td+td+td a { background-image:url('bullet_blue.png');
 background-position:left center;
 background-repeat:no-repeat;
 color:#03476F;
 padding-left:15px;
}
.products_table tbody td+td+td+td a:visited { background-image:url('bullet_white.png');
 background-position:left center;
 background-repeat:no-repeat;
}
.products_table tbody th, tbody td { text-align:left;
 vertical-align:top;
}
.products_table tfoot td { background:#5C443A;
 color:#FFFFFF;
 padding-top:3px;
}
.products_table .odd { background:#fff;
}
.products_table tbody tr:hover { background:#99BCBF;
 border:1px solid #03476F;
 color:#000000;
}/* news */
.news_table {
	font-size: 12px;
	line-height: 1.2;
	height: 20px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	width: 100%;
	float: left;
}
.news_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: 20px;
	color: #333333;
	font-size: 12px;
	text-align: left;
	padding-left: 18px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 4px;
	padding-right: 8px;
}
.news_table td.title {
	background-image: url(../images/ws-news-icon.jpg);
	background-repeat: no-repeat;
	background-position: 6px center;
}
.news_table td.title a:link {
	color: #333333;
	text-decoration: none;
}
.news_table td.title a:visited {
	color: #333333;
	text-decoration: none;
}
.news_table td.title a:hover {
	color: #FF0000;
	text-decoration: none;
}
.news_table td.title a:active {
	color: #333333;
}
.news_table td.date {
	color: #996600;
	line-height: 1.2;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	padding-left: 8px;
}
.news_table  tr.altrow {
	background-color: #EEEEEA;
}
.news_show {

}
.news_show td {
	font-family: "Arial", "Helvetica", "sans-serif";
}
.news_show td.title {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: 20px;
	color: #996600;
	font-size: 20px;
	text-align: left;
	padding-left: 18px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 4px;
	padding-right: 8px;
}
.news_show td.main {
	font-family: "Arial", "Helvetica", "sans-serif";
	color: #333333;
	font-size: 12px;
	text-align: left;
	padding-left: 18px;
	padding-top: 4px;
	padding-right: 8px;
}

/* download */
.download_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #D6C9A0;
	border-left-color: #D6C9A0;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	background-color: #FFFFFF;
	color: #666666;
}
.download_table th {
	color: #FFFFFF;
	background-color: #980203;
	font-size: 12px;
	line-height: 1.2;
	height: auto;
	top: 5px;
	font-weight: bold;
	padding-top: 4px;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	border-right-color: #D6C9A0;
	border-bottom-color: #D6C9A0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	padding-bottom: 4px;
}
.download_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: auto;
	font-size: 12px;
	text-align: left;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6C9A0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6C9A0;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
}
.download_table td a:link {
	text-decoration: none;
	color: #666666;
}
.download_table td a:visited {
	color: #666666;
	text-decoration: none;
}
.download_table td a:hover {
	color: #FF0000;
	text-decoration: none;
}
.download_table td a:active {
	color: #666666;
}
.download_table  tr.altrow {
	background-color: #EAEAEA;
}
/* faq */
.faq_show {
	height: auto;
	padding-bottom: 10px;
	border: 1px solid #CCCCCC;
}
.faq_show td.title {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF9900;
	background-image: url(../images/ws-faq-icon.jpg);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding-bottom: 8px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 15px;
	font-weight: bold;
	color: #552B00;
	text-align: left;
	padding-left: 30px;
	height: auto;
	padding-top: 6px;
	width: 100%;
	background-color: #FEF3D1;
}
.faq_show td.main {
	height: auto;
	width: 100%;
	padding-left: 30px;
	color: #666666;
	text-align: left;
	font-weight: normal;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	line-height: 18px;
	padding-top: 6px;
	padding-right: 4px;
}
/* contact us */
.contact_table table {
	color: #7F7F7F;
	font: .8em/1.6em "Trebuchet MS",Verdana,sans-serif;
	border-collapse: collapse
}


.contact_table  th {
	padding:5px 10px;
	background-color: #DEE3E6;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.contact_table  td {
	padding:5px 10px;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEE3E6;
}

.contact_table tbody a {
	padding: 1px 2px;
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #E63C1E
}

.contact_table tbody a:active,tbody a:hover,tbody a:focus,tbody a:visited {
	color: #666
}

.contact_table tbody tr:hover {
	background-color: #EEE;
	color: #333
}

.contact_table tbody tr:hover a {
	background-color: #FFF
}

.contact_table tbody td+td+td+td a {
	color: #C30;
	font-weight: 700;
	border-bottom: 0
}

.contact_table tbody td+td+td+td a:active,tbody td+td+td+td a:hover,tbody td+td+td+td a:focus,tbody td+td+td+td a:visited {
	color: #E63C1E
}

.contact_table tbody td a[href="http://www.rodcast.com.br/"] {
	margin: 0 auto;
	display: block;
	width: 15px;
	height: 15px;
	background: transparent url('data:image/gif;base64,R0lGODlhDwAPAIAAACEpMf///yH5BAAAAAAALAAAAAAPAA8AAAIjjA8Qer0JmYvULUOlxXEjaEndliUeA56c97TqSD5pfJnhNxYAOw%3D%3D') no-repeat;
	text-indent: -999em;
	border-bottom: 0
}

.contact_table tbody a:visited:after {
	font-family: Verdana,sans-serif;
	content: "\00A0\221A"
}
/* inquiry */
.inquiry_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #B6B6B6;
	border-left-color: #B6B6B6;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}
.inquiry_table th {
	color: #333333;
	background-color: #cccccc;
	font-size: 12px;
	line-height: 1.2;
	height: auto;
	top: 5px;
	font-weight: bold;
	padding-top: 4px;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	border-right-color: #B6B6B6;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	padding-bottom: 4px;
}
.inquiry_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: auto;
	color: #000000;
	font-size: 12px;
	text-align: left;
	padding-left: 8px;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B6B6B6;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
}
.inquiry_table td.no {
	color: #222222;
}
.inquiry_table td.title a:link {
	color: #222222;
	text-decoration: none;
}
.inquiry_table td.title a:visited {
	color: #222222;
	text-decoration: none;
}
.inquiry_table td.title a:hover {
	color: #FF0000;
	text-decoration: none;
}
.inquiry_table td.title a:active {
	color: #222222;
}
.inquiry_table td.date {
	color: #222222;
}
.inquiry_table  tr.altrow {
	background-color: #999999;
}
/* member form */
.member_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #B6B6B6;
	border-left-color: #B6B6B6;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
}
.member_table th {
	color: #333333;
	background-color: #cccccc;
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: bold;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-right-color: #B6B6B6;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
}
.member_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: 24px;
	color: #222222;
	font-size: 12px;
	text-align: left;
	padding-left: 8px;
	background-image: url(../images/ws-bg-09.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6B6B6;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B6B6B6;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
}
.member_table tr.altrow {
	background-color: #cccccc;
}
/* member zone form */
.member_zone_table {
	font-size: 12px;
	line-height: 1.2;
	height: 24px;
	top: 5px;
	font-weight: normal;
	padding-top: 4px;
	text-align: left;
	padding-right: 8px;
	padding-left: 8px;
	border-top-color: #D6C9A0;
	border-left-color: #D6C9A0;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	background-color: #FFFFFF;
	color: #666666;
}
.member_zone_table th {
	color: #FFFFFF;
	background-color: #980203;
	font-size: 12px;
	line-height: 1.2;
	height: auto;
	top: 5px;
	font-weight: bold;
	padding-top: 4px;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	border-right-color: #D6C9A0;
	border-bottom-color: #D6C9A0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	padding-bottom: 4px;
}
.member_zone_table td {
	font-family: "Arial", "Helvetica", "sans-serif";
	height: auto;
	font-size: 12px;
	text-align: left;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6C9A0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6C9A0;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
}
.member_zone_table td a:link {
	text-decoration: none;
	color: #666666;
}
.member_zone_table td a:visited {
	color: #666666;
	text-decoration: none;
}
.member_zone_table td a:hover {
	color: #FF0000;
	text-decoration: none;
}
.member_zone_table td a:active {
	color: #666666;
}
.member_zone_table  tr.altrow {
	background-color: #EAEAEA;
}
/* login & logout */
.login_msg_error {
    font-size: 12px;
    color: #ff0000;
    text-align: center;
}
.logout {
    font-size: 12px;
    color: #ff9900;
    text-align: right;
}
.logout a:link {
    color: #ff9900;
    text-decoration: none;
}
.logout a:visited {
    color: #ff9900;
    text-decoration: none;
}
.logout a:hover {
    color: #ffcc00;
    text-decoration: none;
}
.logout a:active {
    color: #ffcc00;
    text-decoration: none;
}
.login_user {
    font-weight: bold;
    font-size: 18px;
    color: #999999;
}
.msg_getpw {
    font-size: 12px;
    color: #ff0000;
    text-align: center;
}
/* text back url */
.back
{	text-align:left}

.back_url {
	text-align: center;
	height: auto;
	width: 100%;
}
.back_url a {
	color: #333333;
	text-decoration: none;
}
.back_url a:link {
	color: #333333;
	text-decoration: none;
}
.back_url a:visited {
	color: #333333;
	text-decoration: none;
}
.back_url a:hover {
	color: #FF0000;
  text-decoration: underline;
}
.back_url a:active {
	color: #FF0000;
  text-decoration: underline;
}
/*nav*/
#sitemap{
	width: 90%;
	background-color: #EBEBEB;
	color: #333;
	margin: 5px;
	padding: 10px;
	border: 3px solid #CCC;
	height: auto;
	float: left;
}
#sitemap a{
	font-size: 11px;
	color: #666;
}
#sitemap a:hover,#sitemap a:active{
	color: #F30;
	text-decoration: underline;
}
#sitemap a:visited {
	color: #990;
}
#sitemap ul{
	width: 500px;
	text-align: left;
	list-style-type: none;
	font-size: 11px;
	color: #333;
	margin: 5px;
	padding: 4px 6 px;
}
#sitemap li{
	float: left;
	background-image: url(../images/dot2.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding: 0px 0px 0px 10px;
}
#sitemap li a{
	width: 400px;
	display: block;
	text-align: left;
	padding: 0px;
	color: #900;
}
#sitemap ul ul{
	margin: 10px;
}
#sitemap ul ul li{

}
#sitemap ul ul li a{
	width: 400px;
	display: block;
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#sitemap ul ul ul{
	margin: 10px;
	width: 400px;
	list-style-type: none;
}
#sitemap ul ul li li a{
	float: left;
	display: inline;
	width: auto;
	padding: 0px 5px 0px 0px;
	margin: 4px 6px;
	clear: both;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}
/*index*/
.index-bottom{ width:1002px; margin:auto;}
.bottom-main{ background:url(../images/bottom-bg.jpg)  repeat-x left top; width:1002px;height:288px; margin:auto;}
.bottom-box{
	width:270px;
	float:left;
	margin:20px 10px 0px 30px;
	
	text-align: left;
	background: url(../images/bottom-line.jpg) no-repeat right 10px;
}
.bottom-box2{
	width:290px;
	float:left;
	margin:20px 30px 0px 20px;
	text-align: left;
	padding:0px 40px 0px 0px;
	background: url(../images/bottom-line.jpg) no-repeat right 10px;
}
.bottom-box3{
	width:300px;
	float:left;
	margin:20px 0px 0px 10px;

	text-align: left;
	
}


.bottom-main ul {
	float: left; margin:0px; padding:0px;
}
.bottom-main ul li {
	background: url(../images/dot.jpg) no-repeat 10px 10px;
	display: block;
	font-size: 12px;
	line-height: 22px;
	padding:0px 0px 0px 25px;
	text-shadow:1px 1px 1px #CCC;
	color: #000;
	
}
.bottom-main ul li a{
	color: #000;
	text-decoration: none;
}
.bottom-main ul li a:hover{
	color: #54C2BA;
	text-decoration: none;
}

.bottom-main h2 {
	font-family: "Arial Black", Gadget, sans-serif, "微軟正黑體";
	font-size:18px;
	font-weight: bold;
	color: #003333;
	text-shadow:1px 1px 1px #C4C4C4;
	margin:0px;
	padding:5px 0px 20px 0px;
}

.bottom-main h3{
	font-size: 12px;
	font-weight: bold;
	color: #0099cc;
	text-shadow:1px 1px 1px #C5E0DF;
	padding: 0px 0px 8px 0px;
}
.bottom-main p{
	font-size: 12px;
	color: #000;
	line-height:22px;
	text-align: left;
	text-shadow:1px 1px 1px #CCC;
}

.more{
	color: #1E6665; background:url(../images/dot2.jpg) no-repeat left 5px; padding:0px 0px 0px 20px; text-align:left; float:left;
}
.more a{color: #1E6665;}
.pro-pic{
	background:url(../images/bottom-adree.png) no-repeat left -5px;
	padding:0px 0px 10px 40px;
}
/**	style used for both examples **/

.menu {
	height: 68px;
	
	float: left;
	width:  auto;
	margin:10px auto 0px 80px;
}

.menu ul {
	list-style: none;
	padding: 0px;
	margin: 0;
	float: left; text-align:center;
}

.menu ul li {
	/* width and height of the menu items */  
float: left;
	overflow: hidden;
	position: relative;
	text-align:  center;
	line-height: 45px;
	background-image: url(../images/menu-line.jpg);
	background-repeat: no-repeat;
	background-position: right 5px;
}

.menu ul li a {
	/* must be postioned relative  */ 
	position: relative;
	display: block;
	height: 45px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: capitalize;
	text-decoration: none;
	cursor: pointer; width:100px;
		}

.menu ul li a span {/* all layers will be absolute positioned */
	position: absolute;
	left: 0;width:100px;
}

.menu ul li a span.out {top: 0px;}

.menu ul li a span.over,
.menu ul li a span.bg {	/* hide */ 	top: -45px;}
.menu li.last{ background: none;}
		/** 2nd example **/
#menu2 {
	
		-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; float:left;


}
		
#menu2 ul li a {
	color: #FFF;
	text-shadow:1px 1px 2px #00051C;
}

#menu2 ul li a span.over {	background: #FFF;color: #000;text-shadow:0px 1px 1px #969696;}
.sp{ clear:both}
 #crumbs {
	margin: 0px 0px 0px 5px;
	padding:0px 10px 0px 0px;
	float: left;
	width:960px;
	border-bottom:#999 solid 1px;
	     }

#crumbs ul {
	margin: 5px 5px 0px 5px;
	float: left;
	width: auto;
}

#crumbs ul li {
	float:left;
	color:#777;
	font-size:11px;
	width: auto;
	padding: 0px 20px 5px 10px;
	display: inline;
	background-image: url(../images/crumbs.jpg);
	background-repeat: no-repeat;
	background-position: right 2px;
    }
#crumbs ul li.home{ background:url(../images/home.jpg) no-repeat left -3px; float:left; padding:0px 0px 0px 30px;}
 #crumbs ul li a {
	display:block;
	color: #666;
	text-decoration: none;
    }
#crumbs ul li a:hover , #crumbs ul li a:focus {
	color:#F90;
    }