@charset "utf-8";
/* CSS Document */
html, body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#f1f1f0 url(../images/header-bg.jpg) no-repeat 50% 0;
	font-family:Arial;
	text-decoration:none;
}
input, textarea, select {
	font-family:Tahoma;
	font-size:11px;
}
div#container {
	float:left;	
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	/*background:#ececeb;*/
	
	/*height:auto !important;*/ /* real browsers */
	/*height:100%;*/ /* IE6: treaded as min-height*/

	/*min-height:100%;*/ /* real browsers */
/*	background-color:#3300CC*/
}

div#content {
	width:100%;
	background-image:url(../images/content-background.jpg);
	background-repeat:repeat-x;
	background:#f1f1f0;
	float:left;
}

div#comprise {
	width:100%;
	min-height:291px;
	float:left;
	margin:0;	
	padding:0;
	font:12px Tahoma, Thonburi;	
	/*color:rgb(102, 102, 102);*/
	background:url(../images/content-background2.jpg) no-repeat 50% 0;
}
div#wrapping ul#navbar  {
	list-style:none;
	margin-left:-24px;
	margin-top:20px;
	_margin-left:14px;
	*margin-left:15px;
}
div#wrapping ul#navbar li {
	float:left;
	padding-right:10px;
	padding-bottom:0px;	
}

div#pagae-date-update {
	float:left;
	width:100%;
	height:38px;
	padding-top:28px;
}
#page-wrap {
	clear:left;
	background:url(../images/banner/bg_banner.png) no-repeat;
	float:left;
	position:relative;	
	height:250px;
	margin:0 0 33px;
	width:715px;
}
#page-wrap-tvc {
	float:left;
	width:248px;
	height:250px;		
}

.content {
	width:961px;
	float:left;
	margin:0 0 30px;
	padding:0;
}
.content_service {
	width:990px;
	_width:1010px;
	float:left;
	margin:0 0 30px -30px;
	padding:0;
	height:780px;
	margin-top:-10px;
	*margin-top:10px;
	_margin-top:10px;
    background-image:url(../images/gsm_service_bg.jpg);
	_background-image:url(../images/_gsm_service_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
div#content_home {
	width:100%;
	background-image:url(../images/content-background1.jpg);   /*content-background0.jpg = show tvc, content-background1.jpg = no show*/
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
	margin:0;
	padding:0;
	float:left;
}
div#content {
	width:100%;
	background-image:url(../images/content-background0.jpg);   /*content-background0.jpg = show tvc, content-background1.jpg = no show*/
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
	margin:0;
	padding:0;
	float:left;
}
div#content_hide {
	float: left;
	margin: 0;
	/*outline: 1px dotted olive;*/
	padding: 20px 0px 0px 16px;	
	width: 964px;
	float:left;	
}
div#content_hide_other {
	float: left;
	margin: 0;
	/*outline: 1px dotted olive;*/
	padding: 20px 0px 0px 16px;	
	width: 964px;
	float:left;	
}
.clear {
	clear:both;
}
/*----------------------- Home --------------------*/
.gsm_headhightlight {
	clear:left;
	float:left;
	margin-bottom:10px;
	*margin-bottom:10px;
	_margin-bottom:10px;
}
.hl {
	float:left;
	height:136px;
	margin-top:0px;
	background-image:url(../images/element/hightlight/bg.png);
	_background-image:url(../images/element/hightlight/bg.gif);
	margin-right:23px;	
	_margin-right:23px;		
}
.hl_right {
	float:right;
	height:136px;
	margin-top:0px;
	background-image:url(../images/element/hightlight/bg.png);
	_background-image:url(../images/element/hightlight/bg.gif);
	margin-right:0px;	
}

.gsm_hightlight {
	width:100%;
}

/*----------------------- home Tab hide --------------------*/
div#tab_hide {
	float:left;
/*	background-image:url(../images/element/hide/bg_hide_content.gif);
	background-repeat:no-repeat;*/
	width:100%;
/*	height:auto;	*/
}
div#tab_hide_bg {
	background-image:url(../images/element/hide/bg_hide_content.gif);
	background-repeat:repeat-y;
}

div#tab_hide ul  {
	list-style:none;
	float:left;
	width:190px;
	*margin-left:20px;
	*margin-right:15px;	
	_margin-left:18px;
	_margin-right:5px;
}

div#tab_hide ul li {
	list-style:none;
	clear:both;
	float:left;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px #c8c8c8 solid;	
}
div#tab_hide ul li.header_hide {
	border-bottom:none;
}
div#header_hide_detail {
	width:200px;
}
.icon {
	float:left; 

	width:50px; 
	text-align:left;
}
.icon_detail {
	float:right;

	width:150px; 
	text-align:left;
}
.icon_detail p {
	clear:left; 
	padding-top:0; 

}

/*----------------------- Tab home --------------------*/
#tablist {
	float:left;
	width:964px;	 
/*	border: 1px solid #111;*/
	background-image:url(../images/element/hide/tab_hide_off.gif);
	background-position:center top;
	background-repeat:no-repeat;
	
}
#tablist div.selected .titlehide {
	float:left;
	width:964px;	
	background-image:url(../images/element/hide/tab_hide_on.gif);
	background-position:center top;
	background-repeat:no-repeat;
}

#tablist div.titlehide {
/*	border: 1px solid #3366AA;
	background-color: #6699CC;*/
	float:left;
	padding:8px 10px 0px 10px;
	*padding:10px 10px 0px 10px;
	_padding:10px 20px 0px 0px;
	height:22px;
	cursor: pointer;
}
#tablist div.selected {
	border-bottom: none;
}




/*----------------------- Footer --------------------*/
div#footer {
	float:left;
	width:100%;
	background-image:url(../images/footer-background.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
	margin-top:20px;
	padding:0;	
	
}
#footer_detail {	
	width:994px;	
	margin:0 auto;
	margin-top:10px;
	
}

#footer_detail ul {
	list-style:none;
	float:left;
	margin-right:45px;
	margin-left:-20px;
	*margin-left:20px;
	_margin-left:12px;	
}
#footer_detail ul li{
	list-style:none;
	clear:both;
	margin-bottom:4px;	
}
div#footer #ais_copyright {
	clear:both;
	float:left;
	margin-top:30px;	
	padding-bottom:20px;
	padding-left:16px;
	width:500px;
	text-decoration:none;	
}

/*GSM Service*/
.bullet {
	float:left;
}
.gsm_services_detail {
 float:left; 
 width:180px;
}

ul#smart_services {
	float:left;
	padding-top:186px;
	*padding-top:180px;	
	_padding-left:-80px;	
	_padding-top:180px;

}
 ul#smart_convenience{
	float:left;
	padding-top:186px;
	*padding-top:180px;	
	_padding-top:170px;	
	
}
 ul#smart_lifestyle , ul#smart_value {
	float:left;	
	padding-top:228px;	
	*padding-top:200px;	
	_padding-top:200px;	
	
}
 ul#smart_convenience li,ul#smart_lifestyle li,ul#smart_value li,ul#smart_services li {	
	clear:both;
	float:left;	
	width:200px;
	list-style:none;	
	margin-bottom:10px;
}