@charset "utf-8";
/* CSS Document */
body {
background:#9C9D9F url(images/bg.gif) 0 0 repeat-x;
margin:15px 0px 15px 0px;
padding:0;
color:#666666;
font-size:13px;
line-height:21px;
font:"sө", Arial, Helvetica, sans-serif;
}
a {
color:#666666;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

#wrapper {
	height: 100%;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#loading{
	width: 157px;
 	height: 20px;
	color: #A72F2E;
	text-align: center;
	vertical-align: middle;
	line-height: 10px;
    padding: 5px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(images/loadingbg.gif) no-repeat;
	border: 0px solid #0033FF;
}

#head{
background:url(images/banner.jpg) 0 0 no-repeat;
width:800px;
height:226px;
}
#C_head{
background:url(images/C_banner.jpg) 0 0 no-repeat;
width:800px;
height:226px;
}
/*-------------------------------------------------content---------------------------------------------*/
.B2Blogin {
background:url(images/loginbg.gif) 0 0 no-repeat;
width:183px;
height:160px;
margin:3px;
}
.leftNaviItem{
border-bottom:1px solid #D9DADC;
background:url(images/a02.gif) 0 0 no-repeat;
padding:0px;
margin-left:10px;
line-height:24px;
text-indent:35px;
cursor: pointer;
color:#000000;
width: 90%;
}
#nav ul {
margin:0px;
list-style:none;
padding:0px;
width:180px;
}
#nav li {
border-bottom:1px solid #D9DADC;
background:url(images/a02.gif) 0 0 no-repeat;
padding:0px;
margin-left:10px;
line-height:24px;
text-indent:35px;
}
#nav li a, #nav li {
color:#000000;
text-decoration:none;
}
#nav li a:hover, #nav li:hover {
color:#A92F2E;
text-decoration:none;
}
.input {
border:1px solid #9D9A9A;
}
.hotnews {
background:url(images/news.gif) 0 0 no-repeat;
width:548px;
height:45px;
padding-left: 40px;
}
.NewProducs {
background:url(images/productsbg.gif) 0 0 no-repeat;
width:585px;
height:328px;
text-align:center;
}
.ImgBorder {
border:1px solid #D9DADC;
}
.ulStyle {
list-style:url(images/a03.gif);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
line-height:24px;
	 }
.ulstyle li {
margin-left:25px;
}
.AboutulStyle {
list-style:url(images/a04.gif);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
line-height:24px;
color:#A92F2E;
	 }
.AboutulStyle a {
text-decoration:none;
color:#666;
}	 
.AboutulStyle a:hover {
text-decoration:underline;
color:#A92F2E;
}	 
.AboutulStyle li {
margin-left:18px;
}
.designbg {
background:url(images/designbg.jpg) right bottom no-repeat;
}
.largeimg{
	width: 300px;
	height: 300px;
	border: 0px;
}
.middleimg{
	width: 120px;
	height: 120px;
	border: 0px;
}
.middleimgWithBorder{
	width: 120px;
	height: 120px;
	border:1px solid #D9DADC;
}		
.smallimg{
	width: 80px;
	height: 80px;
	border: 0px;
}
	
td.sitemap-dot{
	background: url(images/dot.gif) no-repeat 7px 10px;
	padding: 0px 0px 0px 15px;
}	

