@charset "utf-8";
@import "main.calender.css";
@import "main.poppanel.css";

/* CSS Document */
* { outline: 0; }
a { text-decoration: none; }
img, input { border:0; }
body, div, form { margin: 0; padding: 0; }
body { background: transparent url(../img/bgtemp.png) center 0 repeat-x;  }

.wrapper {
	width: 960px;
	margin: 0 auto;
}
#popWrapper {
	left: 50%;
	top: 0;
	margin-left: -480px;
	width: 960px;
	position: absolute;
	z-index: 99;
	display: none;
	}
.trans {
	width: 100%;
	height: 100%;
	background-color: #000;
	position: absolute;
	top:0;
	left: 0;
	display: none;
	z-index: 10;
}

#top { overflow: hidden; }
#topNav {
	float: right;
	position: relative;
	background: transparent url(../img/loginui_sprite.png) left -209px no-repeat;
	padding: 0 0 0 4px;
	margin: 0 4px 0 0;
	}
	#topNav #tNwrapper { 
		background: transparent url(../img/loginui_sprite.png) right -209px no-repeat; 
		display: block;
		padding: 6px 8px 10px 8px;
		margin: 0 -4px 0 0;
		height: 26px;
		line-height: 26px;
		}
#topNav a {
	color: #939393;
	font-size: 12px;
	margin: 0 8px 0 0;
	}
	#topNav a:hover { color: #A5A5A5; }
	#topNav a span {
		padding: 0 14px;
		background: transparent url(../img/loginui_sprite.png) right 6px no-repeat;
	}
	#topNav a#pContact span { padding-left: 0; }
#topNav input {
	background:transparent url(../img/loginui_sprite.png) left -180px no-repeat;
	width: 148px;
	height: 20px;
	line-height: 20px;
	margin: 0 0 0 14px;
	padding: 3px 4px;
	vertical-align: middle;
	border: 0;
	}
	#topNav input.searchSubmit { background-position: right -180px; width: 24px; height: 26px; padding:0; margin: 0; cursor: pointer; }
	
#loginDetail, #contactDetail {
	overflow: hidden;
	width: 228px;
	position: absolute;
	/*left: 556px;*/
	left: 616px;
	top: 4px;
}
#contactDetail { width: 246px; /*left: 671px;*/ margin-left:50%; left: 191px; display: none; z-index: 99; }
.panelDetail {
	font-size: 12px;
	background: transparent url(../img/loginui_sprite.png) left bottom no-repeat;
	padding: 0 0 0 3px;
	}
	.panelDetail .panelDetailWrapper {
		background: transparent url(../img/loginui_sprite.png) right bottom no-repeat;
		width: 198px;
		padding: 0 14px 10px 13px;
	}
	#contactDetail .panelDetail .panelDetailWrapper { width: 216px; }
#loginDetail a.panelOpen, #contactDetail a.panelOpen {
	font-size: 12px;
	color: #666;
	background: transparent url(../img/loginui_sprite.png) -73px -81px no-repeat;
	padding: 3px 0 0 3px;
	margin: 0;
	height: 35px;
	width: 63px;
	display: block;
	position: relative;
	}
	#loginDetail a.panelOpen span, #contactDetail a.panelOpen span {
		background: transparent url(../img/loginui_sprite.png) right -81px no-repeat;
		display: block;
		height: 29px;
		width: 225px;
		padding: 9px 0 0 0;
		margin: -3px 0 0 0;
		text-indent: 15px;
	}
	#contactDetail a.panelOpen span { padding: 9px 8px 0 10px; text-indent: 0; }
#loginDetail label {
	line-height: 24px;
	display: block;
}
#loginDetail input, #contactDetail input {
	width: 186px;
	height: 16px;
	line-height: 22px;
	background: transparent url(../img/loginui_sprite.png) right -147px no-repeat;
	margin: 0;
	padding: 6px;
	}
	#contactDetail input { padding-left: 26px; width: 166px; }
	#loginDetail input:focus, #contactDetail input:focus { background-position: -200px -147px; }
	.panelDetail .panelDetailWrapper div { margin: 10px 0 0 0; overflow: hidden; }
	#loginDetail .panelDetailWrapper div input {
		background: transparent url(../img/loginui_sprite.png) left -81px no-repeat;
		width: 70px;
		height: 30px;
		float: left;
		cursor: pointer;
		}
		#loginDetail .panelDetailWrapper div input:hover { background-position: left -114px; }
		#loginDetail .panelDetailWrapper div input:active { background-position: left -147px; }
