@import url("reset.css");

body{ background-color:#49535f;}

#WRAPPER{ width:1000px; margin:0 auto;}

/* =================================================================== */
#HEADER{ background-image:url(images/header_bg.jpg);width:1000px; height:72px;}
#HEADER{
margin-left:auto;
margin-right:auto;
background-repeat:no;}

#HEADER img{
float:left;}

#search_language{
display:block;
float:right;
width:320px;
margin-top:25px;}

/* ======================================================= */
#HEADER li.index_search {}
#HEADER li.index_search #search_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-width:1px;
	border-color:#f8ff8f;}
	
#HEADER li.index_search #search_btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 21px;
	border-width: 1px;
	border-color: #9f9f9f;}

.glay {
color:#d2d2d2;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;text-decoration:none;}

.glay a:link{
color:#d2d2d2;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;text-decoration:none;}

.glay a:hover{
color:#ffffff;}

/* ===========================搜尋Bar=========================== */
.search_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	height: 16px;
}

/* ===========================功能列=========================== */
#menu {
display:block;}

#menu ul{
display:block;
height:44px;
width:1000px;
background-image:url(images/menu_bg.jpg);
}
#menu  li {
float:left;}

#menu li a{
display:block;
width:142px; 
height:44px;
text-indent:-9999px;}

#menu li a:hover{
background-position:left bottom;}

/* ===========================關於4G=========================== */
#menu li.about4G a{background-image:url(images/menu_bt1.jpg);}
/* ===========================費率介紹=========================== */
#menu li.rateplan a{background-image:url(images/menu_bt2.jpg);}
/* ===========================設備介紹=========================== */
#menu li.device a{background-image:url(images/menu_bt3.jpg);}
/* ===========================涵蓋範圍=========================== */
#menu li.coverage a{background-image:url(images/menu_bt4.jpg);}
/* ===========================客戶服務=========================== */
#menu li.customer_services a{background-image:url(images/menu_bt5.jpg);}
/* ===========================討論區=========================== */
#menu li.forum a{background-image:url(images/menu_bt6.jpg);}
/* ===========================會員服務=========================== */
#menu li.memberservice a{background-image:url(images/menu_bt7.jpg);}
/* ===========================首頁Flash Banner=========================== */
#index_flash{
height:278px;
background-color:#000;
text-align:left top;}
/* =================================================================== */
#index_content{
float:right; 
width:1000px;
height:195px;
background-image:url(images/imagesN/img_bg.jpg);}

#content_coverage{
display:block;float:left;
width:183px;
height:195px;}

#content_rateplan{
display:block;
float:left;width:172px;
height:195px;}

#content_personalinfo{
display:block;
float:left;width:183px;
height:195px;}


#content_onlineorder{ display:block;
float:left;
width:126px;
height:195px;
background: url(images/imagesN/go-online-order.jpg) no-repeat; }

#content_onlineorder a {background: url(images/imagesN/go-online-order.jpg) no-repeat; }

#content_onlineorder:hover { 
background: url(images/imagesN/go-online-order-dn.jpg) no-repeat; 
}

#news_area{
display:block;
float:left;width:336px;
height:195px;background: url(images/imagesN/news_bg.jpg) no-repeat;
 }
#news_icon{
display:block;
float:left;width:107px;
height:27px;margin:5px 7px 0 0;background: url(images/imagesN/news-bt.jpg) no-repeat; }
#news_icon:hover { 
background: url(images/imagesN/news-bt-dn.jpg) no-repeat; }

#activity_icon{
display:block;
float:left;width:107px;
height:27px;margin:5px 7px 0 0;background: url(images/imagesN/activity-bt.jpg) no-repeat; }
#activity_icon:hover { 
background: url(images/imagesN/activity-bt-dn.jpg) no-repeat; }

#announcement_icon{
display:block;
float:left;width:107px;
height:27px;margin:5px 0 0 0;background: url(images/imagesN/announcement-bt.jpg) no-repeat; }
#announcement_icon:hover { 
background: url(images/imagesN/announcement-bt-dn.jpg) no-repeat; }

#index_news_list{
display:block;
width:336px;
height:162px;}

#avtivity_title{
display:block;
float:left;width:290px;
height:22px;
margin:5px 0 0 0;
background: url(images/imagesN/news1.gif) no-repeat;
padding:0 0 0 38px;
line-height:22px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;color:#FFFFFF;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;}
#avtivity_title a{ 
color:#FFFFFF;text-decoration:none; 
}
#avtivity_title a:hover { 
color:#d0b7f0;
text-decoration:underline;}

