/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
:root {
    --bodycolor: #FFFFFF;
    --headercolor: #FFFFFF;
    --footercolor: #f7f7f7;
    --mainMenucolor: #9d9d9d;
    --mainMenuhovercolor: #FFFFFF;
    --mainMenuhovebackgroundcolor: #CEA03B;
    --mainMenuOverColor: #FFFFFF;
    --mainMenuOverBackground: #CEA03B;
    --otherMenuColor: #FFFFFF;
    --otherMenuBackgroundColor: #CEA03B;
    --otherMenuOpenSpcartColor: #d1d1d1;
    --footerLicolor: #484848;
    --h2Color: #484848;
    --btnMenuColor: #484848;
    --btnMenuBorder: #5B6A3E;
    --btnMenuBackground: #FFFFFF;
    --btnBlockColor: #5B6A3E;
    --btnBlockBackground: #484848;
    --orderListBorderColor: #9D9D9D;
    --goodsspcartColor: #9D9D9D;
    --goodsspcartBackground: #FFFFFF;
    --goodsspcartBorder: #E5F0CE;
    --goodsSpcartAColor: #9D9D9D;
}
/* line 22, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
    line-height: 1;
}

/* line 24, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
    list-style: none;
}

/* line 26, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* line 28, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

/* line 30, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
    quotes: none;
}
    /* line 103, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
    q:before, q:after, blockquote:before, blockquote:after {
        content: "";
        content: none;
    }

/* line 32, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
    border: none;
}

/* line 116, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

/* line 106, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
    font-size: 87.5%;
    line-height: 1.2;
}

/* line 14, ../scss/_typography.scss */
.slideShow.pattern-index .pt_prev, .slideShow.pattern-index .pt_next {
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.slideShow.pattern1 .pt_prev, .slideShow.pattern1 .pt_next {
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

/* line 26, ../scss/_typography.scss */
header .header_content, footer .footer_content, section#main, section#main-index {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
}
    /* line 12, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
    header .header_content:after, footer .footer_content:after, section#main:after, .style2:after, section#main-index:after {
        content: " ";
        display: block;
        clear: both;
    }

/* line 55, ../scss/_typography.scss */
html,
body {
    width: 100%;
    height: 100%;
    min-width: 320px;
    min-width: 960px \9;
    background-image: url(../images/BG.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-repeat: repeat;
}
    /* line 61, ../scss/_typography.scss */
    html *, html *:before, html *:after,
    body *,
    body *:before,
    body *:after {
        font-family: "Microsoft JhengHei", "Apple LiGothic Medium", "PMingLiU", "sans-serif", "serif";
    }
    /* line 67, ../scss/_typography.scss */
    html i:before,
    body i:before {
        color: inherit;
        font-family: inherit;
    }

/* line 73, ../scss/_typography.scss */
a {
    text-decoration: none;
}

    /* line 77, ../scss/_typography.scss */
    a img {
        border: none;
    }

/* line 81, ../scss/_typography.scss */
img,
object {
    vertical-align: bottom;
}

/* line 86, ../scss/_typography.scss */
body {
    background-color: var(--bodycolor);
}

@media screen and (min-width: 1101px) {
    /* line 86, ../scss/_typography.scss */
    body {
        background-position: center top;
    }
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    /* line 86, ../scss/_typography.scss */
    body {
        background-position: -350px top;
    }
}

/* line 99, ../scss/_typography.scss */
.title {
    width: 97.91667%;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    color: ;
    margin-bottom: 30px;
}
    /* line 103, ../scss/_typography.scss */
    .title h4 {
        font-size: 150%;
        margin: 20px 0;
    }

h2 {
    text-align: center;
    color: var(--h2Color);
    font-size: 24px;
}

.title h2 b {
    color: var(--h2Color);
    font-family: "Times New Roman", Times, serif;
}

.title h2 hr.hr-location {
    color: var(--h2Color);
    width: 190px;
    border: 0;
    background-color: var(--h2Color);
    height: 3px;
    margin-top: 2px;
}

.title h2 hr.hr-about {
    color: var(--h2Color);
    width: 210px;
    border: 0;
    background-color: var(--h2Color);
    height: 3px;
    margin-top: 2px;
}

.title h2 hr {
    color: var(--h2Color);
    width: 160px;
    border: 0;
    background-color: var(--h2Color);
    height: 3px;
    margin-top: 2px;
}
/* line 109, ../scss/_typography.scss */
.btnBlock {
    display: block;
    margin-bottom: 20px;
    text-align: center;
}
    /* line 113, ../scss/_typography.scss */
    .btnBlock a {
        display: inline-block;
        width: 135px;
        padding: 7px 0;
        font-size: 15px;
        color: var(--btnMenuColor);
        text-align: center;
        border-radius: 3px;
        transition: none;
        margin: 1px;
        border: 1px solid var(--btnMenuBorder);
        background-color: var(--btnMenuBackground);
    }

        .btnBlock a:hover {
            background-color: #6C6C6C;
            color: #9D9D9D;
        }

@media screen and (min-width: 1101px) {
    /* line 109, ../scss/_typography.scss */
    .btnBlock {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        float: inherit;
    }
}

@media screen and (min-width: 481px) and (max-width: 1100px) {
    /* line 109, ../scss/_typography.scss */
    .btnBlock {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        float: inherit;
    }

        .btnBlock a {
            width: 135px;
        }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    /* line 109, ../scss/_typography.scss */
    .btnBlock a {
        width: 23%;
    }
}

/* line 138, ../scss/_typography.scss */
.btnMenu {
    display: block;
    margin-bottom: 20px;
    text-align: center;
}
    /* line 142, ../scss/_typography.scss */
    .btnMenu a {
        display: inline-block;
        width: 135px;
        padding: 7px 0;
        font-size: 15px;
        color: var(--btnMenuColor);
        text-align: center;
        border-radius: 3px;
        transition: none;
        margin: 1px;
        border: 1px solid var(--btnMenuBorder);
        background-color: var(--btnMenuBackground);
    }
        /* line 154, ../scss/_typography.scss */
        .btnMenu a:hover {
            background-color: var(--btnMenuColor);
            color: var(--btnMenuBackground);
        }
.cbutton a {
    display: inline-block;
    width: 135px;
    padding: 7px 0;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    border-radius: 3px;
    transition: none;
    margin: 1px;
    border: 1px solid #9D9D9D;
    background-color: #9D9D9D;
}
@media screen and (min-width: 0px) and (max-width: 480px) {
    .btnMenu a {
        width: 23%;
    }
}
/* line 160, ../scss/_typography.scss */
.textEditor {
    clear: both;
    font-size: 15px;
    color: #9D9D9D;
    line-height: 1.8;
}
    /* line 165, ../scss/_typography.scss */
    .textEditor a {
        color: #9D6905;
    }
    /* line 168, ../scss/_typography.scss */
    .textEditor img {
        max-width: 100%;
    }
    /* line 171, ../scss/_typography.scss */
    .textEditor ul {
        list-style: disc outside;
        padding-left: 30px;
    }
    /* line 175, ../scss/_typography.scss */
    .textEditor ol {
        list-style: decimal outside;
        padding-left: 30px;
    }
    /* line 179, ../scss/_typography.scss */
    .textEditor table {
        border-collapse: collapse;
    }
    /* line 182, ../scss/_typography.scss */
    .textEditor th {
        padding: 5px;
        text-align: center;
        background-color: #758f40;
        color: #9D9D9D;
        border-bottom: 1px solid #a3c365;
    }
    /* line 189, ../scss/_typography.scss */
    .textEditor td {
        padding: 5px;
        border-bottom: 1px solid #a3c365;
    }
    /* line 193, ../scss/_typography.scss */
    .textEditor strong.title {
        margin-top: 5px;
        display: block;
        font-size: 17px;
        font-weight: normal;
        color: #C56D0A;
    }

/* line 202, ../scss/_typography.scss */
.locatioMap {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
}
    /* line 204, ../scss/_typography.scss */
    .locatioMap iframe {
        width: 100%;
        height: 300px;
    }

@media screen and (min-width: 0px) and (max-width: 1100px) {
    /* line 210, ../scss/_typography.scss */
    .noticeForm {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

/* line 2, ../scss/partials/_header.scss */
header {
    background-color: var(--headercolor);
    box-shadow: 0 3px 10px rgba(34, 25, 25, 0.7);
    -moz-box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.7);
    -webkit-box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.7);
    z-index: 9999;
    position: relative;
}

    header .header_content {
        position: relative;
        height: 100px;
        text-align: center;
    }
    /* line 7, ../scss/partials/_header.scss */
    header h1 {
        background: url(../images/logo.png) no-repeat;
        width: 320px;
        z-index: 99;
        position: absolute;
        left: 50%;
        top: 15px;
        margin-left: -160px;
    }

        header h1 a {
            width: 320px;
            height: 70px;
            display: block;
        }
/*2018修改*/
ul.mainMenu li.break {
    margin-right: 330px;
}

@media screen and (min-width: 1080px) and (max-width: 1110px) {
    ul.mainMenu li.break {
        margin-right: 310px;
    }
}

header .spcart {
    display: inline-block;
    position: absolute;
    top: 17px;
    right: 10px;
    width: 40px;
    height: 40px;
    font-size: 30px;
    color: #5B6A3E;
    text-align: center;
    vertical-align: middle;
}

header .open {
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 10px;
    width: 32px;
    height: 32px;
    font-size: 30px;
    color: #5B6A3E;
    text-align: center;
    vertical-align: middle;
}
    /*2019修改*/
    header .open > span {
        display: block;
        width: 32px;
        height: 32px;
        background-size: 32px;
        background-image: url(../images/icon_bar.png);
        background-repeat: no-repeat;
    }
/*2019修改-end*/

header .mainMenu,
header .otherMenu {
    overflow: hidden;
}
    /* line 29, ../scss/partials/_header.scss */
    header .mainMenu a,
    header .otherMenu a {
        display: block;
    }
    /* line 34, ../scss/partials/_header.scss */
    header .mainMenu span,
    header .mainMenu b {
        display: block;
    }
    /* line 40, ../scss/partials/_header.scss */
    header .otherMenu a {
        display: inline-block;
        height: 32px;
        font-size: 18px;
        color: var(--otherMenuColor);
        width: 32px;
        line-height: 32px;
        text-align: center;
        margin-right: 3px;
        border-radius: 100%;
        vertical-align: middle;
        background-color: var(--otherMenuBackgroundColor);
    }

@media screen and (min-width: 1101px) {
    /* line 55, ../scss/partials/_header.scss */
    header .header_content {
        height: 100px;
        margin: 0 auto;
    }
    /* line 59, ../scss/partials/_header.scss */


    header a.open {
        display: none;
    }
    /*2018修改*/
    header a.spcart {
        display: none;
    }
    /*2018修改-end*/

    header .mainMenu li,
    header .otherMenu li {
        display: inline-block;
    }
    /* line 74, ../scss/partials/_header.scss */
    header .mainMenu {
        position: absolute;
        bottom: 10px;
        right:;
        text-align: center;
        padding: 0 10px;
    }
        /* line 78, ../scss/partials/_header.scss */
        header .mainMenu li {
            width: 90px;
            text-align: center;
            line-height: 1.2em;
        }

            header .mainMenu li.logo {
                width: 180px;
                height: 154px;
            }

                header .mainMenu li.logo a:hover {
                    background-color: none;
                }
            /* line 81, ../scss/partials/_header.scss */
            header .mainMenu li a {
                color: var(--mainMenucolor);
                border-radius: 5px;
                padding: 2px 0;
                font-size:110%;
            }
                /* line 85, ../scss/partials/_header.scss */
                header .mainMenu li a:hover {
                    color: var(--mainMenuhovercolor);
                    background-color: var(--mainMenuhovebackgroundcolor);
                }
            /* line 90, ../scss/partials/_header.scss */
            header .mainMenu li b {
                font-size: 90%;
            }
    /* line 95, ../scss/partials/_header.scss */
    header .otherMenu {
        position: absolute;
        top: 5px;
        right: 0px;
    }

    ul.mainMenu li.hidemenu {
        display: none;
    }
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: var(--headercolor);
        z-index: 9999;
    }

        header .open {
            position: fixed;
        }
        /*2018修改*/
        header .spcart {
            position: fixed;
        }
        /*2018修改-end*/

        header nav .mainMenu li {
            line-height: 2.4;
        }

    ul.mainMenu li.break {
        margin-right: 0px;
    }

    ul.mainMenu li.hidemenu {
        display: block;
    }
    /* line 123, ../scss/partials/_header.scss */
    header nav .mainMenu li:hover {
        background-color: var(--mainMenuhovebackgroundcolor);
    }
    /* line 126, ../scss/partials/_header.scss */
    header nav .mainMenu li a {
        display: block;
        color: var(--mainMenuOverColor);
    }
        /* line 129, ../scss/partials/_header.scss */
        header nav .mainMenu li a:hover {
            color: var(--mainMenuhovercolor);
        }
    /* line 134, ../scss/partials/_header.scss */
    header nav .mainMenu b {
        display: none;
    }
    /* line 138, ../scss/partials/_header.scss */
    header nav .otherMenu {
        display: none;
        text-align: center;
        padding: 5px 0;
        background-color: #FFFFFF;
    }
        /* line 144, ../scss/partials/_header.scss */
        header nav .otherMenu li {
            display: inline-block;
        }
            /* 2018修改 */
            header nav .otherMenu li:nth-child(4) {
                display: none;
            }
    /* 2018修改-end */
}

@media screen and (min-width: 481px) and (max-width: 1100px) {
    header .header_content {
        position: relative;
        height: 80px;
    }

    header nav .mainMenu {
        display: none;
        text-align: center;
        background: linear-gradient(to bottom, var(--mainMenuhovebackgroundcolor) 0%, var(--mainMenuhovebackgroundcolor) 100%);
        margin-top: 74px;
    }

    header h1 {
        top: 5px;
        background: url(../images/logo-s.png) no-repeat;
        width: 320px;
        position: fixed;
        text-align: center;
        margin-left: -160px;
    }

        header h1 a {
            display: block;
            width: 320px;
            height: 70px;
        }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    /* 2019修改*/
    header .header_content {
        position: relative;
        height: 50px;
    }

    header nav .mainMenu {
        display: none;
        text-align: center;
        background: var(--mainMenuhovebackgroundcolor);
        margin-top: 50px;
    }

    header .spcart {
        display: inline-block;
        position: fixed;
        top: 7px;
        right: 10px;
        width: 40px;
        height: 40px;
        font-size: 30px;
        color: var(--otherMenuOpenSpcartColor);
        text-align: center;
        vertical-align: middle;
    }

    header .open {
        display: inline-block;
        top: 7px;
        left: 10px;
        width: 32px;
        height: 32px;
        font-size: 30px;
        color: var(--otherMenuOpenSpcartColor);
        text-align: center;
        vertical-align: middle;
    }

        header .open > span {
            display: block;
            width: 32px;
            height: 32px;
            background-size: 32px;

            background-repeat: no-repeat;
        }

    header h1 {
        top: 5px;
        background: url(../images/logo-phone.png) no-repeat;
        width: 140px;
        position: fixed;
        text-align: center;
        left: 50%;
        margin-left: -70px;
        background-size: 100%;
    }

        header h1 a {
            display: block;
            width: 140px;
            height: 40px;
        }
}
/* 2019修改-end*/
/* 2018修改*/
@media screen and (min-width: 1101px) {
    .about_us header .mainMenu li:nth-child(1) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }

    .order header .mainMenu li:nth-child(2) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }

    .inquire header .mainMenu li:nth-child(3) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }

    .menu header .mainMenu li:nth-child(4) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }

    .feature header .mainMenu li:nth-child(5) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }

    .media_accaunt header .mainMenu li:nth-child(6) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }

    .hot_news header .mainMenu li:nth-child(7) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }

    .loction header .mainMenu li:nth-child(8) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    .about_us header .mainMenu li:nth-child(1) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }

    .order header .mainMenu li:nth-child(2) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }

    .inquire header .mainMenu li:nth-child(3) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }

    .menu header .mainMenu li:nth-child(4) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }

    .feature header .mainMenu li:nth-child(5) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }

    .media_accaunt header .mainMenu li:nth-child(6) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }

    .hot_news header .mainMenu li:nth-child(7) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }

    .loction header .mainMenu li:nth-child(8) a {
        color: var(--mainMenuOverColor);
        background-color: var(--mainMenuOverBackground);
    }
}
/* 2018修改-end*/

