@charset "utf-8";
* {font-family:"微軟正黑體";line-height:28px;box-sizing:border-box;list-style:none;}
a {text-decoration: none;color:#262626;
  -webkit-transition: ease .3s;
  -moz-transition: ease .3s;
  -ms-transition: ease .3s;
  -o-transition: ease .3s;
  transition: ease .3s;
}
.div_shadow
{
-webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    1px 2px 4px 0px rgba(50, 50, 50, 0.5);
box-shadow:         1px 2px 4px 0px rgba(50, 50, 50, 0.5);
}
.mobile_only{display:none;}
.purple_txt{color:var(--mainClolor);}
.center{width:1240px;margin:0 auto;}
h1.title{background:var(--bgcBL);color:var(--mainClolor);font-size:26px;font-weight:normal;padding:15px;letter-spacing:1px;border-radius:3px;}

/*************************/
/*      首頁   靜態頁      */
/*************************/
.about_art{width:98%;padding:20px 0;margin:30px auto;background:url(../images/about_bg.jpg) no-repeat 94% 30px;max-width:980px;}
.about_art h2{color:var(--mainClolor);font-size:26px;margin:25px 0;font-weight:normal;}
.about_art p{color:#444;font-size:16px;margin-bottom:40px;}

.description{font-size:15px;color:#444;margin:50px auto 0;max-width:980px;width:98%;font-weight:normal;}

.static_box{width:98%;padding:20px 0;margin:30px auto;background:url(../images/about_bg.jpg) no-repeat 94% 35px;max-width:980px;}
.static_box h2{color:var(--mainClolor);font-size:26px;margin: 20px 0px;}
.main_lists li{font-size:15px;color:var(--mainClolor);list-style-type: square;letter-spacing:1px;margin: 10px 30px;}

.qa_lists{margin:25px 0;}
.qa_lists li{margin:40px;}
.qqq{color:var(--mainClolor);font-size:16px;margin:10px 0;font-weight: bold;}
.aaa{color:#444;font-size:15px;}
.aaa_detail{padding-left:2em;color:#777;}
.aaa_detail li{margin:10px;list-style-type: initial;}

.aaa_detail strong{color:#444;}

/*************************/
/*          輪播         */
/*************************/
.flexslider{position:relative;}
.flexslider a.buttonLink{background:var(--bgcBL); color:var(--mainClolor);padding:10px 20px;position:absolute;top:0;left:0;margin:50px;z-index: 99;border-radius: 10px;font-size:20px;letter-spacing:1px;outline:none;}
.flexslider a.buttonLink .fa{font-size:26px;padding:5px 20px 5px 10px;border-right:1px solid var(--mainClolor);margin-right:15px;}
.flexslider a.buttonLink:hover{color:#E4E3EE;}

/*************************/
/*          型號         */
/*************************/
.model_art{width:98%;max-width:1240px;margin:20px auto;}
.model_list{width:100%;margin: 40px 0;}
.model_list li{max-width:32%; display:inline-block;border:1px solid #fff;text-align:center;margin:0 auto;position:relative;}
.model_list li .model_img_box{width:100%;line-height:0;}
.model_list li .model_img_box img{width:100%;}
.model_list li h5{background:var(--bgcBLop);height:75px;color:var(--mainClolor);font-size:22px;position:absolute;bottom:0;width:100%;padding:23px 0;text-transform:uppercase;}

.model_albums .column {width: 98%;margin:1% auto;display:inline-block;border:2px solid #fff;vertical-align: top;}
.model_albums.moto .column {width: 48%;}
.photo {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.model_albums .photo{max-width:1060px;margin:auto;}
.model_albums.moto .photo{max-width:620px;margin:auto;}
.photo img {display: block;width: 100%;height: auto;}
.photo img[src="../images/loader.gif"]{width: 32px;margin: 30% auto;}

@media screen and (max-width: 1239px){
.center{width:100%; padding:0 10px;}	
	
  @media screen and (max-width: 1024px){
  .model_list li{width:49%;max-width:inherit;}
  .model_list li h5{font-size:20px;}

    @media screen and (max-width: 864px){
    .mobile_only{display:block;}
    .content{width:98%;margin:0 auto;}
    h1.title {font-size:18px;font-weight:500;line-height:20px;background-size: contain;padding:10px;height:auto;}

    .about_art{margin:0 auto;background: url(../images/about_bg.jpg) no-repeat 100% 35px;}
    .about_art h2{font-size:18px;font-weight:bold;}
    .about_art p{font-size:15px;}

    .static_box{margin:0 auto;background: url(../images/about_bg.jpg) no-repeat 100% 35px;}
    .qa_lists li{margin:40px 15px;}
    .aaa_detail{padding-left:1.4em;}
    .aaa_detail li{margin:10px;list-style-type: initial;}

    .flexslider a.buttonLink{bottom:0;top:inherit;margin: 30px;}

    .model_albums.moto .column {
      width: 98%;
    }

      @media screen and (max-width: 568px){
      .model_list li{width:100%;border:5px solid #fff;}

      .flexslider{margin:0 auto 100px;}
      .flexslider a.buttonLink{margin:0 20% -70px 20%;padding:5px 15px;width:280px;display: block;}
      }
    }
  }
}