


.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}




	.ui-datepicker-header {
  background: #fff;
  color:#000000;
  font-weight: normal;
    border:none; 
}
	 .ui-datepicker {
  
  font: 11pt Arial, sans-serif;
 
}
	 .ui-datepicker-calendar .ui-state-default {
  background: #fff;border:none;
  
}
		.ui-datepicker-calendar .ui-state-active {
  background: #f9dddd;  font-weight: bold;
   
}
		.ui-datepicker-calendar .ui-state-hover {
  background: #f9dddd;
}
	


	
        
      
        /* The container */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;margin-left:5px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
        
        
        
		
		.list-active { border:2px solid #c80000; overflow: hidden;box-sizing: border-box; }
		
		.index-right{ /*width:27%;*/width:300px;float:right;display:none;box-sizing: border-box;}
		.index-right ul{padding:0;margin:0;}
		.index-right li{  clear:left; overflow: hidden; margin:0px 0px 10px 0px;  background: #fff; box-sizing: border-box;}
        
		.d-basic{  }
		.d-basic ul{padding:0;margin:0;}
       
		.d-basic li{     padding:5px 10px;font-size:14px;font-weight: bold;}
		   .d-basic li:nth-child(odd) { background: #f9f9f9;}
         .roa{float:right;width:50%;font-weight: normal;}
        
        
        
		.may-like{overflow: hidden;  height: 230px; margin-top:10px; position:relative; border-top:0px;border-bottom: 0px;  }
		.may-like ul{padding:0;margin:0;width:150%;}
		.may-like li{width:16%; height: 230px;display:inline-block; overflow: hidden; padding:5px;}
		
		.may-like li:first-child{margin-left:0px;}
		.look-all{font-size:14px;margin-top:20px;color:#e21e30;text-decoration: none;}
		.look-all a{text-decoration:none;color:#e21e30;}
		.look-all a:hover{text-decoration: underline;}
		.contact-m{margin-top:10px; border:2px solid #c8cfd4; padding:10px 20px;clear:left;  border-radius: 3px;background: #c8cfd4;text-align: center;font-size:14px;font-weight: bold;height: 25px;border-bottom:3px solid #abb4ba;
		transition: all .4s ease;
-webkit-transition: all .4s ease;}
		.contact-m:hover{background: #abb4ba;cursor:pointer;border:2px solid #abb4ba;border-bottom:3px solid #abb4ba;}
		.call-to-seller{  -webkit-appearance: none; border:none;background: #ffc439; padding:13px 20px;  border-radius: 3px;margin-top:10px;text-align: center;font-size:14px;font-weight: bold; border-bottom:5px solid #ebaf23;float:left; width:60%;box-sizing: border-box;border-top-left-radius: 0px;border-bottom-left-radius: 0px;
		transition: all .4s ease;
-webkit-transition: all .4s ease;}
		.call-to-seller:hover{background: #ebaf23;cursor: pointer;border-bottom:5px solid #ebaf23; }
		
		.buy-now{clear:both;  background: #6d6969; padding:13px 20px;clear:left;border-radius: 3px;margin-top:10px;text-align: center;font-size:14px;font-weight: bold;  border-bottom:5px solid #4a4747;color:#fff;
		transition: all .4s ease;
-webkit-transition: all .4s ease;}
		.buy-now:hover{background: #4a4747;cursor: pointer;border-bottom:5px solid #4a4747; }
	 
        .send-to-seller{  border:none;background: #1477be; padding:13px 20px; border-radius: 3px;margin-top:10px;text-align: center;font-size:14px;font-weight: bold; border-bottom:5px solid #12649e;float:left;width:40%;box-sizing: border-box;
		transition: all .4s ease;color:#fff; 
-webkit-transition: all .4s ease;border-top-right-radius: 0px;border-bottom-right-radius: 0px; -webkit-appearance: none;}
		.send-to-seller:hover{background: #12649e;cursor: pointer;border-bottom:5px solid #12649e; }
	
        
        
		.detail-left{  overflow: hidden; padding:0;background: #fff; box-sizing: border-box;padding:0px; border:1px solid #e1e7eb;   float:left;    position: relative;
        width:100%;    }
     .gijj{ background-size: contain;    background-repeat: no-repeat;   left:0;right:0;top:0;bottom:0; position:absolute;margin:auto;text-align:center;background-position: center;  } 
        
		#uik{ width:18%;float:right;     }
		.gallery-top{width:80%;float:left;  }
		.gallery-top,.gallery-thumbs {height: 200px ; }
		.ppaa{width:100%;height:60px;}
        
        
		.detail-image{width:100%;height: auto;  }
		.image-center{   width: 100%;   position: relative;  display: flex;
  justify-content: center;
  align-items: center; 
		overflow: hidden; 
		}	
		.x-detail{  overflow: hidden;box-sizing: border-box; padding:10px;background: #fff; border-radius: 5px; width: 100%; }
		 .f-right{width:300px;display:inline-block; float:right; display:none;}
		
		#f-under{width:100%;margin-top:30px;display:block;}
		.topic-detail{font-size:34px;float:left; display:none;}
		.topic-top{font-size:34px;float:left; margin-bottom:20px;margin-top:10px; }
		.a-price{ font-size:30px;font-weight: bold;color: #c80000;margin-top:20px; }
		.ad{overflow: hidden;margin-top:10px;      }
		.ad-r{overflow: hidden;margin-top:20px; padding:10px;border-radius: 5px;display:none;}
		.go-left{clear:both;  overflow: hidden; float:left; box-sizing: border-box;margin-top:20px; width:100%;}
        
		.x-cover{ width:95%; max-width: 1200px;margin:auto;overflow: hidden;  margin-bottom:50px; }
		.ad-r{display:block;}
		.right-price{display:none;}
		
		.about-seller{padding:10px;  font-size:20px;   text-align: center;background: #c80000;color:#fff;border-top-left-radius: 3px;border-top-right-radius: 3px;}
		.about-x{overflow: hidden; padding-top:20px;padding-bottom:20px;border:1px solid #e1e7eb;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px; }
		.about-img{text-align: center;}
		.about-detail{font-size:14px;margin-left:10px;margin-top:10px;text-align: center;}
		.about-year{width:45%;float:left;border:;text-align: right;}
		.about-flag{width:45%;float:right; }
		.about-co{margin:10px;border:;overflow: hidden;}
		.detail-apply{padding:10px;}
		#detail-con-bottom{display:none;}
		.similar-page{display:block; clear:both;padding-top:50px;overflow: hidden;}
		
		.de-comment{margin-top:5px; }
		.de-comment ul{padding:0;margin:0;}
		.de-comment li{   padding:10px 0px;clear:both;overflow: hidden;margin-bottom:1px;font-size:16px;position: relative;}
		.detail-view-more{text-align: center;color:#3484c2;padding-top:20px; }
		.detail-view-more:hover{text-decoration: underline;cursor:pointer;}
		.submit-question{font-size:14px;padding:7px 30px; background: #f7f5f5;border-radius: 3px;border:none;transition: all .4s ease;
-webkit-transition: all .4s ease;-webkit-appearance: none;outline:none;}
		.submit-question:hover{ cursor:pointer;}
        
        .can-question{font-size:14px;padding:7px 25px; outline: none; background: #fff;border-radius: 3px;border:none;transition: all .4s ease;
-webkit-transition: all .4s ease;-webkit-appearance: none;cursor: pointer;}
        
        
		.z-right{padding: 10px 10px;width: 30px;height: ;position: absolute; top:0;bottom:0;right:0; align-self: center; margin: auto;background-color:rgba(13, 13, 13, 0.2); transition: 0.3s;}
		.z-right:hover{background-color:rgba(13, 13, 13, 0.3);cursor: pointer;}
		
		.z-left{padding: 10px 10px;width: 30px;height: ;position: absolute; top: 0;	  bottom:0;left:0; align-self: center;margin: auto;background-color:rgba(13, 13, 13, 0.2);transition: 0.3s; }
		
		.z-left:hover{background-color:rgba(13, 13, 13, 0.3);cursor: pointer;}
		
		.j-left{padding:5px;width: 20px;height: auto;position: absolute; top:0;bottom:0;left:0; z-index:100;margin: auto;background-color:rgba(13, 13, 13, 0.2);transition: 0.3s;}
		.j-left:hover{background-color:rgba(13, 13, 13, 0.3);cursor: pointer;}
		.j-right{padding:5px;width: 20px;height: auto;position: absolute; top:0;bottom:0;right:0;z-index:100;  margin: auto;background-color:rgba(13, 13, 13, 0.2);transition: 0.3s;}
		.j-right:hover{background-color:rgba(13, 13, 13, 0.3);cursor: pointer;}
		.ve-navi{font-size:14px;padding:10px 20px;}
		.detail-list{  height: 100px;overflow: hidden;   position: relative; display:none;  }
		.see-all{background-color:#ffd169; border-bottom:3px solid #cf9f32;border-radius:3px;text-align:center;padding:10px;font-size:14px;transition: all .4s ease;
-webkit-transition: all .4s ease;
		}
		.see-all:hover{background:#eabd57;cursor:pointer;}
        
        .ar-h{font-size:12px;padding:20px 0px;width:95%;max-width: 1200px;margin:auto; color:#837E7E;}
        .ar-h a{color:#837E7E;}
        
        
        
        .ou{font-size:18px;}
        .oz{font-size:14px;margin:5px;}
        #price_left{display:block;}
        #price_two{display:none;}
        
        
         .rox{width:90%;max-width: 1000px;margin:20px auto;}
        .rox ul{padding:0;margin:0;}
        .rox li{background: #fff; margin-bottom:20px; padding:20px;display: inline-block;list-style-type: none; width:100%;text-align: center;foat:left;border-radius: 3px;box-sizing: border-box;}
        #ga_2,#ga_3{display:none; }
        #ga_1{  margin:auto;}
         #gg_ads{ text-align: center; width: 95%;max-width: 1200px;margin:0px auto 20px auto;overflow:hidden; }
        .addr{font-size:16px;margin:5px 0px;}
        
        .bex{padding:20px;position:absolute; width:250px;max-height:300px;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);box-sizing: border-box;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);background-color:#fff;overflow-y:auto;right:0;margin-right:10px;z-index:100;}
        .bex ul{padding:0;margin:0;background: #fff;}
        .bex li{width:100%!important;padding:0;margin:0;background: #fff!important;border:1px solid #f2f1f1;padding:3px;margin-bottom:-1px;font-weight: bold;list-style-type:none;box-sizing: border-box; }
        .more-x{border:1px solid #DCD8D8; padding:3px 10px;font-size:12px; width:100px;margin:auto;border-radius: 2px; transition: background-color 0.5s ease;}
        .more-x:hover{background: #f7f5f5;cursor:pointer;}
        .opa{width:100%;padding:10px 0px;box-sizing: border-box;font-size:16px;border:none;border-bottom:1px solid #D9D5D5;outline: none;width:calc(100% - 70px);margin-left:20px;border-radius: 0px;}
        .roopx{position:absolute;top:15px;right:0;   font-size:12px;background: #fff;}
        .roopx:hover{ }
        .roopx div{font-size:14px;padding:5px 40px;border:1px solid #e7e7e7;}
        .roopx div:last-child{margin-top:-1px;}
        .roopx div:hover{background: #f9f9f9;cursor:pointer;}
        .jvv{overflow: hidden; }
        .jvv ul{padding:0;margin:0;}
        .jvv li{font-size:12px;  box-sizing: border-box;}
        
        
        .mjo{position:absolute;top:15px;right:0px; z-index: 1000;background: #fff; }
        .mjo div{border:1px solid #e7e7e7;padding:5px 50px;font-size:14px; }
        .mjo div:hover{background: #f9f9f9;cursor:pointer;}
      
        .rppo{ position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -150px;
    width: 300px;
    height: 350px; background: #fff;z-index: 1000000; border-radius: 3px; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);}
        
        .prg{ position: fixed;padding:30px;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -160px;
                           box-sizing: border-box;
     width: 320px;
    height: 250px;
    background: #fff;z-index:1000000;display:none; border-radius: 3px;}
        
        .opy{background-color: #fff;
  width: 320px;
  height: 210px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);z-index: 1000000; border-radius: 3px; display: none;border-radius: 3px;}
        .de-c{ position: fixed; 
    top: 50%;
    left: 50%;border-radius: 3px;
    margin-top: -80px;
    margin-left: -165px;
    width: 320px;
    height: 170px;
    background: #fff;z-index:1000000;display:none;border-radius: 3px;}
      
        .uxxo{   border-left:1px solid #ece8e8;
        background-color: #fff;
position: fixed; overflow-y:auto;
    
   
    z-index: 10000000000;   top:0;left:0;right:0;bottom:0; }
        .jooa{ font-size:30px;margin-top:50px;clear:b
      text-overflow: ellipsis;
display: -webkit-box;border:1px solid red;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; overflow: hidden; text-align:left;color:#696868; }
        .jooa a{color:#696868;}
        .jooa:hover{}   
        .tty{ height:280px;  }
        .rxj{   width:auto;max-width:100%;height:auto;max-height:100%; top:0;left:0;right:0;   position:absolute;  }
		 
		 .uiio{border:none;background-color:#6D6969;font-size:14px;color:#fff;border-bottom:5px solid #4A4747;border-radius:3px;width:100%;padding:15px;box-sizing:border-box;font-weight:bold; -webkit-appearance: none;}
         .uiio:hover{background-color:#4A4747; -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;cursor:pointer;}

    .n_sent{border:none;clear:both;background: #1477be;  color:#fff;font-size:16px;width:100%;padding:10px;text-align: center;margin-top:5px; float:left;box-sizing: border-box;border-radius: 3px;border-bottom:5px solid #12649e;  transition: all .4s ease;
-webkit-transition: all .4s ease;-webkit-appearance: none;
-moz-appearance: none;
appearance: none;  }
	.n_sent:hover{cursor:pointer;background: #12649e;}
		
    .call_seller_cc{clear:both;background: #ffc439;  color:#fff;font-size:16px;width:100%;padding:10px;text-align: center;margin-top:15px; float:left;box-sizing: border-box;border-radius: 3px;border-bottom:3px solid #e7b235; transition: all .4s ease;
-webkit-transition: all .4s ease;}
	
	.call_seller_cc:hover{cursor:pointer;background: #e7b235;}
    .uivv{overflow-y :auto;display:none;background:#fff;z-index:10000000;position:fixed;padding:30px; top:0;left:0;right:0;bottom:0;}
.rmc{ overflow:hidden;margin-top:10px;}
.rmc ul{padding:0;margin:0;}
.rmc li{width:50px;height:50px;overflow:hidden;border:1px solid #ECE8E8;float:left;padding:5px;}
.rmc li:first-child{border:1px solid red;} 
        @media all and (min-width:40em) {
              .detail-left{   overflow: hidden; padding:0;background: #fff; box-sizing: border-box;padding:0px; border:1px solid #e1e7eb;   float:left;    position: relative;
        width:100%;    }
    
		 
		.gallery-top,.gallery-thumbs {height: 350px; }
		.ppaa{ height:80px;}
			
			
			
			
			
			
			
            .uxxo{ width:350px;left:inherit; }
        
        
            
             .de-c{ position: fixed; 
    top: 50%;
    left: 50%;border-radius: 3px;
    margin-top: -80px;
    margin-left: -230px;
    width: 450px;
    height: 150px;
    background: #fff;z-index:1000000;display:none;border-radius: 3px;}
            
             .opy{background-color: #fff;
  width: 500px;
  height: 200px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);z-index: 1000000; border-radius: 3px; display: none;border-radius: 3px;}
            
            
             .prg{ 
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -190px;
                            
     width: 400px;
 
   }
        
            
           
         
             
            
            
			 
			#detail-con-bottom{display:none;}
			.detail-apply{width:30%;display:inline-block; margin-left:10px;padding:0px;}
			.about-co{margin-left:0px;}
			.about-flag{width:auto; float:left;margin-left:20px;}
			.about-year{ width:auto;margin-left:0px;}
			.about-detail{ float:left;margin-top:0px;width:50%;text-align: left;}
			.about-img{text-align: left;float:left;width:auto; margin-left:20px;}
			.about-seller{text-align:left; 
			}
			 .a-price{display:none;}
			.right-price{display:inline-block;width:30%;float:right; font-size:30px;font-weight: bold;color: #c80000;text-align: right; }
			.left-add{ width:67%;display:inline-block; }
			 
           
		}
		  
		@media all and (min-width:56em) {
            .uivv{   width:400px;right:0;top:0;bottom:0;left:inherit; -webkit-box-shadow: -3px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -3px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: -3px 0px 8px 0px rgba(0,0,0,0.75);}
            .detail-left{   overflow: hidden; padding:0;background: #fff; box-sizing: border-box;padding:0px; border:1px solid #e1e7eb;   float:left;    position: relative;
        width:100%;     }
       
		 
	 
		.gallery-top,.gallery-thumbs {height: 450px; }
		.ppaa{width:100%;height: 100px;}
			
			
			
              .addr{font-size:18px; }
              #ga_2,#ga_1{  display:inline-block; margin:0px 20px;}
            .x-detail{padding:30px;box-sizing:border-box;}
            
            
            
             .rox{ max-width: 1000px;margin:20px auto;}
        .rox ul{padding:0;margin:0;}
        .rox li{background: #fff;width:calc(50% - 10px );margin-bottom:20px; padding:20px;display: inline-block;list-style-type: none;height:250px;text-align: center;foat:left;border-radius: 3px;}
       .rox li:nth-child(2) {
           float:right;
        }
        .rox li:nth-child(4) {
           float:right;
        }
            
            
              #price_left{display:none;}
            #price_two{display:block;}
           
		.d-basic li{     width:50%;box-sizing: border-box; display:inline-block;float:left;}
		      .d-basic li:nth-child(odd) {  background: none;}
            .d-basic li:nth-child(1),.d-basic li:nth-child(2),.d-basic li:nth-child(5),.d-basic li:nth-child(6),.d-basic li:nth-child(9),.d-basic li:nth-child(10),.d-basic li:nth-child(13),.d-basic li:nth-child(14) { 
  background: #f9f9f9;
}
         .roa{float:right;width:50%;font-weight: normal;}
        
        
        
            
		
			.detail-list{   height: 100px;overflow: hidden;   position: relative; display:block;  }
		.detail-list ul{padding:0;margin:0;width: 100%; }
		.detail-list li{width:20%; box-sizing: border-box;height: 100px; display:inline-block;          float:left;   cursor: pointer;position:  relative;}
			
			 
		 
			.f-right{margin-top:0px;}
			 
			.x-cover{  }
			 
			 
		}
		
		 
		@media all and (min-width:65em) {
            #o_share{display:none;}
			 .detail-left{   width:calc(100% - 330px); overflow: hidden; padding:0;background: #fff; box-sizing: border-box;padding:0px; border:1px solid #e1e7eb;   float:left;    position: relative;
        }
      
		#uik{ width:18%;float:right;}
		.gallery-top{width:80%;float:left;}
		.gallery-top,.gallery-thumbs {height: 380px; }
		.ppaa{width:100%;height: 90px;}
			
			
			
			
		
        
              .tty{   }
            
            #ga_2,#ga_1,#ga_3{display:inline-block;;margin:0px;margin-right: 20px;float:left;}
            
            
              	#f-under{display:none;}
				.f-right{display:inline-block; width:300px;}
		
            .x-detail{width:calc( 100% - 330px); box-sizing: border-box;display:inline-block; }
			
            
			 
			.index-right{display:inline-block;width:300px; }
			
			 
			 
			 
		}
		@media all and (min-width:70em) {
            
             
            
            .tty{  300px; }
        }
	@media all and (min-width:75em) {
		 
		     .detail-left{   width:calc(100% - 330px); overflow: hidden; padding:0;background: #fff; box-sizing: border-box;padding:0px; border:1px solid #e1e7eb;   float:left;    position: relative;
          }
       
		#uik{ width:18%;float:right;}
		.gallery-top{width:80%;float:left;}
		.gallery-top,.gallery-thumbs {height: 450px; }
		.ppaa{width:100%;height: 105px;}
			
        }
		 
		 @media all and (min-width:80em) {
			     .detail-left{   width:calc(100% - 330px); overflow: hidden; padding:0;background: #fff; box-sizing: border-box;padding:0px; border:1px solid #e1e7eb;   float:left;    position: relative;
          }
       
		#uik{ width:18%;float:right;}
		.gallery-top{width:80%;float:left;}
		.gallery-top,.gallery-thumbs {height: 500px; }
		.ppaa{width:100%;height: 105px;}
			 
			 
		}
        
        
        @media print {
           
        }
	


 
    
  

    .swiper-slide-container {
      text-align: center;
        font-size: 18px;
        background: #fff;
      
      
      margin:auto;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
    }
    
     
    .gallery-thumbs {
             float:left; 
            box-sizing: border-box;
            padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
            max-width:100%;width:auto;
            max-height:100%; 
            height: auto;
            opacity: 0.8;
    }
    .gallery-thumbs .swiper-slide-active {
            opacity: 1;
    }
    
    
      


      
   
      .swiper-container {
        
      }
      .yoa,.yoo{
           width: 100%;
        height: 100%;
      }
      .swiper-slide {
         
      }
      .upp,.uoo{
          text-align: center;
        font-size: 18px;
        background: #fff;
  
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
    