@charset "UTF-8";

/*==========================================================================================*/
/* SECTION PLANPHONE */


/*DETAIL*/

.red { color:#d13045 !important; line-height:inherit; }
p.orange { color:#ea5700; font-size:15px; }
span.orange { color:#ea5700; font-size:inherit; line-height:inherit !important; }
div.planPrepaidBgCon1 { 
	/*background:url(../images_planphone/img_planphone_prepaid_index.jpg) no-repeat bottom right;*/
	
	background: url(../images_planphone/planphone2-1.jpg) no-repeat 460px 180px;
	height:430px;
}

h4.headerspec { display:inline-block; font-size:30px; font-weight:normal; color:#aaa; margin-bottom:10px; }
h4.headerspec span { font-size:20px; font-weight:bold; color:#EB5700; }
h4.headerSection { display:inline-block; font-weight:100 !important; font-size:30px; margin-left:10px; }

div.shareset { display:block; border:0px solid red; width:220px; position:absolute; right:0; top:37px; }
div.shareset p { display:block; float:left; margin:0; }


div.planphone_menuSet { display:block; padding:0px; padding-left:22px; height:32px; background:#555; color:white; position:relative; top:0px; left:0px; z-index:13; }
div.planphone_menuSet a { display:block; color:white; float:left; padding:0px 10px; margin:10px 0; text-shadow:1px 1px 0 rgba(0,0,0,0.5); 
	font-size:13px; border-right:1px solid white; cursor:pointer;
	}
	

div.planphoneLeftBlock { width:350px; position:relative; margin-bottom:25px; }
div.planphoneLeftBlock h4 { font-size:18px; color:#ea5700; margin:15px 0px; }
div.planphoneRightBlock { width:300px; position:absolute; top:80px; right:60px;  }
div.planphoneRightBlock h4 { font-size:18px; color:#ea5700; margin:15px 0px; }
div.planphoneRightBlock table tr td, div.planphoneRightBlock p , div.planphoneRightBlock ul{ font-size:12px; color:#333; }
div.planphoneRightBlock table tr td.gray { color:#999; }
div.planphoneRightBlock table { margin:10px 0; }	

#anchorQA { position:relative; }
#anchorQA a.link { position:absolute; top:35px; right:30px; font-size:12px; background: url(../images/icon-global.png) no-repeat -100px -153px; padding-left:15px; }

div.QA_iconQ1 { width:300px; height:50px; background:url(../images_planphone/icon-planphone.png) no-repeat 10px 50px; display:inline-block; }
div.QA_iconQ1 div p { font-size:18px; color:#333; width:300px; text-align:left;}
div.QA_iconA1 { width:300px; height:20px; background:url(../images_planphone/icon-planphone.png) no-repeat 0px 230px; cursor:pointer; position:absolute; left:20px; top:100px; bottom:50px; border:10px solid #939;}
div.QA_iconA1 div p { font-size:13px; color:#333; width:300px; text-align:left;}
div.QA_iconQ2 { width:300px; height:50px; background:url(../images_planphone/icon-planphone.png) no-repeat 10px 50px; cursor:pointer; position:absolute; left:400px; top:50px; bottom:50px; border:10px solid #C00; }
div.QA_iconQ2 div p { font-size:18px; color:#333; width:300px; text-align:left;}
div.QA_iconA2 { width:300px; height:20px; background:url(../images_planphone/icon-planphone.png) no-repeat 0px 230px; cursor:pointer; position:absolute; left:400px; top:100px; bottom:0px; border:10px solid #690; }
div.QA_iconA2 div p { font-size:13px; color:#333; width:300px; text-align:left;}				
	
	div.boxQAset { position:relative; display:block; }
	div.boxQAset div { display:table; font-size:13px; width:100%; padding-right:15px; color:#aaa; margin-bottom:15px; }
	div.boxQAset div p { padding:15px; padding-top:4px; padding-left:55px; display:table-cell; }
	div.boxQAset div p.q1 { background:url(../images_planphone/iconQ1.png) no-repeat left top; width:230px; }
	div.boxQAset div p.q2 { background:url(../images_planphone/iconQ2.png) no-repeat left top; width:230px; }
	div.boxQAset div p.ans { background:url(../images_planphone/iconAns.png) no-repeat left top; }
				
					

div.boxBottomBtn1 { display:block; padding:0; margin:30px; margin-bottom:35px; position:relative; }
div.boxBottomBtn1 h2 { display:block; padding-top:6px; color:#222; font-size:24px; }
div.boxBottomBtn1 div { position:absolute; display:block; top:0; right:0; }
					
div.boxBottomBtn2 { display:block; padding:00 30px; margin:30px 0; margin-bottom:35px; position:relative; }
div.boxBottomBtn2 h2 { display:block; padding-top:30px; color:#222; font-size:24px; }
div.boxBottomBtn2 div { position:absolute; display:block; top:25px; right:30px; }
					
							
	
	
	/*PREPAID */	
	
	
table.tablePrepaidStepBox1 {}
table.tablePrepaidStepBox1 tr td { width:20%; font-family:微軟正黑體, Arial; color:#333; padding:6px; text-align:center; vertical-align:top; font-size:12px; }
table.tablePrepaidStepBox1 tr td img { border:1px solid #ccc; }
table.tablePrepaidStepBox1 tr td a { color:#ea5700; }
table.tablePrepaidStepBox1 tr td div.titleStep { padding:4px 10px; background:#ea5700; color:white; 
	font-family:"Courier New", Courier, Verdana, Arial; font-weight:bold; width:70px; margin-left:auto; margin-right:auto; font-size:14px; border-radius:20px; margin-bottom:8px; }


	

.sboxHalf { width:48%; height:230px; display:inline-block; float:left; text-align:center; position:relative; margin:3px; margin-bottom:15px; }
.sboxHalf h3 { margin:0; padding:0; font-family:微軟正黑體, Arial; font-size:28px; font-weight:normal; }
	
.txt-3step { color:#ea5700; position:absolute; left:40px; top:105px; font-size:14px !important; }
.txt-3step:hover { text-decoration:underline; }
.txt-reGenCode { color:#579400; text-decoration:none; }
.txt-reGenCode:hover { text-decoration:underline; }
.txt-inputrow { margin:0; padding:3px 10px; text-align:left; margin-left:20px; }	
.txt-inputrow p { width:60px; margin:0; padding:0; display:inline-block; }	
.txt-inputrow input { border:1px solid #babcbe; border-radius:5px; margin:0 4px; height:20px; width:150px; display:inline-block; 
	background: -moz-linear-gradient(top, #e4e4e4 0%, #fff 10%); /* FF3.6+ */
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e4e4e4),color-stop(10%,#fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e4e4e4 0%,#fff 10%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e4e4e4 0%,#fff 10%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e4e4e4 0%,#fff 10%); /* IE10+ */
	background: linear-gradient(to bottom, #e4e4e4 0%,#fff 10%); /* W3C */
	}	
.txt-code { position:absolute; top:173px; left:95px; }
.txt-code img { float:left; margin-right:20px; }
.txt-code a { display:block; color:#ea5700; text-decoration:underline; margin-top:10px; padding-left:15px; font-size:12px; float:left; }
.txt-code a.linkcode { text-decoration:none; }
.txt-code a.linkcode:hover { text-decoration:underline; }

	
#boxSet1, #boxSet2, #boxSet3 { position:relative; margin:0; padding:0; }
table.table-servicePrepaid { width:100%; background:white; border:1px solid #cacaca; /*box-shadow:0 1px 2px rgba(50,50,50,0.5);*/ margin-bottom:5px;  }
table.table-servicePrepaid th { border:1px solid #cacaca; padding:8px; color:#fff; font-family:Arial; font-size:13px; text-align:center;
		background: -moz-linear-gradient(top, #ea5700 0%, #c34400 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ea5700),color-stop(100%,#c34400)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ea5700 0%,#c34400 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ea5700 0%,#c34400 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ea5700 0%,#c34400 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ea5700 0%,#c34400 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5700', endColorstr='#c34400',GradientType=0 ); /* IE6-9 */
	background-color:#619d15;
	}
table.table-servicePrepaid td.lightorange { background-color:#fcdcce; }
table.table-servicePrepaid td.roweven { background-color:#f4f4f4; }
table.table-servicePrepaid tr:odd td { background-color:#f4f4f4; }
table.table-servicePrepaid tr:even td { background-color:#fff; }
	
table.table-servicePrepaid td { border:1px solid #cacaca; text-align:center; padding:8px; color:#333; font-family:Arial; font-size:13px; }
table.table-servicePrepaid td.red { color:#d83247; font-weight:bold; }
table.table-servicePrepaid td div.icon { float:left; display:block; margin-right:10px; }
table.table-servicePrepaid td p.red { color:#d83247; margin:0; padding:0; }
table.table-servicePrepaid td a { color:#ea5700; }


/* SELECT FROM COST */
.prepaidbox { display:block; position:relative; text-align:center; height:340px; overflow:hidden; padding-right:0; padding-left:24px; }
.prepaidbox h1 { font-size:24px; color:#333; margin-right:25px; }
.prepaidbox .btnprev { background:url(../images/icon-prev.png) no-repeat top left; position:absolute; left:15px; top:18px; height:30px; padding-top:8px; padding-left:33px; font-size:12px; cursor:pointer; opacity:0.8; }
.prepaidbox .btnnext { background:url(../images/icon-next.png) no-repeat top right; position:absolute; right:15px; top:18px; height:30px; padding-top:8px; padding-right:33px; font-size:12px; cursor:pointer; opacity:0.8; }

.prepaidbox .btndisable { opacity:0.3 !important; cursor:default !important; }


.redhighlight { line-height:16px !important; }


.prepaidbox .box { display:block; float:left; position:relative; width:230px; height:260px; margin:10px; margin-left:0px; 
	background:white; padding:0px; text-align:center; border-radius:6px; border:none; border:1px solid #ccc; overflow:hidden; }

.prepaidbox .box h2 { display:block; text-align:center; background:#ea5700; color:white; text-shadow:none; margin:0; padding:15px 0; margin-bottom:15px; text-shadow:-1px -1px 0 rgba(0,0,0,0.2); }
.prepaidbox .box div { display:block; text-align:left; color:#333; margin:10px 15px !important; }
.prepaidbox .box div h3 { display:block; text-align:left; margin:10px 0 !important; font-size:14px; color:#ea5700; text-shadow:none; }
.prepaidbox .box div ul { color:#333; margin:0 !important; padding:0; padding-left:15px; }
.prepaidbox .box div ul li { margin:0; padding:0; color:#333; font-size:12px; list-style:disc !important; line-height:18px; }
.prepaidbox .box a.btn { position:absolute !important; bottom:20px; left:60px; color:#ea5700; }

.prepaidbox .tablestepbox { width:97%; height:40px; }
.prepaidbox .tablestepbox td { padding:10px; }
.prepaidbox .stepbox { display:block; position:relative; background:#eee; width:100%; height:100%; padding:15px 0; cursor:pointer;
text-align:center; border-radius:6px; color:#888; line-height:18px; font-size:13px; border:1px solid #aaa !important; }

.prepaidbox .stepboxactive { background:white; border:1px solid #ea5700 !important; color:#ea5700 !important; }
.prepaidbox .steparrow { background:url(../images/icon-arrowdown.png) no-repeat top left; width:40px; height:30px; position:absolute; bottom:27px; left:0; }


.note li a { color:#ea5700; }

div.accountUsageApp { display:block; float:left; width:180px; padding-bottom:10px; }
div.accountUsageApp a img { border:1px solid #ccc; width:90%; }
div.accountUsageApp p { margin:10px 0 25px 0; }




/*ALL COST*/

div.maskcon { display:block; position:absolute; top:70px; left:25px; }

table.table-prepaidBasic { width:100%; background:white; border:1px solid #cacaca; /*box-shadow:0 1px 2px rgba(50,50,50,0.5);*/ margin-top:10px; margin-bottom:5px;  }
table.table-prepaidBasic th { border:1px solid #cacaca; padding:8px; color:#ffffff; font-family:Arial; font-size:13px; text-align:center;
	background-color:#aaa;
	}
table.table-prepaidBasic td { border:1px solid #cacaca; padding:8px; color:#333; font-family:Arial; font-size:13px; text-align:center; }
table.table-prepaidBasic td.table_item { color:#666666; background-color:#DCDCDC; text-align:center; }

table.tableBasicleft td { text-align:left !important; }


table.table-prepaidBasic2 { width:100%; background:white; border:1px solid #cacaca; /*box-shadow:0 1px 2px rgba(50,50,50,0.5);*/ margin-top:10px; margin-bottom:5px;  }
table.table-prepaidBasic2 th { border:1px solid #cacaca; padding:8px; color:#ffffff; font-family:Arial; font-size:13px; text-align:center;
	background-color:#aaa;
	}
table.table-prepaidBasic2 td { border:1px solid #cacaca; padding:8px; color:#333; font-family:Arial; font-size:13px; }
table.table-prepaidBasic2 td.table_item { color:#666666; background-color:#DCDCDC; text-align:center; }
	
td.subgray { background:#f5f5f5; }



div.asTableCell50 { width:48%; display:table-cell; }
div.grayroundbox { background:#eee; border-radius:6px; padding:15px 25px; margin-bottom:25px !important; position:relative; }
div.grayroundbox p { font-size:13px; margin:0; padding:0; }
div.grayroundbox ul { margin:5px 0; padding:0; padding-left:20px; }
div.grayroundbox ul li { list-style:disc !important; font-size:13px; margin:0; padding:0; color:#333; line-height:18px; }
div.marginRight20 { margin-right:20px !important; }
div.marginBottom25 { margin-bottom:25px !important; }
div.grayroundbox_left1 { display:inline-block; width:270px; height:80px; margin-right:5px; margin-top:5px; margin-bottom:10px !important; vertical-align:top; }
div.grayroundbox_left2 { display:inline-block; width:320px; height:80px; margin-top:5px; margin-bottom:10px !important; vertical-align:top; }

div.roamingRoundBox { padding:20px; border-radius:6px; background:#eee; }
div.listcheckbox { border:1px solid #ccc; padding:20px 25px 5px 25px; margin-bottom:10px; border-radius:6px; vertical-align:top; }
ul.checkboxList { position:relative; }
ul.checkboxList li { width:24.5%; text-align:left; list-style:none; display:inline-block; font-size:13px; color:#333; padding:0; margin:0; }

ul.note li { list-style:decimal !important;  }
ul.note li ul { margin:-8px 10px 0 10px !important; padding:0; padding-left:12px; padding-right:25px; }
ul.note li ul li { list-style:disc !important; margin:0; }


		
/*add by TWM*/
table.table-prepaidBasic input { border-radius:4px; border:1px solid #ccc; padding:3px; color:#333; font-family:Arial; font-size:13px; }
table.table-prepaidBasic input[type="radio"] { border-radius:0; border:0; padding:0; }
table.table-prepaidBasic input[type="checkbox"] { border-radius:0; border:0; padding:0;  }
table.table-prepaidBasic input.focus { border:1px solid #d13045; box-shadow:0 0 3px #d13045; }
div.planPrepaidBgCon2 { 
	background: url(../images_planphone/planphone8.jpg) no-repeat 440px 70px; min-height:320px;
}
div.planPrepaidBgCon3 { 
	background: url(../images_planphone/planphone9.jpg) no-repeat 440px 180px; min-height:430px;
}
div.planPrepaidBgCon4 { 
	background: url(../images_planphone/planphone10.jpg) no-repeat 440px 280px; min-height:550px;
}

table.tableBasicleft th {
	background-color:#fcdcce !important; color:#333 !important; }
div.planPrepaidBgCon5 {
	background: url(../images_planphone/planphone11.jpg) no-repeat 440px 190px; min-height:450px;
}

div.planPrepaidBgCon6 { 
	background: url(../images_planphone/planphone12.jpg) no-repeat 440px 280px; min-height:550px;
}


/*DETAIL PAGE*/
#boxRollbar { border-radius:30px; width:751px; display:block; padding:8px; height:20px; background:white; margin:0; margin-bottom:10px; box-shadow:0 1px 2px rgba(0,0,0,0.5); position:relative; }
#boxRollbar .inner { border-radius:30px; height:22px; width:747px; display:block; background:/*#2793ca*/#ddd; box-shadow:inset 0 1px 2px rgba(0,0,0,0.5); position:absolute; top:7px; left:10px; overflow:hidden; }
#boxRollbar .inner p { display:block; padding:2px; text-align:center; width:240px; text-shadow:1px 1px 0 white; font-size:14px; position:relative; float:left; color:#888; }
#boxRollbar .inner p:last-child { width:255px; }
#boxRollbar .inner p.active { background:url(../images_planphone/planphone_selectbar.gif) repeat-x 0 0; text-shadow:-1px -1px 0 rgba(0,0,0,0.5); color:white; }
#boxRollbar .inner p.active a { color:white; }
#boxRollbar .no1,
#boxRollbar .no2,
#boxRollbar .no3 { position:absolute; top:1px; display:block; width:34px; height:34px; padding-top:10px; font-weight:bold; text-align:center; 
	background:url(../images_planphone/planphone_selectbarnum.png) no-repeat left top; color:#ea5700; z-index:50; }
#boxRollbar .noactive { background-position:-35px top; color:white; }
/*#boxRollbar .no1 { left:242px; }
#boxRollbar .no2 { left:488px; }
#boxRollbar .no3 { left:730px; }*/
#boxRollbar .no1 { left:2px; }
#boxRollbar .no2 { left:242px; }
#boxRollbar .no3 { left:488px; }

		/*=====================================================================================*/
			/* SPECIAL FOR IE TABLET VERSION */
				html.onie #boxRollbar { width:678px; }
				html.onie #boxRollbar .inner { width:674px; }
				html.onie #boxRollbar .inner p { width:225px; }
				html.onie #boxRollbar .inner p:last-child { width:212px; }
				html.onie #boxRollbar .no2 { left:222px; }
				html.onie #boxRollbar .no3 { left:458px; }
				html.onie div.accountUsageApp { width:155px !important; }
				html.onie div.accountUsageApp p { margin:10px 0 25px 0; }
				html.onie div.grayroundbox_left1 { width:200px; }
				html.onie .prepaidbox .box { width:206px; }
				html.onie .prepaidbox .box a.btn { left:45px; }
		/*=====================================================================================*/
		/* SMALL TABLET */
		@media -ms-viewport, screen and (max-width: 1140px) {
			#boxRollbar { width:678px; }
			#boxRollbar .inner { width:674px; }
			#boxRollbar .inner p { width:225px; }
			#boxRollbar .inner p:last-child { width:212px; }
			#boxRollbar .no2 { left:222px; }
			#boxRollbar .no3 { left:458px; }
			
			div.accountUsageApp { width:155px !important; }
			div.accountUsageApp p { margin:10px 0 25px 0; }
			
			div.grayroundbox_left1 { width:200px; }
			
			.prepaidbox .box { width:206px; }
			.prepaidbox .box a.btn { left:45px; }
		}
		/* DESKTOP */
		@media -ms-viewport, screen and (min-width: 1141px) { 
			#boxRollbar { width:751px; }
			#boxRollbar .inner { width:747px; }
			#boxRollbar .inner p { width:240px; }
			#boxRollbar .inner p:last-child { width:255px; }
			#boxRollbar .no2 { left:242px; }
			#boxRollbar .no3 { left:488px; }
			
			div.accountUsageApp { width:180px; }
			div.accountUsageApp p { margin:10px 0 25px 0; }
			
			div.grayroundbox_left1 { width:270px; }
			
			.prepaidbox .box { width:230px; }
			.prepaidbox .box a.btn { left:60px; }
			
		}




h4.headerspec { font-size:30px; font-weight:normal; color:#333; margin-bottom:10px; }
h4.headerspec span { font-size:20px; font-weight:bold; color:#55b7e5; }
h4.headerSection { font-weight:normal !important; font-size:36px; color:#333; }
h4.red { color:#e5002d; }
h4.headertitle { font-size:30px !important; font-weight:normal; margin:10px 0 !important; }	
h4.headertitle span { color:#888 !important; padding-right:10px !important; }	

h3.headertitle { font-size:18px !important; font-weight:normal; color:#ea5700; margin:0 !important; padding-bottom:5px; padding-top:20px; }	

.inputGray {
color: #aaa !important;
}

ul.headerul { margin:0; padding:0; padding-left:20px; margin-bottom:20px; }
ul.headerul li { font-size:13px; color:#333; list-style:disc; margin:0; padding:0; line-height:18px; }

.newYellowBox {}
.newYellowBox h4 { font-size:30px !important; }
.yellowboxp { margin:10px 80px 25px 80px; text-align:left !important; line-height:30px !important; }
.yellowboxp span { color:#ea5700 !important; }

.highlightTD { background:#ffe6a2; }
.innerbox { background:#eee; margin:5px; padding:10px; }

.mailaddressbox { display:block; position:relative; padding-left:80px; margin:8px 0; padding-top:10px; border-top:1px dotted #ccc; }
.mailaddressbox h3 { position:absolute; top:10px; left:0; color:#333; }

.iconExclusive { width:24px; }
.iconOldClient { width:36px; }
			
			
/*PRICE MONTH*/

div.selectareacode { background:#f3f3f3; border-radius:6px; position:relative; padding:10px; font-size:13px; margin:-15px 0 20px 0 !important; color:#333; }
div.selectareacode a.btn { position:absolute; top:15px; right:20px; padding:10px 40px; }
div.topcontenthalf { display:inline-block; width:44%; margin-right:3%; vertical-align:top; margin-top:25px; }



div.planphoneImgBlock61 { background:url(../images_planphone/planphone6-1.jpg) no-repeat 30px 80px; padding-left:30px; }
div.planphoneImgBlock62 { background:url(../images_planphone/planphone6-2.jpg) no-repeat 30px 80px; padding-left:30px; }
td.subgray { background:#f7f7f7; }
			
		
#smallBox4 { height:150px; overflow:hidden; }
#smallBox4 .iconPrev { background:url(../images/icon-tabarrow.png) no-repeat 3px 6px; left:5px; display:block; cursor:pointer; position:absolute; top:50%; margin-top:-19px; width:38px; height:38px; z-index:10; }
#smallBox4 .iconNext { background:url(../images/icon-tabarrow.png) no-repeat -166px -44px; right:5px; display:block; cursor:pointer; position:absolute; top:50%; margin-top:-19px; width:38px; height:38px; z-index:11; }
#smallBox4 .row { display:block; position:absolute; top:10px; left:35px; }
#smallBox4 .row #table1 { width:693px; position:absolute; top:0px; left:0px; }
#smallBox4 .row #table2 { width:693px; position:absolute; top:0px; left:765px; }


.simpleboxTableRange { margin-bottom:10px; border:2px solid #ea5700; border-radius:6px; }
.simpleboxTableRange div.row { display:block; position:relative; width:100%; }
.simpleboxTableRange div.row:first-child { border-bottom:2px solid #ea5700; }
.simpleboxTableRange div.row p,
.simpleboxTableRange div.row div { padding:15px; }
.simpleboxTableRange div.row p { display:block; border-left:1px solid #ea5700; margin-left:120px; margin-bottom:0; }
.simpleboxTableRange div.row div { display:block; width:100px; position:absolute; top:0; left:0; line-height:20px; color:#ea5700; }


	.tablePlanSelectsmall td { padding:7px 4px !important; font-size:12px !important; }
	.frbill { float:right; color:#333; margin-bottom:5px; }
	
ul.tablistUL { display:block; margin:15px 0 -10px 0; padding:0; }
ul.tablistUL li { display:inline-block; list-style:none; margin:0 !important; padding:5px 20px; font-size:13px; border-radius:6px 6px 0 0; border:1px solid #555; color:#555; border-bottom:0; cursor:pointer; }
ul.tablistUL li:hover { color:#333; }
ul.tablistUL li.active { color:#ea5700; border:1px solid #ea5700; border-bottom:0; }

		/*=====================================================================================*/
			/* SPECIAL FOR IE TABLET VERSION */
				html.onie ul.tablistUL li { padding:5px 7px; }
				html.onie #smallBox4 .row #table1, #smallBox4 .row #table2 { width:615px; }
				html.onie .sboxHalf .txt-3step { left:20px; }
				html.onie .sboxHalf .txt-inputrow input { width:110px; }
				html.onie div.planphoneLeftBlock { width:300px; }
				html.onie div.planphoneRightBlock { width:260px; }
		/*=====================================================================================*/
		/* SMALL TABLET */
		@media -ms-viewport, screen and (max-width: 1140px) {
			ul.tablistUL li { padding:5px 7px; }
			#smallBox4 .row #table1, #smallBox4 .row #table2 { width:615px; }
			.sboxHalf .txt-3step { left:20px; }
			.sboxHalf .txt-inputrow input { width:110px; }
			div.planphoneLeftBlock { width:300px; }
			div.planphoneRightBlock { width:260px; }
			div.planPrepaidBgCon1 { background:url(../images_planphone/planphone2-1.jpg) no-repeat 400px 180px; }
	
		}
		/* DESKTOP */
		@media -ms-viewport, screen and (min-width: 1141px) { 
			ul.tablistUL li { padding:5px 20px; }
			#smallBox4 .row #table1, #smallBox4 .row #table2 { width:693px; }
			.sboxHalf .txt-3step { left:40px; }
			.sboxHalf .txt-inputrow input { width:150px; }
			div.planphoneLeftBlock { width:350px; }
			div.planphoneRightBlock { width:300px; }
			div.planPrepaidBgCon1 { background:url(../images_planphone/planphone2-1.jpg) no-repeat 460px 180px; }

		}



div.rowstepbox { display:block; margin-bottom:25px; }
div.rowstepbox p { padding:10px 15px; background:#eee; border-radius:6px; color:#333; font-size:13px; line-height:21px; display:block; text-align:center; margin-bottom:0; }
div.rowstepbox p img { vertical-align:middle; }
div.rowstepbox .arrowdown { display:block; background:url(../images_planphone/arrowDown.png) no-repeat 50% 5px; height:20px; }
div.roundinnerbox { margin-top:10px; padding:20px 0 15px 0; color:#333; border-top:1px solid #ccc; }


img.mapimg { width:100%; height:auto; margin-bottom:20px !important; }
input.searchArea { padding:8px; border-radius:4px; border:1px solid #ccc; width:150px; font-size:14px; color:#333; box-shadow:inset 0 1px 4px rgba(0,0,0,0.2); margin:1px; }


div.colorblock_green { display:block; width:50px; height:20px; background:#02ff00; }
div.colorblock_yellow { display:block; width:50px; height:20px; background:#feff00; }
div.colorblock_orange { display:block; width:50px; height:20px; background:#ffcc00; }
div.colorblock_white { display:block; width:48px; height:18px; background:#ffffff; border:1px solid #ccc; }
div.colorblock_blue { display:block; width:50px; height:20px; background:#1700ff; }
div.colorblock_red { display:block; width:50px; height:20px; background:#ff0700; }
	
table.tableSmaller td, table.tableSmaller th { padding:5px !important; font-size:12px !important; }
	
	
	
/*add by TWM 201401*/

div.cvsblock{
        width:49%;
        float:left;
        margin-bottom:10px;
        min-height:120px;
        padding-right:5px;
}
div.cvsblock img{
        float:left;
        margin:0 10px 20px 10px !important;
}
div.cvsblock .btn{
        padding:10px 15px !important;
        color:#ea5700;
}
div.cvsblock h3{
        color:#ea5700;
        margin-bottom:7px;
}
div.cvsblock p{
        font-size:12px;
        color:#333;
        line-height:18px;
        margin-bottom:10px;
}
.partition{
        border-right:1px dotted #ced0d5;
}
.eventKV{
	text-align:center !important;

}
.nonevent{
        margin-top:40px;
}	
	
/*add by TWM 201501*/
.prepaidevent div.bigbanner{
	text-align:center;
	margin-bottom:20px;
}
.prepaidevent div.bigbanner img{
	width:97%;
}
.prepaidevent ul.recharge_gift{
	margin:0 0 5px 0;
	padding:0;
	list-style:none;
	min-height:220px;
	text-align:center;
	display:block;
}
.prepaidevent ul.recharge_gift li{
	width:18%;
	height:210px;
	float:left;
	margin:0 3px;
	padding:3px;
	text-align:center;
	border:1px solid #dddddd;
	-webkit-box-shadow:0px 3px 4px 0px #eeeeee; /* Webkit (Safari/Chrome) */ 
	-moz-box-shadow:0px 3px 4px 0px #eeeeee;/* Mozilla Firefox */ 
	box-shadow:0px 3px 4px 0px #eeeeee;/* Proposed W3C Markup */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.prepaidevent ul.recharge_gift li:last-child{
	margin-right:0;
}
.prepaidevent ul.recharge_gift li h4{
	padding-top:8px;
	font-size:15px !important;
	margin-bottom:10px;
}
.prepaidevent ul.recharge_gift li img{
	display:block;
	margin:0 auto 8px auto!important;
	text-align:center;
	border:1px solid #dddddd;
}
.prepaidevent ul.recharge_gift li p {
	font-size:12px;
	color:#333;
	margin:0 10px;
}
.btn_group{
	float:right;
	margin-top:-40px;
}