@charset "utf-8";
/*--body---------------------------------------------------------------------------------------------------*/
body,p,form,h1,ul {
padding: 0; margin: 0;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}
BODY,select{
scrollbar-face-color: #ffffff; 
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #F6F7F7;
scrollbar-3dlight-color: #DADADA;
scrollbar-darkshadow-color: #DADADA; 
scrollbar-track-color: #F6F7F7;
SCROLLBAR-arrow-color: #cccccc; 
}
body,td,select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 150%;
	color: #666666;
}

/*文繞圖功能*/
.f-left{float:left;margin-right:5px;}
.f-right{float:right;margin-left:5px;}

/*---頁面設定---*/
#main{
	background-image: url(images/index/in-bg-01.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	text-align:center;	
	}
#main #contant {width:986px;text-align:center/*for ie*/;display:inline-block/*for firefox;background-color:#036*/;}/*內容居中設定*/
#main #contant #top #left{float:left;text-align:left;	width:533px;} /*左邊Logo及系統商*/
#main #contant #top #left ul{margin:0px;padding:0px; list-style: none; }
#main #contant #top #left li{float:left;margin-top:24px !important;margin-top:26px;}
.ad-title{
padding:5px;
height:18px !important;
	height:28px;
	background-repeat: no-repeat;
	background-image: url(images/icon/box-02/box-02-09.jpg);
	color: #414042;
	font-size: 9pt;
	font-weight: bold;
	background-position: center;
	}

#main #contant #top #right{float:left;	width:453px;} /*右邊常用連結*/
#main #contant #top #right .search{text-align:right;margin-top:18px;}/*搜尋區塊*/
#main #contant #top #menu{text-left:left;}
#main #contant #top #menu ul{margin:0px;padding:0px; list-style: none;}
#main #contant #top #menu li{float:left;}/*主選單區塊*/
#main #contant #top #submenu{width:100%;text-align:left;margin-top:-5px;}
#main #contant #top .submenu{
	@margin-top:46px;
	padding-top:5px;
	position:absolute;
	padding-left:55px;
	visibility: hidden;
	@margin-left:-164px;
	background-color: #ECECEC;
} 
#main #contant #top .submenu1{
	@margin-top:46px;
	padding-top:5px;
	position:absolute;
	padding-left:55px;
	visibility: visible;
	@margin-left:-164px;
	background-color: #ECECEC;
}/*子選單區塊*/
#main #contant #inside {clear:both;padding-top:14px;text-align:left;margin-top:5px !important;}
#main #contant #inside #side-left{width:215px; float:left;margin-right:2px;position:absolute;@margin-top:20px; }/*左側區塊*/
#main #contant #inside #side-left td{background-color:#fff;}
 #side-left ul{margin:0px;padding:0px; list-style: none; }
 #side-left li{
	margin: 3px 10px 3px 15px;
	padding: 3px 3px 5px 20px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: url(images/icon/icon-02.jpg);
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;*/
}
#sid-left #ad ul{margin:0px;padding:0px; list-style: none; }
#sid-left #ad li{list-style: none; }
#main #contant #inside #side-right{width:763px;margin-left:220px; margin-top:-12px;} /*右側區塊*/
#side-right #title{ /*索引列*/
	background-position: 50% 0;
	background-repeat: no-repeat;
	padding:5px;
	text-align:right;
	height:35px !important;
	height:45px;
	width:753px !important;
	width:763px;
	/*margin-bottom:5px;*/}
#side-right #banner{margin-top:-15px;margin-bottom:-8px;} /*單元形象*/
#side-right #word td.word{padding-left:20px;padding-right:20px;}
h1{/*內容大標*/
	color: #414042;
	font-size: 11pt;
	font-weight: bold;
	background-repeat:repeat-x;
	background-image: url(images/icon/t-icon/t-icon-01-2.jpg);
	width:100%;
	margin-top:20px;
	}
