@font-face {
font-family: fntf;
src: url(share/DejaVuSans.ttf) format("truetype");
}
/* http://dejavu-fonts.org/ */

body {
font-family: fntf;
margin: 0px;
padding: 0px;
background-color: white;
color: #6A6A6A;
text-shadow: 1px 1px 1px #d1d1d1;
background-color: #fbfbfb;
background-image: url(share/btmgr.png);
background-position: bottom;
background-repeat: repeat-x;
background-attachment: fixed;
}
a {
text-decoration: none;
color: #6a6a6a;
border: none;
}
h1 {
font-size: 14px;
font-weight: normal;
margin: 0px;
padding: 0px;
}
.fcr {
margin: 0px;
padding: 0px;
clear: both;
visibility: hidden;
height: 0;
}
#navi {
width: 820px;
margin: 32px auto -1px auto;
}
#navip {
width: 36px;
height: 17px;
background-image: url(share/btn_p.png);
background-repeat: no-repeat;
display: block;
float: right;
}
#navin {
width: 36px;
height: 17px;
background-image: url(share/btn_n.png);
background-repeat: no-repeat;
margin-left: 18px;
margin-right: 3px;
display: block;
float: right;
}
#box {
width: 776px;
margin: 0px auto 32px auto;
padding-top: 32px;
padding-bottom: 22px;
padding-left: 22px;
padding-right: 22px;
font-size: 14px;
line-height: 48px;
text-align: center;
background-color: #ffffff;
border: 1px solid #e5e5e5;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
box-shadow: 3px 3px 4px #ccc;
-moz-box-shadow: 3px 3px 4px #ccc;
-webkit-box-shadow: 3px 3px 4px #ccc;
-ms-box-shadow: 3px 3px 4px #ccc;
-o-box-shadow: 3px 3px 4px #ccc;
z-index: 999;
}
#hdgr {
width: 150%;
height: 8px;
box-shadow: 8px 8px 8px #aaa;
-webkit-box-shadow: 8px 8px 8px #aaa;
-moz-box-shadow: 8px 8px 8px #aaa;
-o-box-shadow: 8px 8px 8px #aaa;
-ms-box-shadow: 8px 8px 8px #aaa;
position: fixed;
top: -10px;
left: -20px
}
#hdr {
width: 820px;
margin: 8px auto auto auto;
}
#hdrleft {
font-size: 22px;
line-height: 48px;
text-align: left;
float: left;
}
#hdrright {
width: 310px;
font-size: 16px;
line-height: 48px;
text-align: right;
text-shadow: none;
float: right;
}
#hdrright a{
padding: 2px 12px 2px 12px;
margin: 2px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
#sharethis {
width: 820px;
margin: 28px auto;
text-align: right;
}

/*home*/
#homebox {
width:664px;
margin:48px auto;
}
#hlogo {
width: 310px;
height:74px;
background-image: url(share/logo2.png);
background-position: center center;
background-repeat: no-repeat;
margin: 24px auto;
}
#tmbleft {
width: 239px;
height: 284px;
background-image: url(home_img/bg.gif);
background-repeat: no-repeat;
margin-left: 24px;
margin-bottom: 36px;
float: left;
}
#tmbright {
width: 239px;
height: 284px;
background-image: url(home_img/bg.gif);
background-repeat: no-repeat;
margin-right: 24px;
margin-bottom: 36px;
float: right;
}
.tmbimg {
margin: 24px auto 0px auto;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #ccc;
}
#update {
width:640px;
margin:48px auto;
font-size:12px;
text-align:right;
}

/*tmb*/
#tmbbox {
width: 100%;
margin-bottom: 36px;
}
.tmbmov{
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
margin-left: 28px;
margin-bottom: 20px;
border: none;
float: left;
}
.tmbmov:hover  {
transform-origin: 50% 50%;
transform: scale(1.2,1.2);
box-shadow: 3px 3px 4px #ddd;
-moz-transform-origin: 50% 50%;
-moz-transform: scale(1.2,1.2) rotate(0deg);
-moz-box-shadow: 3px 3px 4px #ddd;
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1.2,1.2) rotate(0deg);
-webkit-box-shadow: 3px 3px 4px #ddd;
-o-transform-origin: 50% 50%;
-o-transform: scale(1.2,1.2) rotate(0deg);
-o-box-shadow: 3px 3px 4px #ddd;
-ms-transform-origin: 50% 50%;
-ms-transform: scale(1.2,1.2) rotate(0deg);
-ms-box-shadow: 3px 3px 4px #ddd;
}

/*about*/
#abouttxt {
width: 660px;
margin:36px auto auto auto;
line-height: 22px;
text-align: right;
background-image: url(share/btn_n.png);
background-repeat: no-repeat;
background-position: left bottom;
}