/*-------------------------------------------------------------------

Filename: style.css
Description: main css style
Version: 1.0
Website: http://www.hoganbakery.com.tw
Author: Matt Kan

Page width: 975px

--------Readme Begin------------------------------------------------------*/

/*****Basic Elements*****/
/*Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc*/

/*****Generic Classes*****/
/*Define styles for general use like floating to the sides, etc*/

/*****Element Layout*****/  
/*Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site*/

/*-------Readme End--------------------------------------------------------*/

@charset "utf-8";

/*****Basic Elements*****/

html {
	height:100%;
	width:100%;
	}

body {
	background:black;
	behavior:url("/Scripts/csshover3.htc");
	font:normal normal normal 13px/1.5 Arial, Helvetica, sans-serif;
	height:100%;
	width:100%;
	position:relative;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	font-family:"微軟正黑體", "蘋果儷中黑", "新細明體", Arial, Helvetica;
	}

a {
	color:inherit;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

p {
	}

table {
	
	}

td {
	
	}

/*****Generic Classes*****/

.bold {
	font-weight:bold;
	}

.cartTopPadding {
	padding-top:150px;
	}

.clear {
	clear:both;
	font-size:0;
	height:0;
	width:0;
	}

.clear_l {clear:left;}

.crumbs {
	}

.float_r {float:right;}

.float_l {float:left;}

.fontNum {
	font-family:Arial, Helvetica, sans-serif;
	}

.formIndent {
	padding:0 0 0 80px;
	}

.formInput {
	margin:0.5em 0;
	}

.gold {
	color:#c69c6d;
	}

.gray666 {
	color:#666;
	}

.gray999 {
	color:#999;
	}

.height733 {
	height:733px;
	}

.margin_l_13px {
	margin-left:13px;
	}

.orange {
	color:#ef6a29;
	}

.orangef63 {
	color:#f63;
	}

.pageTitle {
	color:#f63;
	font:bold 15px/1.5 "新細明體", "蘋果儷細宋", Arial, Helvetica;
	padding:150px 0 0;
	}

.white {
	color:white;
	}

.zipcode-zip {
	width:3em;
	}

/*Element Layout*/

a.buy {
	background:url(/payment/images/buy01.gif) no-repeat 50% 50%;
	display:block;
	float:left;
	width:116px;
	height:36px;
	margin-top:13px;
	}

a.buy:hover {
	background:url(/payment/images/buy02.gif) no-repeat 50% 50%;
	}

a.captchaChange,
a.inlineLink {
	color:#f63;
	}

a.cart {
	background:url(/images/cart01.png) no-repeat 50% 50%;
	font-size:0;
	width:90px;
	height:24px;
	position:relative;
	top:-7px;
	}

a.cart:hover {
	background:url(/images/cart02.png) no-repeat 50% 50%;
	}

a.checkout {
	background:url(/payment/images/sprite-btn.gif) no-repeat 0 -172px;
	display:block;
	float:left;
	width:116px;
	height:36px;
	margin:1em 0 0 1em;
	}

a.checkout:hover {
	background:url(/payment/images/sprite-btn.gif) no-repeat 0 -258px;
	}

a.memberLoginMenu {
	color:#f63;
	padding:1em;
	text-decoration:underline;
	}

a.prodList,
a.prodListImg {
	background: no-repeat 50% 50%;
	border:1px solid white;
	display:block;
	width:109px;
	height:95px;
	}

a.prodList:hover {
	position:relative;
	top:-15px;
	}

a.previous {
	background:url(/images/sprites.png) no-repeat;
	background-position: 0 -1926px;
	display:block;
	width:89px;
	height:27px;
	margin:30px 20px 0 0;
	}

a.previous:hover {
	background-position: -139px 0;
	}

a.previousEnd {
	display:block;
	width:89px;
	height:27px;
	margin:30px 20px 0 0;
	}

a.next {
	background:url(/images/sprites.png) no-repeat;
	background-position: 0 -1644px;
	display:block;
	width:66px;
	height:23px;
	margin:30px 0 0 20px;
	}

a.next:hover {
	background-position: 0 -1717px;
	}

a.nectEnd {
	display:block;
	width:66px;
	height:23px;
	margin:30px 0 0 20px;
	}

body.handmade {
	background:black url(/concept/images/bg_handmade.jpg) no-repeat 50% top;
	}

body.cart {
	background:white;
	}

body.cart div.container {
	height:auto;
	margin-bottom:1em;
	}

body.cart h3 {
	color:#f63;
	font:bold 2em/1 Arial, Helvetica, sans-serif;
	}

body.cart h3.shoppingNotice {
	background:url(/payment/images/bg-cart-shoppingNotice.jpg) no-repeat 50% 50%;
	color:white;
	font-size:13px;
	margin:1em 0 0;
	padding:6px 0 6px 13px;
	}

body.cart ul.shoppingNotice {
	color:#666;
	padding:13px;
	}

body.cart ul.shoppingNotice li {
	border-bottom:1px dotted #c69c6d;
	padding:10px;
	}

body.cart ul.shoppingNotice li span {
	color:#f63;
	}

body.cart ul.shoppingNotice ol {
	margin-left:26px;
	}

body.cart ul.shoppingNotice ol li {
	border:0;
	list-style:decimal;
	padding-left:0;
	}

body#champion {
	color:#666;
	}

