@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
*{margin:0; padding:0;outline:0;}
html{height:100%;}
h1{font-size:16px; line-height:1.3em;}
h2{font-size:14px; line-height:1.3em;} 
h3{font-size:14px; line-height:1.3em;} 
h4{font-size:14px; line-height:1.3em;} 
h5{font-size:14px; line-height:1.3em;} 
h6{font-size:14px; line-height:1.3em;} 
a{text-decoration:none;} 
p{padding: 0 0 10px 0;}
img{border:0; border-spacing:0;}
img, embed{vertical-align:middle;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, img, embed  { margin: 0;padding: 0;outline: 0;}
:focus { outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0; border: 1px solid #eee}
table td, table th {border: 1px solid #eee; padding: 3px 10px;}
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
strong, b {font-weight:bold;}
em {font-style:italic;}
pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
input[type=text], input[type=password], input[type=file], input[type=submit], input[type=reset], input[type=search], textarea{-webkit-appearance:none;-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;}
input[type=number]::-webkit-inner-spin-button {opacity: 1;}
main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
.box-sizing-fix {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.img_object_fit {object-fit: cover; -moz-object-fit: cover; -webkit-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover;}
::-webkit-input-placeholder {opacity: 1;} ::-moz-placeholder {opacity: 1;} :-ms-input-placeholder {opacity: 1;} :-moz-placeholder {opacity: 1;}

input, textarea, select {
	font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	vertical-align: middle;
}
html {height: 100%;}
body {
	font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #3f3e3e;
	line-height:1.5em;
}
.css_body {
    background: #f7f7f7;
    -webkit-text-size-adjust: 100%;
    word-wrap: break-word;
    height: auto;
    min-height: 100%;
    letter-spacing: 0.2px;
}
#wrapper {height: 100%;}
.min_wrap {width: 1170px; margin: 0 auto; position:relative; float:none; clear:both;}
.margin_top{ margin-top:40px;}
.margin_bot{ margin-bottom:40px;}
.padding_top{ padding-top:40px;}
.padding_bot{ padding-bottom:40px;}
.box{overflow:hidden;}
.left{ float:left;}
.right{ float:right;}
.div_icon{ width:20px; display:inline-block;}
.button{background:#000000; color:#FFFFFF; cursor:pointer; padding:13px 28px; text-align:center; text-transform:uppercase; border:none;}
.button:hover{background:#454545; color:#FFFFFF; text-decoration:none;}
.error-sty {color: #f70000; font-weight: 400; padding: 5px 0px;}

::-webkit-scrollbar{ width: 5px;}
::-webkit-scrollbar-track{background: #f1f1f1;}
::-webkit-scrollbar-thumb{background: #f1573f;}
::-webkit-scrollbar-thumb:hover{background: #0099cc;}

.box_map{ width:100%; height:100%;}
.box_map_top{padding:10px;background: #fff;-webkit-box-shadow: 0 0 7px rgb(0 0 0 / 24%);-moz-box-shadow: 0 0 7px rgba(0,0,0,0.24);box-shadow: 0 0 7px rgb(0 0 0 / 24%); overflow:hidden; border-bottom:solid 1px #E0E0E0;}
.box_map_top .logo img {display: inline-block; width: auto; height: 48px;}
.box_map_top .box_loc ul{ margin-top:5px;}
.box_map_top .box_loc ul li{ display:inline-table;}
.box_map_top .box_loc ul li select{width: 100px;height: 33px;border: 1px solid #ececec; background:#fbfbfb; padding:0px 5px;}
.box_map_top .box_loc ul li button{cursor: pointer;border: 0;width: 35px;height: 35px;background: #004E7F;color:#FFFFFF; font-size:16px; font-weight:bold;}
.box_map_top .box_loc ul li button.but_res{ background-color:#ED1B2E;}
.box_map_top .box_loc ul li button:hover{ opacity:0.8;}

.box_map_bot{ position:relative;}
.box_map_bot_tools{position:absolute;z-index:999; left:0px; top:0px; bottom:0px; width:300px; background-color:#F8F8F8;}
.box_map_bot_tools ul{overflow-y: scroll;overflow-x: none; position:relative;}
.box_map_bot_tools ul li{ display:block; float:none; clear:both; position:relative; padding:5px; margin:5px 0px; border-bottom:solid 1px #E4E4E4;}
.box_map_bot_tools ul li:hover{ background:rgb(255, 255, 185);}
.box_map_bot_tools ul li.active{ background:rgb(255, 255, 185); border-bottom:solid 1px #ACACAC;}
.box_map_bot_tools ul li.active .bmbt_text h2{color:#1FA42B;}
.box_map_bot_tools ul li:first-child{ margin-top:10px;}
.box_map_bot_tools ul li:last-child{ border-bottom:none; margin-bottom:0px; padding-bottom:0px; margin-bottom:10px;}
.box_map_bot_tools ul li figure{ width:50px;height:50px; position:absolute; top:5px; left:5px;}
.box_map_bot_tools ul li figure img{ width:100%; height:100%; padding:2px; background-color:#FFFFFF; border:solid 1px #E9E9E9;}
.box_map_bot_tools ul li .bmbt_text{ margin-left:60px; display:inline-block;}
.box_map_bot_tools ul li .bmbt_text h2{ color:#000000; font-size:14px; font-weight:normal;}
.box_map_bot_tools ul li .bmbt_text p{ color:#999; font-size:12px;}
.box_map_bot_tools ul li .bmbt_text p b{ color:#ED1B2E;}
.box_map_bot_tools ul li .bmbt_text_dc{ display:block; padding-top:10px;color:#999; font-size:11px;}
.box_map_bot_tools ul li .bmbt_text_dc i{ font-size:14px;}
.close_map{ position:absolute; z-index:9999; right:-24px; top:50%;}
.close_map img{ width:26px;}
.active_map_bot .box_map_bot_tools{ width:0px;}
.active_map_bot .box_map_bot_tools ul{display:none;}
.box_map_bot_tools ul li:hover .bmbt_text h2{ color:#1FA42B;}

.icon_spec {
	background: url(../../imgs/layout/icon_hot_new.png) no-repeat;
	background-size: 100% 100%;
	width: 50px; height: 50px;
}
.icon_vip {
	background: url(../../imgs/layout/icon_vip_new.png) no-repeat;
	background-size: 100% 100%;
	width: 50px; height: 50px;
}
.loca_icon_vip {position: absolute; top: -5px; left: -5px; height: 30px;}
.loca_icon_vip .icon_vip {
	position: static;
	display: inline-block;
	width: 25px; height: 25px;
	background-size: 100% 100%;
}
.loca_icon_vip .icon_spec {
	position: static;
	display: inline-block;
	width: 25px; height: 25px;
	background-size: 100% 100%;
}

.icon_menu_mobile {
	visibility: hidden;
	width: 36px; height: 36px;
	background: #fff url(../../imgs/layout/menu_mobile.png) no-repeat center;
	position: absolute;
	top: 10px; right: 10px;
	border: 1px solid #0099cc;
	z-index: 10;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.icon_menu_mobile_ac{ border:solid 1px #ED1B2E; background-color:#FFE6E7;}

.info_content{ max-width:250px;}
.info_content .info_content_img{ width:100%; height:100px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.info_content h3{ margin-top:10px; font-size:14px; font-weight:normal;}
.info_content h3 a{ color:#000000; cursor:pointer;}
.info_content h3 a:hover{ color:#004E7F;}
.info_content p{ margin-top:10px;color:#999; font-size:12px;}
.info_content p b{color:#ED1B2E;}
.info_content .info_content_dc{ color:#999; font-size:12px;}
.map_imgs img{ width:100%; height:100%;object-fit: cover; -moz-object-fit: cover; -webkit-object-fit: cover; -o-object-fit: cover; -ms-object-fit: cover;}

.logo_text{ font-size:34px;display: inline-block;}
.logo_text span{ font-weight:bold;}
.logo_text p{ font-size:15px; margin-top:10px; color:#999;}
.logo_text:hover p{ color:#00a8fd;}
.logo_text:hover span{ opacity:0.8;}

@media only screen and (max-width: 1024px) and (min-width: 860px) {
	.box_map_top .logo img{ height:30px;}
	.box_map_top .box_loc ul{ margin-top:0px;}
	.logo_text{ font-size:20px;}
	.logo_text p{ font-size:9px; margin:0px; padding:0px;}
}
@media only screen and (max-width: 859px) {	
	.icon_menu_mobile {visibility: visible;}
	.box_map_top .right{ float:none; clear:both;}
	.box_map_top .right .box_loc{ padding-top:5px; display:none;}
	.box_map_top .box_loc ul{ text-align:center;}
}
@media only screen and (max-width: 640px) {
	.box_map_top .box_loc ul{ text-align:left;}
	.box_map_top .box_loc ul li select{ width:179px;}
}
@media only screen and (max-width: 520px) {
	.box_map_top .box_loc ul{ text-align:left;}
	.box_map_top .box_loc ul li select{ width:139px;}
}
@media only screen and (max-width: 480px) {
	.box_map_top .box_loc ul{ text-align:left;}
	.box_map_top .box_loc ul li select{ width:125px;}
}
@media only screen and (max-width: 460px) {
	.box_map_top .box_loc ul{ text-align:left;}
	.box_map_top .box_loc ul li select{ width:119px;}
}
@media only screen and (max-width: 420px) {
	.box_map_top .box_loc ul{ text-align:left;}
	.box_map_top .box_loc ul li select{ width:102px;}
}
@media only screen and (max-width: 360px) {
	.box_map_top .box_loc ul{ text-align:left;}
	.box_map_top .box_loc ul li select{ width:85px;}
}
@media only screen and (max-width: 320px) {
	.box_map_top .box_loc ul{ text-align:center;}
	.box_map_top .box_loc ul li{ margin-bottom:5px;}
	.box_map_top .box_loc ul li select{ width:97px;}
	.box_map_bot_tools{ width:270px;}
}
