@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
background-repeat:no-repeat;
}
html{
font-family:'Goudy old style',Arial;
color:#999999;
}
img{
border:0;
}
a{
cursor:pointer;
text-decoration:none;
color:#999999;
}
h2{
color:#333333;
font-size:18px;
}
#body{
padding-top:22px;
width:100%;
}
#body ul{
list-style-type:none;
}
#header{
position:relative;
width:850px;
height:100px;
margin: 0 auto;
}
#header img{
margin-top:60px;
z-index:1;
}
#bacLogo{
margin-top:-40px;
margin-right:30px;
float:left;
}
#footer{
margin-top:12px;
width:845px;
margin: 0 auto;
}
#footer img{
display:inline ;
margin:-2px;
}
#footer .copyright{
margin:0 105px 0 90px;
font-size:12px;
}
.hoverHandler{
	padding-right:-20px;
	}
#contents{
margin:8px auto;
width:820px;
min-height:460px;
border:#CCCCCC 2px solid;
position:relative;
}
.news{
background-image:url(../images/bg01.jpg);
background-position:bottom;
background-repeat:repeat-x;
}
#contents .bacW,
#contactUs{
position:absolute; 
top:0; 
right:0; 
text-align:left; 
padding:28px 0 28px 28px;
font-size:12px;
z-index:3;
width:330px; 
height:200px; 
}
#contents .product{
font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", serif;
position:absolute;
top:0;
text-align:left;
padding:28px 0 28px 28px;
font-size:13px;
z-index:3;
}

.whatNewsTitle{
text-align:left;
font-size:22px;
font-weight:600;
color:#000000;
padding-left:10px;
background-image:url(../images/titleBg.jpg);
background-position:0 20px;
}
.productTitle{
text-align:left;
font-size:22px;
font-weight:600;
color:#000000;
padding-left:10px;
background-image:url(../images/titleBg.jpg);
background-position:0 20px;
margin-bottom:20px;
}

#contents .bacW ul{
margin-top:20px;
margin-left:10px;
}
#contents .bacW li{
padding-left:30px;
padding-bottom:10px;
background-image:url(../images/whatNewsLi.jpg);
background-position: left;
}
#contents .bacW #serviceUl li{
padding:5px 0 5px 30px;
background-image:url(../images/service_icon.png);
-background-image:url(../images/service_icon.gif);
}
.whatNewsLiTitle{
font-weight:600;
color:#666666;
}
#whatNewsContents{
text-align:center;
position:absolute; 
bottom:0; 
left:0; 
width:470px; 
height:130px;
font-size:12px;
margin-left:10px;
}
#whatNewsImg{
top:50px;
left:50px;
}
.contactUs{
position:relative;
background-image:url(../images/contact_box.jpg);
background-position:-10px 50px;
}
.contactUsp p{
text-align:right;
color:#000000;
}
.contactUsp{
margin-bottom:25px;
padding-right:20px;
}
#contactUsP1,
#contactUsP2,
#contactUsP3,
#contactUsP4{
text-align:left;
padding-left:15px;
background-position:right;
}
#contactUsP1{
background-image:url(../images/contact1.jpg);
}
#contactUsP2{
background-image:url(../images/contact2.jpg);
}
#contactUsP3{
background-image:url(../images/contact3.jpg);
}
#contactUsP4{
background-image:url(../images/contact4.jpg);
}
#contactUsP4 a{
text-decoration:none;
}
.contactUsp a{
color:#000000;
}
#contents img{
position:absolute;
}
#serviceContents{
position:absolute;
width:330px;
height:80px;
right:0;
bottom:0;
z-index:3;
}
.lines{
height:0;
width:330px;
border-bottom:#CCCCCC solid 2px;
}
#serviceDiv{
position:absolute;
right:0;
margin-top:2px;
background-color:#CCCCCC;
padding:5px 25px 5px 0;
font-size:11px;
}
#serviceDiv p{
width:220px;
text-align: right;
color:#333333;
}
#storyImg{
left:0;
bottom:0;
}
#storesImg{
top:70px;
left:100px;
}
.titleBtns{
text-align:center;
position:absolute;
top:85px;
height:15px;
z-index:0;
}
#storesBtn{
left:440px;
width:150px;
}
#proBtn{
left:320px;
width:270px;
}
#bwBtn{
left:260px;
width:200px;
}
#storesBtn img,
#bwBtn img,
#proBtn img{
margin:0;
padding:0;
}
#stores div,
#store div{
text-align:left;
}
.storeImgs{
left:0;
top:50px;
}
#showStoreBtn{
position:absolute;
top:365px;
left:330px;
width:100px;
height:20px;
}
#showStoreBtn img{
cursor:pointer;
position:relative;
}
.bgLine{
background-image:url(../images/bg01.jpg);
background-position:bottom;
background-repeat:repeat-x;
}
#bacNew img{
bottom:20px;
cursor:pointer;
}
#btn2007{
left:85px;
}
#btn2008{
left:155px;
}
#btn2009{
left:225px;
}
#btnLogo{
top:80px;
left:110px;
z-index:0;
}
.bacNewConBtn{
position:absolute;
top:137px;
left:150px;
z-index:1;
}
#bacNew a{
background-image:url(../images/more.jpg);
background-position:right;

