#warranty_renew_form h2{
	padding-top:0;
}
#warranty_header{
	height:300px;
	background-image: url(../../images/warranty/banner_warranty.jpg);
    background-position: center;
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-color: #e4e4e4;
	}
#warranty_header .container{height:100%;}
#warranty_header h1{
	color:#ffffff;
	text-shadow:3px 3px 3px #303030;
	font-weight:600;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	font-size:4rem!important;
	margin: 0;
	}
#warranty_header h1 span{letter-spacing:0.5rem;}

.test #warranty_renew .container{width:85%;}
.test .warranty_status p label { font-size: 16px !important;}
.test #warranty_renew .title{padding:50px 0;margin:2rem auto ;max-width:750px;}
.test #warranty_renew .title h3{margin:1rem 0;padding:0;    margin-bottom: 0;}
.test #warranty_renew .flex{display:flex}
.test #warranty_renew .flex p{margin:0;font-size:1.5rem;position:relative;top:50%;transform:translateY(-50%);}
.test #warranty_renew .flex > div{display:inline-block;float:left}
.test #warranty_renew .flex .war_title{max-width:66px}
.test #warranty_renew .flex .war_content{width:calc(100% - 65px);    margin-left: 5px;}
.test #warranty_renew h2.step{padding:0;font-weight:600;margin:1rem 0;font-size:2rem}
.test #warranty_renew h2.step div{
	border-radius:50%;
    font-size: 1.5rem;
    background-color: #005fb9;
    vertical-align: middle;
    line-height: 35px;
    width: 35px;
    text-align: center;
    color: #fff;
    display: inline-block;
    margin-top: -5px;
	}
.test #warranty_renew input{margin:0;    font-size: 1.3rem;}

.test #warranty_renew .agreement_content{margin-top:2rem;}
.test #warranty_renew .agreement{margin: 0 0 0.5rem 0;display: table;text-align: left;}
.test #warranty_renew .agreement li {margin: 0;padding: 0px;display: table-cell;text-align:left;vertical-align: top;}
.test #warranty_renew .agreement li.checkbox{padding-right:0.8rem!important;padding-top: 2px;}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
	position: static;
    visibility: visible;
    width: 15px;
    height: 15px;
}
.test #warranty_renew .radio div{display:inline-block;width:50%;float:left;max-width:120px;height:3.2rem}
.test #warranty_renew .radio input{position:relative;top:50%;transform:translateY(-50%);}
.test #warranty_renew .radio label{font-size:	1.8rem;position:relative;top:50%;transform:translateY(-50%);}


#terms_box {display:none}
.terms {cursor: pointer;}


@media only screen and (min-width: 601px) and (max-width: 992px){
	#warranty_header {height: 300px;}
	#warranty_header h1 {font-size: 3.5rem!important;}
	.eng #warranty_header h1 {font-size: 3rem!important;}
	
	.test #warranty_renew .renew_desc {font-size: 15px;}
	.eng .warranty_status p {margin-right: 15px;}
}

@media only screen and (max-width: 600px){
	#warranty_header {height: 250px;}
	#warranty_header h1 {font-size: 2.5rem!important;}
	
	.test #warranty_renew {padding: 50px 0 20px;}
	.test .warranty_status p {display: block}
	
	.test #warranty_renew .title {padding: 50px 5%;}
	.test #warranty_renew .renew_desc {font-size: 15px;}
}






















.war .col{padding:0;}


