.overshow { overflow: visible; z-index: 1; position: relative;}
		.charge_green {color: #319396; }

		.parking_row {   border-bottom: #CDB180 1px solid; }
		.parking_tab {  display: table;  width: 100%;}
		.parking_tablist {  width: 25%;  display: table-cell;  vertical-align: middle;  text-align: center;  color: #828282;   cursor: pointer;   padding: 15px 10px;  line-height: 1.2; font-size: 35px; font-weight: bold; position: relative;}
		.parking_tablist:hover, .parking_tablist.active {  color: #CDB180;  }
		.parking_tablist:hover::before, .parking_tablist.active::before { display: inline-block;    content: '';    position: absolute;    bottom: -20px;    left: 50%; margin-left: -18px;  width: 37px; height: 25px;  background: url(/common/images/pages/parking/parking_tab_arrow.png) no-repeat center; }
		.tab_wrap {  position: relative; display: none;  }
		.tab1 {display: block;  }

		.parking_title { font-size: 32px; font-weight: bold; position: relative;}
		.title_wrap {display: table; margin: auto;}
		.title_icon, .title_txt {  display: table-cell;  vertical-align: middle; }
		.title_icon { padding-right: 10px; width: 60px;}	
		.before_charging { width: 100% ; max-width: 930px; margin: auto; background: #d9edec; padding: 40px 120px; border-radius: 50px; }
		.before_charging .title_wrap { width: 100%;}
		.before_charging .title_txt { font-size: 26px; font-weight: bold; text-align: left;}
		.before_charging .title_icon { width: 100px;text-align: left;}
		
		.charge_wrap { width: 100%; max-width: 540px; margin: auto;}
		.charge_box { display: table; width: 100%;margin: auto;}
		.charge_cont, .charge_or {  display: table-cell;  vertical-align: top;  width: 45%; }
		.charge_or { width: 87px; vertical-align: middle; padding-bottom: 50px;}
		.charge_txt { font-size: 26px; font-weight: bold; text-align: center;}
		.charge_remark  { display: none; width: 100%; max-width: 680px; margin: auto; font-size: 14px; line-height: 1.2;}
		.charge .slider-dot { width: 100%; position: absolute;}
		.charge .slider-dot .swiper-pagination-bullet {    border: 1px solid #b9956a; background: #b9956a;    width: 10px;    height: 10px;   opacity: 1;    margin: 0 5px;    position: relative;}
		.charge .slider-dot .swiper-pagination-bullet-active::before {    display: inline-block;    content: '';    position: absolute;    top: 0;    left: 0px;    right: 0px;    bottom: 0px;    background: #ffffff;    border-radius: 50%;}
		.charge .slide-prev, .charge .slide-next {width: 23px; height: 40px; margin-top: -20px; top: 35%; bottom: 0px; background-size: contain;}
		.charge .slide-next {background-image: url(/common/images/pages/EV-userflow/charge_next.png); right: 0px;}
		.charge .slide-prev {background-image: url(/common/images/pages/EV-userflow/charge_prev.png); left: 0px;;}
		.charge .slide-arrow:hover {  opacity: 1;}
		.charge .slide-arrow.swiper-button-disabled {opacity: 0;}
		
		.parking_title, img, .title_icon img, .bc_icon img, .charge_img img, .charge_or img { max-width: 100%;}

		@media (min-width:  768px ) and (max-width:  1023px ), (max-width:  767px ) {
			.before_charging .title_txt, .charge_txt { font-size: 18px; }
		}
		@media (max-width: 767px) {

			.parking_tablist { font-size: 20px; padding: 15px 5px;}
			.parking_title  {font-size: 27px; }
			.before_charging {padding: 40px 30px;}
			.before_charging .title_txt, .charge_txt { font-size: 18px; }
			.before_charging .title_icon { width: 50px;}
			.before_charging .title_icon:first-child { width: 35px;}
			.charge_cont, .charge_or {  display: block; width: 100%; }
			.charge_or {padding: 30px 0;}
			.charge_remark {font-size: 12px; }
			.charge_img { width: 90%; margin: auto;}
			.parking_title  img { max-width: 300px; }
			.charge_cont img { max-width: 200px; }


			.en .parking_title {font-size: 26px; }

		}