@charset "utf-8";
@media print{
  .noprint{display:none}
}
body{ margin:0 auto; padding:0px;background:#d8d8d8;}
a{-webkit-transition:color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition:color 0.2s linear; transition: color 0.2s linear;color:#000000; text-decoration:none;}
a:hover{-webkit-transition:color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition:color 0.2s linear; transition: color 0.2s linear;color:#00488F;}
td{font-family:"arial"; font-size:13px; line-height:20px;}
ul,dl,h1,h2,h3,h4,h5,h6,form,dl,dd,p{ padding:0; margin:0;}
img {border:0px;}
hr{width:100%; float:left; margin-top:20px; margin-bottom:20px;}


/*#box{ width:820px;}*/
#pageheader {width:100%; margin:0 auto;background:#FFF; height:87px;}
#pagebanner{background:#ffffff;width:100%; margin:0 auto; height:255px;}
#pagemenu { margin:0 auto;height:62px; margin-bottom:5px; background:url(/r/cms/pccw/default/tc/img/mainmenubg.jpg) repeat-x; width:100%}
#pagemainContent {background:#ffffff;width:1000px; margin:0 auto; text-align:left;}
#pagemainContent_index {width:100%; margin:0 auto; text-align:left}
#pagefooter{height:130px; background:#FFF; text-align:center; width:1000px; margin:0 auto}
#pagefooter_index{height:120px; background:#FFF; text-align:center; width:100%; margin:0 auto}

.titleguide{color:#000000; font-size:13px;}
.titleguide a{color:#000000; font-size:13px; text-decoration:underline}
.titleguide a:hover{color:#00488f; font-size:13px;}
.titleguide span{color:#00488f; font-size:13px; font-weight:bold}


.imgBorder{border:2px solid #fff;position:absolute;cursor:pointer;}
img {border:medium none;}
.pagecontent{padding-top:20px;}
.pagetemp{padding:0px;}
.pagetitle{font-size:16px; color:#FFFFFF; font-weight:bold}
.back a{font-size:14px; color:#FFFFFF; padding-left:5px;}
.back a:hover{font-size:14px; color:#FFFFFF; text-decoration:none;padding-left:5px;}
.prodetails_title{background:url(/r/cms/pccw/default/tc/img/titlebg.jpg) repeat-x; padding-left:10px; font-size:16px; color:#ffffff; font-weight:bold; line-height:27px;}
.prodetails_title1{ float:right; padding-right:5px; font-size:14px; color:#ffffff;background:url(/r/cms/pccw/default/tc/img/titlebg.jpg) repeat-x; display:block;line-height:27px; cursor:pointer;}
.prodetails_content{font-size:13px; color:#555555; line-height:25px; padding-left:10px; margin-bottom:10px;}
.service_title{font-weight:bold; color:#00bebd; font-size:16px;}

.compare_pictitle{font-size:16px; color:#FFFFFF; font-weight:bold; height:44px; line-height:44px; padding-left:20px;}

.hot{ width:100%;height:40px; background-color:#d8d8d8;}
.hot ul{ width:100%; height:30px; overflow:hidden; margin:0;padding:0;}
.hot ul li{height:30px; float:left; margin-right:15px; line-height:30px;}
.hot ul li a{ color:#039; font-size:12px; }
.backtop{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;margin-bottom:110px;	position:fixed;	bottom:0px;	right:0;opacity:0.5; z-index:1000;}
.d2:hover {-webkit-transform:translate(0, -10px);-moz-transform:translate(0, -10px); opacity:0.8;}
.searchRight{ float:left; margin-right:10px;}

/* CSS Document */
.top{color:#3f7499; font-size:14px; font-family:arial;}
.top a{-webkit-transition:color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition:color 0.2s linear; transition: color 0.2s linear;color:#3f7499; text-decoration:none;}
.top a:hover{-webkit-transition:color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition:color 0.2s linear; transition: color 0.2s linear;color:#3f7499; text-decoration:underline}


.search{height:25px; padding:1px; border:1px solid #cdcdcd;width:168px;}
.login{height:18px; padding:1px; border:1px solid #cdcdcd;width:80px;}
.leftmenustyle{width:180px; font-size:13px; color:#333333; padding-top:2px; padding-bottom:5px; }
#gg {width:990px;}
#leftmenu {width:180px;}
.slidebox { height:30px; width:180px; overflow:hidden; position:relative;}
.lineBox { padding:0px;}
.slidebox .line{background:url(/r/cms/pccw/default/tc/images/bg.gif) repeat-x left center; width:180px; height:30px; cursor:pointer}
.slidebox .cursor {position:absolute;z-index:20;top:6px;left:50px; height:21px; width:13px; overflow:hidden; background:url(/r/cms/pccw/default/tc/images/cursor.gif) no-repeat; cursor:pointer; filter:alpha(opacity=100); opacity:1}


/* menu */
.menu_div{width:1000px; margin:0 auto;}
ul#topnav {width:1000px;padding:0;list-style:none;display:table-cell; vertical-align:middle;}
ul#topnav li {/*width:104px;*/margin:0; padding:0;position: relative;z-index:99999; font-size:16px; font-weight:bold; color:#FFF;text-align:left;display:inline-block; vertical-align:middle;font-family:Arial, Helvetica, sans-serif;}
ul#topnav li a {color:#FFF; text-decoration:none;   padding:6px 8px 0px 8px; vertical-align:middle; display:table-cell; height:54px;}
ul#topnav li:hover a, ul#topnav li a:hover {background:url(/r/cms/pccw/default/tc/img/mainmenubg_over.jpg);text-decoration:none;}
/*ie7*/
*+html ul#topnav li {width:110px;margin:0; float:left; padding:0;position: relative;z-index:99999; font-size:16px; font-weight:bold; color:#FFF;text-align:left;display:inline-block; vertical-align:middle;font-family:arial,"LiHei Pro Medium","Apple LiGothic Medium","Microsoft YaHei",;}
*+html ul#topnav li a {float:left; color:#FFF; text-decoration:none;   padding:14px 8px 0px 8px; vertical-align:middle; display:table-cell; height:54px;text-align:left; height:49px;}
*+html ul#topnav li:hover a, ul#topnav li a:hover {background:url(/r/cms/pccw/default/tc/img/mainmenubg_over.jpg);text-decoration:none;}
/*ie6*/
*html ul#topnav li {width:104px;margin:0; float:left; padding:0;position: relative;z-index:99999; font-size:16px; font-weight:bold; color:#FFF;text-align:left;display:inline-block; vertical-align:middle;font-family:arial,"LiHei Pro Medium","Apple LiGothic Medium","Microsoft YaHei",;}
*html ul#topnav li a {float:left; color:#FFF; text-decoration:none;   padding:14px 8px 0px 8px; vertical-align:middle; display:table-cell; height:54px;text-align:left; height:49px;}
*html ul#topnav li:hover a, ul#topnav li a:hover {background:url(/r/cms/pccw/default/tc/img/mainmenubg_over.jpg);text-decoration:none;}

ul#topnav li .sub1{position:absolute;
	top:62px;left:0px;
	background:#e9e9e9 url(/r/cms/pccw/default/tc/img/secondmenubg.jpg) repeat-x;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:30px;
	float:left;
	display:none;
	border-left:1px #a5a5a5 solid;
	border-right:1px #a5a5a5 solid;
	border-bottom:1px #a5a5a5 solid;
	}
ul#topnav li .sub2{	position:absolute;	
	top:62px;left:-130px;
	background:#e9e9e9 url(/r/cms/pccw/default/tc/img/secondmenubg.jpg) repeat-x;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:30px;
	float:left;
	display:none;
	border-left:1px #a5a5a5 solid;
	border-right:1px #a5a5a5 solid;
	border-bottom:1px #a5a5a5 solid;
	}
ul#topnav li .sub3{	position:absolute;	
	top:62px;left:0px;
	background:#e9e9e9 url(/r/cms/pccw/default/tc/img/secondmenubg.jpg) repeat-x;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:30px;
	float:left;
	display:none;
	border-left:1px #a5a5a5 solid;
	border-right:1px #a5a5a5 solid;
	border-bottom:1px #a5a5a5 solid;
	}
ul#topnav li .sub4{	position:absolute;	
	top:62px;left:-100px;
	background:#e9e9e9 url(/r/cms/pccw/default/tc/img/secondmenubg.jpg) repeat-x;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:30px;
	float:left;
	display:none;
	border-left:1px #a5a5a5 solid;
	border-right:1px #a5a5a5 solid;
	border-bottom:1px #a5a5a5 solid;
	}
ul#topnav li .sub5{	position:absolute;	
	top:62px;left:-120px;
	background:#e9e9e9 url(/r/cms/pccw/default/tc/img/secondmenubg.jpg) repeat-x;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:20px;
	float:left;
	display:none;
	border-left:1px #a5a5a5 solid;
	border-right:1px #a5a5a5 solid;
	border-bottom:1px #a5a5a5 solid;
	}
ul#topnav li .sub6{	position:absolute;	
	top:62px;left:-110px;
	background:#e9e9e9 url(/r/cms/pccw/default/tc/img/secondmenubg.jpg) repeat-x;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:30px;
	float:left;
	display:none;
	border-left:1px #a5a5a5 solid;
	border-right:1px #a5a5a5 solid;
	border-bottom:1px #a5a5a5 solid;
	}
ul#topnav li .sub7{	position:absolute;	
	top:62px;left:-95px;
	background:#e9e9e9 url(/r/cms/pccw/default/tc/img/secondmenubg.jpg) repeat-x;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:30px;
	float:left;
	display:none;
	border-left:1px #a5a5a5 solid;
	border-right:1px #a5a5a5 solid;
	border-bottom:1px #a5a5a5 solid;
	}
ul#topnav li .sub8{	position:absolute;	
	top:62px;left:-125px;
	background:#e9e9e9 url(/r/cms/pccw/default/tc/img/secondmenubg.jpg) repeat-x;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:30px;
	float:left;
	display:none;
	border-left:1px #a5a5a5 solid;
	border-right:1px #a5a5a5 solid;
	border-bottom:1px #a5a5a5 solid;
	}	
ul#topnav li .sub9{	position:absolute;	
	top:62px;left:-378px;
	background:#e9e9e9 url(/r/cms/pccw/default/tc/img/secondmenubg.jpg) repeat-x;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:30px;
	float:left;
	display:none;
	border-left:1px #a5a5a5 solid;
	border-right:1px #a5a5a5 solid;
	border-bottom:1px #a5a5a5 solid;
	}

ul#topnav li .row {clear:both; float:left; width:100%;}
ul#topnav li .sub1 ul{list-style:none; margin:0;padding:0;width:300px;float:left;}
ul#topnav li .sub2 ul{list-style:none; margin:0;padding:0;width:450px;float:left;}
ul#topnav li .sub3 ul{list-style:none; margin:0;padding:0;width:400px;float:left;}
ul#topnav li .sub4 ul{list-style:none; margin:0;padding:0;width:300px;float:left;}
ul#topnav li .sub5 ul{list-style:none; margin:0;padding:0;width:350px;float:left;}
ul#topnav li .sub6 ul{list-style:none; margin:0;padding:0;width:300px;float:left;}
ul#topnav li .sub7 ul{list-style:none; margin:0;padding:0;width:300px;float:left;}
ul#topnav li .sub8 ul{list-style:none; margin:0;padding:0;width:300px;float:left;}
ul#topnav li .sub9 ul{list-style:none; margin:0;padding:0;width:450px;float:left;}

ul#topnav .sub1 ul li,ul#topnav .sub2 ul li,ul#topnav .sub3 ul li,ul#topnav .sub4 ul li,ul#topnav .sub5 ul li,ul#topnav .sub6 ul li,ul#topnav .sub7 ul li,ul#topnav .sub8 ul li ,ul#topnav .sub9 ul li {width:100%;color: #fff; text-align:left;}
ul#topnav .sub1 ul li a,ul#topnav .sub2 ul li a,ul#topnav .sub3 ul li a,ul#topnav .sub4 ul li a,ul#topnav .sub5 ul li a,ul#topnav .sub6 ul li a,ul#topnav .sub7 ul li a,ul#topnav .sub8 ul li a,ul#topnav .sub9 ul li a{float: none; 
text-indent: 0; /*--Reset text indent--*/
	height:auto;
	background:none;
	display: block;
	text-decoration:none;
	color:#000;
	font-size:14px;
	line-height:22px;
	border-bottom:1px #d8d8d8 dotted; 
	margin-right:25px;
	padding-bottom:8px;
}
ul#topnav .sub1 ul li a:hover,ul#topnav .sub2 ul li a:hover,ul#topnav .sub3 ul li a:hover,ul#topnav .sub4 ul li a:hover,ul#topnav .sub5 ul li a:hover,ul#topnav .sub6 ul li a:hover,ul#topnav .sub7 ul li a:hover,ul#topnav .sub8 ul li a:hover,ul#topnav .sub9 ul li a:hover{color:#000000; background-color:#d6eafc;}

#menusub1{margin-left:60px;margin-right:30px;}
#menusub2{margin-left:30px;margin-right:60px;}
.first_menu{height:35px;line-height:35px;}
.second_menu{padding-left:10px;font-size:13px; font-weight:normal;}
.third_menu{padding-left:20px;font-size:13px; font-weight:normal;}

/*  second menu banner  */
#menu_banner_table{border:1px #a5a5a5 solid;background:#ffffff;}
#menu_banner_table td{padding:5px; color:#333333; font-weight:normal}
.menu_banner{font-size:13px; padding-left:20px; padding-right:20px; text-align:left; color:#000000; font-weight:normal;}
.menu_banner_detail{background:none;height:30px;font-size:13px;font-weight:bold;color:#0e2777;text-decoration:underline; line-height:30px;}


/*                add by jing                     */
.gonggao{font-size:12px; overflow:hidden;}
.facebook{font-size:12px; overflow:hidden;}

.masonry-container .hentry.type-gonggao.current.big-square{padding-top:180px}
.masonry-container .hentry.type-facebook.current.big-square{padding-top:380px}

.masonry-container .hentry.type-gonggao .post_content{height:0;overflow:hidden; }
.masonry-container .hentry.type-facebook .post_content{height:0;overflow:hidden; }

/*----------------------------------------------------*/

.masonry-container .hentry.type-gonggao.current, .masonry-container, .masonry-container {height:auto;padding-bottom:0px}
.masonry-container .hentry.type-facebook.current, .masonry-container , .masonry-container {height:auto;padding-bottom:0px}

/*----------------------------------------------------*/

.masonry-container .hentry.type-gonggao.current .post_content, .masonry-container , .masonry-container .post_content {height:auto;overflow:visible}
.masonry-container .hentry.type-facebook.current .post_content, .masonry-container , .masonry-container  .post_content {height:auto;overflow:visible}

/*----------------------------------------------------*/

#range_two,#range_2,#range_3,#range_4{position:relative;width:205px;height:8px;font-size:0;line-height:0;background:url(/r/cms/pccw/default/tc/img/scrollbg.png) no-repeat center;}
#meaBox_two,#meaBox_2,#meaBox_3,#meaBox_4{position:absolute;width:205px;height:8px;background:url(/r/cms/pccw/default/tc/img/scrollbg_over.png) no-repeat center;top:0px;border-left:0;border-right:0;}
.mea{position:absolute;top:-4px;width:19px;height:18px; background:url(/r/cms/pccw/default/tc/img/mea.png) no-repeat center; display:block; z-index:9000;}
#meal,#meal_2,#meal_3,#meal_4{left:0;}
#mea2,#mea2_2,#mea2_3,#mea2_4{right:0;}

.to_top{width:90px; height:22px;background:url(/r/cms/pccw/default/tc/img/backbg.jpg) top no-repeat; float:right;}
.to_top a{ text-align:left; padding-left:20px; line-height:22px; font-size:12px; color:#FFFFFF;}
.to_top a:hover{color:#f1f1f1; text-decoration:underline;}

.print{width:83px; height:29px;background:url(/r/cms/pccw/default/tc/img/printbg.jpg) top no-repeat; float:left; margin-right:20px;}
.print a{ text-align:left; padding-left:40px; line-height:29px; font-size:14px; color:#666666;}
.print a:hover{color:#000000; text-decoration:underline;}

.email{width:153px; height:29px;background:url(/r/cms/pccw/default/tc/img/emailbg.jpg) top no-repeat; float:left;}
.email a{ text-align:left; padding-left:40px; line-height:29px; font-size:14px; color:#666666;}
.email a:hover{color:#000000; text-decoration:underline;}

.tui{width:50px; height:21px;background:url(/r/cms/pccw/default/tc/img/tuibg.jpg) top no-repeat; float:right;}
.tui a{text-align:left; padding-right:5px; line-height:21px; font-size:12px; color:#395996;}
.tui a:hover{color:#000000; text-decoration:underline;}

.say{width:50px; height:21px;background:url(/r/cms/pccw/default/tc/img/saybg.jpg) top no-repeat; float:right;}
.say a{text-align:left; padding-right:5px; line-height:21px; font-size:12px; color:#395996;}
.say a:hover{color:#000000; text-decoration:underline;}

.number{width:25px; height:18px;background:url(/r/cms/pccw/default/tc/img/numberbg.jpg) top no-repeat; float:right;margin-right:10px;}
.number a{ text-align:left;line-height:18px;padding-right:5px; font-size:12px; color:#555555;}
.number a:hover{color:#385599; text-decoration:underline;}

.to_topline{height:5px; border-bottom:1px #CCCCCC solid; width:100%; float:right; margin-bottom:15px;margin-top:15px;}

#mysidebtn{  float:left; cursor:pointer;}
#mysidemenu{ position:fixed; right:-225px; z-index:1000; top:150px; float:left; }
#mycontent{ float:left;}

/*by Sally 2013-04-17*/
.topsubmenu{float:right;background:#F0F0F0; padding:0px 3px 0px 0px; color:#3f7499; width:550px;}
.topsubmenu ul{margin:0px; padding:0px;}
.topsubmenu ul li{float:left;height:35px; line-height:35px; text-align:center; list-style-type:none;}
.topsubmenu ul li a{float:left;color:#3f7499;}
.topsubmenu ul li a:hover{color:#3f7499; text-decoration:underline;}
.topsubmenu ul li span{float:left;padding:0px 5px 0px 5px;}
.topsubmenu ul li img{float:left; line-height:35px; vertical-align:middle; padding-top:8px;}
.topsubmenu_lf{float:left;width:18px; height:35px; line-height:35px; }
.topsubmenu_pccwmobile{font-weight:bold; font-style:italic;background:#F0F0F0;color:#3f7499}
.topsubmenu_myaccount{float:right;width:95px;font-weight:bold;background:url(/r/cms/pccw/default/tc/img/l_bg.jpg) repeat-x;color:#3f7499; height:25px;}
.topsubmenu_myaccount_lf{float:left;width:7px; height:25px;}
.topsubmenu_myaccount_mi{float:left;width:8px;height:25px; padding:0px 5px 0px 5px}
.topsubmenu_myaccount_ri{float:right;width:7px; height:25px;}
.top_version_on{float:left; width:30px;color:#7d9bd8; text-align:left; line-height:25px; vertical-align:middle;}
.top_version_out a{float:left;color:#e2f9f9; text-decoration:underline;text-align:left; line-height:25px;}
.top_version_out a:hover{float:left;color:#7d9bd8; text-decoration:underline;text-align:left; line-height:25px;}
/*by Sally 2013-04-17 end*/
/*.topsubmenu{ padding:0px 3px 0px 0px; color:#3f7499}
.topsubmenu_pccwmobile{font-weight:bold; font-style:italic;background:#F0F0F0;color:#3f7499}
.topsubmenu_myaccount{font-weight:bold;background:#F0F0F0;color:#3f7499}
.top_version_on{color:#7d9bd8;font-size:13px;}
.top_version_out a{color:#e2f9f9; text-decoration:underline;font-size:13px;}
.top_version_out a:hover{color:#7d9bd8; text-decoration:underline;}*/


/*產品頁*/
.pro_img{color:#3f7499; font-size:12px;}
.pro_img a:link{color:#3f7499;font-size:12px; text-decoration:underline;}

.tb_text a{font-size:12px; color:#000; text-decoration:none;}
.tb_text a:hover{font-size:12px; color:#00488f; text-decoration:underline;}
.pro_li{font-size:13px; width:500px; float:left; text-align:left;}
.pro_li li{ width:500px; float:left; text-align:left; list-style-type:none; padding:0 0 5px 15px; background:url(/r/cms/pccw/default/tc/images/pro_libg.jpg) center left no-repeat;}
.pro_li span{width:500px; float:left; color:#3f7499; text-decoration:underline;padding:15px 0 20px 15px; }
.pro_li span a{color:#3f7499; text-decoration:underline;}

.leftmenttitle{ height:29px; padding-left:30px; background:url(/r/cms/pccw/default/tc/images/right_top.jpg) no-repeat; margin-top:8px; display:block; line-height:29px; color:#FFF; font-size:16px; font-weight:bold; text-align:left}
.leftmenuduibi{ width:80px; height:25px; float:right;}
.leftmenuduibi a{ background:url(/r/cms/pccw/default/tc/images/duibi.jpg) no-repeat; line-height:25px; color:#ffffff; font-size:14px; text-align:center; display:block}
.leftmenuduibi a:hover{ background:url(/r/cms/pccw/default/tc/images/duibi1.jpg) no-repeat; line-height:25px; color:#ffffff; font-size:14px; text-align:center; text-decoration:none}


#searchsec{ float:left; background:url(/r/cms/pccw/default/tc/images/seachct.png) no-repeat; width:170px; height:25px; line-height:25px; padding-right:20px; margin-top:5px;}
.searchssub{ float:right;margin:0; cursor:pointer; border:none; background:url(/r/cms/pccw/default/tc/images/seach.png) no-repeat; width:27px; height:22px; }
.searchssub:hover{ float:right;margin:0; cursor:pointer; border:none; background:url(/r/cms/pccw/default/tc/images/seach.png) no-repeat;  width:27px; height:22px; }

#searchs{ float:left; margin:0 0 0 0; width:120px; border:none; background:none; color:#9E9E9E; text-align:left; padding:5px 0 0 10px;}
.nyul{margin:0; padding:0px 0px 10px 0px;}
.nyul ul{margin:0px; padding:0;}
.nyul ul li{ padding:0px 0px 10px 10px; background:url(/r/cms/pccw/default/tc/images/nyrl.gif) no-repeat scroll; list-style-type:none; color:#000000;}
.nyul ul li a{color:#000000;}

/*注*/

.photobar{ float:left;background:#f2f2f2;margin:0px 0 0 0px;padding:0px;width:960px; height:760px;bottom:-760px; font-size:12px; color:#000000; font-weight:100;}
.photobar_right{float:right;height:39px;margin:-53px 43px 0 0;}
.thumbs{position:absolute;left:2px;top:-28px;width:680px; height:330px;	border-top:solid 4px #2287bf;overflow:visible;background:#f00;}
a.toggle{width:960px;height:20px;position:absolute;top:-23px;left:0px;background:url(/r/cms/pccw/default/tc/images/zhu.png) no-repeat;border-bottom:3px #3f7499 solid;}
div.t_c{width:960px;height:3290px;overflow:scroll;overflow-x:hidden;overflow-y:auto;margin-top:5px;}
div.photobar p{	line-height:14px;font-family:Arial, Helvetica, sans-serif;font-size:12px;clear:both;padding:2px 5px 0 0;zoom:1;overflow:hidden;}
div.photobar p span{float:right;width:790px;}
div.photobar p em{font-size:0;line-height:0;width:15px;height:15px;display:block;float:left;}
#main_02{float:left;width:960px;margin:0;overflow:hidden;position:relative;}


.page_icons_bg{background:#ffffff; font-size:15px; color:#383838;}
.page_icons_bg:hover{background:#f5faff; color:#0e2777 }
.r_idd_lefttopbg{ background:url(/r/cms/pccw/default/tc/img/lefttopbg.jpg) no-repeat left top; height:81px; width:233px; }
.r_idd_lefttopbg li{ float:left; list-style:none; margin-left:8px; font-size:18px; color:#00488f; font-weight:bold; text-align:left; margin-top:30px;}
.r_idd_lefttopbg li a{ float:left; list-style:none;font-size:18px; color:#00488f; font-weight:bold; text-align:left; margin-top:20px;}
.r_idd_lefttopbg li a:hover{ float:left; list-style:none; font-size:18px; color:#00488f; font-weight:bold; text-align:left;}

.r_idd_lefttopbg1{ background:url(/r/cms/pccw/default/tc/img/lefttopbg01.jpg) no-repeat left top; height:81px; width:233px; }
.r_idd_lefttopbg1 li{ float:left; list-style:none; margin-left:8px; font-size:18px; color:#00488f; font-weight:bold; text-align:left; margin-top:30px;}
.r_idd_lefttopbg1 li a{ float:left; list-style:none;font-size:18px; color:#00488f; font-weight:bold; text-align:left; margin-top:20px;}
.r_idd_lefttopbg1 li a:hover{ float:left; list-style:none; font-size:18px; color:#00488f; font-weight:bold; text-align:left;}

.r_idd_leftmenu{ width:220px; margin:0 auto;list-style:none;}
.r_idd_leftmenu li{ font-size:14px; color:#006699; font-weight:bold; padding-bottom:5px;padding-top:5px; line-height:18px;}
.r_idd_leftmenu li a{ font-size:13px; color:#006699; font-weight:200; line-height:18px;text-decoration:underline}
.r_idd_leftmenu li a:hover{ font-size:13px; color:#00488f; font-weight:400;line-height:18px;text-decoration:underline}

.blk_18 { overflow:hidden; zoom:1; font-size:14px;width:920px; margin-top:15px; }
.blk_18 .pcont { width:830px; float:left; overflow:hidden; padding-left:5px; }
.blk_18 .ScrCont { width:32766px; zoom:1; margin-left:-5px; }
.blk_18 #List1_1, .blk_18 #List2_1 { float:left; }
.blk_18 .LeftBotton, .blk_18 .RightBotton { width:34px; height:34px; float:left; background:url(/r/cms/pccw/default/tc/img/ax.png) no-repeat;}
.blk_18 .LeftBotton { background-position: 0 0; margin:40px 5px 0; }
.blk_18 .RightBotton { background-position: 0px -42px; margin:40px 1px 10px 5px; }
.blk_18 .LeftBotton:hover { background-position: -46px 0; }
.blk_18 .RightBotton:hover { background-position: -46px -42px; }
.blk_18 .pl img { display:block; cursor:pointer; border:none; margin:6px auto 1px auto; }
.blk_18 .pl { width:140px; float:left; float:left; text-align:center; line-height:24px; }
.blk_18 a.pl:hover { color:#5dacec; }
.hotpics_zi{MARGIN: 0px auto; WIDTH: 100%; POSITION: relative}
.hotpics1_zi{LEFT:0px; POSITION: absolute; TOP:-10px;font-size:18px;font-weight:bold; color:#00488f; font-style:italic;}
.sports_banner{font-size:12px; padding-top:10px;}
.sports_banner span{font-size:14px; font-weight:bold; color:#00488f; margin-bottom:10px; width:100%; float:left}
.sports_banner td{font-size:12px; line-height:15px; padding:5px;}
.sports_banner td a{font-size:12px; line-height:15px; text-decoration:underline; color:#00488f; font-weight:bold; margin-top:5px; float:left}
.sports_banner td a:hover{font-size:12px; line-height:15px;color:#00488f}
.sports_10088{font-size:11px; color:#003366; font-weight:bold;-webkit-text-size-adjust:none;}

.navg{color:#000000}
.navg a{color:#000000; text-decoration:underline; padding-right:5px; padding-left:5px;}
.navg a:hover{color:#00488f}
.navg span{color:#00488f; font-weight:bold; padding-left:5px;}





.t_plan{ padding:5px;}
.t_plan p{color:#00488F; font-size:16px; font-weight:bold;}
.t_plan p a{color:#00488F; font-size:16px; font-weight:bold;}
.t_plan p a:hover{color:#679dd5; font-size:16px; font-weight:bold;}


.blk_19{ overflow:hidden; zoom:1; font-size:14px;width:920px; margin-top:35px; margin-bottom:10px}
.blk_19 .pcont { width:830px; float:left; overflow:hidden; padding-left:5px; }
.blk_19 .ScrCont { width:32766px; zoom:1; margin-left:-5px; }
.blk_19 #List1_1, .blk_19 #List2_1 { float:left; }
.blk_19 .LeftBotton, .blk_19 .RightBotton { width:34px; height:34px; float:left; background:url(/r/cms/pccw/default/tc/img/ax.png) no-repeat;}
.blk_19 .LeftBotton { background-position: 0 0; margin:40px 5px 0; }
.blk_19 .RightBotton { background-position: 0px -42px; margin:40px 1px 10px 5px; }
.blk_19 .LeftBotton:hover { background-position: -46px 0; }
.blk_19 .RightBotton:hover { background-position: -46px -42px; }
.blk_19 .pl img { display:block; cursor:pointer; border:none; margin:6px auto 1px auto; }
.blk_19 .pl { width:170px; float:left; float:left; text-align:center; line-height:18px; }
.blk_19 a.pl:hover { color:#5dacec; }

.prepaid_zi{MARGIN: 0px auto; WIDTH: 100%; POSITION: relative}
.prepaid1_zi{LEFT:0px; POSITION: absolute; TOP:10px;font-size:18px;font-weight:bold; color:#00488f; font-style:italic;}

.googlemap td{background:#f5faff; font-size:15px; color:#3f7499;}
.googlemap td:hover{background:#f5faff; color:#0e2777 }

#secmenu{ width:940px; height:120px; padding-left:10px;}
#secmenu li{ width:100px; float:left; list-style:none; height:90px; margin-top:15px; border-right:1px #d1d1d1 solid}
#secmenu li span{ width:100px; float:left;}
.sec,.sec1{ cursor:pointer; margin-bottom:10px;} 
.sec{ color:#00498E; font-weight:bold; text-align:center; background:url(/r/cms/pccw/default/tc/pageicon/title_bg.jpg) no-repeat;  height:130px; width:100px; } 
.sec1{ color:#00498E; text-align:center;font-weight:bold;background:url(/r/cms/pccw/default/tc/pageicon/title_bghv.jpg) no-repeat; } 
.sec1 a{ color:#00498E; text-align:center;  text-decoration:none} 
.sec1 a:hover{ color:#00498E; text-align:center; } 


/*选项卡1*/

#lib_Tab1_sx {width:200px;margin:0px;padding:0px;overflow:hidden;border:0px solid #e7e7e7;}


/*菜单class*/

.lib_tabborder_sx {width:80px;}
.lib_Menubox_sx {line-height:22px;float:left;width:80px; text-align:left; font-size:14px; }
.lib_Menubox_sx td {display:block;cursor:pointer;width:85px;color:#000; text-align:center;list-style:none; margin-bottom:1px;line-height:15px;background-color:#ececec; padding-left:5px;padding-top:5px;padding-bottom:5px; clear:both;border-bottom:1px #FFFFFF solid; }
.lib_Menubox_sx td:hover {padding:0px;background:#00488f; width:85px;border-right:0;color:#ffffff; line-height:15px; padding-left:5px;padding-top:5px;padding-bottom:5px;}
.lib_Menubox_sx td.hover {padding:0px;background:#00488f; width:85px;border:0px solid #ffffff;border-right:0;color:#ffffff;line-height:15px; padding-left:5px;padding-top:5px;padding-bottom:5px; font-weight:bold;}
.lib_Menubox_sx td a{display:block;list-style:none;}
.lib_Menubox_sx td a:hover {padding:0px;background:#00488f;border:0px solid #ffffff;border-right:0;color:#ffffff; line-height:15px;font-weight:bold; display:block;list-style:none;}

.lib_Contentbox_sx {margin-top:0px;border-top:none;padding:0px;border-left:1PX;margin-left:90px; color:#00488f; width:110px;word-break:break-all; height:564px;}
.lib_Contentbox_sx td{ background:#f3f7fb; color:#000;border-left:1px solid #ffffff;font-size:14px;word-break:break-all;}
.lib_Contentbox_sx td:hover{background:#a7c2da; color:#000;}
.lib_Contentbox_sx td a{color:#000;text-decoration:none; line-height:15px; word-break:break-all;}
.lib_Contentbox_sx td a:hover{background:#a7c2da; color:#000;}

.lib_tabborder_sx {width:80px;}
.lib_Menubox_sx {line-height:22px;float:left;width:80px; text-align:left; font-size:14px; }
.lib_Menubox_sx td {display:block;cursor:pointer;width:80px;color:#000; text-align:center;list-style:none; margin-bottom:1px;line-height:15px;background-color:#ececec; padding-left:5px;padding-top:5px;padding-bottom:5px; clear:both;border-bottom:1px #FFFFFF solid; }
.lib_Menubox_sx td.hover {padding:0px;background:#00488f; width:88px;border:0px solid #ffffff;border-right:0;color:#ffffff;line-height:15px; padding-left:5px;padding-top:5px;padding-bottom:5px; font-weight:bold;}
.lib_Menubox_sx td a{display:block;list-style:none;}
.lib_Menubox_sx td a:hover {padding:0px;background:#00488f;border:0px solid #ffffff;border-right:0;color:#ffffff; line-height:15px;font-weight:bold; display:block;list-style:none;}

.lib_Contentbox_sx {margin-top:0px;border-top:none;padding:0px;border-left:1PX;margin-left:90px; background:#f3f7fb; color:#00488f; width:110px;word-break:break-all; height:564px;}
.lib_Contentbox_sx td{ background:#f3f7fb; color:#000;border-left:1px solid #ffffff;font-size:14px;word-break:break-all;}
.lib_Contentbox_sx td:hover{background:#a7c2da; color:#000;}
.lib_Contentbox_sx td a{color:#000;text-decoration:none; line-height:15px; word-break:break-all;}
.lib_Contentbox_sx td a:hover{background:#a7c2da; color:#000;}


.lib_Contentbox_sx_s {margin-top:0px;border-top:none;padding:0px;border-left:1PX;margin-left:90px; background:#f3f7fb; color:#00488f; width:110px;word-break:break-all; height:414px;}
.lib_Contentbox_sx_s td{ background:#f3f7fb; color:#000;border-left:1px solid #ffffff;font-size:14px;word-break:break-all;}
.lib_Contentbox_sx_s td:hover{background:#a7c2da; color:#000;}
.lib_Contentbox_sx_s td a{color:#000;text-decoration:none; line-height:15px; word-break:break-all;}
.lib_Contentbox_sx_s td a:hover{background:#a7c2da; color:#000;}




/*ie7*/
*+html .lib_tabborder_sx {width:80px;}
*+html .lib_Menubox_sx {line-height:22px;float:left;width:85px; text-align:left; font-size:14px; }
*+html .lib_Menubox_sx li {float:left;display:block;cursor:pointer;width:85px;color:#000; text-align:center;list-style:none; margin-bottom:1px;line-height:15px;background-color:#ececec; padding-left:5px; clear:both;border-bottom:1px #FFFFFF solid;padding-top:5px;padding-bottom:5px;}
*+html .lib_Menubox_sx li:hover {float:left;padding:0px;background:#00488f; width:85px;border-right:0;color:#ffffff;line-height:15px; padding-left:5px;padding-top:5px;padding-bottom:5px;}
*+html .lib_Menubox_sx li.hover {float:left;padding:0px;background:#00488f; width:85px;border:0px solid #ffffff;border-right:0;color:#ffffff;line-height:15px; padding-left:5px; font-weight:bold;padding-top:5px;padding-bottom:5px;}
.lib_Menubox_sx li a{display:block;list-style:none;}
.lib_Menubox_sx li a:hover {padding:0px;background:#00488f;border:0px solid #ffffff;border-right:0;color:#ffffff; line-height:15px;font-weight:bold; display:block;list-style:none;}

#tt1 table td,#tt2 table td,#tt3 table td,#tt4 table td,#tt5 table td,#tt6 table td{border-left:1px #ffffff solid;}
#tt1_content table,#tt2_content table,#tt3_content table,#tt4_content table,#tt5_content table,#tt6_content table{border-right:1px #d7d7d7 solid;border-bottom:1px #d7d7d7 solid;border-top:1px #d7d7d7 solid; margin-top:0px;}

/*#tt6_content table{border-right:1px #d7d7d7 solid;border-bottom:1px #d7d7d7 solid;border-top:1px #d7d7d7 solid;margin-top:120px; padding:0px;}*/

/*#tt3_content table{margin-top:120px; padding:0px;}
#tt1_content table{margin-top:120px; padding:0px;}
#tt2_content table{margin-top:110px; padding:0px;}
#tt4_content table{margin-top:105px; padding:0px;}
#tt5_content table{margin-top:105px; padding:0px;}
#tt6_content table{margin-top:105px; padding:0px;}*/

#tt1_content td,#tt2_content td,#tt3_content td,#tt4_content td,#tt5_content td,#tt6_content td{border-left:1px #d7d7d7 solid;border-bottom:1px #d7d7d7 solid;}

.td1{color:#00498e; font-weight:bold; background:#f2f2f2;}
.td22{color:#00498e; font-weight:bold; background:#f2f2f2; }
.td32{color:#00498e; font-weight:bold; }
.td21{color:#00498e; font-weight:bold; background:#f2f2f2;}
.td31{color:#00498e; font-weight:bold;}
.td2{color:#00498e; font-weight:bold; background:#e4f2fd;}
.td3{color:#00498e; font-weight:bold;}
.td4{background:#fff;}
.td5{color:#00498e; }
.td6{color:#00498e }
.td7{color:#FF6600; font-weight:bold;}
.td8{color:#00498e; background:#CEE7F4; font-weight:bold;}
.td9{color:#fff; font-weight:bold; background:#5786b2; }
.td91{color:#fff; font-weight:bold; background:#346ca5; }
.td10{background:#f2f2f2;}
.td11{background:#f2f2f2;color:#00498e; font-weight:bold;}

.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-index:2000;
padding: 4px;
}
.gadgets_menu{float:left;width:203px;height:51px; background:url(/r/cms/pccw/default/tc/images/gadgets_menu_out.png) no-repeat; display:block;margin:15px 15px 10px 0;}
.gadgets_menu a{padding-left:50px; margin-right:15px; font-size:18px; color:#555555; font-weight:bold; line-height:51px;}
.gadgets_menu a:hover{float:left; width:203px; height:51px; background:url(/r/cms/pccw/default/tc/images/gadgets_menu_on.png) no-repeat;  padding-left:50px; margin-right:15px; font-size:18px; color:#ffffff; font-weight:bold;}

.gadgets_menu1{float:left;width:203px;height:51px; background:url(/r/cms/pccw/default/tc/images/gadgets_menu_on.png) no-repeat; display:block;margin:15px 15px 10px 0;}
.gadgets_menu1 a{padding-left:50px; margin-right:15px; font-size:18px; color:#ffffff; font-weight:bold; line-height:51px;}
.gadgets_menu1 a:hover{float:left; width:203px; height:51px; background:url(/r/cms/pccw/default/tc/images/gadgets_menu_out.png) no-repeat;  padding-left:50px; margin-right:15px; font-size:18px; color:#555555; font-weight:bold;}


.tablets_menu{float:left;width:203px;height:51px; background:url(/r/cms/pccw/default/tc/images/tablets_menu_out.png) no-repeat; display:block;margin:15px 15px 10px 0;}
.tablets_menu a{padding-left:60px; margin-right:15px; font-size:18px; color:#555555; font-weight:bold; line-height:51px;}
.tablets_menu a:hover{float:left; width:143px; height:51px; background:url(/r/cms/pccw/default/tc/images/tablets_menu_on.png) no-repeat;  padding-left:60px; margin-right:15px; font-size:18px; color:#ffffff; font-weight:bold;}

.tablets_menu1{float:left;width:203px;height:51px; background:url(/r/cms/pccw/default/tc/images/tablets_menu_on.png) no-repeat; display:block;margin:15px 15px 10px 0;}
.tablets_menu1 a{padding-left:60px; margin-right:15px; font-size:18px; color:#ffffff; font-weight:bold; line-height:51px;}
.tablets_menu1 a:hover{float:left; width:143px; height:51px; background:url(/r/cms/pccw/default/tc/images/tablets_menu_out.png) no-repeat;  padding-left:60px; margin-right:15px; font-size:18px; color:#555555; font-weight:bold;}

#mea1_slider .ui-slider-range,#mea2_slider .ui-slider-range,#mea3_slider .ui-slider-range,#mea4_slider .ui-slider-range  { background: #729fcf; }



/*by sally 2013-05-02*/
h1{ font-size:20px;font-weight:bold; color:#00488f; width:100%; float:left; margin-bottom:20px; }
h2{ font-size:20px;font-weight:100; color:#00488f;width:100%; float:left; margin-bottom:15px; }
h3{ font-size:16px;font-weight:bold; color:#00488f;width:100%; float:left; margin-bottom:15px; }
h4{ font-size:16px;font-weight:100; color:#00488f; width:100%; float:left; margin-bottom:15px; }
h5{ font-size:13px;font-weight:bold; color:#00488f; width:100%; float:left; margin-bottom:15px; }
h6{ font-size:13px;font-weight:100; color:#00488f;width:100%; float:left; margin-bottom:15px; }
p{line-height:20px; margin-bottom:10px;width:100%; float:left;}
p a:link{color:#00488f; text-decoration:underline;}
p a:hover{color:#fd5f00; text-decoration:underline;}

.page_details_content{float:left; width:100%; padding-bottom:15px;}
.page_details_content ul{float:left;margin:0px; padding:0px;}
.page_details_content ul li{float:left;line-height:22px; width:98%; padding-left:15px;list-style-type:none;background:url(/r/cms/pccw/default/tc/img/rr.gif) no-repeat top left; margin:0px 0px 0px 0px;}
.page_details_content ul li a:link{ text-decoration:underline;}
.page_details_content ul li a:hover{color:#00488F; }
.page_details_content ol{float:left; width:100%; margin:0px; padding:0px}
.page_details_content ol li{float:left; width:100%; list-style-position:inside; margin:0px; padding:0px}

.Handset_color img{ margin-right:5px;}
.right_login_remember a{ text-decoration:underline; font-size:13px;}
.pro_list{font-size:9px;-webkit-text-size-adjust:none; font-family:arial; color:#3f7499; line-height:10px;}
.pro_name{font-size:16px; font-family:arial; color:#000000; font-weight:bold;line-height:20px;}
ul li{ list-style:none}
#banner{ width:1000px; height:229px; }
#banner img{ border:0;}

#pagesButton {width:1000px; height:30px;position:absolute; z-index:99; position:absolute;}
#pagesButton ul{ width:96px;margin:0 auto; float:right; background:url(/r/cms/pccw/images/bannerbuttonbg.png) no-repeat right; padding-left:20px;}
#pagesButton ul li{width:15px; height:20px;cursor:pointer;  float:left;}

#Box{width:1000px; height:100%; position:relative;}

#Box ul{ margin:0 auto;}
#Box ul li{ top:0;left:0;position:absolute;}