@charset "utf-8";
/* CSS Document */
body {
    background: url(../images/all/body_bg.jpg);
    font-size: 12px;
    color: #717171;
}
p {
    line-height: 24px;
    margin-bottom: 24px;
}

.wrapfix:after {
    content: "."; 
    display: block;
    height: 0; 
    clear: both; 
    visibility: hidden;
} 
body.home .main_content {
    min-height: 0;
}
.main_content {
    min-height: 300px;
}


/*--------- 防止float溢出 --------*/
.content .txt:after,
.content .list-box .txt-list li:after,
body.news .content h3:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#floating .btn-floating {
    background-color: #EBDDB3;
    display: block;
    width: 28px;
    height: 58px;
    position: absolute;
    left: -30px;
    margin: 1px;
    padding: 10px 3px;
    display: none;
}
#floating .btn-floating .icon-arrow {
    background:  url(../images/home/arrow.png) no-repeat;
    display: block;
    width: 32px;
    height: 40px;
}
#floating.open .btn-floating .icon-arrow {
    background-position: 0 -40px;
}
#floating ul {
    background-color: #292317;
}
#floating ul li a {
    display: block;
    background: url(../images/all/floating_icon.png) no-repeat;
    width: 60px;
    height: 60px;
    color: #bbb;
    padding: 40px 0 0;
    font-size: 10px;
    text-align: center;
    position: relative;
}
#floating ul li a:hover {
    color: #fff;
}
#floating ul li.b1 a { background-position: 0 0; }
#floating ul li.b2 a { background-position: 0 -60px; }
#floating ul li.b3 a { background-position: 0 -120px; }
#floating ul li.b1 a:hover { background-position: -60px 0; }
#floating ul li.b2 a:hover { background-position: -60px -60px; }
#floating ul li.b3 a:hover { background-position: -60px -120px; }
#floating ul li a .num {
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: #EB0F0F;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    min-width: 20px;
    height: 20px;
}


.jcarousel-wrapper {
    position: relative;
}
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.jcarousel ul {
    width: 20000em;    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;

}
.jcarousel li {
    width: 200px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
}
.jcarousel li a {
    display: block;
}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: auto;
}

/********************* Header *********************/
.header {
    background-color: #132E3F;
    background-image: url(../images/all/header_bg.png);
    background-repeat: repeat-x;
}
.header .navbar {
    z-index: 20;
}
.header .navbar .navbar-brand {
    background: url(../images/all/logo.png) no-repeat;
    display: block;
    height: 82px;
    padding: 0;
    text-indent: -9999px;
    width: 200px;
    margin: 23px 0 15px;
}
.header .navbar .navbar-brand:hover {
    opacity: 0.7;
}
.header .navbar .navbar-nav {
    float: right;
    background: url(../images/all/nav_bg.png) no-repeat top center;
    padding: 0 60px;
    margin-top: 35px;
    margin-bottom: 30px;
}
.header .navbar .navbar-nav li a {
    width: 180px;
    background: url(../images/all/nav.png) no-repeat;
    text-indent: -9999px;
}
.header .navbar .navbar-nav li a:hover {
    background-image: url(../images/all/nav_hover.png);
}
.header .navbar .navbar-nav li.b1 a { background-position: center 0; }
.header .navbar .navbar-nav li.b2 a { background-position: center -60px; }
.header .navbar .navbar-nav li.b3 a { background-position: center -120px; }
.header .navbar .navbar-nav li.b4 a { background-position: center -180px; }

.header .navbar .navbar-nav > li + li:before {
    width: 30px;
    height: 50px;
    background: url(../images/all/nav_seperator.png) no-repeat;
    content: " ";
    display: block;
    float: left;
    margin-left: -15px;
}

.header .navbar .sub-nav {
    position: absolute;
    right: 10px;
    top: 10px;
}
.header .navbar .sub-nav li {
    padding: 0;
}
.header .navbar .sub-nav li a {
    background: url(../images/all/sub_nav.png) no-repeat;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
}
.header .navbar .sub-nav li a:hover {
    position: relative;
    top: 2px;
}
.header .navbar .sub-nav li.b1 a { background-position: 0 0; }
.header .navbar .sub-nav li.b2 a { background-position: -30px 0; }
.header .navbar .sub-nav li.b3 a { background-position: -61px 0; }