td.detail-td p{
	margin: 0px;
}
/*-------------------------------------------------子選單---------------------------------------------*/
.navigation {
width:150px;
background-color:#969696;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;

}
.navigation ul{ 
list-style:none;
margin:0px;
padding:0px;
}
.navigation li{ 
border-bottom:1px solid #DCDADA;
}
.navigation li a{ 
display:block;
padding:3px 3px 3px 10px;
text-decoration:none;
color:#FFFFFF;
}
.navigation li a:hover {
background-color:#ccc;
color:#333;
text-decoration:none;
}
.returnMsgSection{
	border: 1px solid #acb5bc;
	background: #e7e7e7;
	color: #A72F2E;
	padding: 0px 10px;
}
.div-textarea{
	width: 570px;
	height: 300px;
	overflow: scroll;
	margin-bottom: 10px;
}
/*-------------------------------------------------Button---------------------------------------------*/
.GoldValueButton a {
background:url(images/button01.gif) 0 0 no-repeat;
display:block;
width:169px;
height:24px;
}
.C_GoldValueButton a {
background:url(images/C_button01.gif) 0 0 no-repeat;
display:block;
width:169px;
height:24px;
}
.AboutButton a {
background:url(images/button02.gif) 0 0 no-repeat;
display:block;
width:169px;
height:24px;
}
.C_AboutButton a {
background:url(images/C_button02.gif) 0 0 no-repeat;
display:block;
width:169px;
height:24px;
}
.ContactButton a {
background:url(images/button03.gif) 0 0 no-repeat;
display:block;
width:169px;
height:24px;
}
.C_ContactButton a {
background:url(images/C_button03.gif) 0 0 no-repeat;
display:block;
width:169px;
height:24px;
}
.NewsButton a {
background:url(images/enbutton04.gif) 0 0 no-repeat;
display:block;
width:169px;
height:24px;
}
.C_NewsButton a {
background:url(images/button04.gif) 0 0 no-repeat;
display:block;
width:169px;
height:24px;
}
.GoldValueButton a:hover, .AboutButton a:hover, .ContactButton a:hover, .GoButton a:hover, 
.C_GoldValueButton a:hover, .C_AboutButton a:hover, .C_ContactButton a:hover, .NewsButton a:hover, .C_NewsButton a:hover {
background-position: 0 -24px;
}
.LoginButton a{
background:url(images/login.gif) 0 0 no-repeat;
display:block;
width:53px;
height:21px;
}
.LogoutButton a{
background:url(images/logout.gif) 0 0 no-repeat;
display:block;
width:53px;
height:21px;
}
.C_LoginButton a{
background:url(images/C_login.gif) 0 0 no-repeat;
display:block;
width:53px;
height:21px;
}
.C_logoutButton a{
background:url(images/C_logout.gif) 0 0 no-repeat;
display:block;
width:53px;
height:21px;
}
.inqlery a {
background:url(images/inqlery.gif) 0 0 no-repeat;
display:block;
width:53px;
height:21px;
}
.einqlery a {
background:url(images/einqlery.gif) 0 0 no-repeat;
display:block;
width:124px;
height:21px;
}
.LoginButton a:hover,.LogoutButton a:hover, .CancelButton a:hover, .C_LoginButton a:hover, .C_CancelButton a:hover, .inqlery a:hover, .C_logoutButton a:hover 
,.einqlery a:hover,.ePrevious a:hover{
background-position: 0 -21px;
}
.CancelButton a {
background:url(images/cancel.gif) 0 0 no-repeat;
display:block;
width:53px;
height:21px;
}

