@charset "UTF-8";

/*-------------------------------------------Pohang 081113 add---------------------------------------------------*/
  .np_infobox_title {
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
   }
  .np_infobox_menu{
	margin: 0;
	padding-left: 0px;
  }  
  .np_infobox_btn{
    height:43px;
	margin: 0;
  }
  
  .np_infobox_btn ul {
  float:left;
  height:43px;
  list-style:none;
  padding:0; margin:0;
  text-align:left;
  }
  
  .np_infobox_btn li{
  float:left;
  text-align:center;
  line-height:43px;
  margin:0; padding:0;
  }
    
  .np_infobox_btn li a{
	width:166px;
	height:43px;
	display:block;
	text-align:center;
	margin:0 11px 0 0;
	font-size:12px;
	line-height:43px;
	background: url(../img/frontend/np_step_btn_off.gif) top left no-repeat;
	color: #666666;
  }
  
  .np_infobox_btn li a:hover{
	background-image:url(../img/frontend/np_step_btn_on.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color: #FFFFFF;
  }
  
  .np_infobox_btn .select, .np_infobox_btn .select a, .np_infobox_btn .select a:hover {
	width:166px;
	height:43px;
	background-image:url(../img/frontend/np_step_btn_on.gif);
	background-repeat:no-repeat;
	margin:0 11px 0 0;
	line-height:43px;
	color: #FFFFFF;
  }
    
  .np_infobox_top1 {
	width:699px;
	height:18px;
	background-image:url(../img/frontend/np_step_box_top1.gif);
	background-repeat:no-repeat;
	margin-top: 5px;
	margin-left: 0px;
  }
    .np_infobox_top2 {
	width:699px;
	height:18px;
	background-image:url(../img/frontend/np_step_box_top2.gif);
	background-repeat:no-repeat;
	margin-top: 5px;
	margin-left: 0px;
  }
    .np_infobox_top3 {
	width:699px;
	height:18px;
	background-image:url(../img/frontend/np_step_box_top3.gif);
	background-repeat:no-repeat;
	margin-top: 5px;
	margin-left: 0px;
  }
    .np_infobox_top4 {
	width:699px;
	height:18px;
	background-image:url(../img/frontend/np_step_box_top4.gif);
	background-repeat:no-repeat;
	margin-top: 5px;
	margin-left: 0px;
  }
  .np_infobox_mid {
	width:699px;
	height:290px;
	background-image:url(../img/frontend/np_step_box_bg.gif);
	margin-top: 0px;
	clear: none;
	float: left;
	margin-left: 0px;
  }
  .np_infobox_d {
	width:699px;
	height:20px;
	background-image:url(../img/frontend/np_step_box_d.gif);
	background-repeat:no-repeat;
	margin-top: 0px;
	clear: left;
	margin-left: 0px;
  }
  .np_infobox_submenu {
	width:137px;
	float:left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 29px;
  }

  .np_tab_list500{
	width:500px;
	line-height: 20px;
	padding: 0px;
	margin-left: 10px;
  }
  .np_tab_list500 td{
	line-height: 18px;
	margin:0;
	border:1px solid #CCC;
	text-align: left;
	vertical-align: top;
	padding: 8px;
	}
  .np_tab_list500 .gray_sub{
	background-color: #E4E4E4;
	text-align:center;
	font-weight:bold;
	line-height:15px;
  }
  .np_tab_list700{
	line-height: 20px;
	width: 680px;
	margin-left: 10px;
  }
  .np_tab_list700 td{
	line-height: 20px;
	margin:0;
	border: 0px;
	text-align: left;
	vertical-align: top;
	}
  .np_tab_list700 p{
	line-height: 20px;
	padding-left: 15px;
  }
  .np_tab_list700 .gray_sub{
	background-color: #E4E4E4;
	text-align:center;
	font-weight:bold;
	line-height:15px;
  }

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

.np_submenu a {
	width:117px; height:30px; display:block; margin:0; padding:5px 0 0 20px;
	text-align:left; font-size:12px; color: #666666; line-height:30px; position:absolute;
}

.np_s1 a {z-index:904; margin-top:0px; background: url(../img/frontend/np_step_subm1_off.gif) top left no-repeat;}
.np_s2 a {z-index:903; margin-top:30px; background: url(../img/frontend/np_step_subm2_off.gif) top left no-repeat;}
.np_s3 a {z-index:902; margin-top:60px; background: url(../img/frontend/np_step_subm3_off.gif) top left no-repeat;}
.np_s4 a {z-index:901; margin-top:90px; background: url(../img/frontend/np_step_subm4_off.gif) top left no-repeat;}


.np_s1 a:hover {z-index:905; background: url(../img/frontend/np_step_subm1_on.gif) top left no-repeat;}
.np_s2 a:hover {z-index:905; background: url(../img/frontend/np_step_subm2_on.gif) top left no-repeat;}
.np_s3 a:hover {z-index:905; background: url(../img/frontend/np_step_subm3_on.gif) top left no-repeat;}
.np_s4 a:hover {z-index:905; background: url(../img/frontend/np_step_subm4_on.gif) top left no-repeat;}

.np_submenu a:hover {color:#ee3125;	text-decoration: none;}

.np_inf_cont {
	width:490px;
	height:250px;
    background-color: #FFFFFF;
	position:absolute;
    margin-left:130px; 
	color: #666666;
}


.np_b1 {margin-top:-32px; *margin-top:-10px!important; *margin-left:87px;}
.np_b2 {margin-top:-62px; *margin-top:-40px!important; *margin-left:63px;}
.np_b3 {margin-top:-92px; *margin-top:-68px!important; *margin-left:51px;}
.np_b4 {margin-top:-122px; *margin-top:-100px!important; *margin-left:87px;}


.np_inf_cont .table {width:100%; line-height: 18px;}
.np_inf_cont .table .red {color: #ee3125; font-weight: bold;}
.np_inf_cont .table .red2 {color: #ee3125;}
.np_inf_cont .table .blue {color: #0000FF;} 
.np_inf_cont .table a {
	color: #0000FF;
	background-image: none;
	display: inline;
	margin: 0px;
	padding: 0px;

	}

.np_inf_cont .table a:hover {
	color: #0000FF;
	background-image: none;
	display: inline;
   } 
.np_inf_cont .table .line {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E4E4E4;
   }
.np_inf_cont .table p {
	margin-left: 15px;
   }
 
/*******************************************************Kevin Add 1115******************************************/
.np_pop_sub {
	background-image:url(../img/frontend/sho_menu_bg2.gif);
	width: 495px;
	height:22px;
	padding:8px 0 0 10px;
	margin-bottom:15px;
	margin-top:5px;
	float:left;
  }
  
  .np_pop_sub span{
	color:#ef1323;
  }
  
  .np_pop_sub p{
  margin-top:-1px;
  float:left;
  }
  
  .np_pop_sub img{
  margin-right:4px;
  float:left;
  }
.np_leftbox{width:506px; float: left;}
.np_rightbox{
	width:240px;
	float: right;
	height: 500px;
}
.np_cleft{width:470px; margin-left: 35px!important; margin-left: 15px; margin-bottom: 15px;line-height: 18px; float: left;}
.np_cleft2{width:495px; margin-left: 10px!important; margin-left: 5px; margin-bottom: 15px; margin-top: 15px;line-height: 18px; float: left;}
.np_cleft2 ul{
	list-style-type: decimal;
	margin-left: 5px;
	margin-top: 5px;
	padding-left: 0px;
	
}
.np_cleft2 ul li{
	list-style-type: decimal;
	padding-left: 0px!important;
}
.np_cright{width:241px; line-height: 18px; float: left;}

.np_nav_main{
	width:740px;
	height:29px;
	float:left;
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	
    }

.np_nav_main p{
float:left;
color:#848484;
font-size:12px;
line-height:29px;
height:29px;
background:url(../img/frontend/dev_nav_dot.gif) right no-repeat;
padding:0 5px;
}

.np_nav_main a{
padding:0 5px;
color:#848484;
}
	
.np_nav_main a:hover{
padding:0 5px;
text-decoration:none;
color:#333;
}

.np_nav_main b{
font-size:12px;
font-weight:normal;
color:#ef3123;
padding:0 5px;
}

.np_adboxtop{float:right; width: 228px; height: 7px; margin-top: 10px;}
.np_adboxcenter{
	float:right;
	width: 218px;
	height: auto;
	padding: 5px;
	background-image: url(../img/frontend/adboxbg.gif);
}

.np_adboxbottom{float:right; width: 228px; height: 7px; }
.np_marginright10{margin-right: 10px;}
.np_marginright20{margin-right: 20px;}
.np_marginleft10{margin-left: 10px;}
.np_button{float: left; width: auto; }
.np_button2{float: left; width: auto; 
margin-top:20px;margin-left: 85px!important; margin-left: 42px; }
.np_button3{float: left; width: auto; 
margin-top:10px;margin-left: 150px!important; margin-left: 77px; }
.np_button3_2{float: left; width: auto; 
margin-top:10px;margin-left: 20px!important; margin-left: 20px; }


.np_mark_tit{
  float: left;
  width: auto;
  color:#ef3123;
  margin-bottom:5px;
   margin-right:15px;
  }

#np_codebox{width: 505px; float: left; height:auto; margin-top:10px;}
.gray{color: #444444;}
.np_numbox{float: right; width: 165px; margin-top: 15px; margin-right:5px;}
.np_setup2{width: 505px; float: left; margin-top: 15px;}
.np_setup2top{
	width: 465px;
	float: left;
	height: 26px;
	padding-left: 40px;
	padding-top: 5px;
	background-image: url(../img/frontend/step2top.gif);
}

.np_setup2bottom{
	width: 505px;
	float: left;
	height: auto;
	}
.np_setup2center{
	width: 495px;
	float: left;
	height: auto;
	padding: 5px;
	background-image: url(../img/frontend/step2canter.gif);
}

.np_setup2center span{
  
	width: 227px;
	padding: 5px;
	float: left;
	height: auto;
	}

.np_setup2center span img{
	margin-bottom: 10px;
	margin-left: 85px;
	
	}

.npwidth{ float: left;width: 746px;}

.np_side_brk {
	width: 230px;
	float: right;
  	}

.np_search_cont{
	float: left;
	width: 746px;
	margin-bottom: 11px;
	background-image: url(../img/frontend/dev_h_10.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 40px;
	}
	.np_search_body{
		padding: 6px;
		float: left;
	}
	.np_search_body select {
		font-size:11px;
	}
	.np_search_body_tb{
		float: left;
		width: 710px;
		height: 27px;
		padding-left: 10px;
		margin-top: 5px;
	}
	
	
	.np_search_body_tb p{
		float: left;
		padding: 0px;
		margin-top: 0px;
		margin-right: 15px;
		margin-bottom: 0px;
		margin-left: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #666666;
		visibility: inherit;
	
	}
	.np_search_body_tb label{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #000000;
		margin-right: 5px;
	}
	.np_search_body_tb input{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #000000;
		margin-left: 5px;
	}
	
 /* --fixed */
*html .np_s1 a:hover {z-index:905; visibility:visible;}
*html .np_s2 a:hover {z-index:905; visibility:visible;}
*html .np_s3 a:hover {z-index:905; visibility:visible;}
*html .np_s4 a:hover {z-index:905; visibility:visible;}

html>body .np_s1 a:hover {z-index:905; visibility:visible;}
html>body .np_s2 a:hover {z-index:905; visibility:visible;}
html>body .np_s3 a:hover {z-index:905; visibility:visible;}
html>body .np_s4 a:hover {z-index:905; visibility:visible;}

*html .np_nomargin{*margin-right: 0px!important;}

html>body div.np_setup2bottom img {
	margin-left:0;
}

html>/**/body div.dev_commend.np_a1 {
	background-image:none;
	margin-top:0;
}

* html div.dev_commend.np_a1 {
	margin-top:0;
}

* html div.dev_top_cont.np1 {
	margin-bottom:0;
}
/* fixed NP館首頁IE6跑版問題  20081201 BY Kenny */
* html div#col3.np_index_fixed {
	width:755px;
}
/* for 大寬頻購買說明Layout by Kenny 20090123 --------*/
.np_infobox_btn.bbb LI A {
	background:url(../img/frontend/bbb_step_btn_off2.gif) no-repeat left top;
	width:139px;
	line-height:1.6em;
	padding:3px 7px 2px 0;
	vertical-align:baseline;
	margin-right:1px;
	cursor:default;
}

.np_infobox_btn.bbb LI A.nonarrow {
	background:url(../img/frontend/bbb_step_btn_off.gif) no-repeat left top;
}

.np_infobox_btn.bbb li a:hover {
	background-image:url(../img/frontend/bbb_step_btn_on2.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color: #FFFFFF;
	cursor:default;
  }
  
.np_infobox_btn.bbb li a.nonarrow:hover {
	background-image:url(../img/frontend/bbb_step_btn_on.gif);
}

.np_infobox_btn.bbb li a.bbb_icon_w {
	padding-top:10px
}

.bbb_line {
	clear:both;
	background:url(../img/frontend/line.gif) left top no-repeat;
	height:3px;
	margin:0 0 15px 0;
}

* html .bbb_line {
	margin-top:15px;
	margin-bottom:0;
}

div.dev_d_tab_cont .np_infobox_title.bbb {
	margin-bottom:0;
}

.np_infobox_btn.bbb {
	float:left;
	width:737px;
	margin-bottom:25px;
}

* html .np_infobox_btn.bbb {
	width:724px;
}

* html .np_infobox_btn.bbb LI A.nonarrow {
	padding-right:0;
}

* html .np_infobox_btn.bbb LI A {
	padding-right:6px;
} 

.np_infobox_btn.bbb LI A.logicarrow {
	background:url(../img/frontend/bbb_step_btn_off3.gif) no-repeat left top;
	width:154px;
	height:67px;
	line-height:1.6em;
	padding:16px 0 2px 0;
	vertical-align:baseline;
	margin-right:1px;
	cursor:default;
}

.np_infobox_btn.bbb li a.logicarrow:hover {
	background-image:url(../img/frontend/bbb_step_btn_on3.gif);
}

p.bbb_spacer {
	height:60px;
	margin-top:1px;
}

html>/**/body p.bbb_spacer {
	height:130px;
}

* html p.bbb_spacer {
	height:10px;
}
/* for 續約館大寬頻購買說明Layout by Kenny 20090307 --------*/
div#main div#col3 div.dev_d_tab_cont.for_bbb_5 div.np_infobox_btn.bbb LI A {
	background:url(../img/frontend/bbb_step_btn_off2.gif) no-repeat left top;
	width:146px;
	line-height:1.6em;
	padding:3px 7px 2px 0;
	vertical-align:baseline;
	margin-right:1px;
	cursor:default;
}

html>/**/body div#main div#col3 div.dev_d_tab_cont.for_bbb_5 div.np_infobox_btn.bbb LI A {
	background:url(../img/frontend/bbb_step_btn_off2.gif) no-repeat left top;
	width:139px;
	line-height:1.6em;
	padding:3px 7px 2px 0;
	vertical-align:baseline;
	margin-right:1px;
	cursor:default;
}

div#main div#col3 div.dev_d_tab_cont.for_bbb_5 div.np_infobox_btn.bbb LI A.nonarrow {
	background:url(../img/frontend/bbb_step_btn_off.gif) no-repeat left top;
}

html>/**/body div#main div#col3 div.dev_d_tab_cont.for_bbb_5 div.np_infobox_btn.bbb LI A.nonarrow {
	background:url(../img/frontend/bbb_step_btn_off.gif) no-repeat left top;
}

div#main div#col3 div.dev_d_tab_cont.for_bbb_5 div.np_infobox_btn.bbb li a:hover {
	background-image:url(../img/frontend/bbb_step_btn_on2.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color: #FFFFFF;
	cursor:default;
}

div#main div#col3 div.dev_d_tab_cont.for_bbb_5 div.np_infobox_btn.bbb li a.nonarrow:hover {
	background-image:url(../img/frontend/bbb_step_btn_on.gif);
}

div#main div#col3 div.dev_d_tab_cont.for_bbb_5 div.np_infobox_btn.bbb li a.bbb_icon_w {
	padding-top:10px;
}

div#main div#col3 div.dev_d_tab_cont.for_bbb_5 div.bbb_line {
	clear:both;
	background:url(../img/frontend/line.gif) left top no-repeat;
	height:3px;
	margin:0;
}