.header .navbar .btn-default {
    background-color: #9F7B5A;
    background: rgb(187,159,134); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(187,159,134,1) 0%, rgba(187,159,134,1) 16%, rgba(159,123,90,1) 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,159,134,1)), color-stop(16%,rgba(187,159,134,1)), color-stop(50%,rgba(159,123,90,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(187,159,134,1) 0%,rgba(187,159,134,1) 16%,rgba(159,123,90,1) 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(187,159,134,1) 0%,rgba(187,159,134,1) 16%,rgba(159,123,90,1) 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(187,159,134,1) 0%,rgba(187,159,134,1) 16%,rgba(159,123,90,1) 50%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(187,159,134,1) 0%,rgba(187,159,134,1) 16%,rgba(159,123,90,1) 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb9f86', endColorstr='#9f7b5a',GradientType=0 ); /* IE6-9 */
    color: #fff;
    border-color: #A7A06E;
}
.header .navbar .lang {
    position: absolute;
    top: 14px;
    right: 116px;
}
.header .navbar .lang .dropdown-menu {
    background-color: #1F4964;
}
.header .navbar .lang .dropdown-menu a {
    color: #fff;
}
.header .navbar .lang .dropdown-menu a:hover {
    background-color: transparent;
    color: #FFD42A;
}

/*----------------------- Banner -----------------------*/
.banner {
    position: relative;
}
.banner .container {
	max-width: 1144px;
	background-color: #EEE;
	padding: 0;
}
.banner .bxslider li {
    background-position:center top;
    background-repeat:no-repeat;    
}
body.home .banner .bxslider li {
    height: 500px;
}
body.home .banner .bxslider li.s1{
    background-image: url("../images/home/banner_bg_01.jpg");
}
body.home .banner .bxslider li.s2{
    background-image: url("../images/home/banner_bg_02.jpg");
}
body.home .banner .bxslider li.s3{
    background-image: url("../images/home/banner_bg_03.jpg");
}
body.home .banner .bxslider li.s4{
    background-image: url("../images/home/banner_bg_04.jpg");
}
.banner .bxslider li img {
    width: 100%;
}
body.home .banner .bxslider li img {
    display: none;
}
.banner .bx-wrapper {
    margin-bottom: 0;
}
.banner .bx-wrapper .bx-viewport {
    left: 0;
    background: none;
    border: none;
    box-shadow: none;
}
.banner .bx-wrapper .bx-pager {
    bottom: 15px;
}

.banner .bx-wrapper .bx-controls-direction a {
    width: 80px;
    height: 120px;
    background: url(../images/all/banner_arrow.png) no-repeat;
    margin-top: -60px;
}
.banner .bx-wrapper .bx-controls-direction a.bx-prev {
    background-position: 0 0;
    left: -80px;
}
.banner .bx-wrapper .bx-controls-direction a.bx-next {
    background-position: 0 -120px;
    right: -80px;
}
body.full .banner .container {
    margin: 0;
    max-width: 100%;
    width: 100%;
}
body.full .banner .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 0;
}
body.full .banner .bx-wrapper .bx-controls-direction a.bx-next {
    right: 0;
}


.header_ex {
    background: url(../images/all/header_bottom.png) repeat-x;
    height: 26px;
    margin-top: 40px;
}


/********************* Footer *********************/
.footer {
    padding: 15px 0 50px;
    text-align: center;
}
.footer_top ul {
    background: url(../images/all/sitemap_bg.png) no-repeat center center;
}
.footer_top ul li {
    padding: 0;
}
.footer_top ul li,
.footer_top ul li a {
    color: #a7a384;
}
.footer_top ul li a {
    padding: 10px 5px;
}
.footer_top ul li a:hover {
    color: #6e6e6e;
}
.footer_content {
	background-color: #1B160F;
    background-color: rgba(0,0,0,0.3);
	padding: 15px 0;
    color: #9c9c9c;
    line-height: 22px;
}
.footer .copyright,
.footer .siteinfo {
    display: inline-block;
    margin: 0 5px;
}
.footer .siteinfo ul {
    display: inline-block;
}
.footer .siteinfo ul > li {
    padding: 0;
}
.footer .siteinfo ul > li + li:before {
    content: "| ";
    padding: 0 5px;
    color: #9c9c9c;
}
.footer .siteinfo .sitemap-link {
    color: #d8ce72;
    margin-right: 10px;
}
.footer .siteinfo .sitemap-link:hover {
    text-decoration: underline;
}

.footer .powered a {
    color: #6e6e6e;
}

/********************* Main *********************/
.menu,
.search-box {
    position: relative;
    z-index: 10;
}
.menu h3 .side-toggle {
    display: none;
}

