/**/

@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=Russo+One');
@import url('https://fonts.googleapis.com/css2?family=Dosis&display=swap');

/*edit210201*/

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    font-family: 'Noto Sans TC', 'Microsoft JhengHei';
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

a {
    background: transparent;
    color: #5faad7;
    text-decoration: none;
    outline: none;
    /* for Firefox Google Chrome  */
    behavior: expression(this.onFocus=this.blur());
    /* for IE */
}

a:active,
a:hover {
    outline: 0;
    color: #84898c;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    text-decoration: none;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

img {
    border: 0;
    vertical-align: middle;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: none;
    /* for Firefox Google Chrome  */
    behavior: expression(this.onFocus=this.blur());
    /* for IE */
}

::selection {
    background: #5faad7;
    color: #fff;
}

::-moz-selection {
    background: #5faad7;
    color: #fff;
}

#toTop {
    position: fixed;
    right: 18px;
    bottom: 273px;
    display: none;
    text-align: center;
}

#toTop a {
    display: inline-block;
    color: #5faad7;
    font-size: 1.1em;
    text-align: center;
}

#toTop a:hover {
    color: #a3a9ac;
}

#toTop i {
    margin-bottom: -3px;
    text-align: center;
    font-size: 1.5em;
}

#toTop:hover {
    cursor: pointer;
}

@media (max-width:767px) {
    #toTop {
        bottom: 23px;
    }
}

#icon_line {
    position: fixed !important;
    right: 15px;
    bottom: 325px;
    text-align: center;
    _position: absolute;
    _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
    z-index: 100000;
    opacity: 0.9;
}

#icon_fb {
    position: fixed !important;
    right: 15px;
    bottom: 375px;
    text-align: center;
    _position: absolute;
    _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
    z-index: 100000;
    opacity: 0.9;
}

#icon_wechat {
    position: fixed !important;
    right: 13px;
    bottom: 424px;
    text-align: center;
    _position: absolute;
    _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
    z-index: 100000;
    opacity: 0.9;
}

#icon_score {
    position: fixed !important;
    right: 13px;
    bottom: 420px;
    text-align: center;
    _position: absolute;
    _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
    z-index: 100000;
    opacity: 0.9;
}

#icon_line:hover,
#icon_fb:hover,
#icon_wechat:hover,
#icon_score:hover {
    opacity: 1;
}

#icon_line img,
#icon_fb img {
    width: 40px;
}

.icon_big img {
    width: 50px !important;
}

#icon_wechat img,
#icon_score img {
    width: 43px;
}

@media (max-width:767px) {
    #icon_line {
        right: 12px;
        top: auto;
        bottom: 70px;
    }

    #icon_fb {
        right: 12px;
        top: auto;
        bottom: 120px;
    }

    #icon_wechat {
        right: 10px;
        top: auto;
        bottom: 168px;
    }

    #icon_score {
        right: 10px;
        top: auto;
        bottom: 171px;
    }
}

.site-main {
    padding-top: 90px;
}

.site-main.bg_page {
    background: url(../images/bg_page.jpg) no-repeat;
    background-position: center 200px;
}

.site-navbar {
    border-top: 6px #5faad7 solid;
    background: #FFF;
    height: 90px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
}

.navbar-brand {
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
}

