/*-----------------------------------
	Anthor	Dana Lee
 ------------------------------------*/

/* ----------------------------------------------------------------
	載入CSS
-----------------------------------------------------------------*/

@import url(maincore.css);
@import url(bootstrap.css);
@import url(dark.css);
@import url(font-icons.css);
@import url(animate.css);
@import url(magnific-popup.css);
@import url(responsive.css);
@import url(jquery.mCustomScrollbar.css);
@import url(font-awesome.css);
@import url(nice-select.css);
@import url(ion.checkRadio.css);
@import url(ion.checkRadio.cloudy.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:100italic,400italic,300italic,900,700,900italic,300,400,500italic,100,700italic,500);
@import url(https://fonts.googleapis.com/css?family=Abril+Fatface);

/* ----------------------------------------------------------------
	整體架構
-----------------------------------------------------------------*/
body,
h1, h2, h3, h4, h5, h6,
label,
#primary-menu ul li a {
	font-family: "微軟正黑體", Arial;
}
body{
	color: #555;
}
h1, h2, h3, h4, h5, h6{
	color: #333;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}
a {
    color: #23a394;
}
a:hover {
    color: #00655f;
}
::selection {
	background: #444;
	color: #47d2c2;
	text-shadow: none;
}
::-moz-selection {
	background: #444; /* Firefox */
	color: #47d2c2;
	text-shadow: none;
}

::-webkit-selection {
	background: #444; /* Safari */
	color: #47d2c2;
	text-shadow: none;
}
#top-link{
	float: right;
	margin: 0 0 0 15px;
	position: relative;
}
.sticky-header #primary-menu ul li a {
    height: 60px;
    line-height: 60px;
}
#header {
    height: auto;
}
#header-wrap, #logo img, #primary-menu:not(.style-2), #primary-menu:not(.style-2) > ul {
    height: 85px;
}
#logo img {
    width: 100%;
    max-width: 360px;
}
#header.semi-transparent {
    background-color: rgba(255,255,255,0.5);
}
#header.transparent-header.full-header #header-wrap{
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
#header.transparent-header.full-header #logo {
    border-right-color: rgba(0,0,0,0.06);
}
#header.transparent-header.full-header #primary-menu > ul {
    border-right-color: rgba(0,0,0,0.06);
}
#header.semi-transparent.sticky-header #header-wrap {
    background-color: rgba(255,255,255,1);
}
#primary-menu ul li a {
    height: 85px;
    line-height: 85px;
}
#primary-menu ul li a {
	font-size: 15px;
}
#primary-menu ul ul, #primary-menu ul li .mega-menu-content {
    top: 65px;
}
.swiper_wrapper {
    height: 600px;
}
h1 > span:not(.nocolor), h2 > span:not(.nocolor), h3 > span:not(.nocolor), h4 > span:not(.nocolor), h5 > span:not(.nocolor), h6 > span:not(.nocolor) {
    color: #FFF;
}
.content-wrap {
    padding: 0;
}
#content {
   min-width:1170px;
}
.section{
	line-height:1.8em;;
    padding: 40px 0;
}
.overflow-visible {
    overflow: visible!important;
}
.slider-caption h2 {
    font-size: 50px;
	margin-bottom: 20px;
}
.slider-caption:not(.dark), .slider-caption:not(.dark) h2 {
    color: #7c8889;
}
.slider-caption p {
    font-size: 18px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #FFF !important;
    background-color: #23a394 !important;
    border-color: #23a394 !important;
}
#google-map {
    height: 300px;
}
#page-title.page-title-parallax {
    padding: 30px 0;
}
#page-title.page-title-parallax h1 {
    font-size: 36px;
    font-weight: 500;
}
.feature-box .fbox-icon i, .feature-box .fbox-icon img {
    background-color: #23a394;
}
.line.line-sm {
    margin: 20px 0;
}
.postcontent, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth {
    margin-bottom: 20px;
}
.title-block {;
    margin-bottom: 20px;
}
.bottommargin-sm {
    margin-bottom: 20px !important;
}
.bottommargin-lg {
    margin-bottom: 50px !important;
}
.topmargin-lg {
    margin-top: 50px !important;
}
/* ----------------------------------------------------------------
	標題形式設定
-----------------------------------------------------------------*/
#page-title {
    padding: 15px 0;
}
#page-title.page-title-dark {
    background-color: #23a394;
}
.heading-block{
	line-height:1.8em;
	margin-bottom: 30px;
}
.heading-block.center > span,
.heading-block.title-center > span,
.center .heading-block > span {
    max-width: 100%;
}
.heading-block h2 + span {
    font-size: 15px;
}
.heading-block > span:not(.before-heading) {
    margin-top: 10px;
    color: #555;
}
.center .heading-block:after, .heading-block.center:after, .heading-block.title-center:after,.heading-block:after{
	display:none;
}
.dark .heading-block:not(.not-dark) > span {
    color: #fff;
	font-size:16px;
}
.button {
	text-transform: capitalize;
}
.button.button-full {
    padding: 50px 0;
}
.button.button-full {
    font-size: 18px;
}
.button.button-full strong {
    font-weight: 300;
	border-bottom:none;
}
.button-green{
    background-color: #23a394;
}
.button-rounded30{
	border-radius:30px;
}
.title-block {
    border-left: 7px solid  #23a394;
}
.title-block {
    padding: 0 0 0 10px;
}
.title-bottom-border{
	border-bottom:2px solid  #23a394;
}
.title-block h4,
.title-bottom-border h4{
	font-size: 20px;
	font-weight: 600;
	color:#333;
}
.title-bottom-border h4{
	margin-top: 15px;
}
.title-bottom-border .button-large{
	padding: 0 40px;
    height: 40px;
    line-height: 40px;
}

/* ----------------------------------------------------------------
	頁簽形式設定
-----------------------------------------------------------------*/

ul.tab-nav.tab-nav2 li.ui-state-active a {
    top: 0;
    background-color: #23a394;
    color: #FFF;
}
ul.tab-nav.tab-nav2 li.ui-state-active a:after{
	content:" ";
	display:block;
	background: url(../images/member/arrow.png);
	width:13px; height:7px;
	position:absolute;
	left:50%;
	top:40px;
	margin-left:-6px;
}
.tabs-big .tab-container{
	padding: 40px 0 0;
}
.tabs-big ul.tab-nav li{
	height: 54px;
}
.tabs-big ul.tab-nav:not(.tab-nav-lg) {
    margin: 0;
    border-bottom: 2px solid #eee;
    list-style: none;
}
.tabs-big ul.tab-nav li a{
	font-size: 16px!important;
	height: 54px;
    line-height: 54px;
}
.tabs.tabs-big ul.tab-nav li.ui-tabs-active a {
	top: 2px;
    height: 54px;
    line-height: 50px;
}

