@charset "UTF-8";

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

#area5 { border-bottom:none !important; }

.f24 { font-size:24px !important; font-weight:100 !important; }
span.red { color:#eb3a46 /*#d3323e*/ !important; }
span.blue { color:#458bc1 /*#d3323e*/ !important; }
span.bold { font-weight:bold !important; padding:0 3px; }

table.planRoundTable { width:100%; margin-bottom:50px; }
table.planRoundTable td { padding:2px; background:#eee; border:5px solid white; border-radius:6px; }
table.planRoundTable td div.planRoundBox1 { display:block; }

div.planRoundboxThin { padding:5px !important; }

div.boxPlanRound { display:block; margin:0; margin-bottom:8px; padding:20px 1px; background:#f6f6f6; /*border-radius:6px;*/ border-bottom:1px solid #fcfcfc; }
.planRoundBox2 { display:table-cell; margin:0; text-align:center; padding:10px 30px; position:relative; font-size:13px; border-right:1px dotted #999; color:#999; }
.planRoundBox2:last-child { border-right:none; }
.planRoundBox2end { border-right:none; }
.planRoundBox2 h3 { display:block; padding:0; padding:0; margin-bottom:15px; text-align:center; font-size:18px; color:#333; white-space:nowrap; }
.planRoundBox2 h3.orange, h3.orange { display:block; padding:0; padding:3px; margin-bottom:15px; text-align:left; font-size:18px; color:#ea5700; white-space:nowrap; }
.planRoundBox2 div.subbox {}
.planRoundBox2 div.subbox div { margin:5px 0; color:#ea5700; font-size:16px; }
.planRoundBox2 div.subbox div b { color:#333; }
.planRoundBox2 div.subbox p { line-height:18px; color:#555; padding:5px; }
.planRoundBox2 div.mark_add {}
.planRoundBox2 b { font-size:24px; color:#777; line-height:34px; }
.planRoundBox2 b.red { color:#ea5700/*e8042a*/; padding-top:10px; }
.planRoundBox2 div.extratab { /*position:absolute; bottom:10px; left:20px; padding:2px; */ display:block; position:relative; font-size:13px; cursor:pointer; color:#333; margin-top:15px; }
.planRoundBox2 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;  }
.planRoundBox2 div.extratab:hover { color:#555; }
.planRoundBox2 div.extratab:hover div.plusmark { background:#555; }

.planRoundBox2thin { display:table-cell; margin:0; text-align:center; padding:0; position:relative; font-size:13px; width:100%; color:#999; }



.planRoundBox22 { display:block; margin:0; text-align:center; padding:10px 30px; position:relative; font-size:13px; color:#999; vertical-align:top !important; }
.planRoundBox22 h3 { display:block; padding:0; padding:0; margin-bottom:15px; text-align:center; font-size:18px; color:#333; white-space:nowrap; }
.planRoundBox22 div.subbox { display:inline-block; border:2px solid #555; border-radius:6px; width:140px; height:120px; font-size:22px; position:relative; vertical-align:middle; }
.planRoundBox22 div.subbox div { margin:5px 0; color:#ea5700; font-size:16px; margin-top:30px; }
.planRoundBox22 div.subbox div b { color:#333; }
.planRoundBox22 div.subbox p { color:#555; padding-top:3px !important; font-size:14px; }
.planRoundBox22 div.subbox p.dollar { color:#555; padding-top:3px !important; font-size:16px; }
.planRoundBox22 div.subbox p.note { color:#555; font-size:11px; width:120px; position:absolute; bottom:10px; left:50%; margin-left:-60px; }
.planRoundBox22 div.mark_add { display:inline-block; margin:5px; margin-top:50px; font-size:26px; color:#222; vertical-align:top !important; }
.planRoundBox22 div.subboxRed { display:inline-block; border:2px solid #d13045; border-radius:6px; width:150px; height:120px; font-size:22px; position:relative; vertical-align:middle; }
.planRoundBox22 div.subboxRed div { margin:5px 0; color:#d13045; font-size:16px; margin-top:30px; }
.planRoundBox22 div.subboxRed div b { color:#333; }
.planRoundBox22 div.subboxRed p { color:#d13045; padding-top:3px !important; font-size:14px; font-weight:bold; }
.planRoundBox22 div.subboxRed p.dollar { color:#d13045; padding-top:3px !important; font-size:16px; }
.planRoundBox22 div.subboxRed p.note { color:#555; font-size:11px; width:120px; position:absolute; bottom:10px; left:50%; margin-left:-60px; }
.planRoundBox22 b { font-size:24px; color:#777; line-height:34px; }
.planRoundBox22 b.red { color:#ea5700/*e8042a*/; padding-top:10px; }

.planRoundBox23 { padding:10px 0px; }
div.benefit { background:url(../images_planphone/close-banner2.jpg); height:165px; width:706px; display:block;margin-bottom:20px; }
.planRoundBox23 div.subbox { width:120px; height:110px;}
.planRoundBox23 div.subbox p.dollar {font-size:13px; }
.planRoundBox22 div.subboxRed { width:90px; height:110px;  }
.benefit ul{
	position:relative;
	top:20px;
	margin-left:290px;
	text-align:left;
	
}
.benefit ul li{
	list-style:disc;
	font-size:15px;
	line-height:25px;
	color:#272727;
	text-align:left;
}



.boxPlanRound3 { display:block; margin:0; text-align:center; padding:10px 0px; position:relative; 
	background:white; margin-bottom:36px; width:920px; 
	font-size:13px; border:1px solid #ccc !important; color:#999; border-radius:6px; box-shadow:0 1px 3px rgba(0,0,0,0.4); 
	}















table.planBox { width:108%; margin:10px -15px !important; }
table.planBox td { width:auto; text-align:center; border:0px solid red; }
table.planBox .subbox { background:#ffffff; border-radius:6px; border:1px solid #888; text-align:center; height:75px; padding:5px; width:85%; margin:5px; }
table.planBox .subbox div { margin-bottom:5px; }
table.planBox .mark_add { display:block; font-weight:bold; font-size:25px; color:#333; }

table.planBox .subbox2 { display:block; position:relative; background:#ffffff; border-radius:3px; border:1px solid #888; text-align:center; height:50px; padding:5px; width:60%; top:30px; margin:20px;font-size:12px; }
table.planBox .subbox2 div { margin-bottom:5px; margin-top:10px; }
table.planBox .mark_add2 { display:block; position:relative; left:5px; font-weight:bold; font-size:25px; color:#333; top:30px;}
	
	/*HORIZONTAL VERSION*/
	div.planBoxSide { display:block; padding:0; margin:0 15px; margin-bottom:15px !important; text-align:center; }
	div.planBoxSide .subbox2 { display:inline-block; position:relative; background:#ffffff; border-radius:3px; border:1px solid #888; text-align:center; vertical-align:middle !important; height:50px; padding:5px; font-size:12px; }
	div.planBoxSide .subbox2 div { margin-bottom:5px; margin-top:8px; }
	div.planBoxSide .mark_add2 { display:inline-block; position:relative; font-weight:bold; font-size:25px; color:#333; }

	/*VERTICAL VERSION*/
	div.planBoxSide { display:block; padding:0; margin:0 15px; margin-bottom:15px !important; text-align:center; }
	div.planBoxSide .subbox2 { display:block; position:relative; background:#ffffff; border-radius:3px; border:1px solid #888; text-align:center; vertical-align:middle !important; height:50px; padding:5px; font-size:14px; }
	div.planBoxSide .subbox2 div { margin-bottom:5px; margin-top:8px; }
	div.planBoxSide .mark_add2 { display:block; position:relative; font-weight:bold; font-size:25px; color:#333; }




div.table_total { width:93%; height:85px; margin:10px 25px; margin-top:25px; border-radius:6px !important; overflow:hidden; position:relative; background:white; box-shadow:0 1px 3px rgba(0,0,0,0.5); }
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 */


}
div.table_total p.title { position:absolute; top:0; left:0; font-size:16px; width:200px; height:100%; color:/*#ea5700*/#333; padding:20px; }
div.table_total p.title { position:absolute; top:0; left:0; font-size:16px; width:200px; height:100%; background:#ea5700; color:#fff; padding:20px; }
div.table_total div.priceset { margin:10px; margin-left:260px; display:block; border-left:0px dotted #ccc; padding-left:25px; position:relative; height:65px; }
div.table_total div.priceset p.dollarmark { display:inline-block; font-size:24px; position:absolute; top:15px; left:5px; color:#333; text-shadow:1px 1px 0 white; }
div.table_total div.priceset b.finalprice { position:absolute; top:8px !important; left:65px !important; color:/*#d13045*/#ea5700; font-weight:normal !important; font-size:50px; text-shadow:1px 1px 0 white; }
div.table_total div.priceset p.endnote { display:block; }




table#extraPlanBox { width:100%; font-size:13px; border-bottom:1px solid #aaa; margin-top:15px; margin-bottom:0; }
table#extraPlanBox td, 
table#extraPlanBox th { padding:4px; background:#fafafa; }
table#extraPlanBox td { border-top:1px solid #aaa; border-left:1px solid #aaa; padding:4px; }
table#extraPlanBox td:last-child { border-right:1px solid #aaa; }






div.orangeTitleLead { display:block; background:#ea5700; color:white; padding:25px 30px; font-size:18px; border-radius:6px 6px 0 0; text-shadow:-1px -1px 0 rgba(0,0,0,0.3); }
div.orangeTitleLead { display:block; color:white; padding:25px 30px; font-size:15px; border-radius:6px 6px 0 0; text-shadow:-1px -1px 0 rgba(0,0,0,0.3); 
		background: -moz-linear-gradient(top, #ea5700 0%, #ff6500 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ea5700),color-stop(100%,#ff6500)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ea5700 0%,#ff6500 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ea5700 0%,#ff6500 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ea5700 0%,#ff6500 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ea5700 0%,#ff6500 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5700', endColorstr='#ff6500',GradientType=0 ); /* IE6-9 */
	
}


									
									
									.planarea_boxsimple { display:block; background:#fff; color:white; border-radius:6px; 
										background:url(../images/icon-checkbox1.png) no-repeat 10px 18px;
										border:1px solid #aaa; border-bottom-color:#888; padding:25px 25px; margin-bottom:4px; 
										cursor:pointer; box-shadow:0 1px 1px rgba(0,0,0,0.2);
									}
									.planarea_boxsimple-xxx { display:block; background:#eee; color:white;  
										border:1px solid #aaa; text-align:center; 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 */
										
									}
									.planarea_boxsimple div { display:inline-block; font-size:14px; line-height:18px; color:#333; text-align:left; }
									.planarea_boxsimple div.tophead { font-size:20px; margin:0; padding:0; width:140px; text-align:right; margin-right:20px; }
									.planarea_boxsimple:hover div { color:#ea5700; }
									.planarea_boxsimple. { background-position:10px -91px; }
									.planarea_boxsimple. div { color:#ea5700; }
									
									
									#form_selectArea { padding-top:0; }
									.planarea_boxsimple2 { display:block; background:#fff; color:white; 
										background:url(../images/icon-checkbox1.png) no-repeat 10px 18px;
										border-bottom:1px solid #ccc; padding:25px 25px; margin:0; 
										cursor:pointer; 
									}
									.planarea_boxsimple2 div { display:inline-block; font-size:12px; line-height:18px; color:#333; text-align:left; }
									.planarea_boxsimple2 div.tophead { font-size:16px; margin:0; padding:0; width:140px; text-align:right; margin-right:20px; }
									.planarea_boxsimple2:hover div { color:#ea5700; }
									.planarea_boxsimple2. { background-position:10px -91px; }
									.planarea_boxsimple2. div { color:#ea5700; }
									.area_selected { display:block; background:#fff; color:white; 
										background:url(../images/icon-checkbox1.png) no-repeat 10px -92px;
										border-bottom:1px solid #ccc; padding:25px 25px; margin:0; 
										cursor:pointer; 
									}
									


div.giftbox2 { background:#eee; margin:5px 0; padding:8px 0px; position:relative; padding-left:100px; }
div.giftbox2 p, div.giftbox2 ul li { font-size:12px; color:#333; line-height:18px; }
div.giftbox2 ul { list-style:decimal; margin:0; padding:0; padding-left:20px; }
div.giftbox2 ul li a { padding-top:3px; }
div.giftbox2 p.header { font-size:14px; position:absolute; top:5px; left:0; }
div.giftbox2 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.giftbox3 { background:#ffac0a; background:#eee; margin:0; padding:15px 25px; padding-bottom:10px; position:relative; padding-left:130px; border-radius:6px; display:none; }
	div.giftbox3 p, div.giftbox3 ul li { font-size:12px; color:#333; line-height:18px; }
	div.giftbox3 ul { list-style:decimal; margin:0; padding:0; padding-left:20px; }
	div.giftbox3 ul li a { padding-top:3px; }
	div.giftbox3 p.header-xxx { font-size:13px; position:absolute; top:15px; left:25px; background:#fff; padding:3px 7px; border-radius:20px; box-shadow:inset 0 1px 2px rgba(0,0,0,0.5); }
	div.giftbox3 p.header { font-size:13px; position:absolute; top:10px; left:15px; width:100px; height:30px; 
							background:url(../images_planphone/giftheaderbg.png) no-repeat left top; padding-left:33px; padding-top:9px; }
	div.giftbox3 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.boxInputTypeList {
		display:block; background-color:white; text-align:left;  position:relative;
		/*background-image:url(../images/icon_lock.png); background-repeat:no-repeat; background-position:10px 4px;*/
		border-bottom:2px solid #f6f6f6; margin-bottom:12px; text-align:center; padding:14px; cursor:pointer;
		border-radius:6px; box-shadow:0 1px 4px rgba(0,0,0,0.5);
		border:1px solid #ccc \9;
		box-shadow:0 0px 1px rgba(0,0,0,0.5) \9;
		
		
		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 */
		
		}				
div.boxInputTypeList h2 { color:#5a5a5a/*da3245*/; text-shadow:1px 1px 0 white; font-size:15px; padding:0; margin:0; line-height:15px; }
					
					
					
/*div.iconContract { display:block; width:24px; height:24px; background:url(../images/icon_lock.png) no-repeat 0 0; position:absolute; top:10px; left:25px; }*/
div.iconContract { display:block; width:24px; height:24px; background:url(../images/tabarrow_openclose.png) no-repeat 0 -1px; position:absolute; top:10px; left:20px; }
div.iconContractOpen { background-position:0 -22px !important; }
div.contractset { display:block; margin:-14px; margin-top:20px; background:white; border-top:1px solid #ccc; border-radius:0 0 6px 6px; }
div.contractset div { display:block; padding:15px 20px; font-size:13px; color:#333; border-bottom:1px dotted #ccc; }
div.contractset div:last-child { border-bottom:0 !important; }
div.contractset div.active { background:url(../images/icon-status.png) no-repeat 20px 10px; }

div.contractExtra { font-size:13px; text-align:left; line-height:18px; margin:20px 0; display:block; color:#555; }

div.blackbar { background:#333; border-radius:6px; color:white; margin:15px auto; display:none; padding:15px; }


div.callBox2 { position:absolute; top:25px; left:15px; margin-right:50px; }
div.callBox2 p.line1 { margin-bottom:0; font-size:14px; }
div.callBox2 p.line2 { color:#458bc1; }

div.sortbox { position:absolute; top:13px; right:10px; width:120px; font-size:13px; color:#333;  }
div.sortbox p { display:inline-block; font-size:13px; color:#333; margin-top:4px; }
div.sortbox select { display:inline-block; }




div.phoneNumberArea { display:block; padding:0; }
div.phoneNumberArea div { width:29%; padding:5px 10px; margin:1px !important; background:#fff; border:1px solid #ccc; height:30px; position:relative; color:white; display:inline-block; cursor:pointer; }
div.phoneNumberArea div p.num { color:#fff; background:#aaa; padding:2px; text-align:center; width:13px; font-size:11px; line-height:14px; position:absolute; top:11px; left:10px; border-radius:30px; }
div.phoneNumberArea div p { color:#888; display:inline-block; font-size:11px; text-align:right; max-width:60px; position:absolute; top:12px; right:15px; }
div.phoneNumberArea div p.red { color:#d13045; font-weight:normal; }
div.phoneNumberArea div b { color:#333; display:inline-block; font-size:18px; position:absolute; top:12px; left:20px; }
div.phoneNumberArea div:hover b { color:#ea5700; }
div.phoneNumberArea div. { background:#ea5700; box-shadow:0 1px 2px rgba(0,0,0,.2); }
div.phoneNumberArea div. b, 
div.phoneNumberArea div. p { color:white; }
div.phoneNumberArea div. p.num { background:#333; }
		
	
div.phoneNumberArea div.selected { background:#ea5700; }
div.phoneNumberArea div.selected p, div.phoneNumberArea div.selected b,
div.phoneNumberArea div.selected p.red { color:white !important; }
	
	
		
			
		/*=====================================================================================*/
			/* SPECIAL FOR IE TABLET VERSION */
				html.onie div.phoneNumberArea div p { top:15px; right:10px; }
				html.onie .boxPlanRound3 { width:840px; }
		/*=====================================================================================*/
		/* SMALL TABLET */
		@media -ms-viewport, screen and (max-width: 1140px) {
			div.phoneNumberArea div p { top:15px; right:10px; }
			.boxPlanRound3 { width:840px; }
		}
		/* DESKTOP */
		@media -ms-viewport, screen and (min-width: 1141px) { 
			div.phoneNumberArea div p { top:12px; right:15px; }
			.boxPlanRound3 { width:920px; }
		}




div.navNumberBox { margin:2px; width:98%; height:45px; background:#eee; display:block; position:relative; }
div.navNumberBox p { position:absolute; top:12px; left:225px; font-size:13px; }
div.navNumberBox a { position:absolute; top:14px; left:315px; font-size:15px; color:#ea5700; background:url(../images_planphone/arrowDown.png) no-repeat 0 3px; padding-left:20px; }


div.headerMenuRight { position:absolute; top:0; right:10px; width:300px; font-size:12px; color:#333; margin:0; padding:0; height:30px; }
div.headerMenuRight p { display:inline-block; font-size:12px; color:#333; margin:0; padding:10px 0; line-height:18px; }
div.headerMenuRight select { position:relative !important; display:inline-block !important; top:auto !important; right:auto !important; font-size:12px; color:#333; margin:0 5px; padding:0; line-height:18px; }


div.productTypeTitle { font-size:30px; display:block; color:#333; margin-bottom:10px; }
div.productTypeTitle span { font-size:15px; color:#888; padding:0 10px; }

div.tabAsHeader { left:10px; }
div.tabAsHeader a { padding:9px 25px 8px 25px; font-size:20px !important; }
div.listset { padding:0px 15px 5px 15px; }
div.listset p { margin:0 !important; padding:0 !important; color:#333 !important; }



div.productCatBox { display:block; border:0px solid red; }
div.productCatBox .pThumbBox { display:inline-block; width:45%; margin:5px; padding:10px; border:1px solid #ccc; border-radius:6px; height:270px; position:relative; }
div.productCatBox .pThumbBoxRow .pimg { display:inline-block; width:160px; height:160px; text-align:center; }
div.productCatBox .pThumbBoxRow .pimg img { display:block; }
div.productCatBox .pThumbBox .con { position:absolute; top:30px; right:10px; width:160px; }
div.productCatBox .pThumbBox .con p.brand { font-weight:bold; font-size:13px; color:#ea5700; padding:0; margin:0; }
div.productCatBox .pThumbBox .con p.title { font-size:15px !important; font-weight:bold; color:#ea5700; padding:0; margin:0; }
div.productCatBox .pThumbBox .con ul { padding:0; margin:4px 0; padding-left:10px; }
div.productCatBox .pThumbBox .con ul li { padding:0; margin:0; list-style:disc; font-size:12px; line-height:15px; color:#333; }
div.productCatBox .pThumbBox .con .iconset { display:block; margin-top:8px; }
div.productCatBox .pThumbBox .con .iconset div { display:inline-block; padding:4px 6px; margin:0; border:1px solid #ccc; color:#555; border-radius:4px; font-size:12px;
												/*color:#ea5700;*/ border:1px dotted #aaa; background-color:#f3f3f3; }

	div.productCatBox .pThumbBox .con .iconset div.iconExclusive { width:24px; }
	div.productCatBox .pThumbBox .con .iconset div.iconRenewPromo { width:24px; }
	div.productCatBox .pThumbBox .con .iconset div.iconOldClient { width:36px; }



div.productCatBox .pThumbBox .detailcon { display:block; padding:4px 6px; margin:0; position:absolute; top:190px; left:10px; width:auto; text-align:right; }
div.productCatBox .pThumbBox .detailcon p.title { display:block; padding:3px 6px; position:absolute; top:0; left:5px; background:#d13045; border-radius:20px; color:white; font-size:12px !important; }
div.productCatBox .pThumbBox .detailcon p { display:block; padding:0; margin:0; padding-left:70px; color:#555; font-size:12px; text-align:left; }

		/*=====================================================================================*/
			/* SPECIAL FOR IE TABLET VERSION */
				html.onie div.productCatBox .pThumbBox { width:280px; }
				html.onie div.productCatBox .pThumbBox .con { width:140px; }
		/*=====================================================================================*/
		/* SMALL TABLET */
		@media -ms-viewport, screen and (max-width: 1140px) {
			div.productCatBox .pThumbBox { width:280px; }
			div.productCatBox .pThumbBox .con { width:140px; }
		}
		/* DESKTOP */
		@media -ms-viewport, screen and (min-width: 1141px) { 
			div.productCatBox .pThumbBox { width:45%; }
			div.productCatBox .pThumbBox .con { width:160px; }
		}





.phoneDetailBox3 { display:block; padding:4px 6px; margin:0; position:relative; margin-top:15px; width:auto; text-align:left; }
.phoneDetailBox3 p.title { display:block; padding:3px 6px; background:#d13045; border-radius:20px; width:80px; text-align:center; color:white; font-size:12px !important; }
.phoneDetailBox3 p { display:block; padding:0; margin:4px 0; color:#555; font-size:12px; }



div.productCatBox .pThumbBox .pricecon { display:block; padding:0; border-top:1px solid #ccc; color:#555; border-radius:4px; font-size:12px; height:60px; 
		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 */
										border-radius:0 0 6px 6px;
										position:absolute; bottom:0px; width:100%; left:0px; }
div.productCatBox .pThumbBox .pricecon p { display:block; padding:0; margin:0; margin-left:15px; margin-top:8px; margin-bottom:4px; color:#333; font-size:12px; }
div.productCatBox .pThumbBox .pricecon b { display:block; padding:0; margin:0; margin-left:15px; color:#333; font-size:16px; }
div.productCatBox .pThumbBox .pricecon b span.red { color:#d13045; }
div.productCatBox .pThumbBox .pricecon a.btn-orange { position:absolute; right:10px; bottom:12px; }

/**/

div.productCatBox .pThumbBoxRow { display:block; margin:5px; padding:10px; border:1px solid #ccc; border-radius:6px; position:relative; }
div.productCatBox .pThumbBoxRow .pimg { display:block; position:absolute; top:20px; left:20px; width:160px; height:160px; text-align:center; }
div.productCatBox .pThumbBoxRow .pimg img { display:block; align:center; margin-left:auto; margin-right:auto; }
div.productCatBox .pThumbBoxRow .con { /*position:absolute; top:30px; left:180px;*/ margin-left:180px; width:250px; margin-top:15px; margin-bottom:20px; }
div.productCatBox .pThumbBoxRow .con p.brand { font-weight:bold; font-size:13px; color:#ea5700; padding:0; margin:0; }
div.productCatBox .pThumbBoxRow .con p.title { font-size:15px !important; font-weight:bold; color:#ea5700; padding:0; margin:0; }
div.productCatBox .pThumbBoxRow .con ul { padding:0; margin:4px 0; padding-left:10px; }
div.productCatBox .pThumbBoxRow .con ul li { padding:0; margin:0; list-style:disc; font-size:12px; line-height:15px; color:#333; }
div.productCatBox .pThumbBoxRow .con .iconset { display:block; margin-top:8px; }
div.productCatBox .pThumbBoxRow .con .iconset div { display:inline-block; padding:4px 6px; margin:0; border:1px dotted #aaa; color:#555; border-radius:4px; font-size:12px; color:#555; background:#f3f3f3; }

div.productCatBox .pThumbBoxRow .detailcon { display:block; padding:4px 0px; margin:0; width:320px; position:relative; }
div.productCatBox .pThumbBoxRow .detailcon p.title { display:block; padding:3px 6px; position:absolute; top:0; left:0; background:#d13045; border-radius:20px; color:white; font-size:12px !important; }
div.productCatBox .pThumbBoxRow .detailcon p { display:inline-block; padding:0; margin:0; color:#555; font-size:12px; margin-left:70px; }
div.productCatBox .pThumbBoxRow .detailcon p.price1 { display:block; padding:0; margin:0; margin-top:12px; color:#333; font-size:14px; }
div.productCatBox .pThumbBoxRow .detailcon b.price2 { display:block; padding:0; margin:0; margin-top:3px; color:#333; font-size:16px; }
div.productCatBox .pThumbBoxRow .detailcon b span.red { color:#d13045; }


div.productCatBox .pThumbBoxRow .pricecon { display:block; padding:0; color:#555; font-size:12px; position:absolute; top:25px; padding-left:20px; right:20px; width:150px; height:155px; border-left:1px dotted #ccc; }
div.productCatBox .pThumbBoxRow .pricecon p { display:block; padding:0; margin:0; margin-left:15px; margin-top:8px; color:#333; font-size:14px; }
div.productCatBox .pThumbBoxRow .pricecon b { display:block; padding:0; margin:0; margin-left:15px; color:#333; font-size:16px; }
div.productCatBox .pThumbBoxRow .pricecon b span.red { color:#d13045; }
div.productCatBox .pThumbBoxRow .pricecon ul { padding:0; margin:10px 0; padding-left:10px; }
div.productCatBox .pThumbBoxRow .pricecon ul li { padding:0; margin:0; list-style:disc; font-size:12px; line-height:15px; color:#333; }
div.productCatBox .pThumbBoxRow .pricecon a.btn-orange { position:absolute; right:0; bottom:0; }

a.btn-linkID { font-size:12px; color:#458bc1; position:absolute; top:190px; left:100px; }


p.priceselecthead { margin-bottom:5px !important; }

div#icon_orderblock,
div#icon_orderlist { display:inline-block; width:24px; height:24px; cursor:pointer; position:absolute; top:8px; }
div#icon_orderblock { background:url(../images/icon_list_style1.png) no-repeat left top; right:30px; }
div#icon_orderlist { background:url(../images/icon_list_style2.png) no-repeat left top; right:5px; }
div#icon_orderblock.active,
div#icon_orderlist.active { background-position:left bottom; }





div.hotlineBox { position:relative; display:block; margin:10px; padding-bottom:15px; }
div.hotlineBox div { display:block !important; padding-left:70px; position:relative; clear:both; }
div.hotlineBox div p { display:block; float:left; font-size:15px; width:70px; margin:0 !important; padding:7px 3px !important; }
div.hotlineBox div input { display:block; border:1px solid #ccc; border-radius:4px; background:white; font-size:14px; width:230px; padding:8px 6px; box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); }
div.hotlineBox div div.iconOK { background:url(../images/icon-status.png) no-repeat left top; display:block; width:22px; height:22px; margin:3px 6px !important; 
		position:absolute; top:5px; right:75px; 
		}
div.hotlineBox div div.alertspan { margin-left:80px !important; margin-bottom:10px; margin-top:0; width:160px; }
		
div.hotlineBox div.colbox { display:inline-block !important; padding:0; width:290px; height:90px; position:relative; border-right:1px dotted #ccc; }

div.hotlineBox div.colbox p { display:block; float:none !important; font-size:15px; width:100% !important; margin:0 !important; padding:7px 3px !important; }
div.hotlineBox div.colbox input { display:block; border:1px solid #ccc; border-radius:4px; background:white; font-size:14px; width:190px; padding:8px 6px; box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); }
div.hotlineBox div.colbox input.radio { display:inline-block; border:0; border-radius:0; width:15px; padding:0; box-shadow:0 0 0 0 !important; }
div.hotlineBox div.colbox div.iconOK { background:url(../images/icon-status.png) no-repeat left top; display:block; width:22px; height:22px; margin:3px 0 !important; 
		position:absolute; top:40px; right:-10px; 
		}	
		
		
		div.hotlineBox div.colboxRight { float:right !important; width:250px !important; border-right:none !important; }
		
		
div.endbtnset { text-align:center; padding:15px; margin-top:10px !important; }
div.numberListBox { background:white; border-top:1px solid #ccc; padding-top:5px; margin:-15px; }
div.numberListBox div.phoneNumberArea div p { top:-8px !important; right:0 !important; }
div.numberListBox div.phoneNumberArea div p.num { top:10px !important; }
div.numberListBox div.navNumberBox { background:none !important; }
div.numberListBox div.navNumberBox p { left:190px !important; top:-7px !important; }






h3.noteTitle { font-size:14px; background:#555; color:white; padding:3px 10px; border-radius:15px; position:absolute; top:5px; left:25px; text-shadow:-1px -1px 0 black !important; }
h4.noteTitle { font-size:14px; background:#555; color:white; padding:3px 10px; border-radius:15px; position:absolute; top:200px; left:25px; text-shadow:-1px -1px 0 black !important; }
ul.noteNumber { margin:4px; margin-left:100px !important; padding:0; padding-left:15px; top:200px; left:25px;}
ul.noteNumber li { font-size:12px; line-height:18px; padding:0; margin:0; margin-bottom:6px;}
ul.noteNumber li span { font-size:12px; line-height:18px; padding:0; margin:0; }
ul.noteNumber ul, ul.subnoteNumber { list-style:disc; margin:4px; margin-bottom:10px; padding:0; padding-left:15px; top:200px; left:25px;}
ul.noteNumber ul li, ul.subnoteNumber li { font-size:12px; line-height:16px; padding:0; margin:0; margin-bottom:1px;}
ul.noteNumber ul li span, ul.subnoteNumber li span { font-size:12px; line-height:16px; padding:0; margin:0; }



p.endnote { font-size:11px !important; display:block; color:#888; }
p.dollarmark { font-size:11px; font-weight:bold; }
b.endprice { font-size:30px; color:#d83247;}

div.setFix { position:fixed; }

div.extraPlanBar { background:#eee; border-radius:6px; color:#333; margin:15px auto; display:block; padding:15px;  }

tr.clickableTR { cursor:pointer; }
tr.clickableTR:hover td { background-color:#ffe6a2 !important; }
tr.clickableTR.active td { background-color:#ffe6a2 !important; }
tr.centerTR td:first-child { text-align:center; }
td.centerTD { text-align:center; }


a.btnSideLookForMyContract  { position:relative; margin:10px 24px; width:120px; text-align:center; color:white !important; }
a.btnSideLookForMyContract:hover { color:white !important; }


div.btnsort { display:block; width:20px; height:20px; position:absolute; top:5px; right:5px; background:url(../images_planphone/btnsort.png) no-repeat left top; cursor:pointer; }

div.popnotebox { border:1px solid #ccc; background:white; overflow-y:auto; padding:8px 16px; height:250px; }
div.popnotebox h3 { font-size:16px; color:#d83247; }
div.popnotebox p { font-size:12px; color:#333; padding:0;  }
div.popnotebox ul { font-size:12px; color:#333; padding:0; padding-left:20px; }
div.popnotebox ul li { list-style:decimal; font-size:12px; color:#333; padding:0;  }



/*NEW CONTENT FROM SERVICE SETUP*/
/* share page :setup3 */
		
		.boxSetupBox { padding-bottom:20px; }
		
		.contenttableobj { display:table; width:100%; margin-bottom:20px; background:#f5f5f5; padding:0; margin-left:0px; border-radius:0px; overflow:hidden; margin-top:14px; margin-top:20px; z-index:10; }
		.contenttableobj div { width:100%; display:table-row; }
		.contenttableobj div p { display:table-cell; border-bottom:2px solid #fff; font-size:13px; font-weight:400; padding:2px 10px 2px 10px; }
		.contenttableobj div p:first-child { width:150px; font-weight:100; font-size:12px; }
		.contenttableobj div:last-child p { border-bottom:0; }
		
		.boxSetupCon { position:relative; border:1px solid #ccc; overflow:hidden; margin:5px 0px; }
		.boxSetupCon h2 { position:relative; margin-left:100px; font-size:15px; color:#555; font-weight:normal; margin:-5px 0 10px 40px; }
		.boxSetupCon h2.green { color:#619d15; }
		.boxSetupCon img.icon { position:absolute; top:-1px; left:15px; }
		.boxSetupCon div.abox { display:block; width:490px; margin-bottom:20px; padding:0; margin-top:10px; margin-left:40px; overflow:hidden; }
		.boxSetupCon div.abox a { background:url(../images/icon-arrow-link.png) no-repeat top left; padding: 4px 0 0 25px;
									position:relative; display:inline-block; color:#555; text-align:left; font-size:13px; width:40%; }
									.boxSetupCon div.abox a:hover { color:#619d15; }
		

		.boxSetupCon .arrowdown { display:block; height:10px; width:20px; background:url(../images/icon-arrow-updown.png) no-repeat top left; 
									position:absolute; top:20px; right:20px; cursor:pointer; }
									.boxSetupCon .arrowdownactive { background-position:-10px left; }
						
						.bannerSetup1 { display:inline-block; width:45%; height:100px; vertical-align:top;
										
										color:#555; font-weight:bold; font-size:20px; text-align:center !important; 
										margin:-20px 0px 20px -10px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer;
										border-radius:5px; background:#e5e6e7; border:1px solid #ddd; 
										}
										.bannerSetup1 p { padding:10px; text-align:center; font-size:14px; margin:0; }
										.bannerSetup1 a.btn1 { 
												text-shadow:-1px -1px 0 rgba(0,0,0,0.5);
												background: -moz-linear-gradient(top, #555555 0%, #444444 100%); /* FF3.6+ */
												background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#555555),color-stop(100%,#444444)); /* Chrome,Safari4+ */
												background: -webkit-linear-gradient(top, #555555 0%,#444444 100%); /* Chrome10+,Safari5.1+ */
												background: -o-linear-gradient(top, #555555 0%,#444444 100%); /* Opera 11.10+ */
												background: -ms-linear-gradient(top, #555555 0%,#444444 100%); /* IE10+ */
												background: linear-gradient(to bottom, #555555 0%,#444444 100%); /* W3C */
												filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
												color:white; padding:6px 15px; text-align:center; width:220px; font-size:18px; margin:0; }
										.bannerSetup1 a.btn1:hover { 
										
												background: -moz-linear-gradient(top, #619d15 0%, #4e8400 100%); /* FF3.6+ */
												background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#619d15),color-stop(100%,#4e8400)); /* Chrome,Safari4+ */
												background: -webkit-linear-gradient(top, #619d15 0%,#4e8400 100%); /* Chrome10+,Safari5.1+ */
												background: -o-linear-gradient(top, #619d15 0%,#4e8400 100%); /* Opera 11.10+ */
												background: -ms-linear-gradient(top, #619d15 0%,#4e8400 100%); /* IE10+ */
												background: linear-gradient(to bottom, #619d15 0%,#4e8400 100%); /* W3C */
												filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#619d15', endColorstr='#4e8400',GradientType=0 ); /* IE6-9 */
												}
						.bannerSetup2 { display:block; width:49.5%; height:100px; vertical-align:top;
										float:right;
										color:#555555; font-weight:bold; font-size:20px; text-align:center !important; 
										margin:-20px 0px 20px 0px; padding:10px 0 10px 0; font-family:Arial; font-size:13px; cursor:pointer;
										border-radius:5px; background:#fff; border:1px solid #ddd; 
										}
										.bannerSetup2 b { display:block; color:#619d15; text-align:center; font-size:23px; margin:10px 5px; }
										.bannerSetup2 p { display:block; color:#444; text-align:center; font-size:14px; margin:0; }
										.bannerSetup2 p.small { display:block; color:#444; text-align:center; font-size:12px; margin:5px; vertical-align:middle; }
										.bannerSetup2 a.btn2 { display:inline-block; background:none !important; background-color:#888888 !important; color:white; padding:1px 3px; margin:0 5px; text-align:center; vertical-align:middle; width:110px; font-size:12px; }
										.bannerSetup2 a.btn2:hover { background-color:#619d15 !important; }
						
						
			
			.boxSetupCon2 { position:relative; border:1px solid #aaa; margin:10px; height:90px; cursor:pointer; }
			.boxSetupCon2 h2 { position:relative; margin-left:100px; color:#555; font-weight:bold; margin:30px 0 20px 120px; }
			.boxSetupCon2:hover h2{ color:#619d15; }
			.boxSetupCon2 img.icon { position:absolute; top:10px; left:20px; }
			.boxSetupCon2 .arrowlink { display:block; height:20px; width:20px; background:url(../images/icon-arrow-link.png) no-repeat top left; 
									position:absolute; top:46px; right:30px; cursor:pointer; }
			
			
			.qaboxset { margin:15px 10px 30px -10px; padding:0; }
			.qaboxset li { color:#333; font-size:14px; margin:0; padding:0; list-style:decimal; list-style-position:outside; padding-left:5px; margin-left:50px; margin-bottom:3px; }
			.qaboxset div { display:block; 
							background:url(../images_service/setupanswericon.png) no-repeat 0 15px;
							padding-left:32px; padding-top:15px; margin-left:50px; margin-bottom:25px; 
							color:#619d15; border-top:1px dotted #ccc; }


div.orangeTitleLead { display:block; background:#ea5700; color:white; padding:25px 30px; font-size:18px; border-radius:6px 6px 0 0; text-shadow:-1px -1px 0 rgba(0,0,0,0.3); }
div.orangeTitleLead { display:block; color:white; padding:25px 30px; font-size:15px; border-radius:6px 6px 0 0; text-shadow:-1px -1px 0 rgba(0,0,0,0.3); 
		background: -moz-linear-gradient(top, #ea5700 0%, #ff6500 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ea5700),color-stop(100%,#ff6500)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ea5700 0%,#ff6500 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ea5700 0%,#ff6500 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ea5700 0%,#ff6500 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ea5700 0%,#ff6500 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5700', endColorstr='#ff6500',GradientType=0 ); /* IE6-9 */
	
}


/* added by TWM */
div.productCatBox .pThumbBoxRow { min-height:180px; }
.planRoundBox22 div.subbox2 {  height:140px; }
.planRoundBox22 div.subboxRed2 {
    width: 140px;
    height: 140px;
}
#cursorMessageDiv {
		position: absolute;
		z-index: 99999;
		background: #000000;
		padding: 2px;
		margin: 0px;
		display: none;
		color:#FFFFFF;
		display:block;
		width: 180px;
    	height: auto;
		padding:7px;
		font-size:13px;
		line-height:15px;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
		border-radius: 4px;
	}
	.changeMe{
		top:3px;
		position:relative;
		line-height:15px;
	}
	p.number { 
	position: relative;
    left: -40px;
    top: -8px;
}
div.displaynone{
	display:none;
}

div.hotlineBox div.colbox2 { display:inline-block !important; padding:0; width:100%; height:20px; position:relative; border-right:0px dotted #ccc; text-align:center; }
div.hotlineBox div div.iconOK2 { background:url(../images/icon-status.png) no-repeat left top; height: 22px;}
div.hotlineBox div div.iconOK2 p {
    display: block;
    float: left;
    font-size: 15px;
    width:100%;
    margin: 0 !important;
    padding: 7px 3px !important;