@import "sideArea.css";


.fixByHeader{ position:relative;
top:-1px; 
top:-19px\0; 
	}
/* IE9 */
:root .fixByHeader{top:-19px\9; }
/* IE7 */
*+html .fixByHeader {top:-19px;  }
/* Firefox only. 1+ */
.fixByHeader,  x:-moz-any-link  {top:-19px;  }
/* Firefox 3.0+ */
.fixByHeader,  x:-moz-any-link, x:default  { top:-19px; }




#header,
#footer,
.ad_950x90 {
	width:950px;
	position:relative;top:-1px; 
	margin-left:-20px;
}
.ad_950x90 {
	margin-top:10px;
}
* html #header{
	margin-right:-20px;
}
* html #footer {
	margin-right:-20px;
}
* html .ad_950x90{
	margin-right:-20px;
}

/*********************** 家庭寬頻次選單 start **********************/
#subMenuAdsl{
	left:0;
}
#subMenuAdsl .menuArrow{
	margin-left:57px;
}
#subMenuWebPhone{
	left:105px;
}
#subMenuWebPhone .menuArrow{
	margin-left:47px;
}
#subMenuPlus{
	left:195px;
}
#subMenuPlus .menuArrow{
	margin-left:62px;
}
#subMenuOldFriend{
	left:310px;
}
#subMenuOldFriend .menuArrow{
	margin-left:57px;
}
#subMenuCustomerService{
	left:410px;
}
#subMenuCustomerService .menuArrow{
	margin-left:80px;
}
/*********************** 家庭寬頻次選單 end **********************/

/************************* 左側選單 start *******************************/
a.leftMenuTitle img{
	border-bottom:1px solid #2aabbe;
}
a.leftMenuTitleNow img{
	xxfilter: Alpha(opacity=100); 
	xxfilter:gray;
	border-bottom:1px solid #2aabbe;
}

#leftSide{
	width: 210px;
}

.leftMenu{
	width: 170px;
}

.leftMenu td{
	border-bottom:1px solid #2aabbe;
	font:13px Arial;
	color:#666;
	padding: 8px 0 5px 23px;
}
.leftMenuBG{
	background:#FFFFFF url(../../images/bg-menu.jpg) repeat-x bottom;
}
.leftMenu td a{
	font:13px Arial;
	color:#666;
	text-decoration:none;
}
.leftMenu td a:hover{
	font-weight:bold;
}
.leftMenu .bgleftmenu{
	background:#4ec1d2 url(../../images/bg-leftmenu.jpg) repeat-x top;
	width: 170px;
	padding-bottom:15px;
}
* html .leftMenu .bgleftmenu{
	padding-bottom:5px;
}
.leftMenu ul{
	margin: 0;
	padding: 0;
	list-style:none;
}
.leftMenu ul li{
	font:12px Arial;
	color:#fff;
	margin:6px 15px;
}
.leftMenu ul li a{
	font:12px Arial;
	color:#fff;
	font-weight: normal !important;
	list-style:none;
	display:list-item;
}
* html .leftMenu ul li a{
	margin:0;
	padding:0;
	height:16px;
}
.leftMenu ul li a:hover{	
	
	color:#fcff00;	
}
*+html .leftMenu ul li a:hover{
	margin-top:0;
}
* html .leftMenu ul li a:hover{
	margin-top:0;
}
.leftMenu ul li.leftMenunow{ 
	list-style: url(../../images/listicon.gif) !important;
}
.leftMenu ul li.leftMenunow a{ display:block;
	color:#FFF !important;
	text-decoration:underline;
}
.leftMenu ul li.leftMenunow a:hover{
	color:#fcff00 !important;
	text-decoration:underline;
}


/************************* 選單 start *******************************/

.linkMenu{
	font:12px Arial;
	color:#FF0000;
	padding-bottom: 10px;
	line-height: 20px;
}
.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;
}


/************************************* KV start *****************************************/
#homeKV{
	width:680px;
	height:270px;
	border:#CCC solid 1px;
	overflow:hidden;
}
/************************************* KV end *******************************************/

/************************* KV 右邊 優惠訊息 & 最新公告 start *******************************/
#tagCTBg{
	border-left:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
	height:162px;
	background:#e1e1e1 url(../../images/tagCTBg.gif) repeat-x;
}
* html #tagCTBg{
	height:162px;
}
#tagCT1 table{
	margin-top:10px;
}
#tagCT1,
#tagCT2{
	display:none;
	padding:10px 8px 10px 8px;
}
#tagCT3{
	padding:10px 8px;
}
* html #tagCT1{
	padding:10px 8px 4px;
}
* html #tagCT2{
	padding:0 8px 4px;
}
* html #tagCT3{
	padding:10px 8px 4px;
}
.tagCTDate{
	font:12px Arial;
	color:#f98600;
	width:60px;
	line-height:1em;
}
.tagCTList{
	font:12px Arial;
	color:#666666;
	width:220px;
	height:17px;
	overflow:hidden;
	white-space:nowrap;
	text-align:left;
}
.tagCTList a{
	display:block;
	color:#666666;
	text-decoration:none;
	padding-left: 15px;
	background:url(../../images/arrow.gif) no-repeat 2px 1px;
}
.tagCTList a:hover{
	color:#ff3300;
	background-position:4px 1px;
}

