/* header 2017 */

        .container.header-2017 {
            /*background-image:url(/images/header/bg2016.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;*/
            /*background-attachment: fixed;
    background-position: center 0; */
            /*height:500px;
	background-size:contain;*/
            /*min-height:400px;*/
            min-width: 100%;
            padding: 0;
            /* overflow-y: scroll; */
        }

        .header-2017 .topmenu {
            width: 100%;
            margin: auto;
        }

        .header-2017 .topmenu .topbar {
            margin: auto;
            /*height: 34px;*/
            color: #313131;
        }

        .header-2017 .topmenu .topbar .row {
            max-width: 1180px;
            margin-left: auto;
            margin-right: auto;
            /*max-height: 34px;*/
            padding-top: 3px;
            display: flex;
            justify-content: space-between;
        }

        .lang_tel,
        .icons,
        .phoneIcon {
            display: inline-block;
            flex-grow: 3;
            /*height: 100%;*/
			vertical-align: middle;
			margin: 0;
        }

        .lang_tel {
            width: 70%;
			
			line-height: 24px;
        }

        .header-2017 .topmenu .topbar .lang_tel .lang_info a {
            font-size: 12px;
            color: #313131;
        }

        .header-2017 .topmenu .topbar .icons {
            flex-grow: 1;
        }

        .lang_info {
            /*margin-right: 15px;*/
			margin-right: 5px;
			vertical-align: middle;
        }

        /*.topbar .row .icons img,
        .phoneIcon img {
            margin-bottom: 5px;
        }*/
		.topbar .row .icons img {
            margin-bottom: 5px;
        }

        .header-2017 .topmenu .menubar {
            background-color: #0072bb;
            max-width: 100%;
            color: white;
            margin-bottom: 1px;
        }

        .header-2017 .topmenu .menubar .row {
            margin: auto;
            max-width: 1180px;
        }

        .menubar .row {
            max-width: 1180px;
        }

        .container-fluid .navbar-header {
            padding-top: 10px; 
        }
        /*.rowBox {
	display: inline-flex;
}*/

        .box,
        .box2,
        .QRcode {
            display: inline-block;
        }

        .QRcode {			
            height: 80px;
            float: right;
            margin-bottom: 0px;
        }

        .QRcode img {
            height: 100%;
        }

        .QRcode .cir-icon{
            /* width: 70px; */
            /* height: 70px; */
			width: 40px;
			height: 40px;
        }
		.QRcode div{
			width: 50px;
			color:white;
		}

        .row .box2 p,
        .row .box2 a {
            font-size: 16px;
            color: white;
            font-weight: bold;
        }

        .dropdown {
            height: 100%;
        }
        /*
.box2 .dropdown-menu{
	display: none;
}
*/

        .dropdown .dropdown-menu1,
        .dropdown .dropdown-menu2,
        .dropdown .dropdown-menu3 {
            min-width: 150px;
            border-radius: 0px;
            /*	display: block;*/
            left: -25%;
            margin: 0px;
            padding: 10px 0px;
        }

        .dropdown .dropdown-menu1 a,
        .dropdown .dropdown-menu2 a,
        .dropdown .dropdown-menu3 a {
            color: #0072bb;
            font-size: 16px;
            margin: 0px 0px 10px 0px;
        }

        .dropdown .dropdown-menu1 :hover,
        .dropdown .dropdown-menu2 :hover,
        .dropdown .dropdown-menu3 :hover {
            color: #FFFFFF;
            background-color: #0072bb;
            font-size: 16px;
            margin: 0px 0px 10px 0px;
        }

        @media(min-width:768px) {
            .dropdown-menu1:before,
            .dropdown-menu2:before,
            .dropdown-menu3:before {
                position: absolute;
                top: -7px;
                left: 74px;
                display: inline-block;
                border-right: 7px solid transparent;
                border-bottom: 7px solid #ccc;
                border-left: 7px solid transparent;
                border-bottom-color: rgba(0, 0, 0, 0.2);
                content: '';
            }
            .dropdown-menu1:after,
            .dropdown-menu2:after,
            .dropdown-menu3:after {
                position: absolute;
                top: -6px;
                left: 75px;
                display: inline-block;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #ffffff;
                border-left: 6px solid transparent;
                content: '';
            }
        }

        .row .box {
            height: 80px;
            border-right: 1px solid whitesmoke;
        }

        .header-2017 .topmenu .menubar .row .box2 {
            min-width: 90px;
            height: 80px;
            text-align: center;
            border-right: 1px solid whitesmoke;
        }

		.header-2017 .topmenu .menubar .row .box2 .dropdown > a {
			display: block;
			height: 80px;
		}
		.header-2017 .topmenu .menubar .row .box2 .dropdown > a:focus,
		.header-2017 .topmenu .menubar .row .box2 .dropdown > a:hover
		{
			background-color: #2196f3;
		}
		.header-2017 .topmenu .menubar .row .box2 .dropdown > a div {
			font-weight: normal;
		}
		
		
        .header-2017 .topmenu .menubar .row .box2 img {
            width: 40px;
			padding-top: 8px;
        }

        .row .box2 li {
            list-style: none;
        }

        .row .navbar-default {
            background-color: #0072bb;
            border: 0px solid rgba(255, 255, 255, 0);
        }

        .row .navbar {
            margin-bottom: 0px;
        }

        .navbar-default .container-fluid {
            padding: 0px;
            max-width: 1180px;
        }

        .navbar-default .navbar-brand {
            padding: 0px 15px;
            margin: 0px;
        }
	   .navbar-default .navbar-brand img {
            width: 160px;
			height: 55px;
        }

        @media (max-width:767px) {
            .header-2017 .topmenu .menubar .row .box2 {
                margin-top: 20px;
                width: 100%;
                border: 0px;
            }
            .navbar-default .navbar-nav .open .dropdown-menu1>li>a,
            .navbar-default .navbar-nav .open .dropdown-menu2>li>a,
            .navbar-default .navbar-nav .open .dropdown-menu3>li>a {
                color: #0072bb;
                text-align: center;
            }
            .row .box {
                border: 0px;
                width: 100%;
            }
            .container-fluid .navbar-header {
                /* padding-top: 15px; */
                margin: 0px 0px;
            }
            .navbar-default .navbar-toggle:hover,
            .navbar-default .navbar-toggle:active,
            .navbar-default .navbar-toggle:visited,
            .navbar-default .navbar-toggle:focus {
                background-color: white;
            }
            .navbar-default .navbar-toggle .icon-bar {
                background-color: white;
            }
            .navbar-default .navbar-toggle:hover .icon-bar,
            .navbar-default .navbar-toggle:active .icon-bar,
            .navbar-default .navbar-toggle:visited .icon-bar,
            .navbar-default .navbar-toggle:focus .icon-bar {
                background-color: #0072BB;
            }
            .navbar-nav .open .dropdown-menu1,
            .navbar-nav .open .dropdown-menu2,
            .navbar-nav .open .dropdown-menu3 {
                background: #FFFFFF;
                padding: 0px;
            }
            .navbar-nav .open .dropdown-menu1 li:hover,
            .navbar-nav .open .dropdown-menu2 li:hover,
            .navbar-nav .open .dropdown-menu3 li:hover {
                background: #E4F1F9;
            }
            .row .navbar {
                position: relative;
            }
            .searchBox {
                width: 80%;
            }
            #searchHotTag {
                display: none !important;
            }
            .form-group .btn {
                padding: 5px 10px;
            }
        }
        /* Tab 1 */

        .suggestDiv {
            position: absolute;
            display: none;
        }

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

        #estateSearchSuggestDiv {
            left: 0px;
            position: absolute;
            width: 100%;
            border: 1px solid #c8c8c8;
            background-color: #fff;
            z-index: 10;
        }

        .suggestUl {
            width: 100%;
            padding: 0px;
			margin: 0;
        }

        .suggestUl li {
            padding: 8px 5px;
            cursor: default;
            line-height: 15px;
            list-style: none
        }
		
		.suggestUl li:hover {
            background: #cce1f1;
			cursor: pointer;
        }

        .suggestUl li.highlight {
            background: #cce1f1
        }

        .suggestUl .match {
            font-weight: bold
        }
        /* Tab 1 */

        @media only screen and (max-width:440px) {
            .header-2017 .topmenu .topbar {
                /*height: 60px;
                padding: 10px;*/
				padding: 5px;
            }
            .header-2017 .topmenu .topbar .row {
                padding-top: 0px;
            }
            .header-2017 .topmenu .topbar .icons {
                float: left !important;
            }
        }
		
		
        .topview {
            /* background-image: url('/images/header/header-201807.png'); */
			/*background-image: url('/images/header/header-20180713.png');*/
			/* background-image: url('/images/header/header-20181018.jpg'); */
			background-repeat: no-repeat;
			/* background-size: 100% 100%; */
			/* width: 1600px; */
			background-size: 1600px 100%;
			background-position: center;
			width: 100%;
			/* background-color: #99cace;
            height: 385px;*/
			background-color: #000000;
			height: 350px;
            margin: auto; 
			cursor: pointer;
            /* height: 130px; */
            /* margin-bottom: 10px; */
            /* display: flex; */
        }

        .topview .icon-360 {
            flex-grow: 0;
        }

        .topview .icon-360 {
            align-self: flex-end;
        }

        .topview .row {
            /* max-width: 1180px; */
			/* margin: auto 0; */
			max-width: 1600px;
            margin: 0 auto;
            flex-grow: 1;
			height:100%;
			max-height:350px;
        }
		
		.topview .row .col-xs-7,
		.topview .row .col-xs-5 {
            padding:0;
        }
		
        .topview .row .box3 {
            /* padding-top: 10px; */
            /* height: 180px; */
            max-width: 710px;
            width: 100%;			
            display: inline-block;
			position: relative;
			/*top: 200px;*/
			top: 150px;
			left: 260px;
            /* margin: auto; */
            /* background: rgba(255, 255, 255, 0.3);
            border: 1px groove rgba(200, 200, 200, 0.5); */
			z-index: 99;
        }

        #searchHotTag {
            font-size: 12px;
            color: #0072bb;
        }

        #searchHotTag .greytxt_12px a {
            font-size: 12px;
            color: #0072bb;
        }
		
		/*#e1018{
			background-image: url('/images/header/header-20181018.jpg');
			background-repeat: no-repeat;
			background-color: #000000;
			height:350px;
		}*/
			
        .topview .box3 a {
            color: #fff;
            font-size: 12x;
        }

        .topview .box3 .searchBox {
            /* max-width: 800px; */
            /* height: 110px; */
            /* margin: auto; */
            display: inline-block;
            /* background: rgba(255, 255, 255, 0.0); */
			max-width: 710px;
            width: 100%;
			/* background: rgba(250, 235, 215, 0.8); */
			background: rgba(245, 245, 245, 0.8);
			padding: 0px 20px 0px 20px;
        }

        .topview .box3 .searchBox .form-group {
            margin-bottom: 0px;
        }

        .topview .box3 .searchBox .form-group .btn {
            padding: 5px;
            border: 0px;
            background: rgba(255, 255, 255, 0);
            vertical-align: bottom;
        }

        .topview .box3 .searchBox .form-group .btn.hoved {
            border-radius: 0px;
            background: rgba(255, 255, 255, .5);
            color: #0072bb;
        }

        .topview .box3 .searchBox .form-group .btn:hoved {
            border-radius: 0px;
            background: rgba(255, 255, 255, .5)
        }

        .topview .box3 .searchBox .form-group .dropdown {
            display: inline-block;
        }

        .topview .box3 .searchBox .form-group div {
            color: white;
            background-color: #E93C1A;
            width: 90px;
            /* display: inline-block; */
        }
		
		#hot_search a {
			color: #B22222;
			padding: 0px 8px 0px 8px;
		}
		#hot_search a:hover  {
			background-color: #87CEEB;
		}
		#hot_search .first-hot-key{
			padding: 0px 8px 0px 0px;
		}

        .searchBox .form-control {
            border-radius: 0px;
        }
		#myModal .modal-header{
			border: 0;
		}
		.modal-header .close 
		{
			background-color: white;
			opacity: .8;
		}
		#myModal .modal-content{
		    background-color: transparent;
			border: 0;
			box-shadow: none;
		}
		@media (min-width: 768px){
			#myModal .modal-dialog {
				width: auto;
				margin: 0 auto;
				max-width: 900px;
			}
		}
		
		@media(max-width:1600px) {
			.topview {				
				/* background-image: url('/images/header/header-201807.png'); */
				/* background-image: url('/images/header/header-20180713.png');*/
				background-repeat: no-repeat;
				background-size: 1600px 100%;
				background-position: left;
				width: 100%;
				max-width: 100%;
				height: 350px;
				/* margin: auto;  */
				
			}
        }
		@media(max-width:1180px) {
			#topviewHref{
				display: none;
			}
			#e1018{
				background-image: none;
			}
			.topview {
				background-image: none;
				/* display: none;*/
				width: 100%;
				max-width: 100%;
				height: 100%;
				margin: auto; 
			}
			.topview .row .box3 {
				top: 0;
				left:0;               
				max-width:100%;
            }
			.topview .box3 .searchBox{
				max-width:100%;
				width: 100%;
			}
        }
		
		@media(max-width:992px) {
			#e1018{
				background-image: none;
			}
			.topview {
				background-image: none;  
				width: 100%;
				height: 100%;
				margin: auto; 
			}
            .topview .row .box3 {
				top: 0;
				left:0;               
            }
			.topview .box3 .searchBox{
				max-width:100%;
			}
        }
		
		/*.topview#e1018 .row .box3{
			top: 150px;
		}*/
		#main-banner {
			height: 325px;
		}
		
		#crazyAD .modal-title{
			font-size:14px;
		}
		
		#crazyAD .modal-body{
			padding:0;
		}
        @media (min-width: 992px){
			#crazyAD .modal-dialog {
				width: 800px;
				margin: 30px auto;
			}
		}
		@media (min-width: 1200px){
			#crazyAD .modal-dialog {
				width: 1000px;
				margin: 30px auto;
			}
		}
		@media (min-width: 1600px){
			#crazyAD .modal-dialog {
				width: 1200px;
				margin: 30px auto;
			}
		}