@charset "utf-8";
/* CSS Document */

a{
	color:#ffffff;
	text-decoration:underline;
	font-size:100%;
	margin:0 5px;
}
a:hover{
	color:#00fff0;
	text-decoration:underline;
}
a:visited{
	color:#ffffff;
	text-decoration:underline;
}
a.docsubject:link{
	color:#9fc4ed;
	text-decoration:none;
	font-size:100%;
	font-weight:bold;
	margin:0 5px;
}
a.docsubject:active{
	color:#9fc4ed;
	text-decoration:none;
	font-size:100%;
	font-weight:bold;
	margin:0 5px;
}
a.docsubject:hover{
	color:#ffffff;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
}
a.docsubject:visited{
	color:#ffffff;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
}
ul { 
  list-style-image:url("arrow.gif"); 
}
.title {
	padding: 28px 0 0px 17px;
}

.title1{
	color: #F0F5F7;
	text-transform: none;
	border-bottom: none;
	font-size: 15px;
	font-family: SimHei, Verdana;
}
.title2{
	color: #F0F5F7;
	text-transform: none;
	border-bottom: none;
	font-size: 12px;
}
.rd9 {font-size:9pt; font-weight:normal;line-height:16pt; font-family:'arial,新細明體'; text-decoration:none;color:#BEFAFF;}
.r9 {font-size:9pt; font-weight:normal;line-height:16pt; font-family:'arial,新細明體'; text-decoration:none;color:red;}
.filloff{display:"block";cursor:hand;background-color:transparent;padding-left:10px;;padding-right:10px;;padding-top:10px;;padding-bottom:10px;}
.fillon{display:"block";cursor:hand;background-color:#0E67F9;border-width:1px;border-style:solid;border-color:#EAF3FD;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;}
.forumcol {color:#ffffff;padding-left:5px;height:30px;line-height:24px;font-size:12px}
.lbl9 {font-size:9px;color:#Dcfaff}
.w9 {font-family:'Arial,SimHei,新細明體';font-size:9px;color:#ffffff}
.w12 {font-size:12px;color:#ffffff}
.w12b {font-size:12px;color:#ffffff;font-weight:bold}
.itempic{width:140px;height:122px;padding-top:10px;background:url(itembg.gif);background-repeat:no-repeat;text-align:center}
.itemname{padding-top:5px;font-size:11px;color:#ffffff}
.itemprice{font-family:Arial;font-size:14px;font-weight:bold;color:#ffffff}
.itemtime{font-family:Arial;font-size:12px;font-weight:bold;color:#092d67}
.input { background-color: #fcfffe; color: #374B46; font-size: 10pt; border: 1px solid #111111 }
#input       { background-color: #ffffff; color: #000000; line-height:16pt;font-size: 10pt; border: 1px solid #111111 }
.fieldrow { padding-top:5px;padding-bottom:2px;border-width:1px;border-bottom-style:dotted;border-color:#d4d4d4}
.columnrow { padding-top:5px;padding-bottom:2px;border-width:1px;border-bottom-style:dotted;border-color:#d4d4d4}
.fieldtitle { height:40px;padding-top:13px;text-align:left;color:#484F61;font-size:11px}
.fieldcontent { width:400px;height:40px;text-align:left;padding-top:11px}
.itemtitle { height:40px;padding-top:11px;text-align:left;color:#2D3D74;font-size:22px;font-weight:bold;}
.itemPromo { padding-top:5px;text-align:left;color:#860000;font-size:16px;}
.itemDesc { padding-top:5px;text-align:left;color:#596076;font-size:12px;}
.cl_pic {width:100px;height:100px;overflow:auto;}
.cl_date {width:60px;font-size:10pt; color: #575757;padding:5px;}
.cl_no {font-size:10pt; color: #6B0317;padding:5px}
.cl_item {font-size:12pt; color: #6B0317;padding:5px}

#cl_item a{
	color:#8287BD;
	text-decoration:none;
	font-size:125%;
	margin:0 5px;
}
#cl_item a:hover{
	color:#545675;
	text-decoration:none;
	font-size:125%;
	margin:0 5px;
}
.cl_field {font-size:10pt; color: #d2ffa;padding:5px}
.cl_amount {font-size:10pt; color: #9b0000;padding:5px;text-align:right}
.cl_promo {width:300px;height:20px;overflow:no;font-size:10pt; color: #736E6F;padding:5px;}
.cl_row {width:500px;height:5px;border-bottom-style:dotted;border-width:2px;border-color:#d4d4d4}
.remark {text-align:left;color:#002FA5;font-size:11px}
.notice {text-align:left;color:#b80023;font-size:11px}
.stepDesc {width:180px;text-align:left;color:#002FA5;font-size:13px;line-height:26px}
.left_dh {text-align:left;color:#b80023;font-size:10px;font-family:arial;}
.w12{ color:#ffffff; font-size:12px}
.b12{ color:#000000; font-size:12px;padding:5px}
.b10{ color:#575757; font-family:arial;font-size:10px;padding:5px}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.floatleft {float: left;}
.floatright { float: right; }
.clear {clear: both;}
.inline { display: inline; }
.alignleft {text-align:left;}
.aligncenter {text-align:center;}
.alignright { text-align: right;}
.hide {display:none;}
.td1 { border-style:solid;border-width:1px;border-color:#787878;background-color: #DDDDDD;font-size:12px;font-color:#475379;text-align:center}
.currUserTitle { color:#2A4CBB;font-size:20px;font-family:simhei}
.currUserAccount { color:#2A4CBB;font-size:16px;font-weight:bold;font-family:Arial}
.bannerlink { width:102; height:24; text-align:center;padding-top:2px;line-height:24px; font-size:12px;background:url(bannerlink.gif);background-repeat:no-repeat}
.bannerlinkon { width:102; height:24; text-align:center;padding-top:2px;line-height:24px; font-size:12px;background:url(bannerlinkon.gif);background-repeat:no-repeat}
.bannerlinkbg { width:880;background:url(bannerlinkbg.gif);background-repeat:repeat-x}
.bannerlinks { width:82; height:27; text-align:center;padding-top:2px;line-height:24px; font-size:12px;background:url(bannerlinks.gif);background-repeat:no-repeat}
.bannerlinkson { width:82; height:27; text-align:center;padding-top:2px;line-height:24px; font-size:12px;background:url(bannerlinkson.gif);background-repeat:no-repeat}
.maintag { width:144; height:30; text-align:center;padding-top:0px;line-height:24px; font-size:12px;background:url(maintag.gif);background-repeat:no-repeat}
.maintagon { width:144; height:30; text-align:center;padding-top:0px;line-height:24px; font-size:12px;background:url(maintagon.gif);background-repeat:no-repeat}
.maintagbg { width:550;background:url(maintagbg.gif);background-repeat:repeat-x}
.linkbutn { width:100; height:28; text-decoration:none;text-align:center;padding-top:0px;line-height:24px; font-size:12px;background:url(linkbutn.gif);background-repeat:no-repeat;cursor:hand}
.docTitle { font-size:16px;color:#6D6BBC}
.fieldvalue{ font-weight:bold;font-size:16px;color:#2926AC}
.totalvalue{ font-weight:bold;font-size:20px;color:#bb0000}
.font1{ font-weight:bold;font-size:12px;color:#2F5171}
.stockup{color:#009900}
.stockdown{color:#ff0000}
.cashtd{padding-right:50px}

#bannerbg{
	background:url(banner_bg.gif) repeat-x left;
}

#bannerlink
span a{
	color:#8287BD;
	text-decoration:none;
	font-size:85%;
	margin:0 5px;
}
#bannerlink span a:hover{
	color:#000;
	text-decoration:none;
}
#bannerlink span a:active{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}


#spaceline{
   color:#fff;
   margin: 10 auto;
}
#footer {
  background: #8b8c98;
  color: #ddd;
  border-top: 2px solid #666;
  clear: both;
  margin: 0 auto;
}

#footer-wrapper {
  width: 800px;
  margin: 0 auto;
  padding: 0.3em 0;
  font-size: 81.25%;
  text-align: left;
}

#footer-nav {
  text-align: right;
}

#footer a, #footer a:visited {
  text-decoration: none;
  color: #ffc;
}

#footer a:hover {
  text-decoration: underline;
  color: #cfc;
}
#baseDiv {
	position: relative;
	width: 875px;
	margin-left: auto;
	margin-right: auto;
	}
#masthead {
	width: 875px;
	margin: 15px auto;
}
#masthead.logo1{
	float: left;
	display: block;
	text-align:left;
	margin: 1px 50px 6px 0;
	margin:0px;
	padding-top:0px;
	padding-left:30px;	
}
#masthead .logo {
	float: left;
	display: block;
	margin: 1px 50px 6px 0;
}
#masthead .logo img {
    width: 342px;
	height: 68px;
	background: transparent url(main_collect.gif) no-repeat scroll 0px 0px;
}

#masthead .nav {
	float: left;
	width: 951px;
	height: 28px;
	padding: 5px 0 0 0;
	margin: 0;
	list-style-type: none;
}
#masthead .nav-item {
	display: block;
	float: left;
	background: transparent url(main_collect.gif) no-repeat scroll 0 -147px;
	margin-right: 5px;
}
#masthead .nav-item.selected {
	background: transparent url(main_collect.gif) no-repeat scroll 0 -110px;
}
#masthead .nav-item .leftcap {
	display: block;
	float: left;
	width: 5px;
	height: 28px;
	background: transparent url(main_collect.gif) no-repeat scroll -373px 0px;
}
#masthead .nav-item.selected .leftcap {
	background: transparent url(main_collect.gif) no-repeat scroll -363px 0px; 
}
#masthead .nav-item .rightcap {
	display: block;
	float :left;
	width: 5px;
	height: 28px;
	background: transparent url(main_collect.gif) no-repeat scroll -378px 0px;
}
#masthead .nav-item.selected .rightcap {
	background: transparent url(main_collect.gif) no-repeat scroll -368px 0px;
}
#masthead .nav-item .content {
	width: 134px;
	height: 22px;
	text-align: center;
	display: block;
	float: left;
	padding: 6px 0 0 0;
    color: #039;
	font-family: 新細明體, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	white-space: nowrap;
}

#masthead .nav-item.selected .content {
	color: #333;
}


#masthead .bar .content {
	text-align: center;

}

#bar {
	float: left;
	width: 875px;
	height: 35px;
}

#bar .leftcap {
	display: block;
	float: left;
	background: transparent url(main_collect.gif) no-repeat scroll -353px 0px;
	width: 5px;
	height: 37px;
}
#bar .rightcap {
	display: block;
	float: left;
	background: transparent url(main_collect.gif) no-repeat scroll -358px 0px;
	width: 5px;
	height: 37px;
}

/*================ CLEAR  =*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

input,textarea{
	font-family:Arial, Helvetica, sans-serif;
}
form{
	margin:0px;
	padding:0px;
}
/*===============================================================top==*/
#warp{
	width:922px;
	margin:0 auto;
	text-align:left;
}
#head{
	width:146px;
}
#title{
	margin:146px 0 0 260px;
	width:619px;
	height:54px;
}
#title h1{
	margin:0px; padding:0px;
	text-indent:-9999px;
	line-height:54px;
}


/* title*/
.h1tit1-1{
	background:url(title_01.jpg) no-repeat;
}
.h1tit1-2{
	background:url(title_01_2.jpg) no-repeat;
}

.h1tit2{
		background:url(title_02.jpg) no-repeat;
}

.h1tit3-1{
		background:url(title_03_1.jpg) no-repeat;
}
.h1tit3-2{
		background:url(title_03_2.jpg) no-repeat;
}
.h1tit4-1{
		background:url(title_04.jpg) no-repeat;
}
.h1tit4-2{
		background:url(title_04_2.jpg) no-repeat;
}
.h1tit5{
		background:url(title_05.jpg) no-repeat;
}
.h1tit6{
		background:url(title_06.jpg) no-repeat;
}
.h1titcontact{
		background:url(title_contact.jpg) no-repeat;
}
.h1titmap{
		background:url(title_map.jpg) no-repeat;
}
.h1titsitemap{
		background:url(title_smap.jpg) no-repeat;
}





/*==============================================================    main  ===*/
#main{
	background:url(banner_bg.gif) repeat-y left;
}
#mleft{
	float:left;
	width:210px;
	margin-left:15px;
}
*html div#mleft{margin-left:7px;} /*-for ie6-*/
#mright{
	float:right;
	width:630px;
	/*height:350px;*/
	min-height:350px;
	padding:0 30px 30px 30px;
	color:#545454;
}
*html #mright{ height::350px;} /*-for ie6-*/

#mleft h2{
	font-size:1px;
	margin:0px; padding:0px;
	text-indent:-9999px;
	height:1px;
}
#mleft ul{
	margin:0px; padding:0px;
	list-style:none;
}
#mleft ul li{
	display:block;
	width:205px;
}
#mleft ul li a{
	display:block;
	line-height:28px;
	width:190px;
	background:url(ico_menu.gif) no-repeat 195px 10px;
	text-align:right;
	padding-right:15px;
	color:#898989;
	text-decoration:none;
	border-bottom:#65b5ff solid 1px;
}
#mleft ul li a:hover{
	color:#C7083B;
	background:url(ico_menu2.gif) no-repeat 195px 10px;
}
#mleft ul li span{
	display:block;
	height:28px;
	line-height:28px;
	width:190px;
	background:url(ico_menu.gif) no-repeat 195px 10px;
	text-align:right;
	padding-right:15px;
	color:#898989;
	text-decoration:none;
	border-bottom:#65b5ff solid 1px;
	font-weight:bold;
}
/*SUB*/
#mleft ul li a.sub{
	display:block;
	height:25px;
	line-height:25px;
	background:url(ico_menu.gif) no-repeat 195px 10px;
	text-align:right;
	padding-right:20px;
	color:#818181;
	text-decoration:none;
	border-bottom:#CCCAC8 dotted 1px;
	width:185px;
}
#mleft ul li a.sub:hover{
	color:#C7083B;
	background:url(ico_menu2.gif) no-repeat 195px 10px;
}
#mleft ul li a.pay{
	display:block;
	height:25px;
	line-height:25px;
	background:url(../image/cource/bullet_star.gif) no-repeat 190px 8px;
	text-align:right;
	padding-right:20px;
	color:#818181;
	text-decoration:none;
	border-bottom:#CCCAC8 dotted 1px;
	width:185px;
}
#mleft ul li a.pay:hover{
	color:#C7083B;
	background:url(../image/cource/bullet_star2.gif) no-repeat 190px 8px;
}





