* { padding: 0; margin: 0; }
html, body { height: 100%; }
html, body { margin: 0; padding: 0;}
body {background-image: url(/resources/img/businesssitelist/bsl-bg.png);background-repeat:no-repeat; background-position: top center;background-color: #030007;}
a,html, body {text-decoration:none; font-family:Montserrat;}
img{max-width:100%;}
img{border:0;vertical-align:middle;}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{background:transparent;}
a:active,a:hover{outline:0;}
li {list-style: none;}
img{border:0;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img{vertical-align:middle;}
.clearfix:before,.clearfix:after{display:table;content:" ";}
.clearfix:after{clear:both;}


/*-------------------------- global --------------------------*/
::-webkit-scrollbar{width:6px;height:4px;background-color:transparent;overflow-y:scroll;}
::-webkit-scrollbar-track{background-color:transparent;}

.BSL-FULL ul li.item,
.item_content,
.BSL-CATE-CON .BSL-CATE-desc,
.BSL-CATE-desc ul,
.BSL-DET-left img,
.detail_button,
::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb,
.item_content ol > li:hover,
.BSL-CATE-container,
.BSL-CATE-container .desc,
.BSL-DET-content,
article,
.BSL-DET-FORM dl dd .Send,
.BSL-DET-FORM dl dd input, 
.BSL-DET-FORM dl dd textarea,
.BSL-CATE-image img
{border-radius: 0;}

.BSL-CATE-desc,
.BSL-CATE-container,
.BSL-FULL ul li.item,
.item_content,
.BSL-CATE-desc ul,
.BSL-CATE-container .desc,
.BSL-DET-content
{padding:5px;}


::-webkit-scrollbar-thumb,
.item_content ol > li:before,
.BSL-FOOT,
.BSL-CATE-title .link:before,
.bt1,
.BSL-DET-FORM dl dd .Send
{background-color: #292d38;}

.BSL-DET-right h3,
.BSL-DET-right .BSL-DET-text-holder,
.BSL-DET-TMENU .BSL-DET-menubut i,
.BSL-DET-TMENU ul,
#BSL-DET-menubox dd li a
{color: #4a7acc;}

.BSL-FULL ul li.item h5 a,
body,
.BSL-CATE-title .link,
.item_content ol > li:before,
.BSL-FOOT ul h2,
.BSL-FOOT ul h3,
.BSL-FOOT ul h4,
.BSL-FOOT ul li,
.detail_button,
.item_content ol > li i,
.item_content ol > li:hover a, 
.item_content ol > li:hover i,
.BSL-DET-FORM dl dd .Send,
.BSL-CATE-short_desc,
.BSL-CATE-desc,
.BSL-DET-content,
.BSL-DET-right h2,
.BSL-DET-head,
.BSL-CATE-title .link:before,
.BSL-DET-FORM dl dt
{color: #fff;}


.item_content ol > li a,
.item_content ol > li i,
.BSL-FOOT ul p,
footer ul a,
footer ul,
.like h4
{color: #666;}

.BSL-FULL ul li.item,
.item_content ol > li:hover,
.BSL-CATE-container,
.BSL-CATE-desc,
.BSL-DET-content,
.BSL-DET-TMENU ul
{background-color: #000;}

.item_content,
.BSL-CATE-container .desc,
.BSL-CATE-desc ul,
article
{background-color: #16161b;}

.BSL-CATE-title .link:before,
.item_content ol > li:before
{border-radius: 0;}

.BSL-DET-content,
.BSL-CATE-CON
 {width: 1280px;}

.BSL-DET-TMENU {display: none;}
.top { height: 290px;}
.top ul {max-width: 1200px; margin:0 auto;position: relative;padding: 0;}
.top ul .topGirl {position: absolute; top:-40px;left: 15px;z-index: -1;}
.top ul .logo2{ width: 100%;height: auto;}
.top ul .logo2 img{ width: 100%;}

.masonry,
.BSL-CATE-CON,
.BSL-DET-content
 {position:relative;margin: 0 auto 50px auto;padding: 20px;background-color: #212121;border-radius: 0;box-shadow: 0 0 20px #0060ff; }

 #BSL-DET-menubox dd li { line-height: 40px; text-align: left; border-bottom: 1px solid #1f1f1f;}

/*-------------------------- home --------------------------*/
.BSL-FULL{margin: 0 auto;}
.BSL-FULL ul li.item{float: left;width: 284px;margin:15px;position: relative;overflow: hidden;}
.BSL-FULL ul li.item h5 {padding: 0; margin: 0; text-align: left; text-indent:8px; margin-top: -5px;}
.BSL-FULL ul li.item h5 a {font-weight: bold; font-size: 16px;line-height: 40px; height: 40px;}
.item_content {line-height: 30px;}
.item_content ol { counter-reset: li; margin: 0;padding: 0; max-height: 310px;overflow-y: auto;}
.item_content ol > li {position: relative; list-style: none;padding-left: 35px;}
.item_content ol > li:before {content: counter(li);counter-increment: li;font-size: 9pt; line-height:20px; padding:0; position: absolute; top: 0.4em; left:5px; text-align: center; width:20px; height: 20px;}
.item_content ol > li i { position: absolute;right: 10px;top: 1px;}
.item_content ol > li a { font-size: 14px;}

/*-------------------------- category --------------------------*/
.BSL-CATE-desc{position:absolute;right: 1%;width:48%; will-change: transform;}
.BSL-CATE-desc ul {overflow-y:auto;height:420px;}

.BSL-CATE-wrapper{font-size:0;padding:0px;text-align:center;margin:0 0 0 0%;counter-reset:number;}
.BSL-CATE-container{float: left;vertical-align:top;width:23%;margin:0px 1% 30px 1%;font-size:14px;position:relative;min-height: 420px;}
.BSL-CATE-container:hover{text-decoration:none;}

.BSL-CATE-title{position:relative;text-align:left;top:0px;padding-left: 30px;margin-top: 5px;}
.BSL-CATE-title .link{font-weight:bold;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:15px;margin-bottom: 10px;}
.BSL-CATE-title .link:before{counter-increment:number;content:counter(number) "";margin:0 1px 0 0;font-size: 9pt;line-height: 20px;padding: 0;position: absolute;top: 0;left: 5px;text-align: center;width: 20px;height: 20px; font-weight: 100;}

.BSL-CATE-image{position:relative;padding-bottom:100%;padding-bottom:calc(100% - 2px);overflow:hidden;}
.BSL-CATE-image img{height:100%;width:100%;position:absolute;z-index:1;top:0;left:0;transition:transform 300ms;}
.BSL-CATE-image img:active{box-shadow:0px 1px 5px #000 inset;}
.BSL-CATE-image .lazyloaded{opacity:1;-webkit-transition:opacity 250ms, transform 300ms;transition:opacity 250ms, transform 300ms;}

.BSL-CATE-short_desc{text-align:left;font-size:14px;padding: 0;margin: 8px 0;letter-spacing:-0.1px;text-overflow:ellipsis;word-wrap:break-word;line-height:1.3em;-webkit-box;overflow: hidden; white-space: normal !important;text-overflow: ellipsis; word-wrap: break-word;-webkit-line-clamp: 5; -webkit-box-orient: vertical;height: 100px; line-height: 20px;}


/*-------------------------- detail --------------------------*/
.BSL-DET-head { padding: 0 15px 15px 15px;font-weight: bold;}
article { display:inline-block;width: 100%; padding: 10px;}
.BSL-DET-left, .BSL-DET-right { display:inline-block; float: left;}
.BSL-DET-left {width: 50%;}
.BSL-DET-right {padding-left: 15px; width:calc(50% - 15px);}
.BSL-DET-left img {max-width: 100%; margin-bottom: 10px;}
.BSL-DET-right h2 { font-size: 30px;}
.BSL-DET-right h3 {line-height: 40px;}
.BSL-DET-right .BSL-DET-text-holder { max-height: 300px;overflow-y: auto;}

.like,.like h4 {margin: 10px 0;}
.detail_button {display: block;line-height: 50px; height: 50px;text-align: center;font-size: 16px;}
.bt2 { background-color: #2F2F2F;margin-bottom: 10px;}
.bt2:hover {background-color: #030303;}

/*-------------------------- contact --------------------------*/
.BSL-DET-FORM dl {margin: 15px 0;}
.BSL-DET-FORM dl dt {width: 200px;float: left;text-align: right; padding-right: 10px; display: inline-block;line-height: 34px;}
.BSL-DET-FORM dl dd {display: inline-block;width: auto;}
.BSL-DET-FORM dl dd input, .BSL-DET-FORM dl dd textarea {border: 1px solid #EAEAEA;line-height:24px;padding: 5px;font-family: verdana;width: 100%;}
.BSL-DET-FORM dl dd .Send {display: inline-block; width: auto;padding: 5px 15px; cursor: pointer;}

/*-------------------------- footer --------------------------*/
.BSL-FOOT {padding: 40px 0;}
.BSL-FOOT ul { width: 1280px;margin: 0 auto;}
.BSL-FOOT ul li {list-style: none;margin-bottom: 20px;}
footer {background-color: #000;}
footer ul {width: 1300px;margin: 0 auto;text-align: center; padding: 20px 0;}



@media screen and (max-width: 1024px){
    .BSL-cont{width: 97%;margin: 0 auto;}
}
@media screen and (max-width: 980px){
	.BSL-cont{width: 95%;margin: 0 auto;}
}
@media screen and (max-width: 720px){
	.BSL-cont{width: 94%;margin: 0 auto;}
}
@media screen and (max-width: 480px){
	.BSL-cont{width: 100%;}
}
@media screen and (max-width: 380px){
	.BSL-cont{width: 240px;}
}

@media (max-width: 1350px) {
    .BSL-cont{width: 100%; margin: 0;}
    .BSL-FOOT article {width: calc(100% - 40px) !important;margin: 0;padding: 20px;}
    footer ul { width: calc(100% - 40px)!important; margin: 0;text-align: center; padding: 20px; }
    .BSL-FOOT ul { width: calc(100% - 40px)!important;padding:0 20px;margin: 0 auto;}
    .BSL-CATE-CON { width: 96%;}
    .BSL-DET-content { width: 96%; }
}

@media (max-width: 1300px){
    .BSL-CATE-desc{position:relative;right:0;width:98%;margin: 0 auto 10px auto;}
    .BSL-CATE-desc ul {height: 285px;}
    .link-content{position:relative;}
    .BSL-CATE-container{min-height:auto;}
}
@media (min-width: 1300px){
    .BSL-CATE-CON .BSL-CATE-wrapper:not(.BSL-CATE-wrapper_related) .BSL-CATE-container:nth-child(2){margin-right:51%;}
}
@media (max-width: 1000px){
    .BSL-CATE-container{width:31%;}
}
@media (min-width: 950px) {
    .top ul .logo {margin-top:50px; text-align: center;}
    .top ul .logo2{ display: none; }
}
@media (max-width: 950px) {
    .top ul .logo { display: none;}
    .top ul .topGirl { display: none; }
    .top ul .logo2{display:block;}
}
@media screen and (max-width: 640px){
.BSL-CATE-CON .BSL-CATE-desc{padding:5px;margin-bottom:0px;}
}
@media screen and (max-width: 768px){
    .BSL-CATE-desc{will-change:transform;}
}
@media screen and (min-width: 769px){
.lazyloaded{transform:scale(1);-webkit-transition:transform 250ms;transition:transform 250ms;}
}
@media (max-width: 760px){
    .BSL-CATE-container{width:48%;}
}
@media (max-width: 700px) {
    .BSL-DET-content {width: 90%; margin: 0 auto 40px auto;}
    .BSL-DET-left, .BSL-DET-right { display:block; float: none;width: 100%; }
    .BSL-DET-right { padding-left: 0; margin-top: 15px; }
}

@media (max-width: 700px) {
    .masonry {margin-top: -40px;}
    .top { height: auto;padding-top: 60px;}
    .BSL-DET-TMENU {display: block !important;background-color: #000;height: 60px;position:fixed;z-index: 999999999; width: 100%;}
    .BSL-DET-TMENU .BSL-DET-menubut { background-color: #000;height: 60px;width: 60px;display: block;}
    .BSL-DET-TMENU .BSL-DET-menubut i {font-size: 20px; line-height: 60px; margin-left: 20px;}
    .BSL-DET-TMENU ul {width:100%;height:800PX;overflow-y: auto;position: absolute;top: 60PX;left: 0;z-index: 999999999;padding: 20px 0;}
    #BSL-DET-menubox dd { padding: 0 20px;}
    #BSL-DET-menubox dd li { line-height: 40px; text-align: left;}

}
@media (min-width: 701px) {
}
@media (max-width: 640px){
.BSL-CATE-container{width:100%;}
.BSL-CATE-CON .BSL-CATE-desc{position:relative;right:0;width:98%;margin: 0 auto 10px auto;}
}
@media (max-width: 520px){
.BSL-CATE-wrapper{margin:0;}
.BSL-CATE-container{width:96%;margin:0px 2% 15px 2p%;}
.BSL-CATE-title .link{font-size:13px;}
}
@media screen and (max-width: 530px){
.link-content{padding:15px 0;}
}


