@charset "utf-8";

/**/
#blind{position:absolute;z-index:99998;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.5)}
#rsleft{display:none;position:absolute;z-index:99999;top:0px;left:0px;width:260px;min-height:1000px;background:#111;overflow-x:scroll; z-index:1001;}
#rsleft .titlem{height:50px;border-bottom:0px solid #1a98d5;background:#242424;overflow:hidden;padding:10px 0 0 10px;color:#fff;}

#rsleft .titlem a { color: #fff; }

#rsleft .titlem a i{display:block;font-size:20px;color:#A20133}
#rsleft .titlem a span{display:block;font-size:12px;color:#A20133}
#rsleft .titlem p {padding:6px 0 0 0;font-size:24px;font-weight: bold;color:#fff;}
#rsleft .menu{background:#A20133; overflow:hidden}
#rsleft .menu a{float:left;display:block;position:relative;padding:15px 0;width:33.33%;line-height:20px;text-align:center}
#rsleft .menu a:before{content:"";position:absolute;top:0;right:0;width:1px;height:70px;background:#A20133}
#rsleft .menu a i{display:block;font-size:20px;color:#fff}
#rsleft .menu a span{display:block;font-size:12px;color:#fff}
#rsleft .depth1{display:block;position:relative;padding:0 15px;line-height:38px;font-size:13px;color:#fff;border-bottom:1px solid rgba(255,255,255,0.1);transition:all 0.2s ease-out 0s}
#rsleft .depth1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px}
#rsleft .depth1 span{font-style:normal;color:#ffa800}
#rsleft .depth1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px}
#rsleft .depth1 i{display:block;float:right;margin:10px 5px 0 0;font-size:18px;color:#fff;transition:all 0.2s ease-out 0s}
#rsleft .depth1.sel{color:#fff;border-bottom:1px solid #7a7a7a;background:#777}
#rsleft .depth1.sel em{background:url(/web/seomun/img/common/minus.png) no-repeat 50% 50%;background-size:11px 3px}
#rsleft .depth1.sel i{color:#000;transform:rotate(180deg);transition:all 0.2s ease-in-out 0s}
#rsleft .depth2{display:none;background:#373737}
#rsleft .depth2 a{display:block;padding:0 20px;line-height:35px;font-size:13px;color:#fff;border-bottom:0px solid #596170;text-decoration:none}
#rsleft .depth2 a.sel{color:#81c341}
#closeleft{position:fixed;z-index:99999;left:200px;top:10px}
#closeleft:before{content:"\e870";display:block;width:50px;line-height:50px;font-size:24px;font-family:Linearicons-Free;color:#777;text-align:center;transform:rotate(180deg);transition:all 0.2s}
#closeleft:before:hover{transform:rotate(-180deg)}

#quick{position:absolute;z-index:1000;top:240px;left:50%;margin-left:-760px;width:140px;transition:all 0.3s}
#today{position:absolute;z-index:1000;top:240px;right:50%;margin-right:-720px;width:140px;transition:all 0.3s}
#quick.quick_main{top: 1010px}
#quick.quick_mobile_left {display:none;}
#today.quick_main{top: 1010px}

#main #quick.fixed,
#main #today.fixed{position:fixed;top:120px}
/**/
#quick a{display:block;position:relative}
#quick img{max-width: 100%; width:100%;}
#quick.fixed{position:fixed;top:120px}
#today #stv{min-height:500px;border:1px solid #ccc;border-top:0;background:#fff}
#today #stv .stv_item{padding:10px 0;text-align:center;border-bottom:1px solid #ccc}
#today #stv .prd_img{padding:0 0 5px 0}
#today #stv .prd_name{padding:0 5px;font-size:12px;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#today #stv .prd_cost{padding:0 5px;font-size:11px}
#today #stv .li_empty{padding:0 5px;font-size:12px;text-align:center}
#today #stv_ul{padding:20px 0}
#today #stv_pg{position:absolute;bottom:0;left:0;width:100%;line-height:30px;background:#f3f3f3}
#today #up{z-index:10;height:30px}
#today #down{z-index:10;height:30px}
#today.fixed{position:fixed;top:20px}



