/*
Template Name: Emotion Responsive HTML5/CSS3 Template
Template URI: http://themeforest.net/item/emotion-responsive-html5css3-template/4114650
Author: dan_fisher
Author URI: http://themeforest.net/user/dan_fisher
Description: Emotion Responsive HTML5/CSS3 Template.
Version: 1.0.1
Tags: light, white, two-columns, right-sidebar, custom-colors, post-formats, responsive, html5, css3
*/


/* #Header
================================================== */
#header
{
    margin-bottom: 20px;
    background: url('../images/header_bg3.gif?v=20241106') top repeat-x;
}

.header-top
{
    background: #293955;
    color: #666;
    padding: 5px 0;
}


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

/* Top Menu */
.header-top-menu
{
    float: left;
    padding: 5px;
}
.header-top-menu li
{
    float: left;
    overflow: hidden;
    font-style: normal;
    font-size: 13px;
    font-family: 'Microsoft JhengHei' , 微軟正黑體, Helvetica;
    line-height: 16px;
}
.header-top-menu a
{
    text-decoration: none;
    color: #eee;
    border-left: 1px solid #999;
    padding: 0 8px 0 8px;
    -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) 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-sms a
{
    background-position: -144px 0;
}
.social-links .ico-sms a:hover
{
    background-position: -144px -24px;
}

/* Main Header */
.header-main
{
    background: url(../images/header_bg2.gif?v=20241106);
    background-repeat: no-repeat;
    background-position: center top;
}


.header-main .hr-bottom
{
    /* border-bottom: 2px solid #bdd4c1;  */ /* position: relative; */
}

.header-main .hr-bottom:after 
{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -6px;
    height: 0px; /* background: #bdd4c1; */
}

/* Logo */
#logo
{
    float: left;
    padding: 15px 0 15px 5px;
}

.header-info-box
{
    float: right; /* margin-right:45px; */
    margin-right: 110px;
    margin-top: 15px;
    display: table;
    width: 340px; /* 305 */
    margin-bottom: -5px;
}

.header-info
{
    display: table-cell;
    vertical-align: middle;
    line-height: 165%;
    opacity: 0.95;
}

.header-info img
{
    margin-top: 6px;
    display: inline-block;
}

.header-info .color5 img
{
    margin-top: 0px;
}


/* #Page Title
================================================== */
.page-title, .page-title2
{
    margin-bottom: 5px;
}

.page-title-holder
{
    background-image: url(../images/Page_title.png);
    background-repeat: no-repeat;
    letter-spacing: 1px;
}

.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;
}

.award-title h1
{
    font-size: 26px;
    line-height: 110%;
    margin: 0;
    position: relative;
    text-align:center; 
    padding: 24px 5px 0 0;
    font-weight: 900;
    letter-spacing: 1px;
    color: #aa0033;
}

.page-title h1
{
    font-size: 22px;
    line-height: 130%;
    margin: 0 0 0 15px;
    float: left;
    position: relative;
    padding: 8px 0 16px 0;
    font-weight: 900;
    color: #fff; /* color: #aa0033;	 */
}

.page-title-holder2
{
    background-image: url(../images/Page_title2.png);
    background-repeat: no-repeat;   
    letter-spacing: 1px;
}

.page-title2 h1
{
    font-size:18px;
    line-height: 150%;
    margin: 0 0 0 8px;
    float: left;
    position: relative;
    padding: 8px 0 16px 0;
    font-weight: 900;
    color: #fff; /* color: #aa0033;	 */
}

/*	.page-title-holder h1:after {
		content:"";
		display: block;
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		height: 3px;		
		background: #ed5036;
	}	*/

/* Post Title */
.post-title
{
    margin-bottom: 0px;
}
.post-title-holder
{
    background-image: url(../images/Blog.png);
    background-position: left center;
    background-repeat: no-repeat;
    letter-spacing: 1px;
    padding: 0 5px 0 32px;
}

.post-title h1
{
    font-size: 25px;
    line-height: 110%;
    margin: 0;
    color: #bb0000;
    float: left;
    position: relative;
    padding: 8px 0 10px 0;
    font-weight: bold;
}
 

/* #Holder title */

.holder-title
{
    text-indent: 48px; 
    height: 40px;
    margin-bottom: 15px;
}

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

/* #Content
================================================== */
#content
{
}

.content-wrapper
{
    padding-bottom: 30px;
}

/* Latest Posts */
.latest-posts-holder
{
}

.post
{
    margin-bottom: 35px;
}