#ads{
	margin:10px 0 0 7px;
}
#ads ul li{
	background:none;
	border-bottom:none;
	height:auto;
	margin:5px 0;
	padding:0px;
}
#ads ul li a{
	background:none;
	border-bottom:none;
}

#ads ul li a:hover{
	background:none;
	position:relative;
	top:-1px;
	left:-1px;
}



/*==============================================================    foot  ===*/
#foot{
	clear:both;
	background:url(foot_bg.gif) no-repeat;
	height:100px;
	padding:10px 0;
}

#menu{
	font-size:85%;
	margin:0px 10px 35px 0px;
	padding:20px 0 0 390px;
}


#menu a{
	float:left;
	background:url(menu_line.gif) no-repeat 0 1px;
	display:block;
	color:#898989;
	padding:0 10px;
	height:15px;
	text-decoration:none;
}
#menu a:hover{
	color:#676767;
	text-decoration:underline;
}
address{
	display:block;
	float:left;
	font-style:normal;
	font-size:85%;
	width:670px;
	padding-left:100px;
	color:#888888;
}
address b{
	color:#c10435;
	font-weight:normal;
	margin-left:10px;
}
address a{
	color:#707070;
	text-decoration:none;
}
address a:hover{
	color:#333333;
	text-decoration:underline;
}
.copyright{
	color:#aeaeae;
	text-decoration:none;
	font-size:85%;
	padding-top:5px;
	display:block;
}
.copyright:hover{
	color:#CC3300;
}

