@charset "utf-8";
#handset_title_area{
     width: 740px;
	 float: left;
	 /*height:35px;*/
}

#handset_title_left_area{
     width: 50%;
	 float: left;
}

#handset_title_right_area{
     width: 50%;
	 float: left;
	 text-align: right;
}

#handset_why_area{
	 display:none;
     float:left;
	 width: 740px;
	 height:145px;
	 padding-top:0px; 
	 padding-bottom:10px; 
	 padding-left:0px; 
	 padding-right:0px; 
	 margin-top:0px; 
	 margin-bottom:0px; 
	 margin-left:0px; 
	 margin-right:0px;

}

#handset_why_area_shell{
	 padding-top:0px; 
	 padding-bottom:0px; 
	 padding-left:0px; 
	 padding-right:0px; 
	 margin-top:0px; 
	 margin-bottom:0px; 
	 margin-left:0px; 
	 margin-right:0px;

}

#handset_paragraph{
  display:block;
  padding-bottom: 10px;
  clear:both;
  height:134px
}


#handset_box_row_first_box{
     float:left; 
	 padding-top:0px; 
	 padding-bottom:10px; 
	 padding-left:0px; 
	 padding-right:0px; 
	 margin-top:0px; 
	 margin-bottom:0px; 
	 margin-left:0px; 
	 margin-right:0px;
	 position:relative;
	 cursor: pointer;
}

#handset_box{
    float:left; 
	padding-top:0px; 
	padding-bottom:10px; 
	padding-left:10px; 
	/*padding-left:0px;*/
	padding-right:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px;
	position:relative;
	cursor: pointer;
}



#handset_box_left{
    float:left; 
	padding-top:0px; 
	padding-bottom:0px; 
	padding-left:0px; 
	padding-right:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px;
	width:98px;     /*normal*/
    width:92px \9;  /*IE8*/
    *width:92px;    /*IE7*/
    _width:92px;    /*IE6*/
	height:258px;
}

#handset_box_left.tablet_box_left{
	width:169px;     /*normal*/
    width:166px \9;  /*IE8*/
    *width:166px;    /*IE7*/
    _width:166px;    /*IE6*/
}

#handset_box_right_image{
    float:right; 
	padding-top:19px; 
	padding-bottom:0px; 
	padding-left:0px; 
	padding-right:0px; 
	margin-top:3px;     /*normal*/
    margin-top:0px \9;  /*IE8*/
    *margin-top:0px;    /*IE7*/
    _margin-top:0px;    /*IE6*/		
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px;
	width:120px;     /*normal*/
    width:120px \9;  /*IE8*/
    *width:120px;    /*IE7*/
    _width:120px;    /*IE6*/
	height:258px;
}

#handset_box_right_image.tablet_box_right_image{
	margin-top:38px; 
    margin-top:14px \9;  /*IE8*/
    *margin-top:14px;    /*IE7*/
    _margin-top:14px;    /*IE6*/		
	width:169px;     /*normal*/
    width:166px \9;  /*IE8*/
    *width:166px;    /*IE7*/
    _width:166px;    /*IE6*/
	height:228px;
}

#handset_box_left_text{
    float:left; 
	padding-top:10px; 
	padding-bottom:0px; 
	padding-left:0px; 
	padding-right:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px;
	width:98px;     /*normal*/
    width:92px \9;  /*IE8*/
    *width:92px;    /*IE7*/
    _width:92px;    /*IE6*/
	height:202px;
    height:199px \9;  /*IE8*/
    *height:199px;    /*IE7*/
    _height:199px;    /*IE6*/		
}

#handset_box_left_text.tablet_box_left_text{
	width:169px;     /*normal*/
    width:166px \9;  /*IE8*/
    *width:166px;    /*IE7*/
    _width:166px;    /*IE6*/
	height:200px;
}

#handset_box_left_text p  {
	font-size: 11px;
	line-height:1.5em; 
}


#handset_name  {
	padding-top:0px; 
	padding-bottom:0px; 
	padding-left:0px; 
	padding-right:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px;
	/*height: 69px;*/
}

#handset_name.longname  {
   width:184px
}

#handset_name.fixedheight  {
   height: 50px;
}

#handset_name a:link{
	text-decoration:none;
}

#handset_size  {
	padding-top:0px; 
	padding-bottom:0px; 
	padding-left:0px; 
	padding-right:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px;
	height: 30px;
}

.handset_space{
  margin-left: 3px;
  margin-right: 3px;
}

#handset_price  {
	padding-top:0px; 
	padding-bottom:0px; 
	padding-left:0px; 
	padding-right:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px;
}


#handset_free  {
	padding-top:0px; 
	padding-bottom:0px; 
	padding-left:0px; 
	padding-right:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px;
	height: 67px;
}
#handset_free p{
	font-size:12px;
}


#handset_preorder  {
	padding-top:0px; 
	padding-bottom:5px; 
	padding-left:0px; 
	padding-right:0px; 
	margin-top:-10px; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px;
}


