/*共用區*/

body {
    background: #000;

}

.nomal_content_bg {
    background: url(../img/body_bg.png) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.nomal_content_box {
    /*  min-height: 47em;*/
}

input,
select {
    color: #000;
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #cdd3d8;
    font-size: 15px;
    background: #fff;
}

.f-weight {
    font-weight: bolder;
}

.header_body,
.menu_box,
.menu_box>a,
.social_icon,
.menu_icon_box,
.login_box,
.index_number_list,
.number_item,
.number_text,
.main_icon_row,
.main_icon_cont,
.main_icon_img,
.footer_box,
.f_icon_list,
.jp_search_box .tab-pane,
.search_jp_box .tab-content,
.search_pane_item,
.search_jp_box .modal-dialog,
.search_area,
.nomal_content .title,
.member_item,
.member_content_box,
.member_btn_item>a,
.member_go_cont,
.member_address_row,
.system_body,
.system_img,
.back_btn_box,
.blog_item_cont,
.blog_item_img,
.mesg_item,
.mesg_first_box,
.product_box,
.product_left_box,
.pro_left_top_box>.img,
.pro_btn_box,
.msg_inner-box,
.sv_item,
.seller_sv_box,
.seller_img_box,
.enter_btn_list,
.mesg_enter_btn_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.header_body,
.main_icon_cont,
.mesg_first_box,
.mesg_enter_btn_box {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header_body,
.menu_box,
.menu_box>a,
.login_box,
.main_icon_cont,
.main_icon_img,
.f_icon_list,
.search_pane_item,
.member_go_cont,
.member_item,
.mesg_first_box,
.enter_btn_list,
.mesg_enter_btn_box {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.number_item,
.number_item>div,
.number_text,
.jp_search_box,
.search_jp_box .tab-pane,
.search_jp_box .tab-content,
.search_jp_box .modal-dialog,
.search_area,
.nomal_content .title,
.member_content_box,
.member_btn_item>a,
.system_img,
.back_btn_box,
.blog_item_img,
.pro_left_top_box>.img,
.pro_btn_box,
.seller_img_box {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.number_item,
.number_item>div,
.footer_left,
.member_text,
.member_btn_item>a,
.mesg_text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.newsin_content_box {
    padding-top: 4em;
}


.container {
    padding: 0;
}

.web_display_none,
.m_header_box {
    display: none;
}

.nomal_root {
    margin-top: 90px;
}

.nomal_content .title {
    font-size: 32px;
    text-align: center;
    line-height: 1;
    padding: 2.2em 0 1em 0;
}

.nomal_content {
    line-height: 1.35;
    letter-spacing: 1.3px;
    padding: 0 1em 130px 1em;
}

.about_item {
    margin-bottom: 2em;
}

.member_go_cont {
    float: right;
    padding: 1.5em 0 0;
}

.member_go_btn>a {
    background: #a20000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    padding: 0.35em 1em;
    margin-left: 0.5em;
}

.member_go_btn>a:hover {
    text-decoration: none;
    opacity: 0.85;
}

.system_body {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.system_item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}

.center {
    text-align: center;
}

.m50 {
    margin-top: 50px;
}

/*header*/



.header_box {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 5;
    background: #000 url(../img/head_bg.png) center top no-repeat;
    transition: all 0.3s;
}

.header_body {
    height: 90px;
    position: relative;
}

.logo {
    position: absolute;
    top: 2px;
    width: 110px;
}
.minilogo{
    display: none;
}


.header_box.mini {
    background: #c09b62;
}
.header_box.mini .header_body {
    height: 40px;
    transition: all 0.3s;
}

.header_box.mini .header_body .logo {
    width: 70px;
    transition: all 0.3s;
    margin-left: 2em;
}
.header_box.mini .header_body .logo .norlogo{
    display: none;
}
.header_box.mini .header_body .logo .minilogo {
    display: block;
    width: 60px;
    transition: all 0.3s;
}
.header_box.mini .header_body .menu_box>a {
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    border-bottom: 5px solid #c09b62;
}
.header_box.mini .header_body .menu_box>a:hover {
    border-bottom: 5px solid #d2ba95;
}
.header_box.mini .header_body .social_icon>a {
    width: 40px;
    display: inline-block;
}
.header_box.mini .header_body .social_icon>a img{
    width: 100%;
}


.logo a {
    display: block;
}

.logo img {
    width: 100%;
}

.menu_box {
    margin-left: 7em
}

.menu_box>a {
    text-decoration: none;
    padding: 0 0.65em;
    color: #fff;
    font-size: 20px;
    height: 90px;
    border-top: 9px solid rgba(192, 155, 98, 0);
    border-bottom: 9px solid rgba(192, 155, 98, 0);
    opacity: 0.9;
}

.menu_box>a:hover {
    opacity: 1;
}

.menu_box>a:hover {
    border-bottom: 9px solid #333;

}

.login_text {
    font-size: 22px;
    padding: 0 0.2em;
}

.social_icon {
    margin-right: 1.5em;
}

.social_icon>a {
    padding: 0 0.25em;
}

.social_icon>a:hover {
    opacity: 0.9;
}


a.login_box {
    color: #fff;
    text-decoration: none;
}

a.login_box:hover {
    opacity: 0.8;
}

.index_root {
    margin-top: 90px;
}

/*header滾動縮小*/

/*bn輪播區*/
.swiper-button-prev:after,
.swiper-button-next:after {
    color: #fff;
}

.swiper-pagination-bullet{
    background: #fff;
    width: 15px;
    height: 15px;
    border: 1px #594C38 solid;
    margin: 0 0.5em;
}

.swiper-pagination-bullet .swiper-pagination-bullet-active {
    background: #C09C67;
    width: 15px;
    height: 15px;
    border: 1px #C09C67 solid;
}
.swiper-container img{
    display: block;
    width: 100%;
}
.swiper-container .swiper-slide-mob{
    display: none;
}


/*數字跑動區*/
.index_number_box {
    height: 270px;
    background: url(../img/center_bg.jpg) center top no-repeat;
}

.number_item {
    height: 270px;
}

.number_text {
    text-align: center;
}

.number_text .title {
    font-size: 60px;
    padding-right: 0.075em;
}

.number_other {
    font-size: 20px;
}

.number_add {
    font-size: 28px;
    padding-left: 0.08em;
}

.bottom_text {
    font-size: 18px;
    padding-top: 0.2em;
    text-align: center;
}

/*四塊圖區*/
.inex_bottom_box {
    background: url(../img/bg_bottom.png) center top no-repeat;
}

.main_icon_box {
    padding: 2em 0;
}

.main_icon_row {
    margin-right: -0.8rem;
    margin-left: -0.8rem;
    padding: 0.5em;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
}

.main_icon_item {
    padding: 0.8rem;
    -webkit-box-flex: 0;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;

}

.main_icon_item>div {
    padding: 1.5em;
    border: 1px #48423a solid;
}

.icon_text_box {
    text-align: right;
}

.icon_text_box .text_eg {
    font-size: 32px;
    padding-bottom: 0.2em;
}

.icon_text_box .text_ch {
    font-size: 28px;
}

.main_icon_img {
    min-height: 120px;
}

.main_icon_img img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    display: block;
}

a.main_icon_item {
    color: #fff;
    text-decoration: none;
}

a.main_icon_item:hover {
    -webkit-transform: translateY(-0.35rem);
    transform: translateY(-0.35rem);
}

/*footer*/
.footer_item .title {
    font-size: 30px;
    color: #c09b62;
    padding-bottom: 0.5em;
}

.footer_item>.footer_main_box>ul>li,
.footer_item>ul>li {
    font-size: 18px;
    padding-bottom: 0.4em;
}

.footer_left>div {
    padding-bottom: 1em;
}

.footer_box {
    line-height: 1.1;
    padding: 1em 0.5em 4em;
}

.footer_item .title.footer_logo img {
    max-width: 120px;
}

.f_icon_list>.img {
    margin: 0.5em 0.5em 0.5em 0;
}

.f_icon_list>.img>img {
    max-width: 100px;
}

.copyright {
    max-width: 28em;
    border-top: 1px #585858 solid;
}

.copyright>p {
    font-size: 18px;
    padding: 0.5em 0 0 0;
}

.footer_map {
    border: 1px #585858 solid;
    padding: 0.5em;
    width: 450px;
}

/*search*/
.search_box {
    position: fixed;
    right: 5%;
    bottom: 50px;
}


.pad-text {
    padding-left: 8.6em;
}

.search_area {
    width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #6F6F6F;
    position: relative;
}

.search_area .img img {
    width: 50px;
    margin-bottom: 15px;
}

.search_area_text {
    position: absolute;
    color: #000;
    bottom: 9px;
    font-size: 18px;
}

/*搜尋跳窗*/

.search_box:hover {
    opacity: 0.85;
}

.search_jp_box {
    background: rgba(67, 67, 67, 0.9);
}

.search_jp_box .modal-dialog {
    position: absolute;
    width: 650px;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
}

.search_jp_box .nav-tabs>li>a {
    background: #4c4747;
}

.search_jp_box .nav-tabs>li>a {
    border: 1px #4c4747 solid;
    color: #fff;
    font-size: 20px;
    padding: 5px 25px;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
    margin-right: 3px;
}

.search_jp_box .nav-tabs {
    padding-left: 0.5em;
    border: none;
}

.search_jp_box .nav-tabs>li.active>a,
.search_jp_box .nav-tabs>li.active>a:focus,
.search_jp_box .nav-tabs>li.active>a:hover {
    background: #221d1c;
    color: #fff;
    border-color: #221d1c;
}

.search_jp_box .tab-cont-box {
    background: #221D1C;
    padding: 1em;
}

.search_jp_box .tab-content {
    border: 1px #48423a solid;
    padding: 3em 4em 2em;
}

.search_pane_item .title {
    font-size: 20px;
    min-width: 7.5em;
    letter-spacing: 0.5em;
}

.search_pane_item .title>span {
    margin-right: 1.5em;
}

.search_pane_item input,
.search_pane_item select {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #cdd3d8;
    font-size: 15px;
    background: #fff;
    border-radius: 5px;
    min-width: 320px;
    color: #464646;
}

.tab-pane>div {
    padding-bottom: 1em;
    position: relative;
}

.tab-pane>div:last-child {
    padding-bottom: 0;
}

a.search_btn {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    padding: 0.5em 2em;
    background: linear-gradient(to right, #A70A0D 0%, #C90C10 25%, #C90C10 75%, #A70A0D 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

a.search_btn:hover {
    opacity: 0.85;
}

.search_pane_btn {
    float: right;
}

.search_pane_item .mark {
    position: absolute;
    top: -20px;
    color: #ff0005;
    right: -17px;
    background: none;
    font-size: 24px;
}

/*麵包屑*/
.bread_crumbs_box>span {
    padding: 0 5px;
    color: #C6C9C6;
}

.bread_crumbs_box>a {
    color: #C6C9C6;
    font-size: 15px;
    padding: 0.75em 0;
    display: inline-block;
}

.bread_crumbs_box>a>i {
    font-size: 13px;
    padding-right: 3px;
}

.bread_crumbs_box>a:hover {
    color: #fff;
    text-decoration: none;
}

.bread_crumbs_bg {
    background: #333;

}

.bread_crumbs_box {
    padding: 0 0.75em;
}

/*關於我們*/
.about_title {
    font-size: 1.7em;
    line-height: 1.7em;
    margin: 1.8em 0 1em;
    border-left: 13px solid #c09b62;
    padding-left: 10px;
    border-bottom: 1px solid #c09b62;
}

.about_item>ul {
    font-size: 20px;
}

.about_item>ul>li {
    padding-bottom: 0.5em;
}

.about_item>ul>li:last-child {
    padding-bottom: 0;
}

.about_item p {
    font-size: 1.2em;
    padding-bottom: 1em;
    line-height: 1.8em;
}

.about_item img {
    display: block;
    max-width: 100%;
    width: auto;
    padding-bottom: 1em;
}

/*會員區共用*/
.member_content_box {
    font-size: 18px;
}

.member_lists {
    max-width: 600px;
    width: 100%;
}

.member_title {
    max-width: 7.5em;
    min-width: 7.5em;
    text-align: right;
    margin-right: 2em;
}

.member_item {
    padding: 0.7em 0.5em;
    margin-bottom: 0.7em;
}

.member_item:nth-child(even) {
    background: rgba(0, 0, 0, 0.25);
}

.member_item.member_btn_item {
    background: none;
}

.member_btn_item>a {
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 3em 1em 2em;
    background: #5D5D5D;
    padding: 0.3em 0;
}

.member_btn_item>a:hover {
    text-decoration: none;
    opacity: 0.85;
}

.member_btn_item>a.reset_btn {
    background: #414141;
}

.member_update_box .member_item:nth-child(even) {
    background: none;
}

.member_update_box .member_item {
    margin-bottom: 0;
    padding: 0.5em;
}

.nomal_content .title span {
    font-size: 17px;

}

.nomal_content .title i,
.member_item .member_title i {
    color: #ff0005;
}

.member_lists>div.member_area_box {
    border-top: 1px #5B5B5B solid;
    padding-top: 1em;
    margin-top: 1em;
}

.member_lists>div.member_area_box:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

.member_address_row>select {
    margin-right: 0.5em;
}

.add_cars_style_area {
    margin-top: 2em;
}

.cars_style_row {
    border: 3px #919191 solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0.7em 0 1.5em 0;
    margin: 0.5em 0;
}

.member_item .cars_style_row:nth-child(1) {
    margin: 0;
}

.cars_style_lists {
    padding: 0 3em;
}

.add_cars_icon {
    padding: 0 1em;
    font-size: 1.5em;
    width: 100%;
    text-align: right;
}

.add_cars_icon>i {
    cursor: pointer;
    padding: 5px;
}

.cars_style_lists .member_title {
    margin-right: 1em;
    max-width: 3.5em;
    min-width: 3.5em;
}

/*九大系統&搜尋引擎*/
.system_content_box {
    padding-bottom: 4em;
}

.system_body {
    /* -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;*/
}

a.system_item {
    -webkit-flex-basis: 32.333333%;
    -ms-flex-preferred-size: 32.333333%;
    flex-basis: 32.333333%;
    max-width: 32.333333%;
    padding: 1em;
    color: #fff;
    background: #272525;
    margin: 0 1% 1% 0;
}

a.system_item.search_item {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    max-width: 30%;
    background: #fff;
    margin: 0 1.5% 1.5em;
}

a.system_item:hover {
    text-decoration: none;
    -webkit-transform: translateY(-0.35rem);
    transform: translateY(-0.35rem);
}

/*a.system_item:nth-child(3n+3) {
    margin-right: 0;
}

a.system_item.search_item:nth-child(3n+3) {
    margin-right: 1%;
}

a.system_item.search_item:nth-child(4n+4) {
    margin-right: 0;
}*/

a.system_item img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    display: block;
    height: 336px;
}

a.system_item.search_item img {
    height: 309px;
}

.system_text {
    text-align: center;
    font-size: 20px;
    padding-top: 1em;
    word-break: break-all;
}

.system_img {
    /*   width: 17.5vw;
        height: 17.5vw;*/

}

.back_btn_box>a {
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 3em 1em 2em;
    background: #5D5D5D;
    padding: 0.3em 0;
    font-size: 18px;
    min-width: 255px;
    text-align: center;
}

.back_btn_box>a:hover {
    text-decoration: none;
    opacity: 0.85;
}

.search_item .system_text {
    padding-top: 0.7em;
    font-size: 18px;
    color: #000;
}

.search_item .system_text>span {
    padding-top: 0.5em;
}

/*車型選擇*/
.full-bg--overlay {
    background: none !important;
}

/*六大系統*/
.six_system_box {
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    background-size: cover;
    height: 100%;
    min-height: 500px;
    overflow: hidden;
    font-family: 'quicksandlight', Helvetica, Arial;
    color: #FFFFFF;
    text-shadow: -1px -1px 4px rgba(0, 0, 0, .35);
    filter: dropshadow(color=#000000, offx=1, offy=1);
}



/* 最新消息*/

.news_item {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    padding: 18px 0px 15px 5px;
    font-size: 18px;
    color: #fff;
    border-bottom: 1px solid #4c3e28;
}

.news_item a {
    text-decoration: none;
}



.news_item .date {
    color: #c09b62;
    font-size: 0.6em;
    font-weight: bold;
}

.news_item p.news_title {
    font-size: 1.5rem;
    color: #fff;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news_content_box {
    max-width: 900px;
    margin: 0 auto;
    min-height: 400px;
}

.news_item .date {
    color: #c09b62;
    font-size: 0.6em;
    font-weight: bold;
}


.news_item .date b {
    font-size: 1.5em;
    padding: 0 5px;
}



.news_item:hover .news_title,
.news_item:hover .news_p {
    opacity: 1;
    color: #fff2de;
}

.news_item:hover a {
    opacity: 1;
}

.news_content_box .news_item:last-child {
    border: none;
}


/* 分頁 */
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    color: #000;
    background-color: #c09b62;
    border-radius: 20px;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    background-color: transparent;
    border-color: transparent;
    color: #c7c7c7;
}

.pagination>li>a,
.pagination>li>span {
    color: #c7c7c7;
    text-decoration: none;
    background-color: transparent;
    border: none;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}


/* 最新消息內頁 & blog */


.newsin_content_box_L {
    width: 80%;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 26%, rgba(244, 244, 244, 1) 54%);
    background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 26%, rgba(244, 244, 244, 1) 54%);
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 26%, rgba(244, 244, 244, 1) 54%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=1);
    margin-right: 1%;
    padding: 4%;
    color: #000;
    display: inline-block;
    vertical-align: top;
}

.newsin_content_box_L h1 {
    font-size: 1.6em;
    margin-top: 5px;
    font-weight: bold;
}

.newsin_content_box_L h2 {
    font-size: 1.em;
    margin: 3px 0 20px 0;
}

.newsin_content_box_L p {
    margin-top: 1.5em;
    line-height: 1.5em;
    font-size: 1.2em;
}

.newsin_content_box_L img {
    max-width: 100%;
    margin-top: 1.5em;
}

.newsin_content_box_L_data,
.newsin_content_box_R_data,
.blog_item_date {
    color: #999;
}

.newsin_content_box_R {
    display: inline-block;
    width: 18%;
    background: #f4f4f4;
    color: #000;
    vertical-align: top;
    padding: 0 2%;
}

.newsin_content_box_R_in {
    border-bottom: 1px solid #ddd;
    padding: 7% 0;
}



.newsin_content_box_R_in a {
    text-decoration: none;
}

.newsin_content_box_R_title {
    color: #000;
    font-weight: bold;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

.newsin_content_box_R_in a:hover .newsin_content_box_R_title {
    color: #925c09;
}

.blogin_content_box .newsin_content_box_L {
    width: 73%;
}

.blogin_content_box .newsin_content_box_R {
    width: 25%;
}

.blog_item_box_L {
    width: 73%;
    margin-right: 1%;
    color: #000;
    display: inline-block;
    vertical-align: top;
}

.blog_item_box {
    position: relative;
    padding: 2.5em;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    background: #4c4c4c;
    margin-bottom: 1.5em;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+26,f4f4f4+54 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 26%, rgba(244, 244, 244, 1) 54%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 26%, rgba(244, 244, 244, 1) 54%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 26%, rgba(244, 244, 244, 1) 54%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    border: 9px solid rgba(244, 244, 244);
}

.blog_item_box:hover {
    border: 9px solid #c09b62;
    cursor: pointer;
}


.blog_item_box>h2,
.blog_item_text>h2 {
    font-size: 1.5em;
    font-weight: bold;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
}

.blog_item_cont {
    margin-top: 0.5em;
}

.blog_item_text>h3 {
    font-size: 1.2em;
    line-height: 1.7em;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-top: 9px;
    border-top: 1px solid #d8d8d8;
    padding-top: 14px;
}

.blog_item_img {
    margin-right: 1em;
    display: block;
    border: 1px #ececec solid;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
}

.blog_item_img img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 13.5em;
    display: block;
    height: 13.5em;
}

.blog_item_date {
    margin-top: 0.5em;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 5px 8px 5px 12px;
}

.blog_item_box:hover .blog_item_date {
    background: #c09b62;
    color: #fff;
}



.blog_item_box_L>div:last-child {
    margin-bottom: 0;
}
.list_search .blogL_left_item_box select,.list_part .blogL_left_item_box select{
   display: block;
}

/* FAQ */
.faq .panel.panel-default {
    border: none !important;
    background: none !important;
}

.faq .panel-heading {
    border: none;
    border-radius: 0;
    color: #000;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dedede+10,dedede+100&1+34,0+82 */
    background: -moz-linear-gradient(-45deg, rgba(222, 222, 222, 1) 10%, rgba(222, 222, 222, 1) 34%, rgba(222, 222, 222, 0) 82%, rgba(222, 222, 222, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(222, 222, 222, 1) 10%, rgba(222, 222, 222, 1) 34%, rgba(222, 222, 222, 0) 82%, rgba(222, 222, 222, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(222, 222, 222, 1) 10%, rgba(222, 222, 222, 1) 34%, rgba(222, 222, 222, 0) 82%, rgba(222, 222, 222, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#00dedede', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */

}

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

.faq .panel-title>a {
    font-size: 20px;
    font-weight: bolder;
    color: #000;
    display: block;
}

.faq .panel-title>a:hover,
.faq .panel-body>div>a:hover {
    text-decoration: none;
    opacity: 0.85;
}

.faq .panel-title>a:focus,
.faq .panel-body>div>a:focus {
    text-decoration: none;
}

.faq .panel-body>div {
    border-bottom: 1px #484343 solid;
    padding-bottom: 0.75em;
    margin-bottom: 0.75em;
}

.collapse_item a span {
    vertical-align: middle;
    font-size: 0.8em;
    color: #c09b62;
    padding-right: 10px;
    min-width: 107px;
    display: inline-block;
}

.collapse_item a b {
    vertical-align: middle;
    display: inline-block;
    width: 77%;
}

.faq .panel-body>div>a {
    font-size: 1.2em;
    color: #fff;
    display: block;
}

.faq .panel-body>div:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

/*部落格列表*/
.blogL_item {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    padding: 18px 0px 15px 5px;
    font-size: 1.3em;
    color: #fff;
    border-bottom: 1px solid #4c3e28;
}

.blogL_item a {
    text-decoration: none;
}

.blogL_item .date {
    color: #c09b62;
    font-size: 0.6em;
    font-weight: bold;
}

.blogL_item p.blogL_title {
    color: #fff;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blogL_content_box {
    max-width: 900px;
    margin: 0 auto;
    min-height: 400px;
}

.blogL_item .date {
    color: #c09b62;
    font-size: 0.6em;
    font-weight: bold;
}


.blogL_item .date b {
    font-size: 1.5em;
    padding: 0 5px;
}

.blogL_item padding: .blog L;

_title {
    font-size: 1.5rem;
    color: #fff;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blogL_left_box {
    width: 35%;
    background: url(../img/s_right_bg.png) center -133px no-repeat;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-top: -133px;
    padding: 150px 0 100px 0;
}

.blogL_right_box {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}
.blogL_left_box_mob{
    display: none;
}
.blogL_left_item {
    display: block;
    width: 70%;
    margin: 0 auto;
    border-top: 1px solid #2d2d2d;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#262626+0,000000+62&0.46+0,0+100 */
    background: -moz-linear-gradient(top, rgba(38, 38, 38, 0.46) 0%, rgba(0, 0, 0, 0.17) 62%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(38, 38, 38, 0.46) 0%, rgba(0, 0, 0, 0.17) 62%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(38, 38, 38, 0.46) 0%, rgba(0, 0, 0, 0.17) 62%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75262626', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
    padding: 2em 0;

}

.list_search select,
.list_part select {
    display: none;
}



.blogL_left_title {
    background: #2b2b2b;
    display: inline-block;
    width: 70%;
    font-size: 1.2em;
    line-height: 1.5em;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.list_search {
    margin-top: 50px;
}

.blogL_left_box_btn a {
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #5D5D5D;
    width: 70%;
    display: block;
    margin: 0 auto;
    padding: 1em;
    font-size: 1.2em;
    letter-spacing: 2em;
    text-indent: 2em;
}
.blogL_left_box_btn a:hover{
    text-decoration: none;
    background: #6b6b6b;
}
.blogL_left_item_box {
    margin-bottom: 0;
    padding: 0.5em;
}
.blogL_left_item_box_title{
    /*max-width: 3.5em;
    min-width: 3.5em;
    margin: 0.5em 1em 0.25em 0;*/
    margin: 0.25em;
    width: 20%;
    display: inline-block;
}
.blogL_left_item_box_text {
    /*-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;*/
    width: 70%;
    display: inline-block;
}








/*留言板內頁*/
.message_in_box textarea {
    height: 200px;
    width: 100%;
}

.message_in_box .member_item.mesg_textarea_item {
    -webkit-box-align: initial;
    -webkit-align-items: initial;
    -moz-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
}

.message_in_box .member_btn_item>a {
    margin: 0 0.2em 0;
}

.message_in_box {
    background: #221D1C;
    padding: 1em;
    max-width: 650px;
    margin: auto;
}

.message_in_box .member_lists {
    background: #221D1C;
    padding: 2em 4em 2em 0;
    border: 1px #48423a solid;
}

/*留言版*/
.message_btn_box {
    text-align: right;
}

.message_btn_box>a {
    background: #6C6C6C;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    padding: 0.35em 1em;
    display: inline-block;
    text-decoration: none;
}

.message_btn_box>a:hover {
    opacity: 0.85;

}

.message_top,
.message_bottom {
    padding: 1.2em 1.5em;
    font-weight: bolder;
    font-size: 18px;
}

.message_top {
    background: #E8E8E8;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.message_bottom {
    background: #fff;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.message_top>div,
.message_bottom>div {
    margin-bottom: 0.1em;
}

.message_top>div:last-child,
.message_bottom>div:last-child {
    margin-bottom: 0;
}

.mesg_title,
.mesg_text {
    color: #000;
}

.mesg_title {
    min-width: 3.5em;
}

.mesg_blue {
    color: #1877f2;
}

.mesg_time {
    font-size: 15px;
    color: #636363;
}

.message_area_box>div {
    margin-top: 1em;
}

/*product*/
.product_box {
    margin-top: 4em;
}

.product_left_box {
    width: 330px;
    background: url(../img/s_right_bg.png) center top no-repeat;
}

.product_right_box {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 3rem;
    position: relative;
}

.product_left_box {

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pro_left_top_box>p {
    font-size: 22px;
    margin-bottom: 0.5em;
    text-align: center;
}

.pro_left_top_box>div.img>img {
    max-width: 150px;
}

.pro_left_list_box {
    margin-top: 1.5em;
}

.pro_left_list_box>div {
    margin-bottom: 1em;
    border-bottom: 2px #454545 solid;
    font-size: 22px;
    padding: 0 0.5em;
}

.pro_left_list_box>div:last-child {
    border-bottom: 0;
    padding: 0;
}

.pro_left_item>p {
    padding-bottom: 0.4em;
}

.pro_left_text {
    text-align: center;
}

.product_left_row {
    min-width: 75%;
}

.pro_title_box {
    position: relative;
    font-size: 22px;
    border-left: 8px solid #484848;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.9+0,1+0,0+76 */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */
}

.pro_title_box>p {
    padding: 0.3em 0.7em;
}

.pro_img_box>img {
    border: 1px solid #434343;
    padding: 0.5em;
    max-width: 100%;
    width: 100%;
}

.pro_img_box {
    margin: 1.5em 0;
    display: inline-block;
}

.pro_btn_row>p {
    font-size: 18px;
}

.pro_btn_row {
    text-align: center;
}

.pro_btn_row>a {
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 0.75em;
    background: #5D5D5D;
    padding: 0.5em;
    min-width: 14em;
    font-size: 18px;
    text-align: center;
    display: block;
}

.pro_btn_row>a:hover {
    opacity: 0.85;
    text-decoration: none;
}

.m_pro_btn_box {
    display: none;
}

/*product_msg*/
.product_msg_box .product_left_box {
    width: 40%;
    background-image: none;
}

.product_msg_box .product_left_row {
    width: 100%;
}

.product_msg_box .pro_left_top_box>.img {
    margin: 1em 0;
    border: 1px solid #434343;
    padding: 0.5em;
}

.product_msg_box .pro_left_top_box>div.img>img {
    width: 100%;
    max-width: inherit;
}

.pro_title_btn>a {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    border-radius: 5px;
    background: #5D5D5D;
    padding: 0.7em 1.5em;
    font-size: 16px;
    text-align: center;
    display: block;
    z-index: 2;
}

.pro_title_btn>a:hover {
    opacity: 0.85;
    text-decoration: none;
}

.product_msg_box .pro_left_item>p {
    font-size: 20px;
}

.product_msg_box .pro_left_list_box {
    margin: 1.5em;
}

.product_msg_box .pro_left_list_box>div:last-child {
    padding: 0 0.5em;
}

.pro_msg_title_box {
    font-size: 22px;
    background: rgba(102, 102, 102, 0.25);
    -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;
    padding: 0.65em 1em;
}

.pro_msg_area {
    height: 65em;
    overflow: hidden;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    /*height: 100%;*/
    top: 0;
    left: 0;
    right: 0;
}

.pro_msg_show {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1;
    flex: 1;
    min-height: 1px;
}

.msg_view_box {
    /*,.msg_view_cont_box*/
    max-height: 100%;
    overflow: auto;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    background: rgba(169, 169, 169, 0.3);
}

.msg_inner-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.msg_inner_cont {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 1.5em 1.5em;
}

.msg_inner_cont ul li {
    margin-top: 1em;
}

.buyer_sv_mesg {
    text-align: right;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.sv_text {
    display: flex;
    text-align: left;
    padding: 0.5em;
    font-size: 20px;
    line-height: 1.2;
    white-space: pre-line;
    word-break: break-all;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

.buyer_sv_mesg .sv_text {
    background: #000;
}

.sv_time {
    color: #212121;
    font-size: 13px;
    margin-top: 0.5em;
}

.buyer_sv_box .sv_time {
    text-align: right;
}

.seller_sv_mesg .sv_text {
    background: #fff;
    color: #101010;
}

.seller_img_box {
    background: #101010;
    border-radius: 50%;
    min-width: 70px;
    height: 70px;
    margin-right: 0.75em;
}

.seller_img_box img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    display: block;
    max-width: 70px;
}

.mesg_text_img {
    display: grid;
    display: -ms-inline-flexbox;
}

.mesg_text_img img {
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    width: 100%;
}

.footer_sv_mesg_box {
    background: #fff;
}

.mesg_enter_box>textarea {
    min-height: 0;
    resize: none;
    color: #221515;
    width: 100%;
    border: 0;
    padding: 0.5em;
    font-size: 20px;
    outline: 0;
}

.mesg_enter_btn_box {
    padding: 0.7em 0.5em;
}

.enter_btn_list>a {
    display: inline-block;
    color: #4c4c45;
}

.enter_btn_list>a>span {
    font-size: 2em;
}

.enter_btn_list>a:hover {
    opacity: 0.85;
}

.enter_btn_list {
    color: #4c4c45;
}

.enter_btn_list>p {
    font-size: 22px;
    margin: 0 0.5em;
    margin: 0 0.25em;
}

.mesg_ok_btn>a {
    color: #fff;
    border-radius: 5px;
    background: #1b1b1b;
    padding: 0.5em 1.5em;
    font-size: 16px;
    text-align: center;
}

.mesg_ok_btn>a:hover {
    opacity: 0.85;
    text-decoration: none;
}

.m_pro_title {
    display: none;
}

/*RWD*/
@media screen and (max-width: 1200px) {
    .container {
        width: 100%;
    }

    .web_display_none {
        display: block;
    }

    .footer_right {
        display: none;
    }

    .index_root,
    .nomal_root {
        margin-top: 90px;
    }

    .search_box img {
        max-width: 60px;
    }

    .search_box {
        right: 1em;
        bottom: 60px;
    }

    .index_number_box {
        height: inherit;
        background: url(../img/m_center_bg.jpg) center top no-repeat;
    }

    .main_icon_row {
        margin: 0;
    }

    .main_icon_cont {
        display: block;
    }

    .icon_text_box {
        text-align: center;
    }

    .main_icon_img {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .index_number_list {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0.75em 0;
    }

    .number_item {
        height: inherit;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 25%;
        padding: 0.75em 0;
    }

    .number_text .title {
        font-size: 36px;
    }

    .bottom_text {
        font-size: 16px;
    }

    .number_other {
        font-size: 15px;
    }

    .number_add {
        font-size: 23px;
        padding-left: 0;
    }

    .icon_text_box .text_eg {
        font-size: 24px;
    }

    .icon_text_box .text_ch {
        font-size: 26px;
    }

    .footer_map {
        width: 100%;
    }

    .footer_box {
        padding: 0 1.2em 1em;
    }

    .footer_main_box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;

    }

    .footer_main_box,
    .f_icon_list {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .copyright {
        width: 100%;
        margin: 1em auto auto;
        padding-top: 0.5em;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #757575;
    }

    .m_header_box .navbar-brand {
        float: right;
        padding: 0;
    }

    .m_header_box .navbar-toggle {
        float: inherit;
        margin: 8px 0 8px 15px;
    }

    .bread_crumbs_box>a {
        font-size: 13px;
        padding: 0.5em 0;
    }

    a.system_item img {
        height: 28.804vw;
    }

    a.system_item.search_item img {
        height: 25.03vw;
    }

    .search_item .system_text {
        font-size: 16px;
    }

    /* 最新消息 */
    .news_item p.news_title {
        width: 80%;
        color: #fff;
        font-size: 1.2rem;
    }

    .news_p {
        color: #fff;
        width: 80%;
    }

    .news_item {
        padding: 2% 0%;
    }

    .news_item .news-btn {
        right: 1.5%;
    }

    .news_item button.btn-news {
        padding: 4px 11%;
    }

    .faq .panel-title>a {
        font-size: 17px;
    }

    .faq .panel-body>div>a {
        font-size: 16px;
    }

    .faq .panel-body>div {
        padding-bottom: 0.5em;
        margin-bottom: 0.5em;
    }

    .faq .panel-body {
        padding: 10px;
    }

    .message_in_box {
        padding: 0.5em;
    }

    .message_in_box .member_lists {
        padding: 1.2em 1em;
    }

    .message_in_box .member_title {
        max-width: 3.5em;
        min-width: 3.5em;
    }
}

@media screen and (max-width: 900px) {

    .blogL_left_box_web{
        display: none;
    }
    .blogL_left_box_mob{
        display: block;
    }
    .blogL_left_box {
        /*display: block;*/
        width: 100%;
        text-align: left;
        vertical-align: top;
        margin: 0 0 1em;
        padding: 7% 3% 0;
        background: none;
    }
    .blogL_left_row {
        position: relative;
    }
    .blogL_left_box_btn {
        position: absolute;
        right: -10px;
        top: -60px;
        font-size: 1em;
        width: 30%;
    }
    .blogL_left_box_btn a {
        width: auto;
        display: block;
        margin: 0 auto;
        padding: 10px;
        font-size: 1em;
        letter-spacing: 0;
        text-indent: 0;
        text-align: center;
    }


    .blogListPanel .panel.panel-default {
    border: none !important;
    background: none !important;
}


.blogListPanel .panel-heading {
    border: none;
    border-radius: 0;
    color: #000;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dedede+10,dedede+100&1+34,0+82 */
    background: -moz-linear-gradient(-45deg, rgba(222, 222, 222, 1) 10%, rgba(222, 222, 222, 1) 34%, rgba(222, 222, 222, 0) 82%, rgba(222, 222, 222, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(222, 222, 222, 1) 10%, rgba(222, 222, 222, 1) 34%, rgba(222, 222, 222, 0) 82%, rgba(222, 222, 222, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(222, 222, 222, 1) 10%, rgba(222, 222, 222, 1) 34%, rgba(222, 222, 222, 0) 82%, rgba(222, 222, 222, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#00dedede', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */

}




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


.blogListPanel .panel-title>a {
    font-size: 20px;
    font-weight: bolder;
    color: #000;
    display: block;
}


.blogListPanel .panel-title>a:hover,

.blogListPanel .panel-body>div>a:hover {
    text-decoration: none;
    opacity: 0.85;
}


.blogListPanel .panel-title>a:focus,

.blogListPanel .panel-body>div>a:focus {
    text-decoration: none;
}


.blogListPanel .panel-body>div {
    border-bottom: none;
    padding-bottom: 0;
    margin: 0;
}
    .blogL_left_title {
        background: none;
    }

    .blogL_left_title {
        background: none;
        width: 20%;
        vertical-align: top;
        margin-top: 0;
        text-align: right;
        margin-right: 8px;
    }

    .blogL_left_item {
        width: 85%;
        background: none;
        display: inline-block;
        border: none;
            padding: 0 0 2em 0;
    }

    .blogL_left_item a {
        width: auto;
        display: inline-block;
        line-height: 1.2em;
        padding: 0.2em 0.3em;
        margin: 4px 1px;
        text-decoration: underline;
    }

    .list_part {
        margin-top: 2%;
    }

    .blogL_right_box {
        width: 96%;
        display: block;
        margin: 0 auto;
    }

/*    .blogL_left_item {
        display: none;
    }*/

    .list_search select, .list_part select {
        display: inline-block;
        width: 100%;
        margin: 2px 0;
    }
    .blogL_item {
        font-size: 1em;
    }
    .blogListPanel input, .blogListPanel select {

        height: 35px;
    }
    .blogListPanel.anel-group {
        margin-bottom: 0;
    }
    .blogL_left_item_box_title {
        margin: 0.25em 1em 0.25em 0;
        width: 20%;
        display: inline-block;
        text-align: right;
    }
    .blogListPanel .collapse.in {
        background: radial-gradient(center, ellipse cover, rgba(126, 130, 133, 1)12%, rgba(0, 0, 0, 0.2)45%);
        background: -moz-radial-gradient(center, ellipse cover, rgba(126, 130, 133, 1)12%, rgba(0, 0, 0, 0.2)45%);
        background: -webkit-radial-gradient(center, ellipse cover, rgba(126, 130, 133, 1)12%, rgba(0, 0, 0, 0.2)45%);
        background: -o-radial-gradient(center, ellipse cover, rgba(126, 130, 133, 1)12%, rgba(0, 0, 0, 0.2)45%);
    }

}

@media screen and (min-device-width: 768px) and (max-device-width: 1200px) {
    .m_header_box {
        display: none;
    }

    .header_box .logo img {
        max-width: 200px;
    }

    .menu_box {
        margin-left: 5.7em;
    }

    .login_text {
        font-size: 16px;
    }

    .menu_box>a {
        padding: 0 0.25em;
        font-size: 16px;
        height: 65px;
    }

    .social_icon {
        margin-right: 0.5em;
    }

    .social_icon>a {
        padding: 0 0.15em;
    }

    .header_body {
        padding: 0 0.5em;
        height: 65px;
    }

    .social_icon>a {
        max-width: 40px;
    }

    .index_root,
    .nomal_root {
        margin-top: 65px;
    }

    .member_go_cont {
        padding: 1.2em 1.2em 0;

    }

    .footer_item>.footer_main_box>ul>li,
    .footer_item>ul>li {
        font-size: 16px;
    }

}

@media screen and (max-width: 767px) {
    .nomal_content_box {
        min-height: inherit;
    }

    .m_header_box {
        display: block;
    }

    .header_box {
        display: none;
    }

    .index_root,
    .nomal_root {
        margin-top: 50px;
    }

    .footer_item .title {
        font-size: 26px;
        padding-bottom: 0.3em;
    }

    .footer_item>.footer_main_box>ul>li,
    .footer_item>ul>li {
        font-size: 15px;
    }

    .footer_map {
        margin-top: 0.75em;
    }

    .pad-text {
        padding-left: 8.7em;
    }

    .copyright>p {
        font-size: 16px;
    }

    .icon_text_box .text_eg {
        font-size: 18px;
    }

    .icon_text_box .text_ch {
        font-size: 20px;
    }

    .main_icon_item>div {
        padding: 1em;
    }

    .main_icon_box {
        padding: 1em 0;
    }

    .main_icon_img img {
        max-height: 60px;
    }

    .main_icon_img {
        min-height: inherit;
        padding: 0 0 0.5em 0;
    }

    .main_icon_item {
        padding: 0.5rem;
    }

    .f_icon_list>.img>img {
        max-width: 75px;
    }

    .carousel-indicators li {

        width: 12px;
        height: 12px;
        margin: 0 0.1em;
    }

    .carousel-indicators .active {

        width: 12px;
        height: 12px;

    }

    .m_header_box .navbar-brand {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 15px;
        position: relative;
        z-index: 10;
    }

    .m_header_box .social_icon {
        margin-right: 0;
    }

    .m_header_box .login_text {
        font-size: 16px;
        text-decoration: underline;
    }

    .m_header_box .navbar-header {
        position: relative;
    }

    .m_header_box .logo {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .m_header_box .logo>a {
        display: flex;
    }

    .m_header_box .logo img {
        max-height: 50px;
        margin: auto;
        width: inherit;
    }

    .search_jp_box .modal-dialog {
        width: 97%;
    }

    .search_jp_box .tab-content {
        padding: 5em 1em;
    }

    .search_pane_item .title {
        font-size: 16px;
        min-width: 6em;
        letter-spacing: 1px;
    }

    .search_pane_item .title>span {
        margin-right: 1em;
    }

    a.search_btn {
        font-size: 16px;
        padding: 0.65em 1.5em;
    }

    .search_jp_box .nav-tabs>li>a {
        font-size: 17px;
        padding: 8px 15px;
    }

    .search_jp_box .nav-tabs {
        padding-left: 0.5em;
    }

    .search_jp_box .tab-content {
        padding: 3.5em 1.5em;
    }

    .search_area {
        max-width: 70px;
        max-height: 70px;
    }

    .search_area .img img {
        width: 40px;
    }

    .search_area_text {
        font-size: 12px;
        bottom: 8px;
    }

    .nomal_content .title {
        font-size: 24px;
        min-height: 3em;
        padding: 1.2em 0;
    }

    .about_title {
        font-size: 18px;
        padding-bottom: 0.5em;
    }

    .about_item>ul,
    .about_item p {
        font-size: 15px;
    }

    .about_item {
        margin-bottom: 1.5em;
    }

    .nomal_content {
        padding: 0 0.75em 6em;
    }

    .member_lists {
        max-width: 100%;
    }

    .member_content_box {
        font-size: 15px;
    }

    .member_item {
        padding: 0.5em 0;
        margin-bottom: 0.5em;
    }

    .member_title {
        max-width: 6em;
        min-width: 6em;
        margin-right: 0.7em;
    }

    .member_btn_item>a {
        margin: 1.5em 0.3em;
        padding: 0.5em 0;
    }

    .member_go_cont {
        padding: 1.2em 1.2em 0;
        font-size: 14px;
        margin-bottom: 0.5em;
    }

    .member_address_row>select {
        margin-right: 0.2em;
    }

    .add_cars_style_area {
        margin-top: 1em;
    }

    .cars_style_row {
        padding: 1em 0;
    }

    .cars_style_lists {
        padding: 0 0.8em;
    }

    .cars_style_lists .member_title {
        margin-right: 0.7em;
        max-width: 3em;
        min-width: 3em;
    }

    .member_update_box .member_item {
        padding: 0.5em 0;
    }

    .add_cars_icon {
        padding: 0 0.5em;
    }

    .system_text {
        font-size: 16px;
        padding-top: 0.65em;
    }

    a.system_item {
        padding: 0.65em;
    }

    .back_btn_box>a {
        margin: 2em 1em 0em;
    }

    .system_content_box {
        padding-bottom: 2.5em;
    }

    a.system_item.search_item {
        -webkit-flex-basis: 47%;
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
        max-width: 47%;
        margin: 0 1.5% 0.6em;
    }

    a.system_item.search_item img {
        height: 40.354vw;
    }

    /*最新消息內頁*/
    .newsin_content_box_L,
    .blogin_content_box .newsin_content_box_L {
        width: 100%;
    }

    .newsin_content_box_R,
    .blogin_content_box .newsin_content_box_R {
        width: 100%;
        padding: 0 4%;
        margin-top: 20px;
    }

    .newsin_content_box_R_in {
        padding: 3% 0;
    }

    /*blog*/
    .blog_item_box_L {
        width: 100%;
    }

    .blog_item_box {
        padding: 0.7em;
    }

    .blog_item_text>h2 {
        font-size: 17px;
    }

    .blog_item_text>h3 {
        font-size: 15px;
    }

    .blog_item_img {
        margin-right: 0.3em;
    }

    .blog_item_img img {
        height: 7.5em;
        width: 7.5em;
    }

    .blog_item_date {
        margin-top: 0.3em;
        font-size: 13px;
    }

    /*留言板*/
    .message_top,
    .message_bottom {
        padding: 0.7em;
    }

    .message_top,
    .message_bottom {
        font-size: 15px;
    }

    .mesg_time {
        font-size: 12px;
    }

    /*product*/
    .product_left_box {
        background-image: none;
    }

    .product_box {
        display: block;
    }

    .product_box {
        margin-top: 1.2em;
        width: 94%;
        margin: 4em auto 0;
    }

    .product_left_box {
        width: 100%;
    }

    .product_left_row {
        min-width: 95%;
    }

    .pro_left_top_box>p {
        display: none;
    }

    .pro_left_list_box>div {
        font-size: 18px;
    }

    .pro_left_list_box {
        margin: 1em 0 1.25em;
    }

    .pro_left_list_box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .pro_left_list_box>div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 46%;
        -ms-flex: 0 0 46%;
        flex: 0 0 46%;
        max-width: 46%;
        margin: 2%;
        font-size: 16px;
    }

    .pro_title_box {
        text-align: center;
        background: none;
        border: none;
        font-size: 1.5em;
    }

    .pro_img_box {
        margin: 1em 0;
    }

    .product_right_box {
        margin-left: 0;
    }

    .pro_btn_box {
        display: none;
    }

    .pro_btn_box.m_pro_btn_box {
        display: block !important;
    }

    .pro_btn_row {
        padding: 0.5em 1em;
    }

    .pro_btn_row>a {
        font-size: 20px;
        letter-spacing: 2em;
        text-align: center;
        text-indent: 31px;
        font-weight: bold;
        background: #c09b62;
        color: #000;
    }

    .pro_btn_row>a {
        margin-top: 0;
    }

    .pro_left_top_box>div.img>img {
        max-width: 188px;
    }

    .pro_left_item>p {
        opacity: .6;
    }


    /*product_msg*/
    .product_box.product_msg_box {
        display: block !important;
    }

    .product_msg_box .product_left_box {
        width: 100% !important;
    }

    .pro_msg_area {
        top: inherit;
        left: inherit;
        right: inherit;
        position: static;
    }

    .mesg_enter_box>textarea,
    .sv_text {
        font-size: 16px;
    }

    .msg_inner_cont {
        padding: 1em 0.6em;
    }

    .sv_time {
        color: #212121;
        font-size: 12px;
        margin-top: 0.3em;
    }

    .pro_msg_title_box {
        display: none;
    }

    .msg_inner_cont ul li {
        margin-top: 0.7em;
    }

    .sv_text {
        padding: 0.35em;
    }

    .seller_img_box {
        min-width: 50px;
        height: 50px;
        margin-right: 0.5em;
    }

    .seller_img_box img {
        max-width: 50px;
    }

    .product_msg_box .pro_title_box,
    .product_msg_box .pro_left_list_box {
        display: none;
    }

    .product_msg_box .product_right_box {
        margin-top: 0.75em;
    }

    .m_pro_title {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        display: block;
        font-size: 1.2em;
        line-height: 1.5em;
    }

    .product_msg_box .pro_left_top_box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0.5em 0;
    }

    .product_msg_box .pro_left_top_box>.img {
        margin: 0 0.65em 0 0;
        padding: 0.3em;
        width: 26vw;
        height: 26vw;
    }

    .product_msg_box .pro_left_top_box>div.img>img {
        max-width: 26vw;
    }

    .m_pro_title>span {
        font-size: 1.4em;
        line-height: 1.1;
        padding-top: 0.3em;
        color: #e1b961;
        font-weight: normal;
    }

    .pro_msg_area {
        height: 150vw;
    }

    /**/
    .blogL_left_title {
        width: 20%;
    }

}

@media screen and (max-width: 486px) {
    .footer_box {
        padding: 0 0.8em 1em;
    }

    .icon_text_box .text_eg {
        font-size: 15px;
    }

    .icon_text_box .text_ch {
        font-size: 16px;
        line-height: 1.15;
    }

    .main_icon_item {
        padding: 0.2rem;
    }

    .f_icon_list>.img>img {
        max-width: 60px;
    }

    .footer_item>.footer_main_box>ul>li,
    .footer_item>ul>li {
        font-size: 15px;
        padding-bottom: 0.3em;
    }

    .footer_item .title.footer_logo img {
        max-width: 95px;
    }

    .copyright>p {
        font-size: 14px;
    }

    .footer_item .title {
        font-size: 20px;
    }

    .search_jp_box .tab-content {
        padding: 3em 1em 2em;
    }

    .search_pane_item input,
    .search_pane_item select {
        min-width: inherit;
    }

    .search_input_box {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .tab-pane>div {
        padding-bottom: 1.5em;
    }

    .search_pane_item .title {
        min-width: 6em;
    }

    .search_jp_box .tab-cont-box {
        padding: 0.5em;
    }

    .jp_search_content {
        width: 100%;
    }

    .search_jp_box .tab-pane {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    a.system_item {
        padding: 0.3em;
    }

    .system_text {
        font-size: 14px;
        padding-top: 0.3em;
    }

    .search_item .system_text {
        font-size: 14px;
    }

    /* 最新消息 */
    .news_item p.news_title {
        width: 100%;
        font-size: 1rem;
    }

    .news_p {
        width: 100%;
    }

    .news_item {
        padding: 2% 0%;
    }

    .news_item .news-btn {
        display: none;
    }
}

@media screen and (max-width: 450px) {
    .social_icon>a {
        padding: 0 0.05em;
    }

    .m_header_box .navbar-brand {
        padding-right: 4px;
    }

    .m_header_box .social_icon img {
        max-width: 30px;
    }

    .m_header_box .login_text {
        font-size: 13px;
        padding: 0 0.05em;
    }

    .m_header_box .logo img {
        max-height: 46px;
    }

    .m_header_box .logo {
        top: 2px;
    }

    .footer_left>div {
        padding-bottom: 0.5em;
    }
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #fff;
}

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

.pagination {
    padding-top: 20px;
    display: table;
    margin: 0 auto;
}
