@charset "UTF-8";
/* CSS Document */


/*div.imgsetBox { display:block; height:200px; position:relative; }*/
div.imgsetBox { display:block; position:relative; width:180px; height:180px; margin:0; padding:10px;
	border:1px solid #ddd;  
	box-shadow:0px 3px 4px 0px #eeeeee;
	border-radius:5px;
}
div.imgsetBox .overlay { display:none; position:absolute; bottom:10px; left:10px; width:160px; height:20px; color:white; cursor:pointer; text-align:center; padding:10px; background:rgba(0,0,0,0.8); }
div.imgsetBox:hover .overlay { display:block; }
#memberInfoBox { display:table; border-left:1px solid #ccc; height:225px; margin:0; padding:0; width:540px; position:absolute; top:-8px; right:0; }
#memberInfoBox .basic { display:block; margin:0; padding:25px; }
#memberInfoBox .basic p { margin:0; padding:0; font-size:13px; }
#memberInfoBox a.icon_memberset1 { background:url(../images_member/icon_member.jpg) no-repeat 4px 0px; display:inline-block; width:20px; height:14px; margin-top:3px; }
#memberInfoBox a.icon_memberset2 { background:url(../images_member/icon_member.jpg) no-repeat 4px -20px; display:inline-block; width:20px; height:14px; margin-top:3px; }
#memberInfoBox .btnset { display:block; margin:0; padding:0; height:90px; position:absolute; bottom:0; right:0; width:100%; }
#memberInfoBox .btnset a { display:block; margin:0; padding:0; border-top:1px solid #ccc; border-left:1px solid #ccc; float:left; width:149px; font-size:13px; padding:15px; }
#memberInfoBox .btnset a.noleftb { border-left:0px; }
#memberInfoBox .btnset a.cols2 { width:329px !important; }
#memberInfoBox .btnset a:hover { background:#eee; color:#f08700; }



	/*=====================================================================================*/
		/* SPECIAL FOR IE TABLET VERSION */
			html.onie #memberInfoBox { width:452px; }
			html.onie #memberInfoBox .btnset a { width:120px; }
			html.onie #memberInfoBox .btnset a.cols2 { width:271px !important; }
	/*=====================================================================================*/
	/* SMALL TABLET */
	@media screen\0, screen and (max-width: 1140px) {
		#memberInfoBox { width:452px; }
		#memberInfoBox .btnset a { width:120px; }
		#memberInfoBox .btnset a.cols2 { width:271px !important; }
	}
	/* DESKTOP */
	@media screen\0, screen and (min-width: 1141px) { 
		#memberInfoBox { width:540px; }
		#memberInfoBox .btnset a { width:149px; }
		#memberInfoBox .btnset a.cols2 { width:329px !important; }
	}




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




div.iconfeaturesintroduction,
div.iconfeaturesinternet,
div.iconfeaturesmms { 
	display:inline-block; height:23px; margin:0 1px;
	text-align:center; vertical-align:middle;
	padding:2px; border-radius:4px; background:#bfbfbf;
}
div.iconfeaturesintroduction a,
div.iconfeaturesinternet a,
div.iconfeaturesmms a { display:block; font-size:11px; line-height:12px !important; color:#fff; }
div.iconfeaturesintroduction a:hover,
div.iconfeaturesinternet a:hover,
div.iconfeaturesmms a:hover { color:#fff; }




.phonedetail { display:block; position:relative; padding:5px 15px; }
.phonedetail p { font-size:12px; line-height:18px; color:#333; text-align:left; margin-bottom:5px; }

.footerWithIcon { height:auto !important; padding-bottom:30px !important; }
.footerWithIcon a.headelink { display:block !important; float:none !important; }



.songtitle { position:relative; padding-bottom:8px; }
.songtitle b { font-weight:normal; color:#f08700; margin:0; padding:0; margin-left:20x !important; font-size:13px; }
.songtitle p { font-weight:normal; color:#333; margin:0; padding:0; font-size:12px; }
.songtitle .icon_memberset3 { background:url(../images_member/icon_member.jpg) no-repeat 0 -40px; position:absolute; top:8px; right:40px; width:30px; height:25px; cursor:pointer; }
.songtitle .icon_memberset4 { background:url(../images_member/icon_member.jpg) no-repeat 0 -70px; position:absolute; top:8px; right:10px; width:30px; height:25px; cursor:pointer; }


.tabbarbtn { position:absolute; top:5px; left:140px; width:120px; padding:6px 15px !important; color:#f08700 !important; }