@charset "utf-8";
/* CSS Document */
/*Mater style sheet for Global*/
/*Imported style sheets*/
@import url("default.css");
@import url("txt.css");
@import url("form.css");
@import url("decorate.css");

/* * * * * *  header  * * * * * */
#flash-home{ 
	width: 100%;
	margin:0 auto;
	padding-top:71px;
	position: relative;  
}

/* * * * * * alert  * * * * * */
#servicealert{ 
	position:absolute;
	z-index:5;
	width: 534px;
	height:32px;
	top:380px;
	right:0;
	background:url(../images/en/home/bg-servicealert.png) no-repeat 0 0;
}
#servicealertTH{ 
	position:absolute;
	z-index:5;
	width: 534px;
	height:32px;
	top:380px;
	right:0;
	background:url(../images/th/home/bg-servicealert.png) no-repeat 0 0;
}
#txtalert{ 
	position:absolute;
	z-index:8;
	width:360px;
	height:18px;
	top:390px;
	left:590px;
}
/* * * * * * content  * * * * * */
#content{
	width:100%;
	margin:0 auto;
	padding:200px 0 20px 0;
}

#banner-home{
	position:absolute;
	z-index:9;
	list-style:none;
	width:980px;
	height:166px;
	top:427px;
	left:9px;
	margin:0;
	padding:0;
}
#banner-home li{ 
	float:left;
	margin:0;
	padding:0 30px;
	height:166px;
	background:url(../images/shared/dotted-home.gif) no-repeat bottom right;
}
#banner-home li.last{ 
	float:left;
	margin:0;
	padding:0 30px;
	height:166px;
	background:none;
}

/* * * * * * * * Banner EN * * * * * * * * * */
#banner-home li a.route{ 
	float:left;
	background:url(../images/en/home/img-routemap.png) no-repeat 0 0;
	width:180px;
	height:156px;
}
#banner-home li a.timetable{ 
	float:left;
	background:url(../images/en/home/img-timetable.png) no-repeat 0 0;
	width:175px;
	height:109px;
	margin-top:46px;
}
#banner-home li a.fares{ 
	float:left;
	background:url(../images/en/home/img-fares.png) no-repeat 0 0;
	width:173px;
	height:163px;
	margin-top:3px;
}
#banner-home li.last a.transfer{ 
	float:left;
	background:url(../images/en/home/img-transfer.png) no-repeat 0 0;
	width:202px;
	height:153px;
	margin-top:5px;
}

/* * * * * * * * Banner TH * * * * * * * * * */
#banner-home li a.route01{ 
	float:left;
	background:url(../images/th/home/img-routemap.png) no-repeat 0 0;
	width:180px;
	height:143px;
}
#banner-home li a.timetable01{ 
	float:left;
	background:url(../images/th/home/img-timetable.png) no-repeat 0 0;
	width:175px;
	height:108px;
	margin-top:46px;
}
#banner-home li a.fares01{ 
	float:left;
	background:url(../images/th/home/img-fares.png) no-repeat 0 0;
	width:173px;
	height:163px;
	margin-top:3px;
}
#banner-home li.last a.transfer01{ 
	float:left;
	background:url(../images/th/home/img-transfer.png) no-repeat 0 0;
	width:202px;
	height:150px;
	margin-top:5px;
}

#banner-feature{
	list-style:none;
	margin:0;
	padding:0 0 0 60px;
	height:auto;
}
#banner-feature li{
	margin:0 9px;
	padding:0;
	width:198px;
	float:left;
}
/*#banner-feature li a{
	color:#2b4a68;
	font-weight:bold;
	cursor:pointer;
	cursor: default;
	background:#fff;
	border:#ccc solid 1px;
	padding:4px;
	width:190px;
	float:left;
}
#banner-feature li a:hover{
	background:#faf9f9;
	border:#a3a2a2 solid 1px;
}
#banner-feature li a img{
	float:left;
	margin:0;
	padding:0;
	width:190px;
}
#banner-feature li a span.txtfeature{
	margin:0;
	float:left;
	padding:10px 3px;
	width:170px;
}*/
#banner-feature li img{
	width:190px;
	border:#ccc solid 1px;
	padding:4px;
}
/* float banner */
#topbar-wrap {
	position:relative;
	margin:0 auto;
	width: 1000px;
	border:0px;
	z-index:500;
}
#topbar {
	position:absolute;
	border:0px;
	padding:0;
	width:240px;
	/*visibility:hidden;*/
	z-index:600;
}