.tagCTList1{
	font:12px Arial;
	color:#666666;
	width:170px;
	height:17px;
	overflow:hidden;
	white-space:nowrap;
}
.tagCTList1 a{
	color:#666666;
	text-decoration:none;
}
.tagCTList1 a:hover{
	color:#ff3300;
}
/************************* KV 右邊 優惠訊息 & 最新公告 end *******************************/

#title{
	border-bottom:4px solid #2aabbe;
	margin-bottom: 1px;
	padding-left: 25px;
}
#titleright {
	padding-bottom: 10px;
}

/*********************** 背景區域 start **********************/
#bgSD{  /** 右側貼邊**/
	background:#FFFFFF url(../../images/bg-content.jpg) repeat-x top;
	padding-top: 30px;
	padding-left: 30px;
}
#bgSD1{ /** 左右側留邊**/
	background:#FFFFFF url(../../images/bg-content.jpg) repeat-x top;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
}
#bgSD2{ /** 左右側無留邊**/
	background:#FFFFFF url(../../images/bg-content.jpg) repeat-x top;
	padding-top: 30px;
}
#ctArea{
	padding-right: 25px;
}

/************************* 內容 html標籤 start *******************************/
h1{
	font:16px Arial;
	color:#333;
	font-weight:bold;
}
h2{
	font:13px Arial;
	color:#ff3300;
	font-weight:bold;
	border-left: #e9d4c4 solid 12px;
	line-height: 13px;
	padding-left: 6px;
	padding-top: 2px;
}
h3{
	font:15px Arial;
	color:#333;
	font-weight:bold;
	border-left: #ff0000 solid 12px;
	line-height: 10px;
	padding-left: 6px;
	margin-bottom: 15px;
}
h4{
	font:12px Arial;
	color:#0099cc;
	font-weight:bold;
	margin-bottom: -10px;
}

ul,ol{
	font:12px Arial;
	color:#666666;
	line-height: 20px;
}

.ct ul,ol{
	margin-left: 15px;
}
.tc ul,ol{
	margin-left: 30px;
}

.ct h2{
	font:13px Arial;
	color:#ff6600;
	font-weight:bold;
	margin-bottom: 2px;
	border: 0;
	padding: 0;
	margin-top: -3px;
}
*+html .ct h2{
	font:13px Arial;
	color:#ff6600;
	font-weight:bold;
	margin-bottom: 2px;
	border: 0;
	padding: 0;
}
* html .ct h2{
	font:13px Arial;
	color:#ff6600;
	font-weight:bold;
	margin-bottom: 2px;
	border: 0;
	padding: 0;
}

p{
	font:12px Arial;
	color:#666666;
	line-height: 19px;
}
p a{
	font:12px Arial;
	color:#359dac;
	text-decoration:underline;
}
p a:hover{
	text-decoration: none;
	color:#ff6600;
}

ul li a{
	font:12px Arial;
	color:#359dac;
	text-decoration:underline;
}
ul li a:hover{
	text-decoration: none;
	color:#ff6600;
}

hr{
	margin: -5px;
	display: block;
	height: 1px;
	border:none;
	background:#bdbdbd;
	color:#bdbdbd;
}

hr.dot{
	margin: 5px 0;
	display: block;
	border-bottom:#bdbdbd dotted 2px;
	height: 2px;
	background:none;
}

img{
	border:0px;	
}

/************************* 內容 自定標籤 start *******************************/
.input2{
	border:none;
	border-bottom:1px solid #abadb3;
	font:12px Arial;
	color:#737373;
}

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

.ct{
	font:12px Arial;
	color:#666666;
	line-height: 18px;
}
.ct a{
	font:12px Arial;
	color:#359dac;
	text-decoration:underline;
}
.ct a:hover{
	text-decoration: none;
	color:#ff6600;
}
.ct p{
	margin: 0px;
}


.ct1{
	font:12px Arial;
	color:#359dac;
	line-height: 18px;
}

.ct2{
	font:13px Arial;
	color:#666666;
}

.ct2 .highlight5{
	font:12px Arial !important;
	font-weight:bold;
}

.ct2 .highlight4 strong{
	font:12px Arial !important;
	font-weight:bold;
}