@media all and (min-width:1181px) {  /* pc  */
	html,body{background:#fff}
	#rsplay{width:100%;height:100%}
	#rsplay .bboard{min-height:590px}
	#rsplay .wrap{position:relative;margin:0 auto;width:1200px;*zoom:1}
	#rsplay .wrap:before,
	#rsplay .wrap:after{clear:both;display:table;content:"";line-height:0}
	#rsplay .latest_wr{position:relative;margin:20px auto;width:1200px;*zoom:1}
	#rsplay .latest_wr:before,
	#rsplay .latest_wr:after{clear:both;display:table;content:"";line-height:0}

	/**/
	#header{position:relative;z-index:1000;transition:all 0.4s ease-in-out}
	#header { height: 150px; }
	#header .top{position:relative;z-index:1050;height:30px;border-bottom:1px solid #eee;background:#fff}
	#header .header{position:relative;z-index:1040;height:100px;background:#232323}
	#header .wrap h1{position:absolute;z-index:1050;top:11px;left:0;margin-top:0;opacity:1;transition:all 0.4s ease-in-out}
	#header .wrap button{display:none}
	#header .lnb,
	#header .lib{margin-top:0;opacity:1;transition:all 0.4s ease-in-out}
	#header .lib{float:left;margin-left:-10px}
	#header .lib ul{overflow:hidden}
	#header .lib li{float:left;margin-right:1px}
	#header .lib li a{display:block;padding:0 12px;line-height:30px;font-size:13px;font-weight:300;color:#333}
	#header .lib li a:hover,
	#header .lib li.sel a{color:#000;background:#dbdbdb}
	#header .lnb{float:right;margin-right:-10px}
	#header .lnb ul{overflow:hidden}
	#header .lnb li{float:left}
	#header .lnb li a{display:block;padding:0 10px;line-height:30px;font-size:12px;font-weight:300;color:#333}
	#header .lnb li a:hover{color:#000;background:#dbdbdb}
	#header .lnb .mlose{display:none}

	#header .searchbox{position:relative;margin:26px auto;width:220px}
	#header .searchbox input{float:left;padding:0 10px;width:100%;height:40px;line-height:40px;font-size:14px;border:none;border-bottom:1px solid #ddd;background:#232323;color: #fff}
	#header .searchbox button{position:absolute;top:0;right:0;display:block;width:40px;height:40px;border:0;background:none}
	#header .searchbox button i{font-size:17px;font-weight:700;color:#fff}
	#header .telephone{position:absolute;top:32px;right:0;text-align:right}
	#header .telephone .tit{position:relative;padding:0 10px;font-size:18px;font-weight:400;letter-spacing:-1px;color:#fff;vertical-align: middle}
	#header .telephone .phone{font-size:32px;font-family:"Arial", "sans-serif";font-weight:600;color:#fff;vertical-align: middle}
	#header .telephone .time{display:none !important;padding:2px 10px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#333;border-radius:30px}
	#header.fixed{position:fixed;top:-35px;border-bottom:1px solid #aaa;box-shadow:0px 2px 0px rgba(0,0,0,0.07)}
	#header.fixed .lnb,
	#header.fixed .lib{margin-top:-10px;opacity:0}

	#footer .phone{display:none !important}
	#footer .gotop{position:fixed;z-index:90000;bottom:60px;right:20px;display:none}
	#footer .gotop a{display:block;width:50px;height:50px;line-height:50px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#676767;overflow:hidden}

	/**/
	#visual{position:relative;overflow:hidden}
	#visual ul li{text-align:center}
	#visual ul li img{display:inline-block;width:auto;max-height: 600px; min-height: 600px;height:auto;
					margin:0 auto !important;}
	#visual .bx-viewport{z-index:10}
	#visual .bx-controls-direction a{position:absolute;top:50%;z-index:500;display:block;margin-top:-30px;width:60px;height:60px;font-size:1px;font-family:Linearicons-Free;text-align:center;transition:all 0.3s}
	#visual .bx-controls-direction a:hover{z-index:200}
	#visual .bx-controls-direction a:before{position:absolute;top:0;display:block;width:60px;height:60px;border-radius:50%;line-height:62px;font-size:18px;font-weight:800;color:#000;background:#f7f7f7;transition:all 0.3s}
	#visual .bx-controls-direction a:hover:before{color:#fff;background:#A20133}
	#visual .bx-controls-direction a.disabled{display:none}
	#visual .bx-prev{left:10px}
	#visual .bx-prev:before{content:"\e875";}
	/* #visual .bx-prev:before{content:"\e875";border-top-right-radius:60px;border-bottom-right-radius:60px} */
	/* #visual .bx-prev:hover{left:-0px} */
	#visual .bx-next{right:10px}
	#visual .bx-next:before{content:"\e876";}
	/* #visual .bx-next:before{content:"\e876";border-top-left-radius:60px;border-bottom-left-radius:60px} */
	/* #visual .bx-next:hover{right:-0px} */
	#visual .bx-pager{position:absolute;z-index:100;top:85%;left:0;width:100%;text-align:center}
	#visual .bx-pager-item{display:inline;margin-right:5px}
	#visual .bx-pager-item a{display:inline-block;width:50px;height:20px;border-bottom:1px solid #fff;text-indent:-9999em;overflow:hidden;transition:all 0.3s ease-in-out}
	#visual .bx-pager-item a.active{width:50px;height:20px;border-bottom:4px solid #f39800;transition:all 0.3s ease-in-out}




}