html>/**/body div#main div#col3 div.dev_d_tab_cont.for_bbb_5 div.bbb_line {
	clear:both;
	background:url(../img/frontend/line.gif) left top no-repeat;
	height:3px;
	margin:0 0 15px 0;
}

* html .bbb_line {
	margin-top:15px;
	margin-bottom:0;
}

div#main div#col3 div.dev_d_tab.for_bbb_1 div.dev_d_tab_cont.for_bbb_5 div.np_infobox_title.bbb {
	margin-bottom:0;
}

div#main div#col3 div.dev_d_tab_cont.for_bbb_5 div.np_infobox_btn.bbb {
	float:left;
	width:740px;
	margin-bottom:25px;
	padding-bottom:25px;
}

html>/**/body div#main div#col3 div.dev_d_tab_cont.for_bbb_5 div.np_infobox_btn.bbb {
	float:left;
	width:737px;
	margin-bottom:25px;
	padding-bottom:0;
}

* html .np_infobox_btn.bbb {
	width:724px;
}

* html .np_infobox_btn.bbb LI A.nonarrow {
	padding-right:0;
}

* html .np_infobox_btn.bbb LI A {
	padding-right:6px;
} 

div#main div#col3 div.dev_d_tab_cont.for_bbb_5 div.np_infobox_btn.bbb LI A.logicarrow {
	background:url(../img/frontend/bbb_step_btn_off3.gif) no-repeat left top;
	width:154px;
	height:67px;
	line-height:1.6em;
	padding:16px 0 2px 0;
	vertical-align:baseline;
	margin-right:1px;
	cursor:default;
}