.highlight1{
	font:15px Arial;
	color:#0099cc;
	font-weight:bold;
	line-height: 22px;
}
.highlight2{
	color:#ff6600;
}
.highlight3{
	color:#000;
}
.highlight4{
	color:#ff0000;
}
.highlight5{
	font:13px Arial;
	color:#ec6582;
	font-weight:bold;
	line-height: 18px;
}

.tc{
	font:11px Arial;
	color:#8a8a8a;
	line-height: 19px;
}
.tc a{
	font:11px Arial;
	color:#8a8a8a;
	text-decoration:underline;
}
.tc a:hover{
	color:#333;
}
 
.date{
	font:12px Arial;
	color:#e96d1f;
	font-weight:bold;
	letter-spacing: 1px;
}

.pic{
	border:#dddddd solid 2px;
	padding: 4px;
	background:#fff;
	margin: 3px;
}


/************************* 底色 start *******************************/
.bgItem{
	background:url(../../images/bg-item.jpg) repeat-x left bottom;
}
.item1{
	background:#ffba00 url(../../images/bg-bar1.jpg) repeat-x top;
	font:15px Arial;
	color:#FFFFFF !important;
	font-weight:bold;
	text-align:center;
	padding: 10px 2px 6px;
}

.item2{
	background:url(../../images/bg-bar2.jpg) repeat-x left bottom;
	font:13px Arial;
	color:#333333;
	font-weight: normal;
	padding: 4px 10px 2px;
	border:#c8c8c8 solid 1px;
	margin-bottom: 8px;
}

.vBar1{
	background:url(../../images/vBar1.gif) no-repeat left bottom;
}


/************************* list文字連結 start *******************************/
.linkList{
	background:url(../../images/dash.gif) repeat-x left bottom;
	padding-top:5px;
}
.linkList a{
	font:12px Arial;
	display:block;
	white-space:nowrap;  /** 不換行 **/
	height:16px;
	padding:0 0 3px 15px;
	color:#545555;
	text-decoration:none;
	background:url(../../images/arrow.gif) no-repeat 2px 1px;
}
.linkList a:hover{
	color:#FF6600;
	background-position:4px 1px;
}
.linkList span a{
	font:13px Arial;
	font-weight:bold;
	background:url(../../images/arrow.gif) no-repeat 4px 5px;
}
.linkList span a:hover{
	color:#FF6600;
	background:url(../../images/arrow.gif) no-repeat 6px 5px;
}



.linkList1{
	font:12px Arial;
	color:#03a1b6;
	padding: 3px 0;
}
.linkList1 a{
	font:12px Arial;
	color:#03a1b6;
	text-decoration: none;
}
.linkList1 a:hover{
	text-decoration:underline;
}

.linkList2{
	font:12px Arial;
	color:#666;
	line-height: 16px;
}
.linkList2 a{
	font:12px Arial;
	color:#666;
	text-decoration: none;
}
.linkList2 a:hover{
	text-decoration:underline;
}

.more{
	font:11px Arial !important;
	color:#666666;
	padding-top: 3px;
	background: none !important;
}
.more a{
	font:11px Arial !important;
	color:#333333;
	text-decoration: underline;
	padding-top: 3px;
	background: none !important;
}
.more a:hover{
	color:#2aabbe;
	text-decoration:none;
}

.more1{
	font:11px Arial;
	color:#ff0000;
	padding-top: 3px;
}
.more1 a{
	font:12px Arial;
	color:#ff0000;
	text-decoration: underline;
}
.more1 a:hover{
	color:#ff0000;
	text-decoration:none;
}
.top a{
	font:11px Arial;
	color:#666;
	text-decoration: none;
}
.top a:hover{
	color:#ff3300;
	text-decoration:none;
}


a.btn:link {
	font:13px Arial;
	background: url(../../images/bg-bar2.jpg) center bottom;
	padding: 3px 5px;
	font-weight: bold;
	color:#666;
	border:#CCCCCC solid 1px;
	text-decoration:none;
}

a.btn:visited { 
	font:13px Arial;
	background: url(../../images/bg-bar2.jpg) center bottom;
	padding: 3px 5px;
	font-weight: bold;
	color:#666;
	border:#CCCCCC solid 1px;
	text-decoration:none;
}

a.btn:hover { 
	font:13px Arial;
	background: url(../../images/bg-bar2.jpg) center bottom;
	padding: 3px 5px;
	font-weight: bold;
	color: #FF0000 !important;
	border:#CCCCCC solid 1px;
	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;
}

