@charset "utf-8";
/* 頁面基本樣式
===================================*/

body {
    font-size:13px;
    font-family: "微軟正黑體", "新細明體";
    color:#2d2d2d;
    line-height:20px;
    background: url(../images/bg.jpg) repeat;
    -webkit-text-size-adjust:none; /* 解除文字大小限制 */
    word-wrap: break-word; /* 英文字元自動斷行 */
    word-break: break-all;
}

/*隱藏連結虛線*/
a{
outline: none; /* for Firefox */
hlbr:expression(this.onFocus=this.blur()); /* for IE */
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
a:link {
    color: #2d2d2d;
    text-decoration: none;
}
a:visited {
    text-decoration:none;
    color:#2d2d2d;
}
a:hover {
    text-decoration: none;
    color:#5323c1;
    background-position:bottom;
}
a:active {
    text-decoration: none;
    color:#2d2d2d;
}




/*右側按鈕列*/
#right-list-btn {
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 480px;
    background-color: #aaaaaa;
    border: 1px solid #b3b3b3;
    box-shadow: 0px 0px 1px 0px rgba(255,255,255,1.00) inset;
    border-radius: 5px;
    margin-left: 515px;
    overflow: hidden;
}
#right-list-btn ul {
}
#right-list-btn ul li {
    border-top:1px dotted #d7d7d7;
}
#right-list-btn ul li:first-child {
    border-top:none;
}
#right-list-btn ul li a {
    text-indent:-9999px;
    display:block;
}
#right-list-btn ul li a:hover {
    background-color:#7f7f7f;
}
#shop-cart {
    width:56px;
    height:56px;
    background:url(../images/shop-cart-icon.png) center center no-repeat;
    position:relative;
}
#shop-amount {
    width:22px;
    height:22px;
    position:absolute;
    top:2px;
    right:2px;
    text-align:center;
    color:#ffffff;
    font-size:13px;
    line-height:22px;
    display:block;
    background-color:#d70000;
    border-radius:50%;
    text-indent:0px;
}
#returnTop {
    width:56px;
    height:56px;
    background:url(../images/gotop-icon.png) center center no-repeat;
}
#goHistory {
    width:56px;
    height:56px;
    background:url(../images/history-icon.png) center center no-repeat;
}
#eye-icon {
    width:56px;
    height:56px;
    background:url(../images/eye-icon.png) center center no-repeat;
    position:relative;
}
#eye-amount {
    width:22px;
    height:22px;
    position:absolute;
    top:2px;
    right:2px;
    text-align:center;
    color:#ffffff;
    font-size:13px;
    line-height:22px;
    display:block;
    background-color:#d70000;
    border-radius:50%;
    text-indent:0px;
}

/* ===共用版面設定=== */
#wrapper {
    width:100%;
}
.fonttype01 {
  color: #e35454;
}
.fonttype02 {
    color:#0078e8;
}
.fonttype03 {
    color:#ffac2b;
}