#handset_box_left_text h3 {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

#handset_box_left_button{
    float:left; 
	padding-top:0px; 
	padding-bottom:0px; 
	padding-left:0px; 
	padding-right:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px;
	width:98px;     /*normal*/
    width:92px \9;  /*IE8*/
    *width:92px;    /*IE7*/
    _width:92px;    /*IE6*/
	height:55px;
}

#handset_box_left_button.tablet_box_left_button{
	width:169px;     /*normal*/
    width:166px \9;  /*IE8*/
    *width:166px;    /*IE7*/
    _width:166px;    /*IE6*/
	height:58px;
}

#handset_detail{
	padding-top:0px; 
	padding-bottom:0px; 
	padding-left:0px; 
	padding-right:0px; 
	margin-top:0px; 
	margin-bottom:10px; 
	margin-left:0px; 
	margin-right:0px;
	height:25px;
}
#handset_compare{
	padding:0 0 0 0;
	margin:3px 0 0 0;
	
}
#show_all{
     width: 740px;
	 float: left;
	 padding-top:14px; 
	 padding-bottom:20px; 
	 padding-left:0px; 
	 padding-right:0px; 
	 margin-top:0px; 
	 margin-bottom:0px; 
	 margin-left:0px; 
	 margin-right:0px;
	 text-align:center;
	 display: inline;
}

#rest_handset{
     width: 740px;
	 float: left;
	 padding-top:0px; 
	 padding-bottom:0px; 
	 padding-left:0px; 
	 padding-right:0px; 
	 margin-top:0px; 
	 margin-bottom:0px; 
	 margin-left:0px; 
	 margin-right:0px;
	 display: none;
}

#handset_4G{
   position:absolute;
   right:11px;
   top:11px;
   right:21px; \9;  /*IE8*/
}

#detail_4g_logo{
  /* position: absolute;
   top: 10px;
   left: 673px;*/
}
/*-----------------
Handset Compare
-----------------*/
/*-----------------
Handset Compare
-----------------*/
#mobile_compareHS {
	width: 957px;
	height: 150px;
	margin: 0px;
	/*background-color:#8Db4df;*/
	display: block;
	left: 50%;
    margin-left: -480px;
	position: fixed;
	bottom:0;
    z-index: 99999;	
	margin-bottom: 10px;
}

#mobile_compareHS_title {
	width: 190px;
	height: 48px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	left:50%;
	margin-left:-480px;	
	/*background-color:#DDDDDD;*/

    background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#fafafa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#fafafa 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#fafafa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=1 ); /* IE6-8 */
	
	display: block;
	position: absolute;
    -webkit-box-shadow: 1px -3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px -3px 3px rgba(0,0,0,0.2);
	box-shadow: 1px -3px 3px rgba(0,0,0,0.2);
	border-top: 1px solid #A1A1A1;
    border-right: 1px solid #A1A1A1;
	border-left: 1px solid #A1A1A1;
	position: fixed;
	bottom:0;
    z-index: 31;	
	cursor: pointer;
    
}

#mobile_compareHS_title_word{
   padding-left: 15px;
   padding-top:14px;
   float:left;
}


#mobile_compareHS_title_arrow{
   padding-left: 40px;
   padding-top:21px;
   float:left;
}

/*
.mobile_compareHS_bottom {
   position: fixed;
}
*/
#mobile_compareHS_container {
	margin-top: 30px;
	margin-left: -480px;
	margin-bottom: -155px;
	padding-left: 2px;
	padding-bottom: 10px;
    float: left;
	width: 957px;
	height:140px;
	left:50%;
	/*background-color:#DDDDDD;*/
	
    background: -moz-linear-gradient(top, #f9f9f9 0%, #e7e7e7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%,#e7e7e7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%,#e7e7e7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9f9f9 0%,#e7e7e7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e7e7e7',GradientType=1 ); /* IE6-8 */	
	
    -webkit-box-shadow: 0px -3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px -3px 3px rgba(0,0,0,0.2);
	box-shadow: 0px -3px 3px rgba(0,0,0,0.2);	
	border-top: 1px solid #999999;
    border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	position: fixed;
	bottom:0;
    z-index: 30;		
}

#mobile_compareHS_container_inner_container{
    width: 813x;
    height: 137px;
    margin-left: 5px;
    margin-top: 5px;
    padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
    /*background-color: #DDDDDD;*/

    background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8f8f8 0%,#e8e8e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=1 ); /* IE6-8 */		
	
    border: 1px solid #B4B4B4;
    float: left;
}

.mobile_compareHS_add_phone{
  padding-top:31px;
}

/*
#mobile_compareHS_0{
	float: left;
	width: 200px;
	height: 120px;
	padding: 0px;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 5px;
	text-align: center;
	background-image: url(/phone/tchinese/comparehandset_background_small.jpg);
	background-repeat:no-repeat;
}
*/

