/* ============================================
客服中心左右佈局

Usage examples:
<div id="Content">
	<div class="KfColLeft"></div>
	<div class="KfColRight"></div>
</div>
============================================ */
.KfColLeft {
	float:left;
	width:21%;
	text-align:left;
	font-size:11pt;
}
.KfColRight {
	float:right;
	width:77%;
	text-align:left;
}
/* ============================================
左邊的列表
	用戶中心，幫助，熱門問題

Usage examples:
<div class="KfColLeft">
	<ul class="KF">
		<li></li>
	</ul>
	<ul class="Help">
		<li></li>
	</ul>
	<ul class="HotPro">
		<li></li>
	</ul>
</div>
============================================ */
.KfColLeft ul {
	margin-bottom:8px;
}
.KfColLeft li strong {
	font-size:18px;
	color:#23557A;
}
/*====== 客服樣式	=====*/
.KfColLeft ul.KF {
	border:1px solid #B7B7B7;
	padding:4px 0;
	border-top-color:#DFDFDF;
}
.KfColLeft ul.KF li {
	color:#1F5379;
	font-size:16px;
	font-weight:bold;
	line-height:48px;
	background-repeat:no-repeat;
	background-position: 10px 2px;
	padding-left:50px;
}
.KfColLeft ul.Help {
	border:1px solid #E7D69E;
	border-top:0;
}
.KfColLeft ul.HotArtical{
	border:1px solid #E7D69E;
	border-top:0;
}
.KfColLeft ul.Help li {
	line-height:30px;
	padding-left:30px;
	background:transparent url(//image.8591.com.tw/index/public/global/07.gif) no-repeat 20px 50%;
}
.Hot{
	text-align:left;
	color:#0084C1;
	padding-left:8px;
	list-style-type:lower-roman;
	font-size:10pt;
	line-height:25px;
}
.Hot B{
	border:1px solid #C7C7C7;
	color:#0044DD;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	padding:0.02em 0.35em;
	text-decoration:none;
}

.secKf{
	background:transparent url(//image.8591.com.tw/index/public/global/07.gif) no-repeat 15px center;
	line-height:20px;
	font-size:9pt;
	margin-left:15px;

}
/*====	聯繫方式 ===*/
.KfContact {
	border:1px solid #E7D69E;
	font-size:9pt;
	padding:4px 10px;
}
.KfContact span.TeleFax {
	margin-right:6px;
}
/*====	服務說明 =====*/
.KfServiceDesc {
	border:1px dashed #D9D9D9;
	margin-bottom:8px;
	padding-right:10px;
	padding-left:10px;
}
.KfServiceDesc .ImgCoffee {
	float: left;
	width:129px;
	height: 107px;
	background:transparent url(//image.8591.com.tw/index/help/public/coffee.gif) no-repeat scroll center 6px;
	margin:1em 4px 0 0;
}
.KfServiceDesc p {
	line-height:20px;
	margin: 0;
	padding:0;
	text-indent:2em;
}
.KfServiceDesc p.FirstP {
	margin:6px 0pt 0pt;
}
/*====	左边菜单 =====*/
.HelpColLeft {
	text-align:center;
	border:1px solid #E7D69E;
	border-top-width: 0;
	margin-bottom: 6px;
	text-align:center;
	padding:1px 0pt;
}
.HelpColLeft h4{
	width:100%;
	line-height:32px;
	background-color:#FFCD35;
	margin:0;
	padding:0;
}
.HelpColLeft dl {
	margin-top:-2px;
	width:97%;
}
.HelpColLeft dl dt {
	clear: both;
	background:transparent url(//image.8591.com.tw/index/public/global/folder1.gif) no-repeat 12px 3px;
	line-height:24px;
	cursor:pointer;
	margin-top:8px;
	display:block;
	text-align:left;
	color:#0000BB;
}
.HelpColLeft dl dt.Folder2 {
	background:transparent url(//image.8591.com.tw/index/public/global/folder2.gif) no-repeat 12px 3px;
}
.HelpColLeft dl dt strong {
	font-size:12pt;
	font-weight:normal;
	padding-left:30px;
	text-align:justify;
}
.HelpColLeft dl dd {
	margin-left:16px;
}
.HelpColLeft ul {
	margin:0;
	text-align:left;
	padding:0pt 0pt 0pt 10px;
}
.HelpColLeft li {
	background:transparent url(//image.8591.com.tw/index/public/global/07.gif) no-repeat 15px center;
	line-height:20px;
	font-size:10pt;
	padding-left:25px;
}
.HelpColLeft li a {
	display:block;
	width:100%;
	text-decoration:none;
	font-size:9pt;
}
.HelpColLeft li a:link,.HelpColLeft li a:hover, .HelpColLeft li a:visited {
	text-decoration: none;
}
.CharAlign {
	padding: 0pt 3px;
}
/* ============================================
右邊的列表
	網站公告， 客服公告

Usage examples:
<ul class="KfBulletinList">
	<li>
		<strong></strong>
		<p></p>
		<span class="More"></span>
	</li>
</ul>
============================================ */
UL.KfBulletinList { margin-bottom:8px;}
UL.KfBulletinList strong {
	margin-left:2em;
}
UL.KfBulletinList strong a:link, UL.KfBulletinList strong a:visited {
	font-family:Verdana;
	font-size:11pt;
	color: #FE1A1A;
	line-height:150%;
}
UL.KfBulletinList li {
	border-bottom:1px dashed #D9D9D9;
	background-color:#FFFAFA;
	padding:4px 0;
}
UL.KfBulletinList li p {
	margin: 0;
	padding:0;
	margin-right: 1em;
}
UL.KfBulletinList li .PostTime {
	border-right:1px solid #AAAAAA;
	padding-right:8px;
	margin-right: 8px;
}
UL.KfBulletinList li .PostRead {
	vertical-align:middle;
	font-family: Tahoma;
}
UL.KfBulletinList li p.PCont {
	margin-top:8px;
	color:#000000;
	padding:4px 0pt;
	padding-left:24px;
}
UL.KfBulletinList li p.PCont:hover {
	cursor:pointer;
}
UL.KfBulletinList li span.More {
	display:block;
	text-align:right
}
.help_box{
	float:right;
	margin: auto;
	width:77%;
}
.help_box_title1 {
	height:40px;
	padding-top:6px;
	text-align:left;
	font-family: Verdana;
	font-size: 23px;
	font-weight: bolder;
	color: #000000;
	word-spacing: 1px;
}
.help_box_title2 {
	text-align:center;
	height:30px;
	background: #cbecfc;
	font-family: Verdana;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
	word-spacing: 1pt;
	line-height: 20pt;
	font-weight: bold;
}
.help_box_content {
	line-height:20px;
	font-size:11pt;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	border:#cbecfc 1px solid;
	text-align:left;
	background: #ffffff;
}
.help_window_box{
	clear: both;
	margin: auto;
	width:400px;
}
.help_window_box_title {
	text-align:left;
	height:30px;
	background: #cbecfc;
	font-family: Verdana;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
	word-spacing: 1pt;
	line-height: 20pt;
	padding-left:5px;
}
.help_window_box_content {
	letter-spacing:1pt;
	line-height:20px;
	font-size:14px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	border:#cbecfc 1px solid;
	text-align:left;
	background: #ffffff;
}
.help_right_box {
	float:right;
	width:77%;
	text-align:left;
}
.help_right_box a {
	font-size: 10pt;
}
.help_right_title {
	height:40px;
	padding-top:6px;
}
.help_fuhao {
	font-family: Arial;
	font-size: 21px;
	font-weight: bolder;
	color: #000000;
	text-decoration: underline;
}
.help_fuhao1 {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.help_fuhao2 {
	font-family: Arial;
	font-size: 21px;
	font-weight: bolder;
	color: #000000;
}
.help_serfont04 {
	font-family: Verdana;
	font-size: 16px;
	color: 001FBB;
	word-spacing: 1px;
	line-height: 25px;
}
table.help_table1{
	width:100%;
	border:#cbecfc 1px solid;
}
table.help_table1 thead tr
{
	text-align:center;
	height:30px;
	background-color:#cbecfc;
	font-family: Verdana;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
	word-spacing: 1pt;
	line-height: 20pt;
	font-weight: bold;
}

table.help_table1 tbody tr
{
	height:20px;
	text-align:left;
	FONT: 11pt Arial; LINE-HEIGHT: 150%; FONT-STYLE: normal; padding: 0; margin: 0;
	background-color:#FFFFFF;
	background-color:expression('#EEFAFF,#FFFFFF'.split(',')[rowIndex%2]);
}
.helpMenu{
	clear: both;
	margin-top: 10px;
	width:153px;
	height: 31px;
	vertical-align:middle;
	background: url("//image.8591.com.tw/index/help/helpmenubig.gif");
	text-align: left;
	cursor:pointer;
}
.helpMenu ul{
	font: 12pt Arial;	FONT-STYLE: normal; padding: 0; margin: 0;font-weight: bold;
	margin-top:6px;
	text-indent: 10px;
	float:left;
	height:24px;
}
.helpSubMenu{
	clear:both;
	margin-top: 5px;
	margin-left:22px;
	width:131px;
	height: 21px !important;
	height: 18px;
	background:url("//image.8591.com.tw/index/help/helpmenusm.gif");
	cursor:hand;
}
.helpSubMenu ul{
	FONT: 10pt Arial; FONT-STYLE: normal; padding: 0; margin: 0;
	padding-top: 3px;
	text-indent: 10px;
	float:left;
	height:18px;
}
table.TblMsgbox {
	border-collapse:collapse;
	border:1px solid #E4E4E4;
}
/* ============================================
留言列表

Usage examples:
<div class="Msgbox">
	<div class="Mtop">
		<div class="Nickname"></div>
		<div class="About"></div>
	</div>
	<div class="Mbottom">
		<div class="Content">
	</div>
</div>
============================================ */
.Msgbox {
	clear:both;
	margin-bottom:5px;
	border:1px solid #B7CCEB;
	display: block;
	font-size:11pt;
}
.Msgbox .Mtop {
	padding:4px 2px;
	background-color:#E3F4FD;
	border-bottom:1px solid #B7CCEB;
	height:18px;
}
.Msgbox .Mtop .Nickname { float:left;	font-size:10pt;}
.Msgbox .Mtop .About {	float:right;}
.Msgbox .Mbottom { clear:both;  margin-top:10px;}
.Msgbox .Mbottom .Content { padding:0px 36px;	}
.GuestBookDesc {
	border:1px solid #B7CCEB;
	padding:8px 0;
	margin-bottom:8px;
}
.GuestBookDesc li {
	list-style: disc;
	margin-left:30px;
	font-size:10pt;
}
.GuestBookDesc ul{
 font-size:11pt;
}
/* ============================================
留言输入框

Usage examples:
<div class="GuestInBox">
	<h2></h2>
	<div class="LeftBox">
		<div class="LeftINput">
			<ul>
				<li></li>
			</ul>
		</div>
	</div>
	<div class="RightBox">
		<div class="RightInput"></div>
	</div>
</div>
============================================ */
.GuestInBox {
	float:left;
	border:1px solid #B7CCEB;
	overflow: hidden;
	font-size:10pt;
	margin-bottom:5px;
}
.GuestInBox h2 {
	background: transparent url(//image.8591.com.tw/index/guestBook/index/connect/gb-add.gif) no-repeat 4px center;
	background-color:#E3F4FD;
	padding:4px 0 4px 30px;
	font-size: 9pt;
	font-weight:normal;
	border-bottom:1px solid #B7CCEB;
}
.GuestInBox .LeftBox {
	float: left;
	width:70%;
	padding:15px 48px 15px 105px;
}
.GuestInBox .LeftBox .LeftInput {
	width:270px;
	margin:0 auto;
	line-height:20px;
}
.GuestInBox .LeftBox li {
	height:25px;
}
.GuestInBox .LeftBox label {
	float: left;
	width:150px;
	text-align:right;
}
.GuestInBox .RightBox {
	float:left;
	padding:14px 0pt;
	text-align:center;
	width: 59%;
}
.GuestInBox .RightBox .RightInput {
	margin:0 auto;
}
/*======??????====================== */
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:14pt; font-family:"Verdana";text-align:center;color:#333333;
padding-top:0.5em;padding-bottom:0.5em; }
#xsnazzy h2 {font-size:11pt; border:0;font-family:"MingLiU","PMingLiU";color:#06a;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}
.xboxcontent p{color:#333333;font-size:11pt;font-family:"Arial","MingLiU","PMingLiU";
line-height:20pt;padding-left:10pt;padding-bottom:0.5em; }
 .xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 { border-left:1px solid #B7CCEB; border-right:1px solid #B7CCEB;}
.xb1 {margin:0 5px; background:#B7CCEB;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent ul{padding-left:30pt;}
.xboxcontent li{list-style-type:decimal;font-size:11pt;line-height:17pt;padding-left:10pt;padding-bottom:0.5em; color:#333333;font-size:11pt;font-family:"Arial","MingLiU","PMingLiU";}
.xboxcontent {display:block; background:#FFFFFF; border:0 solid #B7CCEB; border-width:0 1px;}

/*subject  css*/
#submenu {
MARGIN: 0px 8px 0px 8px;
PADDING: 4px 0px 0px 0px;
BACKGROUND: #ffffff;
HEIGHT:28px; 
width:98%;
border-bottom:2px solid #F59F4A;
} 
#submenu ul {
margin: 0px;
paddding:0px;
list-style-type:none;
text-align:center;
dispaly:inline;

}

#submenu li {
FLOAT: right;
DISPLAY: block;
width:90px;
TEXT-ALIGN: center;
}

#submenu li a {
DISPLAY: block;
BACKGROUND: url(//image.8591.com.tw/index/help/tableft.jpg) transparent no-repeat right top;
FONT-WEIGHT: bold;
WIDTH: 100%;
TEXT-DECORATION: none;
color:#FFFFFF;
font-size:16px;
font-family:"MingLiU","PMingLiU";
line-height:28px;}

#submenu li a:hover {
BACKGROUND: url(//image.8591.com.tw/index/help/tabright.jpg) no-repeat right top;
}
#sbox {
float:right;
width:720px;
display:block;
 background:#FFFFFF; 
 margin:5px 5px 5px 2px;
color:#333333;
font-family:Verdana;
font-size:11pt;
line-height:20pt;
text-decoration:none;
word-spacing:1pt;

 }
 .searchBox{
	 background:#FAFAFA;
	 text-align:center;
	 vertical-align:middle;
 }