/************************* 表格 start *******************************/
.tableStyle{
	font:12px Arial;
	color:#666;
	line-height: 19px;
}
.tableStyle td{
	border-top:#a7d1d4 solid 1px;
	border-bottom:#a7d1d4 solid 1px;
	padding-left: 10px;
}
.tableStyle td a{
	font:12px Arial;
	color:#359dac;
	text-decoration: underline;
}
.tableStyle td a:hover{
	color:#ff6600;
	text-decoration:none;
}
.tableStyle .w{
	font:12px Arial;
	color:#fff;
	background:#0ea5d6 url(../../images/bg-table2.jpg) repeat-x top;
}
.tableStyle .w1{
	font:12px Arial;
	color:#3c7788;
	background:#FFFFFF url(../../images/bg-table1.jpg) repeat-x bottom;
}
.tableStyle .w2{
	font:13px Arial;
	color:#fff;
	font-weight:bold;
	background:#0ea5d6 url(../../images/bg-table2.jpg) repeat-x top;
}
.tableStyle .w2{
	font:12px Arial;
	color:#3c7788;
	background:#FFFFFF url(../../images/bg-table3.jpg) repeat-x bottom;
}
.tableStyle strong{
	color:#ff0000;
	font-weight: bold;
}


.tableForm{
	font:12px Arial;
	color:#666;
}
.tableForm a{
	font:12px Arial;
	color:#359dac;
	text-decoration:underline;
}
.tableForm a:hover{
	color:#ff6600;
	text-decoration: none;
}
.tableForm a strong{
	color:#359dac;
	font-weight: normal;
	text-decoration: none;
	border-bottom:#359dac solid 1px;
}
.tableForm a:hover strong{
	text-decoration: none;
	border-bottom: none;
}


/************************* 表格1 start *******************************/
.tableStyle1{
	font:12px Arial;
	color:#666;
	line-height: 19px;
}
.tableStyle1 td{
	border-bottom:#a7d1d4 solid 1px;
	padding-left: 10px;
}
.tableStyle1 td a{
	font:12px Arial;
	color:#359dac;
	text-decoration: underline;
}
.tableStyle1 td a:hover{
	color:#ff6600;
	text-decoration:none;
}
.tableStyle1 .w1{
	font:13px Arial;
	color:#0099cc;
	font-weight:bold;
	background:#FFFFFF url(../../images/bg-table1.jpg) repeat-x bottom;
}
.tableStyle1 .w1 strong{
	font:11px Arial;
	color:#ff8400;
}
/************************* 表格2 start *******************************/
.tableStyle2{
	font:12px Arial;
	color:#666;
	line-height: 19px;
	border-collapse: collapse;
	
}
.tableStyle2 td{
	border-top:#a7d1d4 solid 1px;
	border-bottom:#a7d1d4 solid 1px;
	padding-left: 10px;
	border:#007fa3 solid 1px;
}
.tableStyle2 td ul{
	margin: 0 10px;
}
.tablebg{
	background:#ffffcc;
}
.tablebg1{
	background:#e7f6fb;
	color:#006c8f;
}

.tableStyle2 td a{
	font:12px Arial;
	color:#ff0000;
	line-height: 18px;
	text-decoration: underline;
}
.tableStyle2 td a:hover{
	xxxcolor:#ff6600;
	text-decoration:none;
}
.tableStyle2 .w{
	font:12px Arial;
	color:#fff;
	background:#0ea5d6 url(../../images/bg-table2.jpg) repeat-x top;
}
.tableStyle2 .w1{
	font:12px Arial;
	color:#3c7788;
	background:#FFFFFF url(../../images/bg-table1.jpg) repeat-x bottom;
}
.tableStyle2 strong{
	color:#ff0000;
	font-weight: normal;
}

.tableStyle3 td{
	font:12px Arial;
	color:#666;
	line-height: 16px;
	border-bottom:#a7d1d4 solid 1px;
}
.tableStyle3 td a{
	font:12px Arial;
	color: #0099cc;
	xxxtext-decoration:none;
}



/************************* FAQ start *******************************/
.faqQ{
	border-top: #CCCCCC dashed 1px;
	padding: 8px 0 6px;
	margin: 0;
}
.faqQ a{
	font:13px Arial;
	color:#666;
	line-height: 18px;
	padding-left: 20px;
	text-decoration:none;
	display:block;
	background:url(../../images/dot.gif) no-repeat left top;
	
}
.faqQ a:hover{
	font-weight:bold;
}
.faqArea{
	border: #CCCCCC solid 1px;
	padding: 10px;
	margin:5px 0;
	background:#fff url(../../images/bg-item.jpg) repeat-x left bottom;
}

.faqAtitle{
	font:13px Arial;
	color:#0099cc;
	font-weight:bold;
	line-height: 20px;
}

.faqAtitle a{
	color:#0099cc;
	text-decoration:underline;
}

.faqAtitle a:hover{
	text-decoration: none;
}