@font-face {
font-family: roboto;
src: url(roboto.ttf);
font-display: swap;
}
body{
font-family:roboto, arial;
font-size:15px;
color:#444;
background:#f9f9f9;
margin:0;
padding:0;
}
a:link, a:active, a:visited{
color:#7c8b94;
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a[href^="tel"]{
color:inherit;
text-decoration:none;
}
img{
border:0;
}
h1{
font-size:18px;
margin:0;
padding:0;
}
h2{
font-size:15px;
font-weight:normal;
margin:0;
padding:0;
}
form{
padding:0;
margin:0;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}

#top_bar{
background:#333;
height:60px;
width:100%;
position:absolute;
top:0;
}
#bg_browse_static {
background:#fff;
height: 60px;
width: 100%;
top:60px;
left: 0;
margin-left: 0;
position: absolute;
z-index: 999;
box-shadow: 0 6px 8px -8px #222;
}
#bg_browse_static2 {
background:#375261;
border-bottom:1px solid #273a45;
height: 60px;
width: 100%;
top:60px;
left: 0;
margin-left: 0;
position: absolute;
z-index: 999;
}
#outer{
width:1000px;
margin-right:auto;
margin-left:auto;
}
#top_content{
position:absolute;
width:1000px;
height:60px;
top:0;
color:#fff;
}

#top_logo{
float:left;
height:20px;
width:151px;
margin:20px 0 0 0;
z-index:2100;
}

#top_menu{
list-style: none;
margin: 0;
padding: 0;
margin-left: 20px;
float: left;
}
#top_menu a{
color:#b3bec5;
}
#top_menu > li{
float:left;
padding: 0 10px 0 10px
}
#top_menu > li > img{
width:16px;
float:left;
margin:21px 5px 0 0;
}
#top_menu > li > a{
padding:0;
line-height:60px;
font-size:15px;
}
#top_menu_selected > a{
color:#fff !important;
}

#top_main_button{
float:right;
padding:10px;
font-size:12px;
line-height:12px;
border-radius:3px;
border:1px solid #fcc500;
background: #fcc500;
color:#000;
text-align:center;
display:block;
margin-top:13px;
cursor:pointer;
}

#dropmenu{
position: relative;
display: inline-block;
float: left;
z-index: 1001;
margin: 11px 10px 0 0;
height:50px;
}
#dropmenu_top{
font-size: 15px;
line-height: 17px;
height: 17px;
padding: 10px;
color: #b4bfc7;
cursor:default;
}
#dropmenu_top a{
color:#fff;
}
#dropmenu_top_icon{
float: left;
margin: -3px 8px 0 0;
width: 24px;
height: 24px;
}
#dropmenu_top_arrow{
float:right;
margin:5px 0 0 5px;
width:14px;
}
#dropmenu_cont{
background: #000;
position: absolute;
width: 425px;
display: none;
box-shadow: 0px 3px 6px -1px #141a1d;
/*border-top: 1px solid #232e33;*/
border-radius:5px 5px 5px 5px;
padding: 10px 0 9px 10px;
margin-top: 11px;
text-align:center;
margin-left: -171px;
}
#dropmenu_cont > div > span{
display:block;
line-height:19px;
font-size:15px;
margin-bottom:10px;
color:#fff;
}
#dropmenu_cont > div{
float: left;
margin-right: 10px;
}
#dropmenu_cont > div > div{
line-height: 19px;
font-size: 15px;
margin-bottom: 1px;
padding: 10px;
background: #fff;
text-align:left;
}
#dropmenu_cont > div  > div > img{
width:16px;
margin-right:5px;
float:left;
}
#dropmenu:hover > #dropmenu_cont{
display:block;
}

.top_item{
float:right;
height:60px;
line-height:60px;
margin-left:20px;
font-size:15px;
}

#middle{
overflow:hidden;
margin-bottom:20px;
margin-top:60px;
min-height:400px;
}