div#main div#col3 div.dev_d_tab_cont.for_bbb_5 div.np_infobox_btn.bbb li a.logicarrow:hover {
	background-image:url(../img/frontend/bbb_step_btn_on3.gif);
}

div#main div#col3 div.dev_d_tab_cont.for_bbb_5 p.bbb_spacer {
	height:1px;
	line-height:1px;
}

html>/**/body div#main div#col3 div.dev_d_tab_cont.for_bbb_5 p.bbb_spacer {
	height:130px;
}

* html p.bbb_spacer {
	height:10px;
}
/* Fixed 新版Estore首頁CSD反應購物公告說明底線問題 20090320 ---------------------*/
div.np_infobox_submenu .np_submenu a:link,div.np_infobox_submenu .np_submenu a:visited {text-decoration: none;cursor:default;}


div.np_infobox_submenu .np_submenu a:hover,div.np_infobox_submenu .np_submenu a:active {text-decoration: none;cursor:default;}
/* estore 2.1 選擇申辦類別頁 20090427 ---------------*/
li.select.np_nomargin a:link,li.select.np_nomargin a:visited,li.select.np_nomargin a:hover,li.select.np_nomargin a:active {
	cursor:text;
	text-decoration:none;
}

div.selectCategory {
	bottom:0;
}

