/*Index news*/
#marqueecontainer2{
position: relative;
width: 100%; /*marquee width */
height: 150px; /*marquee height */
overflow: hidden;
margin-left:15px;
}

/*Index Agent List*/
#marqueecontainer{
position: relative;
width: 100%; /*marquee width */
height: 400px; /*marquee height */
overflow: hidden;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 00px;
	margin-bottom: 0px;
	background-image: url(images/bg.jpg);
    font-size:15px;
}
.style2 {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #21AEDE; }
.style4 {font-weight: bold;}
a:link {

	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #21AEDE;
}
a:active {
	text-decoration: none;
	color: #000000;
}

.content{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #000000;
	line-height: 20px;

}
.content2{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #1898ee;

}
.content3{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #000000;

}
.content4{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 13px;
	color: #000000;
	line-height: 20px;

}


.content_black{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #000000;
	line-height: 30px;
}

.content_red{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 14px;
	color: #f67003;
	line-height: 20px;

}
.content_red:link {
font-family: arial,Times New Roman, Times, serif;
	font-size: 14px;
	color: #f67003;
	line-height: 20px;

}

.content_red:visited {
font-family: arial,Times New Roman, Times, serif;
	font-size: 14px;
	color: #f67003;
	line-height: 20px;

}


.content_red:hover {
font-family: arial,Times New Roman, Times, serif;
	font-size: 14px;
	color: #000000;
	line-height: 20px;
		text-decoration: none;
}

.content_red:active {
font-family: arial,Times New Roman, Times, serif;
	font-size: 14px;
	color: #f67003;
	line-height: 20px;
}


.seachbox{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #838383;
	width: 120px;
	border: 1px solid #D2D2D2;

}
.seachlist{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	width: 100px;
	height: 20px;
	list-style-type: none;

}
.seachEditlist{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	width: 165px;
	height: 20px;
	list-style-type: none;

}

.input{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #000000;
	width: 130px;
	border: 1px solid #3996D6;

}

.inputbox{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	border: 1px solid #D2D2D2;

}
.inputbox2{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
	color: #f40000;
	width: 380px;
	border: 1px solid #D2D2D2;
	height: 105px;

}

.title {
	font-family: "Verdana";
	font-size: 18px;
	color: #0E6EE6;
	font-weight: bold;
}

.title2 {
	font-family: "Arial";
	font-size: 15px;
	color: #1B9FA1;
	font-weight: bold;

}


.heading1 {
	font-family: "Times New Roman", "Times", "serif";
	font-size: 15px;
	color: #333333;
	line-height: 22px;
	font-weight: bold;

}
.heading2 {
	font-family: Verdana,Times New Roman, Times, serif;
	font-size: 18px;
	color: #333333;
	line-height: 22px;
	font-weight: bold;
	text-decoration: underline;

}


.leftmenuitem {
	font-size: 13px;
	color: #276531;
	line-height:24px;
	text-decoration: none;
}



.leftmenuitem:link {
	font-size: 13px;
	color: #276531;
	line-height:24px;
	text-decoration: none;
}

.leftmenuitem:visited {
	font-size: 13px;
	color: #276531;
	line-height:24px;
	text-decoration: none;
}


.leftmenuitem:hover {
	font-size: 13px;
	color: #7FBD28;
	line-height:24px;
	text-decoration: none;
}

.leftmenuitem:active {
	font-size: 13px;
	color: #276531;
	line-height:24px;
	text-decoration: none;
}

.fooder{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #ffffff;
	line-height: 22px;

}

.fooder:link {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

.fooder:visited {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}


.fooder:hover {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

.fooder:active {
	font-family: arial,Times New Roman, Times, serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}



/*
Common
*/

td{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
}

#button{
	font-family: arial,Times New Roman, Times, serif;
	font-size: 12px;
}

.align_left{text-align:left}
.align_right{text-align:right}
.align_center{text-align:center}
.align_top{vertical-align:top}
.align_bottom{vertical-align:bottom}
.align_middle{vertical-align:middle}
.black_border{border:1px solid black}
.float_left{float:left}
.float_right{float:right}
.float_none{float:none}
.clear_both{clear:both}
.noborder{border:none}
.bold{font-weight:bold}
.no_margin{margin:0}
.more{margin:5px}

/* ListTable */
.ListTable{}
.ListTable .row_header{background:#7DBC25;color:#fff;font-weight:bold; font-size:13px;}
.ListTable .row_content_1{background:#fff; font-size:13px;}
.ListTable .row_content_2{background:#efefef; font-size:13px;}
.ListTable .row_content_3{background:#999999; font-size:13px;}
.ListTable .row_content_1 td a{color:#276531; font-size:13px;}
.ListTable .row_content_1 td a:hover{color:#276531; font-size:13px; text-decoration: underline;}
.ListTable .row_content_1:hover{background:#DFF3FA; font-size:13px;}
.ListTable .row_content_2 td a{color:#276531; font-size:13px;}
.ListTable .row_content_2 td a:hover{color:#276531; font-size:13px; text-decoration: underline;}
.ListTable .row_content_2:hover{background:#DFF3FA; font-size:13px;}
.ListTable .row_content_3 td a{color:#000000; font-size:13px;}
.ListTable .row_content_3:hover{background:#DFF3FA; font-size:13px;}
.ListTable .cancel_row{background:#999999;}
.ListTable .cancel_row td a{color:#276531; font-size:13px;}
.ListTable .cancel_row td a:hover{color:#276531; font-size:13px; text-decoration: underline;}
.ListTable .cancel_row:hover{background:#DFF3FA; font-size:13px;}
.ListTable .unpaid_row{background:#FFCCCC;}
.ListTable .unpaid_row td a{color:#276531; font-size:13px;}
.ListTable .unpaid_row td a:hover{color:#276531; font-size:13px; text-decoration: underline;}
.ListTable .unpaid_row:hover{background:#DFF3FA; font-size:13px;}


/* Paging */
.PagingWrapper{}
.PagingWrapper .Paging{margin:10px 5px 2px 0;}
.PagingWrapper .Paging span{float:left;}
.PagingWrapper .Paging span a{display:block;padding:2px 5px; margin:2px}
.PagingWrapper .Paging span a.number{border:1px solid #333333;height:16px;width:14px;}
.PagingWrapper .Paging span a.number_on{border:1px solid #FF9218;height:16px;width:14px;}
.PagingWrapper .Paging span a:hover.number{background:#fbd0d7;border:1px solid #FF9218;}
.PagingWrapper .Paging span .prev,.Paging span .next,.Paging span .info{position:relative;top:5px;}


/*
Article
*/
.Article .title{font-size:16px; color:#23ABDB; font-weight:bold;margin:0 0 5px 0;}
.Article .date{font-size:11px;color:#333;}
.Article .info span{color:#B02840;}
.Article .content{margin:10px 0;font-size:13px;color:#000000;}
.Article .content a{color:#000000;}


.date_news{font-size:12px;color:#942923;}
.title_news{font-size:12px;color:black;}
.title_news a{font-size:12px;color:black;}
.title_news a:hover{font-size:12px;color:black;text-decoration:underline}
.news_sep{color:#942923;height:1px;}


/* For drop down menu*/

.content_menu {
	font-family: "細明體", "Arial", "Helvetica";
	font-size: 13px;
	color:#143771;
	line-height: 20px;
	font-weight: bold;
	
}

.content_menu:active {
	font-family: "細明體", "Arial", "Helvetica";
	font-size: 13px;
	color:#143771;
	line-height: 20px;
	font-weight: bold;
	
}

.content_menu:hover{
	font-family: "細明體", "Arial", "Helvetica";
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color:#143771;
}

#popitmenu{
	position: absolute;
	background-color: white;
	border:1px solid black;
	font: normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	visibility: hidden;
}

#popitmenu a{
	text-decoration: none;
	padding-left: 6px;
	color: black;
	display: block;
}

#popitmenu a:hover{ /*hover background color*/
	background-color: #CCFF9D;
}

/*Calendar style*/
.calweekdayred{
	font-family:Arial, 新細明體;
	font-size:10px;
	color: #FF0000;
	background-color: #EEEEEE;
}
.calweekday{
	font-family:Arial, 新細明體;
	font-size:10px;
	color: #000000;
	background-color: #FFFFFF;

}
.calnormal{
	font-family:Arial, 新細明體;
	font-size:10px;
	color: #000000;
	background-color: #FFFFFF;

}

.CalendarTable{}
.CalendarTable .calActivity { color: #000000; background-color: #FFFFFF;}
.CalendarTable .calActivity2 { color: #000000; background-color: #C7E2ED;}
.CalendarTable .calActivity2:link { color: #000000; background-color: #C7E2ED;}
.CalendarTable .calActivity2:visited { color: #000000; background-color: #C7E2ED;}
.CalendarTable .calActivity2:hover { font-weight:bold; color: #000000; background-color: #9CD8F0;}
.CalendarTable .calActivity2active { color: #000000;background-color: #C7E2ED;}
.CalendarTable .calActivity2 a:link { color: #000000; background-color: #C7E2ED;}
.CalendarTable .calActivity2 a:visited { color: #000000; background-color: #C7E2ED;}
.CalendarTable .calActivity2 a:hover { font-weight:bold; color: #000000; background-color: #9CD8F0;}
.CalendarTable .calActivity2 a:active { color: #000000;background-color: #C7E2ED;}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: transparent;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

/* button styles */
a.button, a.buttonDis {
display: inline-block;
background-color: transparent;
background-image: url("../images/buttonBackground.gif");
background-repeat: no-repeat;
width: 50px;
height: 28px;
padding: 8px 0 0 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}
a.button:link, a.button:visited {
color: #002577;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #FF7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F;
cursor: default;
}
.icon {
display: inline-block;
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}

.subscription_button {
    border: none;
    background: url('../images/button/subscribe_email.jpg') no-repeat top left;
}

.rss_facebook_button
{
	margin-right:50px;
	margin-top:5px;
	text-align:right;
}

.comment_table
{
	background-color: #D8E8C4;
}

/*Shopping Cart list table*/
.orderListTable
{
	border: 1px solid #D8D8D8;
}
.orderListTable .row_header
{
	background-color: #eeeeee;
	font-weight: bold;
	text-align: center;
	border: 1px solid #D8D8D8;
	font-size: 12px;
}
.orderListTable .row_content td a{color:#276531; font-size:12px;}
.orderListTable .row_content td a:hover{color:#276531; font-size:12px; text-decoration: underline;}
.orderListTable .orderTD
{
	text-align: center;
	border: 1px solid #D8D8D8;
	font-size: 12px;
}



/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */
#container {
	width: 100%;
	padding: 5px;
	}

.ratingblock {
	display:block;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 30px;
	background: url('../images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('../images/starrating.gif') top left repeat-x;	
	}

.unit-rating li{
    text-indent: 0px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('../images/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}
/*end for unit rater*/

/*Activity list*/
#info div{font-size: 13px;}
#info .title {
	font-family: "Verdana";
	font-size: 15px;
	color: #23ABDB;
	font-weight: bold;
}
/*end of Activity List*/

.discount_price
{
	font-weight: bold;
	font-size: 15px;
	color: #34921A;
}

.discount_desc
{
	font-size: 12px;
}