#colleft{
float:left;
display:inline;
margin-right:20px;
margin-top:30px;
width:335px;
}
#colright{
float:right;
display:inline;
margin-left:20px;
margin-top:30px;
width:335px;
}
#colcen{
float:right;
display:inline;
margin-top:30px;
width:645px;
}

.cont_top{
overflow:hidden;
font-weight:bold;
padding:0 0 5px 0;
margin:0 0 10px 0;
border-bottom:1px solid #D9D9D9;
color:#555555;
font-size:14px;
}
.cont{
border:1px solid #ddd;
overflow:hidden;
background:#fff;
margin-bottom:20px;
}
.cont_in{
overflow:hidden;
padding:15px;
border-radius: 5px 5px 5px 5px;
border-bottom:1px solid #ddd;
}
.cont_in h1{
font-size:18px;
display:block;
margin-bottom:3px;
}
.cont_in h2{
display:block;
margin-bottom:3px;
}
.cont_sep{
border-bottom:1px solid #e5e5e5;
}
.cont_title{
display:block;
margin-bottom:3px;
font-size:15px;
font-weight:bold;
}
.cont_description{
font-size:13px;
}
.cont_lineitem{
float:left;
margin-right:20px;
font-size:15px;
}
.cont_lineitem > img{
height:32px;
float:left;
margin-right:5px;
}
.cont_lineitem > div{
float:left;
}
.cont_lineitem span{
font-size:12px;
color:#999;
}

.boxc_top{
overflow:hidden;
border:1px solid #ddd;
background:#f6f6f6;
padding:15px;
font-size:14px;
}
.boxc{
overflow:hidden;
background:#fff;
border:1px solid #ddd;
border-top:0;
margin-bottom:12px;
text-align:left;
}
.boxc_in{
overflow:hidden;
padding:10px;
}
.boxc_list{
padding:10px 0 1px 10px;
}
.boxc_list > div{
line-height:18px;
font-size:15px;
margin-bottom:12px;
}
.boxc_list > span{
line-height:18px;
font-size:15px;
font-weight: bold;
margin-bottom:10px;
display:block;
}
.boxc_list > div > img{
width:16px;
height:16px;
margin-right:5px;
float:left;
}

.dropbox{
background:#fff;
border:1px solid #ccc;
border-left:3px solid #222;
text-align:left;
margin-bottom:10px;
}
.dropbox_top{
padding:15px 10px 15px 10px;
font-size:15px;
cursor:pointer;
}
.dropbox_top > div{
margin-bottom:3px;
font-size:13px
}
.dropbox_top > img{
float:right;
width:18px;
margin-top:3px;
}
.dropbox_cont{
display:none;
}
.dropbox_list{
padding:10px 0 1px 10px;
}
.dropbox_list > div{
line-height:18px;
font-size:15px;
margin-bottom:12px;
}
.dropbox_list > span{
line-height:18px;
font-size:15px;
font-weight: bold;
margin-bottom:10px;
display:block;
}
.dropbox_list > div > img{
width:16px;
margin-right:5px;
float:left;
}

.dropdown{
position: relative;
display: inline-block;
float: left;
z-index: 900;
}
.dropdown_top{
font-size: 15px;
line-height: 17px;
height: 17px;
padding: 10px;
background: #fff;
border: 1px solid #ddd;
border-left: 0;
cursor: default;
}
.dropdown_top img{
float:right;
margin:5px 0 0 5px;
width:14px;
height:14px;
}
.dropdown_cont{
background:#fff;
position:absolute;
width:100%;
display:none;
box-shadow: 0px 3px 6px -1px #777;
border-top:1px solid #e0e0e0;
padding:10px 0 0 10px;
}
.dropdown_cont > div > span{
display:block;
line-height:19px;
font-size:15px;
margin-bottom:10px;
}
.dropdown_cont > div{
float:left;
margin-right:30px;
}
.dropdown_cont > div > div{
line-height:19px;
font-size:15px;
margin-bottom:10px;
}
.dropdown_head{
line-height:22px;
font-size:15px;
padding:5px;
border-bottom:1px solid #e0e0e0;
background:#f9f9f9;
}
.dropdown_head a{
}
.dropdown:hover > .dropdown_cont{
display:block;
}
.dropdown_list > div{
margin-top:10px;
}
.dropdown_list{
margin:0 0 10px 10px;
max-height:282px;
overflow-y:auto;
}
.dropdown_prop > .dropdown_cont{
width: 150px;
}
.dropdown_cont > div  > div > img{
width:16px;
margin-right:5px;
float:left;
}