.latest-posts-holder .featured-thumb
{
    width: 220px;
    height: 160px;
    overflow: hidden;
    margin-bottom: 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.post-header h2
{
    color: #484848;
    font-size: 20px;
    font-weight: bold;
    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: 18px;
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 6px;
}
.post-header h3 a
{
    color: #aa0000;
    -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: #000099; /* #282828; */
    text-decoration: none;
}

.post-image
{
    /* border:1px solid #ccc; */
    overflow: hidden;
}

.post-meta
{
    color: #3366ff;
    margin-bottom: 6px;
    font-size: 13px;
}

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

.post-source p
{
    display: inline-block;
    margin-left: 5px;
    margin-right: 15px;
    line-height: 140%;
    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-excerpt p
{
    color: #282828;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
    line-height: 140%;
    font-size: 15px;
    padding-right: 5px;
}

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

/* Prev&Next Navigation */
.post-nav
{
    font-style: normal;
    position: relative;
    overflow: hidden;
}

.post-nav a
{
    color: #040404;
    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;
}


/* 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-video-inline p,.entry .featured-thumb-inline p, .entry .featured-thumb-inline-left p, .entry .featured-thumb-inline-right p
{
    margin: 0;
    margin-bottom: 10px;
    padding: 10px 8px 15px 8px;
    background: #FFFFCC;
    font-size:16px;
    line-height: 1.6em;
    font-weight:600;
    
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word; 
    
}

.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.6em;
    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: 16px;
    line-height: 1.6em;
    font-weight: 500;
}

.entry-content h3
{
    color: #333;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
     line-height: 1.6em;
}

.entry-content h2
{
    color: #333;
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6em;
}

.entry-content h4
{
    color: #333;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: bold;
     line-height: 1.6em;
}

.entry-content ul
{
    line-height:1.6em;
    list-style:disc;
    padding-left: 5px;
}

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

.entry-content li
{
    font-size: 16px;
    line-height: 1.6em;
    margin-left: 20px;
}

.entry-content blockquote
{
    font-size: 16px;
    line-height: 24px; 
     line-height: 1.6em; 
}

.entry-content .btn
{
    color: #fff;
    font-size: 16px;
    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: 12px;
    margin-right: 5px;
}

.tab-filter
{
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    float: right;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: -20px;
}

.tab-filter li
{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tab-filter a
{
    display: inline-block;
    width: 85px;
    height: 32px;
    margin-right: 3px;
    text-align: center;
    padding-top: 4px;
    text-decoration: none;
    font-family: 'Microsoft JhengHei' , 微軟正黑體, Helvetica, Arial;
    color: #000000;
    background-image: url(../images/subject_menu2.png);
    background-repeat: no-repeat;
}

.tab-filter a:hover
{
    color: #ff0000;
}

.tab-filter .current, .tab-filter .current:hover
{
    color: #fff;
    background-image: url(../images/subject_menu1.png);
    background-repeat: no-repeat;
    color: #fff;
}

/* #Widgets
================================================== */

/* Widgets in Footer */
.widget__footer
{
    color: #999;
}
.widget__footer .widget-title
{
    font-size: 17px;
    line-height: 1.2em;
    color: #bb0000; /*990000;  */
    font-weight: bold;
    margin-bottom: 15px;
    word-spacing: 0.12em;
}

.widget-content a
{
    font-family: 'Microsoft JhengHei' , 微軟正黑體, Helvetica, Arial;
    text-transform: none;
    font-size: 15px;
    margin-left: 5px;
    margin-bottom: 8px;
}

.wiget__footer p
{
    font-size: 14px;
}

/* Widgets in Sidebar (Aside) */
.widget__sidebar .widget-title
{
    font-size: 17px;
}

.widget__sidebar
{
    position: relative;
    padding: 10px 0;
}

.widget__sidebar:first-child
{
    padding-top: 0;
}

/* Related Posts */
.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 0 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;
}

/* #Footer
================================================== */
.footer
{
    background: none;
}

.footer-declare
{
    background: url(../images/washi2.png);
    padding: 0px 2px;
    position: relative;
}

.footer-declare ul
{
    margin-left: 0;
    padding-left: 0;
}

.footer-declare li
{
    text-align: left;
    font-size: 14px;
    list-style-type: none;
    list-style-position: inside;
    background-image: url(../images/icon2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 25px;
    line-height: 150%;
}

/* Footer Widget */
.footer-widgets
{
    background: FFCC99;
    padding: 15px 0;
    position: relative;
    margin-bottom: 0px;
    background-color: #F2F9FC;
}

.footer-widgets:before, .footer-declare:before
{
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    background: #e3e3e3; /* F3F3F3; /* cc0000;  */
}

.footer-widgets a
{
    color: #0066CC;
    line-height: 25px;
    padding-left: 3px;
}

.footer-widgets a:hover
{
    color: #CC0000;
    text-decoration: none;
}

/* Copyright */
.copyright
{
    background: #800000;
    color: #ccc;
    padding: 16px 0;
    font-size: 12px;
    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: #ff9900; /* eb593c; */
}
.copyright .separator
{
    display: inline-block;
    margin: 0 4px;
    color: #999;
}

.copyright-primary
{
    font-size: 14px;
    line-height: 120%;
    color: #fff;
    float: left;
    padding: 0 11px 0 6px;
    margin-bottom: 20px;
}
.copyright-secondary
{
    float: right;
}

/* 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;
    line-height:30px;     
    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;
}

.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;
}

.fblike
{
    background: #eee;
    border: 0;
    width: 290px;
    height: 30px;
}

/****** footer ********/
.footer_title
{
    padding-left: 15px;
    font-size: 17px;
    font-weight: bold;
    color: #000033;
    line-height: 120%;
    white-space: nowrap;
    text-align: left;
    letter-spacing: 1px;
}

.footer_title img
{
    margin: 3px 5px 0 -1px;
}

.footer_con
{
    padding-left: 10px;
    color: #555;
    font-weight: 500;
    margin: 3px 0 17px 0;
    font-size: 14px;
    line-height: 140%;
    text-align: left;
}

.footer_con b
{
    font-size: 14.5px;
    line-height: 135%;
    color: #333;
}

.footer_con a
{
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 135%;
}

/********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: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 2px;
    background: #fff;
    border: 2px solid #ddd;
    width: 97%;
    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: 12px 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;
}

/*********video*********/
.youtube-video
{
    width: 290px;
    height: 210px;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 5px 0 0 2px;
    -webkit-border-radius: 5px;
    moz-border-radius: 5px;
    border-radius: 5px;
}

/*********new*********/
.news
{
    margin-top: -10px;
    width: 290px;
    height: 340px;
    background-image: url(../images/news2.png);
    background-repeat: no-repeat;
    letter-spacing: 0px;
    font-size: 14px;
    text-align: left;
    position: relative;
    line-height: 130%;
    display: block;
    overflow: hidden;
}

.news table
{
    margin: 12px 0 0 10px;
    border-collapse: collapse;
}

.news td
{
    border-bottom: 1px dotted #d0d0a1;
    border-collapse: collapse;
    height: 25px;
}

.news .date
{
    padding-left: 10px;
    font-size: 11px;
    color: #ff6900;
    white-space: nowrap;
}

.News_title
{
    padding-left: 4px;
    padding-right: 10px;
    white-space: nowrap;
    display: inline-block;
}

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

.Download A:link, .news A:link, .job A:link
{
    text-decoration: none;
    color: #000000;
}
.Download A:visited, .news A:visited, .job A:visited
{
    text-decoration: none;
    color: #000000;
}
.Download A:active, .news A:active, .job A:active
{
    text-decoration: none;
    color: #000000;
}
.Download A:hover, .news A:hover, .job A:hover
{
    text-decoration: none;
    color: #ff0014;
}

.news h3
{
    font-size: 20px;
    font-weight: bold;
    margin: 25px 0 0 88px;
}

/*********Download***********/
.Download
{
    width: 290px;
    height: 125px;
    background-image: url(../images/download.png);
    font-weight: bold;
    position: relative;
    overflow: hidden;
}

.Download ul
{
    margin: 3px 0 0 5px;
    padding: 0;
}

.Download li
{
    text-align: left;
    font-size: 15px;
    max-width: 210px;
    list-style-type: none;
    list-style-position: outside;
    background-image: url(../images/icon.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 150%;
}

.Download .more
{
    top: 78px;
    left: 202px;
}

.Download h3
{
    font-weight: bold;
    margin: 5px 0 5px 0;
}

/*********job***********/
.job
{
    width: 290px;
    height: 180px;
    background-image: url(../images/job.png);
    background-repeat: no-repeat;
    font-weight: bold;
    position: relative;
    overflow: hidden;
}

.job h3
{
    font-weight: bold;
    margin-top: 6px;
    color: #cc0000;
}

.job .more
{
    top: 128px;
    left: 110px;
}

.job ul
{
    margin: 28px 0 0 5px;
    padding: 0;
}
.job li
{
    text-align: left;
    font-size: 15px;
    max-width: 210px;
    list-style-type: none;
    list-style-position: outside;
    background-image: url(../images/icon.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 150%;
}

/*************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: 110px;
    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: 15px;
}

.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer
{
    background-image: url(../images/search_menu1.png);
    background-repeat: no-repeat;
    color: #ffffff;
}

.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-bottom: 15px;
}

/*************AJAX MENU 2****************/
.ajax__tab_msngallery-theme2
{
}
.ajax__tab_msngallery-theme2 .ajax__tab_header .ajax__tab_outer
{
    color: #000000;
    background-image: url(../images/subject_menu2.png);
    background-repeat: no-repeat;
}

.ajax__tab_msngallery-theme2 .ajax__tab_header .ajax__tab_outer a
{
    color: #000000;
    font-weight: bold;
}
.ajax__tab_msngallery-theme2 .ajax__tab_header .ajax__tab_outer a:hover
{
    color: #ee0000;
}

.ajax__tab_msngallery-theme2 .ajax__tab_header
{
    text-align: center; /* margin-left: 50px;    */
}

.ajax__tab_msngallery-theme2 .ajax__tab_header .ajax__tab_tab
{
    width: 88px;
    padding: 4px 0 3px 0;
    height: 32px;
    display: inline-block;
    text-align: center;
    float: left;
}

.ajax__tab_msngallery-theme2 .ajax__tab_header .ajax__tab_tab div
{
    font-family: 'Microsoft JhengHei' , 微軟正黑體, Helvetica, Arial;
    line-height: 140%;
    font-size: 14px;
}

.ajax__tab_msngallery-theme2 .ajax__tab_active .ajax__tab_outer
{
    background-image: url(../images/subject_menu1.png);
    background-repeat: no-repeat;
    color: #ffffff;
}

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

.ajax__tab_msngallery-theme2 .ajax__tab_body
{
    margin: 8px 0 0 53px;
}

/*************AJAX MENU 3****************/
.ajax__tab_msngallery-theme3
{
}
.ajax__tab_msngallery-theme3 .ajax__tab_header .ajax__tab_outer
{
    color: #000000;
    background-image: url(../images/subject_menu2.png);
    background-repeat: no-repeat;
}

.ajax__tab_msngallery-theme3 .ajax__tab_header .ajax__tab_outer a
{
    color: #000000;
    font-weight: bold;
}
.ajax__tab_msngallery-theme3 .ajax__tab_header .ajax__tab_outer a:hover
{
    color: #ee0000;
}

.ajax__tab_msngallery-theme3 .ajax__tab_header
{
    text-align: center;
    margin-left: 10px;
}

.ajax__tab_msngallery-theme3 .ajax__tab_header .ajax__tab_tab
{
    width: 88px;
    padding: 4px 0 3px 0;
    height: 32px;
    display: inline-block;
    text-align: center;
    float: left;
}

.ajax__tab_msngallery-theme3 .ajax__tab_header .ajax__tab_tab div
{
    font-family: 'Microsoft JhengHei' , 微軟正黑體, Helvetica, Arial;
    line-height: 140%;
    font-size: 14px;
}

.ajax__tab_msngallery-theme3 .ajax__tab_active .ajax__tab_outer
{
    background-image: url(../images/subject_menu1.png);
    background-repeat: no-repeat;
    color: #ffffff;
}

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

.ajax__tab_msngallery-theme3 .ajax__tab_body
{
    margin: 8px 0 0 25px;
}

/******** photo ***********/

.photo
{
    width: 290px;
    background-image: url(../images/photo.png);
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
}

.photo_p1
{
    width: 70px;
    height: 95px;
    background-image: url(../images/photo_p1.png);
    float: left;
    display: block;
    overflow: hidden;
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 1;
}

.photo_pic
{
    width: 197px;
    height: 243px;
    overflow: hidden;
    margin: 23px auto 0 auto;
    border-width: 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.photo_title
{
    font-size: 15px;
    text-align: center;
    width: 100%;
    color: #9b0000;
    font-weight: bold;
    margin-top: 20px;
}

.photo_name
{
    color: #333;
    font-size: 19px;
    font-weight: bolder;
    margin-top: 1px;
    letter-spacing: 10px;
}

.photo_tel
{
    font-family: Arial, Helvetica;
    font-size: 20px;
    font-weight: 800;
    color: #a60300;
    letter-spacing: 1px;
}

.photo_slogan
{
    text-align: center;
    width: 80%;
    color: #1b4797;
    font-size: 16px;
    height: 50px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-top: 3px;
    vertical-align: middle;
    overflow: hidden;
}

/***********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: 16px;
    color: #ffffff;
    font-weight: bold;
    white-space: nowrap;
    line-height: 27px;
    letter-spacing: 1px;
    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
{
    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-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: 310px;  /* 295px; */
    float: left;
    display: inline-block;
    overflow: hidden;
    line-height: 140%;
    font-size: 15px;
    color: #000000;
    margin-left: 4px;
    margin-right: 14px;
    margin-bottom: 12px;
    letter-spacing: 1px;
    font-weight: 500;
}

.subject_img2
{
    width: 285px;
    height: 180px;
    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_img2:hover
{
    border-color: #ffff00;
}

.subject_img2 img
{
    float: left;
    width: 285px;
    height: 180px;
    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: -29px;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    white-space: nowrap;
    line-height: 27px;
    letter-spacing: 1px;
    cursor: pointer;
}

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

.arrow2
{
    float: right;
    z-index: 95;
    display: block;
    overflow: hidden;
    cursor: pointer;
    margin-right: 12px;
    margin-top: 3px;
}

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

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

.special_good
{
    position: relative;
    width: 81px;
    height: 61px;
    z-index: 95;
    display: inline-block;
    float: left;
    margin-top: -80px;
    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: 12px;
    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: -80px;
    background-image: url(../images/Popular.png);
    background-repeat: no-repeat;
    text-align: left;
} 

.special_fav
{
    position: relative;
    width: 70px;
    height: 56px;
    z-index: 95;
    display: inline-block;
    float: left;
    margin-left: 5px;
    margin-top: -85px;
    background-image: url(../images/MessageB7.png);
    background-repeat: no-repeat;
    text-align: left;
}

.special_fav_detail
{
    position: relative;
    width: 70px;
    height: 56px;
    z-index: 95;
    display: inline-block;
    background-image: url(../images/MessageB7.png);
    background-repeat: no-repeat;
    text-align: left;
    margin-top: -5px;
    float: right;
}

.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
{
    display: inline-block;
}

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

.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: 18px;
    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);
    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%;
}

/****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;
}

/*****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
{
}

.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 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: 15px;
}

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

.order .current
{
    color: #000000;
}

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

/*****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;
}

/************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
{
    padding-top: 5px;
    padding-bottom: 0px;
}

.MapTable a
{
    color: #dd0000;
    line-height: 130%;
}

/***********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: 22px;
    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;
}


/*****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, .HouseBu15, .HouseBu17
{
    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.gif);
}
.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);
}

.HouseBu15
{
    background-image: url(../images/House_bu15.png);
}

.HouseBu17
{
    background-image: url(../images/House_bu17.png);
}

/********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;
    line-height:120%;
    border: 0px solid #ddd;
}

.tab5_info 
{
    line-height:120%;
}

.tab5_desc 
{
   display:block;
   font-weight:bold;
   font-size:14px;
   padding:5px;\
   line-height:140%;
}

.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;
    
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
}

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

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

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

.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;
}

/********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: 180%;
}

.tab4 td
{
    padding: 3px 10px;
    border: 1px solid #f1e5c0;
    font-size: 16px;
    max-width: 330px;
    
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
}

.tab4 td a
{
    color: #ff1100;
}

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

.tab_title4
{
    white-space: nowrap;
    color: #81511c;
    font-weight: bold;
    font-size: 14px;
    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: 20px;
    font-weight: bold;
    line-height: 135%;
}

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

.detail_ping2
{
    font-size:20px;
}

.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: 5px;
    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: 0 5px 0 5px;
    font-size: 14px;
    color: #ff1100;
}

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

.tabNO2 span
{
    display: inline-block;
    white-space: nowrap;
    width: 125px;
    margin: 1px 0 1px 0;
}

.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_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: 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: #380000;
}
.staff-desc h3 a
{
    color: #380000; /*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;
}

/* 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: 180px;
}

.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;
}


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

.bu 
{
    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 
{
    width: 85px;
    height: 31px;
    background-image: url(../images/BU.png);
    text-align: center;   
    font-weight: bold;
    overflow: hidden;
    display: block;
    background-repeat: no-repeat;
    padding-left: 1px;
    margin: 0 auto;      
    font-size: 14px;
    line-height: 190%;
    letter-spacing: 0px;
    display: inline-block;
    margin-right: 5px;
}
 

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

A.bu:link, A.bu2:link, A.buHome: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_search
{
    display: block;
    font-size: 14px;
    line-height: 210%;
    padding: 15px 15px 15px 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 10px 0 25px 0;
    background: #fff;
    background-image: url(../images/pad.png);
    background-repeat: repeat-x;
    border: 2px solid #cc0000;
    width: 81%;
    color: #000;
}

.news_search .field, .login_frame .field
{
    line-height: 100%;
    padding: 5px 0 5px 0;
    width: 190px;
    display: inline-block;
    white-space: nowrap;
}

.news_search_bu
{
    width: 100px;
    padding: 2px;
    display: inline-block;
    white-space: nowrap;
}

.news_search input, .login_fram input
{
    position: relative;
    vertical-align: middle;
}

.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;
}


.login_frame
{
    display: block;
    font-size: 14px;
    line-height: 210%;
    padding: 15px 15px 15px 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 10px 0 25px 0;
    background: #fff;
    background-image: url(../images/pad.png);
    background-repeat: repeat-x;
    border: 2px solid #666;
    width: 81%;
    color: #000;
}

.QRCodeLink
{
    width: 265px;
    height: 245px;
    background: #fff;
    background-image: url(../images/pad.png);
    background-position: left top;
    background-repeat: repeat-x;
    border: 2px solid #ddd;
    text-align: center;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 10px 15px 10px;
    margin-top: -18px;
}


.RelatedLink
{
    width: 265px;
    height: 270px;
    background: #fff;
    background-image: url(../images/pad.png);
    background-position: left top;
    background-repeat: repeat-x;
    border: 2px solid #ddd;
    text-align: left;
    margin-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 10px 15px 10px;
}

.QRCodeLink h3
{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 100%;
    color: #aa0000;
}

.RelatedLink h3
{
    font-weight: bold;
    text-align: center;
    line-height: 100%;
    color: #0000ff;
}

.RelatedLink li a
{
    color: #000;
    text-decoration: none;
    line-height: 155%;
}

.RelatedLink li a:hover
{
    color: #ff0000;
}


/**********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;
}

.PostPic2
{
    display: none;
}

.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;
    line-height: 160%;
}

.staff_profile_in
{
    display: inline-block;
}

.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;
}

.gophoto:hover
{
}

.osPanel
{
    display: block;
    margin: 20px 5px -5px 5px;
}

.osItem
{
    margin-left: -40px;
    margin-top: -15px;
}

.obj_price2
{
    margin-left: 2px;
    color: #ff0000;
    font-size: 15.5px;
    font-weight: bold;
    line-height: 125%;
}

.obj_price1
{
    margin-left: 2px;
    color: #0000CC;
    font-size: 15.5px;
    font-weight: bold;
    line-height: 125%;
    padding-top: 2px;
}

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

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

.hlist_item
{
    padding: 5px 0 5px 0;
    margin-right: 15px;
}

.hlist_item a:hover
{
    color: Blue;
}

.gd_right
{
    text-align: right;
}

.gd_center
{
    text-align: center;
}

.pdf_doc
{
    text-decoration: underline;
    padding-right: 15px;
}

.font13
{
    font-size: 13px;
}

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

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

.hot-title
{
    margin: 25px 0 20px 0;
    letter-spacing: .5px;
    text-indent: 35px;
    background: url('../images/hot.png') no-repeat;
    height: 27px;
    margin-bottom: 20px;
}

.hot-title h2
{
    font-size: 22px;
    padding-top: 2px;
    color: #FF0000;
    font-weight: bold;
}

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


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

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

/* PreSale */
.related-projects div img
{
    display: block;
    width: 100%;
}

.project-img
{
    position: relative;
    margin-bottom: 10px;
    border: 3px solid #eee;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.project-img:hover
{
    border: 3px solid #FFFF99;
}

.intro
{
    width: 90px;
    float: left;
    margin-right: 10px;
}

.project-desc
{
    border-left: 4px solid;
    padding-left: 17px;
    margin-bottom: 20px;
    border-left-color: #CC0066;
}

.project-desc h3
{
    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: 14px;
    margin-bottom: 20px;
    border-left-color: #99CC00;
}

.project-desc2 h3
{
    margin-bottom: .5em;
    font-size: 15px;
    color: #333;
    margin-right: 10px;
}


.project-details-holder
{
    margin-bottom: 15px;
}

.project-details h3
{
    font-size: 16px;
    color: #282828;
    margin-bottom: .75em;
    font-weight: 600;
}
.project-details .spacer
{
    height: 20px;
}

.project-details p
{
    font-size: 14px;
    line-height: 150%;
}

.prj-title
{
    padding-right: 15px;
}

.prj-title1
{
    border-bottom: 1px solid #D0D0D0; /* rgba(189, 212, 193, .42); */
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 150%;
    color: #003399;
    text-align: center;
    padding: 5px 10px;
}

.prj-title2
{
    border-bottom: 1px solid #D0D0D0;
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 120%;
    color: #282828;
    text-align: center;
    padding: 9px 11px;
}

.prj-title3
{
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 1px; /*  color: #FF6600; */
    text-align: center;
    padding: 8px 8px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #FF3300;
}

.prj-title p
{
    font-size: 15px;
    line-height: 165%;
    color: #333;
    font-weight: 700;
}

.prj-items
{
    margin-top: 25px;
    display: block;
    font-size: 15px;
    line-height: 165%;
    color: #000;
    margin-bottom: 25px;
}

.prj-link
{
    margin-bottom: 20px;
}

.prj-link a
{
    color: #36F;
    font-size: 14px;
    line-height: 120%;
    text-decoration: none;
    padding: 0 5px;
}

.prj-link a:hover
{
    color: #FF5050;
}

.progress-title
{
    margin: 25px 0 20px 0;
    letter-spacing: .5px;
    text-indent: 35px;
    background: url('../images/progress.png') no-repeat;
    height: 27px;
    margin-bottom: 20px;
}

.progress-title h2, h3
{
    padding-top: 3px;
    color: #0066FF;
    font-weight: 500;
    margin-bottom: 10px;
}

.progress-img
{
    position: relative;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    width: 100%;
}

.sxPanel
{
    display: block;
    margin: 0 0 5px 5px;
}

.sxItem
{
    margin-left: -40px;
    margin-top: -15px;
}

.service-title
{
    margin: 20px 0 15px 0;
    letter-spacing: .5px;
    text-indent: 35px;
    background: url('../images/Home.png') no-repeat;
    height: 27px;
    margin-bottom: 15px;
}

.service-title h2, h3
{
    padding-top: 3px;
    color: #0066FF;
    font-weight: 500;
}

.ad-holder li
{
    /*float: left; */
    margin: 0 0 10px 0;
}

.ad-holder li a
{
    display: block;
    width: 100%;
    padding: 3px;
    background: #fff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 2px;
}
.ad-holder li a:hover
{
    background: #ffffaa;
}

.ad-holder li:nth-child(even)
{
    margin-right: 0;
}
.ad-holder li.even
{
    margin-right: 0;
}


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


.txt-1
{        
    height:22px;
    border: 1px solid #999;   
}


.txt-combo1
{  
    height:21px;
    margin-top:7px; 
    border: 1px solid #999;  
    text-indent: 3px; 
       
    border-top: 0;   
    border-right: 0;
    border-bottom: 0;
    position: absolute;  
}
 

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

.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;
}

.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;
}

.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;
}

.quest
{
    display: block;
    float: none;
    margin: 0 auto;
}

.quest-desc
{
    text-indent: 0;
}

.quest-check-div
{
    display: block;
    margin-top: 15px;
    font-weight: bold;
}

.quest-check
{
    padding: 6px 8px 10px 0;
}

.quest-contact-div
{
    display: block;
    margin-top: 10px;
    margin-bottom: 18px;
}

.quest-tel
{
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 3px;
    width: 140px;
}

.quest-name
{
    margin-left: 5px;
    margin-top: 5px;
    padding: 3px;
    width: 140px;
}

.quest-button
{
    text-align: center;
    margin-bottom: 5px;
}

.quest-summit
{
    font-size: 15px;
    height: 28px;
    vertical-align: middle;
    text-align: center;
}

.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;
	}
	
	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;
    }
    
    .bx-wrapper, .bx-window, #homeslider 
    {
       /*  overflow:hidden!important; */
    }
    
