/* #Header
================================================== */
#header {
	margin-bottom: 0px;
}

/* Top Header */
.header-top
{
    background: #293955;
    color: #CCCCCC;
    border-bottom: 1px solid #FC6;
    padding: 10px 0;
}	

	.header-top a {
		color: #00ccff;
	}

	/* Top Menu */
	.header-top-menu {
		float: left;
		padding-top: 5px;
	}
		.header-top-menu li {
			float: left;
			overflow: hidden;
			font-style: normal;
			font-size: 13px;
			font-family: Arial, 'Microsoft JhengHei', 微軟正黑體, Helvetica;
			line-height: 16px;			 
		}
			.header-top-menu a {
				text-decoration: none;
				border-left: 1px solid #0066cc;
				padding: 0 11px;
				-webkit-transition: all 0.2s ease-out;
				-moz-transition: all 0.2s ease-out;
				transition: all 0.2s ease-out;
			}
			.header-top-menu a:hover {
				color: #fafafa;
			}
			.header-top-menu li:first-child a {
				padding-left: 0;
				border-left: none;
			}

/* Social Links */
	.social-links {
		float: right;
		padding-right:60px;
	}
	
		.social-links li {
			float: left;
			margin-left: 10px;
			border: 0;
			background:transparent;
			color: transparent;
			text-shadow: none;
			font: 0/0 a;		
		}
		.social-links li:first-child {
			margin-left: 0;
		}
		
			.social-links li a {
				display: inline-block;
				width: 24px;
				height: 24px;
				background: url(../images/soc-icons.png?v=201905) 0 0 no-repeat;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				vertical-align: top;
				-webkit-transition: all 0.15s ease-out;
				-moz-transition: all 0.15s ease-out;
				transition: all 0.15s ease-out;
			}
			
			/* Social Icons */
			
			.social-links .ico-facebook a {background-position:  0 0;}
			.social-links .ico-facebook a:hover {background-position:  0 -24px;}
		    
		    .social-links .ico-line a {background-position: -24px 0;}
			.social-links .ico-line a:hover {background-position: -24px -24px;}
		 
		    .social-links .ico-bookmark a {background-position: -48px 0;}
			.social-links .ico-bookmark a:hover {background-position: -48px -24px;}
			
			.social-links .ico-twitter a {background-position: -72px 0;}
			.social-links .ico-twitter a:hover {background-position: -72px -24px;}	
		    
		    .social-links .ico-qrcode a {background-position: -96px 0;}
			.social-links .ico-qrcode a:hover {background-position: -96px -24px;}		
			
			.social-links .ico-email a {background-position: -120px 0;}
			.social-links .ico-email a:hover {background-position: -120px -24px;}			
			
			.social-links .ico-fav a {background-position: -144px 0;}
			.social-links .ico-fav a:hover {background-position: -144px -24px;}			
		       		       	
			.social-links .ico-link a {background-position: -168px 0;}
			.social-links .ico-link a:hover {background-position: -168px -24px;}		
		       

/* Main Header */
 
.header-main
{
    background: url('../images/header_bg3.gif');
    border-bottom: 1px solid #F2F2F1;  
    position: relative;
    margin-bottom: 0px;  
}
	
/* Logo */
#logo {
	float: left;
	padding: 19px 0 20px 0;
}
 
#logo .logo_standard {} 
#logo .logo_retina{
	display: none;
}
#logo h1 {
	font-family: 'Microsoft JhengHei', 微軟正黑體, Helvetica, Arial;
	font-size: 42px;
	line-height: 1em;
	margin: 0;
	padding: 7px 0 0;
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}
	#logo h1 a {
		color: #282828;
		text-decoration: none;
	}
#logo .tagline {
	margin: 0;
	font-size: 11px;
	font-style: italic;
	color: #6e9b76;
	font-family: 'Microsoft JhengHei', 微軟正黑體, Helvetica, Arial;
	text-shadow: 0 1px 0 #fff;
}
/*/ Logo */
	
/* Navigation */
nav.primary {

}

/* Mobile Menu */
.select-menu
{
    width: 100%;
    border: 1px solid #C8C8C8;
    border-radius: 2px;
    line-height: 150%;
    cursor: pointer;
    padding: 2px;
    height: 30px;
    font-family: 'Microsoft JhengHei' , 微軟正黑體, Helvetica, Arial;
    font-size: 15px;
    color: #000066;
    margin-top: -5px;
    margin-bottom: 5px;
}

/* #Page Title
================================================== */
.page-title {
	margin-bottom: 25px;
}
	.page-title-holder {		 
		border-bottom: 1px solid rgba(189, 212, 193, .42);  
	}
	
	.page-title h1 {
		font-size: 26px;
		font-weight:600; 
		line-height: 1.25em;
		margin: 0;
		color: #282828;
		float: left;
		position: relative;
		padding:  8px  0 16px 5px;
		letter-spacing:1.5px;  
	}
	
	.page-title-holder h1:after {
	}
		
 	.holder-title
	{	
	     text-indent:33px; 
	     background: url('../images/star-icon1.gif') no-repeat; 
	     height: 28px;     
	     margin-bottom: 20px;  	    
	     letter-spacing:.5px; 
	}

	
	.holder-title h2, h3
{
    font-size:20px;
    padding-top: 3px;
    color: #000099;
    font-weight: 600;
}	

	.holder-title-1
	{	
	     text-indent:33px; 
	     background: url('../images/favicon.png') no-repeat;  
	     height: 28px;     
	     margin-bottom: 20px;  	    
	     letter-spacing:.5px; 
	}
	
.holder-title-1 h2, h3
{
    font-size:20px;
    padding-top: 3px;
    color: #000099;
    font-weight: 600;
}	
    	
.holder-title-2
	{	
	     text-indent:33px; 
	     background: url('../images/staff.png') no-repeat;  
	     height: 28px;     
	     margin-bottom: 20px;  	    
	     letter-spacing:.5px; 
	}   	

.holder-title-2 h2, h3
{
    font-size:20px;
    padding-top: 3px;
    color: #000099;
    font-weight: 600;
}	

.holder-title-3
	{	
	     text-indent:33px; 
	     background: url('../images/internet.png') no-repeat;  
	     height: 28px;     
	     margin-bottom: 20px;  	    
	     letter-spacing:.5px; 
	}   	

.holder-title-3 h2, h3
{
    font-size:20px;
    padding-top: 3px;
    color: #000099;
    font-weight: 600;
}	

.holder-title-4
{	
	    text-indent:33px; 
	    background: url('../images/docList.png') no-repeat;  
	    height: 28px;     
	    margin-bottom: 20px;  	    
	    letter-spacing:.5px; 
}   	

.holder-title-4 h2, h3
{
    font-size:20px;
    padding-top: 3px;
    color: #000099;
    font-weight: 600;
}	
 
	  
/* #Content
================================================== */
#content {
	
}
.content-wrapper {
	padding-bottom: 36px;
}

/* Latest Posts */
.latest-posts-holder { margin-right:10px;
}

.post {
	margin-bottom: 36px;
}

   /* Post Title */
    .post-title {
	margin-bottom: 0px;
}

	.project-title-holder 
	{
	    background-image:url(../images/Event.png);	
	    background-position: left 45% ;  
	    background-repeat:no-repeat;	     
		letter-spacing:1px;  
		padding: 0 5px 0 32px; 
	}


	.qa-title-holder 
	{	   
	    background-image:url(../images/QnA.png);	
	    background-position: left center;  
	    background-repeat:no-repeat;	     
		letter-spacing:1px;  
		padding: 2px 5px 0 60px; 
	}

	.post-title-holder 
	{
	    background-image:url(../images/Blog.png);	
	    background-position: left 45% ;  
	    background-repeat:no-repeat;	     
		letter-spacing:1px;  
		padding: 0 5px 0px 32px; 
	}
		
	.post-title h1 {
		font-size: 27px;
		line-height: 120%;
		margin: 0;
		color: #bb0000;  
		float: left;
		position: relative;
		padding:  5px 0 8px 0;
		font-weight:bold;  
	}

   .product-title-holder 
	{
	    background-image:url(../images/Product.png);	
	    background-position: left 45% ;  
	    background-repeat:no-repeat;	     
		letter-spacing:1px;  
		padding: 0 5px 0 32px; 
	}
		
	.product-title h1 {
		font-size: 25px;
		line-height: 120%;
		margin: 0;
		color: #bb0000;  
		float: left;
		position: relative;
		padding:  5px 0 10px 0;
		font-weight:bold;  
	}

	.latest-posts-holder .featured-thumb 
	{
	    display:block; 
		width: 220px;		 		
		overflow:hidden; 
		margin-bottom: 15px; 
	    border: 1px solid #eee;  
	   
	}
	
    .latest-posts-holder .featured-thumb-QA
	{
	    display:block; 
		width: 50px;		 		
		height:90px;
		overflow:hidden; 
		margin-top:-5px;
		margin-bottom: 10px; 
		margin-right:15px;
		float:left;
	}

	.post-header h2 
	{
	    color:#484848;
		font-size: 22px;
		font-weight:600;
		line-height: 1.2em;		
		margin-bottom: 6px;	
	}
	
		.post-header h2 a {
			color: #282828;
			-webkit-transition: all 0.1s ease-out;
			-moz-transition: all 0.1s ease-out;
			transition: all 0.1s ease-out;
		}
		.post-header h2 a:hover {
			color: #eb593c;
			text-decoration: none;
		}
	
	.post-header h3 
	{
	    padding-top: 0; 
	    color:#484848;
		font-size: 20px;
		font-weight:600;
		line-height: 1.1em;		
		margin-bottom: 6px;
	}
		.post-header h3 a {
			color: #282828;
			-webkit-transition: all 0.1s ease-out;
			-moz-transition: all 0.1s ease-out;
			transition: all 0.1s ease-out;
		}
		.post-header h3 a:hover {
			color: #eb593c;
			text-decoration: none;
		}
		
