resu
/*------------------------------------------------------------------------------------------
1. GENERAL COMPONENTS
------------------------------------------------------------------------------------------*/
@charset "UTF-8";


body { background-color: #fff; padding-top: 0px; padding-bottom: 0px; font-size: 12px; color: #000; font-family: Verdana, Geneva, sans-serif;}
.padding3 { padding: 3px;}
.mar_b10 { margin-bottom: 10px;}
a, a:link, a:visited { color: #0291bb; text-decoration: none;}
a:hover { color: #ed9823; text-decoration: none; }
p { line-height: 18px;}

/* Color highlight when the selected text */
::-moz-selection { background: #0291bb; color: #fff;}
::selection { background: #0291bb; color: #fff;}
.primary-color { color: #0291bb;}
.highlight-color { color: #ed9823;}
.primary-bg { background-color: #0291bb;}
.highlight-bg { background-color: #ed9823;}

.k-multiselect-wrap { /*-webkit-box-shadow: none !important; box-shadow: none !important;*/}
.k-state-hover { background-color: transparent !important; border: 1px solid #ccc !important;}
.k-multiselect .k-button { border-color: #357ebd !important; background-color: #428bca !important;}
ul.token-input-list-facebook { border-radius: 0;}

a.btn { color: #333;}
a.btn-controls { margin-bottom: 10px;}
a.btn.btn-success { color: #fff; border-radius: 0 !important;}

.panel.panel-default { margin-top: 15px; border-radius: 0 !important;}
.panel.panel-default .panel-heading h2, 
.panel.panel-default .panel-heading h3 { margin: 0; font-size: 18px; }

a.customer-package-id {}
a.customer-package-id img.selected { content: url(../images/icons/fugue/tick-circle.png); position: absolute; top: -5px; right: -5px;}

/*King logo*/
.king-logo { text-align: center;}
.king-logo .king-logo-wapper { margin: auto;}
.king-logo .king-logo-wapper .item { text-align: center; margin: 20px; display: inline-block;}
.king-logo .king-logo-wapper .carousel-captionitem { width: 150px; text-align: center}
.king-logo a { width: 100%; padding: 10px 0; text-align: center}
.king-logo a img { max-width: 120px; max-height: 90px; margin: auto;}

.frame-image-banner-120x90 { width: 120px;height: 90px;margin-bottom: 10px}
.frame-image-banner-120x90 img { max-width: 120px;max-height: 90px}
.frame-image-banner-555x90 { width: 555px;height: 90px;margin-bottom: 10px}
.frame-image-banner-555x90 img { max-width: 555px;max-height: 90px}
.advertisement-menu-note {border-left:#eee 1px solid}
.advertisement-menu-note ul { padding: 0px;}
.advertisement-menu-note li { list-style-type: none; padding: 7px 0;}
.advertisement-menu-note li a { color: #000; cursor: auto;}
.advertisement-menu-note li a:before { content: url(../../Content/images/icon_add.png); margin-right: 3px;}

.btn-default { border-radius: 0;}
.btn-primary { background-color: #0291bb; color: #fff !important; border: 0; padding: 7px 30px; text-transform: uppercase; font-weight: bold; border-radius: 0 !important;}
.btn-primary:hover, 
.btn-primary:active { background-color: #ed9823; }
.btn-warning { color: #fff !important; border: 0; padding: 7px 30px; text-transform: uppercase; font-weight: bold; border-radius: 0 !important;}
.btn-warning:hover,
.btn-warning:active { }

#dataTable { width: 100% !important;}
.dataTable { width: 100% !important;}
.dataTables-scrollHeadInner { width: 100% !important;}
/* Remove Screen Flickers on Open and Hide Modal */
.modal { overflow-y: auto;}
.modal-open { overflow: auto; overflow-x: hidden;}
.modal-header .close { padding-left: 7px; padding-right: 7px;}
.modal-header .modal-title { line-height: 18px;}
.modal-header .modal-title iframe { margin-top: 5px; }
.modal-overflow { height: 600px; overflow: auto; overflow-x: hidden;}

.form-control { font-size: 12px; border-radius: 0px;}
.form-horizontal.well { box-shadow: none !important; border-radius: 0px;}

/* form validation */
.k-widget.k-tooltip-validation { box-shadow: none; -webkit-box-shadow: none; background-color: #fc3c00 !important; color: #fff !important; border: 0 !important; margin-top: 1px;}
.tooltip-inner { max-width:250px; padding:6px 10px; background-color:#0291bb; font-size:10px;}
.tooltip.right .tooltip-arrow { border-right-color: #0291bb;}

/*------------------------------------------------------------------------------------------
1. HOMEPAGE
------------------------------------------------------------------------------------------*/
.content { background-color: #fff;}

/*---------------------------------------- HEADER -----------------------------------------*/
/*Banner slider*/
#header-adv-tree-banner {}
#header-adv-tree-banner .pikachoose { width: 555px;max-height: 90px; margin: 0 auto; text-align: center}
#header-adv-tree-banner .pika-stage { position: relative; width: 555px; height:90px !important}
#header-adv-tree-banner img { max-height: 90px;max-width: 555px}
#product-adv-tree-banner { margin-bottom: 10px}
#product-adv-tree-banner .pikachoose { width: 360px; margin: 0 auto}
#product-adv-tree-banner .pika-stage { position: relative; width: 360px; height:300px !important;border:1px solid #eeeeee}
.pika-stage .pika-aniwrap, 
.pika-stage .main-image { position: absolute; top: 0; left: 0}
.pika-stage .pika-aniwrap { width:100%}
.pika-stage .pika-ani { position:relative;display: none;z-index:2;margin:0 auto}
.pika-stage img { border:0;height:100%;width: 100%}
.pika-stage .caption { position: absolute; background:#000; background: rgba(0,0,0,0.75); border: 1px solid #141414; font-size: 11px; color: #fafafa; padding: 10px; text-align: right; bottom: 20px; right: 10px}
.pika-stage .caption p { padding: 0; margin: 0; line-height: 14px}
.pika-textnav, 
.pika-imgnav { display:none}
.pika-counter { position: absolute;bottom: -20px;left:15px;font-size:11px;display: none}
.pikame { display: none;}
/*
.pikame { margin: 0 0 10px 0; padding: 0}
.pikame li { display: none;list-style-type: none}
*/

/*---------------------------------------------------------------------------------*/
/* Home */
#home-toplinks { padding: 10px 0px; color: #ccc;}
#home-toplinks .icon { margin-right: 5px; }
#home-toplinks .icon-register:after { content: url(../images/icon_user.png); }
#home-toplinks .icon-login:after { content: url(../images/icon_key.png); }

/* home logo */
#home-logo { margin-top: 100px;}
#home-logo a { width: 300px; height: 109px; margin-bottom: 40px; display: inline-block; background: url(../images/home_logo.png) no-repeat top left; }

 /* home main search box */
#home-search {}
#home-search .form-control { display: inline-block; width: 50%; padding: 10px 15px; height: 40px; }

/* home dropdown options */
#home-options { padding: 10px 0px;}
#home-options-more { padding: 0px 0px;}
#home-options .form-control { display: inline-block; width: 12%; padding: 5px 12px; height: 30px;}
#home-options-more .form-control { display: inline-block; width: 12%; padding: 5px 12px; height: 30px;}
#home-options .icon-add:after { content: url(../images/icon_add.png); margin-left: 10px;}
#home-options .icon-minus:after { content: url(../images/icon_minus.png); margin-left: 10px;}

/* home search submit */
#home-search-submit { margin-bottom: 100px; margin-top: 20px;}
.rtt-btn-style { background-color: #dedede; padding: 6px 10px; display: inline-block; border-radius: 40px; background: -moz-linear-gradient(top, #dddddd 0, #ffffff 100%) no-repeat; background: linear-gradient(top, #dddddd 0, #ffffff 100%) no-repeat; background: -webkit-linear-gradient(top, #dddddd 0, #ffffff 100%) no-repeat; background: -o-linear-gradient(top, #dddddd 0, #ffffff 100%) no-repeat; background: -ms-linear-gradient(top, #dddddd 0, #ffffff 100%) no-repeat; -svg-background: linear-gradient(top, #dddddd 0, #ffffff 100%) no-repeat;}
.rtt-btn-style a { position: relative; border: solid 1px #cfc8bc; background-color: #ece9e2; color: #333; font-weight: bold; text-shadow: 1px 1px #fff; border-radius: 20px; text-transform: uppercase; padding: 6px 50px; background: -moz-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -webkit-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -o-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -ms-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; -svg-background: linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; }
#home-search-submit .btn-default,
.special-button .btn-default { position: relative; border: solid 1px #cfc8bc; background-color: #ece9e2; color: #333; font-weight: bold; text-shadow: 1px 1px #fff; border-radius: 20px; text-transform: uppercase; padding: 6px 50px; background: -moz-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -webkit-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -o-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -ms-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; -svg-background: linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat;}
.special-button .btn-default { padding: 6px 20px; text-transform: none;}
#home-search-submit .btn-default:hover, 
#home-search-submit .btn-default:active, 
.special-button .btn-default:hover, 
.special-button .btn-default:active { background: -moz-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: -webkit-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: -o-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: -ms-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; -svg-background: linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; }
#home-search-submit .btn-default:after { content: url(../images/home_search.png); float: right; z-index: 1; position: absolute; margin-top: -3px; right: 20px;}
.special-button span,
#home-search-submit span { background-color: #dedede; padding: 6px 10px; display: inline-block; border-radius: 40px; background: -moz-linear-gradient(top, #dddddd 0, #ffffff 100%) no-repeat; background: linear-gradient(top, #dddddd 0, #ffffff 100%) no-repeat; background: -webkit-linear-gradient(top, #dddddd 0, #ffffff 100%) no-repeat; background: -o-linear-gradient(top, #dddddd 0, #ffffff 100%) no-repeat; background: -ms-linear-gradient(top, #dddddd 0, #ffffff 100%) no-repeat; -svg-background: linear-gradient(top, #dddddd 0, #ffffff 100%) no-repeat;}

/*---------------------------------------------------------------------------------*/
/* Footer */

section#dark-fter {background-color: #F9F9F9;
color: #fefefe;
padding-top: 20px;
padding-bottom: 10px;
margin-top: 40px;
border-top: 1px solid #EFEFEF;}
section#dark-fter .fter-title {/* font-weight: bold; */
font-size: 14px;
text-transform: uppercase;
padding-left: 15px;
border-left: solid 3px #ed9622;
color:#000;}
section#dark-fter .list-unstyled { padding-top:15px; }
section#dark-fter .list-unstyled li { padding-bottom:13px; }
section#dark-fter .list-unstyled li:before { content:url(../images/fter_arrow.png); margin-right:10px; }
section#dark-fter .list-unstyled li a,
section#dark-fter .list-unstyled li a:link,
section#dark-fter .list-unstyled li a:visited { color:#3a3a3a; }
section#dark-fter .list-unstyled li a:hover,
section#dark-fter .list-unstyled li a:active { color:#ed9622; }


#home-footer {background-color: #ECECEC;
padding: 12px 10px;
border-top: 1px solid #CBCBCB;}
#home-footer .list-unstyled li { float: left; display: inline-block; padding: 10px 15px; }
#home-footer a, 
#home-footer a:link, 
#home-footer a:visited { margin: 10px 9px; color: #1a1a1a; /*border-right:solid 1px #7e7e7e; padding-right:10px;*/ }
#home-footer a:hover, 
#home-footer a:active { text-decoration: underline; }
.fixed-footer {}
.fixed-footer-body {}
#home-footer .text-center {
text-align: left;
}

/*------------------------------------------------------------------------------------------
2. SUB PAGES
------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* Search Result */
#brandname {}
#brandname a { float: left; display: inline-block; }
#brandname #sub-logo { width: 230px; height: 89px; display: inline-block; background: url(../images/subpage_logo.png) no-repeat top left; }
#brandname #sub-app-name { width: 440px; height: 60px; margin-left: 70px; margin-top: 15px; display: inline-block; background: url(../images/app_name.png) no-repeat top left; }

/* subpage search options */
#subpage-search-options { padding-bottom: 10px;}
#subpage-search-options .options-left, 
#subpage-search-options .options-right { float: left; display: table-cell; }

/* options */ 
#subpage-search-options .options-left { width: 91%; }

/* search submit button */ 
#subpage-search-options .options-right { width: 8%; }
.highlight-bg #subpage-search-options { padding: 10px;}
#autocollapse { border-radius: 0; border: 0; padding: 0; margin: 0; min-height: 35px;}
#autocollapse.collapsed .navbar-header { float: none; }
#autocollapse.collapsed .navbar-toggle { display: block; }
#autocollapse.collapsed .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
#autocollapse.collapsed .navbar-collapse.collapse { display: none!important; }
#autocollapse.collapsed .navbar-nav { float: none!important; margin: 7.5px -15px; }
#autocollapse.collapsed .navbar-nav > li { float: none; }
#autocollapse.collapsed .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
#autocollapse .navbar-nav > li > a { color: #fff; text-transform: uppercase; padding-top: 10px; padding-bottom: 10px; }
#autocollapse .navbar-nav > .open > a, 
#autocollapse .navbar-nav > .open > a:hover, 
#autocollapse .navbar-nav > .open > a:focus { background-color: #0291bb; color: #fff; }
#autocollapse .navbar-toggle { border: 0; }
#autocollapse .navbar-toggle .icon-bar { background-color: #fff; }
#autocollapse .dropdown-menu { border-radius: 0; box-shadow: none; border: 0; background-color: #0291bb; }
#autocollapse .dropdown-menu li a { color: #fff; }
#autocollapse .dropdown-menu li a:hover { background-color: #ed9823; }

.right-336 { width: 336px; /*background-color:yellow;*/ margin-right: 15px;}

/* all dropdown options */
#subpage-search-options .form-control { display: inline-block; float:left; margin-right:5px; width: 10%; padding: 5px 5px; height: 30px; border: #fff; color: #000;background-color: #fff;  /*margin-bottom:5px;*/}

/* main search box */
#subpage-search-options #subpage-searchbox { width: 23%; background-color: #edfbff;}
#subpage-search-options .icon-add:after { content: url(../images/icon_add_w.png); margin-left: -10px; margin-right: 0px;}
#subpage-search-options .icon-minus:after { content: url(../images/icon_minus_w.png); margin-left: -10px; margin-right: 0px;}

/* search submit button */
#subpage-search-options .btn-default { border: 0; color: #333; font-weight: bold; text-shadow: 1px 1px #fff; /*text-transform: uppercase;)*/ background: -moz-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -webkit-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -o-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -ms-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; -svg-background: linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat;}
#subpage-search-options .btn-default:hover, 
#subpage-search-options .btn-default:active { background: -moz-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: -webkit-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: -o-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: -ms-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; -svg-background: linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; }

/* load more options */
#subpage-search-options #more-options { clear:both; width:100%; display: none; margin-right: 14px; padding-top: 5px;}
#subpage-search-options #more-options .form-control { width: 15.67%; margin-top:5px;  border: #fff; color: #000;background-color: #fff;}

/* result item */
.result-item { clear: left; display: block; min-height: 130px; z-index: 0;}
.no-result { font-size: 15px; color: #999; min-height: 500px; height: 300px;}
.result-content { margin-left: 190px; }
.result-item .result-image-thumb { max-width: 100%; max-height: 100%;}

/* result item - advertising 3 first items */
.result-item a small.highlight-color { font-size: 14px; text-decoration: underline;}
.result-item a h4 { font-weight: bold; font-size: 15px;}
.result-item h2 { font-weight: bold; font-size: 16px;}
.result-item hr { margin: 5px 0px; /*width: 50%;*/}
hr.highlight-color { border: solid 1px #fff; border-bottom: solid 1px #ffcd8d; margin-top: 0px;}

/* result item : info location, price, size... */
.result-item .result-item-info { color: #666;}
.result-item .result-item-info .icon-pin:after { content: url(../images/icon_pin.png); margin-right: 5px; float: left; }
.result-item .result-item-info .icon-money:after { content: url(../images/icon_money.png); margin-right: 5px; float: left; }
.image-630x420 { max-height: 420px; max-width: 630px;}
.image-330x220 { max-height: 220px; max-width: 330px;}
.image-300x250 { max-height: 250px; max-width: 300px;}
.image-180x120 { max-height: 120px; max-width: 180px;}
.image-120x80 { max-height: 80px; max-width: 120px;}
.image-90x90 { max-height: 90px; max-width: 90px; min-height: 90px; min-width: 90px;margin-bottom: 10px;}
.frame-image-90x90 { height: 90px; width: 90px; text-align: center; margin: 0px 10px 10px 0px; float: left;}
.image-300x120 { max-height: 120px; max-width: 300px;}
.image-230x90 { max-width: 230px; max-height: 90px;}
.frame-image-90x90 img { width: auto; height: auto; max-height: 90px; max-width: 90px; border: #eeeeee solid 1px; float: none;}
.pading0 { padding: 0 !important;}
.pading-right20 { padding-right: 20px !important;}
.alert .close { right: 5px; top: 0px;}
.result-image-180-120 { width: 180px; height: 120px; float: left; margin-right: 10px; /*position: relative;*/ text-align: center; border: 1px solid #ccc; /*line-height: 116px;*/ overflow: hidden; /*background: #CCC;*/}
div { display: block;}
.detail-image-main { width: 330px; height: 220px; float: left; margin-right: 10px; position: relative; text-align: center;}
.image-main { max-width: 330px; max-height: 220px; border: solid 1px #cfc8bc}
.alert-danger { /*background-image:none; background-image:none; filter:initial; background-repeat: repeat-x;*/ border-color: #ccc; padding-left: 60px; background: #eee url(../images/icon-alert.png) no-repeat 10px 15px; color: red; font-style: italic;}
.alert-danger .close { width: 15px; height: 15px; text-align: center; background-color: #000; color: #fff; border-radius: 50%; margin-right: -20px; margin-top: -20px; font-size: 12px; text-shadow: none; opacity: 1; }
.padding-right0 { padding-right: 0px !important;}
.margin-bottom10 { margin-bottom: 10px;}
.rtt-district-choosed { min-width: 80px; max-width: 150px; float: left; padding: 2px; padding-left: 10px; padding-bottom: 0px; margin-bottom: 10px; padding-right: 5px; border-radius: 0;}
.rtt-district-choosed .close { right: 0px; }

/* load more result items */
#result-more { margin-bottom: 30px;}
#result-more .btn-default { position: relative; border: solid 1px #cfc8bc; background-color: #ece9e2; color: #333; font-weight: bold; text-shadow: 1px 1px #fff; border-radius: 5px; text-transform: uppercase; padding: 6px 30px; padding-right: 60px; background: -moz-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -webkit-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -o-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -ms-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; -svg-background: linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; }
#result-more .btn-default:hover, #result-more .btn-default:active { background: -moz-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: -webkit-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: -o-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: -ms-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; -svg-background: linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; }
#result-more .btn-default:after { content: url(../images/result_more.png); float: right; z-index: 1; position: absolute; margin-top: -1px; right: 15px; }

/* Right Advertising title */
.advertising { font-size: 11px; color: #fff;}
.advertising span { display: inline-block; padding: 4px 10px; text-transform: uppercase; border-radius: 5px; }
.advertising .icon-info:after { content: url(../images/icon_info.png); margin-left: 3px; }

/* Right Advertising Items */
.ads-item { min-height: 130px;}
.ads-item h3 { font-size: 14px; }
.ads-item .item-title { display: block; font-weight: bold; }
.ads-item .ads-image-thumb { margin-right: 10px; margin-top: 5px; }
.ads-item .item-desc { color: #333; }
.ads-item .ads-url { color: #999; font-size: 11px; line-height: 14px !important; }

/* Link Box */
.linkbox { clear:both; display:block; padding:10px; border:solid 1px #ccc; padding-bottom:0px; margin-bottom:15px; }
.linkbox .linkbox-title { text-transform:uppercase; font-weight:bold; font-size:14px; border-bottom:double 3px #ccc; padding-bottom:10px; margin-top:0px; }
.linkbox .list-unstyled { }
.linkbox .list-unstyled li { padding-bottom:10px; }
.linkbox .list-unstyled li:before { content:url(../images/aside_arrow.png); margin-right:10px; }
.linkbox .list-unstyled li a,
.linkbox .list-unstyled li a:link,
.linkbox .list-unstyled li a:visited { color:#333; }
.linkbox .list-unstyled li a:hover,
.linkbox .list-unstyled li a:active { text-decoration:underline; }



/*---------------------------------------------------------------------------------*/
/* Tag footer */
#tag-footer { margin-bottom: 20px; text-align: center;}
#tag-footer .title { }
#tag-footer .title span { padding: 5px 0; margin: 0 auto; text-align: center; text-transform: uppercase; border-top: 10px double #eeeeee; border-bottom: 10px double #eeeeee;}

/*---------------------------------------------------------------------------------*/
/* Result Detail */
#result-detail .result-detail-title { font-size: 24px;}
.detail-title { font-size: 16px; font-weight: bold;}
.result-title { font-size: 24px; font-weight: bold;}
.sharing-buttons { padding: 10px 0px; padding-top:0px;}
.sharing-buttons .icon-print:after { content: url(../images/icon_print.png); margin-right: 2px; }
.sharing-buttons .icon-email:after { content: url(../images/icon_email.png); margin-right: 2px; }

/* Result Detail - Short Info */
#result-short-info {}
#result-short-info .result-image-thumb { max-width: 330px; max-height: 220px; margin-right: 15px; margin-bottom: 25px; float: left; }
#result-short-info-right { float: left; width: 400px;}
#result-short-info .list-unstyled {}
#result-short-info .list-unstyled li { border-bottom: dotted 1px #ccc; padding: 5px 0px; }
#result-short-info .list-unstyled .lbl-info { display: inline-block; width: 105px; float: left; }
#result-contact { background-color: #fafafa; padding: 10px;}
#result-contact h3 { font-size: 16px; margin-top: 0; }
#result-contact div.highlight-color{line-height: 28px;font-size: 18px;border-left: 5px #ed9823 solid;margin-top: 20px;}

/* Result Detail - Full Description */
#result-description { clear: left; display: block;}
#result-description a {
color: #000;
}
 #result-description a:hover {
color: #ed9823;
}

/* Result Detail - Tabs */
#result-tab-preview { margin-top: 20px; margin-bottom: 20px;}
#result-tab-preview .nav-tabs, 
#result-tab-preview .tab-content { float: left; display: inline-block; }
#result-tab-preview .nav>li>a { padding: 10px 12px; }
#result-tab-preview .nav-tabs { width: 100px; }
#result-tab-preview .tab-content { width: 650px; }
#result-tab-preview .nav-tabs { border: 0; }
#result-tab-preview .nav-tabs > li { clear: both; width: 100%; display: block; background-color: #fafafa; margin: 0; }
#result-tab-preview .nav-tabs > li > a, 
#result-tab-preview .nav-tabs > li > a:hover, 
#result-tab-preview .nav-tabs > li > a:focus { margin: 0; display: block; border: 0; border-radius: 0; background-color: #fafafa; color: #333; }
#result-tab-preview .nav-tabs > li.active > a, 
#result-tab-preview .nav-tabs > li.active > a:hover, 
#result-tab-preview .nav-tabs > li.active > a:focus { border: 0; background-color: #eeeeee; }
#result-tab-preview .nav-tabs > li.active > a:after { content: url(../images/icon_2arrow.png); margin-left: 10px; }
#result-tab-preview .photo-container { padding: 15px; background-color: #eeeeee; }
#result-tab-preview .photo-container .result-image-thumb { width: 100%; max-width: 650px; max-height: 420px; }
#result-tab-preview #preview-photo-thumb { margin-top: 10px; }
#result-tab-preview #preview-photo-thumb li { float: left; display: inline; margin-right: 10px; }
#product-images .image-slides {}

/* Result Search Tags */
#search-tags {}
#search-tags .title { position: relative; margin-right: 30px; }
#search-tags .title .primary-bg { color: #fff; padding: 5px 10px; padding-bottom: 5px; display: inline-block; white-space: nowrap;}
#search-tags .title:after { content: url(../images/tags_title.png); margin-top: 10px; position: absolute; right: -28px; top: -16px; }
#search-tags a { padding-left: 5px; }

/* Tags */
.section-tags {border: 2px solid #eee;  padding: 5px 15px; color:#cfc8bc;}
.section-tags u{color: #0056C7;font-style: italic; padding-right: 10px;float: left;font-weight: bold;}
.section-tags a,
.section-tags a:link,
.section-tags a:visited {color:#cfc8bc;  display:inline-block;text-align:center; vertical-align:middle;white-space: normal;}
.section-tags a:hover,
.section-tags a:active { text-decoration:underline; }

/* Result Comment */
#result-comments {}
#result-comments .title { margin-bottom: 20px; }
#result-comments .title h3 { border-bottom: dotted 1px #ccc; margin-top: 0px; }
#result-comments .title h3 span { border-bottom: solid 3px #ee9601; font-size: 18px; }
#result-comments .title h3 span:before { content: url(../images/result_comment.png); margin-right: 5px; }

/* Result Comment - Item */ 
#result-comments .comment-item { clear: left; display: block; padding-bottom: 10px; }
#result-comments .comment-item .comment-user { text-decoration: underline; }
#result-comments .comment-item .date-time { font-size: 11px; color: #999; font-style: italic; }
#result-comments .comment-item .comment-desc { color: #333; }

/* Result Comment - Form */
#result-post-comment h3 { font-size: 18px; padding: 7px 10px; margin-bottom: 0; background-color: #eeeeee; border-bottom: solid 1px #ee9601;}
#result-post-comment form { background-color: #fafafa; border: solid 1px #eeeeee; padding: 15px 30px;}
#result-post-comment form .form-control { margin-bottom: 10px; }
#result-post-comment form input[type="text"] { height: 30px; }
#result-post-comment form .btn-default { font-size: 12px; border: solid 1px #cfc8bc; background-color: #ece9e2; color: #333; font-weight: bold; text-shadow: 1px 1px #fff; border-radius: 0px; text-transform: uppercase; padding: 5px 20px; background: -moz-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -webkit-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -o-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -ms-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; -svg-background: linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; }
#result-post-comment form .btn-default:hover, 
#result-post-comment form .btn-default:active { background: -moz-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: -webkit-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: -o-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: -ms-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; -svg-background: linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; }

/* Result Comment - Form */
.result-post-comment h3 { font-size: 18px; padding: 7px 10px; margin-bottom: 0; background-color: #eeeeee; border-bottom: solid 1px #ee9601;}
.result-post-comment form { background-color: #fafafa; border: solid 1px #eeeeee; padding: 15px 30px;}
.result-post-comment form .form-control { margin-bottom: 10px; }
.result-post-comment form input[type="text"] { height: 30px; }
.result-post-comment form .btn-default { font-size: 12px; border: solid 1px #cfc8bc; background-color: #ece9e2; color: #333; font-weight: bold; text-shadow: 1px 1px #fff; border-radius: 0px; text-transform: uppercase; padding: 5px 20px; background: -moz-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -webkit-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -o-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; background: -ms-linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; -svg-background: linear-gradient(top, #ffffff 0, #e6e1d9 100%) no-repeat; }
.result-post-comment form .btn-default:hover, 
.result-post-comment form .btn-default:active { background: -moz-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: -webkit-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: -o-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; background: -ms-linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; -svg-background: linear-gradient(top, #e6e1d9 0, #ffffff 100%) no-repeat; }

/* Result Detail - Note */
#result-note {}
#result-note.title { margin-bottom: 20px; }
#result-note .title h3 { font-size: 18px; }
#result-note .title h3:before { content: url(../images/icon_result_note.png); margin-right: 5px; }

/* We recommended */
#we-recommended {}
#we-recommended .title { margin-bottom: 20px; }
#we-recommended .title h3 { border-bottom: dotted 1px #ccc; }
#we-recommended .title h3 span { border-bottom: solid 3px #ee9601; font-size: 18px; }
#we-recommended .title h3 span:before { content: url(../images/recommend_title.png); margin-right: 5px; }

/*---------------------------------------------------------------------------------*/
/* Free Posting */
/* Posting Menu Orange */
.actived { background-color: #0291bb;}
.posting-menu {}
.posting-menu li { float: left; display: inline; border-right: solid 1px #d58600; border-left: solid 1px #fea918;white-space: nowrap; }
.posting-menu li:hover { background-color: #00CCFF; }
.posting-menu li:active { background-color: #0291bb; }
.posting-menu li:last-child, .posting-menu li.last-child { border-right: 0px; }
.posting-menu li:first-child, .posting-menu li.first-child { border-left: 0; }
.posting-menu > li > a, .posting-menu > li > a:link, 
.posting-menu > li > a:visited { color: #fff; text-transform: uppercase; padding: 10px 20px; display: block; }
.posting-menu li a:hover, .posting-menu li a:active { text-decoration: underline; }

/* Define new rule */
.required { color: red;}
.rtt-table { display: table; width: 100%;}
.rtt-table .form-control { padding: 5px 10px; height: 30px; /*margin-bottom: 10px;*/ }
.rtt-row { display: table-row;}
.rtt-col-lbl { width: 20%; display: table-cell; float: left;}
.rtt-col-2 { width: 13.33%; display: table-cell; float: left; padding-left: 2.5%;}
.rtt-col-2.BedRooms .rtt-lbl.hidden-xxs { display:block; }
.rtt-col-3 { width: 20%; display: table-cell; float: left; padding-left: 2.5%;}
.rtt-col-6 { width: 40%; display: table-cell; float: left; padding-left: 2.5%;}
.rtt-col-12 { width: 80%; display: table-cell; float: left; padding-left: 2.5%;}
.rtt-col-2, .rtt-col-3, .rtt-col-6, .rtt-col-12 { padding-bottom: 10px;}

.rtt-row label { font-weight: normal;}
.rtt-row .rtt-lbl { font-weight: bold;width: 100%;}
.rtt-row .k-datepicker .text-box.k-input,.rtt-row .k-numeric-wrap.k-expand-padding .k-input { border-radius: 0px !important; /*box-shadow:none !important;*/ padding-top: 1px; padding-bottom: 2px;}
.rtt-row .k-picker-wrap.k-state-default { width: 153px;}
.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload { border-radius: 0px;}

/* dataTables */
.dataTables-info { color: #999;}
.dataTables-paginate.paging-two_button a { margin-left: 15px; cursor: pointer;}

/*.dataTables-paginate.paging-two_button .paginate-disabled-previous::after { content: '|'; margin-left:15px; }
*/
.dataTables-length label,.dataTables-filter label { font-weight: normal;}
.dataTables-length select,.dataTables-filter input { padding: 2px 10px; height: 28px; border-radius: 0; border: solid 1px #c5c5c5; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td { padding: 7px 5px; border-color2: #b7defe;}
.k-button, .k-button.k-state-disabled:hover, .k-state-disabled .k-button:hover, .k-draghandle {}
.form-control-textarea { min-height: 60px;}
.form-control-rich { margin-bottom: 10px;}

/* Other Exceptions */
.rtt-expired .rtt-lbl { padding-right: 3px; font-weight:bold;}
.rtt-expired .form-control { display: inline-block; width: 50%;}
.rtt-price { padding-bottom: 0px;}
.rtt-price .form-control { display: inline-block; width: 88%; margin: 0px; padding: 0 10px; }
.rtt-price .highlight-color { height: 1px; }
.rtt-estimate .form-control { display: inline-block; width: 55%;}

/* Free Posting Contact */
#free-posting-contact { background-color: #fafafa; padding: 10px 20px; margin: 10px 0px;}
#free-posting-contact h3 { margin-top: 0; font-size: 18px; }
#free-posting-contact .rtt-col-6 { width: 50%; }
#free-posting-contact .rtt-col-12 { padding-left: 0; }
#free-posting-contact .rtt-row .rtt-col-6:first-child { padding-left: 0; }
#free-posting-contact .rtt-row .rtt-lbl { width: 27%; display: inline-block; }
#free-posting-contact .rtt-row .form-control { display: inline-block; width: 70%; margin-bottom: 5px; }

/* Free Posting Command Buttons */
#free-posting-commands { padding-bottom: 20px; text-align: right;}

/* Free Posting Right Banners */
#advertising-banners {}
#advertising-banners img { }
.frame-image-banner-360x300 { width: 360px; height: 300px; margin-bottom: 10px;}
.frame-image-banner-360x300 img { max-height: 100%; max-width: 100%; display: block; margin: 0 auto; }
.frame-image-banner-360x145 { width: 360px; height: 145px; margin-bottom: 10px;}
.frame-image-banner-360x90 { margin-bottom: 10px; }
.frame-image-banner-360x145 img { max-height: 100%; max-width: 100%; display: block; margin: 0 auto;}
.tag-box ul { list-style: none; font-style: italic; display: table; padding: 0; margin: 0; margin-top: 20px;}
.tag-box ul li {float:left; margin:5px; margin-right:20px; }
.tag-box ul li a {color:#a0a0a0; background:url(/Content/Images/list-style.png) no-repeat left center; padding-left:13px}

/*---------------------------------------------------------------------------------*/
/* Customer Register */
.rtt-form .form-control { padding: 5px 10px; height: 30px; /*margin-bottom: 10px;*/}
.rtt-form .form-margin { margin-bottom: 10px;}
.form-horizontal .controls { margin-bottom: 10px;}
.rtt-form .file-control { margin-bottom: 10px;}
.rtt-form label { font-weight: normal;}
.rtt-form .rtt-image-upload { margin-bottom: 10px;}
.rtt-form .rtt-link { display: inline-block; margin-bottom: 10px;}
.rtt-form .btn { margin-bottom: 10px;}
.rtt-form .icon-ok:after { content: url(../images/icon_ok.jpg); margin-left: 5px;}
.rtt-form .icon-warning:after { content: url(../images/icon_warning.jpg); margin-left: 5px;}
.rtt-form textarea { height: 100px!important;}

/* Register Section Header */
.register section h3.primary-color { background: url(../images/header_register_line.jpg) repeat-x left center;}
.register section h3.primary-color span { background-color: #fff; padding-right: 30px; font-size: 18px; }

/* Adv list*/
.addnew img { width: 100%}
.addnew:before { /*content: url(../../Content/images/cmd_addnew.gif);*/ margin-right: 5px;}
.k-widget.k-multiselect.k-header.form-control { padding: 0px 0px; height: 35px;}

/* Free Posting */
#free-posting .free-posting-title { font-size: 22px; font-weight: bold;}


/*---------------------------------------------------------------------------------*/
/* Agent Register */

#companyinfo { display:none; }
.agent-list { text-align:center; padding-top:10px; }
.agent-list div { display:inline-block !important; float:left; min-height:100px; margin-right:10px; margin-bottom:15px; position: relative; }
.agent-list div .agent-type-text { display:inline-block; width:230px; height:50px; overflow:hidden; font-size:15px; font-weight:bold; color:#333; text-align:left; position:absolute; bottom:10px; right:20px; /*background-color:aqua;*/ z-index:1; }
.agent-list div .agent-type-text.atype-small { width:130px; right:10px; height:85px; }
.agent-list img.check{ position: absolute;top: -5px;right: -5px;display: none;}
.agent-list img.check.selected{ display: block;}

/*Agent Upgrade*/
#upgrade-agent-fee{ font-size: 14px;}
.btn-agent-upgrade{ display:inline-block !important; position: relative;}
.btn-agent-upgrade .agent-type-text { display:inline-block; overflow:hidden; font-size:15px; font-weight:bold; color:#FF6600; text-align:left; position:absolute; top:20px; left:35px; /*background-color:aqua;*/ z-index:1; }

/*---------------------------------------------------------------------------------*/
/* Agent Introduction */
.agent-intro { position:relative; min-height:1110px; background: url(../images/daily_rtt.jpg) no-repeat top left;}

.agent-intro .iagent-top { min-height:800px; padding-top:160px; padding-left:15px; }
.agent-intro .iagent-top h3 { font-size:20px; font-weight:bold;}

.agent-intro .lnk-circle { width:140px; height:140px; line-height:140px; text-align:center; vertical-align:middle; position:absolute; top:100px; left:0px; border2:solid 4px #0291bb;}
.agent-intro .lnk-circle span {
 display: inline-block;
 vertical-align: middle;
 line-height: normal; padding:20px;
}
.agent-intro .lnk-circle span a { color:#333; font-weight:bold; }
.agent-intro .lnk-circle:hover { cursor:pointer; /*background-color:#ed9823; border-color:#ed9823;*/ }
.agent-intro .lnk-circle:hover a { color:#ed9823; }

.agent-intro .lnk-circle#alink1 { font-size:22px; width:250px; height:250px; line-height:250px; top:290px; left:5px; }
.agent-intro .lnk-circle#alink2 { width:160px; height:160px; line-height:160px; top:510px; left:98px; z-index:1; font-size:14px;}
.agent-intro .lnk-circle#alink3 { width:210px; height:210px; line-height:210px; top:375px; left:210px; z-index:2; font-size:18px;}
.agent-intro .lnk-circle#alink4 { width:210px; height:210px; line-height:200px; top:230px; left:365px; z-index:3; font-size:20px;}
.agent-intro .lnk-circle#alink5 { width:350px; height:350px; line-height:340px; top:450px; left:440px; z-index:4; font-size:14px;}
.agent-intro .lnk-circle#alink5 span { line-height:24px; }

#sagent-intro #iagent-login { background:#fbb938 url(../images/daily_dangnhap.png) no-repeat top left !important; width:266px; height:62px; text-indent:-9999px; border:0px; padding:0;}
#sagent-intro #iagent-register { background:#16b2df url(../images/daily_dangky.png) no-repeat top left !important; width:232px; height:62px; text-indent:-9999px; border:0px; padding:0; margin-left:20px;}

/*------------------------------------------------------------------------------------------
3. MEDIA QUERIES
------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------
We occasionally expand on these media queries to include a max-width to limit CSS to a narrower set of devices:
@media (max-width: @screen-xs-max) { }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { }
@media (min-width: @screen-lg-min) { }
-------------------------------------------------------------------------------------------------------------------*/

/* Large devices (large desktops, 1200px and up) */
/* Container = 1170 */
@media (min-width: 1200px) {
 #subpage-search-options #add-minus { display: block;margin-top: 7px;}
}

/* Container = 970 */
@media (min-width: 992px) and (max-width: 1199px) {

 .left-336 {
 width: 600px;
 }

 /* remove space before app name */
 #brandname #sub-app-name {
 margin-left: 0px;
 }

 /* subpage search options */
 #subpage-search-options .options-left {
 width: 90%;
 }

 #subpage-search-options .options-right {
 width: 10%;
 }

 #subpage-search-options #subpage-searchbox {
 width: 18.5%;
 }

 #subpage-search-options .form-control {
 width: 10.5%;
 /*margin-bottom: 5px;*/
 }

 #subpage-search-options .form-control-select {
 border: 1px solid #0291bb !important;
 }

 #subpage-search-options .form-control-unselect {
 border: 1px solid #fff !important;
 }

 #subpage-search-options #more-options {
 text-align: center;
 margin-top: 0;
 padding-top: 0;
 }

 /*#subpage-search-options #more-options .form-control {
 width: 12%;
 }*/

 #home-options-more .col-xs-12.text-right {
 right: 75px !important;
 }

 /*#subpage-search-options .search-1024-a { display:inline-block; width:1.1%; }
 #subpage-search-options .search-1024-b { display:inline-block; width:15%; }
 #subpage-search-options .search-1024-c { display:inline-block; width:4%; }
 #subpage-search-options .search-1024-d { display:inline-block; width:15%; }*/
 #subpage-search-options #more-options {
 padding-right: 6px;
 }

 #subpage-search-options #more-options select.form-control {
 width: 15.65%;
 }

 /* Result Detail */
 #result-short-info-right {
 width: 250px;
 }

 /*---------------------------------------------------------------------------------*/
 /* Free Posting */
 .posting-menu li a,
 .posting-menu li a:link,
 .posting-menu li a:visited {
 padding: 10px 17px;
 }

 #advertising-banners {
 padding-left: 0px;
 }

 #advertising-banners img {
 width: 100%;
 max-width: 100%;
 }

 #subpage-search-options #add-minus { display: block;margin-top: 7px;}

 #header-adv-tree-banner .pika-stage { border:0; width:100%; }
 #header-adv-tree-banner img { width:100%; }
 #product-adv-tree-banner .pika-stage,
 .frame-image-banner-360x300,
 .frame-image-banner-360x145 { border:0; width:100%; height:auto !important; }
 #product-adv-tree-banner .pika-stage img,
 .frame-image-banner-360x300 img,
 .frame-image-banner-360x145 img { width:100%; height:auto !important; }
 #home-toplinks .btn-primary,
 #home-free-posting .btn-primary { padding-left:20px; padding-right:20px; }
 #home-options .form-control,
 #home-options-more .form-control { padding-left:2px; }
}

/* Medium devices (desktops, 992px and up) */
/* Container = 750 */
@media (min-width: 768px) and (max-width: 991px) {
 #home-toplinks .btn-primary {
 margin-top: 20px;
 }

 .left-336 {
 width: 380px;
 }

 /* resize application name */
 #brandname #sub-app-name {
 width: 240px;
 height: 40px;
 margin-left: 0px;
 background-size: 240px;
 margin-top: 50px;
 }

 #subpage-search-options .options-left {
 width: 85%;
 }

 #subpage-search-options .options-right {
 width: 15%;
 }

 #subpage-search-options #subpage-searchbox {
 width: 35%;
 }

 #subpage-search-options .form-control {
 width: 19.3%;
 margin-bottom: 5px;
 }

 #subpage-search-options #more-options {
 text-align: center;
 margin-top: 0; margin-right:0px;
 padding-top: 0;
 }

 #search-province, #search-district, #search-afcategory, #search-pfcategory { width:23.2% !important; margin-bottom:0 !important; }
 #subpage-search-options #more-options .form-control {
 width: 15.2%;
 margin-bottom:0px;
 }

 /* Result Detail */
 #result-short-info .detail-image-main,
 #result-short-info .detail-image-main img { width:470px; margin-left:0; margin-right:0; max-height:none; height:auto; max-width:none; }
 #result-short-info .detail-image-main { float:none; display:block; margin-bottom:15px; }
 
 #result-short-info-right {
 width: 470px; float:none; display:block;
 }

 #result-tab-preview #preview-photo-thumb li img {
 margin-bottom: 5px;
 }

 /* Result Detail - Tabs */
 #result-tab-preview .nav-tabs {
 width: 30%;
 }

 #result-tab-preview .tab-content {
 width: 70%;
 }

 /* Result Comment - Form */
 #result-post-comment form {
 padding: 10px;
 }

 /*---------------------------------------------------------------------------------*/
 /* Free Posting */
 .posting-menu li {
 border-bottom: solid 1px #d58600;
 }

 .posting-menu li a,
 .posting-menu li a:link,
 .posting-menu li a:visited {
 padding: 10px 25px;
 }

 .rtt-expired .form-control {
 display: inline-block;
 width: 62%;
 }

 /* Free Posting Right Banners */
 #advertising-banners {
 float:none; padding-bottom:40px;
 }
 #advertising-banners .frame-image-banner-300x250 { float:left; display:inline-block; margin-left:5%; }

 #home-options-more .col-xs-12.text-right { right:57px !important; }
 #subpage-search-options .search-1024-a { display:inline-block; width:0%; }
 #subpage-search-options .search-1024-b { display:inline-block; width:0%; } 

 #subpage-search-options #add-minus { display: block;margin-top: 7px;}
}

@media (width: 768px) {
}

/* Small devices (tablets, 768px and up) */
/* Container = None (auto) */
@media (max-width: 767px) {
 /* Home */
 #home-logo {
 margin-top: 20px;
 }

 #home-search .form-control {
 display: block;
 width: 100%;
 }

 #home-options .form-control {
 display: block;
 width: 100%;
 margin-bottom: 5px;
 }

 .fixed-footer {
 position: relative;
 }

 #home-options-more .col-xs-12.text-right { right:0px !important; }
 #home-options-more .form-control {
 display: block;
 width: 100%;
 margin-bottom: 5px;
 }

 #home-search-submit {
 margin-bottom: 50px;
 }

 #brandname #sub-app-name {
 margin-left: 0px;
 }

 #autocollapse .navbar-nav li a {
 color: #fff;
 }

 /* Search Result */
 #subpage-search-options .options-left,
 #subpage-search-options .options-right {
 float: none;
 display: block;
 width: 100%;
 }

 .right-336 {
 float: none !important;
 clear: both;
 width: 100%;
 display: block;
 margin: 0;
 }

 #subpage-search-options #subpage-searchbox,
 #subpage-search-options .form-control,
 #subpage-search-options #more-options .form-control {
 display: block;
 width: 100%;
 margin-bottom: 5px;
 }

 #subpage-search-options #more-options {
 margin-right:0px;
 margin-top: 5px;
 }

 .result-item .result-image-thumb {
 margin-bottom: 50px;
 }

 /* Right Advertising Items */
 .ads-item {
 min-height: 120px;
 width: 50%;
 float: left;
 display: inline-block;
 }

 .ads-item h3 {
 font-size: 14px !important;
 font-weight: bold;
 }

 #result-short-info-right {
 float: none;
 width: 100%;
 display: block;
 }

 /* Result Detail - Tabs */
 #result-tab-preview .nav-tabs,
 #result-tab-preview .tab-content {
 float: none;
 display: block;
 width: 100%;
 }

 #result-tab-preview .nav-tabs > li {
 }

 #result-tab-preview .result-image-thumb {
 margin-top: 10px;
 width: 100%;
 max-width: 100%;
 }
 /* show 3 tabs on top */
 #result-tab-preview .nav-tabs > li {
 width: 33.3%;
 display: inline-block;
 margin: 0;
 clear: none;
 float: left !important;
 }

 /* Result Comment - Form */
 #result-post-comment form {
 padding: 10px;
 }

 /*---------------------------------------------------------------------------------*/
 /* Free Posting */
 .posting-menu li {
 border-bottom: solid 1px #d58600;
 }

 .rtt-expired .form-control {
 display: inline-block;
 width: 61%;
 }

 .rtt-row .k-widget.k-datepicker.k-header.text-box,
 .rtt-row .k-widget.k-numerictextbox {
 margin-bottom: 10px;
 }
 /*.rtt-row .k-widget.k-datepicker.k-header.text-box,
 .rtt-row .text-box.single-line.k-input { display: block; width: 100%; }*/
 .grid-cnt-rtt.table-responsive {
 border: 0px;
 }
 /*.dataTables-filter,
 .dataTables-filter input { width:100% !important; display: block !important; text-align:left; }*/

 .form-horizontal .form-control {
 width: 100% !important;
 display: block !important;
 margin-left: 0 !important;
 margin-bottom: 10px;
 }

 .form-horizontal.well {
 padding: 0px;
 box-shadow: none !important;
 }


 /*---------------------------------------------------------------------------------*/
 /* Customer Register */
 .rtt-form .text-right {
 text-align: left;
 } 
}

@media (min-width: 640px) and (max-width:767px) {
 #brandname #sub-app-name {
 margin-left: 0px;
 clear: left;
 } 
}

/* Small devices (mobiles, 480px and up) */
/* Container = None (auto) */
@media (max-width: 480px) {
 /* Home */
 #home-logo {
 margin-top: 20px;
 }

 #home-search .form-control {
 display: block;
 width: 100%;
 }

 #home-options .form-control {
 display: block;
 width: 100%;
 margin-bottom: 5px;
 }

 #home-search-submit {
 margin-bottom: 50px;
 }

 #home-toplinks .text-right {
 text-align: left;
 }

 #home-toplinks .col-xs-7,
 #home-toplinks .col-xs-5 {
 display: block;
 width: 100%;
 }

 .left-336,
 .right-336 {
 width: 100%;
 }

 .image-180x120 {
 height: auto;
 width: 100%;
 max-height: 100%;
 }

 .result-item .result-image-thumb {
 max-height: 100%;
 max-width: 100%;
 }

 #brandname #sub-app-name {
 width: 240px;
 height: 40px;
 margin-left: 0px;
 background-size: 240px;
 margin-top: 0px;
 }

 #result-list {
 padding-top: 15px;
 }

 .result-item {
 margin-bottom: 20px;
 }

 .result-item h4 {
 margin-bottom: 0;
 }

 .result-item p {
 margin: 0;
 }

 .result-item .result-image-thumb {
 margin-bottom: 0px;
 width: 100%;
 max-width: 100%;
 float: none;
 }

 .result-item hr {
 display: none;
 visibility: hidden;
 }

 /* Right Advertising Items */
 .ads-item {
 width: 100%;
 float: none;
 display: block;
 }

 /* Result Detail */
 #result-short-info .result-image-thumb {
 margin-bottom: 0px;
 width: 100%;
 max-width: 100%;
 float: none;
 }

 #result-short-info-right {
 float: none;
 width: 100%;
 display: block;
 }

 /* tab controls show full width */
 #result-tab-preview .nav-tabs > li {
 clear: both;
 width: 100%;
 display: block;
 }

 #result-short-info .list-unstyled .lbl-info {
 width: auto;
 padding-right: 10px;
 }

 /* Result Comment - Form */
 #result-post-comment form {
 padding: 10px;
 }

 /*---------------------------------------------------------------------------------*/ 
 .posting-menu {
 padding-bottom: 0;
 }

 .posting-menu li {
 float: none;
 width: 100%;
 display: block;
 }

 .posting-menu li a,
 .posting-menu li a:link,
 .posting-menu li a:visited {
 padding: 6px 25px;
 }

 /* Remove all float, stack each others */
 .rtt-col-lbl,
 .rtt-col-2,
 .rtt-col-3,
 .rtt-col-6,
 .rtt-col-12 {
 width: 100%;
 display: block;
 float: none;
 padding-left: 0%;
 }

 /* hidden emply labels */
 .hidden-xxs {
 display: none;
 visibility: hidden;
 }

 /* mark the main labels */
 .label-xxs {
 font-weight: bold;
 }

 #free-posting-contact {
 padding: 10px 10px;
 }

 #free-posting-contact .rtt-col-6 {
 width: 100%;
 }

 #free-posting-contact .rtt-col-12 {
 padding-left: 0;
 }

 #free-posting-contact .rtt-row .rtt-lbl {
 width: 100%;
 display: block;
 }

 #free-posting-contact .rtt-row .form-control {
 display: block;
 width: 100%;
 }

 #advertising-banners {
 padding-left: 0px;
 }

 #advertising-banners img {
 width: 100%;
 max-width: 100%;
 }

 .rtt-form .rtt-image-upload {
 width: 100%;
 max-width: 100%;
 }

 .rtt-form .btn-primary {
 padding-left: 20px;
 padding-right: 20px;
 }

 #header-adv-tree-banner .pika-stage { border:0; width:100%; }
 #header-adv-tree-banner img { width:100%; }
}