/* ----------------------------------------------------------------
	樣式設定
-----------------------------------------------------------------*/
.left{
	float: left;
}
.right{
	float:right;
}
.absolute-right{
	position:absolute;
	right:0px;
	top:0px;
	z-index:1;
}
.text-right{
	text-align:right;
}
.blue-green{
	color:#1d988a!important;
}
.amber{
	color:#f3a428;
}
.green{
	color:#59a323;
}
.red{
	color:#C00;
}
.pink{
	color:#ff5c64;
}
.gray{
	color:#ddd;
}
.gray2{
	color:#999;
}
.white{
	color:#fff!important;
}
.roboto{font-family: Roboto,sans-serif;}
.leftmargin-15{
	margin-left:15px!important;
}
.topmargin-10{
	margin-top:10px!important;
}
.topmargin-15{
	margin-top:15px!important;
}
.leftmargin-cut15{
	margin-left:-15px!important;
}
.topmargin-cut60{
	margin-top:-45px!important;
}
.topmargin-cut40{
	margin-top:-40px!important;
}
.rightmargin-15{
	margin-right:15px!important;
}
.allpadding{
	padding:15px;
}
.title-label {
    font-size: 55%;
	padding: 2px 7px;
	font-weight: normal;
	vertical-align: middle;
}
.large-print{
	font-size:24px;
}
.large-print-xs{
	font-size:18px;
}
.tel-line{
	background:url(../images/tel-line.png) no-repeat center;
}
.oversized-word{
	font-size: 80px;
	font-family: 'Abril Fatface', cursive;
	line-height: 1.5!important;
}
.button.button-dark:hover {
    background-color: #1d988a;
}
hr.white-hr{
	border-top-color: #FFF;
}
.button {
    font-weight: 500;
}
.button-block{
	display:block;
}
.button-border-green{
	border-color:#1d988a!important;
	color:#1d988a!important;
}

.button-border-green.active{
	background-color: #23a394 !important;
	color: #fff !important;
}

.button-border-green:hover{
	background-color: #1d988a!important;
	color:#FFF!important;
}
.button-border-gray{
	border-color:#e7e7e7!important;
	color:#666!important;
	line-height: 43px!important;
	height: 45px!important;
}
.button-border-gray i{
	color:#1d988a;
}
.button-border-gray:hover{
	background-color: #1d988a!important;
	color:#FFF!important;
}
.button-border-gray:hover i{color:#FFF!important;}
.button-conditions,
.button-conditions2{
	border-color:#ddd!important;
	background-color:#FFF!important;
	color:#666!important;
	line-height: 30px!important;
	padding: 0 5px;
	height:32px;
}
.button-conditions2{
	background-color:#f5f5f5!important;
	color:#666!important;
	line-height: 38px!important;
	padding: 0 15px;
}
.button-conditions i,
.button-conditions2 i{
	top: 0px;
	color:#ccc;
	margin-left:2px;
	margin-right: 0px;
}
.button-conditions:hover,
.button-conditions2:hover{
	background-color: #666!important;
	color:#FFF!important;
}
.button-border-fine{
	border-width:1px!important;
}
.button-amber {
    background-color: #f3a428;
}
.button-darkgray{
	background-color: #444;
}
.button-darkgray:hover{
	background-color: #000;
}


/* ----------------------------------------------------------------
	表格設定
-----------------------------------------------------------------*/

.table {
    margin-bottom: 6px;
}
.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: 6px;
    vertical-align: middle;
}
.table-market > tbody > tr > td,
.table-market > thead > tr > th{
	vertical-align: middle;
	padding: 6px;
	border-left-color:transparent;
}
.table tbody tr td .button{
	margin:2px!important;
}
.table-market > thead > tr > th{
	background-color:#f1fbfa;
	border-bottom-color:#36a99b;
}
.table-market > tbody > tr > td:last-child,
.table-market > thead > tr > th:last-child{
	border-right-color:transparent;
}
.table-market{
	border-color:transparent;
}
.table-market > thead > tr > th a i{
	color:#ccc;
	margin-left:5px;
}
.table-market > tbody > tr > th{
	border-left-color:transparent;
	background-color:#f5f5f5;
	vertical-align: middle;

}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #23a394;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
   vertical-align: middle;
}
.light-green td{
	background-color:#f1fbfa;
}
.table.district tr:first-child td{
	border-top: none;
}
.invoice-block .table.district tr td{
    border-top: none;
}
.table.district tr td{
	padding:15px 5px;
	border-top: 1px dotted #ddd;
}
.table.district tr td:first-child{
	width:170px;
	font-size:16px;
}
.table.recommended img{
	width:200px;
}
.table.recommended b{
	font-weight: 300;
    padding: 0 5px;
    color: #ccc;
}

.table .yellowish td{
	background-color:#fffded;
}

.w250{
	width:250px;
}

/* ----------------------------------------------------------------
	表單設定
-----------------------------------------------------------------*/

.form-control {
    height: 40px;
	min-width:100px;
}
.form-control.no-block,
.sm-form-control.no-block{
	width:auto;
	display:inline-block;
}
.white-select.btn-group{
	margin-right:3.5px
}
.white-select.btn-group .nice-select{
	border: 1px solid #cccccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	padding-right: 50px;
}
.white-select.btn-group .nice-select:after {
    background-color: #fff;
    content: url(../images/down2.png);
	height: 28px;
}
.white-select.btn-group .township {
    border: 1px solid #23a394;
}
.form-control:focus{
  border-color: rgba(35, 163, 148, 0.5);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(35, 163, 148, 0.2);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(35, 163, 148, 0.2);
}


