/************************此css檔定義了全站內頁共用的部份 *******************************/

BODY {
	scrollbar-arrow-color: #666666;
	scrollbar-3dlight-color: #C8C8C8; 
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-face-color: #EAEAEA; 
	scrollbar-shadow-color: #C8C8C8; 
	scrollbar-darkshadow-color: #C8C8C8;
	scrollbar-track-color: #C8C8C8;
	background:#FFFFFF;
	margin:0px;
	text-align:center;
}

#container{ 
	margin:0px auto;
	background: url(../imgs_revamp/bg.jpg) no-repeat center top; text-align:center;
}
#bgTop{
	margin:0px auto;
	padding-bottom:20px;
	background:url(../imgs/bg.jpg) no-repeat center top; text-align:center;
}
#content{
	margin:0 auto; width:770px;
}

form {margin:0px; padding:0;}

/*上方search輸入欄位*/
.inputb {
             font-size: 10px; 
             font-family: Arial;
             color:#666666; 
             border:1 solid #6689D6;
             background-color:#FFFFFF;
             padding-top: 2px;
}

/*top按鈕*/
.btntop {  font-size: 10px; font-family: "Arial"; color: #A1BBF4}
.btntop a:link, .btntop a:visited { color: #A1BBF4; text-decoration:none; }
.btntop a:hover { text-decoration:underline; }

/*第一層選單*/
.menu1 {  font-size: 12px; font-family: "Arial"; color: #FFFFFF; padding: 0px 3px 0px 3px}
.menu1 a { color: #FFFFFF; text-decoration:none; }
.menu1 a:hover { color: #8DDBFF; text-decoration:none; }
.menu1 a.now { color: #8DDBFF; text-decoration:none; }


/*第二層選單*/
.menu2 {  font-size: 11px; font-family: "Arial"; color: #cccccc; }
.menu2 a:link, .menu2 a:visited { color: #5c81c5; text-decoration:none; }
.menu2 a:hover { text-decoration:underline; }


/*第三層選單*/
.menu3 td{ vertical-align:top; height:24px ; font-size: 9px;  font-family: "Arial"; }
.menu3 a { color: #4C54B7; text-decoration:none; }
.menu3 a:hover {  color: #001E80; text-decoration:underline;}
.menu3 a.now { color: #001E80; text-decoration:none; font-weight:bold;}
.menu3 a.now:hover {text-decoration:none;}

/*第三層選單---會員級別優惠專用*/
.menu3_2 td{ vertical-align:top; height:24px ; font-size: 12px;  font-family: "Arial"; }
.menu3_2 a { color: #4C54B7; text-decoration:none; }
.menu3_2 a:hover {  color: #001E80; text-decoration:underline;}
.menu3_2 a.now { color: #001E80; text-decoration:none; font-weight:bold;}
.menu3_2 a.now:hover {text-decoration:none;}

/*第四層選單 (Layer選單範圍) */
.menu4{position:absolute; left:50%; top:0px; width:770px; height:0; margin-left:-365px}
.menu4 a{color:#3C50B3; text-decoration:none; padding:5px 0; }
.menu4 a:hover{text-decoration:underline}
.menu4 a.now{color:#8521CA; text-decoration:none; }
.menu4 a.now:hover{text-decoration:underline}


/* 左上華夏會員專區 */
#memberArea{ 
	width:178px; height:180px;
	padding-top:50px;
	text-align:center;
	background:  url(../imgs/member_areabg.jpg) no-repeat;
}
td>div#memberArea{ height:130px;} /*for Firefox*/
#memberArea .input {
             font-size: 10px; 
             font-family: Arial;
             color:#666666; 
             border:1 solid #A9B9DD;
             background-color:#FFFFFF;
}
#memberArea a{font-size:10px; font-family:Arial; color:#44516D; text-decoration:underline;}
#memberArea a:hover{text-decoration:none;}
#memberArea .memberInfo{ font-family: Arial; font-size: 10px; color: #666666; line-height:14px; padding-left:7px}
#memberArea .memberInfo span{ font-size: 12px; color: #2035B5;}


/*左邊三區塊開始*/
#leftArea{font-size:12px; margin-left:16px; }

#leftArea #left1{color:#E4B2A9; width:146px; margin:10px auto 0;background: url(../imgs/left1bg.gif) repeat-y; }
#leftArea > #left1{position:relative; left:-7px; }
#leftArea #left1 .top{height:29px; background: url(../imgs/left1top.gif) no-repeat;}
#leftArea #left1 .top .txt{padding-top:12px}
#leftArea #left1 .mid .hr{width:124px; height:2px; margin:0 auto; background: url(../imgs/left1hr.gif) no-repeat;}
#leftArea #left1 .btm{height:22px; background: url(../imgs/left1btm.gif) no-repeat;}
#leftArea #left1 .btm .txt{padding-top:3px}
#leftArea #left1 a{color:#D35E26; text-decoration:none; font-family:Arial;}
#leftArea #left1 a:hover{text-decoration:underline;}

#leftArea #left2{color:#EB9AAF; width:146px; margin:10px auto 0;background: url(../imgs/left2bg.gif) repeat-y; }
#leftArea > #left2{position:relative; left:-7px; }
#leftArea #left2 .top{height:29px; background: url(../imgs/left2top.gif) no-repeat;}
#leftArea #left2 .top .txt{padding-top:12px}
#leftArea #left2 .mid .hr{width:124px; height:2px; margin:0 auto; background: url(../imgs/left2hr.gif) no-repeat;}
#leftArea #left2 .btm{height:22px; background: url(../imgs/left2btm.gif) no-repeat;}
#leftArea #left2 .btm .txt{padding-top:3px}
#leftArea #left2 a{color:#CD487B; text-decoration:none; font-family:Arial;}
#leftArea #left2 a:hover{text-decoration:underline;}

#leftArea #left3{color:#CBA2D9; width:146px; margin:10px auto 0;background: url(../imgs/left3bg.gif) repeat-y; }
#leftArea > #left3{position:relative; left:-7px; }
#leftArea #left3 .top{height:29px; background: url(../imgs/left3top.gif) no-repeat;}
#leftArea #left3 .top .txt{padding-top:12px}
#leftArea #left3 .mid .hr{width:124px; height:2px; margin:0 auto; background: url(../imgs/left3hr.gif) no-repeat;}
#leftArea #left3 .btm{height:22px; background: url(../imgs/left3btm.gif) no-repeat;}
#leftArea #left3 .btm .txt{padding-top:3px}
#leftArea #left3 a{color:#5D2696; text-decoration:none; font-family:Arial;}
#leftArea #left3 a:hover{text-decoration:underline;}

/*左邊三區塊結束*/


/*單行文字無行距*/
.ft{  font-family: Arial; font-size: 12px; color: #333333;}
/*單行文字連結*/
.ft a {color:#3359C4; text-decoration:underline;}
.ft a:hover {text-decoration:none;}

/*內容文字有行距*/
.ct {  font-family: Arial; font-size: 12px; color: #333333; line-height: 17px}
.ct select { font-size:12px; font-family: Arial; color:#333333; }
.ct input.input { font-size:12px; font-family: Arial; color:#333333; border:1px solid #999999;}
/*內容文字連結*/
.ct a {color:#3359C4; text-decoration:underline;}
.ct a:hover {text-decoration:none;}

/*內文標題與強調*/
.title1{  font-size: 12px; font-family: Arial; color: #3359C4; font-weight:bold;}
.title2{  font-size: 12px; font-family: Arial; color: #AD8E00; font-weight:bold;}
.title3{  font-size: 12px; font-family: Arial; color: #5E5E5E; font-weight:bold;}
.title4{  font-size: 12px; font-family: Arial; color: #FFFFFF; font-weight:bold;}
.highLight1{  font-size: 12px; font-family: Arial; color: #3359C4; }
.highLight2{  font-size: 12px; font-family: Arial; color: #AD8E00; }
.highLight3{  font-size: 12px; font-family: Arial; color: #FF0000; }

/*內文toTop按鈕*/
#toTop{text-align:right; padding:20px 25px}

/*footer*/
#footer{background:#e9e9e9; padding:10px 15px; width:778px;}
.foots {  font-size: 12px; font-family: Arial; color: #4c4c4c}
.foot {  font-size: 12px; font-family: Arial; color: #4c4c4c}
.foot a:link, .foot a:visited { color: #4c4c4c; text-decoration:none; }
.foot a:hover { text-decoration:underline; }


/*revamp*/
.toplink {  font-size: 11px; font-family: Arial; color: #5c81c5; }
.toplink  a:link, .toplink  a:visited { color: #5c81c5; text-decoration:none; }
.toplink  a:hover { text-decoration:underline; }

.inputText{
	border:1px solid #c8c8c8;
	color:#000000;
	font-size:13px;
	font-family:Arial;
	padding: 2px;
}

.inputTexts{
	border:1px solid #c8c8c8;
	color:#666666;
	font-size:11px;
	font-family:Arial;
	padding: 2px;
}
.input{
	border:1px solid #003f7b;
	color:#000000;
	font-size:13px;
	font-family:Arial;
	padding: 2px;
}