- Ващее, откуда-то потянуло
бичом и я теперь его хочу
- Я про лапшу хд
(с) Son Hyun Woo
внешности
вконтакте
профессии
правила
объявления
экскурсия

JEJU: city of love

Объявление

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » JEJU: city of love » информационная » центр занятости


центр занятости

Сообщений 1 страница 4 из 4

1

Код:
<!--HTML-->
<script type="text/javascript">
function move(id,spd) {
 var obj=document.getElementById(id);
 var max=-obj.offsetHeight+obj.parentNode.offsetHeight;
 var top=parseInt(obj.style.top);

 if ((spd>0&&top<=0)||(spd<0&&top>=max)){
  obj.style.top=top+spd+"px";
  move.to=setTimeout(function(){ move(id,spd); },20);
 }
 else obj.style.top=(spd>0?0:max)+"px";
}
</script>



<style type="text/css">
.faq2 { width: 622px; height: 800; margin-left: -7px; padding-top: 120px; padding-bottom: 30px; display: ; background: url(http://funkyimg.com/i/2k741.png) top no-repeat, url(http://funkyimg.com/i/2k742.png) bottom no-repeat, url(http://funkyimg.com/i/2k743.png) repeat-y;} 

#rt1 img { float: right; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }
#rt2 img { float: left; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }

</style>

<center>


<div class="faq2">

<br>


<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<center>
<div style="width: 450px; background: #; padding: 20px;">
<div style="font-family: lobster; font-size: 35px; color: #212e50; margin-left: 163px; line-height: 70%;">Центр занятости</div>
<div style="width: 220px; height: 8px; background: #e49e2e; border-left: 80px solid #043c75; border-right: 150px solid #73a7c7;"></div>
<div style="width: 500px; height: auto; font-family: Cuprum; font-size: 14px; line-height: 95%; color: #212e50; overflow: ; text-align: justify; padding-top: 20px; margin-bottom: -15px; margin-left: -30px;">


<br>→ Вставляйте свое сообщение в код, не забывайте указывать место работы
</div><br><br><br><br>
<style>
#fluoresce {height: 320px; width: 460px; position: relative; overflow: hidden; border: 10px solid #B5B5B5; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background-color: #e5e1e1}
.fluoresce1a {height: 15px; line-height: 15px; font-family: arial; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: absolute; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;}
.fluoresce1a:nth-child(2) {top: 192px; left: 180px}
#fluoresce .fluoresce1a:nth-child(1) {left: 90px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 105px;}
#fluoresce:hover .fluoresce1a:nth-child(1) {left: -200px; top: 140px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
#fluoresce .fluoresce1a:nth-child(2) {left: 180px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 192px;}
#fluoresce:hover .fluoresce1a:nth-child(2) {left: 460px; top: 152px; -webkit-transition: 0.7s ease-in-out}
.fluoresce1b2 {font-family: lobster; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 40px; position: absolute;}
.fluoresce1b2:nth-child(3) {color: #262525;  left: 30px}
.fluoresce1b2:nth-child(4) {color: #7d1212; left: 70px}
#fluoresce .fluoresce1b2:nth-child(3) {top: 124px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b2:nth-child(3) {top: -8px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
#fluoresce .fluoresce1b2:nth-child(4) {top: 155px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b2:nth-child(4) {top: 345px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
.fluoresce2a {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; left: 10px; overflow: hidden; }
.fluoresce2b {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; right: 10px; overflow: hidden}
.fluoresce3 {height: 270px; width: 185px; padding: 0px 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: white; text-align: justify; font-family: arial; font-size: 11px; line-height: 13px; overflow: auto }
.fluoresce3::-webkit-scrollbar {width: 4px;}
.fluoresce3::-webkit-scrollbar-thumb {background: white; border: 1px solid #262525}
.fluoresce3::-webkit-scrollbar-track {background: #262525; border: 1px solid #fff}
.fluoresce2a .fluoresce3 b, .fluoresce2b .fluoresce3 b {font-family: cuprum; color: #262525; font-size: 14px}
.fluoresce4 {height: 280px; width: 195px; position: absolute; top: 0px; background-size: auto 280px; background-positon: center}
.fluoresce2a .fluoresce4, .fluoresce2b .fluoresce4 {top: 0px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce2a:hover .fluoresce4, .fluoresce2b:hover .fluoresce4 {top: -280px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce5a {font-family: cuprum; color: #fff; text-transform: uppercase; position: absolute; padding-bottom: 3px; width: 80%; left: 10%; text-align: center; bottom: 40px; border-bottom: 1px dotted #fff; font-size: 17px}
.fluoresce5b {height: 25px; background: transparent; position: absolute; bottom: 10px; width: 80%; left: 10%; padding-top: 5px; font-family: arial; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 9px; font-size: 8px}

#fluoresce .fluoresce2a {left: -220px; -webkit-transition: 1s ease}
#fluoresce .fluoresce2b {right: -220px; -webkit-transition: 1s ease}
#fluoresce:hover .fluoresce2a {left: 10px; -webkit-transition: 1s ease 1s}
#fluoresce:hover .fluoresce2b {right: 10px; -webkit-transition: 1s ease 1s }
</style>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One|Lato:400,700' rel='stylesheet' type='text/css'><center>
 <div id="fluoresce">
   <div class="fluoresce1a">security</div>
       <div class="fluoresce1a">health service</div>

   <div class="fluoresce1b2">безопасность</div>
       <div class="fluoresce1b2">здравоохранение</div>
       <div class="fluoresce2a">
       <div class="fluoresce4" style="background-image: url(http://funkyimg.com/i/21YKv.jpg)">
        <div class="fluoresce5a">Jeju Dongbu Police Station</div>
           <div class="fluoresce5b"></div>
       </div>
         <div class="fluoresce3"><p>Капитан (35+):<a href="http://jejucity.rusff.ru/profile.php?id=474">Jo In Sung</a>
<br>Старший лейтенант (30+): 
<br>Прокурор (29+): 
<br>Лейтенант (28+): <a href="http://jejucity.rusff.ru/profile.php?id=393">Park Min Young</a>
<br>Младший лейтенант (23+): <a href="http://jejucity.rusff.ru/profile.php?id=319">Nam Woo Hyun</a>, <a href="http://jejucity.rusff.ru/profile.php?id=149">Park Sunyoung</a>
<br>Старший офицер (26+):
<br>Офицеры (26+): 
<br>Детективы (25+): 
<br>Криминалисты (24+): 
<br>Судмедэксперты (24+): 
<br>Психолог (25+): <a href="http://jejucity.rusff.ru/profile.php?id=220">Jeon Jiyoon</a>
<br>Стажеры (21+): 
<br>Отдел по борьбе с наркооборотом (25+): <a href="http://jejucity.rusff.ru/profile.php?id=237">Kim Sunggyu</a>, <a href="http://jejucity.rusff.ru/profile.php?id=396"> Jung Taek Woon</a></div>
       </div>
       <div class="fluoresce2b">
         <div class="fluoresce4" style="background-image:url(http://funkyimg.com/i/21YKu.jpg)">
           <div class="fluoresce5a">Cheju Halla General Hospital</div>
           <div class="fluoresce5b"></div>
         </div>
    <div class="fluoresce3"><br>Главный врач: (40+)
<br>Заместитель главного врача: (35+) 
<br>Зав. хирургии (30+):
<br>Зав. травматологии (30+):
<br>Зав. приемного отделения (30+):
<br>Зав. терапии (30+): 
<br>Хирурги (27+): <a href="http://jejucity.rusff.ru/profile.php?id=294 ">Shin Se Kyung</a>

<br>Травматологи (27+): 
<br>Терапевты (27+)
<br>Неврологи (27+)
<br>Педиатра (27+)
<br>Психиатры (26+):
<br> Патологоанатомы (27+) 
<br>Медсестры/медбратья (25+):
<br>Интерны (24+): <a href="http://jejucity.rusff.ru/profile.php?id=198">Han Hye Yeon</a>, <a href="http://jejucity.rusff.ru/profile.php?id=283">Kim Hyun Ah</a>, <a href="http://jejucity.rusff.ru/profile.php?id=410">Kim Taeyeon </a></div>

       </div>
 </div>
</center>
<style>
#fluoresce {height: 320px; width: 460px; position: relative; overflow: hidden; border: 10px solid #B5B5B5; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background-color: #e5e1e1}
.fluoresce1a {height: 15px; line-height: 15px; font-family: arial; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: absolute; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;}
.fluoresce1a:nth-child(2) {top: 192px; left: 180px}
#fluoresce .fluoresce1a:nth-child(1) {left: 90px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 105px;}
#fluoresce:hover .fluoresce1a:nth-child(1) {left: -200px; top: 140px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
#fluoresce .fluoresce1a:nth-child(2) {left: 180px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 192px;}
#fluoresce:hover .fluoresce1a:nth-child(2) {left: 460px; top: 152px; -webkit-transition: 0.7s ease-in-out}
.fluoresce1b3 {font-family: lobster; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 40px; position: absolute;}
.fluoresce1b3:nth-child(3) {color: #262525;  left: 130px}
.fluoresce1b3:nth-child(4) {color: #7d1212; left: 100px}
#fluoresce .fluoresce1b3:nth-child(3) {top: 124px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b3:nth-child(3) {top: -78px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
#fluoresce .fluoresce1b3:nth-child(4) {top: 155px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b3:nth-child(4) {top: 345px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
.fluoresce2a {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; left: 10px; overflow: hidden; }
.fluoresce2b {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; right: 10px; overflow: hidden}
.fluoresce3 {height: 270px; width: 185px; padding: 0px 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: white; text-align: justify; font-family: arial; font-size: 11px; line-height: 13px; overflow: auto }
.fluoresce3::-webkit-scrollbar {width: 4px;}
.fluoresce3::-webkit-scrollbar-thumb {background: white; border: 1px solid #262525}
.fluoresce3::-webkit-scrollbar-track {background: #262525; border: 1px solid #fff}
.fluoresce2a .fluoresce3 b, .fluoresce2b .fluoresce3 b {font-family: cuprum; color: #262525; font-size: 14px}
.fluoresce4 {height: 280px; width: 195px; position: absolute; top: 0px; background-size: auto 280px; background-positon: center}
.fluoresce2a .fluoresce4, .fluoresce2b .fluoresce4 {top: 0px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce2a:hover .fluoresce4, .fluoresce2b:hover .fluoresce4 {top: -280px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce5a {font-family: cuprum; color: #fff; text-transform: uppercase; position: absolute; padding-bottom: 3px; width: 80%; left: 10%; text-align: center; bottom: 40px; border-bottom: 1px dotted #fff; font-size: 17px}
.fluoresce5b {height: 25px; background: transparent; position: absolute; bottom: 10px; width: 80%; left: 10%; padding-top: 5px; font-family: arial; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 9px; font-size: 8px}

#fluoresce .fluoresce2a {left: -220px; -webkit-transition: 1s ease}
#fluoresce .fluoresce2b {right: -220px; -webkit-transition: 1s ease}
#fluoresce:hover .fluoresce2a {left: 10px; -webkit-transition: 1s ease 1s}
#fluoresce:hover .fluoresce2b {right: 10px; -webkit-transition: 1s ease 1s }


</style>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One|Lato:400,700' rel='stylesheet' type='text/css'><center>
 <div id="fluoresce">
<div class="fluoresce1a">School</div>
       <div class="fluoresce1a">and University</div>


   <div class="fluoresce1b3">сфера</div>
       <div class="fluoresce1b3">образования</div>
       <div class="fluoresce2a">
       <div class="fluoresce4" style="background-image: url(http://funkyimg.com/i/21YRd.jpg)">
        <div class="fluoresce5a">High school Jeju</div>
           <div class="fluoresce5b"></div>
       </div>
         <div class="fluoresce3"><p>Директор (35+):
<br>Завуч (30+):
<br>Секретари (25+):
<br>Учителя (26+):
<br>Школьники (от 6 до 19): <a href="http://jejucity.rusff.ru/profile.php?id=162">Lalisa Manoban</a>
       </div></div>
       <div class="fluoresce2b">
         <div class="fluoresce4" style="background-image:url(http://funkyimg.com/i/21YRc.jpg)">
           <div class="fluoresce5a">Jeju National University</div>
           <div class="fluoresce5b"></div>
         </div>
    <div class="fluoresce3"><br>Ректор (45+): [х]
<br>Проректор (40+): 
<br>Деканы факультетов: (30+)
<br>Преподаватели (27+): <a href="http://jejucity.rusff.ru/profile.php?id=427">Jung Jaehyun</a>
<br>Аспиранты (22+): <a href="http://jejucity.rusff.ru/profile.php?id=444">Kang Han Na</a>
<br>Студенты (от 18+): <a href="http://jejucity.rusff.ru/profile.php?id=183">Im Ji Hye</a>, <a href="http://jejucity.rusff.ru/profile.php?id=95">Jeon Jungkook</a>, <a href="http://jejucity.rusff.ru/profile.php?id=302">Lu Han</a>, <a href="http://jejucity.rusff.ru/profile.php?id=332">Bang Min Ah</a>, <a href="http://jejucity.rusff.ru/profile.php?id=381">Jeon Somi</a>, <a href="http://jejucity.rusff.ru/profile.php?id=397">Nash Grimes</a>, <a href="http://jejucity.rusff.ru/profile.php?id=423">Sean Harris</a>, <a href="http://jejucity.rusff.ru/profile.php?id=429">Dong Sicheng</a>, <a href="http://jejucity.rusff.ru/profile.php?id=431">Kim Hansol</a>, <a href="http://jejucity.rusff.ru/profile.php?id=438">Park Chaeyoung</a>, <a href="http://jejucity.rusff.ru/profile.php?id=459">Kang Seung Yoon</a>, <a href="http://jejucity.rusff.ru/profile.php?id=465">Stefanie Michova</a>, <a href="http://jejucity.rusff.ru/profile.php?id=473">Jung Jaehyun</a><br>
<br>Абитуриенты:  <br></div>

       </div>

 </div>
</center>
<style>
#fluoresce {height: 320px; width: 460px; position: relative; overflow: hidden; border: 10px solid #B5B5B5; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background-color: #e5e1e1}
.fluoresce1a {height: 15px; line-height: 15px; font-family: arial; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: absolute; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;}
.fluoresce1a:nth-child(2) {top: 192px; left: 180px}
#fluoresce .fluoresce1a:nth-child(1) {left: 90px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 105px;}
#fluoresce:hover .fluoresce1a:nth-child(1) {left: -200px; top: 140px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
#fluoresce .fluoresce1a:nth-child(2) {left: 180px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 192px;}
#fluoresce:hover .fluoresce1a:nth-child(2) {left: 460px; top: 152px; -webkit-transition: 0.7s ease-in-out}
.fluoresce1b4 {font-family: lobster; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 40px; position: absolute;}
.fluoresce1b4:nth-child(3) {color: #262525;  left: 70px}
.fluoresce1b4:nth-child(4) {color: #7d1212; left: 190px}
#fluoresce .fluoresce1b4:nth-child(3) {top: 124px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b4:nth-child(3) {top: -48px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
#fluoresce .fluoresce1b4:nth-child(4) {top: 155px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b4:nth-child(4) {top: 345px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
.fluoresce2a {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; left: 10px; overflow: hidden; }
.fluoresce2b {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; right: 10px; overflow: hidden}
.fluoresce3 {height: 270px; width: 185px; padding: 0px 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: white; text-align: justify; font-family: arial; font-size: 11px; line-height: 13px; overflow: auto }
.fluoresce3::-webkit-scrollbar {width: 4px;}
.fluoresce3::-webkit-scrollbar-thumb {background: white; border: 1px solid #262525}
.fluoresce3::-webkit-scrollbar-track {background: #262525; border: 1px solid #fff}
.fluoresce2a .fluoresce3 b, .fluoresce2b .fluoresce3 b {font-family: cuprum; color: #262525; font-size: 14px}
.fluoresce4 {height: 280px; width: 195px; position: absolute; top: 0px; background-size: auto 280px; background-positon: center}
.fluoresce2a .fluoresce4, .fluoresce2b .fluoresce4 {top: 0px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce2a:hover .fluoresce4, .fluoresce2b:hover .fluoresce4 {top: -280px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce5a {font-family: cuprum; color: #fff; text-transform: uppercase; position: absolute; padding-bottom: 3px; width: 80%; left: 10%; text-align: center; bottom: 40px; border-bottom: 1px dotted #fff; font-size: 17px}
.fluoresce5b {height: 25px; background: transparent; position: absolute; bottom: 10px; width: 80%; left: 10%; padding-top: 5px; font-family: arial; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 9px; font-size: 8px}

#fluoresce .fluoresce2a {left: -220px; -webkit-transition: 1s ease}
#fluoresce .fluoresce2b {right: -220px; -webkit-transition: 1s ease}
#fluoresce:hover .fluoresce2a {left: 10px; -webkit-transition: 1s ease 1s}
#fluoresce:hover .fluoresce2b {right: 10px; -webkit-transition: 1s ease 1s }

</style>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One|Lato:400,700' rel='stylesheet' type='text/css'><center>
 <div id="fluoresce">
<div class="fluoresce1a">Business</div>
       <div class="fluoresce1a">and Services</div>


   <div class="fluoresce1b4">бизнес и</div>
       <div class="fluoresce1b4">услуги</div>
       <div class="fluoresce2a">
       <div class="fluoresce4" style="background-image: url(http://funkyimg.com/i/21YUm.jpg)">
        <div class="fluoresce5a">KB Kookmin Bank</div>
           <div class="fluoresce5b"></div>
       </div>
         <div class="fluoresce3"><p>Президент (40+):
<br>Вице-президент (35+):
<br>Акционеры (30+):
<br>Начальник по работе с клиентами (27+): 
<br>Валютный отдел (26+):
<br>Службы безопасности(27+):
<br>Кредитные специалисты (22+):
<br>Бухгалтера (24+):
<br>Клерки (22+):
<br>Охрана (24+):
<br>Курьеры: (21+):</div>
       </div>
       <div class="fluoresce2b">
         <div class="fluoresce4" style="background-image:url(http://funkyimg.com/i/21YUn.jpg)">
           <div class="fluoresce5a">Строительная компания Yusung</div>
           <div class="fluoresce5b"></div>
         </div>
    <div class="fluoresce3"><br>Президент: [х]
<br>Вице-президент: <a href="http://jejucity.rusff.ru/profile.php?id=341">Kim HimChan</a>
<br>Финансовый директор (33+): 
<br>Главный архитектор: (27+): 
<br>Архитекторы (25+):
<br>Ландшафтный архитектор (25+):
<br>Инженеры: (26+)
<br>Дизайнеры (25+):
<br>Мастера строительных и монтажных работ (24+) 
<br>Технологи (25+):
<br>Геодезисты и гидрогеологи (24+): 
<br>Младший помощник:
<br>Стажер: 
</div>

       </div>

 </div>
</center>
<style>
#fluoresce {height: 320px; width: 460px; position: relative; overflow: hidden; border: 10px solid #B5B5B5; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background-color: #e5e1e1}
.fluoresce1a {height: 15px; line-height: 15px; font-family: arial; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: absolute; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;}
.fluoresce1a:nth-child(2) {top: 192px; left: 180px}
#fluoresce .fluoresce1a:nth-child(1) {left: 90px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 105px;}
#fluoresce:hover .fluoresce1a:nth-child(1) {left: -200px; top: 140px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
#fluoresce .fluoresce1a:nth-child(2) {left: 180px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 192px;}
#fluoresce:hover .fluoresce1a:nth-child(2) {left: 460px; top: 152px; -webkit-transition: 0.7s ease-in-out}
.fluoresce1b4 {font-family: lobster; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 40px; position: absolute;}
.fluoresce1b4:nth-child(3) {color: #262525;  left: 70px}
.fluoresce1b4:nth-child(4) {color: #7d1212; left: 190px}
#fluoresce .fluoresce1b4:nth-child(3) {top: 124px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b4:nth-child(3) {top: -48px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
#fluoresce .fluoresce1b4:nth-child(4) {top: 155px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b4:nth-child(4) {top: 345px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
.fluoresce2a {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; left: 10px; overflow: hidden; }
.fluoresce2b {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; right: 10px; overflow: hidden}
.fluoresce3 {height: 270px; width: 185px; padding: 0px 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: white; text-align: justify; font-family: arial; font-size: 11px; line-height: 13px; overflow: auto }
.fluoresce3::-webkit-scrollbar {width: 4px;}
.fluoresce3::-webkit-scrollbar-thumb {background: white; border: 1px solid #262525}
.fluoresce3::-webkit-scrollbar-track {background: #262525; border: 1px solid #fff}
.fluoresce2a .fluoresce3 b, .fluoresce2b .fluoresce3 b {font-family: cuprum; color: #262525; font-size: 14px}
.fluoresce4 {height: 280px; width: 195px; position: absolute; top: 0px; background-size: auto 280px; background-positon: center}
.fluoresce2a .fluoresce4, .fluoresce2b .fluoresce4 {top: 0px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce2a:hover .fluoresce4, .fluoresce2b:hover .fluoresce4 {top: -280px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce5a {font-family: cuprum; color: #fff; text-transform: uppercase; position: absolute; padding-bottom: 3px; width: 80%; left: 10%; text-align: center; bottom: 40px; border-bottom: 1px dotted #fff; font-size: 17px}
.fluoresce5b {height: 25px; background: transparent; position: absolute; bottom: 10px; width: 80%; left: 10%; padding-top: 5px; font-family: arial; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 9px; font-size: 8px}

#fluoresce .fluoresce2a {left: -220px; -webkit-transition: 1s ease}
#fluoresce .fluoresce2b {right: -220px; -webkit-transition: 1s ease}
#fluoresce:hover .fluoresce2a {left: 10px; -webkit-transition: 1s ease 1s}
#fluoresce:hover .fluoresce2b {right: 10px; -webkit-transition: 1s ease 1s }


</style>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One|Lato:400,700' rel='stylesheet' type='text/css'><center>
 <div id="fluoresce">
<div class="fluoresce1a">Business</div>
       <div class="fluoresce1a">and Services</div>


   <div class="fluoresce1b4">бизнес и</div>
       <div class="fluoresce1b4">услуги</div>
       <div class="fluoresce2a">
       <div class="fluoresce4" style="background-image: url(http://funkyimg.com/i/2esxs.png)">
        <div class="fluoresce5a">Модельное агентство "The Shining"</div>
           <div class="fluoresce5b"></div>
       </div>
         <div class="fluoresce3"><p>Владелец модельного агентства (+27):
<br>Директор (+27):
<br>Заместитель директора (+25):
<br>Секретарь (+18):
<br>Бухгалтер:
<br>Педагог по актерскому мастерству:
<br>Преподаватель риторики:
<br>Имиджмейкеры:
<br>Преподаватель уроков визажа: 
<br>Преподаватель уроков стиля:
<br>Агенты\менеджеры моделей:
<br>Штатные фотографы:
<br>Скауты:
<br>Модели: <a href="http://jejucity.rusff.ru/profile.php?id=135">Lee Min Hyuk</a></div>
       </div>
 </div>
</center>
<style>
#fluoresce {height: 320px; width: 460px; position: relative; overflow: hidden; border: 10px solid #B5B5B5; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background-color: #e5e1e1}
.fluoresce1a {height: 15px; line-height: 15px; font-family: arial; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: absolute; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;}
.fluoresce1a:nth-child(2) {top: 192px; left: 180px}
#fluoresce .fluoresce1a:nth-child(1) {left: 90px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 105px;}
#fluoresce:hover .fluoresce1a:nth-child(1) {left: -200px; top: 140px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
#fluoresce .fluoresce1a:nth-child(2) {left: 180px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 192px;}
#fluoresce:hover .fluoresce1a:nth-child(2) {left: 460px; top: 152px; -webkit-transition: 0.7s ease-in-out}
.fluoresce1b5 {font-family: lobster; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 40px; position: absolute;}
.fluoresce1b5:nth-child(3) {color: #262525;  left: 140px}
.fluoresce1b5:nth-child(4) {color: #7d1212; left: 120px}
#fluoresce .fluoresce1b5:nth-child(3) {top: 120px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b5:nth-child(3) {top: -10px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
#fluoresce .fluoresce1b5:nth-child(4) {top: 155px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b5:nth-child(4) {top: 345px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
.fluoresce2a {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; left: 10px; overflow: hidden; }
.fluoresce2b {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; right: 10px; overflow: hidden}
.fluoresce3 {height: 270px; width: 185px; padding: 0px 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: white; text-align: justify; font-family: arial; font-size: 11px; line-height: 13px; overflow: auto }
.fluoresce3::-webkit-scrollbar {width: 4px;}
.fluoresce3::-webkit-scrollbar-thumb {background: white; border: 1px solid #262525}
.fluoresce3::-webkit-scrollbar-track {background: #262525; border: 1px solid #fff}
.fluoresce2a .fluoresce3 b, .fluoresce2b .fluoresce3 b {font-family: cuprum; color: #262525; font-size: 14px}
.fluoresce4 {height: 280px; width: 195px; position: absolute; top: 0px; background-size: auto 280px; background-positon: center}
.fluoresce2a .fluoresce4, .fluoresce2b .fluoresce4 {top: 0px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce2a:hover .fluoresce4, .fluoresce2b:hover .fluoresce4 {top: -280px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce5a {font-family: cuprum; color: #fff; text-transform: uppercase; position: absolute; padding-bottom: 3px; width: 80%; left: 10%; text-align: center; bottom: 40px; border-bottom: 1px dotted #fff; font-size: 17px}
.fluoresce5b {height: 25px; background: transparent; position: absolute; bottom: 10px; width: 80%; left: 10%; padding-top: 5px; font-family: arial; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 9px; font-size: 8px}

#fluoresce .fluoresce2a {left: -220px; -webkit-transition: 1s ease}
#fluoresce .fluoresce2b {right: -220px; -webkit-transition: 1s ease}
#fluoresce:hover .fluoresce2a {left: 10px; -webkit-transition: 1s ease 1s}
#fluoresce:hover .fluoresce2b {right: 10px; -webkit-transition: 1s ease 1s }


</style>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One|Lato:400,700' rel='stylesheet' type='text/css'><center>
 <div id="fluoresce">
<div class="fluoresce1a">Malls</div>
       <div class="fluoresce1a">and Shops</div>


   <div class="fluoresce1b5">Сфера</div>
       <div class="fluoresce1b5">торговли</div>
       <div class="fluoresce2a">
       <div class="fluoresce4" style="background-image: url(http://funkyimg.com/i/22YN5.jpg)">
        <div class="fluoresce5a">Raon Luxury Mall</div>
           <div class="fluoresce5b"></div>
       </div>
         <div class="fluoresce3"><p>Владелец (32+):
<br>Администраторы (25+): 
<br>Менеджера по продажам (21+):
<br>Кассиры (25+):
<br>Работники кафе (21+):
<br>Охрана (25+): </div>
       </div>
       <div class="fluoresce2b">
         <div class="fluoresce4" style="background-image:url(http://funkyimg.com/i/22YN6.jpg)">
           <div class="fluoresce5a">Jeil Souvenir Shop</div>
           <div class="fluoresce5b"></div>
         </div>
    <div class="fluoresce3"><br>Владелец: (28+)
<br>Администратор (23+): 
<br>Продавцы (21+): 
<br>Поставщики сувениров (25+): 
<br>Помощница (20+): </div>

       </div>

 </div>
</center>


<br><br><br><br>
</div></center>
шаблон
Код:
сфера деятельности & название заведения: 
должность, <a href="ссылка на профиль">имя персонажа</a><br>

0

2

Код:
<!--HTML-->
<script type="text/javascript">
function move(id,spd) {
 var obj=document.getElementById(id);
 var max=-obj.offsetHeight+obj.parentNode.offsetHeight;
 var top=parseInt(obj.style.top);

 if ((spd>0&&top<=0)||(spd<0&&top>=max)){
  obj.style.top=top+spd+"px";
  move.to=setTimeout(function(){ move(id,spd); },20);
 }
 else obj.style.top=(spd>0?0:max)+"px";
}
</script>



<style type="text/css">
.faq2 { width: 622px; height: 800; margin-left: -7px; padding-top: 120px; padding-bottom: 30px; display: ; background: url(http://funkyimg.com/i/2k741.png) top no-repeat, url(http://funkyimg.com/i/2k742.png) bottom no-repeat, url(http://funkyimg.com/i/2k743.png) repeat-y;} 

#rt1 img { float: right; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }
#rt2 img { float: left; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }

</style>

<center>


<div class="faq2">

<br>


<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<center>
<div style="width: 450px; background: #; padding: 20px;">
<div style="font-family: lobster; font-size: 35px; color: #212e50; margin-left: 163px; line-height: 70%;">Центр занятости</div>
<div style="width: 220px; height: 8px; background: #e49e2e; border-left: 80px solid #043c75; border-right: 150px solid #73a7c7;"></div>
<div style="width: 500px; height: auto; font-family: Cuprum; font-size: 14px; line-height: 95%; color: #212e50; overflow: ; text-align: justify; padding-top: 20px; margin-bottom: -15px; margin-left: -30px;">


<br>
<br><br>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<center>

<style>
#fluoresce {height: 320px; width: 460px; position: relative; overflow: hidden; border: 10px solid #B5B5B5; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background-color: #e5e1e1}
.fluoresce1a {height: 15px; line-height: 15px; font-family: arial; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: absolute; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;}
.fluoresce1a:nth-child(2) {top: 192px; left: 180px}
#fluoresce .fluoresce1a:nth-child(1) {left: 90px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 105px;}
#fluoresce:hover .fluoresce1a:nth-child(1) {left: -200px; top: 140px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
#fluoresce .fluoresce1a:nth-child(2) {left: 180px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 192px;}
#fluoresce:hover .fluoresce1a:nth-child(2) {left: 460px; top: 152px; -webkit-transition: 0.7s ease-in-out}
.fluoresce1b6 {font-family: lobster; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 40px; position: absolute;}
.fluoresce1b6:nth-child(3) {color: #262525;  left: 140px}
.fluoresce1b6:nth-child(4) {color: #7d1212; left: 200px}
#fluoresce .fluoresce1b6:nth-child(3) {top: 120px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b6:nth-child(3) {top: -48px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
#fluoresce .fluoresce1b6:nth-child(4) {top: 155px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b6:nth-child(4) {top: 345px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
.fluoresce2a {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; left: 10px; overflow: hidden; }
.fluoresce2b {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; right: 10px; overflow: hidden}
.fluoresce3 {height: 270px; width: 185px; padding: 0px 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: white; text-align: justify; font-family: arial; font-size: 11px; line-height: 13px; overflow: auto }
.fluoresce3::-webkit-scrollbar {width: 4px;}
.fluoresce3::-webkit-scrollbar-thumb {background: white; border: 1px solid #262525}
.fluoresce3::-webkit-scrollbar-track {background: #262525; border: 1px solid #fff}
.fluoresce2a .fluoresce3 b, .fluoresce2b .fluoresce3 b {font-family: cuprum; color: #262525; font-size: 14px}
.fluoresce4 {height: 280px; width: 195px; position: absolute; top: 0px; background-size: auto 280px; background-positon: center}
.fluoresce2a .fluoresce4, .fluoresce2b .fluoresce4 {top: 0px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce2a:hover .fluoresce4, .fluoresce2b:hover .fluoresce4 {top: -280px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce5a {font-family: cuprum; color: #fff; text-transform: uppercase; position: absolute; padding-bottom: 3px; width: 80%; left: 10%; text-align: center; bottom: 40px; border-bottom: 1px dotted #fff; font-size: 17px}
.fluoresce5b {height: 25px; background: transparent; position: absolute; bottom: 10px; width: 80%; left: 10%; padding-top: 5px; font-family: arial; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 9px; font-size: 8px}

#fluoresce .fluoresce2a {left: -220px; -webkit-transition: 1s ease}
#fluoresce .fluoresce2b {right: -220px; -webkit-transition: 1s ease}
#fluoresce:hover .fluoresce2a {left: 10px; -webkit-transition: 1s ease 1s}
#fluoresce:hover .fluoresce2b {right: 10px; -webkit-transition: 1s ease 1s }


</style>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One|Lato:400,700' rel='stylesheet' type='text/css'><center>
 <div id="fluoresce">
<div class="fluoresce1a">TV</div>
       <div class="fluoresce1a">and Radio</div>


   <div class="fluoresce1b6">Сфера</div>
       <div class="fluoresce1b6">СМИ</div>
       <div class="fluoresce2a">
       <div class="fluoresce4" style="background-image: url(http://funkyimg.com/i/22YQh.jpg)">
        <div class="fluoresce5a">Телеканал Jeju MBC</div>
           <div class="fluoresce5b"></div>
       </div>
         <div class="fluoresce3"><p>Генеральный директор (35+):
<br>Креативный директор (28+): 
<br>Режиссер монтажа (26+):
<br>Звукорежиссер (26+):
<br>Телеведущие (24+): <a href="http://jejucity.rusff.ru/profile.php?id=466">Lee Seung Hoon</a><br>
<br>Репортеры (23+): 
<br>Журналисты (21+): 
<br>Редакторы (25+): 
<br>Стажеры (21+):
<br>Стилисты (23+): </div>
       </div>
       <div class="fluoresce2b">
         <div class="fluoresce4" style="background-image:url(http://funkyimg.com/i/22YQi.jpg)">
           <div class="fluoresce5a">CJB FM</div>
           <div class="fluoresce5b"></div>
         </div>
    <div class="fluoresce3"><br>Директор: (28+)
<br>Радиоведущие (24+):  <a href="http://jejucity.rusff.ru/profile.php?id=76">Nam Tae Hyun</a>
<br>Ди-джеи (23+): 
<br>Звукорежиссер (25+):
<br>Журналисты (24+):
<br>Редакторы (25+):
<br>Стажеры (21+): </div>
</div>


 </div>
</center>

<style>
#fluoresce {height: 320px; width: 460px; position: relative; overflow: hidden; border: 10px solid #B5B5B5; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background-color: #e5e1e1}
.fluoresce1a {height: 15px; line-height: 15px; font-family: arial; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: absolute; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;}
.fluoresce1a:nth-child(2) {top: 192px; left: 180px}
#fluoresce .fluoresce1a:nth-child(1) {left: 90px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 105px;}
#fluoresce:hover .fluoresce1a:nth-child(1) {left: -200px; top: 140px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
#fluoresce .fluoresce1a:nth-child(2) {left: 180px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 192px;}
#fluoresce:hover .fluoresce1a:nth-child(2) {left: 460px; top: 152px; -webkit-transition: 0.7s ease-in-out}
.fluoresce1b7 {font-family: lobster; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 40px; position: absolute;}
.fluoresce1b7:nth-child(3) {color: #262525;  left: 140px}
.fluoresce1b7:nth-child(4) {color: #7d1212; left: 200px}
#fluoresce .fluoresce1b7:nth-child(3) {top: 120px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b7:nth-child(3) {top: -48px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
#fluoresce .fluoresce1b7:nth-child(4) {top: 155px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b7:nth-child(4) {top: 345px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
.fluoresce2a {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; left: 10px; overflow: hidden; }
.fluoresce2b {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; right: 10px; overflow: hidden}
.fluoresce3 {height: 270px; width: 185px; padding: 0px 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: white; text-align: justify; font-family: arial; font-size: 11px; line-height: 13px; overflow: auto }
.fluoresce3::-webkit-scrollbar {width: 4px;}
.fluoresce3::-webkit-scrollbar-thumb {background: white; border: 1px solid #262525}
.fluoresce3::-webkit-scrollbar-track {background: #262525; border: 1px solid #fff}
.fluoresce2a .fluoresce3 b, .fluoresce2b .fluoresce3 b {font-family: cuprum; color: #262525; font-size: 14px}
.fluoresce4 {height: 280px; width: 195px; position: absolute; top: 0px; background-size: auto 280px; background-positon: center}
.fluoresce2a .fluoresce4, .fluoresce2b .fluoresce4 {top: 0px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce2a:hover .fluoresce4, .fluoresce2b:hover .fluoresce4 {top: -280px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce5a {font-family: cuprum; color: #fff; text-transform: uppercase; position: absolute; padding-bottom: 3px; width: 80%; left: 10%; text-align: center; bottom: 40px; border-bottom: 1px dotted #fff; font-size: 17px}
.fluoresce5b {height: 25px; background: transparent; position: absolute; bottom: 10px; width: 80%; left: 10%; padding-top: 5px; font-family: arial; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 9px; font-size: 8px}

#fluoresce .fluoresce2a {left: -220px; -webkit-transition: 1s ease}
#fluoresce .fluoresce2b {right: -220px; -webkit-transition: 1s ease}
#fluoresce:hover .fluoresce2a {left: 10px; -webkit-transition: 1s ease 1s}
#fluoresce:hover .fluoresce2b {right: 10px; -webkit-transition: 1s ease 1s }


</style>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One|Lato:400,700' rel='stylesheet' type='text/css'><center>
 <div id="fluoresce">
<div class="fluoresce1a">Magazines</div>
       <div class="fluoresce1a">and Newspapers</div>


   <div class="fluoresce1b7">Сфера</div>
       <div class="fluoresce1b7">СМИ</div>
       <div class="fluoresce2a">
       <div class="fluoresce4" style="background-image: url(http://funkyimg.com/i/22YV5.jpg)">
        <div class="fluoresce5a">Exclaim Magazin</div>
           <div class="fluoresce5b"></div>
       </div>
         <div class="fluoresce3"><p>Директор (32+):
<br>Креативный директор (29+): 
<br>Главный редактор (27+):
<br>Редакторы (25+):
<br>Фоторепортеры (24+):
<br>Корректоры (24+):
<br>Журналисты (22+): <a href="http://jejucity.rusff.ru/profile.php?id=439">Choi Siwon</a>
<br>Верстальщики (23+):
<br>Ассистент редактора (23+): 
<br>Стажеры (21+): <a href="http://jejucity.rusff.ru/profile.php?id=11">Jo Hye Ryung</a>
<br>Стилисты (23+): 
</div>
       </div>
       <div class="fluoresce2b">
         <div class="fluoresce4" style="background-image:url(http://funkyimg.com/i/22YV6.jpg)">
           <div class="fluoresce5a">Газета Jeju Sori</div>
           <div class="fluoresce5b"></div>
         </div>
    <div class="fluoresce3"><br>Директор: (30+)
<br>Главный редактор (27+): 
<br>Редакторы (25+): 
<br>Журналисты (24+): 
<br>Фоторепортеры (22+):
<br>Верстальщики (22+): 
<br>Стажеры (21+):
</div> 
       </div>

 </div>
</center>

<style>
#fluoresce {height: 320px; width: 460px; position: relative; overflow: hidden; border: 10px solid #B5B5B5; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background-color: #e5e1e1}
.fluoresce1a {height: 15px; line-height: 15px; font-family: arial; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: absolute; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;}
.fluoresce1a:nth-child(2) {top: 192px; left: 180px}
#fluoresce .fluoresce1a:nth-child(1) {left: 90px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 105px;}
#fluoresce:hover .fluoresce1a:nth-child(1) {left: -200px; top: 140px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
#fluoresce .fluoresce1a:nth-child(2) {left: 180px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 192px;}
#fluoresce:hover .fluoresce1a:nth-child(2) {left: 460px; top: 152px; -webkit-transition: 0.7s ease-in-out}
.fluoresce1b4 {font-family: lobster; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 40px; position: absolute;}
.fluoresce1b4:nth-child(3) {color: #262525;  left: 70px}
.fluoresce1b4:nth-child(4) {color: #7d1212; left: 190px}
#fluoresce .fluoresce1b4:nth-child(3) {top: 124px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b4:nth-child(3) {top: -48px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
#fluoresce .fluoresce1b4:nth-child(4) {top: 155px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b4:nth-child(4) {top: 345px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
.fluoresce2a {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; left: 10px; overflow: hidden; }
.fluoresce2b {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; right: 10px; overflow: hidden}
.fluoresce3 {height: 270px; width: 185px; padding: 0px 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: white; text-align: justify; font-family: arial; font-size: 11px; line-height: 13px; overflow: auto }
.fluoresce3::-webkit-scrollbar {width: 4px;}
.fluoresce3::-webkit-scrollbar-thumb {background: white; border: 1px solid #262525}
.fluoresce3::-webkit-scrollbar-track {background: #262525; border: 1px solid #fff}
.fluoresce2a .fluoresce3 b, .fluoresce2b .fluoresce3 b {font-family: cuprum; color: #262525; font-size: 14px}
.fluoresce4 {height: 280px; width: 195px; position: absolute; top: 0px; background-size: auto 280px; background-positon: center}
.fluoresce2a .fluoresce4, .fluoresce2b .fluoresce4 {top: 0px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce2a:hover .fluoresce4, .fluoresce2b:hover .fluoresce4 {top: -280px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce5a {font-family: cuprum; color: #fff; text-transform: uppercase; position: absolute; padding-bottom: 3px; width: 80%; left: 10%; text-align: center; bottom: 40px; border-bottom: 1px dotted #fff; font-size: 17px}
.fluoresce5b {height: 25px; background: transparent; position: absolute; bottom: 10px; width: 80%; left: 10%; padding-top: 5px; font-family: arial; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 9px; font-size: 8px}

#fluoresce .fluoresce2a {left: -220px; -webkit-transition: 1s ease}
#fluoresce .fluoresce2b {right: -220px; -webkit-transition: 1s ease}
#fluoresce:hover .fluoresce2a {left: 10px; -webkit-transition: 1s ease 1s}
#fluoresce:hover .fluoresce2b {right: 10px; -webkit-transition: 1s ease 1s }


</style>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One|Lato:400,700' rel='stylesheet' type='text/css'><center>
 <div id="fluoresce">
<div class="fluoresce1a">Restaurant</div>
       <div class="fluoresce1a">and Cafe</div>


   <div class="fluoresce1b4">Ресторанная</div>
       <div class="fluoresce1b4">сфера</div>
       <div class="fluoresce2a">
       <div class="fluoresce4" style="background-image: url(http://funkyimg.com/i/22Arw.jpg)">
        <div class="fluoresce5a">Ресторан "Modica"</div>
           <div class="fluoresce5b"></div>
       </div>
         <div class="fluoresce3"><p>Владелец (30+): 
<br>Администратор (25+): 
<br>Шеф-повар (27+): 
<br>Су-шеф (25+): 
<br>Кондитер (25+): 
<br>Повара (25+):
<br>Официанты (21+): <a href="http://jejucity.rusff.ru/profile.php?id=302">Lu Han</a>
<br>Хостесс (22+):
<br>Бармены (21+):
<br>Музыканты (20+):
<br>Охранники: (25+):
</div>
       </div>
       <div class="fluoresce2b">
         <div class="fluoresce4" style="background-image:url(http://funkyimg.com/i/22Ars.jpg)">
           <div class="fluoresce5a">Caffe Bene</div>
           <div class="fluoresce5b"></div>
         </div>
    <div class="fluoresce3"><br>Владелица (27+): <a href="http://jejucity.rusff.ru/profile.php?id=395">Tiffany Hwang</a>
<br>Кондитеры (25+): <a href="http://jejucity.rusff.ru/profile.php?id=462">Kim Jin Woo</a>
<br>Бариста (23+): <a href="http://jejucity.rusff.ru/profile.php?id=439">Choi Siwon</a>
<br>Официанты (20+): 
<br>Повар (25+): 
<br>Помощник кондитера, <a href="http://jejucity.rusff.ru/profile.php?id=398">Kim Myung Soo</a></div>

       </div>

 </div>
</center>


<style>
#fluoresce {height: 320px; width: 460px; position: relative; overflow: hidden; border: 10px solid #B5B5B5; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background-color: #e5e1e1}
.fluoresce1a {height: 15px; line-height: 15px; font-family: arial; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: absolute; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;}
.fluoresce1a:nth-child(2) {top: 192px; left: 180px}
#fluoresce .fluoresce1a:nth-child(1) {left: 90px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 105px;}
#fluoresce:hover .fluoresce1a:nth-child(1) {left: -200px; top: 140px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
#fluoresce .fluoresce1a:nth-child(2) {left: 180px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 192px;}
#fluoresce:hover .fluoresce1a:nth-child(2) {left: 460px; top: 152px; -webkit-transition: 0.7s ease-in-out}
.fluoresce1b4 {font-family: lobster; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 40px; position: absolute;}
.fluoresce1b4:nth-child(3) {color: #262525;  left: 70px}
.fluoresce1b4:nth-child(4) {color: #7d1212; left: 190px}
#fluoresce .fluoresce1b4:nth-child(3) {top: 124px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b4:nth-child(3) {top: -48px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
#fluoresce .fluoresce1b4:nth-child(4) {top: 155px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b4:nth-child(4) {top: 345px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
.fluoresce2a {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; left: 10px; overflow: hidden; }
.fluoresce2b {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; right: 10px; overflow: hidden}
.fluoresce3 {height: 270px; width: 185px; padding: 0px 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: white; text-align: justify; font-family: arial; font-size: 11px; line-height: 13px; overflow: auto }
.fluoresce3::-webkit-scrollbar {width: 4px;}
.fluoresce3::-webkit-scrollbar-thumb {background: white; border: 1px solid #262525}
.fluoresce3::-webkit-scrollbar-track {background: #262525; border: 1px solid #fff}
.fluoresce2a .fluoresce3 b, .fluoresce2b .fluoresce3 b {font-family: cuprum; color: #262525; font-size: 14px}
.fluoresce4 {height: 280px; width: 195px; position: absolute; top: 0px; background-size: auto 280px; background-positon: center}
.fluoresce2a .fluoresce4, .fluoresce2b .fluoresce4 {top: 0px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce2a:hover .fluoresce4, .fluoresce2b:hover .fluoresce4 {top: -280px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce5a {font-family: cuprum; color: #fff; text-transform: uppercase; position: absolute; padding-bottom: 3px; width: 80%; left: 10%; text-align: center; bottom: 40px; border-bottom: 1px dotted #fff; font-size: 17px}
.fluoresce5b {height: 25px; background: transparent; position: absolute; bottom: 10px; width: 80%; left: 10%; padding-top: 5px; font-family: arial; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 9px; font-size: 8px}

#fluoresce .fluoresce2a {left: -220px; -webkit-transition: 1s ease}
#fluoresce .fluoresce2b {right: -220px; -webkit-transition: 1s ease}
#fluoresce:hover .fluoresce2a {left: 10px; -webkit-transition: 1s ease 1s}
#fluoresce:hover .fluoresce2b {right: 10px; -webkit-transition: 1s ease 1s }


</style>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One|Lato:400,700' rel='stylesheet' type='text/css'><center>
 <div id="fluoresce">
<div class="fluoresce1a">Hotels</div>
       <div class="fluoresce1a">and Motels</div>


   <div class="fluoresce1b4">Гостиничная</div>
       <div class="fluoresce1b4">сфера</div>
       <div class="fluoresce2a">
       <div class="fluoresce4" style="background-image: url(http://funkyimg.com/i/22BbR.jpg)">
        <div class="fluoresce5a">Kensington Jeju Hotel</div>
           <div class="fluoresce5b"></div>
       </div>
         <div class="fluoresce3"><p>Директор (40+):
<br>Агенты по бронированию (25+): 
<br>Администраторы рецепции (25+): <a href="http://jejucity.rusff.ru/profile.php?id=261">Kim Junsu</a>
<br>Менеджеры отдела продаж (25+):
<br>Портье (21+):
<br>Бармены (21+): <a href="http://jejucity.rusff.ru/profile.php?id=373">Kim Min Seok</a>
<br>Горничные (21+):
<br>Охранники (24+): 
<br>Швейцары (21+): 
<br>Аниматоры: <br></div>
       </div>
       <div class="fluoresce2b">
         <div class="fluoresce4" style="background-image:url(http://funkyimg.com/i/22BbP.jpg)">
           <div class="fluoresce5a">Monaco Motel</div>
           <div class="fluoresce5b"></div>
         </div>
    <div class="fluoresce3"><br>Владелец: (32+)
<br>Администраторы рецепции (25+):
<br>Портье (21+): 
<br>Горничные (21+): </div>

       </div>

 </div>
</center>

<br><br><br><br>
</div></center>

0

3

Код:
<!--HTML-->
<script type="text/javascript">
function move(id,spd) {
 var obj=document.getElementById(id);
 var max=-obj.offsetHeight+obj.parentNode.offsetHeight;
 var top=parseInt(obj.style.top);

 if ((spd>0&&top<=0)||(spd<0&&top>=max)){
  obj.style.top=top+spd+"px";
  move.to=setTimeout(function(){ move(id,spd); },20);
 }
 else obj.style.top=(spd>0?0:max)+"px";
}
</script>



<style type="text/css">
.faq2 { width: 622px; height: 800; margin-left: -7px; padding-top: 120px; padding-bottom: 30px; display: ; background: url(http://funkyimg.com/i/2k741.png) top no-repeat, url(http://funkyimg.com/i/2k742.png) bottom no-repeat, url(http://funkyimg.com/i/2k743.png) repeat-y;} 

#rt1 img { float: right; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }
#rt2 img { float: left; margin: 0 2px 1px 0; border: 1px solid #D8EAC2; padding: 0px; width: 80px; }

</style>

<center>


<div class="faq2">

<br>


<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<center>
<div style="width: 450px; background: #; padding: 20px;">
<div style="font-family: lobster; font-size: 35px; color: #212e50; margin-left: 163px; line-height: 70%;">Центр занятости</div>
<div style="width: 220px; height: 8px; background: #e49e2e; border-left: 80px solid #043c75; border-right: 150px solid #73a7c7;"></div>
<div style="width: 500px; height: auto; font-family: Cuprum; font-size: 14px; line-height: 95%; color: #212e50; overflow: ; text-align: justify; padding-top: 20px; margin-bottom: -15px; margin-left: -30px;">


<br>
<br><br>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,700italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'>
<center>
<style>
#fluoresce {height: 320px; width: 460px; position: relative; overflow: hidden; border: 10px solid #B5B5B5; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background-color: #e5e1e1}
.fluoresce1a {height: 15px; line-height: 15px; font-family: arial; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: absolute; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;}
.fluoresce1a:nth-child(2) {top: 192px; left: 180px}
#fluoresce .fluoresce1a:nth-child(1) {left: 90px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 105px;}
#fluoresce:hover .fluoresce1a:nth-child(1) {left: -200px; top: 140px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
#fluoresce .fluoresce1a:nth-child(2) {left: 180px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 192px;}
#fluoresce:hover .fluoresce1a:nth-child(2) {left: 460px; top: 152px; -webkit-transition: 0.7s ease-in-out}
.fluoresce1b8 {font-family: lobster; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 40px; position: absolute;}
.fluoresce1b8:nth-child(3) {color: #262525;  left: 140px}
.fluoresce1b8:nth-child(4) {color: #7d1212; left: 100px}
#fluoresce .fluoresce1b8:nth-child(3) {top: 120px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b8:nth-child(3) {top: -48px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
#fluoresce .fluoresce1b8:nth-child(4) {top: 155px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b8:nth-child(4) {top: 345px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
.fluoresce2a {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; left: 10px; overflow: hidden; }
.fluoresce2b {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; right: 10px; overflow: hidden}
.fluoresce3 {height: 270px; width: 185px; padding: 0px 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: white; text-align: justify; font-family: arial; font-size: 11px; line-height: 13px; overflow: auto }
.fluoresce3::-webkit-scrollbar {width: 4px;}
.fluoresce3::-webkit-scrollbar-thumb {background: white; border: 1px solid #262525}
.fluoresce3::-webkit-scrollbar-track {background: #262525; border: 1px solid #fff}
.fluoresce2a .fluoresce3 b, .fluoresce2b .fluoresce3 b {font-family: cuprum; color: #262525; font-size: 14px}
.fluoresce4 {height: 280px; width: 195px; position: absolute; top: 0px; background-size: auto 280px; background-positon: center}
.fluoresce2a .fluoresce4, .fluoresce2b .fluoresce4 {top: 0px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce2a:hover .fluoresce4, .fluoresce2b:hover .fluoresce4 {top: -280px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce5a {font-family: cuprum; color: #fff; text-transform: uppercase; position: absolute; padding-bottom: 3px; width: 80%; left: 10%; text-align: center; bottom: 40px; border-bottom: 1px dotted #fff; font-size: 17px}
.fluoresce5b {height: 25px; background: transparent; position: absolute; bottom: 10px; width: 80%; left: 10%; padding-top: 5px; font-family: arial; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 9px; font-size: 8px}

#fluoresce .fluoresce2a {left: -220px; -webkit-transition: 1s ease}
#fluoresce .fluoresce2b {right: -220px; -webkit-transition: 1s ease}
#fluoresce:hover .fluoresce2a {left: 10px; -webkit-transition: 1s ease 1s}
#fluoresce:hover .fluoresce2b {right: 10px; -webkit-transition: 1s ease 1s }


</style>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One|Lato:400,700' rel='stylesheet' type='text/css'><center>
 <div id="fluoresce">
<div class="fluoresce1a">Night club</div>
       <div class="fluoresce1a">and Casino</div>


   <div class="fluoresce1b8">Сфера</div>
       <div class="fluoresce1b8">Развлечений</div>
       <div class="fluoresce2a">
       <div class="fluoresce4" style="background-image: url(http://funkyimg.com/p/22Z5A.jpg)">
        <div class="fluoresce5a">Night club "INDIGO"</div>
           <div class="fluoresce5b"></div>
       </div>
         <div class="fluoresce3"><p>Владелица (27+): 
<br>Креативный директор (27+):
<br>Администратор (25+): <a href="http://jejucity.rusff.ru/profile.php?id=143">Son Hyun Woo</a>
<br>Танцовщицы go-go (18+): 
<br>Официанты (21+): <a href="http://jejucity.rusff.ru/profile.php?id=107">Jo Mi Hye</a>
<br>Бармены (22+): 
<br>Ди-джеи (23+): <a href="http://jejucity.rusff.ru/profile.php?id=69">Lee Jae Hwan </a>
<br>Ведущие (24+):
<br>Хореограф (24+):
<br>Стилисты (23+):
<br>Повара (25+):</div>
       </div>
       <div class="fluoresce2b">
         <div class="fluoresce4" style="background-image:url(http://funkyimg.com/i/22Z5z.jpg)">
           <div class="fluoresce5a">Paradise Casino Jeju</div>
           <div class="fluoresce5b"></div>
         </div>
    <div class="fluoresce3"><br>Владелец: <a href="http://jejucity.rusff.ru/profile.php?id=416">So Ji Sub</a> [x]
<br>Администраторы (28+): 
<br>Питбосс (28+):
<br>Крупье (25+):
<br>Инспекторы (28+):
<br>Кассиры (27+): 
<br>Официанты (22+): <a href="http://jejucity.rusff.ru/profile.php?id=382">Im Yoon Ah</a>
<br>Пианист: <a href="http://jejucity.rusff.ru/profile.php?id=456">Min Yoongi</a>
<br>Охрана (26+):
<br>Начальник охраны: <a href="http://jejucity.rusff.ru/profile.php?id=383">Ji Chang Wook</a></div>

       </div>

 </div>
</center>
<style>
#fluoresce {height: 320px; width: 460px; position: relative; overflow: hidden; border: 10px solid #B5B5B5; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background-color: #e5e1e1}
.fluoresce1a {height: 15px; line-height: 15px; font-family: arial; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: absolute; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;}
.fluoresce1a:nth-child(2) {top: 192px; left: 180px}
#fluoresce .fluoresce1a:nth-child(1) {left: 90px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 105px;}
#fluoresce:hover .fluoresce1a:nth-child(1) {left: -200px; top: 140px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
#fluoresce .fluoresce1a:nth-child(2) {left: 180px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 192px;}
#fluoresce:hover .fluoresce1a:nth-child(2) {left: 460px; top: 152px; -webkit-transition: 0.7s ease-in-out}
.fluoresce1b8 {font-family: lobster; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 40px; position: absolute;}
.fluoresce1b8:nth-child(3) {color: #262525;  left: 140px}
.fluoresce1b8:nth-child(4) {color: #7d1212; left: 100px}
#fluoresce .fluoresce1b8:nth-child(3) {top: 120px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b8:nth-child(3) {top: -48px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
#fluoresce .fluoresce1b8:nth-child(4) {top: 155px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b8:nth-child(4) {top: 345px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
.fluoresce2a {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; left: 10px; overflow: hidden; }
.fluoresce2b {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; right: 10px; overflow: hidden}
.fluoresce3 {height: 270px; width: 185px; padding: 0px 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: white; text-align: justify; font-family: arial; font-size: 11px; line-height: 13px; overflow: auto }
.fluoresce3::-webkit-scrollbar {width: 4px;}
.fluoresce3::-webkit-scrollbar-thumb {background: white; border: 1px solid #262525}
.fluoresce3::-webkit-scrollbar-track {background: #262525; border: 1px solid #fff}
.fluoresce2a .fluoresce3 b, .fluoresce2b .fluoresce3 b {font-family: cuprum; color: #262525; font-size: 14px}
.fluoresce4 {height: 280px; width: 195px; position: absolute; top: 0px; background-size: auto 280px; background-positon: center}
.fluoresce2a .fluoresce4, .fluoresce2b .fluoresce4 {top: 0px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce2a:hover .fluoresce4, .fluoresce2b:hover .fluoresce4 {top: -280px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce5a {font-family: cuprum; color: #fff; text-transform: uppercase; position: absolute; padding-bottom: 3px; width: 80%; left: 10%; text-align: center; bottom: 40px; border-bottom: 1px dotted #fff; font-size: 17px}
.fluoresce5b {height: 25px; background: transparent; position: absolute; bottom: 10px; width: 80%; left: 10%; padding-top: 5px; font-family: arial; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 9px; font-size: 8px}

#fluoresce .fluoresce2a {left: -220px; -webkit-transition: 1s ease}
#fluoresce .fluoresce2b {right: -220px; -webkit-transition: 1s ease}
#fluoresce:hover .fluoresce2a {left: 10px; -webkit-transition: 1s ease 1s}
#fluoresce:hover .fluoresce2b {right: 10px; -webkit-transition: 1s ease 1s }


</style>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One|Lato:400,700' rel='stylesheet' type='text/css'><center>
 <div id="fluoresce">
<div class="fluoresce1a">Amusement</div>
       <div class="fluoresce1a">Park</div>


   <div class="fluoresce1b8">Сфера</div>
       <div class="fluoresce1b8">Развлечений</div>
       <div class="fluoresce2a">
       <div class="fluoresce4" style="background-image: url(http://funkyimg.com/i/2bkZp.jpg)">
        <div class="fluoresce5a">"Happy Unicorns Land"</div>
           <div class="fluoresce5b"></div>
       </div>
         <div class="fluoresce3"><p>Ген. директор - Mr. Jang [х]
<br>Управляющий: <a href="http://jejucity.rusff.ru/profile.php?id=170">Zhang Yixing</a>
<br>Операторы аттракционов (20+):
<br>Аниматоры (20+): <a href="http://jejucity.rusff.ru/profile.php?id=392">Kim JongDae</a>
<br>Продавцы билетов (19+): 
<br>Продавцы сахарной ваты, игрушек (18+): 
<br>Спасатели (20+):
<br>Охранники (21+):
<br>Фотограф (19+):</div>
       </div>

 </div>
</center>

<style>
#fluoresce {height: 320px; width: 460px; position: relative; overflow: hidden; border: 10px solid #B5B5B5; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background-color: #e5e1e1}
.fluoresce1a {height: 15px; line-height: 15px; font-family: arial; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: absolute; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;}
.fluoresce1a:nth-child(2) {top: 192px; left: 180px}
#fluoresce .fluoresce1a:nth-child(1) {left: 90px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 105px;}
#fluoresce:hover .fluoresce1a:nth-child(1) {left: -200px; top: 140px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
#fluoresce .fluoresce1a:nth-child(2) {left: 180px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 192px;}
#fluoresce:hover .fluoresce1a:nth-child(2) {left: 460px; top: 152px; -webkit-transition: 0.7s ease-in-out}
.fluoresce1b9 {font-family: lobster; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 40px; position: absolute;}
.fluoresce1b9:nth-child(3) {color: #262525;  left: 70px}
.fluoresce1b9:nth-child(4) {color: #7d1212; left: 190px}
#fluoresce .fluoresce1b9:nth-child(3) {top: 120px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b9:nth-child(3) {top: -48px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
#fluoresce .fluoresce1b9:nth-child(4) {top: 155px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b9:nth-child(4) {top: 345px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
.fluoresce2a {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; left: 10px; overflow: hidden; }
.fluoresce2b {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; right: 10px; overflow: hidden}
.fluoresce3 {height: 270px; width: 185px; padding: 0px 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: white; text-align: justify; font-family: arial; font-size: 11px; line-height: 13px; overflow: auto }
.fluoresce3::-webkit-scrollbar {width: 4px;}
.fluoresce3::-webkit-scrollbar-thumb {background: white; border: 1px solid #262525}
.fluoresce3::-webkit-scrollbar-track {background: #262525; border: 1px solid #fff}
.fluoresce2a .fluoresce3 b, .fluoresce2b .fluoresce3 b {font-family: cuprum; color: #262525; font-size: 14px}
.fluoresce4 {height: 280px; width: 195px; position: absolute; top: 0px; background-size: auto 280px; background-positon: center}
.fluoresce2a .fluoresce4, .fluoresce2b .fluoresce4 {top: 0px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce2a:hover .fluoresce4, .fluoresce2b:hover .fluoresce4 {top: -280px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce5a {font-family: cuprum; color: #fff; text-transform: uppercase; position: absolute; padding-bottom: 3px; width: 80%; left: 10%; text-align: center; bottom: 40px; border-bottom: 1px dotted #fff; font-size: 17px}
.fluoresce5b {height: 25px; background: transparent; position: absolute; bottom: 10px; width: 80%; left: 10%; padding-top: 5px; font-family: arial; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 9px; font-size: 8px}

#fluoresce .fluoresce2a {left: -220px; -webkit-transition: 1s ease}
#fluoresce .fluoresce2b {right: -220px; -webkit-transition: 1s ease}
#fluoresce:hover .fluoresce2a {left: 10px; -webkit-transition: 1s ease 1s}
#fluoresce:hover .fluoresce2b {right: 10px; -webkit-transition: 1s ease 1s }


</style>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One|Lato:400,700' rel='stylesheet' type='text/css'><center>
 <div id="fluoresce">
<div class="fluoresce1a">Crime</div>
       <div class="fluoresce1a">and Brothel</div>


   <div class="fluoresce1b9">Криминальная</div>
       <div class="fluoresce1b9">Сфера</div>
       <div class="fluoresce2a">
       <div class="fluoresce4" style="background-image: url(http://funkyimg.com/i/22Z9J.jpg)">
        <div class="fluoresce5a">Mafia</div>
           <div class="fluoresce5b"></div>
       </div>
         <div class="fluoresce3"><p>Босс (40+): [х]
<br>Заместитель босса (27+):  <a href="http://jejucity.rusff.ru/profile.php?id=255">Kim Sang Bum</a> [х]
<br>Советник (27+): <a href="http://jejucity.rusff.ru/profile.php?id=336">Lee Sung Hwa</a>
<br>Наемники (24+): 
<br>Поставщик оружия (26+):
<br>Наркокурьеры (21+): 
<br>Наркодиллеры (24+): 
<br>Аферисты (22+): <a href="http://jejucity.rusff.ru/profile.php?id=3">Kim Jong In</a>
<br>Интернет-мошенники (21+): 
<br>Хакеры (19+): <a href="http://jejucity.rusff.ru/profile.php?id=470ь">Jung Ho Seok</a>
<br>Автоугонщики (20+): <a href="http://jejucity.rusff.ru/profile.php?id=215">Kim Han Bin</a>
<br>Карманники (15+):
<br>Воры-взломщики (19+):
<br>Телохранители (25+):
<br>Охрана (25+):
</div>
       </div>
       <div class="fluoresce2b">
         <div class="fluoresce4" style="background-image:url(http://funkyimg.com/i/22Z9H.jpg)">
           <div class="fluoresce5a">Бордель "Stiletto"</div>
           <div class="fluoresce5b"></div>
         </div>
    <div class="fluoresce3"><br>Владелец (35+): [х]
<br>Заместитель (27+): [х]
<br>Администраторы (24+): 
<br>Проститутки (18+): 
<br>Жигало (18+):
<br>Эскорт сопровождение(18+): <a href="http://jejucity.rusff.ru/profile.php?id=266">Lee TaeYong</a>, <a href="http://jejucity.rusff.ru/profile.php?id=83">Lee Chae Eun</a>
<br>Массажисты (18+):
<br>Бармены (24+): 
<br>Официанты (22+): 
<br>Охрана (26+):
<br>Стриптизеры: </div>

       </div>

 </div>
</center>



<style>
#fluoresce {height: 320px; width: 460px; position: relative; overflow: hidden; border: 10px solid #B5B5B5; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background-color: #e5e1e1}
.fluoresce1a {height: 15px; line-height: 15px; font-family: arial; background: white; color: black; width: 200px; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); position: absolute; font-size: 10px; text-transform: uppercase; letter-spacing: 3px;}
.fluoresce1a:nth-child(2) {top: 192px; left: 180px}
#fluoresce .fluoresce1a:nth-child(1) {left: 90px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 105px;}
#fluoresce:hover .fluoresce1a:nth-child(1) {left: -200px; top: 140px; -webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;}
#fluoresce .fluoresce1a:nth-child(2) {left: 180px; -webkit-transition: 0.7s ease-in-out 0.5s; -moz-transition: 0.7s ease-in-out 0.5s; transition: 0.7s ease-in-out 0.5s;top: 192px;}
#fluoresce:hover .fluoresce1a:nth-child(2) {left: 460px; top: 152px; -webkit-transition: 0.7s ease-in-out}
.fluoresce1b10 {font-family: lobster; text-transform: uppercase; position: absolute; transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); font-size: 40px; position: absolute;}
.fluoresce1b10:nth-child(3) {color: #262525;  left: 120px}
.fluoresce1b10:nth-child(4) {color: #7d1212; left: 100px}
#fluoresce .fluoresce1b10:nth-child(3) {top: 120px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b10:nth-child(3) {top: -48px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
#fluoresce .fluoresce1b10:nth-child(4) {top: 155px; -webkit-transition: 0.5s ease-in-out 0.6s; -moz-transition: 0.5s ease-in-out 0.6s; transition: 0.5s ease-in-out 0.6s; }
#fluoresce:hover .fluoresce1b10:nth-child(4) {top: 345px; -webkit-transition: 0.5s ease-in-out 0.5s; -moz-transition: 0.5s ease-in-out 0.5s; transition: 0.5s ease-in-out 0.5s; }
.fluoresce2a {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; left: 10px; overflow: hidden; }
.fluoresce2b {height: 280px; width: 195px; border: 10px solid #fff; position: absolute; top: 10px; right: 10px; overflow: hidden}
.fluoresce3 {height: 270px; width: 185px; padding: 0px 5px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background: white; text-align: justify; font-family: arial; font-size: 11px; line-height: 13px; overflow: auto }
.fluoresce3::-webkit-scrollbar {width: 4px;}
.fluoresce3::-webkit-scrollbar-thumb {background: white; border: 1px solid #262525}
.fluoresce3::-webkit-scrollbar-track {background: #262525; border: 1px solid #fff}
.fluoresce2a .fluoresce3 b, .fluoresce2b .fluoresce3 b {font-family: cuprum; color: #262525; font-size: 14px}
.fluoresce4 {height: 280px; width: 195px; position: absolute; top: 0px; background-size: auto 280px; background-positon: center}
.fluoresce2a .fluoresce4, .fluoresce2b .fluoresce4 {top: 0px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce2a:hover .fluoresce4, .fluoresce2b:hover .fluoresce4 {top: -280px; -webkit-transition: 0.7s ease-in; -moz-transition: 0.7s ease-in; transition: 0.7s ease-in;}
.fluoresce5a {font-family: cuprum; color: #fff; text-transform: uppercase; position: absolute; padding-bottom: 3px; width: 80%; left: 10%; text-align: center; bottom: 40px; border-bottom: 1px dotted #fff; font-size: 17px}
.fluoresce5b {height: 25px; background: transparent; position: absolute; bottom: 10px; width: 80%; left: 10%; padding-top: 5px; font-family: arial; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 9px; font-size: 8px}

#fluoresce .fluoresce2a {left: -220px; -webkit-transition: 1s ease}
#fluoresce .fluoresce2b {right: -220px; -webkit-transition: 1s ease}
#fluoresce:hover .fluoresce2a {left: 10px; -webkit-transition: 1s ease 1s}
#fluoresce:hover .fluoresce2b {right: 10px; -webkit-transition: 1s ease 1s }


</style>
<link href='http://fonts.googleapis.com/css?family=Fjalla+One|Lato:400,700' rel='stylesheet' type='text/css'><center>
 <div id="fluoresce">
<div class="fluoresce1a">Other</div>
       <div class="fluoresce1a">Profession</div>


   <div class="fluoresce1b10">Другие</div>
       <div class="fluoresce1b10">Профессии</div>
       <div class="fluoresce2a">
       <div class="fluoresce4" style="background-image: url(http://funkyimg.com/i/22Zbi.jpg)">
        <div class="fluoresce5a">А-О</div>
           <div class="fluoresce5b"></div>
       </div>
         <div class="fluoresce3">
<br>→ автомеханик в автосалоне "art&motors" - <a href="http://jejucity.rusff.ru/profile.php?id=215">Kim Han Bin</a>
<br>→ адвокат в частной юридической фирме, <a href="http://jejucity.rusff.ru/profile.php?id=380">Im Jin Ah</a>
<br>→ боец - <a href="http://jejucity.rusff.ru/profile.php?id=406">Koo Junhoe</a>
<br>→ бортпроводница на частных самолетах - <a href="http://jejucity.rusff.ru/profile.php?id=471">Bae Su Ji</a>
<br>→ веб-модель, <a href="http://jejucity.rusff.ru/profile.php?id=456">Min Yoongi</a>
<br>→ владелец автосалона "art&motors" - <a href="http://jejucity.rusff.ru/viewtopic.php?id=802#p64673">Kim Jiwon</a>
<br>→ владелец антикварного магазина - <a href="http://jejucity.rusff.ru/viewtopic.php?id=1717#p169945">Song Minho</a>
<br>→ владелец кондитерской "Small Pleasures" - <a href="http://jejucity.rusff.ru/profile.php?id=384">Hong Jong Hyun</a>
<br>→ владелец секс-шопа "Hell&Heaven" - <a href="http://jejucity.rusff.ru/profile.php?id=400">Kim Joon Myun</a>
<br>→ владелец тату салона «Ink'n'Blood» - <a href="http://jejucity.rusff.ru/profile.php?id=404">Kim Wonshik</a>
<br>→ владелица магазина дизайнерских украшений для дома - <a href="http://jejucity.rusff.ru/profile.php?id=418">Lee Ji Eun</a>
<br>→ заместитель руководителя, ТОО "GTL" - <a href="http://jejucity.rusff.ru/profile.php?id=255">Kim Sang Bum</a>
<br>→ информатор - <a href="http://jejucity.rusff.ru/profile.php?id=469">Ahn Hee Yeon</a>
<br>→ киллер - <a href="http://jejucity.rusff.ru/profile.php?id=428">Zhao Wei</a>
<br>→ косплей кафе, официантка - <a href="http://jejucity.rusff.ru/profile.php?id=381">Jeon Somi</a>
<br>→ наследник и коммерческий директор POSCO GROUP, киллер, <a href="http://jejucity.rusff.ru/profile.php?id=366">Lee Soo Hyuk</a>

</div>
       </div>
       <div class="fluoresce2b">
         <div class="fluoresce4" style="background-image:url(http://funkyimg.com/i/22Zbj.jpg)">
           <div class="fluoresce5a">П-Я</div>
           <div class="fluoresce5b"></div>
         </div>
    <div class="fluoresce3">
<br>→ пилот в korean air - <a href="http://jejucity.rusff.ru/profile.php?id=386">Kim Tae Hyung</a>
<br>→ политик и генеральный директор холдинговой компании SJC - <a href="http://jejucity.rusff.ru/profile.php?id=416">So Ji Sub</a>
<br>→ помощник реставратора - <a href="http://jejucity.rusff.ru/profile.php?id=431">Kim Hansol</a>
<br>→ репетитор английского/китайского - <a href="http://jejucity.rusff.ru/profile.php?id=302">Lu Han</a>
<br>→ свободный музыкант, певец кафе и клубов - <a href="http://jejucity.rusff.ru/profile.php?id=319">Nam Woo Hyun</a>
<br>→ стюардесса в korean air - <a href="http://jejucity.rusff.ru/profile.php?id=385">Lee Sung Kyung</a>
<br>→ танцор кавер-дэнс команды - <a href="http://jejucity.rusff.ru/profile.php?id=350">Mark Tuan</a>
<br>→ танцор кавер-дэнс команды - <a href="http://jejucity.rusff.ru/profile.php?id=429">Dong Sicheng</a>
<br>→ флорист в flower street - <a href="http://jejucity.rusff.ru/profile.php?id=405">Choi Jin Ri</a>
<br>→ фэшн-фотограф - <a href="http://jejucity.rusff.ru/profile.php?id=343">Choi Seung Hyun</a>
<br>→ шпион КНДР - <a href="http://jejucity.rusff.ru/profile.php?id=350">Mark Tuan</a>
<br>
</div>

       </div>

 </div>
</center>




<br><br><br><br>
</div></center>
шаблон
Код:
сфера деятельности & название заведения: 
должность, <a href="ссылка на профиль">имя персонажа</a><br>

+1

4

другие профессии

Код:
свободный журналист, <a href="http://jejucity.rusff.ru/profile.php?id=477">jung soo jung</a><br>

0


Вы здесь » JEJU: city of love » информационная » центр занятости


256 баллов
179 баллов
31 балл
177 баллов