#mobile_compareHS_0, #mobile_compareHS_1, #mobile_compareHS_2, #mobile_compareHS_3 {
	float: left;
	width: 200px;
	height: 135px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background-color: #F0F0F0;
	background-repeat:no-repeat;
}

#mobile_compareHS_separate{
  width:1px;
  height:135px;
  float:left;
  background-color: #CCCCCC;
}

#mobile_compare_info{
   background-color: white;
   width: 200px;
   height: 135px;
   text-align: center;
   margin-top:0px;
}

#phone_compare_inbox{
 padding:0;
}

#phone_compare_image{
   padding-top:23px;
   padding-left: 67px;
   padding-bottom: 0px;
   float:left;
}

#phone_compare_remove{
   float:right;
   padding-right: 5px;
   padding-top: 5px;
}

#phone_compare_name{
  padding-top:4px;
  font-weight:bold;
  color: #000000;
  clear:both;
}


#mobile_compareHS_btn {
	float: left;
	padding: 0px;
	margin-left: 30px;
	text-align: center;
}

#mobile_compareHS_compareNow {
	padding-top: 45px;
	padding-bottom: 0px;
}
#mobile_compareHS_removeAll {
	padding-top: 28px;
}
#mobile_close_btn {
	clear: both;
	position: relative;
	top: -200px;
	width: 100%;
	text-align: right;
}

#mobile_compareHS_large_img_nobg {
	text-align: center;
}
#mobile_compareHS_large_btn_nobg {
	text-align: center;
}
#mobile_compareHS_large_img {
	text-align: center;
	background: url(/phone/tchinese/compare_addphone.png);
	background-repeat: no-repeat;
	background-position: center center;
    position: relative;
	overflow: hidden;	
}
#mobile_compareHS_large_btn {
	text-align: center;
	background-image: url(/phone/common/comparehandset_background_bigbottom.jpg);
	background-position: bottom;
}

#btn_compare_title{
	margin: 10px 0 0 0;
}

#mobile_compareHS_detail_add_phone{
   height: 400px;
   width: 173px;
   overflow: hidden;
   position: absolute;
   cursor: pointer;
}

#mobile_compareHS_detail_remove{
   text-align: right;
   padding-top:5px;
}

#mobile_compareHS_detail_image{
   text-align:center;
}

#mobile_compareHS_detail_phone_name{
   /*
   margin-left:0%; 
   height:30px; 
   text-align:center; 
   font-weight:bold;
   */
   margin-left: 0%;
   height: 2.5em;
   text-align: center;
   font-weight: bold;
   margin-bottom: 10px;
}


img.btn_comparenow_on {
	opacity:1;
	filter:alpha(opacity=100);
}

img.btn_comparenow_off {
	opacity:.35;
	filter:alpha(opacity=36);
}
/************************
Latest Handset Offer
*************************/
#offer_item {
	float: left;
	width: 704px;
	height: 142px;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px;
}

#offer_detail_item_right {
	float: right;
	width: 334px;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px;
	position: relative;
}

#offer_detail_item_left {
	float: left;
	width: 334px;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px;	
	position: relative;
}

#offer_handset_img {
	float: left;
	width: 80px;
	height: 157px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left:0px; 
	margin-right:0px;
}

#offer_info {
	float: right;
	width: 244px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right:0px; 
	margin-top:0px; 
	margin-bottom:0px; 
	margin-left:90px; 
	margin-right:0px;
	position: absolute;
    bottom: 40px;

}

#banner_border{
 border: 1px solid #999999;
 width:698px;
}






/*
Free Premium
*/
.fp_container {
	text-align: left;
}
.fp_head {
	font-weight: bold;
}
.fp_items {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
.fp_item {
	float: left;
	width: 208px;
	margin-right: 10px;
	margin-bottom: 20px;
	
	position: relative;
}
.fp_img {
	float: left;
	width: 78px;
	height: 78px;
	margin-right: 10px;
	
	border: 1px solid #CCCCCC;
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}
.fp_title {
	float: left;
	width: 115px;
	margin-top: 5px;
	font-size: 0.9em;
}
.fp_remarks {
	font-size: 0.9em;
}
.fp_remarks p {
	margin-bottom: 0px;
}



#unbundletab {
	float: left;
	width: 100%;
	background-color: #cccccc;
	margin-bottom: 20px;
}
#unbundletab div {
	float: left;
}
.unbundletabmenu {
	width: 49%;
	cursor: pointer;
	text-align: center;
	padding: 10px 0px;
	font-size: 1.1em;
}
.unbundletabseparator {
	width: 1%;
    border-left: 1px solid #000000;
    height: 25px;
    margin-top: 7px;
}
.unbundletabmenu_selected {
	color: #ff0000;
}
.unbundleNotice {
    margin: 0px 20px 20px 20px;
    text-align: center;
    font-size: 1.1em;
    padding: 20px;
    border: 1px solid #cccccc;
	/* background-color: #fafafa; */
	color: #000000;
	font-weight: bold;
}
.apps-list, .apps-list-mobile {
       display: none;
}
