@charset "utf-8";
/* CSS Document */

html { height:100%;}

body { position:relative; /*height:100%; */margin:0; font-family:微軟正黑體, Arial, Helvetica, sans-serif; }

#fullbg {position: fixed;width: 100%;height: 100%;/*background-image:url(../images/polonez_car.png);*//*background-size: cover;*/background-position: 0% 0%;z-index: -9999;/*overflow:auto;-webkit-filter:blur(4px);*/}

#wrap { position:relative; z-index:1; width:100%; /*height:100%; overflow:auto;*/ }
#header_nav{width: 100%;height: 220px;/*background-image:url(../images/nav_bg.png);*/background-repeat: repeat-x;background-position: 0px 164px;overflow: hidden;}
#header_nav p{font-size: 24px;color: #6e6e6e;/*border: solid 1px #ff2222;*/width: 300px;position: absolute;left: 420px;top: 60px;}
#header_nav .logo{position: absolute;margin: 20px 60px;width: 20%;}
#header_bg{background-image: url(../images/polonez_car.png);background-repeat: repeat-x;background-position: 0px 0px;z-index: -999;margin: 0 0;width:100%;height: 210px;position: absolute;}
#nav {position:relative;width:1030px;height: 220px;margin: 0 auto;overflow: hidden;/*border: solid 1px #ff0000;*/}
#nav ul li{position:relative; float: left;margin-top: 170px;margin-left: 10px;overflow: hidden;/*border: solid 1px #ff0000;*/}
#nav ul li select{font-size: 15px;margin-top: 10px;color: #777;/*border: solid 1px #fff;*/background-color: #ffffff;}
.nav_home {background: url(../images/nav.png) 24px 0 no-repeat;width: 80px;height:44px;text-indent: -9999px;}
.nav_newproducts {background: url(../images/nav.png) -74px 0 no-repeat;width: 100px;height:44px;text-indent: -9999px;}
.nav_ok {background: url(../images/nav.png) -190px 0 no-repeat;width: 100px;height:44px;text-indent: -9999px;}

.nav_home:hover {background-position: 24px -55px;}
.nav_newproducts:hover {background-position: -74px -55px;}
.nav_ok:hover {background-position: -190px -55px;}


#nav_mobile{position:absolute;width:100%;height:1010px;top:0%;left:0%;background-color: rgba(0, 0, 0, 0.8);display: none;z-index: 1;padding: 20px;}
#nav_mobile ul{top: 60px;position: relative;}
#nav_mobile ul li{position:relative; font-size: 26px;color: #fff;clear: both;padding: 20px;border-bottom: solid 1px #333;}
#nav_mobile ul li select{font-size: 17px;margin: 2px;border: solid 1px #fff;background-color: #ffffff;text-align: center;}
#nav_mobile ul li a {color: #fff;text-decoration: none;}

#nav_btn_wrap { display:none; position:absolute; right:20px; top:18px; width:60px; height:50px; z-index: 99;}
a.nav_btn { position:absolute; left:0; top:0; width:60px; height:50px; background:url(../images/menu_btn.png) no-repeat;}
a.nav_btn.on { background-position:0 0; }
a.nav_btn.off { display:none; background-position:0 -50px; }

#brand_list{position: relative;width: 98%;padding: 20px;/*background-color: #666;border: solid 1px #ff0000;*/}
#brand_list ul {position: relative;width:90%;margin: 0px auto;text-align: center;bottom: 20px;/*border: solid 1px #fff;*/}
#brand_list ul li {position: relative;width: 120px;height:85px;margin:20px 10px;float: left;background-size: 80px 60px;background-position: center center;border: solid 1px #666;background-repeat: no-repeat;/*display: block; */}
#brand_list ul li img {width: 60px;height:45px;margin: 18px;}
#brand_list ul li p {font-size: 12px;color: #666;margin-left: 4px;margin-top: 18px;}
#brand_list ul li a {background-size: cover;text-decoration: none;/*border: solid 1px #ff0000;*/}