.menu .nav {
    max-width: 254px;
    margin-bottom: 50px;
}
.menu .nav > li {
    background: url(../images/all/side_link_icon.png) no-repeat;
    border-bottom: 1px dashed #514E43;
}
.menu .nav > li a {
    display: block;
}
.menu .nav > li > a {
    line-height: 20px;
    padding: 5px 10px 5px 30px;
    color: #c7c7c7;
}
.menu .nav > li > a:hover,
.menu .nav > li > a:focus,
.menu .nav > li.active > a {
    background: url(../images/all/side_link_bg.png) no-repeat;
    color: #fff6c3;
}
.menu .nav > li > ul {
    margin-left: 44px;
}
.menu .nav > li > ul > li {

}
.menu .nav > li > ul > li a {
    line-height: 24px;
    color: #A49566;
    padding: 0 10px 0 0;
}
.menu .nav > li > ul > li a:hover {
    color: #fff6c3;
}
.menu .nav > li > ul > li > ul {
    margin-left: 18px;
}
.menu .nav > li > ul > li > ul > li {

}
.menu .nav > li > ul > li > ul > li > a {
    color: #848275;
    text-decoration: underline;
}


.search-box {
    border-bottom: 1px dashed #ACA8A3;
    padding-bottom: 20px;
    max-width: 254px;
}
.search-box .form-group .form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 24px;
    line-height: 24px;
    padding: 0 24px 0 6px;
    width: 100%;
}
.search-box .form-group.w1 {
    width: 100%;
}
.search-box .form-group.w2 {
    width: 100%;
    margin-top: 10px;
    position: relative;
}
.search-box .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/all/search_select_bg.png) no-repeat right center #fff;
} 
.search-box a {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-indent: -9999px;
    width: 24px;
    background: url(../images/all/icon_search.png) no-repeat;
}
.search-box a:hover {
    background-position: 0 100%;
}

.side-slide,
.quick-link {
    position: relative;
    z-index: 10;
}
.side1 h3,
.side2 h3 {
    color: #8E8B77;
    font-size: 16px;
    letter-spacing: 2px;
    font-family: "標楷體";
}
.side2 h3 {
    border-bottom: 1px solid #6A5B54;
    padding-bottom: 5px;
}
.side-slide ul {
    list-style-type: none;
}
.side-slide ul li a {
    border: 1px solid #635338;
    padding: 2px;
    display: block;
}
.side-slide ul li a img {
    width: 100%;
}

.side-slide .jcarousel-control-prev,
.side-slide .jcarousel-control-next {
    position: absolute;
    display: block;
    width: 18px;
    height: 30px;
    background: url(../images/home/arrow.png) no-repeat;
    background-size: 100% auto;
    top: -39px;
}
.side-slide .jcarousel-control-prev {
    right: 16px;
}
.side-slide .jcarousel-control-next {
    right: 0;
    background-position: 0 -30px;
}
.quick-link ul {
    margin-left: 20px;
}
.quick-link ul li a {
    color: #848275;
    display: block;
    line-height: 20px;
}
.quick-link ul li a:hover {
    color: #AAA16F;
}

/*----------------------- Content -----------------------*/
.breadcrumb {
    background-color: #f5f5f5;
}

.content h1 {
    background: url(../images/all/h1_bg.png) no-repeat;
    text-indent: -9999px;
    height: 66px;
    position: relative;
}
.content h1:after {
    content: " ";
    background: url(../images/all/h1_after.png) no-repeat;
    height: 66px;
    width: 190px;
    position: absolute;
    right: -15px;
    top: 0;
    display: block;
}
body.about .content h1 { background-position: 0 0; }
body.product .content h1.t1 { background-position: 0 -66px; }
body.product .content h1.t2 { background-position: 0 -132px; }
body.product.p02 .content h1 { background-position: 0 -198px; }
body.product.show .content h1 { background-position: 0 -264px; }
body.news .content h1 { background-position: 0 -330px; }
body.cart .content h1 { background-position: 0 -396px; }
body.cart .content h1.t01 { background-position: 0 -528px; }
body.cart .content h1.t02 { background-position: 0 -924px; }
body.cart .content h1.t03 { background-position: 0 -990px; }
body.cart.help .content h1 { background-position: 0 -1386px; }
body.member .content h1 { background-position: 0 -462px; }
body.member.login .content h1 { background-position: 0 -528px; }
body.member.register .content h1 { background-position: 0 -594px; }
body.member.forget .content h1 { background-position: 0 -660px; }
body.member.modify .content h1 { background-position: 0 -726px; }
body.member.resend .content h1 { background-position: 0 -1454px; }
body.order .content h1 { background-position: 0 -792px; }
body.order.show .content h1 { background-position: 0 -858px; }
body.order.show .content h1.t02 { background-position: 0 -1056px; }
body.order.show .content h1.t03 { background-position: 0 -1122px; }
body.order.show .content h1.t04 { background-position: 0 -1188px; }
body.contact .content h1 { background-position: 0 -1254px; }
body.contact .content h1.t02 { background-position: 0 -1320px; }
body.faq .content h1 { background-position: 0 -1517px; }
body.faq.ask .content h1 { background-position: 0 -1584px; }
body.album .content h1 { background-position: 0 -1650px; }