@media all and (min-width:891px) and (max-width:1180px) {
	#footer .favorite{position:fixed;z-index:90000;bottom:55px;right:0;width:20%;display:none}
	#footer .line{position:absolute;top:65px;left:0;display:block;width:100%;height:1px;background:#929294}
	#footer .phone{position:fixed;z-index:90000;bottom:0;left:0;width:80%;overflow:hidden;display:none}
	#footer .phone a{float:left;display:block;padding:0 10px;height:50px;line-height:50px;font-size:14px;font-weight:400;text-align:center;box-sizing:border-box;overflow:hidden}
	#footer .phone .ph1{color:#fff;background:#A20133;width:33%;}
	#footer .phone .ph2{color:#1d1d1d;background:#fcce00;font-weight: 700;width:33%;}
	#footer .phone .ph3{color:#fff;background:#555;font-weight: 700;width:34%;}
	#footer .gotop{position:fixed;z-index:90000;bottom:0;right:0;width:20%;display:none}
	#footer .gotop a{display:block;height:50px;line-height:50px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#000;overflow:hidden}

	/**/
	#visual{position:relative;overflow:hidden}
	#visual ul li img{display:block;width:auto;max-width:100%;height:auto}
	#visual .bx-viewport{z-index:10}
	#visual .bx-controls-direction a{position:absolute;top:50%;z-index:500;display:block;width:50px;height:50px;font-size:1px;font-family:Linearicons-Free;text-align:center;transition:all 0.3s}
	#visual .bx-controls-direction a:hover{z-index:200}
	#visual .bx-controls-direction a:before{position:absolute;top:-30px;display:block;width:50px;height:50px;border-radius:50%;line-height:53px;font-size:18px;font-weight:800;color:#000;background:#f7f7f7;transition:all 0.3s}
	#visual .bx-controls-direction a:hover:before{color:#fff;background:#A20133}
	#visual .bx-controls-direction a.disabled{display:none}
	#visual .bx-prev{left:10px}
	#visual .bx-prev:before{content:"\e875";}
	/* #visual .bx-prev:before{content:"\e875";border-top-right-radius:60px;border-bottom-right-radius:60px} */
	/* #visual .bx-prev:hover{left:-0px} */
	#visual .bx-next{right:10px}
	/* #visual .bx-next{right:-20px} */
	#visual .bx-next:before{content:"\e876";}
	/* #visual .bx-next:before{content:"\e876";border-top-left-radius:60px;border-bottom-left-radius:60px} */
	/* #visual .bx-next:hover{right:-0px} */
	#visual .bx-pager{position:absolute;z-index:100;top:85%;left:0;width:100%;text-align:center}
	#visual .bx-pager-item{display:inline;margin-right:5px}
	#visual .bx-pager-item a{display:inline-block;width:50px;height:20px;border-bottom:1px solid #fff;text-indent:-9999em;overflow:hidden;transition:all 0.3s ease-in-out}
	#visual .bx-pager-item a.active{width:50px;height:20px;border-bottom:4px solid #f39800;transition:all 0.3s ease-in-out}

	/**/
	#quick,
	#today{display:none}

}

