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


.layout .center .accesskey , .layout .leftbg .accesskey , .layout .rightbg .accesskey {	
	float: left;
}
.cp, .lp , .np, .qp, .sp, .sitemap, .forwardForm{
	margin: 0 5px 0 5px;
	vertical-align: top;
}
/*----------------------------------------------------------------- accesskey */
.accesskey {
	position: absolute;
	margin:0;
	padding:0;
	text-align:left;
	font-size: 80%;
	text-decoration: none;
	font-weight: normal;
	z-index:99;
}
.accesskey a {
	color: #999;
}
.accesskey a:hover {
	text-decoration:underline;
}

.cp h2, .lp h2, .np h2, .qp h2, .sp h2, .sitemap h2, .forwardForm h2 {
	margin:5px 0 10px 0;
	font-size:1.3em;
	padding: 0 0 0 20px;
	color: #333;
	float: inherit;
	clear:both;
	height:30px;
	background: url(../images/h2_bg.gif) no-repeat 0px -6px;
}
.cp h2 span, .lp h2 span, .np h2 span, .qp h2 span, .sp h2 span, .sitemap h2 span, .forwardForm h2 span{
	color: #333;
	float: inherit;
	padding:0;
	margin:0;
	font-weight:bold;
	background-image:none;
	text-decoration:none;
}
.cp h2 span a, .lp h2 span a, .np h2 span a, .qp h2 span a, .sp h2 span a, .sitemap h2 span a, .forwardForm h2 span a{
	color: #452b0e;
	font-weight:bold;
	text-decoration:none;
}
h3{
	font-size: 1.25em;
	margin:0px 0 5px 20px;
	color:#555;
	line-height:180%;
	font-weight: bold;
	clear:both;
}
h3 a{color:#900;text-decoration:none;font-weight: bold;}

/*-----------------------cp +lp h3 */

.cp h3 a, .lp h3 a, .member h3 a, .sp h3 a{ font-size:1.25em; text-decoration:underline; }
h4{
	font-size: 1.1em;
	color: #066;
	margin:0px 0 5px;
	padding:0px 0px 0px 12px;
	clear:both;
	font-weight: normal;
	border:0px;
}
h5 {
	font-size: 1.1em;
	color:#907643;
	margin:5px 0;
	padding:0px;
	font-weight: normal;
}
/*----------------------------------------------------------------- */
img {border: none;}
a{color: #333; text-decoration: none;}
a:hover{color: #900; text-decoration:underline;}
a:fouce{ color: #900; border:1px dotted #ccc;}

.formBtn {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.formBtn .btn {
	background: url(../images/button_bg.gif) repeat-x left top;
	color: #FFF;
	padding: 3px 10px 0px 13px;
	border-style: none;
}
.formBtn .btn3 {
	background: url(../images/button_bg.gif) repeat-x left top;
	color: #FFF;
	padding: 3px 10px 0px 13px;
	border-style: none;
	font-size: 25pt;
	font-family: 微軟正黑體;
}
.btn {
	background: url(../images/button_bg.gif) repeat-x left top;
	color: #FFF;
	padding: 3px 10px 0px 13px;
	border-style: none;
}
.btn1 {
	background: url(../images/button_bg_grey.gif) repeat-x left top;
	color: #FFF;
	padding: 3px 10px 0px 13px;
	border-style: none;
	width : 120px;
}
.btn_focus {
	background: url(../images/button_bg_focus.gif) repeat-x left top;
	color: #FFF;
	padding: 3px 10px 0px 13px;
	border-style: none;
	width : 120px;
	background-color:#999;
	
}
.formdetail {
	color: #8080C0;
}
/*----------------------------------------------------------------- path */
.path{
	margin: 20px auto 0 0px;
	padding: 4px 0 3px 17px;
	line-height: 14px;
	color: #999;
	text-align: left;
	z-index:98;
	position:relative;
	background: url(../images/path_bg.gif) no-repeat 0px 3px;
}
.path .before { padding: 0 15px 0 0; color: #999;font-size: 12px;}
.path a {
	color: #ff7800;
	text-decoration: underline;
}
.path img {margin: 0 3px;}

/*----------------------------------------------- search Start--*/
.wrap .search {
	float: right;
	position: absolute;
	right: 24px;
	top: 175px;
}
.wrap .search label {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	color: #666666;
}
.wrap .search .inputgray {
	color: #CCC;
	width: 165px;
	border: 1px solid #c9c9c9;
	text-align: left;
	vertical-align: middle;
	font-size: 100%;
	padding-left: 2px;
	padding-top: 3px;
	*margin-bottom: 5px;
	margin-bottom: 10px\9;
	*margin: 2px 0 0 0;
}
.wrap .search p {
	color: #999999;
	font-size: 90%;
	margin-left: 52px;
	margin-top: 5px;
}


/*-----------------------------------------------營業人登入---------*/
.rightbg .member{
	margin-top:75px;
	width: 235px;
	height: 191px;
	background: url(../images/member_bg2.gif) no-repeat left top;
}
.rightbg .member .box {
	margin: 0;
	padding: 0;
}
.rightbg .member .box h2{
	margin: 0;
	padding: 0;
	position: absolute;
}
.rightbg .member .body {
	margin: 2px 5px 0px 10px;
	padding: 0;
	width: 230px;
}
.rightbg .member .body p strong{
	color: #FF3300;
	font-weight: normal;
}
.rightbg .member .text{
	border:1px solid #b5b5b5;
	margin:3px 0 0 0px;
	padding: 2px;
	width:140px;
	color: #9c9c9c;
}	
.rightbg .member .button {
	border-style: none;
	padding:0;
	margin:0;
	position: relative;
	top: 10px;
}
.rightbg .member .member_button{
	margin: 21px 0 0 5px;	
}
.rightbg .member .body table th {
	width: auto;
	text-align: right;
	font-weight: normal;
}
.mpwrap .headline2 .foot {
	background-image: none;
}
.mpwrap .headline2 .more {
	margin: 5px 0px 5px 0px;
	padding-left: 15px;
	float: right;
	background: url(../images/more.gif) no-repeat left 2px;
	*background: url(../images/more.gif) no-repeat left top;
}
.mpwrap .headline2 .more a {
	color: #0d63b0;
}
.mpwrap .headline2 .more a:hover {
	color: #0d63b0;
}

/*------------------------------------------------營業人 區塊共用區-----------*/

/*---------------------登入-------*/
.rightbg .member .body ul{	margin: 5px 0 0 0;}
.rightbg .member .body li{
	text-align: center;
}

/*---------------------------------------------------telephone*/
.rightbg .telephone {
	width: 235px;
	margin: 15px 0 0;
	padding: 25px 0px 0px 15px;
	background: url(../images/member_bg.gif) no-repeat center top;
}

.rightbg .telephone img {
}
/*----------------------------------------訂閱電子報-----*/
.rightbg .epaper {
	width: 235px;
	margin: 15px 0 0;
	padding: 10px 10px 5px;
	background: url(../images/member_bg.gif) no-repeat center top;
	clear:both;
}
.rightbg .epaper h2 {
	padding: 0px;
	font-size: 125%;
	margin: 20px 0 0 0;
}
.rightbg .epaper .body {
	margin: 2px 5px 0px 10px;
	padding: 0;
	width: 210px;
	clear: both;
}
.rightbg .epaper .body .text{
	border:1px solid #b5b5b5;
	margin:3px 0 0 12px;
	padding: 2px;
	width:140px;
	color: #9c9c9c;
}	
.rightbg .epaper .body ul{
	padding:5px 0 0 12px;
}
.rightbg .epaper .body ul li{
	display:inline;
}	
.rightbg .epaper .body p{
	padding: 4px 0;
	margin:0 10px;
	line-height: 1.8em;
}
.rightbg .epaper .body p a{
	color:#313131;
}
.rightbg .epaper .body p a:hover{
	color:#C00;
	text-decoration: underline;
}

/*---------------------------------------------------.button */
.rightbg .button {
	width: 198px;
	height: 124px;
	margin:10px 0 10px 0;
	padding:20px 0 0 0;
	background: url(../images/member_bg.gif) no-repeat left top;
	clear:both;
	overflow:20px 0 0 0;
}


/*------------------------------------------------------------ap*/
/* --------------------------------------------------------- Menu  */

.Menubg {
	width: 216px;
	margin: 25px 0px 10px 60px;
}
.Menubg .head {
	font-size: 1px;
	background: url(../images/menu_head_bg.gif) no-repeat;
	height: 17px;
}
.Menubg .body {
	background: #FFFFFF url(../images/menu_body_bg.gif) no-repeat left top;
	padding: 0px 12px;
}
.Menubg .foot {
	font-size: 1px;
	background: url(../images/menu_foot_bg.gif) no-repeat left bottom;
	height: 22px;
}
.Menu { /* ul class="Menu" */
	list-style: none;
	margin: 0px;
	padding: 0px 0px 5px;
	letter-spacing: 1px;
	font-size: 1em;
}
.Menu li {
	margin: 0;
	padding: 0;
	_width: 100%;
}
.Menu li a {
	display: block;
	color: #333333;
	line-height: 120%;
	text-decoration: none;
	background: url(../images/menu_li_bg2.gif) no-repeat 0px 0px;
	padding:  11px 0 11px 22px;
	_width: 100%;
	margin-bottom: 2px;
}
.Menu li a:hover {
	color: #C00;
	background: url(../images/menu_li_bg3.gif) no-repeat 0px 0px;
	padding:  11px 0 11px 22px;
}
.Menu li ul {
	list-style: none;
	margin: 0 0 10px 0px;
	*margin: 4px 0 8px 0px;
	padding: 0;
	font-size: .95em;
}
.Menu li li a {
	background: #999 url(../images/menu_lili_bg.gif) no-repeat 25px 7px;
	padding:  4px 0 4px 35px;
	_padding:  5px 0 3px 35px;
	color: #FFFFFF;
}
.Menu li li a:hover {
	background: #999 url(../images/menu_lili_bg.gif) no-repeat 6px 7px;
	padding:  4px 0 4px 17px;
	_padding:  5px 0 3px 17px;
	color: #FFFFFF;
}

.Menu li ul ul {
	list-style: none;
	margin: 0 0 10px 0px;
	*margin: 4px 0 8px 0px;
	padding: 0;
	font-size: 1em;
}
.Menu li li li a {
	background: #fff url(../images/dot.gif) no-repeat 25px 9px;
	padding:  5px 0 6px 37px;
	color: #333;
	border-style: none;
}
.Menu li li li a:hover {
	background: #fff url(../images/dot.gif) no-repeat 8px 9px;
	padding:  5px 0 6px 17px;
	color: #C00;
	border-style: none;
}