.dropscheme{
position: relative;
display: inline;
float:left;
margin-right:20px;
}
.dropscheme:hover > .dropscheme_cont{
display:block;
}
.dropscheme_top{
color:#53778c;
cursor:pointer;
}
.dropscheme_top img{
width:14px;
height:14px;
}
.dropscheme_cont{
background:#fff;
position:absolute;
width:200px;
display:none;
box-shadow: 0px 3px 6px -1px #777;
border-top:1px solid #e0e0e0;
padding:10px 0 0 10px;
z-index: 20;
}
.dropscheme_cont > div > span{
display:block;
line-height:19px;
margin-bottom:10px;
}
.dropscheme_cont > div{
float:left;
margin-right:30px;
}
.dropscheme_cont > div > div{
line-height:19px;
margin-bottom:10px;
}

.expert_image{
width:100px;
height:100px;
border-radius:50px;
margin-bottom:10px;
}

#footer{
overflow:hidden;
z-index:-1000;
background:#000;
width:100%;
font-size:15px;
color:#f9f9f9;
}
#footer a{
color:#ddd;
line-height:24px;
}
.footer_top{
background:#353c40;
width:100%;
}
.footer_top_content{
overflow:hidden;
margin:auto;
width:1000px;
padding:20px 0 20px 0;
}
.footer_content{
overflow:hidden;
margin:auto;
width:1000px;
padding:0 0 10px 0;
font-size:13px;
}
.footer_content_2{
overflow:hidden;
margin:auto;
width:1000px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #353c40;
}
.footer_content_2 a{
margin-right:20px;
}
.footer_column{
float:left;
margin-right:60px;
}
.footer_column_r{
float:right;
text-align:right;
margin-left:60px;
width:400px;
}
.footer_title{
font-size:15px;
margin-bottom:5px;
}
#footer_support{
font-size:15px;
line-height:18px;
margin-top:10px;
}
#footer_support>a{
color:#ddd;
font-size:15px;
}
#footerlogo{
width:100px;
height:13px;
float:left;
margin:5px 10px 0 0;
}

.form_input{
width:calc(100% - 22px);
margin-bottom:10px;
display:block;
background: #ffffff;
border: 1px solid #ccc;
padding: 10px;
color:#222;
font-size:15px;
border-radius:3px;
}
.form_button{
background:#036290;
padding:0 5px 0 5px;
height:26px;
font-size:15px;
color:#ffffff;
cursor:pointer;
}
.form_button_big{
background:#036290;
border:0;
padding:13px;
font-size:16px;
font-weight: bold;
text-align:center;
color:#fff !important;
border-radius:2px;
cursor:pointer;
display:block;
}

.success{
background:#4A833F;
color:#fff;
}
.error{
background:#B13D2E;
color:#fff;
}

.popbox{
display:none;
position:fixed;
top:75px;
left:50%;
margin-left:-200px;
width:400px;
height:auto;
z-index:10001;
overflow:auto;
background:#fff;
text-align:left;
box-shadow: #000 0px 0px 6px;
border-radius:4px;
}
.popbox_fade{
z-index:10000;
position:fixed;
top:0%;
left:0%;
width:100%;
height:100%;
background-color: #000;
opacity:.80;
}
.popbox_header{
overflow:hidden;
background:#F5F5F5;
border-bottom:1px solid #e9e9e9;
padding:15px;
color:#777;
font-size:15px;
border-radius:4px 4px 0 0;
}
.popbox_header img{
float:right;
cursor:pointer;
}
.popbox_content{
padding:20px;
}


#browseheader{
height:60px;
}