footer {
    padding: 20px 0;
    background-color: var(--footercolor);
    box-shadow: 0 0px 15px rgba(70, 54, 23, 0.5);
    -moz-box-shadow: 0 0px 15px rgba(70, 54, 23, 0.5);
    -webkit-box-shadow: 0 0px 15px rgba(70, 54, 23, 0.5);
}
    /* line 4, ../scss/partials/_footer.scss */
    footer .footer_content {
        min-height: 200px;
    }
    /* line 8, ../scss/partials/_footer.scss */
    footer .b-box {
        display: inherit;
        overflow: hidden;
    }
    /* line 15, ../scss/partials/_footer.scss */
    footer .fb-like-box {
        width: 300px;
        margin: 0 auto;
    }
    /* line 19, ../scss/partials/_footer.scss */
    footer .downMenu {
        margin-bottom: 10px;
        overflow: hidden;
    }
        /* line 22, ../scss/partials/_footer.scss */
        footer .downMenu li {
            float: left;
            width: 50%;
        }

        /* line 26, ../scss/partials/_footer.scss */
        footer .downMenu a {
            color: var(--footerLicolor);
            font-weight: bold;
        }

        /* line 30, ../scss/partials/_footer.scss */
        footer .downMenu b {
            display: inline-block;
            font-size: 75%;
            line-height: 2.4;
            font-weight: normal;
            margin-left: 5px;
        }
    /* line 38, ../scss/partials/_footer.scss */
    footer .social {
        margin: 5px 0;
        overflow: hidden;
    }
        /* line 41, ../scss/partials/_footer.scss */
        footer .social .st_facebook_large,
        footer .social .st_googleplus_large,
        footer .social .st_twitter_large,
        footer .social .st_sina_large,
        footer .social .st_line_large {
            display: inline-block;
            width: 32px;
            height: 32px;
            cursor: pointer;
            border-radius: 5px;
        }
    /* line 53, ../scss/partials/_footer.scss */
    footer .st_facebook_large {
        background-color: #3b579d;
        background-image: url("../images/footer/social/icon_facebook.png");
    }
    /* line 57, ../scss/partials/_footer.scss */
    footer .st_googleplus_large {
        background-color: #db4935;
        background-image: url("../images/footer/social/icon_google.png");
    }
    /* line 61, ../scss/partials/_footer.scss */
    footer .st_twitter_large {
        background-color: #00aced;
        background-image: url("../images/footer/social/icon_tweet.png");
    }
    /* line 65, ../scss/partials/_footer.scss */
    footer .st_sina_large {
        background-color: #ffc10c;
        background-image: url("../images/footer/social/icon_sina.png");
    }
    /* line 69, ../scss/partials/_footer.scss */
    footer .st_line_large {
        background-color: #4ed121;
        background-image: url("../images/footer/social/icon_line.png");
    }
    /* line 73, ../scss/partials/_footer.scss */
    footer .travelfunContent {
        color: var(--footerLicolor);
    }
        /* line 75, ../scss/partials/_footer.scss */
        footer .travelfunContent a {
            display: inline-block;
            color: var(--footerLicolor);
            margin: 0 3px;
        }
            /* line 79, ../scss/partials/_footer.scss */
            footer .travelfunContent a:hover {
                color: var(--footerLicolor);
                text-decoration: underline;
            }
    /* line 84, ../scss/partials/_footer.scss */
    footer .copyright {
        display: block;
        margin-bottom: 10px;
        overflow: hidden;
    }
        /* line 88, ../scss/partials/_footer.scss */
        footer .copyright li {
            color: var(--footerLicolor);
            line-height: 1.6;
        }

            footer .copyright li i {
                color: var(--footerLicolor);
            }
        /* line 95, ../scss/partials/_footer.scss */
        footer .copyright .fdLogo {
            margin-bottom: 5px;
            padding-bottom: 5px;
        }
        /* line 99, ../scss/partials/_footer.scss */
        footer .copyright a {
            color: var(--footerLicolor);
            text-decoration: underline;
        }

            footer .copyright a:hover {
                text-decoration: none;
            }
    /* line 104, ../scss/partials/_footer.scss */
    footer .certification {
        padding-top: 10px;
        overflow: hidden;
    }
        /* line 107, ../scss/partials/_footer.scss */
        footer .certification .homestay,
        footer .certification .easycard,
        footer .certification .twiwanhost {
            float: left;
            margin: 0 5px;
            padding: 2px;
        }
            /* line 114, ../scss/partials/_footer.scss */
            footer .certification .homestay span,
            footer .certification .easycard span,
            footer .certification .twiwanhost span {
                display: block;
                width: 60px;
                height: 44px;
            }
            /* line 119, ../scss/partials/_footer.scss */
            footer .certification .homestay b,
            footer .certification .easycard b,
            footer .certification .twiwanhost b {
                display: block;
                text-align: center;
                font-size: 75%;
                color: #FFFFFF;
                margin-top: 5px;
                padding: 1px;
            }
            /* line 130, ../scss/partials/_footer.scss */
            footer .certification .homestay span {
                background-image: url("../images/footer/certification/homestay.png");
                background-position: center center;
            }
            /* line 136, ../scss/partials/_footer.scss */
            footer .certification .easycard span {
                background-image: url("../images/footer/certification/easycard.png");
            }
            /* line 141, ../scss/partials/_footer.scss */
            footer .certification .twiwanhost span {
                background-image: url("../images/footer/certification/twiwanhost.png");
            }

