@charset "utf-8";



body {

	font-size: 12px;

	line-height: 18px;

	color: #000000;

	margin: 0px;

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

}

/*

* { 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;

	color: #000000;

}

h1 {

	font-size: 13px;

	color:#666666;

	line-height: 15px;

	font-weight: normal;

	margin-bottom: 2px;

	margin-top: 2px;

}

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: #009933;

	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;

}

.salename {

	font-size: 15px;

	line-height: 18px;

	font-weight: bold;

	color: #336600;

}



.small {

	font-size: 10px;

	line-height: 12px;

	color: #000000;

}

#smalltext{  /*小字開始*/

	font-size: 10px;

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

}

#smalltext a, a:visited{

	font-size: 10px;

	color: #666666;

}

#smalltext a:hover{

	font-size: 10px;

	color: #0099CC;

	text-decoration: underline;

} 

#smalltext .note{

	font-size: 12px;

	color: #0099CC;

}  /*小字結束*/







#notetext{  /*重點字開始*/



	font-size: 12px;



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



}

.note {

	color: #CC0000;

}



#notetext a, a:visited{



	font-size: 12px;



	color: #0099CC;



}



#notetext a:hover{



	font-size: 12px;



	color: #99CC00;



	text-decoration: underline;



}  /*重點字結束*/







.body_talbe{



	width: 997px;



	padding-right: 15px;



	padding-left: 15px;



	margin: 0px;



	padding-top: 0px;



}



.table_outline{   /*通用灰色外框*/



	border: 1px solid #d8d8d8;



}



#left_title_index{



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



	background-repeat: no-repeat;



	height: 43px;



	width: 200px;



	font-size: 13px;



	font-weight: bold;



	color: #FFFFFF;



	padding-top: 16px;



	text-align: left;



	text-indent: 20px;



}



.class_outline{   /*左邊分類選單外框,無上緣*/



	border-top: 1px none #d8d8d8;



	border-right: 1px solid #d8d8d8;



	border-bottom: 1px solid #d8d8d8;



	border-left: 1px solid #d8d8d8;



	margin-left: -1px;



	padding-top: 5px;



}



.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:#009843;}

.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:#80CCFF;} 

.p14 {

font-size:13px;}

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



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



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



.job:hover   {font-size:12px;font-family: "";color:#80CCFF;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: 13px;



	background-color: #FFFFFF;



border:1px #ccc solid;



	height: 21px;



}



.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;



}



/*右側排行結束*/



.top_menu_bg_right {   /*頂部右延伸*/



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



	background-repeat: repeat-x;



	background-position: top;



}



.top_menu_bg_left {   /*頂部左延伸*/



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



	background-repeat: repeat-x;



	background-position: top;



}



#top_menu_txt {    /*頂部 menu 開始*/



	font-size: 13px;



	font-weight: bold;



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



	background-repeat: no-repeat;



	height: 46px;



	width: 983px;



	line-height: 39px;



	margin: 0px;



}



#top_menu_txt li a, a:visited{



	color: #666666;



	text-decoration: none;



	font-size: 13px;



}



#top_menu_txt li a, a:hover{



	text-decoration: underline;



	color: #009933;



}



.top_menu01 {



	float: left;



	height: 46px;



	width: 107px;



}



.top_menu01 a:hover{



	float: left;



	height: 46px;



	width: 107px;



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



}



.top_menu02 {



	float: left;



	height: 46px;



	width: 93px;



}



.top_menu02 a:hover{



	float: left;



	height: 46px;



	width: 93px;



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



}



.top_menu03 {



	float: left;



	height: 46px;



	width: 95px;



}



.top_menu03 a:hover{



	float: left;



	height: 46px;



	width: 95px;



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



}



.top_menu04 {



	float: left;



	height: 46px;



	width: 95px;



}



.top_menu04 a:hover{



	float: left;



	height: 46px;



	width: 95px;



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



}



.top_menu05 {



	float: left;



	height: 46px;



	width: 96px;



}



.top_menu05 a:hover{



	float: left;



	height: 46px;



	width: 96px;



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



}



.top_menu06 {



	float: left;



	height: 46px;



	width: 92px;



}



.top_menu06 a:hover{



	float: left;



	height: 46px;



	width: 92px;



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



}



.top_menu07 {



	float: left;



	height: 46px;



	width: 405px;



} /*頂部 menu 結束*/



