/*-------------------------------------------------
NEW CAR LIST PAGE

CATEGORY
-------------------------------------------------*/

#cate_box {
  width: 100%;
  margin: 0% 0% 0% 0%;
  padding: 0px;
}
#cate_box a {
  color: #fff;
  text-decoration: none;
  display: block;
}
#cate_bt_stay {
  text-align: center;
  width: 50%;
  float: left;
}
#cate_bt {
  text-align: center;
  width: 50%;
  float: left;
}
#category_text {
  font-size: 15px;
  line-height: 90px;
  text-align: center;
}
/*-------------------------------------------------
NEW CAR LIST PAGE

LIST
-------------------------------------------------*/

.body_type_name {
  font-weight: normal;
  border-bottom: 1px solid #003057;
  color: #003057;
}
.list {
  width: 48%;
  height: 170px;
  float: left;
  margin: 2% 1% 2% 1%;
  padding: 0%;
  display: block;
}
.new_icon {
  width: 42px;
  height: 20px;
  display: block;
  float: left;
  margin-right: 5px;
}
.list_photo_center {
  width: 100%;
  display: block;
  float: left;
}
.list_photo_center img {
  width: 100%;
  display: block;
  float: left;
}
.list_text {
  float: left;
  width: 53%;
  max-width: 300px;
  overflow: hidden;
  padding: 0% 0% 0% 2.5%;
}
.list_title a {
  padding: 2% 0% 2% 0%;
  font-size: 12px;
  color: #5a7f94;
  line-height: 18px;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  display: block;
  width: 100%;
}
.list_title .name {
  width: 100%;
  display: block;
}
.list_title .photo {
  width: 100%;
  display: block;
  font-size: 8px;
}
.list_day {
  color: #003785;
  font-size: 11px;
  line-height: 20px;
}
.list_comment {
  font-weight: normal;
  font-size: 11px;
  color: #333;
  line-height: 15px;
  color: #333;
}
@media screen and (min-width: 1400px) {
  .list_title {
    padding: 2% 0% 2% 0%;
    font-size: 13px;
    color: #1f3d83;
    line-height: 18px;
    font-weight: bold;
  }
  .list_comment {
    font-weight: normal;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    color: #333;
  }
}
@media screen and (max-width: 1280px) {
  .list {
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  #list_box {
    margin: 0% auto;
    max-width: 560px;
  }
  .list {
    width: 48%;
    float: left;
    margin: 0% 1% 2% 1%;
    padding: 0%;
    display: block;
  }
  .new_icon {
    width: 42px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 5px;
  }
  .list_title a {
    padding: 2% 0% 2% 0%;
    font-size: 15px;
  }
}

/*-------------------------------------------------
NEW CAR ITEM PAGE

LAYOUT
-------------------------------------------------*/
#item_box_color {
  background-color: #ececec;
  margin: 4% 0% 0% 0%;
  position: relative;
}
#item_title_box .right {
  float: right;
  width: 30px;
}
#item_title_box .left {
  float: left;
  width: 30px;
}
#item_icon {
  width: 22px;
}
#item_title {
  font-size: 35px !important;
  line-height: 35px !important;
  margin: 20px 0px 20px 0px !important;
  padding: 0px !important;
  text-align: left !important;
  color: #003057 !important;
}
#item_title span {
  font-size: 14px !important;
  line-height: 14px !important;
  text-align: left !important;
  color: #003057 !important;
  margin: 0px 0px 0px 10px;
}
#item_comment_box {
  width: 100%;
  margin: 7% 0% 0% 0%;
  text-align: left;
  color: #003057 !important;
}
#item_comment_box h1,
#item_comment_box h2,
#item_comment_box h3,
#item_comment_box h4,
#item_comment_box p {
  margin: 0% !important;
  padding: 0% !important;
  text-align: left !important;
}
#item_text {
  font-size: 17px;
  padding: 30px;
  line-height: 20px;
  background-color: #fff;
}
.item_title {
  width: 325px;
  height: 20px;
  padding: 0px;
  font-size: 0px;
  overflow: hidden;
  margin: 0px 0px 10px 0px;
}
.item_day {
  font-size: 12px;
  padding: 0px;
  color: #003786;
  line-height: 20px;
}
#item_photo_box {
  font-size: 0px;
  margin: 0%;
}
#item_photo_box img {
  width: 100%;
  font-size: 0px;
}
#item_photo_box table {
  width: 100%;
  background: #e6e6eb;
}
#item_bottom {
  margin: 4% auto 0% auto;
  width: 580px;
}
.sub_title {
  font-size: 35px;
  line-height: 35px;
  color: #003057 !important;
  font-weight: normal !important;
}
.sub_title span {
  font-size: 16px !important;
  line-height: 14px !important;
  text-align: left !important;
  color: #003057 !important;
  margin: 0px 0px 0px 0px;
}
#item_class_text {
  text-align: left;
  font-size: 13px;
}
#class_text {
  color: #203d83;
  font-size: 12px;
  line-height: 16px !important;
}
#class_text p {
}
#item_button_box {
  width: 100%;
}
#item_button_box .box {
  width: 48%;
  max-width: 580px;
}
#item_button_box img {
  width: 100%;
  max-width: 580px;
}
#item_link_box {
  background: url(images/bg.gif) repeat top;
}
#item_link_box a {
  font-size: 16px;
  display: block;
  float: right;
  line-height: 16px;
  margin: 1px;
  padding: 0%;
  color: #003057;
}
#item_link_box a:hover {
}
@media screen and (max-width: 1024px) {
  .sub_title {
    font-size: 25px;
    line-height: 25px;
    color: #003057 !important;
    font-weight: normal !important;
  }
  .sub_title span {
    font-size: 14px !important;
    line-height: 14px !important;
    text-align: left !important;
    color: #003057 !important;
    margin: 0px 0px 0px 10px;
  }
}