#news_title{
display:block;
float:left;width:290px;
height:22px;
margin:5px 0 0 0;
background: url(images/imagesN/news2.gif) no-repeat;
padding:0 0 0 38px;
line-height:22px;font-family:Arial, Helvetica, sans-serif;
font-size:12px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;}

#news_title a{ 
color:#FFFFFF;text-decoration:none;}

#news_title a:hover { 
color:#d0b7f0;
text-decoration:underline;}

#announcement_title{
display:block;
float:left;width:290px;
height:22px;
margin:5px 0 0 0;
background: url(images/imagesN/news3.gif) no-repeat;
padding:0 0 0 38px;
line-height:22px;font-family:Arial, Helvetica, sans-serif;
font-size:12px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;}
#announcement_title a{ 
color:#FFFFFF;text-decoration:none;
}
#announcement_title a:hover { 
color:#d0b7f0;
text-decoration:underline;}

#news_more{
display:block;
float:left;width:328px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:right;
line-height:20px;}

#news_more a {
color:#ffffff;text-decoration:none;}
#news_more a:hover { 
color:#d0b7f0;
text-decoration:underline;}
 
/* ====================================================== */
/* ===========================新聞室title=========================== */
#news-title{
display:block;
float:left;
width:736px;
height:46px;
margin:20px 0 0 16px;
background-image:url(images/imagesN/news-title.jpg);}

/* ===========================新聞室內容=========================== */
#news_article{
display:block;
float:right;width:485px;}

#news_article h2{
    display:block;
    float:right;width:485px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#7b7b7b;
	line-height:30px;
	margin-top:15px;
}

#news_article h3{
    display:block;
    float:right;width:485px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;color:#db5600;	line-height:20px;
}

#news_article_content {
    display:block;
    float:right;width:485px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;color:#000000;	line-height:18px;
}
#news_article_content {
	display:block;
	float:left;width:485px;
	color:#000000;line-height:21px;
	padding:15px 0 30px 0;
}

#news_article_content .img {
	display:block;
	float:left;width:300px;
	MARGIN: 5px 15px 10px 0;
}
/* ===========================頁數選擇=========================== */
#pageSelector{
	width:100%;
	height:35px;
	float:right;
	border-top:1px solid #c9c9c9;
	text-align:right;
}
#pageSelector a{
	padding:3px 5px;
	text-decoration:none;
	border:1px solid #f2f2f2;
	color:#9B9B9B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:2px;
	float:left;
}
#pageSelector a:hover{		
    border:1px solid #c9c9c9;
	background:#f2f2f2;
}
#pageSelector span.pageNow{
	padding:3px 5px;
	border:1px solid #f2f2f2;
    font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:2px;
	color:#3986BF;
	float:left;}

/* ========================Gofone連結============================== */
#gofone_links{
display:block;
float:left; 
width:1000px;
height:86px;
text-align:center;
background-image:url(images/imagesN/img16.jpg);}

#gofone-0{
display:block;
float:left;
height:45px;
width:105px;
margin:10px 10px 0px 20px;
text-align:center;
background: url(images/imagesN/gofone-btn0.gif) no-repeat; }

#gofone-0:hover { 
background: url(images/imagesN/gofone-btn0.gif) no-repeat; }

#gofone-1{
display:block;
float:left;
height:81px;
width:55px;
margin:6px 10px 0px 60px;
text-align:center;
background: url(images/imagesN/gofone-btn1.gif) no-repeat; }
#gofone-1:hover { 
background: url(images/imagesN/gofone-btn1-dn.gif) no-repeat; }

#gofone-2{
display:block;
float:left;
height:81px;
width:55px;
margin:6px 10px 0px 10px;
text-align:center;
background: url(images/imagesN/gofone-btn2.gif) no-repeat; }
#gofone-2:hover { 
background: url(images/imagesN/gofone-btn2-dn.gif) no-repeat; }

#gofone-3{
display:block;
float:left;
height:81px;
width:55px;
margin:6px 10px 0px 10px;
text-align:center;
background: url(images/imagesN/gofone-btn3.gif) no-repeat; }
#gofone-3:hover { 
background: url(images/imagesN/gofone-btn3-dn.gif) no-repeat; }

