@charset "utf-8";



body {
	font-size: 12px;
	line-height: 18px;
	color: #676767;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/topback.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/*

* { padding:0; margin:0;} 

        body{height:100%;overflow:hidden;position:relative;line-height:2;

		margin: 0px;

		font-size: 12px;

	line-height: 18px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

		} 

        html{ 

          overflow:hidden; 

          height:100% 

        } 



        .showRightOverFlow{

	width:100%;

	height:20px;

	position:absolute;

	bottom:0px;

	z-index:99999;

	margin-right: auto;

	margin-left: auto;

        } 

*/

td {

	font-size: 12px;
	line-height: 22px;

}

h1 {

	font-size: 15px;

	color:#2071c4;

	line-height: 27px;

	font-weight: bold;

	margin-bottom: 0px;

	margin-top: 0px;

}

a:link {

	font-size: 12px;

	color: #666666;

	line-height: 16px;

	text-decoration: none;

}

a:visited {

	font-size: 12px;

	color: #666666;

	line-height: 16px;

	text-decoration: none;

}

a:hover {

	font-size: 12px;

	color: #2071C4;

	line-height: 16px;

	text-decoration: none;

}

a:active {

font-size: 12px;

line-height: 16px;

	color: #666666;

}

.price {

	font-size: 19px;

	font-weight: normal;

	color: #FF0033;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.price-small {

	font-size: 12px;
	line-height:18px;

	font-weight: normal;

	color: #FF0033;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.salename {

	font-size: 15px;

	line-height: 18px;

	font-weight: bold;

	color: #ff217f;

}
.salename2 {

	font-size: 12px;

	line-height: 18px;

	color: #ff217f;

}


.p



{



  font-family: "";



  font-size: 12px;



  color: #666666;



  border: 0;



  margin-left: 0pt;



  margin-top: 0pt;



  margin-bottom:0pt;



  letter-spacing: 0pt;



  line-height: 14px;



  SCROLLBAR-FACE-COLOR: #cfcfcf;	



  SCROLLBAR-3DLIGHT-COLOR: #595959; 



  SCROLLBAR-ARROW-COLOR: #ffffff; 



  SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 



  SCROLLBAR-BASE-COLOR: #cfcfcf; 



}



.p9black {



	FONT-SIZE: 12px; WORD-SPACING: 5px; COLOR: #666666; FONT-FAMILY: "Times New Roman", "Times", "serif"



}



.p9v {



	FONT-SIZE: 12px; COLOR: #969696; LINE-HEIGHT: 18px; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"



}



.p9navyblue {



	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: "Times New Roman", "Times", "serif"



}



.p9orange {



	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"



}



.p9white {



	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: "Arial", "Helvetica", "sans-serif";line-height:18px;



}



.p8white {



	FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"



}

.p12white {



	FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: "Arial", "Helvetica", "sans-serif";line-height:16px;



}

.p9red {



	FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"



}

.p15green {

font-size:15px;

font-weight:bold;

line-height:25px;

color:#33bf28;}

.p14green {

font-size:14px;

line-height:25px;

color:#40744e;}

.p12green {

font-size:14px;

line-height:25px;

color:#3daf33;}

.p1



{



  font-family: "";



  font-size: 12px;



  color: #A0005D;



  border: 0;



  margin-left: 0pt;



  margin-top: 0pt;



  margin-bottom:0pt;



  letter-spacing: 0pt;



  line-height: 15pt;



  SCROLLBAR-FACE-COLOR: #cfcfcf;	



  SCROLLBAR-3DLIGHT-COLOR: #595959; 



  SCROLLBAR-ARROW-COLOR: #ffffff; 



  SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 



  SCROLLBAR-BASE-COLOR: #cfcfcf; 



}



.down{



font-family:"";



font-size:8pt;



color:#333333;



}



.p12blue {

font-size:12px;

color:#2071c4;} 

.p14 {

font-size:13px;}

.job:link    {font-size:12px;font-family: "";color:#ffffff;text-decoration:none; }



.job:visited {font-size:12px;font-family: "";color:#ffffff;text-decoration:none;}



.job:active  {font-size:12px;font-family: "";color:#ffffff;text-decoration:none;}



.job:hover   {font-size:12px;font-family: "";color:#ffffff;text-decoration:underline;}



.job2:link    {font-size:12px;font-family: "";color:#333333;text-decoration:none; }



.job2:visited {font-size:12px;font-family: "";color:#333333;text-decoration:none;}



.job2:active  {font-size:12px;color:#009900;text-decoration:none;}



.job2:hover   {font-size:12px;font-family: "";color:#009900;text-decoration:none;}



.inputstyle2 {



	BORDER-RIGHT: #d8d8d8 1px solid;



	BORDER-TOP: #d8d8d8 1px solid;



	FONT-SIZE: 12px;



	BORDER-LEFT: #d8d8d8 1px solid;



	BORDER-BOTTOM: #d8d8d8 1px solid;



	FONT-FAMILY: "Arial", "Helvetica", "sans-serif";



	line-height: 15px;



	text-indent: 10px;



}



.input_search {
	font-size: 12px;
	background-color: #FFFFFF;
	height: 16px;
	line-height:16px;
	border:0px;
}



.inputstyle {



	BORDER-RIGHT: #e2e2e2 1px solid; BORDER-TOP: #e2e2e2 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #e2e2e2 1px solid; BORDER-BOTTOM: #e2e2e2 1px solid; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; BACKGROUND-COLOR: #e2e2e2



}



.inputstyle3 {



	BORDER-RIGHT: #b8b8b8 1px solid; BORDER-TOP: #b8b8b8 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #b8b8b8 1px solid; BORDER-BOTTOM: #b8b8b8 1px solid; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"; BACKGROUND-COLOR: #ffffff



}

#body_table {



  position: relative;



  left: 50%;



  margin-left: -498px; /* 760 H -2 */



  width: 996px;



}



.billboardArea {



	position:relative;



	height:547px;



	width: 202px;



	padding-top:36px;



	background-image: url(../images/index_billboard_bg.gif);



	background-repeat: no-repeat;



}




/* 集合商品區01



#collection_lab1{



	height: 35px;



	width: 300px;



	float: left;



	margin-top: 7px;



	z-index: 2;



} */



#collection_lab1{



	height: 34px;



	width: 98px;



	background-image: url(../images/collection_class01-1.gif);



	background-repeat: no-repeat;



	float: left;



	z-index: 2;



}



#collection_lab2{



	height: 34px;



	width: 98px;



	background-image: url(../images/collection_class02-2.gif);



	background-repeat: no-repeat;



	float: left;



	z-index: 2;



}



#collection_body01{



	height: 239px;



	width: 613px;



	margin-top: -20px;



	z-index: 0;



	background-image: url(../images/index_box_collection_blue.gif);



}.xrepeat_bg {



	background-repeat: repeat-x;



}

#bmenu1 {
   width:980px;
   height:30px;
   display:block;
   float:left;
   background-color:#0082c8;
}

#bmenu2 {
   width:980px;
   height:30px;
   display:block;
   float:left;
   background-color:#f06c9b;
}

#bmenu3 {
   width:980px;
   height:30px;
   display:block;
   float:left;
   background-color:#89c34a;
}

#bmenu4 {
   width:980px;
   height:30px;
   display:block;
   float:left;
   background-color:#fd8b4f;
}

#bmenu5 {
   width:980px;
   height:30px;
   display:block;
   float:left;
   background-color:#dca3c6;
}

#bmenu6 {
   width:980px;
   height:30px;
   display:block;
   float:left;
   background-color:#36acb6;
}

#showbmenu a {

color:#ffffff;

text-decoration:none;}

#showbmenu a:hover {

color:#ffffff;

text-decoration:none;

}

.index_line {

	background-image: url(../images/index_line.gif);

	background-repeat: no-repeat;

	background-position: center;

}

.indigo:link    {

	font-size:12px;

	color:#009999;

	text-decoration:none;

	line-height: 18px;

}



.indigo:visited {

	font-size:12px;

	color:#009999;

	text-decoration:none;

	line-height: 18px;

}



.indigo:active  {

	font-size:12px;

	color:#00CCCC;

	text-decoration:none;

	line-height: 18px;

}



.indigo:hover   {

	font-size:12px;

	color:#00CCCC;

	text-decoration:underline;

	line-height: 18px;

}

.greenlight:link    {

	font-size:12px;

	color:#73bf41;

	text-decoration:none;

	line-height: 18px;

}

.greenlight:visited {

	font-size:12px;

	color:#73bf41;

	text-decoration:none;

	line-height: 18px;

}

.greenlight:active  {

	font-size:12px;

	color:#99CC00;

	text-decoration:none;

	line-height: 18px;

}

.greenlight:hover   {

	font-size:12px;

	color:#99CC00;

	text-decoration:underline;

	line-height: 18px;

}



.purple:link    {

	font-size:12px;

	color:#CC00CC;

	text-decoration:none;

	line-height: 18px;

}

.purple:visited {

	font-size:12px;

	color:#CC00CC;

	text-decoration:none;

	line-height: 18px;

}

.purple:active  {

	font-size:12px;

	color:#D685D6;

	text-decoration:none;

	line-height: 18px;

}

.purple:hover   {

	font-size:12px;

	color:#D685D6;

	text-decoration:underline;

	line-height: 18px;

}



.orangedark:link    {

	font-size:12px;

	color:#FB7D48;

	text-decoration:none;

	line-height: 18px;

}

.orangedark:visited {

	font-size:12px;

	color:#FB7D48;

	text-decoration:none;

	line-height: 18px;

}

.orangedark:active  {

	font-size:12px;

	color:#99CC00;

	text-decoration:none;

	line-height: 18px;

}

.orangedark:hover   {

	font-size:12px;

	color:#FF9900;

	text-decoration:underline;

	line-height: 18px;

}



.bluedark:link    {

	font-size:12px;

	color:#0066CC;

	text-decoration:none;

	line-height: 18px;

}

.bluedark:visited {

	font-size:12px;

	color:#0066CC;

	text-decoration:none;

	line-height: 18px;

}

.bluedark:active  {

	font-size:12px;

	color:#0099FF;

	text-decoration:none;

	line-height: 18px;

}

.bluedark:hover   {

	font-size:12px;

	color:#0099FF;

	text-decoration:underline;

	line-height: 18px;

}



.pink:link    {

	font-size:12px;

	color:#FF0093;

	text-decoration:none;

	line-height: 18px;

}

.pink:visited {

	font-size:12px;

	color:#FF0093;

	text-decoration:none;

	line-height: 18px;

}

.pink:active  {

	font-size:12px;

	color:#FF33CC;

	text-decoration:none;

	line-height: 18px;

}

.pink:hover   {

	font-size:12px;

	color:#FF33CC;

	text-decoration:underline;

	line-height: 18px;

}

.big {

	font-size: 28px;

	font-family: "標楷體";

	color: #336600;

	line-height: 32px;

}

.div_height0 {

	height: 0px;

	width: 100px;

}

ul.album li {
display:block;width:120px;height:200px;float:left;margin:4px;
}
ul.album {
	clear: both;
	list-style-type:none;
	padding:0px;
	display:block;
	float:left;
}
ul.album li div{
    display:block;text-align:center;vertical-align:middle;
}
.a02:link {

	font-size: 12px;

	color: #666666;

	line-height: 16px;

	text-decoration: none;

}

.a02:visited {

	font-size: 12px;

	color: #666666;

	line-height: 16px;

	text-decoration: none;

}

.a02:hover {

	font-size: 12px;

	color: #2071c4;

	line-height: 16px;

	text-decoration: none;

}

.a02:active {

font-size: 12px;

line-height: 16px;

color: #666666;
text-decoration: none;

}
.small {
font-size:10px;
line-height:14px;}
ul.viewed li {
width:170px;height:190px;float:left;
}

ul.viewed {
	clear: both;
	list-style-type:none;
	padding:0px;

}
ul.viewed li div{
    display:table-cell;text-align:center;vertical-align:middle;
}