@media screen and (min-width: 1101px) {
    /* line 147, ../scss/partials/_footer.scss */
    footer .b-box {
        width: 31.25%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    /* line 153, ../scss/partials/_footer.scss */
    footer .footer_content div:nth-child(2) {
        /*display: none;*/
    }
    /* line 157, ../scss/partials/_footer.scss */
    footer .b-box {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 481px) and (max-width: 1100px) {
    /* line 162, ../scss/partials/_footer.scss */
    footer .b-box {
        width: 47.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    /* line 167, ../scss/partials/_footer.scss */
    footer .b-box {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
        /* line 169, ../scss/partials/_footer.scss */
        footer .b-box ul {
            width: 300px;
            margin: 0 auto;
        }
}

/* line 1, ../scss/partials/_container.scss */
section#main {
    margin: 0px auto;
    overflow: visible;
    min-height: 500px;
}

section#main-index {
    margin: 0px auto;
    overflow: visible;
}

/* line 12, ../scss/partials/_container.scss */
section#main aside {
    margin-bottom: 10px;
}

section#main-index aside {
    margin-bottom: 10px;
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    /* 2018修改 */
    section#main {
        padding: 0px 15px 0px 15px;
    }

    section#main-index {
        padding: 0px 15px 0px 15px;
    }
    /* 2018修改-end */
}

/* line 1, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index {
    text-align: center;
    float: inherit;
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    .slideShow.pattern-index {
        margin-top: 50px;
    }
}

.slideShow.pattern1 {
    text-align: center;
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    float: inherit;
}
/* line 6, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .md_slideShow {
    position: relative;
    background-color: #9D9D9D;
    overflow: hidden;
    max-height: 900px;
}

.slideShow.pattern1 .md_slideShow {
    position: relative;
    background-color: #9D9D9D;
    overflow: hidden;
}
/* line 13, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_bannerList li {
    position: absolute;
    width: 100%;
}

.slideShow.pattern1 .pt_bannerList li {
    position: absolute;
    width: 100%;
}
/* line 16, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_bannerList li img {
    width: 100%;
    top: 0;
    left: 0;
}

.slideShow.pattern1 .pt_bannerList li img {
    width: 100%;
    top: 0;
    left: 0;
}
/* line 24, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_btnList {
    position: absolute;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    bottom: 100;
}

.slideShow.pattern1 .pt_btnList {
    position: absolute;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    bottom: 0;
}

@media screen and (min-width: 1101px) {
    .slideShow.pattern-index .pt_btnList {
        position: absolute;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
        bottom: 100px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    .slideShow.pattern-index .pt_btnList {
        position: absolute;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
        bottom: 0;
    }
}
/* line 30, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_btnList li {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #FFF;
    padding: 4px;
    width: 13px;
    height: 13px;
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
}

.slideShow.pattern1 .pt_btnList li {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8%;
    border: 1px solid #FFF;
    padding: 4px;
    background-color: #fff;
}
/* line 37, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_btnList li.on {
    border-color: #fff;
    background-color: #fff;
}

.slideShow.pattern1 .pt_btnList li.on {
    border-color: #fff;
    background-color: #f6d57b;
}
/* line 41, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_btnList li + li {
    margin-left: 10px;
}

.slideShow.pattern1 .pt_btnList li + li {
    margin-left: 20px;
}
/* line 44, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_btnList li img {
    width: 100%;
}

.slideShow.pattern1 .pt_btnList li img {
    width: 100%;
}
/* line 49, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_prev, .slideShow.pattern-index .pt_next {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    background-color: #E0A3A3;
}

.slideShow.pattern1 .pt_prev, .slideShow.pattern1 .pt_next {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    background-color: #E0A3A3;
}
/* line 57, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_prev.hide, .slideShow.pattern-index .pt_next.hide {
    display: none;
}

.slideShow.pattern1 .pt_prev.hide, .slideShow.pattern1 .pt_next.hide {
    display: none;
}
/* line 60, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_prev:before, .slideShow.pattern-index .pt_prev:after, .slideShow.pattern-index .pt_next:before, .slideShow.pattern-index .pt_next:after {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
}

.slideShow.pattern1 .pt_prev:before, .slideShow.pattern1 .pt_prev:after, .slideShow.pattern1 .pt_next:before, .slideShow.pattern1 .pt_next:after {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
}
/* line 72, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_prev:before, .slideShow.pattern-index .pt_prev:after {
    left: 50%;
    margin-left: -10px;
    border-width: 15px 15px 15px 0;
    border-color: transparent #fff transparent transparent;
}

.slideShow.pattern1 .pt_prev:before, .slideShow.pattern1 .pt_prev:after {
    left: 50%;
    margin-left: -10px;
    border-width: 15px 15px 15px 0;
    border-color: transparent #fff transparent transparent;
}
/* line 78, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_prev:after {
    margin-left: -5px;
    border-color: transparent #E0A3A3 transparent transparent;
}

.slideShow.pattern1 .pt_prev:after {
    margin-left: -5px;
    border-color: transparent #E0A3A3 transparent transparent;
}
/* line 83, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_next {
    right: 0;
}

.slideShow.pattern1 .pt_next {
    right: 0;
}
/* line 85, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_next:before, .slideShow.pattern-index .pt_next:after {
    right: 50%;
    margin-right: -10px;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #fff;
}

.slideShow.pattern1 .pt_next:before, .slideShow.pattern1 .pt_next:after {
    right: 50%;
    margin-right: -10px;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #fff;
}
/* line 91, ../scss/partials/_sildeShowMod1.scss */
.slideShow.pattern-index .pt_next:after {
    margin-right: -5px;
    border-color: transparent transparent transparent #E0A3A3;
}

.slideShow.pattern1 .pt_next:after {
    margin-right: -5px;
    border-color: transparent transparent transparent #E0A3A3;
}

@media (max-width: 980px) {
    /* line 98, ../scss/partials/_sildeShowMod1.scss */
    .slideShow.pattern-index .pt_prev, .slideShow.pattern-index .pt_next {
        display: none;
    }

    .slideShow.pattern1 .pt_prev, .slideShow.pattern1 .pt_next {
        display: none;
    }
    /* line 102, ../scss/partials/_sildeShowMod1.scss */
    .slideShow.pattern-index .pt_btnList li {
        border-radius: 20px;
    }

    .slideShow.pattern1 .pt_btnList li {
        width: 5px;
        border-radius: 20px;
    }
    /* line 105, ../scss/partials/_sildeShowMod1.scss */
    .slideShow.pattern-index .pt_btnList li img {
        display: none;
    }

    .slideShow.pattern1 .pt_btnList li img {
        display: none;
    }
}

/* line 1, ../scss/partials/_sildeShowMod2.scss */
.slideShow.pattern2 {
    margin-bottom: 30px;
    overflow: hidden;
}
    /* line 5, ../scss/partials/_sildeShowMod2.scss */
    .slideShow.pattern2 .md_slideShow2 {
        position: relative;
    }
    /* line 9, ../scss/partials/_sildeShowMod2.scss */
    .slideShow.pattern2 .bannerListBox2 {
        position: relative;
        overflow: hidden;
    }
    /* line 13, ../scss/partials/_sildeShowMod2.scss */
    .slideShow.pattern2 .btnListBox2 {
        overflow: hidden;
    }
    /* line 18, ../scss/partials/_sildeShowMod2.scss */
    .slideShow.pattern2 .pt_bannerList2 li {
        position: absolute;
        width: 100%;
    }
        /* line 21, ../scss/partials/_sildeShowMod2.scss */
        .slideShow.pattern2 .pt_bannerList2 li img {
            width: 100%;
            top: 0;
            left: 0;
        }
    /* line 30, ../scss/partials/_sildeShowMod2.scss */
    .slideShow.pattern2 .pt_btnList2 li {
        width: 25%;
        float: left;
        margin-left: 4.16667%;
        margin-right: 4.16667%;
        display: inline-block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #FFF;
        background-color: #000;
        margin-bottom: 20px;
    }
        /* line 37, ../scss/partials/_sildeShowMod2.scss */
        .slideShow.pattern2 .pt_btnList2 li.on {
            border-color: #b79409;
            background-color: #9D9D9D;
        }
        /* line 41, ../scss/partials/_sildeShowMod2.scss */
        .slideShow.pattern2 .pt_btnList2 li img {
            width: 100%;
        }