/*==============================================================   topswf  ===*/
#topswf{
	position:absolute;
	height:270px;
	top:0px;
	z-index:1;
	width:100%;
	left:0px;
}
#navloc{
	position:absolute;
	width:100%;
	z-index:10;
	top:0px;
	left:0px;
}
#navloc div{
	width:830px;
	margin:0 auto;
	text-align:right;
	margin-top:5px;
}
#navloc div a{
	color:#8287BD;
	text-decoration:none;
	font-size:85%;
	margin:0 5px;
}
#navloc div a:hover{
	color:#000;
	text-decoration:underline;
}

/*==============================================================   暻萄?撅?===*/
#breadcrumb{
	position:absolute;
	width:100%;
	z-index:15;
	top:200px;
	left:0px;
}
#breadcrumb div{
	width:830px;
	margin:0 auto;
	display:block;
	text-align:right;
	font-size:85%;
	color:#8A847E;
}
#breadcrumb div a{
	color:#999999;
	text-decoration:none;
	
}
#breadcrumb div a:hover{
	color:#666666;
	text-decoration:underline;
}

/*==============================================================    alert  ===*/
#warning{
	border:#97AFCE solid 2px;
	text-align:center;
	line-height:180%;
	padding:40px;
	background:#F6F8F9;
}
#warning a{
	color:#003399;
	text-decoration:underline;
}
#warning a:hover{
	color:#00CC00;
	text-decoration:none;
}
/*==============================================================    page  ===*/
#setpage{
	margin:5px 0;
}
.ttleft{
	float:right;
	width:140px;
	text-align:right;
	padding-right:10px;
	font-size:90%;
}
.pages{
	float:left;
	width:400px;
}
.pages a{
	color:#767676;
}
.pgnum a,.pgnum span{
	text-align:center;
	width:18px;
	display:block;
	float:left;
	line-height:18px;

	margin:0 0px;
	text-decoration:none;
	font-size:95%;
}
.pgnum span b{
	color:#0066CC;
}