/*-------------------------------------------------
NEW CAR ITEM PAGE

FORM
-------------------------------------------------*/

#item_name_text {
  font-size: 22px;
  font-weight: normal;
}
#class_table {
  border-top: solid 1px #003057;
  border-left: solid 1px #003057;
  margin: 3% 0% 3% 0%;
  padding: 0px;
  width: 100%;
  height: 100px;
  border-spacing: 0px !important;
  border-collapse: 0px !important;
}
#class_table td {
  text-align: center;
  margin: 0%;
  padding: 0%;
  font-size: 14px;
  border-right: 1px solid #003057;
  border-bottom: 1px solid #003057;
}
#class_table th {
  text-align: center;
  margin: 0%;
  padding: 0%;
  font-size: 16px;
  font-weight: normal;
  border-bottom: 1px solid #003057;
  border-right: 1px solid #003057;
}
.class_rogo {
  width: 185px;
  margin: 0%;
  padding: 0%;
  font-size: 0px !important;
}
.class_rogo img {
  max-width: 185px;
  width: 100%;
  margin: 0%;
  padding: 0%;
}
.class_button_1,
.class_button_2 {
  width: 100px;
  height: 50px;
  margin: 0% !important;
  padding: 0% !important;
  font-size: 0px !important;
}
.class_button_1 a,
.class_button_2 a {
  display: block;
  width: 100px;
  height: 50px;
  margin: 0% !important;
  padding: 0% !important;
  font-size: 0px !important;
}
#event_icon {
  width: 100%;
  display: block;
  background-color: #003057;
  text-align: center;
  padding: 0.5% 0% 0.5% 0%;
}
#event_icon img {
  width: 200px !important;
}

.left {
  float: left;
}

.right {
  float: right;
}

.new_car_button {
  text-align: center;
  margin: 0% 0% 3% 0%;
  padding: 0px;
}

.new_car_button .bt {
  width: 49%;
  margin: 0px;
  padding: 0px;
  display: block;
  clear: none;
}

.new_car_button .bt a {
  width: 100%;
  color: #003057;
  font-size: 16px;
  margin: 0px !important;
  padding: 10px 0px 10px 0px !important;
  text-decoration: none;
  border: 1px solid #003057;
  background-color: #fff;
  display: block;
}

@media screen and (max-width: 1024px) {
  .class_button_1,
  .class_button_2,
  .class_button_1 a,
  .class_button_2 a {
    width: 50px;
    height: 25px;
    margin: 0% !important;
    padding: 0% !important;
    font-size: 0px !important;
  }
  #class_table td {
    text-align: center;
    margin: 0%;
    padding: 0%;
    font-size: 10px;
    line-height: 14px;
    border-right: 1px solid #003057;
    border-bottom: 1px solid #003057;
  }
  #class_table th {
    text-align: center;
    margin: 0%;
    padding: 0%;
    font-size: 10px;
    line-height: 14px;
    font-weight: normal;
    color: #003057;
    border-bottom: 1px solid #003057;
    border-right: 1px solid #003057;
  }
  #event_icon img {
    width: 150px !important;
  }
}

/*-------------------------------------------------
NEW CAR ITEM PAGE

FORM END
-------------------------------------------------*/

#end_text {
  font-size: 16px;
  line-height: 30px;
  padding: 0% 5% 5% 5%;
  margin: 0% 0% 0% 0%;
  text-align: center;
}

#end_text h1 {
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  margin: 0px;
  padding: 0px 0px 40px 0px;
}