.navbar-brand a:hover img {
    -webkit-filter: opacity(.8);
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

@media (min-width:768px) {
    .navbar-brand img.logo {
        float: left;
        height: 49px;
        margin: 15px 40px 0 15px;
    }
}


/*選單*/

.menu {
    float: right;
    width: auto;
    height: auto;
    margin: 30px -25px 0;
    padding: 0;
}

.menu ul {
    float: left;
    list-style-type: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.menu ul li {
    float: left;
    list-style-type: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}

.menu ul li>a {
    display: inline-block;
    width: 55px;
    height: 45px;
}

.menu ul li span.cart_num {
    position: absolute;
    z-index: 99;
    bottom: 16px;
    right: 1px;
    background: #5faad7;
    border: 2px #FFF solid;
    color: #fff;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 17px;
    text-align: center;
    font-size: 0.6em;
    border-radius: 50%;
}

.menu a:hover img {
    transform: translateY(-3px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/*NEW220303*/

.menu ul li.txt_style>a {
    color: #595959;
    padding-top: 4px;
    min-width: 100px;
    font-size: 0.95em;
}

.menu ul li.txt_style>a:hover {
    color: #5faad7;
}

@media (min-width:768px) and (max-width:991px) {
    .navbar-brand img.logo {
        margin-top: 29px;
        margin-left: 27px;
        max-height: 25px;
    }

    .menu {
        margin: -22px -25px 0;
    }

    .menu ul li>a {
        width: 45px;
    }

    .menu ul li.txt_style>a {
        font-size: 0.9em;
        min-width: 85px;
    }
}

.menu img {
    max-width: 25px;
    max-height: 25px;
}


/*第二層*/

ul li:hover span.triangle {
    position: absolute;
    top: 36px;
    right: 17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
}

ul li:hover .menu_second {
    display: block;
}

ul.menu_second {
    display: none;
    position: absolute;
    top: 46px;
    right: -42px;
    z-index: 9999;
    width: 150px;
    height: auto;
    padding: 10px;
    margin: 0;
    background: rgba(0, 0, 0, 0.85);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    list-style-type: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.menu_second li {
    padding: 7px 15px !important;
    margin: 0 !important;
    text-align: left;
    width: 100% !important;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.menu_second li a {
    margin: 0;
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
    color: #FFF;
    text-shadow: none;
    font-size: 0.9em
}

.menu_second li a i {
    display: inline-block;
    text-align: center;
    width: 18px;
    margin-right: 13px;
    color: #5faad7;
}

.menu_second li:hover,
.menu_second li.active {
    background: #5faad7;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.menu_second li:hover a,
.menu_second li:hover a i,
.menu_second li.active a,
.menu_second li.active a i {
    color: #FFF;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

@media (max-width:767px) {
    .site-navbar {
        height: 54px;
        border-top: 4px #5faad7 solid;
    }

    .site-main {
        padding-top: 54px;
    }

    .navbar-brand img.logo {
        /*EDIT220303*/
        margin-top: 11px;
        margin-left: 27px;
        height: 25px;
    }

    /*edit210201*/
    .site-main.bg_page {
        background: url(../images/bg_page.jpg) no-repeat;
        background-position: center 15px;
        background-size: 100% auto;
    }

    .menu {
        float: right;
        margin: 14px -10px 0;
    }

    /*edit210201*/
    .menu ul li>a {
        /*EDIT220303*/
        width: 36px;
        height: 34px;
    }

    .menu ul li>a img {
        /*EDIT220303*/
        max-width: 18px;
        max-height: 18px;
        height: 18px;
    }

    .menu ul li span.cart_num {
        top: -5px;
        bottom: inherit;
        right: -3px;
    }

    .menu_second li a {
        font-size: 0.85em
    }

    ul li:hover span.triangle {
        top: 30px;
        left: 9px;
        right: inherit;
    }

    ul.menu_second {
        top: 40px;
        right: -38px;
        /*51*/
        width: 145px;
    }

    .menu_second li a i {
        width: 16px;
        margin-right: 14px;
    }
}


/*EDIT220303*/

footer {
    position: relative;
    color: #595959;
    background: #FFF url(../images/bg_footer.jpg) center bottom no-repeat;
    padding-bottom: 300px;
}

footer a,
footer a:visited {
    color: #595959;
}

footer a:hover,
footer a:active {
    color: #5faad7;
}

footer .footer_box {
    margin-bottom: 30px;
}

.padding_turn0.footer_box {
    margin-bottom: 20px;
}

footer img {
    margin-top: 0px;
    max-height: 58px;
    max-width: 290px;
}

footer p {
    font-size: 1.15em;
    line-height: 200%;
    margin-bottom: 5px;
}

footer p.fontsmall {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 9;
    width: 100%;
    color: #777;
    font-size: 1.05em;
    line-height: 160%;
    text-align: center;
}

footer p.fontsmall a {
    color: #777;
}

footer i {
    display: inline-block;
    font-size: 3em;
    padding-right: 15px;
    color: #a3a9ac;
}

footer i:hover {
    color: #5faad7;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

@media (max-width:767px) {
    footer {
        padding-bottom: 270px;
    }

    footer .footer_box {
        margin-bottom: 20px;
    }

    footer i {
        display: inline-block;
        padding-left: 5px;
        font-size: 2.7em;
    }

    footer p.fontsmall {
        font-size: 0.9em;
    }

    footer a:hover,
    footer a:active {
        color: #595959;
    }
}


/*EDIT220303*/

.footer_links {
    margin: 0;
}

.footer_links .list {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 5px;
    padding: 0;
}

.footer_links .list li {
    display: inline-block;
    position: relative;
    line-height: 20px;
    font-size: 1.2em;
    padding: 5px 15px 15px;
    vertical-align: top;
}

.footer_box .footer_links .list li {
    font-weight: 300;
}

@media (min-width: 768px) {
    .footer_links .list li:before {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 20px;
        background: #AAA;
        right: -1px;
    }

    .footer_links .list li:last-child:before {
        display: none;
    }
}

@media (max-width: 767px) {
    .footer_links {
        margin: 0;
        border-top: 1px #CCC solid;
    }

    .footer_box .footer_links {
        border-top: none;
    }

    .footer_links .list {
        display: block;
        height: auto;
        margin: 0;
        padding: 0;
    }

    .footer_links .list li {
        width: 100%;
        padding: 8px 0;
        font-size: 1.15em;
        border-bottom: 1px #CCC solid;
        vertical-align: center;
    }
}

.txt_red {
    color: #ff9e48 !important;
}

.txt_realred {
    /*190225*/
    color: #ff5353 !important;
}

.txt_blue {
    color: #5faad7 !important;
}

.txt_blueD {
    color: #093968 !important;
}

.txt_gray {
    color: #CCC !important;
}

.txt_black {
    color: #333 !important;
}

.txt_block {
    display: inline-block;
}


/*PADDING*/

.padding_0 {
    padding: 0;
}

.padding_menu {
    padding: 15px 0 0 30px;
}

.index_padding {
    padding-top: 80px !important;
    padding-bottom: 50px !important;
}

.footer_padding {
    padding-top: 40px !important;
    /*EDIT220303*/
    padding-bottom: 50px !important;
}

.page_padding {
    padding-top: 40px !important;
    padding-bottom: 60px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.index_ad img {
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
}

.page_padding_top_fix {
    /*EDIT220303*/
    padding-top: 105px !important;
    padding-bottom: 60px !important;
}

@media (max-width:767px) {
    .padding_turn0 {
        padding: 0;
    }

    .padding_turn5 {
        padding: 0 5px;
    }

    /*edit210201*/
    .padding_menu {
        padding: 5px 0 0;
    }

    .index_padding {
        padding-top: 50px !important;
        padding-bottom: 25px !important;
    }

    .footer_padding {
        padding-top: 30px !important;
        padding-bottom: 10px !important;
    }

    .page_padding {
        padding-top: 0 !important;
        padding-bottom: 5px !important;
    }
}

.news_padding {
    padding-right: 0;
}

@media (max-width:991px) {
    .news_padding {
        padding: 0;
    }
}

.animatedDelay1 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.animatedDelay2 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.animatedDelay3 {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.animatedDelay4 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.animatedDelay5 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.animatedDelay6 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.animatedDelay7 {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}

.animatedDelay8 {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
}

.animatedDelay9 {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
}

.animatedDelay10 {
    -webkit-animation-delay: 3.0s;
    animation-delay: 3.0s;
}


/*modal*/

.modal_header {
    background: #5faad7;
    color: #FFF;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#myModal_Gift .modal_header {
    background: #ff9e48;
}

.modal_body {
    font-size: 1.05em;
    padding-bottom: 0;
    padding-left: 30px;
}

#myModal_Gift .modal_body .page_content h3 {
    color: #ff9e48;
}

.modal_body .page_content p {
    font-size: 1.05em;
}

.modal_body img {
    margin: 0 auto 15px;
    text-align: center;
}

.modal_body_content {
    padding-left: 0;
    padding-bottom: 10px;
}

@media (max-width:767px) {
    .modal_body {
        padding-left: 15px;
    }

    .modal_body_content {
        padding: 0 10px 10px;
    }
}

.modal_body_content p.p_info {
    line-height: 160%;
    background: rgba(95, 170, 216, 0.1);
    border-radius: 4px;
    padding: 15px;
}
.modal_body_content div.p_info {
    line-height: 160%;
    background: rgba(95, 170, 216, 0.1);
    border-radius: 4px;
    padding: 15px;
}

.modal_product_detail_list {
    float: left;
    width: 100%;
    height: auto;
    list-style-type: none;
    padding: 0;
}

.modal_product_detail_list li {
    padding-bottom: 5px;
}

.modal_product_detail_list li a {
    color: #313131;
}

.modal_product_detail_list li a:hover {
    color: #ed6953;
}

.modal_product_detail_list h3 {
    color: #111;
    padding: 0;
    margin: 0;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 150%;
}

.modal_product_detail_list h3 span {
    color: #ed6953;
}

.modal_product_detail_list p {
    margin: 5px 0 5px;
}

.modal_product_detail_list .price {
    color: #ff9e48;
    font-size: 1.2em;
}

.btn-first {
    color: #fff;
    background-color: #5faad7;
}

.btn-second {
    color: #fff;
    background-color: #7a8286;
}

.btn-third {
    color: #fff;
    background-color: #ff9e48;
}

.btn-first:hover,
.btn-first:active,
.btn-first:focus,
.btn-second:hover,
.btn-second:active,
.btn-second:focus,
.btn-third:hover,
.btn-third:active,
.btn-third:focus {
    color: #CCC !important;
}

.modal-footer .btn-first,
.modal-footer .btn-second {
    padding: 12px 5px;
    font-size: 1.1em;
}

.btn_left {
    border-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.contactus .form-control {
    height: auto;
    font-size: 1.1em;
    padding: 8px 12px;
    color: #6f7f2c;
}


/*網頁編輯內容*/

.page_content {
    float: left;
    width: 100%;
    height: auto;
}

.page_content h2.aboutus_title {
    display: inline-block;
    margin: 40px 0 60px;
    padding: 0;
    text-align: center;
    font-size: 1.75em;
    color: #666;
    text-transform: uppercase;
    line-height: 160%;
    font-weight: 400;
}

.page_content h2.aboutus_title hr {
    margin: 5px 0;
    padding: 0 15px;
    border-top: 1px solid #a4a4a4;
}

.page_content h3 {
    margin: 0 0 6px;
    font-size: 1.3em;
    color: #5faad7;
    line-height: 160%;
    font-weight: 500;
}

.page_content h4 {
    padding: 0;
    margin: 10px 0 0px;
    font-size: 1.35em;
    color: #555;
    line-height: 160%;
    font-weight: 400;
}

.page_content p {
    font-size: 1.15em;
    margin-bottom: 20px;
    line-height: 200%;
    color: #777d80;
}

.page_content hr {
    border-top: 1px solid #dde1e3;
    margin: 10px 0;
}

.page_content a {
    color: #5faad7;
}

.page_content a:hover {
    color: #84898c;
}

.page_content .box {
    padding: 0 8px;
}

.page_content .box img {
    margin-top: 5px;
    margin-bottom: 20px;
}

span.tag_style {
    font-size: 1.1em;
    display: inline-block;
    border: 1px #CCC solid;
    padding: 7px 15px;
    margin: 0 5px 10px;
}


/*TABLE*/

.page_content_table {
    margin: 10px 0 15px;
    font-size: 1.13em;
}

.page_content_table th {
    font-weight: 400 !important;
    padding: 7px 15px;
    background: #5faad7;
    color: #FFF;
    border-bottom: 3px #fff solid;
    line-height: 180%;
}

.page_content_table td {
    border-bottom: 3px #fff solid;
    background: rgba(95, 170, 216, 0.1);
    padding: 7px 15px;
    line-height: 180%;
}

.page_content_table a {
    color: #555;
}

.page_content_table a i {
    color: #f1a03b;
    padding-right: 10px;
}

.page_content_table a:hover {
    color: #ea513e;
}

@media (max-width:767px) {
    .page_content_table {
        margin: 10px 0 15px;
        font-size: 1.1em;
    }

    .page_content_table th {
        padding: 7px 10px;
    }

    .page_content_table td {
        padding: 7px 10px;
    }
}

.numlist {
    margin-top: 5px;
    padding-left: 20px;
    color: #777d80;
}

.numlist li {
    list-style-type: decimal;
    font-size: 1.15em;
    padding-bottom: 0;
    line-height: 200%;
    font-family: "Noto Sans TC", "Microsoft JhengHei";
}

.numlist.addheight li {
    padding-bottom: 10px;
}

.numlist li ul li {
    font-size: 1em;
    list-style-type: upper-alpha;
}

.numlist li ul li ul li {
    font-size: 1em;
    list-style-type: lower-alpha;
}


/*換頁*/

.pagination {
    padding-top: 0;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.pagination>li>a,
.pagination>li>span {
    color: #5faad7;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.pagination li a:hover {
    background-color: #5faad7;
    border-color: #5faad7;
    color: #FFF;
}

.line_button {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 25px auto 35px;
}

.line_button a {
    display: inline-block;
    background: #FFF;
    padding: 8px 25px;
    margin: 0 5px;
    font-size: 1.1em;
    color: #5faad7 !important;
    border: 1px #5faad7 solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.line_button a i {
    padding-right: 10px;
}

.line_button a i.fa-chevron-right {
    padding-right: 0;
    padding-left: 10px;
}

.line_button a:hover {
    color: #FFF !important;
    background: #5faad7;
    border: 1px #5faad7 solid;
}


/*BRANDS*/

.index_brands {
    background: #5faad7;
    padding: 30px 0;
    position: relative;
}

.index_brands .col-xs-6 {
    padding: 10px 15px;
}

.index_brands a:hover img {
    -webkit-transform: rotateZ(-15deg);
    -moz-transform: rotateZ(-15deg);
    -ms-transform: rotateZ(-15deg);
    -o-transform: rotateZ(-15deg);
    transform: rotateZ(-15deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media (max-width:767px) {
    .index_brands {
        padding: 25px 0;
    }

    .index_brands .col-xs-6 {
        padding: 5px 15px;
    }

    .index_brands img {
        max-height: 50px;
    }
}


/*INDEX TITLE*/

h2.index_title {
    text-align: center;
    margin: 0 0 40px;
    padding: 0;
    line-height: 160%;
    font-size: 1.8em;
    font-weight: 400;
    color: #5faad7;
    text-transform: uppercase;
}

h2.index_title span.cht {
    color: #9ba0a3;
    display: inline-block;
}

@media (max-width:767px) {
    h2.index_title {
        margin: 0 0 30px;
        font-size: 1.5em;
    }

    h2.index_title span.cht {
        display: block;
    }
}


/*FOUR*/

.index_four .col-xs-6 {
    margin: 10px 0;
    text-align: center;
}

.index_four .icon_guarantees {
    display: inline-block;
    width: 90px;
    height: 90px;
    margin-bottom: 20px;
}

.index_four .icon_index1 {
    background: url(../images/icon_index1.png) no-repeat;
}

.index_four .icon_index2 {
    background: url(../images/icon_index2.png) no-repeat;
}

.index_four .icon_index3 {
    background: url(../images/icon_index3.png) no-repeat;
}

.index_four .icon_index4 {
    background: url(../images/icon_index4.png) no-repeat;
}

.index_four .col-xs-6:hover .icon_guarantees {
    background-position: 0 -90px;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
}

.index_four a p {
    font-size: 1.3em;
    color: #84898c;
    margin-bottom: 30px;
}

.index_four .col-xs-6:hover a p {
    color: #5faad7;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
}

@media (max-width:991px) {
    .index_four .col-xs-6 {
        padding: 0;
    }

    .index_four a p {
        font-size: 1.2em;
    }
}

@media (max-width:767px) {
    .index_four .icon_guarantees {
        width: 60px;
        height: 60px;
        margin-bottom: 15px;
        background-size: 100% auto;
    }

    .index_four .col-xs-6:hover .icon_guarantees {
        background-position: 0 -60px;
    }

    .index_four a p {
        font-weight: 300;
    }
}


/**/

.index_products {}

.index_products .col-xs-12 {
    position: relative;
    padding: 0;
}

@media (max-width:767px) {
    .index_products .col-xs-12 {
        padding: 7.5px 15px;
    }
}

.index_products figcaption {
    text-align: right;
    padding: 30px;
    width: 100%;
    background: rgba(95, 170, 215, 0.95);
    color: #FFF;
}

.index_products .blueD_style figcaption{  /*edit231116*/
	background: rgba(59, 117, 163, 0.95);}
.index_products .green_style figcaption{  /*edit231116*/
	background: rgba(119,171,0,0.95);}

.index_products figcaption h3 {
    text-align: left;
    font-size: 1.5em;
    font-weight: 300;
    margin: 0 0 15px;
    padding: 0;
}

.index_products figcaption h3 i {
    font-size: 0.8em;
    padding-left: 10px;
}

.index_products figcaption p {
    text-align: left;
    font-size: 1.15em;
    font-weight: 300;
    line-height: 180%;
    margin: 0;
}

.index_products figcaption span {
    display: inline-block;
    margin-top: 10px;
    padding: 5px 10px;
    border: 1px #FFF solid;
}

.index_products .col-xs-12:hover a img {
    -webkit-filter: opacity(.8);
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
}

@media (min-width:768px){
    .index_products .col-sm-4:hover {  /*edit231116*/
            transform: translateY(-10px);
        transition: all ease .5s;
        -webkit-transition: all ease .5s;
        -moz-transition: all ease .5s;}}
    .index_products .col-xs-12:hover figcaption{  /*edit231116*/
        background: rgba(95,170,215,1);
        transition: all ease .5s;
        -webkit-transition: all ease .5s;
        -moz-transition: all ease .5s;}
    .index_products .col-xs-12.blueD_style:hover figcaption{  
        /*edit231116*/
        background: rgba(59, 117, 163, 1);}
    .index_products .col-xs-12.green_style:hover figcaption{  
        /*edit231116*/
        background: rgba(119,171,0,1);}

@media (max-width:991px) {
    .index_products .col-xs-12:hover figcaption {
        background: rgba(59, 117, 163, 1);
        transition: all ease .5s;
        -webkit-transition: all ease .5s;
        -moz-transition: all ease .5s;
    }
}

/*INDEX CUSTOMER*/


/*edit210201*/

.index_customer {}

.index_customer .customer_place {
    position: relative;
}

.index_customer figcaption {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    padding: 20px;
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.7);
    color: rgba(110, 110, 110, 1);
}

.index_customer .customer_place:hover figcaption {
    background: rgba(255, 255, 255, 0.7);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.index_customer figcaption h3 {
    font-size: 1.35em;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

.index_customer .customer_place:hover .pic {
    overflow: hidden;
}

.index_customer .customer_place:hover .pic img {
    left: -50px;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

@media (min-width:992px) {
    .index_customer figcaption {
        padding: 15px;
        position: absolute;
        z-index: 3;
        bottom: 0;
        left: 0;
        text-align: left;
        background: rgba(255, 255, 255, 0);
        color: rgba(110, 110, 110, 0);
    }

    .index_customer .customer_place:hover figcaption {
        background: rgba(255, 255, 255, 0.7);
        color: rgba(110, 110, 110, 1);
        -webkit-transition: all 0.8s ease 0s;
        -moz-transition: all 0.8s ease 0s;
        -o-transition: all 0.8s ease 0s;
        -ms-transition: all 0.8s ease 0s;
        transition: all 0.8s ease 0s;
    }

    .index_customer figcaption h3 {
        text-align: center;
        margin: 0;
        font-size: 1.5em;
    }
}

@media (max-width:991px) {
    .index_customer .customer_place {
        margin-bottom: 30px;
    }
}

@media (max-width:767px) {
    .index_customer .customer_place {
        margin-bottom: 15px;
    }

    .index_customer figcaption h3 {
        font-size: 1.25em;
    }
}


/*.customer_list{
	position: relative;
	margin-top: 15px;
	margin-bottom: -5px;}
.customer_list .arrow_style{
	position: absolute;
	top: 55%;
	z-index: 1;}
.customer_list .arrow_style:hover img{
	-webkit-filter:opacity(.7);
	-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.customer_list .arrow_style.arrow_left{
	left: 15px;}
.customer_list .arrow_style.arrow_right{
	right: 15px;}
@media (max-width:767px){
.customer_list{
	margin-top: 0;}}*/


/*PAGE MENU*/


/*edit210201*/

.page_menu {
    background: #cee0f4;
    margin: 0;
}

.page_menu .list{/*EDIT220303*/ /*edit231116*/
    display: inline-block;
    margin-bottom:0;
    padding: 0}	
.page_menu .list li{/*EDIT220303*/ /*edit231116*/
    display: inline-block;
    position: relative;
	margin: 0;
	padding: 6px 3px;}

.page_menu .list li a {
    display: inline-block;
    color: #FFF;
    font-size: 1.2em;
    padding: 13px 30px;
    min-width: 120px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #5faad7;
    border-bottom: 3px #418dc6 solid;
}

.page_menu .list li:hover a,
.page_menu .list li.active a {
    background: #418dc6;
    border-bottom: 3px #246a9e solid;
}

.page_menu .list li.green_style a{ /*edit231116*/
	background: #77ab00;
	border-bottom: 3px #597d07 solid;}
.page_menu .list li.green_style:hover a, .page_menu .list li.green_style.active a{ /*edit231116*/
	background: #6a8f14;
	border-bottom: 3px #4f6b0f solid;}

@media (max-width:767px) {
    .page_menu {
        float: left;
        width: 100%;
    }

    .page_menu .list{/*EDIT220303*/ /*edit231116*/
        float: left;
        display: block;
        width: 100%;
        height: auto;;
        padding: 5px 2.5px 0;}	
    .page_menu .list li{/*EDIT220303*/ /*edit231116*/
        float: left;
        width: 50%;
        padding: 0 2.5px 5px;}

    .page_menu .list li.col-xs-4 {
        width: 33.333%;
    }

    .page_menu .list li a {
        padding: 10px 0;
        font-size: 1.1em;
        min-width: auto;
        width: 100%;
    }

    .page_menu .list li:nth-child(2n) a {
        border-right: 0;
    }
}


/*edit210201*/

.pathway {
    font-size: 1.1em;
    padding: 0 15px 30px;
    color: #7a8286;
}

.pathway a {
    color: #5faad7;
}

.pathway a:hover {
    color: #CCC;
}

.pathway i {
    padding: 0 10px;
}

@media (max-width:767px) {
    .pathway {
        font-size: 1em;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: right;
        /*text-shadow: -2px -2px 0 #fff, -2px -1px 0 #fff, -2px 0px 0 #fff, -2px 1px 0 #fff, -2px 2px 0 #fff, -1px -2px 0 #fff, -1px -1px 0 #fff, -1px 0px 0 #fff, -1px 1px 0 #fff, -1px 2px 0 #fff, 0px -2px 0 #fff, 0px -1px 0 #fff, 0px 0px 0 #fff, 0px 1px 0 #fff, 0px 2px 0 #fff, 1px -2px 0 #fff, 1px -1px 0 #fff, 1px 0px 0 #fff, 1px 1px 0 #fff, 1px 2px 0 #fff, 2px -2px 0 #fff, 2px -1px 0 #fff, 2px 0px 0 #fff, 2px 1px 0 #fff, 2px 2px 0 #fff;*/
        background: #FFF;
    }
}

.white_bg {
    padding: 30px;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

@media (max-width:767px) {
    .white_bg {
        padding: 20px 15px 20px;
    }
}

.page_title {
    padding: 0;
    margin: 0 0 30px;
    border-bottom: 1px rgba(95, 170, 215, 0.5) solid;
}

.page_title h1 {
    display: inline-block;
    margin: 0 0 7px;
    padding: 15px 15px 15px 65px;
    width: auto;
    color: #5faad7;
    font-size: 1.55em;
    font-weight: 400;
    line-height: 150%;
    background: url(../images/icon_page_title.png) no-repeat;
    background-position: 5px center;
}

.page_title .line_style {
    width: 160px;
    height: 4px;
    margin-bottom: -1px;
    background: #5faad7;
}

.page_title .addthis_area{
    margin: 12px 0;
}

/* .page_title  {
    float: right;
    margin: 9px 0 0 0;
} */

/* ===shareThis=== */


/* 做出所有圖示靠右效果 */
.sharethis-inline-share-buttons.st-center.st-inline-share-buttons.st-animated{
    display:flex !important;
    justify-content: flex-end !important;
}

@media (max-width:767px) {
    .page_title .addthis_area {
        margin: -20px 10px 11px 0;
    }
}
/* ===END shareThis=== */

.products_banner img {
    border: 1px #e2e2e2 solid;
    margin-bottom: 35px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width:767px) {
    .products_banner img {
        margin-bottom: 25px;
    }
}


/*排序篩選*/

.product_select {
    float: left;
    padding: 0 10px 0 6px;
    margin: 0 auto 15px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #FFF;
    border-top: 1px #DDD solid;
    border-bottom: 1px #DDD solid;
}

.product_select .icon_box {
    float: right;
    width: auto;
    margin-top: -2px;
}

.product_select i {
    float: right;
    font-size: 1.2em;
    margin-left: 20px;
    height: 40px;
    line-height: 40px;
    color: #444;
}

.product_select .active {
    color: #5faad7;
}

#product_select {
    border: 0;
    height: 39px;
    line-height: 39px;
    font-weight: 500;
    background: transparent;
}


/*商品格狀*/

.product_area {
    float: left;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    height: auto;
}

.product_item_padding {
    padding: 0 15px 0;
}

.product_grid {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 5px;
    margin: 15px 0;
    border: 1px #e2e2e2 solid;
    box-shadow: 0 2px 0 0px rgba(0, 0, 0, 0.1);
    position: relative;
}

.product_grid .pic {}

.product_grid .pic img {
    width: 100%;
}

.product_grid:hover .pic,
.product_list:hover .pic {
    overflow: hidden;
}

.product_grid:hover .pic img,
.product_list:hover .pic img {
    left: -50px;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.product_grid .name {
    width: 100%;
    height: 47px;
    color: #3e3e3e;
    text-align: left;
    font-size: 1.15em;
    line-height: 160%;
    padding: 0 15px;
    margin: 10px 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product_grid .price {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 15px 12px;
    text-align: left;
    text-shadow: 0 1px 0 #FFF;
    font-size: 1.25em;
    font-weight: 500;
    color: #ff9e48;
    font-family: 'Noto Sans TC', 'Microsoft JhengHei';
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product_grid .price_ori {
    color: #BBB;
    font-size: 0.8em;
    padding-left: 10px;
    font-weight: normal;
    text-decoration: line-through;
}

.product_grid a .btn_buy i {
    z-index: 3;
    position: absolute;
    bottom: 20px;
    right: 15px;
    font-size: 1.2em;
    text-align: center;
    color: #CCC;
}

.product_grid:hover a .btn_buy i {
    color: #5faad7;
}

.product_grid .title {
    width: 100%;
    max-height: 50px;
    color: #3e3e3e;
    text-align: left;
    font-size: 1.15em;
    line-height: 160%;
    padding: 0 10px;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product_grid:hover .title {
    color: #5faad7;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.product_grid .date {
    float: left;
    width: 100%;
    height: auto;
    padding: 0 10px;
    margin: -7px 0 10px;
    text-align: left;
    font-size: 1.15em;
    color: #5faad7;
}

.product_grid .content {
    float: left;
    width: 100%;
    height: auto;
    max-height: 75px;
    padding: 0 10px;
    margin: -5px 0 15px;
    text-align: left;
    font-size: 1.15em;
    color: #777;
    line-height: 160%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.product_grid .readmore {
    float: left;
    width: 100%;
    height: auto;
    max-height: 75px;
    padding: 0 15px;
    margin: 8px 0 0;
    text-align: right;
    color: #5faad7;
}

.common_style .product_grid {
    padding: 0;
    margin: 0 0 30px;
    border: 0;
    box-shadow: 0 2px 0 0px rgba(0, 0, 0, 0);
}

.common_style .product_grid .pic {
    border: 1px #e2e2e2 solid;
    box-shadow: 0 2px 0 0px rgba(0, 0, 0, 0.1);
}

.common_style .product_grid .pic i.fa-youtube {
    display: inline-block;
    position: absolute;
    top: 25%;
    left: 45%;
    z-index: 3;
    color: rgba(0, 0, 0, 0.7);
    font-size: 2.5em;
}

.common_style.news_style .product_grid .pic i.fa-youtube {
    top: 42%;
}

.common_style .product_grid .pic i,
.common_style .product_grid:hover .pic i.fa-youtube {
    display: none;
}

.common_style .product_grid:hover .pic i {
    display: inline-block;
    position: absolute;
    top: 38%;
    left: 45%;
    z-index: 3;
    color: #FFF;
    font-size: 2.5em;
}

.common_style .product_grid:hover .pic {
    background: #5faad7;
}

.common_style .product_grid:hover .pic img {
    -webkit-filter: opacity(.2);
}

.insured_style .product_grid .pic {
    border-bottom: 3px #5faad8 solid;
}

.insured_style .product_grid:hover .pic img {
    -webkit-filter: opacity(1);
    left: 0;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}

.insured_style .product_grid .title {
    font-size: 1.3em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.media_style .product_grid:hover .pic i {
    top: 25%;
}

.media_style .product_grid:hover .pic img {
    -webkit-filter: opacity(.2);
}

.insured_style.media_style .product_grid .title {
    font-size: 1.2em;
}

.news_style .product_grid {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px #F1F1F1 solid;
}

.news_style .product_grid .title {
    font-size: 1.25em !important;
    margin: 6px 0 12px;
}

.news_style .product_grid .content {
    max-height: none;
    margin-bottom: 0;
}

@media (max-width:991px) {
    .news_style .product_grid {
        margin-bottom: 25px !important;
        padding-bottom: 20px !important;
    }

    .news_style .product_grid .title {
        margin: 15px 0 10px;
    }

    .news_style .product_grid .title,
    .news_style .product_grid .content,
    .news_style .product_grid .readmore {
        padding: 0 5px;
    }
}

.insured_style.media_style .product_grid .pic,
.insured_style.news_style .product_grid .pic {
    border-bottom: 0;
}

.media_style.news_style .product_grid:hover .pic i {
    top: 42%;
}

@media (max-width:767px) {
    .product_area {
        padding: 0;
    }

    .product_item_padding {
        padding: 0 5px;
    }

    .product_grid {
        padding: 0 0 15px;
        margin: 8px 0;
    }

    .common_style .product_grid {
        padding: 0;
        margin: 0 0 25px;
    }

    .insured_style .product_grid .title {
        font-size: 1.2em;
    }

    .product_grid .name {
        font-size: 1.05em;
        /*height:40px;
	margin:15px 0 5px;*/
        padding: 0 10px;
    }

    .product_grid .price {
        font-size: 1.25em;
        padding: 0 10px;
    }

    .product_grid .price_ori {
        font-size: 0.7em;
    }

    .product_grid a .btn_buy i {
        bottom: 19px;
        right: 10px;
    }

    .product_grid a .btn_buy i,
    .product_list a .btn_buy i {
        display: none;
    }

    .add_cart .product_grid a .btn_buy i {
        display: inline-block;
    }
}


/*商品列表*/

.product_list {
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin: 15px 0 15px;
    border: 1px #e2e2e2 solid;
    box-shadow: 0 2px 0 0px rgba(0, 0, 0, 0.1);
    position: relative;
}

.product_list .pic {
    float: left;
    height: 105px;
    margin-right: 10px;
}

.product_list .pic img {
    height: 105px;
}

.product_list .name {
    width: auto;
    height: auto;
    color: #111;
    font-size: 1.15em;
    padding-top: 13px;
    padding-right: 10px;
    margin-bottom: 10px;
    max-height: 67px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product_list .price {
    float: left;
    width: auto;
    height: auto;
    font-size: 1.25em;
    font-weight: 500;
    color: #ff9e48;
    font-family: 'Noto Sans TC', 'Microsoft JhengHei';
}

.product_list .price_ori {
    height: auto;
    color: #BBB;
    font-size: 0.8em;
    padding-left: 15px;
    font-weight: normal;
    text-decoration: line-through;
    text-shadow: 0 1px 0 #F1F1F1;
}

.product_list a .btn_buy i {
    z-index: 3;
    position: absolute;
    bottom: 17px;
    right: 15px;
    font-size: 1.2em;
    text-align: center;
    color: #CCC;
}

.product_list:hover a .btn_buy i {
    color: #5faad7;
}

@media (max-width:767px) {
    .product_list {
        margin: 8px 0;
    }

    .product_list .name {
        font-size: 1.05em;
    }

    .product_list .price {
        font-size: 1.25em;
        padding: 0 2px;
    }
}


/*右側選單*/

.panel-group {
    margin-bottom: 15px;
}

.panel-default {
    border: 0;
    box-shadow: none !important;
}

.panel-body {
    font-size: 1.05em;
    padding: 10px 5px 25px;
    background: #fff;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: none;
}

@media (max-width:991px) {
    .panel-body {
        font-size: 1em;
    }
}

@media (max-width:767px) {
    .panel-body {
        font-size: 1em;
        padding-bottom: 0;
    }
}

.nav-pills>li>a {
    color: #555;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.nav-pills>li>a:hover,
.nav-pills>li>a:focus,
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #5faad7 !important;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.nav-pills>li i {
    color: #5faad7;
    padding-right: 8px;
}

.dropdown-menu-tree {
    background: #FFF;
    padding: 10px 0 10px 25px;
    border-top: 1px rgba(95, 170, 216, 0.5) solid;
}

.dropdown-menu-tree a {
    color: #8a8a8a !important;
}

.dropdown-menu-tree ul {
    list-style-type: none;
}

.dropdown-menu-tree li {
    list-style-type: none;
    padding: 5px 0;
    font-size: 0.95em;
}

.dropdown-menu-tree li i {
    padding-right: 5px;
}

.dropdown-menu-tree li.active a,
.dropdown-menu-tree li:hover a {
    color: #5fa9d8 !important;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.panel-default {
    border-color: #FFF;
}

.panel-default>.panel-heading {
    text-align: center;
    padding: 4px 26px;
    background-color: #5faad7;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border-color: #FFF;
}

.panel-default>.panel-heading a {}

.panel-title {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 1.2em;
    font-weight: 400;
    color: inherit;
    color: #FFF;
}

.nav-pills>li {
    font-size: 1.1em;
    border-bottom: 1px rgba(95, 170, 216, 0.5) solid;
}

.nav-stacked>li+li {
    margin-top: 0;
    margin-left: 0;
}

.nav>li>a {
    padding: 10px 10px;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: transparent
}


/*登入表單*/

.form-signin {}

.form-signin .tip {
    margin: 20px 0;
    padding-left: 10px;
    font-size: 1.15em;
}

.form-signin .tip a {
    color: #333;
}

.form-signin .tip a:hover {
    color: #5faad7;
}

.form-signin .tip p {
    font-size: 1em;
    line-height: 175%;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 1.15em;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin .top {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin .middle {
    margin-bottom: -1px;
    border-radius: 0;
}

.form-signin .bottom {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.contact-form .form-control {
    height: auto;
    font-size: 1.1em;
    /*border:0;
	border-bottom:1px #DDD solid;
	box-shadow:none;*/
}

.contact-form .btn-lg {
    font-size: 1.15em;
    border-radius: 4px;
    margin-bottom: 6px;
}


/*------------------購物車列表------------------*/

@media (min-width: 768px) {
    .cart_item {
        float: left;
        box-sizing: border-box;
        margin: 0 0 25px;
        padding: 0;
        width: 100%;
        height: auto;
    }

    .product_list_cart {
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 15px 10px;
        margin: 0;
        background: #FFF;
        border-bottom: 1px #CCC dashed;
    }
}

.product_list_cart.bg_blue {
    background: #fffbde;
}

@media (max-width: 767px) {
    .cart_item {
        float: left;
        box-sizing: border-box;
        margin: 0 0 15px;
        padding: 0;
        width: 100%;
        height: auto;
    }

    .product_list_cart {
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        margin: 0;
        border-bottom: 1px #DDD solid;
        position: relative;
    }
}

.product_list_cart .pic {
    float: left;
    height: 85px;
    margin-right: 10px;
}

.product_list_cart .pic img {
    height: 85px;
}

.product_list_cart.bg_blue .pic {
    float: left;
    height: 97px; /*edit251222*/
    margin-left: 80px;
    margin-right: 10px;
}

.product_list_cart.bg_blue .pic img {
    height: 55px;
}

.product_list_cart .name {
    width: auto;
    height: auto;
    font-size: 1.15em;
    margin-top: 3px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product_list_cart.bg_blue .name span.type_addition {
    background: #ff9e48;
    color: #FFF;
    font-size: 0.8em;
    padding: 0 8px;
    margin: 0 5px 0 0;
}

@media (min-width: 501px) {
    .product_list_cart.bg_blue .name span.type_addition {
        position: absolute;
        top: 20px;
        left: 10px;
        z-index: 3;
        font-size: 0.95em;
        padding: 3px 8px;
    }
}

.product_list_cart .count {
    width: auto;
    height: auto;
    font-size: 1em;
    margin-top: 5px;
    color: #888;
    font-family: 'Noto Sans TC', 'Microsoft JhengHei';
}

.product_list_cart .count span {
    color: #5faad7;
}

.product_list_cart .price {
    /*190225*/
    /*float:left;*/
    width: auto;
    height: auto;
    margin-top: 8px;
    font-size: 1.2em;
    color: #ff9e48;
    font-family: 'Noto Sans TC', 'Microsoft JhengHei';
    font-weight: 500;
}

.product_list_cart .price span.txt_realred {
    /*190225*/
    text-decoration: none;
    margin-left: 95px;
}

.product_list_cart .price span.del {
    /*190225*/
    font-size: 0.9em;
    padding: 0 0 0 7px;
    text-decoration: line-through;
}

.product_list_cart .price span.ori_price {
    /*190225*/
    height: auto;
    font-size: 0.9em;
    color: #BBB;
    font-weight: normal;
    padding: 0 7px;
    text-decoration: line-through;
}

.product_list_cart .gift {
    /*190225*/
    width: auto;
    height: auto;
    margin-top: 8px;
    font-size: 1.2em;
    font-weight: 500;
    color: #ff5353;
    font-family: 'Noto Sans TC', 'Microsoft JhengHei';
}

.product_list_cart .memo {
    float: left;
    width: auto;
    height: auto;
    margin-top: 8px;
    font-size: 1em;
    color: #ff9e48;
    text-shadow: 0 1px 0 #FFF;
    font-family: 'Noto Sans TC', 'Microsoft Yahei';
    font-weight: 500;
}

@media (max-width: 500px) {
    .product_list_cart .gift {
        /*190225*/
        font-size: 1em;
    }

    .product_list_cart .memo {
        float: left;
        width: auto;
        height: auto;
        margin-left: 85px;
    }

    .product_list_cart.bg_blue .pic {
        padding-top: 32px;
        margin-left: 16px;
        margin-right: 24px;
    }

    .product_list_cart.bg_blue .name span.type_addition {
        position: absolute;
        top: 15px;
        left: 15px;
        padding: 3px 8px;
        font-size: 0.9em;
        z-index: 3;
    }
}

.memo {
    font-size: 0.9em;
    color: #ff9e48;
    text-shadow: 0 1px 0 #FFF;
    font-family: 'Noto Sans TC', 'Microsoft Yahei';
    font-weight: 500;
}

.product_list_cart .state {
    float: left;
    width: auto;
    height: auto;
    padding-top: 10px;
    font-size: 1.05em;
    color: #ff9e48;
    font-family: 'Noto Sans TC', 'Microsoft Yahei';
    font-weight: 500;
}

.product_list_cart .btns {
    width: auto;
    height: auto;
    float: right;
    margin-top: 5px;
}

.product_list_cart .btns button {
    font-size: 0.95em;
    margin-left: 5px;
}


/*COUPON按鈕*/

a .btn_coupon {
    background: #FFF;
}

a:hover .btn_coupon {
    background: #F3F3F3;
}

a:active .btn_coupon {
    background: #EEE;
}

.btn_coupon {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 5px 0 9px;
    border: 1px #DDD solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.1em;
    margin-bottom: 7px;
    background: #FFF;
}

.btn_coupon .title {
    float: left;
    color: #1E2C31;
    font-weight: 500;
}

.btn_coupon .content {
    float: right;
    color: #313131;
    font-weight: 500;
}

.btn_coupon i {
    width: 25px;
    text-align: center;
}

.count_table {
    float: right;
    width: 100%;
    padding: 10px 0 0;
}

@media (max-width: 767px) {
    .count_table {
        padding: 10px 0 25px;
    }
}

.count_table table {}

.count_table th {
    padding: 5px 0;
    font-weight: 500;
    font-size: 1.11em;
    text-align: right;
}

.count_table td {
    padding: 5px 15px 5px 20px;
    text-align: right;
    font-size: 1.11em;
    font-family: 'Noto Sans TC', 'Microsoft Yahei';
}

.count_table .total {
    font-size: 1.5em;
    color: #ff9e48;
    font-weight: 700;
    font-family: 'Noto Sans TC', 'Microsoft Yahei';
}

.btn_cartNext {
    font-size: 1.15em;
    border: 0;
    padding-left: 25px;
    padding-right: 25px;
    float: right;
    margin: 20px 5px 25px 5px;
}


/*購物車列表*/

.cart_list_form {
    float: left;
    width: 100%;
    padding: 0 0 20px;
}

.cart_list_form h2 {
    margin: 0;
    padding: 0 0 20px;
    font-size: 1.2em;
    color: #333;
}

.cart_list_form h2 span {
    color: #1263aa;
}

.cart_list_form table {}

.cart_list_form th {
    padding: 10px 15px 10px 0;
    text-align: right;
    font-size: 1.1em;
    border-top: 1px #DDD solid;
    border-bottom: 2px #DDD solid;
}

.cart_list_form td {
    text-align: right;
    font-size: 1.1em;
    padding: 10px 15px 10px 0;
    border-bottom: 1px #DDD solid;
    font-family: 'Noto Sans TC', 'Microsoft Yahei';
}

@media (max-width: 767px) {
    .cart_list_form td {
        font-size: 1em;
    }
}

.cart_list_form a {
    color: #313131;
}

.cart_list_form a:hover {
    color: #555;
}

.cart_list_form img {
    width: 30px;
    height: 30px;
}

.cart_list_form .num {
    font-family: 'Noto Sans TC', 'Microsoft Yahei';
}

.cart_list_form .total {
    color: #ff9e48;
}

.cart_list_form .total_final {
    color: #ff9e48;
    font-size: 1.4em;
    font-weight: bold;
}

.cart_list_form .linethrough {
    color: #999;
    text-decoration: line-through;
}

.form_heading {
    font-size: 1.3em;
    font-weight: 700;
    margin-bottom: 10px;
    color: #FFF;
}

.form_heading i {
    margin-left: 5px;
    margin-right: 10px;
}


/*表單*/

.box_userform {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

@media (max-width: 767px) {
    .box_userform {
        margin-top: 0px;
        margin-bottom: 0px;
        border-left: 0px #DDD solid;
        border-right: 0px #DDD solid;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
}

.box_userform h3 {
    color: #333;
    font-size: 1.4em;
}

.box_userform h3 i {
    color: #5faad7;
}

.box_userform .btn_sytle {
    margin-top: 25px;
    border-radius: 3px;
    padding-left: 35px;
    padding-right: 35px;
}

.box_userform_view {
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.box_userform_view h3 {
    color: #313131;
    font-size: 1.2em;
}

.box_userform_view h3 i {
    color: #5faad7;
}

.box_userform_view .contact-form {
    padding: 0 15px;
}

@media (max-width:767px) {
    .box_userform_view .contact-form {
        padding: 0;
    }
}

.contact-form a.choice {
    display: inline-block;
    margin: 0 4px;
    padding: 4px 15px;
    color: #5faad7;
    background: #fff;
    border: 1px solid #5faad7;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    transition: all .5s;
}

.contact-form a.choice:hover {
    color: #FFF;
    background-color: #5faad7;
}


/*商品列表*/

.product_list_cart_title {
    float: left;
    font-size: 1.1em;
    width: 100%;
    padding: 10px 0;
    color: #555;
    text-align: center;
    font-weight: 500;
    background: #F3F3F3;
    border-top: 1px #DDD solid;
    border-bottom: 1px #DDD solid;
}

.product_list_cart_title i {
    margin: 0 10px;
}


/*-------------------------------------------------------------------------------------------------------商品詳細頁*/


/*商品圖*/

.product_detail_pic {
    padding-bottom: 0;
    position: relative;
}

.product_detail_pic div {
    padding: 0px 8px 10px;
}

.product_detail_pic img {
    border: 1px #e2e2e2 solid;
    margin-bottom: 5px !important;
}

.product_detail_pic img:hover,
.product_detail a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
}

.product_detail_pic .btn_more {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
}

.product_detail_pic .btn_more a {
    display: inline-block;
    font-size: 0.95em;
    padding: 3px 15px 2px;
    margin: 3px 8px 15px;
    color: #5faad7;
    border: 1px #5faad7 solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.product_detail_pic .btn_more a:hover {
    background: #5faad7;
    color: #FFF;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

@media (max-width:767px) {
    .products_memo p {
        font-size: 1.05em;
    }
}

.products_memo p {
    margin-bottom: 0;
}


/*商品資訊*/

.product_detail {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.product_detail .prodrcts_title {
    padding-left: 15px;
    border-left: 4px #5faad7 solid;
    margin-left: -18px;
}

.product_detail .prodrcts_title h1 {
    font-size: 1.7em;
    line-height: 140%;
    padding: 0;
    margin: 0;
    color: #252525;
    font-weight: 400;
}

.product_detail .prodrcts_title h2 {
    font-size: 1.15em;
    line-height: 140%;
    padding: 0;
    margin: 0 0 10px;
    color: #5faad7;
    font-weight: 400;
}

.product_detail .prodrcts_title p {
    color: #666;
    margin: 0;
}

.product_detail .price {
    text-align: right;
    color: #ff9e48;
    font-size: 1.1em;
    font-family: 'Noto Sans TC', 'Microsoft JhengHei';
}

.product_detail .price .big {
    font-size: 1.8em;
    font-weight: 500;
}

.product_detail .price_ori {
    color: #BBB;
    padding-left: 10px;
    text-decoration: line-through;
    text-shadow: 0 1px 0 #FFF;
}

a.products_tag {
    display: inline-block;
    background: #FFF;
    padding: 5px 13px;
    margin: 5px;
    font-size: 1em;
    color: #5faad7 !important;
    border: 1px #5faad7 solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

a.products_tag i {
    padding-right: 10px;
}

a.products_tag:hover {
    color: #FFF !important;
    background: #5faad7;
    border: 1px #5faad7 solid;
}


/*商品條列資訊*/

.product_detail_list {
    float: left;
    width: 100%;
    list-style-type: none;
    padding: 20px 0 0;
}

.product_detail_list li {
    font-size: 1.1em;
    margin-bottom: 15px;
}

.product_detail_list li p {
    font-size: 1.05em;
    line-height: 180%;
    margin-bottom: 0;
    color: #777d80;
}

.add_area {
    float: left;
    width: 100%;
    height: auto;
    padding: 15px;
    margin-bottom: 5px;
    background: #f8fcff;
    border: 1px #cfe8f6 solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.add_area h4 {
    color: #093968;
    margin: 0;
    padding: 7px 10px 10px;
    line-height: 150%;
    font-size: 1.1em;
}

.add_list {
    padding: 10px 0;
    position: relative;
}

.add_list a {
    color: #333;
}

.add_list label {
    padding: 10px 0;
    position: absolute;
    top: 0;
    left: 8px;
    z-index: 3;
}

.add_list .pic {
    padding-left: 40px;
}

.add_list .pic img {
    border: 1px #DDD solid;
}

.add_list .price {
    text-align: left;
}

.add_list .year_style {
    padding-left: 7px;
}

@media (max-width:1199px) and (min-width:992px) {
    .add_list .year_style {
        padding-left: 15px;
    }
}

@media (max-width:991px) {
    .add_list .year_style {
        padding-left: 0;
    }
}

@media (max-width:767px) {
    .add_list label {
        left: 5px;
    }

    .add_list .pic {
        padding-left: 33px;
    }

    .add_list .year_style {
        padding-left: 15px;
    }

    .add_area .name.text_break {
        max-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=radio].css-checkbox+label.css-label {
    padding-left: 37px;
    height: 28px;
    display: inline-block;
    line-height: 28px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 28px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio].css-checkbox:checked+label.css-label {
    background-position: 0 -28px;
}

label.css-label {
    background-image: url(../images/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.product_detail .info_tag {
    float: left;
    width: 100%;
    height: auto;
    line-height: 180%;
    padding-top: 30px;
    margin-bottom: 5px;
    font-size: 1.15em;
    text-align: center;
    border-bottom: 2px #a3a9ac solid;
}

.product_detail .info_tag ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.product_detail .info_tag li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.product_detail .info_tag a {
    width: 100%;
    display: inline-block;
    padding: 8px 0;
    color: #888e91;
}

.product_detail .info_tag .active a {
    color: #FFF;
    background: #a3a9ac;
}

.product_detail .info_tag_show {
    float: left;
    width: 100%;
    height: auto;
    line-height: 180%;
    padding-top: 20px;
    margin-bottom: 5px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0);
    font-size: 1.15em;
}

.product_detail .info img {
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%;
}

.product_detail .info {
    float: left;
    width: 100%;
    height: auto;
    line-height: 180%;
    padding-top: 15px;
    margin-bottom: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0);
    font-size: 1em;
}

.product_detail .btn_buy {
    padding: 5px;
}

@media (max-width: 767px) {
    .product_detail .btn_buy {
        padding: 5px;
    }
}

.product_detail .btn_buy a {
    text-align: center;
    padding: 7px 10px;
    font-size: 1.05em;
    display: inline-block;
    width: 100%;
}

.product_detail .btn_buy a i {
    padding-top: 3px;
}

.product_detail .btn-first {
    background: #5faad7;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    color: #FFF;
}

.product_detail .btn-second {
    background: #ff9e48;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    color: #FFF;
}

.product_detail .btn-first:hover,
.product_detail .btn-first:focus,
.product_detail .btn-second:hover,
.product_detail .btn-second:focus {
    background: #a3a9ac;
    color: #fff !important;
}
.add_list .year_style{
	padding-left: 7px;}
@media (max-width:1199px) and (min-width:992px){
.add_list .year_style{
	padding-left: 15px;}}
@media (max-width:991px){
.add_list .year_style{
	padding-left: 0;}}
@media (max-width:767px){
.add_list .year_style{
	padding-left: 15px;}
.add_area .name.text_break{
    max-height:40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}}

.product_list_cart .name.info_style{
	margin-top:-3px;
	font-size: 1.1em;}


/*COUOPN*/

.coupon {
    margin-top: 10px;
    margin-bottom: 10px;
}

.coupon .panel-default {
    border: 0;
    box-shadow: none !important;
}

.coupon .panel-body {
    font-size: 1.1em;
    padding: 5px 20px;
}

@media (max-width:991px) {
    .coupon .panel-body {
        font-size: 1.05em;
    }

    .coupon .panel-body {
        padding: 5px 10px;
    }
}

.coupon .nav-pills>li.active>a,
.coupon .nav-pills>li.active>a:hover,
.coupon .nav-pills>li.active>a:focus {
    color: #60d0e4;
    background-color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.coupon .panel-default {
    border-color: #111;
}

.coupon .panel-default>.panel-heading {
    border: 0;
}

.coupon .panel-title {
    text-align: left;
    background: none;
}

.order_form th {
    padding: 10px 10px 10px 0;
    text-align: right;
    vertical-align: middle;
    font-weight: 500;
    border-bottom: 1px #EEE solid;
    font-family: 'Montserrat', 'Noto Sans TC', 'Microsoft JhengHei';
}

.order_form td {
    padding: 10px 10px;
    vertical-align: middle;
    border-bottom: 1px #EEE solid;
    font-family: 'Montserrat', 'Noto Sans TC', 'Microsoft JhengHei';
}

.order_form a {
    color: #6b6b6b;
}

.order_form a:hover {
    color: #555;
}

.order_form .total_final {
    color: #e54e4e;
    font-size: 1.6em;
    font-weight: bold;
}

.order_form .linethrough {
    color: #AAA;
    text-decoration: line-through;
}

.line_order {
    border-top: 1px #DDD solid;
    margin: 0;
}


/*190222*/


/*.product_detail .btn_buy a.btn-second{
	position: relative;
	padding-right: 45px;}
.product_detail .btn_buy a img.floating{
	position: absolute;
	top: -20px;
	right: 10px;
	width: 50px;}
.product_detail .btn_buy a img.mask{
	position: absolute;
	bottom: -73px;
	right: 0;}
@media (max-width:1199px) and (min-width:992px){
.product_detail .btn_buy a.btn-second{
	padding-right: 43px;}
.product_detail .btn_buy a img.floating{
	top: -10px;
	right: 6px;
	width: 40px;}}
@media (max-width:991px) and (min-width:768px){
.product_detail .btn_buy a img.floating{
	right: 35px;}}
@media (max-width:767px){
.product_detail .btn_buy a img.floating{
	top: -10px;
	right: 75px;}}*/


/*190225 alliance*/


/*.index_alliance{
	background: #ddc9b0;
	padding: 10px 0;
	position: relative;}
.index_alliance .col-xs-12{
	padding: 10px 15px;}
.index_alliance h2{
	padding: 41px 0 0;
	margin: 0;
	font-size: 1.5em;
	font-weight: 400;
	color: #4d453b;}
.index_alliance a.slogan_link{
	display: inline-block;
	margin-top: 18px;
	padding: 15px 35px;	
	color: #4d453b;
	letter-spacing: 10px;
	font-size: 2em;
	border-top: 1px #4d453b solid;
	border-bottom: 1px #4d453b solid;}
@media (min-width:1199px){
.index_alliance a.slogan_link:hover {
	margin-top: 8px;
	padding: 25px 45px;	
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;}}
@media (min-width:992px) and (max-width:1199px){
.index_alliance a.slogan_link{
	margin-top: 11px;}
.index_alliance a.slogan_link:hover {
	margin-top: 1px;
	padding: 25px 45px;	
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;}}
@media (min-width:768px) and (max-width:991px){
.index_alliance h2{
	padding: 22px 0 0;}
.index_alliance a.slogan_link{
	margin-top: 3px;
	letter-spacing: 5px;
	font-size: 1.5em;}}

@media (max-width:767px){
.index_alliance{
	padding: 30px 0;}
.index_alliance .col-xs-12{
	padding: 5px 15px;}
.index_alliance h2{
	padding: 0;}
.index_alliance img{
	height: 70px;}
.index_alliance a.slogan_link{
	display: block;
	padding: 15px 0;
	margin-top: 10px;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 1.3em;}}*/

.button_blue {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 0px auto 40px;
}

.button_blue a {
    display: inline-block;
    color: #FFF !important;
    background: #5faad7;
    border: 1px #5faad7 solid;
    padding: 8px 45px;
    margin: 0 5px;
    font-size: 1.35em;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.button_blue a:hover {
    background: #FFF;
    color: #5faad7 !important;
    border: 1px #5faad7 solid;
}


/*190227 alliance*/


/*.index_alliance h2 span{
	display: inline-block;
	font-size: 1.5em;
	margin: -15px 0 0;
	padding: 10px 31px 15px 40px;
	letter-spacing: 10px;
	border-left: 1px #4d453b solid;
	border-right: 1px #4d453b solid;}
.index_alliance a.slogan_style{
	display: inline-block;
	margin-top: 15px;
	color: #4d453b;
	letter-spacing: 5px;
	font-size: 1.65em;
	line-height: 180%;}
@media (min-width:992px) and (max-width:1199px){
.index_alliance h2 span{
	margin: -24px 0 0;}
.index_alliance a.slogan_style{
	margin-top: 6px;}}
@media (min-width:768px) and (max-width:991px){
.index_alliance h2 span{
	margin: -17px 0 0;
	padding: 10px 20px 15px 25px;
	letter-spacing: 5px;
	font-size: 1.3em;}
.index_alliance a.slogan_style{
	font-size: 1.3em;
	margin-top: 0;
	line-height: 180%;}}
@media (max-width:767px){
.index_alliance h2{
	text-align: center;}
.index_alliance h2 span{
	margin: 0;
	padding: 5px 20px 10px 23px;
	letter-spacing: 3px;
	font-size: 1em;}
.index_alliance a.slogan_style{
	font-size: 1.3em;
	margin-top: 5px;
	letter-spacing: 3px;
	line-height: 180%;}}
@media (min-width:768px){
.index_alliance a:hover, .index_alliance a:hover img {
	-webkit-filter: opacity(.8);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;}}*/


/*190313 GIF*/

.product_detail .btn_buy a.btn-second {
    position: relative;
    padding-right: 45px;
}

.product_detail .btn_buy a img.gif_envelope {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 90px;
}

@media (max-width:1199px) and (min-width:992px) {
    .product_detail .btn_buy a.btn-second {
        padding-right: 43px;
    }

    .product_detail .btn_buy a img.gif_envelope {
        right: -8px;
        height: 80px;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .product_detail .btn_buy a img.gif_envelope {
        right: 20px;
    }
}

@media (max-width:767px) {
    .product_detail .btn_buy a.btn-second {
        margin-top: 30px;
    }

    .product_detail .btn_buy a img.gif_envelope {
        right: 65px;
    }
}

.modal_body_content .gif_coin {
    position: absolute;
    bottom: -20px;
    right: 0;
}

.modal_body_content .gif_coin img {
    width: 100%;
}

.product_list_cart .gift span {
    display: inline-block;
    position: relative;
}

.product_list_cart .gift img.gif_ribbon_L {
    position: absolute;
    top: 0px;
    left: -10px;
    height: 30px;
}

.product_list_cart .gift img.gif_ribbon_R {
    position: absolute;
    top: 0px;
    right: -10px;
    height: 30px;
}

.product_list_cart .name.info_style {
    margin-top: -3px;
    font-size: 1.1em;
}

.modal-header .close {
    z-index: 999;
    position: absolute;
    right: 15px;
}


/*-----------------------------210201 NEW-----------------------------*/

.btn_bar {
    position: absolute;
    top: 17px;
    left: -2px;
    z-index: 3;
}


/*SIDE MENU*/

#btn_sidemenu {
    position: fixed;
    z-index: 1032;
    top: 20%;
    left: 0;
    width: 20px;
    height: auto;
    text-align: center;
}

#btn_sidemenu a {
    display: inline-block;
    padding: 20px 15px;
    color: #FFF;
    background: #5faad7;
    font-size: 1.7em;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

#btn_sidemenu a:hover {
    background: #418dc6;
    padding: 20px 15px 20px 20px;
    color: #fff;
}

@media (min-width:768px) and (max-width:991px) {
    #btn_sidemenu a {
        font-size: 1.3em;
    }
}

@media (max-width:767px) {
    #btn_sidemenu {
        display: none;
    }
}

.sidemenu_style p {
    margin: 5px 0 10px;
    font-size: 1.1em;
}

@media (min-width:768px) {
    .sidemenu_style a {
        font-size: 1.1em;
    }
}

.sidemenu_style a {
    display: inline-block;
    padding: 3px 10px;
    margin: 5px 5px 5px 0;
    min-width: 47%;
    text-align: center;
    color: #5faad7 !important;
    border: 1px #5faad7 solid;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.sidemenu_style a:hover {
    color: #FFF !important;
    background: #5faad7;
}

@media (min-width:992px) {
    .index_four .padding_turn0 {
        padding: 0 130px;
    }
}


/*INDEX SLIDER*/

.index_slider {
    position: fixed !important;
    left: 0;
    bottom: 30%;
    width: 100%;
    height: auto;
    _position: absolute;
    _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
    z-index: 10000000;
}

.index_slider img {
    max-height: 350px !important;
}

@media (max-width:767px) {
    .index_slider {
        bottom: 0;
    }

    .index_slider img {
        max-height: 150px !important;
    }
}

.index_slider a.btn_close {
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 1.2em;
    z-index: 10000000;
    display: inline-block;
    padding: 5px 7px;
    color: #5faad7;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.index_slider a.btn_close:hover {
    color: #333;
}

.index_slider .col-xs-12.box_area {
    padding: 0 10px;
}

.index_slider .col-xs-12.box {
    box-shadow: 0 0 125px rgba(0, 0, 0, 0.5);
    padding: 0;
    margin-bottom: 10px;
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


/*INDEX VIDEO*/

.index_video {
    background: rgba(103, 174, 217, 0.1);
    box-shadow: 0 0 13px 2px rgba(103, 174, 217, 0.2) inset;
}

.index_video .col-md-2 {
    width: 20%;
}

@media (max-width:991px) {
    .index_video .col-md-2 {
        width: 33.3333%;
    }
}

@media (max-width:767px) {
    .index_video .col-md-2 {
        width: 100%;
        padding: 0 30px;
    }
}

.index_video .product_grid {
    margin: 0;
}

.index_video .product_grid .content {
    max-height: 50px;
    padding: 0 5px;
    margin: 7px 0 0;
    color: #444;
    -webkit-line-clamp: 2;
}

.index_video .common_style .product_grid .pic {
    border-radius: 6px;
    border: 0 #e2e2e2 solid;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    background: #5faad7 url(../images/youtube-brands.png) center center no-repeat;
    background-size: 20% auto;
}

.index_video .product_grid:hover .content {
    color: #5faad7;
}

.dot_area {
    margin-top: 15px;
    margin-bottom: -5px;
    text-align: center;
    font-size: 0.9em;
}

.dot_area a {
    margin: 0 5px;
    color: rgba(103, 174, 217, 0.3);
}

.dot_area a:hover,
.dot_area a.active {
    color: rgba(103, 174, 217, 1);
}


/*ALLIANCE*/

.index_cooperation {
    margin-top: 50px;
    background: #5faad7;
    padding: 10px 0;
    position: relative;
}

.index_cooperation p.slogan_style {
    margin-top: 60px;
    color: #FFF;
    letter-spacing: 5px;
    font-size: 2em;
    text-align: center;
    line-height: 180%;
}

.index_cooperation .btn_area {
    margin: 10px 0 30px;
}

.index_cooperation .btn_area a {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: 1.8em;
    text-align: center;
    font-weight: 400;
    color: #FFF;
    letter-spacing: 10px;
}

.index_cooperation .btn_area a:hover {
    color: #111;
}

.index_cooperation .btn_area .line_style a {
    border-left: 1px rgba(255, 255, 255, 0.5) solid;
    border-right: 1px rgba(255, 255, 255, 0.5) solid;
}

@media (min-width:768px) and (max-width:991px) {
    .index_cooperation p.slogan_style {
        font-size: 1.7em;
        margin-top: 45px;
    }

    .index_cooperation .btn_area a {
        font-size: 1.7em;
    }
}

@media (max-width:767px) {
    .index_cooperation {
        margin-top: 30px;
        padding: 30px 0;
    }

    .index_cooperation img {
        height: 100px;
    }

    .index_cooperation p.slogan_style {
        font-size: 1.3em;
        margin-top: 5px;
        letter-spacing: 3px;
        line-height: 180%;
    }

    .index_cooperation .btn_area {
        padding: 0 40px;
    }

    .index_cooperation .btn_area a {
        padding: 10px 0 10px 7px;
        font-size: 1.4em;
        letter-spacing: 7px;
        border-left: 1px rgba(255, 255, 255, 0.5) solid;
        border-right: 1px rgba(255, 255, 255, 0.5) solid;
    }
}


/*PRODUCTS*/

.product_grid:hover .compare img:hover,
.product_grid:hover .compare img:active,
.product_list:hover .compare img:hover,
.product_list:hover .compare img:active {
    -webkit-filter: opacity(.8);
}

.product_grid .compare,
.product_list .compare {
    display: none;
}

.product_grid .compare img,
.product_list .compare img {
    width: 30px;
    margin: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

@media (max-width:991px) {

    .product_grid .compare,
    .product_list .compare {
        display: block;
        position: absolute;
        top: 5px;
        right: 5px;
        z-index: 99;
    }

    .product_list .compare {
        top: 5px;
        right: inherit;
        left: 5px;
    }

    .product_grid .compare img,
    .product_list .compare img {
        width: 25px;
    }
}

.product_grid:hover .compare,
.product_list:hover .compare {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 99;
}

.product_list:hover .compare {
    display: block;
    position: absolute;
    top: 5px;
    right: inherit;
    left: 5px;
    z-index: 99;
}

.txt_redR {
    color: #ed6953;
}


/*PRODCUTS DETAIL*/

.product_detail_pic i.fa-play-circle {
    position: absolute;
    top: 43%;
    left: 43%;
    font-size: 5em;
    color: #FFF;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.add_area .name {
    margin-top: -1px;
}

@media (max-width:767px) {
    .product_detail_pic i.fa-play-circle {
        top: 38%;
        left: 38%;
        font-size: 5em;
    }

    .add_area .name {
        font-size: 0.9em;
    }
}

p.countdown_style {
    display: block;
    background: #ff9e48;
    color: #FFF !important;
    text-align: center;
    padding: 7px 10px;
    font-size: 1.2em;
    margin: 5px 0 10px !important;
    border-radius: 4px;
}

.flashAnimate {
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes example {
    from {
        background-color: #ff9e48;
    }

    to {
        background-color: #de1d42;
    }
}

.info_tag li {
    position: relative;
}

.info_tag li .gift_style {
    padding-left: 30px;
}

.info_tag li .gift_style img {
    position: absolute;
    top: -25px;
    left: 25%;
    width: 80px;
}

@media (max-width:1199px) {
    .info_tag li .gift_style img {
        left: 20%;
    }
}

@media (max-width:991px) {
    .info_tag li .gift_style img {
        left: 10%;
    }
}

@media (max-width:767px) {
    .product_detail .info_tag {
        padding-top: 0;
    }

    .info_tag li .gift_style {
        padding-left: 0;
    }

    .info_tag li .gift_style img {
        top: -55px;
        left: inherit;
        right: 13%;
    }
}

.product_detail_list .color,
.modal-body .color,
.compare_table .color {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.compare_table .color {
    margin-top: 5px;
}

.product_detail_list .color h4,
.modal-body .color h4 {
    margin: 5px 0;
}

.product_detail_list .color a,
.modal-body .color a,
.compare_table .color a {
    display: inline-block;
    border: 1px transparent solid;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin: 0 2px 7px;
}

.product_detail_list .color a.active,
.product_detail_list .color a:hover,
.modal-body .color a.active,
.modal-body .color a:hover,
.compare_table .color a.active,
.compare_table .color a:hover {
    border: 1px #5faad7 solid;
}

.product_detail_list .color a span,
.modal-body .color a span,
.compare_table .color a span {
    border: 1px #CCC solid;
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 2px 2px -2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-size: 100% 100% !important;
}

@media (max-width: 500px){
    .product_list_cart.bg_blue .pic {
        width: 55px;
    }
}

@media (max-width:767px) {

    .product_detail_list .color a,
    .modal-body .color a,
    .compare_table .color a {
        border: 1px transparent solid;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .compare_table .color a span {
        width: 15px;
        height: 15px;
        margin: 2px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
}


/*CART*/

@media (max-width:767px) {
    .product_list_cart .price .pull-right {
        font-size: 0.9em;
    }
}


/*第二層*/

.pmenu_second {
    display: none;
}

ul li:hover .pmenu_second {
    display: block;
}

.pmenu_second {
    list-style-type: none;
    position: absolute;
    top: 63px;
    right: 3px;
    z-index: 9999;
    width: 190px;
    height: auto;
    padding: 0;
    margin: 0;
    background: rgba(40, 40, 40, 0.95);
}

.pmenu_second li {
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    width: 100%;
    border-top: 1px #444 solid;
    position: relative;
}

.pmenu_second li:nth-child(1) {
    border-top: 0 #444 solid;
}

.pmenu_second li a {
    display: block !important;
    padding: 8px 14px 8px 15px !important;
    margin: 0;
    color: #FFF !important;
    font-size: 1.05em !important;
    text-shadow: none;
    cursor: pointer;
    background: transparent !important;
    border-bottom: none !important;
}

.pmenu_second li a i {
    font-size: 0.6em;
    margin-top: 6px;
}

.pmenu_second li:hover {
    background: #7a8286;
}

.pmenu_second li:hover a {
    color: #FFF;
}


/*第三層*/

.menu_third {
    display: none !important;
}

.pmenu_second li:hover .menu_third {
    display: block !important;
}

.menu_third {
    list-style-type: none;
    position: absolute;
    top: 0;
    right: -190px;
    z-index: 9999;
    width: 190px;
    height: auto;
    padding: 0;
    margin: 0;
    background: rgba(40, 40, 40, 0.95);
}

.menu_third li {
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    border-left: 1px #444 solid;
    width: 100%;
}

.menu_third li a {
    padding: 0 20px;
    margin: 0;
    color: #FFF !important;
    font-size: 1.05em !important;
    text-shadow: none;
    cursor: pointer;
}

.menu_third li:hover {
    background: #7a8286;
}

.menu_third li:hover a {
    color: #FFF;
}


/*MEDIA BUY*/

.common_style.mediabuy_style .product_grid {
    margin: 0;
}

.common_style.mediabuy_style .product_grid .pic {
    border: 0 #e2e2e2 solid;
    box-shadow: 0 2px 0 0px rgba(0, 0, 0, 0);
}

.common_style.mediabuy_style .product_grid .pic i.fa-youtube {
    top: 40%;
}

.common_style.mediabuy_style .product_grid .pic h3 {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
    opacity: 0;
    filter: alpha(opacity=0);
    margin: 0;
    padding: 0 10%;
    text-align: center;
    color: #fff;
    line-height: 140%;
    font-size: 1.2em;
}

@media (min-width:768px) {
    .common_style.mediabuy_style .product_grid:hover .pic h3 {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

.common_style.mediabuy_style .product_grid:hover .pic i.fa-play-circle {
    position: relative;
    top: inherit;
    left: inherit;
    color: #FFF;
    font-size: 1em;
}

@media (max-width:767px) {
    .common_style.mediabuy_style .product_grid:hover .pic img {
        -webkit-filter: opacity(1);
    }

    .common_style.mediabuy_style .product_grid .pic i.fa-youtube {
        top: 38%;
        left: 40%;
        font-size: 1.7em;
    }

    .common_style.mediabuy_style .product_grid .pic i.fa-youtube {
        display: inline-block;
        color: rgba(0, 0, 0, 0.7);
    }
}


/*LOCATION*/

.product_detail.location_style .info_tag {
    padding-top: 0;
}

.product_detail.location_style .info h3 {
    padding: 0 0 14px;
    margin: 0 0 8px;
    border-bottom: 1px #DDD dashed;
    color: #485054;
    font-size: 1.6em;
}

@media (max-width:767px) {
    .product_detail.location_style .info h3 {
        font-size: 1.4em;
    }
}

.product_detail.location_style .info p {
    font-size: 1.1em;
    line-height: 180%;
}

.product_detail.location_style .embed-responsive {
    margin: 15px 0 30px;
}


/*FIXED*/

.navbar_fixed_style {
    box-shadow: none;
}

.page_menu.navbar-fixed-top {
    top: 90px;
    z-index: 100;
}

@media (max-width:767px) {
    .navbar_fixed_style {
        padding-top: 109px;
    }

    .page_menu.navbar-fixed-top {
        top: 54px;
    }
}


/*220523 location*/

table.table_location {
    width: 100%;
    border: 0;
    font-size: 1.1em;
}

table.table_location td {
    line-height: 180%;
    vertical-align: top;
}


/*220523 location*/

table.table_location {
    width: 100%;
    border: 0;
    font-size: 1.1em;
}

table.table_location td {
    line-height: 180%;
    vertical-align: top;
}


/*TABLE_compare*/

.compare_table_area {
    margin-bottom: 10px;
}

.compare_table {
    font-size: 1.05em;
}

.compare_table td {
    border-bottom: 1px #DDD solid;
    padding: 10px 15px !important;
}

.compare_table td a,
.citmes_title {
    color: #333;
}

.compare_table td a:hover {
    color: #5faad7;
}

.compare_table div {
    padding: 0 3px;
}

.citmes_title a i {
    margin-top: 3px;
}

@media (min-width:992px) {
    .compare_table_area .compare_table tr:hover td {
        background: #f1f1f1;
    }
}

@media (max-width:991px) {
    .compare_table_area {
        height: 350px;
        overflow-y: scroll;
        border-bottom: 0px solid #ddd;
    }

    .compare_table td {
        padding: 10px 5px !important;
    }

    .citmes_title a {
        display: block;
        padding: 3px;
    }

    .citmes {
        margin: 7px 0 3px;
    }
}

@media (max-width:767px) {
    .compare_table {
        font-size: 0.9em;
    }
}

.index_guarantees {
    padding-bottom: 10px;
    position: relative;
}

.index_guarantees i {
    text-align: center;
    background: #5faad7;
    color: #fff;
    width: 40px;
    height: 40px;
    padding: 10px;
    font-size: 1.5em;
    border-radius: 50%;
    z-index: 2;
    cursor: pointer;
}

.index_guarantees .fa-angle-left {
    position: absolute;
    top: 45%;
    left: 5px;
    z-index: 2;
}

.index_guarantees .fa-angle-right {
    position: absolute;
    top: 45%;
    right: 5px;
    z-index: 2;
}


/*------------NEW220303------------*/


/*PRODUCTS_ADD*/

.modal_body .add_area {
    overflow-y: auto;
    height: 580px;
    background: transparent;
    border: 0;
    padding: 15px 15px 0;
}

.modal_body .add_area img {
    margin: 0 auto;
}

.modal-body .add_list {
    padding: 0 0 15px;
}

.modal_search_area {
    margin-bottom: 10px;
}

.modal_search_area button {
    display: block;
    width: 100%;
    color: #fff;
    background: #5faad7;
    border-color: #5faad7 !important;
}

.modal_search_area button.gray_style {
    background: #7a8286;
    border-color: #7a8286 !important;
}

.modal_search_area button:hover,
.modal_search_area button:active,
.modal_search_area button:focus {
    color: #CCC !important;
    background: #5faad7 !important;
}

.modal_search_area button.gray_style:hover,
.modal_search_area button.gray_style:active,
.modal_search_area button.gray_style:focus {
    background: #7a8286 !important;
}

@media (max-width:767px) {
    .modal_body .add_area {
        height: 350px;
    }

    .padding_Lturn0 {
        padding-left: 0;
    }

    .modal_search_area .col-xs-12 {
        margin-bottom: 10px;
    }
}


/*EVENTS*/

.events_style .product_grid {
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.events_style .product_grid .pic {
    border: none;
    box-shadow: none;
    position: relative;
}

.events_style .product_grid:hover .pic i,
.common_style.events_style .product_grid .pic i.fa-youtube {
    top: 45%;
}

.insured_style.events_style .product_grid .title {
    font-size: 1.4em;
    font-weight: 500;
}

@media (max-width:767px) {
    .insured_style.events_style .product_grid .title {
        font-size: 1.3em;
    }
}

.events_style .product_grid .content {
    max-height: 49px;
    -webkit-line-clamp: 2;
}

.events_style .btn_int {
    float: left;
    width: 100%;
    display: block;
    text-align: right;
    padding: 0 12px 20px;
}

.events_style .btn_int span {
    background: #5faad7;
    color: #FFF;
    padding: 3px 15px 4px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.events_style .btn_int span:hover {
    background: #a3a9ac;
}

.page_content h2.events_title {
    margin: 0 0 10px;
    font-size: 1.45em;
    color: #3e3e3e;
    border-bottom: 1px #3e3e3e solid;
    display: inline-block;
    line-height: 160%;
    font-weight: 500;
}


/*FOOTER*/

footer a.btn_line {
    min-width: 270px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    font-size: 1.2em;
    border-radius: 10px;
    color: #FFF;
    background: #5faad7;
}

footer a.btn_line:hover {
    color: #FFF;
    background: #a3a9ac;
}

footer .circle_style i {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin: 0 5px;
    font-size: 1.3em;
    padding-right: 0;
    color: #FFF;
    background: #595959;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

footer .circle_style i:hover {
    color: #FFF;
    background: #5faad7;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

@media (min-width:768px) {
    .footer_box.text_right {
        text-align: right;
    }
}

@media (max-width:767px) {
    a.btn_line {
        margin-top: -10px;
    }

    footer {
        text-align: center !important;
    }

    footer .circle_style i {
        padding-left: 0;
        font-size: 1.3em;
    }
}


/*220610*/

.cart_checkarea {
    border: 2px #EEE solid;
    padding: 5px 5px 5px 40px;
    margin-bottom: 12px;
    position: relative;
}

.cart_checkarea.active {
    background: #EEE;
}

.cart_checkarea.bg_yellow {
    border: 2px #fffbde solid;
    background: #fffbde;
}

.cart_checkarea .product_list_cart {
    background: #FFF;
    border-bottom: 0px;
}

.cart_checkarea .product_list_cart.bg_blue {
    background: #fffbde;
}

.cart_checkarea label {
    position: absolute;
    top: 8px;
    left: 9px;
    z-index: 1;
    color: transparent;
    padding: 0;
    cursor: pointer;
}

.cart_checkarea.bg_yellow label {
    color: #777;
    font-weight: normal;
    font-size: 1.15em;
}

.cart_checkarea input[type=checkbox] {
    display: none;
}

.cart_checkarea input[type=checkbox]+span {
    display: inline-block;
    padding-left: 26px;
    line-height: 20px;
    background: url(../images/cbx-off.svg) no-repeat;
    user-select: none;
}

.cart_checkarea input[type=checkbox]:checked+span {
    background: url(../images/cbx-on.svg) no-repeat;
}

.product_detail.location_style .embed-responsive {
    margin: 0 0 30px;
}

/*231227*/
.location_rightpic{
	margin-top: 10px;}
.location_leftpic{
	margin-top: 0;}
.location_style .product_grid{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}
.location_style .product_grid .pic, .location_style .product_grid .pic img{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;}
.product_grid .name.store{
	height: auto;
	font-weight: 600;
	font-size: 1.25em;}
.product_grid .add, .product_grid .time{
	position: relative;
	float:left;
	width:100%;
	height:auto;
	padding:0 15px 2px 35px;
	text-align:left;
	text-shadow:0 1px 0 #FFF;
	font-size:1.1em;
	font-weight:400;
	line-height: 160%;
	color:#777d80;
	font-family:'Noto Sans TC', 'Microsoft JhengHei';}
.product_grid .time{
	padding:0 15px 8px 40px;}
.product_grid .add i, .product_grid .time i{
	position: absolute;
	top: 6px;
	left: 10px;
	display: inline-block;
	width: 25px;
	color: #5faad7;
	text-align: center;}
@media (max-width:767px){
.location_rightpic{
	margin-top: -10px;}
.location_leftpic{
	margin-top: -20px;
	margin-bottom: 20px;}
.product_grid .add, .product_grid .time{
	padding:0 15px 4px 35px;}
.product_grid .time{
	padding:0 15px 0 40px;}}

/*220523 location*/
table.table_location{
	width: 100%;
	border: 0;
	font-size: 1.1em;
	margin-bottom: 10px;}

/*251222 maintainance*/
.add_area .name.maintainance_style {
    margin-top: 1px;}
.add_area .name.maintainance_style span{
    font-size: 1.05em;
    padding-right: 10px;}
.add_area .name.maintainance_style a{
    display: inline-block;
    color: #5faad7;}
.add_area .name.maintainance_style a:hover{
    color: #84898c;}
.add_area .name.maintainance_style i{
    padding-right: 3px;}
span.gif100_style{
    display: inline-block;
    position: absolute;
    top: -10px;
    width: 150px;
    height: 56px;
    background: url(../images/gif/gif100.gif) no-repeat;
    background-size: cover;}