@media screen and (max-width:400px) {
 /* Fix for Windows Phone Browsers */
 @-ms-viewport {
 width: 320px;
 }
}

/* Small devices (mobiles, 320px and up) */
/* Container = None (auto) */
@media (max-width: 320px) {
}

/* Small devices (mobiles, 240px and up) */
/* Container = None (auto) */
@media (max-width: 240px) {
}

#twitter-widget-0 {
 width: 80px !important;
}

#twitter-widget-1 {
 width: 80px !important;
}

.social-share {
 float: left;
 margin: 0 10px 0 0;
 z-index: 1;
 position: relative;
}

.fp-map-canvas {
 width: 100%;
 height: 290px;
 border: 1px solid #CCC;
}

.btn-file {
 position: relative;
 overflow: hidden;
}

 .btn-file input[type=file] {
 position: absolute;
 top: 0;
 right: 0;
 min-width: 100%;
 min-height: 100%;
 font-size: 100px;
 text-align: right;
 filter: alpha(opacity=0);
 opacity: 0;
 outline: none;
 background: white;
 cursor: inherit;
 display: block;
 }

.pdt5 {
 padding-top: 5px !important;
}

.pdb5 {
 padding-bottom: 5px !important;
}

.pdt10 {
 padding-top: 10px !important;
}