body#champion div.content {
	background: no-repeat 0 100px;
	height:500px;
	padding:140px 0 0 657px;
	position:relative;
	}

body#champion div.addCart {
	display:block;
	}

body#champion div.addCart {
	position:absolute;
	bottom:20px;
	}

body#champion div.addCart img {
	position:absolute;
	bottom:160px;left:-12px;
	}

body#champion div.material {
	float:left;
	padding:13px;
	position:relative;
	width:459px;height:205px;
	}

body#champion h1 {
	color:black;
	font:bold 28px/1 "新細明體", "蘋果儷細宋", Arial, Helvetica;
	margin-bottom:6px;
	}

body#champion h2 {
	color:black;
	font:bold 1.5em/1 Arial, Helvetica, sans-serif;
	margin:1.5em auto;
	}

body#champion h2.prodNameIntro {
	border:0;
	font:normal 1.2em/1.2 Arial, Helvetica, sans-serif;
	margin:0 0 1em;
	}

body#champion h2 span.subtitle {
	color:#9C611E;
	font:normal 0.8em/1 Arial, Helvetica, sans-serif;
	}

body#champion p.desc {
	padding-left:175px;
	}

body#champion p.intro {
	color:#9C611E;
	margin-top:20px;
	}

body#champion p.last {
	border-bottom:1px solid;
	margin-bottom:1.5em;
	padding-bottom:1.5em;
	}

body#champion p.material, body#champion p.prod_desc {
	margin-bottom:13px;
	}

body#champion p.title {
	background:url(/product/images/bg_litchiName.jpg) no-repeat 50% 50%;
	clear:left;
	color:white;
	float:left;
	font:bold 1.1em/24px "新細明體", "蘋果儷細宋", Arial, Helvetica;
	margin:0 0 13px 6px;
	text-align:center;
	width:104px;height:24px;
	}

body.culture {
	background:black url(/concept/images/bg_culture.jpg) no-repeat 50% top;
	}

body.people {
	background:black url(/concept/images/bg_people.jpg) no-repeat 50% top;
	}

body.store {
	background:black url(/store/images/store.jpg) no-repeat 50% 90px;
	}

body.store div.store_intro {
	/*background:url(/store/images/intro.gif) no-repeat 50% 450px;*/
	color:white;
	padding:450px 20px 20px;
	width:455px;height:88px;
	}

body.store div.store_intro p span {
	color:#c69c6d;
	font-weight:bold;
	}

body.store ul.store_info {
	border-top:1px solid #999;
	margin:0 20px 20px;
	padding-top:5px;
	width:455px;
	}

body.store ul li span {
	color:#999;
	}

body.store iframe {
	border:5px solid #999;
	position:absolute;
	top:440px;left:500px;
	}

body.store small {
	display:none;
	}

body#concept div.height733,
body.store div.height733 {
	height:733px;
	}

body#home {
	overflow:hidden;
	}

body#home #base_area {
	height:95px;
	padding:0;
	}

body#home #base_area div.container {
	height:0;
	}

body#home #base_area div.bg {
	background:black;
	filter: alpha(opacity=50);
	opacity: .5;
	height:95px;
	}

body#home #base_area div.news a {
	color:#c69c6d;
	}

body#home #footer {
	background:black url(/images/bg_footer.jpg) no-repeat 50% 50%;
	height:27px;
	width:100%;
	padding-top:11px;
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	}

body#home #footer p.copyright, div.footer p.copyright {
	color:#999;
	font-size:0.9em;
	}

body#product.litchi {
	color:#666;
	}

body#product.litchi h1 {
	background:url(/product/images/litchi_03.gif) no-repeat 50% 50%;
	font-size:0;
	line-height:0;
	margin-bottom:6px;
	width:118px;height:28px;
	}

