body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	text-align:justify;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404040;
	position:absolute;
	width:100%;
	height:100%;
}

input, textarea, select{
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a:link, a:visited, a:hover, a:active {
	color:#03C;
	text-decoration:underline ;
}
a.nounderline:link, a.nounderline:visited, a.nounderline:hover, a.nounderline:active {
	text-decoration: none;
}
a.menubutton:link, a.menubutton:visited, a.menubutton:hover, a.menubutton:active {
	color: #333;
	text-decoration: none;
}
a.bluebutton:link, a.bluebutton:visited, a.bluebutton:hover, a.bluebutton:active {
	color: #2050A4;
	text-decoration: underline;
}
a.bluetab:link, a.bluetab:visited, a.bluetab:hover, a.bluetab:active {
	color: #1C94C4;
	text-decoration: none;
}
a.redbtn:link, a.redbtn:visited, a.redbtn:hover, a.redbtn:active {
	color: #FF0000;
	text-decoration: none;
}

img {
	border: none;
}

.content_banner {
	margin-bottom: 25px;
}

.button {
	padding:1px 10px;
	font-size:12px;
	border:1px #000 solid;
	background: #FC0;
}

.loginbtn{
	background-image:url(images/reg_tc.gif);
}

.errmsg {
	font-family: "Times New Roman", Times, serif;
	color:#FF8C8C;
	margin-top: 5px;
	margin-left: 0em;
}

.orange_bar {
	background-color: #F90;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

fieldset {
	margin-top: 0.5em;
	margin-bottom: 1em;
	border: none;
	border-top: 1px solid #000;
}

legend {
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.header {
	font-weight: bold;
	font-size: x-large;
	text-align: center;
}

.label {
	text-align: center;
	width: 90px;
}

.smallword {
	font-size: smaller;
	padding-top: 10px;
}

.small {
    font-size: smaller;
}

/* Header */

#headerbg {
	clear: both;
	width: 100%;
	/*height: 188px;
	background: url(../images/top_banner2.jpg) no-repeat left top;*/
	margin: 0 auto;
	border-bottom:1px solid #E8E9E4;
}

/* Menu */

#menu_top {
	width: 100%;
	margin: 0 auto;
	/*background-image:url(../images/menubg.png);*/
}

#menu_bottom {
	width: 100%;
	margin: 0 auto;
	color:#2050A4;
}

/* Contont Top */

#content_top {
	width: 100%;
	padding: 1em 0;
	margin: 0 auto;
	background-color: #000;
	border-collapse: collapse;
}

#content_top_menu{
	padding: 0 20px;
}

#content_top_menu img{
	margin: 0 10px;
}

/* Content Bottom */

#content_bottom {
	width: 100%;
	margin: 0 auto;
}

#content {
  border-collapse: collapse;
  margin-bottom: 20px;
}

#content_left {
	/*width: 230px;
	width:expression( this.clientWidth > 230px ? 230px  : auto );
	min-width:230px;*/
	/*width: auto !important;
	width: 230px;*/
	padding: 0px;
	vertical-align: top;
	/*background-color: #333;*/
}

#content_right {
	/*width: 760px;*/
	width: 100%;
	min-width: 760px;
	/*width: auto !important;
	width: 760px;*/
	padding: 0px;
 	line-height: 25px;
	vertical-align: top;
	background-color: #FFF;
	padding-top:5px;
}

#content_right_bottom {
	clear: both;
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* Footer */

#footer {
    clear: both;
	width: 100%;
	height: 30px;
	margin: 0 auto;
	margin-bottom: 20px;
	/*background-color: #000;
	color: #CCC;*/
}

#footer p {
	margin: 0;
	padding: 5px 20px 5px 20px;
}

#legal {
	float: right;
}

/* Page */
.page, .currentPage{
	border:1px #CCC solid;
	background-color: #FFF;
	padding: 5px;
	margin:auto;
	margin-top:2px;
	margin-top \9:5px;
}

.currentPage{
	background-color: #EAF5F9;
}

a.page:link {
	text-decoration:none;
	color:#1F5883; 
}
	
a.page:hover {
	text-decoration:none;
	background-color: #EAF5F9;
} 

a.page:visited{
	color:#1F5883;
	text-decoration:none;
} 

a.page:active  {
	text-decoration:none;
	color:#1F5883; 
}

.userGuideMenu{
	padding-top: 10px;
}

.userGuideBotton{
	border: 1px solid #CCC;
	font-size:12px;
	color: #666;
	margin-right:2px;
	margin-bottom: -3px;
	margin-bottom: -4px \9;
	padding: 5px;
	padding-bottom: 2px \9;
	padding-top: 2px \9;
	width:150px;
}

.void{
	background-image :url(../images/orangebg.png);
	border: 1px solid #CCC;
	border-bottom: 1px solid #FFF;
	font-size:12px;
	color: #666;
	margin-right:2px;
	margin-bottom: -1px;
	margin-bottom: -2px \9;
	padding: 5px;
	padding-bottom: 2px \9;
	padding-top: 2px \9;
}

