f@charset "utf-8";
/* CSS Document */
/*
	css author: Sarash Hung;
	http://www.ht5168.com.tw;
	date:2009-01-05;
	adapt:ie6.ie7.firefox3.0.safari
*/
.clr{clear:both}
/**/

.Lgreen a{}
/**/
div.timg {
	background:url(images/table_01.png) no-repeat;
	width:279px;
	height:12px;
	padding:0;
	margin:0;
}
div.bimg {
	background:url(images/table_05.png) no-repeat;
	width:279px;
	height:15px;
	padding:0;
	margin:0;
}
.VMenu{
	width: 279px; /*width of menu*/
	background:url(images/table_03.gif);
	padding:0;
	margin:0;
	text-align:left;
	
}

.VMenu h3{
	color: #145F10;
	font-size:15px;
	font-weight:bold;
	background:  url(images/table_02.gif) repeat-x center left;
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 0 0 0 30px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	margin:0;
	line-height:25px;
}

.VMenu ul{
	list-style-type: none;
	padding:0;
	margin:0;
}

.VMenu ul li{
	margin:0 1px 0 1px;
	line-height:200%;
	border-bottom: 1px solid #b7f5ab;
	padding: 0;
}

.VMenu ul li a{
	color: #333;
	text-decoration: none;
	margin: 2px 0;
	background-image:url(images/blue20090120_44-trans.png);/*custom bullet list image*/
	background-repeat:no-repeat;
	display:block; /*link text is indented 19px*/
	padding: 0 0 0 36px;
	background-position: 15px;
}

.VMenu ul li a:visited,
.VMenu ul li:visited{
	color: #333333;
}

.VMenu ul li a:hover,
.VMenu ul li:hover{ /*hover state CSS*/
	color: #197b15;
	font-weight:bold;
	background-color: #89eb86;
}


	/*h1*/	
.HMenu { display:inline-block;  }
.HMenu ul{
	list-style:none;
	margin:0;
	padding: 0;
}
.HMenu ul li{
	float:left;
	padding:0;
	margin:0;
	border-right: 1px solid #cecece;
}
.HMenu ul li a{
	/*	font-size:13px;*/
	display:block;/*for all the same effect*/
	padding:0px 3px 0px 3px;
	margin:2px;
}
.HMenu ul li a:link,
.HMenu ul li:link {
	color: #333333;
	text-decoration: none;
}
.HMenu ul li a:visited,
.HMenu ul li:visited {
	text-decoration: none;
	color: #333333;
}
.HMenu ul li a:hover,
.HMenu ul li:hover {
	text-decoration: none;
	color: #0033CC;
	font-weight: bold;
}
.HMenu ul li a:active,
.HMenu ul li:active {
	text-decoration: none;
	color: #333333;

}
	/*h2*/	
.StyleHMenu {
	width:100%;
	background:#CCCCCC url(images/blue20090120_20.gif) repeat-x;
	overflow:hidden;
	height:36px;
}
.StyleHMenu ul{
	list-style:none;
	margin:0;
	padding: 0;
}
.StyleHMenu ul li{ 
	float:left; 
	padding:0; 
	margin:0; 
	border-right:1px solid #23aa09; 
	line-height:40px;
}
.StyleHMenu ul li a{
	font-size:15px;
	font-weight:bold;
	display:block;/*for all the same effect*/
	padding:0px 10px 2px 10px;
	margin:1px 1px 1px -1px;
	margin /**/:1px -1px 1px -1px;/*ie6*/

}
.StyleHMenu ul li a:link,
.StyleHMenu ul li:link {
	color: #fff;
	text-decoration: none;
}
.StyleHMenu ul li a:visited,
.StyleHMenu ul li:visited {
	text-decoration: none;
	color: #fff;
}
.StyleHMenu ul li a:hover,
.StyleHMenu ul li:hover {
	text-decoration: none;
	color: #106916;
	background:#CCCCCC url(images/blue20090120_21.jpg) repeat-x;
}
.StyleHMenu ul li a:active,
.StyleHMenu ul li:active {
	text-decoration: none;
	color: #fff;
}
	/*h3*/	
.ImageHMenu {


	/*width:100%;*/
	
}
.ImageHMenu ul{
	list-style:none;
	margin:42px 0 0;
	padding:0;/*all browser*/
	overflow:hidden;
}
.ImageHMenu ul li{
	float:left;
	padding:0;
	margin:0;
	/*border-right: 1px solid #707070;*/

}		



/*分頁列*/
.StylePageNavigator{
	text-align: center;
}
div.StylePageNavigator a.current{
	text-decoration: none;
	color: #FFFFFF;
	background-image:url(images/07.gif);
	cursor: default;
}
div.StylePageNavigator a.disablelink,
div.StylePageNavigator a.disablelink:hover{
	text-decoration: none;
	color: #cecece;
	background: #ffffff;
	border:1px solid #cecece; 
	/*與a:hover屬性都具備*/
}