.post-image
{
    /* border:1px solid #ccc; */
  	overflow: hidden;
}
		
.post-meta {
	margin-bottom: 12px;
	font-size:14px;  
}

.post-meta span {
	display: inline-block;
	margin-right: 15px;
	font-size: 124x;
}

.post-source p {
	display: inline-block;
	margin-right: 15px;
	font-size: 14px;
}

.post-meta .post-meta-cats2 a
{
    font-size: 14px;  
    color:#fff;
    padding:  6px  0px  6px 0px; 
    line-height:22px; 
}

.post-meta span:last-child {
	margin-right: 0;
}
 
	.post-meta span a {
		/* color: #6e9b76; */
		color: #396;
		text-decoration: none;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
	}
	.post-meta span a:hover {
		text-decoration: none;
		color:#f60;
		/* color: #282828; */
	}
	.post-meta span a:hover [class^="icon-"] 
	{
	    color:#f60;
		/* color: #282828; */
	}
.post-excerpt p 
{
    overflow:hidden; 
    display:block; 
	margin-bottom: 1em;
	line-height: 20px; 
	font-size: 15px; 
}

.post-meta-project span
{
    margin-top: 5px; 
    font-size:15px;    
}

.post-meta-project span a
{
    font-size:14px;  
    color:#06f;
}

/* Post Loop */
.post-loop {

}
	.post-loop li {
		position: relative;
		float: left;
		margin: 0 0 0 20px;
		width: 220px;
		height: 210px;
		background: #bdd4c1;
	}
	.post-loop li:first-child {
		margin-left: 0;
	}
		.post-loop .post-img {
			opacity: .3;
			-webkit-transition: all 0.2s ease-out;
			-moz-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
		}
		.post-loop li:hover .post-img {
			opacity: 1;
		}
		.post-loop .post-caption {
			position: absolute;
			right: 0;
			bottom: 0;
			left: 0;
			display: block;
			padding: 0;
			padding: 20px 20px 16px 20px;
			background: rgba(0, 0, 0, .5);
		}
			.post-loop .post-cats {
				display: block;
				padding-bottom: 3px;
				font-size: 12px;
				font-family: 'Microsoft JhengHei', 微軟正黑體, Helvetica, Arial;
				font-style: normal;
				color: #bdd4c1;
			}
				.post-loop .post-cats a {
					color: #bdd4c1;
					-webkit-transition: all 0.2s ease-out;
					-moz-transition: all 0.2s ease-out;
					transition: all 0.2s ease-out;
				}
				.post-loop .post-cats a:hover {
					color: #eb593c;
					text-decoration: none;
				}
			.post-loop .post-caption h4 {
				margin: 0;
				text-transform: none;
				font-size: 13px;
				line-height: 18px;
				overflow: hidden;
				max-height: 36px
			}
				.post-loop .post-caption h4 a {
					color: #fff;
					text-decoration: none;
					-webkit-transition: all 0.2s ease-out;
					-moz-transition: all 0.2s ease-out;
					transition: all 0.2s ease-out;
				}
				.post-loop .post-caption h4 a:hover {
					color: #eb593c;
				}

/* Sidebar Bottom */
.sidebar__bottom {
	padding-top: 30px;
}
/*/ Sidebar Bottom */

/* Prev&Next Navigation */

.post-nav {
	position: relative;
	overflow: hidden; 
	padding-top: 15px;
}

.post-nav:before {
	content:"";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	overflow: hidden;
	background: url(../images/hr-dashed.gif) 0 0 repeat-x;
}
	.post-nav a {
		color: #111;
		display: inline-block;
		font-size: 14px;
	    padding-bottom: 5px; 
	}
	
	.post-nav a:hover {
		color: #eb593c;
		text-decoration: none;
	}
		.post-nav span {
			display: inline-block;
			font-size: 15px;
			font-family: 'Microsoft JhengHei', 微軟正黑體, Helvetica, Arial;
		}
		.post-nav p
		{
		    font-size:15px; 		   
		    overflow:auto;  
		}

/*/ Home Page */

/* Blog Page
-------------------------------------------------- */
.entry
{
    padding-bottom: 15px;
    margin-bottom: 15px;
    background: url(../images/hr-dashed.gif) 0 100% repeat-x;
}

.entry .featured-thumb
{
    margin: 5px 2px 5px 2px;
    display: block;
    float: none;
}

.entry .featured-thumb-inline
{
    margin: 20px 0px 15px 0;
    float: none;
    padding: 5px 0px 5px 0px;
}

.entry .featured-thumb-inline-left
{
    margin: 5px 10px 15px 0;
    float: left;
    padding: 0 5px 0 5px;
}

.entry .featured-thumb-inline-right
{
    margin: 5px 0 15px 10px;
    float: right;
    padding: 0 5px 0 5px;
}

.entry .featured-thumb-inline-left p, .entry .featured-thumb-inline-right p
{
    margin: 0;
    padding: 10px 5px 5px 5px;
}

.entry .featured-video-inline
{
    margin: 25px 0 15px 0;
    float: none;
    padding: 5px 10px 10px 10px;
}

.entry .featured-youtube
{
    width: 600px;
    height: 325px;
    border: 2px;
    border-color: #666;
    border-radius: 3px;
}

.entry .featured-youtube2
{
    width: 800px;
    height: 450px;       
    border: 2px;
    border-color: #666;
    border-radius: 3px;  
}

.entry-header
{
    padding-bottom: 10px;
}

.format-icon
{
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    background-color: #bdd4c1;
    color: #fff;
    text-align: center;
    font-size: 28px;
    line-height: 40px;
}

.entry-header-inner
{
    overflow: hidden;
}

.entry-title
{
    font-size: 16px;
    line-height: 1.2em;
    text-transform: none;
    margin-bottom: 2px;
}
.entry-title a
{
    color: #282828;
}
.entry-title a:hover
{
    color: #eb593c;
    text-decoration: none;
}

.entry-content
{
    margin-bottom: 15px;
}
.entry-content, .entry-footer
{
    padding: 0 0 0 2px;
}

.entry-content p
{
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
}

.entry-content h3
{
    color: #333;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: bold;
}

.entry-content a
{
    color: #06f;
}
.entry-content a:hover
{
    color: #f00;
    text-decoration: none;
}

.entry-content li
{
    font-size: 15px;
    line-height: 24px;
    margin-left: 20px;
}

.entry-content .btn
{
    color: #fff;
    font-size: 14px;
    margin-left: 10px;
}

.entry-content .btn:hover
{
    background-color: #09c;
    color: #fff;
}

/* Standard Post Format */
.entry__standard
{
}

/* Quote Post Format */
.entry__quote
{
}
.entry__quote .entry-content
{
    margin-bottom: 0;
}
.entry__quote blockquote
{
    margin-bottom: 0;
}
.entry__quote blockquote:before
{
    display: none;
}
.entry__quote blockquote p
{
    margin-bottom: .5em;
}
.entry__quote blockquote
{
    padding-left: 45px;
}


