body{
	padding:0px;
	margin:0px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif, '微軟正黑體', 'Microsoft YaHei';
}
img{ border:0px; }
a{
	color:#700039;
	text-decoration:none;
}
a:hover{
	color:#c70065;
	text-decoration:none;
}

/*----all----*/
.dotbg{
	background:url(../images/bg.gif) repeat;
}
.w1000{
	width:1000px;
	margin:0px auto;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.clr{
	clear:both;
}
.text_deeppink{
	color:#c70065;
}

/*----icon----*/
i.icon{
	display:inline-block;
	width:24px;
	height:24px;
	background-image:url(../images/icon24.png);
	vertical-align:bottom;
	margin-right:3px;
}
i.ic_home{ background-position:0px 0px;}
i.ic_fb{ background-position:-24px 0px;}
i.ic_favorite{ background-position:-48px 0px;}
i.ic_member{ background-position:-72px 0px;}
i.ic_flower{ background-position:-96px 0px;}
i.ic_star{background-position:-96px -24px;}
a:hover i.ic_home{ background-position:0px -24px;}
a:hover i.ic_fb{ background-position:-24px -24px;}
a:hover i.ic_favorite{ background-position:-48px -24px;}
a:hover i.ic_member{ background-position:-72px -24px;}
a:hover i.ic_flower{ background-position:-96px -24px;}

/*----top----*/
#top{
	background:#c70065;
	height:40px;
	position:fixed;
	z-index:1000;
	top:0px;
	left:0px;
	width:100%;
}
#top .links{
	line-height:24px;
	color:#f053a3;
	font-size:16px;
}
#top .links a{
	display:inline-block;
	color:#ffdcee;
	padding:8px 15px;
}
#top .links a:hover{
	color:#FFF;
}

/*----header----*/
#header{
	margin-top:40px;
	background:#FFF;
	height:186px;
}
#header .logo{
	width:700px;
	height:140px;
	float:left;
}
#header .logo img{
	display:block;
}
#header .logo h1{
	display:none;
}
#header .search{
	width:290px;
	float:right;
	padding:20px 10px 0px 0px;
}
#header .search p{
	font-size:0.9em;
}
#header .search p a{
	margin-right:10px;
	color:#666;
}
#header .search p a:hover{
	text-decoration:underline;
}
#header .search p span{
	color:#e71982;
}
#header .search .searchForm{
	border:1px solid #ffdcee;
	border-radius:5px;
	margin:5px 0px;
}
#header .search .searchForm .input_search{
	height:32px;
	border:none;
	width:220px;
	padding-left:4px;
	padding-right:4px;
	border-radius:5px;
}
#header .search .searchForm .btn_search{
	height:32px;
	border:none;
	border-radius:5px;
	width:50px;
	background:#c70065;
	color:#FFF;
}
/* nav */
#nav{
	clear:both;
	font-size:1.2em;
	height:45px;
	border-radius:20px;
	background:#ffdcee;
	padding:0px 20px;
}
#nav .nav > li > a{
	padding: 15px 15px;
	color:#c70065;
}
#nav .nav > li > a:hover,
#nav .nav > li > a:focus{
	background:#FFF;
	border-top:4px solid #f053a3;
	padding: 11px 15px 10px;
	color:#e71982;
}
#nav .nav .open > a,
#nav .nav .open > a:hover,
#nav .nav .open > a:focus {
  background-color: #FFF;
  border-color: #e71982;
	border-top:4px solid #f053a3;
	padding: 11px 15px 10px;
}

/*----wrap----*/
#wrap{
	background:#FFF;
	padding:10px 0px;
}
#wrap .carousel-control.left, #wrap .carousel-control.right{ background:none;}
#wrap .carousel slide img{ display:block; width:1000px; height:550px;}
dl.dlstyle{
	margin:20px 0px 10px 0px;
}
dl.dlstyle dt.title{
	background:url(../images/dot.gif) repeat-x center center;
	height:51px;
	overflow:hidden;
	margin-top:20px;
}
dl.dlstyle dt.title2{
	background:url(../images/dot.gif) repeat-x center center;
	height:51px;
	overflow:hidden;
	margin-top:20px;
}
dl.dlstyle dt.title span{
	height:51px;
	display:inline-block;
	color:#FFF;
	font-size:1.6em;
	background:url(../images/titlebg.gif) no-repeat;
	width:498px;
	padding:10px 275px 0px 30px;
	overflow:hidden;
}
dl.dlstyle dt.title2 span{
	height:51px;
	display:inline-block;
	color:#c70065;
	font-size:1.6em;
	background:url(../images/titlebg2.gif) no-repeat left center #FFF;
	padding:10px 20px 0px 100px;
	overflow:hidden;
}
dl.dlstyle dd{
	padding:0px;
	margin:10px 0px;
}
dl.dlstyle dd > a{
	width:200px;
	float:left;
	height:300px;
	display:block;
}
dl.dlstyle dd > a img{
	width:190px;
	height:190px;
	display:block;
	margin:5px auto;
}
dl.dlstyle dd > a h2{
	font-weight:normal;
	font-size:1em;
	line-height:1.4em;
	max-height:55px;
	overflow:hidden;
	margin:5px 5px;
	padding:0px;
}
dl.dlstyle dd > a p{
	color:#e71982;
	margin:5px;
	padding:0px;
}
.btn_more{
	clear:both;
	padding:0px 10px 10px;
	text-align:right;
}
.btn_more a{
	border:1px solid #ffdcee;
	border-radius:5px;
	display:inline-block;
	padding:3px 10px;
	font-size:1.2em;
}
.btn_more a:hover{
	background:#c70065;
	border:1px solid #c70065;
	color:#FFF;
}

