@charset "utf-8";

body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,caption,label,input,textarea,button,select,iframe,object,header,footer,nav,hgroup,section,article,aside{margin: 0;padding: 0;font-family: 'NG','맑은 고딕','dotum','verdana';}
img,a,span,abbr,address,pre,code,del,em,strong,sub,sup{margin: 0;padding: 0;}

i{font-style: normal;}

body,textarea{}
body,input,textarea,select,button,table,th,td{font-style: normal; font-variant: normal; font-family: 'NG','맑은 고딕','dotum','verdana';}
body{font-size: 12px;color: #666; font-weight: normal;}

input[type="text"], input[type="password"], select{border: 1px solid #999;color: #555;height: 22px;padding: 0 5px;}
input,textarea,select,button {font-size: 12px;vertical-align: top;font-family: 'NG','맑은 고딕','dotum','verdana';}
legend {margin: 0;padding: 0;display: none;}
pre{white-space: pre;font-family: 'NG','맑은 고딕','dotum','verdana';white-space: pre-wrap;word-wrap: break-word;}
textarea{width: 100%;height: 100px;resize: none;padding:10px;border: 1px solid #999;color: #555;}

img{border: 0 none;vertical-align: top;}
ul,ol,li,dl,dt,dd{list-style: none;padding:0;}
a{display: inline-block;vertical-align: top;text-decoration: none;color: #666;font-family: 'NG','맑은 고딕','dotum','verdana';}
/*a:link {color:#666666; text-decoration:none; font-size:9pt;}
a:hover{color: #3333FF;text-decoration: underline;}*/

table {border-collapse: separate;border-collapse: collapse;width: 100%;position: relative;}
table caption{overflow: hidden; width: 0px; height: 0px; font-size: 0; line-height: 0;}

.float-left{float:left !important;}
.float-right{float:right !important;}
.txc{text-align: center !important;}
.txl{text-align: left !important;}
.txr{text-align: right !important;}
.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}


/* 스킵네비게이션 */
#skipNavigation {position:absolute; left:0; top:0; width:100%; z-index:10000;}
#skipNavigation a {display:block; position:absolute; left:0; top:-10px; width:100%; height:1px; margin-bottom:-1px; background:#d1deee; font-size:0; text-align:center; font-weight:bold; color:#444;}
#skipNavigation a:hover, #skipNavigation a:focus, #skipNavigation a:active {position:absolute; left:0; top:0; height:20px; padding:4px; font-size:15px;}

.hidden{overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;line-height: 0;text-indent: -999em;margin: 0;padding: 0;background: none;line-height: 0;border: none;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: 0;}

.bor-no{border:0;}
.disnone{display:none;}
.photo-bg{display: none;}

#wrap{margin: 0 auto;width: 1200px;}
#header{position: relative;padding-top: 30px;z-index: 10;}
#header .logo{position: absolute;top: 30px;left: 0;}
#header .p-slogan1{padding: 5px 0;color: #000;font-size: 14px;line-height: 18px;text-align: center;}
.member-area{position: absolute;top: 6px;right: 0;}
.member-area > ul > li{float: left;margin-top: 40px;}
.member-area > ul > li:last-child{margin: 0 0 0 2px;}
.member-area > ul > li > a{display: block;}
.member-area > ul > li > a > img{vertical-align: top;}
.header-menu{position: relative;margin: 0 0 3px 110px;width: 876px;}
.header-menu .M-depth2{display: none;position: absolute;top: 33px;left: 0;z-index: 3;width: 100%;background: #fff;padding: 6px 10px 2px;box-shadow: 2px 2px 6px #aba9a9;box-sizing: border-box;}
.header-menu .M-depth2 *{box-sizing: border-box;}
.header-menu .M-depth2 > li{display: inline-block;vertical-align: top;margin: 4px;}
.header-menu .M-depth2 > li > a{display: block;color: #000;font-size: 13px;line-height: 16px;padding-left: 12px;}
.header-menu .M-depth2 > li > a > span.red-O{display: inline-block;vertical-align: top;min-width: 18px;height: 18px;line-height: 16px;text-align: center;border: 1px solid #ff0f0f;border-radius: 25px;}
.header-menu .M-depth2.sub01 > li > a{background: url('/image/04i_my.gif') no-repeat left center;}
.header-menu .M-depth2.sub02{padding-left: 105px;}
.header-menu .M-depth2.sub02 > li > a{background: url('/image/04i_d.gif') no-repeat left center;}
.header-menu .M-depth2.sub03{padding-left: 145px;}
.header-menu .M-depth2.sub03 > li > a{background: url('/image/04i_d.gif') no-repeat left center;}
.header-menu .M-depth2.sub04{}
.header-menu .M-depth2.sub04 > li > a{background: url('/image/04i_h.gif') no-repeat left center;}
.header-menu .M-depth2.sub05 > li > a{background: url('/image/04i_c.gif') no-repeat left center;}
.header-menu .M-depth2.sub06 > li > a{background: url('/image/04i_p.gif') no-repeat left center;}
.header-menu .M-depth2.sub07 > li > a{background: url('/image/04i_ho.gif') no-repeat left center;}
.header-menu .M-depth2.sub08 > li > a{background: url('/image/2010_dit.gif') no-repeat left center;}
.header-menu .M-depth2.sub09{padding-right: 50px;text-align: right;}
.header-menu .M-depth2.sub09 > li > a{background: url('/image/2010_dit.gif') no-repeat left center;}
.header-menu .M-depth2.sub10{text-align: right;}
.header-menu .M-depth2.sub10 > li > a{background: url('/image/04i_g.gif') no-repeat left center;}
.header-menu .M-depth2.sub11 > li > a{background: url('/image/04i_su1.gif') no-repeat left center;}
#topNav.swiper-container{margin: 0;overflow: visible;position: static;}
.top_nav .swiper-slide{width: auto;position: static;}
.top_nav .swiper-slide > a{display: block;}
.top_nav .swiper-slide:hover > .M-depth2{display: block;}
.top_nav .swiper-slide img{vertical-align: top;}
.top_nav .swiper-wrapper{height: auto;}


#footer{margin-top: 5px;}
.footer-menu{border: 1px solid #d5d5d5;border-radius: 5px;padding: 6px 22px;}
.footer-menu1{float: left;}
.footer-menu1 > li{float: left;}
.footer-menu2{float: right;background: url("/images/bottom_menu_right_1.jpg") no-repeat right center;padding-right: 12px;margin-right: 10px;}
.footer-menu2 > li{float: left;}
.footer-area{margin-top: 14px;}
.footer-area1{float:left;width: calc(100% - 183px);}
.footer-area1 > li{float: left;}
.logo-bottom{background: url("http://asadal.com/beginend/image1280/copy_line.gif") no-repeat right center;padding-right: 30px;height: 92px;padding-top: 22px;}
.footer-about{padding-top: 13px;width: calc(100% - 230px);}
.footer-about > ul > li{float: left;margin-bottom: 4px;color: #444;padding: 0 8px;}
.footer-about > ul > li:first-child{padding-left: 0;}
.footer-about > ul > li > a{color: #444;}
.footer-about > ul > li > a:hover{color: #3333ff;text-decoration: underline;}
.footer-about > p{color: #444;}
.footer-area2{float: right;position: relative;}
.footer-area2 > ul > li{float: left;margin-left: 4px;}
/*.footer-area2 > a{position: absolute;left: 6%;}*/
.footer-area2 > a{position: absolute;left: 6%;margin-top: 5px;} /* 20221201 */
.browser{margin-bottom: 10px;}
.browser > li{float: left;}
.share{margin-bottom: 10px;}
.share > li{float: left;margin-left: 4px;}
.share > li:first-child{margin-left: 0;}
.qr-code{text-align: center;}
.m-all-about{display: none;}

#contents{}
#contents.main *{box-sizing: border-box;}
.m-btn1{display: inline-block;vertical-align: top;min-width: 72px;line-height: 22px;padding: 0 10px;font-size: 12px;color: #666;text-align: center;background: #fff;border: 1px solid #d2d2d2;border-radius: 5px;}
.main-title1{margin: 18px 0 8px 10px;color: #4295ff;font-size: 16px;line-height: 18px;letter-spacing: -1px;padding-left: 16px;background: url('/beginend/image1280/main_bg1.gif') no-repeat left 3px;}
.main-title1 > span{display: inline-block;vertical-align: bottom;margin-left: 3px;color: #b9b9b9;font-size: 12px;line-height: 14px;font-weight: normal;font-family: 돋움;}
.main-title1.pink{color: #fb2d6e;}
.main-title1.green{color: #68b124;}
.main-title1.blue{color: #38bed7;}
.main-title1.orange{color: #f69513;}
.mian-box1{margin: 0 -3px;}
.mian-box1 > *{float: left;margin: 0 3px 6px;}
.mian-box1 > .a-1{width: 500px;}
.mian-box1 > .a-2{width: 247px;}
.mian-box1 > .a-3{width: 234px;}
.mian-box1 > .a-1,.mian-box1 > .a-2, .mian-box1 > .a-3{display: block;position: relative;padding-top: 10.8%;overflow: hidden;}
.mian-box1 > .a-1 > img,.mian-box1 > .a-2 > img, .mian-box1 > .a-3 > img{position: absolute;z-index: 9;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.mian-signin1{width: 201px;min-height: 130px;overflow: hidden;background: #f4f4f4;border: 1px solid #c7c7c7;border-top: 0;border-radius: 10px;}
.mian-signin1 .titel{padding: 8px 12px;line-height: 18px;color: #fff;font-size: 15px;letter-spacing: -1px;background: url('/images/header_bg10.gif');}
.mian-signin1 .titel > span{display: inline-block;vertical-align: bottom;font-size: 12px;line-height: 14px;font-weight: normal;font-family: 돋움;}
.mian-signin1 .box{padding: 8px 12px;}
.mian-signin1 .input-list{position: relative;padding-right: 43px;margin-bottom: 12px;}
.mian-signin1 .input-list li{position: relative;padding-left: 42px;margin-bottom: 6px;}
.mian-signin1 .input-list li label{position: absolute;top: 0;left: 0;line-height: 18px;color: #686868;font-size: 12px;font-weight: bold;}
.mian-signin1 .input-list li input[type="text"],
.mian-signin1 .input-list li input[type="password"]{width: 100%;height: 18px;border: 1px solid #d1d1d1;}
.mian-signin1 .input-list li.li-go{position: absolute;top: 50%;right: 0;margin: -18.5px 0 0;padding: 0;}
.mian-signin1 .member-list{display: table;width: 100%;max-width: 182px;margin: 0 auto 5px;}
.mian-signin1 .member-list > *{display: table-cell;vertical-align: middle;}
.mian-signin1 .member-list > dt{width: 65px;vertical-align: top;}
.mian-signin1 .member-list > dt > a{display: block;}
.mian-signin1 .member-list > dt img{width: 100%;}
.mian-signin1 .member-list > dd{padding: 4px 0 4px 10px;}
.mian-signin1 .member-list > dd > a{display: table;color: #555;font-size: 12px;line-height: 16px;letter-spacing: -0.5px;}
.mian-signin1 .member-list > dd > a:not(:first-child){margin-top: 4px;}
.mian-signin1.login-after{}
.mian-signin1.login-after .titel{padding: 4px 8px;font-size: 14px;line-height: 16px;}
.mian-signin1.login-after .box{margin: 0 4px 4px;padding: 5px;background: #fff;border-radius: 0 0 8px 8px;}
.mian-signin1.login-after .m-btn1{min-width: 66px;line-height: 18px;}
.mian-signin1.login-after + a,
.mian-signin1.login-after + a + a,
.mian-signin1.login-after + a + a + a{margin-top: 10px;}
.mian-box2{float: left;width: 580px;}
.mian-box3{float: right;width: 612px;}
.mian-box3 > div{padding: 10px 5px;border: 1px solid #e0e0e0;border-radius: 5px;}
.mian-box2-floor1{}
.mian-box2-floor1 > a{float: left;width: 238px;display: block}
.mian-box2-floor1 > a > img{width: 100%;}
.main-board1{float: right;width: calc(100% - 246px);padding: 10px 2px 4px;position: relative;background: #f2f2f2;border: 1px solid #dedede;border-radius: 5px;}
.main-board1 .more{position: absolute;top: 13px;right: 8px;}
.main-board1 h4{margin: 0 0 6px 8px;color: #2e2e2e;font-size: 16px;line-height: 18px;font-weight: bold;}
.main-board1 h4 > span{display: inline-block;margin-left: 3px;letter-spacing: -1px;color: #b9b9b9;font-size: 12px;line-height: 14px;font-weight: normal;font-family: 돋움;}
.main-board1 ul{padding: 8px 6px 4px;background: #fff;border: 1px solid #e2e2e2;border-radius: 5px;box-shadow: 0 2px 0 #e7e7e7;}
.main-board1 ul > li{padding: 4px 2px;border-bottom: 1px dashed #929292;overflow: hidden;}
.main-board1 ul > li > a{display: block;float: left;color: #666;font-size: 13px;line-height: 15px;padding-left: 10px;background: url('/_asapro2/board/image/sign.gif') no-repeat left 5px;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mian-box2-floor2{}
.main-h3-ul1{margin: 18px 10px 0;}
.main-h3-ul1 > h3{float: left;margin: 0 8px 8px 0;}
.main-h3-ul1 > ul{float: right;margin-bottom: 8px;}
.main-h3-ul1 > ul > li{float: left;padding: 0 5px;background: url('/images/main_bg3.gif') no-repeat left center;}
.main-h3-ul1 > ul > li:first-child{padding-left: 0 !important;background: none;}
.main-h3-ul1 > ul > li:last-child{padding-right: 0 !important;}
.main-h3-ul1 > ul > li > a{display: block;color: #666;font-size: 12px;line-height: 18px;letter-spacing: -0.5px;}

.click-tab1{}
.click-tab1 > li{padding: 0 15px !important;}
.click-tab1 > li > a{font-size: 14px !important;}
.click-tab1 > li.on > a{color: #000;font-weight: bold;}
.click-tab1-list{padding: 5px;background: #fafafa;border: 1px solid #ddd;border-radius: 5px;}
.click-tab1-list > .ctl1-child{display: none;min-height: 108px;}
.click-tab1-list > .ctl1-child.on{display: block;}
.red-color{color: #993052 !important;}
.blue-color{color: #184cd1 !important;}
.list-ping{}
.list-ping > li{display: table;margin-top: 5px;line-height: 16px;}
.list-ping > li:first-child{margin-top: 0;}
.list-ping > li > *:first-child{display: table-cell;vertical-align: top;white-space: nowrap;padding-right: 5px;}
.main-search1{padding: 5px 25px;background: #fff;border-radius: 2px;}
.main-search1 .input-box{position: relative;padding: 0 55px 0 66px;}
.main-search1 .input-box a{position: absolute;top: 0;right: 0;width: 50px;height: 34px;line-height: 34px;text-align: center;color: #fff;font-size: 14px;background: #c74647;}
.main-search1 .input-box span{position: absolute;top: 14px;left: 0;}
.main-search1 .input-box input{width: 100%;height: 34px;background: #fff;border: 1px solid #e0e0e0;}
.main-search1 .list-ping{margin: 10px 0 0 66px;color: #444;}
.main-search2{padding: 0 5px;}
.main-search2 .input-box{position: relative;padding: 0 70px 0 40px;}
.main-search2 .input-box a{position: absolute;top: 0;right: 0;}
.main-search2 .input-box span{position: absolute;top: 7px;left: 0;}
.main-search2 .input-box input{width: 100%;height: 24px;background: #fff;border: 1px solid #e0e0e0;}
.main-search2 .choice-list{margin-top: 6px;padding: 8px;background: #fff;border: 1px solid #dfdbdc;border-radius: 4px;}
.main-search2 .choice-list > li{position: relative;min-height: 15px;padding-left: 60px;overflow: hidden;}
.main-search2 .choice-list > li:not(:first-child){margin-top: 6px;}
.main-search2 .choice-list > li .title{position: absolute;top: 0;left: 0;}
.main-search2 .choice-list > li span{display: inline-block;vertical-align: top;margin: 1px 15px 1px 0;}
.main-search2 .choice-list > li input{float: left;display: block;}
.main-search2 .choice-list > li label{float: left;display: block;line-height: 13px;margin-left: 3px;}
.main-search3{padding: 0 15px;}
.main-search3 .input-box{position: relative;padding: 0 68px 0 54px;}
.main-search3 .input-box a{position: absolute;top: 3px;right: 0;}
.main-search3 .input-box span{position: absolute;top: 50%;left: 0;margin-top: -7px;}
.main-search3 .input-box textarea{width: 100%;height: 63px;background: #fff;border: 1px solid #d1d1d1;}
.main-search3 .list-ping{margin: 6px 0 0 52px;color: #444;}
.main-search3 .list-ping > li{line-height: 18px;}
.main-search4{padding: 3px 5px;}
.main-search4 .input-box{position: relative;padding: 0 70px 0 54px;}
.main-search4 .input-box a{position: absolute;top: 0;right: 0;}
.main-search4 .input-box span{position: absolute;top: 4px;left: 0;}
.main-search4 .input-box input{width: 100%;height: 24px;background: #fff;border: 1px solid #e0e0e0;}
.main-search4 ul{margin: 8px 0 0 5px;}
.textbg1-list{}
.textbg1-list > li{color: #222;font-size: 12px;line-height: 15px;padding-left: 18px;background: url('http://asadal.com/image/index/bullet_02.gif') no-repeat left 2px;}
.textbg1-list > li.no-bg{padding-left: 0;background: none;}
.textbg1-list > li:not(:first-child){margin-top: 3px;}
.mian-box2-floor3{padding: 10px;background: #fafafa;border: 1px solid #ddd;border-radius: 5px;}
.mian-box2-floor3 > ul{margin: -4px -2px;}
.mian-box2-floor3 > ul > li{float: left;margin: 4px 2px;}
.main-graybox1{padding: 10px 5px;background: #fafafa;border: 1px solid #ddd;border-radius: 5px;}
.webpage-list1{margin: -4px -2px;}
.webpage-list1 > li{float: left;width: calc(25% - 4px);margin: 4px 2px;}
.webpage-list1 .webpage{padding: 3px;border: 2px solid #e7e7e7;}
.webpage-list1 .webpage a{position: relative;display: block;padding-top: 50%;}
.webpage-list1 .webpage a > img{position: absolute;z-index: 1;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;vertical-align: middle;}
.webpage-list1 .webpage a > img.mb-ico{z-index: 2;}
.webpage-list1 .webpage a:hover::before{position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;border: 2px solid #ff6f42;box-sizing: border-box;content:"";}
.webpage-list1 .webpage.style2{padding: 0;border: 0;}
.webpage-list1 .webpage.style2 a{padding-top: 55%;}
.webpage-list1 .webpage.style2 a::before{display: none;}
.webpage-list1 .text-list{margin-top: 5px;}
.webpage-list1 .text-list > li{font-size: 12px;line-height: 15px;padding-left: 8px;background: url('/images/main_bg4.gif') no-repeat left 5px;}
.webpage-list1 .text-list > li:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.webpage-list1 .text-list > li:not(:first-child){margin-top: 5px;}
.webpage-list1 .text-list > li > *{float: left;}
.webpage-list1 .text-list > li a{display: block;}
.webpage-list1 .text-list .name{color: #333333;max-width: calc(100% - 22px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.webpage-list1 .text-list .name:hover{text-decoration: underline;color: #0066cc;}
.webpage-list1 .text-list .music{float: right;}
.webpage-list1 .text-list .skip{float: right;}
.webpage-list1 .text-list .skip .skip-img{display: none;position: fixed;left: 50%;top: 100px;width: 600px;max-height: calc(100% - 200px);padding: 5px;text-align: center;overflow-y: auto;border: 1px solid #ff6600;margin-left: -300px;box-sizing: border-box;background: #fff;z-index: 100;}
.webpage-list1 .text-list .skip .skip-img img{max-width: 100%;}
.webpage-list1 .text-list .skip:hover .skip-img{display: block;}
.webpage-list1 .text-list .view-qr{float: right;}
.webpage-list1 .text-list .view-qr .qr-img{display: none;position: fixed;left: 50%;top: 100px;width: 260px;padding: 5px;border: 1px solid #ff6600;margin-left: -130px;box-sizing: border-box;background: #fff;z-index: 100;}
.webpage-list1 .text-list .view-qr .qr-img img{max-width: 100%;}
.webpage-list1 .text-list .view-qr:hover .qr-img{display: block;}
.webpage-list1 .text-list .price{color: #666;font-family: "Times New Roman";letter-spacing: -1px;max-width: calc(100% - 22px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.webpage-list1 .text-list .price .sale-price{color: #FF6106;}
.webpage-list1 .text-list .view-detail{float: right;}
.webpage-list1 .text-list.style2 .name,
.webpage-list1 .text-list.style2 .price{max-width: 100%;}
.mian-box2-floor4{margin: 16px 0;}
.mian-box2-floor4 > div{float: left;width: 144px;}
.mian-box2-floor4 .main-board1{float: right;width: calc(100% - 150px);}
.mian-icon1{padding: 10px 2px 4px;position: relative;overflow: hidden;background: #e3efef;border: 1px solid #bdd5d8;border-radius: 5px;}
.mian-icon1::before{position: absolute;top: 0;left: 0;z-index: 0;width: 100%;height: 19px;background: #fafafc;border-top: 1px solid #fff;content:"";}
.mian-icon1 h4{display: table;margin: 0 auto 5px;font-size: 16px;line-height: 20px;color: #202020;position: relative;z-index: 1;}
.mian-icon1 h4 > span{float: left;display: block;padding-left: 7px;background: url('/images/main_bg5.gif') no-repeat 3px 5px;}
.mian-icon1 h4 > span:first-child{padding-left: 0;background: none;}
.mian-icon1 h4 > span.blue{color: #359999;}
.mian-icon1 ul{height: 181px;padding: 2px 8px;background: #fff;border: 1px solid #c4dadd;border-radius: 5px;box-shadow: 0 2px 0 #cfe0e2;}
.mian-icon1 ul > li{display: table;width: 100%;height: 20%;}
.mian-icon1 ul > li:not(:last-child){border-bottom: 1px solid #dcdcdc;}
.mian-icon1:hover{background: #e7ecde;border-color: #c4d1b3;}
.mian-icon1:hover h4 > span.blue{color: #b4cb42;}
.mian-icon1:hover ul{border-color: #cad7ba;}
.mian-icon1 ul > li > a{display: table-cell;vertical-align: middle;padding-left: 35px;color: #666;font-size: 13px;font-weight: bold;letter-spacing: -1.5px;}
.mian-icon1 ul > li.bg1 > a{background: url('/images/main_icon1.gif') no-repeat 4px center;}
.mian-icon1 ul > li.bg1:hover > a{color: #9c4c20;background: url('/images/main_icon1on.gif') no-repeat 4px center;}
.mian-icon1 ul > li.bg2 > a{background: url('/images/main_icon2.gif') no-repeat 1px center;}
.mian-icon1 ul > li.bg2:hover > a{color: #017d8c;background: url('/images/main_icon2on.gif') no-repeat 1px center;}
.mian-icon1 ul > li.bg3 > a{background: url('/images/main_icon3.gif') no-repeat left center;}
.mian-icon1 ul > li.bg3:hover > a{color: #8e4099;background: url('/images/main_icon3on.gif') no-repeat left center;}
.mian-icon1 ul > li.bg4 > a{background: url('/images/main_icon4.gif') no-repeat 6px center;}
.mian-icon1 ul > li.bg4:hover > a{color: #5f9c37;background: url('/images/main_icon4on.gif') no-repeat 6px center;}
.mian-icon1 ul > li.bg5 > a{background: url('/images/main_icon5.gif') no-repeat 6px center;}
.mian-icon1 ul > li.bg5:hover > a{color: #b7206a;background: url('/images/main_icon5on.gif') no-repeat 6px center;}
.mian-box2-floor5{position: relative;}
.mian-box2-floor5 > div{float: left;}
.mian-icon2{width: 144px;}
.mian-icon2 ul{padding: 2px 10px;border: 1px solid #dedede;border-radius: 5px;}
.mian-icon2 ul > li{padding: 8px 0 8px 4px;}
.mian-icon2 ul > li:not(:last-child){border-bottom: 1px solid #dedede;}
.mian-icon2 ul > li a{display: block;}
.mian-icon2 ul + ul{margin-top: 6px;}
.mian-icon3{width: 100px;padding: 2px 2px 4px;text-align: center;background: #f2f2f2;border: 1px solid #dedede;border-radius: 5px;}
.mian-icon3 a{display: block;background: #fff;border: 1px solid #e2e2e2;border-radius: 5px;box-shadow: 0 2px 0 #e7e7e7;}
.main-board2{width: calc(100% - 256px);margin: 0 6px;padding: 10px 2px 4px;background: #f2f2f2;border: 1px solid #dedede;border-radius: 5px;}
.main-board2 h4{display: table;margin: 0 0 6px 8px;color: #888;font-size: 15px;line-height: 17px;font-weight: bold;letter-spacing: -1px;padding-right: 18px;background: url('/images/main_bg6.png') no-repeat right 1px;}
.main-board2 h4 strong{color: #222;}
.main-board2 ul{padding: 9px 6px;background: #fff;border: 1px solid #e2e2e2;border-radius: 5px;box-shadow: 0 2px 0 #e7e7e7;}
.main-board2 ul > li{line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: -0.2px;}
.main-board2 ul > li:not(:first-child){margin-top: 5px;}
.main-board2 ul > li img{margin: 2px 4px 2px 2px;}
.main-board2 ul > li span{display: inline-block;width: 70px;height: 20px;line-height: 20px;color: #fff;font-size: 12px;font-weight: bold;letter-spacing: -1px;text-align: center;background: #b7d6d9;border-radius: 25px;}

.main-search5{min-height: 56px;padding: 4px 5px 0 62px;background: url('/images/main_bg7.gif') no-repeat 4px top;}
.main-search5 > *{float: left;}
.main-search5 > dt{width: 75px;}
.main-search5 > dd{width: calc(100% - 75px);}
.main-search5 .radio-box{}
.main-search5 .radio-box span{display: block;overflow: hidden;margin: 6px 0;}
.main-search5 .radio-box span input{float: left;display: block;}
.main-search5 .radio-box span label{float: left;display: block;line-height: 13px;margin-left: 3px;}
.main-search5 .select-input{margin-left: -5px;position: relative;}
.main-search5 .select-input > a, .main-search5 .select-input > input, .main-search5 .select-input > select{float: left;display: block;margin-left: 5px;height: 24px;border: 1px solid #c8c8c8;}
.main-search5 .select-input > a{height: auto;border: 0;}
.main-search5 .select-input select{width: calc(36% - 77px);padding: 0 2px;}
.main-search5 .select-input input{width: calc(64% - 78px);}
.inpubox-pop1{display: none;position: absolute;top: 25px;left: calc(36% - 67px);z-index: 10;width: calc(64% - 78px);padding: 1px;background: #fff;border: 1px solid #d2d2d2;}
.inpubox-pop1 .close{position: absolute;top: 10px;right: 10px;width: 13px;height: 13px;}
.inpubox-pop1 .close > img{vertical-align: top;}
.inpubox-pop1 > dl{padding: 1px;background: #f3f3ff;border: 1px solid #92a7de;}
.inpubox-pop1 > dl > dt{display: table;height: 25px;width: 100%;padding-left: 8px;border-top: 1px solid #fff;border-left: 1px solid #fff;border-radius: 4px 0 0 0;}
.inpubox-pop1 > dl > dt > h5{display: table-cell;vertical-align: middle;color: #222;font-size: 12px;line-height: 16px;padding-left: 30px;background: url('/images/main_bg11.gif') no-repeat left 5px;}
.inpubox-pop1 > dl > dd{margin: 2px;padding: 2px;background: #fff;border: 1px solid #c9d2ef;border-radius: 4px;}
.inpubox-pop1 .ul-list1{padding: 10px;}
.inpubox-pop1 .ul-list1 > li:not(:first-child){margin-top: 18px;}
.inpubox-pop1 .ul-list1 > li > p:not(:first-child){margin-top: 8px;}
.inpubox-pop1 .ul-list1 > li > p{color: #676767;letter-spacing: -0.5px;}
.inpubox-pop1 .ul-list1 > li > p > strong{color: #020202;}
.inpubox-pop1 .ul-list1 .sp-line{display: inline-block;color: #000;padding: 0 5px;border: 1px solid #c8c8c8;}
.inpubox-pop1 .ul-list1 .org{color: #fd9a00;}
.inpubox-pop1 .ul-list1 .red{color: #ff0123;}
.main-search5 .p-alist{position: relative;margin-top: 6px;padding-left: 70px;color: #555;font-size: 12px;line-height: 16px;letter-spacing: -0.5px;}
.main-search5 .p-alist *{display: inline-block;vertical-align: top;}
.main-search5 .p-alist .title{position: absolute;top: 2px;left: 0;}
.main-search5 .p-alist a:hover {color:#3333ff;text-decoration: underline;}
.webpage-show1{position: relative;padding: 0 0 4px 24px;margin-top: 7px;min-height: 100px;}
.webpage-show1 h4.title{position: absolute;left: 0;top: 4px;width: 20px;height: calc(100% - 4px);padding-top: 20px;line-height: 15px;text-align: center;background: #f4f4f4 url('/images/main_bg8.gif') no-repeat center 5px;border: 1px solid #e0e0e0;border-radius: 5px 0 0 5px;}
.mian-box4{margin-top: 16px;}
.mian-box4-list1{float: left;width: 580px;}
.mian-logo-box1{float: right;display: table;width: 612px;padding: 5px 5px 5px 0;background: #eaeaea;border: 1px solid #c9c9c9;border-radius: 5px;}
.mian-logo-box1 > *{display: table-cell;vertical-align: middle;}
.mian-logo-box1 > dt{width: 36px;text-align: center;}
.mian-logo-box1 > dt > span{display: block;margin: 4px auto;width: 18px;height: 18px;line-height: 18px;color: #fff;font-size: 14px;font-weight: bold;background: #bbb;border-radius: 3px;}
.mian-logo-box1 > dd{padding: 5px;background: #fff;border-radius: 5px;}
.mian-logo-box1:hover{background: #d3dfec;}
.mian-logo-box1:hover > dt > span{background: #adc2da;}
.mian-logo-list1{overflow: hidden;} 
.mian-logo-list1 > ul{margin: -1px 0 0 -1px;}
.mian-logo-list1 > ul > li{float: left;display: table;width:16.66%;height: 27px;border-top: 1px solid #ededed;border-left: 1px solid #ededed;}
.mian-logo-list1 > ul > li > a{display: table-cell;vertical-align: middle;text-align: center;padding: 0 3px;}
.mian-box4-list1 > ul{margin: -6px 0 0 -6px;}
.mian-box4-list1 > ul > li{float: left;width: calc(50% - 113px);margin: 6px 0 0 6px;}
.mian-box4-list1 > ul > li:last-child{width: 208px;}
.mian-box4-abtn1{display: block;border: 3px solid #d9d9d9;}
.mian-box4-abtn1 > img{width: 100%;}
.mian-box4-abtn1:hover{border-color: #d3dfed;}
.mian-server1{padding: 10px 5px 5px;border: 3px solid #d9d9d9;}
.mian-server1 > dt{display: table;margin: 0 0 6px 4px;color: #222;font-size: 13px;line-height: 15px;font-weight: bold;letter-spacing: -1px;padding-right: 16px;background: url('/images/main_bg6.png') no-repeat right 1px;}
.mian-server1 > dt > span{color: #a1a1a1;}
.mian-server1 > dd{padding-top: 5px;border-top: 1px solid #dcdcdc;}
.mian-server1 > dd > p:not(:first-child){margin-top: 5px;}
.mian-server1 > dd > p{position: relative;padding: 1px 0 1px 57px;color: #444;font-size: 12px;line-height: 18px;background: #f5f5f5;}
.mian-server1 > dd > p > span{position: absolute;left: 8px;top: 50%;margin-top: -7px;width: 41px;height: 14px;color: #fff;font-size: 12px;font-weight: bold;line-height: 14px;text-align: center;background: url('/images/main_bg9.gif') no-repeat;}
.mian-server1:hover{border-color: #d3dfed;}
.mian-server1:hover > dt > span{color: #7291b5;}
.mian-server1:hover > dd{border-color: #d4dde6;}
.mian-server1:hover > dd > p{background: #f4f5f7;}
.mian-server1:hover > dd > p > span{background: url('/images/main_bg9on.gif') no-repeat;}

.bottom-layout{margin-top: 15px;padding: 5px 0;background: url('/images/main_bg10.gif') no-repeat center;border: 1px solid #dbdbdb;border-radius: 5px;box-sizing: border-box;}
.bottom-layout *{box-sizing: border-box;}
.bottom-layout > ul{margin: 0 -1px;}
.bottom-layout > ul > li{float: left;display: table;width: 142px;height: 40px;text-align: center;margin: 3.5px 4px;}
.bottom-layout > ul > li > a{display: table-cell;vertical-align: middle;border: 2px solid #fff;}
.bottom-layout > ul > li > a:hover{border: 2px solid #bad1e8;}
.chat-btns{/* display: none; */position: fixed;bottom: 5%;right: 20px;z-index: 20;}
.chat-btns > span{display: block;position: relative;width: 0;height: 0;}
.chat-btns > span > img{position: absolute;top: -70px;left: 0;}
.chat-btns a > img{width: 35px;height: 35px;}
/*.chat-btns > span > img{display: none;}*/
/*.chat-iframe{display: none;height: 80vh;position: fixed;bottom: 15vh;right: 10px;z-index:999;width: 40%;box-shadow: 0 0 5px #ccc;border-radius: 5px;overflow: hidden;}*/
@media screen and (max-width: 768px){
	.chat-iframe{width: 98%;right: 1%;}
}



.m-xloginPanel {height:100%;box-shadow: 0 0 10px #e0e0e0;background:#fff;box-sizing:border-box;padding:5px;position: relative;width:40%;height:80vh;right:10px;bottom:15vh;position:fixed;display:none;z-index:999;}
.m-xloginPanel i {position:absolute;z-index:2;}
.m-xloginPanel i.bart,.m-xloginPanel i.barb {height:10px;left:-1px;right:-1px;/*background:#ffc;*/cursor:n-resize;}
.m-xloginPanel i.bart {top:-1px;}
.m-xloginPanel i.barb {bottom:-1px;}
.m-xloginPanel i.barr,.m-xloginPanel i.barl {width:10px;top:-1px;bottom:-1px;cursor:e-resize;/*background:#ffc;*/;}
.m-xloginPanel i.barl {left:-1px;}
.m-xloginPanel i.barr {right:-1px;}
.m-xloginPanel i.bar {width:14px;height:14px;cursor:nw-resize;bottom:-1px;right:-1px;background:url(../images/drag_ico.gif) no-repeat;}
.m-xloginPanel .content {position:relative;width:100%;height:100%;overflow:hidden;}
.m-xloginPanel .content h3 {font-weight:normal;color:#fff;font-size:24px;text-align:left;background:none;height:60px;line-height:60px;overflow:hidden;padding-left:20px;margin:4px;cursor:move;position:absolute;left: 0;right: 150px;z-index:1000;}
.m-xloginPanel .content p {font-size:22px;color:#666;padding:10px 14px;text-indent:44px;line-height:36px;margin:0;z-index:3;}
.chat-iframe {/*display:none;*/    height:100%;/*position:absolute;left:0;top:0;z-index:999;*/width:100%;box-shadow:0 0 5px #ccc;border-radius:5px;overflow:hidden;user-select: none;}
.m-xloginPanel.mask::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:99999;background:transparent;opacity:0;}
#m-xloginPanel-bg{display:none;z-index: 998;background: rgba(255, 255, 255, 0.3);position: fixed;left: 0;top: 0;width:100%;height:100%;}



.ai-translate-panel.asadal{position: absolute;top: -2px;right: 230px}
.ai-translate-panel{text-align: left;}
.model-item{padding: 5px 0;}