.pdb10 {
 padding-bottom: 10px !important;
}

/* Upload Image */
#free-posting .img-uploaded {
 margin-left: 0px;
 margin: 0px;
 padding-bottom: 0px;
}

 #free-posting .img-uploaded .imgupde {
 left: 0;
 top: 0;
 position: absolute;
 }

 #free-posting .img-uploaded .imgupde:hover {
 background: url("/Content/images/free-posting/thumbimg-dh.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
 z-index: 999;
 cursor: pointer;
 }

 #free-posting .img-uploaded ul {
 list-style: none;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 }

 #free-posting .img-uploaded li {
 float: left;
 position: relative;
 margin: 0px;
 padding: 5px 5px 5px 0px;
 }

#free-posting .lbl-panen-uploaded {
 height: 10px;
 font-size: 1px;
}
/*.................................
 Change password member...............*/
#CaptchaInputText {
 display: block;
 width: 300px;
 height: 34px;
 padding: 6px 12px;
 font-size: 14px;
 line-height: 1.42857143;
 color: #555;
 background-color: #fff;
 background-image: none;
 border: 1px solid #ccc;
 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#free-posting .img-uploaded li {
 float: left;
 position: relative;
 margin: 0px 5px 5px 0px;
}

/*customer-product-list*/
#customer-product-list {
}

 #customer-product-list .command-buttons {
 }

 #customer-product-list .command-buttons .addnew:before {
 content: url("/content/images/cmd_addnew.gif");
 margin-right: 5px;
 }