#gofone-4{
display:block;
float:left;
height:81px;
width:55px;
margin:6px 10px 0px 10px;
text-align:center;
background: url(images/imagesN/gofone-btn4.gif) no-repeat; }
#gofone-4:hover { 
background: url(images/imagesN/gofone-btn4-dn.gif) no-repeat; }

#gofone-5{
display:block;
float:left;
height:81px;
width:55px;
margin:6px 10px 2px 10px;
text-align:center;
background: url(images/imagesN/gofone-btn5.gif) no-repeat; }
#gofone-5:hover { 
background: url(images/imagesN/gofone-btn5-dn.gif) no-repeat; }

#gofone-6{
display:block;
float:left;
height:81px;
width:55px;
margin:6px 10px 0px 10px;
text-align:center;
background: url(images/imagesN/gofone-btn6.gif) no-repeat; }
#gofone-6:hover { 
background: url(images/imagesN/gofone-btn6-dn.gif) no-repeat; }

#gofone-7{
display:block;
float:left;
height:81px;
width:55px;
margin:6px 10px 2px 10px;
text-align:center;
background: url(images/imagesN/gofone-btn7.gif) no-repeat; }
#gofone-7:hover { 
background: url(images/imagesN/gofone-btn7-dn.gif) no-repeat; }

#gofone-8{
display:block;
float:left;
height:81px;
width:55px;
margin:6px 10px 0px 10px;
text-align:center;
background: url(images/imagesN/gofone-btn8.gif) no-repeat; }
#gofone-8:hover { 
background: url(images/imagesN/gofone-btn8-dn.gif) no-repeat; }

#gofone-9{
display:block;
float:left;
height:81px;
width:44px;
margin:6px 10px 0px 10px;
text-align:center;
background: url(images/imagesN/gofone-btn9.gif) no-repeat; }
#gofone-9:hover { 
background: url(images/imagesN/gofone-btn9-dn.gif) no-repeat; }
/* ====================================================== */
#Quick_links{
float:right; 
width:1000px;
height:49px;
line-height:44px;
color:#ffffff;
font-size:12px;
background-image:url(images/imagesN/quick-link_bg.jpg);}

#Quick_links a{
line-height:44px;
color:#ffffff;
font-size:12px;text-decoration:none;}

#Quick_links a:hover{
color:#FFFFFF;
text-decoration:underline;}


/* =================================================================== */
.clear P{
clear:both;
height:0;
line-height:0;
font-size:1px;
}

/* ======================================================== */
#content_all{
display:block;
clear:both;
float:left;
width:1000px;
background-color:#000000;}
/* ======================================================== */
#content_left{
display:block;
float:left;
clear:both;
width:752px;
margin-bottom:20px;
}
/* ======================================================== */
#title{
display:block;
float:left;
width:713px;
height:40px;
margin:25px  16px  22px 16px;}

/* ======================================================== */
#content_inside{
float:left;
width:691px;
text-align:center;
margin:0px  20px  22px 20px;
font-size:15px;
color:#ffffff;
text-align:left;
line-height:25px;
padding:0 20px 40px 25px ;
font-family:Arial, Helvetica, sans-serif;}

#content_inside h1{
font-size:16px;
color:#c5c5c5;
text-align:left;
line-height:22px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
#content_inside h2{
font-size:16px;
color:#ffb13a;
text-align:left;
line-height:22px;
font-family:Arial, Helvetica, sans-serif;
}

#content_inside h2 a{
line-height:22px;
overflow: visible;
color:#ae5afe;
display:block;
text-decoration:none;}

#content_inside h2 a:link{
display:block;
color:#ae5afe;
text-decoration:none;}

#content_inside h2 a:hover{
color:#704298;font-weight:bold;text-decoration:none;}
/* ======================================================== */
#customer_content{
float:left;
width:736px;
margin:0px  20px  0px 20px;
padding:0 20px 40px 25px ;
text-align:center;
line-height:45px;}

.customer_content{
font-size:15px;
color:#d2d2d2;
font-family:Arial, Helvetica, sans-serif;background: url(images/img06.gif) repeat-x left bottom;
line-height:35px;}

.customer_content2{
font-size:15px;
color:#c5c5c5;
font-family:Arial, Helvetica, sans-serif;
line-height:35px;
font-weight:bold;}

.customer_inputbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	height: 17px;
	background-color:#262626;
	color:#ffffff;
}
.customer_inputbox2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #999999;
	background-color:#262626;
	color:#ffffff;
}
/* ======================================================== 
#device_content{
float:left;
width:660px;
margin:0px  20px  22px 20px;
padding:0 20px 40px 25px ;
text-align:center;
line-height:35px;}*/
/* ===========================設備介紹title=========================== */
#device-title{
display:block;
float:left;
width:736px;
height:46px;
margin:20px 0 0 16px;
background-image:url(images/device-title.jpg);}

