@media (max-width: 1200px) {
/**主選單**/	
ul.menu-left { display: none!important;}	
/**子選單**/	
.Subproject { display: none;}
section#head_banner { padding: 80px 0 5% 0; }
.filter ul li:nth-child(6){ width: 58%; display: flex; padding: 0;}

.slick-next{ right:-7px!important;}
.slick-prev { left:-11px!important;}

.mobile_icon { float:right; display:block;}
.mobile_icon ul {}
.mobile_icon ul li { float:right; padding:0 0 0 0;}
.mobile_icon ul li:nth-child(1){ width:132px;}
.mobile_icon ul li:nth-child(2){ width:100px; margin-right: 10px;}

.levitate_btn ul li:nth-child(1){ display:block;}
.levitate_btn ul li:nth-child(2){ display:block;}

.lookfor ul li:nth-child(5){width:39%;}

.lookfortow ul li:nth-child(5){width:39%;}

.lookforthree ul li:nth-child(3){width:38%;}
	
section#guided_tour {  margin:85px 0 0 0;}
}

@media (max-width: 1024px) {}

@media (max-width: 1400px) {
#live-chat { float:right; bottom: 48px; right: 20px; position: relative; width: 45%; }
#live-chat2 { float:left; bottom: 48px; left: 15px; position: relative; width: 45%; }

.filter ul li:nth-child(6){ width: 44%; display: flex; padding: 0;}	

.slick-next{ right:-20px!important;}
.slick-prev { left:-25px!important;}

.all_vehicle ul li { width:48%; }

.page { float:left; width:100%; font-weight:600; display:block;}
.page ul { float:left; width: 100%; margin:5% 0% ; padding:0; display: flex; justify-content: center; }
.page ul li { float:left; padding:0% 1% 0% 1%;}
.page ul li a { color:#ababab; }
.page ul li a:hover { color:#171717;}

.lookfor ul li { margin: 1% 5px 0% 0px;}
.lookfor ul li:nth-child(1){width:100%;}
.lookfor ul li:nth-child(2){width:100%;}
.lookfor ul li:nth-child(3){width:100%;}
.lookfor ul li:nth-child(4){width:100%;}
.lookfor ul li:nth-child(5){width:100%;}

.lookfortow ul li { margin: 1% 5px 0% 0px;}
.lookfortow ul li:nth-child(1){width:160px;}
.lookfortow ul li:nth-child(2){width:150px;}
.lookfortow ul li:nth-child(3){width:160px;}
.lookfortow ul li:nth-child(4){width:172px;}
.lookfortow ul li:nth-child(5){width:99%;}

.lookforthree ul li { margin: 1% 5px 0% 0px;}
.lookforthree ul li:nth-child(1){width:326px;}
.lookforthree ul li:nth-child(2){width:326px;}
.lookforthree ul li:nth-child(3){width:99%;}


#slider #commands{margin:-21% 0 0 5%;width:90%;height:50px}
#slider #slides .caption { margin:4% 0% 0% 4.5%; }

.infor_title { font-size:20px; }

}

@media (max-width: 800px) {}

@media (max-width: 768px) {
section#head_banner { padding: 80px 0 24% 0; }

/**menu**/
.menu-left a { width:100%;}
/**舊漢堡選單**/
.nav-toggle { display: none; }

.options ul { display:block;}
.options ul li { width:25%; padding:3% 4% 1% 4%;}

.pc_photo { display:none;}
.mobile_photo { display:block;}

.filter ul { width:100%; display: contents; }
.filter ul li:nth-child(6){ width:100%; display: flex; padding: 0;}

.title span { float:left;}

.card-vehicle_list .cards .description { font-size: 14px;}

.lookfor ul li:nth-child(1){width:100%;}
.lookfor ul li:nth-child(2){width:100%;}
.lookfor ul li:nth-child(3){width:100%;}
.lookfor ul li:nth-child(4){width:100%;}
.lookfor ul li:nth-child(5){width:100%; margin: margin:0 0 0 0;}

.lookfortow ul li:nth-child(1){width:239px;}
.lookfortow ul li:nth-child(2){width:239px;}
.lookfortow ul li:nth-child(3){width:239px;}
.lookfortow ul li:nth-child(4){width:239px;}
.lookfortow ul li:nth-child(5){width:98%; margin: margin:1% 0 0 0;}


.lookforthree ul li:nth-child(1){width:48%;}
.lookforthree ul li:nth-child(2){width:48%;}
.lookforthree ul li:nth-child(3){width:97%;}


#slider #commands{margin:-36% 0 0 5%;}

.price3 p {  font-size:16px;} 

.upload_photo_block .car_photo ul li { width:47%; }


.define_btn { width: 22%; margin:2% 39% 16% 39%; padding: 2%; }
.my_collection .rota ul li { font-size:15px;}
.my_collection .my_list ul li .my_text h1 { font-size: 14px; }
.my_collection .my_list ul li .my_text p { margin:0 0 0 0; font-size: 12px;}
.my_collection .my_list ul li .my_price {font-size: 14px; }
.my_collection .my_list ul li .close_btn { width: 5%; margin: -1.1% -2% 0 2%;}
.my_collection .my_list ul li .my_text { width:50%; padding:4% 0 0% 0%;}
.my_collection .my_list ul li .my_photo { margin:2% 0% 0% 0%;}
.my_btn_all {  padding:3% 0 0 0; font-size:13px; display:none;}
.my_btn_alls { padding:3% 0 0 0;}
.green_btn { margin:0 2% 0 0; padding:1% 2%; }
.red_btn { margin:0; padding:1% 2%;}
.redline_btn { margin:0 2% 0 0; padding:1% 3%;  }
.text_btn .dealer {  font-size:12px;}
.text_btn .data { font-size:12px; }
.red_btn.offset { position: absolute; margin:1.5% 0% 0% 24vh;}


.car_material .car_material_photo { width:100%;}
.car_material .car_material_list { width:100%; padding:1% 0% 1% 1%;}
.infor_title { font-size:16px; padding:2% 2%; }
.infor_title .AP {width: 15%; float: right; font-size: 16px; padding: 2.3% 1%; margin: 1% 0 0 0;}
.infor_title .line_relation {float: right; width: 100%; padding: 2% 0%; margin: 2% 0%; text-align:center; font-size: 20px;}
.infor_title.aps { border-bottom-width: 1px; border-left-width: 10px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #5adbcc; border-left-color: #f7f7f7;}
.infor_title .nt {  padding:10px 0 10px 0; margin:0 0 0 0;}

.text_s {float: left; width: 100%; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.Select_number ul {display: flex; justify-content: center; flex-wrap: wrap;}

}

@media (max-width: 730px) {

	
	}

@media (max-width: 640px) {
section#head_banner { padding: 64px 0 5% 0; }

.two_row { white-space: nowrap; display: flex; flex-wrap: wrap; justify-content: center;}

.lookfor ul li:nth-child(1){width:100%;}
.lookfor ul li:nth-child(2){width:100%;}
.lookfor ul li:nth-child(3){width:100%;}
.lookfor ul li:nth-child(4){width:100%;}

.lookfortow ul li:nth-child(1){width:25%;}
.lookfortow ul li:nth-child(2){width:22%;}
.lookfortow ul li:nth-child(3){width:22%;}
.lookfortow ul li:nth-child(4){width:25%;}

.chat-close,.chat-close2 {width: 24px; height: 24px; font-size: 22px; line-height: 22px; }
 

/**選項框**/
[include*="form-input-select()"] {
  display: block;
  padding: 0;
  position: relative; 
  color: #005BA6;
  display: block;
  border-radius: 0;
  box-shadow: none;
  font-size: 16px;
  margin:0 0; 
  width: 100%;
}
[include*="form-input-select()"]::before, [include*="form-input-select()"]::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 2;
}
[include*="form-input-select()"] select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  
  outline: none;
  /* Focus style */
}
[include*="form-input-select()"] select:focus {
  background-color: transparent;
  outline: none;
}
[include*="form-input-select()"] option {
  font-weight: normal;
}
[include*="form-input-select()"] x:-o-prefocus, [include*="form-input-select()"]::after {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [include*="form-input-select()"] select::-ms-expand {
    display: none;
  }
  [include*="form-input-select()"] select:focus::-ms-value {
    background: transparent;
    color: #000;
  }
}
@-moz-document url-prefix() {
  [include*="form-input-select()"] {
    overflow: hidden;
  }
  [include*="form-input-select()"] select {
    width: 120%;
    width: calc(100% + 3em);
    /* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
  }
  @supports (-moz-appearance: none) {
    [include*="form-input-select()"] select {
      width: 100%;
    }
  }
  [include*="form-input-select()"] select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
}
@supports (-moz-appearance: none) {
  [include*="form-input-select()"] {
    width: 100%;
  }
}
[include*="form-input-select()"]::before, [include*="form-input-select()"]::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  border: 1px solid transparent;
  width: 0;
  height: 0;
  right: 6px;
}
[include*="form-input-select()"]::before {
  bottom: 55%;
  border-width: 0 6.5px 8px 6.5px;
  border-bottom-color: #D6D6D6;
}
[include*="form-input-select()"]::after {
  border-width: 8px 6.5px 0 6.5px;
  border-top-color: #D6D6D6;
  top: 55%;
}
@-moz-document url-prefix() {
  [include*="form-input-select()"] {
    border-right: 3px solid #E6E6E6;
  }
  [include*="form-input-select()"]:hover {
    border-right: 3px solid #005BA6;
  }
}
[include*="form-input-select()"]:hover select {
/*框顏色*/
  box-shadow: 0 2px 3px rgba(0, 91, 166, 0.1) inset;
  border-color: #54b9cb;
}
[include*="form-input-select()"]:hover select:focus {
  outline-color: transparent;
}
/*上下*/
[include*="form-input-select()"]:hover::before {
  border-bottom-color: #54b9cb;
}
[include*="form-input-select()"]:hover::after {
  border-top-color: #54b9cb;
}
[include*="form-input-select()"] select {
  border: 2px solid #CCC;
  border-radius: 0;
  font-weight: 400;
  color: inherit;
  padding: 11px 18px 11px 6px;
  line-height: normal;
  transition: border-color 0.2s ease, outline 0.2s ease;
}
[include*="form-input-select()"] select:focus {
  box-shadow: 0 3px 4px rgba(0, 91, 166, 0.3) inset;
  outline: 2px solid #54b9cb;
  outline-offset: -3px;
}
[include*="form-input-select()"] select[disabled], [include*="form-input-select()"] select:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
[include*="form-input-select()"] select:not(:focus):invalid {
  color: #666666;
}
/**選項框**/

#slider #commands{margin:-45% 0 0 5%;}
#slider #slides .caption { margin:6% 0 0 7%; font-size:14px; line-height:12px; }



.red_btn.offset { position: absolute; margin:1.5% 0% 0% 42.5%;}

section#guided_tour { display:none;}
section#vehicle_publish {  margin:80px 0 0 0;}
section#vehicle_search { margin:80px 0 0 0;}
section#vehicle_number { margin:80px 0 0 0;}
section#vehicle_details { margin:80px 0 90px 0; }
section#infor_block { padding: 0; margin: 0 0 90px 0;}
}

@media (max-width: 540px) {
.price3 p { font-size:14px;} 	

.mobile_icon ul li:nth-child(1){ width:90px; margin:0px 0 0 0;}
.mobile_icon ul li:nth-child(2){ width:68px; margin:0px 6px 0px 0px;}

.customize_left { width:98%; margin:0 2% 4% 0; }
.customize_right { width:98%;}

}




@media (max-width: 500px) {}



@media (max-width: 990px) {
.title span { float:right;}
.all_vehicle ul li { width:100%; }	
.AD1 { width:100%; }
.AD2 { display:none}

.price3 p {  font-size:20px;} 

.car_photo ul li .hint {  font-size:15px;}
.car_photo ul li .choose_btn { width: 50%;}

.worko-tabs .flex-tabs .panel {
  background-color: #ffffff;
  padding: 0px;
  min-height: 300px;
  display: none;
  width: 100%;
  flex-basis: auto;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #fff;
}





}


@media (max-width: 450px) {
header nav .logo { width:26%;  }

#login .container .logo { width:50%;}
#login .container .avatar { width:20%; margin:3% auto -12% auto; }
#login .container .login_box { width: 94%; margin: 0 auto; padding:14% 4% 4% 4%;}

.my_list ul li .my_block .my_text .my_btn_alls ul li:nth-child(6){ float: right; width: 58%; display: block; position: absolute; padding: 5px 0 0 176px;}

}

@media (max-width: 390px) {
.lookfor ul li:nth-child(1){width:100%;}
.lookfor ul li:nth-child(2){width:100%;}
.lookfor ul li:nth-child(3){width:100%;}
.lookfor ul li:nth-child(4){width:100%;}
.lookfor ul li:nth-child(5){width:100%; margin:0 0 0 0;}

.lookfortow ul li:nth-child(1){width:25%;}
.lookfortow ul li:nth-child(2){width:21%;}
.lookfortow ul li:nth-child(3){width:22%;}
.lookfortow ul li:nth-child(4){width:25%;}
.lookfortow ul li:nth-child(5){width:97%; margin:2% 0 0 0;}

.all_vehicle ul .advertise { padding:10%;  }

.white_box .add_on p {line-height: 28px; font-size: 14px;}

/**選項框**/
[include*="form-input-select()"] {
  display: block;
  padding: 0;
  position: relative; 
  color: #005BA6;
  display: block;
  border-radius: 0;
  box-shadow: none;
  font-size: 12px;
  margin:0 0; 
  width: 100%;
}
[include*="form-input-select()"]::before, [include*="form-input-select()"]::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 2;
}
[include*="form-input-select()"] select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: 1px solid transparent;
  
  outline: none;
  /* Focus style */
}
[include*="form-input-select()"] select:focus {
  background-color: transparent;
  outline: none;
}
[include*="form-input-select()"] option {
  font-weight: normal;
}
[include*="form-input-select()"] x:-o-prefocus, [include*="form-input-select()"]::after {
  display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [include*="form-input-select()"] select::-ms-expand {
    display: none;
  }
  [include*="form-input-select()"] select:focus::-ms-value {
    background: transparent;
    color: #000;
  }
}
@-moz-document url-prefix() {
  [include*="form-input-select()"] {
    overflow: hidden;
  }
  [include*="form-input-select()"] select {
    width: 120%;
    width: calc(100% + 3em);
    /* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
  }
  @supports (-moz-appearance: none) {
    [include*="form-input-select()"] select {
      width: 100%;
    }
  }
  [include*="form-input-select()"] select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
}
@supports (-moz-appearance: none) {
  [include*="form-input-select()"] {
    width: 100%;
  }
}
[include*="form-input-select()"]::before, [include*="form-input-select()"]::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  border: 1px solid transparent;
  width: 0;
  height: 0;
  right: 5px;
}
[include*="form-input-select()"]::before {
  bottom: 55%;
  border-width: 0 6.5px 8px 6.5px;
  border-bottom-color: #D6D6D6;
}
[include*="form-input-select()"]::after {
  border-width: 8px 6.5px 0 6.5px;
  border-top-color: #D6D6D6;
  top: 55%;
}
@-moz-document url-prefix() {
  [include*="form-input-select()"] {
    border-right: 3px solid #E6E6E6;
  }
  [include*="form-input-select()"]:hover {
    border-right: 3px solid #005BA6;
  }
}
[include*="form-input-select()"]:hover select {
/*框顏色*/
  box-shadow: 0 2px 3px rgba(0, 91, 166, 0.1) inset;
  border-color: #54b9cb;
}
[include*="form-input-select()"]:hover select:focus {
  outline-color: transparent;
}
/*上下*/
[include*="form-input-select()"]:hover::before {
  border-bottom-color: #54b9cb;
}
[include*="form-input-select()"]:hover::after {
  border-top-color: #54b9cb;
}
[include*="form-input-select()"] select {
  border: 2px solid #CCC;
  border-radius: 0;
  font-weight: 400;
  color: inherit;
  padding: 10px 18px 10px 5px;
  line-height: normal;
  transition: border-color 0.2s ease, outline 0.2s ease;
}
[include*="form-input-select()"] select:focus {
  box-shadow: 0 3px 4px rgba(0, 91, 166, 0.3) inset;
  outline: 2px solid #54b9cb;
  outline-offset: -3px;
}
[include*="form-input-select()"] select[disabled], [include*="form-input-select()"] select:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
[include*="form-input-select()"] select:not(:focus):invalid {
  color: #666666;
}
/**選項框**/


.text_s {float: left; width: 62%; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

}

@media (max-width: 376px) {
header nav .logo { width:30%; margin:2% 0 0 0; }

}

@media (max-width: 320px) {}