body.about .content h1:after { background-position: 0 0; }
body.product .content h1:after { background-position: 0 -66px; }
body.news .content h1:after { background-position: 0 -132px; }
body.contact .content h1:after { background-position: 0 -198px; }
body.cart .content h1:after { background-position: 0 -264px; }
body.member .content h1:after { background-position: 0 -330px; }
body.order .content h1:after { background-position: 0 -396px; }
body.faq .content h1:after { background-position: 0 -462px; }
body.album .content h1:after { background-position: 0 -528px; }

.content h2 {
    background: url(../images/all/h2.png) no-repeat;
    text-indent: -9999px;
    height: 40px;
}
.content .content-banner {
    margin-bottom: 20px;
}
.content .txt {
    padding: 10px 10px 10px 40px;
    color: #aca697;
    line-height: 24px;
}

.content .list-box h2 { background-position: 0 0; border-bottom: 2px solid #4E433A; }
.content .works-box h2 { background-position: 0 -40px; }
.content .contact-box h2 { background-position: 0 -80px; }

.content .btn-more {
    position: absolute;
    right: 15px;
    top: 30px;
    display: block;
    width: 52px;
    height: 24px;
    background: url(../images/all/btn_more.png) no-repeat;
    text-indent: 9999px;
}
.content .btn-more:hover {
    background-position: 0 -24px;
}
.content .btn-normal {
    background: none;
    color: #AAA16F;
    border: 1px solid #AAA16F;
}
.content .btn-normal:hover {
    color: #6B572E;
    border-color: #6B572E;
}
.content .list-box {
    margin-left: 20px;
}
.content .list-box .txt-list {
    margin-bottom: 60px;
}

.content .list-box .txt-list li {
    padding-left: 30px;
    border-bottom: 1px dashed #62544C;
    background: url(../images/all/icon_list.png) no-repeat 8px 4px;
}

.content .list-box .txt-list li:nth-child(2n+1) {
    background-color: rgba(106,91,84,0.1);
}

.content .list-box .txt-list li:last-child {
    border-bottom: 1px dashed #62544C;
}

.content .list-box .txt-list li a {
    display: block;
    color: #848275;
    line-height: 28px;
    font-size: 12px;
	padding:3px 0 5px;
}
.content .list-box .txt-list li a:hover {
    color: #aaa16f;
}
.content .list-box .txt-list li span {
    color: #6a5b54;
    float: right;
	line-height:20px;
    padding: 3px 20px;
    display: inline-block;
}
.content .list-box .txt-list li span.news-title {
    float: left;
	color:#848275;
	width:78%;
}
.content .list-box .txt-list li.list-header {
    background: none;
    padding-left: 40px;
    padding-right: 15px;
    border-bottom: 1px solid #6a5b54;
}
.content .list-box .txt-list li.list-header a,
.content .list-box .txt-list li.list-header a span {
    color: #8e8b77;
    font-family: "標楷體";
    font-size: 18px;
}

.content .works-box .pic-carousel li a {
    border: 1px solid #635338;
    padding: 2px;
    display: block;
}
.content .works-box .pic-carousel li a:hover {
    border-color: #AAA16F;
}
.content .works-box .bx-wrapper .bx-controls-direction a {
    width: 24px;
    height: 40px;
    background: url(../images/home/arrow.png) no-repeat;
}
.content .works-box .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -24px;
}
.content .works-box .bx-wrapper .bx-controls-direction a.bx-next {
    right: -24px;
    background-position: 0 -40px;
}

