﻿
/******************************************* 大 KV 區塊 start *************************************************/
#kvBlock{
	height:400px;
}
#kvHomeBlock{
	border:1px solid #cccccc;
	border-right:none;
	position:relative;
	height:398px;
}

/******************* 家庭寬頻 之 半透明選單 start *******************/
#kvHomeBlock #kvHomeMenuBlock{
	position:absolute;
	left:-1px;
	top:271px;
	background:url(../../images/bgKVHomeBtm.jpg) no-repeat;
}
#kvHomeBlock #kvHomeMenuBlock #kvHomeMenu{
	width:680px;
	height:128px;
	background:url(../../images/bgKVHomeMenu.png) no-repeat;
}
* html #kvHomeBlock #kvHomeMenuBlock #kvHomeMenu{ 
	/* IE6 放 png 的 selector 不可設 position, 因為會讓 selector 內的連結失效, 所以只好在外面多包一個 div, 也就是上面的 #kvHomeMenuBlock */
	background:none;	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bgKVHomeMenu.png);
}
* html #kvHomeBlock #kvHomeMenuBlock #kvHomeMenu a{ 
	/* IE6 放 png 的 selector 內的連結要設 position:relative; 才能讓連結正常 work!!!! */
	position:relative;
}
.kvHomeMenuList{
	padding:8px 0 0 22px;
	margin-right:15px;
}
.kvHomeMenuList a{
	color:#FFF;
	text-decoration:none;
	display:block;
	width:130px;
	white-space:nowrap;
	overflow:hidden;
}
.kvHomeMenuList a:hover{
	color:#F60;
}
.kvHomeMenuList a.kvHomeMenuListMore{
	color:#999999;
	font-size:10px;
}
.kvHomeMenuList a.kvHomeMenuListMore:hover{
	color:#FFF;
}

/*********** 家庭寬頻 之 老客戶獨享 按鈕 start ***********/
#kvBlock ul#homeOldFriend{
	margin:6px 0 0 10px;
	padding:0;
	width:84px;
	list-style:none;
}
#kvBlock ul#homeOldFriend li a{
	text-align:center;
	font:12px Arial;
	display:block;
	text-decoration:none;
	color:#d5d5d5;
	display:block;
	width:84px;
	height:20px;
	padding:5px 0 0;
	margin:1px 0 0;
	background:url(../../images/btnBlack.gif) no-repeat;
}
*+html #kvBlock ul#homeOldFriend li a{
	height:19px;
	padding:6px 0 0;
}
#kvBlock ul#homeOldFriend li a:hover{
	color:#FFF;
}
/*********** 家庭寬頻 之 老客戶獨享 按鈕 end ***********/

/******************* 家庭寬頻 之 半透明選單 end *******************/

#kvEnterpriseBlock{
	position:absolute;
	width:679px;
	height:398px;
	left:1px;
	top:121px;
	overflow:hidden;
	visibility:hidden;
}
#kvEnterpriseBlock #btnClose{ /* 081018 拿掉此關閉按鈕, 此樣式已無作用  */
	position:absolute;
	right:12px;
	top:11px;
}
#kvEnterpriseBlock #btnToHomeKV{
	position:absolute;
	left:0;
	top:0;
}

#kvBlock #kvEnterpriseMenu{
	width:170px;
	height:400px;
	background:url(../../images/bgKVEnterpriseMenu.jpg) no-repeat;
}
#kvBlock #kvEnterpriseMenu ul{
	list-style:none;
}
#kvBlock #kvEnterpriseMenu ul li{
	text-align:center;
	font:12px Arial;
	display:block;
}
#kvBlock #kvEnterpriseMenu ul li a{
	text-decoration:none;
}

