jQuery 기반 등기 플랫폼 첫 페이지 원본 구현
선 방 도
우선 index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
<!-- -->
<link rel="stylesheet" href="css/layout.css" rel="external nofollow" rel="external nofollow" >
<!-- -->
<link rel="stylesheet" href="css/base.css" rel="external nofollow" rel="external nofollow" >
<link rel="stylesheet" href="css/ui.css" rel="external nofollow" rel="external nofollow" >
</head>
<body>
<!-- -->
<div id="top" class="top">
<div class="wrap">
<p class="call">010-114/116114 </p>
<p class="welcome">
<a href=""> </a>
<a href=""> </a>
<a href=""> </a></p>
</div>
</div>
<!-- -->
<div id="header" class="header">
<div class="wrap">
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="logo"><img src="./img/logo.png" alt=""></a>
<div class="search ui-search">
<div class="ui-search-selected"> </div>
<div class="ui-search-select-list">
<a href="#1" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="#1" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="#1" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
</div>
<input type="text" name="search-content" class="ui-search-input" placeholder=" ">
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="ui-search-submit"> </a>
</div>
</div>
</div>
<!-- -->
<div id="nav" class="nav">
<div class="wrap">
<a href="" class='link'> </a>
<a href="" class='link'> </a>
<a href="" class='link'> </a>
<a href="" class='link'> </a>
<a href="" class='link'> </a>
<a href="" class='link right'> </a>
</div>
</div>
<!-- -->
<div id="about" class="about">
<div class="wrap">
<div class="a-title">
<div class="a-title-left">
<span> </span>
<span class="yellow"> </span>
</div>
<div class="a-title-right">
<span><a href=""> :</a> </span>
<span><a href=""> :</a> </span>
<span><a href=""> :</a> </span>
</div>
</div>
<div class="a-content">
<div class="a-content-left"><img src="img/hospital-1.jpg" alt=""></div>
<div class="a-content-center">
<div class="text"><span class="t-span"> (Hospital) “ ”。</span></div>
<div class="text"><span class="t-span"> (Hospital) </span></div>
<div class="text"><span class="t-span"> (Hospital) </span></div>
<div class="text"><span class="t-span"> (Hospital) “ ”, , , , , 。 , , , 。 , , , 。</span></div>
</div>
<div class="a-content-right"><img src="img/map-1.png" alt=""></div>
</div>
</div>
</div>
<!-- tab -->
<div id="content" class="content">
<div class="wrap clearfix">
<div class="content-tab">
<!-- tab -->
<div class="caption">
<a href="#8" rel="external nofollow" class="item item_focus"> </a>
<a href="#7" rel="external nofollow" class="item"> </a>
<a href="#6" rel="external nofollow" class="item"> </a>
<a href="#5" rel="external nofollow" class="item"> </a>
<a href="#4" rel="external nofollow" class="item"> </a>
</div>
<!-- tab -->
<div class="block">
<!-- -->
<div class="item">
<table class='table1' cellpadding='0' cellspacing='0' rules="rows">
<tr class="bg1">
<td colspan="2"> </td>
</tr>
<tr>
<td class="bg2">2301</td>
<td>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
</td>
</tr>
<tr>
<td class="bg2"> </td>
<td>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
</td>
</tr>
<tr>
<td class="bg2"> </td>
<td>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
</td>
</tr>
<tr>
<td class="bg2"> </td>
<td>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="detail.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
</td>
</tr>
</table>
<!-- -->
<div class="content-news">
<div class="caption2"> <a href="" class=" rel="external nofollow" more">( , 8:30 )</a></div>
<div class="list">
<table class="table3">
<tr>
<td class="left"> :</td>
<td>7 </td>
</tr>
<tr>
<td class="left"> :</td>
<td>8:30</td>
</tr>
<tr>
<td class="left"> :</td>
<td>( , 8:30 )( , 8:30 )</td>
</tr>
<tr>
<td class="left"> :</td>
<td>( , 8:30 )</td>
</tr>
<tr>
<td class="left"> :</td>
<td> , 、 、 。 (2006 / ), , , 。<br> , 、 、 。 (2006 / ), , , 。</td>
</tr>
</table>
</div>
</div>
</div>
<!-- -->
<div class="item" style="display: none">
<p class="t-about"> , 、 、 。 (2006 / ), , , 。</p>
<p class="t-about"> 。 1921 。 。 , , 、 、 。2006 7 28 “ ”。2006 7 28 “ ”。</p>
<p class="t-about">2017 11 11 , 《2016 》 《2016 》, [1] 。2017 11 11 , 《2016 》 《2016 》, [1] 。2017 11 11 , 《2016 》 《2016 》, [1] 。</p>
<p class="t-about">2018 12 4 , 。 [2] 2019 11 10 , 《2018 》 , 。</p>
</div>
<!-- -->
<div class="item" style="display: none">
<p class="p-title"> </p>
<p class="p-about"><span> :010(24 )</span></p>
<p class="p-about"><span> :010(24 )</span><br> , 、 、 。 (2006 / ), 。</p>
<p class="p-about"><span> 、 :010(24 )</span><br>1、 , 、 、 。<br>2、 , 、 、 。<br>3、 , 、 、 。</p>
<p class="p-about"><span> 、 :</span><br> , 、 、 。 (2006 / )。</p>
<p class="p-about"><span> 、 :</span><br>1、 , 、 、 。 , 、 、 。<br>2、 , 、 、 。<br>3、 , 、 、 。</p>
<p class="p-about"><span> 、 </span><br>2017 11 11 , 《2016 》 《2016 》。</p>
<p class="p-about"><span> 、 </span><br>2017 11 11 , 《2016 》 《2016 》。</p>
<p class="p-about"><span> 、 :</span><br>1、 , 、 、 。 , 、 、 。<br>2、 , 、 、 。</p>
<p class="p-about"><span> 、 :</span><br>1、 , 、 、 。<br>2、 , 、 、 。</p>
<p class="p-footer"> </p>
</div>
<!-- -->
<div class="item" style="display: none">
<p class="p-title"> </p>
<table class='table1 table2' cellpadding='0' cellspacing='0' rules='all'>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
<tr>
<td>2019-11-14</td>
<td>1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>5.00</td>
<td>0</td>
<td>0</td>
<td> </td>
</tr>
</table>
</div>
<!-- -->
<div class="item" style="display: none">
<div class='inner'>
<div class="i-wrap">
<label for=""> :</label>
<input type="text">
<input type="button" value=" ">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- -->
<div id="footer" class="footer">
Copyright © 2019 xxx
</div>
<script src="js/jquery-1.7.1.js"></script>
<script src="js/ui.js"></script>
</body>
</html>
layout.css
body{
margin:0;
padding:0;
}
.clearfix:after{
content:'';
display: block;
height:0;
line-height:0;
clear:both;
zoom:1;
}
.wrap{
width:1000px;
margin:0 auto;
position: relative;
}
.top{
height:30px;
background-color:#f5f5f5;
}
.header{
height:92px;
}
.nav{
height:36px;
background-color:#60bff2;
}
.content{
width:1000px;
margin:0 auto;
padding:10px 0 38px 0;
margin-top: 42px;
}
.content-tab{
float:left;
width:1000px;
background-color:#eee;
}
.content-news{
float:right;
width:285px;
border:1px solid #ccc;
}
.footer{
height:132px;
padding:25px 0;
background-color:#eceef2;
}
base.css
p{
margin:0;
padding:0;
display: inline-block;
}
a{
text-decoration: none;
}
select,input{
border:none;
outline:none;
}
.right{
float: right !important;
}
/*top */
.top{
line-height:30px;
font-size:13px;
color:#868686;
}
.top .call{
float:left;
padding-left:20px;
background:url(../img/icon-call.png) no-repeat center left;
}
.top .welcome{
float: right;
}
.top a{
color:#2da5e1;
padding-left:10px;
}
/*header */
.header .logo{
width:402px;
height:74px;
padding:9px 0;
display:inline-block;
}
.header .logo img{
width:100%;
height:100%;
}
.header .search{
width:326px;
height:38px;
position: absolute;
right:0;
top:29px;
/*background-color:orange;*/
}
/*nav */
.nav .link{
display: inline-block;
float: left;
padding-left:30px;
line-height:36px;
color:#fff;
font-size:16px;
min-width:80px;
text-align: center;
}
.nav .link_focus{
color: #fff;
background-color: #1fa4f0;
padding: 0 20px;
}
.nav a:hover{
color:#d7f3ff;
}
.nav .menu{
width:130px;
padding-right:30px;
background-color:#1fa4f0;
position: relative;
}
.nav .menu .menu-list{
background-color:#1fa4f0;
width:100%;
height:423px;
position: absolute;
left:0;
top:36px;
}
/* */
.about{
height:250px;
margin-top: 30px;
}
.about .wrap{
background:#f5f5f5;
width:960px;
height:230px;
padding: 20px;
}
.a-title{
width:1000;
height:50px;
border-bottom:1px solid #ddd;
}
.a-title-left{
float:left;
}
.a-title-right{
float:right;
}
.a-title-right span{
font-size: 13px;
margin-right:5px;
}
.a-title-right span a{
color:blue;
}
.yellow{
color: #fec009;
font-size: 13px;
margin-left: 5px;
}
.a-content{
width:100%;
height:150px;
}
.a-content-left{
float:left;
width:200px;
padding-top: 10px;
}
.a-content-center{
float:left;
width:450px;
font-size:13px;
padding: 23px;
}
.a-content-center .text{
position: relative;
height: 24px;
line-height: 24px;
font-size: 12px;
text-indent: 28px;
color:#868686;
}
.a-content-center .text:nth-child(2) .t-span:before {
background-position-y: -18px;
}
.a-content-center .text:nth-child(3) .t-span:before {
background-position-y: -36px;
}
.a-content-center .text:nth-child(4) .t-span:before {
background-position-y: -54px;
}
.t-span:before{
content: '';
display: block;
width: 22px;
height: 18px;
position: absolute;
left: 0;
top: 1px;
background: url(../img/icon-tel.png) 0 0 no-repeat;
}
.a-content-right{
float: right;
width: 250px;
padding-top: 10px;
}
.a-content-right img{
width: 249px;
height: 172px;
}
/*content */
/* */
.table1{
border:1px solid #f5f5f5;
width: 70%;
float: left;
}
.bg1{
background-color: #f5f5f5;
height: 30px;
line-height: 30px;
}
.bg2 {
width: 20%;
background-color: rgb(242,252,254);
text-align: center;
vertical-align: top;
color:#868686;
font-size:15px;
}
.table1 td{
padding:10px;
}
.bg1 td{
padding-left: 25px;
}
.table1 td a{
color: #000;
display: inline-block;
width: 123px;
font-size: 15px;
height: 25px;
}
/* */
.t-about {
text-indent: 2em;
font-size: 15px;
line-height: 25px;
margin-bottom: 10px;
}
/* */
.p-title{
display: block;
font-weight:bold;
font-size:18px;
text-align:center;
margin-bottom: 15px;
margin-top: 15px;
}
.p-about{
display: block;
font-size:14px;
margin-bottom: 15px;
line-height: 25px;
}
.p-about span{
font-weight:bold;
}
.p-footer{
margin-top: 35px;
display: block;
text-align: center;
font-weight:bold;
}
/* */
.table2{
width:100%;
}
.table2 td {
padding: 10px;
font-size: 13px;
text-align: center;
}
/* */
.inner{
margin: 0 auto;
height: 250px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
text-align: center;
margin-top: 50px;
}
.i-wrap{
width: 400px;
margin: 0 auto;
margin-top: 90px;
}
.i-wrap input{
border:1px solid #ddd;
height: 23px;
}
.i-wrap input[type="button"]{
width: 101px;
background-color: #60bff2;
color: #fff;
height: 27px;
border:none;
}
/* */
.content-news{
background-color:#fff;
border:1px solid #f4f6fa;
}
.content-news .caption2{
height:48px;
line-height:48px;
background-color:#f4f6f6;
text-indent:20px;
color:#868686;
font-size:15px;
}
.content-news .more{
font-size:12px;
color:#00b3ea;
}
.content-news .list{
font-size:12px;
padding: 5px;
overflow-y: scroll;
height:300px;
}
.content-news .list .link{
display: block;
color:#969696;
}
.table3 td{
height: 21px;
line-height: 21px;
color:#868686;
}
.table3 td.left{
width: 26%;
vertical-align:top;
color:#444;
}
.content-tab{
background:none;
}
.content-tab .caption{
height:34px;
line-height:34px;
margin-bottom: 25px;
border-bottom:1px solid #00b3ea;
}
.content-tab .caption .item{
display: block;
width:112px;
height:34px;
text-align:center;
float:left;
color:#00b3ea;
font-size: 15px;
}
.content-tab .caption .item_focus{
background-color:#60bff2;
color:#fff;
}
.content-tab .block{
float: left;
width:1000px;
}
/* */
.footer{
height: 70px;
line-height: 70px;
text-align: center;
font-size: 12px;
color: #666;
}
ui.css
/* */
.ui-search{
background:url(../img/ui-search.jpg) center no-repeat;
font-size:14px;
color:#fff;
}
.ui-search-selected{
width:70px;
height:38px;
line-height:38px;
position: absolute;
left:0;
top:0;
text-indent:14px;
}
.ui-search-select-list{
display: none;
position: absolute;
width:67px;
line-height:24px;
background-color:#fff;
box-shadow:3px 3px 5px rgba(0,0,0,.2);
left:2px;
top:36px;
z-index:2;
}
.ui-search-select-list a{
display: block;
color:#a5a2a2;
text-align:center;
}
.ui-search-select-list a:hover{
background-color:#ebeef5;
}
.ui-search-input{
width:208px;
height:26px;
position: absolute;
top:5px;
left:71px;
line-height:26px;
font-size:13px;
color:#a5a2a2;
}
.ui-search-submit{
display: block;
position: absolute;
right:0;
top:1px;
width:40px;
height:36px;
}
/*ui-menu */
.ui-menu{}
.ui-menu-item{
height:22px;
line-height:22px;
padding:8px 5px 9px 6px;
margin-left:2px;
}
.ui-menu-item:hover{
background-color:#fff;
}
.ui-menu-item-department{
float: left;
height:22px;
line-height:22px;
position: relative;
padding-left:30px;
font-size:13px;
}
.ui-menu-item-department:before{
content:'';
display: block;
width:22px;
height:21px;
position: absolute;
left:0;
top:1px;
background:url(../img/icon-menu.jpg) -22px 0 no-repeat;
}
.ui-menu-item:nth-child(2) .ui-menu-item-department:before{
background-position-y:-22px;
}
.ui-menu-item:nth-child(3) .ui-menu-item-department:before{
background-position-y:-66px;
}
.ui-menu-item-disease{
font-size:12px;
float: right;
padding-left:5px;
color:#d7f3ff;
}
.ui-menu-item:hover .ui-menu-item-department:before{
background-position:0;
}
.ui-menu-item:hover .ui-menu-item-department{
color:#333;
}
.ui-menu-item:hover .ui-menu-item-disease{
color:#868686;
}
.ui-menu-item:hover .ui-menu-item-detail{
display:block;
}
.ui-menu-item-detail{
display: none;
position: absolute;
width:500px;
height:393px;
padding:20px 10px 10px 29px;
background:#fff url(../img/bg-menu.jpg) center no-repeat;
top:0;
left:190px;
box-shadow:5px 5px 2px rgba(0,0,0,.1);
z-index: 99;
}
.ui-menu-item-detail-group{
padding-bottom:20px;
text-align:left;
}
.ui-menu-item-detail-group-caption{
width:100%;
display: block;
height:34px;
line-height:34px;
color:#666;
font-size:16px;
font-weight:bold;
}
.ui-menu-item-detail-group-list{
line-height:23px;
}
.ui-menu-item-detail-group-list a{
display: inline-block;
color:#868686;
margin-right:12px;
padding-bottom:5px;
}
.ui-menu-item-detail-group-list a:after{
content:'|';
color:#ddd;
padding-left:12px;
}
/* */
.ui-backTop{
display: none;
position: fixed;
right: 2px;
bottom:2px;
z-index:9;
width:40px;
height:40px;
color:#fff;
background:rgba(102,102,102,.9) url(../img/icon-go-up.png) center no-repeat;
}
.ui-backTop:hover{
background:rgba(102,102,102,.9);
}
.ui-backTop:hover:after{
content:' ';
display: block;
line-height:20px;
text-align:center;
}
/*ui-slider */
.ui-slider{
width:544px;
height:414px;
position: relative;
overflow:hidden;
}
.ui-slider-wrap{
width:99999px;
height:414px;
position: absolute;
left:0;
right:0;
transition:all .5s;
}
.ui-slider-wrap .item{
display: block;
float: left;
width:544px;
height:414px;
}
.ui-slider-arrow{
width:544px;
height:40px;
position: absolute;
margin-top:-20px;
top:50%;
}
.ui-slider-arrow .item{
display: block;
width:40px;
height:40px;
position: absolute;
top:0;
background:url(../img/ui-slider-arrow.png) no-repeat;
}
.ui-slider-arrow .left{
left:0;
}
.ui-slider-arrow .right{
right:0;
background-position: -40px 0;
}
.ui-slider-process{
width:544px;
height:12px;
text-align:center;
position: absolute;
left:0;
bottom:20px;
}
.ui-slider-process .item{
display: inline-block;
width:16px;
height:16px;
background:url(../img/ui-slider-process.png) no-repeat;
}
.ui-slider-process .item_focus,
.ui-slider-process .item:hover{
background-position: -23px 0;
}
ui.js
//ui-search
$.fn.UISearch=function(){
var ui=$(this);
$('.ui-search-selected',ui).on('click',function(){
$('.ui-search-select-list').show();
return false;
});
$('.ui-search-select-list a',ui).on('click',function(){
$('.ui-search-selected').text($(this).text());
$('.ui-search-select-list').hide();
return false;
});
$('body').on('click',function(){
$('.ui-search-select-list').hide();
})
}
//ui-tab
/**
* [UiTab description]
* @param {[type]} header [tab classname]
* @param {[type]} content [tab classname]
* @param {[type]} focus_prefix [tab , ]
*/
$.fn.UiTab=function(header,content,focus_prefix){
var ui=$(this);
var tabs=$(header,ui);
var cons=$(content,ui);
var focus_prefix=focus_prefix||'';
tabs.on('click',function(){
var index=$(this).index();
tabs.removeClass(focus_prefix+'item_focus').eq(index).addClass(focus_prefix+'item_focus');
cons.hide().eq(index).show();
return false;
})
}
//ui-backTop
$.fn.UiBackTop=function(){
var ui=$(this);
var el=$('<a class="ui-backTop" href="#0" rel="external nofollow" ></a>');
ui.append(el);
var windowHeight=$(window).height();
$(window).on('scroll',function(){
var top = $("body").scrollTop() || $(document).scrollTop();
if(top>windowHeight){
el.show();
}else{
el.hide();
}
});
el.on('click',function(){
$(window).scrollTop(0);
});
}
//ui-
$.fn.UiDate=function(){
//
var table=$('.d-date-table');
for(var i=0;i<49;i++){
//
var column=$("<div class='d-date-table-column'></div>");
table.append(column);
//
var div1=$("<div class='d-date-table-title'></div>");
column.append(div1);
var span1=$("<span class='dayText'></span>");
var br=$("<br>");
var span2=$("<span class='dateText'></span>");
div1.append(span1);
div1.append(br);
div1.append(span2);
//
var div2=$("<div class='d-date-table-item'></div>");
var div3=$("<div class='d-date-table-item spe'> </div>");
var div4=$("<div class='d-date-table-item'></div>");
column.append(div2);
column.append(div3);
column.append(div4);
var dayText=$('.dayText').eq(i);
var dateText=$('.dateText').eq(i);
//
var week=[' ',' ',' ',' ',' ',' ',' '];
var data = new Date();
data.setTime(data.getTime()+24*60*60*1000*i);
var year = data.getFullYear();//
var month= data.getMonth()+1;//
var date = data.getDate();//
var day= week[data.getDay()];//
//
dayText.html(day);
dateText.html(year+'-'+month+'-'+date);
}
//
var leftBtn=$('#leftBtn');
var rightBtn=$('#rightBtn');
var table=$('.d-date-table');
//
var current=0;
var width=$('.d-date').width();
//
leftBtn.on('click',function(){
current--;
if(current<=0){
current=0;
}
table.css('left',current*width*-1);
});
rightBtn.on('click',function(){
current++;
if(current>=6){
current=6;
}
table.css('left',current*width*-1);
});
console.log(current);
}
//
$(function(){
$('.ui-search').UISearch();
$('.content-tab').UiTab('.caption>.item','.block>.item');
$('body').UiBackTop();
$('body').UiDate();
})
그리고 detail.html.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>detail</title>
<!-- -->
<link rel="stylesheet" href="css/layout.css" rel="external nofollow" rel="external nofollow" >
<!-- -->
<link rel="stylesheet" href="css/base.css" rel="external nofollow" rel="external nofollow" >
<link rel="stylesheet" href="css/ui.css" rel="external nofollow" rel="external nofollow" >
<!-- -->
<link rel="stylesheet" href="css/detail.css" rel="external nofollow" >
</head>
<body>
<!-- -->
<div id="top" class="top">
<div class="wrap">
<p class="call">010-114/116114 </p>
<p class="welcome">
<a href=""> </a>
<a href=""> </a>
<a href=""> </a></p>
</div>
</div>
<!-- -->
<div id="header" class="header">
<div class="wrap">
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="logo"><img src="./img/logo.png" alt=""></a>
<div class="search ui-search">
<div class="ui-search-selected"> </div>
<div class="ui-search-select-list">
<a href="#1" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="#1" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
<a href="#1" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </a>
</div>
<input type="text" name="search-content" class="ui-search-input" placeholder=" ">
<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="ui-search-submit"> </a>
</div>
</div>
</div>
<!-- -->
<div id="nav" class="nav">
<div class="wrap">
<a href="" class='link'> </a>
<a href="" class='link'> </a>
<a href="" class='link'> </a>
<a href="" class='link'> </a>
<a href="" class='link'> </a>
<a href="" class='link right'> </a>
</div>
</div>
<!-- -->
<div id="about" class="about">
<div class="wrap">
<div class="a-title">
<div class="a-title-left">
<span> </span>
<span class="yellow"> </span>
</div>
<div class="a-title-right">
<span><a href=""> :</a> </span>
<span><a href=""> :</a> </span>
<span><a href=""> :</a> </span>
</div>
</div>
<div class="a-content">
<div class="a-content-left"><img src="img/hospital-1.jpg" alt=""></div>
<div class="a-content-center">
<div class="text"><span class="t-span"> (Hospital) “ ”。</span></div>
<div class="text"><span class="t-span"> (Hospital) </span></div>
<div class="text"><span class="t-span"> (Hospital) </span></div>
<div class="text"><span class="t-span"> (Hospital) “ ”, , , , , 。 , , , 。 , , , 。</span></div>
</div>
<div class="a-content-right"><img src="img/map-1.png" alt=""></div>
</div>
</div>
</div>
<!-- -->
<div id="content" class="content">
<div class="wrap clearfix">
<div class="d-title">
<span class="span1">
<a href="index.html" rel="external nofollow" > </a>
</span>
</div>
<div class="d-container">
<div class="d-left">
<div id="leftBtn">
<img src="img/icon-scheduling-left.jpg">
</div>
<div class='d-left-item'> </div>
<div class='d-left-item'> </div>
<div class='d-left-item'> </div>
</div>
<div class="d-date">
<div class="d-date-table">
<!-- -->
<div class="d-date-table-column">
<div class="d-date-table-title">
<span class="dayText"> </span>
<br>
<span class="dateText">2019-11-20</span>
</div>
<div class="d-date-table-item"></div>
<div class="d-date-table-item spe"> </div>
<div class="d-date-table-item"></div>
</div>
</div>
</div>
<div class="d-right">
<div id="rightBtn">
<img src="img/icon-scheduling-right.jpg">
</div>
<div class='d-right-item'></div>
</div>
<div class="d-rule">
<span class="d-rule-title"> </span>
<span class="d-rule-subtitle"> :</span>
<span>7 </span>
<span class="d-rule-subtitle"> :</span>
<span>7 </span>
<span class="d-rule-subtitle"> :</span>
<span>7 </span>
<span class="d-rule-subtitle"> :</span>
<span>7 </span>
<span class="d-rule-subtitle"> :</span>
<span> 。 。 。 。 。 。 。 。 。 。</span>
</div>
<div class="d-footer">
!
</div>
</div>
<div class="d-footer">
</div>
</div>
</div>
<!-- -->
<div id="footer" class="footer">
Copyright © 2019 XXX
</div>
<script src="js/jquery-1.7.1.js"></script>
<script src="js/ui.js"></script>
</body>
</html>
detail.css
.content{
margin-bottom:30px;
}
.d-title{
margin-bottom:10px;
}
.span1 a{
color:#60bff2;
font-size: 13px;
margin-left:5px;
}
/* */
.d-container{
width: 1000px;
height: 320px;
border: 1px solid #f5f5f5;
}
/* */
.d-left{
width:33px;
float: left;
height: 320px;
border: 1px solid #f5f5f5;
cursor:pointer;
position: relative;
z-index:10;
}
.d-left-item{
height: 90px;
background-color:rgb(241,248,255);
line-height: 90px;
text-align:center;
font-size:14px;
}
/* */
.d-date{
width:650px;
float: left;
height: 320px;
border: 1px solid #f5f5f5;
overflow: hidden;
position: relative;
}
/* */
.d-date-table{
width:4550px;
position: relative;
transition:all 1s;
left:0;
}
/* */
.d-date-table-column{
width:92px;
border: 1px solid #f5f5f5;
border-left:0;
border-bottom:0;
height: 320px;
float:left;
}
.d-date-table-column:nth-child(7n){
border-right:0;
}
.d-date-table-title{
height: 44px;
border-bottom: 1px solid #f5f5f5;
border-right: 1px solid #f5f5f5;
border-left:0;
text-align:center;
}
.d-date-table-title span{
font-size:12px;
color:#868686;
}
.d-date-table-item{
height: 90px;
border: 1px solid #f5f5f5;
border-left:0;
border-bottom:0;
}
.d-date-table-item.spe{
text-align: center;
line-height: 90px;
background-color:rgb(225,238,254);
color:#60bff2;
font-size:14px;
}
.d-date-table-item:last-child{
border-bottom:0;
}
/* */
.d-right{
width:33px;
float: left;
height: 320px;
border: 1px solid #f5f5f5;
cursor:pointer;
position: relative;
z-index:10;
}
.d-right-item{
background-color:rgb(241,248,255);
height: 270px;
}
/* */
.d-rule{
width: 243px;
height: 286px;
float: left;
padding: 17px;
overflow-y: scroll;
}
.d-rule span{
font-size:13px;
color:#868686;
display: block;
height:25px;
}
.d-rule .d-rule-title{
font-size:18px;
color:#000;
margin-bottom:10px;
}
.d-rule .d-rule-subtitle{
font-size:14px;
color:#000;
}
.d-footer{
text-align: center;
height:70px;
line-height:70px;
font-size:16px;
color:#868686;
border: 1px solid #f5f5f5;
border-top:0;
clear:both;
}
총결산위 에서 말 한 것 은 편집장 이 여러분 에 게 소개 한 jQuery 를 바탕 으로 등기 플랫폼 의 첫 페이지 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 저 에 게 메 시 지 를 남 겨 주세요.편집장 은 신속하게 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!
만약 당신 이 본문 이 당신 에 게 도움 이 된다 고 생각한다 면,전 재 를 환영 합 니 다.번 거 로 우 시 겠 지만 출처 를 밝 혀 주 십시오.감사합니다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Bootstrap DateTimepicker 예제이 기사에서는 예를 들어 부트스트랩 날짜 시간 선택기를 구현하는 방법을 살펴보겠습니다. 부트스트랩 4 날짜 시간 선택기는 html, php 또는 모든 laravel 파일에서 날짜와 시간을 표시하는 데 사용됩니다. 부...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.