/* ----------------------------------------------------------------
	首頁
-----------------------------------------------------------------*/
.index-searchbar{
	position: absolute;
	bottom:0px;
	left:0px;
	z-index:10;
	background-color:rgba(0,0,0,0.3);
	width:100%;
	padding:20px 0;
}
.index-searchbar .btn-group{
	margin-right:3.5px
}
.index-searchbar .btn-group .nice-select{
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
.index-searchbar .btn-group .nice-select:after {
    background-color: #fff;
    content: url(../images/down2.png);
}
.index-searchbar .btn-group .township {
    border: 1px solid #23a394;
}
.index-searchbar .form-control {
    height: 30px;
    padding: 8px 10px;
    font-size: 14px;
    border-radius: 5px;
	border: none;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
.index-searchbar .btn-danger{
    height: 30px;
	padding: 8px 16px;
	line-height:1em;
    font-size: 14px;
    border-radius: 5px;
	background-color: #23a394;
    border-color:transparent;
	transition: all .2s ease-in-out;
}
.index-searchbar .btn-danger:hover{
	background-color: #555;
}
.index-service{
	background:#f5f5f5;
}
.index-service .service-items{
	background-color:#FFF;
	border-radius:5px;
	overflow:hidden;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.06);
}
.index-service .service-items .fbox-desc{
	padding:0 20px 30px 20px;
}
.index-service .service-items .button{
    border-radius: 40px;
	height: 44px;
}
.index-tel{
	background-image: url('../images/parallax/parallax-1.jpg');
	padding: 70px 0;
}
.index-tel .divcenter{
	max-width:570px;
}

.index-team .team-image{
	border-radius:50%;
	overflow:hidden;
	width:85%;
	margin:0 auto;
}
.index-team .team-title span {
	color:#999;
    font-style: normal;
	font-family:"微軟正黑體", Arial;
	margin-bottom:15px;
}
a.realtor-logo{
	width:80px!important;
	border: none!important;
}
.team-title {
    padding-top: 0px;
}


/* ----------------------------------------------------------------
	地圖搜尋
-----------------------------------------------------------------*/

.infobar{
	background-color:rgba(35, 163, 148, 1);
	color:#FFF;
	width:100%;
	margin-left: 0;
    margin-right: 0;
}
.infobar:after{content:""; clear:both; display:block; height:0px;}
.infobar .col-md-4,
.infobar .col-md-8,
.infobar .col-xs-12,
.infobar .col-xs-6{
	padding: 0 !important;
}
.searchbar{
	padding:11px;
}

.searchbar .keyword{
	display: inline-block;
	vertical-align : top;
	width:200px;
	padding-right:10px;
}
.searchbar .button {
    height: 30px;
	line-height: 30px;
}
.searchbar .border-form-control {
    height: 30px;
    padding: 0;
    letter-spacing: 1px;
    background-color: transparent !important;
    border-top: transparent;
    border-right: transparent;
    border-left: transparent;
    border-bottom-width: 1px;
	border-color:rgba(225, 225, 225, 1);
	color:#FFF;
}
.searchbar .sm-form-control:focus {
    border-color:rgba(225, 225, 225, 0.2);
}
.searchbar .sm-form-control::-moz-placeholder { color: rgba(225, 225, 225, 0.6);}
.searchbar .sm-form-control:-ms-input-placeholder { color: rgba(225, 225, 225, 0.6);}
.searchbar .sm-form-control::-webkit-input-placeholder { color: rgba(225, 225, 225, 0.6);}
.searchbar .btn-group{
	padding-right:2px;
}
.searchbar .button {
    margin: 0;
}

/*設定下拉*/
.infobar .btn-group {
    color: #555;
	line-height:35px;
}
.infobar .btn-group .sm-form-control{
	width:40px;
	float: left;
}
.nice-select {
    background-color: #fff;
    border: none;
	padding-right: 35px;
	padding-left: 10px;
	height: 30px;
    line-height: 28px;
}
.select-gray .nice-select{
	background-color: #f5f5f5;
}
.nice-select:after {
    border-bottom: none;
    border-right: none;
	background-color: #08867e;
    content:url(../images/down.png) ;
    display: block;
    height: 30px;
	width:25px;
	text-align:center;
    right: 0px;
    top: 4px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
	border-radius:0 5px 5px 0 ;

}
.nice-select.open:after {
    background-color: #555;
	-webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.nice-select .option {
    line-height: 30px;
    min-height: 30px;
    padding-left: 18px;
    padding-right: 29px;
}

/*選擇鄉鎮下拉*/
.township{
	width: 650px;
	padding:20px;
	border: 2px solid #23a394;
	color:#555;
	padding:15px!important;
	line-height: 1.8em;
}
.township label {
    letter-spacing: 0px;
	color:#666;
}
.township h5{
	font-size:16px;
	font-weight:700;
	margin-bottom: 0px;
}
.township h5 i{
	margin-right:5px;
}
.township b{
	color:#bdbdbd;
}
.township .col-md-1{
	color: #1d988a;
}
.township input[type=text]{
	width:40px;
	height: 30px;
}
.township .row{
	border-bottom:1px #eee dotted;
	padding:3px 0;
	margin:0 2px;
}
.township hr{
	margin:15px 0;
}
.township .row:last-child{
	border-bottom: none;
}
.dropdown-street{
	height:300px;
	overflow:scroll!important;
	overflow-x: hidden!important;
}
.township input{
	 min-width: 50px;
}

/*模式*/
.mode ul {
    margin-bottom: 0;
	letter-spacing:-0.3em;
	list-style:none;
}
.mode ul li{
	display: inline-block;
	vertical-align : top;
	letter-spacing:normal;
}
.mode ul li a{
	line-height:57px;
	display:block;
	color:#FFF;
	padding:0 20px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
    cursor: pointer;
}
.mode ul li.current a,
.mode ul li.current a:hover{
	background-color:#444;
	color:#FFF;
}
.mode ul li a:hover{
	background-color:#08867e;
	color:#fff;
}
.mode ul.laptop{
    display: none;
}
/*功能*/
.functionbar{
	background-color:#1d988a;
	overflow:hidden;
	height:55px;
	padding:4px 10px;
}
.functionbar .left{
	line-height:45px;
}
.functionbar .left .icon{
	font-size:24px;
	display:inline-block;
	margin-right:5px;
	vertical-align:middle;
}
.functionbar .left .icon a{
	color:rgba(225, 225, 225, 0.5);
}
.functionbar .left .current a{
	color:rgba(225, 225, 225, 1);
}
.functionbar .left span{
	vertical-align:middle;
}
.function_ul{
	list-style:none;
	letter-spacing:-0.3em;
}
.function_ul li{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align : top;
	letter-spacing:normal;
}
.function_ul li.current a{
	background-color: #eee;
    color: #333!important;
}

/*測選單*/
.sidelist{
	background-color: #f5f5f5;
	padding: 0;
}
.sidelist ul.tab-nav:not(.tab-nav-lg) {
	background-color:#FFF;
}
.sidelist .tabs.tabs-bb li{
	width: 33.33333333%;
}
.sidelist .tabs.tabs-bb.tab-4box li {
	width: 25%;
}
.sidelist .tabs.tabs-market-building li{
	width: 25%;
}
.sidelist .tabs.tabs-bb ul.tab-nav:not(.tab-nav-lg):not(.publication-date-filter) li {
	border-right:1px solid #f5f5f5;
}
.sidelist .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a{
    border-bottom: 3px solid #23a394;
    top: -3px;
    height: 42px;
    line-height: 42px;
	color:#23a394;
}
.sidelist ul.tab-nav:not(.tab-nav-lg) li a {
    height: 37px;
    line-height: 37px;
}
.sidelist ul.tab-nav:not(.tab-nav-lg) li {
    height: 38px;
}
.sidelist .tab-container {
    padding: 30px;
}
.sidelist ul.publication-date-filter {
	padding: 6px 8px;
}
.sidelist ul.publication-date-filter .button {
	margin: 0;
}
.shutdown{
	position:absolute;
	top:48%;
	left:-25px;
	margin-top:-30px;
}
.shutdown a{
	display:block;
	width:25px;
	padding:20px 10px;
	background-color:#23a394;
	color:#FFF;
	border-radius: 3px 0 0 3px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.shutdown a:hover{
	padding:20px 8px 20px 12px;
	background-color:#08867e;
	color:#f3a428;
}

.map-items{
	background:url(../images/items.png) no-repeat;
	color:#FFF;
	width:85px; height:31px;
	padding:3px 0 0 0;
	position:absolute;
	z-index:2;
}
.map-items2{
	background:url(../images/items2.png) no-repeat;
	color:#FFF;
	width:85px; height:31px;
	padding:3px 0 0 0;
	position:absolute;
	z-index:2;
}
.flag{
	background:url(../images/flag.png) no-repeat;
	color:#FFF;
	width:138px; height:61px;
	padding:12px 0 0 0;
	position:absolute;
	z-index:2;
}
.landmark{
	background:url(../images/landmark.png) no-repeat;
	color:#f75347;
	width:43px; height:69px;
	padding:12px 0 0 0;
	position:absolute;
	z-index:2;
}
.map-circle1{
	color:#FFF;
    background:url(../images/ref/m1.png) no-repeat;
    background-size: cover;
	width:54px; height:54px;
    line-height: 54px;
    border-radius: 50%;
	position:absolute;
	z-index:2;
}
.map-circle2{
	color:#FFF;
    background:url(../images/ref/m2.png) no-repeat;
    background-size: cover;
	width:56px; height:57px;
    line-height: 57px;
    border-radius: 50%;
	position:absolute;
	z-index:2;
}
.map-circle3{
	color:#FFF;
    background:url(../images/ref/m3.png) no-repeat;
    background-size: cover;
	width:67px; height:67px;
    line-height: 67px;
    border-radius: 50%;
	position:absolute;
	z-index:2;
}
.map-circle4{
	color:#FFF;
    background:url(../images/ref/m4.png) no-repeat;
    background-size: cover;
	width:79px; height:79px;
    line-height: 79px;
    border-radius: 50%;
	position:absolute;
	z-index:2;
}
.map-circle5{
	color:#FFF;
    background:url(../images/ref/m5.png) no-repeat;
    background-size: cover;
	width:91px; height:91px;
    line-height: 91px;
    border-radius: 50%;
	position:absolute;
	z-index:2;
}
.map-circle-small{
    color:#FFF;
    background-color:#333;
	width:33px; height:33px;
    line-height: 25px;
    border: 4px solid #23a394;
    border-radius: 50%;
	position:absolute;
	z-index:2;
}
.mCSB_container h3{
	margin-top:0px;
}

/*案例*/

.tabs.tabs-bb ul.tab-nav li a:hover{
	background-color:#f5f5f5;
}
.case-item .iportfolio{
	background-color:#FFF;
	overflow:hidden;
}
.case-item .iportfolio .location-icon{
	position:absolute;
	top:5px;
	right:10px;
	font-size:22px;
}
.case-item .iportfolio .portfolio-image{
    width: 38%;
	margin-right: 2%;
	float:left;
    text-align: center;
}
.case-item .iportfolio .portfolio-image img {
    display: inline-block;
    width: auto;
    max-height:173.83px;
}
.case-list .iportfolio .portfolio-image img {
    display: inline-block;
    width: auto;
    max-height: 200px;
}
.case-item .portfolio-desc h3 {
    height: 30px;
    width: 90%;
    padding: 1px 0;
    overflow: hidden;
    line-height: 1.5em;
}
.case-item .iportfolio .portfolio-image .case-info,
.case-list .iportfolio .portfolio-image .case-info{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	z-index:1;
}
.case-item .iportfolio .portfolio-image .case-info .price{
	background-color:rgba(0, 0, 0, 0.6);
	color:#FFF;
	float:left;
	width:55%;
	padding:10px;
}
.case-item .iportfolio .portfolio-image .case-info .price i{
	color:#f3a428;
	margin-left:5px;
}
.case-item .iportfolio .portfolio-image .case-info .company,
.case-list .iportfolio .portfolio-image .case-info .company{
	background-color:rgba(35, 163, 148, 0.9);
	color:#FFF;
	overflow:hidden;
	padding:10px;
}
.case-item .iportfolio .portfolio-desc{
	overflow:hidden;
	padding: 10px 0;
	line-height:1.8em;
}
.case-item .iportfolio .portfolio-desc h3,
.case-list .iportfolio .portfolio-desc h3{
	margin-bottom:5px;
}
.case-item .iportfolio .portfolio-desc span,
.case-list .iportfolio .portfolio-desc span{
	display:block;
	margin-bottom:13px;
}
.case-item .iportfolio .portfolio-desc .button,
.case-list .iportfolio .portfolio-desc .button{
	margin: 0 3px 0 0;
}
.case-item hr,
.case-list hr{
	border-top: 1px solid #e7e7e7;
	margin-top: 15px;
    margin-bottom: 15px;
}
.case-item .otherinfo{
	margin-top:5px;
}
.case-item .otherinfo a,
.case-list .otherinfo a{
	padding:0 10px;
    position: relative;
    font-size:13px;
}
.case-item .otherinfo a span,
.case-list .otherinfo a span{
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -23px;
    background-color: #f3a428;
    border-radius: 3px;
    color: #fff;
    padding: 3px 0;
    width: 46px;
    font-size:12px;
    text-align: center;
    opacity:0;
    transition: 0.3s;
    margin-top: 5px;
    z-index: 3;
}
.case-item .otherinfo a span:before,
.case-list .otherinfo a span:before{
    content:" ";
	display:block;
    width:0px;
	height:0px;
	border-width:5px;
	border-style:solid;
	border-color:#f3a428 transparent transparent transparent ;
	position:absolute;
    bottom: -10px;
	left:50%;
    margin-left: -3px;
    opacity:0;
    transition: 0.3s;
}
.case-item .otherinfo:hover a span,
.case-list .otherinfo:hover a span,
.case-item .otherinfo:hover a span:before,
.case-list .otherinfo:hover a span:before{
	display: block;
    opacity:1;
    margin-top: 0px;
}
.case-item .otherinfo a small,
.case-list .otherinfo a small{
    background-color:#ff5c64;
    color: white;
    padding:1px 2px;
    margin-left: 5px;
    border-radius: 3px;
    vertical-align: middle;
    display: inline-block;
}
.case-item .portfolio-desc small,
.case-list .portfolio-desc small {
    display: block;
    font-family: "微軟正黑體", Arial;
    color: #999;
    margin-right: 5px;
}
.case-item .portfolio-desc h3 small,
.case-list .portfolio-desc h3 small {
	display: inline-block;
    font-family: "微軟正黑體", Arial;
    color: #fff;
    margin-right: 5px;
    font-size: 90%;
    background-color:#ff5c64;
    color: white;
    padding: 3px 5px;
    margin: 0 2px;
    border-radius: 3px;
    vertical-align: middle;
    display: inline-block;
}
.case-item .otherinfo .dropdown,
.case-list .otherinfo .dropdown{
	display:inline-block;
}
.case-item .otherinfo .dropdown-menu,
.case-list .otherinfo .dropdown-menu{
    padding: 0px;
    left: -110px;
}
.case-item .otherinfo .dropdown-menu li,
.case-list .otherinfo .dropdown-menu li{
	width: 100%!important;
}
.case-item .otherinfo .dropdown-menu li a,
.case-list .otherinfo .dropdown-menu li a{
	padding:5px;
}
.case-item .portfolio-overlay,
.case-list .portfolio-overlay{
    background-color: rgba(0,0,0,0.2);
	z-index: 0;
}
.case-item .portfolio-overlay a.right-icon,
.case-list .portfolio-overlay a.right-icon{
    right: 20%;
	top:15%;
}
.case-item .portfolio-overlay a,
.case-list .portfolio-overlay a{
    color: #aaa;
    border-radius: 3px;
}
.case-item .portfolio-overlay a:hover,
.case-item .portfolio-overlay a.current,
.case-list .portfolio-overlay a:hover,
.case-list .portfolio-overlay a.current{
    color: #ff5460;
}
.case-list .portfolio-desc h3 a{
	vertical-align:middle;
}
.case-list .portfolio-desc h3 a.button {
    color: #fff;
	vertical-align:middle;
}
.case-list .completion-date{
	position:absolute;
	bottom:20px;
	right:0px;
	color:#999;
}
.case-list .portfolio-desc .left {
    width: 40%;
}
.case-list .portfolio-desc .right {
    float: none;
    overflow: hidden;
}
.case-item.bottommargin-sm{
	margin-bottom:5px!important;
}

.case-building p {
    line-height: 1.2!important;
}
.icon-floorprice{
    background: url(../images/icons/floorprice.png) no-repeat;
    background-size: cover;
    display: inline-block;
    width: 15px;
    height: 12px;
}
.icon-floorprice2{
    background: url(../images/icons/floorprice2.png) no-repeat;
    background-size: cover;
    display: inline-block;
    width: 15px;
    height: 13px;
}

/* ----------------------------------------------------------------
	捲軸區塊
-----------------------------------------------------------------*/
.scrollbar-content{
	max-height:770px;
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color: rgba(160,160,160,0.8);
}
.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}


/* ----------------------------------------------------------------
	案例列表
-----------------------------------------------------------------*/
.headline{
	background-color:#f5f5f5;
	padding:15px;
	overflow:hidden;
	clear:both;
}
.headline .icon{
	font-size:24px;
	margin-right:20px;
}
.headline .current a{
	color:#CCC
}
.headline h2{
	margin:0;
}
.headline h4{
	margin:10px;
}
.headline h4 .remind{
	background-color:#36a99b;
	color:#FFF;
	padding:7px;
	font-size:14px;
	border-radius:3px;
	margin-left:10px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.headline h4 .remind:hover{
	background-color:#555;
}
.information{
	font-size:15px;
}
.information b{
	color:#1d988a;
	font-weight:300;
}
.case{
	padding:0 25px;
}
.case .case-ad{
	width:300px;
}
.case .case-ad img{
	width:100%;
}
.case .case-content{
	margin-right:340px;
}
.case-list .iportfolio{
	overflow: hidden;
}
.case-list .iportfolio:after{content:""; clear:both; display:block; }
.case-list .iportfolio .portfolio-image{
    width: 260px;
	margin-right: 2%;
	float:left;
    text-align: center;
}
.case-list .iportfolio .portfolio-desc{
	padding: 0 ;
}
.case-list .iportfolio .portfolio-desc h3{
	font-size:22px;
}
.case-list .iportfolio .portfolio-desc b{
	font-weight:300;
	padding:0 10px;
	color:#ccc;
}
.function-link-1{
	margin:15px 0;
}
.function-link-2{
	margin:3px;
}
.function-link-1 a,
.function-link-2 a{
	color:#666;
	margin: 0 10px 0 0;
}
.function-link-1 a i,
.function-link-2 a i{
	color:#36a99b;
	margin:0 5px 0 0;
}
.function-link-1 a:hover{
	color:#1d988a;
}
.function-link-2 a{
	color:#1d988a;
}
.function-link-2 a:hover,
.function-link-2 a:hover i{
	color:#666;
}
.case-price ins{
	font-size:18px;
	text-decoration: none;
	vertical-align:middle;
	font-weight:300;
}
.case-price ins span{
	font-size:36px;
	color:#f3a428;
	display: inline-block!important;
    margin-bottom: 0!important;
    font-family: Roboto,sans-serif;
}
.case-price del{
	background:url(../images/del.png) no-repeat center center;
	text-decoration: none;
	margin:0 10px 0 0;
}
.case-list hr{
	border-top: 1px solid #eee;
	margin:20px 0;
}
.pagination > li > a, .pagination > li > span {
    color: #1d988a;
}

.case-building{
	background-color:#FFF;
}
.case-building b {
    font-weight: 300;
    padding: 0 10px;
    color: #ccc;
}


/* ----------------------------------------------------------------
	生活機能
-----------------------------------------------------------------*/

.functionbar h3{
	line-height:2em;
}
.function-links.print a{
	color:#555;
}
.function-links.print a:hover{
	color:#23a394;
}
.function-links.print a i{
	color:#23a394;
}
.function-links.print a img{
	vertical-align: middle;
}
.life_function-function{
	margin:10px 20px 0 20px
}
.life_function-function b {
    font-weight: 300;
    padding: 0 10px;
    color: #ccc;
}
.life_function-function .function-links{
	padding:20px 0 0 0;

}
.life_function-meta {
	list-style: none;
}
.life_function-meta li:first-child{
	padding:0 0 10px 0;
}
.life_function-meta li {
	padding:10px 0;
	color: #666;
	width:100%!important;
	border-bottom:#e7e7e7 1px dotted;
}
.life_function-meta li:last-child{
	border-bottom: none;
}
.life_function-meta li span {
	display: inline-block;
	width: 120px;
	font-weight: 700;
	color: #333;
}
.life_function-meta li span i {
	position: relative;
	top: 1px;
	width: 14px;
	text-align: center;
	margin-right: 10px;
	color:#23a394;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #23a394;
}
.nav > li > a {
    background-color: #eee;
	color:#666;
	padding: 10px 15px;
}
.nav > li > a:hover{
	background-color: #e7e7e7;
}


/* ----------------------------------------------------------------
	找電傳
-----------------------------------------------------------------*/

.page-title-parallax.transcript{
	background-image: url('../images/parallax/parallax-2.jpg')!important;
}
.feature-box.transcript .fbox-icon {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto 20px;
}
.feature-box h3 {
    font-size: 18px;
}
.feature-box.transcript:not(.fbox-bg) h3:after {
    width: 50px;
    border-top: 3px solid #23a394;
    margin: 15px auto;
}
.feature-box.transcript:not(.fbox-bg):hover h3:after {
    width: 80px;
}
.find-box{
	border: 1px solid #e7e7e7;
	padding:30px;
	border-radius:5px;
	margin:30px 0;
}
.find-box .line{
	border-top: 1px dotted #e7e7e7;
	margin:20px 0;
}
.find-box .bottommargin-sm{
	margin-bottom:10px!important;
}
.find-box .nice-select{
	background-color: #eee;
	float: none;
}
.find-box .row .col-md-4 .col-md-4{
	line-height:40px;
}
.find-box .row .col-md-4 .sm-form-control{
	width:90px;
}
.find-box .row .sm-form-control{
	border-radius:5px!important;
	border: 1px solid #eee;
	background-color:#eee;
	height: 30px;
}
.find-box .row .sm-form-control:focus{
	border-color: rgba(35, 163, 148, 0.5);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(35, 163, 148, 0.2);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(35, 163, 148, 0.2);
}
.find-box .col_one_fifth{
	line-height:30px;
	margin-bottom:0;
}
.find-box .col-md-2 .sm-form-control{
	width:145px;
	display:inline-block;
	padding: 8px;
}
.find-box .col_one_fifth .sm-form-control{
	width:70px;
	display:inline-block;
	padding: 8px;
}
.find-box .col-md-2,
.find-box .col-md-4{
    padding-left: 5px;
    padding-right: 5px;
}
.find-box .col_one_fifth{
    margin-right: 1%;
    width: 18.8%;
}


/* ----------------------------------------------------------------
	會員中心
-----------------------------------------------------------------*/

.member_center_function{
	background:#f5f5f5;
	padding:10px 0 0 0;
}
.member_center_function .nav-tabs.nav-justified > li > a {
    border-bottom: none;
}
.member_center_function .nav > li > a {
    color: #1d988a;
}
.member_center_function .nav > li.active > a,
.member_center_function .nav > li.active > a:hover{
	background-color: #fff;
	color: #666;
}
.member_center_function .nav > li > a {
    background-color: #f5f5f5;
}
.member_center_function .nav .open > a,
.member_center_function .nav .open > a:hover,
.member_center_function .nav .open > a:focus,
.member_center_function .nav > li > a:hover{
    background-color: #eee;
    border-color: transparent;
}
.social-icon.si-small {
    width: 27px;
    height: 27px;
    font-size: 13px;
    line-height: 25px !important;
}
.social-icon.si-small:hover i:first-child { margin-top: -25px; }
.profile-box{
	border-radius:3px;
	border:1px #e7e7e7 solid;
	padding:0 15px;
}
.profile-box .photo{
	border-radius:50%;
	overflow:hidden;
	width: 186px;
	height: 186px;
	margin:-80px auto 10px auto;
	& > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	@media (width < 1200px) {
		width: 168px;
		height: 168px;
	}
}
.profile-box h3{
	font-size:20px;
}
.profile-box .product-rating{
	padding:5px 0 15px 0;
}
.profile-box .skills{
	width:90%;
	margin:0 auto;
}
.profile-box .skills li {
    height: 8px;
    border-radius: 8px;
}
.profile-box .skills li .progress {
	background:url(../images/member/skills_progress.gif) #23a394;
	border-radius: 8px;
}
.profile-box .skills li > span {
    font-size: 13px;
    font-weight: 500;
}
.profile-box .other-info{
	margin-top:20px;
	border-top:1px #eee solid;
}
.profile-box .other-info .col-md-6{
	border-right:1px #eee solid;
	padding:5px 0;
}
.profile-box .other-info .col-md-6 span{
	display:block;
}
.profile-box .other-info .col-md-6:last-child{
	border-right:none;
}
.member_center_list{
	list-style:none;
	margin:30px 0;
}
.member_center_list li{
	border-bottom:1px #ddd dotted;
	padding:10px;
}
.member_center_list li:last-child{
	border-bottom: none;
}
.member_center_list li a{
	color:#666;
	transition: 0.3s;
}
.member_center_list li a i {
    font-size: 14px;
    width: 16px;
    text-align: center;
    margin-right: 6px;
}
.member_center_list li a:hover{
	margin-left:5px;
	color:#08867e;
}

.news-notice{
	background:#f5f5f5;
	padding:20px;
}
.news-notice h3{
	margin:0px;
	font-size:20px;
	font-weight:600;
}
.news-notice .line.line-sm {
    margin: 20px 0;
	border-top: 1px solid #e7e7e7;
}
.news-notice small{
	color:#999;
}
.count-box{
	margin:20px 0 0 0;
	padding:10px 0;
	border:8px solid #f5f5f5;
}
.count-box span{
	font-family: Roboto,sans-serif;
	font-weight:200;
	font-size:60px;
}
.count-box .col-md-4{
	border-right:1px #eee solid;
}
.count-box .col-md-4:last-child{
	border-right:none;
}
/*我的商圈*/
.on{
	background:url(../images/member/on_off.png) no-repeat;
	width:15px;
	height:15px;
	display:inline-block;
}
.off{
	background:url(../images/member/on_off.png) no-repeat bottom;
	width:15px;
	height:15px;
	display:inline-block;
}
.tick{
	background:url(../images/member/tick.png) no-repeat;
	width:20px;
	height:14px;
	display:inline-block;
}
.district_share .social-icon{
	margin: 0px;
	display:inline-block;
	float: none;
}
.district_share .ban{
	color: #ccc;
	cursor: default;
}
.district_share .ban:hover{
	background-color:transparent !important;
}
.district_share .ban:hover i:first-child {
	margin-top: 0px;
}

.push-list .iportfolio .portfolio-image {
    width: 220px;
}
.push-list .portfolio-overlay a.right-icon {
    right: 23%;
    top: 15%;
}
.push-list .iportfolio .portfolio-desc h3 {
    font-size: 18px;
	margin-bottom: 8px;
}
.push-list .iportfolio .portfolio-desc span {
    margin-bottom: 8px;
}
.push-list .function-link-1 {
    margin: 9px 0;
}
.push-list .iportfolio .portfolio-desc .button {
    padding: 0 10px;
}
.push-list ins span {
    font-size: 30px !important;
}
.push-list .case-price{
	margin:22px 0!important;
}
.area-table tr td{
	background:#f8f8f8;
	padding:10px!important;
}
.area-table tr th{
	background:#eee!important;
}
.area-table .area-box{
	background:#fff;
	overflow:hidden;
	border:#e7e7e7 solid 1px;
	padding:15px;
	border-radius:5px;
}
.area-table tr th{
	width:100px!important;
}
.area-table tr td:last-child .form-small{
	display:inline-block;
}
.area-table a{
	color:#666;
	padding:5px;
	display:block;
	position: relative;
}
.area-table a:hover{
	background-color:#e7e7e7;
	border-radius:3px;
	color:#333;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.area-table a.active{
	background-color:#c0eae5;
	border-radius:3px;
	color:#333;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.area-table .active.arrow:after{
	content: " ";
    display: block;
    background: url(../images/member/arrow2.png);
    width: 20px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 41px;
    margin-left: -10px;
	z-index:2;
}
.area-table .area-box a.active{
	background-color:#666;
	color:#fff;
}
.icon-mobile{
	font-size:20px;
}

/*編輯個人資料*/
.mugshot-member,
.mugshot-realty,
.mugshot-credential{
	margin-bottom:10px;
}
.mugshot-member img{
	height:150px;
	width:150px;
}
.mugshot-credential img{
	height:150px;
}
.mugshot-realty img{
	height:80px;
}
.feature-box.step {
    padding: 10px 0 10px 110px;
}
.feature-box.step .button {
	margin:0px;
}
.feature-box.step .fbox-icon{
    width: 84px;
    height: 84px;
}
.feature-box.step .fbox-icon i {
    font-size: 20px;
    line-height: 84px;
}
.manager-box{
	padding:10px;
	border:#eee 1px solid;
	border-radius:5px;
}

/* ----------------------------------------------------------------
	網頁底部
-----------------------------------------------------------------*/
#footer.dark, .dark #footer {
    background-color: #555;
    color: #fff;
	border-top:none;
	line-height:1.6em;
}
#footer.dark h3{
	margin-bottom:25px;
}
#footer.dark .widget {
    margin-top: 20px;
}
#footer.dark .footer-widgets-wrap {
    padding: 20px 0;
}
#footer.dark .footer-widgets-wrap .social-icon {
    color: #555 !important;
    border-color: transparent;
	background-color:#FFF;
	margin-right:10px;
}
#footer.dark ul{
	list-style:none;
}
#footer.dark ul li{
	border-bottom:1px solid rgba(225,225,225,0.1);
	padding:10px 0!important;
}
.dark #copyrights {
    padding: 20px 0;
}
.dark #copyrights {
    background-color: rgba(0,0,0,0.3);
}