/*--首頁-topbar--*/
.topbar01 {
    width:100%;
    background: #ff8ca7; /* Old browsers */
    background: -moz-linear-gradient(top, #ff8ca7 0%, #fd6387 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff8ca7 0%,#fd6387 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff8ca7 0%,#fd6387 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8ca7', endColorstr='#fd6387',GradientType=0 ); /* IE6-9 */
    position: relative;
    border-bottom:1px solid #ff8ba6;
}
.topbar02 {
    width:100%;
    background: #3c0660; /* Old browsers */
    position: relative;
    border-bottom:1px solid #510a84;
}
.topbar03 {
    width:100%;
    background: #555454; /* Old browsers */
    background: -moz-linear-gradient(top, #555454 0%, #2b2b2b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #555454 0%,#2b2b2b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #555454 0%,#2b2b2b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555454', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */
    position: relative;
    border-bottom:1px solid #222222;
}
.topbar-content {
    width: 1000px;
    height:60px;
    position: relative;
    margin: 0 auto;
}

/*--logo--*/
a.logo01 {
    width: 230px;
    overflow: hidden;
    color: #feff81;
    font-size: 14px;
    padding: 10px 0;
    float: left;
    display: block;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
a.logo01 span {
    font-size:9px;
}
a.logo02 {
    color:#d50d5f;
    font-size:18px;
    padding:10px 0;
    float:left;
}
a.logo02 span {
    font-size:15px;
}
a.logo03 {
    color:#ffffff;
    font-size:18px;
    padding:10px 0;
    float:left;
}
a.logo03 span {
    font-size:15px;
}

.topbar-R {
    float:right;
}
.topbar-R ul {
    float:left;
}
.topbar-R ul li {
    display:inline-block;
    margin-right:15px;
}
.topbar-R ul li a {
    font-size:16px;
    line-height:60px;
    color:#ffffff;
}
.topbar-R ul li a:visited {
    color:#ffffff;
}
.topbar-R ul li a:hover {
    color:#ffcf45;
}
.topbar-R ul li a:active {
    color:#ffffff;
}
.topbar-R ul li img {
    margin-right:3px;
    vertical-align: sub;
}

/*商品搜尋*/
.search-box {
    width:115px;
    height:23px;
    position:relative;
    background-color:#f8f8f8;
    border-radius:30px;
    padding:2px 35px 5px 10px;
    margin:14px 0;
    float:left;
}
.search {
    width:115px;
    height:23px;
    border:0;
}
.search-btn {
    width:20px;
    height:20px;
    line-height: none;
    position:absolute;
    right:10px;
    top:5px;
}




/*--首頁-header-style01--*/
.header-content01 .header01-L-menu {
    position:absolute;
    top:35px;
    left:230px;
}
.header01-L-menubg {
    width:110px;
    height:42px;
    background:url(../images/style01/header01-menu-L.png);
    color:#000000;
    font-size:18px;
    line-height:40px;
    padding-left:55px;
    display:block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.header01-L-menubg:hover {
    background:url(../images/style01/header01-menu-L-hover.png);
}
.header01-L-menubtn01 {
    margin:0 0 10px 0;
}
.header01-L-menubtn02 {
    margin:0 0 10px 30px;
}
.header01-L-menubtn03 {
    margin:0 0 10px 60px;
}
.header01-L-menubtn04 {
    margin:0 0 0 90px;
}
.header-content01 .header01-R-menu {
    position:absolute;
    top:35px;
    right:230px;
}
.header01-R-menubg {
    width:110px;
    height:42px;
    background:url(../images/style01/header01-menu-R.png);
    color:#000000;
    font-size:18px;
    line-height:40px;
    text-align:right;
    padding-right:55px;
    display:block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.header01-R-menubg:hover {
    background:url(../images/style01/header01-menu-R-hover.png);
}
.header01-R-menubtn01 {
    margin:0 0 10px 90px;
}
.header01-R-menubtn02 {
    margin:0 0 10px 60px;
}
.header01-R-menubtn03 {
    margin:0 0 10px 30px;
}
.header01-R-menubtn04 {
    margin:0;
}

/*--首頁-header-style02--*/

.header02-menu-box {
    width: 980px;
    height:30px;
    background:url(../images/style02/header02-menu.png) no-repeat;
    position:absolute;
    bottom:0px;
    overflow:hidden;
    padding:43px 10px;
}
.header02-menu-box a {
    width:90px;
    font-size:18px;
    background:url(../images/style02/header02-menu-btn.png) bottom;
    color:#ffffff;
    text-align:center;
    display:inline-block;
    line-height:30px;
    margin:0 5px 0 4px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius:6px;
}
.header02-menu-box a:hover {
    color:#ffcf45;
    background-position:top;
}
.header02-L-menu {
    float:left;
}
.header02-L-menu a {

}
.header02-R-menu {
    float:right;
}
.header02-R-menu a {

}

/*--首頁-header-style03--*/

.header03-banner {
    width: 1000px;
    height:150px;
    overflow:hidden;
    margin:15px 0;
}
.header03-menu-box {
    width: 660px;
    height:130px;
    background:url(../images/style03/header03-menu.png) no-repeat;
    position:absolute;
    right:9px;
    top:107px;
    overflow:hidden;
}
.header03-menu-box a {
    width:108px;
    font-size:18px;
    text-align:center;
    color:#ffffff;
    text-shadow:1px 1px 1px #7e0000;
    background:url(../images/style03/header03-menu-btn.png) bottom;
    display:inline-block;
    margin:0 0 0 -1px;
    padding:15px 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.header03-menu-box a:hover {
    color:#ffffff;
    box-shadow: inset 0 -3px 0 #f90000;
}
.header03-L-menu {
    margin:10px 45px 8px 175px;
}
.header03-L-menu a {

}
.header03-R-menu {
    margin:0 45px 10px 175px;
}
.header03-R-menu a {

}



/*--首頁內容--*/
.main-content {
    width:1000px;
    overflow:hidden;
    margin:0 auto 60px auto;
    padding:0 10px;
}
.main-content-L {
    width:160px;
    float:left;
    margin-right:10px;
}
.main-content-C {
    width:660px;
    float:left;
    margin-right:10px;
}
.main-content-R {
    width:160px;
    float:right;
}



/*兩側小標題*/
.main-content-L h2,.main-content-R h2 {
    width:123px;
    height:40px;
    font-size:16px;
    color:#ffffff;
    line-height:40px;
    text-align: left;
    padding-left:37px;
}
.content-LR-title01 {
    background:url(../images/style01/contitle-bg01.jpg) no-repeat;
}
.content-LR-title02 {
    background:url(../images/style02/contitle-bg02.jpg) no-repeat;
}
.content-LR-title03 {
    background:url(../images/style03/contitle-bg03.jpg) no-repeat;
}

/*中間小標題*/
.main-content-C h2 {
    width:623px;
    height:40px;
    font-size:16px;
    color:#ffffff;
    line-height:40px;
    text-align: left;
    padding-left:37px;
}
.content-C-title01 {
    background:url(../images/style01/contitle-center-bg01.jpg) no-repeat;
}
.content-C-title02 {
    background:url(../images/style02/contitle-center-bg02.jpg) no-repeat;
}
.content-C-title03 {
    background:url(../images/style03/contitle-center-bg03.jpg) no-repeat;
}



.main-content-C .additional-title {
    width:615px;
    height:40px;
    font-size:16px;
    line-height:40px;
    text-align: left;
    border-left:5px solid #f2800a;
    background-color: #f3f3f3;
    padding-left:10px;
    margin:0 auto;
}




/*區塊menu-style*/
.any-menu-box {
    border-radius:6px;
    overflow:hidden;
    margin-bottom:15px;
    box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
}
.any-menu-content {
    font-size:14px;
    background-color: #ffffff;
}
.any-menu-content a {
    line-height: 21px;
    display: block;
    border-top: 1px dotted #dcdcdc;
    padding: 6px 8px;
    color: #000000;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.any-menu-content a:first-child {
    border-top: none;
}
.any-menu-content a:hover {
    text-decoration:none;
    background-color:#e9e9e9;
    color:#5323c1;
}
.any-menu-content span {
    margin-right:5px;
}




/*--左側menu--*/
.conleft-menu {
    border-radius:6px;
    overflow:hidden;
    margin-bottom:15px;
    box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
}
.leftmenu {
    width: 100%;
    font-size:14px;
}
.leftmenu ul {
    list-style:none;
    margin:0;
    padding:0;
}
.leftmenu h3 {
    width: 100%;
    height: 22px;
    text-indent: -9999px;
}
.leftmenu h3.qa_group_1 {
    background: url(qa_group_1.gif) no-repeat;
}
.leftmenu h3.qa_group_2 {
    background: url(qa_group_2.gif) no-repeat;
}
.leftmenu ul.accordionPart {
    margin: 0;
}
.leftmenu ul.accordionPart li {
}

/*--左側menu-主選單style01--*/
.leftmenu ul.accordionPart li .leftmenu-btn01 {
    background-color:#fbe7ca;
    color: #000000;
    cursor: pointer;
    position: relative;
    height: 35px;
    z-index: 20;
    display: block;
    line-height: 35px;
    border-top:1px solid #ffffff;
    padding:0 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.leftmenu ul.accordionPart li .leftmenu-btn01:hover {
    background-color:#ffda89;
}
.leftmenu ul.accordionPart li .leftmenu-btn01::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 15px;
    left: 143px;
    right: 0;
    bottom: 0;
    background: url(../images/style01/leftmenu-icon01.png) no-repeat;
}

/*--左側menu-主選單style02--*/
.leftmenu ul.accordionPart li .leftmenu-btn02 {
    background-color:#470707;
    color: #ffffff;
    cursor: pointer;
    position: relative;
    height: 35px;
    z-index: 20;
    display: block;
    line-height: 35px;
    border-top:1px solid #000000;
    padding:0 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.leftmenu ul.accordionPart li .leftmenu-btn02:hover {
    background-color:#731a1a;
}
.leftmenu ul.accordionPart li .leftmenu-btn02::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 15px;
    left: 143px;
    right: 0;
    bottom: 0;
    background: url(../images/style02/leftmenu-icon02.png) no-repeat;
}

/*--左側menu-主選單style03--*/
.leftmenu ul.accordionPart li .leftmenu-btn03 {
    background-color:#cdcdcd;
    color: #000000;
    cursor: pointer;
    position: relative;
    height: 35px;
    z-index: 20;
    display: block;
    line-height: 35px;
    border-top:1px solid #ffffff;
    padding:0 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.leftmenu ul.accordionPart li .leftmenu-btn03:hover {
    background-color:#dedede;
}
.leftmenu ul.accordionPart li .leftmenu-btn03::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 15px;
    left: 143px;
    right: 0;
    bottom: 0;
    background: url(../images/style03/leftmenu-icon03.png) no-repeat;
}


.leftmenu ul.accordionPart li .leftmenu-btn_on {
    text-decoration: none;
}

.leftmenu ul.accordionPart li .leftmenu-sub {
    background-color:#ffffff;
    padding: 5px 0;
}
.leftmenu ul.accordionPart li .leftmenu-sub a {
    line-height: 30px;
    display: block;
    border-top: 1px dotted #dcdcdc;
    padding: 0 10px 0 10px;
    color: #000000;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.leftmenu ul.accordionPart li .leftmenu-sub a:first-child {
    border-top:none;
}
.leftmenu ul.accordionPart li .leftmenu-sub a:hover {
    text-decoration:none;
    background-color:#e9e9e9;
    color:#5323c1;
}



/*兩側banner*/
.content-LR-banner {
    width:160px;
    margin-bottom:15px;
}
.content-LR-banner a {
    display:block;
    margin-bottom:-1px;
}
.content-LR-banner img {
    max-width:160px;
}



/*公告欄*/
.index-newslist-box {
    width:660px;
    border-radius:6px;
    overflow:hidden;
    box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom:15px;
}
.index-newslist-content {
    background-color: #ffffff;
}
.newslist-style {
    padding:10px 15px;
}
.newslist-style ul {
}
.newslist-style ul li {
    border-top:1px dotted #dcdcdc;
}
.newslist-style ul li:first-child {
    border-top:none;
}
.newslist-style ul li a {
    width:525px;
    background:url(../images/news-icon.png) 3px center no-repeat;
    position:relative;
    display:block;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:5px 90px 5px 15px;
}
.newslist-style ul li a.blog-li {
    width:540px;
    background:none;
    position:relative;
    display:block;
    word-break:keep-all;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:15px 90px 15px 0px;
}
.newslist-style ul li span.news-sort-name {
    font-size:13px;
    font-weight:normal;
    color:#ffffff;
    text-align:center;
    background-color:#ffac2b;
    border-radius:3px;
    padding:3px 5px;
    margin-right:5px;
}
.newslist-style ul li span.date {
    position:absolute;
    font-size:13px;
    font-weight:normal;
    color:#acacac;
    right:0px;
}




/*新品快訊輪播*/

.newPD-random {
    width:660px;
    border-radius:6px;
    overflow:hidden;
    background-color:#ffffff;
    box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom:15px;
    text-align:center;
}





/*首頁產品展示*/
.index-PDlist-box {
    width:660px;
    border-radius:6px;
    margin-bottom:15px;
}

.index-PDlist-box ul,.index-PDlist-box li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.index-PDlist-box .abgne_tab {
    clear: left;
    width: 400px;
    margin: 10px 0;
}
.index-PDlist-box ul.tabs {
    width: 100%;
    height: 32px;
}
.index-PDlist-box ul.tabs li {
    float: left;
    overflow: hidden;
    position: relative;
    border-radius:6px 6px 0 0;
    margin-left:2px;
}
.index-PDlist-box ul.tabs li:first-child {
    margin-left:0;
}
.index-PDlist-box ul.tabs li a {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    display: block;
    padding: 0 31px;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 1px 1px 1px #4e4e4e;
}

/*首頁產品展示-標籤style01*/
.label-style01 {
    background:url(../images/style01/contab-bg01.jpg) repeat-x;
}
.label-style01:hover {
    background:url(../images/style01/contab-bg01-hover.jpg) repeat-x;
}
.label-style01.active {
    background:url(../images/style01/contab-bg01-hover.jpg) repeat-x;
}

/*首頁產品展示-標籤style02*/
.label-style02 {
    background:url(../images/style02/contab-bg02.jpg) repeat-x;
}
.label-style02:hover {
    background:url(../images/style02/contab-bg02-hover.jpg) repeat-x;
}
.label-style02.active {
    background:url(../images/style02/contab-bg02-hover.jpg) repeat-x;
}

/*首頁產品展示-標籤style03*/
.label-style03 {
    background:url(../images/style03/contab-bg03.jpg) repeat-x;
}
.label-style03:hover {
    background:url(../images/style03/contab-bg03-hover.jpg) repeat-x;
}
.label-style03.active {
    background:url(../images/style03/contab-bg03-hover.jpg) repeat-x;
}

.index-PDlist-box ul.tabs li a:hover {
    color: #714105;
    text-shadow:1px 1px 1px #ffefd4;
}
.index-PDlist-box ul.tabs li.active  {
}
.index-PDlist-box ul.tabs li.active a {
    color: #714105;
    text-shadow:1px 1px 1px #ffefd4;
}
.index-PDlist-box div.tab_container {
    clear: left;
    width: 100%;
    background: #fff;
    box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
    border-radius:0 0 6px 6px;
}
.index-PDlist-box div.tab_container .tab_content {
}
.index-PDlist-box div.tab_container .tab_content h2 {
    margin: 0 0 20px;
}


/*產品列表style*/
.PDlist-style {
    padding:10px 15px;
}
.PDlist-style ul {
}
.PDlist-style ul li {
    border-top: 1px dotted #dcdcdc;
    overflow: hidden;
    padding: 10px 0;
}
.PDlist-style ul li:first-child {
    border-top:none;
}
.PD-style {
    width:150px;
    float:left;
    margin: 0 15px;
    padding: 14px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}
.PD-style h3 {
    height:36px;
    text-align:left;
    font-size:14px;
    line-height:18px;
    text-align: justify;
    overflow:hidden;
    margin-bottom:3px;
}
.PD-style h3 img {
    width:19px;
    height:20px;
    margin:0;
}
.PD-style img {
    margin-bottom:3px;
}
.PD-style h4 {
    font-size:14px;
    color:#ea0037;
    margin-top:2px;
}
.PD-style h4 span {
    font-size:18px;
    font-weight:bold;
}
.PD-style p {
    color: #7c7c7c;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.PD-style p.store-price {
    font-weight:bold;
}



/*中間內容banner*/
.content-C-banner {
    width:660px;
    text-align:center;
    margin-bottom:15px;
}
.content-C-banner a {
    display:block;
    margin-bottom:10px;
}
.content-C-banner img {
    max-width:660px;
}

.content-C-banner-in {
    width:630px;
    text-align:center;
    margin:15px auto;
}
.content-C-banner-in a {
    display:block;
    margin-bottom:10px;
}
.content-C-banner-in img {
    max-width:630px;
}


/*中間影音*/
.content-C-youtube {
    width:660px;
    margin-bottom:15px;
}
.content-C-youtube ul {
    overflow:hidden;
}
.content-C-youtube ul li {
    width:320px;
    float:left;
    margin:5px;
}


/*中間動態廣告*/
.content-C-gifbox {
    width:640px;
    border-radius:6px;
    background-color:#ffffff;
    overflow:hidden;
    box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom:15px;
    padding:15px 10px;
}
.content-C-gifbox a {
    width:297px;
    float:left;
    display:block;
    margin:5px 10px;
}




/*店長推薦*/
.recommend-list-box {
    width:660px;
    border-radius:6px;
    background-color:#ffffff;
    overflow:hidden;
    box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom:15px;
}
.recommend-list-box .recommend-banner {
}






/*會員登入*/
.login-box {
    border-radius:6px;
    overflow:hidden;
    box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom:15px;
}
.login-content {
    background-color:#ffffff;
    padding:15px 8px;
}
.form-1 {
    width:100%;
    position: relative;
    font-size:14px;
}
.form-1 .field {
    position: relative;
}
.form-1 input[type=text], .form-1 input[type=password] {
    width: 104px;
    font-family: "微軟正黑體", "新細明體";
    padding: 6px 5px 6px 35px;
    border: 1px solid #e3e3e3;
    background: #ffffff;
    border-radius:5px;
    margin-bottom:8px;
}
.form-1 input[type=verify] {
    width: 58px;
    font-family: "微軟正黑體", "新細明體";
    padding: 6px 5px;
    border: 1px solid #e3e3e3;
    background: #ffffff;
    border-radius:5px;
    vertical-align:top;
    margin-bottom:8px;
}
.form-1 .field i {
    left: 0px;
    top: 0px;
    position: absolute;
    width:30px;
    height:16px;
    background-color:#e3e3e3;
    text-align: center;
    padding:7px 0;
    border-radius:5px 0 0 5px;
}
.form-1 .field i img {
    max-width:100%;
    height:auto;
}
.login-content .submit {
	overflow:hidden;
}
.login-btn {
    width:41.7%;
    font-family: "微軟正黑體", "新細明體";
    font-size:15px;
    /*display:inline-block;*/
	float:left;
    background: #ffe295; /* Old browsers */
    background: -moz-linear-gradient(top, #ffe295 0%, #ffd462 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffe295 0%,#ffd462 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffe295 0%,#ffd462 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe295', endColorstr='#ffd462',GradientType=0 ); /* IE6-9 */
    border:none;
    border-radius:5px;
    line-height:30px;
    color:#4b1f0f;
    box-shadow:inset 0px 0px 1px 1px #fff5d8;
    border:1px solid #fbe075;
    margin:0 1%;
    cursor: pointer; 
}
.login-btn:hover {
    background: #ffeb9e; /* Old browsers */
    background: -moz-linear-gradient(top, #ffeb9e 0%, #ffe06b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffeb9e 0%,#ffe06b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffeb9e 0%,#ffe06b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb9e', endColorstr='#ffe06b',GradientType=0 ); /* IE6-9 */
    box-shadow:inset 0px 0px 1px 1px #fff5d8;
    border:1px solid #fbe075;
}


/*成交訂單*/
.deal-orders-box {
    border-radius:6px;
    overflow:hidden;
    box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom:15px;
}





/*熱賣商品*/
.selling-box {
    border-radius:6px;
    overflow:hidden;
    box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom:15px;
}
.selling-content {
    background-color:#ffffff;
    padding:15px 0;
}
.selling-content ul {
}
.selling-content ul li {
    margin-bottom:10px;
}
.selling-content ul li h3 {
    height:13px;
    font-size:14px;
    padding:7px 0 7px 32px;
    margin-bottom:5px;
}
.ranking-style01 {
    background:url(../images/ranking-icon01.png) no-repeat;
}
.ranking-style02 {
    background:url(../images/ranking-icon02.png) no-repeat;
}
.ranking-style03 {
    background:url(../images/ranking-icon03.png) no-repeat;
}
.ranking-style04 {
    background:url(../images/ranking-icon04.png) no-repeat;
}
.selling-content ul li a {
    display:block;
    padding:0 5px;
}
.selling-content ul li img {
    border-radius:5px;
    margin-bottom:5px;
}
.selling-content ul li h4 {
    max-height:55px;
    line-height:18px;
    overflow:hidden;
}






/*footer-style01*/
.footer01 {
    width:100%;
}
.footer01-top-content {
    width:1000px;
    height:200px;
    background:url(../images/style01/footer01-banner.jpg) no-repeat;
    position:relative;
    border-radius:10px;
    overflow:hidden;
    margin:0 auto 20px auto;
}
.footer01-menu {
    position:absolute;
    top:10px;
    left:175px;
}
.footer01-menu ul {
}
.footer01-menu ul li {
    background:url(../images/style01/footer01-menu-icon.png) left center no-repeat;
}
.footer01-menu ul li a {
    font-size:16px;
    display:block;
    padding:5px 6px 5px 15px;
}
.footer01-bottom {
    background-color:#d5d5d5;
}
.footer01-bottom-content {
    width:1000px;
    text-align:center;
    margin:0 auto;
    padding:25px 0;
}
.footer01-bottom-content p {
    line-height:21px;
}

/*footer-style02*/
.footer02 {
    width:100%;
    border-top:1px solid #860039;
    background: url(../images/style02/footer02-bg.jpg) repeat;
}
.footer02-content {
    width:1000px;
    margin:0 auto;
    padding:50px 0;
}
.footer02-menu {
    margin-bottom:20px;
}
.footer02-menu ul {
    text-align:center;
}
.footer02-menu ul li {
    background:url(../images/style02/footer02-menu-line.jpg) left center no-repeat;
    display:inline-block;
    margin-left:-3px;
}
.footer02-menu ul li:first-child {
    background:none;
}
.footer02-menu ul li a {
    font-size:16px;
    color:#ffffff;
    display:block;
    padding:8px 12px;
    margin-left:3px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.footer02-menu ul li a:visited {
    color:#ffffff;
}
.footer02-menu ul li a:hover {
    color:#ffcf45;
    border-radius:5px;
    background-color:#910540;
}
.footer02-menu ul li a:active {
    color:#ffffff;
}
.footer02-banner {
    text-align:center;
    margin-bottom:20px;
}
.footer02-top-content p {
    color:#ffffff;
    text-align:center;
    line-height:21px;
}

/*footer-style03*/
.footer03 {
    width:100%;
}
.footer03-top-content {
    width:1000px;
    height:200px;
    background:url(../images/style03/footer03-banner.jpg) no-repeat;
    position:relative;
    border-radius:10px;
    overflow:hidden;
    margin:0 auto 20px auto;
}
.footer03-menu {
    position:absolute;
    top: 39px;
    left: 20px;
}
.footer03-menu ul {
}
.footer03-menu ul li {
    float:left;
    margin:0 5px;
}
.footer03-menu ul li a {
    background:url(../images/style03/footer03-menu-icon.png) left center no-repeat;
    font-size:16px;
    color:#ffffff;
    display:block;
    padding:4px 6px 4px 15px;
}
.footer03-menu ul li a:visited {
    color:#ffffff;
}
.footer03-menu ul li a:hover {
    color:#ffcf45;
    border-bottom:2px solid #bd0b07;
}
.footer03-menu ul li a:active {
    color:#ffffff;
}
.footer03-bottom {
    background-color:#d5d5d5;
}
.footer03-bottom-content {
    width:1000px;
    text-align:center;
    margin:0 auto;
    padding:25px 0;
}
.footer03-bottom-content p {
    line-height:21px;
}






/*路徑*/
.path {
    font-size:14px;
    display:block;
    padding:0 15px;
    margin-bottom:15px;
}
.path a {
    color:#5323c1;
    padding:0 2px;
}
.path a:hover {
    color:#5323c1;
    text-decoration:underline;
}
.path span {
    padding:0 2px;
}







/*免費加購列表*/
.free-PDlist-box {
    width:660px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom: 15px;
}
.free-PDlist-content {
    background-color:#ffffff;
    padding:15px 0;
}



/*商品排序*/
.sort {
    background-color:#e3e3e3;
    border-radius:6px;
    padding:5px 10px;
    margin:0 15px;
}
.sort a {
    display:inline-block;
    border-radius:5px;
    padding:10px 5px;
    margin:0 5px;
}
.sort a:hover {
    background-color:#ffffff;
}


/*頁碼*/
.look-pageNB {
    width:100%;
    text-align:center;
    margin:20px auto 30px auto;
   /* word-spacing: -2px;*/
}
.look-pageNB ul {
}
.look-pageNB ul li {
    background-color:#ffffff;
    border:1px solid #dcdcdc;
    display:inline-block;
    border-radius: 2px;
}
.look-pageNB ul li.active {
    background-color:#dcdcdc;
    border:1px solid #dcdcdc;
    display:inline-block;
    border-radius: 2px;
}
.look-pageNB ul li:hover {
    background-color:#dcdcdc;
    border:1px solid #dcdcdc;
}
.look-pageNB ul li a {
    display:block;
    padding:6px 9px;
}
.look-pageNB ul li a:hover {
    color: #4f4e4e;
    text-decoration: none;
}




/*商品列表*/

.PDlist-box {
    width:660px;
    border-radius: 6px;
    margin-bottom: 15px;
}

.PDlist-box ul,.PDlist-box li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.PDlist-box .abgne_tab {
    clear: left;
    width: 400px;
    margin: 10px 0;
}
.PDlist-box ul.tabs {
    width: 100%;
    height: 32px;
}
.PDlist-box ul.tabs li {
    float: left;
    overflow: hidden;
    position: relative;
    border-radius:6px 6px 0 0;
    margin-left:2px;
}
.PDlist-box ul.tabs li:first-child {
    margin-left:0;
}
.PDlist-box ul.tabs li a {
    width:123.5px;
    height:40px;
    line-height:40px;
    font-size:16px;
    display: block;
    padding: 0 20px;
    text-decoration: none;
    color: #ffffff;
    text-align:center;
    text-shadow:1px 1px 1px #4e4e4e;
}


.PDlist-box ul.tabs li a:hover {
    color: #714105;
    text-shadow:1px 1px 1px #ffefd4;
}
.PDlist-box ul.tabs li.active  {
}
.PDlist-box ul.tabs li.active a {
    color: #714105;
    text-shadow:1px 1px 1px #ffefd4;
}
.PDlist-box div.tab_container {
    clear: left;
    width: 100%;
    background: #fff;
    box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
    border-radius:0 0 6px 6px;
}
.PDlist-box div.tab_container .tab_content {
    padding:15px 0;
}
.PDlist-box div.tab_container .tab_content h2 {
    margin: 0 0 20px;
}






/*排行榜列表*/
.ranking-PDlist-box {
    width:660px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom: 15px;
}
.ranking-PDlist-content {
    background-color:#ffffff;
    padding:15px 0;
}



/*品牌標籤*/
.brand-PDlist-box {
    width:660px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom: 15px;
}
.brand-PDlist-content {
    background-color:#ffffff;
    position:relative;
    padding:20px 0 15px 0;
}
.brand-sort {
    position:absolute;
    top:12px;
    right:15px;
}
.brand-sort-style {
    padding:5px;
}



/*文章消息列表*/

.newslist-box {
    width:660px;
    border-radius: 6px;
    margin-bottom: 15px;
}

.newslist-box ul,.newslist-box li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.newslist-box .abgne_tab {
    clear: left;
    width: 400px;
    margin: 10px 0;
}
.newslist-box ul.tabs {
    width: 100%;
    height: 32px;
}
.newslist-box ul.tabs li {
    float: left;
    overflow: hidden;
    position: relative;
    border-radius:6px 6px 0 0;
    margin-left:2px;
}
.newslist-box ul.tabs li:first-child {
    margin-left:0;
}
.newslist-box ul.tabs li a {
    width:123.5px;
    height:40px;
    line-height:40px;
    font-size:16px;
    display: block;
    padding: 0 20px;
    text-decoration: none;
    color: #ffffff;
    text-align:center;
    text-shadow:1px 1px 1px #4e4e4e;
}


.newslist-box ul.tabs li a:hover {
    color: #714105;
    text-shadow:1px 1px 1px #ffefd4;
}
.newslist-box ul.tabs li.active  {
}
.newslist-box ul.tabs li.active a {
    color: #714105;
    text-shadow:1px 1px 1px #ffefd4;
}
.newslist-box div.tab_container {
    clear: left;
    width: 100%;
    background: #fff;
    box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
    border-radius:0 0 6px 6px;
}
.newslist-box div.tab_container .tab_content {
    position:relative;
    padding:20px 0 15px 0;
}
.newslist-box div.tab_container .tab_content h2 {
    margin: 0 0 20px;
}

.news-sort {
    position:absolute;
    top:12px;
    right:15px;
}
.news-sort-style {
    padding:5px;
}







/*購物結帳說明*/

.shop-cart-box {
    width:660px;
    border-radius: 6px;
    margin-bottom: 15px;
}

.shop-cart-box ul,.shop-cart-box li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.shop-cart-box .abgne_tab {
    clear: left;
    width: 400px;
    margin: 10px 0;
}
.shop-cart-box ul.tabs {
    width: 100%;
    height: 32px;
}
.shop-cart-box ul.tabs li {
    float: left;
    overflow: hidden;
    position: relative;
    border-radius:6px 6px 0 0;
    margin-left:2px;
}
.shop-cart-box ul.tabs li:first-child {
    margin-left:0;
}
.shop-cart-box ul.tabs li a {
    width:123.5px;
    height:40px;
    line-height:40px;
    font-size:16px;
    display: block;
    padding: 0 20px;
    text-decoration: none;
    color: #ffffff;
    text-align:center;
    text-shadow:1px 1px 1px #4e4e4e;
}


.shop-cart-box ul.tabs li a:hover {
    color: #714105;
    text-shadow:1px 1px 1px #ffefd4;
}
.shop-cart-box ul.tabs li.active  {
}
.shop-cart-box ul.tabs li.active a {
    color: #714105;
    text-shadow:1px 1px 1px #ffefd4;
}
.shop-cart-box div.tab_container {
    clear: left;
    width: 100%;
    background: #fff;
    box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);
    border-radius:0 0 6px 6px;
}
.shop-cart-box div.tab_container .tab_content {
    position:relative;
    padding:20px 0 15px 0;
}
.shop-cart-box div.tab_container .tab_content h2 {
    margin: 0 0 20px;
}


/*購物清單*/
.shop-list {
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom:30px;
    padding:0 15px;
}


/*表格*/
table.table-type {
    margin:10px auto 30px auto;
}
table.table-type {
    margin:10px auto 30px auto;
}
table.table-type a {
    color: #5323c1;
}
table.table-type a:hover {
    color: #5323c1;
    text-decoration:underline;
}
table.table-type td {
    background-color:#ffffff;
    line-height:24px;
    vertical-align:middle;
    padding:8px 10px;
}
table.table-type td.td-text01 {
    background-color:#ffffff;
    border-left: #e3e3e3 1px dashed;
    border-bottom:1px solid #c3c3c3;
    line-height:24px;
    vertical-align:middle;
    padding:8px 10px;
}
table.table-type td.td-text02 {
    background-color: #f7f7f7;
    /*border: #e3e3e3 1px solid;*/
    line-height:24px;
    vertical-align:middle;
    padding:8px 10px;
}
table.table-type td.table-checkout {
    background-color:#ffffff;
    line-height:24px;
    vertical-align:middle;
    padding:0;
}
table.table-type td.table-checkout-text {
    padding:3px 5px;
}
table.table-type td .fonttype01 {
    font-weight:bold;
}
table.table-type td.td-text01:first-child {
    border-left:none;
}
table.table-type td.td-text02:first-child {
    border-top:none;
}
.text-L {
    text-align:left;
}
.text-C {
    text-align:center;
}
.text-R {
    text-align:right;
}
table.table-type th.th-title01 {
    background-color:#c3c3c3;
    color:#2d2d2d;
    line-height:24px;
    vertical-align:middle;
    padding:8px 10px;
}
table.table-type th.th-title02 {
    background-color:#e3e3e3;
    border-right: 2px #ffffff solid;
    color:#2d2d2d;
    line-height:24px;
    vertical-align:middle;
    padding:8px 10px;
}

/*表單*/
.form-text-style {
    font-family: "微軟正黑體", "新細明體";
    font-size:14px;
    border:1px solid #d7d7d7;
    border-radius:3px;
    padding:5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.form-text-style:hover {
    font-family: "微軟正黑體", "新細明體";
    font-size:14px;
    border:1px solid #b6b6b6;
    border-radius:3px;
    padding:5px;
}
.w50 {
    width:50px;
}
.w150 {
    width:150px;
}
.w380 {
    width:380px;
}
.w460 {
    width:460px;
}
.w560 {
    width:560px;
}
.form-note {
    display:block;
    padding-top:5px;
}

/*訂購人資料*/
.order-infor {
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom: 1px dashed #dcdcdc;
    padding: 0 15px;
    margin-bottom:30px;
}
.order-infor h4 {
    font-size: 16px;
    font-weight:inherit;
    margin-bottom:15px;
}
.order-infor h3 {
    padding-left: 10px;
    border-left: 4px solid #f2800a;
    color:#f2800a;
    font-size: 18px;
    line-height: 26px;
    font-weight:inherit;
    margin-bottom:10px;
}
.order-infor h3.consent-text {
    border-left: 3px solid #0078e8;
    color:#0078e8;
}

.form-remind {
    line-height:21px;
    margin-bottom:30px;
}
.form-remind a,.order-infor ul li a {
    color: #5323c1;
    margin:0 5px;
}
.form-remind a:hover,.order-infor ul li a:hover {
    color: #5323c1;
    text-decoration:underline;
}

.order-infor ul {}
.order-infor ul li {
    line-height:21px;
    list-style:inside decimal;
    padding:3px 0;
}

.order-confirm {
    background-color:#f3f3f3;
    text-align:center;
    padding:15px 0;
    margin-bottom:30px;
}
.order-confirm p {
    margin-bottom:15px;
}

/*內容按鈕*/
.form-btn-style01 {
    min-width:100px;
    font-family: "微軟正黑體", "新細明體";
    font-size:15px;
    display:inline-block;
    background: #ffe295; /* Old browsers */
    background: -moz-linear-gradient(top, #ffe295 0%, #ffd462 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffe295 0%,#ffd462 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffe295 0%,#ffd462 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe295', endColorstr='#ffd462',GradientType=0 ); /* IE6-9 */
    border:none;
    border-radius:5px;
    line-height:35px;
    color:#4b1f0f;
    box-shadow:inset 0px 0px 1px 1px #fff5d8;
    border:1px solid #fbe075;
    cursor: pointer;
    padding:0 15px;
    margin-left:5px;
}
.form-btn-style01:hover {
    background: #ffeb9e; /* Old browsers */
    background: -moz-linear-gradient(top, #ffeb9e 0%, #ffe06b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffeb9e 0%,#ffe06b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffeb9e 0%,#ffe06b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb9e', endColorstr='#ffe06b',GradientType=0 ); /* IE6-9 */
    box-shadow:inset 0px 0px 1px 1px #fff5d8;
    border:1px solid #fbe075;
}
.form-btn-style02 {
    min-width:100px;
    font-family: "微軟正黑體", "新細明體";
    font-size:15px;
    display:inline-block;
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #d8d8d8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f1f1f1 0%,#d8d8d8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f1f1f1 0%,#d8d8d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
    border:none;
    border-radius:5px;
    line-height:35px;
    color:#2d2d2d;
    box-shadow:inset 0px 0px 1px 1px #f6f6f6;
    border:1px solid #dcdcdc;
    cursor: pointer;
    padding:0 15px;
    margin-left:5px; 
}
.form-btn-style02:hover {
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top, #f6f6f6 0%, #e4e4e4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#e4e4e4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f6f6f6 0%,#e4e4e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
    box-shadow:inset 0px 0px 1px 1px #f6f6f6;
    border:1px solid #dcdcdc;
}

/*相關商品*/
.related-PDlist {
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom: 1px dashed #dcdcdc;
}

/*成人廣告*/
.adult-advertising {
    padding:15px;
}



/*購物說明*/
.shop-guide {}
.shop-guide-menu {
    width:638px;
    margin:0 auto 15px auto;
    overflow:hidden;
}
.shop-guide-menu a {
    height:98px;
    display:block;
    cursor: pointer;
    float:left;
}
.guide-menubtn01 {
    width:133px;
    background:url(../images/shop-guide/rules_01.jpg) no-repeat;
}
.guide-menubtn02 {
    width:126px;
    background:url(../images/shop-guide/rules_02.jpg) no-repeat;
}
.guide-menubtn03 {
    width:119px;
    background:url(../images/shop-guide/rules_03.jpg) no-repeat;
}
.guide-menubtn04 {
    width:124px;
    background:url(../images/shop-guide/rules_04.jpg) no-repeat;
}
.guide-menubtn05 {
    width:136px;
    background:url(../images/shop-guide/rules_05.jpg) no-repeat;
}
.guide-menubtn01:hover {
    background:url(../images/shop-guide/rules2_01.jpg) no-repeat;
}
.guide-menubtn02:hover {
    background:url(../images/shop-guide/rules2_02.jpg) no-repeat;
}
.guide-menubtn03:hover {
    background:url(../images/shop-guide/rules2_03.jpg) no-repeat;
}
.guide-menubtn04:hover {
    background:url(../images/shop-guide/rules2_04.jpg) no-repeat;
}
.guide-menubtn05:hover {
    background:url(../images/shop-guide/rules2_05.jpg) no-repeat;
}
.shop-guide-content {
    width:638px;
    margin:0 auto 30px auto;
}
.shop-guide-content ul {
}
.shop-guide-content ul li {
    position:relative;
}
.shop-guide-content ul li a.guide-topbtn {
    width:60px;
    height:40px;
    position: absolute;
    display:block;
    cursor: pointer;
    right:0px;
    bottom:0px;
}




/*留言板*/
.message-board-box {
    width: 660px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom: 15px;
}
.message-board-content {
    background-color: #ffffff;
    position: relative;
    padding: 20px 0 15px 0;
}
.message-board-list ul {
    padding:0 15px;
}
.message-board-list ul li {
    border-top:1px dotted #dcdcdc;
    padding:15px 0;
}
.message-board-list ul li:first-child {
    border-top:none;
}
.message-Q-text {}
.message-Q-text h4 {
    font-weight:inherit;
    /*border-bottom:1px solid #e3e3e3;*/
    color:#5c5c5c;
}
.message-Q-text h4 span {
    width:40px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    background-color: #5c5c5c;
    line-height:40px;
    color:#ffffff;
    margin-right:8px;
    display: inline-block;
}
.message-Q-text p {
    padding:10px 10px 10px 48px;
}

.message-A-text {
    background-color: #f3f3f3;
}
.message-A-text h4 {
    font-weight:inherit;
    color:#e35454;
    border-bottom:1px solid #ffffff;
}
.message-A-text h4 span {
    width:40px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    background-color: #e35454;
    color:#ffffff;
    line-height:40px;
    margin-right:8px;
    display: inline-block;
}
.message-A-text p {
    padding:10px 10px 10px 48px;
}

/*詢問表單*/
.request-form {
    border-top: 1px dashed #dcdcdc;
    padding:30px 15px;
}
.request-form h3 {
    padding-left: 10px;
    border-left: 3px solid #666666;
    color: #666666;
    font-size: 18px;
    line-height: 26px;
    font-weight: inherit;
    margin-bottom: 10px;
}
.request-form h4 {
    font-size: 16px;
    font-weight: inherit;
    margin-bottom: 15px;
}
.request-form img {
    vertical-align: middle;
}
.request-form .submit {
    text-align:center;
}





/*付款通知*/
.payment-notice-box {
    width: 660px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom: 15px;
}
.payment-notice-content {
    background-color: #ffffff;
    position: relative;
    padding: 20px 0 15px 0;
}
.payment-form {
    padding:0 15px 30px 15px;
}
.payment-form h4 {
    font-size: 16px;
    font-weight: inherit;
    margin-bottom: 15px;
}
.payment-form img {
    vertical-align: middle;
}
.payment-form .submit {
    text-align:center;
}




/*訂單查詢*/
.order-track-box {
    width: 660px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom: 15px;
}
.order-track-content {
    background-color: #ffffff;
    position: relative;
    padding: 20px 0 15px 0;
}
.order-track-form {
    padding:0 15px 30px 15px;
}
.order-track-form h4 {
    font-size: 16px;
    font-weight: inherit;
    margin-bottom: 15px;
}
.order-track-form img {
    vertical-align: middle;
}
.order-track-form .submit {
    text-align:center;
}



/*會員註冊*/
.register-box {
    width: 660px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom: 15px;
}
.register-content {
    background-color: #ffffff;
    position: relative;
    padding: 20px 0 15px 0;
}
.register-form {
    padding:0 15px 30px 15px;
}
.top-text {
    margin-bottom: 15px;
}
.top-text p {
    line-height:24px;
}
.register-form img {
    vertical-align: middle;
}
.register-form .submit {
    text-align:center;
}




/*加盟*/
.join-box {
    width: 660px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom: 15px;
}
.join-content {
    background-color: #ffffff;
    position: relative;
    padding: 20px 0 15px 0;
}
.join-content h4 {
    font-size:18px;
    font-weight:inherit;
    padding: 0 15px;
    margin-bottom:10px;
}
.join-content ul {
    padding: 0 15px;
}
.join-content ul li {
    list-style:inside decimal;
    margin:5px 0;
}
.join-content p {
    padding: 0 15px;
    margin:10px 0;
}
.join-btn {
    width:320px;
    height:90px;
    display:block;
    margin:30px auto;
}
.join-btn:hover {
    height:85px;
    padding-top:5px;
}



/*加盟資料*/
.join-infor-box {
    width: 660px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom: 15px;
}
.join-infor-content {
    background-color: #ffffff;
    position: relative;
    padding: 20px 0 15px 0;
}
.join-form {
    padding-bottom:20px;
    margin-bottom:20px;
    padding: 0 15px;
    margin-bottom:30px;
}
.join-form h4 {
    font-size: 16px;
    font-weight:inherit;
    margin-bottom:15px;
}
.join-form img {
    vertical-align: middle;
}

.join-remind {
    margin:30px 0 15px 0;
}
.join-remind h4 {
    font-size: 16px;
    font-weight: inherit;
    margin-bottom: 10px;
}
.join-remind ul {
    margin-bottom:20px;
}
.join-remind ul li {
    list-style:inside decimal;
    margin:5px 0;
}




/*產品資料*/
.PD-infor-box {
    width: 660px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom: 15px;
}
.PD-infor-content {
    background-color: #ffffff;
    position: relative;
    padding: 20px 0 15px 0;
}
.PD-infor-top {
    overflow:hidden;
    padding:0 15px;
}
.PD-infor-top .PD-infor-pic {
    width:280px;
    float:left;
    margin-right:15px;
}
.PD-infor-top .PD-infor-pic img {
    max-width:280px;
    border:#dcdcdc solid 1px;
    border-radius:5px;
    height:auto;
}
.PD-infor-top .PD-infor-text {
    width:333px;
    float:right;
}
.PD-infor-top .PD-infor-text h4 {
    font-size:18px;
    line-height:24px;
    margin-bottom:10px;
}
.PD-infor-list {
    margin-bottom:10px;
}
.PD-infor-list a,.PD-infor-remind a {
    color: #5323c1;
    margin:0 3px;
}
.PD-infor-list a:hover,.PD-infor-remind a:hover {
    color: #5323c1;
    text-decoration:underline;
}
.PD-infor-price {
    margin-bottom:10px;
}
.PD-infor-price li {
    display:inline-block;
}
.PD-price-type01 {
    color:#a1a1a1;
    margin-right:10px;
}
.PD-price-type02 {
    font-size:24px;
    font-weight:bold;
    margin:0 3px;
}
.PD-infor-remind {
    border-top:1px dotted #dcdcdc;
    padding-top:8px;
    margin:10px 0 10px 0;
}
.PD-share {}
.PD-share a {
    display:inline-block;
    vertical-align:middle;
    margin:0 2px 0 0;
}
.PD-infor-bottom {
    background-color: #ffffff;
    border-top: 1px dashed #dcdcdc;
    position: relative;
    padding: 20px 15px 15px 15px;
}
.PD-infor-bottom h3 {
    padding-left: 10px;
    border-left: 4px solid #f2800a;
    color: #f2800a;
    font-size: 18px;
    line-height: 26px;
    font-weight: inherit;
    margin-bottom: 20px;
}
.PD-infor-bottom p {
    line-height:21px;
    margin:10px 0;
}
.PD-infor-bottom img {
    max-width:630px;
    height:auto;
    margin:-3px;
}


/*其他*/
.other-box {
    width: 660px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom: 15px;
    padding: 20px 0;
}





/*出貨包裝*/
.shipments-box {
    width: 630px;
    border-radius: 6px;
    overflow: hidden;
    background-color:#ffffff;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
    padding:20px 15px;
    margin-bottom: 15px;
}
.shipments-box img {
    max-width:630px;
    vertical-align: middle;
}
.shipments-box h4 {
    margin:20px 0 10px 0;
}
.shipments-box ul {
    border-bottom:1px dotted #dcdcdc;
    padding-bottom:15px;
}
.shipments-box ul li {
    list-style:inside decimal;
    margin:5px 0;
}
.shipments-box ul li a {
    color: #5323c1;
    margin:0 3px;
}
.shipments-box ul li a:hover {
    color: #5323c1;
    text-decoration:underline;
}




/*新聞內容*/
.news-infor-box {
    width: 660px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
    margin-bottom: 15px;
}
.news-infor-content {
    background-color: #ffffff;
    position: relative;
    padding: 20px 0 40px 0;
}
.news-infor-content h3 {
    position:relative;
    border-left: 4px solid #f2800a;
    background-color:#f3f3f3;
    color: #f2800a;
    font-size: 18px;
    line-height: 26px;
    font-weight: inherit;
    margin:0 15px 0 15px;
    padding:8px 110px 8px 10px; 
}
.news-infor-content .news-date {
    position:absolute;
    right:10px;
    font-size: 14px;
    font-weight: normal;
    color: #acacac;
}
.news-infor-text {
    margin:0 20px 15px 20px;
    padding:10px 0 20px 0;
    border-bottom: 1px dotted #dcdcdc;
}
.news-infor-text p {
    line-height:21px;
    margin:10px 0;
}







/*前導頁style01*/
.preamble-box {
    width:100%;
}
.preamble01-header {
    width: 100%;
    height:90px;
    background: #ff8ca7;
    background: -moz-linear-gradient(top, #ff8ca7 0%, #fd6387 100%);
    background: -webkit-linear-gradient(top, #ff8ca7 0%,#fd6387 100%);
    background: linear-gradient(to bottom, #ff8ca7 0%,#fd6387 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8ca7', endColorstr='#fd6387',GradientType=0 );
    position: relative;
    border-bottom: 1px solid #ff8ba6;
    margin-bottom:20px;
}
.preamble01-header h1 {
    text-align:center;
    line-height:90px;
    color:#ffffff;
    font-size:48px;
    text-shadow:1px 1px 0px #ad314e;
}
.preamble01-content {
    width:840px;
    height:470px;
    background:url(../images/style01/18page01.jpg) no-repeat;
    position:relative;
    margin:0 auto 15px auto;
}
a.preamble01-btn01 {
    width:260px;
    height:80px;
    background:url(../images/style01/18page01-btn01.png) right;
    position:absolute;
    text-indent:-9999px;
    top:250px;
    left:335px;
}
a.preamble01-btn02 {
    width:260px;
    height:80px;
    background:url(../images/style01/18page01-btn02.png) right;
    position:absolute;
    text-indent:-9999px;
    top:250px;
    left:570px;
}
.preamble01-btn01:hover,.preamble01-btn02:hover {
    background-position:left;
}
.preamble01-footer {
    width: 100%;
    text-align:center;
}
.preamble01-footer p {
    color:#000000;
}



/*前導頁style02*/
.preamble02-header {
    width: 100%;
    height:90px;
    background: #3c0660;
    position: relative;
    border-bottom: 1px solid #510a84;
    margin-bottom:20px;
}
.preamble02-header h1 {
    text-align:center;
    line-height:90px;
    color:#ffffff;
    font-size:48px;
    text-shadow:1px 1px 0px #1a012a;
}
.preamble02-content {
    width:840px;
    height:470px;
    background:url(../images/style02/18page02.jpg) no-repeat;
    position:relative;
    margin:0 auto 15px auto;
}
a.preamble02-btn01 {
    width:200px;
    height:80px;
    background:url(../images/style02/18page02-btn01.png) top;
    position:absolute;
    text-indent:-9999px;
    top:145px;
    left:210px;
}
a.preamble02-btn02 {
    width:200px;
    height:80px;
    background:url(../images/style02/18page02-btn02.png) top;
    position:absolute;
    text-indent:-9999px;
    top:145px;
    right:210px;
}
.preamble02-btn01:hover,.preamble02-btn02:hover {
    background-position:bottom;
}
.preamble02-footer {
    width: 100%;
    text-align:center;
}
.preamble02-footer p {
    color:#ffffff;
}



/*前導頁style03*/
.preamble03-header {
    width: 100%;
    height:90px;
    background: #555454;
    background: -moz-linear-gradient(top, #555454 0%, #2b2b2b 100%);
    background: -webkit-linear-gradient(top, #555454 0%,#2b2b2b 100%);
    background: linear-gradient(to bottom, #555454 0%,#2b2b2b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555454', endColorstr='#2b2b2b',GradientType=0 );
    position: relative;
    border-bottom: 1px solid #222222;
    margin-bottom:20px;
}
.preamble03-header h1 {
    text-align:center;
    line-height:90px;
    color:#ffffff;
    font-size:48px;
    text-shadow:1px 1px 0px #000000;
}
a.preamble03-btn01 {
    width:220px;
    height:115px;
    background:url(../images/style03/18page03-btn01.png) left;
    position:absolute;
    text-indent:-9999px;
    top:140px;
    left:20px;
}
a.preamble03-btn02 {
    width:220px;
    height:115px;
    background:url(../images/style03/18page03-btn02.png) right;
    position:absolute;
    text-indent:-9999px;
    top:140px;
    right:20px;
}
.preamble03-btn01:hover {
    background-position:right;
}
.preamble03-btn02:hover {
    background-position:left;
}
.preamble03-footer {
    width: 100%;
    text-align:center;
}
.preamble03-footer p {
    color:#000000;
}