.h-mainBanner{
	width:705px;
	height:380px;
	float:left;
	margin-bottom:30px;
	overflow:hidden;
	}

.h-rightbanner01,.h-rightbanner02{
	width:265px;
	height:185px;
	margin-bottom:10px;
	float:right;
	}

.h-right-SH{
	float:right;}

/* Products */
.h-products{
	clear:both;
	margin:0 0 30px 0;
	height:100px;
	overflow:hidden;
		}

.h-products-left{
	width:40px;
	height:91px;
	margin-top:4px;
	margin-left:5px;
	float:left;
	}

.h-products-left a{
	width:40px;
	height:91px;
	display:block;
	background:url(../images/products_lr.jpg);	
	}

.h-products-left a:hover{
	width:40px;
	height:91px;
	display:block;
	background:url(../images/products_lr.jpg) 40px 0;	
	}
	
.h-products-right{
	width:40px;
	height:91px;
	margin-top:4px;
	margin-right:5px;
	float:right;
	}
.h-products-right a{
	width:40px;
	height:91px;
	display:block;
	background:url(../images/products_lr.jpg);	
	-moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
	filter:FlipH;
	}
	

.h-products-right a:hover{
	width:40px;
	height:91px;
	display:block;
	background:url(../images/products_lr.jpg) 40px 0;	
	-moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
	filter:FlipH;
	}
	
.h-productsFRAME{
	width:870px;
	height:100px;
    float:left;
	position: relative;
	overflow: hidden;
	margin-left:10px;
	
	}

.h-products-ul{
	width: 99999px;
	position: absolute;
	padding:0;
	margin:0;
	list-style-type:none;
	}

.h-products-ul li{
	margin-right:10px;
	width:210px;
	height:100px;
	float:left;
	padding:0;
	overflow:hidden;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif,"新細明體";
	color:#535252;
	line-height:18px;
	letter-spacing:0.1em;
	position:relative;
	}

.h-products-ul li img{
	width:100px;
	height:100px;
	border:0;
	float:left;
	margin-right:7px;
		}
		
.h-products-ul li h1{
	line-height:18px;
	padding:0;
	margin:0;
	font-weight:bold;
	color:#da5754;
	font-family:Verdana, Geneva, sans-serif,"新細明體";
	}

.h-products-ul li a:link{
	color:#535252;
	text-decoration:none;
	}

.h-products-ul li a:visited{
	color:#535252;
	text-decoration:none;
	}
	
.h-products-ul li a:hover{
	color:#535353;
	text-decoration:none;
	}


.h-products-price{
		color:#cc0033;
		font-weight:bold;
		font-family:Verdana, Geneva, sans-serif,"新細明體";
		}
	
.h-brand{
	clear:both;
	background:#ebebeb;
	height:155px;
	}

.h-brand ul{
	padding:0;
	margin:0 0 0 5px;
	list-style:none;
	}

.h-brand ul li{
	margin-top:15px;
	width:310px;
	height:125px;
	background:#FFF;
	float:left;
	margin-left:10px;
	}
	
.h-brand-info{
	width:129px;
	margin-left:8px;
	margin-top:8px;
	float:left;
	}

.h-brand-info, .h-brand-info a:link,.h-brand-info a:hover,.h-brand-info a:visited{
	font-size:12px;
	line-height:18px;
	color:#535252;
	font-family:Verdana, Geneva, sans-serif,"新細明體";
	text-decoration:none;
	}

.h-brand-info h1{
	color:#bf905c;
	font-size:18px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif,"新細明體";
	
	}

.h-brand img{
	width:165px;
	height:125px;
	float:right;
	border:0;
	}

/* A01 - Main banner  */

#h-mainBanner-a01 {
		width: 705px;
		height: 380px;
		position:relative;
		overflow: hidden;
		border:0;
	}
#h-mainBanner-a01 ul.list {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 9999px;
		height: 100%;
	}
#h-mainBanner-a01 ul.list li {
		float: left;
		width: 705px;
		height: 100%;
	}