#products_list .brandimg{position:relative;width: 120px;margin: 10px 40px;border: solid 1px #666;}
#products_list .brandname{position:relative;width: 120px;margin: 0px 40px;font-size: 15px;color: #666;}
#products_list{ position: relative;width: 96%;margin: 20px auto;}
#products_list ul{position: relative;width:96%;margin: 0px auto;}
#products_list ul li {position: relative;float: left;margin: 16px;width: 240px;height: 180px;background-size: cover;display: block;margin-bottom: 200px;border: solid 1px #777;}
#products_list ul li img {width: 100%;}
#products_list h1{font-size: 21px;color: #666;margin-top: 160px;}
#products_list h2{font-size: 15px;display: block;color: #666;margin-top: 20px;}
#products_list p{font-size: 12px;color: #666;display: block;line-height: 21px;}
.watermark{z-index: 1;position: absolute;margin: 0 0;}

/*NEWS*/
#news_list .newsimg{position:relative;width: 287px;margin: 10px 40px;}
#news_list .brandname{position:relative;width: 120px;margin: 0px 40px;font-size: 15px;color: #666;}
#news_list{ position: relative;width: 96%;margin: 20px auto;}
#news_list ul{position: relative;width:96%;margin: 0px auto;}
#news_list ul li {width: 40%;position: relative;float: left;margin: 16px;/*height: 136px;*/background-size: cover;display: block;margin-bottom: 10px;}
/*#products_list ul li img {margin: 4px;}*/
#news_list h1{font-size: 21px;color: #000;margin-bottom: 10px;border-bottom: dotted 1px #000;}
#news_list h2{font-size: 13px;display: block;color: #666;}
#news_list p{font-size: 12px;color: #222;display: block;}

#footer{position: relative;width:100%;height: 60px;background-color: rgba(0, 0, 0, 0.0);clear: both;text-align: center;margin-bottom: 0px;}
#footer p {font-size: 9pt;color: #333;text-align: center;}

//全部的使用者都會載入這裡的 CSS。

@media all and (min-width: 1200px) {
     /*如果使用者之視窗寬度 >= 1200px，將會再載入這裡的 CSS。*/
}

@media all and (min-width: 768px) and (max-width: 979px) {
     /*如果使用者之視窗寬度介於 768px ~ 979px，將會再載入這裡的 CSS。*/    
}

@media all and (max-width: 767px) {
     /*如果使用者之視窗寬度 <= 768px，將會再載入這裡的 CSS。*/  
    #header_nav{width: 98%;height: 140px;background-color: rgba(255, 255, 255, 0.5);}
    #header_nav p{font-size: 24px;color: #6e6e6e;/*border: solid 1px #ff2222;*/width: 96%;position: absolute;left: 60px;top: 100px;}
    #nav {display: none;}
    #nav_btn_wrap { display:block;}
    #header_nav .logo{position: absolute;margin: 20px 60px;width: 45%;}

    #brand_list{position: relative;width: 88%;/*background-color: #666;border: solid 1px #ff0000;*/}
    #brand_list ul li {position: relative;width: 130px;height:98px;margin:20px 2px;float: left;background-size: 80px 60px;background-position: center center;border: solid 1px #666;background-repeat: no-repeat;/*display: block; */}
    #brand_list ul li img {width: 90px;height:68px;margin: 18px;}
    #brand_list ul li p {margin-top: 0px;}
    #products_list{position: relative;width: 90%;/*padding: 20px;*//*background-color: #666;*/margin: 10px 0;}
    #footer{position: relative;width:100%;height: 60px;background-color: rgba(0, 0, 0, 0.0);clear: both;text-align: center;top:20px;}
    #footer p {font-size: 9pt;color: #333;text-align: center;}
    #footer img{width: 90%;}
    
}

@media all and (max-width: 660px) {
    /*如果使用者之裝置寬度 <= 660px，將會再載入這裡的 CSS。*/
 }