.panelDetail .panelDetailWrapper div a {
	float: right;
	color: #2B6CAE;
	font-weight: normal;
	background: transparent url(../img/loginui_sprite.png) 0 -26px no-repeat;
	line-height: 30px;
	padding: 0 0 0 18px;
	}
	.panelDetail .panelDetailWrapper div a:hover { color:#3F87CF; }
#contactDetail #ct1, #contactDetail #ct2 { 
	margin: -1px -6px 6px -6px;
	padding: 8px;
	border: solid 1px #ccc;
	display: none;
	}
#contactDetail #ct1 p {
	font-size: 12px;
	font-weight: bold;
	margin: 6px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #ddd;
	}
#contactDetail #ct1 p span {
	font-size: 9px;
	font-weight: normal;
	display: block;
	color: #888;
	margin-top: 6px;
	}
#contactDetail #ct1 li {
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	background: transparent url(../img/topicul.gif) left 2px no-repeat;
	}
#contactDetail ul { margin: 0 0 6px 0; padding: 0; list-style: none; }
#contactDetail #ct2 { padding:8px 14px; } 
#contactDetail #ct2 li { overflow: hidden; position: relative; padding: 6px 0; }
#contactDetail #ct2 label { 
	position: absolute;
	left: 0;
	top: 6px;
	color: #777;
	display: block;
	height: 28px;
	line-height: 28px;
	text-indent: 28px;
	width: 80px;
	background: transparent url(../img/contactui_sprite.png) 0 -70px no-repeat;
	}
	#contactDetail #ct2 label.email { background-position: 0 -98px; }
	#contactDetail #ct2 label.title { background-position: 0 -127px; }
	#contactDetail #ct2 label.focus { text-indent: -999px; width: 60px; }
#contactDetail textarea { 
	background: transparent url(../img/contactui_sprite.png) 0 -169px no-repeat;
	height: 128px;
	padding: 6px;
	border: 0;
	width: 186px;
	font-size: 12px;
	margin: 0 0 6px 0;
	}
	#contactDetail textarea:focus { background-position: right -169px; }
#contactDetail input.submit {
	display: block;
	width: 70px;
	height: 30px;
	background: transparent url(../img/contactui_sprite.png) -330px -67px no-repeat;
	cursor: pointer;
	float: left;
	}
	#contactDetail input.submit:hover { background-position: -330px -100px; }
	#contactDetail input.submit:active { background-position: -330px -133px; }
#contactDetail #ct2 a { background: none; }
#contactDetail #tabCtrl { 
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	position: relative;
	}
#contactDetail #tabCtrl  li {
	float: left;
	margin: 0 4px 0 0;
	}
#contactDetail #tabCtrl  li a {
	background: transparent url(../img/contactui_sprite.png) left top no-repeat;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 4px;
	color: #777;
	}
#contactDetail #tabCtrl  li a span {
	background: transparent url(../img/contactui_sprite.png) right top no-repeat;
	display: block;
	height: 30px;
	padding: 0 8px 0 4px;
	}
#contactDetail #tabCtrl  li.tabNow a, #contactDetail #tabCtrl  li a:hover { background-position: left -33px; color: #555; }
#contactDetail #tabCtrl  li.tabNow span, #contactDetail #tabCtrl  li a:hover span { background-position: right -33px; }	

#top h1 {
	background: transparent url(../img/logo.png) 15px 0 no-repeat;
	width: 150px;
	/*height: 53px;*/
	height: 68px;
	text-indent: 160px;
	overflow: hidden;
	white-space: nowrap;
	margin: 10px 0 15px 0;
	padding: 0 0 0 10px;
	}
	#top h1 a {
		display: block;
		/*line-height: 53px;*/
		line-height: 68px;
	}
#skipfn {
	background: transparent url(../img/skipfn.png) 0 0 no-repeat;
	display: block;
	position: absolute;
	padding-left: 20px;
	right: 0;
	bottom: -26px;
}

/*MENU*/
ul#menu {
	font-size: 12px;
	margin:-3px 0 5px 0;
	padding:3px 3px 0 3px;
	overflow: hidden;
	background: transparent url(../img/menubar.png) 0 3px no-repeat;
	}
ul#menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
}
ul#menu li a {
	display: block;
	width: 106px;
	height: 46px;
	line-height: 46px;
	text-indent: -9999px;
	overflow: hidden;
	}
ul#menu li a:hover, .pageNow a, .hoverNow a {
	background: transparent url(../img/menuhover.png) 0 0 no-repeat;
	padding: 3px 0 0 0;
	margin: -3px 0 0 0;
}

