div#container
{
   width: 780px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#i_title
{
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color :#000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 21px;
   padding: 10px 4px 4px 4px;
   margin: 0;
   text-align: left;
   vertical-align: top;
}
#Layer2
{
   background-color: #FFFFF0;
   background-image: none;
   border: 2px solid #FFD700;
   border-radius: 3px;
   box-shadow: 1px 1px 2px #4F4F4F;
}
#wb_ClipArt1
{
   transform: rotate(0deg);
   transform-origin: 50% 50%;
}
#wb_ClipArt1 a img
{
   position: absolute;
   left: 0;
}
#wb_ClipArt1 .default
{
   position: absolute;
   left: 0;
}
#wb_ClipArt1 a .hover
{
   visibility: hidden;
}
#wb_ClipArt1 a:hover .hover
{
   visibility: visible;
}
#wb_ClipArt1 a:hover .default
{
   visibility: hidden;
}
#ClipArt1
{
   border-width: 0;
   vertical-align: top;
}
#wb_i_attatch
{
   transform: rotate(0deg);
   transform-origin: 50% 50%;
}
#i_attatch
{
   border-width: 0;
   vertical-align: top;
}
#i_attatch
{
   width: 26px;
   height: 28px;
}
#Html1
{
   position: absolute;
   left: 12px;
   top: 7px;
   width: 757px;
   height: 723px;
   overflow: auto;
   z-index: 3;
}
#wb_ClipArt1
{
   position: absolute;
   left: 730px;
   top: 12px;
   width: 31px;
   height: 30px;
   z-index: 2;
}
#i_title
{
   position: absolute;
   left: 18px;
   top: 7px;
   width: 666px;
   height: 28px;
   line-height: 28px;
   z-index: 1;
}
#Layer1
{
   position: absolute;
   text-align: left;
   left: 0px;
   top: 133px;
   width: 780px;
   height: 763px;
   z-index: 5;
}
#wb_i_attatch
{
   position: absolute;
   left: 700px;
   top: 14px;
   width: 26px;
   height: 28px;
   z-index: 0;
}
#ClipArt1
{
   width: 31px;
   height: 30px;
}
#Layer2
{
   position: absolute;
   text-align: left;
   left: 0px;
   top: 0px;
   width: 767px;
   height: 129px;
   z-index: 4;
}
@media only screen and (min-width: 360px) and (max-width: 779px)
{
div#container
{
   width: 360px;
}
body
{
   background-color: #FFFFFF;
   background-image: url(images/背景-02.png);
   background-attachment: scroll;
   background-position: left top;
   background-repeat: repeat;
}
#i_title
{
   left: 10px;
   top: 8px;
   width: 286px;
   height: 18px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 10px 4px 4px 4px;
   text-align: left;
   color: #000000;
   font-size: 16px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border-radius: 4px;
}
#Layer2
{
   left: 0px;
   top: 0px;
   width: 352px;
   height: 139px;
   visibility: visible;
   display: inline;
   font-size: 13px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFF0;
   background-image: none;
   border-radius: 3px;
}
#Layer1
{
   left: 0px;
   top: 143px;
   width: 360px;
   height: 969px;
   visibility: visible;
   display: inline;
}
#wb_ClipArt1
{
   left: 312px;
   top: 8px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_i_attatch
{
   left: 317px;
   top: 40px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Html1
{
   left: 12px;
   top: 9px;
   width: 337px;
   height: 723px;
   visibility: visible;
   display: inline;
}
}
@media only screen and (max-width: 359px)
{
div#container
{
   width: 320px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#i_title
{
   left: 10px;
   top: 6px;
   width: 250px;
   height: 28px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 10px 4px 4px 4px;
   text-align: left;
   color: #000000;
   font-size: 16px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: transparent;
   background-image: none;
   border-radius: 4px;
}
#Layer2
{
   left: 0px;
   top: 0px;
   width: 312px;
   height: 129px;
   visibility: visible;
   display: inline;
   font-size: 8px;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #FFFFF0;
   background-image: none;
   border-radius: 3px;
}
#Layer1
{
   left: 0px;
   top: 133px;
   width: 320px;
   height: 840px;
   visibility: visible;
   display: inline;
}
#wb_ClipArt1
{
   left: 274px;
   top: 12px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_i_attatch
{
   left: 276px;
   top: 48px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Html1
{
   left: 12px;
   top: 7px;
   width: 298px;
   height: 710px;
   visibility: visible;
   display: inline;
}
}