﻿a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup,/* table, tbody, tfoot, thead, th, tr, td,*/ video, tt, u, ul, var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}
ol, ul{list-style:none}
blockquote, q{quotes:none}
table, table td{padding:0;border:none;border-collapse:collapse}
img{border:0;vertical-align:top;text-align:left}
embed, object{vertical-align:top;outline:none}
input, select{vertical-align:middle;font-weight:normal}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}
mark, rp, rt, ruby, summary, time{display:inline}

.clr{clear:both;}
.left,.fl{float:left}
.right{float:right}
.hide{display:none}
a{color:#a48ac6;text-decoration:none;}
a:hover{text-decoration:underline;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
/* Hides from IE-mac \*/
 *html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */

body{margin:0;padding:0;font:12px/22px arial,helvetica,sans-serif;color:#6d6d6d;background: url("../images/bg_subpage.png") #FFF center bottom no-repeat; background: url(../images/bg.png);}

#loading{z-index:1;padding:5px 9px;background:#a48ac6;left:0;top:0;font-size:14px;color:#FFF;position:fixed;}
header,footer,#container{width:960px;margin:0 auto;clear:both;}
#page{ min-width: 960px; background:url(../images/page_bg.png) center top no-repeat; margin: 0 auto; min-height: 760px;}
header{ position: relative; height: 156px;}
header .logo{z-index: 10; position: absolute; left: 0; top: 0; width:179px;height: 156px; }
header .toplinks{ float: right; margin-right: 0px; margin-top: 10px; }
header .toplinks a{ color: #6d6d6d; text-decoration: none;}
header .toplinks a:hover, header .toplinks a.selected{ color:#a48ac6; }
nav{width:759px;background:url(../images/header_bg.png); height:43px; position: absolute; top: 45px; right: 30px; z-index: 8;line-height: 43px;}
nav li{ display: inline; }
nav li:first-child a{ margin-left: 2em;}
nav li a{ padding-left:2.5em; padding-right: 2.5em; font-size: 16px; line-height: 43px; height: 43px;text-decoration: none; display:inline-block;}
nav li a:hover,nav li.selected a{ background:url(../images/link_hover.png); color: #FFF;text-decoration: none; }

header .flower-nav{ position: absolute; top: 25px; right: -16px; width: 77px; height: 484px; background: url(../images/flower_nav.png) no-repeat; }

.flower-nav li{ display: block; margin-bottom: 5px; position: relative;}
.flower-nav li:first-child{margin-top: 190px;}
.flower-nav li>a{ display: block; width: 77px; height: 60px; text-indent: -99999px;}

.flower-nav .cat a{text-decoration: none;}
.flower-nav .cat{ width: 355px; height: 118px; background: url(../images/pop1.png); position: absolute; right: 60px; z-index: 100;  top: 5px;}
.flower-nav .cat1{ width: 213px; height: 182px; background: url(../images/pop2.png);}
.flower-nav .cat a{ padding: 3px 5px; display: inline-block; font-size: 15px; }
.flower-nav .cat a:hover{background-color: #A48AC6; color:#FFF;}
.flower-nav .cat .block{padding: 15px 30px 15px 15px;}
.flower-nav .cat1 a{ display: block; line-height: 30px; font-size: 13px; padding: 0px; padding-left: 10px;}
.flower-nav .cat1 a:hover{background-color: #A48AC6; color:#FFF;}

footer{ color: #979797; text-align: center; }

#container{margin-top:10px;min-height:500px; padding-bottom:30px;}

.maincontent{ width: 795px; margin-left: 43px; min-height: 550px;}
.maincontent.larger{ width: 830px; }
.maincontent.full{ width: 890px; margin-left: 5px;}
.line20{ height: 20px; line-height: 20px; overflow: hidden; }
.line30{ height: 30px; line-height: 30px; overflow: hidden; }
.line{background: url(../images/line.png) top no-repeat; height: 1px; overflow: hidden; clear: both;}

.module-left{ width:136px; float:left; background:url(../images/left_navi.png) top left no-repeat; min-height:391px;}
.module-left .category{margin-left:5px;}
.module-left .category li{padding:0.3em 0px;}
.module-left .category li a{color:#818181;font-size:15px;line-height:1em;padding:5px 0 5px 5px; display:block;}
.module-left .category li.current a,.module-left .category li a:hover{background:url(../images/left_navi_hover.png) 0 2px no-repeat;color:#FFF;}

.module-main{ width:820px; float:right;}
.module-center{width:510px;float:left; border-right:1px solid #000; margin-left:5px;}
.module-right{ width:290px; float:right;}
.module-full{ width:960px;}

.index-latest-box{ clear: left; }
.index-latest-box .hd a{ display: inline-block; width: 81px; height: 34px; background: url(../images/buttons.png) right no-repeat; text-align: center;  text-decoration: none; font-size: 16px; color:#9A85BD; padding-top:6px; line-height: 22px; }
.index-latest-box .hd a.selected,.index-latest-box .hd a:hover{ background: url(../images/buttons.png) left no-repeat; color:#FFF;}
.index-latest-box .hd a:last-child{ margin-left: 0.5em;}

.index-latest li{ float: left; height:263px; width: 160px; margin-right: 18px; }
.index-latest .desc{ font-size: 12px; color:#9a85bd; }
.index-latest .img{ border: 1px solid #9a85bd; width: 158px; height: 208px;}
.index-latest .img:hover{ border: 1px solid #FFF; }
.index-latest .price{ font-size: 14px; color: #9a85bd; font-weight: bold; position: relative;}
.index-latest .price .buy{ position: absolute; right: 0px; top: 0px;}

.index-news-latest{ float: left;}
.index-news-latest h2{ background: url(../images/icon_dot.png) no-repeat left center; padding-left: 1em; font-size: 15px; color:#A48AC6;}
.index-news-latest li{ width: 220px;}
.index-news-latest .create, .index-news-latest a{ float: left;}
.index-news-latest .create{width:70px;background: url(../images/icon_dot1.png) no-repeat left 7px; padding-left: 10px; font-size: 12px;}
.index-news-latest a {width: 130px; color:#7c7c7c; text-decoration: none;}
.index-news-latest a:hover{color:#A48AC6;}

.index-slider{ float: left; width: 634px; height: 300px; position: relative; margin-top: -50px;}
.index-slider b{ background: url(../images/slider_cover.png)  no-repeat; display: block; position: absolute; left: 0px; top: 0px; z-index: 93;}
.index-slider .cover-top{ height: 16px; width: 634px; overflow: hidden;}
.index-slider .cover-left{ height: 280px; width: 60px; background: url(../images/slider_cover.png) left -16px no-repeat; overflow: hidden; top:16px;}
.index-slider .wrapper{ position: absolute; left: 14px; top: 15px; }

.mega-hover .cat{ display: block;}

/* index slider */
.slider{ width:620px; height: 270px; overflow: hidden; }

.sidebar{ width: 250px; height:486px; float: left; border-right: 1px dashed #A48AC6; }
.main{ width: 560px; float: right; height: 486px; }

.sidebar li a { width: 225px; height: 20px; display: block; text-decoration: none; font-size: 15px; }
.sidebar ul.sub>li>a{ font-weight: bold;border-bottom: 1px dashed #A48AC6; padding-bottom: 5px; padding-top: 6px; } 
.sidebar li li{ /*list-style-type: square; list-style-position: inside; color:#A48AC6; line-height: 20px; font-size: 10px; line-height: 20px; */margin: 5px 0;}
.sidebar li li b{ font-size: 7px; line-height: 20px; display: inline-block; padding: 0 3px;}
.sidebar li li a:hover{ background:#A48AC6 ; color:#FFF;}

.slider-wrapper {
	height: 281px;
	width: 871px;
}

.theme-default .nivo-controlNav a {
	width:12px;
	height:12px;
	background:url(../images/bullets.png) top right no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:10px;
    margin-top: -60px;
    z-index: 40;
    position: relative; 
    zoom: 1;
}
.theme-default .nivo-controlNav a.active {
	background-position: top left;
}

/* button */
.button{ display: inline-block; overflow:hidden; text-indent:-1000px; border:0; cursor: pointer;}
.button.buy{ background: url(../images/btn_buy1.png) no-repeat; width: 56px; height: 19px;}
.button.login{ background: url(../images/btn_login.png) no-repeat; width: 98px; height: 49px;}
.button.facebook{ background: url(../images/btn_facebook.png) no-repeat; width: 193px; height: 49px;}
.button.reg{ background: url(../images/btn_reg.png) no-repeat; width: 173px; height: 49px;}
.button.save{ background: url(../images/btn_save.png) no-repeat; width: 98px; height: 49px;}
.button.submit{ background: url(../images/btn_submit.png) no-repeat; width: 98px; height: 49px;}
.button.send{ background: url(../images/btn_send.png) no-repeat; width: 205px; height: 44px;}
.button.continue{ background: url(../images/btn_continue.png) no-repeat; width: 149px; height: 44px;}
.button.confirm{ background: url(../images/btn_confirm.png) no-repeat; width: 149px; height: 44px;}
.button.confirm-pay{ background: url(../images/btn_confirm_pay.png) no-repeat; width: 149px; height: 44px;}
.button.remove{ background: url(../images/btn_remove.png) no-repeat; width: 12px; height: 12px;}
.button.next{ background: url(../images/btn_next.png) no-repeat; width: 123px; height: 44px;}
.button.prev{ background: url(../images/btn_prev.png) no-repeat; width: 123px; height: 44px;}
.button.book{ background: url(../images/btn_book.png) no-repeat; width: 173px; height: 49px;}

.menu li{float:left;padding-left:3em;padding-top:.8em;}
.menu li a{font-size:16px;font-weight:bold;color:#FFF;}

.title{ font-size: 16px; border-bottom: 1px solid #A48AC6; color: #A48AC6; padding: 5px; margin-bottom: 1.8em; padding-bottom: 0px;}
.notice{ font-size: 18px; padding: 0.5em 0px; color: #A48AC6; }

.thisform {
    width: 800px;
}
.thisform.section {
    overflow: hidden;
}

.thisform .padding{ padding-right: 20px;}
.thisform .inblock{ font-size: 20px; height: 77px; font-weight: bold; padding-top: 8px; line-height: 50px;}

.thisform input, .thisform select {
    width: 100% ;
    padding: 4px 0;
    font-size: 14px;
    line-height: 17px;
}
.thisform input.text,.thisform .content {
    border: 1px solid #a48ac6; padding-left: 5px;
}
.thisform .small{
    width: 70px ;
}
.thisform .tips input{ width: 10px; display: inline-block; padding: 0px; }
.thisform .tips label{ display: inline-block; color: #A48AC6;}
.thisform select.small{
    padding-right: 5px;padding-left: 5px;
}
.thisform select.x-small{
    padding-right: 5px;padding-left: 5px; width: 50px;
}
.thisform .medium{
    width: 198px ;
}
.thisform .larger{
    width: 309px ;
}
.thisform li {
        display: block;
}
.thisform li label {
        display: block;
        font-size: 14px;
        color: #a48ac6;
}
.thisform li * label {
        padding: 0;
        margin: 0;
        border: 0;
        font-size: 12px;
        color: #606060;
 }

.thisform li.hide{ display: none;}
.thisform .content{ width: 430px; height: 70px; }

.form2 label{ float: left; width: 100px; text-align: right; line-height: 30px; height: 30px; }
.form2 .section{ margin-bottom: 13px; }
.form2 .button{ margin-left: 100px; margin-top: 10px; }
.form2 .group{ width: 200px; display: inline-block; padding-left: 10px; font-size: 14px;}
.form2 .group label{ float: none; display: inline; }
.form2 .group input{ width: auto;}
.form2 .scorebox{ width: 400px;}
.form2 .scorebox strong,.form2 .scorebox span{ line-height: 37px; color: #E95050;}
.form2 .info{ line-height: 30px; display: inline-block; width: 195px; padding-left: 5px; height: 26px; background: #e6e6e6;}
.form2 .sep{
    font-size: 14px; margin: -5px 0 5px 0 ; padding-left: 1em;
}

.payfee td{ padding:10px; padding-left: 15px; }
.payfee .button.prev{ margin-right: 10px; }

/* breadscrumbs */
.breadscrumbs{ width:100%; color:#000; font-size:15px;font-weight:bold; padding-bottom:.6em;}


.product{ width: 800px; height: 366px; padding-top: 20px;}

.product-image{ position: relative; width: 317px; height:364px; float: left;}
.product-image .hd{ position: absolute; left: 0px; top: -20px; width: 317px; text-align: right; }
.product-image .control{ position: absolute; top: 150px; display: block; background: url(../images/arrow.png) no-repeat; height:37px; width: 20px; }
.product-image .prev{ left: -40px; background-position: left top; }
.product-image .next{ right: -40px; background-position: right top; }
.product-image ul{ width: 317px; height: 366px; overflow: hidden;}
.product-image  .item{width: 317px; height: 364px;text-align: center;display: table-cell; vertical-align: middle;}
.product-image  li a{ display: inline-block; border: 1px solid #A48AC6; background: #FFF;  position: relative;}
.product-image .item * {
    vertical-align: middle;
}
/*\*//*/
.product-image .item  {
    display: block;
}
.product-image .item span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

/* product detail */
.product-detail{ height: 365px; float: left; width: 410px; border-bottom: 1px solid #A48AC6; padding-left: 70px;}
.product-detail table{ width: 100%; }
.product-detail td{vertical-align: top; padding: 5px; font-size: 14px;}
.product-detail td span{ display: block; width: 150px; font-size: 18px; color:#A48AC6; font-weight: bold;  text-align: right;}
.product-detail td span b{ padding: 0 3px;}
.product-detail .price{ font-size:20px; padding:5px 0;}
.product-detail .description{border-bottom:1px solid #484848; padding-bottom:1em;padding-top:1em;}

#product-photos{ padding-top: 16px; }
#product-photos li{ margin-right: 16px; display: inline-block;}
#product-photos .item{width:96px; height: 110px; text-align: center;display: table-cell; vertical-align: middle;}
#product-photos a{ display: inline-block; border: 1px solid #A48AC6; background: #FFF;  position: relative;}
#product-photos .item * {
    vertical-align: middle;
}
/*\*//*/
#product-photos .item  {
    display: block;
}
#product-photos .item span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/
#product-photos a:hover b,#product-photos a.selected b{ position: absolute; bottom: 0px; display: block; height: 14px; background:#A48AC6; left: 0; width: 100%;}

.module-full .product-items{width:950px;margin-left:4px;}
.module-full .product-items li{width:230px;height:210px;}
.module-full .product-items .item{margin:0 auto;}
.module-full .product-items li a img{width:230px;height:180px;}

.module-full .product-detail{width:660px;margin:0 auto;}
.module-full .product-detail .img img{border:1px solid #484848}

.module-full .detail-left{float:left;}
.module-full .detail-right{float:left; padding-left:2em;}
.module-full .detail-right h1{font-size:24px;color:#c21420;}

.module-full .product-detail .hd{text-align:right; padding-top:10px;}

.order-list{padding-top:30px;}
.order-list li{width:310px; height:110px; float:left;margin-right:40px;}
.order-list li.none{margin-right:0;}
.order-list .num{background:#000; float:left; color:#FFF;text-align:center; margin-right:20px; padding:0px 6px;}
.order-list .img{float:left;border:1px solid #484848;margin-right:20px;}
.order-list  h2,.order-list .price{font-size:15px;}
.order-list  label{font-size:13px;}

.orders-table{}
.orders-table td{ padding: 3px; }
.orders-table .head{}

/* paginator style */
.paginator{padding:10px 18px 10px 0;white-space:nowrap;text-align:right;font-size:12px; clear:left;}
.paginator li{display:inline;margin:0 1px;*vertical-align:middle;}
.paginator li.current{*height:24px;margin:0 6px;font-weight:bold;*line-height:24px;}
.paginator li a{*display:inline-block;*height:22px;padding:3px 6px 4px;*padding:0 6px;border:1px solid #A48AC6;text-decoration:none;*line-height:22px;*position:relative;}
.paginator li a:hover{*height:24px;padding:4px 7px 5px;*padding:0 7px;border:none;*line-height:24px;background:#A48AC6;color:#fff;text-decoration:none;}
.paginator li a.nolink{color:#ccc;cursor:default;}
.paginator li a.nolink:hover{background:transparent;*height:22px;padding:3px 6px 4px;*padding:0 6px;border:1px solid #ccc;*line-height:22px;}

a.tab-menu{ 
    width: 100px;
    height: 50px;
    border-top: 1px solid #A48AC6;
    border-left: 1px solid #A48AC6;
    border-right: 1px solid #A48AC6;
    margin-bottom: -10px;
    margin-right: 10px;
    padding: 8px 10px;
    text-decoration: none;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;    
    border-radius: 5px 5px 0 0;
}
a.tab-menu.selected, a.tab-menu:hover{ background: #A48AC6; color: #FFF; }

#cart {
	border-collapse: collapse;
	margin-bottom: 1em;
	width: 100%;
    margin-top: -1em;
}
	
#cart th {
	text-align: left;
	white-space: nowrap;
    font-size: 14px;
    border-bottom: 1px solid #9d9d9d;
    font-weight: normal;
}

#cart th,
#cart td {
	padding: 10px 10px;
    vertical-align: top;
    text-align: center;
}
#cart .txtleft{ text-align: left;}
#cart .item_name {
	width: 100%;
}
#cart .remove{ margin-top: 6px;}
#cart .img{border: 1px solid #9D9D9D; max-width: 90px;
    margin-right: 1em;}
#cart .quantity input {
	text-align: center;
}
#cart .odd{ background: url(../images/line.png) top no-repeat;}
#cart .ft{border-top: 1px solid #9d9d9d;}

.controls{ text-align: right;}
.controls b{ display: none;}

.jspContainer
{
    overflow: hidden;
    position: relative;
}

.jspPane
{
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 7px;
    height: 100%;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
}

.jspCap
{
    display: none;
}

.jspHorizontalBar .jspCap
{
    float: left;
}

.jspTrack
{
    background: #dcccf1;
    position: relative;
}

.jspDrag
{
    background: #A48AC6;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
    float: left;
    height: 100%;
}

.jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled
{
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow
{
    height: 16px;
}

.jspHorizontalBar .jspArrow
{
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
    outline: none;
}

.jspCorner
{
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
    margin: 0 -3px 0 0;
}

#TB_Overlay{height:100%;width:100%;display:none;z-index:1000;position:absolute;left:0;top:0px;background:url(../images/updating.png) no-repeat center;_background:url(../images/updating.gif) no-repeat center;_height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px')}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#000;border:none;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;height:100%;width:100%;display:none}
* html #TB_HideSelect{/* ie6 hack */
position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px')}
.img294X144{padding:2px;border:1px solid #ccc;max-width:294px;max-height:144px;*width:294px;margin-bottom:10px;margin-right:10px;}
#TB_Overlay{height:100%;width:100%;display:block;z-index:1000;position:absolute;left:0;top:0px;background:url(../images/updating.png) no-repeat center;_background:url(../images/updating.gif) no-repeat center;_height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_HideSelect{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#000;
    border:none;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
    height:100%;
    width:100%;
    display:block;	
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* product-pro */
.product-detail .product-prop li{
    float: left;
    position: relative;
    background-color: #A48AC6;
    margin: 0 4px 4px 0;
    line-height: 20px;
    vertical-align: middle;
    padding: 1px;
}
.product-detail .product-prop li a{
    display: block;
    background-color: #fff;
    white-space: nowrap;
    width: auto!important;
    min-width: 10px;
    width: 10px;
    padding: 0 6px;
    text-align: center;
    border: 1px solid #e2e1e3;
    color: #000;
    text-decoration: none;
}
.product-detail .product-prop li.selected a,.product-detail .product-prop li a:hover{
    border: 2px solid #df0001;
    margin: -1px;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.6);
}

.product-detail .product-prop li.selected i{
    background-image: url(http://img01.taobaocdn.com/tps/i1/T1HMnMXmVqXXcb2O3B-114-122.png);
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 12px;
    height: 12px;
    overflow: hidden;
    text-indent: -99em;
    background-position: -65px 0;
}

/* xmas */
.xmas #page{ width: 1316px; min-height: 1156px; background: url(../images/xmas_bg.png) top center no-repeat;}
.xmas header,.xmas #container{ width: 879px; }
.xmas .index-latest-box{ margin-left: 10px; margin-top: 20px; }
.xmas .index-latest li{ margin-right: 15px; }
.xmas .index-latest .hot b{ display: block; width:84px;height: 90px; background: url(../images/xmas_hot.png); position: absolute;left: -8px; top: -5px;}
.xmas .index-latest .img{ width: auto; height: auto;border: 0;}
.xmas .index-latest li > a{width: 158px; height: 208px; text-align: center; display: inline-block; border: 1px solid #A48AC6; background: #FFF;  position: relative;}
/**/
.xmas .xmas-title{  position: relative; }
.xmas .xmas-title b{ display: block; position: absolute; top: -16px; right: 0px; width: 452px; height: 54px;background: url(../images/xmas_notice.png) no-repeat;}
.fblike{ width: 400px;
height: 60px;
position: absolute;
right: 13px;
top: 106px; 
}
.fblink{
width: 32px;
height:32px;
background: url(../images/facebook-ss.png) no-repeat;
position: absolute;
right: 55px;
top: 53px;
display: block;
z-index: 100;
}

.about-page p{ margin-bottom: 0.8em; }
.about-page .rb{  }

.contactus{ position: relative; }
.contactus span{ position: absolute; right: 0px; top: 10px; }