@media screen and (min-width: 1101px) {
    /* line 48, ../scss/partials/_sildeShowMod2.scss */
    .slideShow.pattern2 .bannerListBox2 {
        width: 72.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
    /* line 51, ../scss/partials/_sildeShowMod2.scss */
    .slideShow.pattern2 .btnListBox2 {
        position: absolute;
        top: 0;
        right: 0;
        width: 22.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        overflow: hidden;
    }
}

@media screen and (min-width: 481px) and (max-width: 1100px) {
    /* line 61, ../scss/partials/_sildeShowMod2.scss */
    .slideShow.pattern2 .bannerListBox2 {
        width: 99%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
    /* line 64, ../scss/partials/_sildeShowMod2.scss */
    .slideShow.pattern2 .btnListBox2 {
        position: absolute;
        top: 0;
        right: 0;
        width: 22.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    /* line 73, ../scss/partials/_sildeShowMod2.scss */
    .slideShow.pattern2 .bannerListBox2 {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        margin-bottom: 10px;
    }
    /* line 77, ../scss/partials/_sildeShowMod2.scss */
    .slideShow.pattern2 .btnListBox2 {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
    /* line 81, ../scss/partials/_sildeShowMod2.scss */
    .slideShow.pattern2 .pt_btnList2 li {
        width: 14.58333%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        margin-bottom: 10px;
    }
}
/* 2018修改 */
.tabsBasic {
    display: block;
    margin-bottom: 20px;
}

    .tabsBasic ul {
        border-bottom: 3px #e5c35f solid;
    }

    .tabsBasic #tabs li {
        display: inline-block;
        width: 135px;
        padding: 7px 0;
        font-size: 15px;
        color: #e5c35f;
        text-align: center;
        transition: none;
        margin: 0px 0px -3px 0px;
        cursor: pointer;
    }

@media screen and (min-width: 0px) and (max-width: 480px) {
    .tabsBasic #tabs li {
        width: 23%;
    }
}

.tabsBasic #tabs li:hover {
    color: #946c00;
    border-bottom: 3px #946c00 solid;
}

.tabsBasic #tabs li.enable {
    color: #946c00;
    border-bottom: 3px #946c00 solid;
}

.tabsBasic #contents {
    line-height: 180%;
}
    /* 2018修改-end */

    .tabsBasic #contents > div {
        display: none;
        text-align: justify;
        padding: 10px 15px;
    }
        /* line 31, ../scss/partials/_tabsBasic.scss */
        .tabsBasic #contents > div:first-of-type {
            display: block;
        }
    /* line 34, ../scss/partials/_tabsBasic.scss */
    .tabsBasic #contents ul {
        list-style-type: decimal;
        margin-left: 20px;
    }