#h-mainBanner-a01 .list img{
		width: 100%;
		height: 100%;
		border: 0;
	}
#h-mainBanner-a01 ul.playerControl {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 15px;
		right: 5px;
		height: 15px;
	}
#h-mainBanner-a01 ul.playerControl li {
		float: left;
		width: 13px;
		height: 13px;
		cursor: pointer;
		margin: 0px 5px;
		background: url(../images/a01_cir.png) no-repeat -13px 0;
	}
#h-mainBanner-a01 ul.playerControl li.current { 
		background-position: 0 0;
	}
	
/*popular 心頭好*/
.h-popular{
	width:230px;
	border-right:1px dashed #cfcfcf;
	float:left;
	text-align:center;
	}

.h-popular-title{
	border:0;
	margin-top:15px;
	margin-bottom:10px;
	}

.h-popular-prods{
	width:230px;
	}

.h-popular-prods img{
	border:0;
	width:105px;
	height:105px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	}
.h-popular-prods img.h-pop-b{
	margin-bottom:0px;
	}

/*分類*/

.h-class01{
	width:280px;
	float:left;
	margin:20px 0 0 10px;
	}

.h-class02{
	width:260px;
	float:left;
	margin:20px 0 0 10px;
	}
	
.h-class03{
	width:177px;
	float:right;
	margin-top:20px;
	}

.h-class{
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	border: 0;
	}

.h-class img {
		border: 0;
	}
.h-class  a {
		text-decoration: none;
		color: #fff; 
	}
.h-class  a:hover {
		color: #fff;
	}

.h-class .desc {
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		display: none;
		overflow: hidden;
		background:rgba(0, 0, 0, 0.3) !important ;
    	filter:Alpha(opacity=30);background:#000000; \9
        color: #fff;
	}
	
	.h-class .desc p {
		padding: 10px 10px ;
		font-size: 15px;
		color: #ccc;
		font-weight:bold;
		letter-spacing:0.1em;
	}

.h-class280x165 {
	width: 280px;
	height: 165px;
	margin-bottom:10px;
	}

.h-class280x220 {
	width: 280px;
	height: 220px;
	}
	
.h-class260x395 {
	width: 260px;
	height: 395px;
	}

	
.h-class178x280 {
	width: 178px;
	height: 280px;
	margin-bottom:10px;
	}

.h-class178x105 {
	width: 178px;
	height: 105px;

	}

/* a_right 摺疊收合區塊-全心服務*/

.h-a-right{
	width:263px;
	height:378px;
	overflow:hidden;
	border:1px solid #dadada;
	}

.h-arightitle{
	width:263px;
	height:36px;
	background:url(../images/arightitle.jpg) no-repeat;
	border-bottom:1px solid #dadada;
	}
	
.h-arightCourse{
	width:263px;
	border-bottom:1px solid #dadada;
	}

.h-arightCourse h3{
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif,"新細明體";
	font-weight:100;
	display:block; 
	width:263px; 
	height:30px;
	color:#bf905c;
	}

.h-arightCourse h3 a:link,.h-arightCourse h3 a:hover,.h-arightCourse h3 a:visited{
		color:#bf905c;
		text-decoration:none;
	}
	
	
.h-arightImg{
	height:156px;
	text-align:center;
	display:none;
	}
				
.h-arightImg img{
	border:0;
	width:243px;
	height:135px;
	margin-top:5px;
	}

	
.h-a-rightIcon{
	display:block; 
	width:13px;
	height:13px;
    background:url(../images/aIcon01.gif) no-repeat;
	margin-top:8px;
	float:left;
	margin-right:5px;
	}

.h-a-rightIcon2{
	display:block; 
	width:13px;
	height:13px;
    background:url(../images/aIcon02.gif) no-repeat;
	margin-top:8px;
	float:left;
	margin-right:5px;
	}
	
.h-arightImg2{
	height:63px;
	margin-left:9px;
	}
	
	

	




	