#freepp-title{
display:block;
float:left;
width:736px;
height:46px;
margin:20px 0 0 16px;
background-image:url(images/freepp-title.jpg);}

#Previous{
display:block;
width:692px;
height:30px;text-align:right;}
/* ===========================設備介紹內容=========================== */
#device-content{
float:left;
width:692px;
text-align:center;
margin:0 0 0 16px;
padding:0 22px 0 22px;
background-color:#FFFFFF;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
background-position:top;}

#model-images{
display:block;float:left;
width:320px;height:260px;}

#model-fab{
display:block;float:right;
width:360px;height:260px;
margin:0 0 0 12px;
text-align:left;}

.model-name  {
	color:#db5600;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:none;
}
.model-describe-blue    {
	color:#0090ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;	font-weight:bold;}
	
.model-describe{
	color:#db5600;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:36px;
}
/* ===========================設備介紹Function-tab=========================== */
.tabs {
	display: block;
	width: 100%;
	margin-bottom: 0px;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('images/tab.png') repeat-x;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	position: relative;
	top: 1px;
}
.tabs a:hover {	color: #db5600;cursor:pointer;}
	
.tabs a.selected {
	background: #FFFFFF url('images/tab.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	color: #db5600;
    font-size: 12px;
}
.page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	display: inline-block;
	padding: 20px 15px 40px 15px;
	display: block;
	width: 660px;
	clear: both;
	margin-bottom: 10px;
	text-align:left;
}
.page table{
	line-height:24px;
}
.page td{
	padding-left:5px;
}
/* ======================================================== */
#ContentServe{
display:block;
float:left;
}
#ContentServe ul{
display:block;
}

#ContentServe li{
display:block;
width:170px; 
line-height:40px;
overflow: visible;
border-bottom-style: dotted;
color:#FFFFFF;	background: url(images/img06.gif) repeat-x left bottom;
padding-right:5px;
font-size:13px;}

#ContentServe li a{
display:block;
width:150px; 
line-height:45px;
overflow: visible;
border-bottom-style: GROOVE;
border-bottom-colore:#FFFFFF;
color:#6e6e6e;
padding-left:12px;display:block;font-weight:bold;text-decoration:none;}

#ContentServe li a:link{
display:block;
color:#6e6e6e;font-weight:bold;
text-decoration:none;}

#ContentServe li a:hover{
display:block;
color:#ffb13a;font-weight:bold;text-decoration:none;}



.bottom{
display:block;
float:left;
width:752px;
height:18px;
background-image:url(images/bottom.jpg);
background-position:right bottom;
background-repeat:no-repeat;}
/* ======================================================== */

#right_banner{
width:218px;
float:right;
text-align:left;
display:block;
margin:20px 0;
padding:0px 15px 55px 15px;
}
/* ======================================================== */
 #FOOTER{
clear:both;
width:100%;
background-image:url(images/imagesN/footer_bg.jpg);
height:40px;line-height:40px; text-align:center;
color:#FFFFFF;	font-family: Arial, Helvetica, sans-serif;font-size: 12px;
}


#FOOTER .type{
color:#ffffff;text-decoration:none;
font-weight:bold;
 text-align:center;}

#FOOTER a{
	text-decoration:none;
}
#FOOTER a:hover{
	color:#fff;
	text-decoration:underline;
}
/* ======================================================== */
.CLEAR{
clear:both;
height:0;
line-height:0;
font-size:1px;}
/* ======================================================== */
.coverage_search_box {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 13px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color:#000000;
	position:relative;
	*top:-1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-image: url(images/coverage-img4.jpg);
}
.coverage{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
    color:#787878;
	line-height:18px;
}

#coverage_search_box {
	height: 21px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #000000;
	text-align: left;
	background-image:url(images/coverage-searchbox.png);
	background-position:right top;
	background-repeat:no-repeat;
}
#coverage_update {
	float:left;
	display:block;
	line-height:21px;color: #dcdcdc;
	text-align: left;
	font-size:12px;
	font-weight:normal;
}
/* ===========================費率介紹title=========================== */
#rateplan-title{
display:block;
float:left;
width:736px;
height:46px;
margin:20px 0 0 16px;
background-image:url(images/rateplan-title.jpg);}

