@charset "utf-8";
/* CSS Document */

.offer-details-left { float:left;
					  width:635px;
					  height:auto;
					  min-height:200px;
					  margin:20px 0 0 20px;
					  }

.offer-details-right { float:left;
					  width:265px;
					  height:auto;
					  min-height:200px;
					  margin:148px 0 0 20px;
					  border-top:#e9e9e9 1px solid;
					  }

.offer-details-left h1 { float:left;
						 width:325px;
						 font-size:18px;
						 color:#484848;
						 padding:0;
						 margin:0;
						 }

.offer-details-left .ex-box { float:left;
							  width:100px;
							  height:52px;
							  margin:0 0 0 40px;
							  }

.ex-box .off-exc { float:left;
				   width:100px;
				   height:25px;
				   line-height:25px;
				   text-align:center;
				   color:#FFFFFF;
				   background:url(../images/red-point.png) #ff0000 no-repeat;
				   margin:0 0 2px 0;
				   font-size:11px;
				   }

.ex-box .off-new { float:left;
				   width:100px;
				   height:25px;
				   line-height:25px;
				   text-align:center;
				   color:#FFFFFF;
				   background:url(../images/green-point.png) #67d653 no-repeat;
				   font-size:11px;
				   }

.offer-details-left h2 { float:right;
						 width:160px;
						 margin:0;
						 padding:0;
						 font-size:12px;
						 font-weight:normal;
						 text-align:right;
						 color:#484848;
						 }

.offer-details-left h2 span { width:100%;
							  margin:0 0 10px 0;
							  float:left;
							  font-size:18px;
							  font-weight:bold;
							  }

.offer-details-left h3 { float:left;
						 width:325px;
						 padding:0;
						 margin:10px 0 0 0;
						 font-size:14px;
						 font-weight:normal;
						 color:#484848;
						 }

.tabs-top { float:left;
			width:100%;
			height:29px;
			border-bottom:#e9e9e9 1px solid;
			margin:20px 0 10px 0;
			}

.tabs-top .tab { float:left;
				 width:90px;
				 height:28px;
				 line-height:28px;
				 text-align:center;
				 color:#484848;
				 background-color:#f5f5f5;
				 border:#e9e9e9 1px solid;
				 margin:0 0 0 10px;
				 font-size:14px;
				 cursor:pointer;
				 }

.tab-area { float:left;
			width:635px;
			height:auto;
			min-height:425px;
			display:none;
			}

.lab-title { float:left;
			 width:100%;
			 margin:20px 0 10px 0;
			 font-size:18px;
			 color:#484848;
			 }

.lab-detail { float:left;
			  width:98%;
			  margin:0 0 5px 2%;
			  font-size:12px;
			  color:#484848;
			  white-space: pre-line;
			  }

.lab-detail-mini { float:left;
			  width:31%;
			  margin:0 0 5px 2%;
			  font-size:12px;
			  color:#484848;
			  }

.off-contact-us { float:left;
				  width:633px;
				  height:auto;
				  border:#e9e9e9 1px solid;
				  background-color:#f5f5f5;
				  margin:35px 0 0 0;
				  }

.off-contact-us span { float:left;
					   width:613px;
					   margin:20px 0 20px 14px;
					   font-size:18px;
			 		   color:#484848;
					   }

.off-contact-us label { float:left;
						width:110px;
						height:24px;
						line-height:24px;
						padding:0 0 10px 40px;
						}

.off-contact-us .con-input { float:left;
			   width:185px;
			   height:22px;
			   border:#b9b9b9 1px solid;
		   	   background-color:#ededed;
		   	   border-radius:5px;
		   	   color:#484848;
		  	   margin:0 280px 10px 0;
			   padding:0 0 0 1%;
			   }

.off-contact-us textarea { float:left;
						   width:270px;
						   height:120px;
						   border:#b9b9b9 1px solid;
		   	   			   background-color:#ededed;
		   	   			   border-radius:5px;		   	   			  
						   font-family:Verdana;
						   font-size:12px;
						  
						   padding:5px 5px;
						   margin:8px 200px 0 0;
						   }
						   
.off-contact-us textarea.empty_r {
	 color:#999999;
	 font-style:italic;
}					   

.send-button { float:left;
				 margin:0 0 20px 13px;
				 width:80px;
				 height:32px;
				 background-color:#eec900;
				 border:none;
				 font-size:14px;
				 color:#484848;
				 }					  

.off-pro-box { float:left;
					   width:150px;
					   height:163px;
					   margin:0 20px 0 20px;
					   }

.off-pro-box a { text-decoration:none; }

.off-pro-box .off-pro-texts { float:left;
			  width:100%;
			  height:65px;
			  padding:0;
			  margin:0;
			  font-weight:normal;
			  font-size:10px;
			  color:#484848;
			  }