/*----footer----*/
.footerBox{
	width:100%;
	background:#ffdcee;
	clear:both;
}
#footer{
}
#footer dl{
	width:250px;
	float:left;
}
#footer dl dt{
	padding:15px 10px;
	color:#c70065;
	font-size:1.5em;
	font-weight:normal;
}
#footer dl dt i{ vertical-align:text-top;}
#footer dl dd{
	border-left:5px solid #faa4d0;
	margin-left:20px;
	padding-left:15px;
}
#footer dl dd a{
	display:block;
	color:#666;
	padding:5px 0px;
}
#footer dl dd a:hover{ color:#c70065;}
#footer .adress{
	clear:both;
	border-top:1px dashed #FFF;
	padding:10px;
}
#footer .adress p{
	margin:5px 0px;
	padding:0px;
}
#footer .adress .footerLogo{
	padding:0px 10px;
	text-align:center;
	color:#999;
}
#footer .adress .adressInfo{
	border-left:1px dotted #faa4d0;
	padding:10px 0px 10px 20px;
}

/*----product----*/
.main{
	width:800px;
}
.guide{
	padding:5px 0px;
	border-bottom:1px dashed #CCC;
	color:#CCC;
}
.guide a{
	padding:0px 10px;
}
.guide a:hover i.ic_member{ background-position:-72px 0px;}
.pages{
	padding:10px;
	text-align:center;
	line-height:30px;
}
.pages a{
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:5px;
	margin:0px 2px;
}
.pages a:hover{
	background:#ffdcee;
}
.pages a.active{
	background:#ffdcee;
	color:#e71982;
}
.right{
	width:180px;
	margin-right:10px;
}
.rightAd a{
	margin:5px 0px;
	display:inline-block;
}
.rightAd a img{
	display:block;
}
.hot{
	margin:10px 0px;
}
.hot .title{
	background:#faa4d0;
	border-radius:5px;
	color:#c70065;
	text-shadow:1px 1px 0px #FFF;
	font-size:1.2em;
	text-align:center;
	padding:3px;
}
.hot ol{
	list-style-position:inside;
	padding-left:0px;
}
.hot ol li{
	padding:5px 0px;
	border-bottom:1px dashed #faa4d0;
	color: #F93;
}
.hot ol li a{
	color:#666;
}
.hot ol li a:hover{
	color:#e71982;
}
.hot ol li a img{
	width:60px;
	height:60px;
	float:right;
}
.hot ol li span{ 
	color:#e71982;
	display:block;
}
.hot ol li:last-child{ border-bottom:1px solid #faa4d0;}
.cart{
	background:url(../images/cart.png) right bottom #ffdcee no-repeat;
	padding:10px;
	margin:10px 0px;
	border-radius:10px;
}
.cart .cartInfo{
	background:url(../images/bubble.png) no-repeat;
	height:80px;
	padding:15px 40px 20px 25px;
}
.cart .cartInfo span{
	color:#c70065;
}
.btn_buy{
	border:none;
	color:#FFF;
	border-radius:5px;
	padding:5px 13px;
	font-size:1.2em;
	background: #f053a3; /* Old browsers */
background: -moz-linear-gradient(top,  #f053a3 0%, #c70065 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f053a3), color-stop(100%,#c70065)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f053a3 0%,#c70065 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f053a3 0%,#c70065 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f053a3 0%,#c70065 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f053a3 0%,#c70065 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f053a3', endColorstr='#c70065',GradientType=0 ); /* IE6-9 */
}
.btn_buy:hover{
	color:#FFF;
	background: #9c5ae3; /* Old browsers */
background: -moz-linear-gradient(top,  #9c5ae3 0%, #5409a4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c5ae3), color-stop(100%,#5409a4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9c5ae3 0%,#5409a4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9c5ae3 0%,#5409a4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9c5ae3 0%,#5409a4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9c5ae3 0%,#5409a4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c5ae3', endColorstr='#5409a4',GradientType=0 ); /* IE6-9 */

}

/*----product----*/
.product{
}
.product .prodImg{
}
.product .prodImg img{
	width:350px;
	height:350px;
}
.product .prodInfo{
	width:420px;
}
.product .prodInfo h2{
	color:#e71982;
	font-weight:normal;
	font-size:1.5em;
	margin:10px 0px;
}
.product .prodInfo .prodText{
	margin:20px 0px;
	min-height:150px;
}
.product .prodInfo .prodText strong{
	font-size:1.5em;
	color:#e71982;
}
.product .buy{
	background:url(../images/cart.png) no-repeat right center #fff5fa;
	padding:20px 100px 20px 20px;
	text-align:right;
	border-top:3px dotted #ffdcee;
	border-bottom:3px dotted #ffdcee;
}
.product .buy .btn_buy{
	margin-left:30px;
}
.product .detail{
	clear:both;
	padding-top:20px;
}
.product .detail img{
	max-width:800px;
}
dl.dlstyle dd.detailText{
	margin:10px 20px;
	line-height:1.75em;
}

/*----form----*/
.step{
	padding:20px;
	text-align:center;
	margin-top:10px;
	color:#CCC;
}
.step span{
	display:inline-block;
	width:80px;
	height:80px;
	margin:0px 20px;
	padding-top:15px;
	border-radius:40px;
	background:#eee;
	color:#666;
}
.step span.hover{
	color:#c70065;
	background:#ffdcee;
}
.step span#last{
	background:none;
}
.step span strong{
	display:block;
	font-size:1.5em;
	font-weight:normal;
}

.buy_form{
	padding:10px;
}
.btn_gray{
	border-radius:5px;
	border:1px solid #ffdcee;
	padding:3px 10px;
	margin:5px;
	background:#fff5fa;
	display:inline-block;
}
.btn_gray:hover{
	background:#ffdcee;
}
.buy_form table{
	color:#666;
}
.buy_form table th{
	background:#5409a4;
	color:#FFF;
	padding:5px 10px;
	text-align:left;
}
.buy_form table td{
	padding:10px;
	border-top:1px solid #CCC;
}
.buy_form table td img{ width:100px; height:100px;}
.buy_form table td.price, .buy_form table th.price{
	text-align:right;
}
.buy_form table thead td{
	text-align:right;
}
.buy_form table tfoot td{
	text-align:right;
	border-top:3px solid #c70065;
	font-size:1.2em;
	background:#fff5fa;
	color:#c70065;
}
.pay_form{
	padding:0px 20px 50px;
}
.pay_form dl.dlstyle dt.title2{
	margin-top:30px;
}
.pay_form dl.dlstyle dd{
	margin:10px 20px;
}
.pay_form th{
	background:#fff5fa;
	padding:5px;
}
.pay_form td{
	border-top:1px solid #ddd;
	padding:5px;
}
.pay_form .price{
	text-align:right;
}
.pay_form strong{
	font-size:1.5em;
}
.pay_form dd textarea{
	width:100%;
}
.pay_form .btn_pay{ text-align:center}
.complete{
	margin:20px 20px 50px 20px;
	text-align:center;
	line-height:1.7em;
}
.complete a{
	text-decoration:underline;
}
.order_list{
	margin-bottom:50px;
}
.order_list .info{
	margin:20px;
	padding:20px;
	border:1px dashed #faa4d0;
}
.order_list .buy_form table td{ border:none;}
.order_list .buy_form .panel-title a{ color:#c70065}
.order_list .buy_form .panel-title a{ color:#e71982}

/*----login----*/
.login{
	width:500px;
	margin:50px auto 100px;
	border: 25px solid transparent;
  padding: 30px;
	-webkit-border-image: url(../images/border.png) 50 50 round; /* Safari 3.1-5 */
  -o-border-image:  url(../images/border.png) 50 50 round; /* Opera 11-12.1 */
  border-image: url(../images/border.png) 50 50 round;
}
.login p{
	text-align:center;
	margin:20px 0px;
}
.login p span{
	width:70px;
	text-align:right;
	display:inline-block;
	margin-right:10px;
}
.inputBg{
	border:1px solid #ccc;
	border-radius:5px;
	padding:5px;
}
.login .inputBg{
	width:250px;
}

/*----register----*/
.register{
	width:800px;
	margin:0px auto 50px;
}
.register table{
}
.register table th{
	padding:5px 10px;
	font-weight:normal;
	text-align:right;
}
.register table td{
	padding:5px;
}