/* ----------------------------------------------------------------
	登入與會員註冊表單設定
-----------------------------------------------------------------*/

.login-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/member/login-bg.jpg) no-repeat;
	background-size:cover;
}
.register-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/member/register-bg.jpg) no-repeat;
	background-size:cover;
}
.form-style{
	max-width: 450px;
	background-color: rgba(255,255,255,0.95);
    margin-bottom: 50px;
}
.form-style h3{
	font-weight:600;
    margin-bottom: 10px !important;
}
.form-style .panel-body{
	padding: 40px;
}
.form-style .col_full{
	margin-bottom:5px;
}
.form-style .form-control{
	height: 35px;
}
.form-style .button-block{
	width:100%;
}
.face{
	width:100px;
	height:100px;
	background:url(../images/face.png) no-repeat;
	display: inline-block;
}
.small{
	background:url(../images/face.png) no-repeat center top;
}
.sad{
	background:url(../images/face.png) no-repeat center bottom;
}


/* ----------------------------------------------------------------
	會員註冊須知
-----------------------------------------------------------------*/

.mfp-close{
	display:none!important;
}
#policy h2,
#comparison h2,
#add_members h2,
#points_gift h2,
#points h2{
	font-size:24px;
	font-weight:600;
}
#policy .divcenter{
	width:680px;
	background-color:#FFF;
}
#comparison .divcenter{
	width:1000px;
	background-color:#FFF;
}
#add_members .divcenter,
#points_gift .divcenter,
#points .divcenter{
	width:500px;
	background-color:#FFF;
}
#policy .divcenter .mfp-close,
#comparison .divcenter .mfp-close,
#add_members .divcenter .mfp-close,
#points_gift .divcenter .mfp-close,
#points .divcenter .mfp-close{
	background-color:#000;
	display:block!important;
}
#policy .divcenter .mfp-close:active,
#comparison .divcenter .mfp-close:active,
#add_members .divcenter .mfp-close:active,
#points_gift .divcenter .mfp-close:active,
#points .divcenter .mfp-close:active{
	top: 0px;
}
#policy .feature-box,
#comparison .feature-box,
#add_members .feature-box,
#points_gift .feature-box,
#points .feature-box{
	padding: 50px 0;
}
#add_members .table.district tr td:first-child ,
#points_gift .table.district tr td:first-child {
    width: 80px;
}
#policy .scrollbar-content{
	padding:20px 30px 30px 30px;
	height: 460px;
	line-height:1.8em;
	overflow: auto;
}
#policy .scrollbar-content h3,
#policy .scrollbar-content p{
	letter-spacing: 0px;
}
#policy .feature-box p,
#comparison .feature-box p{
    margin: 8px 0 0 0;
    color: #666;
}
#policy .button,
#comparison .button{
	padding:0 80px;
}
#policy .agree_block,
#comparison .agree_block{
	margin:0 30px;
	width:auto;
}
.register-process{
	width:900px;
    margin: 50px 0;
}
.register-process-pic1{
	background:url(../images/member/step.png) no-repeat;
	height:100px;
}
.register-process-pic2{
	background:url(../images/member/step.png) no-repeat center center;
	height:100px;
}
.register-process-pic3{
	background:url(../images/member/step.png) no-repeat center bottom;
	height:100px;
}