@media all and (max-width:890px) {
	#footer .favorite{position:fixed;z-index:90000;bottom:55px;right:0;width:20%;display:none}
	#footer .phone{position:fixed;z-index:90000;bottom:0;left:0;width:80%;overflow:hidden;display:none}
	#footer .phone a{float:left;display:block;padding:0 10px;width:50%;height:50px;line-height:50px;font-size:14px;font-weight:400;text-align:center;box-sizing:border-box;overflow:hidden}
	#footer .phone .ph1{width:33%;color:#fff;background:#A20133;padding:0 1px; font-weight: bold;}
    #footer .phone .ph2{width:33%;color:#1D1D1D;background:#FCCE00;font-weight:700}
	#footer .phone .ph3{width:34%;color:#fff;background:#555}
	#footer .gotop{position:fixed;z-index:90000;bottom:0;right:0;width:20%;display:none}
	#footer .gotop a{display:block;height:50px;line-height:50px;font-size:12px;font-weight:400;text-align:center;color:#fff;background:#000;overflow:hidden}

    /**/
	#visual_mobile{position:relative;overflow:hidden}
	#visual_mobile ul li img{display:block;width:100%;max-width:100%;height:auto}
	#visual .bx-viewport{z-index:10}
	#visual_mobile .bx-controls-direction a{position:absolute;top:50%;z-index:500;display:block;margin-top:-20px;width:40px;height:40px;font-size:1px;font-family:Linearicons-Free;text-align:center;transition:all 0.3s}	
	#visual .bx-controls-direction a:hover{z-index:200}
	#visual_mobile .bx-controls-direction a:before{position:absolute;top:0;display:block;width:40px;height:40px;border-radius:50%;line-height:42px;font-size:13px;font-weight:800;color:#000;background:#f7f7f7;transition:all 0.3s}
	#visual_mobile .bx-controls-direction a:hover:before{color:#fff;background:#A20133}
	#visual_mobile .bx-controls-direction a.disabled{display:none}
	#visual_mobile .bx-prev{left:10px}
	#visual_mobile .bx-prev:before{content:"\e875";}
	#visual_mobile .bx-next{right:10px}
	#visual_mobile .bx-next:before{content:"\e876";}
	#visual_mobile .bx-pager{z-index:100;top:85%;left:0;width:100%;text-align:center;padding: 7px 0 5px;}
	#visual_mobile .bx-pager-item{display:inline;margin-right:5px;width: 20px;height: 30px;margin:4px;}
	#visual_mobile .bx-pager-item a{border-radius: 50%; width: 8px;height: 8px;display:inline-block;background-color : #ddd;text-indent:-9999em;overflow:hidden;transition:all 0.3s ease-in-out}
	#visual_mobile .bx-pager-item a.active{background-color : #f39800;transition:all 0.3s ease-in-out}

	/* #visual .bx-prev:before{content:"\e875";border-top-right-radius:60px;border-bottom-right-radius:60px} */
	/* #visual .bx-prev:hover{left:0} */
	/* #visual .bx-next:before{content:"\e876";border-top-left-radius:60px;border-bottom-left-radius:60px} */
	/* #visual .bx-next:hover{right:0} */

	#aside{position:absolute;top:233px;right:-170px;width:150px}
	#quick,
	#today{display:none}
	#quick.quick_mobile_left {display:block;}
	#quick{position:fixed;z-index:1000;top:unset !important; bottom:60px;left:0;width:75px;margin-left:5px;transition:all 0.3s}
	#quick a{display:block;position:relative}
	#quick img{max-width: 100%; width:100%;}
}