.content .contact-box {
    background: url(../images/home/contact_deco.png) no-repeat right 18px;
    min-height: 180px;
}
.content .contact-box ul li {
    color: #717171;
    padding-left: 20px;
    font-size: 12px;
    line-height: 20px;
}
.content .contact-box ul li.phone {
    background: url(../images/home/phone.png) no-repeat;
    height: 51px;
    text-indent: -9999px;
}
.content .sec {
    padding: 10px 10px 10px 40px;
    color: #aca697;
    line-height: 24px;
}
.content .btn-box {
    margin: 0 0 20px;
    clear: both;
    border-top: 1px solid #6a5b54;
    padding-top: 15px;
    text-align: center;
}
.content .btn-box .pager {
    text-align: left;
    display: inline-block;
    margin: 0 0 20px;
}
.content .btn-box .pager li {
    margin: 0 5px;
}
.content .btn-box .pager li > a {
    background: #706b49;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    color: #fff;
}
.content .btn-box .pager li > a:hover {
    background-color: #4a462a;
}
.content .btn-box a .icon {
    background: url(../images/all/pager_icon.png) no-repeat;
    display: inline-block;
    vertical-align: text-bottom;
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.content .btn-box a .icon-first { background-position: -6px -1px; }
.content .btn-box a .icon-prev { background-position: -6px -29px; }
.content .btn-box a .icon-next { background-position: -6px -58px; }
.content .btn-box a .icon-last { background-position: -6px -87px; }
.content .btn-box a .icon-back { background-position: -6px -112px; }

.content .btn-box .page-info {
    display: inline-block;
    margin: 0 5px;
    color: #848275;
    text-align: center;
}
.content .btn-box .page-info select {
    border: 1px solid #6a5b54;
    min-width: 60px;
    padding: 0 18px 0 0;
    height: 24px;
    margin-right: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance:none;
    -moz-appearance:none;
    background: #fff url(../images/all/pager_select_bg.png) no-repeat right center;
}
.content .btn-box a,
.contnet .btn {
    background: #706b49;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    color: #fff;
    display: inline-block;
    padding: 5px 14px;
    font-size: 13px;
    text-align: center;
    line-height: 24px;
}
.content .btn-box a:hover,
.contnet .btn:hover {
    background-color: #4a462a;
}
.content .btn-box a span {
    margin-right: 5px;
}

.content .table {
    margin-bottom: 0;
}
.content .table > thead > tr > th {
    border-bottom: 1px solid #6A5B54;
    color: #8e8b77;
    font-family: "標楷體";
    font-size: 15px;
    text-align: center;
}
.content .table > tbody > tr > td {
    color: #ccc;
    vertical-align: middle;
    border-top: 1px dashed #62544C;
    text-align: center;
}
.content .table > tbody > tr > td a {
    color: #AAA16F;
}
.content .table > tbody > tr > td a:hover {
    text-decoration: underline;
}
.content .table > tbody > tr > td.pic img {
    max-width: 100px;
}
.content .table > tbody > tr > td.pic img:hover {
    opacity: 0.7;
}
.content .table > tbody > tr > td.qty .input-group .form-control {
    padding: 6px;
    text-align: center;
}

.content .table > tbody > tr > td .input-group {
    width: 100px;
    margin: 0 auto;
}
.content .table > tbody > tr > td .btn {
    margin: 0;
    color: #fff;
}
.content .table > tbody > tr > td .tn {
    display: none;
}
.content .table.no-border th,
.content .table.no-border td {
    border: none;
}
.content .table.no-border tr {
    border-bottom: 1px dotted #62544C;
}
.content .table.no-border th {
    text-align: right;
    width: 100px;
}
.content .table.no-border td {
    text-align: left;
    vertical-align: top;
}

.content .btn-default {
    background-color: #706B49;
    color: #fff;
    border-color: #A7A06E;
    margin-right: 5px;
}
.content .btn-default:hover {
    background-color: #4A462A;
}
.content .form-horizontal label {
    letter-spacing: 1px;
}
.form-horizontal .row .form-inline {
    padding-bottom: 15px;
}

.content .breadcrumb {
    background: none;
    margin: 0;
}
.content .breadcrumb a {
    color: #848275;
}
.content .breadcrumb a:hover {
    color: #AAA16F;
}
.content .breadcrumb>.active {
    color: #fff;
}
.content .table-striped>tbody>tr:nth-child(odd)>td,
.content .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: rgba(106,91,84,0.1);
}

/*----------------------------------------- 首頁 home --------------------------------------*/
body.home .content .list-box {
    margin-left: 0;
}

body.home .content .list-box .txt-list {
    margin-bottom: 10px;
}
body.home .content .list-box .txt-list li {
    padding-left: 14px;
    background-position: 0 4px;
    background-color: transparent;
}
body.home .content .list-box .txt-list li:last-child {
    border-bottom: 2px solid #4E433A;
}
body.home .content .list-box .txt-list li a span {
    padding: 3px 0;
}