/* ----------------------------------------------------------------
	RWD調整
-----------------------------------------------------------------*/
@media (max-width: 1680px) {
	.function_ul .button{
		margin: 3px;
    	padding: 0 10px;
	}
    .button {
        padding: 0 15px;
        font-size: 14px;
        height: 35px;
        line-height: 35px;
    }
}
@media (max-width: 1366px) {
	.large-print {
        font-size: 18px;
    }
    .button.button-border.button-small {
        line-height: 25px;
    }
    .button-border-gray {
        line-height: 33px!important;
        height: 35px!important;
    }
    .portfolio-desc h3 {
		font-size: 15px;
	}
    .case-list .iportfolio{
        max-height:175px;
    }
	.case-list .iportfolio .portfolio-image {
		width: 200px;
		margin-right: 1%;
	}

	.case-list .iportfolio .portfolio-desc {
		padding: 0;
	}
	.case-list .button {
		padding: 0 10px;
	}
	.case-list .case-price{
		margin:20px 0!important;
	}
	.case-item .iportfolio .portfolio-desc h3,
    .case-list .iportfolio .portfolio-desc h3 {
		margin:0;
        font-size: 16px!important;
	}
    .case-list .iportfolio .portfolio-desc h3 a:not(.button){
        display: inline-block;
        height: 18px;
        max-width: 240px;
        overflow: hidden;
		font-size: 100%;
   		margin-bottom: 5px;
    }
	.function-link-1 {
		margin: 10px 0;
	}
    .case-list .iportfolio .portfolio-image img {
        max-height:150px;
    }
    .case-item .iportfolio .portfolio-image img {
        max-height:120px;
    }
    .case-item .iportfolio .portfolio-image .case-info,
    .case-list .iportfolio .portfolio-image .case-info{
        font-size: 12px;
    }
	.case-item .iportfolio .portfolio-desc span {
		margin-bottom: 3px;
        font-size:12px;
        line-height: 17px;
	}
	.case-item .portfolio-overlay a.right-icon, .case-list .portfolio-overlay a.right-icon {
		right: 30%;
		top: 20%;
	}
	.case-item .iportfolio .portfolio-image .case-info .price {
		padding: 5px;
	}
	.case-item .iportfolio .portfolio-image .case-info .company, .case-list .iportfolio .portfolio-image .case-info .company {
		padding: 5px;
	}
	.case-item .button {
		margin: 2px;
		padding: 0 3px;
		font-size: 13px;
		height: 25px;
		line-height: 25px;
	}
    .case-item hr, .case-list hr {
        margin-top: 7px;
        margin-bottom: 7px;
    }
    .case-item .iportfolio .portfolio-desc span, .case-list .iportfolio .portfolio-desc span {
        margin-bottom: 5px;
    }
    .case-item .iportfolio .portfolio-desc {
        overflow: hidden;
        padding: 5px 0 0 0;
        line-height: 1.8em;
    }
    .case-item .portfolio-desc small{
        margin-top: 0px;
    }
	.searchbar .keyword {
		width: 100px;
	}
	.mode ul li a {
		padding: 0 15px;
	}
	.searchbar .button {
		padding: 0 15px;
	}
	.function_ul .button{
		margin: 1px;
    	padding: 0 5px;
		border: none;
		line-height: 40px;
		height: 40px;
	}
    .function_ul li {
        line-height: 45px;
    }
	.infobar .btn-group .nice-select {
		padding-right: 28px;
		padding-left: 5px;
	}
	.infobar .btn-group .sm-form-control {
		width: 35px;
	}
    .map-circle,
    .map-circle-small,
    .map-items,
    .flag{
        font-size: 12px;
    }
    .flag{
        background-size: cover;
        width:118px; height:41px;
    }
    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        font-size: 12px;
    }
    .button.button-border {
        line-height: 25px;
        height: 25px;
        font-size: 12px;
    }
    .case-building h4{
        font-size: 16px;
    }
    .case-building .function-link-1 a,
    .case-building .function-link-2 a {
        font-size: 12px;
        line-height: 1.5em;
    }
    .table-market > tbody > tr > th {
        padding: 5px;
    }
    .nice-select {
        font-size: 13px;
    }
    .nice-select:after {
        width: 20px;
    }
    .mode ul.computer{
        display: none;
    }
    .mode ul.laptop{
        display: block;
    }
    .feature-box .large-print {
        font-size: 18px!important;
    }
}
@media (max-width: 1280px) {
	.case .case-ad{ display:none}
	.case .case-content{margin-right: 0;}
	.function_ul .button{
		margin: 2px;
    	padding: 0 3px;
		font-size:13px;
	}
	.searchbar .button {
		padding: 0 10px;
	}
}
@media (max-width: 1680px) and (max-height: 1050px) {
	.scrollbar-content{
		max-height:760px;
	}
}
@media (max-width: 1280px) and (max-height: 1024px) {
	.scrollbar-content{
		max-height:730px;
	}
}
@media (max-width: 1366px) and (max-height: 768px) {
	.scrollbar-content{
		max-height:470px;
	}
}