/*=======*/
.ftt-icon-edit {
 background: url("~/Content/images/icons/fugue/pencil.png");
}

.k-multiselect-wrap:before {
 content: '';
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 7px 3px 0 3px;
 border-color: #333 transparent transparent transparent;
 position: absolute;
 top: 11px;
 right: 10px;
}


.icon-refresh-animate {
animation-name: rotateThis;
animation-duration: .5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}

/*Banner Gold Slider CSS*/
#banner-gold-slider-container{position: relative; top: 0px; left: 0px; width: 360px; max-height: 300px; overflow: hidden; }
.bx-wrapper {
margin: 0 !important;
}
#banner-gold-slider-container .slider-loading{position: absolute; top: 0px; left: 0px;}
#banner-gold-slider-container .slider-loading:first-child{filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;}
#banner-gold-slider-container .slider-loading:last-child{position: absolute; display: block; background: url(../../Content/css/Images/loading.gif) no-repeat center center;top: 0px; left: 0px;width: 100%;height:100%;}
#banner-gold-slider-container .slides{cursor: move; position: absolute; left: 0px; top: 0px; width: 360px; height: 300px; overflow: hidden;}
#banner-gold-slider-container .slides a img{height:300px; width:360px;}

/*Banner Diamond Slider CSS*/
#banner-diamond-slider-container{position: relative; top: 0px; left: 0px; width: 555px; height: 90px; overflow: hidden; }
#banner-diamond-slider-container .slider-loading{position: absolute; top: 0px; left: 0px;}
#banner-diamond-slider-container .slider-loading:first-child{filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;}
#banner-diamond-slider-container .slider-loading:last-child{position: absolute; display: block; background: url(../../Content/css/Images/loading.gif) no-repeat center center;top: 0px; left: 0px;width: 100%;height:100%;}
#banner-diamond-slider-container .slides{cursor: move; position: absolute; left: 0px; top: 0px; width: 555px; height: 90px; overflow: hidden;}
#banner-diamond-slider-container .slides a img{height:90px; width:555px;}