@media screen and (min-width: 1101px) {
    /* line 1, ../scss/partials/_tabsBasic.scss */
    .tabsBasic {
        width: 99%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

@media screen and (min-width: 481px) and (max-width: 1100px) {
    /* line 1, ../scss/partials/_tabsBasic.scss */
    .tabsBasic {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    /* line 1, ../scss/partials/_tabsBasic.scss */
    .tabsBasic {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

/* line 2, ../scss/pages/_home.scss */
.home .title {
    text-align: center;
}
/* line 5, ../scss/pages/_home.scss */
.home .storeList {
    margin-top: 30px;
    text-align: center;
}

.store .storeList {
    margin-top: 30px;
    text-align: center;
}

/* line 8, ../scss/pages/_home.scss */
.home .storeList ul {
    text-align: center;
}

.store .storeList ul {
    text-align: center;
}

.home .storeList ul li {
    min-height: 200px;
    margin-bottom: 20px;
    float: left;
    display: inline-block;
    text-align: center;
}

.store .storeList ul li {
    min-height: 200px;
    margin-bottom: 20px;
    float: none;
    display: inline-block;
    text-align: center;
}

/* line 13, ../scss/pages/_home.scss */
.home a h5 {
    color: #919191;
    font-size: 1.4em;
    text-align: center;
    padding: 2px;
    margin-bottom: 5px;
}

.store a h5 {
    color: #919191;
    font-size: 1.4em;
    text-align: center;
    padding: 2px;
    margin-bottom: 5px;
}

.home a h5:hover {
    color: #919191;
}

.store a h5:hover {
    color: #919191;
}

/* line 21, ../scss/pages/_home.scss */
.home a .storeTxt {
    display: block;
    color: #919191;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
}

.store a .storeTxt {
    display: block;
    color: #919191;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
}
/* line 27, ../scss/pages/_home.scss */
.home a:hover .storeImg {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.05);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
}

.store a:hover .storeImg {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.05);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
}
/* 2018修改*/
.home .storeImg {
    display: block;
    position: relative;
    max-width: 320px;
    margin: 0 auto 10px auto;
    border: solid 2px #9D9D9D;
    overflow: hidden;
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}

.store .storeImg {
    display: block;
    position: relative;
    max-width: 320px;
    margin: 0 auto 10px auto;
    border: solid 2px #9D9D9D;
    overflow: hidden;
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}
/* 2018修改-end*/
.home .storeImg img {
    width: 100%;
    height: auto;
    transition: all 0.4s ease;
}

.store .storeImg img {
    width: 100%;
    height: auto;
    transition: all 0.4s ease;
}

/* 2018修改*/
@media screen and (min-width: 861px) {
    .home .storeList ul li {
        width: 22.9166%;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }

    .store .storeList ul li {
        width: 22.9166%;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}
/* 2018修改-end*/
@media screen and (min-width: 0px) and (max-width: 1100px) {
    /* line 55, ../scss/pages/_home.scss */
    .home .formBox ul li {
        width: 94%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }

    .store .formBox ul li {
        width: 94%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }
}
/* 2018修改*/
@media screen and (min-width: 481px) and (max-width: 860px) {
    .home .storeList ul li {
        width: 47.9166%;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }

    .store .storeList ul li {
        width: 31.25%;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}
/* 2018修改-end*/
@media screen and (min-width: 0px) and (max-width: 480px) {
    /* line 70, ../scss/pages/_home.scss */
    .home .storeList ul li {
        width: 97.91667%;
        float: none;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        padding: 10px 2px 2px 2px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .store .storeList ul li {
        width: 97.91667%;
        float: none;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        padding: 10px 2px 2px 2px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

/* line 2, ../scss/pages/_aboutUS.scss */
.about_us .aboutTxt {
    margin-bottom: 20px;
}

@media screen and (min-width: 1101px) {
    /* line 7, ../scss/pages/_aboutUS.scss */
    .about_us .aboutTxt {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        float: inherit;
    }
}

@media screen and (max-width: 1100px) {
    /* line 13, ../scss/pages/_aboutUS.scss */
    .about_us .aboutTxt {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        float: inherit;
    }
        /* line 16, ../scss/pages/_aboutUS.scss */
        .about_us .aboutTxt p {
            display: block;
            margin: 0 5px;
        }
}

/* line 2, ../scss/pages/_guestRoom.scss */
.store .roomList ul li {
    min-height: 200px;
    margin-bottom: 20px;
}
/* line 7, ../scss/pages/_guestRoom.scss */
.store a h5 {
    color: #9D9D9D;
    font-size: 1.4em;
    text-align: center;
    padding: 2px;
    margin-bottom: 5px;
}
/* line 15, ../scss/pages/_guestRoom.scss */
.store a .roomTxt {
    display: block;
    height: 73px;
    color: #333333;
    overflow: hidden;
}
/* line 21, ../scss/pages/_guestRoom.scss */
.store a:hover .roomImg {
    transform: scale(1.05);
}
/* line 25, ../scss/pages/_guestRoom.scss */
.store .roomImg {
    display: block;
    position: relative;
    max-width: 320px;
    margin: 0 auto 10px auto;
    border: solid 3px #9D9D9D;
    border-radius: 10px;
    overflow: hidden;
}
    /* line 33, ../scss/pages/_guestRoom.scss */
    .store .roomImg img {
        width: 100%;
        height: auto;
        transition: all 0.4s ease;
    }
/* line 40, ../scss/pages/_guestRoom.scss */
.noticeForm .expository {
    line-height: 180%;
    border-radius: 3px;
    padding: 0px;
    margin-bottom: 20px;
    width: 95%;
}
    /* line 46, ../scss/pages/_guestRoom.scss */
    .noticeForm .expository ul {
        list-style-type: decimal;
    }
/* line 54, ../scss/pages/_guestRoom.scss */
.formBox {
    padding: 20px 0 0 0;
    border-radius: 3px;
    overflow: hidden;
    color: var(--h2Color);
}
    /* line 59, ../scss/pages/_guestRoom.scss */
    .formBox ul {
        overflow: hidden;
        display: block;
        margin-bottom: 20px;
    }
        /* line 63, ../scss/pages/_guestRoom.scss */
        .formBox ul li {
            margin-bottom: 20px;
        }
            /* line 65, ../scss/pages/_guestRoom.scss */
            .formBox ul li input {
                height: 30px;
                background-color: #fff;
                border-radius: 4px;
                border: solid 1px #9D9D9D;
                width: 99%;
                color: #9D9D9D;
                padding: 0px 4px;
                box-sizing: border-box;
            }
            /* 2018修改 */
            .formBox ul li select {
                height: 30px;
                background-color: #24180c;
                border-radius: 4px;
                border: solid 1px #9D9D9D;
                width: 99%;
                color: #9D9D9D;
            }
            /* 2018修改-end */
            .formBox ul li textarea {
                width: 99%;
                height: 100px;
                background-color: #fff;
                border-radius: 4px;
                border: solid 1px #9D9D9D;
            }

            .formBox ul li input.check {
                width: 20px;
                vertical-align: middle;
                background-color: none;
                border-radius: 0px;
            }
            /* line 83, ../scss/pages/_guestRoom.scss */
            .formBox ul li b {
                font-size: 75%;
            }
    /* line 87, ../scss/pages/_guestRoom.scss */
    .formBox span.item {
        display: block;
        margin-bottom: 5px;
        color: #663300;
        font-size: 125%;
    }
        /* line 90, ../scss/pages/_guestRoom.scss */
        .formBox span.item b {
            color: #e10500;
        }
    /* line 94, ../scss/pages/_guestRoom.scss */
    .formBox span.addRoom {
        display: block;
        margin-bottom: 5px;
    }
/* line 102, ../scss/pages/_guestRoom.scss */
.btnBlock_top a,
.btnBlock_bottom a {
    display: inline-block;
    width: 48%;
    padding: 7px 0;
    font-size: 15px;
    color: #9D9D9D;
    text-align: center;
    border-radius: 3px;
    transition: none;
    background: linear-gradient(to bottom, #bbbbbb 0%, #9c9c9c 100%);
}
    /* line 112, ../scss/pages/_guestRoom.scss */
    .btnBlock_top a.default,
    .btnBlock_bottom a.default {
        background: linear-gradient(to bottom, #b08540 0%, #775724 100%);
    }
/* line 118, ../scss/pages/_guestRoom.scss */
.btnBlock_top a {
    margin: 1% 1% 20px 1%;
}
/* line 123, ../scss/pages/_guestRoom.scss */
.btnBlock_bottom a {
    margin: 20px 1%;
}

@media screen and (min-width: 1101px) {
    /* line 129, ../scss/pages/_guestRoom.scss */

    /* line 135, ../scss/pages/_guestRoom.scss */
    .noticeForm {
        width: 64.58333%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }

        .noticeForm h3 {
            height: 26px;
            color: #663300;
            font-weight: bold;
            font-size: 125%;
            margin-bottom: 10px;
        }

    /* line 138, ../scss/pages/_guestRoom.scss */
    .rightBox {
        width: 31.25%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
    /* line 143, ../scss/pages/_guestRoom.scss */
    .booking_info .formBox ul.reserve li:nth-child(1), .booking_info .formBox ul.reserve li:nth-child(2), .booking_info .formBox ul.reserve li:nth-child(3), .booking_info .formBox ul.reserve li:nth-child(4) {
        width: 94%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }


    /* line 150, ../scss/pages/_guestRoom.scss */
    .booking_info .formBox ul.reserve li:nth-child(5), .booking_info .formBox ul.reserve li:nth-child(6), .booking_info .formBox ul.reserve li:nth-child(7), .booking_info .formBox ul.reserve li:nth-child(8), .booking_info .formBox ul.reserve li:nth-child(9) {
        width: 94%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }
    /* line 156, ../scss/pages/_guestRoom.scss */
    .booking_info .formBox ul.reserve li:nth-child(10), .booking_info .formBox ul.reserve li:nth-child(11) {
        width: 94%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
        text-align: left;
    }
    /* line 161, ../scss/pages/_guestRoom.scss */
    .store .formBox ul.notice li:nth-child(1), .store .formBox ul.notice li:nth-child(2), .store .formBox ul.notice li:nth-child(4), .store .formBox ul.notice li:nth-child(5) {
        width: 28.125%;
        float: left;
        margin-left: 1.5625%;
        margin-right: 1.5625%;
    }
    /* line 167, ../scss/pages/_guestRoom.scss */
    .store .formBox ul.notice li:nth-child(3), .store .formBox ul.notice li:nth-child(6) {
        width: 34.375%;
        float: left;
        margin-left: 1.5625%;
        margin-right: 1.5625%;
    }
    /* line 171, ../scss/pages/_guestRoom.scss */
    .store .formBox ul.notice li:nth-child(7), .store .formBox ul.notice li:nth-child(8), .store .formBox ul.notice li:nth-child(9), .store .formBox ul.notice li:nth-child(10) {
        width: 46.875%;
        float: left;
        margin-left: 1.5625%;
        margin-right: 1.5625%;
    }
    /* line 177, ../scss/pages/_guestRoom.scss */
    .store .formBox ul.notice li:nth-child(11) {
        width: 94%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }
    /* line 182, ../scss/pages/_guestRoom.scss */
    .store .btnBlock_bottom {
        display: none;
    }

    .member .formBox ul.reserve li:nth-child(1), .member .formBox ul.reserve li:nth-child(2), .member .formBox ul.reserve li:nth-child(3), .member .formBox ul.reserve li:nth-child(4), .member .formBox ul.reserve li:nth-child(5), .member .formBox ul.reserve li:nth-child(6) {
        width: 94%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    /* line 188, ../scss/pages/_guestRoom.scss */
    .formBox ul li {
        width: 94%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }
    /* line 192, ../scss/pages/_guestRoom.scss */
    .store .btnBlock_top {
        display: none;
    }

    .noticeForm h3 {
        height: 26px;
        color: #663300;
        font-weight: bold;
        font-size: 125%;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 481px) and (max-width: 1100px) {
    /* line 198, ../scss/pages/_guestRoom.scss */
    .store .roomList ul li {
        width: 31.25%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    /* line 206, ../scss/pages/_guestRoom.scss */
    .store .roomList ul li {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
        padding: 10px 2px 2px 2px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: solid 1px #9D9D9D;
        border-radius: 5px;
        background-color: #f2c9c9;
    }
}

/* line 4, ../scss/pages/_bookingInfo.scss */
.booking_info .btnBlock_top a,
.booking_info .btnBlock_bottom a {
    display: inline-block;
    width: 48%;
    padding: 7px 0;
    font-size: 15px;
    color: #9D9D9D;
    text-align: center;
    border-radius: 3px;
    transition: none;
    margin: 0 1%;
    background: linear-gradient(to bottom, #bbbbbb 0%, #9c9c9c 100%);
}
    /* line 15, ../scss/pages/_bookingInfo.scss */
    .booking_info .btnBlock_top a.default,
    .booking_info .btnBlock_bottom a.default {
        background: linear-gradient(to bottom, #b08540 0%, #775724 100%);
    }

@media screen and (min-width: 1101px) {
    /* line 21, ../scss/pages/_bookingInfo.scss */
    .booking_info .tabsBasic {
        width: 64.58333%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
    /* line 24, ../scss/pages/_bookingInfo.scss */
    .rightBox {
        width: 31.25%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }

        .rightBox h3 {
            height: 26px;
            color: #663300;
            font-weight: bold;
            font-size: 125%;
            overflow: hidden;
        }
}

/* line 3, ../scss/pages/_mediaAccaunt.scss */
.media_accaunt .mediaList li {
    text-align: center;
    line-height: 180%;
    margin-bottom: 20px;
    overflow: hidden;
    color: #9D9D9D;
}
/* line 9, ../scss/pages/_mediaAccaunt.scss */
.media_accaunt .mediaList .iframe {
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 1101px) {
    /* line 16, ../scss/pages/_mediaAccaunt.scss */
    .media_accaunt .mediaList li {
        width: 31.25%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

@media screen and (min-width: 481px) and (max-width: 1100px) {
    /* line 25, ../scss/pages/_mediaAccaunt.scss */
    .media_accaunt .mediaList li {
        width: 47.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    /* line 32, ../scss/pages/_mediaAccaunt.scss */
    .media_accaunt .mediaList li {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

/* line 2, ../scss/pages/_hotNews.scss */
.hot_news .newsList {
    overflow: hidden;
}
    /* line 4, ../scss/pages/_hotNews.scss */
    .hot_news .newsList li {
        margin-bottom: 30px;
        padding: 5px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #b79409;
    }
    /* line 10, ../scss/pages/_hotNews.scss */
    .hot_news .newsList h3 {
        height: 26px;
        color: #663300;
        font-weight: bold;
        font-size: 125%;
        overflow: hidden;
    }
        /* line 16, ../scss/pages/_hotNews.scss */
        .hot_news .newsList h3 a {
            color: #663300;
        }

            .hot_news .newsList h3 a:hover {
                color: #9D6905;
                text-decoration: underline;
            }
    /* line 20, ../scss/pages/_hotNews.scss */
    .hot_news .newsList b {
        display: block;
        color: #9d6905;
        margin: 10px 0;
    }
    /* line 25, ../scss/pages/_hotNews.scss */
    .hot_news .newsList img {
        width: 100%;
        height: auto;
    }
    /* line 29, ../scss/pages/_hotNews.scss */
    .hot_news .newsList span {
        display: block;
        margin: 10px 0;
    }
    /* line 33, ../scss/pages/_hotNews.scss */
    .hot_news .newsList p {
        display: block;
        line-height: 150%;
        margin: 10px 0;
        color: #9D9D9D;
    }

        /* line 37, ../scss/pages/_hotNews.scss */
        .hot_news .newsList p a {
            color: #be3507;
        }
/* line 43, ../scss/pages/_hotNews.scss */

@media screen and (min-width: 1101px) {
    /* line 52, ../scss/pages/_hotNews.scss */
    .hot_news .newsList {
        /*width: 64.58333%;*/
        /*float: left;*/
        width: 90%;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
    /* line 55, ../scss/pages/_hotNews.scss */
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    /* line 61, ../scss/pages/_hotNews.scss */
    .hot_news .newsList {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    /* line 61, ../scss/pages/_hotNews.scss */
    .rightBox {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }

        .rightBox h3 {
            height: 26px;
            color: #663300;
            font-weight: bold;
            font-size: 125%;
            overflow: hidden;
        }
}

/* line 3, ../scss/pages/_attractions.scss */
.attractions .attractionsList li {
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 20px;
}
/* line 8, ../scss/pages/_attractions.scss */
.attractions .attractionsList img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}
/* line 13, ../scss/pages/_attractions.scss */
.attractions .attractionsList div {
    margin: 10px;
}
/* line 16, ../scss/pages/_attractions.scss */
.attractions .attractionsList h4 {
    height: 26px;
    color: #C39D70;
    font-weight: bold;
    font-size: 125%;
    overflow: hidden;
}
/* line 23, ../scss/pages/_attractions.scss */
.attractions .attractionsList p {
    height: 63px;
    overflow: hidden;
    color: #9D9D9D;
}
/* line 28, ../scss/pages/_attractions.scss */
.attractions .attractionsList span {
    height: 21px;
    color: #be3507;
    overflow: hidden;
}
/* line 33, ../scss/pages/_attractions.scss */
.attractions .attractionsList h4,
.attractions .attractionsList span,
.attractions .attractionsList p {
    display: block;
    line-height: 150%;
    margin: 0 10px 10px 10px;
}
/* line 41, ../scss/pages/_attractions.scss */
.attractions h5 {
    display: block;
    color: #9d6905;
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 10px;
}
/* line 48, ../scss/pages/_attractions.scss */
.attractions .textEditor {
    margin: 20px 0;
}
/* line 51, ../scss/pages/_attractions.scss */
.attractions .expository {
    color: #be3507;
    margin: 10px 0;
}

@media screen and (min-width: 1101px) {
    /* line 57, ../scss/pages/_attractions.scss */
    .attractions .attractionsList li {
        width: 31.25%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
    /* line 62, ../scss/pages/_attractions.scss */
    .attractions .photoList li {
        width: 14.58333%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
    /* line 66, ../scss/pages/_attractions.scss */
    .attractions .slideShow.pattern2 .btnListBox {
        top: 35px;
    }
    /* line 69, ../scss/pages/_attractions.scss */
    .attractions .textEditor,
    .attractions .expository {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    /* line 75, ../scss/pages/_attractions.scss */
    .attractions .textEditor,
    .attractions .expository {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

@media screen and (min-width: 481px) and (max-width: 1100px) {
    /* line 82, ../scss/pages/_attractions.scss */
    .attractions .attractionsList li {
        width: 47.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
    /* line 87, ../scss/pages/_attractions.scss */
    .attractions .photoList li {
        width: 47.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
    /* line 91, ../scss/pages/_attractions.scss */
    .attractions .slideShow.pattern2 .btnListBox {
        top: 35px;
    }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    /* line 97, ../scss/pages/_attractions.scss */
    .attractions .attractionsList li {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
    /* line 102, ../scss/pages/_attractions.scss */
    .attractions .photoList li {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

/* line 3, ../scss/pages/_photoAlbum.scss */
.photo_album .photoList li {
    line-height: 120%;
    border-radius: 5px;
    margin-bottom: 20px;
    background-color: #fff;
    overflow: hidden;
}
    /* line 9, ../scss/pages/_photoAlbum.scss */
    .photo_album .photoList li:hover {
        background-color: #ffe4c0;
    }
    /* line 12, ../scss/pages/_photoAlbum.scss */
    .photo_album .photoList li img {
        width: 100%;
        height: auto;
    }
    /* line 16, ../scss/pages/_photoAlbum.scss */
    .photo_album .photoList li span {
        display: block;
        color: #9D9D9D;
        margin: 10px;
    }
/* line 23, ../scss/pages/_photoAlbum.scss */
.photo_album h5 {
    display: block;
    color: #9d6905;
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 10px;
}

@media screen and (min-width: 1101px) {
    /* line 32, ../scss/pages/_photoAlbum.scss */
    .photo_album .photoList li {
        width: 14.58333%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
    /* line 36, ../scss/pages/_photoAlbum.scss */
    .photo_album .slideShow.pattern2 .btnListBox {
        top: 35px;
    }
}

@media screen and (min-width: 481px) and (max-width: 1100px) {
    /* line 44, ../scss/pages/_photoAlbum.scss */
    .photo_album .photoList li {
        width: 47.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    /* line 51, ../scss/pages/_photoAlbum.scss */
    .photo_album .photoList li {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

/* line 2, ../scss/pages/_loction.scss */
.loction .textEditor {
    line-height: 180%;
    margin-top: 20px;
}
    /* line 6, ../scss/pages/_loction.scss */
    .loction .textEditor strong.title {
        display: block;
        font-size: 125%;
        font-weight: normal;
        color: #C39D70;
    }
    /* line 12, ../scss/pages/_loction.scss */
    .loction .textEditor hr {
        border: 0;
        border-bottom: dashed 1px #C39D70;
        height: 1px;
        margin: 20px 0;
    }

@media screen and (min-width: 1101px) {
    /* line 19, ../scss/pages/_loction.scss */
    .loction .textEditor {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    /* line 24, ../scss/pages/_loction.scss */
    .loction .textEditor {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

/* line 3, ../scss/pages/_contactUs.scss */
.contact_us .contactForm .expository {
    line-height: 180%;
    padding: 10px;
    margin-bottom: 20px;
}
/* line 14, ../scss/pages/_contactUs.scss */
.contact_us .formBox {
    padding: 20px 0 0 0;
    border-radius: 4px;
    overflow: hidden;
}
    /* line 19, ../scss/pages/_contactUs.scss */
    .contact_us .formBox ul {
        overflow: hidden;
        display: block;
    }
        /* line 23, ../scss/pages/_contactUs.scss */
        .contact_us .formBox ul li {
            margin-bottom: 20px;
        }
            /* line 25, ../scss/pages/_contactUs.scss */
            .contact_us .formBox ul li input {
                width: 99%;
                height: 26px;
                background-color: #fff;
                border-radius: 4px;
                border: solid 1px #9D9D9D;
            }
            /* line 32, ../scss/pages/_contactUs.scss */
            .contact_us .formBox ul li select {
                height: 30px;
                background-color: #fff;
                border-radius: 4px;
                width: 100%;
            }
            /* line 37, ../scss/pages/_contactUs.scss */
            .contact_us .formBox ul li textarea {
                width: 99%;
                height: 100px;
                background-color: #fff;
                border-radius: 4px;
            }
            /* line 43, ../scss/pages/_contactUs.scss */
            .contact_us .formBox ul li b {
                font-size: 75%;
            }
    /* line 47, ../scss/pages/_contactUs.scss */
    .contact_us .formBox span.item {
        display: block;
        margin-bottom: 5px;
    }
        /* line 50, ../scss/pages/_contactUs.scss */
        .contact_us .formBox span.item b {
            color: #e10500;
        }

@media screen and (min-width: 1101px) {
    /* line 57, ../scss/pages/_contactUs.scss */
    .contact_us .contactForm {
        width: 64.58333%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
    /* line 60, ../scss/pages/_contactUs.scss */

    /* line 65, ../scss/pages/_contactUs.scss */
    .contact_us .formBox ul li:nth-child(1) {
        width: 94%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }
    /* line 68, ../scss/pages/_contactUs.scss */
    .contact_us .formBox ul li:nth-child(2), .contact_us .formBox ul li:nth-child(3), .contact_us .formBox ul li:nth-child(4), .contact_us .formBox ul li:nth-child(5) {
        width: 46.875%;
        float: left;
        margin-left: 1.5625%;
        margin-right: 1.5625%;
    }
    /* line 74, ../scss/pages/_contactUs.scss */
    .contact_us .formBox ul li:nth-child(6) {
        width: 94%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    /* line 81, ../scss/pages/_contactUs.scss */
    .contact_us .contactForm {
        width: 94%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }
    /* line 85, ../scss/pages/_contactUs.scss */
    .contact_us .formBox ul li {
        width: 94%;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }
}

@media screen and (min-width: 481px) and (max-width: 1100px) {
    /* line 92, ../scss/pages/_contactUs.scss */
    .contact_us .contactList ul li {
        width: 31.25%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

.timeselect {
    margin-top: 5;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

    .timeselect a {
        margin: 0 4px 4px 0 !important;
        padding: 3px 5px;
        background-color: #663300;
        border-radius: 2px;
        color: #9D9D9D;
        display: block;
        float: left;
        font-size: 13px;
        text-align: center;
        transition: background-color 0.2s ease 0s, border 0.2s ease 0s;
        cursor: pointer;
        text-decoration: none;
        line-height: 16px;
    }

        .timeselect a:hover {
            background-color: #e5b117;
            color: #9D9D9D;
        }

.timereply {
    height: auto;
    background-color: #9D9D9D;
    border-radius: 5px;
    padding: 1em;
    clear: both;
    font-size: 15px;
    color: #9D9D9D;
    line-height: 1.8;
}

    .timereply ul {
        display: block;
    }

        .timereply ul li {
            width: 31.25%;
            margin-left: 1.04167%;
            margin-right: 1.04167%;
            float: left;
            display: inline-block;
        }

            .timereply ul li span {
                color: #e10500;
            }

p.timefix {
    color: #9D9D9D;
    background-color: #cc6600;
    font-size: 13px;
    text-align: center;
    border-radius: 3px;
}

    p.timefix a {
        color: #9D9D9D;
        cursor: pointer;
    }

.timereply ul li:nth-child(1) {
    width: 40%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
}

.timereply ul li:nth-child(2) {
    width: 25%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
}

.timereply ul li:nth-child(3) {
    width: 25%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
}

.timereply ul li:nth-child(4) {
    width: 68%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
}

.timereply ul li:nth-child(5) {
    width: 20%;
    float: left;
    margin-left: 1.5625%;
    margin-right: 1.5625%;
}

@media(max-width:640px) {
    .timereply ul li:nth-child(1) {
        width: 46%;
        margin-left: 1.5625%;
        margin-right: 1.5625%;
    }

    .timereply ul li:nth-child(2) {
        width: 46%;
        margin-left: 1.5625%;
        margin-right: 1.5625%;
    }

    .timereply ul li:nth-child(3) {
        width: 46%;
        margin-left: 1.5625%;
        margin-right: 1.5625%;
    }

    .timereply ul li:nth-child(4) {
        width: 46%;
        margin-left: 1.5625%;
        margin-right: 1.5625%;
    }

    .timereply ul li:nth-child(5) {
        width: 100px;
        margin-left: 1.5625%;
        margin-right: 1.5625%;
    }
}

.wrapper {
    padding: 0em 0 3em 0;
}

.style2 {
    /*background-image: url("../images/patten1.png"), url("../images/patten2.png") ;*/
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
    padding: 4em 0;
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    .style2 {
        padding: 8em 0 4em 0;
    }

    .home .style2 {
        padding: 1em 0;
    }
}

@media screen and (min-width: 0px) and (max-width: 860px) {
    .style2 {
        /*background-image: url("../images/patten1.png");*/
        background-position: left top;
        background-repeat: no-repeat;
    }
}

.style3 {
    padding: 4em 0;
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    .style3 {
        padding: 1em 0;
        background-image: none;
    }
}

.clearfix {
    clear: both;
    display: table;
    content: " ";
}

#index-slide {
    width: 100%;
}

.head-bg {
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -webkit-background-size: cover;
    background-attachment: scroll;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    height: 400px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 641px) and (max-width: 1100px) {
    .head-bg {
        max-height: 400px;
    }
}

@media screen and (min-width: 0px) and (max-width: 640px) {
    .head-bg {
        max-height: 300px;
    }
}

.head-bg img {
    width: 100%;
}

.shades {
    background: transparent linear-gradient(to bottom, transparent 0px, transparent 20%, rgba(0, 0, 0, 0.8) 100%) repeat scroll 0% 0%;
    height: 40%;
    width: 100%;
    bottom: 0;
    position: absolute;
}

@media screen and (min-width: 1101px) {
    .lefttxt {
        padding-top: 12px;
        float: left;
        position: relative;
        width: 400px;
        text-align: right;
        color: #ead495;
        font-size: 20px;
        font-family: "Times New Roman", Times, serif;
    }

    .righttxt {
        position: relative;
        float: right;
        width: 400px;
        text-align: left;
        padding-top: 12px;
        color: #ead495;
        font-size: 20px;
        font-family: "Times New Roman", Times, serif;
        margin-right: 10px;
    }
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    .lefttxt {
        display: none;
    }

    .righttxt {
        display: none;
    }
}

.home .newsList {
    margin-top: 30px;
    width: 97.91667%;
}

    .home .newsList ul {
        text-align: center;
    }

        .home .newsList ul li {
            margin-bottom: 20px;
            text-align: center;
            color: var(--h2Color);
            font-size: 20px;
        }

            .home .newsList ul li a {
                color: var(--h2Color);
                text-decoration: none;
            }

                .home .newsList ul li a:hover {
                    color: var(--h2Color);
                    text-decoration: underline;
                }

.btn {
    margin-top: 35px;
    text-align: center;
    clear: both;
}

a.moredetail {
    text-align: center;
    background-color: rgba(162, 119, 50, 0.5);
    padding: 5px 15px;
    font-size: 20px;
    border-radius: 5px;
    border: 1px solid #fff;
    text-decoration: none;
    color: #fff;
}

    a.moredetail:hover {
        background-color: rgba(162, 119, 50, 0.8);
        text-decoration: underline;
    }

@media screen and (min-width: 1101px) {
    a.scrollDown {
        display: block;
        color: #9D9D9D;
        text-align: center;
        width: 70px;
        position: absolute;
        bottom: 20px;
        left: 50%;
        margin-left: -35px;
        z-index: 100;
    }
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    a.scrollDown {
        display: none;
    }
}

@media screen and (min-width: 481px) {
    .map-bottom {
        display: none;
    }

    .map-right {
        display: block;
    }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    .map-right {
        display: none;
    }

    .map-bottom {
        display: block;
        margin: 40px 2% 0 2%;
        float: left;
        width: 96%;
    }
}

@media screen and (min-width: 481px) {
    .orderMenu {
        display: none;
        width: 100%;
    }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    .orderMenu {
        display: block;
        width: 100%;
        text-align: center;
        margin: 30px auto 0 auto;
    }

        .orderMenu a {
            display: inline-block;
            height: 50px;
            width: 100%;
            font-size: 18px;
            color: #fff;
            line-height: 50px;
            text-align: center;
            vertical-align: middle;
            background-color: #eac100;
            text-align: center;
        }

        .orderMenu li {
            display: inline-block;
            width: 49%;
            height: 50px;
            margin: 0px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border-top-width: 1px;
            border-right-width: 1px;
            border-bottom-width: 1px;
            border-left-width: 1px;
            border-top-color: #24180b;
            border-right-color: #24180b;
            border-bottom-color: #24180b;
            border-left-color: #24180b;
        }
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}


/* 嚙踢予𠬍蕭嚙賡鱓嚙賡��蕭 */
.order h3 {
    height: 26px;
    color: #663300;
    font-weight: bold;
    font-size: 125%;
    margin-bottom: 10px;
    display: block;
}

.order h6 {
    width: 100%;
    color: #fff;
    font-size: 125%;
    margin-bottom: 20px;
    background-color: #dc9b48;
    border-radius: 3px;
    padding: 5px 0 0px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    height: 32px;
}

    .order h6 .check {
        width: 15px;
        height: 15px;
        vertical-align: middle;
    }

.order select {
    padding: 4px;
    border-radius: 3px;
    border: 1px solid #9D9D9D;
    display: inline-block;
}

.order .orderList {
    margin-top: 30px;
    text-align: center;
}

    .order .orderList ul {
        text-align: center;
    }
        /* 2018修改*/
        .order .orderList ul li {
            min-height: 200px;
            margin-bottom: 20px;
            float: left;
            display: inline-block;
            text-align: center;
            background-color: #fff;
            border: solid 1px var(--orderListBorderColor);
            padding: 0 0 10px 0;
            box-sizing: border-box;
        }

.order h5 {
    color: var(--h2Color);
    font-size: 1.4em;
    text-align: left;
    padding: 2px;
    margin-bottom: 5px;
}

    .order h5:hover {
        color: var(--h2Color);
    }

.order .orderTxt {
    display: block;
    color: var(--h2Color);
    overflow: hidden;
    text-align: left;
    line-height: 20px;
    padding: 0 10px;
}

.goods-nb {
    display: block;
    text-align: left;
    padding: 5px 0 10px 10px;
}

    .goods-nb b {
        color: #9D9D9D;
        padding-left: 5px;
    }

.goods-spcart {
    color: var(--goodsspcartColor);
    font-size: 14px;
    text-align: center;
    display: block;
    height: auto;
    background-color: var(--goodsspcartBackground);
    vertical-align: middle;
    border-radius: 4px;
    margin: 5px auto 0px auto;
    width: 80%;
    padding: 3px;
    cursor: pointer;
    border: var(--goodsspcartBorder) 1px solid;
}

    .goods-spcart a {
        width: 100px;
        height: 28px;
        color: var(--goodsSpcartAColor);
        text-align: center;
    }

    .goods-spcart i {
        color: var(--goodsSpcartAColor);
        font-size: 20px;
    }

.goods-price {
    color: #ff6600;
    text-align: left;
    font-size: 24px;
    font-weight: bolder;
    display: block;
    padding-left: 10px;
}

.mask {
    text-decoration: none;
    overflow: hidden;
    display: block;
}

.order a:hover .orderImg {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.05);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
}

.order .orderImg {
    display: block;
    position: relative;
    margin: 0 auto 10px auto;
    overflow: hidden;
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}
    /* 2018修改-end*/
    .order .orderImg img {
        width: 100%;
        height: auto;
        transition: all 0.4s ease;
    }

.orderPhoto {
    width: 64.58333%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
}

.product-pic {
    background: #fff;
    overflow: hidden;
    border: 2px solid #9D9D9D;
    padding: 1px;
    height: auto;
    text-align: center;
    margin-bottom: 20px;
}

    .product-pic img {
        width: 100%;
        height: auto;
    }

.product-block {
    height: auto;
    color: #9D9D9D;
    font-size: 15px;
    line-height: 24px;
    width: 31.25%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
}

    .product-block span.detail {
        height: auto;
        color: #9D9D9D;
        margin-bottom: 30px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #9D9D9D;
        float: left;
        padding-bottom: 20px;
    }

    .product-block ul li {
        line-height: 180%;
        margin-bottom: 10px;
    }

.item-b {
    color: #9d6905;
}

.special-price {
    color: #ff6600;
    font-size: 24px;
    font-weight: bold
}

.product-content {
    color: #9D9D9D;
    height: auto;
    margin-top: 20px;
    margin-bottom: 0px;
    width: 97.91667%;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    clear: both;
}
    /* 2018修改 */
    .product-content h3 {
        color: #9d6905;
        height: 26px;
        font-size: 15px;
    }
    /* 2018修改-end */
    .product-content p {
        display: block;
        line-height: 150%;
        margin: 10px 0px;
        color: #9D9D9D;
    }

.orderTool {
    display: block;
    margin-bottom: 20px;
    text-align: right;
}
    /* 2018修改 */
    .orderTool a {
        display: inline-block;
        width: 135px;
        padding: 8px 0;
        font-size: 15px;
        color: #FFFFFF;
        text-align: center;
        border-radius: 3px;
        transition: none;
        margin: 1px;
        background: #C39D70;
        border: 1px #C39D70 solid;
        box-sizing: border-box;
    }

.orderTool-f {
    display: none;
    margin-bottom: 20px;
    text-align: center;
    clear: both;
}

.btn-order {
    display: block;
    margin-bottom: 20px;
}

    .btn-order a {
        display: inline-block;
        width: 135px;
        padding: 5px 0;
        font-size: 15px;
        color: #fff;
        text-align: center;
        border-radius: 3px;
        transition: none;
        margin: 1px 1px 1px 0px;
        background-color: #ff6600;
        box-sizing: border-box;
    }
/* 2018修改-end */
.orderToolAdd {
    display: block;
    margin-top: 20px;
    text-align: center;
}

    .orderToolAdd a {
        display: inline-block;
        width: 120px;
        padding: 8px 0;
        font-size: 15px;
        color: #FFF;
        text-align: center;
        border-radius: 3px;
        transition: none;
        margin: 1px;
        background: linear-gradient(to bottom, #9D9D9D 0%, #9D9D9D 100%);
        border: 1px #af7211 solid;
        box-sizing: border-box;
    }

.shoppingcart {
    width: 97.91667%;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    display: block;
}

.orderform {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 34px;
    color: #333333;
    margin-bottom: 30px;
    border: 3px solid #9D9D9D;
    display: table;
    border-collapse: collapse;
    width: 99%;
}

.shoppingcart .goods-img {
    height: 80px;
    vertical-align: middle;
    width: 80px;
    margin-right: 10px;
    border: 1px solid #e3e3c7;
}

.shoppingcart .goods-u {
    display: inline-block;
    vertical-align: middle;
    color: #333;
}

    .shoppingcart .goods-u a:link, .shoppingcart .goods-u a:visited {
        color: #834c11;
        text-decoration: none
    }

    .shoppingcart .goods-u a:hover {
        color: #834c11;
        text-decoration: underline
    }

.shoppingcart .goodstdl {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: left;
}

.shoppingcart .goodstd2 {
    text-align: right;
    padding-right: 10px;
}

.shoppingcart th {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #9D9D9D;
    text-align: center;
    background-color: #e8dca6;
    color: #834C11;
    font-weight: bold;
    padding: 5px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #d7c9a9;
}

#shoppingcart th:nth-child(1) {
    width: 59%
}

#shoppingcart th:nth-child(2), #shoppingcart th:nth-child(3), #shoppingcart th:nth-child(4), #shoppingcart th:nth-child(5) {
    width: 10%
}

#buylist th:nth-child(1) {
    width: 59%
}

#buylist th:nth-child(2), #buylist th:nth-child(3), #buylist th:nth-child(4) {
    width: 10%
}

.shoppingcart td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e3e3c7;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #e3e3c7;
    padding: 5px;
    text-align: center;
    background-color: #FFF;
}

.shoppingcart-item {
    color: #834c11;
    font-weight: bold;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #967120;
}

.shoppingcart-amount td {
    border-bottom-style: none;
}

.orderform-amount {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #834c11;
    margin-top: 5px;
}

.consigneeForm {
    width: 45%;
    float: left;
    margin-left: 2.49%;
    margin-right: 2.49%;
}

    .consigneeForm .formBox ul li select {
        height: 30px;
        background-color: #fff;
        border-radius: 4px;
        width: auto;
    }

    .consigneeForm .formBox ul li textarea {
        width: 98%
    }

    .consigneeForm .formBox ul li input.vcode {
        width: 100px;
    }

@media screen and (min-width: 1101px) {
    /* 2018修改*/
    .order .orderList ul li {
        width: 22.9166%;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
    /* 2018修改-end*/
    .orderPhoto {
        width: 64.58333%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }

    .product-block {
        height: auto;
        color: #9D9D9D;
        font-size: 15px;
        line-height: 24px;
        width: 31.25%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }

    .product-content {
        width: 97.91667%;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }

    .orderTool {
        width: 97.91667%;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }

    .orderToolAdd {
        width: 97.91667%;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

/* 2018修改*/
@media screen and (min-width: 0px) and (max-width: 1100px) {
    .btn-order a {
        width: 135px;
    }

    .orderToolAdd a {
        width: 120px;
    }
}

@media screen and (min-width: 861px) and (max-width: 1100px) {
    .order .orderList ul li {
        width: 31.15%;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }
}

@media screen and (min-width: 641px) and (max-width: 860px) {
    .order .orderList ul li {
        width: 29.3333%;
        margin-left: 2%;
        margin-right: 2%;
    }
}

@media screen and (min-width: 0px) and (max-width: 640px) {
    .order .orderList ul li {
        width: 46%;
        margin-left: 2%;
        margin-right: 2%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

@media screen and (min-width: 0px) and (max-width: 480px) {
    /* 2018修改-end*/
    .shoppingcart .goodstdl {
        padding-left: 5px;
        text-align: center;
    }

    .shoppingcart .goodstd2 {
        padding-right: 5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
    .orderPhoto {
        width: 64.58333%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }

    .product-block {
        width: 31.25%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }

    #shoppingcart th:nth-child(1) {
        width: 59%
    }

    #shoppingcart th:nth-child(2), #shoppingcart th:nth-child(3), #shoppingcart th:nth-child(4), #shoppingcart th:nth-child(5) {
        width: 10%
    }
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    .orderPhoto {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }

    .product-block {
        width: 97.91667%;
        float: left;
        margin-left: 1.04167%;
        margin-right: 1.04167%;
    }

    .orderform {
        font-size: 14px;
        line-height: 26px;
    }

    #shoppingcart th:nth-child(1) {
        width: 38%
    }

    #shoppingcart th:nth-child(2), #shoppingcart th:nth-child(3), #shoppingcart th:nth-child(4), #shoppingcart th:nth-child(5) {
        width: 12%
    }

    #buylist th:nth-child(1) {
        width: 39%
    }

    #buylist th:nth-child(2), #buylist th:nth-child(3), #buylist th:nth-child(4) {
        width: 15%
    }

    .shoppingcart .goods-img {
        margin-right: 0px;
    }

    .consigneeForm {
        width: 96.875%;
        float: left;
        margin-left: 1.5625%;
        margin-right: 1.5625%;
    }
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
    .orderTool {
        display: none
    }

    .orderTool-f {
        display: block;
        margin-top: 20px;
        text-align: center;
    }
        /* 2018修改*/
        .orderTool-f a {
            display: inline-block;
            width: 120px;
            padding: 8px 0;
            font-size: 15px;
            color: #fff;
            text-align: center;
            border-radius: 3px;
            transition: none;
            margin: 1px;
            background: linear-gradient(to bottom, #9D9D9D 0%, #9D9D9D 100%);
            border: 1px #af7211 solid;
            box-sizing: border-box;
        }
    /* 2018修改-end*/
}

/*2018修改*/
.sp-w {
    max-width: 320px;
    width: 320px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    padding: 15px 10px;
    box-sizing: border-box;
    border: #ccc 1px solid;
    background-color: #fff;
}

.sp-w-cart {
    width: 100%;
    border-bottom: #ccc 1px solid;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
}

    .sp-w-cart h5 {
        color: #993300;
    }

    .sp-w-cart .goods-price {
        font-size: 20px;
        padding-left: 0px;
    }

    .sp-w-cart .goods-nb {
        padding-left: 0px;
    }

    .sp-w-cart table {
        width: 100%;
    }

.sp-w .btn-order {
    display: inline-block;
    margin-bottom: 0px;
}

    .sp-w .btn-order a {
        display: inline-block;
        width: 145px;
        padding: 8px 0;
        font-size: 15px;
        color: #fff;
        text-align: center;
        border-radius: 3px;
        transition: none;
        margin: 1px;
        background: linear-gradient(to bottom, #c7811c 0%, #c7811c 100%);
        border: 1px #af7211 solid;
        box-sizing: border-box;
    }

.sp-w .goods-img {
    height: 80px;
    vertical-align: middle;
    width: 80px;
    margin-right: 10px;
    border: 1px solid #e3e3c7;
}

.order-quantity {
    position: relative;
    margin: 0 auto 10px auto;
    text-align: center;
}

.input-quantity::after {
    content: '';
    display: block;
    clear: both;
}

.btn-nb {
    outline: none;
    border: none;
    cursor: pointer;
    font-size: 1em;
    font-weight: 200;
    line-height: 2;
    background-color: #9D9D9D;
    border-color: #9D9D9D;
    width: 30px;
    height: 34px;
    float: left;
    color: #fff;
}

.sp-w .input-nb {
    float: left;
    display: block;
    width: 190px;
    height: 34px;
    outline: none;
    border: 1px solid #9D9D9D;
    text-align: center;
    border-right: none;
    border-left: none;
    box-sizing: border-box;
}

.input-nb {
    float: left;
    display: block;
    width: 75px;
    height: 34px;
    outline: none;
    border: 1px solid #9D9D9D;
    text-align: center;
    border-right: none;
    border-left: none;
    box-sizing: border-box;
}

.minius, .plus {
    font-style: normal;
    font-weight: normal;
}

.inquire .noticeForm {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    float: none;
    text-align: center;
}

.inquire p {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    font-size: 15px;
    color: var(--h2Color);
    line-height: 1.8;
}

.inquire ul {
    margin-bottom: 0px;
}
.sp-w .select-sp {
    float: left;
    display: block;
    height: 34px;
    outline: none;
    box-sizing: border-box;
    width: calc(100% - 48px);
    border: 1px solid #bababa;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.product-block .select-sp {
    float: left;
    display: block;
    height: 34px;
    outline: none;
    box-sizing: border-box;
    width: calc(100%);
    border: 1px solid #bababa;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.sp-w select.reset {
    background: none;
    border-radius: 0;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.product-block select.reset {
    background: none;
    border-radius: 0;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.input-quantity {
    position: relative;
}

    .input-quantity select ~ span {
        position: absolute;
        width: 30px;
        height: 34px;
        background-color: #bababa;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        font-size: 1em;
        color: #fff;
        line-height: 34px;
        z-index: 1;
    }
@media screen and (min-width: 0px) and (max-width: 1100px) {
    /* line 188, ../scss/pages/_guestRoom.scss */
    .inquire .formBox ul li {
        width: 94%;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

.inquire .formBox ul.reserve li:nth-child(1), .inquire .formBox ul.reserve li:nth-child(2) {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}

    .inquire .formBox ul.reserve li:nth-child(2) input {
        width: 150px;
        float: left;
    }

    .inquire .formBox ul.reserve li:nth-child(2) img {
        float: left;
        margin-left: 10px;
    }

.status {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    color: #9D9D9D;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: #666 1px solid;
    text-align: left;
}

    .status span {
        color: #ff0000;
    }

.inquire .btnBlock {
    width: 100%;
    float: left;
    margin-left: auto;
    margin-right: auto;
}

    .inquire .btnBlock a {
        display: inline-block;
        width: 94%;
        padding: 7px 0;
        font-size: 15px;
        color: var(--btnBlockColor);
        text-align: center;
        border-radius: 3px;
        transition: none;
        margin-left: 2%;
        margin-right: 2%;
        border: none;
        background-color: var(--btnBlockBackground);
    }

        .inquire .btnBlock a:hover {
            background-color: var(--btnBlockBackground);
            color: var(--btnBlockColor);
        }

.inquire .notice {
    margin: 20px auto;
    max-width: 640px;
    font-size: 15px;
    color: var(--h2Color);
    line-height: 1.8;
}

.spcart-nb {
    background-color: #e0554e;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: initial;
    display: block;
}

header .spcart .spcart-nb {
    top: 2px;
    right: 0;
    position: absolute;
    height: 18px;
    width: 18px;
    font-size: 12px;
}

.otherMenu .spcart-nb {
    top: 2px;
    right: 0;
    position: absolute;
    height: 18px;
    width: 18px;
    font-size: 12px;
}
/*2018修改-end*/

@media screen and (min-width: 0px) and (max-width: 480px) {
    .sp-w {
        max-width: 220px;
        width: 220px;
    }

        .sp-w .input-nb {
            width: 91px;
        }

        .sp-w .btn-order a {
            width: 95px;
        }

    header .open {
        display: inline-block;
        top: 7px;
        left: 10px;
        width: 32px;
        height: 32px;
        font-size: 30px;
        color: var(--otherMenuOpenSpcartColor);
        text-align: center;
        vertical-align: middle;
    }

        header .open > span {
            display: block;
            width: 32px;
            height: 32px;
            background-size: 32px;
            background-repeat: no-repeat;
        }
    header .spcart {
        display: inline-block;
        position: fixed;
        top: 7px;
        right: 10px;
        width: 40px;
        height: 40px;
        font-size: 30px;
        color: var(--otherMenuOpenSpcartColor);
        text-align: center;
        vertical-align: middle;
    }
}