<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>BPKx0eg0S0h00Us0~0Y00</title> <link href="css/styles.css" type="text/css" media="all" rel="stylesheet" /> <link href="css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" /> <link href="css/highlight.black.css" type="text/css" media="all" rel="stylesheet" /> <link href="css/sexy-bookmarks-style.css" type="text/css" media="all" rel="stylesheet" /> <script src="js/jquery-1.6.3.min.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/jquery.animate-colors-min.js"></script> <script src="js/jquery.skitter.min.js"></script> <script src="js/highlight.js"></script> <script src="js/sexy-bookmarks-public.js"></script> <script> $(document).ready(function () { $('.box_skitter_large').skitter({ label: false, numbers: false }); $('.box_skitter_small').skitter({ label: false, numbers: false, interval: 1000 }); $('.box_skitter_medium').css({ width: 910, height: 300 }).skitter({ show_randomly: true, navigation: false, dots: true, interval: 4000 }); $('.box_skitter_normal').css({ width: 400, height: 300 }).skitter({ animation: 'blind', interval: 2000, hideTools: true }); // Highlight $('pre.code').highlight({ source: 1, zebra: 1, indent: 'space', list: 'ol' }); }); </script> <!--ܴm䲴 Tt ‘--> <style type="text/css"> body{ background:#ffffff; font-family:verdana; } .menuContainer{ display:block; margin-right:auto; margin-left:auto; font-size:15px; padding:10px 10px; text-align:left; width:160px; height:25px; max-height:25px; background:#333333; cursor:pointer; border:1px solid #999; } .menuContainer .icon{ display: inline-block; -webkit-transition:0.3s ease-in-out; } .menuContainer:hover { border:1px solid #fff; } /* ȹƤ $Ƅ DtX |  */ .menuContainer:hover .icon{ -webkit-transform: rotate(45deg); } .menuContainer:hover .subContainer{ display: inline-block; border:1px solid #fff; } /*  Tt Lt | */ .subContainer{ display:none; width:160px; background:#fff; padding:10px 10px; margin-left:-11px; margion-top:20px; border:1px solid #999; -webkit-box-shadow:0px 12px 25px rgba(0,0,0,0.2); -moz-box-shadow:0px 12px 25px rgba(0,0,0,0.2); box-shadow:0px 12px 25px rgba(0,0,0,0.2); } .subContainer li{ list-style-type:none; border-bottom:1px dotted #eaeaea; height:22px; padding:8px 0px; } /*  Tt ȹƤ $Ƅ | */ .subContainer li:hover{ border-bottom:1px dotted #bababa; } </style> <style> a{text-decoration:none;color:black} a:hover{color:orange;text-decoration:none;} a:visited{color:black;text-decoration:none;} a:active{color:orange;text-decoration;underline;} </style> </head> <body> <div class="bpklogo"> <table width="950" align="center"> <tr> <td> <!--֬\ t--> <a href="http://www.bp-korea.com"><img src=image/wiget.JPG border="0"></a> </td> <td align="right"> <br> <br> <a href="index.html"><img src="image/kore.jpg"></a>&nbsp; <a href="EnglishIndex.html"><img src="image/ame.jpg"></a> &nbsp; <a href="japanindex.html"><img src="image/jap.jpg"></a> &nbsp; <a href="http://www.bpk.co.kr"><img src="image/chi.jpg"></a> &nbsp;&nbsp;&nbsp; </td> </tr> </table> </div> <table width="800" align="center"> <!--ܴm䲴 Tt --> <tr> <td> <div class="menuContainer" style="position:relative; z-index:500;"> <span class="icon"></span> <font color=#ffffff><b>O>y9}N</b></font> <ul class="subContainer"> <li><a href="company_introduce-japan.html">BPK 9}N-g</a></li> <li><a href="japan-history.html">O>y>yS</a></li> </ul> </div> </td> <td> <div class="menuContainer" style="position:relative; z-index:500;"> <span class="icon"></span><font color=#ffffff><b> BPK `1X</b></font> <ul class="subContainer"> <li><a href="http://www.bp-korea.com/bbs/zboard.php?id=Notice">lQwN</a></li> <li><a href="#">U\O</a></li> <li><a href="#">000</a></li> <li><a href="japan-sense.html">yr100000</a></li> <li><a href="japan-global.html">wmYUmi</a></li> </ul> </div> </td> <td> <div class="menuContainer" style="position:relative; z-index:500;"> <span class="icon"></span><font color=#ffffff><b> T`1X</b></font> <ul class="subContainer"> <li><a href="drill.html">000(Drill)</a></li> <li><a href="cutter.html">0000(Cutter)</a></li> <li><a href="#">00(Arbor)</a></li> <li><a href="#">00000(Insert)</a></li> <li><a href="#">000000(Spare Parts)</a></li> </ul> </div></td> <td> <div class="menuContainer"> <span class="icon"></span> <font color=#ffffff><b>000000</b></font> </div></td> <td> <div class="menuContainer"> <span class="icon"></span><font color=#ffffff><b>0000000000</b></font> </div></td> </tr> </table> <center> <img src="image/japan-sense.jpg"> <div class="address" style="margin:0;padding:5px;line-height:normal;background-color:#333333;"> <font color=#ffffff size=2 face=˳L><br> OO@b : Gyeonggi-do Bucheon-si Ojeong-gu Samjeong-dong 19-8 BPK Inc. (Nhq+82-32-328-4750 0000juS+82-32-328-4754) </font> </div> <font style = font-size:10pt> <div align="center" style="width:800px">Copyright (C) 2013 BPK LTD. Cutting Tools, Industrial Products (www.bp-korea.com) All Rights Reserved. </font> </div> </center> </body> </html> </body> </html>