/*----------------------------------------- 相簿 album --------------------------------------*/
.content .album-list a {
    margin: 20px 0;
    display: block;
    -webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
}
.content .album-list a:hover {
    opacity: 0.7;
}
.content .album-list a img {
    width: 100%;
}
.content .album-list a h4 {
    text-align: center;
    color: #A7A384;
    font-size: 15px;
}
.content .album-list a .pic {
    border: 1px solid #635338;
    padding: 2px;
}
.pic-gallery {
    margin-left: 20px;
    margin-bottom: 40px;
}
.pic-gallery .pic-stage {
    margin: 0 auto 20px;
    width: 87%;
}
.pic-gallery .pic-stage ul li a {
    display: block;
}
.pic-gallery .pic-pager {
	position: relative;
	margin: 0 40px;
}
.pic-gallery .pic-pager .jcarousel div a {
	opacity: 0.5;
}
.pic-gallery .pic-pager .jcarousel div a.active {
	opacity: 1;
}
.pic-gallery .pic-stage .bx-wrapper .bx-pager {
	display: none;
}
.pic-gallery .pic-stage .bx-wrapper .bx-controls-direction a,
.pic-gallery .pic-pager .jcarousel-control {
	background: url(../images/all/gallery_btn.png) no-repeat;
	display: block;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
}
.pic-gallery .pic-pager .jcarousel div {
    overflow: auto;
    width: 20000em;
    position: relative;
    list-style-type: none;
}
.pic-gallery .pic-pager .jcarousel div a {
    float: left;
    padding: 0 5px;
}
.pic-gallery .pic-pager .jcarousel div a img,
.pic-gallery .pic-stage ul li a img {
    width: 100%;
}
.pic-gallery .pic-stage .bx-wrapper .bx-controls-direction a.bx-prev {
    background-position: 0 0;
    left: -45px;
}
.pic-gallery .pic-stage .bx-wrapper .bx-controls-direction a.bx-next {
    background-position: -38px 0;
    right: -45px;
}
.pic-gallery .pic-pager .jcarousel-control-prev {
    background-position: -80px 0;
    left: -40px;
}
.pic-gallery .pic-pager .jcarousel-control-next {
    background-position: -120px 0;
    right: -40px;
}


/*----------------------------------------- 活動訊息 news --------------------------------------*/
body.news .content h3 {
    color: #8e8b77;
    font-size: 20px;
    border-bottom: 1px solid #6a5b54;
    padding: 10px 20px;
    margin-left: 20px;
}
h3.border-around {
    border: 1px solid #6a5b54;
}
body.news .content h3 small {
    float: right;
    line-height: 28px;
    font-size: 15px;
}


body.news .content .btn-box,
body.faq .content .btn-box {
    border-top: 1px solid #6a5b54;
    margin-left: 20px;
    padding-left: 20px;
}
body.news.show .content .btn-box,
body.faq.show .content .btn-box {
    text-align: center;
}

/*----------------------------------------- 常見問題 faq --------------------------------------*/
body.faq .content .btn-box {
    border: none;
}
.faq-box {
    margin-left: 20px;
}
.faq-box .st {
    color: #fff;
    position: absolute;
    left: 15px;
    top: 13px;
    font-size: 16px;
}
.faq-box .panel {
    border: none;
    background: none;
    color: #aca697;
}
.faq-box  .panel+.panel {
    margin-top: 0;
}
.faq-box .panel > .panel-heading {
    background: none;
    border-bottom: 1px dashed #62544C;
    padding: 0;
    color: #AAA16F;
    position: relative;
}
.faq-box .panel > .panel-heading a {
    padding: 15px;
    display: block;
    padding-left: 48px;
}
.faq-box .panel > .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
    position: relative;
    padding-left: 48px;
    border-bottom: 1px dashed #62544C;
}

/*----------------------------------------- 作品展示 product --------------------------------------*/
body.product.p02 .content .list-mode {
    text-align: right;
    color: #848275;
}
body.product.p02 .content .list-mode .btn-group {
    display: inline-block;
}
body.product.p02 .content .list-mode .btn-group .btn-mode {
    color: #6B572E;
    background: none;
    border: 1px solid #6B572E;
    padding: 5px 10px;
}
body.product.p02 .content .list-mode .btn-group .btn-mode.active {
    border-color: #AAA16F;
    color: #AAA16F;
}
body.product.p02 .content .list-mode .btn-group .btn-mode:hover {
    border-color: #fff;
    color: #fff;
}
body.product.p01 .content .product-list.mode1 .item {
    padding: 10px 0;
}
body.product.p02 .content .product-list.mode1 .item {
    border: 1px solid #6A5B54;
    padding: 10px;
    margin: 10px 0;
    position: relative;
}
body.product.p02 .content .product-list.mode1 .item:hover {
    border-color: #fff;
}
body.product.p02 .content .product-list.mode1 .item.hasQB > a {
    margin-bottom: 50px;
}
body.product.p02 .content .product-list.mode1 .item.i1 > a ul {
    height: 20px;
}
body.product.p02 .content .product-list.mode1 .item.i2 > a ul {
    height: 40px;
}
body.product.p02 .content .product-list.mode1 .item.i3 > a ul {
    height: 60px;
}
body.product.p02 .content .product-list.mode1 .item.i4 > a ul {
    height: 80px;
}
body.product .content .product-list a {
    display: block;
}
body.product .content .product-list a .pic {
    overflow: hidden;
}
body.product .content .product-list a .pic img {
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out 0s;          
    -moz-transition: all 0.35s ease-in-out 0s;
    -o-transition: all 0.35s ease-in-out 0s;
    -ms-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
}
body.product .content .product-list a:hover .pic img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.7;
}