.StylePageNavigator a{
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	margin:2px; 
	border:1px solid #999999; 
	padding:1px 5px 0px 5px;
	line-height:150%;
	
	
}
.StylePageNavigator a:link{
	color: #000000;
	text-decoration: none;
	background-image: url(images/06.gif);
}
.StylePageNavigator a:visited{
	text-decoration: none;
	color: #000000;
	background-image: url(images/06.gif);
}
.StylePageNavigator a:hover{
	text-decoration: none;
	color: #FFFFFF;
	background-image:url(images/07.gif);
}
.StylePageNavigator a:active{
	text-decoration: none;
	color: #0033CC;
	background-image: url(images/06.gif);
}
/**/
.PageNavigator{
	text-align: center;
}
div.PageNavigator a.current{
	text-decoration: none;
	color: #CC3300;
	font-weight:bold;

}
div.PageNavigator a.disablelink,
div.PageNavigator a.disablelink:hover{
	text-decoration: none;
	color: #cecece;
	font-weight: normal;
}

.PageNavigator a{
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	margin:2px; 
	padding:0px 2px 0px 2px;
	line-height:150%;
	
	
}
.PageNavigator a:link{
	color: #000000;
	text-decoration: none;
}
.PageNavigator a:visited{
	text-decoration: none;
	color: #000000;
}
.PageNavigator a:hover{
	text-decoration: none;
	color: #0033CC;
	font-weight:bold;
}
.PageNavigator a:active{
	text-decoration: none;
	color: #0033CC;
}
/*HighLight*/
.HighLight{ 
	border:1px dashed #FF9900; 
	background-color:#FFFFCC; 
	color: #DF4B20; 
	padding:5px; 
	margin:0; 
	width:80%; 
	text-align:left;
}
/*Error*/
.Error{ 
	border:1px dashed #F25426; 
	background-color: #FEE3DA; 
	color: #CC0000; 
	padding:5px; 
	margin:0;
	width:80%; 
	text-align:left;
}
/*Form*/
.VForm{
	color:#000;
	border:1px dashed #fee473;
	width:90%;
	margin:5px;
	padding:16px;
}
div.VForm label{
	width:70px;
	float:left/*for leftwidth*/;
	clear: both;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #cecece;
	font-weight: bold;
}
div.VForm .style{
	border:1px solid #CACACA;
	background-color: #FFFFCC;
	background-image: url(images/49.gif);
}
.StyleForm{
	color:#000; 
	border:1px dashed #BFFAAB; 
	width:80%; 
	margin:5px; 
	padding:16px;
}
div.StyleForm label{ 
	width:70px; 
	float:left/*for leftwidth*/
}
div.StyleForm .style{ 
	border:1px solid #CACACA; 
	background-color: #FFFFCC;
}
.HForm{}
.HForm input.style{
	border:1px solid #CACACA;
	background-color: #FFFFCC;
	background-image: url(images/49.gif);
 }
.HForm strong.title{
	font-size:13px;
	font-weight:bold;
	color:#FF9900
 } 
.HForm a{
	font-size:11px;
	color: #145CC9
 } 
.HForm a:hover{
	font-size:11px;
	color:#FF3300
 }
