@charset "utf-8";
/** bootstrap **/

@import "bootstrap-4.2.1.css";
@import url(font-awesome.min.css);

body { width:100%; height:100%; margin:0; padding:0; font-family:"微軟正黑體";  font-size: 14px; line-height: 1.5;}
html { width:100%; height:100%;}

.warpper { padding:0; margin:0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}/* End hide from IE-mac */
a { text-decoration:none; display: block;}
a:hover{text-decoration: none;}
img { border:0; vertical-align:middle;max-width: 100%;}
input { vertical-align:middle;}
.slicknav_menu {display:none;}
input.select-box { border:1px #CBCBCB solid; padding:5px 3%; width:20px; height:20px; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:5px; }
ol,ul,li,p{margin: 0;padding: 0;}


/*** padding and border no width ****/
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}

/* 文字顏色與尺寸 */
:root{
    --primary: #f46538;
    --secondary: #f9e4c3;
}

/***** 表單預設文字顏色設定 *****/
/* 通用 */
::-webkit-input-placeholder { color: #333; }
::-moz-placeholder { color:#333; } /* firefox 19+ */
:-ms-input-placeholder { color:#333; } /* ie */
input:-moz-placeholder { color:#333; }

/* webkit专用 */
#field2::-webkit-input-placeholder { color:#333; }
#field3::-webkit-input-placeholder { color:#333; background:lightgreen; text-transform:uppercase; }
#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#333; }

/* mozilla专用 */
#field2::-moz-placeholder { color:#333; }
#field3::-moz-placeholder { color:#333; background:lightgreen; text-transform:uppercase; }
#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999; }


/*** 上板樣式 ***/

header { }
.head-main-extend{ background-color:#fff; position:relative; z-index:1; }
.head-main { max-width:1140px; margin:0 auto; height:96px; padding:0; position:relative; }

.head-main .logo { max-width: 22%; transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;}
.home { display: block; position:absolute; top:-35px; right:0px; width:25px; height:auto;}
.home_w { display:none;}


.banner { width:100%;  margin:0;z-index:-99999; }
.banner img { width:100%; height:auto;}
.banner-bg {position:relative;height:0px; margin:-3% 0 0 0;z-index:99;}
.banner-bg img { width:100%; height:auto;}
.nivoSlider{
    max-height: 250px;
    overflow: hidden;
}
@media screen and (max-width: 900px){
    .head-main .logo{
        max-width: 25%;
    }
}
@media screen and (max-width: 640px){
    .head-main .logo{
        max-width: 30%;
    }
}
@media screen and (max-width: 500px){
    .head-main .logo{
        max-width: 45%;
    }
}

/***  選單與下拉  ***/
nav {position: absolute;top: 30px;right: 90px;background:url("../images/menu_bg_2.png") repeat-x;}

nav:before{content: "";display: block;background: url(../images/menu_bg_1.png) no-repeat;position: absolute;top: 0;left: -30px;width: 54px;height: 45px;}
nav:after{content: "";display: block;background: url(../images/menu_bg_3.png) no-repeat;position: absolute;top: 0;right: -54px;width: 54px;height: 45px;}

 .menu {text-align: center; list-style: none; display: flex;}
 .menu>li { color:#fff;  font-size:16px; position: relative;}
 .menu>li>a {color: #fff;padding: 10px 20px; position: relative;}  
.menu>li>a:after{    
    content: "";
    display: block;
    height: 16px;
    width: 1px;
    background: #fff;
    position: absolute;
    top: 31%;
    right: 0;}
.menu>li:last-child>a:after{display: none;}
 .menu>li>ul { display:none; margin:0; padding:0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;}
 .menu>li:hover>ul { position:absolute; display: block; width:100%; left:0; top:47px;}
 .menu>li>ul>li { display:block;}
.menu>li>ul>li:last-child:after{display: none;}
 .menu>li>ul>li>a {color:#000; padding:6px 5px;margin: 4px 0;border-radius: 3px;}

@media screen and (max-width: 900px) {
	.slicknav_menu { display:none;}
	.js #menu {	display:none;}
	.js .slicknav_menu {display:block;}
} 
 





 
/** 次選單 **/
 
.menu.sub-menu>li>ul { display:none; margin:0; padding:10px 5px; z-index:9999;}
.menu.sub-menu>li:hover>a>i{transform: rotate(180deg);}
.menu.sub-menu>li:hover>ul{position: absolute;display: block;top: 44px;width: 100%;background: #fff;}
.menu.sub-menu>li>ul>li{ font-size:17px; border-bottom: 1px solid #ddd;}
.menu.sub-menu>li>ul>li:last-child{ border: 0px}
.menu.sub-menu>li>ul>li>a:hover{ color:#000;background:var(--secondary);}
.home_btn{ position: absolute;
    right: 10px;
    top: 30px;
    transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;
}
.home_btn a{
    background: url(../images/home_bg.png) no-repeat;
    padding: 10px 16px 10px 29px;
}
.min_btn{display: none;}
@media screen and (max-width: 900px){
    .home_btn{
        right: -40px;
        top: 15px;
    }
    .home_btn a{
        background: var(--primary);
        padding: 9px 10px;
        border-radius: 10px;
    }
}
@media screen and (max-width: 740px){
    .home_btn{
        right: -20px;
    }
}
@media screen and (max-width: 620px){
    .home_btn{
        right: 0;
    }
}
@media screen and (max-width: 470px){
    .home_btn{
        right: 20px
    }
}

 
 
/** EDM  **/

/* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
.jssorb05 {position: absolute;}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
/*            background: url('../image/b05.png') no-repeat;*/
            overflow: hidden;
            cursor: pointer;
        }
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        .jssora22l.jssora22lds      (disabled)
        .jssora22r.jssora22rds      (disabled)
        */
.jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url("../images/a22.png") center center no-repeat;
            overflow: hidden;
        }
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }
.jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
.jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }

/*** 共同 ***/
.i-news,.i-service,.i-banner_news{ max-width:1140px; margin:0 auto 50px auto;}
h2{font-size: 30px;line-height: 47px;font-weight: bold;}
h2 span{font-size: 50px;color:var(--primary);}
@media only screen and (max-width: 900px){
    h2{font-size: 25px;line-height: 32px;font-weight: bold; margin-left: 10px;}
}
@media only screen and (max-width: 640px){
    h2 span{font-size: 25px;}
}


/*** 首頁消息 ***/
.i-news{ display: flex; flex:1; }
@media only screen and (max-width: 900px){
    .i-news{display: block;    }
}
.i-news h2{ width:180px ; color:#333;position:relative;}
.i-news h2 span{ color:var(--primary); font-family: 'Playfair Display', serif; font-size:50px;}
.i-news h2 .more{ display:block; width:21px; height:21px;position:absolute; right:0; top:14px; }
.i-news h2 .more a{ display:block; width:21px; height:21px; background:url(../images/more-icon.png) no-repeat;}
.i-news h2 .more a:hover{ display:block; width:21px; height:21px; background:url(../images/more-icon.png) no-repeat 0 -21px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }


.i-news-section{display: flex; flex: 1;}
.btn_content{ position: relative;}


.btn_content img{position: absolute;bottom: 0px;right: -4px;}
.order_btn{color: #fff;padding: 4px 0px;background: var(--primary);border:1px solid var(--primary);border-radius: 10px;width: 170px;font-size: 20px;font-weight: bold;text-align: center;box-shadow: 6px 6px 16px rgba(0,0,0,0.3);margin-top: 8px;}
.order_btn:hover{color: var(--primary);background: #fff;border: 1px solid var(--primary);text-decoration: none;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}




.i-news-content{border: 0.5px solid #515050;padding: 6px 20px;border-radius: 10px;overflow: hidden;height: 40px;margin-right: 1em;margin-top: 8px;}
.i-news-content p{margin: 8px 0;line-height: 24px;}

.i-news ul{ list-style:none; padding:0; margin:0;}
.i-news ul li{ display:block; float:left; width:32.33%; margin:1% 0.5%;background:#f8f8f8; padding:1.5%; }

.i-news ul li .month{ float:left; width:80px; text-align:center; font-size:14px; color:#fff; font-weight:bold; background:#333333; padding:1%; margin:0 15px 0 0 ;}
.i-news ul li .month .date{ font-family:"Times New Roman"; font-size:30px; color:#fff; line-height:24px; }
.i-news ul li .month .year{ color:#FFF; font-size:14px; font-weight:normal; }

.i-news ul li .contect{ float:left; width:calc(100% - 95px); color:#4d4d4d; font-size:14px; height:100%;}
.i-news ul li .contect a{ color:#4d4d4d;}
.i-news ul li .contect a:hover{color:#3d8022;}

.i-news ul li .contect .contect-title{ color:#b21e28; font-size:16px; line-height:32px; padding:0 0 5px 0; height:32px; overflow:hidden; }
.i-news ul li .contect .brief{ height:39px; overflow:hidden;}
.i-news marquee{font-size: 18px;}

@media only screen and (max-width: 900px){
    .i-news-section{width: 100%;}
    .i-news-content{ margin: 0 1em;}
    .btn_content{margin-right: 10px;}
    .btn_content img{bottom: -18px;}
    .i-news{display: block;}
    .order_btn{margin: 0; }
}
@media only screen and (max-width: 640px){
    .i-news-section{
        display: block;
    }
    .btn_content{
        margin: 10px 1em;
    }
    .order_btn{
        width: auto;
    }
}

/*** 服務項目 ***/
.i-service ul{list-style: none; padding: 0;margin-top: 10px; display: flex;flex: 1;}
.i-service ul li{
    position: relative;
    overflow: hidden;
    margin: 10px;
    box-shadow: 6px 6px 16px rgb(0 0 0 / 30%);}
.i-service .img_btn li{background: #000;}
.i-service .img_btn li:hover{background: #fff;-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.i-service .img_btn img{
    opacity: 0.5;
    filter: Alpha(Opacity=50);
    width: 100%;
}
.i-service .img_btn li:hover img{
    opacity: 1;
    filter: Alpha(Opacity=100);
    transform: scale(1.2);
    -webkit-transition:all 0.9s ease; -moz-transition:all 0.9s ease; -ms-transition:all 0.9s ease; -o-transition:all 0.9s ease; transition:all 0.9s ease;  
}
.img_btn .icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    margin: 20px 0;
}
.img_btn .icon img{
    max-width: 140px;
    opacity: 1;
    filter: Alpha(Opacity=100);
    margin: 10px 0;
}
.i-service .img_btn li:hover .icon,.i-service .img_btn li:hover span{
    opacity: 0;
    filter: Alpha(Opacity=0);
    -webkit-transition:all 0.s ease; -moz-transition:all 0.9s ease; -ms-transition:all 0.9s ease; -o-transition:all 0.9s ease; transition:all 0.9s ease;
}
.i-service .img_btn span{font-size: 20px;color: #fff;font-weight: bold;}
.i-service .img_btn a{width: 100%;}
.i-service .service_btn li{margin: 10px; width:25%;}
.i-service .service_btn a{
    text-align: center;
    display: block;
    color: #fff;
    padding: 4px 20px;
    background: linear-gradient(to bottom, var(--primary) 10%, #e04e20 54%, var(--primary) 100%);
    border-radius: 10px;
    width: 100%;
    height: 100%;
    font-size: 20px;
    font-weight: bold;
    box-shadow: 6px 6px 16px rgba(0,0,0,0.3);
    border: 1px solid var(--primary);
}
.i-service .service_btn a:hover{
    color: var(--primary);
    background: #fff;
}
@media only screen and (max-width: 900px){
    .service_btn,.img_btn{flex-wrap: wrap;justify-content: center}
    .i-service .img_btn li{
        width: calc(100%/3 - 20px);
    }
    .i-service .service_btn li{
        width: calc(100%/2 - 20px);
    }
}
@media only screen and (max-width: 600px){
    .i-service .img_btn li{
        width: calc(100%/2 - 20px);
    }
}
@media only screen and (max-width: 420px){
    .i-service .img_btn li{
        width: calc(100% - 20px);
    }
}
/*** 熱門車款 ***/
.i-moto h2{max-width:1140px; margin:0 auto 50px;}
.item a{
    color: #000000;
}
.item:hover img{
    transform: scale(1.2);
    -webkit-transition:all 0.9s ease; -moz-transition:all 0.9s ease; -ms-transition:all 0.9s ease; -o-transition:all 0.9s ease; transition:all 0.9s ease;  
}
.owl-prev,.owl-next{
    position: absolute;
    transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;
}
.owl-prev{
    left: 12em;
}
.owl-next{
    right: 12em;
}
.owl-carousel-img{
    padding: 12px;
    border: 1px solid var(--primary);
    border-radius: 10px;
    overflow: hidden;
}
.owl-carousel-text{
    padding: 10px 12px;
    margin: 0;
    font-size: 18px;
}

.owl-carousel-text h4{
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0;
}
.owl-carousel-text span{
    color: var(--primary); 
}
@media only screen and (max-width: 1440px){
    .owl-prev{
        left:7em;
    }
    .owl-next{
        right:7em;
    }
}
@media only screen and (max-width: 1160px){
    .owl-prev{
        left:5em;
    }
    .owl-next{
        right:5em;
    }
}
@media only screen and (max-width: 900px){
    .i-moto h2{
        margin-left: 10px;
    }
}
@media only screen and (max-width: 500px){
    .owl-prev{
        left: 2em;
    }
    .owl-next{
        right: 2em;
    }
}
@media only screen and (max-width: 375px){
    .owl-prev{
        left: 1em;
    }
    .owl-next{
        right: 1em;
    }
}
    

/*** 廣告圖+最新消息 ***/
.i-banner_news{
    display: flex;
}

.banner_box,.news_box{
    padding: 0 10px;
}
.banner_box{
    margin: 0 0 20px;
}

.banner_box p{
    padding: 10px;
    font-size: 50px;
    font-weight: bold;
    position: absolute;
    top: -50px;
    color:#fff;
    -webkit-text-stroke: 2px var(--primary);
}

.banner_box p span{
    color: var(--primary);
    -webkit-text-stroke: 2px #fff;
}

@media only screen and (max-width: 640px){
    .i-banner_news{
        display: block;
    }
}
.news_box h2{
    margin-top: 0;
}
.news_box ul{
    display: flex;
    flex-direction: column;
}
.news_box li{
    position: relative;
    list-style: none;
    height: inherit;
    margin: 13px 0;
}
.date_content{
    width: 130px;
}
 .news_box a{
    display: flex;
    flex: 1;
    align-items: center; 
}
.news_box .year{
    position: absolute;
    top: 20px;
    transform: rotate(-90deg);
    font-size: 27px;
    color: #a9a4a4;
    letter-spacing: 2px;
}
.news_box .date{
    text-align: center;
    width: 70px;
    margin-left: 54px;
}
.news_box .date .day{
    color: var(--primary);
    font-size: 50px;
    font-weight: bold;
    line-height: 54px;
}
.news_box .date .month{
    background: var(--primary);
    color: #fff;
    font-weight: bold;
}
.news_box .text{
    font-size: 18px;
    color: #000;
    line-height: 20px;
    margin: 10px 20px;
    padding: 10px 0;
}


/*** 聯絡我們 ***/
.i-contact a,.gotop a{
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    box-shadow: 6px 6px 16px rgba(0,0,0,0.3);
    margin: 15px 0;
    transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;
}

.i-contact{
    position: fixed;
    right: 20px;
    bottom: 110px;
    z-index: 999;
    transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;
}
.gotop{
    position: fixed;
    right: 20px;
    bottom: 30px;
    z-index: 999;
}
@media only screen and (max-width: 900px){
    .i-contact a,.gotop a{
        width: 60px;
        height: 60px;
        margin: 10px 0;
        }
    .i-contact{
        bottom: 105px;
    }
}
@media only screen and (max-width: 640px){
    .i-contact a,.gotop a{
        width: 50px;
        height: 50px;
        margin: 5px 0;
        }
    .i-contact{
        bottom: 95px;
    }
}

/***  首頁-關於我們  ***/
.i-about{ width:100%;  background:#f9f8f8;}
.tableLayout{ display: table; border-collapse: collapse; width: 100%;}
.i-about .tableLayout .intro-content{ background:url(../images/index-news-bg.jpg) no-repeat top right #FFF; width:50%; padding:60px 0; color:#666; font-size:16px; line-height:1.6;}
.i-about .tableLayout .intro-content .i-latest{ width:80%; margin:0 auto;}

.i-about .tableLayout .fig{ background:url(../images/knowledge-img.jpg) no-repeat top left; background-size:cover;}

.i-about-content{ background:#f9f8f8; width:50%; padding:60px 3%; color:#666; font-size:16px; line-height:1.8; transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;}
.i-about-content h2{ font-size:30px; color:#333; line-height:49px; font-weight:normal; padding:10px 0 0 0; position:relative; margin:0 0 3% 0;}
.i-about-content h2 span{color: #C00; font-family: 'Playfair Display', serif; font-size: 32px;}
.i-about-content .more{ text-align:center; font-size:13px; margin:20px 0 0 0; }

.i-about-content .more a{ display:block; width:70px;  background:#333333; color:#fff; padding:0 ; transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;}
.i-about-content .more a:hover{ display:block; width:80px; background:#89000a; transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;}


/*****  內頁架構  *****/
.content-body {max-width:1140px; margin:0 auto; padding:0 0 50px 0; min-height:350px; }
.page-title { font-size:32px; color:var(--primary); padding:10px; line-height:30px; margin:10px 0 70px 0;  text-align:center; font-weight:600; font-family: 'Playfair Display', serif;display: flex; align-items: center; justify-content: center;}
.page-title:after,.page-title:before{
    content: "";
    width: 100px;
    height: 2px;
    background: var(--primary);
    transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;
}
.page-title:after{
    margin-left: 20px;
}
.page-title:before{
    margin-right: 20px;
}
.theme-title{font-size:22px; border-bottom:1px solid #ddd; color:var(--primary); padding:0 10px 10px;margin:0 0 25px 0;}



.service-sort{ font-size:20px; font-weight:normal; text-align:center; position:relative; padding:0 0 15px 0; margin:10px 0 50px 0;}
.service-sort:after{content: ""; position: absolute; left: 50%; bottom: 0; width: 50px; height: 1px; background:#C00;margin-left: -25px;}

.page-main { width: 80%; padding: 0 1.5%; font-size: 16px; color:#333; line-height:1.65em; margin: 0 auto 50px;}
.page-content{
    display: flex;
}
.page-main h3{
    font-size: 20px;
}
.page-main h4{
    font-size: 18px;
}

.page-detail-main{
    padding: 10px;
}
.page-detail-main img{
    margin: 10px 0;
}

.page-detail-main ul{
    margin: 10px 20px;
}

@media screen and (max-width: 640px){
    .page-title:after,.page-title:before{
        width: 47px;
    }
    .page-main { width: 95%; padding: 0 15px;margin: 0 auto;}
}


/** 左側選單 **/
.in-left-menu { margin-bottom:45px; 
    font: 15px/22px "微軟正黑體";
    color: #666;
    height: inherit;
    margin-right: 20px;
    width: 20%;
    padding-left: 10px;
}
.in-left-menu a{color: #666;}

.in-left-menu>ul {margin: 0;padding: 10px 0 0px 0;list-style: none; display:table; width:100%;}

.in-left-menu ul .left-menu-title {font-size:20px; color: var(--primary);   padding:10px 0; margin: 2px 0; background: #fff;}

.in-left-menu>ul>li  {padding:6px 0;/*margin:0 6px;*/border-bottom: 1px solid #DDDDDD;}
.in-left-menu>ul>li>a {padding: 5px 7px;border-radius: 3px;}
.in-left-menu>ul>li>a:hover {background:var(--secondary); color:#000; transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;}
.in-left-menu>ul>li>a.active {background:#ebebeb; color: var(--primary); position: relative;}
.in-left-menu>ul>li>a.active:after{
    content: "";
    position: absolute;
    top: 0;
    right: 12px;
    margin: 8px 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 7px;
    border-color:  transparent  transparent  transparent var(--primary);
    
}
.in-left-menu>ul>li ul { margin:5px 0 0 40px; padding:0; list-style: square;} 
.in-left-menu>ul>li ul li { border-top:1px #eee solid; padding:5px;}
.in-left-menu>ul>li ul li a {font-size:13px;}
.in-left-menu>ul>li ul li a:hover{background:var(--secondary); }



.m_classLink{display:none;}



@media screen and (max-width:640px){
    .page-content{
        display: block;
    }
	.classBox{width:95%;padding:0 15px 20px; margin: 0 auto;}
	ul.classLink{display:none;}
	.m_classLink{display:block; position:relative;border:1px solid #d1d1d1; border-radius: 5px;}
    .m_classLink ul{
        display: none;
        list-style:none;
        background:#FFF;
        margin:0; padding:0;
        width:100%;
        font-size:15px;
        font-family:"Microsoft JhengHei", "新細明體", sans-serif; 
    }
	.m_classLink a.main{position:relative; padding:8px;}
	.m_classLink a.main i{display:block;background:var(--primary); width:45px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0;}
	.m_classLink>ul{border:1px solid #d1d1d1; position:absolute; left:0; top:100%; z-index:99;}
	.m_classLink ul li{border-top:1px solid #ddd;}
	.m_classLink ul li a{margin: 2px; padding:8px;border-radius: 5px;}
	.m_classLink ul li:first-child{border:none;}
	.m_classLink ul li a:hover{background:var(--secondary);}
	.m_classLink>ul>li>ul{display: block;margin:0 10px 10px;width:calc(100% - 20px);}
	.left-menu-title{display:none;}
	.left-beautify{display:none;}
}





/*** 優惠快訊 ***/
.news{ /*max-width:80%; margin:0 auto 50px auto;*/}
.news h2{font-size: 30px; max-width:260px ; margin:0 auto 15px auto;text-align:center; font-weight:normal; padding:0 0 0 55px; position:relative;}
.news ul li a .news-box{
    display: flex;
    align-items: center;
}
.news .news_img{
    width: 30%;
    position: relative;
}
.news .news_img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.news ul{ list-style:none;}
.news ul li{margin: 10px;padding: 10px;border-radius: 5px;border-bottom: 1px solid #ddd;}
.news ul li:hover{ box-shadow:0 0 5px #999; transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;}
.news ul li .contect{width: 70%;padding: 10px;color: #4d4d4d;height:100%; }
.news ul li .contect a{ color:#4d4d4d; }
.news ul li .contect .contect-title{ color:var(--primary); font-size:18px;padding:0 0 5px 0; margin: 0 0 10px; }

.news-detaile-box .time{ font-size:14px; color:#aaa; padding-left: 10px}
.news-detaile{
    padding: 10px;
}
.news-detaile_img{
    margin: 10px 0;
}
@media screen and (max-width: 640px){
    .news ul li{
        margin: 10px 0;
    }
}


/*****  產品專區  *****/
.pro-store-info { font-size:13px; line-height:1.5em; color:#666; padding:10px 0 10px 35px; border-bottom:1px #CCC dotted; margin-bottom:20px;}
.pro-search-info { font-size:18px; color:#64691F; line-height:1.5em; border-bottom:1px #CCC dotted; margin-bottom:20px; text-align:center; padding-bottom:10px;}

.pro-list { }
.pro-list ul { max-width:1140px; margin:0 auto; padding:5px 0; list-style:none;    display: flex;flex-wrap: wrap;}
.pro-list ul li {  width:33.33%; padding:1%; margin:10px 0;}
.pro-list ul li a{
    color:#000;
    padding: 10px;
}
.pro-list ul li a:hover{
    box-shadow: 6px 6px 16px rgba(0,0,0,0.3);
}
.pro-list ul li h4 { font-size:16px; margin: 10px 0; padding: 0;}
.pro-list ul li .index-pro-store {color:#938c83; line-height:1.5em; padding:10px 0; display:block;;}
.pro-list ul li .index-pro-price { color:#b83400; font-size:18px; padding:0 0 10px 0; display:block; }
.pro-list ul li a.cart { padding:3px; color: #7E7E7E;  font-size:15px; display:block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px #DCDCDC solid;}
.pro-list ul li a.cart img { padding-right:20px; vertical-align:middle;}
.pro-list ul li a.cart:hover { background: #fff; border:1px #eee solid;}
.pro-list ul li .index-pro-brief{
    line-height: 1.5em;
    padding: 0;
    display: block;
    text-align: left;
    height: 72px;
    overflow: hidden;
    margin-bottom: 10px; 
}

.pro_more{
    margin: 5px 0;
    padding: 5px 0;
    text-align: center;
    background: #fff;
    color: var(--primary);
    border: 1px solid var(--primary);
    border-radius: 10px;
}
.pro-list ul li a:hover .pro_more{
    background: var(--primary);
    color: #fff;
}
.pro-list .pro-photo{
    position: relative;
}
.pro-list .pro-photo img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
@media only screen and (max-width: 460px){
    .pro-list ul li .index-pro-brief{
        height: 50px;
}
}
    

/*** 產品內頁 ***/
.pro-detaile {}
.pro-detaile-box{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.pro-detaile-photo-box,.pro-detaile-spe-box{
    flex: 1;
    padding: 0 10px;
}
.pro-detaile-photo-box{
    margin-right: 5px;
}


.pro-detaile .pro-marquee{
    padding: 4px 10px;
    margin: 5px 0;
    border: 1px solid #aaa;
    border-radius: 10px;
    color: var(--primary)
}
.pro-marquee marquee{
    vertical-align: middle;
}
.pro-detaile .btn_content a{
    margin: 0;
    width:auto;
}

.pro-detaile .btn_content img{
    bottom: -14px;
    bottom: -14px;
}

.pro-detaile-title {color:#fff;font-weight: normal; border-bottom: 1px solid #ddd;padding: 3px 0;}
.pro-detaile-title span{background:var(--primary); padding: 5px 10px; border-radius: 5px 5px 0 0;}
.pro-detaile-content{
    padding: 0 10px;
    margin-bottom: 20px;
}
.pro-detaile-content img{
    margin: 10px 0;
}
.pro-content ul,.pro-content ol{
    margin: 10px 20px;
}
.pro-detaile .pro-photo {background:#fff; width:100%; border:0;}
.pro-detaile .pro-photo img { width:100%; height:auto;} 
.pro-detaile-spe {padding:10px 5px; margin-bottom:25px;}
.pro-detaile-spe ul{list-style: none;}
.remark{
    padding: 5px 10px;
    background: var(--secondary);
    border-radius: 5px;
}
.remark h4{
    margin: 5px 0;
}
.qr_link{
    display: flex;
    text-align: center;
}
.qr_link .qr{
    padding: 10px;
    flex: 1;
}
.pro-detaile-video{
    position: relative;
    padding-bottom: 44%;
    padding-top: 31px;
    height: 0;
    max-width: 700px;
    overflow: hidden;
}
.pro-detaile-video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 640px){
    .pro-detaile-photo-box,.pro-detaile-spe-box{
        padding: 10px 0;
    }
    .pro-detaile-box{
        flex-direction: column;
    }
    .pro-detaile .pro-marquee, .pro-detaile .btn_content{
        margin: 10px 0;
        
    }
    .pro-detaile .pro-photo {margin:0 auto 20px auto;}
    .qr_link{
        flex-wrap: wrap;
    }
    .qr_link .qr{
        width: 50%;
        flex: auto;
    }
    
}
@media screen and (max-width: 360px){
    .qr_link{
        flex-direction: column;
    }
    .qr_link .qr{
        width: 100%;
    }
}

/**** 產明細圖片特效樣式 ****/
.slider-wrap								{ width: 100%;}	
.stripViewer .panelContainer		        { width: 400% !important;}	
.stripViewer .panelContainer  .panel ul		{ text-align: left; margin: 0 15px 0 30px; width: 100%}
.stripViewer								{ position: relative; overflow: hidden; width:100%; height: auto; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; width:400%; }
.stripViewer .panelContainer .wrapper       { width:100%;}
.stripViewer .panelContainer img            { width:100%; height:auto;}
.stripViewer .panelContainer .panel			{ float: left; position: relative;}
.stripNavL, .stripNavR, .stripNav			{ display: none; width:100%; }
.nav-thumb 									{ margin-right: 5px; }
#movers-row									{ margin:5px 0 0 0; width:101%; }
#movers-row div								{ width: 25%; float: left; padding-right:1%; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(/html/ezcatfiles/myweb62/img/img/60175/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; margin-top: 0px; position: relative; padding-top: 0px;}
/*.active-thumb 								{ background: transparent url(/html/ezcatfiles/myweb62/img/img/60175/icon-uparrowsmallwhite.png) top center no-repeat; }*/
.panel { width:25%;} /**四張圖 乘 四分之一 **/




/*****  FAQ  *****/
.faq {}
.faq>ul { list-style:none;}
.faq>ul>li { margin-bottom:10px; }
.faq>ul>li .qa_title {  font-weight:normal;  }
.faq>ul>li .qa_title_text{
    display: flex;
    align-items: center;
}
.faq>ul>li .qa_title>a { color:#444; font-size:16px; display:block; padding:10px 0 10px 10px;border-radius: 5px; border:1px solid #ddd; position:relative;}
.faq>ul>li .qa_title>a:before{ content:" "; display:block; position:absolute; left:0; top:0; background:var(--primary); width:42px; height:100%; z-index:-1;}
.faq>ul>li .qa_title>a i{ color:#FFF; font-size:26px; margin:-3px 15px 0 0; float:left;}
.faq>ul>li .qa_title>a span{ padding:3px 5px 0 3px; display:inline;}


.faq>ul>li .qa_content {background: var(--secondary); padding:20px 15px;}
.faq>ul>li .qa_content ul{
    margin: 10px 20px;
}
.faq>ul>li .qa_content a{ color:var(--primary); display: inline-block;margin: 0 3px;}
.faq>ul>li .qa_content a:hover{text-decoration: underline;}

.opacl { font-size:12px; line-height:20px; padding-bottom:10px; }
.opacl a { background: #888888; color:#fff; padding: 3px 10px; margin:0 5px; -webkit-border-radius: 5px 5px 0 0px; -moz-border-radius: 5px 5px 0 0px; border-radius: 5px 5px 0 0px;}
.opacl a:hover { background:#699;}
a.close_qa { font-size:12px;} 






/*** 門市位置 ***/
.store{ }
.store_img img{
    margin: 10px 0;
}





/*** 關於我們 ***/
.about{}
.about ul{
    margin: 10px 20px;
}




/*** 旅遊住宿推薦 ***/
.ser_bed_detaile .qr{
    flex: none;
}
.ser_bed_detaile_img{
    display: flex;
    flex-wrap: wrap;
}
.ser_bed_detaile_img img{
    flex: 1;
    margin: 10px;
}



/*** 台灣環島旅遊行程 ***/

.ser_map_detail .qr{
    flex: none;
}

/*** 小巴士專車 ***/
.ser-bus-detaile ul{
    list-style: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.ser-bus-detaile ul li{
    padding: 5px 20px;
    width: 25%;
    border: 1px solid #ddd;
}
.ser-bus-detaile ul li:nth-child(2n){
    background: var(--secondary);
}

@media screen and (max-width: 768px){
    .ser-bus-detaile ul li{
        width: 50%;
    }
}




/*** 機車維修 ***/

.ser_repair{
    padding: 10px;
}
.ser_repair_img img{
    margin: 10px 0;
}

/*** 室內寄車 ***/

.ser_park{
   
}


/*** 機車托運 ***/

.ser_transport{

}



/***  版面欄位  ***/
.main { padding-top:0px; margin-top: 40px;}
.col-100 {float:left; width:100%;}
.col-010 { width:9%; margin-right:1%; float:left;}
.col-015 { width:14%; margin-right:1%; float:left;}
.col-020 { width:19%; margin-right:1%; float:left;}
.col-025 { width:24%; margin-right:1%; float:left;}
.col-030 { width:29%; margin-right:1%; float:left;}
.col-040 { width:39%; margin-right:1%; float:left;}
.col-045 { width:44%; margin-right:1%; float:left;}
.col-050 { width:49%; margin-right:1%; float:left;}
.col-055 { width:54%; margin-right:1%; float:left;}
.col-060 { width:59%; margin-right:1%; float:left;}
.col-065 { width:64%; margin-right:1%; float:left;}
.col-070 { width:69%; margin-right:1%; float:left;}
.col-075 { width:74%; margin-right:1%; float:left;}
.col-080 { width:79%; margin-right:1%; float:left;}
.col-085 { width:84%; margin-right:1%; float:left;}

.cor-010 { width:10%; float:left;}
.cor-015 { width:15%; float:left;}
.cor-020 { width:20%; float:left;}
.cor-025 { width:25%; float:left;}
.cor-030 { width:30%; float:left;}
.cor-035 { width:35%; float:left;}
.cor-040 { width:40%; float:left;}
.cor-045 { width:45%; float:left;}
.cor-050 { width:50%; float:left;}
.cor-055 { width:55%; float:left;}
.cor-060 { width:60%; float:left;}
.cor-065 { width:55%; float:left;}
.cor-070 { width:70%; float:left;}
.cor-075 { width:75%; float:left;}





/***  表單欄位  ***/
.form-box {background: rgba(100%,100%,100%,0.6); padding:4% 7%; box-shadow: 0 0 8px #999; margin: 30px 2%; }
.form-box input, .form-box img { vertical-align:middle;}
.form-style01 { font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; padding:5px 0 10px 0; line-height:20px; width:100%;}

.opinion { padding:10px 0; border-bottom:1px dashed #DDD;}
.opinion-left01 { background:none; float:left; width:30%;  border-right:0; padding:7px 2%; font-size:16px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:20px;
                  -webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px;}
				  
.opinion-right01 { float:left; width:7.5%; border:1px #CBCBCB solid; padding:0px 2%; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:20px; border-left:0;
                  -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
				  
.input-main-style01 { float:left; width:55%; border:1px #CBCBCB solid; margin:0; padding:5px 2%; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:20px;
                      -moz-box-shadow:0px 0px 5px #E9E9E9 inset;              /* For Firefox3.6+ */
	                  -webkit-box-shadow:0px 0px 5px #E9E9E9 inset;           /* For Chrome5+, Safari5+ */
	                  box-shadow:0px 0px 5px #E9E9E9 inset;                   /* For Latest Opera */
				      }
.input-main-style02 {background: rgba(90%,90%,90%,0.3); float:left; width:70%; border:0; margin:0; padding:7px 2%; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:20px;}			
.input-main-style03 { float:left; width:93.3333%; border:1px #CBCBCB solid; margin:0; padding:2px 1.5%; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:20px; text-align:center;
                     -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
 }						 
					 
.select-style { font-size:15px; color:#666; line-height:20px; padding:5px 10px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.order-numb { color:#FF0004;}

/***  輸入欄位  ***/

input { }
.input-style01 { background: rgba(90%,90%,90%,0.3); border:0; padding:5px 2%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; width:70%; }

.input-botton01 { border:1px #CBCBCB solid; padding:5px 2%; line-height:18px; font-size:13px; font-family:"微軟正黑體"; color:#4E4E4E; width:100px; margin:0 auto; text-align:center; 
                  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:5px; text-shadow: 1px 0px #fff; font-weight:800;}

.select-style01 {border:1px #CBCBCB solid; padding:5px 2%; width:99%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; margin:0;
                 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
                 -moz-box-shadow:0px 0px 5px #E9E9E9 inset;              /* For Firefox3.6+ */
	             -webkit-box-shadow:0px 0px 5px #E9E9E9 inset;           /* For Chrome5+, Safari5+ */
	             box-shadow:0px 0px 5px #E9E9E9 inset;                   /* For Latest Opera */}

.input-botton-blue {
background: #feffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2UyZmVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWVkZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #feffff 0%, #e2feff 35%, #9eede6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(35%,#e2feff), color-stop(100%,#9eede6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 0%,#e2feff 35%,#9eede6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 0%,#e2feff 35%,#9eede6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 0%,#e2feff 35%,#9eede6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 0%,#e2feff 35%,#9eede6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#9eede6',GradientType=0 ); /* IE6-8 */
}


.bg-gary-whrite {
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(98%,rgba(0,0,0,0.06))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 98%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0f000000',GradientType=0 ); /* IE6-9 */
}

.bg-red-orange {
background: rgb(248,80,50); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
}
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}

/* 頁次 */	
.page{ height:40px; font:13px/40px "微軟正黑體"; color:#333; text-align: center; clear:both; margin-top:10px; }
  .page a { display: inline;background: var(--primary); color:#fff; padding:5px 15px 7px 15px;border-radius: 10px; border: 1px solid var(--primary);transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;}
  .page a:hover { background: #fff ; color: var(--primary); text-decoration: none;}
.page br { display:none;}








/******  底部資訊  ******/
footer { background: var(--secondary);  }
footer .footer-box{max-width:1140px; margin:0 auto; padding:44px 1%;height: inherit;} 
footer .footer-box .footer-content{ display: flex; }
footer .footer-box .infor{ width: 70%; color:#000; font-size:14px; line-height:24px; margin-right: 20px;} 

footer .footer-box .infor .logo{ margin-right:15px;}
footer .footer-box .infor .f-infor-content{ margin: 10px;}
.f-infor-content ul{
    list-style: none;
}
.f-infor-content ul li{
    padding: 3px 0;
}
.f-infor-content .f-inline{
    display: inline-block;
    margin: 0 10px 0 0;
}
.f-infor-content ul li a{
    display: inline-block;
    padding: 0 5px;
    margin: 0 20px;
    background: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
    border-radius: 5px;
}
.f-infor-content a:hover{
    color: var(--primary);
    background: #fff;
    text-decoration: none;
}

footer .footer-box .infor .f-infor-content span{ display:inline-block; padding:0 10px 0 0; } 
 
 
.copytight {  color:#000; font-size:14px; line-height:24px; text-align: center; margin-top: 44px;}
.f-qr{
    text-align: center;
}
.f-qr img{
    margin: 5px 0;
}
.f-qr .order_btn{
    font-size:16px;
    margin: 5px auto;
}
.f-qr .btn_content img{
    margin: 0;
    padding: 0;
    bottom: -20px;
}  
.copytight a{
    margin: 0 10px;
    color: #000;
    display: inline-block;
}
@media only screen and (max-width: 900px){
    .f-qr{
        margin-top: 20px;
    }
    .f-qr .btn_content{
        max-width: 170px;
        margin: 0 auto;
    }

}

/** 404ERROR **/