html,body {width:100%; margin:0px auto; padding:0px; font-size:12px; font-family:Aril, Sans-serif, 新細明體; text-align:center;}
html {background-color:#ffffff;}
body{border-top:4px solid #d6001d;}
img {border:0px;}
A, A:link, A:visited, A:hover, A:active{text-decoration:none;noFocusLine: expression(this.onFocus=this.blur());}

.alr{text-align:right;}
.all{text-align:left;}
.alc{text-align:center;}        
.alert_red {color:#db1a1a; text-decoration:none;}
         
a.button_r {margin: 0px 0px 0px auto;}
a.button_l {margin: 0px auto 0px 0px;}
a.button_c {margin: 0px auto;}

div.path_area{
	font-size:12px;
	text-align:left;
	margin:0px; 
	padding:5px; 
	padding-left:20px;
	background:url(../_image/icon_path.png) no-repeat 6px 50%; 
	border-bottom:1px dotted #ffbbb3; 
	border-left:1px dotted #ffbbb3; 
	border-right:1px dotted #ffbbb3;
	color:#595656;
}

div.path_area a:link{color:#595656;}
div.path_area a:visited{color:#595656;}
div.path_area a:hover{color:#d6001d;}
div.path_area a:active{color:#595656;}

.path_alert {color: #d6001d; text-decoration: none; font-size: 12px;}
.tag_new{margin:0px 3px; padding:4px; color:#ffffff; font-weight:bold; font-size:12px; background-color:#d6001d;}



/*=== list page area ===*/
.list_page_area {color:#6b4c32; margin:0 auto; padding:0px; letter-spacing:1px;}
.list_page_area A{color:#6b4c32; text-decoration:none; line-height:22px; text-align:center; display:inline;}
.list_page_area A:link{padding:4px 8px; color:#6b4c32; border:1px solid #ffffff; }
.list_page_area A:visited{color:#696664; border:1px solid #ffffff; }
.list_page_area A:active{color:#696664; border:1px solid #ffffff; }
.list_page_area A:hover{color:#e8554a; border:1px solid #ffac97; background-color:#ffdcd2;}
.list_page_area A.on{color:#e8554a; border:1px solid #ffac97; background-color:#ffdcd2;}

.list_page_area span.hover A{letter-spacing:1px; padding:4px; color:#e8554a; border:1px solid #ff8075; background-color:#ffdcd2; cursor:pointer; vertical-align:middle;margin:0px 1px;}
.list_page_area span.hover A:hover{color:#eb3526; border:1px solid #ff8075; background-color:#ffac97;}

/* ====== a.button ======= */
/*--粉紅色--*/
a.button01{margin:0px; padding:0px; color:#e8554a; background-color:#ffdcd2; cursor:pointer; }
a.button01 span {margin:0px; font-weight:normal; padding: 8px; border:1px solid #ff8075; font-size:12px; line-height:44px; background-color:#ffdcd2;  letter-spacing:1px; vertical-align:middle;}  
a.button01:hover {color:#eb3526; background-color:#ffac97; outline: none;}      
a.button01:hover span{font-weight:normal; border:1px solid #ff8075; padding:8px; font-size:12px; line-height:44px; background-color:#ffac97;  letter-spacing:1px;} 

/*--灰色--*/
a.button02 {margin:0px; padding:0px; color:#ffffff; border:0; background-color:#696664; cursor:pointer;}
a.button02 span {margin:0px; font-weight:normal; padding:8px; font-size:12px; background-color:#696664; line-height:44px;  letter-spacing:1px; vertical-align:middle;}        
a.button02:hover {color:#ffffff; border:0; background-color:#d6001d; outline: none;}
a.button02 span:hover {font-weight:normal; padding:8px; font-size:12px; line-height:44px; background-color:#d6001d;  letter-spacing:1px;} 

/* ====== input ======= */
input {letter-spacing:0px; font-size:12px; margin:0px; outline:none; noFocusLine: expression(this.onFocus=this.blur()); border:0; vertical-align:middle; cursor:pointer; line-height:22px;}
input:hover,input:active,input:visited{outline:none;}
input[type=submit],input[type=reset],input[type=button]{filter:chroma(color=#000000);}

input[type=text]{cursor:auto;}
input[type=reset]{ padding:4px 3px 4px 4px; color:#ffffff; background-color:#696664;}
input[type=reset]:hover{ background-color:#d6001d;}
input[type=submit]{padding:4px 3px 4px 4px; color:#ffffff; background-color:#696664;}
input[type=submit]:hover{background-color:#d6001d;}
input[type=button]{padding:4px 3px 4px 4px; color:#ffffff; background-color:#696664;}
input[type=button]:hover{background-color:#d6001d;}

input[type=button].button03{width:40px; height:22px; padding:0px; line-height:22px; color:#ffffff; background:url(../_image/button.png) no-repeat 0 0;}
input[type=button].button03:hover{background:url(../_image/button.png) no-repeat 100% 100%;}

input[type=button].button04{margin:0px; padding:4px; color:#e8554a; background-color:#ffdcd2; cursor:pointer; font-weight:normal;  border:1px solid #ff8075; font-size:12px; line-height:20px; letter-spacing:1px; vertical-align:middle;}
input[type=button].button04:hover{background-color:#ffac97;}

/* ====== button ======= */
button {letter-spacing:1px; font-size:12px; margin:0px; outline:none; border:0; vertical-align:middle; cursor:pointer;}
button[type=text]{cursor:auto;}
button[type=reset]{padding:4px 3px 4px 4px; color:#ffffff; background-color:#696664;}
button[type=reset]:hover{background-color:#d6001d;}
button[type=submit]{padding:4px 3px 4px 4px; color:#ffffff; background-color:#696664;}
button[type=submit]:hover{background-color:#d6001d;}
button[type=button]{padding:4px 3px 4px 4px; color:#ffffff; background-color:#696664;}
button[type=button]:hover{background-color:#d6001d;}



select{margin:0px; padding:0px; font-size:12px; border:1px solid #e0e0e0; outline:none; vertical-align:middle; }

p.vcode {margin:0px; padding:0px;}
p.vcode img.refresh {width:26px; margin:0px 0px 8px 10px; background:url(../_image/refresh.png) no-repeat 0% 0%;}
p.vcode img.refresh:hover {background:url(../_image/refresh.png) no-repeat 0% 100%;}