/* CSS Document */
a:focus { outline:0 } 



#WAPPER {
	width:800px;
	margin:0 auto;
	padding:0;
	
	background-repeat:repeat-y;
}
body {
	background-color: #FFFFFF
}
/* =========================== */

#top_{
margin:0 auto;

width:800px;
height:20px;
}

#top_ ul{
padding-left:490px;

}
#top_ li{
float:left;

}
#top_ li a{



}

#top_ li.letter a{

display:block;
height:20px;
width:80px;
padding-left:20px;
background-image:url(../pic/letter.jpg);
background-position:center left ;
background-repeat:no-repeat;
text-decoration:none;
line-height:23px;
color:#333333;
font-size:12px;

}
#top_ li.mylove a{
display:block;
height:20px;
width:80px;
padding-left:20px;
background-image:url(../pic/mylove.jpg);
background-position:center left ;
background-repeat:no-repeat;
text-decoration:none;
line-height:23px;
color:#333333;
font-size:12px;

}
#top_ li.home a{
display:block;
height:20px;
width:80px;
padding-left:20px;
background-image:;
background-position:center left ;
background-repeat:no-repeat;
text-decoration:none;
line-height:23px;
color:#333333;
font-size:12px;
font-weight: bold;


}
#top_ li a:hover{

text-decoration:underline;
}


/* =========================== */

#HEADER {
clear:both;
}
#HEADER h2 a {

	display:block;
	width:800px;
	height:350px;
	background-image: url(../pic/mytitle.jpg);
	text-indent:-9999px;
}
/* =========================== */
#MAIN_NAV {

	width:800px;
	height:40px;
	background-color: ;
	overflow:auto;
	margin-bottom:5px;
	border-top: double 2px #000000;
	
}
#MAIN_NAV ul {

}
#MAIN_NAV li {
	float:left;
	
	
}
#MAIN_NAV li a {

	display:block;
	margin-right:5px;
	width:150px;
	height:30px;
	line-height:30px;
	text-align:center;
	
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	background-image: url(../pic/MAIN_NAV-1.jpg);
	background-position:bottom left;
	color: #CCCCCC;
	font-weight:bold;
	
	text-decoration:none;
}
#MAIN_NAV li.shorttee a {
	display:block;
	margin-right:5px;
	width:150px;
	height:35px;
	line-height:30px;
	text-align:center;
	
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	background-image: url(../pic/MAIN_NAV-2.jpg);
	background-position:bottom left;
	color:#FFFFFF;
	font-weight:bold;
	
	text-decoration:none;
}


#MAIN_NAV li a:hover {
height:35px;
background-image:url(../pic/MAIN_NAV-2.jpg);
	background-color:#0099FF;
	color: #FFFFFF;
}
/* ============yahooback=============== */

#yahooback h1 a{
display:block;
width:800px;
height:185px;
background-image:url(../pic/back.jpg);
background-repeat:no-repeat;
text-indent:-9999px;

}

/* =========================== */
#SUB_NAV {
	float:left;
	clear:both;
	width:150px;
	height:800px;
	
	background-color: #FFFFFF;
	background-image:url(../pic/3.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	
	
	
	
	
}


#SUB_NAV 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 ul {

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

#SUB_NAV 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 h3{


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

}




/* =========================== */
#CONTENT {
margin:0 auto;
float:right;
width:650px;
height:800px;

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

#CONTENT 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;
	
}
#new-arrival {
margin:0 auto;
padding:0px;




display:block;
width:650px;
	font:Arial;
	font-size:16px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-image: url(../pic/new-arrivel.jpg);
	
	
	height:40px;
	text-align:center;
	line-height:40px;
		
}
#CONTENT-1 {

display:block;

height:120px;

border-bottom: dotted 1px #999999;
}


#CONTENT-1 ul {

}
#CONTENT-1 li {
float:left;

}
#CONTENT-1 li a {

clear:both;
display:block;
height:45px;
width:95px;
font-size:12px;
text-decoration:none;

color: #999999;
margin-left:10px;
margin-top:10px;
text-align:center;
line-height:45px;
}

#CONTENT-1 li.page1 a, #CONTENT-1 li.page2 a,#CONTENT-1 li.page3 a,#CONTENT-1 li.page4 a,#CONTENT-1 li.page5 a,#CONTENT-1 li.page6 a,#CONTENT-1 li.page7 a,#CONTENT-1 li.page8 a,#CONTENT-1 li.page9 a,#CONTENT-1 li.page10 a,#CONTENT-1 li.page11 a,#CONTENT-1 li.page12 a,#CONTENT-1 li.page13 a{
display:block;
height:45px;
width:95px;
font-size:12px;
color:#FFFFFF;
text-decoration: none;

margin-top:10px;
text-align:center;
line-height:45px;
background-color: #333333;
}


#CONTENT-1 li a:hover {
color: #000000;
text-decoration:underline;




}

#pags {
display:block;
width:650px;
height:36px;
font-size:16px;

}

#pags ul{
padding-left:475px;
padding-top:5px;

}

#pags li{
float:left;

}
#pags li a{
display:block;
width:20px;
color:#666666;
text-decoration:none;
text-align:center;
}
/* ===========關於我================ */
.aboutme_1,.aboutme_2, .aboutme_3,.aboutme_4, .aboutme_5, .aboutme_6, .aboutme_7 {
margin:0 auto;
padding:0px;
display:block;
width:645px;
padding-left:5px;
padding-top:20px;
}