* html div.selectCategory {
	width:140px;
	height:50px;
	bottom:-25px;
}
/* fixed 門號可攜館首頁 20090724 ----------*/
div.np_setup2 div.np_setup2center p.np_wording_block {display:block;height:50px;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}
* html div.np_setup2 div.np_setup2center div.np_button2 div.btn_l b {margin-bottom:0;padding-bottom:0;}
html>body div.npwidth div.np_leftbox div.np_pop_sub {padding-left:0;width:505px;}
* html div#col3.np_index_fixed div#col3_content.clearfix {margin-left:1px;}
/* Limit 配件館 device content block by Kenny 20090910 -----------*/
div.dev_accs_detail p.sub_device_c {height:65px;overflow:hidden;}
/* fixed 門號可攜館首頁驗證碼區塊文字Layout 20090917-------*/
div.npwidth div.np_leftbox div#np_codebox div.np_mark_tit {vertical-align:top;}
div.npwidth div.np_leftbox div#np_codebox div.np_numbox {margin-top:0;}
/* 修改User所提續約驗證頁文字對齊 20100628 ---------*/
div#ly_jcaptcha_block.newFUONE {margin-top:-5px;margin-left:90px;}
p.clearleft.neww.Carp.newsu {margin-top:10px;}
* html div#ly_jcaptcha_block.newFUONE {margin-left:100px;}

