@charset "utf-8";
/* CSS Document */
@import url("hearder.css");
@import url("reset.css");
@import url("layout.css");

/* banner
------------------------------------------  */
#banner{
	position:relative;
	height:341px;
	background:url(../images/banner_bg.gif) left top no-repeat;
}
#banner h1{
	width:464px;
	height:145px;
	margin-left:20px;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/10minutes.png', sizingMethod='image')}
	/*IE 6---以下寫法所有瀏覽器都看的懂*/
	
/*FF---以下寫法只有FF及IE 7看的懂，其他瀏覽器看不懂*/
html>body #banner h1 {
     background: url(../images/10minutes.png) no-repeat top left;}

/*IE 7---以下寫法只有IE 7看的懂，其他瀏覽器看不懂*/
*+html>body #banner h1 {
      background: url(../images/10minutes.png) no-repeat top left;}
	  
#banner ul{
	margin:-20px 0 0 50px;
	line-height:1.6;
	color:#757575;
	font-size:96%;
	}
#banner li a{
	width:68px;
	display:block;
	background:url(../images/more.gif) right center no-repeat;
	padding-left:8px;
	color:#b20606;
	}
#banner li a:hover{
	padding-left:10px;
	}

.download{
	margin:18px 0 0 50px;}
.download a:hover{filter:alpha(opacity=70);opacity:0.85;zoom:1;}
	
#Click-to-Play{
	position:absolute;
	top:188px;
	right:62px;
	
	}
#Click-to-Play a{
	display:block;
	width:80px; /* 166px */
	height:20px; /* 111px */
	padding:48px 43px 43px 43px ;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../images/Click-to-Play_icon.gif);
	background-repeat:no-repeat;
	background-position:116px 56px;
}
#Click-to-Play a:hover{
	color:#FFFF00;
	background-image:url(../images/Click-to-Play_iconup.gif);
	background-repeat:no-repeat;
	background-position:116px 56px;
	}

/* promotion
------------------------------------------  */
#promotion {
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:27px;
	position:relative;
	
	}
#promotion p{
	position:absolute;
	top:89px;
	left:180px;
	font-size:13px;

}	
	
/* products
------------------------------------------  */
#products {
	width:960px;
	height:124px;
	background:url(../images/products_bg.gif) left center no-repeat;
	clear: both;}
	

#products li{
	float:left;
	width:249px;
	height:124px;
	margin-top:1px
}
#products a:hover{filter:alpha(opacity=70);opacity:0.85;zoom:1;}
#amazon {
	float:right;
	width:195px;
	height:108px;}
	
/* description
------------------------------------------  */
#description{height:130px;}
#description li{
	float:left;
	width:235px; /* 320px */
	height:130px;
	padding:0 13px 0 72px;}
	
#description li.Listening{background:url(../images/Listening.gif) left top no-repeat;}
#description li.Speaking{background:url(../images/Speaking.gif) left top no-repeat;}
#description li.Reading{background:url(../images/Reading.gif) left top no-repeat;}

#description h4{
	font-size:17px;
	margin:10px 0 ;
	color:#4b4b4b;}

#description p{
	color:#6f6f6f;
	font-size:90%;}