.off-pro-texts .off-span { font-weight:bold;
				   padding:5px 0 5px 0;
				   width:100%;
				   float:left;
				   }

.off-pro-texts a { color:#d7b618; font-weight:bold; }

.off-pro-texts a:hover { text-decoration:underline; }

.off-pro-box .off-sale-rent { float:left;
					  width:82px;
					  height:20px;
					  line-height:20px;
					  position:absolute;
					  text-align:center;
					  background-color:#67d653;
					  margin:78px 0 0 0;
					  color:#FFFFFF;
					  font-size:11px;
					  }

.offer-details-right .yellow-send { float:left;
									width:100%;
									height:32px;
									line-height:32px;
									text-align:center;
									text-decoration:none;
									background-color:#eec900;
									color:#484848;
									margin:10px 0 0 0;
									}

.offer-details-right .visit-area { float:right;
							width:289px;
							height:182px;
							background:url(../images/visit.png) no-repeat;
							margin:20px -14px 15px 0;
							}

.visit-area img { float:right;
				  border:#67d653 2px solid;
				  margin:10px 23px 0 0;
				  }

.visit-area .vtext { float:left;
					 width:130px;
					 height:90px;
					 margin:65px 0 0 25px;
					 font-size:12px;
					 color:#484848;
					 }

.vtext span { float:left;
			  width:100%;
			  font-weight:bold;
			  margin:0 0 5px 0;
			  }

.vtext label { float:left;
			   width:100%;
			   font-style:italic;
			   margin:0 0 10px 0;
			   }

.offer-details-right .access-box { float:left;
								  width:263px;
								  height:auto;
								  min-height:20px;
								  border:#e9e9e9 1px solid;
								  margin:0 0 20px 0;
								  }

.access-box .grey-link { float:left;
						 text-decoration:none;
						 width:180px;
						 height:32px;
						 line-height:32px;
						 text-align:center;
						 margin:10px 0 0 10px;
						 background-color:#7d7d7d;
						 color:#ffffff;
						 }

.access-box .social-box { float:left;
						  margin:10px 0 10px 10px;
						  }


.access-box label { float:left;
					width:253px;
					margin:10px 0 10px 10px;
					font-weight:bold;
					color:#484848;
					}

.access-box ul { float:left;
				 width:253px;
				 height:auto;
				 margin:0 0  0;
				 list-style:none;
				 padding:0;
				 font-size:12px;
				 color:#484848;
				 }

.access-box ul li { padding:0 0 10px 0; }


  /* jssor slider arrow navigator skin 02 css */
            /*
            .jssora02l              (normal)
            .jssora02r              (normal)
            .jssora02l:hover        (normal mouseover)
            .jssora02r:hover        (normal mouseover)
            .jssora02ldn            (mousedown)
            .jssora02rdn            (mousedown)
            */
            .jssora02l, .jssora02r, .jssora02ldn, .jssora02rdn {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../images/a02.png) no-repeat;
                overflow:hidden;
            }
            .jssora02l { background-position: -3px -33px; }
            .jssora02r { background-position: -63px -33px; }
            .jssora02l:hover { background-position: -123px -33px; }
            .jssora02r:hover { background-position: -183px -33px; }
            .jssora02ldn { background-position: -243px -33px; }
            .jssora02rdn { background-position: -303px -33px; }



 /* jssor slider thumbnail navigator skin 03 css */
                /*
                .jssort03 .p            (normal)
                .jssort03 .p:hover      (normal mouseover)
                .jssort03 .pav          (active)
                .jssort03 .pav:hover    (active mouseover)
                .jssort03 .pdn          (mousedown)
                */
                .jssort03 .w, .jssort03 .pav:hover .w
                {
                	position: absolute;
                	width: 83px;
                	height: 53px;
                	border: white 1px solid;
                }
                * html .jssort03 .w
                {
                	width /**/: 87px;
                	height /**/: 57px;
                }
                .jssort03 .pdn .w, .jssort03 .pav .w { border-style: solid; }
                .jssort03 .c
                {
                	width: 87px;
                	height: 57px;
                	filter:  alpha(opacity=45);
                	opacity: .45;
                	
                	transition: opacity .6s;
                    -moz-transition: opacity .6s;
                    -webkit-transition: opacity .6s;
                    -o-transition: opacity .6s;
                }
                .jssort03 .p:hover .c, .jssort03 .pav .c
                {
                	filter:  alpha(opacity=0);
                	opacity: 0;
                }
                .jssort03 .p:hover .c
                {
                	transition: none;
                    -moz-transition: none;
                    -webkit-transition: none;
                    -o-transition: none;
                }

.draw-mini { float:left;
			 margin:10px 10px 0 0;
			 }
			 
.trans {
	display: inline-block;
	text-align: center;
	width: 30px;
}