/*** for PC Browser ***/
@media (min-width:401px)
{
.LinkList_tf_cap
{
  background: url(../../../Images/760_h.gif) no-repeat left center;
  margin:0px;
  padding:0px;
  width:760px;
  height:7px;
  font-size:1px !important;
}

.LinkList_tf
{
  background: url(../../../Images/760_bg.gif) repeat-y left;
  width:746px;
  margin:0px;
  padding:0px 7px;
  height:auto;
}

.LinkList_tf_foot
{
  background: url(../../../Images/760_b.gif) no-repeat left center;
  margin:0px 0px 5px 0px;
  padding:0px;
  width:760px;
  height:7px;
  font-size:1px !important;
}

.LinkList_tf h2
{
  background:transparent url(../../../Images/h2_bg.gif) no-repeat left bottom;
  color:#000000;
  font-size:medium;
  font-weight: bold;
  height:auto;
  line-height:30px;
  margin:0px;
  padding:0px 5px 5px 35px;
  text-align:left;
  width:706px;
}

.LinkList_tf li a:link,
.LinkList_tf li a:visited,
.LinkList_tf li a:hover,
.LinkList_tf li a:active
{
  color: black;
  text-decoration:none;
}

.LinkList_tf li a:hover
{
  color: #800080;
  text-decoration:underline;
}

.LinkList_tf ul 
{
  text-align: left;
  padding:5px 0px 0px 0px;
  margin:0px;
}

.LinkList_tf li 
{
  list-style-type:none;
  margin:0px;
  padding:0 0 5px 10px;
  height:auto;
}

.LinkList_tf li a 
{
  background: url(icon.gif) no-repeat left 5px;
  margin:0px;
  padding:0 0 0 10px;
  display:block;
}

.LinkList_tf li a.editLink
{
  background-image: none;
  padding:0px;
}

.LinkList_tf h2 a:link,
.LinkList_tf h2 a:visited,
.LinkList_tf h2 a:hover,
.LinkList_tf h2 a:active
{
  color:#000000;
  font-size:medium;
  font-weight: bold;
  text-decoration:underline;
}

.LinkList_tf h2 a:hover,
.LinkList_tf h2 a:active
{
  text-decoration:none;
}

.LinkList_tf .Summary
{
  color:#808080;
  font-size:small;
  font-weight:normal;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.LinkList_tf_cap
{
/*  background: url(../../../Images/760_h.gif) no-repeat left center;
  margin:0px;
  padding:0px;
  width:320px;
  height:0px;*/
  font-size:1px !important;
}

.LinkList_tf
{
/*  background: url(../../../Images/760_bg.gif) repeat-y left;*/
background-color:#FFFFFF;
  width:320px;
  margin:0px;
  padding:0px;
  height:auto;
float:left;
}

.LinkList_tf_foot
{
/*  background: url(../../../Images/760_b.gif) no-repeat left center;*/
  margin:0px 0px 0px 0px;
  padding:0px;
  width:320px;
  height:0px;
  font-size:1px !important;
}

.LinkList_tf h2
{
  background:url(../../../Images/sp_h2_bg.gif) no-repeat left top #e1e5f2;
border-bottom:2px solid #7090C2;
  color:#000000;
  font-size:medium;
  font-weight: bold;
  height:auto;
  line-height:30px;
  margin:0px;
  padding:6px 5px 0px 35px;
  text-align:left;
  width:280px;
}

.LinkList_tf li a:link,
.LinkList_tf li a:visited,
.LinkList_tf li a:hover,
.LinkList_tf li a:active
{
  color: black;
  text-decoration:none;
}

.LinkList_tf li a:hover
{
  color: #800080;
  text-decoration:underline;
}

.LinkList_tf ul 
{
  text-align: left;
  padding:5px 0px 0px 0px;
  margin:0px;
}

.LinkList_tf li 
{
  list-style-type:none;
  margin:0px;
  padding:0 0 5px 10px;
  height:auto;
}

.LinkList_tf li a 
{
  background: url(icon.gif) no-repeat left 10px;
  margin:0px;
  padding:0 0 0 10px;
  display:block;
}

.LinkList_tf li a.editLink
{
  background-image: none;
  padding:0px;
}

.LinkList_tf h2 a:link,
.LinkList_tf h2 a:visited,
.LinkList_tf h2 a:hover,
.LinkList_tf h2 a:active
{
  color:#000000;
  font-size:medium;
  font-weight: bold;
  text-decoration:underline;
}

.LinkList_tf h2 a:hover,
.LinkList_tf h2 a:active
{
  text-decoration:none;
}

.LinkList_tf .Summary
{
  color:#808080;
  font-size:small;
  font-weight:normal;
}
}