padding-right:48px;
font-size:14px;
color:#666666;
}
#bacNew li{
margin-top:5px;
background-image:url(../images/more01.jpg);
background-position:left;
padding-left:27px;
}
.bacNewCon{
padding-left:10px;
}
.proImg{
top:150px;
left:70px;
}
.proImgText{
top:360px;
left:120px;
}
#contents .rightSite .bacW .proUl li{
background-image:url();
padding:0;
margin-left:-10px;
}
#contents .rightSite .bacW .proUl a{
background-image:url(../images/proMore.jpg);
background-position:0px 10px ;

width:110px;
text-align:right;
padding:0 5px 25px 0;
font-size:10px;
display: inline-block;
margin-right:30px;
}
#contents .leftSite .product .proUl li{
position:relative;
background-image:url();
padding:0 140px 0 0;
margin-left:-10px;
margin-top:0px;
margin-right:0;
display:inline;
}
#contents .leftSite .product .proUl a{
background-image:url(../images/proMore.jpg);
background-position:0px 10px ;
width:124px;
text-align:right;
padding:0 0px 25px 0;
font-size:12px;
display: inline-block;
margin-right:0px;
}
#contents #cake .product .proUl a{
margin-top:60px
}
#contents #cake .product .proUl li{
height:120px;
}
/*
#contents #aTease .bacW .proUl a{
margin-top:60px
}
#contents #aTease .bacW .proUl li{
height:200px;
}
*/
#contents #icecream .product .proUl a{
margin-top:60px
}
#contents #icecream .product .proUl li{
height:120px;
}
#contents #gift .product .proUl a{
margin-top:60px
}
#contents #gift .product .proUl li{
height:120px;
}
#contents #wedding .product .proUl a{
margin-top:80px
}
#contents #wedding .product .proUl li{
height:200px;
}
.cakeImgS{
top:350px;
cursor:pointer;
}
#cakeImg01{
left:100px;
}
#cakeImg02{
left:173px;
}
#cakeImg03{
left:246px;
}
#cakeImg04{
left:319px;
}
#cakeImgB{
top:70px;
left:100px;
}
.cakeCon{
padding:30px 0 0 10px;
}
#blackDesign{
z-index:0;
}
#whatNewsImg,
#whatNewsContents div,
.cakeCon,#storeTaipei,
#storeTaichung,
#storeKaohsiung,
.storeImgs,
#store div,#bacNew,
#creative,
.bacNewCon,
#btn2007,
#bacNew2008,
#bacNew2009,
.serviceImgs,
.rightSite,
#cakeImgB{
display:none;
}
.orderBtn{
display:block;
width:61px;
height:24px;
background-image:url(../images/order.jpg);
}

