*:focus{outline:none;}
.property-item .property-item-inner .add-wishlist > i.icon.icon-heart{color: #F44336;}
.property-item.caption-sq.small-sq .property-item-inner .main-details .icons-row .icons-column{
	/*min-width: 200px;*/
}
.property-item.caption-sq.small-sq .property-item-inner .main-details .icons-row .icons-column:last-child{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    text-align: left;
    margin-left: 15px;
}
.icons-row .icons-column:last-child{
	width: 70%;
    /*margin-top: 5px;*/
}
.main-details > .title-row > .title-sq:after {
    content: '';
    height: 2px;
    width: 45px;
    background: #e94b33;
    display: block;
    margin: 5px 0 0 5px;
}
.profile-item.user {
    border-left: 1px solid #ecebeb;
}
#profile .dashboard-avatar,.resume .extreme-avatar-sq,.avatar-sq.tiny-avatar-sq,.avatar-sq{
	overflow: hidden;
	border-radius: 50%;
}

#profile .dashboard-avatar > img,.resume .avatar-sq > img,.avatar-sq.tiny-avatar-sq > img,.avatar-sq img{
	border-radius: 0%;
}

.pre-resume{margin-bottom: 18px;min-height: 46px;}
.header-item .item.class-name .ui.dropdown .text{min-width: 150px;}
.resume .note{position: absolute; bottom: 15px;}
.button-sq{font-family: "微軟正黑體";}
.dashboard-order-boxes-sq .dashboard-contact.button-sq{
	-webkit-justify-content: center;
    justify-content: center;
}
.coin{width: 30px;margin-right: 20px;}
.table-responsive{
    min-height: .01%; 
		overflow-x: auto;
}
.table{
	width: 100%;
 	max-width: 100%;
 	margin-bottom: 20px;
}
.table-responsive table{min-width: 500px;}
.table-responsive table thead th:nth-child(2){min-width: 150px;}
.table-responsive table tr>td:last-child p{color: #e94b33;}
.table-responsive table tr>td:last-child p.add{color: #7ba23f;}
.item.menu-default ul.ui.grid li{padding:0; }
.dashboard-menu li > .item{font-size: 20px;}
.ui.grid.no-gutter > .row > .column {
    padding-right: 0;
    padding-left: 0;
}
/*.myphoto{height: calc(100% / 3 );overflow-y: hidden;min-height: 198px;}*/
.myphoto >  div{width: 100%;height: 289px;}
.avatar-sq.like{width: 100%; height: 150px; margin-left: 0;border-radius: 0;}
.hero-search-full-page .h-search-h .fltp .ui.dropdown .text{font-size: 20px;}
.photo-upload-item .image-wrapper{text-align: center;}
.photo-upload-item .image-wrapper > img{height: 100%;vertical-align: middle; max-width: none;}
.property-item .property-item-inner .main-details{left: 20px; width: calc(100% - 32px);}
.modal-ui-trigger{cursor: pointer;}
.ui.full .button-sq.small-sq{font-size: 1em;}
.login-page{overflow-y: hidden;}
.registered.login-page{overflow-y: auto;}
.login-page  .header{padding: 80px 30px 30px 30px !important;}
.login-img{
    background-image: url(../images/modal/modal_background_001.jpg);
    background-size: cover;
    background-position: center center;width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    animation: move-background-mobile 1.3s 0.7s forwards;
    opacity: .8}
.login-page .login-img:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background-image: -webkit-linear-gradient(#FFFFFF 47%, rgba(255, 255, 255, 0) 80%);
    background-image: -o-linear-gradient(#FFFFFF 47%, rgba(255, 255, 255, 0) 80%);
    background-image: linear-gradient(#FFFFFF 47%, rgba(255, 255, 255, 0) 80%);
    z-index: 2;
}
.login-page .actions{padding: 30px !important; text-align: left;}
.login-page .content .button-sq{margin: 0 0 20px 0;}
.login-page .content .button-sq.mb0{margin-bottom: 0;}
.login-page  .actions .border-container{border-top: 1px solid #D4D4D4;padding: 20px !important;}
.login-page .actions .border-container .button-sq.link-sq.login-sq{font-size: 1em;text-align: right;color: #e94b33;}
.clearfix{clear: both;}
.col-center{margin: 0 auto; overflow-y: auto;}
.add-listing-footer .pagination-simple-sq{width: 100%;}
/*mapbox調整*//*20191001*/
.image-inner.cover.smaller {
    width: 80px;
    padding-bottom: 80px;
    background-position: center;
    background-size: cover;
}
.image-inner.cover.smaller.xround {
    border-radius: 50%;
}
.mapboxgl-popup-content .avatar-sq.text-align-center-sq {
    margin: 0 auto 10px;
}
.mapboxgl-popup-content .text-align-center-sq{
    max-width: 130px;
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
}
.mapboxgl-popup-close-button {
    right: -10px;
    top: -8px;
    border-radius: 50%;
    background-color: rgba(44, 44, 44, .8);
    padding: 5px 7px;
}
.mapboxgl-popup-close-button:hover{background-color: rgba(44, 44, 44, .9);}
.ui.half-layout > .ui.column.map{margin-top: 140px;}
header.ths-is-slide-up~ .ui.layout .ui.half-layout > .ui.column.map {
    margin-top: 70px;
}
.marker.mapboxgl-marker{cursor: pointer;}
.button-sq.line-btn{
    color: #42c505;
    border-color: #42c505;
}
.youtube iframe{ /* 20200705 */
    width: 100%;
    border: none;
    min-height: 450px;
}



/*--------------------------------------------------
 * slide button
 * -----------------------------------------------
*/
.anil_nepal{/*padding:20px 0px 0 0;*/ width:100%; display:block;}
.anil_nepal > span{line-height: 2.2;display: inline-block;}/*20191001*/
.openline{text-align: right;}
.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 30px;
    padding: 3px;
    margin: 0;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
    border-radius: 18px;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    box-sizing: content-box;
}
.dashboard-menu li.active  .item.active .anil_nepal > span{
    font-weight: 700;
    font-size: 20px;
    opacity: 1 !important;
}
label {
    font-weight: inherit;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;

    line-height: normal;
      -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}
.switch-left-right .switch-input:checked ~ .switch-label {
    background: inherit;
}
.switch-input:checked ~ .switch-label {
    background: #E1B42B;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-left-right .switch-label {
    overflow: hidden;
}
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}
.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 12px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing: content-box;
}
.switch-left-right .switch-input:checked ~ .switch-label:before {
    opacity: 1;
    left: 100px;
}
.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-left-right .switch-label:before {
    background: #eceeef;
    text-align: left;
    padding-left: 60px!important;
}
.switch-left-right .switch-label:before, .switch-left-right .switch-label:after {
    width: 20px;
    height: 20px;
    top: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 11px 0 0 0;
    text-indent: -12px;
    border-radius: 20px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaaaaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-input.hidden{    display: none !important;}

span.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    position: absolute;
  
}

.switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    box-sizing: content-box;
}

.switch-left-right .switch-input:checked ~ .switch-label:after {
    left: 0!important;
    opacity: 1;
    padding-left: 20px;
}

.switch-input:checked ~ .switch-label:after {
    opacity: 1;
}

.switch-left-right .switch-label:after {
    text-align: left;
    text-indent: 9px;
    background: #F44336!important;
    left: -100px!important;
    opacity: 1;
    width: 100%!important;
 
}
.switch-left-right .switch-label:before, .switch-left-right .switch-label:after {
    width: 20px;
    height: 20px;
    top: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 11px 0 0 0;
    text-indent: -12px;
    border-radius: 20px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.switch-input:checked ~ .switch-handle {
    left: 54px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

/*----------------------------------------------
 inputfile
 -----------------------------------------------
*/

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 100%;
    font-size: 1rem;
    /* 20px */
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.45rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}
.inputfile-1 + label {
    color: #d3394c;
    /*border: 1px solid currentColor;*/
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    color: #722040;
}
.userphoto{
	position: absolute;
	bottom: -10px;
	left:35%;
}
.message-chat-item-sq .avatar-sq{margin-right:8px;}
.message-item-area {
    max-height: 600px;
    overflow-y: auto;
}
.yahoo_dd{ /* 20200906 */
    display: block;
    text-align: center;
    margin-top: 40px;
}





/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #999; 
}



/*---------------------------------------------
  responsive
-----------------------------------------------
*/
@media only screen and (max-width: 768px) {
    .property-item.caption-sq.small-sq .property-item-inner .main-details .icons-row .icons-column:last-child{margin-left: 0px;}
    .footer-logo img{display: block;}
    .profile-item.user { border-left: none;}
    .avatar-sq.like{height: 200px;}
    #profile .slick-slide  div{height: 350px;overflow-y: hidden;}
    #profile .slick-slide img{max-height: 100%;width: auto;margin: 0 auto;}
    .login-page .actions .border-container{padding: 20px 0!important;}
    .add-listing-footer{height: 150px; padding-bottom: 50px;}
    .login-page{overflow-y: auto;}
    .login-img{background-position: right; animation: move-background-mobile 1.3s 0.7s forwards;}    
    .ui.half-layout > .ui.column.map{margin-top: 50px;}/*20191001*/
    header.ths-is-slide-up~ .ui.layout .ui.half-layout > .ui.column.map{margin-top: 0px;}/*20191001*/
    [data-for="line"] .div-c.inline-3 .divided-column{width: 100% !important;margin-right: 0 !important}/*20191001*/
    .youtube iframe{min-height: 200px} /* 20200705 */
    .typo-section-sq .typo-section-header-sq{padding-top: 80px;}
}
@media (max-width: 658px){
    .myphoto > div{height: 200px;}
    .message-chat-item-sq:not(.dashboard-message) .message-date-sq{text-align: left;    padding-left: 50px;}
    .login-img{ background-image: none; height: auto}
}
/*iphone 7 puls*/
@media only screen and (max-width: 415px) {
    #footer .footer-logo{font-size: 13px; width: 190px;}
    .modal.xsmall h5{font-size: 1em;margin-bottom: 8px;}
    .burger-tablet-modal.search-visible .centered.ui.grid{margin-left: 0px; }
    .message-content-sq{width: 100%;}
    .message-body-sq{text-align: center;}
    .message-chat-item-sq.comment-sq .message-chat-content{margin: 0px 0px 20px 0px;}
    .table-responsive table thead th:nth-child(2){min-width: 50px;}
    .table-responsive table th,.table-responsive table td{padding: 15px 8px;}
    .myphoto > div{height: 150px;}
    #profile .slick-slider .slick-track{transform: translate3d(0px, 0px, 0px) !important;}
    .slider-thumbs-gallery .slick-track .slick-slide:first-child{margin-left: 20px;}
    .avatar-sq.like{height: 220px;}
    .flat-sq.class-name .menu.transition,.hero-search-form .menu.transition{min-height: 160px;}
    .ui.modal.full > .actions .button-sq{ padding: 0.88888889em .5em; }
    .footer-bottom .f14.text-light{margin-bottom: 10px;}
    .login-page .content {padding: 0 15px;}
    .login-page .actions{padding: 30px 15px !important;}
    .login-page .button-sq.link-sq{padding: 1em 5px;}
    .add-listing-footer {height: 150px; padding-bottom: 60px;}
    .anil_nepal > span{width: calc(100% - 115px);}/*20191001*/
    .openline{margin-top: 20px; text-align: right}/*20191001*/
    .youtube iframe{min-height: 200px}/* 20200705 */
}
/*iphone 7*/
@media (max-width: 376px) {
    #footer .footer-logo{font-size: 13px;margin-bottom:10px;width: 55%;}
}
@media (max-width: 374px) {
    #footer .footer-logo{font-size: 13px;margin-bottom:10px;width: 58%;}
    #footer .f14{margin-left: 10px;}
}
/*iphone 5*/
@media (max-width: 321px) {
    #footer .footer-logo{width: 57%;}
     #footer span,#footer .footer-logo{font-size: 12px !important;margin-left: 0;}
     .footer-bottom .ui.grid > .row >.column{padding: 0 8px;}
    .myphoto > div{height: 120px;}
    .property-item .property-item-inner .main-details .icons-row .icons-column{font-size: 0.8em;}
    .property-item .property-item-inner .main-details .icons-row .icons-column i.icon{font-size:16px; }
    .switch-view-controller > .item{padding: 0 10px;}
}



/* 以下自己加入的 */
.hidden{display: none !important;}


/* my_resume.php Tooltip */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/* 20240627*/

.fixdown_btn{
    display: block;
    background-image: url(../images/downloadAPP.png);
    position: absolute;
    right: 10px;
    top: 80px;
    --min-size: 170;
    --max-size: 200;
    --font-size: calc( (var(--min-size) * 1px) + (var(--max-size) - var(--min-size)) * ((100cqw - 320px) / (1920 - 320)) );
    width: clamp(var(--min-size)* 1px, var(--font-size), var(--max-size)* 1px);
    font-weight: 700;
    aspect-ratio: 4.5 / 1;
    z-index: 2;
    height: auto;
    background-size: contain;
}