body#product.litchi p.intro {
	color:#f63;
	font-size:1.1em;
	}

body#product.litchi h2 {
	color:black;
	font-size:1.2em;
	margin:6px 0;
	}

body#product.litchi p.content {
	border-bottom:1px solid;
	margin-bottom:13px;
	padding-bottom:13px;
	}

body#product.litchi p.title {
	background:url(/product/images/bg_litchiName.jpg) no-repeat 0 50%;
	color:white;
	float:left;
	font:bold 1.1em/24px "新細明體", "蘋果儷細宋", Arial, Helvetica;
	margin-bottom:6px;
	padding-left:6px;
	width:300px;height:24px;
	}

body#product.litchi p.desc {
	float:left;
	width:300px;
	}

body#product.litchi div.clear {
	height:13px;
	}

body#product.litchi div.material {
	width:488px;
	}

body#product.litchi div.litchi {
	border:1px solid;
	padding:7px;
	position:absolute;
	top:405px;right:0;
	}

body#product.litchi div.litchi ul {
	margin:1em;
	}

body#product.litchi div.litchi form {
	/*position:relative;
	top:-50px;left:200px;*/
	}

body#product.litchi div.litchi form a.addCart {
	display:block;
	}

body#champion div.bg,
body#product div.bg,
body#memberLogin,
body#signup,
body#memberData,
body#orderList {
	background:white;
	min-height:737px;
	height:auto!important;
	height:737px;
	position:relative;
	}

body#product div#base_area {
	height:97px;
	padding:0;
	/*position:static;*/
	position:absolute;
		bottom:0;
	}

body#product.detail div.container {
	padding:0 0 0em;
	}

body#product.detail div.content {
	background: no-repeat left 6em;
	height:472px;
	/*padding:168px 0 0 657px;*/
	padding:130px 0 0 657px;
	}

body#product.list a.previous,
body#product.list a.next {
	margin-bottom:30px;
	}

body#product.list div.content {
	min-height:537px;
	height:auto!important;
	height:537px;
	padding:200px 0 50px 309px;
	position:relative;
	}

body#product.list div.prodClass {
	position:absolute;
	top:200px;left:0px;
	}

body#product.list h2.prodClass_en {
	background:url(/product/images/prodClass_underline.png) no-repeat left bottom;
	padding-bottom:13px;
	}

body#product.list p.prodClass_desc {
	line-height:2;
	padding-top:13px;
	width:244px;
	}

body#product div.addCart {
	position:absolute;
	bottom:60px;
	/*bottom:130px;*/
	}

body#product div.addCart div.flavour {
	border-bottom:1px dashed #666;
	color:#666;
	margin-bottom:13px;
	padding-bottom:13px;
	}

body#product div.addCart span {
	margin:10px 0;
	}

body#product ul.shoppingNotice {
	border:1px dashed #666;
	border-width:1px 0 0 0;
	padding:1em 0;
	}

div.container {
	margin:0 auto;
	width:975px;height:100%;
	position:relative;
	}

div#contentMinHeight {
	min-height:650px;
	height:auto!important;
	height:650px;
	}

div.footer {
	background:black url(/images/bg_footer.jpg) no-repeat 50% 50%;
	height:27px;
	width:100%;
	padding-top:11px;
	}

div.culture {
	/*background:url(/concept/images/p_culture.png) no-repeat 50% 50%;*/
	position:absolute;
	top:220px;left:425px;
	width:478px;height:334px;
	}

div.culture p {
	padding:110px 23px 0 32px;
	}

div.deliverDate {
	padding:0 0 0 6px;
	}

div.handmade {
	/*background:url(/concept/images/p_handmade.png) no-repeat 50% 50%;*/
	position:absolute;top:170px;left:465px;
	width:455px;height:311px;
	}

div.handmade p {
	padding:100px 30px 0;
	}

div.handmade p span {
	font-size:1.7em;
	font-weight:bold;
	font-family: "新細明體", "蘋果儷細宋", Arial, Helvetica;
	}

div.memberLoginMenu {
	color:#f63;
	padding:1em;
	text-align:center;
	}

div.nav_page {
	float:right;
	font-size:0.85em;
	height:2em;
	margin:0 0 1em;
	}

div.nav_page a,
div.nav_page span {
	background:black;
	border:1px solid black;
	color:white;
	display:block;
	float:left;
	margin:2px;
	padding:0 4px;
	}

div.nav_page a:hover {
	background:#ccc;
	color:black;
	text-decoration:none;
	}

div.nav_page span.current {
	background:white;
	color:black;
	}

