/*======================================================================== 
	Copyright:  OK MARK
	Author: IRIS
  ========================================================================*/
@charset "utf-8";
@media screen, projection{

/*======================================================================== 
	Global
  ========================================================================*/
/**html{	width:100%;	height:100%; IE7 and below}*/
html{	width:100%;	height:100%;
background-color: #FFF;
background-image: url(../images/bgLogo.png);
	background-repeat: repeat; }
body {
	color: #535353;
	text-decoration: none;
	font-family: Verdana, "新細明體", sans-serif;
	font-size:62.5%;
	line-height: 200%;
	margin: 0px;
	width:100%;
	text-align: center;/*向下相容舊版IE無法判別margin:0 auto的置中語法*/

}
a:link		{	text-decoration: none;color: #535353;}
a:visited	{	text-decoration: none;color: #535353;}
a:hover		{	text-decoration: underline;color: #535353;}
a:active	{	text-decoration: none;color: #535353;}

/* Basic Typography */
strong {font-weight: bold;}
sup { vertical-align: super; color: #FF0000; margin-right:0.2em;}
sub { vertical-align: sub;color: #FF0000; }

/* Table */
table {border-collapse: collapse; border-spacing: 0; border:none;zoom:1;}
caption {text-align:left;}
thead { display:table-header-group;}
tfoot { display:table-footer-group;}
th { font-weight:bold;}
th,td {border:none;}

#wrapper{
	width:850px;
	height:auto;
	margin:0 auto;
	text-align: left;/*配合body text-align設定，向下相容舊版IE無法判別margin:0 auto的置中語法*/
	background-color: #fff;
}

.mainContent{
	margin:0px auto;
	height:auto!important;
	height:500px;
	min-height:500px;


}
.mainContentInner{
	margin:0px auto;
	height:auto!important;
	height:500px;
	min-height:500px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	padding-top:5px;

}

.Content{
	margin-left:160px;
	width:690px;
	}
	
.mainContentEvent{
	margin:0px auto;
	height:auto!important;
	height:500px;
	min-height:500px;
	text-align:center;


}

/*======================================================================== 
	Header
  ========================================================================*/
#header{
	width:100%;
	text-align:left;
	clear:both;
	margin-bottom:5px;
	overflow:hidden;

}
#header .top{
	margin-top:5px;
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom:2px;
	zoom:1;
	overflow:hidden;
	}
#header .logo{
	float:left;
	width:150px;
	height:35px;
	margin-right:5px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -3000px;
	overflow:hidden;

}
#header .logo a{	
display: block;
height: 100%;
width: 100%;
}


#header .LoginOut{
	float:left;
	height:35px;
	line-height:35px;
	font-size:1.3em;
	color:#b8263e;
}
#header .LoginOut label{
	
	}
#header .LoginOut .btnImage{
	vertical-align: middle;
	}
#header .LoginOut .fillBlock{
	margin-right:5px;
	}
	
#header .LoginIn{
	float:left;
	height:35px;
	line-height:35px;
	font-size:1.3em;
	color:#b8263e;
	text-align: right;
	
		
}
#header .LoginIn span{
	}
#header .LoginIn .btnImage{
	vertical-align: middle;
	}
		
#header .topLink	{
	float:right;
	width:180px;
	background-image: url(../images/line_H13.gif);
	background-repeat: no-repeat;
	background-position: center center;
	
	}
#header .topLink li{
	color: #006600;
	float: left;
	height: 35px;
	line-height: 35px;
	padding-right: 10px;
	padding-left: 15px;
	margin-left: 10px;
	font-size: 1.3em;
	background-repeat: no-repeat;
	background-position: left 15px;
	}
#header .topLink li.topLink01{
	background-image: url(../images/topIcon01.png);
	}
#header .topLink li.topLink02{
	background-image: url(../images/topIcon02.png);
	}
#header .topLink li a{
	color: #339933;
	}


#header .appearance{

	width:850px;
	height:90px;
	overflow:hidden;
	overflow:hidden;

	}
#header .topNav	{
	background-image: url(../images/navBg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width:850px;
	height:34px;
	overflow:hidden;
	margin-top:5px;
	}

	
/* ######### menu start  ######### */		
	
/* ######### Main Menu Bar CSS ######### */

#header .mainMenu{
margin-left:25px;
list-style-type: none;
z-index:100;
}

#header .mainMenu li{
	display: inline;
	overflow:hidden;
	text-indent:-3000px;
	float: left;
}

#header .mainMenu li a{
    height:34px;
    display: block;	
	background-repeat: no-repeat;
	background-position: center center;
}
#header .mainMenu li.mainMenu01 a{/*促銷快報*/
	width:88px;
	background-image: url(../images/nav01.png);
	}
#header .mainMenu li.mainMenu02 a{/*熱門商品*/
	width:105px;
	background-image: url(../images/nav02.png);
	}
#header .mainMenu li.mainMenu03 a{/*預購商品*/
	width:99px;
	background-image: url(../images/nav03.png);
	}
#header .mainMenu li.mainMenu04 a{/*便利服務*/
	width:94px;
	background-image: url(../images/nav04.png);
	}
#header .mainMenu li.mainMenu05 a{/*OK GO*/
	width:86px;
	background-image: url(../images/nav05.png);
	}
#header .mainMenu li.mainMenu06 a{/*企業情報*/
	width:106px;
	background-image: url(../images/nav06.png);
	}
#header .mainMenu li.mainMenu07 a{/*會員專區 */
	width:90px;
	background-image: url(../images/nav07.png);
	}
#header .mainMenu li.mainMenu08 a{/*加盟/店鋪 招募*/
	width:155px;
	background-image: url(../images/nav08.png);
	}

