@import "sideArea.css";

/*********************** 企業服務次選單 start **********************/
#subMenuWeb{
	left:0;
}
#subMenuWeb .menuArrow{
	margin-left:47px;
}
#subMenuVoice{
	left:82px;
}
#subMenuVoice .menuArrow{
	margin-left:65px;
}
#subMenuManage{
	left:198px;
}
#subMenuManage .menuArrow{
	margin-left:47px;
}
#subMenuIT{
	left:282px;
}
#subMenuIT .menuArrow{
	margin-left:40px;
}
#subMenuCustomerService{
	left:350px;
}
#subMenuCustomerService .menuArrow{
	margin-left:62px;
}
/*********************** 企業服務次選單 end **********************/

#breadCrumb img.adjustY{
	position:relative;
	top:-3px;
}

/************************* KV 旁標題 start ************************************/
#kvTitle{
	width:176px;
	height:100px;
	background:#e0e0e0 url(../../images/bgKVTitleGrdnt.gif) repeat-x;
	border-right:5px solid #f46f21;
	padding-top:20px;
}
#kvTitle img{
	display:block;
	margin-left:20px;
}
/************************* KV 旁標題 end ************************************/

/************************* KV start ************************************/
#pageKV{
	width:540px;
	padding-right:13px;
}
/************************* KV end ************************************/

/************************* KV 旁 banner start ************************************/
#kvSideBanner{
	width:176px;
}
#kvSideBanner .bannerTxt{
	background:#e9e9e9;
	padding:7px 5px 6px;
}
*+html #kvSideBanner .bannerTxt{
	padding:9px 5px 6px;
}
* html #kvSideBanner .bannerTxt{
	padding:9px 5px 6px;
}
#kvSideBanner .bannerTxt a{
	display:block;
	width:166px;
	white-space:nowrap;
	overflow:hidden;
}
/************************* KV 旁 banner end ************************************/

/******************************* 左邊整個 start **********************************/
#leftSide{
	width:176px;
	padding-top:5px;
}
#leftMenuBlock ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-family:Arial;
}
* html #leftMenuBlock ul li{ /** 修正 IE6 的 li 下方會多一行空白 **/
	display:inline;
}

/********************* 左邊登入區塊 start ************************/
#loginArea{
	margin-top: 8px;
	width:176px;
}
#loginArea .formArea{
	background:#f2f2f2;
	padding:8px 5px 5px 12px;
}
/********************* 左邊登入區塊 end ************************/

/********************* 左邊選單 主選項 start ************************/
#leftMenuBlock ul li.leftMain a{
	display:block;
	padding:10px 0 6px 8px;
	border-bottom:1px solid #cccccc;
}
* html #leftMenuBlock ul li.leftMain a:hover{ /** IE 6 必須在 a:hover 隨便改變一個屬性, 才會顯示下面的 a:hover 裡的 img 的左邊框  **/
	background:#FFFFFF;
}
#leftMenuBlock ul li.leftMain a img{
	display:block;
	border:none;
	border-left:4px solid #FFFFFF;
}
#leftMenuBlock ul li.leftMain a:hover img,
#leftMenuBlock ul li.leftMain a.nowMain img,
#leftMenuBlock ul li.leftMain a.nowMain:hover img{
	border-left:4px solid #1683b1;
}
/********************* 左邊選單 主選項 end ************************/

/********************* 左邊選單 次選項 start ************************/
#leftMenuBlock ul li.leftSub a{
	font-size:13px;
	display:block;
	padding:5px 0 6px 22px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../../images/bgLeftSubMenu.gif) repeat-y;
	border-bottom:1px solid #cacaca;
}
*+html #leftMenuBlock ul li.leftSub a{
	padding:3px 0 5px 22px;
}
* html #leftMenuBlock ul li.leftSub a{
	padding:7px 0 5px 22px;
}
#leftMenuBlock ul li.leftMain ul li.leftSub a:hover{
	background:#808080 none;
}
#leftMenuBlock ul li.leftMain li.leftSub a.nowSub,
#leftMenuBlock ul li.leftMain li.leftSub a.nowSub:hover{
	background:url(../../images/bgLeftSubMenuNow.gif) repeat-y;
	border-bottom:1px solid #84a6b4;
}
/********************* 左邊選單 次選項 end ************************/