/*SUBMENU*/
ul#menu li ul {
	position: absolute;
	margin: 0;
	padding: 0;
	background: #FFB84D url(../img/submenu_bg.gif) left bottom no-repeat;
	display: none;
	overflow: hidden;
	z-index: 99;
}
ul#menu li ul li {
	float: none;
}
ul#menu li ul li a {
	color: #FFF;
	text-indent: 0;
	display: block;
	height: 30px;
	line-height: 30px;
	}
	ul#menu li.pageNow ul li a, ul#menu li.hoverNow ul li a { padding: 0; margin: 0; background: none; }
	ul#menu li ul li a:hover {
		font-weight: bold;
		background-image: none ;
		background-color: #FFBF1D;
		padding: 0;
		margin: 0;
		height: 29px;
		line-height: 29px;
		border-bottom: solid 1px #FFCA7A;
	}
#banner { height: 186px; overflow: hidden; }
#header {
	overflow: hidden;
}
#header ul.tabMenu {
	margin:-30px 0 0 3px;
	padding: 0;
	overflow: hidden;
	position:  relative;
	z-index: 9;
}
ul.tabMenu li {
	float: left;
	width: 114px;
	line-height: 30px;
	margin: 0 3px;
	list-style: none;
	text-align: center;
}
ul.tabMenu li a {
	font-size: 12px;
	font-weight: bold;
	color: #E1D4E1;
	background: transparent url(../img/rcui_sprite.png) -115px 0 no-repeat;
	display: block;
}
ul.tabMenu li a:hover, ul.tabMenu li.tabMenuNow a  {
	color: #666;
	background: transparent url(../img/rcui_sprite.png) 0 0 no-repeat;
}
ul.plus li { width: 106px; }
ul.plus li a { background-position: -337px 0; }
ul.plus.tabMenu li a:hover, ul.plus.tabMenu li.plus.tabMenuNow a  { background-position: -230px 0; }



body #secLeft.fontm { font-size: 0.8em; }
body #secLeft.fontl { font-size: 0.9em; }

.sec {
	min-height: 200px;
}
#secLeft {
	float: left;
	width: 676px;
	padding: 0 6px;
	font-size: 0.75em;
}
#secRight {
	margin: 0 0 0 688px;
	}
	#secRight ul, #sceRight li { padding: 0; margin: 0; list-style: none; }

#pInfo {
	background-color: #FFD62F;
	float: right;
	width: 252px;
	height: 186px;
	padding: 0 10px;
	overflow: hidden;
}
#pInfo h3 {
	color: #333;
	background-color: #FDBE02;
	font-size: 22px;
	margin: 0 -10px;
	padding: 10px;
	}
	#pInfo h3 span { font-size: 13px; }
/*Before Login*/
#logInfo { padding: 8px 0; font-size: 11px; margin: 0; }
#logInfo h1 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; }
#logInfo a { font-size: 13px; color: #666; font-weight: bold; }
#logInfo a:hover { color: #888; }
#logInfo a.button {
	font-size: 13px;
	background: transparent url(../img/settingui.png) -692px -13px no-repeat;
	padding: 0 0 0 2px;
	display: inline-block;
	}
	#logInfo a.button:hover { background-position: -692px -47px; }
	#logInfo a.button:active { background-position: -692px -81px; }
	#logInfo a.button span {
		background: transparent url(../img/settingui.png) right -13px no-repeat;
		padding: 0 14px 0 12px;
		display: inline-block;
		line-height: 30px;
		}
		#logInfo a.button span:hover { background-position: right -47px; }
		#logInfo a.button span:active { background-position: right -81px; }
	
	/*daily*/
	#logInfo p.dailyTip { 
		background: transparent url(../img/dailytip.png) 4px 8px no-repeat;
		margin: 0 0 10px 0;
		padding: 0 8px 0 60px;
		min-height: 80px;
		}
	#logInfo p.dailyTip span { 
		background: transparent url(../img/dailytip.png) left bottom repeat-x;
		line-height: 1.5em;
		font-size: 13px;
		font-weight: bold;
		padding-bottom: 4px;
		font-style: normal;
		}


/*Logged*/
#logInfo h4 {
	margin:0;
}
#logInfo h4 span { font-weight: normal; padding-left: 10px; color: #666; }
#logInfo p {
	margin:0;
	padding: 8px 0;
	color:#444;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#logInfo input {
	color: #666;
	font-weight: bold;
	width: 69px;
	height: 26px;
	background: transparent url(../img/formbutton_bg_s.png) center top no-repeat;
	cursor: pointer;
	}
	#logInfo input:hover { background-position: center center; }
	#logInfo input:active { background-position: center bottom; }