.site_logo
{
    display:block;
    width:300px;
    margin-left:5px; 
}        
    
.staff_pic
{
    margin: -11px 20px 5px 5px;
    height: 99px;
    width:  99px;
    overflow: hidden;
    float: left; 
    border: 1.5px solid #BCC7D8; /* #FF9933;*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.staff_name
{
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-top: 5px;
    line-height: 110%;
    letter-spacing: 4px;
    text-align: center;
}

.staff_cell , .staff_cell a
{
    font-size:20px; 
    font-weight:bolder;
    color:#c00;
    margin-top:5px;
    line-height:110%;
    letter-spacing:0px;  
    text-align:center;
}

.site1_title
{   
    font-size: 20px;
    font-weight: bolder;
    color: #000033;
    line-height: 120%;
    white-space: nowrap;
    text-align: center;
    letter-spacing: 2.5px;
}

.site1_title img
{
    margin: 3px 5px 0 0;
} 
 
.sxPanel2
{
    display: block;
    margin: 10px -3px 10px 5px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    box-shadow: 0px 3px 8px #ddd;
}

.sxItem2
{
    margin-left: -40px;
    margin-top: -15px;
} 

.bar_1
{
    display: block;
    margin-top: 30px;
    margin-bottom:25px;
    margin-right:10px;
    width: 100%;         
   /* padding-left: 20px; */   
    height: 55px;
    background: url('../images/bar01.png') repeat-x;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #000088;
    line-height:150%; 
    
    text-shadow: 2px 2px 1px #eee;   
}

.bar_2
{
    display: block;
    margin-top: 30px;
    margin-bottom:25px;
    width: 100%; 
    margin-right:10px;
    /* padding-left: 20px; */    
    height: 55px;
    background: url('../images/bar02.png') repeat-x;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #000088;
    line-height:150%; 
    
    text-shadow: 2px 2px 1px #eee; 
}

.bar_3
{
    display: block;
    margin-top: 30px;
    margin-bottom:25px;
    width: 100%;  
    margin-right:10px;
    /* padding-left: 20px; */   
    height: 55px;
    background: url('../images/bar03.png') repeat-x;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #000088;
    line-height:150%; 
    
    text-shadow: 2px 2px 1px #eee;  
}

.bar_4
{
    display: block;
    margin-top: 30px;
    margin-bottom:25px;
    width: 100%;    
    /* padding-left: 20px;  */   
    height: 55px;
    background: url('../images/bar04.png') repeat-x;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #000088;
    line-height:150%; 
    
    text-shadow: 2px 2px 1px #eee; 
}

.bar_5
{
    display: block;
    margin-top: 30px;
    margin-bottom:25px;
    width: 100%;    
    /* padding-left: 20px; */      
    height: 55px;
    background: url('../images/bar05.png') repeat-x;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #000088;
    line-height:150%; 
    
    text-shadow: 2px 2px 1px #eee; 
}

.black2r
{
    width: 285px;
    height: 32px;
    float: left;
    background-color: #CC0000;
    z-index: 90;
    margin-top: -29px;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    white-space: nowrap;
    line-height: 27px;
    letter-spacing: 1px;
    opacity: 0.85;
    cursor: pointer;
}

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

.box_News
 {
     display:inline-block;
     width:99%;    
     border:2px solid #ddd;
     margin-top:-18px;
    /* padding-right:20px; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
     
    padding-bottom:30px;    
    box-shadow: 3px 3px 8px #ddd;
    margin-bottom:10px;
   
 }

 .box_Service
 {
     display:inline-block;
     width:99%;    
     border:2px solid #ddd;
     margin-top:-18px;
     /* padding-right:20px; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-bottom:15px;
    background-image: url('../images/bubble2.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    opacity: 0.9; 
    padding-bottom:35px;
    box-shadow: 3px 3px 8px #ddd;
    margin-bottom:10px;
 }
 
 .box_Find
 {
     display:inline-block;
     width:99%;    
     border:2px solid #ddd;
     margin-top:-18px;
     /* padding-right:20px; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-bottom:15px;
    background-image: url('../images/FindHouse4.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    opacity: 0.95;
    padding-bottom:35px;    
    box-shadow: 3px 3px 8px #ddd;
    margin-bottom:10px;
 }
 
 .marquee
{
    margin-top: -18px;
    width: 100%;
    overflow: hidden;
    border: 2px solid #FFE8A6;
    font-size: 26px;
    font-weight: 600;
    padding: 5px 2px;
    color: #fff;
    background-color: #CC0000; /* text-shadow: 1px 1px #FFFF99; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 0.9;
    
}

 .marquee4
{
    margin-top: 5px;   
    width: 99%;
    overflow: hidden;
    border: 2px solid #FFFF99;
    font-size: 26px;
    font-weight: 600;
    padding: 5px 2px; 
    color: #990000;
    background-color: #FFCC00; /* text-shadow: 1px 1px #FFFF99; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 0.9;
}

.barSold
{  
    margin-left:15px;   
    margin-right:10px;
    display: inline-block;
    width: 98%;
    min-height: 105px;
    border: 1px solid #ccc;
    padding-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-bottom: 15px;
    background-color: #F1FFFF;
    background-image: url('../images/bubble2a.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    opacity: 1;
    margin-bottom: 15px; 
      
    box-shadow: 0px 3px 8px #ddd; 
}

.barSoldIMG
{   
    display:inline-block;
    width:99%;    
    min-height:105px;
    background-image: url('../images/Ribbon2.png');
    background-position: left top;
    background-repeat: no-repeat;    
    padding-top:5px;
}

.barSold_title
{     
    margin-left:70px;
    background-image: url(../images/icon.png);   
}

.barSold_H1
{       
    font-weight:bold;
    line-height:135%;
    color:#990033;
    font-size:22px;    
}

.barSold_Addr
{
    color:#111;font-size:18px;
    line-height:160%;
}

.barSold_Pin
{
    margin-left:5px;
    color:#333; font-weight:600;font-size:20px;
}

.barSearch
{  
    margin-left:15px;   
    margin-right:10px;
    display: inline-block;
    width: 98%;
    min-height: 105px;
    border: 1px solid #ccc;
    padding-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-bottom: 15px;
    background-color: #F1FFFF;
    background-image: url('../images/FindHouse3.png');
    background-position: right bottom;
    background-repeat: no-repeat; 
    opacity: 1;
    margin-bottom: 15px; 
    
     box-shadow: 0px 3px 8px #ddd; 
}

.barSearchIMG
{    
    display:inline-block;
    width:99%;    
    min-height:105px;
    background-image: url('../images/Note2.png');
    background-position: left top;
    background-repeat: no-repeat;    
    padding-top: 5px;
}

.barSearch_H1
{  
    font-weight: bold;
    line-height: 135%;
    color: #0066CC;
    font-size: 22px;
}

.barSearch_Addr
{
    color:#333;font-size:18px;
    line-height:160%;
}

.barSearch_Price
{
    margin-left: 5px;
    color: #990000;
    font-weight: 600;
    font-size: 20px;
}
 
.barSearch_title
{     
    margin-left:85px;
    background-image: url(../images/client.png);   
}

.site_qrcode
{
    margin-top:-180px;
    /* width:140px;
    height:140px; */
    margin-left:0px;
}

.site_NewsPicBox
{
    display:block;   
    width:95%;
    max-height:420px;
    overflow:hidden; 
    margin: 0 auto;
    margin-top:0px;
    margin-bottom:15px;    
    box-shadow: 2px 2px 6px #ddd; 
}


.site_NewsPic
{    
   border:1px solid #ccc;
   width:100%;
   
}

.site_Graph01
{
   float:right;
   margin-right:28px;   
   margin-top:-5px;
}

.site_ListView
{
    margin-left:15px;
    margin-bottom:5px;
}

.site_BarImg
{
    margin-left:16px;
}

.site_BarTitle
{
    margin-left:8px;
}

.site_ph1
{
    font-size: 18px;
    font-weight:bold;
    color: #CC0000;
}

.service_h1
{
    font-size: 26px;
    line-height: 130%;
    margin: 0;
    color: #333; /* bb0000; */
    float: left;
    position: relative;
    padding: 8px 0 10px 10px;
    font-weight: bold;
    letter-spacing: 1px;
}

.buHome
{
    width: 100px;
    height: 31px;
    background-image: url(../images/buHome.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: 0px;
    padding-left:8px;
}
 
 A.buHome 
 {
     color:#FFF;
 }
 
 .site_NewsQuote
{
    opacity: 1;
    color: #333333;
    font-size: 16px;
    text-indent: 5px;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 160%;
}

.site_SearchInfo2
{
    display:block; 
    background-image: url(../images/FindHouse.png);
    margin-left:15px;
    min-height:28px;  
}

.staff_name_ex
{
     font-family: 新細明體 !important;
}

.site_Pp1
{
    font-size: 16px;
    font-weight: bold;
    line-height:150%;
    margin-top:10px;
    margin-bottom: 12px;
    color:Red;
}

.site_Pp2
{
    font-size: 17px;
    font-weight: bold;
    line-height:150%;
    margin-top:10px;
    margin-bottom: 12px;
    color:#333;
}

.site_morenews
{
    margin: 25px 0 20px 0;
    letter-spacing: .5px;
    text-indent: 35px;
    background: url('../images/progress.png') no-repeat;
    height: 27px;
    margin-bottom: 20px;
}

.site_morenews h2
{
    font-size: 22px;
    padding-top: 2px;
    color: #003399;
    font-weight: bold;
}

.site_NewsIcon
{
	float:left;    
	margin-right:10px;
	height:30px;
}

.popular-posts h4
{ 	color:#444;
	line-height:20px; 
    margin: 0 0 12px 0;
}	

.popular-posts a
{
	color:#293955;
	margin-left: 0;
	padding-left: 0; 
}

.popular-posts a:hover
{
    color: #CC0000;
    text-decoration: none;
}

.hidden
{
    display:none;
}

.pic-title
{    
    margin: 20px 0 20px 0;
    letter-spacing: .5px;
    text-indent: 30px;
    background: url('../images/client.png') no-repeat;  
    background-position: left bottom;
    margin-bottom: 20px;     
}

.pic-title h2
{
    font-size: 22px;
    padding-top: 2px;
    color: #333;
    font-weight: bold;
    line-height: 100%;    
}

.marqueeHome
{
    margin-top: -8px;
    margin-bottom: 12px;
    width: 98%;
    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     
}


#pano-viewer
 {
  display:block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 600px; 
  border: 1px solid #ccc;
  background-color: #fff;
  margin: 25px 0 20px 0;
  z-index: 1;
 } 
 
 
.panoBar 
{
   display:block;
   width:100%;
   height:32px;
   padding-top:6px;
   font-size:15px;
   color:#666;
   font-weight:400;
   line-height:150%;
   background: url('../images/PanoBar.jpg') 0 0 repeat-x;
}

.pano-buttons
{
    float: right;
    margin-right: 5px;
    margin-top:2px;
}

.pano-buttons a
{
    padding: 0;
    display: inline-block;
    width: 94px;
    height: 20px;
    background: url(../images/panoButtons.png?v=20190903) 0 0 no-repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    vertical-align: top;  
    margin-right:5px;   
    line-height: 130%;
    text-decoration:none;
    text-indent: 26px;
    color: #333;
    overflow:hidden;
}

.pano-buttons a:hover
{
    color: #000066;
    margin-top: 1px;
}

.pano-buttons .play
{
    background-position: 0 0;
}
 
.pano-buttons .stop a
{
    background-position: 0 -20px;
}
 
 .pano-buttons .fullscreen a
{
    background-position: 0 -40px;
} 
 
 .pano-buttons .exitfull a
 {
    background-position: 0 -60px;
}
 
 .pano-List 
 {
    width:170px;
    font-size:16px;
    line-height:100%;
    vertical-align:top;
 }
 
   .pano-Info
  {
      position:absolute;
      bottom:0;
      left:0;      
      background: #F2F9FC;
      display:block; 
      width:100%;
      color:#333;
      line-height:140%;    
      z-index:1;
      font-size:16px;
      opacity: 0.9;
      overflow:hidden;
  }
  
  .pv-Info
  {
      display:block; 
      padding: 5px 8px 8px 8px;
  }
  
  .pv-container
  {
      display:inline-block;
      background-color: #eee;
      width:100%;
      height: calc(100% - 38px);  /* 35 - PanoBar 的高度+邊框 */
  }
  
  .pano-Loading
  {      
      position:relative;     
      display:none;      
      margin: 25% auto;
      width: 43px;
      height: 11px;
      z-index: 2;     
  }
  
    .isLoading
    {
        display:block;
    }
    
 .pano360
{
    z-index: 99;
    display: inline-block;
    margin-top: -180px;
    margin-right: 15px;
    float: right;
    font-size: 18px;
    font-style: italic;
    color: #fff;
    font-weight: 600;
    text-shadow: -1px 0 #888, 0 2px #888, 1px 0 #888, 0 -1px #888;
}

.pano-Label
{
     font-size:15px;
     padding:0 4px 0 8px;
     line-height:150%;
}

 .feature
{
   padding:5px;
   font-size:17px;
   font-weight:600;
   line-height:175%;
}
 
 .priceInfo
{
    white-space: nowrap;
    font-size: 14px;
    border: 2px solid #FF0000;
    margin-top: 2px;
    padding: 0px 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
 
 .priceInfo:hover
 {     
     background-color: #fff;     
 }
 
 

.sxPanel
{
    display:block; 
    margin: 0 0 25px 0;    
    border: 2px solid #eee;
    padding: 0 4px; 
    -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;
}

.osPanel
{
    display: block;
    margin: 20px 5px -5px 5px;
}

.osItem
{
    margin-left: -40px;
    margin-top: -15px;
}


.newer a
{
    font-size: 15px;
    color: #0000FF;
}
      
   	.popular-posts .project-list-text h4
	{
	    color:#444;
	    line-height:20px; 
	    margin-bottom:6px;  	
	    overflow:hidden;
	    padding-top:0; 
	}	
      
      
	.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;
	}
	 
	
	.project-list-icon
	{
	   float:left;    
	   margin-top:1px; 
	   margin-right: 3px;
	   font-size:15px;
	   padding:0 5px 0 5px;
	   color:#090;
	}
	
	
.entry .featured-thumb-inline img
{     
    max-height: 600px;
}


.item_sma
{
    display:inline-block;
    width:130px;
    margin-right:0px;
    margin-bottom:20px;
} 

.item_sma a:hover, .item_sma a > span:hover
{
    text-decoration:none;
    cursor:pointer;
}

.item_sma2
{
    font-size:20px;    
    font-weight:bold;
    line-height:30px;
    display:inline-block;
    width:auto;
    margin-right:10px;
    margin-bottom:20px; 
} 

.item_sma2 img
{
    height:30px;
    margin-left:2px;
    margin-right:4px;
}

.item_sma2 a:hover, .item_sma2 a > span:hover
{
    text-decoration:none;
    cursor:pointer;
}