.submenu_bg {



	background-repeat: no-repeat;



	background-position: left top;



	line-height: 36px;



}



/* 集合商品區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:930px;

   height:22px;

   display:block;

   float:left;

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

   margin-left:8px;

}

#bmenu2 {

   width:930px;

   height:22px;

   display:block;

   float:left;

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

   margin-left:8px;

}

#bmenu3 {

   width:930px;

   height:22px;

   display:block;

   float:left;

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

   margin-left:8px;

}

#bmenu4 {

   width:930px;

   height:22px;

   display:block;

   float:left;

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

   margin-left:8px;

}

#bmenu5 {

   width:930px;

   height:22px;

   display:block;

   float:left;

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

   margin-left:8px;

}

#bmenu6 {

   width:930px;

   height:22px;

   display:block;

   float:left;

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

   margin-left:8px;

}

#showbmenu a {

color:#ffffff;

text-decoration:none;}

#showbmenu a:hover {

color:#ffffff;

text-decoration:underline;

}

.index_line {

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

	background-repeat: no-repeat;

	background-position: center;

}

.green:link    {

	font-size:12px;

	color:#006600;

	text-decoration:none;

	line-height: 12px;

}



.green:visited {

	font-size:12px;

	color:#006600;

	text-decoration:none;

	line-height: 12px;

}



.green:active  {

	font-size:12px;

	color:#99CC00;

	text-decoration:none;

	line-height: 12px;

}



.green:hover   {

	font-size:12px;

	color:#FF9900;

	text-decoration:underline;

	line-height: 12px;

}

.greenlight:link    {

	font-size:12px;

	color:#73bf41;

	text-decoration:none;

	line-height: 12px;

}

.greenlight:visited {

	font-size:12px;

	color:#73bf41;

	text-decoration:none;

	line-height: 12px;

}

.greenlight:active  {

	font-size:12px;

	color:#99CC00;

	text-decoration:none;

	line-height: 12px;

}

.greenlight:hover   {

	font-size:12px;

	color:#FF9900;

	text-decoration:underline;

	line-height: 12px;

}



.orange:link    {

	font-size:12px;

	color:#f9a717;

	text-decoration:none;

	line-height: 12px;

}

.orange:visited {

	font-size:12px;

	color:#f9a717;

	text-decoration:none;

	line-height: 12px;

}

.orange:active  {

	font-size:12px;

	color:#99CC00;

	text-decoration:none;

	line-height: 12px;

}

.orange:hover   {

	font-size:12px;

	color:#FF9900;

	text-decoration:underline;

	line-height: 12px;

}



.orangedark:link    {

	font-size:12px;

	color:#f26f1d;

	text-decoration:none;

	line-height: 12px;

}

.orangedark:visited {

	font-size:12px;

	color:#f26f1d;

	text-decoration:none;

	line-height: 12px;

}

.orangedark:active  {

	font-size:12px;

	color:#99CC00;

	text-decoration:none;

	line-height: 12px;

}

.orangedark:hover   {

	font-size:12px;

	color:#FF9900;

	text-decoration:underline;

	line-height: 12px;

}



.bluedark:link    {

	font-size:12px;

	color:#0554a6;

	text-decoration:none;

	line-height: 12px;

}

.bluedark:visited {

	font-size:12px;

	color:#0554a6;

	text-decoration:none;

	line-height: 12px;

}

.bluedark:active  {

	font-size:12px;

	color:#99CC00;

	text-decoration:none;

	line-height: 12px;

}

.bluedark:hover   {

	font-size:12px;

	color:#FF9900;

	text-decoration:underline;

	line-height: 12px;

}



.pink:link    {

	font-size:12px;

	color:#f436a8;

	text-decoration:none;

	line-height: 12px;

}

.pink:visited {

	font-size:12px;

	color:#f436a8;

	text-decoration:none;

	line-height: 12px;

}

.pink:active  {

	font-size:12px;

	color:#99CC00;

	text-decoration:none;

	line-height: 12px;

}

.pink:hover   {

	font-size:12px;

	color:#FF9900;

	text-decoration:underline;

	line-height: 12px;

}

.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: #009933;

	line-height: 16px;

	text-decoration: none;

}

.a02:active {

font-size: 12px;

line-height: 16px;

color: #666666;
text-decoration: none;

}