/* ===========================會員服務=========================== */
#memberarea{
float:left;
width:692px;
text-align:center;
margin:0 0 0 16px;
padding:0 22px 0 22px;
background-color:#FFFFFF;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
background-position:top;}

/* ===========================會員服務=========================== */

#memberarea-title{
display:block;
float:left;
width:736px;
height:46px;
margin:20px 0 0 16px;
background-image:url(images/member-title.jpg);}

.memberservice {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;text-decoration:none;}
.memberservice a{
color:#666666;text-decoration:none;}
.memberservice a:link{
color:#666666;}
.memberservice a:hover{
color:#666666;
text-decoration:underline;}

.memberservice2 {
	color:#3986BF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}
.memberservice2 a{
color:#3986BF;text-decoration:none;}
.memberservice2 a:link{
color:#3986BF;}
.memberservice2 a:hover{
color:#3986BF;
text-decoration:underline;}

.useage {
	color:#ff0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-decoration:none;
	font-weight:normal;
}
/* ===========================會員服務=========================== */
.memberSettings  {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.memberSettings  a{
color:#db5600;text-decoration:none;}
.memberSettings  a:link{
color:#db5600;text-decoration:none;}
.memberSettings  a:hover{
color:#db5600;;
text-decoration:underline;}


.memberarea-menu-line{
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-right-width: 1px;
	border-right-color: #b7b7b7;
}
/* ===========================會員服務=========================== */
.memberarea-menu{
	color:#3986BF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}
.memberunderline{
	border-bottom-style: none;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 5px;
	font-weight: normal;
}
.memberitem{
	border-bottom-width: 0px;
	border-bottom-style: none;
	color:#577D7B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 5px;
	font-weight: normal;
}
/* ===========================會員服務-修改個人資訊=========================== */
.member_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 16px;
	border: 1px solid #999999;
	text-align: justify;
}
.member_select-box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	height: 20px;
	width: 160px;
}
.member_edit-info-box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	height: 20px;
	width: 80px;
}

/* ======================================================== */
.dt{
float:left; width:85px;}
.dd{
float:left; width:570px;}
/* ===========================ORDER ONLINE 2009/12/15 Edited By David=========================== */
#online-registration-title{
display:block;
float:left;
width:736px;
height:46px;
margin:20px 0 0 16px;
background-image:url(images/online-registration-title.jpg);}

.orderAddSelectBox{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	width: 80px;
	margin-right:3px;
}
.orderZip{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 16px;
	border: 1px solid #999999;
	text-align: justify;
	width: 50px;
}
.inputError{
	border:2px solid #FF0000;
	background-color:#fdfed8;
}
.planName{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#db5600;
}
/* ===========================涵蓋範圍title=========================== */
#coverage-title{
display:block;
float:left;
width:736px;
height:46px;
margin:20px 0 0 16px;
background-image:url(images/coverage-title.jpg);}
/* ======================================================== */
.coverage_search_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 13px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color:#000000;
	position:relative;
*top:-1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-image: url(images/coverage-img4.jpg);
}
.coverage{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    color:#787878;
	line-height:18px;
}

#coverage_search_box {
	height: 21px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #000000;
	text-align: left;
	background-image:url(images/coverage-searchbox.png);
	background-position:right top;
	background-repeat:no-repeat;
}
#coverage_update {
	float:left;
	display:block;
	line-height:21px;color: #dcdcdc;
	text-align: left;
	font-size:12px;
	font-weight:normal;
}
/* ===========================費率介紹title=========================== */
#rateplan-title{
display:block;
float:left;
width:736px;
height:46px;
margin:20px 0 0 16px;
background-image:url(images/rateplan-title.jpg);}

/* ===========================會員服務=========================== */
#memberarea{
float:left;
width:692px;
text-align:center;
margin:0 0 0 16px;
padding:0 22px 0 22px;
background-color:#FFFFFF;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
background-position:top;}

/* ===========================會員服務=========================== */

#memberarea-title{
display:block;
float:left;
width:736px;
height:46px;
margin:20px 0 0 16px;
background-image:url(images/member-title.jpg);}

