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

#SUB_NAV_index {
	float:left;
	clear:both;
	width:150px;
	height:1200px;
	
	background-color: #FFFFFF;
	background-image:url(../pic/4.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	
	
	
	
	
}


#SUB_NAV_index h2 {
display:block;
width:150px;
height:40px;

background-image: url(../pic/SUB_NAV-TOP.jpg);
background-repeat:no-repeat;

text-indent:-9999px;
margin-bottom:10px;

	
	
	
}


#SUB_NAV_index ul {

	
}
#SUB_NAV_index li {
margin-bottom:10px;
	
}

#SUB_NAV_index li a {
display:block;
height:40px;
width:145px;

text-indent:-9999px;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	margin-right:5px;
	
	
	
}
li.new a {
background-image: url(../pic/button/newarrivel.jpg);
background-position:bottom right;
background-repeat: no-repeat;
}
li.new a:hover {
background-position:right 0px;

}


li.aboutme a {
background-image: url(../pic/button/aboutme.jpg);
background-position:bottom right;
background-repeat: no-repeat;
}
li.aboutme a:hover {
background-position:right 0px;
}
li.aboutme1 a {
background-image: url(../pic/button/aboutme.jpg);
background-position:top right;
background-repeat: no-repeat;
}

li.payment a {
background-image: url(../pic/button/payment.jpg);
background-position:bottom right;
background-repeat: no-repeat;
}
li.payment a:hover {
background-position:right 0px;
}
li.payment1 a {
background-image: url(../pic/button/payment.jpg);
background-position:top right;
background-repeat: no-repeat;
}

li.e-paper a {
background-image: url(../pic/button/epaper.jpg);
background-position:bottom right;
background-repeat: no-repeat;
}
li.e-paper a:hover {
background-position:right 0px;
}
li.e-paper1 a {
background-image: url(../pic/button/epaper.jpg);
background-position:top right;
background-repeat: no-repeat;
}

li.check-it a {
background-image: url(../pic/button/checkit.jpg);
background-position:bottom right;
background-repeat: no-repeat;
}
li.check-it a:hover  {
background-position:right 0px;

}
li.check-it1 a {
background-image: url(../pic/button/checkit.jpg);
background-position:top right;
background-repeat: no-repeat;
}

li.blog a {
background-image: url(../pic/button/blog.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}
li.blog a:hover {
background-position:right 0px;
}

li.friends a {
background-image: url(../pic/button/friend.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}
li.friends a:hover {
background-position:right 0px;
}






#SUB_NAV_index h3{


color:#999999;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
margin-top:640px;

}

/* ==========內容============ */
#CONTENT_index {
margin:0 auto;
float:right;
width:650px;
height:1200px;

	
	background-image: url(../pic/2.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	
	
	
}

#CONTENT_index h1 {

	font:Arial;
	font-size:16px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../pic/contact.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:40px;
	text-align:center;
	line-height:40px;
	
}

/* ==========廣告============ */
#advertisement {
width:645px;
height:300px;
background-image: url(../pic/add/1_.gif);
background-position: right;
background-repeat:no-repeat;
text-indent:-9999px;
margin-top:10px;
padding-left:5px

}

/* ==========熱門商品1============ */
.clothes {
display:block;
width:645px;
height:160px;
margin-top:4px;
}
.clothes ul {
	
}
.clothes li {
float:left;	
}

.clothes li a {
	display:block;
	height:150px;
	width:150px;
	margin-right:4px;
	margin-left:4px;
	margin-top:4px;
	
	background-repeat:no-repeat;
	background-position:center top;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	text-indent:-9999px;
	border: #CCCCCC solid 1px;	
}

.clothes-word {

width:645px;
height:30px;

}
.clothes-words ul {
	
}
.clothes-word li {
float:left;	
}

.clothes-word li a {
	display:block;
	height:30px;
	width:150px;
	margin-right:5px;
	margin-left:5px;
	font-size:12px;
	color: #666666;
	text-align: center;
	text-decoration: none;
	
}

.clothes-word li a:hover {
text-decoration:underline;
color: #990000;
	
}

/* ==========熱門商品1-PRICE============ */

.clothes-price {
width:645px;
height:30px;
margin-bottom:10px;
}

.clothes-price ul {

}

.clothes-price li {
float:left;
	display:block;
	height:30px;
	width:150px;
	margin-right:5px;
	margin-left:5px;
	
	font-size:12px;
	color: #666666;
	text-align: center;
	text-decoration: none;
	line-height:30px;
}

.clothes-price li span {
font-size:18px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #FF9900;
}

/* ==========熱門商品1-品項============ */
li.mg-ot288 a{
background-image: url(../Korea/coat/mg-ot288/1.jpg);

}

li.mg-ot297 a{
background-image: url(../Korea/coat/mg-ot297/1.jpg);

}
li.pl-tt-1250746782 a{
background-image: url(../Korea/top/pl-tt-1250746782/1.jpg);

}

li.mg-bg45 a{
background-image: url(../Korea/bag/mg-bg45/1.jpg);

}

li.MJ-005 a{
background-image: url(../_MJ/MJ-005/10.jpg);

}

li.MJ-003 a{
background-image: url(../_MJ/MJ-003/1.jpg);

}
li.MJ-018 a{
background-image: url(../_MJ/MJ-018/1.jpg);

}
li.pl-1243416097 a{
background-image: url(../Korea/bag/pl-1243416097/1.jpg);

}






/* ==========活動============ */
#newstyle{
display:block;
width:300px;
height:25px;
background-image: url(../pic/index/1_.jpg);
background-position:left;
background-repeat: no-repeat;
text-indent:-9999px;
margin-top:10px;
margin-left:5px;



}

.news1 {
float:left;
width:320px;
height:170px;

margin-left:5px;


}
.news1 h3 {
display:block;
width:300px;
height:25px;
background-image: url(../pic/index/2_.jpg);
background-position:left;
background-repeat: no-repeat;
text-indent:-9999px;



}





.news2 {
margin-right:5px;
float:right;
width:300px;
height:170px;


}
.news2 h3 {

display:block;
width:300px;
height:25px;
background-image: url(../pic/index/3_.jpg);
background-position:left;
background-repeat: no-repeat;
text-indent:-9999px;


}


.news3 {
clear:both;
margin-right:10px;
margin-left:10px;

width:630px;
height:180px;


}
.news3 h3 {

display:block;
width:630px;
height:25px;
background-image: url(../pic/button/good.png);
background-position:left;
background-repeat: no-repeat;
text-indent:-9999px;


}