@media (max-width: 768px) {
	#content {
		min-width: 100%;
	}
	.absolute-right {
		position: inherit;
		margin-bottom:20px;
	}
	.case-item hr,
	.case-list hr{
		border-top: 1px solid #ddd;
		clear:both;
	}
	.case-list .iportfolio .portfolio-image {
		width: 100%;
		margin-right: 0;
		margin-bottom:20px;
		float: none;
	}
	.case-list .portfolio-desc h3 a.button i{
		display:none;
	}
	.case-list .iportfolio .button {
		padding: 0 10px;
	}
	.case-list .iportfolio .left,
	.case-list .iportfolio .right{
		width:100%;
		margin-bottom:20px;
	}
	.case-list .iportfolio .right .case-price{
		margin:10px 0!important;
	}
	.case-list .iportfolio .right .text-right{
		text-align:left;
	}
    .case-list .iportfolio{
        overflow: visible;
    }

}
@media (max-width: 640px) {
	.index-tel .divcenter{
		max-width: 100%;
	}
	#policy .divcenter{
		width:100%;
	}
	.slider-caption,.register-process{
		display: none;
	}
	/*.table {
		overflow-x: auto;
		display: block;
	}*/
}

/* ----------------------------------------------------------------
	報告範例
-----------------------------------------------------------------*/