body.product .content .product-list a h4 {
    text-align: center;
    color: #A7A384;
    font-size: 15px;
}
body.product .content .product-list a:hover h4 {
    color: #fff;
}
body.product .content .product-list ul {
    margin-left: 20px;
    color: #d1d1d1;
}
body.product.p02 .content .product-list.mode1 .item .info p {
    display: none;
}
body.product .content .product-list.mode1 .quick-buy {
    position: absolute;
    padding: 10px;
    left: 0;
    bottom: 0;
}
body.product .content .quick-buy input {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 16px;
    padding-right: 5px;
}
body.product .content .quick-buy .btn {
    width: 50%;
    background-color: #706B49;
    color: #fff;
    float: right;
    min-width: 115px;
}
body.product .content .quick-buy .btn:hover {
    background-color: #4A462A;
}

body.product.p02 .content .product-list.mode2 .col-lg-4,
body.product.p02 .content .product-list.mode2 .col-md-6,
body.product.p02 .content .product-list.mode2 .col-sm-6 {
    float: none;
    width: 100%;
    clear: both;
}
body.product.p02 .content .product-list.mode2 .item {
    position: relative;
}
body.product.p02 .content .product-list.mode2 .item .pic {
    width: 20%;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
body.product.p02 .content .product-list.mode2 .item > a {
    padding: 10px;
    border-bottom: 1px dotted #6A5B54;
}
body.product.p02 .content .product-list.mode2 .item .info {
    display: inline-block;
    vertical-align: top;
    width: 75%;
}
body.product.p02 .content .product-list.mode2 .item .info h4 {
    text-align: left;
    margin-bottom: 20px;
    width: 80%;
}
body.product.p02 .content .product-list.mode2 .item .info ul li{
    width: 40%;
    float: left;
}
body.product.p02 .content .product-list.mode2 .item .info p {
    margin: 0;
    clear: both;
}
body.product .content .product-list.mode2 .quick-buy {
    position: absolute;
    right: 0;
    top: 10px;
    width: 115px;
}
body.product .content .product-list.mode2 .quick-buy input {
    display: none;
}

body.product .content .content-banner {
    margin-top: 20px;
    border: 1px solid #635338;
    padding: 2px;
}

body.product .content .icon {
    display: inline-block;
    width:20px;
    height: 16px;
    background: url(../images/product/shopping_icon.png) no-repeat;
    vertical-align: text-bottom;
}
body.product .content .btn-box {
    border-top: 1px solid #6A5B54;
}
body.product.p02 .content .btn-box {
    border: none;
}
body.product.show .content .product-pic {
    margin-bottom: 10px;
}
body.product.show .content .product-pic a {
    display: block;
    padding: 2px;
    border: 1px solid #635338;
}
body.product.show .content .product-pic a .img-zoom {
    width: 100%;
}
body.product.show .content .product-pic .zoomPad {
    float: none;
}
body.product.show .content .jcarousel-wrapper {
    padding: 0 20px;
}
body.product.show .content .jcarousel-control-prev,
body.product.show .content .jcarousel-control-next {
    background: url(../images/home/arrow.png) no-repeat;
    display: block;
    top: 50%;
    width: 24px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
}
body.product.show .content .jcarousel-control-prev {
    left: 0;
}
body.product.show .content .jcarousel-control-next {
    right: 0;
    background-position: 0 -40px;
}

body.product.show .content .jcarousel li a {
    padding: 2px;
    border: 1px solid #635338;
}
body.product.show .content .jcarousel img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto !important;
}

body.product .content .info {
    color: #fff;
}
body.product.show .content .info h3 {
    border-bottom: 1px solid #AAA16F;
    margin-top: 0;
    padding-bottom: 6px;
    font-size: 18px;
    color: #fff;
}
body.product.show .content .info .txt {
    min-height: 200px;
    color: #fff;
    padding: 0;
}
body.product.show .content .info .txt ul {
    margin-left: 0;
}
body.product.show .content .info .txt ul li {
    background: url(../images/all/side_link_icon.png) no-repeat -6px -3px;
    padding-left: 22px;
}
body.product.show .content .quick-buy {
    border-top: 1px solid #AAA16F;
    padding-top: 10px;
    margin-bottom: 10px;
}
body.product.show .content h3 {
    color: #8E8B77;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: "標楷體";
    padding-bottom: 5px;
}
body.product.show .content h3 small {
    margin-left: 10px;
    color: #675F48;
}
body.product.show .content .txt {
    padding: 10px;
}
body.product.show .content .btn-box {
    text-align: center;
}