.select
{
	background-image :url(../images/orangebg.png);
	border: 1px solid #CCC;
	border-bottom: 1px solid #FFF;
	font-size:12px;
	color: #666;
	margin-right:2px;
	margin-bottom: -1px;
	margin-bottom: -2px \9;
	padding: 5px;
	padding-bottom: 2px \9;
	padding-top: 2px \9;
	cursor:pointer;
}

.userGuideBottonImg {
	background-image:url(../images/green.png);
	width:22px;
	height:22px;
	display: inline-block;
	vertical-align:middle;
	margin-bottom:2px;
} 

.userGuideContent{
	border:1px solid #CCC;
	height:270px;
	vertical-align:top;
	overflow:scroll;
}

.trans_div {
width: 100%;
height: 100%;
position:fixed;
#position: absolute;
left: 0px;
top: 0px;
overflow:auto;
text-align:center;
z-index:100;
/*background-image:url(../images/60percent.png);
#filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/60percent.png');
*/
}
.orangeBottomBar
{
	border-bottom:8px solid #FDCD01;
	margin-bottom:5px;
	width:99%;
}

.store
{
	color:#DB9C03;
	font-size:12px;
	border:1px solid #FFC233;
	padding: 0px 10px 0px 10px;
	padding: 0px \9;
	margin-bottom: -3px;
	height: 20px \9;
	width: 100px \9;
	text-align:center;
}

.hightlight {  
	padding-left:20px;  
    border:1px solid #9F1319;  
    background:url(../images/iconCaution.gif) no-repeat 2px;
	background-color:#FFC;
	width:100% - 20px;
} 

.loading {  
	float:right;
	position:relative;
	top: 10px;
	right:120px;
	z-index:50;
    background:url(../images/ajax-loader.gif) no-repeat 1px;   
    height:28px;   
    width:28px;   
    display:none;
	margin-top:10px;
	margin-bottom:23px;
} 
.isLoged{
	float:right;
	position:relative;
	top: 10px;
	right:120px;
	z-index:51;
    display:none;
	margin-top:10px;
	margin-bottom:23px;
}

#emailLoading {
	float:right;
	position:fixed;
	_position: absolute; /* position fixed for IE6 */
  	_top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2);
  	_margin-top:0;
	top: 47%;
	left:50%;
	z-index:106;
    background:url(../images/ajax-loader.gif) no-repeat 1px;   
    height:28px;   
    width:28px;   
    display:none;
	margin-top:10px;
	margin-bottom:23px;
}

.error{
	color:#C03; 
	display:none;
}

.already{
	color:#3C3;
	display:none;
}

.clear {
	clear:both
} 

.dimBg{
	display:none;
	position:fixed;
	margin: 0;
	_position: absolute; /* position fixed for IE6 */
  	_top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2);
	_left: 0px;
	height:100%;
	width: 100%;
	background:url(../images/bg_trans.png) repeat;
	z-index:104;
}

.popupForm
{
	text-align:center;
	position:fixed;
	left:50%;
	top: 50%;
	display:none;
	background-color:#FFF;
	border:5px solid #666;
	padding: 20px;
	text-align:center;
	z-index:105;
	_position: absolute; /* position fixed for IE6 */
  	_top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2);
  	_margin-top:0;
}

.popupForm2
{
	text-align:center;
	position:fixed;
	left:50%;
	top: 50%;
	display:block;
	background-color:#FFF;
	border:5px solid #666;
	padding: 20px;
	text-align:center;
	z-index:105;
	_position: absolute; /* position fixed for IE6 */
  	_top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2);
  	_margin-top:0;
}

.forgetPass{
	width:306px;
	height: 60px;
  	margin-left:-153px;
	margin-top:-30px;
}


.register{
	width: 600px;
	height:370px;
  	margin-left:-300px;
	margin-top: -195px;
	text-align: left;
	overflow: auto;
}

.adminedit
{
	width:306px;
	height:150px;
  	margin-left:-153px;
	margin-top:-75px;
}
.specialedit
{
	width:306px;
	height:150px;
  	margin-left:-153px;
	margin-top:-75px;
}
.calculator
{
	width: 600px;
	height:370px;
  	margin-left:-300px;
	margin-top: -195px;
	padding:0px;
	text-align: left;
	overflow: auto;
}


.additionalMethod
{
	display:none;
}

.calLoad
{
	float:left;
	position:relative;
	z-index:1000;
    background:url(../images/ajax-loader.gif) no-repeat 1px;   
    height:28px;   
    width:28px;   
    display:none;
	margin-top:20px;
	margin-left:50px;
}

.regFormHeader
{
	background-color:#fdd49c;
	color:#000;
	border:1px solid #cc7700;
}
.regFormField
{
	background-color:#fff3bf;
}

.regFormInput
{
	background-color:#eff3ff;
}
.font11 {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "微軟正黑體", "新細明體";
}
.font12 {
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "微軟正黑體", "新細明體";
}
.font12b {
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "微軟正黑體", "新細明體";
	font-weight:bold;
}
.font14 {
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif, "微軟正黑體", "新細明體";
}
.regRemark
{
	color: #3366ff;
}