/********************* 左邊選單 詳細選項 start ************************/
#leftMenuBlock ul li.leftSub ul{
	background:#434343 url(../../images/bgLeftMenuDetailGrdnt.gif) repeat-x;
	padding:10px 0;
}
#leftMenuBlock ul li.leftSub ul li a{
	display:block;
	padding:4px 0 5px 35px;
	font-size:12px;
	font-weight:normal;
	color:#d0d0d0;
	background:none;
	border-bottom:none;
}
*+html #leftMenuBlock ul li.leftSub ul li a{
	padding:1px 0 3px 35px;
}
* html #leftMenuBlock ul li.leftSub ul li a{
	padding:5px 0 5px 35px;
}
#leftMenuBlock ul li.leftMain li.leftSub ul li a:hover,
#leftMenuBlock ul li.leftMain li.leftSub ul li a.nowDetail{
	color:#FFFFFF;
	background:url(../../images/leftDetailMenuArrow.gif) no-repeat 24px 8px;
}
#leftMenuBlock ul li.leftMain li.leftSub ul li a.nowDetail{
	font-weight:bold;
}
/********************* 左邊選單 詳細選項 end ************************/

/********************* 老客戶獨享 按鈕 start ************************/
#oldFriendBlock{
	margin-top:20px;
}
#oldFriendBlock a{
	display:block;
	background:#29353f url(../../images/bgLeftOldFriendBtn.gif) repeat-x;
	padding:9px 12px 8px 14px;
	margin-top:2px;
	font:12px Arial;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#oldFriendBlock a:hover{
	background-image:none;
}
#oldFriendBlock a span{
	display:block;
	background:url(../../images/go.gif) no-repeat right 6px;
}
/********************* 老客戶獨享 按鈕 end ************************/

/********************* 兩大方案 按鈕 start ************************/
#projectBlock{
	margin-top:20px;
}
#projectBlock a img{
	border:none;
}
#projectBlock a{
	display:block;
	border-bottom:1px solid #cacaca;
}
#projectBlock a:hover{
	border-bottom:1px solid #a9a9a9;
}
/********************* 兩大方案 按鈕 end ************************/

/******************************* 左邊整個 end **********************************/

#mainBlock{
	padding:20px 25px 0;
}

hr{
	height:1px;
	border:none;
	color:#dedede;
	background:#dedede;
}

h4#pageTitle{
	color:#FF6600;
	font-family:Arial;
	font-size:16px;
	margin:0;
	padding-bottom:5px;
}

.ctTitle{
	font:13px  Arial;
	font-weight:bold;
	color:#a14c08;
	background:#f5f2ee;
	padding:3px 0 1px 8px;
	border-left:3px solid #d2ab6e;
}
*+html .adjust{
	margin-top:5px;
}
* html .adjust{
	margin-top:5px;
}

.ctHighLight1{
	font:12px  Arial;
	font-weight:bold;
	color:#2c8eb3;
}
.ctHighLight1 a{
	color:#2c8eb3;
	text-decoration:underline;
}
.ctHighLight1 a:hover{
	text-decoration: none;
}

.ctHighLight2{
	font:12px  Arial;
	font-weight:bold;
	color:#ff4e00;
}
.ctHighLight3{
	font:12px  Arial;
	color:#ff0000;
}
.ctHighLight4{
	font:12px  Arial;
	color:#434343;
	font-weight:bold;
}
.ctHighLight4 a{
	color:#2c8eb3;
	text-decoration:underline;
}
.ctHighLight4 a:hover{
	text-decoration: none;
}