.report-container{
	width:1000px;
	margin:10px auto 10px auto;
}
.report-container .footer{
	background-color:#555;
	clear:both;
	color:#fff;
	padding:15px;
}
.report-container .title-block {
    margin-bottom: 20px;
}
.report-container .realty-info{
	border:#e7e7e7 solid 1px;
	border-bottom:#23a394 solid 2px;
	height:80px;
	overflow:hidden;
	margin-bottom:20px;
}
.report-container .realty-info .realty-logo,
.report-container .realty-info h2,
.report-container .realty-info h4{
	float:left;
}
.report-container .realty-info .realty-logo{
	padding:15px;
}
.report-container .realty-info h2{
	padding:15px;
	border-right:#e7e7e7 solid 1px;
	line-height:50px;
	font-size:20px;
}
.report-container .realty-info h4{
	line-height:30px;
	padding:15px;
}
.report-container .realty-info span{
	display:block;
	float:right;
	line-height:50px;
	padding:15px;
	color:#999;
}
.report-container .realty-info h2,
.report-container .realty-info h4{
	vertical-align:middle;
}
.report-container .realty-info .realty-logo img{
	height:50px;
}
.report-container .market{
	width:49%;
	margin-bottom:30px;
}
.commissioner{
	overflow:hidden;
	margin-bottom:10px;
}
.commissioner-photo{
	width:160px;
	border-radius:50%;
	overflow:hidden;
}
.commissioner-container,
.project-info-container{
	overflow:hidden;
	padding-left:30px;
}
.commissioner-container blockquote {
    padding: 0px 45px;
}
.commissioner-container blockquote p {
    font-size: 14px!important;
}
.commissioner-container .market h4{
	margin:10px 0;
}
.commissioner-container .market b{
	color:#ccc;
	padding:0 10px;
}
.motto .heading-block{
	margin-bottom:20px;
	z-index:2;
	position:relative;
}
.motto .heading-block:after{
	margin-top: 20px;
	display: block;
}
.project-info{
	background-color:#f5f5f5;
	padding:15px;
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
}
.project-info h3{
	color:#08867e;
	font-size:24px;
	font-weight: 700;
	margin:10px 0 10px 0;
}
.project-info .project-info-photo{
	width:300px;
}
.project-info-ul{
	list-style: square;
	color:#23a394;
	font-size:15px;
	margin:5px 0 15px 15px;
}
.project-info-ul li{
	border-bottom:1px dotted #ddd;
	padding:8px 0;
}
.project-info-ul li span{
	display: inline-block;
	width: 80px;
	font-weight: 700;
	color: #333;
}
.project-info-ul li b{
	font-weight: 500;
	color: #666;
}
.project-info .table{
	margin-top:10px;
}
.project-info .table td{
	background-color:#fff;
	width:30%;
}
.project-info .table th{
	background-color:#aaa;
	color: #fff;
	width:20%;
}
.life-info{
	margin:20px 0;
}
.life-info .life-info-box{
	width:18%;
	display:inline-block;
	margin-right:2%;
    vertical-align: top!important;
}
.life-info .life-info-box h3{
	margin:20px 0;
}
.life-info .life-info-box:nth-child(1) h3{
	color:#ff744f;
}
.life-info .life-info-box:nth-child(2) h3{
	color:#ff5c64;
}
.life-info .life-info-box:nth-child(3) h3{
	color:#23a394;
}
.life-info .life-info-box:nth-child(4) h3{
	color:#59a323;
}
.life-info .life-info-box:nth-child(5) h3{
	color:#f3a428;
}
.life-info .life-info-box ul li{
	list-style:none;
	border-bottom:1px dotted #ddd;
	padding:10px 0;
}
.life-info .life-info-box ul li:last-child{
	border-bottom: none;
}
.life-info .life-info-box:last-child{
	margin-right:0;
}

.mail_case h3{
	color:#08867e;
	font-size:24px;
	font-weight: 700;
	margin:0 0 20px 0;
}

@media (max-width: 768px) {
	.mail_case .case-list .iportfolio .portfolio-image {
		width: 220px;
		margin-right: 2%;
		float: left;
	}
	.mail_case .case-list .iportfolio .left,
	.mail_case .case-list .iportfolio .right{
		width: auto!important;
	}

}

/*
問題回報START
*/
#bugreport{
    position: fixed;
    bottom: 10px;
    right: 20px;
    z-index: 29;
}

.modalShade
{
  background-color: black;
  position: fixed;
  left: 0;
  top: 0;
  cursor: default;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/*
問題回報END
*/
.modal-bg{
	width: 80%;
}
.modal-bg .help{
	width: 100%;
}
#howtouse{
    position: fixed;
    bottom: 10px;
    right: 0px;
	z-index: 999999;
}