#scrollArea{
margin-top:30px;
height:360px;
width:310px;
background-color:#FFFFFF;
}
#outer{
height:295px;
width:280px;
float:left;
overflow:hidden;
position: absolute;
}
#scrollBar{
height:295px;
width:35px;
float:right;
position: relative;
background-image:url(../images/as1.gif);
background-position:center;
background-repeat:no-repeat;
}
#scrollBarBtn{
position:absolute;
background-image:url(../images/as.gif);
background-position:center;
background-repeat:no-repeat;
width:35px;
height:20px;
}
#divContents{
position:relative;
color:#333333;
}
#mask{
position:absolute;
top:0;
left:0;
height:300px;
width:35px;
border:0;
z-index:10;
}
#marqueeDiv{
left:195px;
width:190px;
font-size:10px;
margin-top:2px;
padding-left:23px;
background-image:url(../images/arrow_right.gif);
background-position:left;
_background-position:left top;
background-repeat:no-repeat;
}
#marqueeDiv a{
margin-right:30px;
color:#FF00FF;
}

.umbrella{
	position:absolute;
	top:-33px;
	left:260px;
	}
#faq{cursor:pointer;}
.faqHide { display:none; }
#faqContent{
	font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", serif;
	color:#666;
	font-size:13px;
	padding:50px 20px 20px 20px;
	width:460px;
	}
#faqContent h4{
	color:#000;
	letter-spacing:1px; 
	text-decoration:bold;
	}
#faqContent .question{
	text-decoration:bold;
	color:#333;
	}
#faqContent .answer{
	display:block;
	margin-left:23px;
	margin-top:-15px;
	margin-bottom:-15px;
	}
#faqContent a{
	color:#0000ff;
	}
.msn{
	margin-right:3px;
	font-size:12px;
	}
/* ---------------iphone----------------- */
.app_title{
	position:relative;
	top:20px;
	right:20px;
}
#iphone{cursor:pointer;}
.iphoneHide { display:none; }
#iphoneContent{
        /*font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", serif;*/
        color:#666;
        font-size:13px;
	padding-left:30px;
	margin-left:270px;
        }
/*
#iphone ul{
	margin-left:300px;
	margin-top:35px;
}
#iphone ul li{
	font-family:"微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", serif;
	font-size:14px;
	color:#333;
	display:inline;
	padding:10px;
}
*/
.iphone_left{
	position:relative;
	top:25px;
	left:35px;
}
.download_button{
	top:450px;
	left:60px;
}
.iphone_title{
	margin-bottom:20px;
}
.iphone_title1{
	padding-bottom:10px;
	cursor:pointer;
}
/*
.iphone_background{
	position:absolute;
	right:-3px;
	top:225px;
	opacity:0.1;
}
*/
#iphoneContent p{
	padding-top:50px;
	padding-left:10px;
	width:480px;
	line-height:28px;
}
/*
#number{	
	position: absolute;
	display:inline-block;
	text-align:center;
	padding:3px;
	top:400px;
	left:300px;
}
.digit{
	display:inline-block;
	border:1px solid #666;
	width:16px;
	margin:2px;
	cursor:pointer;
}
.bgcolor{
	background-color:black;
	color:white;
}
.hover{
	background-color:yellow;
}
#description{
	position:absolute;
	display:block;
	width:500px;
	top:375px;
	left:325px;
}
*/
.left_arrow{
	position:absolute;
	left:20px;
	top:220px;
}
.right_arrow{
	position:absolute;
	left:270px;
	top:220px;
}
.left_arrow_tiny{
	position:absolute;
	top:377px;
	left:305px;
}
.desc_hide{
	display:none;
}