.regLoading
{
	display: none;
	text-align:center;
	position:fixed;
	_position: absolute; /* position fixed for IE6 */
  	_top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2);
  	_margin-top:0;
	left:50%;
	top: 50%;
	z-index:120;
}

.isReged
{
	display:none;
	text-align:center;
	position:fixed;
	_position: absolute; /* position fixed for IE6 */
  	_top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2);
  	_margin-top:0;
	left:50%;
	top: 50%;
	width: 200px;
	height:20px;
	margin-left:-100px;
	margin-top:-10px;
	z-index:110;
	font-size:14px;
}

.currencyLoading
{
	display: none;
	position: absolute;
	z-index:110;
	margin-left: 150px;
	margin-left: 100px \9;
	margin-top: 32px;
	margin-top: 45px \9;
}

.nowCurrency, .exchangeRate
{
	font-weight:bold;
}

#gooSuggest
{
	display:none;
	position:absolute;
	margin-top:0px;
	margin-top:26px \9;
	margin-left:0px;
	margin-left:-256px \9;
	border:1px #333 solid;
	background-color: #666;
	color: #F7F7F7;
	padding:5px;
	width:241px;
	z-index:499;
	vertical-align:top;
	text-align:left;
}

.suggestWord{
	cursor:pointer;
}

.googleSelected
{
	background-color: #999;
}

.hintMessage
{
	display:none;
	border:1px #333 solid;
	background-color:#FFC;
	padding:10px;
	position:absolute;
}

.errorImg
{
	background-image:url(../images/error.png);
	width:20px;
	height:20px;
	display: inline-block;
	margin-top:5px;
}

.regAjaxLoad
{
	background-image:url(../images/ajax-loader-reg.gif);
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	display: inline-block;
	margin-top:5px;
}

.alreadyImg
{
	background-image:url(../images/already.png);
	width:20px;
	height:20px;
	display: inline-block;
	margin-top:5px;
}

.line
{
	background-image:url(../images/line.png);
	width:4px;
	height:27px;
	display: inline-block;
}

.myRecord
{
	background-color:#ffdaa5;
	font-weight:bold;
}

.displayMenu
{
	display: none;
}

#management
{
	display:block;
}


.loginToAllForm
{
	width:250px;
	height:100px;
	margin-left:-125px;
	margin-top:-50px;
}

.keywordTitle
{
	color: #F4F4F4;
}

.TabClass
{
text-align:center; 
border-left:1px solid #DADADA;
border-right:1px solid #DADADA;
border-top:1px solid #DADADA;
padding-left:8px;
padding-right:8px;
}

.TabClass2
{
border-left:1px solid #DADADA;
border-right:1px solid #DADADA;
border-top:1px solid #DADADA;
}

/*Jquery UI Prolem*/
.dialogProblem
{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; 
	font-size: 1.1em;
	background: #ffffff url(images/ui-bg_highlight-soft_100_ffffff_1x100.png) 50% top repeat-x; 
	color: #333333; 
	position: relative; 
	padding: .2em; 
}

.dialogProblem .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.dialogProblem .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.dialogProblem .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.dialogProblem .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.dialogProblem .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.dialogProblem .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.dialogProblem .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.dialogProblem .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.dialogProblem .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-dialogProblem input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
/*Jquery UI Prolem*/

.hightLightBox
{
	text-align:center;
	padding:10px 5px;
	margin: 20px 5px 7px;
	white-space:nowrap;
}

/*Advanced Search*/
#advSearchTable.title
{
	font-size:12px;
	padding: 5px 10px;
}

.yellowBackground{
	background: url(images/shop59Background.jpg) repeat-y;
	background-position: bottom right;
	padding:5px;
}

.greyBackground{
	background: url(images/shop60Background.png) repeat-y;
	background-position: bottom left;
	padding:5px;
}

.bigGreyBackground{
	background: url(images/shop65Background.jpg) repeat-y;
	background-position: top left;
	padding:5px;
}

.bigGreyBackground2{
	background: url(images/shop69Background.jpg) repeat-y;
	background-position: top left;
	padding:5px;
}

.bigGreyBackground3{
	background: url(images/reg67Background.png) repeat-y;
	background-position: bottom right;
}



/* List Table */

.list_table {
	width: 100%;
}

/*.list_th {
	text-align: center;
	background-color: #fdb813;
	padding: 10px;
}*/

/*.list_table td {
	text-align: center;
	background-color: #f1f1f3;
	padding: 10px;
}*/


.list_tr3{
	width: 100%; 
	text-align: center;
	background-color: #fdb813;
	padding: 10px;
}

.list_tr0{
	text-align: center;
	background-color: #f1f1f3;
	padding: 10px;
}

.list_tr1{
	text-align: center;
	background-color: #ffffff;
	padding: 10px;
}

.list_tr2{
	text-align: center;
	background-color: #fffde4;
	padding: 10px;
}