.ctHighLight5{
	font:12px  Arial;
	color:#ffff00;
	font-weight:normal;
}
.ctHighLight6{
	color:#a14c08;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.ctQ{
	font:12px  Arial;
	color:#2c8eb3;
}
.ctQ a{
	color:#2c8eb3;
	text-decoration:none;
}
.ctQ a:hover{
	text-decoration:underline;
}

.ctA{
	color:#7E7E7E;
	margin-top:5px;
	margin-left:20px;
	font-family: Arial;
	font-size: 12px;	
}

.tableStyle1 {
	background:#cacaca;
	font:12px  Arial;
	color:#666666;
}
.tableStyle1 td {
	background:#FFFFFF;
}
.tableStyle1 .tableMainHead {
	background:#5C8B8D;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
.tableStyle1 .tableSubHead {
	background:#ebf1f3;
	color:#008f86;
	text-align:center;
}

.olStyle1{
	font:12px  Arial;
	color:#666666;
	margin:0 0 0 32px;
	padding:0;
	line-height:1.6em;
}
.olStyle1 li{
	margin-top:5px;
}

.ulStyle1{
	font:12px  Arial;
	color:#666666;
	margin:0 0 0 26px;
	padding:0;
	line-height:1.6em;
	list-style:square;
}
.ulStyle1 li{
	margin-top:7px;
}
.ulStyle1 li ol li{
	margin-top:3px;
}

.ulStyle2{
	font:12px  Arial;
	color:#666666;
	margin:0 0 0 26px;
	padding:0;
	line-height:1.6em;
}
.ulStyle2 li{
	margin:3px 0 3px;
}
.ulStyle2 li ol li{
	margin-top:3px;
}

.formBtn{
	width:90px;
	margin:20px auto;
}
.formBtn a{
	display:block;
	border:3px double #FFFFFF;
	background:#5d5d5d url(../../images/bgFormBtn.gif) repeat-x;
	font:12px Arial;
	font-weight:bold;
	padding:4px 12px 3px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
}
.formBtn a:hover{
	background:#434343 none;
}

.formBtn2{
	width:90px;
	border:3px double #FFFFFF;
	background:#5d5d5d url(../../images/bgFormBtn.gif) repeat-x;
	font:12px Arial;
	font-weight:bold;
	padding:4px 12px 3px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
}
.formBtn2:hover{
	background:#434343 none;
}

.dash{
	font-size:0;
	height:1px;
	margin:8px 0;
	background:url(../../images/dash2.gif) repeat-x;
}

a.titleLink1{
	font:13px Arial;
	color:#FF6600;
	font-weight:bold;
	text-decoration:none;
}
a.titleLink1:hover{
	color:#333333;
}

a.titleLink2{
	font:12px Arial;
	color:#434343;
	font-weight:bold;
	text-decoration:none;
	border-left:3px solid #008f86;
	padding-left:5px;
	xdisplay:block;
	margin-top:10px;
}
a.titleLink2:hover{
	color:#07766f;
}

.top a{
	font:11px Arial;
	color:#666;
	text-decoration: none;
}
.top a:hover{
	color:#ff3300;
	text-decoration:none;
}

/************************* 分頁 start *******************************/
#page{
	font:12px Arial;
	color:#666;
	text-align:center;
	margin-top: 15px;
}
#page a{
	font:12px Arial;
	color:#666;
	text-decoration:none;
}
#page a:hover{
	color:#ff0000;
}
#page span{
	color:#ff0000;
	font-weight: bold;
}
/************************* 分頁 end *******************************/


/************************* 左側選單 start *******************************/

.linkMenu{
	font:12px Arial;
	color:#FF0000;
	padding-bottom: 10px;
}
.linkMenu a{
	font:12px Arial;
	color:#666;
	text-decoration:none;
	padding-bottom: 10px;
}
.linkMenu a:hover{
	color:#FF0000;
	background:url(../../../images/menuArrow.gif) no-repeat 1px 14px;
}