.browseheader_line{
padding-top: 20px;
overflow:hidden;
}
.browseheader_line > div{
margin-top:1px;
font-size:13px;
height:16px;
}
.browseheader_line h1{
font-size:18px;
font-weight:normal;
}
.browseheader_line > img{
float:left;
margin:1px 10px 0 0;
width:32px;
height:32px;
}

.browseheader_sub{
height:16px;
padding:10px 0 10px 0;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.browseheader_sub h2{
font-size:15px;
font-weight:bold;
}

#orderby{
float:right;
font-size:14px;
line-height:40px;
}
.orderby_item{
margin-left:10px;
display:inline;
}
.orderby_item_selected{
background:#eee;
padding:8px;
border-radius:6px;
}


#browselist{
overflow:hidden;
}
.browselist_cont{
width: 643px;
float: left;
background: #fff;
margin-bottom: 20px;
border-radius: 4px;
border: 1px solid #ddd;
padding: 0;
}
.browselist_thumb_cont{
float: left;
width: 310px;
height: 173px;
overflow: hidden;
position: relative;
background: #4f5558;
border-radius: 4px 0 0 4px;
}
.browselist_thumb img{
width:310px;
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
margin: auto;
filter: saturate(1.2);
}
.browselist_thumb img:hover{
filter: brightness(1.1);
}
.browselist_in{
overflow:hidden;
padding:15px;
}

.browselist_ltag{
border-radius: 3px;
position: absolute;
bottom: 10px;
left: 10px;
margin: auto;
z-index: 10;
background: #000;
color: #fff;
font-size: 13px;
padding: 5px;
opacity: 0.7;
}

.browselist_price{
float:left !important;
margin:0 !important;
}

.browselist_details{
font-size:15px;
color:#222;
background:#e4eaec;
border-bottom: 1px solid #eee;
}
.browselist_detail{
float:right;
margin-left:12px;
}
.browselist_detail > img{
float:right;
margin-left: 6px;
width:15px;
height:15px;
}
.browselist_title{
height: 22px;
font-size: 15px;
font-weight: bold;
padding-top: 10px;
}
.browselist_description{
font-size: 12px;
height: 28px;
overflow: hidden;
padding-bottom: 0;
padding-top: 4px;
color: #999;
}
.browselist_location{
overflow:hidden;
height:15px;
}
.browselist_location > div{
float:left;
margin-right:10px;
}
.browselist_location > div > img{
float:left;
width:13px;
height:13px;
margin:1px 3px 0 0;
}
.browselist_location a{
color:#888;
font-size:13px;
float:left;
}
.slider_nav_r{
width:30px;
position:absolute;
top:0;
bottom:0;
right:0;
margin: auto;
z-index:10;
cursor:pointer;
}
.slider_nav_l{
width:30px;
position:absolute;
top:0;
bottom:0;
left:0;
margin: auto;
z-index:10;
cursor:pointer;
}
.slider_nav_r > div{
font-size: 34px;
line-height: 34px;
text-align: center;
font-weight: bold;
color: #111519;
background: #fff;
border: 1px solid #ddd;
border-radius: 5px 0 0 5px;
height: 40px;
width: 30px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
user-select: none;
opacity:0.7;
}
.slider_nav_l > div{
font-size: 34px;
line-height: 34px;
text-align: center;
font-weight: bold;
color: #111519;
background: #fff;
border: 1px solid #ddd;
border-radius: 0 5px 5px 0;
height: 40px;
width: 30px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
user-select: none;
opacity:0.7;
}

#browselist_nav{
margin-top:20px;
margin-bottom:50px;
text-align:center;
}
#browselist_nav a{
background:#fff;
border:1px solid #7c8b94;
color:#7c8b94;
padding:15px;
margin-left:10px;
font-weight: bold;
border-radius:4px;
font-size:15px;
}

#browsefilter{
margin-top:11px;
width:1000px;
z-index:1000;
position:absolute;
}
#browsefilter > img{
float:left;
margin: 3px 10px 0 0;
}
#browsefilter h1{
font-size:18px;
font-weight:normal;
}