textarea:focus, input:focus, select:focus{ outline: none; }
.cent-mid {
    display: flex;
    align-items: center;
    justify-content: center;
}
.imgmax{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
img.mid-max {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
img.imgmid{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
a{ text-decoration:none; }
a:hover{ text-decoration:underline; }
.clr{clear:both;}.fltl{float:left;}.fltr{float:right;}
.txt-dots{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.txt-cent{ text-align: center; }
.crsr-p{cursor:pointer;}.crsr-no{cursor: default;}
.lk-44{color:#444;}
.lk-inh{ color:inherit; }
.lk-inh:hover{ color:inherit; }
.lk-065{ color:#0654ba; }
.lk-065:hover{ color:#0654ba; }
.lk-212 {color: #212529;}
.lk-212:hover{color: #212529;}
.lk-blk212{
	color:#212529;
}
.lk-blk212:hover{
	color:#212529;
	text-decoration:underline;
}
.clr-007{ color:#0076C1; }
.clr-ccc{ color:#cccccc; }
.clr-a94{ color:#a94442; }
.bod-all{
	position:relative;
	height:100vh;
}
.no-ovrflw{ overflow:hidden; }
.hgt100{height:100%;}
.h0{ padding:0;margin:0; }
.txt-err{ color: #a94442;font-size: 14px; }
.clr-err{ color: #a94442!important; }
.bx-shadow-grey{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
	-moz-box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
	box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
}
.bold-txt{font-weight:700 !important;}
.pos-abs{position:absolute;}.pos-rel{position:relative;}
.top-m1{top:-1px;}.top-m2{top:-2px;}.top-m3{top:-3px;}.top-m4{top:-4px;}.top-m5{top:-5px;}.top-m6{top:-6px;}
.top-p1{top:1px;}.top-p2{top:2px;}.top-p3{top:3px;}.top-p4{top:4px;}.top-p5{top:5px;}.top-p6{top:6px;}
.notif-danger{color:#a94442;}
.notif-success{color:green;}
.gen-bd{
	background-color: #fff;
}
.gen-mid{
	margin: 0 auto;
    max-width: 1300px;
    padding: 1px 10px;
}
.gen-bx{
    border: 1px solid #dee2e6;
    background-color: #fff;
    padding: 10px;
}
.glob-news-box{
	height:50px;
	width:100%;
	max-width:350px;
	border:1px solid #ccc;
	position:fixed;
	/*right:20px;*/
	right: -350px;
	top:13%;
	background:#fff;
	padding:6px 0 6px 8px;
	transition: 0.6s;
	z-index:500;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
	box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
}	
.glob-news-box-icn{
	float:left;
	height:100%;
	width:50px;
	border-left:3px solid #007BC3;
	display: flex;
	align-items: center;
	justify-content: center;		
}
.glob-news-box-icn-txt{
	height:22px;
	width:25px;
	background-color:#007BC3;	
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight:600;
}	
.glob-news-box-wait{
	float:left;
	height:100%;
	width:50px;
	border-left:3px solid #007BC3;
	display: flex;
	align-items: center;
	justify-content: center;		
}
.glob-news-box-msg{
	float:left;
	height:100%;
	width:calc(100% - 80px);
}
.glob-news-box-msg-tit{
	font-weight:600;
	font-size:1rem;
	line-height: 0.95;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.glob-news-box-msg-txt{
	font-weight:400;
	font-size:0.9rem;
	color:#868686;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.glob-news-box-xx{
	float:right;
	height:100%;
	width:30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#868686;
	cursor:pointer;
}
.glob-news-box-xx:hover{
	color:#444;
	font-weight:600;
}
.alert-bx{
	display:none;
	padding:10px 20px 15px 20px;
}
.alert-bx-icn{
	float:left;
	width:20px;
	margin-right:15px;
	font-size:23px;
}
.alert-bx-txt{
	float:left;
	width:calc(100% - 35px);
}
.alert-bx-tit{
	font-weight:700;
}
.alert-bx-dsc{
	font-size:16px;
	color:#000;
	line-height: 0.9;
}
.alert-bx-danger{
	background-color:#F8D7DA;
	color:#842029;
}
.alert-bx-success{
	background-color:#d1e7dd;
	color:#0f5132;
}
.bd-screen {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 500;
}
.img-screen {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 500;
    display: none;
}
.disp-sm{
    display: none;
}
.disp-xl{
    display: none;
}.bd-cnt{
    position: relative;
    height: 100%;
    width: 100%;
}
.notif-lg{
    position:fixed;
	top:85px;
	right:-442px;/* +20 */
    border:1px solid #ccc;
    width:100%;
    max-width:300px;
    z-index:500;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
	box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
}
.notif-lg-hd{
    padding:0 10px 10px 10px;
    background-color: #fff;
}
.notif-lg-hd-bx{
    float:left;
    padding:10px 0 0px 0;
    width:30px;
}
.notif-lg-clr{
    float:left;
    width:20px;
    background:grey;
    height:18px;
}
.notif-lg-tit{
    float:left;
    padding:10px 0 0px 0;
    font-weight:500;
    line-height:1;
}
.notif-lg-x{
    float:right;
    padding:11px 0 0px 0;
    line-height: 1;
    cursor: pointer;
}
.notif-lg-x:hover{
    color:#000;
}
.notif-lg-bd{
    padding:10px 15px;
    border-top:1px solid #ccc;
    background:#f2f2f2;
}
.notif-fast{
	position:fixed;
	top:-90px;
	left: 50%;
	width:250px;
	height:unset;
	margin-left: -150px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
	box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
	z-index:500;
	text-align: center;
	transition: top 0.5s ease 0s;
}
.notif-fast-hd{
    padding:0 10px 10px 10px;
    background-color: #fff;
}
.notif-fast-hd-load{
    float: left;
    padding: 4px 0 0px 0;
    width: 30px;
    margin-right: 10px;
}
.notif-fast-hd-bx{
    float:left;
    padding:10px 0 0px 0;
    width:30px;
    display: none;
}
.notif-fast-clr{
    float:left;
    width:20px;
    background-color:grey;
    height:18px;
}
.notif-fast-tit{
    float:left;
    padding:10px 0 0px 0;
    font-weight:500;
    line-height:1;
}
.notif-fast-bd{
    padding:10px 15px;
    border-top:1px solid #ccc;
    background:#f2f2f2;
}
.notif-slide{
	transition: 0.5s;
    right: 20px;
}
.notif-slide-top{
	top: 11%;
}
/** lazyload **/
/* 
Pulse effect animation 
Activated by adding a '.pulse' class to the src-ft-wait
*/
.src-ft-wait.pulse div{
	animation:pulse 1s infinite ease-in-out;
	-webkit-animation:pulse 1s infinite ease-in-out;
}
@keyframes pulse{
	0% { background-color: rgba(165,165,165,.1); }
	50%{ background-color: rgba(165,165,165,.3); }
	100%{ background-color: rgba(165,165,165,.1); }
}
@-webkit-keyframes pulse{
	0% { background-color: rgba(165,165,165,.1); }
	50%{ background-color: rgba(165,165,165,.3); }
	100%{ background-color: rgba(165,165,165,.1); }
}
/* 
wave effect animation 
activated by adding a '.lazyload-wave' class to the src-ft-wait
*/
.src-ft-wait.lazyload-wave div{
    animation: wave 1s infinite linear forwards;
    -webkit-animation:wave 1s infinite linear forwards;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
}
.src-adregt-img.lazyload-wave {
    animation: wave 1s infinite linear forwards;
    -webkit-animation:wave 1s infinite linear forwards;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
}
.src-adsqr-img.lazyload-wave {
	animation: wave 1s infinite linear forwards;
    -webkit-animation:wave 1s infinite linear forwards;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
}
.src-adsqr-img-sm.lazyload-wave {
    animation: wave 1s infinite linear forwards;
    -webkit-animation:wave 1s infinite linear forwards;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
}
.src-mn-slid-ft.lazyload-wave {
    animation: wave 1s infinite linear forwards;
    -webkit-animation:wave 1s infinite linear forwards;
    background: #f6f7f8;
    background: linear-gradient(to right, #4B5766 8%, #232F3E 18%, #4B5766 33%);
    background-size: 800px 104px;
}
.src-rgt-ad-img.lazyload-wave {
	animation: wave 1s infinite linear forwards;
    -webkit-animation:wave 1s infinite linear forwards;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
	min-height: 190px;
}
@keyframes wave{
    0%{ background-position: -468px 0 }
    100%{ background-position: 468px 0 }
}
@-webkit-keyframes wave{
    0%{ background-position: -468px 0 }
    100%{ background-position: 468px 0 }
}
.src-ft-wait .src-ft-wait-lg, 
.src-ft-wait .src-ft-wait-sm{
	background-color:#eaeaea;
}
.src-ft-wait-lg{
	height:15px;
}
.src-ft-wait-sm{
	height:10px;
}
/** end lazyload **/
/** bootstrap **/
.modal {
    top: 6%;
}
/** end bootstrap **/
/** hdt **/
.hdt-bar{
	height:3px;
}
.hdt-bar-l{
	float:left;
	width:50%;
	height:100%;
	background:#4173CD;
}
.hdt-bar-r{
	float:left;
	width:50%;
	height:100%;
	background:#E7222C;
}
.hdt-cnt-mn{
    height:36px;
    padding-top:1px;
	border-bottom:1px solid #dddddd;
}
.hdt-txt{
	float:left;
	padding:5px 15px;
	font-size:14px;
    height:100%;
    display:none;
}
.hdt-txt-sep{
	float:left;
	height:15px;
	margin:9px 0 11px 0;
    border-right:1px solid #dddddd;
    display: none;
}
.hdt-flag{    
	width:44px;
    float: left;
    padding: 2.5px 5px 0 17px;
	height:100%;
    cursor:pointer;
    position: relative;
    display: none;
}
.hdt-flag-arr{   
    float: left;
    padding: 5px 0 0 0px;
	height:100%;
	color:#aeaeae;
	font-size:13px;
    cursor:pointer;
}
.hdt-flagarr{
    display: none;
}
.hdt-flag-more{
    position: absolute;
    top:34px;
    left:6px;
    width:88px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding:0 0 5px 0;
    display: none;
    z-index:20;
}
.hdt-flag-mr{
    padding:1px 10px 5px 10px;
    margin-top:5px;
}
.hdt-flag-mr:hover{
	background-color:#f2f2f2;
}
.hdt-flag-mr-l{
    float: left;
    width:27px;
}
.hdt-flag-mr-r{    
    float: left;
    width: calc(100% - 37px);
    padding: 2px 0 0 10px;
    font-size: 14px;
}
.hdt-usr{  
	width:27px;
    float: left;
    padding: 2.5px 5px 0 0px;
	height:100%;
    cursor:pointer;
    position: relative;
    display: block;
}
.hdt-usr-more{
    position: absolute;
    top:34px;
    left: -6px;
    width: 170px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding:0 0 5px 0;
    display: none;
    z-index: 220;
}
.hdt-usrarr{
    display:block;
}
.hdt-sell{
	display:block;
	float: left;
    padding: 3px 0 0 15px;
    height: 100%;
    font-size: 1.1rem;
    font-weight: 600;
} 
.hdt-cnt-l{
    float:left;
    display: none;
}
.hdt-cnt-l-sm{
    float:left;
}
.hdt-cnt-r{
	float:right;
}
.hdt-icn{
    float:left;    
    padding: 0px 15px;
    height:100%;
    cursor: pointer;
    position: relative;
}
.hdt-alrt{
    display: none;
}
.hdt-img{
    float:left;
    text-align: center;
    height:100%;
    cursor: pointer;
    position: relative;
    margin: 0 0 0 0px;
}
.hdt-txtr{
    float:left; 
    padding:3px 5px 5px 0;
	font-size:14px;
	height:100%;
    cursor:pointer;
    position: relative;
}
.hdt-txtr-pref{
	font-size:14px;
	height:100%;
}
.hdt-txtr-pref-sm{
    display: block;
    width: 22px;
}
.hdt-txtr-pref-xl{
    display: none;
}
.hdt-pref-more{
	position: absolute;
    top:34px;    
    left: -100px;
    width: 150px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding:0 10px;    
    z-index: 20;
    display: none;
}
.hdt-pref-col{
    border-top:1px solid #ddd;
    padding:10px 5px;
}
.hdt-pref-col:hover .hdt-pref-r{
    color: #aeaeae;
}
.hdt-pref-l{
    float: left;
}
.hdt-pref-r{
    float: right;
    color:#ddd;
}
.hdt-pref-lg-sm{
    display: block;
}
.hdt-pref-data{
    border-top:1px dashed #ddd;
    padding:10px 5px;
    display:none;
}
.hdt-dt-c{
    width:100%;
    text-align: center;
    margin:0 auto;
}
.hdt-dt-l{
    float: left;
    width:47.5%;
    margin-right:5%;
    text-align: right;
}
.hdt-dt-r{
    float: left;
    width:47.5%;
}
.hdt-cart-img{  
    width: 32px;
    padding-top: 2px;
    height: 25px;
}
.hdt-notif{    
    position: absolute;
    top: 1px;
    right: 2px;
    width: 20px;
    height: 16px;
    background-color: #212529;
    color: #fff;
    text-align: center;
    font-size: 11px;
    padding: 2px 0 0 0;
    line-height: 1;
    border-radius: 7px;
}
.hdt-cart-more{
    position: absolute;
    top:34px;
    right:0;
    width:250px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding:5px 0 0 0;
    display: none;
    z-index:20;
}
.hdt-cart-hgt{
    max-height:300px;
    padding:0px 10px;
    overflow-y: auto;
}
.hdt-cart-cnt{
    padding:10px 0;
}
.hdt-cart-l{
    float:left;
    width:50px;
    height:68px;
    border: 1px solid #ddd;
    padding: 3px;
    margin-right:5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.hdt-cart-r{
    float: left;
    width: calc(100% - 55px);
}
.hdt-cart-tit{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}
.hdt-cart-pri{
    float: left;
    width:100%;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hdt-cart-loc{
    float: left;
    width:50%;
    color:#aeaeae;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    padding-top: 1px;
    display: none;
}
.hdt-cart-btn{
    border-top: 1px solid #ddd;
    padding:6px 10px 5px 10px;
    text-align: center;
}
@media(min-width: 500px){    
    .hdt-cnt-mn{
        height:35px;
        padding:0;
    }
    .hdt-txt{
        display: block;
    }
    .hdt-txt-sep{
        display:block;
    }
    .hdt-flag{
        display: block;
    }
    .hdt-flagarr{
        display: block;
    }
    .hdt-usr{
        display: none;
    }
    .hdt-usrarr{
        display:none;
    } 
    .hdt-sell{
        display:none;
    }    
    .hdt-pref-more{
        width:250px;
    }
    .hdt-pref-lg-sm{
        display: none;
    }
    .hdt-cart-more {
        width: 350px;
    }
    .hdt-cart-l{
        width:80px;
        height:78px;
        margin-right:10px;
    }
    .hdt-cart-r{
        width: calc(100% - 90px);
    }
    .hdt-cart-pri{
        width:50%;
    }
    .hdt-cart-loc{
        display: block;
    }    
    .hdt-alrt{
        display: block;
    }
    .hdt-img{
        margin: 0 0 0 15px;
    }
}
@media(min-width: 600px){	
    .hdt-txtr{
        padding:5px 5px 5px 0;
    }
    .hdt-txtr-pref-sm{
        display: none;
    }
    .hdt-txtr-pref-xl{
        display: block;
    }
    .hdt-pref-more {
        width: 290px;
    }
}
/* end hdt */
/* hd */
.hd-cnt{
    padding-top: 7px;
    height:53px;
}   
.hd-cnt-fix{
    position: fixed;
    top: 0;
    background: #ffffff;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(222,222,222,1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(222,222,222,1);
    box-shadow: 0px 3px 5px 0px rgba(222,222,222,1);
}
.hd-lft{
    display: block;
}
.hd-rgt{
    display: none;
}
.hd-logi{
    float:left;
    width:35px;
    height:35px;
    padding-top:2px;
}
.hd-logo{
    float:left;
    width:150px;
    height:50px;
    padding-top:9px;
    display: none;
}
.hd-cat-cnt{
    float:left;
    width:57px;
    height: 35px;
    position: relative;
}
.hd-cat-img{
    height:34px;
    width:30px;
}
.hd-cat{
    padding: 1px 0 0 10px;
    cursor: pointer;
}
.hd-cat-on{
	border: 1px solid #cccccc;
	border-bottom:0;
    cursor: pointer;
    width: 48px;
    margin-left: 4px;
    padding: 3px 0 0 8px;
}
.hd-cat:hover{
    color:#212529;
}
.hd-pop-mn{
	position: absolute;
	top:39px;
	left:0;
	width:100%;
	max-width:400px;
	padding:0 10px;
	z-index:250;
	display:none;
}
.hd-pop-mn-bar{
	position: absolute;
	top: -5px;
    left: 50px;
    width: 46px;
    z-index: 150;
    background: #fff;
    height: 11px;
}
.hd-pop-mn-bx{
	border:1px solid #ccc;
	background-color:#fff;
	height:100%;	
	padding:5px 0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(194,194,194,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(194,194,194,1);
	box-shadow: 0px 0px 10px 0px rgba(194,194,194,1);
}
.hd-pop-mn-pd{
	background-color:#fff;
	padding:10px 15px;
}
.hd-pop-mn-cnt{
	height:100%;
	max-height: 400px;
    overflow-y: auto;
}
.hd-pop-mn-cnt-slider{
	height: calc(100% - 84px);
    overflow-y: auto;
}
.hd-pop-mn-hd{
	padding:5px 0;
	background-color:#4173CD;
	max-height: 200px;
    overflow-y: auto;
}
.hd-pop-mn-hd-el{
	padding:5px 10px;
	color:#fff;
	cursor:pointer;
}
.hd-pop-mn-hd-el:hover{
	background-color:#4B7DD7;
}
.hd-pop-mn-hd-arr{
	float:left;
	font-size:1.2rem;
	line-height:0.5;
	padding-top:6px;
	font-weight:600;
	position:relative;
	margin-left: 6px;
	width:17px;
}
.hd-pop-mn-hd-txt{
	float:left;
	font-size:1rem;
	font-weight:500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:calc(100% - 25px);
}
.hd-pop-mn-curr{
	margin-top:10px;
	padding:5px;
	cursor:pointer;
}
.hd-pop-mn-curr:hover{
	background-color:#f2f2f2;
}	
.hd-pop-mn-curr-txt{
	float:left;
	font-size:1.1rem;
	font-weight:700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hd-pop-mn-curr-vw{
	float:right;
	font-size:1rem;
	color:#909090;
}
.hd-pop-mn-bd{
	padding:0px;
}	
.hd-pop-mn-bd-el{
	padding:7px 5px;
	cursor:pointer;
}	
.hd-pop-mn-bd-el:hover{
	background-color:#f2f2f2;
}	
.hd-pop-mn-bd-txt{
	float:left;
	font-size:1.1rem;
	font-weight:400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:calc(100% - 20px);
}
.hd-pop-mn-bd-arr{
	float:right;
	position:relative;
	width:20px;
}
.hd-pop-mn-bd-arrimg{
	max-width: 14px;
	top: 5px;
	position: absolute;
	right: -2px;
}	
.hd-pop-mn-bd-larrimg{
	max-width: 14px;
	top: 5px;
	position: absolute;
	left: -6px;
}	
.hd-pop-mn-icn{
	float:left;
	width:40px;
	height: 24px;
	text-align: center;
    line-height: 1.1;
	cursor:pointer;
	border: 1px solid #fff;
}
.hd-pop-mn-icn:hover{
	border: 1px solid #aeaeae;
}
.hd-pop-mn-icn-off{
	float:left;
	width:40px;
	height: 24px;
	cursor:default;
	border: 1px solid #fff;
}
.hd-pop-mn-txt{
	float:left;
	width:calc(100% - 80px);
	text-align:center;
	font-weight: 600;
    font-size: 16px;
    color: #212529;
}
.hd-pop-mn-x{
	float:left;
	width:40px;
	height: 24px;
	text-align: center;
    line-height: 1.1;
	cursor:pointer;
	border: 1px solid #fff;
}
.hd-pop-mn-x:hover{
	border: 1px solid #aeaeae;
}
.hd-pop-mn-vw{
	border-top:1px solid #ccc;
	padding:8px 5px 5px 5px;
	text-align:center;
	font-size: 14px;
}
.hd-cat-more{
    position: absolute;
    top:40px;
    left:-35px;
    width:250px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding:5px 0px;
    display: none;
    z-index: 150;
}
.hd-cat-mr-hd{
    position: relative;
    width:100%;
    background-color: #fff;
}
.hd-cat-arr{
    position: absolute;
    top: -34px;
    left: 51px;
    font-size: 26px;
    color:#ccc;
    z-index: 40;
}
.hd-cat-mr{
    position: relative;
    width:100%;
    max-height:400px;
    background-color: #fff;
    overflow-y: auto;
}
.hd-cat-bx{
    background-color: #fff;
    padding:8px 15px;
    font-size:17px;
    color:#212529;    
    cursor: pointer;
}
.hd-cat-bx:hover{
    background-color: #f2f2f2;
}
.hd-cat-btn-chk{
    border: 2px solid #444;
    padding: 8px 5px 9px 5px;
    color: #444;
    line-height:0;
    font-size: 13px;
    background-color: #fff;
}
.hd-cat-btn-chk:hover{
    color: #fff;
    background-color: #444;
}
.hd-cat-l{
    float:left;
    width:calc(100% - 20px);
    text-align: left;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hd-cat-r{
    float:right;
    text-align: right;
    color:#ccc;
    width:20px;
}
.hd-search{
    float:left;
    width:calc(100% - 92px);
    background-color: #f0f1f5;
    height:35px;
}
.hd-search-l{
    float:left;
    width:calc(100% - 50px);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hd-search-r{
    float:left;
    width:50px;
    height: 100%;
}
.hd-search-in{
    background-color: #f0f1f5;
    border:0px;
    font-size: 15px;
    width:100%;
    margin-left: 20px;
    box-shadow: unset!important;
}
.hd-search-btn{
    width:100%;
    height: 100%;
    border: 0;
    color: #AAABAF;
}
.hd-search-btn:hover{
    background-color: #DCDDE1;
}
.hd-txt{
    float:left;
    font-size: 18px;
    font-weight: 600;
    height:45px;
    padding: 0 29px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hd-hrt{
    float:left;
    height:42px;    
    padding: 0 33px 0 5px;
    align-items: center;
    justify-content: center;
    display: none;
}
.hd-usr{
    float:left;
    width:50px;
    height:45px;
    cursor: pointer;
    position: relative;
}
.hd-usr-bx{
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    background-color: #4173CD;
}
.hd-usr-bx:hover{
    background-color: #2355AF;
}
.hd-usr-more{
    position: absolute;
    top:47px;
    left:-87px;
    width:140px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding:5px 0;
    font-size: 15px;
    display: none;
    z-index:30;
}
.hd-top-cats{
    font-size: 12px;
    text-align: center;
    padding-top:5px;
}
@media(min-width: 500px){	
    .hd-cnt{
        padding-top: 11px;
        height:67px;
    }       
    .hd-lft{
        float:left;
        width:calc(100% - 137px);
    }
    .hd-logi{
        width: 40px;
        height: 50px;
        padding-top: 5px;
    }
    .hd-cat-cnt{
        width:70px;
        height: 50px;
    }
    .hd-cat{
        padding: 1px 0 0 17px;
    }
	.hd-cat-on{	   	
		padding: 1px 0 0 8px;
		margin: 0 10px;
		height: 100%;
		width: 51px;
	}
    .hd-cat-more{
        top:50px;
        left:0;
        width:300px;
    }
	.hd-pop-mn-bar{
		top: -10px;
		left: 61px;
		width: 48px;
		height: 11px;
	}
	.hd-pop-mn{
		top:50px;
	}
    .hd-cat-img{
        height: 42px;
        width: 33px;
    }
    .hd-cat-arr{
        left: 25px;
    }
    .hd-search{
        width:calc(100% - 110px);
        height:45px;
    }
    .hd-rgt{
        float:right;
        width:137px;
        display: block;
    }
}
@media(min-width: 700px){
    .hd-lft{
        width:calc(100% - 195px);
    }
    .hd-rgt{
        width:195px;
    }
    .hd-search{
        width:calc(100% - 125px);
    }
    .hd-hrt{
        display: flex;
    }	 
}
@media(min-width: 800px){	
    .hd-logi{
        display: none;
    }
    .hd-logo{
        display: block;
    }	
	.hd-pop-mn-bar{
		left: 171px;
	}
    .hd-search{
        width:calc(100% - 220px);
    }
	.hd-cat-bx{
		padding:6px 15px;
		font-size:16px;
	}    
}
/* end hd */
/* hm */
.hm1-top{
	height:47px;
	background-color:#fff;
	padding:5px 0 0px 0;
}
.hm1-top-logoi{
	float:left;
    width: 40px;
    height: 35px;
    padding-top: 5px;
}
.hm1-top-logo{
	float:left;
	width:145px;
	height:40px;
	padding:5px 0 0 0;
	display:none;
}
.hm1-top-txt{
	float:left;
	width:calc(100% - 180px);
	background-color:#fff;
	height:34px;
	text-align:center;
	font-weight:400;
	font-size:1.1rem;
	padding:5px 0 0 0;
	display:none;
}
.hm1-top-btn{
	float:right;
	width:140px;
    height:34px;
	padding:2px 0 0 0;
}
.hm1-topb-usr{
	float: left;
    width: 50px;
    height: 100%;
    cursor: pointer;
    position: relative;
	margin-right:10px;
}
.hm1-topbu-usr{
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
	border:1px solid #000;
}
.hm1-topb-sell{
	float: left;
    height: 100%;
    cursor: pointer;
	width: calc(100% - 60px);
    text-align: center;
}
.hm1-topbs-sell{
	height: 100%;
	color: #fff;
    background-color:#4173CD;
	padding: 4px 0 0 0;
	font-weight:500;
}
.hm1-ban{
	position:relative;
	background-color:#4173CD;
	height:200px;
}
.ban-lft{
	float:left;
	background-color: #4173CD;
	width:20%;
	height:100%;	
	position:relative;
	overflow:hidden;
}
.ban-trg{
	position: absolute;
    top: 0;
    left: -140px;
    border-color: transparent transparent transparent transparent;
    border-style: solid;
    border-width: 150px 300px 150px 300px;
    height: 0px;
    width: 0px;
	border-color: #4173CD transparent transparent #4173CD;
}
.ban-rgt{
	position:relative;
	float:right;
	background-color: #E7222C;
	width:80%;
	height:100%;
	overflow:hidden;
}
.box1-hold-mid{
	max-width:1300px;
	padding:0 10px;
	margin:0 auto;
}
.ban-lft-img{
	position:absolute;
	bottom: -37px;
    right: 210px;
    z-index: 200;
    width: 420px;
    height: 315px;
}
.ban-rgt-img{
	position:absolute;
	bottom: -36px;
    left: 230px;
    z-index: 200;
    width: 430px;
    height: 315px;
	z-index:50;
	display:none;
}
.hm1-ban-mid{
	position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-height: 180px;
	max-width: 100%;
	width: auto;
	height: auto;
	max-width:600px;
	z-index: 100;
	padding: 10px 10px 0 10px;
}
.hm1-ban-txt{
	font-size:1.2rem;
	font-weight:500;
	text-align:center;
	color:#fff;	
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hm1-ban-sel{
	margin-top:15px;
}
.hm1-ban-selloc{
	position:relative;
	background-color:rgb(255, 255, 255, 0.2);
	height:32px;
	max-width:200px;
	margin:10px auto 0 auto;
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(78,78,78,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(78,78,78,1);
	box-shadow: 0px 0px 5px 0px rgba(78,78,78,1);
}
.hm1-ban-selloc:hover{
	background-color:rgb(255, 255, 255, 0.4);
}
.hm1-bans-icn{
	float:left;
	height:100%;
	width:35px;
	border-left:1px solid #4173CD;
	display: flex;
    align-items: center;
    justify-content: center;
}
.hm1-bans-txt{
	float:left;
	height:100%;
	width:calc(100% - 35px);
	color:#fff;
	font-weight:500;
	font-size:1rem;
	text-align:left;
	padding:3px 0 0 10px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hm1-bans-oth{
	position:absolute;
	top:33px;
	left:0;
	width:100%;
	padding:0px;
	background-color:#fff;
	z-index:100;
	border:1px solid #ccc;
	max-height:150px;
	overflow-y:auto;
	display:none;
}
.hm1-banso-elm{
	padding:5px 10px;
	font-size:1rem;
	font-weight:500;
	color:#626262;
	cursor:pointer;
}
.hm1-banso-elm:hover{
	background-color:#f5f5f5;
}
.hm1-ban-src{
	margin: 25px auto 0 auto;
    height: 40px;
	width:100%;
	max-width:550px;
	position:relative;
}
.hm1-bansrc-sp{
	margin:0 10px;
	height:100%;	
	background-color:#fff;
}
.hm1-bansrc-inp{
	float:left;
	height:100%;
	width:calc(100% - 50px);
}
.hm1-bansrc-icn{
	float:left;
	height:100%;
	width:50px;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor:pointer;
	z-index:100;
}
.hm1-bansrc-icn:hover{
	background-color:#dedede;
}
.hm1-bansrc-auto{
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	padding:0px;
	background-color:#fff;
	z-index:100;
	border:1px solid #ccc;
	max-height:200px;
	overflow-y:auto;
	display:none;
}
.hm1-banaut-elm{
	padding:5px 10px;
	font-size:1rem;
	font-weight:500;
	color:#626262;
	cursor:pointer;
}
.hm1-banaut-elm:hover{
	background-color:#f5f5f5;
}
.hm1-ban-inp{
	height:100%;
	width:100%;
	box-shadow: unset!important;
	border:0;
	padding:0 10px;
}
.hm1-bd1{
	background-color:#fff;
}
.hm1-bd2{
	background-color:#fff;
}
.hm1-bd-p1{
	padding:25px 0;
}
.hm1-cat{
	overflow:hidden;
	width:100%;
	height:100px;
}
.hm1-cat-has{
	display: flex;
	gap: 10px;
	height: 100%;
	overflow: hidden;
	margin:0;
	cursor:grab;
}
.hm1-cat-elm{
	border: 1px solid #ccc;
	padding: 1px;
	height: 100%;
	cursor:grab;
	width: 120px;
	flex: 0 0 120px;
	background-color:#ffffff;
}
.hm1-cate-plus{
	margin:15% auto;
	max-width:65px;
	height:65%;
	display: flex;
    align-items: center;
    justify-content: center;
	background-color:#E7222C;
}
.hm1-cate-plus:hover{
	background-color:#FF545E;
}
.hm1-cate-icn{
	display: flex;
    align-items: center;
    justify-content: center;
	height:65%;
	width: 100%;
	padding-top:5px;
}
.hm1-cate-txt{
	text-align: center;
	height:35%;
	width: 100%;
	font-size:0.85rem;
	font-weight:400;
	padding:0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hm1-ad-tit{
	float:left;
	font-size:1.5rem;
	font-size:500;
	color:inherit;
}
.hm1-ad-tit-all{
	float: right;
    font-size: 1.1rem;
    padding-top: 7px;
}
.hm1-ad{
	padding-top:10px;
	overflow:hidden;
	width:100%;
	height:265px;
}
.hm1-ad-has{
	display: flex;
	gap: 32px;
	height: 100%;
	overflow: hidden;
	margin:0;
}
.hm1-ad-elm{
	border: 0px solid #ccc;
	height: 100%;
	cursor:pointer;
	width: 210px;
	flex: 0 0 210px;
	background-color:#ffffff;/*
	-webkit-box-shadow: 0px 0px 13px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 13px 0px rgba(204,204,204,1);
	box-shadow: 0px 0px 13px 0px rgba(204,204,204,1);*/
}
.hm1-ade-hd{
    position: relative;
	height:180px;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.hm1-ade-bd{
    position: relative;
	height:75px;
	border:0px solid #ccc;
	border-top:0;
	padding: 13px 0px 5px 0px;
}
.hm1-ade-hrt{
    position: absolute;
	top:-17px;
	right:10px;
	background-color:#ffffff;
	height:30px;
	width:35px;
	display: flex;
    align-items: center;
    justify-content: center;
	border:1px solid #dedede;
	display:none;
}
.hm1-ade-tit{
	font-size:1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.hm1-ade-pri{
	padding-top: 2px;
    font-size: 1.04rem;
    color: #444;
    font-weight: 500;
}
.hm-all-lvl{
    width:100%;
    overflow: hidden;
    position: relative;
    height: 195px;
}
.hm-arr-lvl{
    position: absolute;
    top:74px;
    border:1px solid #ccc;
    width:32px;
    height:55px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
    color:#808080;
}
.hm-arr-lvl:hover{
    background-color: #fff;
    color:#444;
}
.hm-arr-lft{
    left:0;
    border-left:0;
    display: none;
}
.hm-arr-rgt{
    right:0;   
    border-right:0;
}
.hm-lvl-a{
    margin-top:10px;
    position: absolute;
    top: 0;
    left: 0;
    height: 175px;
    width: 1100px;
    z-index: 5;
}
.hm-lvla-bx{
    float:left;
    width:30.66%;
    margin-right:4%;
    height:175px;
    position: relative;
    text-align: center;
    padding: 30px 0;
    background-color:red;
}
.hm-lvl-top{
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    background-color: rgb(68, 68, 68, 0.65);
    color: #fff;
    font-weight: 600;
}
.hm-tit-sep{
    margin-top:20px;
}
.hm-tit-ln {
    width: 100%;
    text-align: left;
    border-bottom: 2px solid #dedede;/*626262*/
    line-height: 0.1em;
    margin: 10px 0 20px;
	font-size: 1.5rem;
}
.hm-tit-ln span {
    background: #fff;
    padding: 0 15px 0 0;
}
.hm-lvl-ad{
    float:left;
    width:185px;
    margin-right:43px;
    height:200px;
    cursor: pointer;
    text-align: center;
}
.hm-lvl-ad-img{
    height: 150px;
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hm-lvl-ad-txt{
    height: 50px;
    margin: 5px 0 0 0;
}
.hm-lvl-ad-tit{
    font-size: 14px;
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hm-lvl-ad-pri{
    font-size: 16px;
    font-weight: 600;
    color: #CC0000;
}
.hm-lvl-topcat{
    width:179px;
    margin-right:5px;
}
.hm-top-img{
    height: 100px;
    padding: 6px 20px 10px 20px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hm-top-tit{
    font-size: 14px;
    color: #222;
    font-weight: 500;
}
.hm-top-sub{
    font-size: 13px;
    color: #666666;
}
.hm-local{   
    margin-top: 60px;
    padding: 60px 0 60px 0;
    background-color: #f8f9fa;
}
.hm-local-tit{
    width:100%;
    max-width:500px;
    margin:0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hm-loc-tit-ln {
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #E7222C;
    line-height: 0.1em;
    margin: 10px 0 20px;
}
.hm-loc-tit-ln span {
    background: #f8f9fa;
    padding: 0 15px;
}
.hm-local-img{
    margin-top:60px;
}
.hm-grd-row {
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	padding: 0 4px;
}
/* Create four equal columns that sits next to each other */
.hm-grd-column {
	-ms-flex: 25%; /* IE10 */
	flex: 25%;
	max-width: 25%;
	padding: 0 4px;
}
.hm-grd-column img {
	margin-top: 8px;
	vertical-align: middle;
	width: 100%;
	cursor:pointer;
}
/* Responsive layout - makes a two column-layout instead of four columns *
@media screen and (max-width: 800px){
	.hm-grd-column {
		-ms-flex: 50%;
		flex: 50%;
		max-width: 50%;
	}
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other *
@media screen and (max-width: 600px){
	.hm-grd-column {
		-ms-flex: 100%;
		flex: 100%;
		max-width: 100%;
	}
}
*/
.hm-map{
    margin-top:60px;
    display: none;
}
.hm-col-xm {
    padding: 20px 15px 0 15px;
}
.hm-col-bxsm{
    display:block;
    margin:0 auto;
    max-width: 300px;
}
.hm-col-sm{
    max-width:300px;
}
.hm-col-last{
    max-width:none;
    padding-top:30px;
}
.hm-us-tit{
    width:100%;
    max-width:500px;
    margin:0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hm-us{
	margin-top: 10px;
    padding:105px 0 60px 0;
	background-color:#DCF0F9;
	background-image: url(/img/hm-bg-pattern.png);
	background-position: center top;
	background-repeat: no-repeat;
}
.hm-us-tle{
	color:#089de3;
	font-weight:400;
}
.hm-us-subtle{
	font-size:18px;
	text-decoration:underline;
}
.hm-us-elm{
	margin:0 auto;
	margin-top:40px;
	width: 100%;
	max-width: 300px;
	text-align:center;
}
.hm-us-stit{
	font-weight:400;
	margin:0;
}
.hm-us-msg{
	margin-top:35px;
	text-align:center;
}
.hm-us-qtn{
	font-size:18px;
	font-weight:500;
	margin-bottom:10px;
}
.hm-us-btn{
	background-color:#fff;
}
.hm-us-btn:hover{
	background-color:#f2f2f2;
	color:#444;
}
.hm-ad-ad{
	float: left;
	width: 185px;
	margin-right: 43px;
	cursor: pointer;
}
.hm-ad-adimg{
	height: 150px;
	background-color: #f2f2f2;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hm-ad-adtxt{
	padding:5px 0 0 0;
	min-height: 50px;
	max-height: 110px;
}
.hm-ad-adtit{
	font-size: 0.95rem;
	font-weight:600;
	word-break: break-word;
}
.hm-ad-adpri{
	padding:2px 0 0 0;
	font-size: 1rem;
	font-weight:600;
	color:#a8a8a8;
	color:#cd1414;
}/*D71E1E*/
.hm-lok{
	background-color:#fff;
	padding:20px;
}
.hm-lok-tit{
	float:left;
	width:238px;
	margin-right:20px;
}
.hm-lok-img{
	height:170px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.hm-lok-itm{
	float: left;
	width: 30%;
	margin-right: 5%;
}
.hm-lok-bot{
	border:1px solid #ccc;
	border-top:0;
	padding:10px;
	color:#6B6B6B;
	font-weight:500;
}
@media(min-width: 450px){
	.hm1-top-txt{
		display:block;
	}
}
@media(min-width: 500px){
	.hm1-top-logoi{
		display:none;
	}
	.hm1-top-logo{
		display:block;
	}
	.hm1-top-txt{
		width:calc(100% - 285px);
	}
	.ban-lft{
		width:30%;
	}
	.ban-rgt{
		width:70%;
	}
}
@media(min-width: 600px){
	.hm1-top-txt{
		font-size:1.4rem;
		padding:2px 0 0 0;
	}
    .hm-col-bxsm{
        display:flex;
        justify-content: center;
        max-width: none;
        margin:0;
    }
    .hm-col-sm{
        width:300px;
    }
    .hm-col-last{
        width:none;
        padding-top:0px;
    }
}
@media(min-width: 700px){
	.hm1-ban{
		height:300px;
	}
	.ban-lft{
		width:50%;
	}
	.ban-trg{
		left: 0;
	}
	.ban-rgt{
		width:50%;
	}
	.ban-rgt-img{
		display:block;
	}
	.hm1-ban-mid{
		padding: 0px 10px 0 10px;
	}
	.hm1-bans-txt{
		font-size:1.2rem;
		padding:0px 0 0 10px;
	}
	.hm1-ban-src{		
		margin:30px auto 0 auto;
		height:50px;
	}
}
@media(min-width: 850px){
	.hm-us-elm{
		float: left;
		width: 30%;
		max-width: unset;
		margin: 0;
		margin-right: 5%;
	}
}
@media(min-width: 1120px){
    .hm-arr-lvl{
        display: none;
    }
    .hm-map{
        display: block;
    }
}
/* end hm */
/* src */
.src-brd-rsp{
	max-width:300px;
	position:relative;
	padding:10px 0 5px 0;
}
.src-brd-rsp-mn{
	position:absolute;
	width:100%;
	top:34px;
	left:-2px;
	border:1px solid #ccc;
	background:#fff;
	max-height:150px;
	overflow-y:auto;
	z-index:100;
	padding: 6px 0;
	display:none;
}
.src-brd-rsp-txt{
	float:left;
	width:calc(100% - 20px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #212529;
	font-size:0.95rem;
	cursor:pointer;
}
.src-brd-rsp-arr{
	float:left;
	padding-top:0px;
	width:20px;
	text-align:left;
	color:#aeaeae;
	font-size:1rem;
	cursor:pointer;
}
.src-brd-rsp-mn-el{
	padding:5px 10px;
	font-size:0.85rem;
}
.src-brdcrb{
	display:none;
}
.src-lft{
	display:none;
}
.src-rgt{
	width:100%;
	margin:0 auto;
	max-width: 1000px;
}
.src-lft-cat{
    color: #fff;
    padding: 10px 15px 13px 15px;
    background-color: #4173CD;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1;
}
.src-lft-bx{/*del*/
	margin-top:15px;
	padding:15px 15px 15px 15px;
	background-color:#fff;
	cursor:pointer;
}
.src-cat-selcat{
	margin-top:8px;
	height:23px;
}
.src-cat-sel{
	float:left;
	width:25px;
	height:100%;
	padding-top:2px;
}
.src-cat-txt{
	float:left;
	padding-top:1px;
	font-size:1rem;
	width:calc(100% - 30px);
	height:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height:1;
	color: #727272;
}
.src-cat-txt:hover{
	color: #727272;
	text-decoration:underline;
}
.src-cat-on{
	margin: 0 0 0 8px;
    padding: 5px 0 5px 10px;
    border-left: 1px solid #ccc;
}
.src-caton-cnt{
	max-height: 150px;
    overflow-y: auto;
}
.src-cho-selsq{
	border:1px solid #ccc;
	height:14px;
	width:16px;
	padding:2px;
}
.src-cho-on{
	background-color:#4173CD;
	border:1px solid #4173CD;
	width:100%;
	height:100%;
}
.src-cho-on-cl{
	background-color:#4173CD;
	border:1px solid #4173CD;
	width:100%;
	height:100%;
	border-radius: 100%;
}
.src-lft-shwa{
	float:right;
	color:#4173CD;
	cursor:pointer;
	border-bottom:1px dashed #4173CD;
	font-size:0.9rem;
	padding-top:0px;
}
.src-lft-shwa:hover{
	border-bottom:1px dashed #fff;
}
.src-cat-tgg{
	display:none;
}
.src-lft-bx-bis{
	margin-top:15px;	
	background-color:#fff;
	cursor:pointer;
	padding:15px 15px 15px 15px;
}
.srclft-hd{
	padding:15px 15px 15px 15px;
}
.srclft-hd-bt{
	padding-bottom:0;
}
.srclft-hd-tit{
    float: left;
    font-size: 1rem;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #686868;
    line-height: 1;
    font-weight: 600;
}
.srclft-hd-icn {
    float: right;
    font-size: 1.6rem;
    line-height: 0.4;
    color: #aeaeae;
}
.srclft-hd-rst {
    float: right;
    font-size: 0.9rem;
    color: #AEAEAE;	
    line-height: 0;
	cursor:pointer;
	padding-top: 6px;
}
.srclft-bd {
    margin-top: 5px;
	padding:0px 15px 0 15px;
    font-size: 1rem;
    color: #909090;
	display:none;
}
.srclft-bd-bt{	
	display:block;
}
.srclft-bd-loc {
    padding: 0 0 0 10px;
}
.src-rg-bx{
	margin-top:20px;
	height:35px;
}
.src-rg-inpcnt{
	float:left;
	height:100%;
	width:40%;
	margin-right:0%;
}
.src-rg-sep{
	float:left;
	width:5%;	
	margin-right:5%;
	margin-left:5%;
	height:18px;
	border-bottom:2px solid #ccc;
}
.src-rg-btn{
	float:left;
	width:16%;
	height:100%;
	background-color:#E0E0E0;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
	display:none;
}
.src-rg-btn:hover{
	background-color:#4173CD;
}
.src-rg-inp{
	text-align: center;
    padding: 5px;
    border-radius: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #CACED2;
}
.src-lft-ft-mr{
	max-height:800px;
	overflow-y:auto;
}
.src-lft-src-flt{
	margin-top: 10px;
    height: 38px;
}
.src-lft-srcflt-inp{
	height: 100%;
    width: 100%;
    border: 1px solid #ccc;
    outline: 0;
    padding: 3px 10px;
}
.src-lft-choice{
	margin-top: 8px;
    height: calc(100% - 46px);
    overflow-y: auto;
}
.src-lft-cho-bx{
	margin-top: 8px;
	cursor:pointer;
}
.src-lft-cho-sel{
	float: left;
    width: 30px;
    padding: 4px 0 0 0;
}
.src-lft-cho-selsq{
    border: 2px solid #ccc;
    height: 16px;
    width: 18px;
}
.src-lft-cho-selcl{
	border: 2px solid #ccc;
    height: 18px;
    width: 18px;
    border-radius: 18px;
}
.src-lft-cho-txt{
    float: left;
    width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color:#444444;
}
.src-lft-emp{
	height:12px;
}
.src-lft-clrapl{
	padding: 5px 15px 10px 15px;
    font-size: 0.9rem;
}
.src-lft-clr{
	float:left;
	color:#727272;
}
.src-lft-appl{
	float:right;
	color:#4173CD;
}
.src-lft-chk{
	float:left;
	cursor:pointer;
	background-color:#E0E0E0;
	padding:4px 6px;
	max-width:65px;
	height:23px;
	margin-top:4px;
	width:50%;
}
.src-lft-chk-on{
	background-color:#4173CD;
	color:#fff;
}
.src-lft-chk-apl{
	float:right;
	padding:3px 0 0 0;
	color: #4173CD;
	font-size: 0.9rem;
	display:none;
}
.src-lft-chk-btn{
	float:left;
	height:100%;
	width:20px;
	background-color:#9a9a9a;
}
.src-lft-chk-txt{
	float:right;
	height:100%;
	width:calc(100% - 20px);
	color:#9a9a9a;		
	line-height: 0.95;
	font-size: 0.95rem;
	font-weight: 700;
	text-align:right;
}	
.src-lft-chk-btn-on{
	float:right;
	background-color:#fff;
}
.src-lft-chk-txt-on{
	float:left;
	color:#fff;
	text-align:left;
}
/**/
.src-region-lb{
	font-weight:500;
}
.src-region-del{
	float:right;
	font-weight:400;
	font-size:0.9rem;
	padding-top:2px;
}
.src-region-dela{
	color:inherit;
}
.src-region-dela:hover{
	color:inherit;
	text-decoration:underline;
}
.src-region-fld{
	position:relative;
	margin:4px 0 0 0;
	border:1px solid #ccc;
	padding:5px 10px;
	cursor:pointer;
	box-shadow: 0 1px 6px 0 rgb(34 34 34 / 15%);
}
.src-region-val{
	float:left;
}
.src-region-icn{
	float:right;
	color:#aeaeae;
}
.src-region-auto{
	position:absolute;
	display:none;
	top:63px;
	left:-1px;
	width:100.5%;
	border:1px solid #ccc;
	background-color:#fff;	
	z-index:100;
}
.src-rauto-fld{
	padding:10px;
	background-color:#f2f2f2;
	border-bottom:1px solid #ccc;
	height:54px;
}
.src-rauto-inp{
	padding:5px 7px;
	width:100%;
	border: 1px solid #ccc;
	height:32px;
}
.src-rauto-val{
	max-height:150px;
	overflow-y:auto;
	min-height:35px;	
}
.src-rauto-valelm{
	padding:5px 10px;
	cursor:pointer;
}
.src-rauto-valelm-off{
	padding:15px 10px;
	text-align:center;
}
.src-rauto-valelm:hover{
	background-color:#f2f2f2;
}
.src-region-off{
	background-color:#f2f2f2;
	cursor:default;
}
.src-rgt-tit{
	font-size: 1.4rem;
    font-weight: 600;
    color: #464b4f;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	height: 27px;
}
.src-rgt-bdg{
	margin: 10px 0 5px 0;
}
.src-rgt-box{
	height:30px;
	overflow: hidden;
}
.src-bdg-cnt{
	display: flex;
	height:100%;
	gap: 15px;
	overflow-x: hidden;
	border-right: 0px solid #ccc;
	margin: 0;
	transition: 2s;		
}
.src-bdg-elm{
	height: 100%;
	cursor: pointer;
	flex: 0 0 auto;	
	background:#fff;
	border:0px solid #000;
	border-right:0px solid #000;
}
.src-bdg-txt{
	float: left;
	height: 100%;
	padding:2px 8px 0 10px;
}
.src-bdg-xx{
	display: flex;
	float: left;
	height: 100%;
	padding:0 8px;
	font-size:0.85rem;
	color:#aeaeae;
	border:1px dashed #aeaeae;
	align-items: center;
	justify-content: center;
}
.src-bdg-elm:hover .src-bdg-xx{
	color:#444;
	border:1px dashed #444;
}
.src-bdg-arr{
	margin-top:0px;
	display:none;
}
.src-bdg-arrl{
	float:left;
	font-size:2rem;
	font-weight:600;
	cursor:pointer;
	color:#909090;
	line-height:1.5rem;
	display:none;
}
.src-bdg-arrl:hover{
	color:#000;
}
.src-bdg-arrr{
	float:right;
	display:none;
}
.src-rgt-opt{
	padding: 12px 0 15px 0;
}
.src-rgt-opt-sel{
	height:23px;
	background:#fff;
	font-size:0.8rem;
}
.src-rgt-opt-view{
	float: left;
    width: 22px;
    height: 22px;
}
.src-rgt-opt-view-off{
	cursor:pointer;
}
.src-rgt-opt-view:hover .src-bx-vw-off{
	background-color:#444444;
}
.src-opt-pg-hold{
	float:right;
	display:none;
}
.src-opt-pg{
	height: 25px;
    display: grid;
    grid-template-columns: 40px 65px 40px auto;
    grid-gap: 0 0px;
}
.src-opt-pg-arrs{
	height: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #444;
	cursor:pointer;
}
.src-opt-pg-arrs-off{
	background: transparent;
    color: #ccc;
    cursor: default;
	border: 1px dashed #ccc;
}
.src-opt-pg-arrs:hover{
	background:#ccc;
}
.src-opt-pg-arrs-off:hover{
	background: transparent;
}
.src-opt-pg-txt{
    height: 100%;
    margin: 0 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #727272;
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.src-opt-pg-tot{
	/* float: left; */
    height: 100%;
    margin: 0 0 0 5px;
    border: 0px solid #ccc;
    color: #727272;
    font-size: 1rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.src-rgt-ad-hold{
	display: grid;
	grid-template-columns: 47.5% 47.5%;
	grid-column-gap: 5%;
	position: relative;
}
.src-rgt-ad-pos{
	position: relative;
}
.src-rgt-ad-elm{
	border:1px solid #ccc;
	min-height:100px;
	background-color:#fff;	
	margin:0 auto 25px auto;
	max-width:294px;
}
.src-rgt-ad-img{
	background-color:#f2f2f2;
	overflow:hidden;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor:pointer;
}
.src-rgt-ad-bd{
	background-color:#fff;
	padding:10px;
	border-top: 1px solid #e0e0e0;
}
.src-rgt-ad-bd-pri{
	font-size: 1.15rem;
    color: #cd1414;
    font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.src-rgt-ad-bd-tit{
	font-size: 1.15rem;
    font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor:pointer;
}
.src-rgt-ad-bd-txt{
	font-size: 1rem;
    font-weight: 400;
	color:#7e929c;
	padding:5px 0;
	max-height:60px;	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.src-rgt-ad-bd-btn{
	float:right;
	height:30px;
	width:50px;
	border:1px solid #ccc;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor:pointer;
}
.src-rgt-ad-bd-btn:hover{
	border:2px dashed #aeaeae;
}
/*------------------------------------------------*/
.src-brdc-lft{/*del*/
    float:left;
    width: 264px;
    margin: 0 20px 0 0;
    display: none;
}
.src-brdc-txtftr{
    float:left;
    width:calc(100% - 96px);
	padding:0 10px 0 0px;
	line-height:0.8;
	position:relative;
}
.src-ftr-mr-fit{
	display:none;
	width:fit-content;
}
.src-ftr-mr{
	position: absolute;
    top: 30px;
    left: 0;
    background-color: #fff;
    padding-top: 10px;
    border: 1px solid #ccc;
    width: 100%;
    max-width: 318px;
	z-index:100;
	display:none;
	-webkit-box-shadow: 0px 0px 10px 0px rgb(194 194 194);
    -moz-box-shadow: 0px 0px 10px 0px rgba(194,194,194,1);
    box-shadow: 0px 0px 10px 0px rgb(194 194 194);
}
.src-ftr-mr-bd{
	padding:0 10px 0px 10px;
}
.src-ftr-mr-bd > .src-filter-badge{
	margin-bottom:10px;
}
.src-ftr-mr-bot{
	border-top: 1px solid #ccc;
	padding:10px 10px 12px 10px;
	text-align:center;
	font-size:13px;
}
.src-brdc-txt{
    display: none;
}
.src-brdc-rgt{
    float:right;
    font-size: 13px;
    padding: 0px 0 0 0;
    max-width: 96px;
    width: 100%;
    text-align: right;
}
.src-brdc{/*keep*/
    margin-bottom: 0px;
    font-size:0.95rem;
    border: 0;
}
.src-cnt{
    padding-top:10px;
    padding-bottom: 40px;
}
.src-cnt-lft{
    float:left;
    position: relative;
    width:264px;
	margin:0 20px 0 0;	
    border-bottom:1px solid #dee2e6;
    overflow-y: auto;
    z-index: 100;
}
.src-cnt-rgt{
	overflow:hidden;
}
.src-bx-pg{
	border:1px solid #dee2e6;
	background-color:#fff;
	padding:4px 8px 5px 8px;
	margin:0 0 10px 0;
}
.src-bx-vw-off{
	background-color:#ccc;	
	cursor:pointer;
}
.src-bx-vw-on{
	background-color:#808080;
	cursor:default;
}
.src-bx-vwsa{
	float:left;
	width:22px;
	height:22px;
}
.src-bx-vwsae{
	float:left;
	width:30%;
	height:5px;
	margin:0px 5% 2px 0;
}
.src-bx-vwsb{
	float:left;
	width:26px;
	height:20px;
}
.src-bx-vwsbe{
	float:left;
	width:20%;
	height:5px;
	margin:0px 10% 2px 0;
}
.src-bx-vwsbee{
	float:left;
	width:70%;
	height:5px;
	margin:0px 0 2px 0;
}
.src-bx-vwsa:hover .src-bx-vw-off{
	background-color:#444444;
}
.src-bx-vwsb:hover .src-bx-vw-off{
	background-color:#444444;
}
.src-cnt-feat{
	position:relative;
	margin:10px 0 0px 0;
}
.src-bx-feat-arr{
	position:absolute;
	top:0;
	right:0;
	border:1px solid #ccc;
	background-color:#fff;
	height:100%;
	width:35px;
	display: flex;
    align-items: center;
    justify-content: center;
	z-index:100;
	cursor:pointer;
}
.src-bx-feat-arr-lft{
	left:0;
	right:unset;
}
.src-bx-feat-arr:hover{
	background-color:#f2f2f2;
}
.src-bx-feat{
	display: flex;
    gap: 15px;
	margin-left:0px;
	transition: 2s;
}
.src-bx-feat-elm{
	display: flex;
	flex-shrink: 0;
    cursor: pointer;
	padding:2px 10px;
	background-color: #ecedf1;
    color: #222222;
	border:1px solid #dee2e6;
	position:relative;
	z-index:20;
}
.src-bx-feat-elm:hover{
	background-color: #E2E2E3;
}
.src-bx-feat-elm-mr{
	position:absolute;
	top:30px;
	left:-1px;
	border:1px solid #ccc;
	background-color:#fff;	
	padding:2.5px 0;
	width:200px;
	font-size:1rem;
	z-index:20;	
	display:none;
}
.src-bx-feat-elm-mrcnt{
	max-height:150px;
	overflow-y:auto;
	display:none;
}
.src-bx-feat-elm-no{
	padding:2.5px 10px;
	cursor:default;
	text-align:center;
}
.src-bx-feat-elm-mrel{
	padding:2.5px 10px;
}
.src-bx-feat-elm-mrel:hover{
	background-color:#f2f2f2;	
}
.src-bx-feat-txt{
	font-weight: 400;
    font-size: 0.95rem;
}
.src-bx-feat-icn{
	font-weight: 700;
    font-size: 0.80rem;
	padding:1px 0 0 10px;
	color:#aeaeae;
}
.src-bx-feat-elm:hover .src-bx-feat-icn{
	color:#444444;
}
.src-bx-feat-pls{
	font-weight: 600;
	font-size: 1.5rem;
    line-height: 0.7;
	color:#909090;
}
.src-bx-feat-pls:hover{
	color:#444444;
}
.src-flt-top{
    height: 45px;
    border-bottom:1px solid #ccc;
    padding: 10px;
    display: block;
}
.src-flt-tpl{
    float:left;
}
.src-flt-tpr{
    float:right;
    color:#ccc;
    cursor: pointer;
}
.src-flt-tpr:hover{
    color:#aeaeae;
}
.src-flt-bd{
    height:calc(100% - 90px);
    overflow-y: auto;
    padding: 10px;
}
.src-flt-cnt{
    max-height: 250px;
    overflow-y: auto;
    padding: 5px 0;
}
.src-flt-bx{
    border-top: 1px solid #dee2e6;
    padding: 10px 0;
    font-size: 15px;
}
.src-flt-bx:hover{
    border-top: 1px solid #444;
}
.src-flt-ttl-bx{
    font-weight:600;
    font-size: 14px;
}
.src-flt-ttla-bx{
    font-weight: 500;
    font-size: 14px;
    color: #aeaeae;
}
.src-flt-hd{
    cursor: pointer;
}
.src-flt-back{
    float: left;
    padding: 6px 6px 0 0;
    color:#444;
    cursor: pointer;
    line-height: 0;
}
.src-flt-tit{
    float: left;
    font-weight:700;
    font-size: 18px;
    color:#585858;
}
.src-flt-plus{
    float: right;
    color: #909090;
    padding: 0 7px 0 0;
}
.src-icn-minus{
    font-size: 24px;
    line-height: 0;
}
.src-icn-plus{
    font-size: 24px;
    line-height: 0;
}
.src-flt-chk{
    margin-top: 5px;
    cursor: pointer;
    color: #6c757d;
}
.src-flt-chk:hover{
    color: #262F37;
}
.src-flt-chk:hover .src-chk-txt{
	color:#103580;	
}
.src-flt-chk:hover .src-chk-bx{
	border-color:#6085D0;	
}
.src-chck-txt{
    float: left;
    font-size: 17px;
    width:calc(100% - 70px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.src-chck-nb{
    float: right;
    font-size: 14px;
    font-size: 17px;
    padding-right: 10px;
    width:40px;
    text-align: right;
}
.src-chk-bx{
    float: left;
    border: 2px solid #cfd8dc;
    width: 19px;
    height: 19px;
    padding: 2px;
    cursor: pointer;
    margin: 3px 10px 0 0;
}
.src-chk-res{
    display: none;
    width: 100%;
    height: 100%;
    background-color: #4267B2;
}
.src-flt-pri-sep {
    float: left;
    padding: 5px 10px 0 10px;
    font-weight: 700;
}
.src-pb-btnc {
    padding: 7px 10px 7px 10px;
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: center;
    vertical-align: middle;
    background-color: #E0E0E0;
    font: normal normal normal 16px arial;
    text-decoration: none;
    width: 100%;
    line-height: 0;
}
.src-pb-btnc:hover {
    background-color:#aeaeae;
}
.src-pb-btnc-ftr {
    padding: 3px;
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: center;
    vertical-align: middle;
    background-color: #E0E0E0;
    font: normal normal normal 16px arial;
    text-decoration: none;
    width: 100%;
    line-height: 0;
}
.src-pb-btnc-ftr:hover {
    background-color:#aeaeae;
}
.src-flt-inp {
    text-align: center;
    padding: 5px;
    border-radius: 0;
    max-width: 80px;
    height: 35px;
    border: 1px solid #dee2e6;
}

.src-flt-sel{
    height: 28px;
    border: 1px solid #E0E0E0;
    background-color: #fff;
	font-size: 15px;
	padding: 0 5px;
}
.src-flt-loader{
    padding:0 10px 10px 10px;
	display:none;
}
.src-flt-load-hd{
    margin-top:17px;
    height:15px;
    width:45%;
}
.src-flt-load-lft{
    float: left;
    width:70%;
    height: 15px;
}
.src-flt-load-rgt{
    float: right;
    width:22px;
    height: 15px;
}
.src-flt-lft{
    float: left;
    font-weight: 600;
}
.src-flt-rgt {
    float: right;
    color: #909090;
    padding: 0 7px 0 0;
}
.src-flt-trh {
    color: #ccc;
    cursor: pointer;
}
.src-flt-trh:hover{
	color:#aeaeae;
}
.src-filter-badge{
	display: inline-block;
	cursor: pointer;		
	background-color: #ecedf1;
	color: #222222;
	border:1px solid #dee2e6;
	width:fit-content;
	margin-right: 15px;
    height: 24px;
}
.src-filter-badge:hover{
	background-color: #E2E2E3;
}
.src-filter-badge-txt{
	float:left;
	font-size:1rem;
	padding:4px 0 1px 10px;
}
.src-filter-badge-x{
	float:left;
	font-size:1rem;
	margin-left:10px;
	padding:4px 10px 1px 0px;
}
.src-filter-badge-x:hover{
	color:#CC0000;
}
.src-flt-bdg{
    border: 1px solid #ccc;
    display: inline-block;
    font-size: 16px;
    max-height: 150px;
    overflow-y: auto;
    cursor: pointer;
	height:24px;
	margin-right: 10px;
}
.src-ftr-bdg-90deg{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.src-ftr-bdg-r90deg{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.src-bdg-lft {
    float: left;
    border-right: 1px solid #ccc;
    padding:4px 10px 0 10px;
	height:100%;
}
.src-flt-cat-bxchk{
	float:left;
	margin-right:8px;
}
.src-flt-cat-chk{
	margin:1px 0 0 0;
	border:1px solid #ccc;
	height:13px;
	width:14px;
	cursor:pointer;
}
.src-flt-cat-chka{
	margin:1px 0 0 0;
	border:1px solid #444;
	height:13px;
	width:14px;
	cursor:pointer;
}
.src-flt-cat-bxtxt{
	float:left;
	line-height:0.9;
	width:calc(100% - 22px);
	height:20px;
	font-size:16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.src-flt-cat-bxtxta{
	float:left;
	line-height:0.9;
	width:calc(100% - 22px);
	height:20px;
	font-size:14px;
	padding:1px 0 0 0;
}
.src-flt-cat-lk{
	color:#212529;
}
.src-flt-cat-lk:hover{
	color:#212529;
	text-decoration:underline;
}
.src-flt-kcat-cnt{
	margin:7px 0 0 10px;
	border-left:1px solid #ccc;
	padding:7px 10px 10px 10px;
	max-height:245px;
	overflow-y:auto;
}
.src-bdg-rgt {
    float: left;
    padding:3px 8px 0 8px;
    color: #aeaeae;
	height:100%;
	font-weight: 600;
}
.src-flt-bdg:hover .src-bdg-lft{
	color:#075E7D;
}
.src-bdg-rgt:hover{
	color:#CC0000;
}
.src-ftr-ht-lmt{
	max-height:215px;
	overflow-y:auto;
}
.src-mrftr-lft{
	float:left;
	width:150px;
	border-right:1px solid #ccc;
	height:100%;
	overflow-y:auto;
}
.src-mrftr-rgt{
	float:left;
	width:calc(100% - 150px);
	height:100%;
	padding:10px 20px;
}
.src-mrftr-feat{
	border-top:1px solid #ccc;
	padding:10px;
	cursor:pointer;
}
.src-mrftr-feat:hover{
	background-color:#f2f2f2;
}
.src-mrftr-feat-on{
	background-color:#f2f2f2;
}
.src-mrftr-cntlft{
	float:left;
	width:50%;
	height:100%;
	padding-right:20px;
}
.src-mrftr-cntrgt{
	float:left;
	width:50%;
	height:100%;
}
.src-mrftr-wait{
	display: flex;
    align-items: center;
    justify-content: center;
}
.src-mrftr-sels{
	float:left;
	width:calc(100% - 170px);
	overflow-x:auto;
	margin-right:20px;
	line-height: 0.8;
	white-space: nowrap;
	height: 44px;
}
.src-mrftr-btns{
	float:left;
	width:150px;
}
.src-pg-sm-btn-bx{
	width:130px;
	height:24px;
    margin-top: 2px;	
}
.src-pg-sm-btn{
	float:left;
	width:28px;
	height:100%;	
	cursor:pointer;		
	display: flex;
	align-items: center;
	justify-content: center;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border:1px solid #dedede;		
}
.src-pg-sm-btn:hover{	
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
	border:1px solid #ccc;		
}
.src-pg-sm-btn-rgt{
	float:right;		
}
.src-pg-sm-btn-off{
	float:left;
	width:28px;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color:#fff;
	border:1px solid #dedede;	
}
.src-pg-sm-btn-txt{
	float:left;
	width:calc(100% - 64px);
	height:100%;
	margin:0 4px;
	text-align:center;
	font-size:14px;
	padding-top:2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;		
}
.src-ad-pg-sm-btn-txt{
	padding-top:4px;	
}
.src-ad-lst-cnt{
    height: 160px;
    margin-top: 20px;
}
.src-ad-lst-img{
    float: left;
    width: 160px;
    height: 139px;
    max-width: 160px;
    margin-right: 10px;
    vertical-align: top;
    position: relative;
    border: 1px solid #ccc;
    background: #f2f2f2;
}
.src-ad-lst-txtpri{
    float: left;
    width: calc(100% - 170px);
    height: 100%;
}
.src-ad-lst-txt{
    float: left;
    width: 100%;
    height: 100%;
    border-right: 0px solid #dee2e6;
    padding-right: 0px;
}
.src-ad-lst-pri{
    float: left;
    width:30%;
    height: 100%;
    padding:0 0 0 10px;
    display: none;
}
.src-ad-lst-tpri{
    font-size: 18px;
    font-weight: 700;
    color: #CC0000;
}
.src-ad-lst-btn-sm{
    margin-top:5px;
    max-width:150px;
}
.src-ad-lst-btna{
    float: left;
    width: 47.5%;        
}
.src-ad-lst-btnb{
    float: right;
    width: 47.5%;        
}
.src-ad-lst-cat{
    font-size: 0.80rem;
    height: 19px;
    color: #aeaeae;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}
.src-ad-lst-desc{
    font-size: 0.90rem;
    margin-top: 10px;
    height: 42px;
    color: #000;
    overflow: hidden;
}
.src-ad-lst-loc{
    font-size: 0.80rem;
    margin-top: 10px;
    height: 19px;
    color: #9a9a9a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.src-ad-lst-pri-sm{
    position:absolute;
    top:-1px;
    left: -1px;
    padding: 2px 7px;
    background-color: #fff;
    border: 1px solid #ccc;
    font-weight: 700;
    color: #CC0000;
    font-size: 14px;
}
.src-ad-lst-bx{
    margin:0 auto;
    max-width:300px;  
    border: 1px solid #dee2e6;
    background-color: #fff;
    height: 245px;
    padding:10px;
}
.src-adsht-boxes{
	margin: 0 auto;
    max-width: 816px;
}
.src-adsht-bx{
	margin:0 auto;
    max-width:250px;
}
.src-ad-noimg{
	background: #f2f2f2;
    height: 180px;
    position: relative;
}
.src-ad-tle{
	font-size: 0.9rem;
	font-weight:400;
	color:#222;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.src-ad-pri{
	float:left;
	font-size: 1rem;
	font-weight:700;
	color:#222222;
}
.src-ad-btn{
	float:right;
}
.src-ad-btna{
	float:left;
	margin-right:20px;
	line-height: 1.1;
}
.src-ad-btnb{
	float:left;line-height: 1.2;
}
.src-ad-lst-bxa{
    margin-top: 0;
}
.src-ad-lst-bxb{
    margin-top: 20px;
}
.src-ad-lst-bxc{
    margin-top: 20px;
}
.src-ad-lst-bxd{
    margin-top: 20px;
}
.src-ad-lst-bx-hd{
    background-color: #f2f2f2;
    height: 130px;
    position: relative;
    border: 0px solid #ccc;
    /*margin: 5px 5px 0 5px;*/
    cursor: pointer;
}
.src-ad-lst-bx-bd{
    padding:10px 5px 5px 5px;
    height: 62px;
}
.src-ad-lst-bx-tm{
    font-size:13px;
    color:#aeaeae;
}
.src-ad-lst-bx-tit{
    font-size:15px;
    font-weight: 600;
    margin-top:2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.src-ad-lst-bx-ft{
    padding:0px 5px;
    height: 35px;
}
.src-ad-lst-bx-ftl{
    float: left;
    width: 55%;
    font-weight: 700;
    color: #CC0000;
    font-size: 14px;
    padding-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.src-ad-lst-bx-ftr{
    float: left;
    width: 45%;
    text-align: right;
    /*max-width: 250px;*/
}
.src-ad-lst-bx-clr{
    clear: both;
}
.src-adregt-bx{
	border:1px solid #ccc;
	background:#fff;
	padding:10px;
	height:165px;
	margin-top:20px;
}
.src-adregt-img{
	float:left;
	width:176px;/*180px;*/
	background-color:#f2f2f2;
	height:100%;
	border: 1px solid #ccc;
    text-align: center;
	cursor:pointer;
}
.src-adregt-txt{
	float:left;
	width:calc(100% - 186px);
	height:100%;
	margin:0 0px 0 10px;
}
.src-adregt-txt-cat{
	font-size:0.9rem;
	font-weight:500;
	color:#A8B4C0;
}
.src-adregt-txt-cat-lg{
	display:none;
}
.src-adregt-txt-cat-sm{
	font-size: 1.02rem;
	font-weight:500;
	color:#CC0000;
	padding-top: 5px;
	display:block;
}
.src-adregt-txt-dsc{
	margin-top: 8px;
	font-size: 1rem;
	overflow: hidden;
	height: 68px;
	display:none;
}
.src-adregt-txt-dsc-sm{
	margin-top: 0px;
	font-size: 1rem;
	height: 35px;
	padding-top: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display:block;
}
.src-adregt-txt-loctim{
	font-size: 1rem;
	margin-top:3px;
}
.src-adregt-txt-loca{
	display:none;
}
.src-adregt-txt-loc{
	float:left;
	font-size: 0.9rem;
	color:#A8B4C0;
}
.src-adregt-pri{
	float:left;
	width:180px;
	height:100%;
	border-left:1px solid #ccc;
	padding-left:12px;
	display:none;
}
.src-adregt-pri-sm{
	margin-top:5px;
	height:30px;
	max-width:200px;
	display:block;
}
.src-adregt-pri-txt{
	height:calc(100% - 40px);
	color:#CC0000;
}
.src-adregt-pri-btnc{
	float:left;
	width:60px;
	margin-right:10px;
	height:100%;
	border:1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
}
.src-adregt-pri-btnc:hover{
	background-color:#F1F5F9;
}
.src-adregt-pri-btnl{
	float:left;
	width:calc(100% - 70px);
	height:100%;
	border:1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
}
.src-adregt-pri-btnl:hover{
	background-color:#F1F5F9;
}
.src-adsqr-cnt{
	display: grid;
	grid-template-columns: 100%;
	grid-row-gap: 40px;
	grid-column-gap: 0;
	padding-top: 15px;
}
.src-adsqr-bx{
	width:100%;
	max-width: 350px;
    height: 305px;
	border:0px solid #ccc;
	margin:0 auto;
}
.src-adsqr-img{
	height:180px;
	background-color:#f2f2f2;
	cursor:pointer;	
	display: flex;
	justify-content: center;
	align-items: center;
	display:none;
}
.src-adsqr-img-sm{
	height:250px;
	background-color:#f2f2f2;
	cursor:pointer;	
	position:relative;
}
.src-adsqr-img-sm-lmt{
	overflow:hidden;
	height:250px;
	display:block;
}
.src-adsqr-img-bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat: repeat;
	filter: blur(5px);
	background-size: cover;
	z-index:1;
}
.src-adsqr-img-hv{
	position:absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-height: 180px;
	max-width: 250px;
	width: auto;
	height: auto;
	z-index:10;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #fff;
}
.src-adsqr-bot{
	height:55px;
}
.src-adsqr-ttl{
	height:30px;		
	font-size: 1.1rem;
	font-weight: 400;
	color: #222;		
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-top:2px;
}
.src-adsqr-pri{
	height:24px;
}
.src-adsqr-pri-txt{
	float:left;
	font-size: 1.10rem;
	font-weight: 600;
	color: #222222;
	padding-top:0px;
}
.src-adsqr-btn{
	float:right;
}
.src-adsqr-btnc{
	float:left;
	width:50px;
	height:25px;
	border:1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
	margin-right:10px;
}
.src-adsqr-btnc:hover{
	background-color:#fff;
}
.src-adsqr-btnl{
	float:left;
	width:50px;
	height:25px;
	border:1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;		
}
.src-adsqr-btnl:hover{
	background-color:#fff;
}
.src-ad-pg{
	margin:40px auto 0 auto;
	max-width:400px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.src-pg-elm{
	float:left;
	width:35px;
	height:30px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right:10px;
	font-size: 0.90rem;
}
.src-pg-elm-off{
	border:0px solid #ccc;
}
.src-pg-elm-on{
	cursor:pointer;
	border:1px solid #ccc;
}
.src-pg-elm-on:hover{
	background-color:#eaeaea;
}
.src-pg-arr-off{
	color:#ccc;
}
.src-mn-slid-cnt{
	position:fixed;
	top:0;
	left:-300px;
	width:100%;
	max-width:300px;
	height:100vh;
	background-color:#fff;
	border-right:1px solid #ccc;
	transition: 0.5s;
	z-index: 600;
}
.src-mn-slid-anim{
	transition: 0.5s;
	left: 0;
}
.src-mn-slid-hd{
	color: #fff;
	padding: 10px 5px 13px 5px;
	background-color: #4173CD;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1;
	position:relative;
	height:39px;
}
/*start new*/
.src-rflt-hd-act{
	float:left;
	padding:0 10px;
	margin-right:5px;
	cursor:pointer;
}	
.src-rflt-hd-act:hover{
	font-weight:600;
}	
.src-rflt-hd-img{
	position:absolute;
	top:8px;
	left:10px;
	height:15px;
	width:20px;
	cursor:pointer;
}	
.src-rflt-hd-txt{
	float:left;
}	
.src-rflt-hd-txt-img{
	margin-left:30px;
}
.src-rsp-flt-bd{
	height:calc(100% - 101px);/*39 + 62*/
	overflow-y: auto;
}
.hd-pop-mn-cnt-menu{
	height:calc(100% - 20px);
}
.src-rflt-bd-elm{
	padding:15px;
	border-bottom:1px solid #ccc;
	cursor:pointer;
	color:#444;
}
.src-rflt-bd-elm-txt{
	float:left;
}	
.src-rflt-bd-elm-icn{
	float:right;
	font-size:1.5rem;
	line-height:0.8;
	color:#8a8a8a;
}	
.src-rflt-bd-elm:hover .src-rflt-bd-elm-icn{
	color:#444;
}	
.src-rflt-bd-elm-icn-on{
	float:right;
	font-size:1.5rem;
	line-height:0.8;
	color:#4173CD;
}
.src-rflt-mn-bd-cont{
	padding:15px;
	height:100%;
}
.src-rflt-ft{
	height: 55px;
    font-weight: 600;
    padding: 7px;
}
.src-rflt-ft-btn-rst{
	float:left;
	width:30%;
	height:100%;
	border:1px solid #4173CD;
	color:#4173CD;
	margin-right:2.5%;
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}	
.src-rflt-ft-btn-apl{
	float:left;
	width:67.5%;
	height:100%;
	background-color:#4173CD;
	color:#fff;
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}	
.src-rflt-ft-btn-apl:hover{
	background-color:#194BA5;
}	
.src-rflt-ft-btn-rst:hover{
	background-color:#f2f2f2;
}	
.src-rflt-ft-btn-w100{
	width:100%;
	margin:0;
}	
/*end new*/
.src-mn-slid-hd-lft{
	float:left;
	font-size:20px;
	font-weight:500;
	margin-left: 5px;
	width:calc(100% - 45px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.src-mn-slid-hd-x{
	float:right;
	position:relative;		
}
.src-mn-slid-hd-arr{
	float:left;
	width:30px;	
	border:1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	height:100%;
	cursor:pointer;
	display:none;
}
.src-mn-slid-hd-arr:hover{
	border:1px solid #ccc;
}
.src-mn-slid-hd-xp{
	position:absolute;
	top: -16px;
	left: -13px;
	color:#ccc;
	font-size:20px;
	cursor:pointer;
}
.src-mn-slid-hd-xp:hover{
	color:#444;
}
.src-mn-slid-bd{
	height:calc(100% - 104px);
	overflow-y:auto;
}
.src-mn-slid-bd-lng{
	height:calc(100% - 39px);
}
.src-mn-slid-ft{
	position:sticky;
	border-top:1px solid #ccc;
	padding:5px 0 0 0;
	height:62px;
	color:#fff;
}
.src-mn-slid-ft-xtra{
	padding:20px;
	height:62px;
	background-color:#fff;
	color:#fff;
	text-align:center;
}
.src-mn-slid-tglr{
	position: fixed;
	/*top: 30px;*/
	bottom: 10px;
	left: 0;
	right: 0;
	margin: auto;
	width:130px;
	height:37px;
	background-color:#4173CD;
	border:0px solid #ccc;
	padding:5px 10px;
	color:#fff;
	cursor:pointer;
	z-index:600;
	
	-webkit-box-shadow: 0px 0px 5px 0px rgba(68,68,68,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(68,68,68,1);
	box-shadow: 0px 0px 5px 0px rgba(68,68,68,1);
	/*
	-webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
	box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
	*/
}
.src-mn-slid-tglr:hover{
	background-color:#2355AF;
}
.src-mn-slid-tglr-icn{
	float:left;
	padding:5px 0 0 0;
}
.src-mn-slid-tglr-txt{
	float:right;
	font-weight:500;
}
.src-mn-slid-tglr-bar{
	position:relative;
	background-color:#fff;
	height:2px;
	width:30px;
	margin-top:5px;
}
.src-mn-slid-tglr-barp{
	position:absolute;
	top:-2px;
	left:7px;
	width:6px;
	height:6px;
	background-color:#fff;
}
/*-------------------------------------*/
@media(min-width: 450px){
	.src-opt-pg-hold{
		float:right;
		display:block;
	}
}
@media(min-width: 737px){ /*700 + 20padding*/
	.src-brd-rsp{
		display:none;
	}
	.src-brdcrb{
		display:block;
		padding:14px 0 15px 0;
	}
	.src-rgt-tit{
		font-size: 2rem;
		height:37px;
	}
	.src-rgt-ad-hold{
		grid-template-columns: 30% 30% 30%;
		grid-column-gap: 4%;
	}
	.src-rgt-ad-bd-txt{
		max-height:83px;
		white-space: unset;
		text-overflow: unset;		
	}
}
@media(min-width: 1070px){
	.src-rgt-ad-hold{
		grid-template-columns: 30% 30% 30%;
		grid-column-gap: 5%;
	}
}
@media(min-width: 1300px){	
	.src-brdcrb{
		padding:14px 0 15px 0;		
	}
    .src-lft{
		float:left;
		width:320px;
		margin-right:30px;
		display:block;
	}
	.src-rg-inpcnt{
		width:31.5%;
		margin-right:3%;
	}
	.src-rg-sep{
		width:5%;	
		margin-right:3%;
		margin-left:0%;
	}
	.src-rg-btn{
		display:flex;
	}
	.src-rflt-mn-bd-cont{
		height:unset;
	}
	.src-lft-choice{
		margin-top: 8px;
		max-height: 185px;
		overflow-y: auto;
	}
	.src-lft-chk-apl{
		display:block;
	}
	.src-rgt{
		float:left;
		width:calc(100% - 350px);
		max-width:unset;
		margin:0;
	}
}
/*-------------------------------------*/
@media(min-width: 450px){ 	
	.src-adregt-txt-loca{
		display:block;
	}
}
@media(min-width: 550px){
    .src-ad-lst-txt{
        width: 70%;
        border-right: 1px solid #dee2e6;
        padding-right: 10px;
    }
    .src-ad-lst-cat{
        display: block;
    }
    .src-ad-lst-pri{
        float: left;
        width:30%;
        height: 100%;
        padding:0 0 0 10px;
        display: block;
    }
    .src-ad-lst-tit{
        float: unset;
        width: 100%;
    }
    .src-ad-lst-pri-sm{
        display: none;
    }
    .src-ad-lst-btn-sm{
        display: none;
    }
	.src-adsqr-cnt{
		grid-template-columns: 45% 45%;
		grid-column-gap: 10%;
	}
	.src-adsqr-bx{
		max-width:250px;
		height:235px;
	}
	.src-adsqr-img{
		display:block;
	}
	.src-adsqr-img-sm-lmt{
		display:none;
	}	
	.src-adsqr-bot{
		height:53px;
	}
	.src-adsqr-ttl{
		height:27px;
		font-size: 0.95rem;
		padding-top:2px;
	}
	.src-adsqr-pri-txt{
		font-size: 1rem;
		padding-top:1px;
	}
	.src-mrftr-lft{
		width:200px;
	}
	.src-mrftr-rgt{
		width:calc(100% - 200px);
	}
	.src-ad-pg-sm-btn-txt{
		padding-top:2px;	
	}
}
@media(min-width: 700px){   
    .src-ad-lst-bx{
        float: left;
        width:48%;
        width:30.66%;
        margin-right: 4%;    
        border: 1px solid #dee2e6;
        background-color: #fff;
        height: 240px;
        padding:5px;
        max-width: unset;
    }
	.src-adsht-bx{
        float: left;
        width:48%;
        width:30.66%;
        margin-right: 4%;
    }
    .src-ad-lst-bxa{
        margin-right: 4%;
    }
    .src-ad-lst-bxb{
        margin-top: 0;
        margin-right: 0;
        margin-right: 4%;
    }
    .src-ad-lst-bxc{
        margin-top: 20px;
        margin-top: 0;
        margin-right: 0;
    }
    .src-ad-lst-bxd{
        margin-top: 20px;
        margin-top: 0;
        margin-right: 0;
    }
	.src-adregt-txt{
		width:calc(100% - 390px);
		margin-right:20px;
	}		
	.src-adregt-txt-cat-lg{
		display:block;
	}
	.src-adregt-txt-cat-sm{
		display:none;
	}
	.src-adregt-txt-dsc{
		display:block;
	}
	.src-adregt-txt-dsc-sm{
		display:none;
	}
	.src-adregt-pri{
		display:block;
	}
	.src-adregt-pri-sm{
		display:none;
	}
}
@media(min-width: 950px){ 
	.src-adsqr-cnt{
		grid-template-columns: 30% 30% 30%;
		grid-column-gap: 5%;
	}
}
@media(min-width: 1100px){
    .disp-sm{
        display: block;
    }
    .bd-screen {
        display: none
    }
    .disp-xl{
        display: none;
    }    
    .src-brdc-txt{
        display: block;
    }
	.src-brdc-txtftr{
		width:calc(100% - 380px);
	}
    .src-brdc-lft{
        display: block;
    }
	.src-mn-slid-tglr{
		display: none;
    }
	.src-mn-slid-cnt{
		display:none;
	}
    .src-flt-bd{
        height:calc(100%);
    }
    .src-pb-btnc{
        display: inline-block;
    }
    .src-pb-btnc-ftr{
        display: inline-block;
    }
    .src-flt-tit{
        font-size:15px;
    }
    .src-chk-bx{
        margin: 1.5px 10px 0 0;
    }
    .src-chck-txt{
        font-size: 14px;
    }
    .src-chck-nb{
        font-size: 14px;
    }
    .src-cnt-rgt{
        float:right;
        width:calc(100% - 284px);
    }
	.src-adsht-boxes{
		margin:unset;
		max-width: unset;
	}
}
/* end src */
/* ad */
.ad-cntn{
    padding-bottom:30px;
    background-color: #fff;
    border-bottom: 1px solid #dee2e6;
}
.ad-hd{
    margin: 20px 0 0 0;
}
.ad-imgs{
    max-width:580px;
    height: 500px;
    background-color: #fff;
    margin:0 auto;
}
.ad-icn-usr{
    max-width:580px;
    height: 100%;
    margin:30px auto 0 auto;
}
.ad-icn{
    max-width:200px;
    height: 100%;
    padding:0 10px;
    margin:0 auto;
}
.ad-usr{
    width:100%;
    max-width:580px;
    height: 100%;
    margin:0 auto;
}
.ad-img-lg{
    /*float: left;*/
    position: relative;
    height: calc(100% - 80px);  
    border: 1px solid #dee2e6;
    overflow:hidden;
}
.ad-img-lg-blur{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 415px;
    background-repeat: repeat;
    z-index: 1;
    filter: blur(5px);
}
.ad-img-lg-img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0, 0.4);
    z-index:2;	
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.ad-img-sm{
    height: 70px;
    text-align: center;
    overflow-x: auto;
    display: flex;
    margin: 10px auto 0 auto;
    max-width: 100%;
    border-right: 1px solid #dee2e6;
}
.ad-img-sm-bx{
    height: 100%;
    display: flex;
}
.ad-img-sm-flt{
    border: 1px solid #ccc;
    border-right: 0;
    height: 100%;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.ad-img-sm-flt:hover{
    border: 2px solid #444444;
}
.ad-img-sm-flt-atv{
    border: 2px solid #444444;
}
.ad-img-sm-txt{
    width: 100%;
    margin-top: 10px;
    height: auto;
    border: 0px solid #dee2e6;
    text-align: center;
    display: block;
}
.ad-img-arr{
    position: absolute;
    top:177.5px;
    height:65px;
    width:30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    background-color: rgb(0, 0, 0, 0.1);
    z-index:300;
    cursor: pointer;
}
.ad-img-arr:hover{
    background-color: rgb(0, 0, 0, 0.6);
}
.ad-img-arr-lft{
    left:0;
}
.ad-img-arr-rgt{
    right:0;
}
.ad-icn-bx{
    float: left;
    margin: 0 20px;
    width:50px;
    height:42px;
    padding:7px;
    border:1px solid #dee2e6;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
	-moz-box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
	box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
}
.ad-icn-bx:hover{
    background-color: #f2f2f2;
}
.ad-tit-sm{
    display: block;
    max-width:580px;
    margin:0 auto 20px auto;
}
.ad-tit-lg{
    display: none;
}
.ad-pri{
    padding: 10px;
    margin-top: 4px;
    border: 1px solid #ccc;
    padding: 10px 10px 5px 10px;
    border-top: 2px solid #4173CD;
}
.ad-pri-lft{
    float: left;
    color:#BF0004;
    width: calc(100% - 65px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ad-pri-rgt{
    float: right;
    padding-top:2px;  
    width:65px;
}
.ad-loc{
    margin-top: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ad-loc-lft{
    float: left;
    margin-right:5px;
}
.ad-loc-rgt{
    float: left;
}
.ad-btn-mid{
    margin: 20px auto 0 auto;
    max-width: 298px;
}
.ad-btn-phone{
	background-color:#2355AF;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
    font-size: 16px;
    padding: 5px 20px 4px 20px;
    width: 100%;
    text-decoration:none;
    text-align: center;
}
.ad-btn-phone:hover {
    background-color:#4173CD;
    color:#fff;
}
.ad-btn-msg{
	border:1px solid #2355AF;
	cursor:pointer;
	color:#2355AF;
	font-family:Arial;
    font-size: 16px;
    padding: 5px 20px 4px 20px;
    width: 100%;
    text-decoration:none;
    text-align: center;
}
.ad-btn-msg:hover {
    background-color:#f2f2f2;
    color:#2355AF;
}
.ad-btn-grey{
	border: 1px solid #ddd;
	cursor:pointer;
	color:#2355AF;
	font-family:Arial;
    font-size: 16px;
    padding: 5px 0px 4px 0px;
    width: 100%;
    text-decoration:none;
    text-align: center;
    background:linear-gradient(to bottom, #ffffff 5%, #fcfcfc 100%);
	background-color:#ffffff;
}
.ad-btn-grey:hover {
    background:linear-gradient(to bottom, #fcfcfc 5%, #ffffff 100%);
	background-color:#fcfcfc;
    color:#2355AF;
	border: 1px solid #b5b5b5;
}
.ad-btn-lft{
    max-width:250px;
    margin: 0 auto;
}
.ad-btn-rgt{
    max-width:250px;
    margin: 20px auto 0 auto;
}
.ad-sell-cnt{
    display: flex;
    justify-content: center;    
}
.ad-sell-icn{
    cursor: pointer;
}
.ad-sell-txt{
    padding:2px 0 0 5px;
    cursor: pointer;
}
.ad-usr-avt{
    margin-top: 20px;
}
.ad-usr-elm{
    display: flex;
    flex-direction:row-reverse;
}
.ad-usr-icn{
    padding:10px;
    background-color: #f2f2f2;
    border:1px solid #ccc;
    border-right:0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ad-usr-txt{
    border:1px solid #ccc;
    padding:10px;
    font-size: 12px;
}
.ad-stat{
    padding:5px 0;
}
.ad-stat-lft{
    float: left;
}
.ad-stat-txt-lft{
    float: left;
    font-size: 13px;
    padding-top: 3px;
    padding-left: 10px;    
    color:#727272;
}
.ad-stat-rgt{
    float: right;
}
.ad-bx-tit{
    font-size: 17px;
    border-bottom: 1px solid #dee2e6;
    padding-bottom:4px;
    margin-bottom: 5px;
    font-weight: 500;
}
.ad-bd{
    margin-top: 10px;
}
.ad-bd-lft{
    float: left;
    width:47.5%;
}
.ad-bd-rgt{
    float: right;
    width:47.5%;
}
.ad-md-hd{
    background-color: #f2f2f2;
    padding:10px 1rem;
}
.ad-phone-bx{
    border: 1px solid #ccc;
    padding:10px 0;
    text-align: center;
    display: none;
}
.ad-strikethrough {
	position: relative;
}
.ad-strikethrough:before {
	position: absolute;
	content: "";    
	left: -10px;
	top: 12px;
	right: -10px;
	border-top: 5px solid;
    border-color: inherit;  
    -webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.ad-img-zoom{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index:600;
    display: none;
}
.ad-simi-tit{
    font-size: 17px;
    border-bottom: 1px solid #dee2e6;
    padding-bottom:5px;
    margin-top: 30px;
    margin-bottom: 15px;
    font-weight: 500;
}
.ad-simi-rel{
    position: relative;
    width: 100%;
    height: 240px;
    max-width: 1100px;
    overflow: hidden;
}
.ad-simi-arr{
    border: 1px solid #ccc;
    background-color: rgb(250, 250, 250, 0.7);
    top:87.5px;
}
.ad-simi-cnt{
    position: absolute;
    top: 0;
    left: 0;
    display:flex;
    height: 100%;
    width: 1100px;
}
.ad-simi-elm{
    width: 100%;
    max-width:228px;
    border: 1px solid #dee2e6;
    background-color: #fff;
    height: 100%;
    margin-right:20px;
}
.ad-simi-elm-hd{
    height: 150px;
	position:relative;
    cursor: pointer;
}
.ad-simi-elm-hd-blur{
    height: 100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
    background-repeat: repeat;
    filter: blur(5px);
}
.ad-simi-elm-hd-img{
    height: 100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;    
    z-index: 2;
	/*background-color: rgba(0,0,0, 0.4);*/
	background-color: #f2f2f2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.ad-simi-elm-bd{
    height: 86px;
    padding:10px;
    font-weight: 500;
}
.ad-simi-elm-txt{
    height: 43px;
    font-size: 15px;
    overflow: hidden;
}
.ad-simi-elm-pri{
    float: right;
    font-size: 15px;
    color:#E7222C;
}
.ad-dsc-spec{
    width: 100%;
}
.ad-usr-dsc{
    max-width: 350px;
    margin: 20px auto 0 auto;
}
.ad-shield{
    padding: 20px;
    background-color: #D1ECF1;
    border: 1px solid #dee2e6;
}
.ad-shield-l{
    float:left;
    width:30px;
}
.ad-shield-r{
    float:left;
    width:calc(100% - 30px);
    padding-left: 10px;
}
.ad-act-okl{
    float:left;
    width:27px;
    padding:2px 0 0 0;
}
.ad-act-okr{
    float:left;
    width:calc(100% - 30px);
    padding: 0 0 0 10px;
}
/*new ad*/
.disphidden{
	visibility: hidden;
}
.ad-top-cnt{
	padding:0 0 35px 0;
	background-color:#ffffff;
	border-bottom:1px solid #dee2e6;
}
.ad-nav-cnt{
	margin-top:0px;
}
.ad-nav-lft{
	float:left;	
	padding: 3px 0 0 0px;
	width:calc(100% - 140px);
}
.ad-nav-rgt{
	float:right;
	width:120px;
}
.ad-nav-back{
	float:left;	
	position:relative;
	height:23px;
	border:1px solid #ccc;
	font-size:0.80rem;
	padding:0 7px 0 5px;
	border-left:0;
	text-align:center;
	width:40px;
	color:#909090;
	cursor:pointer;
	margin-right: 10px;
}
.ad-nav-back:hover{
	border:1px solid #909090;
	border-left:0;
	color:#444;
}
.ad-nav-back:hover .ad-nav-back-hd{
	border-bottom: 1px solid #909090;
    border-left: 1px solid #909090;
}
.ad-nav-back-hd{
	position: absolute;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    height: 16px;
    width: 16px;
    transform: rotate(45deg);
    top: 2px;
    left: -8px;
    cursor: pointer;
}
.ad-nav-back-hd:hover{
    border-bottom: 1px solid #909090;
    border-left: 1px solid #909090;
}
.ad-nav-brdcrb{
	float:left;
	line-height: 1.2;
	width:calc(100% - 60px);
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	display:none;	
}
.ad-nav-brdcrb-sm{
	float:left;
	line-height: 1.1;
	padding-top: 1px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	display:none;	
}
.ad-nav-brdcrb-elm{
	font-size:0.80rem;
}
.ad-nav-brdcrb-sep{
	padding:0 0.30rem;
	font-size:0.80rem;
	color: #6c757d;
}
.ad-hd-cnt{
	margin-top:15px;
}
.ad-hd-lft{
	margin:0 auto;
	max-width: 580px;
}
.ad-tit-sm {
    display: block;
    max-width: 580px;
    margin: 0 auto 15px auto;
}
.ad-hd-img{
	height:420px;
	overflow:hidden;
	position:relative;
}
.ad-hd-img-bg{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height:100%;
    background-repeat: repeat;
    z-index: 1;
    filter: blur(5px);
}
.ad-hd-img-main{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.4);
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.ad-hd-noimg{
	background-color: #f2f2f2;
    height: 100%;
    border: 1px solid #ccc;
    text-align: center;
	width: 100%;
}
.ad-img-arr{
	position:absolute;
	top:172.5px;
	left:0px;
	background-color:#ffffff;
	border:1px solid #ccc;		
	display: flex;
    align-items: center;
    justify-content: center;
	width:30px;
	height:75px;
	z-index: 100;
    cursor: pointer;
}
.ad-img-arr:hover{
	background-color:#444;
}
.ad-img-arr-lft{
	border-left:0;
}
.ad-img-arr-rgt{
	left:unset;
	right:0px;
	border-right:0;
}
.ad-img-xtr{
	margin-top:10px;
	display: grid;
	grid-template-columns: 7.5% 85% 7.5%;
	height:72px;
	overflow: hidden;
}
.ad-img-xtr-side{
	height:100%;
	background:#fff;
	z-index:100;
	padding-right:15px;
}
.ad-xtr-arr{
	display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	background-color:#ffffff;
	border:1px solid #ccc;
	height:40px;
	margin-top:15px;
}
.ad-xtr-arr:hover{
	background-color:#f2f2f2;
}
.ad-xtr-img{
	display: flex;
	gap:5px;
	overflow-x:hidden;
	border-right: 0px solid #ccc;
	margin:0;
	transition: 2s;
}
.ad-xtr-img-mid{
	justify-content: center;
}
.ad-xtr-img-mid{
	justify-content: center;
}
.ad-xtr-img-anim {
    transition: 5s;
    margin:0 0 0 300px;
}
.ad-xtr-img-elm{
	border:1px solid #ccc;
	padding:1px;
	height:100%;
	width:80px;
	cursor:pointer;
	flex: 0 0 80px;
}
.ad-xtr-img-elm-on{
	border:2px solid #444444;
}
.ad-img-canvas80x70{
	width:80px;
	height:70px;
	object-fit:cover;
}
.ad-zoom-mid{
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow:auto;
}
.ad-zoom-pg{
	position:absolute;
	top:10px;
	left:10px;
	color:#fff;
	font-size:1rem;
	font-weight:500;
}
.ad-zoom-x{
	position:absolute;
	top:10px;
	right:25px;
	padding: 7px 10px 10px 10px;
	border:1px solid #444;
	color:#fff;
	font-size:1rem;
	font-weight:700;
	line-height:1;
	cursor:pointer;
}
.ad-zoom-x:hover{
	border:1px solid #ffffff;
}
.ad-zoom-arr{
	position:absolute;
	top:calc(50% - 20px);
	left:10px;
	height:50px;
	width:50px;
	border:1px solid #444;
	cursor:pointer;
	display: flex;
	align-items: center;
	justify-content: center; 
}
.ad-zoom-arrrgt{
	left:unset;
	right:25px;
}
.ad-zoom-arr:hover{
	border:1px solid #ffffff;
}
.ad-hd-rgt{
	margin:0 auto;
	max-width:580px;	
}
.ad-tit-lg{
	display:none;
}
.ad-btns-icn{
	float: left;
	margin: 0 20px 0 0;
	width:50px;
	height:42px;
	padding:7px;
	border:1px solid #dee2e6;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
	-moz-box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
	box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
}
.ad-btns-icn:hover{
    background-color: #f2f2f2;
}
.ad-btns-txt{
	font-weight:600;
	font-size:1.4rem;
	margin-right:auto;
}
.ad-hd-btns{
	width:260px;
	padding:25px 0 0 0;
	margin:0 auto;
}
.ad-hd-resum{
	position:relative;
	margin:25px auto 0 auto;
	max-width:415px;
	height:320px;
}
.ad-resum-loc{
	margin-top:10px;
}
.ad-resum-loc-icn{
	float:left;
}
.ad-resum-loc-txt{
	float:left;
	padding-top:2px;
	margin-left:5px;
}
.ad-resum-price{
	margin-top:4px;
	border: 1px solid #ccc;
    padding:10px;
    border-top: 2px solid #4173CD;
}
.ad-price-txt{
	float:left;
	height: 25px;
    display: flex;
    align-items: center;
	color: #BF0004;
    width: calc(100% - 65px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;	
}
.ad-price-txth{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight: 400;
	margin-bottom:0;
	line-height: 0.95;
}
.ad-price-chse{
	float:right;
	padding-top:1px;
	width: 65px;
}
.ad-price-conv{
	margin-top:1px;
	text-align:left;
	font-weight:500;
	font-size:1.2rem;
	color:#444444;
	display:none;
}
.ad-rate-qtn{
	margin-top:10px;
}
.ad-rate-dlr{
	float:left;
	font-size:1rem;
}
.ad-rate-sep{
	float:left;
	font-size:1.5rem;
	font-weight:500;
	padding:0 10px;
	line-height: 0.8;
	color:#444;
}
.ad-rate-dsign{
	font-weight:600;
}
.ad-btn-ph-msg{
	margin-top:10px;
	text-align:right;
}
.ad-btn-phone{
	float:left;
	background-color: #2355AF;
    cursor: pointer;
    color: #fff;
    font-family: Arial;
    font-size: 16px;
    padding: 5px 20px 4px 20px;
    text-decoration: none;
    text-align: center;
	width:45%;
	position:relative;
}
.ad-btn-phone:hover {
    background-color:#4173CD;
    color:#fff;
}
.ad-btn-phone-view{
	position:absolute;
	background-color:#fff;
	border:1px solid #ccc;
	padding:5px 10px;
	text-align:center;
	width:100%;
	top:38px;
	left:0;
	color:#444;
	font-weight: 600;
    font-size: 1rem;
	display:none;
}
.ad-btn-msg{
	float:right;
	border:1px solid #2355AF;
	cursor:pointer;
	color:#2355AF;
	font-family:Arial;
    font-size: 16px;
    padding: 3px 20px 4px 20px;
    width: 100%;
    text-decoration:none;
    text-align: center;
	width:45%;
	margin-left:10%;
}
.ad-btn-msg:hover {
    background-color:#f2f2f2;
    color:#2355AF;
}
.ad-mid-bx{
	display: flex;
	justify-content: center;
}
.ad-btn-cart{
	border: 1px solid #ddd;
	cursor:pointer;
	color:#2355AF;
	font-family:Arial;
    font-size: 16px;
    padding: 5px 0px 4px 0px;
    width: 100%;
    text-decoration:none;
    text-align: center;
    background:linear-gradient(to bottom, #ffffff 5%, #fcfcfc 100%);
	background-color:#ffffff;
	margin-top:15px;
}
.ad-btn-cart:hover{
	background:linear-gradient(to bottom, #fcfcfc 5%, #ffffff 100%);
	background-color:#fcfcfc;
    color:#2355AF;
	border: 1px solid #b5b5b5;
}
.ad-opt-cnt{
	margin-top:25px;
	text-align:center;
}
.ad-opt-tit{
	font-weight:600;
	font-size:1.1rem;
	margin-bottom:5px;
}
.ad-bdge{
	padding:3px 15px 5px 15px;
	background-color:#ECEDF1;
	color:#222222;
	margin-right:11px;
	font-weight:600;
	font-size:0.90rem;
}
.ad-usr-cnt{
	margin:30px auto 0 auto;
	border:2px dashed #ccc;
	padding:8px 10px;
	width:250px;
}
.ad-usr-icon{
	float:left;
	background-color:#f2f2f2;
	display: flex;
    align-items: center;
    justify-content: center;
	height:30px;
	width:35px;
	padding:5px;
}
.ad-usr-ads{
	float:right;
	height:30px;
	width:35px;	
	background-color:#f2f2f2;
	display: flex;
    align-items: center;
    justify-content: center;
	color:#222222;
	font-weight:600;
	font-size:0.90rem;
}
.ad-usr-mr{
	float:right;
	height:30px;
	display: flex;
    align-items: center;
    justify-content: center;
	color:#333333;
	font-weight:600;
	font-size:0.90rem;
}
.ad-stat-cnt{
	padding:7px 0 10px 0;
}
.ad-stat-lft{
	float:left;	
}
.ad-stat-sep{
	float:left;	
	width:30px;
}
.ad-stat-rep{
	float:right;
}
.ad-stat-lft-txt{
	float:left;	
	font-size:0.8rem;
	padding:3px 0px 0 10px;
	color:#727272;
}
.ad-bot-lft{
	margin-right:0px;
}
.ad-feat-bx{
	margin:0 auto 30px auto;
	max-width:800px;
}
.ad-feat-cnt{
	display: flex;
	gap:10px;
	padding:0 0 5px 0;
	overflow-y:auto;
	flex: 0 0 250px;
}
.ad-feat-elm{
	flex: 0 0 250px;
	/*height:360px;*/
	border:1px solid #dee2e6;
	padding:15px;
	background-color:#ffffff;
}
.ad-bot-rgt{
	margin:20px 0 0 0;
}
.ad-feat-elm-tit{
	font-weight:500;
	font-size:0.95rem;
	margin-top:10px;
}
.ad-feat-elm-vl{
	/*font-weight:500;*/
	font-size:0.95rem;
	color:#85898D;
	padding:0px 0 0 15px;
}
.ad-shield-txt{
	margin-top:5px;
	font-size:0.95rem;
}
.ad-sell-urs{
	border:1px solid #dee2e6;
	padding:15px;
	background-color:#ffffff;
}
.ad-sell-bill{
	text-align:left;
}
.ad-sell-tit{
	font-weight:600;
	font-size:1.2rem;
}
.ad-sell-stxt{
	font-weight:400;
	font-size:0.95rem;
	color:#727272;
}
.ad-sell-btn{
	margin-top:15px;
}
.ad-xtra-cnt{
	margin-top:30px;
	width: 100%;
}
.ad-xtra-txt{
	border-bottom:1px solid #dee2e6;
	display:none;
}
.ad-simi-txt{
	border-bottom:1px solid #dee2e6;
}
.ad-xtra-txt-sm{
	border-bottom:1px solid #aeaeae;
}
.ad-xtra-tit{
	border-bottom:2px solid #909090;
	display:inline-block;
	padding-bottom:7px;
	margin-right:25px;
}
.ad-xtra-tit-off{
	border-bottom:0px solid #909090;
	color:#aeaeae;
	cursor:pointer;
}
.ad-xtra-tit-off:hover{
	border-bottom:2px solid #909090;
	color:inherit;
}
.ad-qtn-frm{
	margin-top:10px;
	color: #909090;
}
.ad-qtn-frm-icn{
	float:left;
	border:1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 35px;
    padding: 5px;
}
.ad-qtn-frm-nm{
	float:left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    margin: 0px 0 0 10px;
	font-size:1rem;
}
.ad-qtn-q{
	font-weight:500;
	margin: 0px 0 0 45px;
	font-size:1rem;
}
.ad-qtn-a{
	font-weight:400;
	margin: 5px 0 0 45px;
	color: #444;
}
.ad-qtn-b{
	float:left;
}
.ad-qtn-c{
	float:left;
}
.ad-qtn-d{
	float:right;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
	text-align:right;
	font-size:0.85rem;
}
.ad-qtn-bxs{
	margin-top:20px;
}
.ad-qtn-bx{
	max-width:500px;
	margin:0 auto 30px auto;
	border: 1px solid #dee2e6;
    background-color: #fff;
    padding: 10px 10px 20px 10px;
}
.ad-qtn-bx:nth-child(2){
	margin-bottom:0px;
}
.ad-qtn-usr{
	float: left;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 35px;
    padding: 5px;
}
.ad-qtn-icn{
	max-width:25px;
}
.ad-qtn-usr-txt{
	float: left;
    margin: 0 0 0 5px;
    font-weight: 400;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    font-size: 0.90rem;
}
.ad-qtn-dt{
	float: right;
    margin: 0 0 0 5px;
    font-size: 0.85rem;
    font-weight: 400;
    color: #909090;
	padding-top: 4px;
}
.ad-qtn-qr{
	margin-top:5px;
	font-size:0.95rem;
}
.ad-qtn-ql{
	float:left;
	width: 40px;
	font-weight: 500;
	margin-right:0px;
	color:#BF0004;
	text-align:center;
}
.ad-qtn-qt{
	float:left;
	width: calc(100% - 40px);
	font-weight: 500;
}
.ad-qtn-rl{
	float:left;
	width: 40px;
	margin-right:0px;
	font-weight: 500;
	color:#4173CD;
	text-align:center;
}
.ad-qtn-rt{
	float:left;
	width: calc(100% - 40px);
}
.ad-qtn-qsrs{
	max-height:150px;
	overflow-y:auto;
}
.ad-sim-cnt{
	margin-top:30px;
	overflow: hidden;
}
.ad-sim-bx{
	position:relative;
}
.ad-sim-els{
	margin-top:20px;
}
.ad-sim-elms{
	display: flex;
	gap:43.5px;
	overflow-x:hidden;
	height: 201px;
	margin:20px 0 0 0;
	transition: 2s;
}
.ad-sim-elm{
	width: 185px;
    cursor: pointer;
    flex: 0 0 185px;
	border:0px solid #ccc;
}
.ad-sim-img{
	height:150px;
}
.ad-sim-txt{
	padding-top: 5px;
    height: 50px;
    font-size: 0.90rem;
}
.ad-sim-price{
	font-weight: 500;
    font-size: 1rem;
}
.ad-sim-arr{
	position:absolute;
	top:55px;
	left:-1px;
	display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #ffffff;
    border: 1px solid #ccc;
    height: 40px;
	width:30px;
	z-index:100;
}
.ad-sim-arr-rgt{
	left:unset;
	right:-1px;
}
.ad-sim-arr:hover{
	background-color:#f2f2f2;
	border:1px solid #aeaeae;
}
/*end new ad*/
@media(min-width: 300px){
	.ad-nav-brdcrb-sm{
		display:block;
	}
}
@media(min-width: 350px){
    .ad-btn-lft{
        float: left;
        width: 47.5%;
        max-width: unset;
        margin: 0;
    }
    .ad-btn-rgt{
        float: right;
        width: 47.5%;
        max-width: unset;
        margin: 0;
    }
}
@media(min-width: 800px){	
	.ad-feat-cnt{
		overflow-x:auto;
		overflow-y:hidden;
	}
	.ad-qtn-bx{
		float:left;
		width:47.5%;
		max-width:unset;
		margin:0;
		margin-right:5%;
	}
	.ad-qtn-bx:nth-child(2){
		margin-right:0px;
	}
	.ad-xtra-txt{
		display:block;
	}
	.ad-xtra-txt-sm{
		display:none;
	}
}
@media(min-width: 900px){
	.ad-nav-brdcrb{
		display:block;
	}
	.ad-nav-brdcrb-sm{
		display:none;
	}
	.btn-mn{
		display:none;
	}
    .ad-dsc-spec{
        float:left;
        width: calc(100% - 370px);
    }
    .ad-usr-dsc{
        float:right;
        width: 350px;
        margin:0;
        max-width: unset;
    }
}
@media(min-width: 950px){
	.ad-hd-lft{
		float:left;
		margin:0;
		width:480px;
		max-width: unset;
	}
	.ad-tit-sm{
		display:none;
	}
	.ad-hd-btns{
		float:left;
		width:100px;
		padding:0 10px;
	}
	.ad-btns-icn{
		float: none;
		margin: 20px auto 0 auto;
	}
	.ad-hd-rgt{
		float:left;
		margin:0;
		width:calc(100% - 480px);	
		max-width:unset;
	}
	.ad-tit-lg{
		display:block;
	}
	.ad-hd-resum{
		float:left;
		width:calc(100% - 100px);
		margin:0;
		height:500px;
		max-width:unset;
	}
	.ad-hd-resum-nimg{
		height:420px;
	}
	.ad-usr-cnt{		
		margin:0;
		position:absolute;
		bottom:0;
		right:0;
	}
}
@media(min-width: 1050px){
    .ad-imgs{
        float: left;
        width:580px;
        height: 500px;
        background-color: #fff;
        margin:0;
    }
    .ad-icn-usr{
        float: left;
        width:calc(100% - 580px);
        height: 100%;
        margin:0;
    }
    .ad-icn{
        float: left;
        width:100px;
        height: 100%;
        padding:0 10px;
        max-width:unset;
        margin: 0;
    }
    .ad-usr{
        float: left;
        width:calc(100% - 100px);
        height: 100%;
        max-width:unset;
        margin: 0;
    }
    .ad-icn-bx{
        float: none;
        margin: 20px auto 0 auto;
        width:50px;
        height:42px;
        padding:7px;
        border:1px solid #dee2e6;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
        -moz-box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
        box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
    }
    .ad-tit-sm{
        display: none;
    }
    .ad-tit-lg{
        display: block;
    }
    .ad-pri-rgt{
        float: right;
        padding-top:6px;  
    }
}
@media(min-width: 1100px){
    .ad-simi-arr{
        display: none;
    }
	.ad-hd-lft{
		width:580px;
	}
	.ad-hd-rgt{
		width:calc(100% - 580px);	
	}
	.ad-bot-lft{
		float:left;
		width:780px;
		margin-right:20px;
	}
	.ad-bot-rgt{
		float:right;
		width:calc(100% - 810px);
		margin:0;
	}
}
/* end ad */
/* ad view */
.ad-vw-lft{
	width:100%;
	margin-right:0px;
}
.ad-vw-rgt{
	max-width:500px;
	margin:20px auto 0 auto;
}
.ad-vw-img{
	border-top:5px solid #4173CD;
}
.ad-vw-img-bd{
	height:450px;
	background-color:#dedede;
	position:relative;
	cursor:pointer;
	display: flex;
    align-items: center;
    justify-content: center;
	overflow: hidden;
}
.ad-vw-img-bg{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: repeat;
    z-index: 1;
    filter: blur(5px);
}
.ad-vw-noimg-bd{
	height:250px;
	cursor:default;
}
.ad-vw-img-arr{
	position:absolute;
	top:calc(50% - 25px);
	left:0px;
	height:50px;
	width:30px;
	border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index: 100;
    cursor: pointer;
	border-left:0;
	/*background-color:rgb(255, 255, 255, 0.5);*/
}
.ad-vw-img-arr:hover{
	background-color:#444;
}
.ad-vw-img-arr-rgt{
	right:0px;
	left:unset;
	border-left:1px solid #ccc;
	border-right:0px;
}
.ad-vw-img-ft{
	display: flex;
    align-items: center;
    justify-content: center;
	padding-top:10px;
}
.ad-vw-img-ft-elm{
	float:left;
	height:120px;
	width:18.8%;
	margin-right:1.5%;
	border:1px solid #ccc;
	cursor:pointer;
	position:relative;
}
.ad-vw-img-ft-cnt{
	width:100%;
	height:100%;
	background-color:rgb(0, 0, 0, 0.7);
	display: flex;
    align-items: center;
    justify-content: center;
	color:#fff;
	font-size:1.2rem;
	font-weight:600;
	position:absolute;
	top:0;
	left:0;
	/*display:none;*/
}
.ad-vw-img-fit{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.ad-vw-price-histo{
	margin-top:15px;
	border:1px solid #bcbcbc;/*FFAAAE*/
	text-align:center;
	padding:5px 0;
	color:#BF0004;
	cursor:pointer;
	font-size:0.9rem;
}
.ad-vw-price-histo:hover{
	background-color:#FFF0F4;
}
.ad-vw-icn{
	float:left;
	width:19.75%;
	height:40px;
	margin-right:7%;
	padding: 9px;
    border: 1px solid #dee2e6;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
    -moz-box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
    box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);	
}
.ad-vw-icn:hover{
    background-color: #f2f2f2;
}
.ad-vw-price-qtn{
	border:1px solid #ccc;
	color:#727272;
	padding:5px 10px;
	cursor:pointer;
	font-size:0.9rem;
}
.ad-vw-price-qtn:hover{
	background-color:#f2f2f2;
	color:#444;
}
.ad-vw-price-qtn-icn{
	float:left;
	line-height:0;
	padding:2px 6px 0 0;
}
.ad-vw-price-qtn-lft{
	float:left;
}
.ad-vw-price-qtn-rgt{
	float:right;
}
.ad-vw-bx-shd{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
    -moz-box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
    box-shadow: 0px 0px 5px 0px rgba(174,174,174,0.65);
}
.ad-btns-icn-on{
	border: 2px dashed #909090;
}
.ad-img-arr-dis{
	background-color: transparent;
	cursor: default;
	border-color:transparent;
}
.ad-img-arr-dis:hover{
	background-color: transparent;
}
.ad-img-arr-clr-dis{
	opacity: 0.4;
}
@media(min-width: 900px){
	.ad-vw-lft{
		float:left;
		width:calc(100% - 385px);
		margin-right:20px;
	}
	.ad-vw-rgt{
		float:right;
		max-width:unset;
		width:365px;
		margin:0;
	}
	.ad-xtra-cnt{
		width: calc(100% - 385px);
	}
}
/* end ad view */
/* adcrt */
.ad-crt{
    padding-top: 10px;
}
.ad-crt-titcnt{
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 10px 0;
}
.ad-crt-nb{
    float: left;
    background: #f2f2f2;
    padding: 5px 10px 0px 10px;
    margin-right: 10px;
    font-weight: bold;
}
.ad-crt-tit{
    float: left;
    padding-top: 5px;
}
.ad-crt-inp{
    color: #383838;
    padding: 0px 10px;
    width: 100%;
    height: 40px;
    border: 1px solid #DEDFE0;
    line-height: 3;
}
.ad-crt-cat-bx {
    max-width: 500px;
    border: 1px solid #ececee;
    color: #6C6C6C;
}
.ad-crt-cat-bx-lft {
    float: left;
    width: calc(100% - 50px);
    padding: 10px 5px 10px 15px;
}
.ad-crt-cat-bx-rgt {
    float: right;
    text-align: center;
    width: 50px;
    padding: 10px 0;
    border-left: 1px solid #ececee;
    color: #6C6C6C;
    cursor: pointer;
}
.ad-crt-cat-bx-rgt:hover{
    background-color: #f2f2f2;
    color:#9B2020;
}
.ad-crt-bx-ht {
    max-height: 450px;
    max-width: 500px;
    overflow: auto;
    border-top: 0px solid #ececee;
    border-bottom: 0px solid #ececee;
}
.ad-crt-cat-bx-on {
    cursor: pointer;
}
.ad-crt-cat-bx-on:hover{
    background-color: #eaeaea;
}
.ad-crt-cat-bx-fll {
    padding: 15px 15px;
}
.ad-crt-cat-bx-no-brd {
    border-top: 0;
}
.ad-crt-catarr{
    font-size:18px;
    color:#ccc;
    text-align: center;
    display: none;
    padding: 0px 0 20px 0;
    max-width: 500px;
}
.ad-crt-catwait{
    padding: 30px 0;
    text-align: center;    
    max-width: 500px;
}
.ad-crt-chkbx{
	border:1px solid #ccc;
	padding:3px;
	cursor:pointer;
}
.ad-crt-chkbx-on{
	background:#2B60DE;
	height:15px;
	width:15px;
}
.ad-crt-chkbx-off{
	background:#fff;
	height:15px;
	width:15px;
}
.ad-crt-curr-sel{
	color:#767676;width:100%;height:40px;
	border:1px solid #ccc;
	border-left:0;padding:5px;
}
.ad-crt-inp-pad{
	color: #383838;
    padding: 0px 10px;
    width: 100%;
    height: 40px;
    border: 1px solid #DEDFE0;
	line-height: 3;
}
.ad-crt-media-bx{
	margin-top:20px;padding-left:15px;
	font: 13px/16px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.ad-crt-img-lft{
    float: left;margin: 0 20px 20px 0;
}
.ad-crt-img-bx{
    position: relative;
    border:1px solid #eaeaea;
    padding:10px;
    width:170px;
    height:120px;
}
.ad-crt-img-up{
    border:2px dashed #d9d9d9;
    padding:30px 10px 10px 10px;
    width:170px;
    height:120px;
    background-color: #fafafa;
    text-align: center;
    color:#626262;
    cursor: pointer;
}
.ad-crt-img-up:hover{
    border:2px dashed #444;
}
.ad-crt-img-trh{
    margin:10px 0 0 0;
    font-size:18px;
    color:#C2C2C2;
    text-align: center;
}
.ad-crt-up-speed{
	margin-top:10px;
	height:10px;
	background-color:#fafafa;
	border-radius:0;
	/*display:none;*/
}
.ad-crt-up-speed-vw{
	border:1px solid #ccc;
	background-color:#fff;
}
.sel-auto{
	position:absolute;
	top:39px;
	left:10px;
	width:100%;
	border:1px solid #ccc;
	background:#fff;
	max-height:200px;
	overflow-y:auto;
	display:none;
	font-size:16px;
	z-index: 100;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(174,174,174,1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(174,174,174,1);
	box-shadow: 0px 5px 5px 0px rgba(174,174,174,1);	
}
.auto-elm{
	padding:10px;
	cursor:pointer;
}
.auto-elm-gron{
	background-color:#f2f2f2;
}
.auto-elm-gron:hover{
	background-color:#007dc8;
	color:#fff;
}
.auto-elm:hover{
	background:#007dc8;
	color:#fff;
}
.ad-crt-trash{
    padding: 3px 3px 6px 3px;
    cursor:pointer;    
}
.ad-crt-trash:hover{
    border:2px dashed #FF8282;  
}
/* end adcrt */
/* cart */
.cart-l{
    float: left;
    width: 100%;
}
.cart-r{
    float: right;
    width:350px;
    display: none;
}
.cart-cnt{
    padding:10px 0 20px 0;
}
.cart-msg-bx{
    border:1px solid #dee2e6;
    background-color: #fff;
    padding:10px 20px;
    border-top: 2px solid #4173CD;
}
.cart-elm{
    border: 1px solid #ccc;
    background-color: #fff;
    padding:10px 10px;
    margin-top: 15px;
}
.cart-img{
    width:100px;
    height: 140px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    float: left;
}
.cart-txt{    
    float: left;
    width:calc(100% - 120px);
}
.cart-tit{
    float: left;
    width: 100%;
    padding: 0 10px;
}
.cart-pri{
    float: left;
    width: 35%;   
    color:#BF0004; 
    padding-top: 3px;
    display: none;
}
.cart-chk{    
    float: left;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 140px;
}
.cart-act{
    margin-top: 15px;
    max-width: 135px;
    font-size: 14px;
}
.cart-title{
    height: 60px;
    display: none;
}    
.cart-title-sm{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cart-pri-sm{
    margin-top:10px;
    color:#BF0004; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cart-checkout{
    border: 1px solid #ccc;
    background-color: #fff;
    padding:10px 10px;
}
.cart-chck-act{
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    color: #333;
}
.cart-sel{
    height: 34px;
    width: 100%;
    padding: 0 5px;
    border: 1px solid #aeaeae;
    color: #505050;
}
.cart-total{
    border-top:1px solid #ccc;
    padding: 15px 0 5px 0;
}
.cart-allcheck{
    font-size: 13px;
    padding-bottom: 3px;
}
.cart-empty{
    padding:40px 0;
    text-align: center;
    min-height: 500px;
}
.cart-btn{
    border:1px solid #4173CD;
    background-color: #fff;
	display:inline-block;
	cursor:pointer;
	color:#4173CD;
	font-family:Arial;
    font-size: 16px;
    padding: 2px 0 1px 0;
    width: 100%;
    text-decoration:none;
    text-align: center;
}
.cart-btn:hover {
    background-color:#DCE8F8;
    text-decoration:none;
}
.cart-btn:active {
	position:relative;
	top:1px;
}
.cart-total-pri{
    float: right;
    color:#BF0004;
    font-weight: 600; 
}
.cart-err{
    border: 1px solid #f5c2c7;
    background-color: #f8d7da;
    color: #842029;
    border-top: 2px solid #842029;
}
.cart-checkout-sm{
    margin-top: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding:10px 10px;
}
.cart-checkout-sma{
    float: left;
}
.cart-checkout-smb{
    text-align: right;
    float: right;
}
.cart-checkout-sm-acta{
    margin-top: 10px;
    float: left;
    width:47.5%;
}
.cart-checkout-sm-actb{
    margin-top: 10px;
    text-align: right;
    width:47.5%;
    float: right;
}
@media(min-width: 800px){  
    .cart-img{
        width:150px;
    }
    .cart-txt{    
        width:calc(100% - 170px);
    }
}
@media(min-width: 1100px){  
    .cart-l{
        width: calc(100% - 370px);
    }
    .cart-r{
        width:350px;
        display: block;
    }
    .cart-checkout-sm{
        display: none;
    }
    .cart-title{
        height: 60px;
        display: block;
    }
    .cart-title-sm{
        display: none;   
    }
    .cart-tit{
        width: 65%;    
    }
    .cart-pri{
        display: block;
    }
    .cart-pri-sm{
        display: none;
    }
}
/* end cart */
/* user */
.usr-log{
    margin:3% auto 0 auto;
    max-width: 900px;
    padding:0 10px;
}
.usr-log-l{
    margin:0 auto 0 auto;
    max-width: 500px;
    background-color: #fff;
    padding:40px 30px 50px 30px;
}
.usr-log-r{
    margin:40px auto 0 auto;
    max-width: 350px;
    background-color: #fff;
    padding:30px 20px;
    text-align: center;
}
.usr-log-bxinp{
    max-width:350px;
    margin:0 auto;
}
.usr-log-in{
    border:0;
    border-bottom: 1px solid #ccc; 
    background-color: #fff;
    padding: 5px;
    width: 100%;
}
.usr-log-in:focus{
    border-bottom: 2px solid #444; 
}
.usr-cnt{
    margin:0px auto;
    max-width: 1120px;
    padding:20px 10px;
}
.usr-menu{   
    padding: 14px 10px 0 10px;
    overflow-y: auto;
    border-bottom: 0px solid #dee2e6;
    background-color: #fff;
}
.usr-menu-cont{
    display: flex;
    margin: 0 auto;
    max-width: 1100px;
    font-weight: 500;
    font-size: 15px;
}
.usr-mn-elm{
    padding:8px 30px;
    margin-right:20px;
    cursor: pointer;
}
.usr-mn-elm-on{
    background-color: #f7f7f7;
    border:1px solid #dee2e6;
    border-bottom: 0;
    position: relative;
}
.usr-mn-elm-on-bar{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #f7f7f7;
}
.usr-mn-elm-off{
    background-color: #ffffff;
    border:1px solid #dee2e6;
    border-bottom: 0;
}
.usr-mn-elm:hover{
    background-color: #fff;
    border:1px solid #ccc;
    border-bottom: 0;
}
.usr-my-ad-bx{
    margin-top: 20px;
    padding:20px;
    background-color: #fff;
    position: relative;
}
.usr-my-ad-bx-replied{
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: #505050;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.usr-my-ad-img{
    float: left;
    width:115px;
    height:125px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}
.usr-my-ad-txt{
    float: left;
    width:calc(100% - 115px);
    padding:5px 0 0 20px;
}
.usr-my-ad-tit{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.usr-my-ad-pri{
    margin-top: 5px;
    color:#BF0004;
    font-weight: 600; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.usr-my-ad-dsc{
    margin-top: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.usr-my-ad-act{
    margin-top: 8px;
    border-top:1px solid #dee2e6;
    white-space: nowrap;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    font-size: 13px;
}
.usr-my-ad-act-stat{
    float: left;
    padding-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 30px);
}
.usr-my-ad-act-pls{
    float: right;
    background-color: #f2f2f2;
    width:30px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#444;
    margin-top: 5px;
    cursor: pointer;
    position: relative;
}
.usr-my-ad-act-pls-more{
    position: absolute;
    top: -6px;
    left: -155px;
    width: 150px;
    height: 37px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding:7px 10px 5px 10px;
    display: none;
}
.usr-my-msg-ava{
    float: left;
    width: 45px;
    height: 55px;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
}
.usr-my-msg-txt{
    float: left;
    width: calc(100% - 45px);
    padding: 2px 0 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.usr-my-msg-img{
    position: absolute;
    top:20px;
    right:20px;
    width: 70px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}
.usr-my-msg-img-cnt{
    width:60px;
    height:55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}
.usr-my-ad-nm{
    margin-top: 0px;
    color:#aeaeae;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.usr-chat-box{
    background-color: #fff;
    border-top:1px solid #dee2e6;
}
.usr-chat-msg-bx{    
    padding: 15px 10px 0px 20px;
}
.usr-chat-msg{
    height: 300px;
    overflow-y: auto;
    border: 2px solid #4173CD;
    padding:5px;
    float: left;
    width:calc(100% - 35px);
    overflow-y: auto;
}
.usr-chat-icn{
    height: 300px;
    width: 35px;
    padding: 0 0 0 10px;
    text-align: center;
    float: left;    
}
.usr-chat-inp{
    height: 70px;
    overflow-y: auto;
    border-top: 1px solid #dee2e6;
    padding: 10px 20px;
    margin-top: 10px;
}
.usr-chat-send-inp{
    float: left;
    height: 100%;
    width:calc(100% - 60px);
    border: 2px solid #4173CD;
    padding: 5px 10px;
}
.usr-chat-send-btn{
    float: left;
    height: 100%;
    width:60px;
    background-color: #4173CD;
    color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    padding: 14px 0;
    cursor: pointer;
}
.usr-my-wait{
    text-align: center;
    padding: 50px 0;
}
.usr-my-wait-chat{
    text-align: center;
    padding: 20px 0;
    background-color: #fff;
}
.usr-chat-customer{
    padding: 10px;
    color: #fff;
    background: #4f4c9f;
    border-radius: 5px;
    margin-top: 10px;
}
.usr-chat-owner{
    padding: 10px;
    color: #333;
    background: #f2f2f2;
    border-radius: 5px;
    margin-top: 10px;
}
.usr-chat-inp-in{
    border: 0px;
    font-size: 15px;
    width: 100%;
    height: 35px;
    outline: none;
}
.usr-api-ko{
    padding:50px 0;
    text-align:center;
    color:#464646;
}
.usr-api-ko-sub{
    color:#aeaeae;
}
.usr-talk-txt{
    border: 0px solid #ccc;
    border-radius: 0px;
    box-shadow: none;
    color: #3e414f;
    width: 100%;
    overflow: auto;
    resize: none;
    transition: border-color .2s ease-in-out;
    box-sizing: border-box;
    font-family: Larsseit,Arial,sans-serif;
    font-weight: 400;
    margin: 0;
    height: 40px;
    max-height: 130px;
    padding: 0;
    white-space: pre-wrap;
    width: 100%;
}
@media(min-width: 700px){ 
    .usr-my-msg-ava {
        width: 75px;
        height: 65px;
        font-size: 22px;
    }
    .usr-my-msg-txt{
        width: calc(100% - 75px);
        padding: 5px 0 0 20px;
    }
    .usr-chat-msg {
        padding: 20px;
    }
    .usr-my-ad-nm{
        margin-top: 10px;
    }
    .usr-my-ad-img{
        width:150px;
    }
    .usr-my-ad-txt{
        width:calc(100% - 150px);
    }
}
@media(min-width: 800px){  
    .usr-log-l{
        float: left;
        width: 53%;
        margin: 0;
        max-width: unset;
    }
    .usr-log-r{
        float:right;
        width: 35%;
        margin: 0;
        max-width: unset;
    }
}
@media(min-width: 1100px){  
    .usr-menu{
        padding: 14px 0px 0 0px;
    }
}
/* end user */
/* page */
.pg-lft{
    float: left;
    width:200px;
    padding-right: 10px;
    border-right:1px solid #ccc;
    display: none;
}
.pg-rgt{
    width:calc(100%);
}
.pg-mn-tit{
    margin-top: 30px;
    padding:2px 10px;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    width: max-content;
    font-weight: 500;
}
.pg-mn-sub{
    padding:0 0 0 15px;
    font-size: 15px;
}
.pg-mn-elm{
    margin-top: 8px;
}
@media(min-width: 800px){ 
    .pg-lft{
        float: left;
        width:200px;
        padding-right: 10px;
        border-right:1px solid #ccc;
        display: block;
    }
    .pg-rgt{
        float: left;
        width:calc(100% - 200px);
        padding-left: 20px;
    }
}
/* end page */
/* ft */
.ft-spc{
    padding:10px 0;
}
.ft-cnt{}
.ft-box-blu{
    background-color: #173482;
    color: #ffffff;
    padding: 10px 0;
    display: flex; 
    justify-content: center;
}
.ft-box{
   color: #767676;
   padding-bottom: 50px;
}
.ft-sep{
    padding:30px 0 0 0;
    text-align: center;
}
.ft-lk{
    font-size:14px;
    color:#767676;
}
.ft-lk:hover{
    color:#767676;
}
.ft-bot{
    border-top: 1px solid #ccc;
    padding: 5px 0 7px 0;
    text-align: center;
    font-size: 11px;
}
.ft-txt{
    color:#fff;
    padding:5px 10px 0 0;
    font-weight: 500;
}
.ft-btn{
    color:#fff;
}
.ft-btna{
    background-color: #e7222c;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 5px;
    border: 1px solid #e7222c;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 17px;
    padding: 4px 15px;
    text-decoration: none;
}
.ft-btna:hover{
    color: #ffffff;
    padding: 4px 15px;
}
@media(min-width: 700px){ 
    .ft-spc{
        padding:50px 0;
    }
    .ft-box{
        display: flex; 
        justify-content: center;
     }
     .ft-sep{
        padding:0 30px;
        text-align: left;
     }
}
/* end ft */
/* api */
.api-conf-ok{
    border:1px solid #ccc;
    padding:10px 15px;
    border-left:3px solid #4173CD;
}
/* end api */
/* form */
input[type=text].ad-crt-inp, textarea.ad-crt-txt, select.ad-crt-inp, select.ad-crt-curr-sel{
	@include transition(all 0.30s ease-in-out);
	outline: none;
	box-shadow:0 0 4px 0 #fff;
}
input[type=text].ad-crt-inp:focus, textarea.ad-crt-txt:focus, select.ad-crt-inp:focus, select.ad-crt-curr-sel:focus {
	/*
	outline: none; 
	@include box-shadow(0 0 5px rgba(81, 203, 238, 1));
	*/
	box-shadow:0 0 4px 0 #5a8fef;
	border:solid 1px #5a8fef
}
.ad-frm-inp{
    padding: 5px 10px;
    color: #767676;
    width: 100%;
    border: 1px solid #ccc;
}
.ad-frm-sel{
    padding: 0 5px;
    width: 100%;
    border: 1px solid #ccc;
    height: 33px;
}.ad-frm-txt{
	width:100%;
	padding:5px;
	border: 1px solid #ccc;
}.ad-frm-captcha-bx{
	display: grid;
    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
    grid-gap: 0% 2%;
    margin-right: 10px;
    font-size: 18px;
    padding-top: 2px;
    width: 80px;
	text-align:center;
	text-transform:capitalize;
}
/* end form */
/* btn */
.btn-333-a{
    background-color: #333333;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
    font-size: 16px;
    padding: 2px 0 1px 0;
    width: 100%;
    text-decoration:none;
    text-align: center;
}
.btn-333-a:hover {
    background-color:#474747;
    color:#fff;
    text-decoration:none;
}
.btn-333-a:active {
	position:relative;
	top:1px;
}
.btn-blu-a{
    background-color: #2355AF;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
    font-size: 16px;
    padding: 2px 0 1px 0;
    width: 100%;
    text-decoration:none;
    text-align: center;
}
.btn-blu-a:hover {
    background-color:#4173CD;
    color:#fff;
    text-decoration:none;
}
.btn-blu-a:active {
	position:relative;
	top:1px;
}
.btn-grey-a{
    background-color: #767676;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
    font-size: 16px;
    padding: 2px 0 1px 0;
    width: 100%;
    text-decoration:none;
    text-align: center;
}
.btn-grey-a:hover {
    background-color:#626262;
    color:#fff;
    text-decoration:none;
}
.btn-grey-a:active {
	position:relative;
	top:1px;
}
.btn-green-a{
    background-color: #1E9E1E;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
    font-size: 16px;
    padding: 2px 0 1px 0;
    width: 100%;
    text-decoration:none;
    text-align: center;
}
.btn-green-a:hover {
    background-color:#0A8A0A;
    color:#fff;
    text-decoration:none;
}
.btn-green-a:active {
	position:relative;
	top:1px;
}
.btn-cart{
	border:1px solid #4173CD;
	display:inline-block;
	cursor:pointer;
	color:#4173CD;
	font-family:Arial;
    width: 100%;
    text-decoration:none;
    text-align: center;
    height:27px;
}
.btn-cart:hover {
    background-color:#DCE8F8;
    text-decoration:none;
}
.btn-cart:active {
	position:relative;
	top:1px;
}
.btn-hrt{
    border:1px solid #aeaeae;
	display:inline-block;
	cursor:pointer;
	color:#222222;
	font-family:Arial;
    width: 100%;
    text-decoration:none;
    text-align: center;
    height:27px;
}
.btn-hrt:hover {
    background-color:#f2f2f2;
    text-decoration:none;
	color:#222222;
}
.btn-hrt:active {
	position:relative;
	top:1px;
}
.btn-mn{
	border:1px solid #909090;
	color:#444746;
	height:35px;
	cursor:pointer;
	position:relative;
}
.btn-mn-sm01{
	max-width: 200px;
    height: 30px;
}
.btn-mn-tit{
	font-size:0.9rem;
	font-weight:500;
}
.btn-mn-txt{
	float:left;
	width:calc(100% - 40px);
	height:100%;
	padding:5px 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
    align-items: center;
}
.btn-mn-txt-sm01{
	padding:1px 10px;
}
.btn-mn-arr{
	float:left;
	width:40px;
	height:100%;
	padding:5px 0px;
	text-align:center;
	color:#949796;
}
.btn-mn-arr-sm01{
	padding: 3px 10px;
    font-size: 0.85rem;
}
.btn-mn-xtra{
	position: absolute;
    top: 35px;
    left: -0.5px;
    width: calc(100% + 2px);
    border: 1px solid #aeaeae;
    border-top: 1px solid transparent;
    background-color: #fff;
    z-index: 100;
	box-shadow: 0 1px 6px 0 rgb(34 34 34 / 15%);
	display:none;
}
.btn-mn-xtra-sm01{
	top:30px;
}
.btn-mn-xtra-el{
	padding:5px 10px;
	font-size:0.9rem;
}
.btn-mn-xtra-el:hover {
	background-color:#f2f2f2;
}
.btn-mn-xtra .btn-mn-xtra-el:nth-child(1){
	padding-top:10px;
}
.btn-mn-xtra .btn-mn-xtra-el:nth-last-child(1){
	padding-bottom:10px;
}
.btn-mn:hover .btn-mn-arr{
	color:#444746;
}
/* end btn */
/* gen */
.dispnone{display:none;}.dispblk{display:block;}.dispflx{display:flex;}
.inp-err{border:1px solid #a94442!important;}
.fntz10{ font-size:10px; }.fntz11{ font-size:11px; }.fntz12{ font-size:12px; }.fntz13{ font-size:13px; }.fntz14{ font-size:14px; }.fntz15{ font-size:15px; }.fntz16{ font-size:16px; }
.pd0{padding:0;}.pd20{padding:20px;}
.pd-t0{padding-top:0px;}.pd-t1{padding-top:1px;}.pd-t2{padding-top:2px;}.pd-t3{padding-top:3px;}.pd-t4{padding-top:4px;}.pd-t5{padding-top:5px;}.pd-t6{padding-top:6px;}.pd-t7{padding-top:7px;}.pd-t8{padding-top:8px;}.pd-t9{padding-top:9px;}.pd-t10{padding-top:10px;}.pd-t11{padding-top:11px;}.pd-t12{padding-top:12px;}.pd-t13{padding-top:13px;}.pd-t14{padding-top:14px;}.pd-t15{padding-top:15px;}.pd-t16{padding-top:16px;}.pd-t17{padding-top:17px;}.pd-t18{padding-top:18px;}.pd-t19{padding-top:19px;}.pd-t20{padding-top:20px;}.pd-t21{padding-top:21px;}.pd-t22{padding-top:22px;}.pd-t23{padding-top:23px;}.pd-t24{padding-top:24px;}.pd-t25{padding-top:25px;}.pd-t26{padding-top:26px;}.pd-t27{padding-top:27px;}.pd-t28{padding-top:28px;}.pd-t29{padding-top:29px;}.pd-t30{padding-top:30px;}.pd-t40{padding-top:40px;}.pd-t50{padding-top:50px;}.pd-t60{padding-top:60px;}.pd-t70{padding-top:70px;}.pd-t80{padding-top:80px;}
.pd-r0{padding-right:0px;}.pd-r1{padding-right:1px;}.pd-r2{padding-right:2px;}.pd-r3{padding-right:3px;}.pd-r4{padding-right:4px;}.pd-r5{padding-right:5px;}.pd-r6{padding-right:6px;}.pd-r7{padding-right:7px;}.pd-r8{padding-right:8px;}.pd-r9{padding-right:9px;}.pd-r10{padding-right:10px;}.pd-r11{padding-right:11px;}.pd-r12{padding-right:12px;}.pd-r13{padding-right:13px;}.pd-r14{padding-right:14px;}.pd-r15{padding-right:15px;}.pd-r16{padding-right:16px;}.pd-r17{padding-right:17px;}.pd-r18{padding-right:18px;}.pd-r19{padding-right:19px;}.pd-r20{padding-right:20px;}.pd-r21{padding-right:21px;}.pd-r22{padding-right:22px;}.pd-r23{padding-right:23px;}.pd-r24{padding-right:24px;}.pd-r25{padding-right:25px;}.pd-r26{padding-right:26px;}.pd-r27{padding-right:27px;}.pd-r28{padding-right:28px;}.pd-r29{padding-right:29px;}.pd-r30{padding-right:30px;}.pd-r40{padding-right:40px;}.pd-r50{padding-right:50px;}.pd-r60{padding-right:60px;}.pd-r70{padding-right:70px;}.pd-r80{padding-right:80px;}
.pd-b0{padding-bottom:0px;}.pd-b1{padding-bottom:1px;}.pd-b2{padding-bottom:2px;}.pd-b3{padding-bottom:3px;}.pd-b4{padding-bottom:4px;}.pd-b5{padding-bottom:5px;}.pd-b6{padding-bottom:6px;}.pd-b7{padding-bottom:7px;}.pd-b8{padding-bottom:8px;}.pd-b9{padding-bottom:9px;}.pd-b10{padding-bottom:10px;}.pd-b11{padding-bottom:11px;}.pd-b12{padding-bottom:12px;}.pd-b13{padding-bottom:13px;}.pd-b14{padding-bottom:14px;}.pd-b15{padding-bottom:15px;}.pd-b16{padding-bottom:16px;}.pd-b17{padding-bottom:17px;}.pd-b18{padding-bottom:18px;}.pd-b19{padding-bottom:19px;}.pd-b20{padding-bottom:20px;}.pd-b21{padding-bottom:21px;}.pd-b22{padding-bottom:22px;}.pd-b23{padding-bottom:23px;}.pd-b24{padding-bottom:24px;}.pd-b25{padding-bottom:25px;}.pd-b26{padding-bottom:26px;}.pd-b27{padding-bottom:27px;}.pd-b28{padding-bottom:28px;}.pd-b29{padding-bottom:29px;}.pd-b30{padding-bottom:30px;}.pd-b40{padding-bottom:40px;}.pd-b50{padding-bottom:50px;}.pd-b60{padding-bottom:60px;}.pd-b70{padding-bottom:70px;}.pd-b80{padding-bottom:80px;}
.pd-l0{padding-left:0px;}.pd-l1{padding-left:1px;}.pd-l2{padding-left:2px;}.pd-l3{padding-left:3px;}.pd-l4{padding-left:4px;}.pd-l5{padding-left:5px;}.pd-l6{padding-left:6px;}.pd-l7{padding-left:7px;}.pd-l8{padding-left:8px;}.pd-l9{padding-left:9px;}.pd-l10{padding-left:10px;}.pd-l11{padding-left:11px;}.pd-l12{padding-left:12px;}.pd-l13{padding-left:13px;}.pd-l14{padding-left:14px;}.pd-l15{padding-left:15px;}.pd-l16{padding-left:16px;}.pd-l17{padding-left:17px;}.pd-l18{padding-left:18px;}.pd-l19{padding-left:19px;}.pd-l20{padding-left:20px;}.pd-l21{padding-left:21px;}.pd-l22{padding-left:22px;}.pd-l23{padding-left:23px;}.pd-l24{padding-left:24px;}.pd-l25{padding-left:25px;}.pd-l26{padding-left:26px;}.pd-l27{padding-left:27px;}.pd-l28{padding-left:28px;}.pd-l29{padding-left:29px;}.pd-l30{padding-left:30px;}.pd-l40{padding-left:40px;}.pd-l50{padding-left:50px;}.pd-l60{padding-left:60px;}.pd-l70{padding-left:70px;}.pd-l80{padding-left:80px;}
.mg0{margin:0;}
.mg-t0{margin-top:0px;}.mg-t1{margin-top:1px;}.mg-t2{margin-top:2px;}.mg-t3{margin-top:3px;}.mg-t4{margin-top:4px;}.mg-t5{margin-top:5px;}.mg-t6{margin-top:6px;}.mg-t7{margin-top:7px;}.mg-t8{margin-top:8px;}.mg-t9{margin-top:9px;}.mg-t10{margin-top:10px;}.mg-t11{margin-top:11px;}.mg-t12{margin-top:12px;}.mg-t13{margin-top:13px;}.mg-t14{margin-top:14px;}.mg-t15{margin-top:15px;}.mg-t16{margin-top:16px;}.mg-t17{margin-top:17px;}.mg-t18{margin-top:18px;}.mg-t19{margin-top:19px;}.mg-t20{margin-top:20px;}.mg-t21{margin-top:21px;}.mg-t22{margin-top:22px;}.mg-t23{margin-top:23px;}.mg-t24{margin-top:24px;}.mg-t25{margin-top:25px;}.mg-t26{margin-top:26px;}.mg-t27{margin-top:27px;}.mg-t28{margin-top:28px;}.mg-t29{margin-top:29px;}.mg-t30{margin-top:30px;}.mg-t40{margin-top:40px;}.mg-t50{margin-top:50px;}.mg-t60{margin-top:60px;}.mg-t70{margin-top:70px;}.mg-t80{margin-top:80px;}
.mg-r0{margin-right:0px;}.mg-r1{margin-right:1px;}.mg-r2{margin-right:2px;}.mg-r3{margin-right:3px;}.mg-r4{margin-right:4px;}.mg-r5{margin-right:5px;}.mg-r6{margin-right:6px;}.mg-r7{margin-right:7px;}.mg-r8{margin-right:8px;}.mg-r9{margin-right:9px;}.mg-r10{margin-right:10px;}.mg-r11{margin-right:11px;}.mg-r12{margin-right:12px;}.mg-r13{margin-right:13px;}.mg-r14{margin-right:14px;}.mg-r15{margin-right:15px;}.mg-r16{margin-right:16px;}.mg-r17{margin-right:17px;}.mg-r18{margin-right:18px;}.mg-r19{margin-right:19px;}.mg-r20{margin-right:20px;}.mg-r21{margin-right:21px;}.mg-r22{margin-right:22px;}.mg-r23{margin-right:23px;}.mg-r24{margin-right:24px;}.mg-r25{margin-right:25px;}.mg-r26{margin-right:26px;}.mg-r27{margin-right:27px;}.mg-r28{margin-right:28px;}.mg-r29{margin-right:29px;}.mg-r30{margin-right:30px;}.mg-r40{margin-right:40px;}.mg-r50{margin-right:50px;}.mg-r60{margin-right:60px;}.mg-r70{margin-right:70px;}.mg-r80{margin-right:80px;}
.mg-b0{margin-bottom:0px;}.mg-b1{margin-bottom:1px;}.mg-b2{margin-bottom:2px;}.mg-b3{margin-bottom:3px;}.mg-b4{margin-bottom:4px;}.mg-b5{margin-bottom:5px;}.mg-b6{margin-bottom:6px;}.mg-b7{margin-bottom:7px;}.mg-b8{margin-bottom:8px;}.mg-b9{margin-bottom:9px;}.mg-b10{margin-bottom:10px;}.mg-b11{margin-bottom:11px;}.mg-b12{margin-bottom:12px;}.mg-b13{margin-bottom:13px;}.mg-b14{margin-bottom:14px;}.mg-b15{margin-bottom:15px;}.mg-b16{margin-bottom:16px;}.mg-b17{margin-bottom:17px;}.mg-b18{margin-bottom:18px;}.mg-b19{margin-bottom:19px;}.mg-b20{margin-bottom:20px;}.mg-b21{margin-bottom:21px;}.mg-b22{margin-bottom:22px;}.mg-b23{margin-bottom:23px;}.mg-b24{margin-bottom:24px;}.mg-b25{margin-bottom:25px;}.mg-b26{margin-bottom:26px;}.mg-b27{margin-bottom:27px;}.mg-b28{margin-bottom:28px;}.mg-b29{margin-bottom:29px;}.mg-b30{margin-bottom:30px;}.mg-b40{margin-bottom:40px;}.mg-b50{margin-bottom:50px;}.mg-b60{margin-bottom:60px;}.mg-b70{margin-bottom:70px;}.mg-b80{margin-bottom:80px;}
.mg-l0{margin-left:0px;}.mg-l1{margin-left:1px;}.mg-l2{margin-left:2px;}.mg-l3{margin-left:3px;}.mg-l4{margin-left:4px;}.mg-l5{margin-left:5px;}.mg-l6{margin-left:6px;}.mg-l7{margin-left:7px;}.mg-l8{margin-left:8px;}.mg-l9{margin-left:9px;}.mg-l10{margin-left:10px;}.mg-l11{margin-left:11px;}.mg-l12{margin-left:12px;}.mg-l13{margin-left:13px;}.mg-l14{margin-left:14px;}.mg-l15{margin-left:15px;}.mg-l16{margin-left:16px;}.mg-l17{margin-left:17px;}.mg-l18{margin-left:18px;}.mg-l19{margin-left:19px;}.mg-l20{margin-left:20px;}.mg-l21{margin-left:21px;}.mg-l22{margin-left:22px;}.mg-l23{margin-left:23px;}.mg-l24{margin-left:24px;}.mg-l25{margin-left:25px;}.mg-l26{margin-left:26px;}.mg-l27{margin-left:27px;}.mg-l28{margin-left:28px;}.mg-l29{margin-left:29px;}.mg-l30{margin-left:30px;}.mg-l40{margin-left:40px;}.mg-l50{margin-left:50px;}.mg-l60{margin-left:60px;}.mg-l70{margin-left:70px;}.mg-l80{margin-left:80px;}
.bd-0{border:0;}.bd-t0{border-top:0;}.bd-r0{border-right:0;}.bd-b0{border-bottom:0;}.bd-l0{border-left:0;}
.bd-0:hover{border:0;}.bd-t0:hover{border-top:0;}.bd-r0:hover{border-right:0;}.bd-b0:hover{border-bottom:0;}.bd-l0:hover{border-left:0;}
.bd-t1{border-top-width:1px;}.bd-r1{border-right-width:1px;}.bd-b1{border-bottom-width:1px;}.bd-l1{border-left-width:1px;}
.bd-rd0{border-radius:0;}
.clr-red{ background-color:#E7222C; }
.clr-blu{ background-color:#4173CD; }
.bg-red{ background-color:#E7222C; }
.bg-blu{ background-color:#4173CD; }