h1 .right{
	background-image: url(images/icon/t-icon/t-icon-01-3.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width:100%;
}	
h2{ /*內文中標*/
	color: #626262;
	font-size: 10pt;
	font-weight: bold;
	background-repeat:repeat-x;
	background-image: url(images/icon/t-icon/t-icon-02-2.jpg);
	margin-top:10px;
	}
h2 .right{ 
	background-image: url(images/icon/t-icon/t-icon-02-3.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.area{padding-left:30px;padding-right:20px;}
.area p {padding-left:30px;padding-right:20px;}
.clear{clear:both;margin:0px;padding:0px;}

#gotop{text-align:right;width:986px;clear:both;}
#bottom{/*表尾背景設定*/
position:relative;
clear:both;
	background-image: url(images/index/in-bg-02.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top:5px;text-align:center/*for ie*/;}

#bottom #down {width:986px;text-align:center/*for ie*/;display:inline-block/*for firefox;background-color:#036*/;
clear:both;}/*表尾內容居中設定*/	

#bottom #down #dleft{float:left;}
#bottom #down #dright{float:left;padding-top:10px;background-color:#fff;text-align:left;}

/*會員表頭文稿區域*/
.area2{margin-top:20px;margin-bottom:10px;}
/*會員條款設定*/
#rule{width:675px !important;width:685px; height:490px !important;height:500px;overflow: auto;margin:10px;padding:5px;} 

/*圖文編排一列2圖設定開始--本月強片*/
.area-side{
	float:left;
	margin-left:5px;
	width:48% !important;
	width:47%;
	margin-bottom:10px;
	border:solid 1px #ccc;
	background-color:#fff;
	padding-top:5px;
	padding-right:5px;
}
.area-side .sleft{float:left;
	margin-bottom:0px !important;
	margin-bottom:10px;
	/*position:relative;absolute*/
	padding: 5px;
	/*border: 1px solid #CCCCCC;*/
}
.area-side .sright{margin-left:150px;padding-top:5px;}
.sright ul{margin:0px;padding:0px; list-style: none;}
.sright li{
	padding-left:17px;
	background-position: 0 3px;
	background-repeat: no-repeat;
	background-image: url(images/icon/icon-03.jpg);
	font-size:10px;}
.area-side .sright .title{
	color: #414042;
	font-size: 11pt;
	font-weight: bold;}
	
.area-side .contact{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;}
/*圖文編排一列2圖設定結束*/


/*圖文編排一列1圖設定2開始--優惠專區*/
.area-side2{
	clear:both;
	margin:0px 10px;
}
.area-side2 .sleft{
	float:left;
	margin-bottom:10px;
	padding: 5px;
/*	border: 1px solid #CCCCCC;*/
}
.area-side2 .sright{margin-left:250px;}
.area-side2 .sright p{margin-bottom:0px;margin-top:0px;}
.area-side2 .sright .title{
	color: #414042;
	font-size: 11pt;
	font-weight: bold;}
.area-side2 .sright .contact{
	padding-top:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
/*圖文編排一列1圖設定2結束*/

/*圖文編排一列1圖設定開始--套餐介紹*/
.area-side1{clear:both;margin:20px 10px 10px 10px;}
.area-side1 .sleft{
	position:relative;
	float:left;
	margin-bottom:20px;
	padding: 5px;
	margin-top:-15px;
	/*border: 1px solid #CCCCCC;*/
}
.area-side1 .sright{margin-left:150px;}
.area-side1 .sright p{margin-bottom:5px;margin-top:5px;}
.area-side1 .sright .title{
	color: #414042;
	font-size: 11pt;
	font-weight: bold;}
.area-side1 .sright .contact{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;}
/*圖文編排一列1圖設定結束*/


/*頻道選單
#cctv-menu{clear:both;margin-left:-15px;margin-right:-20px;text-align:center;}
.menu ul{margin:0px;padding:0px; list-style: none;}
.menu li{float:left;}/*頻道系統商選單*/

/*套餐選單
#set-menu{clear:both;text-align:center;}
#set-menu ul{margin:0px;padding:0px; list-style: none;}
 li.menu1 {
	width:144px;
	height:43px;
	float:left;
	text-align:center;
	color: #414042;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(images/button/p1/p1-08.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}
li.menu1 a{
	float:left;
	text-align:center;
	width:144px;
	padding-top:10px;
	color: #414042;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(images/button/p1/p1-08.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}
li.menu1 a:hover{
	float:left;
	text-align:center;
	width:144px;
	height:43px;
	color: #FF3700;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(images/button/p1/p1-08b.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}
li.menu2 {
	width:144px;
	height:43px;
	float:left;
	text-align:center;
	color: #FF3700;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(images/button/p1/p1-08b.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}
li.menu2 a{
	float:left;
	text-align:center;
	width:144px;
	padding-top:10px;
	color: #FF3700;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(images/button/p1/p1-08b.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}
li.menu2 a:hover{
	float:left;
	text-align:center;
	width:144px;
	height:43px;
	color: #414042;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(images/button/p1/p1-08b.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}
/*一列2項*/
#set-menu2{clear:both;text-align:left;}
#set-menu2 ul{margin:0px;padding:0px; list-style: none;}
 li.item {
	width:135px !important;
	width:150px;
	float:left;
	margin: 0px 0px 0px 15px;
	padding: 3px 3px 5px 15px;
	background-position: 0 6px;
	background-repeat: no-repeat;
	background-image: url(images/icon/icon-03.jpg);
	text-align:left;
	}
 li.item2 {
	/*width:135px !important;*/
	width:25%;
	float:left;
	margin: 0px 0px 0px 15px;
	padding: 3px 3px 5px 20px;
	background-position: 0 6px;
	background-repeat: no-repeat;
	background-image: url(images/icon/icon-03.jpg);
	text-align:left;
	}
	

/*優惠專區-新聞*/
#hotnews{
	height:30px;
	background-image: url(images/p2-promotion/hotnews-01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	.hotnews-r{float:right;}
	.hotnews-l{
	padding-left:140px;
	padding-top:4px;
}
/*優惠專區選單*/	
#maintop_form{}
#maintop_menu{clear:both;text-align:center;padding-left:10px;
margin-top:10px;
margin-bottom:0px;
@margin-bottom:-10px;
	background-image: url(images/p2-promotion/sales/sales-03.jpg);
	background-repeat: repeat-x;
	@background-position: 32px;
	background-position: 34px;
}
#maintop_menu ul{margin:0px;padding:0px; list-style: none;}
 li.menu3 {width:132px;height:34px;
	float:left;
	text-align:center;
	color: #414042;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(images/p2-promotion/sales/sales-02.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}
li.menu3 a{float:left;text-align:center;width:132px;
	padding-top:10px;
	color: #414042;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(images/p2-promotion/sales/sales-02.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}
li.menu3 a:hover{float:left; text-align:center;width:132px;height:34px;
	color: #fff; /*#FF3700*/
	font-size: 9pt;
	font-weight: bold;
	background-image: url(images/p2-promotion/sales/sales-02b.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}
 li.menu4 {width:132px;height:34px;
	float:left;
	text-align:center;
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(images/p2-promotion/sales/sales-02b.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}
li.menu4 a{float:left;text-align:center;width:132px;
	padding-top:10px;
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(images/p2-promotion/sales/sales-02b.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}
li.menu4 a:hover{float:left; text-align:center;width:132px;height:34px;
	color: #fff;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(images/p2-promotion/sales/sales-02b.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}

/*產品總覽用1列4圖*/
.list1to4{width:170px;margin-right:5px !important;margin-right:10px;float:left;margin-battom:10px;}


/*常見問題大類標題設定開始*/
#qa {padding-left:10px;}
.qa1 {padding-left:48px;}
#qa .qa1 .title1{
	background-color:#F7AB9F;
	font:11pt arial;
	float:left;
	height:34px !important;
	height:44px;
	background: url(images/03/tb_bg.jpg);
	text-align:center;
	padding-top:10px;
	width:250px;
	font-weight:bold;
	font-family: arial;
}
#qa .qa1 .title0{font:11pt arial;float:left;}
#qa .qa1 .title2{float:left;width:300px;}
.clear{clear:both;height:20px;}
#qa .qa1 a{
	font-size: 10pt;
	color: #666666;}
#qa .qa1 a:hover{color:#FF3700;}
/*常見問題大類標題設定結束*/

.p2menu{float:left;padding-bottom:20px;padding-left:10px;} /*頻道類別選單*/
/*-txt link-----------------------------------------------------------------------------------------------*/
a {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #FF3B00;
}
.click {
	color: #333333;
	text-decoration: none;
}
.click:hover {
	color: #FF3700;
	text-decoration: none;
}
/*--font---------------------------------------------------------------------------------------------------*/
.black {
	color: #000000;
	
}
.txt-01 {
	color: #414042;
	font-size: 11pt;
	font-weight: bold;
}
.txt-02 {
	color: #626262;
	font-size: 10pt;
	font-weight: bold;
}
.txt-03 {
	color: #414042;
	font-size: 9pt;
	font-weight: bold;
}
.white {
	color: #FFFFFF;
}
.deep-brown {
	color: #53411D;
}
.brown {
	color: #AB905D;
}

.brown-t {
	font-size: 10pt;
	color: #AB905D;
	line-height:normal;
}
.brown-t2 {
	font-size: 10pt;
	color: #A17C36;
	line-height:normal;
}
.brown-t2:hover {
	font-size: 10pt;
	color: #FF3700;
	line-height:normal;
	font-weight: bold;
}
.brown-t3 {
	font-size: 10pt;
	color: #FF3700;
	line-height:normal;
}
.sitemap {
	color: #4d4d4f;
	line-height:normal;
}
.sitemap:hover {
	color: #A17C36;
	line-height:normal;
}
.blue {
	color: #0066CC;
}
.red {
	color: #CC0000;
}
.red-2 {
	color: #CC0000;
	line-height: 100%;
	font-size: 8pt;
}
.green {
	color: #009900;
}
.orange {
	color: #FF3700;
}
.orange-t {
	font-size: 10pt;
	color: #FF6600;
	line-height:normal;
}
.orange2 {
	color: #FF8A00;
}
.root {
	color: #F7EFE1;
}
.down {
	color: #757576;
}
.line-01 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 5px;
}
.line-02 {
	padding: 5px;
	border: 1px solid #CCCCCC;
}
.line-03 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.line-04 {
	padding: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.line-05 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.line-06 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 2px;
}
.line-07 {
	border: 1px solid #CCCCCC;
}
.box-01{
	color: #757576;
	background-color: #FFF;
	border: 1px solid #BBB;
	height: 18px;
	width: 100px;
}
.box-02{
	color: #757576;
	background-color: #FFF;
	border: 1px solid #BBB;
	height: 18px;
	width: 180px;
}
.box-03{
	color: #757576;
	background-color: #FFF;
	border: 1px solid #BBB;
	height: 18px;
}
.inbg-01 {
	background-image: url(images/index/in-bg-01.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.inbg-02 {
	background-image: url(images/index/in-bg-02.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.cbg-01 {
	background-image: url(images/icon/box-01/box-01-1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.cbg-02 {
	background-image: url(images/icon/box-01/box-01-3.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}