.pgnum a:hover{
	color:#FFFFFF;
	background:#0066CC;
}
.prev{
	background:url(../image/news/ico_prev.gif) no-repeat left;
	display:block;
	padding:0px 0px 0px 15px;
	line-height:18px;
	border:none;
	width:36px;
	float:left;
	margin:0 5px;
	text-decoration:none;
}
.prev:hover{
	text-decoration:underline;
	color:#0066CC;
}
.next{
	background:url(../image/news/ico_next.gif) no-repeat right;
	display:block;
	padding:0px 15px 0px 0px;
	line-height:18px;
	border:none;
	width:36px;
	float:left;
	margin:0 5px;
	text-decoration:none;
}
.next:hover{
	text-decoration:underline;
	color:#0066CC;
}
.iconbtn {
	BORDER-RIGHT: 1px solid #2F342D;
	PADDING-RIGHT: 2px; 
	BORDER-TOP: 1px solid #ADB3AA;
	PADDING-LEFT: 1px; PADDING-BOTTOM: 1px;
	FONT: 9pt/15px "新細明體";
	BORDER-LEFT: 1px solid #ADB3AA;
	COLOR: #FFFFFF;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: 1px solid #2F342D;
	HEIGHT: 14pt;
	BACKGROUND-COLOR: #e5e5e5;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
}
.orderbtn {
	BORDER-RIGHT: 1px solid #342D2D;
	PADDING-RIGHT: 2px; 
	BORDER-TOP: 1px solid #B3AAAA;
	PADDING-LEFT: 1px; PADDING-BOTTOM: 1px;
	FONT: 9pt/15px "新細明體";
	BORDER-LEFT: 1px solid #B3AAAA;
	COLOR: #FFFFFF;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: 1px solid #342D2D;
	HEIGHT: 14pt;
	BACKGROUND-COLOR: #A96767;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
}