.C_CancelButton a {
background:url(images/C_cancel.gif) 0 0 no-repeat;
display:block;
width:53px;
height:21px;
}
.GoButton a {
background:url(images/gobutton.gif) 0 0 no-repeat;
display:block;
width:24px;
height:24px;
}
.SendButton a {
background:url(images/send.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
.SubmitButton a {
background:url(images/Submit.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
.eCancel a {
background:url(images/eCancel.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
.DeleteButton a {
background:url(images/delete.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
.SendButton a:hover, .DeleteButton a:hover, .prev a:hover, .agree a:hover, .cancelbutton a:hover, .next a:hover, .history a:hover, .NWprint a:hover, .emend a:hover
,.SubmitButton a:hover,.eCancel a:hover,.Iagree a:hover,.Previous a:hover,.Enext a:hover,.modify a:hover,.eNWprint a:hover,.Value a:hover ,.eback a:hover,
.back a:hover {
background-position: 0 -30px;
}
.Submit_Button, .Submit_ButtonHover {
display:block;
width:65px;
height:30px;
border: 0px;
cursor: pointer;
}
.Submit_Button {
background:url(images/Submit.gif) 0 0 no-repeat;
}
.Submit_ButtonHover {
background:url(images/Submit.gif) 0 -30px no-repeat;
}

.Login_Button, .Login_ButtonHover {
display:block;
width:53px;
height:21px;
border: 0px;
}
.Login_Button {
background:url(images/login.gif) 0 0 no-repeat;
}
.Login_ButtonHover {
background:url(images/login.gif) 0 -21px no-repeat;
}
.C_Login_Button, .C_Login_ButtonHover {
display:block;
width:53px;
height:21px;
border: 0px;
}
.C_Login_Button {
background:url(images/C_login.gif) 0 0 no-repeat;
}
.C_Login_ButtonHover {
background:url(images/C_login.gif) 0 -21px no-repeat;
}

.Logout_Button, .Logout_ButtonHover {
display:block;
width:53px;
height:21px;
border: 0px;
}
.Logout_Button {
background:url(images/logout.gif) 0 0 no-repeat;
}
.Logout_ButtonHover {
background:url(images/logout.gif) 0 -21px no-repeat;
}
.C_Logout_Button, .C_Logout_ButtonHover {
display:block;
width:53px;
height:21px;
border: 0px;
}
.C_Logout_Button {
background:url(images/C_logout.gif) 0 0 no-repeat;
}
.C_Logout_ButtonHover {
background:url(images/C_logout.gif) 0 -21px no-repeat;
}

.Send_Button, .Send_ButtonHover {
display:block;
width:65px;
height:30px;
border: 0px;
cursor: pointer;
}
.Send_Button {
background:url(images/send.gif) 0 0 no-repeat;
}
.Send_ButtonHover {
background:url(images/send.gif) 0 -30px no-repeat;
}

.Go_Button, .Go_ButtonHover {
display:block;
width:24px;
height:24px;
border: 0px;
}
.Go_Button {
background:url(images/gobutton.gif) 0 0 no-repeat;
}
.Go_ButtonHover {
background:url(images/gobutton.gif) 0 -24px no-repeat;
}

.einqlery, .einqleryHover {
display:block;
width:124px;
height:21px;
border: 0px;
}
.einqlery {
background:url(images/einqlery.gif) 0 0 no-repeat;
}
.einqleryHover {
background:url(images/einqlery.gif) 0 -21px no-repeat;
}

.inqlery, .inqleryHover {
display:block;
width:92px;
height:21px;
border: 0px;
}
.inqlery {
background:url(images/inqlery.gif) 0 0 no-repeat;
}
.inqleryHover {
background:url(images/inqlery.gif) 0 -21px no-repeat;
}

.Submit_Button, .Submit_ButtonHover {
display:block;
width:65px;
height:30px;
border: 0px;
}
.Submit_Button {
background:url(images/Submit.gif) 0 0 no-repeat;
}
.Submit_ButtonHover {
background:url(images/Submit.gif) 0 -30px no-repeat;
}
.Update_Button, .Update_ButtonHover {
display:block;
width:65px;
height:30px;
border: 0px;
}
.Update_Button {
background:url(images/update.gif) 0 0 no-repeat;
}
.Update_ButtonHover {
background:url(images/update.gif) 0 -30px no-repeat;
}

.Changepsw_Button, .Changepsw_ButtonHover {
display:block;
width:108px;
height:30px;
border: 0px;
}
.Changepsw_Button {
background:url(images/changepassword.gif) 0 0 no-repeat;
}
.Changepsw_ButtonHover {
background:url(images/changepassword.gif) 0 -30px no-repeat;
}
.pre_Button, .pre_ButtonHover {
display:block;
width:65px;
height:30px;
border: 0px;
}
.pre_Button {
background:url(images/prev.gif) 0 0 no-repeat;
}
.pre_ButtonHover {
background:url(images/prev.gif) 0 -30px no-repeat;
}

.Previous_Button, .Previous_ButtonHover {
display:block;
width:108px;
height:30px;
border: 0px;
}
.Previous_Button {
background:url(images/Previous.gif) 0 0 no-repeat;
}
.Previous_ButtonHover {
background:url(images/Previous.gif) 0 -30px no-repeat;
}

.modify a{
background:url(images/modify.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
.eNWprint a{
background:url(images/print01.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
.eback a {
background:url(images/eback.gif) 0 0 no-repeat;
display:block;
width:108px;
height:30px;
}
.back a {
background:url(images/back.gif) 0 0 no-repeat;
display:block;
width:108px;
height:30px;
}
.prev a {
background:url(images/prev.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
.Value a {
background:url(images/Value.gif) 0 0 no-repeat;
display:block;
width:108px;
height:30px;
}
.Previous a {
background:url(images/Previous.gif) 0 0 no-repeat;
display:block;
width:108px;
height:30px;
}
.ePrevious a {
background:url(images/ePrevious.gif) 0 0 no-repeat;
display:block;
width:108px;
height:21px;
}
.agree a {
background:url(images/agree.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
.Iagree a {
background:url(images/Iagree.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
.cancelbutton a {
background:url(images/cancelbutton.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
.next a {
background:url(images/next.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
.Enext a {
background:url(images/enext.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
.history a {
background:url(images/history.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
.NWprint a {
background:url(images/NWprint.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
.emend a {
background:url(images/emend.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
.NotAgree a {
background:url(images/notagree.gif) 0 0 no-repeat;
display:block;
width:108px;
height:30px;
}
.cNotAgree a {
background:url(images/c_notagree.gif) 0 0 no-repeat;
display:block;
width:108px;
height:30px;
}
/*-------------------Update是在dealer02那頁------------------------------*/
.Update a {
background:url(images/update.gif) 0 0 no-repeat;
display:block;
width:65px;
height:30px;
}
/*-------------------changepassword是在修改密碼那頁------------------------------*/
.changepassword a {
background:url(images/changepassword.gif) 0 0 no-repeat;
display:block;
width:108px;
height:30px;
}
.NotAgree a:hover, .Update a:hover, .changepassword a:hover, .cNotAgree a:hover {
background-position: 0 -30px;
}
/*-------------------------------------------------word---------------------------------------------*/
.word01 {
color:#FFFFFF;
}
.word01 a{
color:#FFFFFF;
text-decoration:none;
}
.word01 a:hover {
text-decoration:underline;
}
.word02 {
color:#4F78C1;
}
.word02 a {
color:#4F78C1;
text-decoration:underline;
}
.word02 a:hover {
color:#0D2EBD;
text-decoration:none;
}
.word03 {
color:#000000;
}
.word03 a{
color:#000000;
text-decoration:none;
}
.word03 a:hover {
text-decoration:underline;
}
.word04 {
text-indent:20px;
}
.word05 {
color:#FF6600;
}
h3 {
color:#A63636;
}
.word06 {
color:#951212;
}
.word07 {
color:#951212;
font-weight:bold;
font-size:14px;
}
.word08 {
color:#9A9A9A;
font-size:12px;
}
.word09 {
color:#DF2B07;
font-size:12px;
}

.errorMsg {
	font-size: 10pt;
	color: #FF0000;
}
/*-------------------------------pages-----------------------------*/
.pages{
text-align:center;
font-family: sans-serif;
font-size:12px;
line-height:30px;
}
.pages a,.pages a:visited{
color:#333;
text-decoration:none;
}
.pages a:hover{
background:#ABACAF;
color:#fff;
border:1px solid #cccccc;
text-decoration:none;
}
.pages a.pagenum{
border:1px solid #cccccc;
padding:3px 5px 3px 5px;
}
.cpage{
border:1px solid #fff;
padding:3px 5px 3px 5px;
color:#FF560B;
font-weight:bolder;
vertical-align: top;
}
/*-------------------------------------------------footer---------------------------------------------*/
.footer {
background:url(images/footer.gif) 0 0 no-repeat;
width:800px;
height:29px;
color:#FFFFFF;
font-size:12px;
text-align:center;
}
/*--------------------------------------new windows------------------------------------------------------*/
.NewWindows_t {
background:url(images/top.gif) 0 0 no-repeat;
width:800px;
height:17px;
}
.NewWindows_c {
width:800px;
height:100%;
background-color:#FFFFFF;
}
.NewWindows_b {
background:url(images/bottom.gif) 0 0 no-repeat;
width:800px;
height:17px;
}
.close a{
background:url(images/close.gif) 0 0 no-repeat;
display:block;
width:21px;
height:21px;
}
.close a:hover, .NWprev a:hover {
background-position: 0 -21px;
}
.print a {
background:url(images/print.gif) 0 0 no-repeat;
width:113px;
height:27px;
display:block;
}
.eprint a {
background:url(images/eprint.gif) 0 0 no-repeat;
width:113px;
height:27px;
display:block;
}
.print a:hover,.eprint a:hover {
background-position: 0 -27px;
}
.NewWindowsProducts {
background:url(images/productsbg01.gif) 0 0 no-repeat;
width:733px;
height:151px;
}
.NWprev a {
background:url(images/NWprev.gif) 0 0 no-repeat;
width:53px;
height:21px;
display:block;
}
.NWdelete a {
background:url(images/NWdelete.gif) 0 0 no-repeat;
width:19px;
height:19px;
display:block
}
.NWdelete a:hover {
background-position: 0 -19px;
}
/*--------------------------------------datatable------------------------------------------------------*/
.datatable {
border:1px solid #A1A0A2;
border-collapse:collapse;
}
.datatable td {
border:1px solid #A1A0A2;
padding:2px;

}
.datatable th {
border:1px solid #A1A0A2;
padding:2px;
background-color:#666666;
color:#FFFFFF;
}
.datatable tr.bgcolor {
background-color:#E7E7E7;
}

/*--------------------------------------marquee------------------------------------------------------*/
.marqueeSection{
margin: 0 0 0 25px;
padding: 0 0 0 0;
list-style:url(images/a001.gif);
line-height:22px;
}
.marqueeSection a{
text-decoration: none;
color: #81868A;
font-size: 13px;
}
.marqueeSection a:hover{
text-decoration: underline;
}
#marqueecontainer{
overflow: hidden; 
height:40px;
}
#vmarquee{
position: absolute; 
width: 98%;
top:300px;
}

/*--------------------------------------epaper------------------------------------------------------*/
#Epaperhead{
background:url(images/epaper.jpg) 0 0 no-repeat;
width:800px;
height:226px;
}
.efooter {
background: url(images/efooter.gif) 0 0 no-repeat;
width:800px;
height:29px;
text-align:center;
}
.Top5bg {
background:url(images/top5bg.gif) 0 0 no-repeat;
width:733px;
height:151px;
}