/* #Portfolio
================================================== */
  .tab-filter-content
  {
      margin-bottom: 15px; 
      margin-right: 0px;    
  }
   .tab-filter {
		display: inline-block;
		font-size: 15px;
		line-height:22px; 
		float: left;
		margin: 0;
		padding:  4px 0 0 0;
		margin-bottom: 30px; 
	}	
	.tab-filter li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
		margin: 0 2px 0 2px;
	}
	
	.tab-filter a {
		display: block;
		margin: 0;		
		color: #07f;  
		padding: 3px 15px 4px 15px;
		margin-bottom:5px; 
		background:  #9cf; 
		text-decoration: none;
		font-family:  'Microsoft JhengHei', 微軟正黑體, Helvetica, Arial;	 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
	}
	.tab-filter a:hover {
		background: #eb593c;
		color: #fff;
	}	
	.tab-filter .current,
	.tab-filter .current:hover {
		background: #36f;
		color: #fff;
	}


	/*  Project Feed Filter  */

	.project-feed-filter {
		display: inline-block;
		font-size: 14px;
		float: right;
		margin: 0;
		padding:  10px 0 0 0;
	}
	.project-feed-filter li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
		margin: 0 0 0 4px;
	}
	.project-feed-filter a {
		display: block;
		margin: 0;
		color: #6e9b76;
		padding: 3px 12px;
		background: #bdd4c1;
		text-decoration: none;
		font-family:  'Microsoft JhengHei', 微軟正黑體, Helvetica, Arial;	 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
	}
	.project-feed-filter a:hover {
		background: #eb593c;
		color: #fff;
	}
	.project-feed-filter .current,
	.project-feed-filter .current:hover {
		background: #6e9b76;
		color: #fff;
	}

	/*  Project Feed  */

	.project-feed {
		margin-bottom: -40px;
	}

	.project-feed > div {
		position: relative;
		float: left;
		margin: 0 0 40px 0;
	}
	
	.project-feed div img,
	.related-projects div img {
		display: block;
		width: 100%;
	}
	
	.project-img, .progress-img {
		position: relative;
		margin-bottom: 10px;
		border: 1px solid #eee;
		width: 100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	.project-img:hover
{
    border: 2px solid #FFFF99;
}
	
	.intro
	{
	    width:90px;	  
	    float:left;
	    margin-right: 10px; 
	} 

 
	/*  Portfolio Description  */
	.project-desc
{
    border-left: 4px solid;
    padding-left: 15px;
    margin-bottom: 25px;
    border-left-color: #FF9933;
}
	
	.project-desc h3 
	{
	        font-size:16px;
			margin-bottom: .5em;
	}
		
	.project-desc a 
	{	    
		color: #111;
	}
	.project-desc a:hover {
		color: #EB593C;
		text-decoration: none;
	}


.project-desc2
{
    border-left: 4px solid;
    padding-left: 17px;
    margin-bottom: 20px;
    border-left-color: #009933;
}
	
	.project-desc2 h3 {
		margin-bottom: .5em;
		font-size:16px;		
		color:#333;	
	}


	/*  Project Details */
	.project-details-holder {
		margin-bottom: 30px;
	}
	
	.project-thumbnail 
	{
		height: auto !important;
		border: 2px solid #fff;
	}

	.project-details 
	{
	    font-size:15px; 
       margin-top:5px; 
	}
	
	.project-details b
{
    font-size:15px; 
    color: #000099;
    font-weight: 600;
}
	
.project-details h3
{
    font-size: 17px;
    color: #0066FF;
    margin-bottom: .75em;
    font-weight: 600;
    letter-spacing:.5px; 
}

	.project-details .spacer {
		height: 20px;
	}
		
	.project-details p {
         font-size:15px; 
         line-height:160%;           
	}	

/* #Widgets
================================================== */
.widget {
	
}
.widget-title {

}
.widget-content {

}
/* Widgets in Footer */
.widget__footer {
	color: #999;
}
	.widget__footer .widget-title {
		font-size: 17px;
		line-height: 1.2em;
		color: #fff;
		margin-bottom: 1.1em;
		word-spacing: 0.12em;
	}
	.widget__footer .widget-content h5 {
		font-family: 'Microsoft JhengHei', 微軟正黑體, Helvetica, Arial;
		text-transform: none;
		font-size: 1.1em;
		font-weight: bold;
		color: #cff;   /* #bdd4c1; */ 
		margin-bottom: 0;
	}
	
	.wiget__footer p
	{
	    font-size: 12px; 
	}	

/* Widgets in Sidebar (Aside) */
.widget__sidebar .widget-title {
	font-size: 18px;
}
.widget__sidebar {
	position: relative;
	padding:  20px 0;
}
.widget__sidebar:after {
	content:"";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 2px;
	overflow: hidden;
	/*  background: url(../images/hr-dashed.gif) 0 0 repeat-x; */
}
.widget__sidebar:first-child {
	padding-top: 0;
}
.widget__sidebar:first-child:after {
	display: none;
}
/*/#Widgets */


/* Popular Posts */
.popular-posts {
}

	.popular-posts .project-list-text h4
	{
	    color:#444;
	    line-height:20px; 
	    margin-bottom:12px;  	
	    overflow:hidden;
	    padding-top:0; 
	}	

	.popular-posts .fair-list-text h4
	{
	    line-height:20px; 
	    margin-bottom:12px;  	
	    overflow:hidden;
	    padding-top:0; 
	}	
	
	.popular-posts .fair-list-text a
	{
	    color:#293955;
	}
		
	.project-list-icon
	{
	   float:left;    
	   margin-top:1px; 
	   margin-right: 3px;
	   font-size:15px;
	   padding:0 5px 0 5px;
	   color:#090;
	}

	.popular-posts .posts-list li {
		overflow: hidden;
		margin:  20px 10px  3px 0;
	}
	
	.popular-posts .posts-list li:first-child {
		margin-top: 0;
	}
	
	.popular-posts .featured-thumb {
		margin: 0 12px 0 5px;
        width:120px;
        height:auto;       
        overflow:hidden; 
        border: 1px solid #eee;  
	}
	
	.popular-posts .fixed-thumb {
		margin: 0 12px 0 5px;
        width:120px; 
        height:90px;      
        overflow:hidden; 
	}
	
	.posts-list-name
	{
	    margin-top:10px;
	    font-size:16px;
	    color:#06c;
	    line-height:140%;
	}
    
    .posts-list-name a
    {
        text-decoration:none;
        color:#0066CC;
    }	

	.posts-list-name a:hover
{
    color: #FF6600;
}
	
	.popular-posts .fixed-thumb-store {
		margin: 0 10px 0 0;
        width:70px; 
        overflow:hidden; 
	}
	
	.popular-posts h4 {
		font-size: 15px;
		line-height: 18px;
		text-transform:none;
		padding-top: 3px;
		margin-bottom: 0 5px 5px 0;
	}
	.popular-posts h4 a {
		color: #282828;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.popular-posts h4 a:hover {
		color: #eb593c;
		text-decoration: none;
	}
	
	.popular-posts .post-meta {
		margin-bottom: 0;
		font-size: 12px;
	}
	
	.popular-posts .slogan 
	{ 
		margin-bottom: 5px; 
		font-size: 14px;
	}
	
		.popular-posts .post-meta a {
			color: #6e9b76;
			-webkit-transition: all 0.2s ease-out;
			-moz-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
		}
		.popular-posts .post-meta a:hover {
			color: #eb593c;
			text-decoration: none;
		}
		
	.popular-posts .featured-icon {
		margin: 0 10px 0 0;
        width:40px; 
        height:45px;
		overflow:hidden;   
	}
		
/* Related Posts */
.related-posts {
}
	.related-posts .posts-list li {
		overflow: hidden;
		margin:  0 10px 20px 0;
	} 
	
	.related-posts .featured-thumb 
	{
	    width:70px;
	    height:auto; 
	    overflow:hidden; 	    
		margin: 0 10px 0 0;
	}	
	
    .related-posts .fixed-thumb 
	{
	    width:70px;
	    height:50px;
	    overflow:hidden; 	    
		margin: 0 10px 0 0;
	}
 
	.related-posts h3 {
		font-size: 17px;
		line-height: 20px;
		text-transform:none; 
		padding-top: 1px;	 
		margin-bottom: 2px;
	}
		 
	.related-posts h3 span
	{
	    display: inline-block;	   
	    padding-right:20px; 
	}
	
	.related-posts h3 span i
	{
	    padding-right:3px; 
	}
	
.related-posts h3 .fieldname
{
    font-size: 16px;
    line-height: 20px;   
    font-weight: 600;
    color: #333;
    margin-top: 2px; 
}  	
   .related-posts h3 .group a
	{	  
	    color:#6e9b76;
	}  	
	
	.related-posts h3 a {
		color: #33f;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	
	.related-posts h3 a:hover {
		color:#eb593c;  
		text-decoration: none;
	}	
	.related-posts h4 {
		font-size: 16px;
		line-height: 130%;
		text-transform: none;
		padding-top: 3px;
		margin: 0 5px 5px 0; 	 
	}
	.related-posts h4 a {
		color: #282828;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.related-posts h4 a:hover {
		color: #eb593c;
		text-decoration: none;
	}
	
	.related-posts .post-meta {
		margin-bottom: 0;
		font-size: 12px;
	}
	
	.related-posts .slogan 
	{	 
		margin-bottom: 5px;
		font-size: 15px;
		color:#333;
	}
	
	.related-posts .slogan2 
	{	 
		margin-bottom: 5px;
		font-size: 15px;
		color:#333;
	}
	
		.related-posts .post-meta a {
			color: #6e9b76; 
			-webkit-transition: all 0.2s ease-out;
			-moz-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
		}
		.related-posts .post-meta a:hover {
			color: #eb593c;
			text-decoration: none;
		}
/*/Related Posts */

/* Ad Spots Widget */
.ad-spots {

}
	.ad-holder li {
		float: left;
		margin: 0 14px 14px 0;
	}
		.ad-holder li a {
			display: block;
			width: 280px;
			padding: 5px;
			background: #fff;
			/* background: #e6eae3;
			background: rgba(189, 212, 193, .2); */ 
			-webkit-transition: all 0.2s ease-out;
			-moz-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
			border-radius:3px;
		}
		.ad-holder li a:hover 
		{
		    background: #ffffaa;
			/* background: rgba(189, 212, 193, .5); */ 
		}
	.ad-holder li:nth-child(even) {
		margin-right: 0;
	}
	.ad-holder li.even {
		margin-right: 0;
	}
/*/ Ad Spots Widget */


/* Contacts Widget */
.contact-widget {
}	
	.contact-widget address {
		line-height: 24px;
	}
		.contact-widget address i {
			font-size: 16px;
			color: #bdd4c1;
			margin-right: 5px;
		}
/*/ Contacts Widget */

	
/* #Footer
================================================== */
.footer
{
    /* background: url('../images/footer_bg.png'); */
    background-color: #fff;   
}

/* Footer Widget */
.footer-widgets 
{
    background: url('../images/footer.jpg');  /* washi2.png'); */ 
    background-color: #fff; 
	padding: 15px 0;
	position: relative;
}
 
	.footer-widgets p 
	{
	    color:#ddd;
	}
 
	.footer-widgets a {
		color: #6e9b76;
	}
	.footer-widgets a:hover {
		color: #bdd4c1;
		text-decoration: none;
	}

/* Copyright */
.copyright 
{    
    color:#ccc;
	padding: 16px 0;
	font-size: 14px;	 
	text-transform: none;
}

.copyright a {
		color: #fff;
		text-decoration: none;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
	}
	.copyright a:hover
{
    color: #33CCFF;
}
	.copyright .separator {
		display: inline-block;
		margin: 0 3px;
	}

	.copyright-primary {
 
	    font-size:14px; 
	    line-height:140%;
	    color:#eee; 
		float: left;
		padding: 0 5px  5px 0; 	 
		margin-bottom:10px; 	 
	}
	.copyright-secondary {
		float: right;
	}
	
	.copyright-title 
	{
	    display:block; 
	    font-size:15px;
	    line-height:150%;
	    color:#100;
	    float: left; 
	    margin: 0 0 10px 15px;	
	}
 

/* #Misc
================================================== */

/* Pagination */
.pagination {
	margin:  0;
	padding: 0;
}
	.pagination li {
		list-style-type: none;
		margin: 0;
		margin-bottom:5px; 
		padding: 0;
		display: inline;
	}
	.pagination li a,
	
	.pagination li span {
		display: inline-block;
		font-size: 13px;
		font-family: Arial, "Times New Roman", serif;
		line-height: 24px;
		padding: 0  8px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	.pagination li a {
		background: #bdd4c1;
		color: #66796a;
		text-decoration: none;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
	}
	.pagination li a:hover {
		background: #6e9b76;
		color: #fff;
		text-decoration: none;
	}
		 
	.pagination li input 
	{
	    display: inline-block;
		font-size: 13px;
		font-family: Arial, "Times New Roman", serif;
		line-height: 24px;
		padding: 0  8px;
		margin-bottom:5px; 	    
		background: #bdd4c1;
		color: #66796a;
		text-decoration: none;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
	}	 
	 
	.pagination li .current {
		background: #040404;
		color: #fff;
	}
	.pagination li .gap {
	}
	
	.roundcorner {	
	  border-radius: 2%;
	}

	.roundcorner5 { 	
	  border-radius: 5%;
	}

	.terms p, .terms li
	{
	   	font-size:14px; 
    	line-height:20px; 
	    padding-right:12px;  
	}	
			
	.contacts p 	
	{
	    font-size:15px; 
	    line-height:150%;	
	    padding-right:5px;  
	    margin-top:-5px;
	}
	
	/* *********************** */

    .contact-form
    {
        margin-left:-10px;
        font-size:15px;
        line-height:180%;
        margin-bottom:18px;
        width:85%
    }
    
   .contact-form input[type="text"] 
   {
		 font-size:15px; 
		 color:#2b2b2b;
		 padding: 4px 6px; 
		 margin-bottom:10px;		 
	}    
	
	.contact-form select
	{
	    font-size:15px; 
		color:#2b2b2b;
		padding: 4px 6px; 
		margin-bottom:12px;	 
	}
    
    .contact-form .field
    {       
        width:75%;
    }  
 
    
    .contact-form .textarea
    {
        font-size:15px; 
        color:#2b2b2b;
        width:90%; 
        /* height:200px; */ 
        padding: 4px 6px; 
    	margin-bottom:10px;
    	resize:none;
    }        

/*
.entry .audio-box
{
    margin:  20px  5px 20px  5px;       
}

.entry .featured-audio  
{   
    width: 540px; 
    height:50px; 
    margin: 5px 0 5px 0;    
    border:0;
}

.audio-desc
{
    font-size: 15px;         
}
*/

/*/#Misc */

.overflow_p
{    
    overflow:hidden; 
}
  

.Tel_link      
 {      
     font-weight:bold; 
     color:#cc0000; 
     text-decoration:none; 
 }
 
 .Tel_link:hover
 {
     color:#0033cc; 
     text-decoration:none; 
 }
 
 .footer_con
{
    color: #003399;
    font-weight: 500;
    margin: 0 0 5px 8px;
    font-size: 15px;
    line-height: 180%;
    text-align: left;
} 

.footer_con a 
{
    padding:0;  
    color: #c00; 
}

.footer_title
{ 
   padding-left:10px; 
   font-size:17px;
   font-weight:bold; 
   color:#000033;  
   line-height:150%;
   white-space:nowrap;
   text-align:left;
   letter-spacing:1px;
}
 
.footer_title img
{
    margin: 5px 5px 0 -2px; 
}
    
 .footer_con a:Hover
{
    color: #05C;
}

 .radio 
{     
  
    list-style-type: none;  
    overflow: auto; 
} 

.radio li 
{    
    width:70px;   
    padding: 0 0 0 5px;     
} 

.radio label
{
    font-size: 16px; 
    padding-left:5px; 
    padding-right: 0px;
    display:inline;
}

    
.radio-list
{
   margin:  5px 0 30px 0;
}
    
    
.contact-form
{
    background-color: #FFFFCC;
    width: 95%;  
    padding: 15px 15px 25px 20px;
    -webkit-box-shadow: 3px 7px 13px 1px rgba(214, 216, 215, 0.5);
    box-shadow: 3px 7px 13px 1px rgba(214, 216, 215, 0.5);
    -moz-box-shadow: 3px 7px 13px 1px rgba(214, 216, 215, 0.5);
}    
 
 /*
 .contact-form .field2
{
    width:100%;    
    display: inline-block;  
}
 
 .contact-form .field22
{
    width: 135px;
    display: inline-block;
    white-space: nowrap;
}

 .contact-form select
 {
     color: #333;
     font-size:15px;
 }

 .contact-form .field3
    {       
        margin:10px 0;
        font-size:16px;
    }  
*/
    
.must-field {
background-color: #D83F53;
color: #ffffff;
font-size: 13px;
line-height: 110%;
font-weight: bold;
margin-left: 8px;
display: inline-block;
padding: 1px 3px 1px 3px; 
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; 
}

.item_title
{     
    font-size:16px; font-weight:bold;color:#555;line-height:150%;letter-spacing:1px;
}

.item_pic
{ 
    margin: 5px 15px 10px 15px;   
    width: 100px;  
    border:1.5px solid #eee;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;     	 
    opacity: 0.8;
}

.item_pic:hover
{
     opacity: 1;
     border:1.5px solid #ddd;
}

.item_icon
{
    display:inline-block;text-align:center;
    margin-bottom:30px;
}

.item_icon a, .item_icon a > span 
{
    text-decoration:none;
    font-weight:bold;
    color:#555; /* 003399; */  
}	

.item_icon a:hover, .item_icon a > span:hover
{
    text-decoration:none;
    color: #FF6600;
}

/*****pages*******/

.pages
{
    width: 100%;
    display: block;
    overflow: hidden;
    float: left;
    text-align: center;
    margin: 5px auto 15px auto;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    letter-spacing: 1px;
}
.pages input, .pages select
{
    vertical-align: middle;
}

.pages a
{
    font-size: 15px;
    font-weight: normal;
}

.databutton
{
    margin: 2px 4px 2px 4px;
}


a.more
{
    width: 61px;
    height: 27px;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    background-image: url(../images/more.png);
    position: absolute;
    z-index: 1;
}

A.more:hover
{
    background-position: 0 -27px;
}

/*******bu******/

.bu, .bu2
{
    width: 85px;
    height: 31px;
    background-image: url(../images/BU.png);
    text-align: center;
    line-height: 185%;
    font-weight: bold;
    overflow: hidden;
    display: block;
    background-repeat: no-repeat;
    padding-left: 1px;
    margin: 0 auto;
    font-size: 15px;
    letter-spacing: 7px;
}

.bu2
{
    font-size: 14px;
    line-height: 190%;
    letter-spacing: 0px;
    display: inline-block;
    margin-right: 5px;
}

A.bu:hover, A.bu2:hover
{
    background-position: 0 -31px;
    color: #ffffff;
    text-decoration: none;
}

A.bu:link, A.bu2:link
{
    color: #ffffff;
}
A.bu:visited, A.bu2:visited
{
    color: #ffffff;
}
A.bu:active, A.bu2.active
{
    color: #ffffff;
}

.news_more
{
    width: 100%;
    height: 27px;
    margin-bottom: 10px;
}

.news_more a.more
{
    float: right;
    margin-right: 10px;
    position: relative;
} 
 
.news_subtitle
{
    display: inline-block;
    color: #000;
    font-size: 14px;
    line-height: 200%;
    padding: 0 6px 0 6px;
}

.news_subtitle span
{
    display: inline-block;
    white-space: nowrap;
    color: #0000cc;
}

.news_content
{
    color: #333;
    font-size: 15px;
    line-height: 160%;
    padding: 6px;
    overflow: hidden;
    margin-bottom: 10px;
    
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word; 
}

.news .more
{
    margin-top: -5px;
    margin-left: 45px;
}

.related-posts
{
}
.related-posts .posts-list li
{
    overflow: hidden;
    margin: 0 5px 20px 0;
}

.related-posts .featured-thumb
{
    width: 70px;
    height: 52px;
    padding-bottom: 5px;
    overflow: hidden;
    margin: 0 15px 25px 0;
}

.related-posts h3
{
    color: #000;
    font-size: 16px;
    line-height: 130%;
    text-transform: none;
    margin-bottom: 3px;
    font-weight: bold;
}

.news_info
{
    width: 100%;
    height: 100px;
}

.related-posts span
{
    display: inline-block;
    white-space: nowrap;
    font-size: 13px;
    line-height: 110%;
    padding-top: 5px;
    margin: 0 5px 10px 0;
}

.related-posts .post-excerpt p
{
    margin-left: 85px;
}

.related-posts h3 a
{
    color: #cc0000;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.related-posts h3 a:hover
{
    color: #33f;
    text-decoration: none;
}

.related-posts h4
{
    font-size: 14px;
    line-height: 110%;
    text-transform: none;
    padding-top: 2px;
    margin: 0 5px 5px 0;
}
.related-posts h4 a
{
    color: #cc0000;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.related-posts h4 a:hover
{
    color: #0033cc;
    text-decoration: none;
}

/********search**********/

.search .field
{
    width: 275px;
    display: inline-block;
    white-space: nowrap;
}

.search .field2
{
    width: 80px;
    display: inline-block;
    white-space: nowrap;
}

.search .field3
{
    width: 180px;
    display: inline-block;
    white-space: nowrap;
}

.search .field b
{
    color: red;
    font-weight: bold;
}

.search
{
    display: inline-block;
    font-size: 15px;
    line-height: 210%;
    padding: 15px 0 0 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px; 
    margin-top: 0px;
    background: #fff;
    border: 2px solid #ddd;
    width: 98%;
    background-image: url(../images/pad.png);
    background-repeat: repeat-x;    
}

.search2
{
    display: inline-block;
    font-size: 15px;
    line-height: 210%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 2px;
    background: #fff;
    border: 2px solid #ddd;
    background-image: url(../images/pad.png);
    background-repeat: repeat-x;
    margin-left: 2px;
    width: 97%;
    padding: 8px 8px 18px 8px;
    text-align: center;
}

.search2 .field2
{
    width: 190px;
    display: inline-block;
    white-space: nowrap;
}

.search_toggle
{
    float: right;
    width: 26px;
    height: 28px;
    display: block;
    cursor: pointer;
    margin: 2px 24px 0 0;
    z-index: 1;
}

.info_toggle
{
    width: 24px;
    height: 20px;
    cursor: pointer;
    margin: 1px;
    z-index: 1;
}

.search_bg input
{
    vertical-align: middle;
}

a.mine_bu
{
    background-color: #D11F15;
    width: 74px;
    height: 34px;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    position: relative;
    float: left;
    margin: 12px 5px 0 0;
    -webkit-border-radius: 8px;
    moz-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    text-indent: 6px;
    text-decoration: none;
}

a.mine_bu2
{
    background-color: #009900;
    width: 74px;
    height: 34px;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    position: relative;
    float: left;
    margin: 12px 5px 0 0;
    -webkit-border-radius: 8px;
    moz-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    text-indent: 6px;
    text-decoration: none;
}

a.mine_bu:Hover
{
    background-color: #009900;
    text-decoration: none;
}

a.search_bu
{
    background-image: url(../images/search_bu.gif);
    background-repeat: no-repeat;
    width: 145px; /* 125 */
    height: 34px;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    float: right;
    margin: 12x 50px 0 0;
    position: relative;
    -webkit-border-radius: 8px;
    moz-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    text-indent: 50px;
    text-decoration: none;
}

A.search_bu:hover
{
    background-position: 0 -35px;
}

/****SearchNo*********/
.SearchNo
{
    width: 100%;
    color: #cc0000;
    font-weight: bold;
    font-size: 18px;
    line-height: 150%;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 30px 0 50px 0;
}

.sale_icon
{
    background: #cc0000;
    color: #fff;
    font-size: 15px;
    padding: 0 3px 2px 4px;
    margin-right: 5px;
    -webkit-border-radius: 4px;
    moz-border-radius: 4px;
    border-radius: 4px;
}

.rent_icon
{
    background: #ff6600;
    color: #fff;
    font-size: 15px;
    padding: 0 3px 2px 4px;
    margin-right: 5px;
    -webkit-border-radius: 4px;
    moz-border-radius: 4px;
    border-radius: 4px;
}

.search_text
{
    color: #aaa;
}


/**********GridView**********/

tr.GridView_bg, td.GridView_bg, .GridView_bg
{
    font-weight: bold;
    background-color: #7d0000;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
}

.GridView td, .GridView th
{
    padding: 4px 5px;
    border-collapse: collapse;
    letter-spacing: 0px;
}

.GridView th
{
    padding: 2px 5px;
    white-space: nowrap;
}

.GridView
{
    font-size: 15px;
    border: 1px solid #e8e2c6;
    padding: 2px 10px;
    border-collapse: collapse;
    margin-top: 0px;
    margin-bottom: 30px;
}

.GridView img
{
    vertical-align: middle;
    padding: 3px 5px 3px 5px;
}

.GridView caption
{
    font-size: 15px;
    font-weight: bold;
}

.GridView_bg
{
    font-size: 15px;
}
 
.doc_link
{
    color: #aa0000;
    line-height: 120%;
}

.doc_link:hover
{
    color: #0000ff;
    text-decoration: none;
}


/********tab4*********/
.border
{
    font-family: 'Microsoft JhengHei' , 微軟正黑體, Helvetica, Arial;
    letter-spacing: 1px;
    border: 1px solid #dcbb9b;
}

.tab4
{
    font-family: 'Microsoft JhengHei' , 微軟正黑體, Helvetica, Arial;
    margin: 0;
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
    color: #000000;
    line-height: 140%;
}

.tab4 td
{
    padding: 8px 10px;
    border: 1px solid #B9853D; /*  #f1e5c0; */
    font-size: 17px;
    max-width: 330px;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word; /* overflow-wrap: break-word;   
    -ms-word-break: break-all; 
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;   */
}

.tab4 td a
{
    color: #ff1100;
}

.tab4 td a:hover
{
    color: #0055cc;
    text-decoration: none;
}

.tab_title4
{
    text-align: center;
    background-color: #FFF0C4;
    color: #660033;
    font-weight: bold;
    font-size: 15px;
    padding: 3px 5px;
    letter-spacing: 1px;
    width: auto;
}


.title_bg
{
    background: #eee;
    text-align: center;
}

.title_bg td
{
    color: #333;
    font-size: 15px;
}

.detail_store
{
    display: inline-block;
    text-align: center;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    line-height: 120%;
    margin: 3px 0 1px 0;
    width: 250px;
}

.detail_store2
{
    border: none;
}

.detail_store img
{
    margin: 4px 0 0 0;
}

.detail_tel
{
    color: #cc0000;
    font-size: 18px;
    font-weight: bold;
    line-height: 150%;
    margin-left: 3px;
    text-align: center;
    letter-spacing: 1px;
}

.detail_tel img
{
    margin-top: -1px;
}


.detail_company
{
    letter-spacing: 1px;
    margin-left: 3px;
    font-size: 14.5px;
    line-height: 140%;
    color: #333;
    text-align: center;
}

.detail_price
{
    margin-left: 2px;
    color: #ff0000;
    font-size: 22px;
    font-weight: bold;
    line-height: 135%;
}

.detail_ping 
{
    margin-left: 2px;
    color: #ff0000;
    font-size: 20px;
    font-weight: bold;
    line-height: 135%;
    padding-top: 2px;
}

.detail_ratio 
{
    margin-left: 2px;
    color: #ff0000;
    font-size: 18px;
    font-weight: bold;
    line-height: 135%;
    padding-top: 2px;
}

.house_type
{
    margin-left: 2px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    line-height: 135%;
    padding-top: 2px;
}

.onduty
{
    display: inline-block;
    background: #f0f0f0; /* ffe8a6; */
    background-image: url(../images/onduty.png);
    background-repeat: no-repeat;
    width: 295px; /* height:425px; */
    margin-top: 8px;
    margin-bottom: 8px;
    padding-top: 5px;
    border: 2px solid #ddd;
    -webkit-border-radius: 4px;
    moz-border-radius: 4px;
    border-radius: 4px;
}

.onduty_info
{
    color: #cc0000;
    font-size: 17.5px;
    font-weight: bold;
    padding: 12px 0 0 25px;
}

.staff
{
    display: block;
    float: left;
}

.staff_photo
{
    width: 200px;
    max-height: 245px;
    background: #FFF5D3;
    background-image: url(../images/frame3.jpg);
    background-repeat: repeat;
    overflow: hidden;
    border: 0px solid #eee;
    padding: 4px;
    margin: 20px 0 0 47px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.staff_info
{
    margin: 0;
    display: inline-block;
    color: #2c3d5a;
    text-align: center;
    line-height: 145%;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-left: 3px;
    margin-bottom: 10px;
}

.title_map
{
    text-align: center;
    height: 22px;
    font-size: 14px;
    line-height: 110%;
    padding-top: 5px;
    background: #ffe8a6;
    color: #222;
    border-bottom: 1px solid #bbb;
}

/*******img_down******/
.img_down, .map_down
{
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    padding-right: 15px;
}

.img_down img
{
    max-width: 95%;
    display: block;
    margin: 12px auto;
    padding: 6px;
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.title_photo
{
    padding: 5px;
    font-size: 14px;
    color: #ff1100;
}

/********tab*********/

.tab
{
    font-family: 'Microsoft JhengHei' , 微軟正黑體, Helvetica, Arial;
    margin: 0;
    border-collapse: collapse;
    border: 1px solid #faecd6;
    background-color: #ffffff;
    width: 100%;
    line-height: 130%;
    color: #000;
}

.tab td
{
    padding: 5px 6px 5px 6px;
    border: 1px solid #f1e5c0;
    font-size: 14px;
    min-width: 35px;
}

.tab ol
{
    margin: 5px 10px 5px 35px;
    padding: 0;
    color: #333;
}

.tab5_title
{
    width: 28%;
    font-size: 14px;
    background-color: #D6291F; /*4a5d80; */
    color: #F0F0F0;
    text-align: center;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
    border: 0px solid #ddd;
}

.tab5
{
    font-family: 'Microsoft JhengHei' , 微軟正黑體, Helvetica, Arial;
    margin: 0;
    border-collapse: collapse;
    border: 0px solid #eee;
    background-color: #ffffff;
    width: 100%;
    line-height: 130%;
    color: #000;
}

.tab5 td
{
    padding: 5px 10px 5px 10px;
    border: 1px solid #eee;
    font-size: 14px;
}

/*
.tab5 tr:hover
{
    background:#ffe8a6;
} */

.border5
{
    background: #ddd;
    letter-spacing: 1px;
    padding: 2px;
    border: 1px solid #ccc;
    -webkit-border-radius: 6px;
    moz-border-radius: 6px;
    border-radius: 6px;
}

.border5 .txt
{
    background: #DCEEF7;
    border: 1px inset #ccc;
    border-style: ridge;
    padding:4px;
}


.captcha, .contact_for, .area_option
{
    display: block;
}

.area_field
{
    display: inline-block;
    width: 190px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.ca_field
{
    display: inline-block;
    width: 170px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.cf_field
{
    font-size: 15px;
    display: inline-block;
    width: 185px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: bold;
    color: #cc0000;
}

.award-title
{
    margin-bottom: 2px;
}

.award-title-holder
{
    background-image: url(../images/awardlabel.png);
    background-repeat: no-repeat;
    letter-spacing: 1px;
    width: 220px;
    height: 85px;
    margin: 0 auto;
    text-align:center;
}

.award-title h1
{
    font-size: 26px;
    line-height: 110%;
    margin: 0;
    /* float: left; */
    position: relative;
    padding: 24px 5px 0 0;
    font-weight: 900;
    letter-spacing: 2px;
    color: #aa0033;
}

/* Pagination */
.pagination
{
    margin: 0;
    padding: 0;
}
.pagination li
{
    list-style-type: none;
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    display: inline;
}

.pagination li a, .pagination li span
{
    display: inline-block;
    font-size: 13px;
    font-family: Arial, "Times New Roman" , serif;
    line-height: 24px;
    padding: 0 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.pagination li a
{
    background: #ffcc66; /*#bdd4c1; */
    color: #cc0000; /* #66796a; */
    text-decoration: none;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.pagination li a:hover
{
    background: #cc0000; /*6e9b76; */
    color: #fff;
    text-decoration: none;
}

.pagination li input
{
    display: inline-block;
    font-size: 13px;
    font-family: Arial, "Times New Roman" , serif;
    line-height: 24px;
    padding: 0 8px;
    margin-bottom: 5px;
    background: #bdd4c1;
    color: #66796a;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.pagination li .current
{
    background: #CC0000; /*040404; */
    color: #fff;
}

.roundcorner
{
    border-radius: 2%;
}

.roundcorner5
{
    border-radius: 5%;
}


.radio2
{
    width: 320px;
    list-style-type: none;
    font-size: 18px;
    letter-spacing: 1px;
    overflow: auto;
}

.radio
{
    width: 300px;
    list-style-type: none;
    overflow: auto;
}

.radio li
{
    width: 70px;
    padding: 0 0 0 5px;
}

.radio label
{
    font-size: 15px;
    padding-left: 5px;
    padding-right: 0px;
    display: inline;
}

.color_name
{
    font-size: 16.5px;
    font-weight: 800;
    color: #000;
    line-height: 150%;
}

.staffs_bk
{
    background-image: url(../images/staff_bk3.png);
    background-repeat: repeat;
    padding: 15px 0 20px 0;
}

.staff-dm-desc
{
    margin: 10px 5px 25px 103px;
    border: 1px solid #ff9933;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #FFFFEE;
    text-indent: 30px;
}

.staff-dm
{
    padding: 5px;
    font-size: 16px;
    margin-bottom: 15px;
}

.staff-dm-bx
{
    float: left;
    margin: 5px 0px 25px 0;
}

.staff-dm-img
{
    width: 90px;
    margin-top: 5px;
    border: 1px solid #eeeeee;
    border-bottom: 1px solid #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.staff_profile
{
    display: inline-block;
    width: 97%;
    background: #ffe8a6;
    border: 2px solid #ddd;
    margin: 15px 0 10px 0;
    position: relative;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-image: url(../images/staff_bk.jpg);
    background-repeat: no-repeat; /* background-image :url(../images/on_bg.gif);   background-repeat:repeat-x;  */
}

.staff_left
{
    display: block;
    margin-top: 5px;
    margin-bottom: 15px; /* 5px; */
    margin-left: 3px; /* 5px; */
}

.staff_right
{
    width: 110%;
    display: block;
    margin-top: 17px; /* 20px; */
    margin-left: 35px;
    padding-right: 0px;
    padding-bottom: 25px;
}

.staff_quote
{
    opacity: 1;
    color: #ee0000;
    font-size: 18px;
    text-indent: 5px;
    letter-spacing: 1px;
    font-weight: bold;
}

.staff_profile_in
{
    display: inline-block;
}

.staff_list
{
    width: 195px;
    height: 320px;
    float: left;
    display: inline-block;
    overflow: hidden;
    line-height: 140%;
    font-size: 16px;
    color: #000000;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.staff-img, .staff-img2
{
    position: relative;
    background: #fff;
    background-image: url(../images/frame2.jpg);
    background-repeat: repeat;
    margin-bottom: 10px;
    padding: 4px 5px 6px 5px;
    width: 195px;
    height: 238px;
    overflow: hidden;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.staff-img:hover
{
    background: #ff9900;
}

.staff-desc
{
    border-left: 3px solid #cc0000;
    padding-left: 14px;
    padding-bottom: 5px;
    margin-bottom: 25px;
    background: #f0f5f5; /* fff6da; */
    opacity: 0.85;
}

.staff-desc h3
{
    text-align: center;
    padding-right: 10px;
    font-size: 21px;
    line-height: 105%;
    letter-spacing: 6px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #660033;
}

.staff-desc h3 a
{
    color: #660033; /*383838; */
}

.staff-desc h3 a:hover
{
    color: #cc0000;
    text-decoration: none;
}

.staff-store
{
    display: inline-block;
    color: #0000cc;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 1px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 5px;
}

.staff-store img
{
    padding-top: 2px;
}

.staff-store-name
{
    margin-left: 5px;
}

.TextBoxEM
{
    height: 1.35em;
}

.Tel_link
{
    font-weight: bold;
    color: #bb0000;
    text-decoration: none;
}

.Tel_link:hover
{
    color: #0033cc;
    text-decoration: none;
}

.photo3
{
    width: 97%;
    background: #fffbee;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 6px;
    margin-right: 5px;
}

.gophoto
{
    text-indent: 8px;
    font-size: 13px;
    padding-top: 1px;
    width: 91px;
    height: 25px;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    background-image: url(../images/ShowPhoto.png);
    float: right;
    z-index: 1;
    margin-top: -1px;
}


/*************AJAX MENU****************/

.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_outer
{
    color: #000000;
     background-image: url(../images/search_menu2.png);
    background-repeat: no-repeat; */
}

.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_outer a
{
    color: #000000;
}

.ajax__tab_msngallery-theme .ajax__tab_header
{
    margin-left: 5px;
    margin-top: 0px;
}

.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab
{
    width: 150px;
    padding: 4px 0 4px 0;
    height: 35px;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    float: left;
}

.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab div
{
    font-family: font-family: 'Microsoft JhengHei' , 微軟正黑體, Helvetica, Arial;
    line-height: 145%;
    font-size: 16px;
    letter-spacing: 1px;
}

.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer
{
    background-image: url(../images/search_menu6.jpg);
    background-repeat: no-repeat; 
    color: #000000; 
} 

.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer a
{
    color: #ffffff;
    outline: none;
}

.ajax__tab_msngallery-theme .ajax__tab_body
{
    padding: 5px 0 0 38px;
    line-height: 32px;
}

.tab-content
{
    /* margin-top:-5px; */ 
    margin-bottom: 15px;
}


/*****HouseBu*****/
.HouseBu
{
    display: block;
    width: 100%;
    margin: 0;
}

.HouseBu a
{
    display: inline-block;
    margin-bottom: 10px;
}

.HouseBu A:hover, .HouseBu10:hover
{
    position: relative;
    top: 1px;
}

.HouseBu1, .HouseBu2, .HouseBu3, .HouseBu4, .HouseBu5, .HouseBu6, .HouseBu7, .HouseBu8, .HouseBu9, .HouseBu10, .HouseBu11, .HouseBu13
{
    float: left;
    width: 132px;
    height: 34px;
    margin: 0 5px 0 10px;
    display: inline-block;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
}

.HouseBu10
{
    margin-bottom: 10px;
}

.HouseBu1
{
    background-image: url(../images/House_bu1.png);
}
.HouseBu2
{
    background-image: url(../images/House_bu2.png);
}
.HouseBu3
{
    background-image: url(../images/House_bu3.png);
}
.HouseBu4
{
    background-image: url(../images/House_bu4.png);
}
.HouseBu5
{
    background-image: url(../images/House_bu5.png);
}
.HouseBu6
{
    background-image: url(../images/House_bu6.png);
}
.HouseBu7
{
    background-image: url(../images/House_bu_facebook.png);
}
.HouseBu8
{
    background-image: url(../images/House_bu_line.png);
}
.HouseBu9
{
    background-image: url(../images/House_bu7.png);
}

.HouseBu11
{
    background-image: url(../images/House_bu9.png);
}

.HouseBu13
{
    background-image: url(../images/House_bu13.png);
}
	 
    
    /***********subject****************/

.subject
{
    margin-top: 25px;
    display: block;
    height: 367px;
    background-image: url(../images/subject.png);
    background-repeat: no-repeat;
    background-position: right top;
    position: relative;
    padding: 10px 10px 0 10px;
}

.subjectL
{
    width: 190px;
    height: 367px;
    background-image: url(../images/subjectL.png);
    background-repeat: no-repeat;
    background-position: left top;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.prev
{
    display: inline-block;
    background-image: url(../images/prev.png);
    _background-image: url(../images/prev.gif);
    width: 39px;
    height: 56px;
    position: absolute;
    top: 150px;
    left: -5px;
    z-index: 10;
}

.next
{
    display: inline-block;
    background-image: url(../images/next.png);
    _background-image: url(../images/next.gif);
    width: 39px;
    height: 56px;
    position: absolute;
    top: 150px;
    right: -5px;
    z-index: 10;
}

a.prev:hover, a.next:hover
{
    background-position: 0 -56px;
}

.subject .more
{
    position: absolute;
    top: 25px;
    right: 30px;
    float: right;
}

a.more
{
    width: 61px;
    height: 27px;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    background-image: url(../images/more.png);
    position: absolute;
    z-index: 1;
}

A.more:hover
{
    background-position: 0 -27px;
}

.subject_img
{
    width: 235px;
    height: 154px;
    float: left;
    overflow: hidden;
    margin-bottom: 1px;
    display: block;
    border: 3px solid #fff;
    -webkit-border-radius: 5px;
    moz-border-radius: 5px;
    border-radius: 5px;
}

.subject_img:hover
{
    border-color: #ffff00;
}

.subject_img img
{
    float: left;
    width: 235px;
    height: 154px;
    background: #ffffff url(../Images/photoNO1.gif) no-repeat;
}

.black
{
    width: 235px;
    height: 32px;
    float: left;
    background-image: url(../images/black.png);
    _background-image: none;
    _background-color: #000000;
    z-index: 90;
    margin-top: -28px;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
    white-space: nowrap;
    line-height: 27px;
    letter-spacing: 1px;
    opacity: 1;
    cursor: pointer;
}

.blackr
{
    width: 235px;
    height: 32px;
    float: left;
    background-image: url(../images/blackr.png);
    _background-image: none;
    _background-color: #000000;
    z-index: 90;
    margin-top: -28px;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
    white-space: nowrap;
    line-height: 27px;
    letter-spacing: 1px;
    opacity: 1;
    cursor: pointer;
}

A.subject_img:link, A.subject_img2:ink
{
    text-decoration: none;
    color: #ffffff;
}
A.subject_img:visited, A.subject_img2:visited
{
    text-decoration: none;
    color: #ffffff;
}
A.subject_img:active, A.subject_img2:active
{
    text-decoration: none;
    color: #ffffff;
}
A.subject_img:hover, A.subject_img2:hover
{
    text-decoration: underline;
    color: #ffffff;
}

.color1
{
    margin-left: 2px;
    color: #ff0000;
    font-size: 16.5px;
    font-weight: bold;
    white-space: nowrap;
    line-height: 150%;
    padding-top: 2px;
}
.color2
{
    margin-left: 2px;
    color: #000000;
    font-size: 16.5px;
    font-weight: bold;
    line-height: 140%;
    padding-top: 2px;
}

.color3
{
    font-size:15px;
    margin-left: 5px;
    font-weight: normal;
}

.color4
{
    margin-left: 2px;
    color: #000033;
    font-size: 16.5px;
    font-weight: 800;
    letter-spacing: 1px;
    white-space: nowrap;
}
.color5
{
    margin-right: 3px;
    color: #bb0000;
    font-size: 16px;
    font-weight: bold;
}

.subject_li
{
    margin: 0 0 0 5px;
    padding: 0px;
    font-size:15px;
    font-weight: normal;
}

.subject_list
{
    width: 250px;
    height: 255px;
    float: left;
    display: inline-block;
    overflow: hidden;
    line-height: 140%;
    font-size: 16px;
    color: #000000;
    margin-right: 30px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.subject_list2
{
    width: 297px;
    height: 300px; 
    float: left;
    display: inline-block;
    overflow: hidden;
    line-height: 140%;
    font-size: 15px;
    color: #000000;
    margin-left: 4px;
    margin-right: 14px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    font-weight: 500;
}

.subject_img2
{
    width: 285px;
    height: 190px;
    float: left;
    overflow: hidden;
    margin-bottom: 0px;
    display: block;
    border: 3px solid #ffffdc;
    -webkit-border-radius: 5px;
    moz-border-radius: 5px;
    border-radius: 5px;
}

.subject_img2:hover
{
    border-color: #ffff00;
}

.subject_img2 img
{
    float: left;
    width: 285px;
    height: 180px;
    background: #ffffee; /* background: #ffffff url(../Images/photoNO2.gif) no-repeat; */
}

.black2
{
    width: 285px;
    height: 32px;
    float: left;
    background-image: url(../images/black.png);
    _background-image: none;
    _background-color: #000000;
    z-index: 90;
    margin-top: -22px;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    white-space: nowrap;
    line-height: 30px;
    letter-spacing: 1px;
    opacity: 0.8;
    cursor: pointer;
}

.black2r
{
    width: 285px;
    height: 32px;
    float: left;
    background-image: url(../images/blackr.png);
    _background-image: none;
    _background-color: #000000;
    z-index: 90;
    margin-top: -22px;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    white-space: nowrap;
    line-height: 30px;
    letter-spacing: 1px;
    opacity: 1;
    cursor: pointer;
}

.black2 span, .black2r span
{
    font-size: 12px;
}

.arrow2
{
    float: right;
    z-index: 95;
    display: block;
    overflow: hidden;
    cursor: pointer;
    margin-right: 12px;
    margin-top: 3px;
    
    /* background-image:url(../images/detail.png);            
    width:13px; height:20px; */
}

.special_label
{
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 15px;     
}

.special_price
{
    position: relative;
    width: 150px;
    height: 80px;
    z-index: 95;
    display: inline-block;
    float: left;
    margin-top: -102px;
    background-image: url(../images/SpecialPrice.png);
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 20px;
}

.special_good
{
    position: relative;
    width: 81px;
    height: 61px;
    z-index: 95;
    display: inline-block;
    float: left;
    margin-top: -82px;
    background-image: url(../images/Good.png);
    background-repeat: no-repeat;
    text-align: left;
}

.good_label
{
    color: #eee;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 72px;
    padding-left: 13px;
    text-decoration: none;
}

.special_good_detail
{
    position: relative;
    width: 80px;
    height: 55px;
    z-index: 95;
    display: inline-block;
    background-image: url(../images/Good.png);
    background-repeat: no-repeat;
    text-align: left;
    margin-top: -20px;
    float: right;
}

.special_best
{
    position: relative;
    width: 81px;
    height: 61px;
    z-index: 95;
    display: inline-block;
    float: left;
    margin-top: -82px;
    background-image: url(../images/Popular.png);
    background-repeat: no-repeat;
    text-align: left;
}

.best_label
{
    color: #FF0000;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 82px;
    padding-left: 17px;
    text-decoration: none;
}

.special_best_detail
{
    position: relative;
    width: 80px;
    height: 55px;
    z-index: 95;
    display: inline-block;
    background-image: url(../images/Popular.png);
    background-repeat: no-repeat;
    text-align: left;
    margin-top: -12px;
    float: right;
}

.special_price a, .special_good a, .special_best a
{
    text-decoration: none;
}

.pick_check
{
}

.special_none, .pick_none
{
    display: none;
}

.price_tag
{  
    padding-top:2px;
    padding-bottom:2px; 
    display: inline-block;
}

.price_color
{
    margin-left: 2px;
    color: #ff0000;
    font-size: 16.5px;
    font-weight: bold;
    white-space: nowrap;
    line-height: 130%;
    padding-top: 0px;
}

.price_down
{
    background-image: url(../images/redline.png);
    background-position: left center;
    background-repeat: repeat-x;
    margin-left: 2px;
    color: #ff0000;
    font-size: 16.5px;
    font-weight: bold;
    white-space: nowrap;
    line-height: 150%;
    padding-top: 2px;
}

.price_down_detail
{
    background-image: url(../images/redline.png);
    background-position: left center;
    background-repeat: repeat-x;
    margin-left: 2px;
    color: #cc0000;
    font-weight: bold;
    white-space: nowrap;
    padding-top: 2px;
    font-size: 19px;
    line-height: 22px;
}

.subject_con
{
    float: left;
    overflow: hidden;
    display: block;
    margin: 85px 0 0 43px;
}

.subject_con2
{
    float: left;
    overflow: hidden;
    display: block;
    margin: 85px 0 0 43px;
}

.subject_con3
{
    float: left;
    overflow: hidden;
    display: block;
    margin: 85px 0 0 18px;
}

.House
{
    margin-top: 0;
    display: block;
    height: 70px;
    background-image: url(../images/House.png);
    background-repeat: no-repeat;
    background-position: right top;
    position: relative;
    padding: 0;
}

.HouseL
{
    width: 190px;
    height: 70px;
    background-image: url(../images/HouseL.png?v=20181014);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.HouseM
{
    padding: 0 0 0 0;
    display: block;
    height: auto;
    background-image: url(../images/HouseM.png);
    background-repeat: repeat-Y;
    background-position: right top;
    position: relative;
    padding: 0;   
}

.HouseML
{
    width: 20px;
    height: 100%;
    background-image: url(../images/HouseML.png);
    background-repeat: repeat-Y;
    background-position: left top;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.HouseB
{
    margin: 0 0 15px 0;
    display: block;
    height: 65px;
    background-image: url(../images/HouseB.png);
    background-repeat: No-repeat;
    background-position: right -20px;
    position: relative;
    padding: 0;
}

.HouseBL
{
    width: 20px;
    height: 65px;
    background-image: url(../images/HouseBL.png);
    background-repeat: No-repeat;
    background-position: left -20px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.HouseB .more
{
    position: absolute;
    top: 5px;
    left: 45%;
}


.modal
{
    position: fixed;
    top: 0;
    left: 0;    
    z-index: 999;
    background-color: black;
    opacity: 0.05;
    filter: alpha(opacity=5);
    -moz-opacity: 0.05; 
    min-height: 100%;
    width: 100%;
}

.loading
{
    font-family: Arial;
    font-size: 12pt;
    border: 1px solid #67CFF5;
    width: 200px;
    height: 165px;
    display: none;
    position: fixed;
    background-color: White;    
    z-index: 999;
}

.loadPDF
{    
    font-family: Arial;
    font-size: 12pt;
    border: 1px solid #67CFF5;
    width: 300px;
    height: 220px;
    display: none;
    position: fixed;
    background-color: White;    
    z-index: 9999;
}


/*****house menu*******/
.house_menu
{
    margin-left: -3px;
    margin-top: 10px;
    width: 99%;
    display: inline-block;
}

.house_menu a
{
    display: inline-block;
    width: 100%;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    line-height: 24px;
    background: #ddd;
    border: 1px solid #fff;
    padding: 4px 2px 6px 2px;
}

.m_txt
{
   color:#333;
   text-align:center;   
}

.house_menu A:link, .house_menu A:visited, .house_menu A:active
{
    text-decoration: none;
    color: #000000;
}
.house_menu A:hover
{
    color: #FF0000;
    text-decoration: none;
}

.house_menu .house_menu_this
{
    /* height:32px;  */
    display: inline-block;
    background: #008800; /* background-image:url(../images/green.png);   background-repeat:repeat-x; */
    color: #ffffff;
}

.house_menu .m_txt:hover
{
      color: #FF0000;
}

.house_menu .house_menu_this .m_txt, .house_menu .house_menu_this .m_txt:hover
{
      color: #ffffff;
}

/*
.house_menu A.house_menu_this:hover, .house_menu A.house_menu_this:link, .house_menu A.house_menu_this:visited, .house_menu A.house_menu_this:active
{
    text-decoration: none;
    color: #ffffff;
} */ 

.order
{
    margin-top: 5px;
    margin-bottom: 22px;
    text-align: center;
    font-size: 16px;
}

.order a
{
    font-weight: normal;
    font-size: 16px;
    color: #CC0000;
    margin-right: 6px;
}

.order .current
{
    color: #000000;
}

.order A:hover
{
    color: #000000;
    text-decoration: none;
}


.txt-combo
{   
    width: 176px;
    height: 20px;
    border-right: 0px;
    position: absolute; /* border-right:0px; */ 
}

.ddl-combo
{
    width: 195px;
    height: 23px;
    margin-top: 1px;
}

.txt-combo2
{
    width: 165px;
    height: 20px;
    border-right: 0px;
    position: absolute; /* border-right:0px; */   
  
}

.ddl-combo2
{
    width: 184px;
    height: 23px;
    margin-top: 1px;
}

.search input[disabled]
{
    background-color: #F6F6F6 !important;
    color: #303030 !important;
}

.txt-amt
{
    border: 0;
    margin-top: 2px;
    margin-left: 1px;
    width: 57px;
    height: 19px;
    border-right: 0px;
    position: absolute; /* border-right:0px; */   
}

.ddl-amt
{
    width: 80px;
    height: 23px;
    margin-top: 1px; 
}

.list-mode
{
    font-size: 15px;
    width: 98px;
    height: 27px;
    margin-top: -25px;
    margin-right: 3px;
}

.gd_right
{
    text-align: right;
}

.gd_center
{
    text-align: center;
}

img.img-icon
{
    width: 18px;
    height: 18px;
    margin-top: 0px;
    margin-left: -2px;
    margin-right: 6px;
    border: 1px solid #FFFFDC;
     -webkit-border-radius: 2px;
    moz-border-radius: 2px;
    border-radius: 2px;
}


/***********HouseDetail.aspx***********/
.titleSale
{
    margin: 10px 0 0 0;
    background-image: url(../images/title2.gif);
    background-repeat: no-repeat;
    display: inline-block;
    color: #000;
    font-size: 14px;
    height: auto;
    padding-left: 32px;
    padding-bottom: 8px;
}

.titleOS
{
    margin: 10px 0 0 0;
    background-image: url(../images/title1.gif);
    background-repeat: no-repeat;
    display: inline-block;
    color: #000;
    font-size: 14px;
    height: auto;
    padding-left: 32px;
    padding-bottom: 8px;
}

.titleOS span, .titleOS img, .titleSale span, .titleSale img, .titleRent span, .titleRent img
{
    vertical-align: middle;
}

.titlename
{
    padding: 0 3px 0 0px;
    line-height: 105%;
    font-size: 23px;
    color: #e30000;
    font-weight: bold;
}

.titleRent
{
    margin: 10px 0 0 0;
    background-image: url(../images/title3.gif);
    background-repeat: no-repeat;
    display: inline-block;
    color: #000;
    font-size: 14px;
    height: auto;
    padding-left: 32px;
    padding-bottom: 8px;
}

.titleP
{
    font-family: 'Microsoft JhengHei' , 微軟正黑體, Helvetica, Arial;
    display: block;
    font-size: 20px;
    color: #e30000;
    height: 24px;
    font-weight: bold;
    line-height: 100%;
}

.span
{
    color: #a40035;
    letter-spacing: 0px;
}

.share
{
    margin-left: 20px;
    color: #000000;
    font-size: 13px;
    font-weight: lighter;
    display: inline-block;
    width: 150px;
}
.share a
{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.share img
{
    vertical-align: middle;
    display: inline-block;
}
.share3
{
    margin-left: 10px;
    display: inline-block;
    width: 100px;
}
.share3 a
{
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

.share3 img
{
    vertical-align: middle;
    display: inline-block;
}


.related-objects {
}
	.related-objects .objects-list li {
		overflow: hidden;
		margin: 0 5px 20px 0;
	} 
	
	.related-objects .featured-thumb 
	{
	    width:90px;
	    height:auto; 
	    overflow:hidden; 	    
		margin: 0 10px 0 10px;
		max-height: 120px; 
		min-height: 80px; 
	}	
	
 
	.related-objects h4 {
		font-size: 18px;
		font-weight: 600; 
		line-height: 21px;
		text-transform: none;
		padding-top: 0;
		margin: 0 0 5px 0; 	 
	}
	
	.related-objects h4 a {
		color: #282828;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	
	.related-objects h4 a:hover {
		color: #eb593c;
		text-decoration: none;
	}
	
	
.shareinfo
{
    display: inline-block;
    padding: 5px;
    width: 295px;
    font-size: 14px;
    color: #333333;
    text-align: left;  
 }

.shareinfotext
{
    text-align: left;
    margin: 5px 0 5px 0;
    resize:none;
}

.staff-dm-desc
{
    margin: 10px 5px 25px 103px;
    border: 1px solid #ff9933;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #FFFFEE;
    text-indent: 30px;
}

.staff-dm
{
    padding: 5px;
    font-size: 16px;
    margin-bottom: 15px;
}

.staff-dm-bx
{
    float: left;
    margin: 5px 0px 25px 0;
}

.staff-dm-img
{
    width: 90px;
    margin-top: 5px;
    border: 1px solid #eeeeee;
    border-bottom: 1px solid #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.tab4a
{     
    margin: 0;
    border-collapse: collapse;
    background-color: #ffffff;
    width: 100%;
    color: #000000;
    line-height: 140%;
}

.tab4a td
{
    padding: 5px 3px 3px 3px; /* 3px 10px; */
    border: none; /* 1px solid #f1e5c0; */
    font-size: 15px;
    /* max-width: 330px; */ 
}


.hlist
{
    padding: 5px 10px 5px 10px;
}

.hlist_title
{
    font-size: 14px;
    padding-bottom: 15px;
    color: #333;
}

.hlist_item
{
    padding: 5px 0 5px 0;
    margin-right: 15px;
    line-height:150%;
}

.hlist_item a:hover
{
    color: Blue;
}

    
/************MapTable*************/
.MapTable
{
    display: block;
    overflow: hidden;
    width: 100%;
    height: 450px;
    border: 1px solid #ff3300;
    margin-top: 10px;
    -webkit-border-radius: 4px;
    moz-border-radius: 4px;
    border-radius: 4px;
}

.MapTable2
{
    display: block;
    overflow: hidden;
    width: 800px;
    height: 400px;
    border: 1px solid #ff3300;
    margin-top: 10px;
    -webkit-border-radius: 4px;
    moz-border-radius: 4px;
    border-radius: 4px;
}

.MapTable img
{
    overflow: hidden;
    height: 75px;
}

.MapTable p, .MapTable2 p
{
    font-size:14px;
    padding-top: 5px;
    padding-bottom: 0px;
}

.MapTable a, .MapTable2 a
{
    font-size:14px;
    color: #dd0000;
    line-height: 120%;
}


.tabNO2 td, .tabNO2
{
    border: 0px;
    color: #000;
    margin: 0px;
}

.tabNO2 span
{
    display: inline-block;
    white-space: nowrap;
    width: auto; /* 115px; */
    padding-right:6px;
    margin: 1px 0 1px 0;
}

.team_pic
{
   /* width:320px; */
    width:100%;
}

.doc-list-icon
{
	float:left;    
	margin-top:3px; 
	margin-right: 3px; 
	padding: 0 5px; 
}


.doc-list-text a
{
    color:#333;
}

.doc-list-text h4
{
    font-size:16px; 	
	line-height:160%;   	
	overflow:hidden;
	padding-top:0; 
}	

	input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    input[type="number"] {
        -moz-appearance: textfield;
    }

/*
.word-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.ellipses {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
*/

.bx-wrapper, .bx-window, #homeslider 
{
    overflow:hidden!important;
}

.marquee
{
    margin-top: -15px;
    margin-bottom: 5px;
    width: 99%;
    overflow: hidden;
    border: 2px solid #FFE8A6;
    font-size: 26px;
    font-weight: 600;
    padding: 5px 3px;   
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 0.8;        
    max-height:35px;
    white-space: nowrap     
}
 
/* Loan */
.loan
{
    display: inline-block;
    font-size: 15.5px;
    line-height: 140%;
    color: #000;
    margin-left: 10px;
}

.loan_span
{
    float: left;
    white-space: nowrap;
    width: 195px;
    margin: 5px;
    font-weight: bold;
    margin-right: 20px;
}

.loan_info
{
    height: 160px;
}

.loan_info h3
{
    font-size: 15px;
    line-height: 110%;
    margin: 0;
    padding: 3px;
    padding-right: 10px;
}

.loan_result
{
    height: 160px;
    padding-top: 5px;
}

.loan_result .result
{
    color: #cc0000;
    font-size: 15px;
    line-height: 140%;
}

.loan_table
{
    height: 367px;
    background: #a00;
    margin-bottom: 25px;
}

.loan_amt
{
    width: 80px;
}


.tab_title2
{
    font-size: 15px;
    background-color: #e20300; /* #6a3906 */
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    white-space: nowrap;
    line-height: 160%;
}

.tab2
{
    font-family: 'Microsoft JhengHei' , 微軟正黑體, Helvetica, Arial;
    border-collapse: collapse;
    border: 1px solid #000;
    background-color: #fff;
    width: 100%;
    line-height: 190%;
    color: #111;
}

.tab2 td
{
    font-size: 15px;
    padding: 2px 0 2px 10px;
    border: 1px solid #c0c0c0;
    direction: ltr;
}
 
.bold
{
    font-weight:bold;
}

.splitable
{
    font-weight:normal;
    font-size:13px;
}
 
 
.sxPanel
{
    display:block; 
    margin: 0 0 25px 0;      
    
    border: 2px solid #eee;
    padding: 0 5px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   
    
}

.sxItem
{
    margin-left:-40px;
    margin-top:-15px;
}
  
.sxItem_div
{
    display: block;
    background: #425575;
    padding: 10px 12px;
    color: #fff;
    font-size: 17px;
}
 
.feature
{
   padding:5px;
   font-size:18px;
   font-weight:600;
   line-height:175%;
}