/* estore2.3 Prototype 門號可攜館首頁中間區塊文字對齊調整 20091223 ------------*/
div.npwidth div.np_leftbox div.np_cleft {margin-left:20px !important;width:476px;}
* html div.npwidth div.np_leftbox div.np_cleft {margin-left:10px !important;}
div.npwidth div.np_leftbox div.np_cleft2 {margin-left:20px !important;width:475px;margin-right:5px;margin-bottom:0;}
div.npwidth div.np_leftbox div.np_cleft2 ul {margin-bottom:0;}
* html div.npwidth div.np_leftbox div.np_cleft2 {margin-left:10px !important;}
div.np_cleft div.np_mark_tit strong {color:#444444;font-weight:400;}
* html div#np_codebox {margin-top:0;}

html>/**/body div#newADBlock.dev_side_brk {margin-bottom:4px;}
html>/**/body div.c25r p.ArrowBar, x:-moz-any-link, x:default {clear:both;}
html>/**/body p.ArrowBar span.AD_Arricon.npRight, x:-moz-any-link, x:default {padding-top:2px;}
html>/**/body p.ArrowBar span.AD_NumB.npRighty, x:-moz-any-link, x:default {padding-top:2px;}

/* Kenny add by 20110608 for Chrome ------------*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	div.NPnewNumberSingle div#NPnewNumberSingle_content h1,div.NPnewNumberCell div#NPnewNumberSingle_content h1 {padding-top:12px;}
}

div.NPnewNumberSingle div#NPnewNumberSingle_content h1,div.NPnewNumberCell div#NPnewNumberSingle_content h1 {
	padding-top:12px\9;
	*padding-top:0;
}