div.orderProperties {
	margin:1em 0;
	}

div.paochun {
	position:absolute;
	top:270px;left:765px;
	width:232px;height:334px;
	}

div.polo {
	position:absolute;
	top:255px;left:30px;
	width:407px;height:143px;
	}

div.paochun,
div.polo {
	font-size:0.9em;
	}

div.prodListItem {
	float:left;
	margin-bottom:30px;
	width:111px;
	}

div.prodListItem:hover a.prodListImg {
	position:relative;
	top:-15px;
	}

div.prodListItem:hover p.prodListName {
	color:#f63;
	}

div.submit {
	text-align:center;
	}

fieldset.standard {
	border:1px dotted #c69c6d;
	padding:1em;
	}

form.cart {
	margin-bottom:13px;
	}

form.cart fieldset {
	border:1px dotted #c69c6d;
	margin:10px;
	padding:6px 13px;
	}

form.cart fieldset legend {
	background:white;
	color:#f63;
	padding:0 6px;
	}

form.cart fieldset span {
	display:block;
	padding:6px;
	}

form.cart input#agreement {
	margin-left:13px;
	}

form.cart label.agreementLabel {
	color:#c69c6d;
	font-size:1.2em;
	font-weight:bold;
	margin-right:13px;
	text-decoration:underline;
	}

form.cart input#name,
form.cart input#phone,
form.cart input#invoiceNum {
	margin-right:13px;
	}

form.cart div#invoiceWrapper {
	display:inline;
	margin-left:13px;
	}

form.cart #street,
form.cart #street1 {
	min-width:50%;
	width:auto!important;
	width:50%;
	}

form#memberLogin {
	display:block;
	margin:0 auto;
	padding:173px 0 0;
	width:350px;
	}

form.signup {
	margin:0 auto;
	width:700px;
	}

h2.prod_name_tw, h2.prodClass_tw {
	font:normal bold 30px/1 "新細明體", "蘋果儷細宋", Arial, Helvetica;
	margin-bottom:7px;
	}

h2.prod_name_en, h2.prodClass_en {
	color:#9c611e;
	font:italic bold 22px/1 "Times New Roman", Times, serif;
	}

h2.prod_name_en, p.material, p.prod_desc {
	margin-bottom:13px;
	}

h3.prodSubClass {
	background:url(/product/images/prodClass_underline.png) repeat-x left bottom;
	color:black;
	font:normal bold 1.5em/1 "新細明體", "蘋果儷細宋", Arial, Helvetica;
	margin:15px 0 15px 15px;
	padding-bottom:6px;
	width:4.5em;
	}

h5.storeName {
	color:#c69c6d;
	font-size:15px;
	margin:0 0 0 20px;
	}

img.captcha {
	display:block;
	}

img.longanBag {
	float:right;
	margin:1em 0 0 1em;
	}

img.materialPhoto {
	border:7px solid black;
	clear:left;
	float:left;
	margin:0 13px 0 0;
	}

input.format {
	float:left;
	}

input.memberLogin {
	width:200px;
	}

input#street {
	width:25em;
	}

label.memberLogin,
label.signup {
	display:block;
	float:left;
	text-align:right;
	width:80px;
	}

legend.standard {
	background:white;
	color:#f63;
	padding:0 6px;
	}

p.prodListName {
	background:url(/product/images/bg_prodName.jpg) no-repeat 50% top;
	color:white;
	line-height:30px;
	text-align:center;
	}

span.note {
	color:#999;
	margin:0 0 0 1em;
	}

span.notice,
p.notice {
	color:red;
	}

span.prodDetailPrice {
	font:normal normal 1.5em/1 Arial, Helvetica, sans-serif;
	padding:0 5px;
	}

table.cart {
	margin:15px 0 0;
	width:100%;
	}

table.cart thead {
	/*background:url(/payment/images/bg-cart-th.jpg) no-repeat 50% 50%;*/
	}

table.cart th {
	/*background:black;*/
	background:url(/payment/images/bg-cart-th.jpg) no-repeat 50% 50%;
	color:white;
	padding:5px;
	}

table.cart th.prodName {
	text-align:center;
	width:250px;
	}

table.cart th.prodFlavor {
	width:100px;
	}

table.cart th.prodUnit,
table.cart th.prodPrice,
table.cart th.prodAmount,
table.cart th.prodSubtotal,
table.cart th.prodDelete {
	text-align:right;
	width:50px;
	}

table.cart td {
	padding:5px;
	}

table.cart td.prodName,
table.cart td.prodFlavor,
table.cart td.prodNote {
	text-align:center;
	}