/*************** 企業服務 之 項目列表 start ***************/
#kvBlock #kvEnterpriseMenu ul#serviceItem{
	margin:55px 0 0;
	padding:0;
}
* html #kvBlock #kvEnterpriseMenu ul#serviceItem{
	margin:70px 0 0;
}
* html #kvBlock #kvEnterpriseMenu ul#serviceItem li{
	margin-top:-15px;
}
#kvBlock #kvEnterpriseMenu ul#serviceItem li a{
	color:#FFF;
	display:block;
	padding:3px 0 5px;
	background:url(../../images/kvEnterpriseMenuLine.gif) no-repeat 0 bottom;
}
*+html #kvBlock #kvEnterpriseMenu ul#serviceItem li a{
	padding:1px 0 3px;
}
* html #kvBlock #kvEnterpriseMenu ul#serviceItem li a{
	padding:1px 0 3px;
}
#kvBlock #kvEnterpriseMenu ul#serviceItem li a:hover{
	background-color:#05708a;
	font-weight:bold;
}
/*************** 企業服務 之 項目列表 end ***************/

/*************** 企業服務 之 老客戶獨享 按鈕 start ***************/
#kvBlock #kvEnterpriseMenu ul#enterpriseOldFriend{
	margin:40px auto 0;
	padding:0;
	width:84px;
}
*+html #kvBlock #kvEnterpriseMenu ul#enterpriseOldFriend{
	margin:50px auto 0;
}
* html #kvBlock #kvEnterpriseMenu ul#enterpriseOldFriend{
	margin:35px auto 0;
}
#kvBlock #kvEnterpriseMenu ul#enterpriseOldFriend li a{
	color:#b2e3e9;
	display:block;
	width:84px;
	height:20px;
	padding:5px 0 0;
	margin:1px 0 0;
	background:url(../../images/btnDarkBlue.gif) no-repeat;
}
*+html #kvBlock #kvEnterpriseMenu ul#enterpriseOldFriend li a{
	height:19px;
	padding:6px 0 0;
}
#kvBlock #kvEnterpriseMenu ul#enterpriseOldFriend li a:hover{
	color:#FFF;
}
/*************** 企業服務 之 老客戶獨享 按鈕 end ***************/

/******************************************* 大 KV 區塊 end *************************************************/

/************************* 熱門服務 start *******************************/
#hotServiceBlock{
	width:667px;
	height:160px;
	border:1px solid #c4c4c4;
	background:#e1e1e1 url(../../images/bgHotService.gif) repeat-x;
}
#hotServiceCT{
	margin:10px 12px;
}
#hotServiceMain{
	width:390px;
	height:110px;
	overflow:hidden;
	border-right:1px solid #c6c6c6;
	padding-right:20px;
}
#hotServiceMainP{
	float:left;
	margin-right:16px;
}
#hotServiceMainTitle{
	color:#cc0000;
	font:12px Arial;
	white-space:nowrap;
	margin-bottom:5px;
	overflow:hidden;
	float:left;
	width:174px;
}
#hotServiceMainTitle a{
	color:#cc0000;
	text-decoration:none;
}
#hotServiceMainTitle a:hover{
	text-decoration:underline;
}
#hotServiceMain .ct{
	line-height:1.5em;
}
#hotServiceList{
	width:213px;
	height:110px;
	border-left:1px solid #FFFFFF;
	padding-left:18px;
	font:12px Arial;
}
#hotServiceList a{
	color:#666666;
	text-decoration:none;
	padding-left:14px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	width:190px;
	margin-bottom:7px;
	background: url(../../images/arrow.gif) no-repeat 0 3px;
}
#hotServiceList a:hover{
	color:#cc0000;
	text-decoration:underline;
	background-position: 2px 3px;
}

#hotServiceList1{
	border-left:1px solid #FFFFFF;
	font:12px Arial;
}
#hotServiceList1 a{
	color:#666666;
	text-decoration:none;
	padding-left:14px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	margin-bottom:7px;
	background: url(../../images/arrow.gif) no-repeat 0 3px;
}
#hotServiceList1 a:hover{
	color:#cc0000;
	text-decoration:underline;
	background-position: 2px 3px;
}
/************************* 熱門服務 end *******************************/

/************************* 左下 三標籤區塊 start *******************************/
#tagCTBg{
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
	height:169px;
	background:#e1e1e1 url(../../images/tagCTBg.gif) repeat-x;
}
#tagCT1,
#tagCT2,
#tagCT3{
	display:none;
	overflow:hidden;
}

#tagCT1,
#tagCT2,
#tagCT3{
	width:392px;
	height:169px;
	text-align:center;
}
/************************* 左下 三標籤區塊 end *******************************/

