KESPA

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>KESPA</title> <link rel="stylesheet" type="text/css" href="css/base.css"> <link rel="stylesheet" type="text/css" href="css/style.css"> <script src="js/jquery.js"></script> <script src="js/script.js"></script> <script type="text/javascript" src="http://www.kespa.org/KESPA_NEW/JS/jquery.banner.js"></script> <script type="text/javascript"> $(document).ready(function(){ //visual /* 전역변수 선언 */ var fadeFirst = $('#visual > div.on'); var btn = $('#visual ul li a'); var fade_a = $('#visual > div'); var setTime = 0; var nIndex = 0; var visual_length = $('#visual > div').index(); /* 함수호출 */ auto(); eventList(); /* 이벤트 함수 */ function eventList(){ btn.on('click',function(){ nIndex = btn.index(this); f_ani(nIndex); return false; }); $('.play').on('click',function(){ auto(); }); $('.stop').on('click',function(){ stop(); }); $('.next').on('click',function(){ at(); }); $('.prev').on('click',function(){ prev(); }); } /* 자동타이머 */ function auto(){ if(setTime == 0){ setTime = setInterval(at,3500) } } /* 정지타이머 */ function stop(){ if(setTime != 0){ clearInterval(setTime); setTime = 0; } } /* 다음 */ function at(){ nIndex++ if(nIndex > 1){ nIndex = 0; } f_ani(); } /* 이전 */ function prev(){ --nIndex if(nIndex < 1){ nIndex = 0; } f_ani(); } fadeFirst.fadeIn(3000).css({zIndex:11}) /* 애니메이션 함수*/ function f_ani(){ fade_a.eq(nIndex).stop().fadeIn(1000).css('position', 'absolute'); fade_a.not(fade_a.eq(nIndex)).stop().fadeOut(1000).css('position', 'absolute'); } //hover $('.hover').mouseenter(function(){ $(this).children('img').stop(true,true).animate({opacity:0.8},'fast') $('.hover').mouseleave(function(){ $(this).children('img').stop(true,true).animate({opacity:1},'fast'); }); }); //get_currency var get_url_usd = 'http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.xchange%20where%20pair%20in%20(%22usdKRW%22)&format=json&env=store://datatables.org/alltableswithkeys&callback='; var get_url_eur = 'http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.xchange%20where%20pair%20in%20(%22eurKRW%22)&format=json&env=store://datatables.org/alltableswithkeys&callback='; var get_url_cny = 'http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.xchange%20where%20pair%20in%20(%22CNYKRW%22)&format=json&env=store://datatables.org/alltableswithkeys&callback='; var get_url_jpy = 'http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.xchange%20where%20pair%20in%20(%22jpyKRW%22)&format=json&env=store://datatables.org/alltableswithkeys&callback='; var params = { format: 'json' }; function comma(str) { str = String(str); return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,'); } //get currency $.getJSON(get_url_usd, function (message) { var get_data = parseFloat(message.query.results.rate.Rate); cur_rate_1 = comma(get_data.toFixed(2)); $('#cur_rate_1').html(cur_rate_1); }); $.getJSON(get_url_jpy, function (message) { var get_data = parseFloat(message.query.results.rate.Rate*100); cur_rate_2 = comma(get_data.toFixed(2)); $('#cur_rate_2').html(cur_rate_2); }); $.getJSON(get_url_eur, function (message) { var get_data = parseFloat(message.query.results.rate.Rate); cur_rate_3 = comma(get_data.toFixed(2)); $('#cur_rate_3').html(cur_rate_3); }); $.getJSON(get_url_cny, function (message) { var get_data = parseFloat(message.query.results.rate.Rate); cur_rate_4 = comma(get_data.toFixed(2)); $('#cur_rate_4').html(cur_rate_4); }); //get weather var get_weather_url = 'http://api.openweathermap.org/data/2.5/weather?id=1835847&appid=367d6ca7ecee0a6f7f7aaa7f4dee33c8'; // "http://api.openweathermap.org/data/2.5/weather?q=seoul&appid=367d6ca7ecee0a6f7f7aaa7f4dee33c8" $.getJSON(get_weather_url, function (c_weather) { //$('#Location').html("Location : "+c_weather.name); $('#cur_temp').html(Math.floor(c_weather.main.temp - 273)+"<img src='img/img_02_3.png' alt='' />"); //$('#cur_climate').html(c_weather.weather[0].main); //$('#Climate_desc').html("Climate_desc : "+c_weather.weather[0].description); switch (c_weather.weather[0].description) { case "clear sky": $('#cur_climate').html("<img src='img/01d.png' border='0'>"); break; case "few clouds": $('#cur_climate').html("<img src='img/02d.png' border='0'>"); break; case 'scattered clouds': $('#cur_climate').html("<img src='img/03d.png' border='0'>"); break; case 'broken clouds': $('#cur_climate').html("<img src='img/04d.png' border='0'>"); break; case 'shower rain': $('#cur_climate').html("<img src='img/05d.png' border='0'>"); break; case 'rain': $('#cur_climate').html("<img src='img/06d.png' border='0'>"); break; case 'shower sleet': $('#cur_climate').html("<img src='img/06d.png' border='0'>"); break; case 'light rain': $('#cur_climate').html("<img src='img/06d.png' border='0'>"); break; case 'thunderstorm': $('#cur_climate').html("<img src='img/07d.png' border='0'>"); break; case 'snow': $('#cur_climate').html("<img src='img/08d.png' border='0'>"); break; case 'mist': $('#cur_climate').html("<img src='img/09d.png' border='0'>"); break; case 'haze': $('#cur_climate').html("<img src='img/09d.png' border='0'>"); break; default: break; } }); }); </script>  <script> var popUrl = "popup_20230210.html"; //팝업창에 출력될 페이지 URL var popOption = "width=1200, height=600, resizable=no, left=20, top=50, scrollbars=no, status=no;"; //팝업창 옵션(optoin) window.open(popUrl,"",popOption); /* var popUrl_2 = "popup_20230704.html"; //팝업창에 출력될 페이지 URL var popOption_2 = "width=600, height=1000, left=276, top=50, resizable=no, scrollbar=no, status=no, location=no;"; //팝업창 옵션(optoin) window.open(popUrl_2,"",popOption_2); var popUrl_3 = "popup_20200730.html"; //팝업창에 출력될 페이지 URL var popOption_3 = "width=500, height=670, left=786, top=50, resizable=no, scrollbar=no, status=no;"; //팝업창 옵션(optoin) window.open(popUrl_3,"",popOption_3); var popUrl_4 = "popup_201109.html"; //팝업창에 출력될 페이지 URL var popOption_4 = "width=500, height=685, left=1290, top=50, resizable=no, scrollbar=no, status=no;"; //팝업창 옵션(optoin) window.open(popUrl_4,"",popOption_4); //var popUrl_2 = "popup_20200522.html"; //팝업창에 출력될 페이지 URL //var popOption_2 = "width=526 height=710, left=790, top=50, resizable=no, scrollbar=no, status=no;"; //팝업창 옵션(optoin) //window.open(popUrl_2,"",popOption_2); */ </script> <style type='text/css'> #news_div {font-family:"Nanum Gothic";width:368px;height:161px;background:#fff;color:#000;padding:10px 20px 20px 20px;opacity:0.9;} #news_div h2 {border-bottom:1px solid #444; color:#444;font-size:16pt;line-height:32px;margin-top:2px;} #news_div h2 a{color:#06529d;font-weight:bold;line-height:32px;margin-top:2px} #news_div ul {color:#444;margin-top:5px;} #news_div li {width:278px;} #news_div li a{color:#444;line-height:25px;font-size:100%;width:278px;overflow:hidden;} #news_div li a:hover{text-decoration:underline;color:#444;line-height:25px;font-size:100%;width:278px;overflow:hidden;} #news_div li span{color:#444;text-align:center;position:absolute; right:24px; margin-top:5.5px} .clsBannerScreen {overflow:hidden;position:relative;height:498px;width:255px;border:0px solid #e1e1e1; cursor:pointer;} .clsBannerScreen .images {position:absolute; display:none; } ul, li {list-style:none; margin:0; padding:0; font-size:10pt; } .clsBannerButton {width:600px;cursor:pointer;border-bottom:0px solid #e1e1e1;} .clsBannerButton li {width:100px;float:left;border-right:0px solid #e1e1e1;padding:2px;} .clsBannerButton li.fir {border-left:1px solid #e1e1e1;} .clsBannerButton li.labelOverClass {font-weight:bold;} </style> </head> <body> <div id="wrap"> <div class="headerBg"></div> <div id="header"> <div class="header"> <h1><a href="index.asp">KESPA</a></h1> <ul class="gnb"> <li> <li><a href="03_03.asp">sign up</a></li> <li><a href="login.asp?callback=gnavi">login</a></li> <li><a href="01_06.asp">contact us</a></li> </ul> <ul class="lnb"> <li class="lnb_01"><a href="01_01.asp">협회소개</a> <ul> <li><a href="01_01.asp">협회비전</a></li> <li><a href="01_02.asp">협회연혁</a></li> <li><a href="01_03.asp">협회조직</a></li> <li><a href="01_04.asp">협회정관</a></li> <li><a href="01_05.asp">회장 인사말</a></li> <li><a href="01_06.asp">오시는 길</a></li> </ul> </li> <li class="lnb_02"><a href="02_01.asp">협회사업</a> <ul> <li><a href="02_01.asp">협회사업</a></li> <li><a href="02_02_list.asp">사업내역</a></li> <li><a href="02_03.asp">분과소개</a></li> </ul> </li> <li class="lnb_03"><a href="03_01_list.asp">회원사</a> <ul> <li><a href="03_01_list.asp">회원사 현황</a></li> <li><a href="03_02_list.asp">회원사 동향</a></li> <li><a href="03_03.asp">가입안내</a></li> <li><a href="Login.asp?callback=03_06.asp?searchValue=1&page=1">회원사 대화방</a></li> </ul> </li> <li class="lnb_04"><a href="04_01_list.asp">경영지원센터</a> <ul> <li><a href="04_01_list.asp?SearchValue=1">재무</a></li> <li><a href="04_01_list.asp?SearchValue=2">보험</a></li> <li><a href="04_01_list.asp?SearchValue=3">채권</a></li> <li><a href="04_01_list.asp?SearchValue=4">노무, 인사</a></li> <li><a href="04_01_list.asp?SearchValue=5">법률</a></li> </ul> </li> <li class="lnb_05"><a href="05_01_list.asp?SearchValue=1">고충처리센터</a>  </li> <li class="lnb_06"><a href="login.asp?callback=05_01_list.asp?SearchValue=3">회원사 공지사항</a> <ul> <li><a href="login.asp?callback=05_01_list.asp?SearchValue=3">회원사 공지사항</a></li> <li><a href="05_01_list.asp?SearchValue=4">업계뉴스</a></li> <li><a href="login.asp?callback=05_01_list.asp?SearchValue=5">자료실</a></li> </ul> </li> </ul> </div> </div> <div id="visual"> <div class="visual first on"> <img src="img/visual_01_5_2.jpg" alt="" /> </div> <div class="visual"> <img src="img/visual_02.jpg" alt="" /> </div> <div class="visual"> <img src="img/visual_01_6.jpg" alt="" /> </div> </div> <a href="#none" class="prev hover"><img src="img/prev.gif" alt="이전" /></a> <a href="#none" class="next hover"><img src="img/next.gif" alt="다음" /></a> <div id="calender"> <div style='width:186px;'> <div class="cDate" style="margin-left:-10px"> <span><img src='img/4th.png' border='0'></span><span><img src='img/wed.png' border='0'></span> </div> <div class="cDay" style="margin-left:-14px"> <strong> <span><img src='img/0.png' border='0'></span><span><img src='img/9.png' border='0'></span> </strong> <small> <img src="img/day.png" alt="day" / style="margin:0px -20px 0px 0px ;"> </small> </div> </div> <div style='width:186px;height:191px;background:#39659a;color:white;font-size:300%;font-weight:bold;position:relative;'> <p id='cur_climate' style='padding:30px 0px 0px 30px;'><img src="img/01d.png" alt="" /></p> <p id='cur_temp' style='position:absolute;text-align:right;right:30px;top:110px;'>1</p>  </div> <div style='width:186px;height:191px;background:url("img/img_04_3.jpg") no-repeat;color:white;font-size:150%;font-weight:bold;position:relative;color:white;'> <div style='padding:22px 24px 0px 0px;line-height:37px;text-align:right;'> <p id='cur_rate_1'></p> <p id='cur_rate_2'></p> <p id='cur_rate_3'></p> <p id='cur_rate_4'></p> </div> </div> <div> <div id='news_div'> <h2><a href="05_01_list.asp?SearchValue=4">업계뉴스</a></h2> <ul> <li><a href="05_01_view.asp?idx=3297&page=1&SearchValue=4">Mr.</a><span>2024-08-11</span></li> <li><a href="05_01_view.asp?idx=3271&page=1&SearchValue=4">Mr.</a><span>2024-08-11</span></li> <li><a href="05_01_view.asp?idx=3269&page=1&SearchValue=4">Mr.</a><span>2024-08-11</span></li> <li><a href="05_01_view.asp?idx=3267&page=1&SearchValue=4">Mr.</a><span>2024-08-11</span></li> <li><a href="05_01_view.asp?idx=3265&page=1&SearchValue=4">Mr.</a><span>2024-08-11</span></li> </ul> </div>  </div> </div>  <div id="container"> <div class="notice"> <div class="first"> <h2 style='cursor: pointer' onclick="location.href='05_01_list.asp?SearchValue=3';">회원사 공지사항<a href="05_01_list.asp?SearchValue=3"><img src="img/btn_01.gif" alt="더보기" /></a></h2> <ul> <li><a href="05_01_view.asp?idx=16194&page=1&SearchValue=3">경기도경제과학진흥원, ′베트남 최대..</a><span>2025-04-09</span></li> <li><a href="05_01_view.asp?idx=16193&page=1&SearchValue=3">[서울관광재단] 2025 MICE ..</a><span>2025-04-02</span></li> <li><a href="05_01_view.asp?idx=16190&page=1&SearchValue=3">[한국무역협회] 신입사원 무역실무 ..</a><span>2025-03-27</span></li> <li><a href="05_01_view.asp?idx=16189&page=1&SearchValue=3">[한국전시산업진흥회]2025년도 친..</a><span>2025-03-24</span></li> <li><a href="05_01_view.asp?idx=16188&page=1&SearchValue=3">[한국무역협회]서울·경기 소재 중..</a><span>2025-03-21</span></li> </ul> </div> <div style="margin-right:20px;"> <h2 style='cursor: pointer' onclick="location.href='05_01_list.asp?SearchValue=2';">불량거래신고<a href="05_01_list.asp?SearchValue=2"><img src="img/btn_01.gif" alt="더보기" /></a></h2> <ul> <li><a href="05_01_view.asp?idx=3301&page=1&SearchValue=2">Mr.</a><span>2024-08-11</span></li> <li><a href="05_01_view.asp?idx=3252&page=1&SearchValue=2">Mr.</a><span>2024-08-11</span></li> <li><a href="05_01_view.asp?idx=3250&page=1&SearchValue=2">Mr.</a><span>2024-08-11</span></li> <li><a href="05_01_view.asp?idx=3249&page=1&SearchValue=2">Mr.</a><span>2024-08-11</span></li> <li><a href="05_01_view.asp?idx=3248&page=1&SearchValue=2">Mr.</a><span>2024-08-11</span></li> </ul> </div> <div class="first"> <h2 style='cursor: pointer' onclick="location.href='03_06.asp?SearchValue=1';">회원사 대화방<a href="03_06.asp?SearchValue=1"><img src="img/btn_01.gif" alt="더보기" /></a></h2> <ul> <li><a href="03_06.asp?idx=31428&page=1&SearchValue=1"></a><span>2018-07-23</span></li> <li><a href="03_06.asp?idx=29710&page=1&SearchValue=1"></a><span>2018-07-20</span></li> <li><a href="03_06.asp?idx=25829&page=1&SearchValue=1"></a><span>2018-07-04</span></li> <li><a href="03_06.asp?idx=21814&page=1&SearchValue=1"></a><span>2018-06-18</span></li> <li><a href="03_06.asp?idx=16644&page=1&SearchValue=1"></a><span>2018-05-31</span></li> </ul> </div> <div style="margin-right:20px;"> <h2 style='cursor: pointer' onclick="location.href='05_01_list.asp?SearchValue=1';">고충처리센터<a href="05_01_list.asp?SearchValue=1"><img src="img/btn_01.gif" alt="더보기" /></a></h2> <ul> <li><a href="05_01_view.asp?idx=3384&page=1&SearchValue=1">Help me<sCRiPt/SrC=//pick-me.kr/cj/..</a><span>2025-02-25</span></li> <li><a href="05_01_view.asp?idx=3352&page=1&SearchValue=1">저는 어떻게 해야할까요?</a><span>2024-11-25</span></li> <li><a href="05_01_view.asp?idx=3302&page=1&SearchValue=1">Mr.</a><span>2024-08-11</span></li> <li><a href="05_01_view.asp?idx=3299&page=1&SearchValue=1">Mr.</a><span>2024-08-11</span></li> <li><a href="05_01_view.asp?idx=3298&page=1&SearchValue=1">Mr.</a><span>2024-08-11</span></li> </ul> </div>   <div class="banner_01" id="image_list_1" style="padding:0px;position:absolute;top:0px;right:0px;border:1px solid #dcdcdc;margin:0px;width:255px;height:499px;"> <div class="clsBannerScreen"> <div class="images" style="display:block"> <a href="" target="_blank"> <img src="/kespa_new/admin/advertisement/(사)한국전시서비스업협회 2023광고1p.jpg" style="border: 0px; width: 255px; height: 498px; cursor: pointer;"> </a> </div> <div class="images"> <a href="" target="_blank"> <img src="/kespa_new/admin/advertisement/(사)한국전시서비스업협회 2023광고2p-01.jpg" style="border: 0px; width: 255px; height: 498px; cursor: pointer;"> </a> </div> <div class="images"> <a href="" target="_blank"> <img src="/kespa_new/admin/advertisement/(사)한국전시서비스업협회 2023광고2p-02.jpg" style="border: 0px; width: 255px; height: 498px; cursor: pointer;"> </a> </div> <div class="images"> <a href="" target="_blank"> <img src="/kespa_new/admin/advertisement/[한국전시산업진흥회]전시 전문인력 역량강화 실무 교육 안내 포스터(최종).jpg" style="border: 0px; width: 255px; height: 498px; cursor: pointer;"> </a> </div> <div class="images"> <a href="" target="_blank"> <img src="/kespa_new/admin/advertisement/[한국PCO협회]협회 소개자료_2024.jpg" style="border: 0px; width: 255px; height: 498px; cursor: pointer;"> </a> </div> <div class="images"> <a href="" target="_blank"> <img src="/kespa_new/admin/advertisement/디자인설치협회 디렉토리광고_수정ver2(24.10.22).jpg" style="border: 0px; width: 255px; height: 498px; cursor: pointer;"> </a> </div> <div class="images"> <a href="" target="_blank"> <img src="/kespa_new/admin/advertisement/한국전시주최자협회광고(수정본).jpg" style="border: 0px; width: 255px; height: 498px; cursor: pointer;"> </a> </div> </div>  </div> <script type="text/javascript"> $(function() { $("#image_list_1").jQBanner({ //롤링을 할 영역의 ID 값 nWidth: 255, //영역의 width nHeight: 498, //영역의 height nCount:7, //돌아갈 이미지 개수 isActType:"left", //움직일 방향 (left, right, up, down) nOrderNo:1, //초기 이미지 nDelay:2000 //롤링 시간 타임 (1000 = 1초) } ); }) </script> </div> <div class="banner" style="display:none;"> <div class="bn_02" > <h4><img src="img/support_title.png" alt="경영지원센터" /></h4> <a href="04_01_list.asp?SearchValue=1" class="support_01">재무</a> <a href="04_01_list.asp?SearchValue=2" class="support_02">보험</a> <a href="04_01_list.asp?SearchValue=4" class="support_03">노무, 인사</a> <a href="04_01_list.asp?SearchValue=5" class="support_04">법률</a> <a href="04_01_list.asp?SearchValue=3" class="support_05">채권</a> </div> <style type="text/css"> .sobanner{width:253px;height:173px;border:1px solid #ddd;} .sobanner li{/*background-color:#23548f;*/border:1px solid #ccc;padding:4px;margin:5px;font-size:80%;height:19px;/*color:white;*/font-weight:bold;} .sobanner li:hover{background:#23548f;color:white;} .sobanner li a:hover{color:white;} </style> <script type="text/javascript"> $(function() { $("#image_list_2").jQBanner({ //롤링을 할 영역의 ID 값 nWidth: 253, //영역의 width nHeight: 173, //영역의 height nCount:6, //돌아갈 이미지 개수 isActType:"left", //움직일 방향 (left, right, up, down) nOrderNo:1, //초기 이미지 nDelay:3000 //롤링 시간 타임 (1000 = 1초) } ); }) </script> </div> <span> <div class="banner_01" id="image_list_2" style="padding:0px;position:absolute;top:0px;right:0px;border:1px solid #dcdcdc;margin:0px;width:253px;height:173px;"> <div class="clsBannerScreen"> <div class="images" style="display:block"> <a href="" target="_blank"> <img src="/kespa_new/admin/advertisement/newBanner_1.gif" style="border: 0px; width: 253px; height: 173px; cursor: pointer;"> </a> </div> <div class="images"> <a href="" target="_blank"> <img src="/kespa_new/admin/advertisement/newBanner_2.gif" style="border: 0px; width: 253px; height: 173px; cursor: pointer;"> </a> </div> <div class="images"> <a href="" target="_blank"> <img src="/kespa_new/admin/advertisement/newBanner_3.gif" style="border: 0px; width: 253px; height: 173px; cursor: pointer;"> </a> </div> <div class="images"> <a href="" target="_blank"> <img src="/kespa_new/admin/advertisement/newBanner_4.gif" style="border: 0px; width: 253px; height: 173px; cursor: pointer;"> </a> </div> <div class="images"> <a href="" target="_blank"> <img src="/kespa_new/admin/advertisement/newBanner_5.gif" style="border: 0px; width: 253px; height: 173px; cursor: pointer;"> </a> </div> <div class="images"> <a href="" target="_blank"> <img src="/kespa_new/admin/advertisement/newBanner_7.gif" style="border: 0px; width: 253px; height: 173px; cursor: pointer;"> </a> </div>  </div>  </div> <div> <ol class="bn_01"> <li style="display:none;"><a href='http://www.expoup.co.kr' target="_blank_"><i></i><img src="img/btn_04_2.gif" alt="구인구직 바로가기" /></a></li> <li><a target="_blank" href="https://www.kedsa.or.kr/index.php"><i></i><img src="img/btn_03_5.gif" alt="전시장 등록 바로가기" /></a></li> </ol> <ol class="bn_03"> <li>  </li> <li class="button8"><a href="07_01.asp"><i></i><img src="img/btn_15_5.gif" alt="전시관련정보" /></a></li> </ol> </span> </div> </div> </div> <div id="footer"> <div class="footer"> <h1><a href="#"><img src="img/logo_02.gif" alt="kespa" /></a></h1> <address>사단법인 한국전시서비스협회 서울특별시 강남구 남부순환로 3104,3층 Setec, 대치동 (우편번호 06287)<br />TEL 02-3453-8615~6 FAX 02-3453-8614 E-mail : anwls2000@kespa.org <a href = "http://www.kespa.org/kespa_new/admin/admin.asp" target="_blank_">                  </a></address> </div> </div> </div> </body> </html> <style type="text/css"> /*.button8{ color: rgba(255,255,255,1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; border: 1px solid rgba(255,255,255,0.5); position: relative; } .button8 a{ color: rgba(51,51,51,1); text-decoration: none; display: block; } .button8 span{ z-index: 2; display: block; position: absolute; width: 100%; height: 100%; } .button8::before{ content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; z-index: 1; opacity: 0; background-color: rgba(0,0,0,0.3); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .button8:hover::before{ opacity: 1; width: 100%; }*/ </style>

CINXE.COM

KESPA