@charset "UTF-8";
@import url('planphone-application.css');
@import url('planphone-prepaid.css');
@import url('planphone-search.css');
@import url('planphone-extra.css');
/*==========================================================================================*/
/* SECTION PLANPHONE */


option.black span { display:inline-block; width:12px; height:12px; color:black; padding-right:8px; }
option.white span { display:inline-block; width:12px; height:12px; color:white; margin-right:8px; }

table.table-planPhoneBasic { width:100%; background:white; border:1px solid #cacaca; /*box-shadow:0 1px 2px rgba(50,50,50,0.5);*/ }
table.table-planPhoneBasic th { border:1px solid #cacaca; padding:8px; color:#ffffff; font-family:Arial; font-size:13px; text-align:center;
	/*
	background: -moz-linear-gradient(top, #3972a1 0%, #2f5c82 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3972a1),color-stop(100%,#2f5c82));
	background: -webkit-linear-gradient(top, #3972a1 0%,#2f5c82 100%);
	background: -o-linear-gradient(top, #3972a1 0%,#2f5c82 100%);
	background: -ms-linear-gradient(top, #3972a1 0%,#2f5c82 100%);
	background: linear-gradient(to bottom, #3972a1 0%,#2f5c82 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3972a1', endColorstr='#2f5c82',GradientType=0 );
	*/
	background:#eaeaea;
	}
table.table-planPhoneBasic tr:odd td { background-color:#f5f5f5; }
table.table-planPhoneBasic tr:even td { background-color:#ffffff; }
	
table.table-planPhoneBasic td { border:1px solid #cacaca; padding:8px; color:#333; font-family:Arial; font-size:13px; }
table.table-planPhoneBasic td.red { color:#d83247; font-weight:bold; }
table.table-planPhoneBasic td div.icon { float:left; display:block; margin-right:10px; }
table.table-planPhoneBasic td p.red { color:#d83247; margin:0; padding:0; }
table.table-planPhoneBasic td a { color:#376f99; }
#atext { color:white; }



ul.planPhoneDotset33 { margin:0; padding:0; height:90px; display:block; }
ul.planPhoneDotset33 li { list-style:disc; display:inline-block; width:110px; margin:0; padding:4px 10px; padding-left:0px; *float:left; }
ul.planPhoneDotset33 li a { color:#333; }
ul.planPhoneDotset33 li a:hover { text-decoration:underline; color:#ea5700; }


div.phonePlanList { display:inline-block; width:143px; margin-bottom:25px; text-align:center; border-right:1px dotted #ccc; *float:left; }
div.phonePlanList:last-child { border-right:none; }
div.phonePlanList p { font-size:13px; margin-bottom:1.5em !important; line-height:1.5em !important; }
div.phonePlanList p.red { color:#da3245; }
div.phonePlanList a.btn-orange
	 { 
	 	display:inline-block; color:#ffffff; margin:0; cursor:pointer; 
		border-radius:4px; border:1px solid #ed8600; margin:1px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #ed8600 0%, #da5800 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ed8600),color-stop(100%,#da5800)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ed8600 0%,#da5800 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ed8600 0%,#da5800 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8600', endColorstr='#da5800',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left; *margin-left:30px; 
		box-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	div.phonePlanList a.btn-orange:hover { 
		background: -moz-linear-gradient(top, #ff9a00 0%, #ef6e00 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a00),color-stop(100%,#ef6e00)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ff9a00 0%,#ef6e00 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a00', endColorstr='#ef6e00',GradientType=0 ); /* IE6-9 */
		}
		
		
#planPlan1 { background:url(../images/img-planphone-plan.jpg) no-repeat 10px top; }
#planPlan2 { background:url(../images/img-planphone-plan.jpg) no-repeat -175px top; }
#planPlan3 { background:url(../images/img-planphone-plan.jpg) no-repeat -352px top; }
#planPlan4 { background:url(../images/img-planphone-plan.jpg) no-repeat -530px top; }

#planPlan1, 
#planPlan2,
#planPlan3, 
#planPlan4 { display:inline-block; position:relative; margin:0; padding:0; padding-top:160px; width:181px; height:auto; 
	text-align:center; 
	border-right:1px dotted #babcbe; }
#planPlan4 { border-right:none; }

#planPlan1 p, 
#planPlan2 p,
#planPlan3 p, 
#planPlan4 p { text-align:center; font-family:微軟正黑體, Arial; font-size:15px; color:#333; margin:8px 0; padding:0; }
#planPlan1 p.smallred, 
#planPlan2 p.smallred,
#planPlan3 p.smallred, 
#planPlan4 p.smallred { text-align:center; font-family:微軟正黑體, Arial; font-size:11px; color:#d83247; margin:0; padding:0; width:100%; text-align:center; position:absolute; left:0; top:150px; }


		/*=====================================================================================*/
			/* SPECIAL FOR IE TABLET VERSION */
				html.onie #planPlan1, 
				html.onie #planPlan2, 
				html.onie #planPlan3, 
				html.onie #planPlan4 { width:163px; } 
				html.onie div.phonePlanList { width:125px; }
				html.onie div.phonePlanList img { width:125px; height:125px; }
		/*=====================================================================================*/
		/* SMALL TABLET */
		@media -ms-viewport, screen and (max-width: 1140px) {
			#planPlan1, #planPlan2, #planPlan3, #planPlan4 { width:163px; } 
			div.phonePlanList { width:128px; }
			div.phonePlanList img { width:125px; height:125px; }
		}
		/* DESKTOP */
		@media -ms-viewport, screen and (min-width: 1141px) { 
			#planPlan1, #planPlan2, #planPlan3, #planPlan4 { width:181px; } 
			div.phonePlanList { width:143px; }
			div.phonePlanList img { width:135px; height:135px; }
		}





div.planPlan div.box1 { width:190px; height:50px; padding:20px; margin-right:18px; padding-top:10px; display:block; float:left; }
div.planPlan div.btn { 
	 	display:inline-block; color:#eb5700; width:auto; text-align:center !important;
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:10px 5px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left; 
	}
div.planPlan div.btn:hover {  
text-decoration:underline;
				background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 50%, #fafafa 51%, #ededed 100%); /* FF3.6+ */
				background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(50%,#fdfdfd),color-stop(51%,#fafafa),color-stop(100%,#ededed)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#edededfafafa51%,#ededed 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* IE10+ */
				background: linear-gradient(to bottom, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%) !important; /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

	


.bottomgreen { display:table; border-radius:3px; width:675px; height:60px; padding:0; position:relative; margin:15px 20px; margin-top:30px; background:url(../images/icon-planphone.png) no-repeat left 0px #e5fcba; }
.bottomgreen p, .bottomgreen a { display:inline-block; font-family:微軟正黑體, Arial; font-size:12px; }
.bottomgreen p { margin-left:90px; margin-right:25px; margin-top:15px; padding:0px; }
.bottomgreen a.btn { display:inline-block; color:#326a94; width:auto;
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left; 
		box-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	.bottomgreen a.btn:hover { 
	text-decoration:underline;
		
					background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 50%, #fafafa 51%, #ededed 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(50%,#fdfdfd),color-stop(51%,#fafafa),color-stop(100%,#ededed)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#edededfafafa51%,#ededed 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* IE10+ */
					background: linear-gradient(to bottom, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
					}
		
		/*=====================================================================================*/
			/* SPECIAL FOR IE TABLET VERSION */
				html.onie .bottomgreen { width:615px; } 
		/*=====================================================================================*/
		/* SMALL TABLET */
		@media -ms-viewport, screen and (max-width: 1140px) {
			.bottomgreen { width:615px; }  
		}
		/* DESKTOP */
		@media -ms-viewport, screen and (min-width: 1141px) { 
			.bottomgreen { width:675px; } 
		}




.bottomblue { display:table; border-radius:3px; width:705px; height:30px; padding:0; position:relative; margin:15px 20px; margin-top:30px; background:url(../images/icon-planphone.png) no-repeat left 0px #CFE7FF; }
.bottomblue p, .bottomblue a { display:inline-block; font-family:微軟正黑體, Arial; font-size:12px; }
.bottomblue p { margin-left:90px; margin-right:25px; margin-top:15px; padding:0px; }
.bottomblue a.btn { display:inline-block; color:#326a94; width:auto;
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left; 
		box-shadow:0 1px 2px rgba(0,0,0,0.5);
		
				behavior:url(js/PIE-1.0.0/PIE.htc);
	}
	.bottomblue a.btn:hover { 
	text-decoration:underline;
		
					background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 50%, #fafafa 51%, #ededed 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(50%,#fdfdfd),color-stop(51%,#fafafa),color-stop(100%,#ededed)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#edededfafafa51%,#ededed 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* IE10+ */
					background: linear-gradient(to bottom, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
					}










/* BEST RECOMMAND */
div.br_titlebox { height:70px; display:block; }
div.br_titlebox p { display:inline-block; *float:left; }
div.br_titlebox select { display:inline-block; *float:left; padding:4px 10px;  }
div.br_titlebox option { }
div.br_titlebox a.btn-orange
	 { 
	 	display:inline-block; color:#ffffff;
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:6px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #ed8600 0%, #da5800 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ed8600),color-stop(100%,#da5800)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ed8600 0%,#da5800 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ed8600 0%,#da5800 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8600', endColorstr='#da5800',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left;
	}
	div.br_titlebox a.btn-orange:hover { border:1px solid #db4800; }

div.colorblock-lightblue,
div.colorblock-lightyellow,
div.colorblock-pink,
div.colorblock-bluegreen,
div.colorblock-red,
div.colorblock-purple { display:inline-block; width:13px; height:13px; border-radius:2px; text-shadow:inset 0 1px 2px white, 0 1px 2px rgba(0,0,0,0.5); 
	background-color:#766aff; margin-top:4px; margin-right:10px; }
	
	div.colorblock-lightblue { background-color:#99e5f7; }
	div.colorblock-lightyellow { background-color:#fee178; }
	div.colorblock-pink { background-color:#f89fc0; }
	div.colorblock-bluegreen { background-color:#84c498; }
	div.colorblock-red { background-color:#fb6c65; }
	div.colorblock-purple { background-color:#766aff; }

table.recomTable { width:100%; background:#ccc; border-left:0px solid #ccc; border-top:0px solid #ccc; box-shadow:0 1px 2px rgba(0,0,0,0.5); }
table.recomTable td, table.recomTable th { padding:10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
table.recomTable td { background:white; padding:10px; font-family:微軟正黑體, Arial; font-size:15px; font-weight:normal; }
table.recomTable td.red { color:#d13045; font-weight:bold; }
table.recomTable tr:odd td { background-color:#f3f3f3; }
table.recomTable td.chart { width:250px; text-align:center; vertical-align:top; }
table.recomTable td.chart img { display:block; margin-left:auto; margin-right:auto; }
table.recomTable td.result { text-align:center; }
table.recomTable td b { font-weight:bold; color:#ea5700; }
table.recomTable td span.red { color:#d13045; font-style:normal; font-weight:bold; }
table.recomTable td.darkCol { background:#494949; width:20px; color:white; font-size:15px; vertical-align:middle; text-align:center; }
table.recomTable td.darkCol2 { background:#494949; width:200px; color:white; font-size:15px; vertical-align:middle; text-align:center; }
table.recomTable td.onecell { padding:20px; font-size:15px; }
table.recomTable th {
	 	color:#ffffff; font-size:13px; text-align:center;
		background: -moz-linear-gradient(top, #ed8600 0%, #da5800 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ed8600),color-stop(100%,#da5800)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ed8600 0%,#da5800 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ed8600 0%,#da5800 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8600', endColorstr='#da5800',GradientType=0 ); /* IE6-9 */
	}




div.arrowBackToTop { width:50px; height:30px; background:url(../images/icon-bestRecom.png) no-repeat 0px 13px; cursor:pointer; position:absolute; right:40px; bottom:0px; }

div.bestRecomOrangeBox { display:block; border:1px solid #ea5700; border-radius:6px; text-align:center; padding:40px 25px; background-color:#fefda5; }
div.bestRecomOrangeBox h4 { color:#ea5700; font-size:30px; }
div.bestRecomOrangeBox p { color:#656565; font-size:13px; }
div.bestRecomOrangeBox a.btn-basic {
		display:inline-block; color:#ea5700; width:auto; text-align:center !important;
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
		/**display:block; *float:left; *margin-left:250px; */
	}
	div.bestRecomOrangeBox a.btn-basic:hover { 
	text-decoration:underline;
		
					background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 50%, #fafafa 51%, #ededed 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(50%,#fdfdfd),color-stop(51%,#fafafa),color-stop(100%,#ededed)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#edededfafafa51%,#ededed 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* IE10+ */
					background: linear-gradient(to bottom, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
					}






div.halfboxGroup { display:block; border:0px solid green; padding:0 !important; height:140px; margin-top:15px; position:relative; }
div.halfboxNew { border:2px solid #ccc; border-radius:6px; padding:15px 20px; display:inline-block; float:left; width:250px !important; 
	font-size:14px; vertical-align:middle !important; text-align:center; color:#333; line-height:20px; margin-top:0 !important; position:relative;
	background:white; height:100px; margin-right:10px;
	*width:280px; *height:140px;
	}
div.halfboxNew p { margin-top:30px; color:#333 !important; font-size:13px !important; }
div.halfboxNew span.orange { color:#ea5700; }
div.halfboxNewEnd { margin-right:0; border:2px solid #ea5700; }
div.halfboxNew a.btn-basic { margin-top:8px !important; white-space:nowrap; position:absolute !important; bottom:20px !important; left:75px !important;  }
div.orangeArrow { background:url(../images_planphone/orangeArrow.png) no-repeat left 55px; display:inline-block; float:left; width:30px; margin:0 7px !important; height:95px; }





/* ADDITIONAL */

.rowBannerBox { position:relative; display:inline-block; background:url(../images/img-service-banner.jpg) no-repeat 0px 0px; height:130px; width:765px; 
	border-bottom:none; border-bottom:1px solid #999 \9; }
.rowbox-con { width:200px; display:inline-block; *float:left; text-align:right; position:absolute; top:30px; right:10px; text-align:center; }
.rowbox-con p { color:#df6507; margin-bottom:10px; font-family:微軟正黑體, Arial; font-size:15px; }
.rowbox-con a.btn-red { margin-right:auto; margin-left:auto; *margin-left:40px; }




/* STEPFLOW */
#planphone_stepFlowBar { display:block; margin:5px 0px; margin-bottom:7px; position:relative; height:58px; /*background-color:#888;*/ /*border-radius:6px; padding:10px; box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);*/ }
#planphone_stepFlowBar div { display:inline-block; float:left; 
	position:absolute; top:0px; left:0px; padding-top:22px; color:#ffffff; text-shadow:-1px -1px 0px rgba(0,0,0,0.3); 
	font-size:15px; width:124px; height:34px; text-align:center; vertical-align:middle;
	background:url(../images_planphone/planphone_toptag_blue.png) no-repeat right top; }
#planphone_stepFlowBar div:first-child { border-radius:6px 0 0 6px; }
#planphone_stepFlowBar div:last-child { border-radius:0 6px 6px 0; background-position:60% top;}
#planphone_stepFlowBar div.active { background:url(../images_planphone/planphone_toptag_red.png) no-repeat right top; }
#planphone_stepFlowBar div.active:last-child { background:url(../images_planphone/planphone_toptag_red.png) no-repeat 60% top; border-radius:0 6px 6px 0; }


.announceBlockBlue { display:block; width:99.9%; height:62px; padding:0; position:relative; margin:0 0 8px 0; border:1px dotted #7fabff; background-color:#cfe7ff; border-radius:6px; }
.announceBlockBlue p, .announceBlockBlue a { display:inline-block; font-family:微軟正黑體, Arial; font-size:12px; }
.announceBlockBlue p { margin-left:90px; margin-right:25px; margin-top:22px; padding:0px; }
.announceBlockBlue div.iconQA { position:absolute; top:20px; left:25px; }
.announceBlockBlue a.btn { display:inline-block; color:#326a94; width:auto;
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left; 
		box-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	.announceBlockBlue a.btn:hover { 
	text-decoration:underline;
		
					background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 50%, #fafafa 51%, #ededed 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(50%,#fdfdfd),color-stop(51%,#fafafa),color-stop(100%,#ededed)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#edededfafafa51%,#ededed 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* IE10+ */
					background: linear-gradient(to bottom, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
					}
	
.announceBlockOrange { display:block; width:99.9%; height:62px; padding:0; position:relative; margin:0 0 8px 0; border:1px dotted #ea5700; background-color:/*#f78600*/#ff9522; border-radius:6px; }
.announceBlockOrange p, .announceBlockOrange a { display:inline-block; font-family:微軟正黑體, Arial; font-size:12px; color:#ffffff; }
.announceBlockOrange p { margin-left:90px; margin-right:25px; margin-top:22px; padding:0px; }
.announceBlockOrange div.iconQA { position:absolute; top:20px; left:25px; }
.announceBlockOrange a.btn { display:inline-block; color:#ea5700; width:auto; position:absolute; top:12px; right:15px; 
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left; 
		box-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	.announceBlockOrange a.btn:hover { 
	text-decoration:underline;
		
					background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 50%, #fafafa 51%, #ededed 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(50%,#fdfdfd),color-stop(51%,#fafafa),color-stop(100%,#ededed)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#edededfafafa51%,#ededed 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* IE10+ */
					background: linear-gradient(to bottom, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
					}

.announceBlockOrange2 { display:block; width:99.9%; /*height:90px;*/ padding:0; position:relative; margin:12px 0; margin-top:0 !important; border:1px dashed #ea5700; background-color:/*#f78600*/none; border-radius:6px; }
.announceBlockOrange2 p, .announceBlockOrange2 a { display:inline-block; font-family:微軟正黑體, Arial; font-size:12px; color:#ea5700; }
.announceBlockOrange2 p { margin-left:90px; margin-right:25px; margin-top:20px; padding:0px; font-size:14px; }
.announceBlockOrange2 div.iconQA { position:absolute; top:20px; left:25px; }
.announceBlockOrange2 a.btn-orange { position:absolute; margin:1px; padding:15px; font-family:Arial; font-size:13px; cursor:pointer; text-align:center; color:white; width:220px; left:35px; 
			top:20px;  }
.announceBlockOrange2 a.btn { display:inline-block; color:#ea5700; width:auto; position:absolute; top:6px; right:15px; 
		border-radius:4px; border:1px solid #cccccc; margin:1px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left; 
		box-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	.announceBlockOrange2 a.btn:hover { 
	text-decoration:underline;
		
					background: -moz-linear-gradient(top, #fffffffff 0%, #fdfdfd 50%, #fafafa 51%, #ededed 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(50%,#fdfdfd),color-stop(51%,#fafafa),color-stop(100%,#ededed)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#edededfafafa51%,#ededed 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* IE10+ */
					background: linear-gradient(to bottom, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
					}
					
					.announceBlockOrange2_h60 { height:60px; }
					
.announceBlockOrange2White { background:white !important; box-shadow:0 1px 2px rgba(0,0,0,0.5); border:0 !important; height:130px !important; }
.announceBlockOrange2White img.bgimage { position:absolute; bottom:0; right:0; } 
.announceBlockOrange2White p { margin-left:57px !important; margin-top:32px; font-size:15px; }
.announceBlockOrange2White .phonebox { position:absolute; right:110px; top:18px; display:block; width:250px; text-align:center;  }
.announceBlockOrange2White .phonebox b { color:#d3323e; font-size:28px; font-weight:bold; }

.announceBlockOrange2White a.btn { left:30px; width:220px; height:20px; top:60px; }








/*.flowProduct { border-radius:6px 6px 0 0; height:370px; positioin:relative; padding:60px 20px; }*/
.flowProductLeftBox { width:300px; height:300px; display:block; position:absolute; top:80px; left:20px; }
.flowProductLeftBox div.mainimg { width:100%;  text-align:center; margin-bottom:10px; }
.flowProductLeftBox div.cursormove { cursor:move; }
.flowProductLeftBox div.thumbBox { width:100%; text-align:center; vertical-align: middle; clear:both; height:80px; padding-left:45px; }
.flowProductLeftBox div.thumbBox a { display:block; text-align:center; vertical-align:middle; border:1px solid #ccc !important; margin:4px; width:60px; height:60px; float:left; }
.flowProductLeftBox div.thumbBox a img { display:block; margin:auto !important; margin-top:7px !important; }
.flowProductLeftBox div.navset { display:block; width:100%; text-align:center; display:none; }
.flowProductLeftBox div.navset a { margin:0; padding:4px; font-size:13px; }



.flowProductRightBox { width:400px; display:block; margin-left:330px; padding-top:30px; position:relative; }
.flowProductRightBox p.thePhoneBrand { font-size:13px; line-height:15px; color:#333333; display:block; margin:0; margin-left:55px; padding:0; }
.flowProductRightBox p.thePhoneTitle { font-size:24px; line-height:25px; color:#333333; display:block; margin:0; margin-left:55px; padding:0; }
.flowProductRightBox p.thePhoneTitleSingle { font-size:24px; line-height:25px; color:#333333; display:block; margin-bottom:15px !important; margin-left:55px; padding:0; padding-top:15px; }
.flowProductRightBox div.iconOrange { display:inline-block; font-size:12px; color:white; width:25px; height:25px; border-radius:5px; background-color:#ea5700; padding:9px; position:absolute; top:30px; left:0; }
.flowProductRightBox ul { font-size:12px; list-style:disc !important; color:#333; display:block; margin:7px 0; padding:0; padding-left:20px;  }
.flowProductRightBox ul li { font-size:12px; color:#333; list-style-position:inside; list-style:disc !important; margin:0; padding:0; }
.flowProductRightBox select#phoenOption { display:none; margin-bottom:8px; }
.flowProductRightBox div.iconExclusive,
.flowProductRightBox div.iconRenewPromo,
.flowProductRightBox div.iconOldClient { display:inline-block; font-size:12px; color:#ea5700; width:25px; height:25px; border-radius:5px; border:1px dotted #aaa; background-color:#eee; padding:9px; }
.flowProductRightBox div.phoneDetailBox { display:block; background:#eee; margin:2px; padding:8px 20px; padding-bottom:20px; border-radius:6px; }
.flowProductRightBox div.phoneDetailBox p { font-size:13px; margin:0; padding:0; }
.flowProductRightBox div.phoneDetailBox p.title4 { font-size:16px !important; }
.flowProductRightBox div.phoneDetailBox p.note { font-size:11px !important; color:#888; margin-bottom:10px; }
.flowProductRightBox div.phoneDetailBox b { display:block; font-size:15px; line-height:20px; color:#333; }
.flowProductRightBox div.phoneDetailBox b span.price { color:#ea5700; }
.flowProductRightBox div.phoneDetailBox a.btnOrange {
			display:inline-block; color:#ffffff; margin-bottom:20px;
			border-radius:4px; border:1px solid #ccc; margin:1px; padding:13px 23px; font-family:Arial; font-size:15px; cursor:pointer;
			background: -moz-linear-gradient(top, #ed8600 0%, #da5800 100%); /* FF3.6+ */
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ed8600),color-stop(100%,#da5800)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ed8600 0%,#da5800 100%); /* IE10+ */
			background: linear-gradient(to bottom, #ed8600 0%,#da5800 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8600', endColorstr='#da5800',GradientType=0 ); /* IE6-9 */
			*display:block; *float:left;
			text-decoration:none; text-shadow:-1px -1px 0 rgba(0,0,0,0.4); border-bottom-color:#999;;
			
			}
			
			.flowProductRightBox div.phoneDetailBox a.btnOrange:hover { /*border:1px solid #db4800; }*/
			background: -moz-linear-gradient(top, #ff9a00 0%, #ef6e00 100%); /* FF3.6+ */
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a00),color-stop(100%,#ef6e00)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* IE10+ */
			background: linear-gradient(to bottom, #ff9a00 0%,#ef6e00 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a00', endColorstr='#ef6e00',GradientType=0 ); /* IE6-9 */
			}
				


			/*=====================================================================================*/
				/* SPECIAL FOR IE TABLET VERSION */
					html.onie .flowProductRightBox { width:300px; }
			/*=====================================================================================*/
	
			/* SMALL TABLET */
			@media -ms-viewport, screen and (max-width: 1140px) {
				.flowProductRightBox { width:300px; }
			}
			/* DESKTOP */
			@media -ms-viewport, screen and (min-width: 1141px) { 
				.flowProductRightBox { width:400px; }
				
			}














.flowProductRightBox div.phoneDetailBox2 { display:block; background:#ffffff; padding:10px 0; border-top:1px solid #ccc; }
.flowProductRightBox div.phoneDetailBox2 p { font-size:13px; margin:0; padding:0; line-height:20px; }
.flowProductRightBox div.phoneDetailBox2 p.title4 { font-size:16px !important; font-weight:bold; }
.flowProductRightBox div.phoneDetailBox2 p.note { font-size:11px !important; color:#888; margin-bottom:10px; }
.flowProductRightBox div.phoneDetailBox2 b { display:block; font-size:15px; line-height:24px; color:#333; }
.flowProductRightBox div.phoneDetailBox2 b span.price { color:#ea5700; }
.flowProductRightBox div.phoneDetailBox2 a div.arrownext { display:block; float:left; width:20px; height:20px; margin-top:-2px; margin-right:8px; background:url(../images/icon-nextarrow.png) no-repeat left top; }
.flowProductRightBox div.phoneDetailBox2 a.btnOrange {
			display:inline-block; color:#ffffff; margin-bottom:20px;
			border-radius:4px; border:1px solid #ccc; margin:1px; padding:18px 80px; font-family:Arial; font-size:15px; cursor:pointer;
			background: -moz-linear-gradient(top, #ed8600 0%, #da5800 100%); /* FF3.6+ */
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ed8600),color-stop(100%,#da5800)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ed8600 0%,#da5800 100%); /* IE10+ */
			background: linear-gradient(to bottom, #ed8600 0%,#da5800 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8600', endColorstr='#da5800',GradientType=0 ); /* IE6-9 */
			*display:block; *float:left;
			text-decoration:none; text-shadow:-1px -1px 0 rgba(0,0,0,0.4); border-bottom-color:#999;;
			
			}
			
			.flowProductRightBox div.phoneDetailBox2 a.btnOrange:hover { /*border:1px solid #db4800; }*/
			background: -moz-linear-gradient(top, #ff9a00 0%, #ef6e00 100%); /* FF3.6+ */
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a00),color-stop(100%,#ef6e00)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* IE10+ */
			background: linear-gradient(to bottom, #ff9a00 0%,#ef6e00 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a00', endColorstr='#ef6e00',GradientType=0 ); /* IE6-9 */
			}

			
	
			

ul.productNote { display:block; padding:0; padding-left:20px; margin:0; margin-bottom:25px; list-style:decimal;  }
ul.productNote li { padding:0; margin:0; font-size:12px; line-height:18px; color:#333;  }

h2.titleOrange { color:#ea5700; font-size:18px; font-weight:normal; margin:10px 0; }

.boxProduct { padding-top:5px; padding-bottom:10px; }
.boxProduct p { color:#333; font-size:13px; margin:10px 0px;  }

.phonePriceBox { text-align:right; padding-right:190px; }
.phonePriceBox p { font-size:14px; color:#333; margin:0; padding:0; }
.phonePriceBox p.productPrice { font-size:15px; color:#111; margin:0; padding:0; }
.phonePriceBox p.productPrice b.red { font-size:18px !important; color:#ea5700 !important; }
.phonePriceBox a.btn-orange-next
	 { 
	 	display:inline-block; color:#ffffff; position:absolute; bottom:20px; right:28px; 
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:13px 18px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #ed8600 0%, #da5800 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ed8600),color-stop(100%,#da5800)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ed8600 0%,#da5800 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ed8600 0%,#da5800 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8600', endColorstr='#da5800',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left;
		text-decoration:none; text-shadow:-1px -1px 0 rgba(0,0,0,0.4); border-bottom-color:#999;
	}
	
	.phonePriceBox a.btn-orange-next:hover { /*border:1px solid #db4800; }*/
		background: -moz-linear-gradient(top, #ff9a00 0%, #ef6e00 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a00),color-stop(100%,#ef6e00)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ff9a00 0%,#ef6e00 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a00', endColorstr='#ef6e00',GradientType=0 ); /* IE6-9 */
		}



												.phonePriceBox2 { text-align:right; height:60px; }
												.phonePriceBox2 div.detail { text-align:right; padding-top:5px; float:left; margin-right:20px; }
												.phonePriceBox2 p { font-size:13px; color:#333; margin:0; padding:0; }
												.phonePriceBox2 p.productPrice { font-size:13px; color:#111; margin:0; padding:0; }
												.phonePriceBox2 p.productPrice b.red { font-size:16px !important; color:#ea5700 !important; }
												.phonePriceBox2 a div.arrownext { display:block; float:left; width:20px; height:20px; margin-top:-2px; margin-right:8px; 
																					background:url(../images/icon-nextarrow.png) no-repeat left top; }
												.phonePriceBox2Fright a.btn-orange-next,
												.phonePriceBox2 a.btn-orange-next
													 { 
														display:inline-block; color:#ffffff; float:left; 
														border-radius:4px; border:1px solid #ccc; margin:1px; padding:15px 30px; padding-top:19px; font-family:Arial; font-size:13px; cursor:pointer;
														background: -moz-linear-gradient(top, #ed8600 0%, #da5800 100%); /* FF3.6+ */
														background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ed8600),color-stop(100%,#da5800)); /* Chrome,Safari4+ */
														background: -webkit-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Chrome10+,Safari5.1+ */
														background: -o-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Opera 11.10+ */
														background: -ms-linear-gradient(top, #ed8600 0%,#da5800 100%); /* IE10+ */
														background: linear-gradient(to bottom, #ed8600 0%,#da5800 100%); /* W3C */
														filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8600', endColorstr='#da5800',GradientType=0 ); /* IE6-9 */
														*display:block; *float:left;
														text-decoration:none; text-shadow:-1px -1px 0 rgba(0,0,0,0.4); border-bottom-color:#999;
													}
													
													.phonePriceBox2Fright a.btn-orange-next:hover,
													.phonePriceBox2 a.btn-orange-next:hover { /*border:1px solid #db4800; }*/
														background: -moz-linear-gradient(top, #ff9a00 0%, #ef6e00 100%); /* FF3.6+ */
														background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a00),color-stop(100%,#ef6e00)); /* Chrome,Safari4+ */
														background: -webkit-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Chrome10+,Safari5.1+ */
														background: -o-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Opera 11.10+ */
														background: -ms-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* IE10+ */
														background: linear-gradient(to bottom, #ff9a00 0%,#ef6e00 100%); /* W3C */
														filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a00', endColorstr='#ef6e00',GradientType=0 ); /* IE6-9 */
														}
														
				
				
			div.frbox { width:auto; text-align:right; display:block; margin:20px; }
			div.frbox .detail { float:right; }
			div.frbox .btn-orange-next { float:right; }

													
														
			.flowProductRightBox div.phoneDetailBox2 a.btnhalfset,
				.phonePriceBox2 a.btnhalfset {
					display:inline-block; 
					margin:-2px; margin-top:8px; /*margin-left:-5px;*/ padding:15px 10px;
					font-size:12px; 
				}
				.phonePriceBox2 a.btnhalfset { margin-top:0px; }
			/*
			.flowProductRightBox div.phoneDetailBox2 a.btnhalfsetfirst-xxxx,
				.phonePriceBox2 a.btnhalfsetfirst { border-radius:4px 0 0 4px; margin-left:0; border-right:0px solid rgba(0,0,0,0.2); }
			.flowProductRightBox div.phoneDetailBox2 a.btnhalfsetlast---xxxx,
				.phonePriceBox2 a.btnhalfsetlast { border-radius:0 4px 4px 0; border-left:2px groove rgba(200,200,200,0.2); }

				*/
				.phonePriceBox2 a.btnhalfsetfirst { margin-right:4px; }
				p.newheaderorange { color:#ea5700; font-size:17px; margin-top:14px !important; }										
				p.newheaderorange a { color:#999; font-size:11px; cursor:pointer; text-decoration:underline !important; }										
														
												/*=====================================================================================*/
													/* SPECIAL FOR IE TABLET VERSION */
														html.onie .phonePriceBox2 { padding-left:15px !important; }
														html.onie .flowProductRightBox div.phoneDetailBox2 a.btnhalfset { padding:15px 10px; font-size:12px;  }
												/*=====================================================================================*/
	
												/* SMALL TABLET */
												@media -ms-viewport, screen and (max-width: 1140px) {
													.phonePriceBox2 { padding-left:15px !important; }
													.flowProductRightBox div.phoneDetailBox2 a.btnhalfset { padding:15px 10px; font-size:12px;  }
												}
												/* DESKTOP */
												@media -ms-viewport, screen and (min-width: 1141px) { 
													.phonePriceBox2 { padding-left:125px; }
													.flowProductRightBox div.phoneDetailBox2 a.btnhalfset { padding:18px 20px; font-size:15px;  }
												}

		
		
		/* ================================ */
		/* ================================ */
		/* ================================ */
		.tabgroup_roundOrange { display:block; position:relative; margin:0; padding:0; height:35px; border-bottom:1px solid #ccc; 
		
							background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
							background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
							background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
							}
		.tabgroup_roundOrange a { display:block; position:relative; float:left; font-size:13px; color:#111; /*background-color:#eee;*/ padding:13px 65px 10px 65px; text-shadow:1px 1px 0 white; 
							/*border-radius:5px 5px 0 0;*/ border-right:1px solid #d7d7d9; 
							}
		.tabgroup_roundOrange a.active {
							background: -moz-linear-gradient(top, #ff9a00 0%, #ef6e00 100%); /* FF3.6+ */
							background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a00),color-stop(100%,#ef6e00)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* IE10+ */
							background: linear-gradient(to bottom, #ff9a00 0%,#ef6e00 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a00', endColorstr='#ef6e00',GradientType=0 ); /* IE6-9 */
							color:white; text-shadow:-1px -1px 0 rgba(0,0,0,0.4); 
							}
		/* ================================ */
		/* ================================ */
		/* ================================ */
		.tabgroup_roundGray { display:block; position:relative; margin:0; padding:0; height:42px; border-bottom:1px solid #ccc; 
		
							background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
							background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
							background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
							}
		.tabgroup_roundGray a { display:block; position:relative; float:left; font-size:13px; color:#111; /*background-color:#eee;*/ padding:13px 30px 10px 30px; text-shadow:1px 1px 0 white; 
							/*border-radius:5px 5px 0 0;*/ border-right:1px solid #d7d7d9; 
							padding:13px 10px !important \9; 
							}
		.tabgroup_roundGray a.active {
							background: -moz-linear-gradient(top, #666666 0%, #555555 100%); /* FF3.6+ */
							background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#666666),color-stop(100%,#5555559)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top, #666666 0%,#555555 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top, #666666 0%,#555555 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top, #666666 0%,#555555 100%); /* IE10+ */
							background: linear-gradient(to bottom, #666666 0%,#555555 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
							color:white; text-shadow:-1px -1px 0 rgba(0,0,0,0.4); 
							}

		.tabgroup_roundShort {}
		.tabgroup_roundShort a { padding:13px 20px 10px 20px; padding:13px 15px 10px 15px \9; }
		
		/*=====================================================================================*/
			/* SPECIAL FOR IE TABLET VERSION */
				html.onie .tabgroup_roundShort a { padding:13px 10px 10px 10px; padding:13px 10px 10px 10px \9; }
		/*=====================================================================================*/

		/* SMALL TABLET */
		@media -ms-viewport, screen and (max-width: 1140px) {
			.tabgroup_roundShort a { padding:13px 10px 10px 10px; padding:13px 10px 10px 10px \9; }
		}
		/* DESKTOP */
		@media -ms-viewport, screen and (min-width: 1141px) { 
			.tabgroup_roundShort a { padding:13px 20px 10px 20px; padding:13px 15px 10px 15px \9; }
			
		}
	
		
		
.innerboxGray { background:white; }
.tabheader_round { display:block; padding:8px; margin:0; padding-bottom:0; background:#aaa; height:34px; }
.tabgroup_round { display:block; position:relative; margin:0; margin-top:10px; padding-left:10px; height:34px; border-bottom:1px solid #ccc; }
.tabgroup_round a { display:block; position:relative; float:left; font-size:13px; color:#111; background-color:#eee; padding:13px 65px 10px 65px; text-shadow:1px 1px 0 white; 
					border-radius:5px 5px 0 0; border:1px solid #d7d7d9; border-bottom:none; margin-right:1px;
					
					
					background: -moz-linear-gradient(top, #bcbcbc 0%, #ccc 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bcbcbc),color-stop(100%,#ccc)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #bcbcbc 0%,#ccc 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #bcbcbc 0%,#ccc 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #bcbcbc 0%,#ccc 100%); /* IE10+ */
					background: linear-gradient(to bottom, #bcbcbc 0%,#ccc 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#ccc',GradientType=0 ); /* IE6-9 */
					
					
					/*box-shadow:inset 0 -1px 8px rgba(0,0,0,0.2);*/
					}
.tabgroup_round a.xxxx { display:block; position:relative; float:left; font-size:13px; background-color:#eee; padding:13px 65px 8px 65px; text-shadow:1px 1px 0 white; 
					border-radius:5px 5px 0 0; border:1px solid #d7d7d9; border-bottom:none; margin-right:1px;
					
					
					background: -moz-linear-gradient(top, #9a9a9a 0%, #c7c7c7 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#9a9a9a),color-stop(100%,#c7c7c7)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #9a9a9a 0%,#c7c7c7 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #9a9a9a 0%,#c7c7c7 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #9a9a9a 0%,#c7c7c7 100%); /* IE10+ */
					background: linear-gradient(to bottom, #9a9a9a 0%,#c7c7c7 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9a9a', endColorstr='#c7c7c7',GradientType=0 ); /* IE6-9 */
					
					
					/*box-shadow:inset 0 -1px 8px rgba(0,0,0,0.2);*/
					}
.tabgroup_round a.active-xxx { 
					
					
					background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
					background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
					
					
					/*box-shadow:0 0 2px rgba(0,0,0,0.5); */ }
.tabgroup_round a:hover { 
					text-decoration:none;
					background: -moz-linear-gradient(top, #cecece 0%, #ddd 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cecece),color-stop(100%,#ddd)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #cecece 0%,#ddd 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #cecece 0%,#ddd 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #cecece 0%,#ddd 100%); /* IE10+ */
					background: linear-gradient(to bottom, #cecece 0%,#ddd 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#ddd',GradientType=0 ); /* IE6-9 */
					}
					
.tabgroup_round a.active { 
					background:#ffffff; color:#ea5700;
					box-shadow:none;  }
					
					
					
					
.tabgroup_roundShort2 { overflow:hidden; border-radius:6px 6px 0 0; display:table; width:100%; }
.tabgroup_roundShort2 a { padding:13px 15px !important; display:table-cell; }
.tabgroup_roundShort2 a:last-child { border-right:0 !important; }



					
.planRoundBox1 { display:inline-block; float:left; margin-right:5px; background:#eee; border-radius:6px; text-align:center; padding:10px 26px; height:145px; position:relative; font-size:13px; }
.planRoundBox1 h3 { display:block; padding:0; margin:4px; margin-bottom:15px !important; font-size:18px; line-height:20px; color:/*#ea5700*/ #666; }
.planRoundBox1 div.subbox { display:block; background:#ffffff; border-radius:6px; border:1px solid #888; text-align:center; padding:10px; height:55px; width:80px; float:left; }
.planRoundBox1 div.subbox div { margin-bottom:5px; }
.planRoundBox1 div.mark_add { width:20px; padding-top:30px; display:block; float:left; }
.planRoundBox1 b { font-size:24px; color:#333; line-height:34px; }
.planRoundBox1 b.finalred { font-size:24px !important; color:#e8042a !important; padding-top:10px; }
.planRoundBox2 b.finalred { font-size:24px !important; color:#ea5700 !important; padding-top:10px; }
.planRoundBox1end { margin-right:none !important; border-right:0 !important; }
.planRoundBox1 div.extratab { position:relative; background:#eee; border-radius:0 0 6px 6px; padding:5px 26px 15px 26px; font-size:13px; cursor:pointer; color:#333; }
.planRoundBox1 div.extratab div.plusmark { background:#333; color:white; border-radius:30px; display:inline-block; font-weight:bold; height:12px; width:12px; padding:3px; margin-right:5px;  }
.planRoundBox1 div.extratab:hover { color:#888; }
.planRoundBox1 div.extratab:hover div.plusmark { background:#888; }








h2.titleLead { font-size:18px; color:#ea5700; margin:10px 4px; }
.planarea_boxorange { display:inline-block; background:#eee; color:white; border-radius:6px; 
	border:1px solid #aaa; text-align:center; height:100px; width:98px; padding:18px; 
	cursor:pointer;
	
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
	
	/*box-shadow:inset 0 1px 2px rgba(0,0,0,0.5);*/ }
.planarea_boxorange div { font-size:12px; line-height:18px; color:#333; text-align:left; }
.planarea_boxorange div.tophead { font-size:18px; margin:0; padding:0; }
.planarea_boxorange:hover { background:#ccc; }



table.table-planPhoneBasic2 { 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-planPhoneBasic2 th { border:1px solid #cacaca; padding:8px; color:#ffffff; font-family:Arial; font-size:13px; line-height:15px; text-align:center;
	background-color:#aaa; 
	}
table.table-planPhoneBasic2 tr:odd td { background-color:#f5f5f5; }
table.table-planPhoneBasic2 tr:even td { background-color:#ffffff; }
table.table-planPhoneBasic2 tr.selected td { background-color:#ffe6a2 !important; }

table.table-planPhoneBasic2 td { border:1px solid #cacaca; padding:8px; color:#333; font-family:Arial; font-size:13px; font-weight:100;}
table.table-planPhoneBasic2 td.red { color:#d83247; font-weight:bold; }
table.table-planPhoneBasic2 td div.icon { float:left; display:block; margin-right:10px; }
table.table-planPhoneBasic2 td a#plandetail { color:#333; }
table.table-planPhoneBasic2 td p.red { color:#d83247; margin:0; padding:0; }
table.table-planPhoneBasic2 td a { color:#376f99; text-wrap:none !important; white-space:nowrap; }
table.table-planPhoneBasic2 td.red2 { color:#d83247; font-weight:bold; /*font-size:24px;*/ }
table.table-planPhoneBasic2 td.center { text-align:center; }
table.table-planPhoneBasic2 input { border-radius:4px; border:1px solid #ccc; padding:3px; color:#333; font-family:Arial; font-size:13px; }
table.table-planPhoneBasic2 input[type="radio"] { border-radius:0; border:0; padding:0; }
table.table-planPhoneBasic2 input[type="checkbox"] { border-radius:0; border:0; padding:0;  }
table.table-planPhoneBasic2 input.focus { border:1px solid #d13045; box-shadow:0 0 3px #d13045; }



table.table-planPhoneBasic2 td a.btn div#iconselect { width:22px; height:22px; margin:0; margin-right:8px; background: url(../images_planphone/icon-selected.png) no-repeat left top; display:inline-block; vertical-align:middle; }
table.table-planPhoneBasic2 td a.selected { /*padding:5px 15px 5px 55px !important;*/ }
table.table-planPhoneBasic2 td a.selected div#iconselect { background-position:left bottom !important; }







table.tableThTop th { vertical-align:top !important; text-align:left !important; padding:15px; background:#eaeaea !important; color:#333; font-weight:100;}


p.subtitle2 { font-size:14px; color:#444; margin-top:10px; }
p.subtitle3 { font-size:16px; color:#333; margin-top:10px; }


div.giftbox { border:0px dotted #aaa; margin:5px 0; margin-bottom:20px; padding:8px 12px; /*background:#eee;*/ position:relative; }
div.giftbox div.header { width:100px; background:#ccc; font-size:12px; border-radius:0; position:absolute; top:0; left:0; color:white; height:40px; }
div.giftbox p, div.giftbox ul li { font-size:12px; color:#333; line-height:18px; }
div.giftbox ul { list-style:decimal; margin:0; padding:0; padding-left:20px; }
div.giftbox ul li a { padding-top:3px; }
div.giftbox p.header { font-size:14px; padding-left:20px; }
div.giftbox div.iconred { display:inline-block; background:#d83247; border-radius:10px; text-align:center; padding:1px 2px; color:white; width:80px; font-size:12px; line-height:14px; margin-right:4px; }

				

div.giftsetBox { display:block; min-height:280px; position:relative; text-align:center; }
div.giftsetBox div { float:left; width:160px; height:240px; padding:10px !important; margin-right:8px; margin-bottom:15px;
	border:1px solid #dddddd;  text-align:center; 
	-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; }
div.giftsetBox div img { position:relative; display:block; margin:0 auto !important; text-align:center; }
div.giftsetBox div p { font-size:12px; color:#333; margin:0 10px; }
div.giftsetBox div b { display:block; font-size:13px; font-weight:bold; margin:10px 0; color:#ea5700; text-align:center; }


.planList { position:relative; padding-left:220px; height:170px; }
.planList .img { position:absolute; top:0; left:0; }
.planList .iconBlack { display:block !important; width:auto !important; white-space:nowrap; clear:both; margin-right:200px; padding:5px 10px;  }
.planList h3 { display:block; font-size:18px; color:#ea5700; padding:10px 0 5px 0; clear:both; }
.planList ul { display:block; margin:0; padding:0; padding-left:20px; list-style:disc;  }
.planList ul li { line-height:16px; list-style:disc; font-size:12px; color:#333;  }
.planList a.btn { color:#ea5700 !important; position:absolute; right:0; bottom:20px;   }


div.iconarrow { background:url(../images/icon-member.png) no-repeat 3px -89px; pandding:0px; border:5px solid #093; }
div.iconred {background:#ff0000; color:#ffffff;}
p.iconred {color:#ff0000;}
b.iconred {color:#ff0000; font-size:18px;}
	
	
div.formNav { display:block; text-align:center; }
div.formNav div.currentPage { margin:0 10px; }
div.formNav a, div.formNav p, div.formNav div { display:inline-block; font-size:12px; }
div.formNav a { color:#aaa; }
div.formNav a:hover { color:#555; }

div.formNav2 { display:block; text-align:center; }
div.formNav2 a, div.formNav p, div.formNav div { display:inline-block; font-size:12px; }
div.formNav2 a { color:#888; padding:8px 14px; border:1px solid #d5d5d5; background:white; border-radius:4px; box-shadow:0 /*1px 2px rgba(0,0,0,0.2)*/; }
div.formNav2 a:hover { color:#555; }
div.formNav2 a.active { background:#f5f5f5; box-shadow:inset 0 1px 5px rgba(0,0,0,0.1); }



#flowP_con1 { background-position:right bottom; background-repeat:no-repeat; margin-right:10px; }
#flowP_con2 { background-position:right bottom; background-repeat:no-repeat; margin-right:0px; }
#flowP_con3 { background-position:right bottom; background-repeat:no-repeat; margin-right:10px; }
#flowP_con4 { background-position:right bottom; background-repeat:no-repeat; margin-right:0px; }
#flowP_con5 { background-position:right bottom; background-repeat:no-repeat; margin-right:10px; }
#flowP_con6 { background-position:right bottom; background-repeat:no-repeat; margin-right:0px; }
	
.flowProduct { border-radius:6px 6px 0 0; positioin:relative; padding:60px 20px 20px 20px; }
.flowProductLeftBox2 { width:300px; display:block; float:left; margin-right:0px; }



.flowProductLeftBox2 { width:300px; display:block; float:left; padding:0; position:relative;top:10px;
						border:solid 1px #ccc;
						-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;
}
.flowProductLeftBox2img { width:100px; height:160px; display:block; float:left; padding:0; position:relative;top:10px; }
.flowProductLeftBox2 p.thePhoneBrand { position:absolute; top:4px; font-size:12px; color:#ea5700; display:block; margin:0; margin-left:3px; padding:0; line-height:0px;}
.flowProductLeftBox2 p.thePhoneTitle { position:absolute; top:10px;font-size:16px; color:#ea5700; display:block; margin:0; margin-left:3px; padding:0; line-height:15px; }
.flowProductLeftBox2 div.iconOrange { display:inline-block; font-size:12px; color:white; width:25px; height:25px; border-radius:5px; background-color:#ea5700; padding:9px; }
.flowProductLeftBox2 ul { font-size:12px; list-style:disc !important; color:#333; display:block; margin:55px 0; padding:0; padding-left:20px;  }
.flowProductLeftBox2 ul li { font-size:12px; color:#333; list-style-position:inside; list-style:disc !important; margin:0; padding:0; }
.flowProductLeftBox2 select#phoenOption { display:block; margin-bottom:8px; }
.flowProductLeftBox2 div.iconExclusive,
.flowProductLeftBox2 div.iconRenewPromo,
.flowProductLeftBox2 div.iconOldClient { display:inline-block; font-size:12px; color:#ea5700; width:25px; height:25px; border-radius:5px; border:1px dotted #aaa; background-color:#eee; padding:9px; margin:0; }

.flowProductLeftBox2 div.phoneDetailBoxAll { width:280px; height:130px; display:block; float:left; padding:0; position:relative;top:20px;background-color:#eee; border-radius:5px; left:10px;}
.flowProductLeftBox2 div.phoneDetailBox2 { display:block;  padding:10px 0;  bottom:10px; }
.flowProductLeftBox2 div.phoneDetailBox2 p { font-size:13px; margin:0; line-height:20px; }
.flowProductLeftBox2 div.phoneDetailBox2 p.title4 { font-size:16px !important; font-weight:bold; padding-left:10px;}
.flowProductLeftBox2 div.phoneDetailBox2 p.title4_con { font-size:13px !important; padding-left:10px;}
.flowProductLeftBox2 div.phoneDetailBox2 p.note { font-size:11px !important; color:#888; margin-bottom:10px; }
.flowProductLeftBox2 div.phoneDetailBox2 b { display:block; font-size:15px; line-height:24px; color:#333; }
.flowProductLeftBox2 div.phoneDetailBox2 b span.price { color:#ea5700; }
.flowProductLeftBox2 div.phoneDetailBox2 a div.arrownext { display:block; float:left; width:20px; height:20px; margin-top:-2px; margin-right:8px; background:url(../images/icon-nextarrow.png) no-repeat left top; }
.flowProductLeftBox2 div.phoneDetailBox2 a.btnOrange {
			display:inline-block; color:#ffffff; margin-bottom:20px;
			border-radius:4px; border:1px solid #ccc; margin:1px; padding:18px 80px; font-family:Arial; font-size:15px; cursor:pointer;
			background: -moz-linear-gradient(top, #ed8600 0%, #da5800 100%); /* FF3.6+ */
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ed8600),color-stop(100%,#da5800)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ed8600 0%,#da5800 100%); /* IE10+ */
			background: linear-gradient(to bottom, #ed8600 0%,#da5800 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8600', endColorstr='#da5800',Gra		.flowProductRightBox div.phoneDetailBox2 a.btnOrange:hover { /*border:1px solid #db4800; }*/
			background: -moz-linear-gradient(top, #ff9a00 0%, #ef6e00 100%); /* FF3.6+ */
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a00),color-stop(100%,#ef6e00)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* IE10+ */
			background: linear-gradient(to bottom, #ff9a00 0%,#ef6e00 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a00', endColorstr='#ef6e00',GradientType=0 ); /* IE6-9 */
			}
dientType=0 ); /* IE6-9 */
			*display:block; *float:left;
			text-decoration:none; text-shadow:-1px -1px 0 rgba(0,0,0,0.4); border-bottom-color:#999;;
			
			}
				
		
	



.flowProductRightBox2 { width:400px; display:block; float:left; padding:0; position:relative; }
.flowProductRightBox2 p.thePhoneBrand { position:absolute; top:0px; left:44px; font-size:13px; color:#333333; display:block; margin:0; margin-left:10px; padding:0; }
.flowProductRightBox2 p.thePhoneTitle { position:absolute; top:13px; left:44px; font-size:24px; color:#333333; display:block; margin:0; margin-left:10px; padding:0; }
.flowProductRightBox2 div.iconOrange { display:inline-block; font-size:12px; color:white; width:25px; height:25px; border-radius:5px; background-color:#ea5700; padding:9px; }
.flowProductRightBox2 ul { font-size:12px; list-style:disc !important; color:#333; display:block; margin:7px 0; padding:0; padding-left:20px;  }
.flowProductRightBox2 ul li { font-size:12px; color:#333; list-style-position:inside; list-style:disc !important; margin:0; padding:0; }
.flowProductRightBox2 select#phoenOption { display:block; margin-bottom:8px; }
.flowProductRightBox2 div.iconExclusive,
.flowProductRightBox2 div.iconRenewPromo,
.flowProductRightBox2 div.iconOldClient { display:inline-block; font-size:12px; color:#ea5700; width:25px; height:25px; border-radius:5px; border:1px dotted #aaa; background-color:#eee; padding:9px; }


.flowProductRightBox2 div.phoneDetailBox2 { display:block; background-color:#eee; padding:10px 0; border-top:1px solid #eee; }
.flowProductRightBox2 div.phoneDetailBox2 p { font-size:13px; margin:0; padding:0; line-height:20px; }
.flowProductRightBox2 div.phoneDetailBox2 p.title4 { font-size:16px !important; font-weight:bold; }
.flowProductRightBox2 div.phoneDetailBox2 p.note { font-size:11px !important; color:#888; margin-bottom:10px; }
.flowProductRightBox2 div.phoneDetailBox2 b { display:block; font-size:15px; line-height:24px; color:#333; }
.flowProductRightBox2 div.phoneDetailBox2 b span.price { color:#ea5700; }
.flowProductRightBox2 div.phoneDetailBox2 a div.arrownext { display:block; float:left; width:20px; height:20px; margin-top:-2px; margin-right:8px; background:url(../images/icon-nextarrow.png) no-repeat left top; }
.flowProductRightBox2 div.phoneDetailBox2 a.btnOrange {
			display:inline-block; color:#ffffff; margin-bottom:20px;
			border-radius:4px; border:1px solid #ccc; margin:1px; padding:18px 80px; font-family:Arial; font-size:15px; cursor:pointer;
			background: -moz-linear-gradient(top, #ed8600 0%, #da5800 100%); /* FF3.6+ */
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ed8600),color-stop(100%,#da5800)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ed8600 0%,#da5800 100%); /* IE10+ */
			background: linear-gradient(to bottom, #ed8600 0%,#da5800 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8600', endColorstr='#da5800',Gra		.flowProductRightBox div.phoneDetailBox2 a.btnOrange:hover { /*border:1px solid #db4800; }*/
			background: -moz-linear-gradient(top, #ff9a00 0%, #ef6e00 100%); /* FF3.6+ */
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a00),color-stop(100%,#ef6e00)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* IE10+ */
			background: linear-gradient(to bottom, #ff9a00 0%,#ef6e00 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a00', endColorstr='#ef6e00',GradientType=0 ); /* IE6-9 */
			}
dientType=0 ); /* IE6-9 */
			*display:block; *float:left;
			text-decoration:none; text-shadow:-1px -1px 0 rgba(0,0,0,0.4); border-bottom-color:#999;;
			
			}
			
			
			
			
			
			
			
.flowProductLeftBox2list {display:block; margin-right:0px;  padding: 20px 30px; position:relative; border-top: 1px solid #ccc;}



}
flowProductLeftBox2listimg { width:100px; height:160px; display:block; float:left; padding:0; position:relative;top:10px; }
flowProductLeftBox2list p.thePhoneBrand { position:absolute; top:4px; font-size:12px; color:#ea5700; display:block; margin:0; margin-left:3px; padding:0; line-height:0px;}
flowProductLeftBox2list p.thePhoneTitle { position:absolute; top:10px;font-size:16px; color:#ea5700; display:block; margin:0; margin-left:3px; padding:0; line-height:15px; }
.flowProductLeftBox2list div.iconOrange { display:inline-block; font-size:12px; color:white; width:25px; height:25px; border-radius:5px; background-color:#ea5700; padding:9px; }
.flowProductLeftBox2list ul { font-size:12px; list-style:disc !important; color:#333; display:block; margin:55px 0; padding:0; padding-left:20px;  }
.flowProductLeftBox2list ul li { font-size:12px; color:#333; list-style-position:inside; list-style:disc !important; margin:0; padding:0; }
.flowProductLeftBox2list select#phoenOption { display:block; margin-bottom:8px; }
.flowProductLeftBox2list div.iconExclusive,
.flowProductLeftBox2list div.iconRenewPromo,
.flowProductLeftBox2list div.iconOldClient { display:inline-block; font-size:12px; color:#ea5700; width:25px; height:25px; border-radius:5px; border:1px dotted #aaa; background-color:#eee; padding:9px; margin:0; }

.flowProductLeftBox2list div.phoneDetailBoxAll { width:280px; height:130px; display:block;  padding:0; position:relative;top:-100px; left:200px;}
.flowProductLeftBox2list div.phoneDetailBox2 { display:block;  padding:10px 0;  bottom:10px; }
.flowProductLeftBox2list div.phoneDetailBox2 p { font-size:13px; margin:0; line-height:20px; }
.flowProductLeftBox2list div.phoneDetailBox2 p.title4 { font-size:16px !important; font-weight:bold; padding-left:10px;}
.flowProductLeftBox2list div.phoneDetailBox2 p.title4_con { font-size:13px !important; padding-left:10px;}
.flowProductLeftBox2list div.phoneDetailBox2 p.note { font-size:11px !important; color:#888; margin-bottom:10px; }
.flowProductLeftBox2list div.phoneDetailBox2 b { display:block; font-size:15px; line-height:24px; color:#333; }
.flowProductLeftBox2 div.phoneDetailBox2 b span.price { color:#ea5700; }
.flowProductLeftBox2 div.phoneDetailBox2 a div.arrownext { display:block; float:left; width:20px; height:20px; margin-top:-2px; margin-right:8px; background:url(../images/icon-nextarrow.png) no-repeat left top; }
.flowProductLeftBox2list div.phoneDetailBox2 a.btnOrange {
			display:inline-block; color:#ffffff; margin-bottom:20px;
			border-radius:4px; border:1px solid #ccc; margin:1px; padding:18px 80px; font-family:Arial; font-size:15px; cursor:pointer;
			background: -moz-linear-gradient(top, #ed8600 0%, #da5800 100%); /* FF3.6+ */
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ed8600),color-stop(100%,#da5800)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ed8600 0%,#da5800 100%); /* IE10+ */
			background: linear-gradient(to bottom, #ed8600 0%,#da5800 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8600', endColorstr='#da5800',Gra		.flowProductRightBox div.phoneDetailBox2 a.btnOrange:hover { /*border:1px solid #db4800; }*/
			background: -moz-linear-gradient(top, #ff9a00 0%, #ef6e00 100%); /* FF3.6+ */
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a00),color-stop(100%,#ef6e00)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* IE10+ */
			background: linear-gradient(to bottom, #ff9a00 0%,#ef6e00 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a00', endColorstr='#ef6e00',GradientType=0 ); /* IE6-9 */
			}
dientType=0 ); /* IE6-9 */
			*display:block; *float:left;
			text-decoration:none; text-shadow:-1px -1px 0 rgba(0,0,0,0.4); border-bottom-color:#999;;
			
			}
				
		
			
			
			
			
	/*4G*/
	.boxwicon { position:relative; padding-left:190px; padding-top:10px; padding-bottom:10px; }
	.boxwicon .headicon { position:absolute; top:10px; left:40px; }
	.boxcol3 { margin-bottom:10px; padding-top:8px; width:100%; display:table-row; position:relative; }		
	.col3 { display:table-cell; padding:20px 25px 8px 25px; width:260px; height:100%; border-right:1px dotted #ccc; vertical-align:top; }
	.boxPlain .col3:last-child { border-right:0;  }
	.col3 b { font-size:18px; color:#ea5700; color:black; font-weight:bold; }
	.col3 b a { font-size:inherit; color:inherit; font-weight:inherit; }
	.orange b { color:#ea5700; }
	.the4g b { color:#ea5700; text-decoration:underline; }
	.col3 ul { margin:10px; padding:5px; display:inline-block; }
	.col3 ul li { list-style:disc; margin:0; padding:0; font-size:13px; line-height:20px; } 
	.col3 .simpleform { border:0px solid #ccc; font-size:12px; color:333; margin:10px 0; width:100%; }		
	.col3 .simpleform th, .col3 .simpleform td { border-bottom:1px solid #ccc; padding:4px; }		
	.col3 .simpleform th { background:#888; color:white; }	
	.col3 .simpleform th.br { border-right:1px solid #777; }
	.col3 .simpleform td.br { border-right:1px solid #ccc; }	
	.col3 .simpleform td span { font-weight:bold; }	
	.the4g .simpleform th { background:#ea5700; }	
	.the4g .simpleform td span { color:#ea5700; }	
	.side3col { margin-left:180px; }
	.side3col .col3 { padding:8px 10px; }	
	
		.col2 { display:table-cell; padding:10px 10px 5px 15px; width:190px; height:120px; border-right:1px dotted #ccc; vertical-align:top; }
		.col2last { border-right:none; }
		.boxPlain .col2:last-child { border-right:0; }
		.col2 b { font-size:18px; color:#ea5700; font-weight:bold; }
		.col2 ul { margin:10px; padding:5px; }
		.col2 ul li { list-style:disc; margin:0; padding:0; font-size:13px; line-height:20px; } 
		.col2 ul.row2 { position:absolute; top:47px; left:570px; }
	
	
			

a.iconlistStyle1{ background:url(../images/icon_list_style1.png) no-repeat 0px 0px; }
a.iconlistStyle2{ background:url(../images/icon_list_style2.png) no-repeat 0px 0px; }	


a.iconlistStyle1:hover { background:url(../images/icon_list_style1.png) no-repeat 0px -20px; }
a.iconlistStyle2:hover  { background:url(../images/icon_list_style2.png) no-repeat 0px -20px; }	


a.iconlistStyle1:visited { background:url(../images/icon_list_style1.png) no-repeat 0px -20px; }
a.iconlistStyle2:visited  { background:url(../images/icon_list_style2.png) no-repeat 0px -20px; }	
			



.arrownext {float: left; width: 20px; height: 20px; margin-top: -2px; margin-right: 5px; background: url(../images/icon-nextarrow.png) no-repeat left top; }



div.boxNotFound { margin-left:20px; position:relative; padding-bottom:100px; }
div.boxNotFound img.icon { display:block; position:absolute; top:10px; left:20px; }
div.boxNotFound div.con { display:inline-block; position:relative; padding:20px; color:#333; }
div.boxNotFound div.con b { font-size:18px; color:#333; font-weight:normal; margin-bottom:10px !important; }
div.boxNotFound div.con p { font-size:13px !important; color:#333; margin-top:10px; }
div.boxNotFound div.con ul li { font-size:13px; line-height:20px; color:#333; list-style:disc; margin:0; padding:0; }
div.boxNotFound div.con ul { margin:0; padding:0; padding-left:20px; margin-top:5px;  }



div.boxNotFound2 { margin-left:20px; padding-bottom:80px; }
div.boxNotFound2 img.icon { display:inline-block; position:relative; top:-30px; }
div.boxNotFound2 div.con { display:inline-block; position:relative; padding:30px; color:#333; }
div.boxNotFound2 div.con b { font-size:18px; color:#333; font-weight:normal; margin-bottom:10px !important; }
div.boxNotFound2 div.con p { font-size:13px !important; color:#333; margin-top:10px; }
div.boxNotFound2 div.con ul li { font-size:13px; line-height:20px; color:#333; list-style:disc; margin:0; padding:0; }
div.boxNotFound2 div.con ul { margin:0; padding:0; padding-left:20px; margin-top:5px;  }

.extrabuyselectbox { display:block !important; border-top:1px solid #777; border-bottom:1px solid #777; margin:20px 0 -10px 0 !important; padding:5px 0 !important; }
.extrabuyselectbox p { display:block; padding:0 !important; margin:0; }
.extrabuyselectbox p a { display:block; float:right; }
		/*=====================================================================================*/
			/* SPECIAL FOR IE TABLET VERSION */
				html.onie div.boxNotFound2 { margin-left:0px; }
		/*=====================================================================================*/
		/* SMALL TABLET */
		@media -ms-viewport, screen and (max-width: 1140px) {
			div.boxNotFound2 { margin-left:0px; }
		}
		/* DESKTOP */
		@media -ms-viewport, screen and (min-width: 1140px) {
			div.boxNotFound2 { margin-left:20px; }
		}




/* add by TWM */
.prepaidmethod{
	clear:both;
	padding:20px 10px;
}
.prepaidevent{
	min-height:130px;
	padding-bottom:10px;
}
.prepaidmethod h2, .prepaidevent h2{
	font-size:18px;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
 
.clearfix:after {
  clear: both;
}
 
.clearfix {
  *zoom: 1;
}


tr.smalltxt th, tr.smalltxt td {
        font-size:12px !important;
        padding-left:5px !important;
        padding-right:5px !important;
        vertical-align:middle !important;
}
tr.smalltxt td a.btn {
        padding:6px 6px;
 
}
th.ttl {
        background-color:#888 !important;
        color:#fff;
        text-align:center;
        text-shadow:none !important;
}
.bestplan_red{
        color:#d13045;
}
.bestplan_blue{
        color:#08AAE7;
}
.bestplan_green{
        color:#619d15;
}
tr.bestplan td{
        background-color:#ffe6a2;
}
.table_message td h3 a{
        color:#619d15;
        font-weight:bold;
}
h2.greentitle a{
        color:#619d15;
}
h2.lte_ttl{
        font-size:30px;
        padding:10px;
        background-color:#494949;
        color:#fff;
        border-radius:8px;
        text-shadow:none;
        text-align:center;
}
 
#planPlan5,
#planPlan6,
#planPlan7 { display:inline-block; position:relative; margin:0; padding:0; padding-top:160px; width:181px; height:auto;
        text-align:center;
        border-right:1px dotted #babcbe; }
#planPlan5 p,
#planPlan6 p,
#planPlan7 p { text-align:center; font-family:微軟正黑體, Arial; font-size:15px; color:#333; margin:8px 0; padding:0; }
#planPlan5 { background:url(../images/img-planphone-plan.jpg) no-repeat -708px top; }
#planPlan6 { background:url(../images/img-planphone-plan.jpg) no-repeat -886px top; }
#planPlan7 { background:url(../images/img-planphone-plan.jpg) no-repeat -1064px top; }
 
#planPlan5 p.smallred,
#planPlan6 p.smallred,
#planPlan7 p.smallred { text-align:center; font-family:微軟正黑體, Arial; font-size:11px; color:#d83247; margin:0; padding:0; width:100%; text-align:center; position:absolute; left:0; top:150px; }


/*-----------------------------------------TWM ADD----------------------------*/
table.table-planPhoneBasic2 td.bigmore {
	font-size:14px;
}
table.table-planPhoneBasic2 td.bigmore span {
	font-size:12px;
}
.flowProductRightBox h1.thePhoneTitle { font-size:24px; line-height:25px; color:#333333; display:block; margin:0; margin-left:55px; padding:0; }
.flowProductRightBox h1.thePhoneTitleSingle { font-size:24px; line-height:25px; color:#333333; display:block; margin-bottom:15px !important; margin-left:55px; padding:0; padding-top:15px; }
.rednote {color: #da3245;}