.aboutme_1 h3{

width:315px;
height:25px;
background-image:url(../pic/aboutme/1.jpg);
background-repeat:no-repeat;
text-indent:-9999px;

}
.aboutme_1 p, .aboutme_2 p, .aboutme_3 p, .aboutme_4 p, .aboutme_5 p, .aboutme_6 p, .aboutme_7 p {
display:block;

padding-left:5px;
padding-top:5px;
font-size:12px;
color:#666666;
line-height:20px;
}
.aboutme_1 p span, .aboutme_2 p span, .aboutme_3 p span, .aboutme_4 p span{
font-size:12px;
color: #990000;
font-weight:bold;
}


.aboutme_2 h3{

width:315px;
height:25px;
background-image: url(../pic/aboutme/2.jpg);
background-repeat:no-repeat;
text-indent:-9999px;

}


.aboutme_3 h3{

width:315px;
height:25px;
background-image: url(../pic/aboutme/3.jpg);
background-repeat:no-repeat;
text-indent:-9999px;

}

.aboutme_4 h3{

width:315px;
height:25px;
background-image: url(../pic/aboutme/4.jpg);
background-repeat:no-repeat;
text-indent:-9999px;

}
.aboutme_5 h3{

width:315px;
height:25px;
background-image: url(../pic/aboutme/5.jpg);
background-repeat:no-repeat;
text-indent:-9999px;

}
.aboutme_6 h3{

width:315px;
height:25px;
background-image: url(../pic/aboutme/6.jpg);
background-repeat:no-repeat;
text-indent:-9999px;

}
.aboutme_7 h3{

width:315px;
height:25px;
background-image: url(../pic/aboutme/7.jpg);
background-repeat:no-repeat;
text-indent:-9999px;

}

/* =========付款方式================== */
#CONTENT h2{
margin:0 auto;
padding:0px;
display:block;
width:645px;
height:410px;
background-image:url(../pic/payment/1_.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
margin-top:10px;
margin-left:5px;
}
.payment_1, .payment_2 {
margin:0 auto;
padding:0px;
display:block;
width:645px;
padding-left:5px;
padding-top:20px;
}
.payment_1 h3{

width:315px;
height:25px;
background-image: url(../pic/payment/2_.jpg);
background-repeat:no-repeat;
text-indent:-9999px;

}
.payment_2 h3{

width:315px;
height:25px;
background-image: url(../pic/payment/3_.jpg);
background-repeat:no-repeat;
text-indent:-9999px;

}
.payment_1 p, .payment_2 p{
display:block;

padding-left:5px;
padding-top:5px;
font-size:12px;
color:#666666;
line-height:20px;
}
.payment_1 p span, .payment_2 p span{
font-size:12px;
color: #990000;
font-weight:bold;
}
/* =========電子報================== */
.epaper_{
margin:0 auto;
padding:0px;
display:block;
width:645px;
height:410px;
background-image: url(../pic/paper/3_.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
margin-top:10px;
margin-left:5px;
}
.epaper_1 {
margin:0 auto;
padding:0px;
display:block;
width:645px;
padding-left:5px;
padding-top:20px;
}
.epaper_1 h3{

width:315px;
height:25px;
background-image: url(../pic/paper/2_.jpg);
background-repeat:no-repeat;
text-indent:-9999px;

}

.epaper_1 p {
display:block;

padding-left:5px;
padding-top:5px;
font-size:12px;
color:#666666;
line-height:20px;
}
.epaper_1 p span{
font-size:12px;
color: #990000;
font-weight:bold;
}


/* =========查詢商品狀態================= */
.checkit_{
margin:0 auto;
padding:0px;
display:block;
width:645px;
height:410px;
background-image: url(../pic/checkit/1_.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
margin-top:10px;
margin-left:5px;
}
.checkit_1 {
margin:0 auto;
padding:0px;
display:block;
width:645px;
padding-left:5px;
padding-top:20px;
}
.checkit_1 h3{

width:315px;
height:25px;
background-image: url(../pic/checkit/2_.jpg);
background-repeat:no-repeat;
text-indent:-9999px;

}

.checkit_1 p {
display:block;

padding-left:5px;
padding-top:5px;
font-size:12px;
color:#666666;
line-height:20px;
}
.checkit_1 p span{
font-size:12px;
color: #990000;
font-weight:bold;
}

/* =========================== */

#pags li.down1 a{
display:block;
width:20px;
color: #990000;
text-decoration: underline;
}
#pags li.down2 a{
display:block;
width:20px;
color: #990000;
text-decoration: underline;
}
#pags li.down3 a{
display:block;
width:20px;
color: #990000;
text-decoration: underline;
}
#pags li.down4 a{
display:block;
width:20px;
color: #990000;
text-decoration: underline;
}
#pags li.down5 a{
display:block;
width:20px;
color: #990000;
text-decoration: underline;
}
#pags li.down6 a{
display:block;
width:20px;
color: #990000;
text-decoration: underline;
}
#pags li.down7 a{
display:block;
width:20px;
color: #990000;
text-decoration: underline;
}
#pags li.down8 a{
display:block;
width:20px;
color: #990000;
text-decoration: underline;
}


#pags li a:hover{

color: #990000;
text-decoration: underline;
}



/* =========================== */

#FOOTER {
	clear:both;
	background-color:#333333;
}
#FOOTER h2 {
	color:#FFFFFF;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	padding-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.CLEAR {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}