ul#functionTab {
	background: transparent url(../img/functiontab_sprite.png) 0 -143px no-repeat;
	height: 37px;
	padding-left: 9px;
	overflow: hidden;
}
#functionTab li {
	float: left;
	background: transparent url(../img/functiontab_sprite.png) 0 -76px no-repeat;
	padding: 0 0 0 6px;
	margin: 6px 4px 0 0;
	}
	#functionTab li:hover, #functionTab li.ftNow { background-position: 0 -41px; }
	#functionTab li:hover a, #functionTab li.ftNow a { background-position: right -41px; color:#999; }

#functionTab li a {
	display: block;
	background: transparent url(../img/functiontab_sprite.png) right -76px no-repeat;
	height: 31px;
	font-size: 12px;
	padding: 0 4px 0 0;
	color: #666;
	}
	#functionTab li#setting.ftNow { background-position: 0 -110px; }
	#functionTab li#setting.ftNow a { background-position: right -110px; color: #CCC; }
	#functionTab li a span {
		line-height: 31px;
		padding: 0 6px 0 26px;
		background: transparent url(../img/functiontab_sprite.png) 0 0 no-repeat;
		}
		#functionTab li#calender a span { background-position: 0 -12px; }
		#functionTab li#shoppingKart a span { background-position: -123px -12px; }
		#functionTab li#setting a span { background-position: -251px -12px; }

.functionPanel {
	border: solid 1px #CCC;
	border-top: none;
	display: none;
}
ul#settingWidget {
	padding: 6px;
	padding-bottom: 20px;
	overflow: hidden;
	background: transparent url(../img/settingbg.gif) 0 0 repeat;
	margin: 0 -1px;
	width: 260px;
}
.fpActive { display: block; }


/*CHECKOUT - fp2*/
#fp2 a { color: #666; }
#fp2 a:hover { color:#7CA4D5; }
#fp2 ul { padding: 10px; }
#fp2 ul li { border-bottom: solid 1px #DDD; overflow: hidden; color: #333; }
#fp2 ul li.shoppingTitle { border-bottom: solid 3px #8970B4; }
#fp2 ul li.bonus { border-bottom: solid 3px #555; border-top: dashed 1px #999; margin-top: 8px; }
#fp2 ul li.shoppingTitle span.tdName { font-weight: normal; }
#fp2 ul li.totalPrice { padding: 6px 0; border-bottom: none; background-color: #EEE; }
#fp2 ul li.scbt { border-bottom: none; padding: 8px 0; }
#fp2 span { display: block; float: left; line-height: 36px; height: 36px; overflow: hidden; font-size: 11px; padding: 0 1%; text-indent: 1px; }
#fp2 span.tdName { width: 57%; font-weight: bold; }
#fp2 span.tdAmount { width: 15%; text-align: right; }
#fp2 span.tdSubsum { width: 22%; text-align: right; }
#fp2 span.tdTotalTitle { width: 38%; }
#fp2 span.tdTotalPrice { width: 58%; text-align: right; font-size: 1.3em; }
#fp2 ul li a.button { background: transparent url(../img/formbutton_bg_s.png) center top no-repeat; width: 69px; height: 26px; line-height: 26px; text-align: center; display: block; font-size: 11px; font-weight: bold; float: right; color:#555; margin: 0 0 0 6px; }
#fp2 ul li a.button:hover { background-position: center center; }
#fp2 ul li a.button:active { background-position: center bottom; }

#fp2 input.tdAmount { width: 13%; padding:2px 1%; border: solid 1px #CCC; float: left; line-height: 18px; height: 18px; text-align: right; margin-top: 6px; }
#fp2 input.tdAmount:focus { background-color: #FFC; }

/*MEMBER SETTING - fp3*/
#fp3 ul li {
	float: left;
	width: 76px;
	height: 86px;
	margin: 5px;
	overflow: hidden;
	background: transparent url(../img/settingui.png) -692px -247px no-repeat;
	}
	#fp3 ul li:hover { background: transparent url(../img/settingui.png) -768px -247px no-repeat; }
#fp3 ul li a {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	line-height: 140px;
	display: block;
	text-align: center;
	background: transparent url(../img/functionicon_100.png) 10px 4px no-repeat;
	}
	#fp3 ul li a:hover { }
	#fp3 li#sW1 a { background-position: 10px 4px; }
	#fp3 li#sW2 a { background-position: -77px 4px; }
	#fp3 li#sW3 a { background-position: -161px 4px; }
	#fp3 li#sW4 a { background-position: -245px 4px; }
	#fp3 li#sW5 a { background-position: -332px 4px; }
	#fp3 li#sW6 a { background-position: -417px 4px; }
	#fp3 li#sW7 a { background-position: -506px 4px; }
	#fp3 li#sW8 a { background-position: -592px 4px; }
	#fp3 li#sW9 a { background-position: -675px 4px; }