table.cart td.prodNote {
	color:red;
	}

table.cart td.prodUnit,
table.cart td.prodPrice,
table.cart td.prodAmount,
table.cart td.prodSubtotal,
table.cart td.prodDelete {
	text-align:right;
	}

table.cart td.transportPrice,
table.cart td.totalPrice {
	text-align:right;
	}

table.cart td.totalPrice {
	font-size:1.2em;
	}

table.cart tr.tfootTop td {
	border-top:1px solid black;
	}

table.cart td.transport,
table.cart td.total {
	text-align:right;
	}

table.cart td.totalPrice {
	color:#f63;
	font-weight:bold;
	}

table.orderList {
	border:1px dotted #c69c6d;
	margin:0 auto 1em;
	width:700px;
	}

table.orderList thead th {
	border-bottom:1px dotted #c69c6d;
	color:#f63;
	}

table.orderList th,
table.orderList td {
	font-weight:normal;
	padding:0.5em;
	}

table.orderList td.serial,
table.orderList td.date,
table.orderList td.receiver,
table.orderList td.orderStatus,
table.orderList td.deliverType {
	text-align:center;
	}

table.orderList td.deliverType {
	width:7em;
	}

table.orderList td.totalPrice,
table.orderList th.totalPrice {
	text-align:right;
	}

table.orderList a {
	color:#666;
	text-decoration:underline;
	}

table.prodInventory {
	float:left;
	margin:0 0 1em;
	}

table.prodInventory th {
	background:#666;
	color:white;
	}

table.prodInventory,
table.prodInventory td,
table.prodInventory th {
	border:1px solid gray;
	min-width:6em;
	width:auto!important;
	width:6em;
	padding:0.2em 0.3em;
	text-align:center;
	}

table.prodInventory th {
	width:2em;
	}

table.prodInventory th.prodName {
	width:auto;
	}

table.wrapper {
	width:100%;
	height:100%;
	position:relative;
	}

table.wrapper td {
	height:100%;
	width:100%;
	text-align:center;
	}

textarea.customerNote {
	width:97%;
	height:100%;
	}

ul.nav2 {
	color:white;
	float:right;
	}

ul.nav2 li {
	float:right;
	padding-top:3px;
	}

ul.nav2 li a {
	border-left:1px solid white;
	color:white;
	display:block;
	line-height:1;
	padding:0 6px;
	}

ul.nav2 li a.last {
	border-left:0;
	}

ul.memberNav {
	background:black;
	color:white;
	font-weight:bold;
	margin:15px 0;
	padding:5px 0;
	width:100%;height:20px;
	}

ul.memberNav li {
	border-left:1px white solid;
	float:left;
	padding:0 6px;
	}

ul.memberNav li.first {
	border:0;
	margin-left:137px;
	}

ul.memberNav li a {
	color:white;
	}

ul.memberNav li a:hover {
	color:#999;
	text-decoration:none;
	}

#aceptdate {
	text-align:center;
	}

#aceptdate h4 {
	font-size:1.2em;
	}

#base_area {
	height:69px;
	width:100%;
	padding:13px 0;
	position:absolute;
	right:0;
	bottom:38px;
	left:0;
	}

#base_area div.news {
	border-right:1px dashed white;
	height:69px;
	line-height:1.5;
	padding:0 13px;
	text-align:left;
	width:298px;
	}

#base_area div.news h3 {
	font-size:13px;
	}

#base_area div.news1 {
	position:absolute;
	left:0px;top:-82px;
	}

#base_area div.news2 {
	position:absolute;
	left:325px;top:-82px;
	}

#base_area div.news3 {
	position:absolute;
	right:0px;top:-82px;
	}

#base_area div.last {
	border-right:0;
	}

#base_area div.news h3 {
	font-family:"新細明體", "蘋果儷細宋", Arial, Helvetica;
	}

#base_area div.news p img {
	position:relative;
	left:3px;
	vertical-align:top;
	}

#day1 {
	display:inline;
	}
	
#deliverInfo_01,
#deliverInfo_01 span.notice {
	display:inline;
	}

#deliverInfo_02 {
	display:inline;
	}

#deliverInfo_02 li {
	float:left;
	}

#logo {
	background:url(/images/logo.gif) no-repeat 50% 50%;
	display:block;
	float:left;
	width:123px;
	height:130px;
	position:absolute;
	top:0;left:0;
	z-index:100;
	}

#swfcontent {
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	z-index:-100;
	}

#zipcode,
#zipcode1 {
	display:inline;
	}