/*----------------------------------------- 會員專區 member --------------------------------------*/

body.member .content .nav-func li a {
    text-align: center;
    color: #ccc;
    border: 1px solid #ccc;
    padding: 20px 10px;
    width: 116px;
    margin-bottom: 15px;
}
body.member .content .nav-func li a .glyphicon {
    font-size: 26px;
    margin-bottom: 15px;
}
body.member .content .nav-func li a:hover {
    color: #EBDDB3;
    border-color: #EBDDB3;
}
body.member.register .content .form-group a {
    color: #C1BC82;
}
body.member.register .content .form-group a:hover {
    text-decoration: underline;
}
body.member.register .content .form-group .btn-default {
    color: #fff;
}
body.member.register .content .form-group .btn-default:hover {
    text-decoration: none;
}
body.member #membership {
    max-width: 700px;
    display: none;
}
body.member .content .form-border {
    border: 1px solid #4A4940;
    position: relative;
    z-index: 90;
    padding: 50px 20px 30px 40px;
}
body.member.register.finish .content .form-border {
    padding: 40px 50px;
}
body.member.forget .content .form-border {
    padding-top: 30px;
}
body.member .content .form-border:before,
body.member .content .form-border:after {
    content: " ";
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    z-index: 100;
}
body.member .content .form-border:before {
    top: -15px;
    left: -16px;
    background: url(../images/member/form_border_LT.png) no-repeat;
}
body.member .content .form-border:after {
    right: -15px;
    bottom: -16px;
    background: url(../images/member/form_border_RB.png) no-repeat;
}
body.member .content .btn-box {
    border: none;
    margin-bottom: 0;
}
body.member .content {
    padding-bottom: 20px;
}

/*----------------------------------------- 訂單查詢 order --------------------------------------*/
body.order.show #msg-box {
    display: none;
    min-width: 300px;
}
/*----------------------------------------- 購物車 cart --------------------------------------*/
.content .sec h3 {
    color: #B8B08C;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #6A5B54;
    margin: 0 0 20px;
    position: relative;
}
body.cart.p03 .content .sec h3,
body.cart.help .content .sec h3 {
    padding: 10px;
    border: 1px dotted #6A5B54;
}
body.cart.help .content .sec p {
    padding: 0 10px;
    margin-bottom: 10px;
}
body.cart.help .content .sec ul {
    padding: 0 10px;
    margin-left: 20px;
}
.content .sec h3 span {
    margin-right: 10px;
}
.content .sec .sum {
    text-align: right;
    padding-right: 20px;
    font-size: 15px;
    border-top: 1px solid #6A5B54;
    line-height: 36px;
}
body.cart .content p {
    font-size: 14px;
}
body.cart .content p a {
    display: inline-block;
    color: #AAA16F;
}
body.cart .content p a:hover {
    color: #848275;
}
body.cart .content .btn-box {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
}
body.cart .content .invoice-title {
    display: inline-block;
    margin-left: 5px;
}
body.cart .content .hint {
    float: right;
}
body.cart .content .btn-list {
    color: #B8B08C;
    display: inline-block;
    line-height: 24px;
    font-size: 13px;
    position: absolute;
    right: 5px;
    border: 1px solid #B8B08C;
    padding: 0 5px;
}
body.cart .content .btn-list:hover {
    color: #fff;
}
body.cart .content .btn-list span {
    margin-right: 10px;
}
body.cart .content .invoice .btn-list {
    position: static;
    margin-top: 12px;
    float: right;
}
body.cart .content .invoice .form-inline:after {
    content: " ";
    clear: both;
    display: block;
}
body.cart .lightbox-list {
    min-width: 400px;
    display: none;
}
body.cart .lightbox-list h4 {
    font-size: 18px;
    padding: 0 5px;
}
body.cart .lightbox-list h4 small {
    display: inline-block;
}
body.cart .lightbox-list .glyphicon {
    margin-right: 5px;
}
body.cart .lightbox-list ul li {
    border-top: 1px solid #62544C;
}
body.cart .lightbox-list ul li a {
    color: #666;
    padding: 10px;
    display: block;
}
body.cart .lightbox-list ul li a:hover {
    background-color: #eee;
}


/*----------------------------------------- 聯絡我們 contact --------------------------------------*/
body.contact .content .map iframe {
    width: 100%;
    height: 200px;
}
body.contact .content .contact-box {
    background-position: right 0;
}
body.contact .content .contact-box ul li {
    padding-left: 10px;
}
body.contact .content .contact-box ul li.phone {
    background-position: -14px 0;
}