[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{color:#000;}

[type="radio"]:checked + label::after {
    border: #99cdff;
    background-color: #99cdff;
}

.picker__weekday-display{background-color:#00509c;}
.picker__date-display{background-color:#66a4ff;}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected{background-color:#99cdff;}
.picker__close, .picker__today{color:#99cdff;font-weight: bold;}
#warranty_renew{background-color:#fff;padding-bottom:100px;padding-top:30px;}
#warranty_renew h1{color:#000;    margin-bottom: 15px;line-height: 46px;}
.warranty_status p{display:inline-block;margin-right:20px;}
.warranty_status p label{font-size:20px !important;}

#warranty_renew h3{margin-bottom:10px;padding-bottom:0px;margin-top: 0px;}

#warranty_renew span{font-size:14px !important;color:#999;}
#warranty_renew_success{padding-top:10%;}
#warranty_renew_success h2{margin-bottom:10px;font-size:30px;margin-top:0px;padding-top:10px;font-weight:bold;color:#66a4ff;}
#warranty_renew_success p{margin-top:0px;font-size:20px;font-weight:bold;}

#warranty_renew  .btn{width: 200px;
height: 50px;
font-size: 20px;}



#warranty_renew .renew_desc{font-size: 16px;background-color: #eee;padding-top: 25px;padding-bottom: 25px;margin-bottom: 25px;}
#warranty_renew .renew_desc p{margin-bottom: 15px;margin-top: 0px;text-align:center;}
#warranty_renew .renew_desc a{margin: 1rem 0 0.5rem;text-align:center;}
#warranty_renew .renew_desc h3{margin-top: 0px;padding-top: 5px;}

#recipe span{color:#fff;}

.file-field input.file-path {width: 99%;}

.submitBtn{margin-top:20px;}

.eng .search_checkbox{width:620px;margin:0 auto;}
.search_checkbox{width:500px;margin:0 auto;}
.search_checkbox p{display:inline-block;margin-right: 20px;}
.search_checkbox p:last_child{display:inline-block;margin-right: 0px;}
.search_checkbox label{font-size:13px;line-height: 20px;padding-left: 25px;color: #fff;}

.filled-in[type="checkbox"]:not(:checked) + label::after {
    border: 2px solid #e5e5e5;
}

.filled-in[type="checkbox"]:checked + label::after {

    border: 2px solid #039be6;
    background-color: #039be6;
 
}

.result_item_panel .hourPanel{
    font-size: 13px;
    background-color: #f7f7f7;
    width: 100%;
    text-align: center;
    padding-top: 15px;
    z-index: 100;
    padding-bottom: 15px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
	color: #000;
	opacity:0.95;

	}

.result_item_panel .hourPanel i:hover{
	color:#00509c;
	transition:0.5s;

}	
	
.result_item_panel .hourPanel i{
	
    color: #000;
    right: 0;
    position: absolute;
    top: 7px;
    font-size: 25px;
    cursor: pointer;	
}	

.result_item_panel .hourPanel .row {
	margin: 0px;
    width:100%;
}		
	
.result_item_panel .hourLink{
	text-decoration: underline;
	cursor: pointer;
}
	
	
.result_item_panel .hourPanel h3{    margin-top: 0px;
    padding-top: 10px !important;
    padding-bottom: 0px !important;
	color:#00509c;}	
	
	
.result_item_panel .hourPanel .remarks{    margin-top: 20px;
    font-size:12px;color:#999;}		
	
.tab_heading{font-size: 20px;}
.search_form_btn{border-radius: 20px;
		margin-top:40px;
		background-color: #039be6!important;
		width: 120px;}
.modal-close-button{float:right;background-color: rgb(97, 182, 245);color: rgb(255, 255, 255);}

.district_archor{font-size:18px;margin-right:30px;display: -moz-box;display: -webkit-inline-box;}
.district_archor:last-child{margin-right:0px;}
.district_archor p{font-size:10px;margin-top: 0px; color: #999;    display: -webkit-inline-box;}
.container .row h1{font-size:2em;font-weight:bold;}
.container .row h3{font-size:1.4em;font-weight:bold;padding: 20px 0px 20px 0px;}
#search_panel{text-align: center;}
#search_panel .easy-autocomplete{display:inline-block;}

.searhing_heading{font-size: 18px;
color: #999;
margin-top: 50px;margin-bottom: 0px;}
.searhing_heading2{font-size: 28px;
margin-top: 0px;}


.sub_region_panel{margin:0 auto;background-color:#eee; border: 1px solid #dadada;}
.tabs .tab a{color:#00509c;}
.tabs .tab a:hover{color:#5d96cc;}
.tabs .indicator {background-color:#80a8ce!important;bottom: -5px;}
 

#map {height:80%;width:100%;}
.eng h1{letter-spacing:-1px;}
h1{color: #fff;
font-size: 36px !important;
letter-spacing: 5px;
font-weight: initial !important;}
h2{padding-top:20px;font-size: 18px;font-size: 26px;margin: 30px 0px 30px 0px;}
.district_separate{font-size: 26px;font-weight:bold;    
    margin-top: 20px;
    margin-bottom: 20px;
}
.modal{
	width:80%;
	height:80%!important;
max-height:80%!important;	
}

.search_box_icon{
position: relative;
left: 30px;
z-index: 10;
top: 2px;
}


.eng .search_remind{letter-spacing:0px;margin-top: 25px;color:#fff;text-shadow: 1px 1px 1px rgba(10, 10, 10, 1);padding-left: 200px !important;
padding-right: 200px !important;}
.search_remind{letter-spacing:2px;margin-top:45px;color:#fff;text-shadow: 1px 1px 1px rgba(10, 10, 10, 1);}

.eng .showroom_box{
	letter-spacing:1px;
}

.showroom_box{width:45%;display:inline-block;vertical-align: top;	border-radius: 2px;
	letter-spacing:1px;
    height: auto;
    border-style: solid;
    border-width: 0px;		
	border-color:#ddd;
	color:#999999;
	-webkit-box-shadow: 1px 1px 2px 0px #a8a8a8;
	-moz-box-shadow:    1px 1px 2px 0px #a8a8a8;
	box-shadow:         1px 1px 2px 0px #a8a8a8;
	margin-right:20px;
	text-align:left;
	margin-bottom: 30px;
}
.showroom_box i{vertical-align:middle;margin-right:8px;color:#049de6;}
.showrool_panel{
	
	padding-top:15px;
	padding-bottom:15px;  
}

.showroom_logo{
	float:left;
	width:54px !important;
	height:54px;
	margin-right:15px;
}

.showroom_box_text{
	
padding: 20px 0px 20px 5px;
}

.showroom_box img{
	width:100%;
}

.showroom_box div{
	font-size:13px;
}

.showroom_box:last-child {
	margin-right:0px;
	margin-bottom: 0px;	
}

.showroom_box  h4{
    font-size: 20px;
    color: #222;

    margin-top: 0px;  
    margin-bottom: 10px;  
}
.showroom_region{color:#79afd0; font-weight:bold;   font-size: 15px!important;}
.showroom_box .showroom_intro{
 margin-bottom:10px;
	
}
.search_result_title{margin-top:30px;margin-bottom:30px;   font-size: 20px;font-weight:bold;}
.easy-autocomplete{width:320px!important;}
.easy-autocomplete-container{text-align:left;}

.easy-autocomplete input{
	width:320px;
	height: 45px;
	text-align:center;
	margin-top: 15px;
	border-radius: 20px !important;
	font-size: 16px;
}

.result_item{
	
	
	margin-bottom:15px;
	vertical-align: top;
	padding-left: 5px !important;
	padding-right: 5px !important;
} 

.result_item i{vertical-align:middle;margin-right:8px;color:#049de6;}

.eng .result_item_panel{
	
height: 260px;
}
  
  


.eng .result_item_panel{
	
	letter-spacing:0px;
	
}

  
.result_item_panel{
	position: relative;
	letter-spacing: 1px;
	color: #999999;
	text-align: left;	
	border-radius: 5px;	
	padding: 15px 5px;
	width:100%;
	height: 235px;	
	border-color:#f5f5f5;
	-webkit-box-shadow: 2px 2px 5px 0px #a8a8a8;
	-moz-box-shadow:    2px 2px 5px 0px #a8a8a8;
	box-shadow:         2px 2px 5px 0px #a8a8a8;
} 
 
.product_tag_list{margin-top:5px;}
.product_tag{color:#fff;
margin-right: 5px;    margin-bottom: 5px;
font-size: 12px;background-color:#eee;    padding: 1px 3px;border-radius: 10px;   display: inline-block;
}
.product_tag_a{background-color:#6f8eba;}
.product_tag_b{background-color:#50a3a9;}
.product_tag_c{background-color:#a0af46;}
.product_tag_d{background-color:#e4b960;}
.product_tag_e{background-color:#e8885b;}
.product_tag_f{background-color:#e25e62;}
.product_tag_g{background-color:#b1a592;}
.store_type{float:right;}
.store_logo{border: 1px solid #ebeaea;margin-right:12px;	float:left;}
.eng .store_name{font-size: 16px;color: #222;}
.store_name{font-size: 18px;color: #222;}
.store_intro{height: auto; margin-bottom:12px;padding-bottom: 10px;}
.store_open{font-size:12px;margin-bottom: 20px;}
.store_tel{font-size:12px;margin-bottom: 8px;}
.store_addr{font-size:13px;margin-bottom: 8px;}
.store_map{font-size:12px;font-weight:bold;color:#00509c;border-top: 1px solid #eaeaea;margin-top:10px;padding-top:5px;}
.store_map i{vertical-align: bottom;margin-right:5px;color:#00509c;}
.store_map:hover{cursor:pointer;}
.store_region{color: #61b6f5;font-size: 14px;}
.store_map2{font-size:12px;font-weight:bold;color:#00509c;padding-top: 5px;

    border-top: 1px solid #eaeaea;
margin-top: 10px;

}
.store_map2 i{vertical-align: bottom;margin-right:5px;color:#00509c;}
.showroom_link:hover{cursor:pointer;}

.panel_map:hover{cursor:pointer;}
.modal .modal-footer{font-size:13px;padding:15px;}

.modal-content #modal_store_name{color:#000;margin-bottom:5px;    font-size: 20px; font-weight: bold;}
.region_link{text-align:center;}
.region_link a {color:#000;}
.eng .region_link a {color:#000;font-size:14px;line-height: 30px;}

 .modal-content i{vertical-align:middle;margin-right:8px;color:#049de6;}
 .modal-content{color:#999999;}

.cd-top {
  display: inline-block;
  height: 60px;
  width: 60px;
  border-radius: 5px;  
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(25, 76, 153, 0.8) url(./images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

@media only screen and (min-width: 601px){
  .cd-top {
    right: 20px;
    bottom: 20px;
  }

}
@media only screen and (min-width: 993px){
	
}
@media only screen and (min-width: 1201px){

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


}

@media only screen and (min-width: 601px) and (max-width: 992px){
#map {height:85%;width:100%;}
.sub_region_panel{margin:0 auto;width: 90%;}

.file-field input.file-path {width: 97%;}

.showroom_box{
    width:45%;
	margin-right: 15px !important;
    margin-bottom: 20px !important;
    margin: 0 auto;
}
.search_remind {
    margin-top: 30px;
    padding-left: 60px !important;
    padding-right: 60px !important;
	
}

.eng .search_remind{margin-top: 25px;color:#fff;text-shadow: 1px 1px 1px rgba(10, 10, 10, 1);padding-left: 0px !important;
padding-right: 0px !important;}

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

}
@media only screen and (max-width: 600px){
	
.warranty_status p {
    display: inline-block;
    margin-right: 5px;
}	

.warranty_status p label {
    font-size: 16px !important;    padding-left: 27px!important;
}
	

#warranty_renew .renew_desc h3 {
    font-size: 22px;
}
	
	
.submitBtn{margin-top:20px;width: 100%;}
.submitBtn button{width: 100%;}
	.result_item_panel .hourPanel .ph{
		text-align:left;
	}	
	.eng .result_item_panel .hourPanel .ph{
		text-align:left;
		padding-left:33px;
	}		
	
	.result_item_panel .hourPanel .remarks{margin-top:10px;}
	.eng .result_item_panel{height: auto;}	
	.eng .store_region {font-size: 13px;}
	#store_locator {padding-top:30px;}
	#warranty_renew{padding:0px;}
	#warranty_renew  h1{    margin-top: 10px;    font-size: 22px !important;    letter-spacing: 1;}
	#warranty_renew h3 {
		font-size:16px;}
	#warranty_renew span {
		font-size: 12px !important;
		color: #999;
	}	
	#warranty_renew input{margin-bottom:5px;}
	.warranty_status p{margin:5px 0;}

	#warranty_renew .renew_desc{margin-bottom:10px;}
	#recipe span {
    color: #fff;
	}
.file-field input.file-path {width: 95%;}		
	
#warranty_renew .btn.select{
    width: 100px;    height: 43px;
}
	.eng h1{margin-top: 5px;
    margin-bottom: 5px;}     
	.search_checkbox {    width: 100%;margin: 0 auto;    margin-top: 15px;}
	.eng .search_checkbox {     width: 107%;margin: 0 auto;    margin-top: 15px;}
	
	   
	
	.search_checkbox p {margin-top: 0px;margin-bottom: 5px;}
	.eng .search_remind{    margin-top: 18px;
    font-size: 13px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(10, 10, 10, 1);
    padding-left: 0px !important;
    padding-right: 0px !important;}
	.district_archor{font-size:14px;    margin-right: 20px;}
	.eng #store_locator{height: 400px;}
	.eng .tab_heading{font-size:13px;font-weight:bold;}
	#store_locator{height:385px;}
	.sub_region_panel{margin:0 auto;width: 100%;}
	.cd-top{width:50px;height:50px;}
	.store_map2 i{vertical-align: text-bottom;}
	.showroom_box{width:100%;margin-right:0px;}
	.modal.modal-fixed-footer .modal-footer{bottom:25px;}
	#map {height:75%;width:100%;}	
	.easy-autocomplete{width:100%!important;}
	.easy-autocomplete input{width:100%;}	
	.modal-close-button{    padding: 1px 5px 1px 5px!important;line-height: 1.5!important; height: auto;}
	.modal.modal-fixed-footer{height:80%;}
	.modal{max-height: 80%;}
	.modal{width:90%!important;}
	.store_map i{vertical-align: text-bottom;}
	.result_item_panel{height: auto;overflow: auto;}
	.search_form_btn{
		margin-top:20px;
	}
	.eng .showroom_box  h4{    font-size: 16px;}
	.search_remind {margin-top: 10px;}
	.showroom_box i{vertical-align: text-top!important;)
@media only screen and (max-width: 350px){

}