#fontSize{
	text-align: right;
	line-height: 36px;
	font-size: 11px;
	color: #666;
	}
	#fontSize a { 
		padding: 0 2px;
		color: #CCC;
		font-weight: bold;
		font-family: Times new romes, times, serif;
		}
	a#sp { font-size: 12px; }
	a#mp { font-size: 15px; }
	a#lp { font-size: 18px; }
	#fontSize a.sizeNow, #fontSize a:hover { color: #A347B2; }


/*breadCrumb*/
#breadCrumb { float: left; line-height: 36px; color:#666; list-style: none; margin:0 0 0 -20px; padding:0; overflow: hidden; }
#breadCrumb li {
	float: left;
	margin:0;
	padding:0 0 0 20px;
	background: transparent url(../img/content_sprite.png) 8px -62px no-repeat;
	}
#breadCrumb a { color:#5589C8; }
#breadCrumb a:hover { color: #7CA4D5; }


/*PAGINATION*/
#pagination {
	list-style: none;
	overflow: hidden;
	padding: 4px 10px 4px 12px;
	margin: 0 0 0 -6px;
	/*background-color: #F2F2F2*/
}
#pagination li {
	padding: 0;
	margin: 0;
	float: left;
	line-height: 2.6em;
	color: #666;
}
#pagination li#pageInfo {
	float: right;
	}
	#pagination #pageInfo em {
		font-weight: bold;
		font-size: 1.2em;
		padding: 0 4px;
		color: #C781DE;
	}
#pagination li a {
	color: #666;
	padding: 4px 8px;
	border: solid 1px #CCC;
	background-color: #FFF;
	}
	#pagination li a:hover {
		background-color: #A885C5;
		color: #FFF;
	}
#pagination li span.pageNow {
	font-weight: bold;
	padding: 4px 8px;
	border: solid 1px #FFF;
}

/**/
.OverviewOuter { 
	background: transparent url(../img/content_sprite.png) right -104px no-repeat;
	padding: 8px 0 0 0;
	color: #666;
	margin: 0 0 20px -6px;
	}
.OverviewInner { 
	background: transparent url(../img/content_sprite.png) right bottom no-repeat;
	padding: 8px 0 14px 6px;
	overflow: hidden;
	}


/*AD*/
div#ADsection {
	border: none;
	margin: 5px 0;
}
div#ADsection ul li {
	width: 272px;
	overflow: hidden;
	margin: 3px 0;
}
div#ADsection ul li a {
	display: block;
}


#body { overflow:hidden; padding: 5px 0 10px 0; clear: both;}

#frontpage { background: #FFF; }


/*Search Recommend*/
#searchRecommend {
	border: solid 1px #DDD;
	background: #FFF;
	width: 178px;
	position: absolute;
	right: 50%;
	top: 32px;
	z-index: 15;
	margin-right: -472px;
	}
#searchRecommend ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#searchRecommend li {
	overflow: hidden;
	border-bottom: solid 1px #DDD;
	margin: 0;
	padding: 0 8px;
	cursor: pointer;
	}
#searchRecommend li span {
	display: block;
	float: left;
	font-size: 11px;
	width: 100px;
	overflow: hidden;
	line-height: 24px;
	
	}
#searchRecommend li span.stime {
	font-size: 10px;
	float: right;
	width: 60px;
	text-align: right;
	}

/*Footer*/
#footer { 
	padding: 25px 0 0 0;
	margin-bottom: 25px;
	background: transparent url(../img/message.gif) right 98px no-repeat;
	clear: both;
	overflow: hidden;
	}
ul#footerLink { margin: 20px -1px 0 0; padding: 0; float: right; list-style: none;}
ul#footerLink li {
	font-size: 12px;
	display: block;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	border-right: solid 1px #CCC;
	}
	ul#footerLink li a { color: #4A87CA; }
	ul#footerLink li a:hover { color: #87ABE2; }
#comInfo {
	border-top: solid 1px #DDD;
	font-size: 12px;
	color: #555;
	padding: 10px 0 0 4px;
}
#comInfo span {
	font-size: 10px;
	display: block;
	margin-bottom: 6px;
	color: #666;
}
#comInfo span.other {
	font-size: 18px;
	color: #333;
	font-family: "Times New Roman", Times, serif;
}
#copyright {
	color: #999;
	font-size: 10px;
}
#copyright a {
	/* color: #333; */
	color: #999;
	font-size: 10px;
}
#copyright a:hover {
	color: #666;
	font-size: 10px;
}