/* CSS Document */

#mobileMenuPosition { width: 30px; height: 30px; display: none; padding-left: 20px; vertical-align: middle; float: right; margin-top:14px; margin-right: 14px; }
#mobileMenu { width: 30px; height:30px; position: absolute; z-index: 2; }
#mobileMenu span { width: 30px; height: 5px; display: block; background:#333; margin-top: 5px; -webkit-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1); -moz-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1); -ms-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1); -o-transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1); transition: 0.7s cubic-bezier(0.18, 1, 0.21, 1); }
#mobileMenu span:first-child { margin-top: 0; }
.menu-active .bar-a { position: absolute; top: 10px; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); transform: rotate(225deg); }
.menu-active .bar-b { position: absolute; top: 10px; margin-top: 0 !important; -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); transform: rotate(-225deg); }
.menu-active .bar-c { opacity: 0; }
.fontsH{font-size: 16px;}
@media only screen and (max-width: 1180px) {

	.img.bidslink {width: 80%}
	#mobileMenuPosition { display : inline-block }
	.head_menu { display:none }
	.header_logo { float:left; position:inherit; width:200px; }
	#slides { margin-top:52px; }
	.slides-navigation a {  top:40%; }
	.sliderButton { padding-top: 20px; }
	.car_list_box2 .info ul li { float:inherit;width: 100%;}

	.menu-active .navigation { right : 0; }
	.menu-active .navigation ul li { -moz-transform : translateX(0); -webkit-transform : translateX(0); opacity : 1; transform : translateX(0) }
	.navigation {z-index: -1; display: inline !important; background: rgba(255, 255, 255, 0.9); height : 100%; padding : 0; position : fixed; right : -100%; top : 0; width : 235px; overflow:scroll !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; }
	.navigation ul:nth-child(1) {margin-top : 70px;vertical-align : middle}
	.navigation ul{ margin:0px; padding:0px;}
	.navigation ul li { -moz-transform : translateX(15%); -webkit-transform : translateX(15%); margin : 0 20px; opacity : 0; display: block; vertical-align: top; transform : translateX(15%); text-align:left }
	.navigation ul li { padding:0 10px; line-height: 35px; }
	.navigation ul li a{color:#000; }
	.navigation ul li.share_top { margin-left:20px;}
	.navigation ul li.share { float:left}

	.navigation ul li.img { margin:0px 20px 0px 20px; }
	.navigation ul li.img img { margin-bottom:inherit; border:2px solid #666 }
	.navigation ul li.detail_1 { display:none  }
	.navigation ul li.detail_2 {  display:none  }
	.navigation ul li.detail_6 { display:none  }
	.navigation ul li.detail_7 {  display:none  }

	.navigation ul li.detail_3 { display:block; margin-top:0px;  }
	.navigation ul li.detail_4 {  display:block  }
	.navigation ul li.detail_8 { display:block; margin-top:0px;  }
	.navigation ul li.detail_5 {  display:block  }

	.navigation .head_menu_dropdown {position:inherit; z-index:inherit; display:block; }
	.navigation .head_menu_dropdown .head_menu_dropdown_box { background:inherit; box-shadow:inherit;padding:inherit; }
	.navigation .head_menu_dropdown .head_menu_dropdown_box ul { margin:0px; padding:0px; }
	.navigation .head_menu_dropdown .head_menu_dropdown_box ul li { width:100%; margin:0px; padding:0px; list-style:none; display: block; line-height:35px;text-align: left; }
	.navigation .head_menu_dropdown .head_menu_dropdown_box ul li a { color:#000000 !important; text-align:left; margin-left:20px;margin-right: inherit}
	.navigation .head_menu_dropdown .head_menu_dropdown_box ul li:hover { background-color:#333; color:inherit }
	.navigation .head_menu_dropdown .head_menu_dropdown_box ul li:hover a { color:#fff !important }

	#top_page_img {
    margin-top: 53px;
	}



}


@media only screen and (max-width: 800px) {
	.slides-navigation a {  top:27%; }
	.sliderButton { padding-top: 10px; }
	.sliderButton a {  padding: 10px ; }
	.footer_main .main_box {
		float:inherit;
		width: 100%;
		margin-bottom:10px;
	}
	.footer_main .main_box ul li img{ width:50%}

	.special { -webkit-animation: twinkling 1s infinite ease-in-out; }
@-webkit-keyframes twinkling { 0% {
opacity:1;
}
 100% {
opacity:1;
}
}


}

@media only screen and (max-width: 880px) {
	.car_list_box1 { width:33.333333%}
	.company_main .box1 {width: 96%; float:inherit; margin-left:2%; margin-right:2%; margin-bottom:20px; }
	.company_main .box2 {width: 100%; float:inherit;}

	#banner_index div img{width: 100%;}


}

@media only screen and (max-width: 750px) {
	.ensure_main .list { width: 50%; margin-bottom:40px }

	.page_car .car_list_box1 {
		width: 50%;
	}
	.page_car_detail_info .info_box ul li {
		width: 50%;

	}

}




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

	.sliderButton { padding-top: 0px; }
	.car_list_box1 { width:50%}
	.bg_img1 {	padding: 40px;}
	.bg_img2 {	padding: 40px;}
	#banner_four {
		padding: 10px 0;
	}
	.banner_four_main .list {
		width: 50%;
	}
	.page_main_box .box1 { width:100%; }
	.page_main_box .box2 { width:100%;margin-top:30px;}
	.page_main_box .location_bar {
		padding: 0 0px 5px 0px;
		margin: 0px 10px 0px 10px;
	}
	.page_text {
		padding: 10px 10px 0 10px;
	}
	.page_text .list_main1 .list_main5 .box1 span{ text-align:left; width:100%; display:block }
	.page_text .list_main1 .list_main5 .box2 { float:inherit; width:100%;text-align:right }
	.page_text_share { padding: 5px 10px 0 10px; }
	.page_text_botton { text-align:right }
	.page_car_detail .img {
		float: left;
		width: 100%;
	}
	.page_car_detail .info {
		float: left;
		width: 100%;
		margin-top:10px;
	}
	.page_car_detail .info_box {
		margin-left:inherit;
	}
	.footer_main .qr {width: 60%; float: none; display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;}

}


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

	.slides-navigation a {  top:22%; }
	.sliderButton a { display:none}

	.car_list_main {
		padding: 10px 0px;
	}
	.car_list_main .list_botton {
	margin-left:0px;
    margin-bottom:0px;
	margin-right:0px;

	}
	.car_list_main .list_botton ul{ margin:0px; padding:0px;}
	.car_list_main .list_botton ul li {
		float:inherit;
		 margin-bottom:10px;
	}

	.car_list_box1 { width:100%}
	.ensure_main .list { width: 100%; margin-bottom:40px }
	.banner_four_main .list {
		width: 100%;
	}

	.page_contact { padding:inherit}
	.page_contact .page_contact_info { display:none }
	.th_del{ display:none}
	.page_contact tr th { padding-right: 0px;  width:70px; }

	.page_car .car_list_box1 {
		width: 100%;
	}


	.page_car {padding:0 5px 0 5px;}

    .fontsH{font-size: 12px;}

	.page_car_detail_info .info_box ul li {
    width: 100%;

	}


}

@media only screen and (max-width: 400px) {
	.slides-navigation a { display:none }
	.footer_main .main_box ul{ margin:5px; padding:0px;}
	.footer_main .main_box ul li { line-height:25px; font-size:14px; font-weight:bold }
		.bg_img1 {	padding: 30px;}
	.bg_img2 {	padding: 30px;}

}


/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{width:94%; margin:2em auto 2em auto; }
	
/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:100%; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:30%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:34px; color:#fff;font-weight:100;}

 
/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0; padding:0;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;}
  .automenu li{margin:0; padding:5px 10px 5px 14px;display: inline; border-left:1px solid #CCC;    overflow: hidden; white-space: nowrap; line-height:40px}
  .automenu a { font-size:18px;color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{font-size:18px;color: #222222; font-weight:none; border-bottom:1px solid #333;}


/* trade */
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.tradet{float:left;width:100%; margin:2em 0 0 0; padding:0px;}
  .tradet img{margin:10px 0 0 0; padding:0;height: auto;max-width: 100%; text-align:center}
  .tradet h1{margin:0 0 30px 0; padding:0; font-size:26px; color:#0051b2;}
  .tradet h2{margin:5px 0 5px 0; padding:0; color:#0051b2; }
  .tradet p{margin:0 0 30px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}


}


/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{width:94%; margin:2em auto 3em auto; }
	
/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:100%; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:38%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:60px; color:#fff;font-weight:100;}


/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0 0 1em 0; padding:0;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;display: inline;}
  .automenu li{margin:0; padding:5px 10px 5px 14px;display: inline; border-left:1px solid #CCC;}
  .automenu a {color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{color: #222222; font-weight:none; border-bottom:1px solid #333;}


/* trade */
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.tradet{float:left;width:100%; margin:3em 0 0 0; padding:0px;}
  .tradet img{margin:20px 0 0 0; padding:0;height: auto;max-width: 100%; text-align:center}
  .tradet h1{margin:0 0 30px 0; padding:0; font-size:26px; color:#0051b2;}
  .tradet h2{margin:5px 0 5px 0; padding:0; color:#0051b2; }
  .tradet p{margin:0 0 30px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}


}


/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{width:94%; margin:4em auto 5em auto; }

/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:100%; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:38%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:60px; color:#fff;font-weight:100;}


/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0 0 1em 0; padding:0;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;display: inline;}
  .automenu li{margin:0; padding:5px 20px 5px 24px;display: inline; border-left:1px solid #CCC;}
  .automenu a {color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{color: #222222; font-weight:none; border-bottom:1px solid #333;}


/* trade */
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.tradet{float:left;width:100%; margin:3em 0 0 0; padding:0px;}
  .tradet img{margin:30px 0 0 0; padding:0;height: auto;max-width: 100%; text-align:center}
  .tradet h1{margin:0 0 30px 0; padding:0; font-size:26px; color:#0051b2;}
  .tradet h2{margin:5px 0 5px 0; padding:0; color:#0051b2; }
  .tradet p{margin:0 0 30px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}


}  

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{width:90%; margin:4em auto 5em auto; }

/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:100%; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:45%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:60px; color:#fff;font-weight:100;}


/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0 0 1em 0; padding:0;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;display: inline;}
  .automenu li{margin:0; padding:5px 26px 5px 30px;display: inline; border-left:1px solid #CCC;}
  .automenu a {color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{color: #222222; font-weight:none; border-bottom:1px solid #333;}


/* trade */
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.tradet{float:left;width:100%; margin:3em 0 0 0; padding:0px;}
  .tradet img{margin:30px 0 0 0; padding:0;height: auto;max-width: 100%; text-align:center}
  .tradet h1{margin:0 0 30px 0; padding:0; font-size:26px; color:#0051b2;}
  .tradet h2{margin:5px 0 5px 0; padding:0; color:#0051b2; }
  .tradet p{margin:0 0 30px 0; padding:0;text-align:justify;text-justify:inter-ideograph;}

}



/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {
.md{float:left;width:100%; margin:0px; padding:0px;}
.mdinf{max-width:1280px; margin:4em auto 5em auto;}

/*mad*/
.mad{max-width:100%; height:auto;margin:0; padding:0 auto;position:relative;}
.mad img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width); } 
.madTw{width:1280px; height:auto; margin:0 auto; padding:0;}
.madT{width:100%; margin:0; padding:0;position:absolute;top:45%; left:0;z-index:8;text-shadow:1px 1px 1px #000; text-align:center}
  .madT h1{margin:0 ; padding:0;font-size:60px; color:#fff;font-weight:100;}


/*Menu*/
.automenu{float:left; width:100%;text-align:center; margin:0 0 1em 0; padding:0;}
  .automenu ul{list-style-type:none; padding: 0px;margin: 0px;display: inline;}
  .automenu li{margin:0; padding:5px 26px 5px 30px;display: inline; border-left:1px solid #CCC;}
  .automenu a {color: #222222;text-decoration: none;}
  .automenu a:hover {color: #0051b2; text-decoration:none}
.inauto{color: #222222; font-weight:none; border-bottom:1px solid #333;}


/* trade */
.cpTt{float:left;width:100%;padding:0; margin:0; font-size:26px; line-height:26px;}
.tradet{float:left;width:100%; margin:3em 0 0 0; padding:0px;}
  .tradet img{margin:30px 0 20px 0; padding:0;height: auto;max-width: 100%; text-align:center}
  .tradet h1{margin:0 0 20px 0; padding:0; font-size:26px; color:#0051b2;}
  .tradet h2{margin:5px 0 5px 0; padding:0; color:#0051b2; font-size:18px;}
  .tradet p{margin:0 0 20px 0; padding:0;text-align:justify;text-justify:inter-ideograph; line-height:32px}



}