/*bxSlider*/
.bx-viewport{ border: none !important;}
.bx-controls-direction{ display: none;}
.bx-default-pager{ display: none;}

/*mien them*/
#customer-registration .text-right {
font-weight: bold;
}
#frm-login .col-xs-4 {
font-weight: bold;
}
.modal-footer{font-style: italic;}
.rtt-col-lbl {font-weight: bold;}
.rtt-row .rtt-lbl {font-weight:bold;}
.rtt-lbl{font-weight:bold;}
body{font-family: Verdana, Geneva, sans-serif; font-size:12px;}
/**/

.cust-total-amount{ color: #000; }
.cust-recharge-link,
.cust-recharge-link:link,
.cust-recharge-link:visited{ color: #ed9823;font-style: italic;text-decoration: underline;}

/*Search Now*/
.search-now{}
.search-now h3{ color: #666;font-size: 16px;}
.search-now .item{font-weight: bold;font-size: 14px;padding: 5px 0;}
.search-now .item a{}
.search-now .item a:before{ content: url(../images/demo-spindown-closed.gif);padding: 10px;}

/*Seo region*/
.seo-region{}
.seo-region ul{}
.seo-region ul li{padding-bottom: 13px;}
.seo-region ul li:before{content: url(../images/aside_arrow.png);margin-right: 10px;}
.seo-region a, .seo-region a:link, .seo-region a:visited{color: #3a3a3a;}
.seo-region a:hover{color: #ed9622;}
 .text-bold { font-weight:bold !important;}

 .width-100{ width: 100%;}

 /*product-preview-modal*/
 #product-preview-modal .modal-lg{ width: 800px;}

 /*keyword-tag-search*/
 #keyword-tag-search{}
 #keyword-tag-search #txt-tag-search{ width: 75%; display: inline}
 #keyword-tag-search #btn-tag-search{width: 23%;padding: 5px;margin-bottom: 0px;float: right;}
 #keyword-tag-search .item{ margin-top: 10px;}
 #keyword-tag-search #btn-apply-tag{ float: right;}

 /*Free possting Vip*/
 #register-vip #register-vip-content{ border: 1px solid #ddd;padding: 10px; margin: 10px 0}
 #register-vip #register-vip-content .k-widget.k-datepicker{ border: none;padding: 0;}

@keyframes "rotateThis" {
from { transform: scale( 1 ) rotate( 0deg ); }
to { transform: scale( 1 ) rotate( 360deg ); }
}