#header .mainMenu li a:visited{
}

#header .mainMenu li.mainMenu01 a:hover{/*促銷快報*/
	background-image: url(../images/nav01Over.png);
	}
#header .mainMenu li.mainMenu02 a:hover{/*熱門商品*/
	background-image: url(../images/nav02Over.png);
	}
#header .mainMenu li.mainMenu03 a:hover{/*預購商品*/
	background-image: url(../images/nav03Over.png);
	}
#header .mainMenu li.mainMenu04 a:hover{/*便利服務*/
	background-image: url(../images/nav04Over.png);
	}
#header .mainMenu li.mainMenu05 a:hover{/*OK GO*/
	background-image: url(../images/nav05Over.png);
	}
#header .mainMenu li.mainMenu06 a:hover{/*企業情報*/
	background-image: url(../images/nav06Over.png);
	}
#header .mainMenu li.mainMenu07 a:hover{/*會員專區 */
	background-image: url(../images/nav07Over.png);
	}
#header .mainMenu li.mainMenu08 a:hover{/*加盟/店鋪 招募*/
	background-image: url(../images/nav08Over.png);
	}

.promotion #header .mainMenu li.mainMenu01 a{/*促銷快報*/
	background-image: url(../images/nav01Over.png);
	}
.hotProducts #header .mainMenu li.mainMenu02 a{/*熱門商品*/
	background-image: url(../images/nav02Over.png);
	}
	.hotAdvance #header .mainMenu li.mainMenu03 a{/*預購商品*/
	background-image: url(../images/nav03Over.png);
	}
.convenient #header .mainMenu li.mainMenu04 a{/*便利服務*/
	background-image: url(../images/nav04Over.png);
	}
.okGo #header .mainMenu li.mainMenu05 a{/*OK GO*/
	background-image: url(../images/nav05Over.png);
	}
.information #header .mainMenu li.mainMenu06 a{/*企業情報*/
	background-image: url(../images/nav06Over.png);
	}
.member #header .mainMenu li.mainMenu07 a{/*會員專區*/
	background-image: url(../images/nav07Over.png);
	}

.alliance #header .mainMenu li.mainMenu08 a{/*加盟招募*/
	background-image: url(../images/nav08Over.png);
	}

#header .mainMenu a.selected{
	/*background of tab with "selected" class assigned to its LI */
}

/* ######### Drop Down ULs CSS ######### */
.ddsubMenu, .ddsubMenu ul{ /*topmost and sub ULs, respectively*/
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	visibility: hidden;
	z-index: 100;
	background-image: url(../images/subNavBG.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:15px;
	padding-bottom:0px;
	zoom:1;
}
.ddsubMenu li{
	font-size:1.1em;
	width:105px;
	text-align: left;
}

.ddsubMenu li a{/*width: 105px; width of menu (not including side paddings)*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ad7a7d;
	background-image: url(../images/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
    display: block;
    color:#c02941;
    text-decoration: none;
	margin-left:10px;
	margin-right:10px;
	padding-left:8px;
	margin-bottom:5px;
}
/*.ddsubMenu li:last-child a{
	border: none;

}*/

* html .ddsubMenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 115px; /*width of menu (include side paddings of LI A*/
}

.ddsubMenu li a:hover{
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}	
/* ######### menu end  ######### */	
	
	

	

/*======================================================================== 
	Footer
  ========================================================================*/
#footer{
	background-image: url(../images/footerBg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	width:100%;
	clear:both;
	font-size:1em;
	height:100px;
	margin-top:20px;
}
#footer .footerContent{
	width:850px;
	height:auto;
	margin:0 auto;
	text-align: left;/*配合body text-align設定，向下相容舊版IE無法判別margin:0 auto的置中語法*/
}
#footer  .footerContent .logo{
	float:left;
	width:136px;
	height:29px;
	background-image: url(../images/logo_small.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -3000px;
	overflow:hidden;
}
#footer  .footerContent .logo a{	
display: block;
height: 100%;
width: 100%;
}
#footer .footerContent .bottomLink{
	margin-left:160px;

	}
#footer .footerContent .bottomLink li{
	float:left;
	background-repeat: no-repeat;
	background-position: center center;
	overflow:hidden;
	height:30px;
	width:75px;
	text-indent: -3000px;
	margin-right:15px;
	}
/*#footer .footerContent .bottomLink li.bottomLink01{
	background-image: url(../images/subLink01.png);
	width:70px;
	}*/
#footer .footerContent .bottomLink li.bottomLink02{
	background-image: url(../images/subLink02.png);
	width:85px;
	}
/*#footer .footerContent .bottomLink li.bottomLink03{
	background-image: url(../images/subLink03.png);
	width:75px;
	}*/
#footer .footerContent .bottomLink li a{
	display: block;
	height: 100%;
	width: 100%;
	}
#footer .footerContent .e_paper .fill{
	height: 13px;
	margin-right: 10px;
	vertical-align: top;
	margin-top:5px;
	}
#footer .footerContent .e_paper .btn{
	margin-top:5px;
	height:19px;
	margin-right:10px;	

	}
#footer .footerContent .copyRight{
	width:730px;
	height:40px;
	overflow:hidden;
	background-image: url(../images/copyRight.png);
	background-repeat:no-repeat;
	background-position: center top;
	margin-top:10px;
	text-indent:-3000px;
	clear:both;
	
	
	}
	 	.page {
	font-size: 12px;
	max-width:760px;
	width:auto;
	text-align: right;
	margin: 4px 0px;
}
.page a {
	color: #999999;
	font-size: 12px;
}
.page a:hover {
	color: #990000;
}

.pageSymbol {
	font-family: Webdings;
}
}