.memberservice {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;text-decoration:none;}
.memberservice a{
color:#666666;text-decoration:none;}
.memberservice a:link{
color:#666666;}
.memberservice a:hover{
color:#666666;
text-decoration:underline;}

.memberservice2 {
	color:#3986BF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}
.memberservice2 a{
color:#3986BF;text-decoration:none;}
.memberservice2 a:link{
color:#3986BF;}
.memberservice2 a:hover{
color:#3986BF;
text-decoration:underline;}

.useage {
	color:#ff0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-decoration:none;
	font-weight:normal;
}
/* ===========================會員服務=========================== */
.memberSettings  {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
.memberSettings  a{
color:#db5600;text-decoration:none;}
.memberSettings  a:link{
color:#db5600;text-decoration:none;}
.memberSettings  a:hover{
color:#db5600;;
text-decoration:underline;}


.memberarea-menu-line{
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-right-width: 1px;
	border-right-color: #b7b7b7;
}
/* ===========================會員服務=========================== */
.memberarea-menu{
	color:#3986BF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}
.memberunderline{
	border-bottom-style: none;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 5px;
	font-weight: normal;
}
.memberitem{
	border-bottom-width: 0px;
	border-bottom-style: none;
	color:#577D7B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 5px;
	font-weight: normal;
}
/* ===========================會員服務-修改個人資訊=========================== */
.member_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 16px;
	border: 1px solid #999999;
	text-align: justify;
}
.member_select-box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	height: 20px;
	width: 160px;
}
.member_edit-info-box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	height: 20px;
	width: 80px;
}

/* ======================================================== */
.dt{
float:left; width:85px;}
.dd{
float:left; width:570px;}
/* ===========================ORDER ONLINE 2009/12/15 Edited By David=========================== */
#online-registration-title{
display:block;
float:left;
width:736px;
height:46px;
margin:20px 0 0 16px;
background-image:url(images/online-registration-title.jpg);}

.orderAddSelectBox{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	width: 80px;
	margin-right:3px;
}
.orderZip{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 16px;
	border: 1px solid #999999;
	text-align: justify;
	width: 50px;
}
.inputError{
	border:2px solid #FF0000;
	background-color:#fdfed8;
}
.planName{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#db5600;
}

/*Edit by David 2010/2/4 for Customer Service*/
#customerarea-title{
display:block;
float:left;
width:736px;
height:46px;
margin:20px 0 0 16px;
background-image:url(images/imagesN/customer_services-title.jpg);}

/*Edit by David 2010/4/12 for Customer Service Shop*/
.shopCat{
    background-image:url(images/1271059572_bullet_star.png);
    background-position: left center;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #990066;
    padding-left: 20px;
    line-height: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px;    
}
.shopCat2{
    background-image:url(images/1271061981_bullet_pink.png);
    background-position: left center;
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #006666;
    padding-left: 20px;
    line-height: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px;    
}

#shopTable th{
    background-color: #C2E6BA;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    letter-spacing:1px;
    padding:5px;
    color: #419AA0;
    border-bottom: 2px solid #AECFA7;
}

.shopData{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing:1px;
    padding:5px;
    color: #2D503A;
}
.shopData td{
    padding:5px;
}

/*Edit by David 2010/4/27 for Pay*/
.payRuleTitle{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #FA6900;
    line-height: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px;    
}
.payRule{
    background-image:url(images/icon.gif);
    background-position: left center;
    background-repeat: no-repeat;    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing:1px;
    padding-left:18px;
    margin-bottom:8px;
    color: #2D6C99;
    vertical-align:top;
    line-height: 16px;
}
.payRemark{
    color: #b3b3b3;
    font-size: 11px;
    letter-spacing: 1px;
    line-height:14px;
}
.payNoNeed{
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: #2D6C99;
    letter-spacing: 1px;
    text-align:center;
    	
}

.payNoNeed a{
    color: #FA6900; 
}

.payStatus{
    color: #008000;
    font-size: 13px;
    letter-spacing: 1px;
    line-height:14px;
}

.payError{
    color: #CC0000;
    font-size: 13px;
    letter-spacing: 1px;
    line-height:14px;
}
/*Edit by Mandy 2010/6/25 */
#FreePP{
display:block;
width:600px;
height:610px;
margin-left:auto;
margin-right:auto;
background-image:url(images/freepp-bg.gif);
background-position:left top;
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#FreePP-2{
display:block;
width:600px;
height:610px;
margin-left:auto;
margin-right:auto;
background-image:url(images/freepp-bg3.gif);
background-position:top;
background-repeat:no-repeat;
background-color:#FFFFFF;
}
.RR {
	background-image: url(images/freepp-bg2.jpg);
	background-repeat: no-repeat;
	background-position:bottom;

}