.StyleHForm {
	background-image: url(images/form_01.gif);
	background-repeat: no-repeat;
	background-position: left;
	height:31px;
	color:#333333;
	line-height:25px;
	margin:0;
	padding-left:15px;
}
.StyleHForm input{border:1px solid #A0F37C; font-size:12px;}
.StyleHForm div.b {
	background-image: url(images/form_02.gif);
	background-repeat: no-repeat;
	background-position: 100%;
	float:left;
}
.StyleHForm strong.title{
	font-size:13px;
	font-weight:bold;
	color: #1C9B2C
 }
  /*title*/
.title15a{
	font-size:15px;
	color:#E01686;
	line-height:170%;
	font-weight:bold
}
.title18a{
	font-size:18px;
	font-weight:bold;
	color:#333333;
	margin: 0;
	padding: 0;
	background-image: url(../../front/images/content01_02.gif);
	background-repeat: no-repeat;
	height:53px;
	color: #000000;


}
.TextContent{
	width:684px;
	float:left;
	font-size:13px;
	color:#333333;
	line-height:160%;
	text-align:left;
	background-image: url(../../front/images/news_041.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding: 0;
	margin: 0 0 15px 0;
}
p.date{
	font-size:11px;
	color: #FC6F32;
	border: 1px solid #ffe28b;
	background-color: #FDFED1;
	margin-right: 10px;
}
/*圖片配置*/
.VImgBox{
	width:280px;
	text-align:left;
	padding:0;
	margin:0;
	float:right
}
.HImgBox{ text-align:left; padding:0; margin:0; }
/*圖片形式*/
.Style1BorderImage{ border:1px solid #666666; margin:10px; padding:0}
/*路徑*/
.StyleRoad{
	background-image:url(images/road_01.gif);
	background-repeat:no-repeat;
	line-height:32px;
	padding:0 0 0 30px;
}
div.BkImg{ background-image:url(images/road_02.gif);  height:32px;  background-repeat: no-repeat; background-position:right;  }
/**/
.List{
	text-align: left;
	
}
.List ul{
	list-style: disc;
	text-align: left;
}
.List ul li{line-height:180%}
/*.List ul li .L-list{  color: #ffffff}
.List ul li .L-list:hover,.List ul li .L-list a:hover{  color: #0033cc}*/


.ItemList{
	width: 96%;
}
.ItemList ul{
	list-style: disc;
	margin-left: 40px;
}
.ItemList ul li{
	border-bottom:1px dashed #cecece;
	line-height:200%;
	color: #263DD5;
}
.ItemList ul li a:link,.ItemList ul li:link,
.ItemList ul li a:visited,.ItemList ul li:visited{
	color: #000000
	  }
.ItemList ul li a:hover,.ItemList ul li:hover{
	color: #FF6600
}

.StyleItemList{}
.StyleItemList ul{ list-style-image:url(images/47.gif);}
.StyleItemList ul li{line-height:200%}
.StyleItemList ul li a:link,.StyleItemList ul li:link{ color: #EC581A}
.StyleItemList ul li a:hover,.StyleItemList ul li:hover{ color: #2C9711}

/**/
.pr{
	padding:5px;
	float:left;
	text-align:center;
	
}
.pr img{ padding:2px; }
.vpr img{ 
	background:url(../../front/images/index_17.gif) no-repeat;
	padding:15px 0 3px 1px; 
	margin:0;
	float:left;
}
.vpr div{ 
	background:url(../../front/images/index_18.gif) no-repeat; 
	width :82px; 
	height:131px; 
	float:left;
	padding:40px 16px 0 20px;

}
.vpr div.title{ font-size:15px; font-weight:bold;color:#d76703;  }
.vpr span.content{
	font-size:12px;
	color:#333333;
	font-weight: normal;
}
/*test*/
.pr01a{
	padding:3px;
	float:left;
	text-align:left;
	margin:2px 2px;
	background:url(images/photoframe2.gif) no-repeat; 
	
}
.pr01a img{border:1px solid #FC9; margin-bottom:6px;}
.pr01a div.hc{width:150px; height:30px; line-height:normal}

/**/
.vpr01 img{ 
	background:url(../../front/images/index_17.gif) no-repeat;
	padding:15px 0 3px 1px; 
	margin:0;
	float:left;
}
.vpr01 div{ 
	background:url(../../front/images/index_18.gif) no-repeat; 
	width :82px; 
	height:131px; 
	float:left;
	padding:40px 16px 0 20px;
	text-align:left;
	

}
.vpr01 div.title{ font-size:15px; font-weight:bold;color:#d76703;  }
.vpr01 span.content{
	font-size:12px;
	color:#333333;
	font-weight: normal;
}
/**/
.18Title{
	font-size:18px; 
	font-weight:bold;
}
.Style18Title{
	font-size:20px;
	font-weight:bold;
	background-image:url(images/titlebk.gif);
	background-repeat:no-repeat;
	padding-left:75px;
	height:45px;
	line-height: 45px;
	color: #1532B7;
}
.15Title{ 
	font-size:15px; 
	font-weight:bold; 
	color:#CC3300; 
	line-height:180%;
}
.15StyleTitle{
	font-size:15px; 
	font-weight:bold; 
	color:#CC3300; 
	line-height:180%; 
}
.Data005Table{
	float: left;
	width:100%
}
.Data005Table table
{
	border-collapse: collapse;
	color: #000000;
	font-size:13px;
	border: 0px solid #fff;
}
.Data005Table th,
.Data005Table td 
{
	border-left: 1px solid #fff;
	border-bottom: 1px solid #9ee544;
	border-collapse: collapse;
	color: #333333;
	font-size:13px;
}

.Data005Table caption {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
	line-height: 150%;
}

.Data005Table td, th {
	padding: 4px;
}

.Data005Table thead th {
	text-align: center;
	color: #333333;
	font-size: 100% !important;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #9ee544;
}

.Data005Table tbody th {
	font-weight: bold;
}

.Data005Table tbody tr { background: ; }

.Data005Table tbody tr.odd {
	background: #ccff9a;
}

.Data005Table table a:link {
	color: #006666;
	text-decoration: none;
}

.Data005Table table a:visited {
	color: #006666;
	text-decoration: none;
}

.Data005Table table a:hover {
	color: #FF9900;
	text-decoration: underline !important;
}

.Data005Table tfoot th, tfoot td {
	font-size: 85%;
	border-top: 3px double #cecece;
}

/**/
.L-blue{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.L-blue a:link,.L-blue:link {
	color: #2148dc;
	text-decoration: none;
}
.L-blue a:visited,.L-blue:visited {
	text-decoration: none;
	color: #2148dc;
}
.L-blue a:hover,.L-blue:hover {
	text-decoration: none;
	color: #333;
}
.L-blue a:actives,.L-blue:active {
	text-decoration: none;
	color: #2148dc;
}
.en{font-family:Arial, Helvetica, sans-serif}

.SolidBorder {/*實線*/
	border:1px solid #e9d6ae;
}
.DottedBorder {/*點狀*/
	border:3px dotted #F0BC5B;
}
.DashedBorder {/*虛線*/
	border:1px dashed #333333;
}
.DoubleBorder {/*雙線-至少要3px*/
	border:3px double #333333;
}
.GrooveBorder {/*溝道狀*/
	border:3px groove #CCCCCC;
}
.RidgeBorder {/*山脊狀*/
	border:3px ridge #FFFFFF;
}
.InsetBorder {/*凹陷狀*/
	border:2px inset #FFFFFF;
}
.OutsetBorder {/*凸起狀*/
	border:3px outset #FFFFFF;
}
.YeDoubleBorder {
	border-width: 3px 3px 5px 3px;
	border-style: double;
	border-color: #ffc74f #ffc74f #fe9351 #ffc74f;
}
.title18a01 {
	font-size:18px;
	font-weight:bold;
	line-height:35px;
	color:#333333;
	padding:0 0 0 35px;
	margin: 0;
	background-image: url(images/48.gif);
	background-repeat: no-repeat;
	height: 35px;
	color: #E86D13;
}
.TextContent01 {
	width:1002px;
	float:left;
	font-size:13px;
	color:#333333;
	line-height:160%;
	text-align:left;
	background-image: url(../../front/images/news_042.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding: 0;
	margin: 0 0 15px 0;
}
#picbox{
	width:116px; 
	height:116px; 
	padding:20px 0 0 11px; 
	margin:4px 0px 4px 1px; 
	float:left; color:656565; 
	font-size:12px; 
	line-height:120%; 
	background:url(images/pic_08.gif); 
	background-repeat:no-repeat; 
	text-align:left; 
	display:block;
	}
#picbox p{
	padding-top:14px;
	}
.img_content{ 
	margin:5px; 
	width:390px; 
	height:320px; 
	background:url(images/picframe01.gif) no-repeat; 
	padding-top:15px; 
	padding-left:17px; 
	}
/*店長介紹圖片框01-focus*/	
.StoreManageFoucs01{ 
	background:url(images/picframes.gif) no-repeat; 
	width:271px; 
	height:209px;
	text-align:center; 
	font-size:15px; 
	font-weight:bold; 
	color:#333;
	float:left;
	margin:0 10px;
	margin /**/:0px 17px;
	padding:0;
	
	}
.StoreManageFoucs01 div.c1a{ 
	padding:11px 0 0 0;
	margin:0;
	}
.StoreManageFoucs01 div.c2a{ 
	padding:8px 0 0 0;
	margin:0;
	}	
/*店長介紹圖片框focus*/	
.StoreManageFoucs{ 
	background:url(images/stoerban_06.gif) no-repeat; 
	width:271px; 
	height:255px;
	text-align:center; 
	font-size:15px; 
	font-weight:bold; 
	color:#333;
	float:left;
	margin:0 10px;
	margin /**/:0px 17px;
	padding:0;
	}
.StoreManageFoucs div.c1{ 
	padding:25px 0 0 0;
	margin:0;
	}
.StoreManageFoucs div.c2{ 
	padding:8px 0 0 0;
	margin:0;
	}
/*店長介紹圖片框focus*/	
.StoreManageFrame{ 
	background:url(images/stoerban_09.gif) no-repeat; 
	text-align:center; 
	width:149px; 
	height:113px;
	font-size:13px;
	color:#333;
	float:left;
	margin:3px 2px;	
	margin /**/:12px 2px;
	padding:0;
	
	}
.StoreManageFrame div.c3{
	padding:3px 0 0 0;
	margin:0;
	}
.StoreManageFrame div.c4{
	padding:3px 0 0 0;
	margin:0;
	}	
/**/
.imgborder{border:1px solid #D8D8D8;}