body,html{font-size:100%;height:100%;}
body{background:#fff;}
*{margin:0;padding:0;}
*,
*:after,
*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a:link{color:#f60;text-decoration:none;}
a:hover{color:#fc0;}

ul{list-style-type:none;}
.clear{clear:both;}
.blk5{height:40px;}
.bg{padding-top:0px;}
.container{height:100%;}
.bl-main{position:absolute;width:100%;height:100%;overflow:hidden;}
.hdbg{/*background:url(ad.png) no-repeat center 0;height:200px;width:100%;*/}
.header{position:relative;top:0;z-index:2;background:transition;height:30px;width:100%;}
.logo{margin:0 auto;text-align:center;width:300px;}
.logo a{display:block;zoom:1;background:url(/Public/Adb/layout/logo——.gif) no-repeat 0 0;height:55px;width:300px;background-size:300px 50px;}

.naver{background:transition;height:32px;line-height:32px;color:#333;text-align:right;font-size:12px;padding-right:15px}
.naver a{color:#333;text-decoration:none;}
.naver a:hover{text-decoration:none;}

.box{position:absolute;left:1%;top:7%!important;text-align:center;width:98%;overflow:hidden;}
/*a*/
.a{position:relative;display:inline-block;zoom:1;margin:0;padding:0;list-style-type:none;height:auto;width:38.4%;}
.a ul{text-align:center;}
.a li{display:inline-block;zoom:1;background:#fff url(/Public/Home/img/indicator_tiny_red.gif) no-repeat center center;height:auto;text-align:center;width:9%;color:#fff;overflow:hidden;}
@media screen and (-webkit-min-device-pixel-ratio:0){.a li{height:40px;}}
.a li img{height:100%;width:100%;display:block;}
.a li.blank{background:none;}

/*d*/
.d{position:relative;display:inline-block;zoom:1;margin:0;padding:0;list-style-type:none;height:auto;width:40.4%;}
.d ul{text-align:center;}
.d li{display:inline-block;zoom:1;background:#fff url(/Public/Home/img/indicator_tiny_red.gif) no-repeat center center;height:40px;width:9%;color:#fff;overflow:hidden;}
@media screen and (-webkit-min-device-pixel-ratio:0){/*.d li{height:40px;}*/}
.d li img{height:100%;width:100%;display:block;}
.d li.blank{background:none;}

@media screen and (min-width:1400px){
    .box{position:absolute;left:1%;top:10%!important;text-align:center;width:98%;overflow:hidden;}
    /*a*/
    .a{position:relative;display:inline-block;zoom:1;margin:0;padding:0;list-style-type:none;height:auto;width:38.4%;}
    .a ul{text-align:center;}
    .a li{display:inline-block;zoom:1;background:#fff url(/Public/Home/img/indicator_tiny_red.gif) no-repeat center center;height:60px;text-align:center;width:9%;color:#fff;overflow:hidden;}
    /*d*/
    .d{position:relative;display:inline-block;zoom:1;margin:0;padding:0;list-style-type:none;height:auto;width:40.4%;}
    .d ul{text-align:center;}
    .d li{display:inline-block;zoom:1;background:#fff url(/Public/Home/img/indicator_tiny_red.gif) no-repeat center center;height:60px;width:9.5%;color:#fff;overflow:hidden;}
}

@media screen and (max-width:1400px){
    .box{position:absolute;left:1%;top:7%!important;text-align:center;width:98%;overflow:hidden;}
    /*a*/
    .a{position:relative;display:inline-block;zoom:1;margin:0;padding:0;list-style-type:none;height:auto;width:38.4%;}
    .a ul{text-align:center;}
    .a li{display:inline-block;zoom:1;background:#fff url(/Public/Home/img/indicator_tiny_red.gif) no-repeat center center;height:46px;text-align:center;width:9%;color:#fff;overflow:hidden;}
    /*d*/
    .d{position:relative;display:inline-block;zoom:1;margin:0;padding:0;list-style-type:none;height:auto;width:40.4%;}
    .d ul{text-align:center;}
    .d li{display:inline-block;zoom:1;background:#fff url(/Public/Home/img/indicator_tiny_red.gif) no-repeat center center;height:46px;width:9%;color:#fff;overflow:hidden;}
}

.about-layer-container img{max-width: 100%}
/*about*/
.about-layer{position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.9); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.about-layer.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.about-layer-container{position: relative; width: 90%; max-width:600px; margin: 15% auto 0;  background: #FFF; border-radius: .25em .25em .4em .4em; text-align: left; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s;padding:2em 2em;}
.about-layer-container p{line-height:2.2em;}
.about-layer-container .about-layer-close{position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;text-indent:-999em;font-size:14px;overflow:hidden;}
.about-layer-container .about-layer-close::before, .about-layer-container .about-layer-close::after{content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
.about-layer-container .about-layer-close::before{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
.about-layer-container .about-layer-close::after{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
.is-visible .about-layer-container{-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

@media screen and (max-width:920px){
	.header{position:relative;top:0;z-index:2;height:auto;width:100%;}
	.logo{margin:0 auto;text-align:center;width:260px;}
	.logo a{display:block;zoom:1;background:url(/Public/Adb/layout/logo.gif) no-repeat 0 0;height:45px;width:300px;background-size:260px 45px;}
	.box{top:2%!important;}
	/*a*/
	.a li{width:8.5%;height:27px}
	/*r*/
	.d li{width:10%;height:27px}
	.about-layer-container{width: 98%; max-width:600px; margin: 0 auto;margin-top:15%;padding:2em 2em;}
}

@media screen and (min-width:320px) and (max-width:480px){
    .header{position:relative;top:0;z-index:2;height:auto;width:100%;}
	.box{top:25px!important;}
	.bl-main{overflow:visible;}

	/*a*/
	.a{position:relative;display:block;zoom:1;margin:30px auto;padding:0;list-style-type:none;height:auto;width:98%;}
	.a li{width:7%;height:26px}
	.a li.blank2{background:none;width:3%;overflow:hidden;}
	.a li.blank3{background:none;width:2%;overflow:hidden;}

	/*d*/
	.d{position:relative;display:block;zoom:1;margin:30px auto;padding:0;list-style-type:none;height:auto;width:98%;}
	.d li{width:9%;height:26px}

	.about-layer-container{width: 98%; margin: 0 auto;margin-top:25%;padding:2em 2em;}

}
.lb-dataContainer{position: relative}
.lb-dataContainer .buy-btn{position: absolute;top:-70px;right:5px;z-index: 9999;}



.lb-image{max-height:512px!important;}