@charset "utf-8";

/* CSS Document */



.community {

    float: right;

	padding: 7px 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.community li {

	width: 42px;

	height: 42px;

	margin: 0px 3px 0 3px;

	float: left;

	margin-bottom: 1px;

	text-align: center;

	list-style: none;

}

.community li a {

	width: 100%;

	height: 100%;

	color: #A5A5A5;

	display: block;

	text-decoration: none;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.community li a:visited {

	color: #A5A5A5;

}

.community li a:hover {

	color: #444444;

}

.community li a.facebook {

	text-indent: -9999px;

	background: url('../images/community/btn.png')left top no-repeat;

}

.community li a.google {

	text-indent: -9999px;

	background: url('../images/community/btn.png')-42px top no-repeat;

}

.community li a.twitter {

	text-indent: -9999px;

	background: url('../images/community/btn.png')-84px top no-repeat;

}

.community li a.plurk {

	text-indent: -9999px;

	background: url('../images/community/btn.png')right top no-repeat;

}

.community li a.favorites {

	text-indent: -9999px;

	background: url('../images/community/btn.png')right top no-repeat;

}

.community li a.sina {

	text-indent: -9999px;

	background: url('../images/community/sina.png') no-repeat;

}

.community li a.facebook:hover {

	background: url('../images/community/btn.png')left bottom no-repeat;

}

.community li a.google:hover {

	background: url('../images/community/btn.png')-42px bottom no-repeat;

}

.community li a.twitter:hover {

	background: url('../images/community/btn.png')-84px bottom no-repeat;

}

.community li a.plurk:hover {

	background: url('../images/community/btn.png')left bottom no-repeat;

}

.community li a.favorites:hover {

	background: url('../images/community/btn.png')right bottom no-repeat;

}

.community li a.sina:hover {

	background: url('../images/community/sina_.png') no-repeat;

}

/**************************************************************/

/**************************************************************/

#footer_box {

    min-width: 1000px;

    margin: 0 auto;

    background: url(../images/footer_bg2.png)bottom no-repeat;

}

#footer_box:after{

    content: '';

    display: block;

    clear: both;

}

#footer {

	width: 1000px;

	margin: 0 auto;

	position: relative;

	padding: 10px 0px;

}

#footer li {

	list-style: none;

}

/**************************************************************/

/**************************************************************/

#footer a.logo{

    width: 455px;

    height: 144px;

    display: block;

    background: url(../images/footer_logo.png)no-repeat;

    position: absolute;

    right: 20px;

    top: 0;

}

#footer a.logo:hover{

    opacity: 0.8;

        -webkit-transition: all .3s ease;

       -moz-transition: all .3s ease;

        -ms-transition: all .3s ease;

         -o-transition: all .3s ease;

            transition: all .3s ease;

}

#footer .info{

    width: 1000px;

    height: 335px;

    background: url(../images/footer_bg.png)right bottom no-repeat;

    padding-top: 220px;

    padding-left: 615px;

    position: relative;

    margin-bottom: 15px;

    -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

        box-sizing: border-box;

}

#footer .info:after{

    content: '';

    width: 401px;

    height: 325px;

    display: block;

    background: url(../images/footer_icon.png)no-repeat;

    position: absolute;

    left: -335px;

    top: 125px;

}

#footer:hover .info:after{

    transform:rotate(3deg);

}

#footer .info dl:nth-child(2){

    width: 130px;

    height: 100px;

    float: left;

    text-align: center;

    margin-right: 40px;

}

#footer .info dl:nth-child(2) dt{

    color: #FFA400;

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 30px;

}

#footer .info dl:nth-child(2) dd{

    color: #FFF;

    font-size: 23px;

    font-weight: bold;

}

#footer .info dl:nth-child(3){

    width: 200px;

    height: 100px;

    float: left;

}

#footer .info dl:nth-child(3) dt{

    color: #00A4F6;

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 21px;

    text-align: center;

}

#footer .info dl:nth-child(3) dd{

    color: #FFF;

    font-size: 17px;

    font-weight: bold;

    line-height: 20px;

    padding-left: 15px;

}

/**************************************************************/

/**************************************************************/

#footer .qr{

    width: 100px;

    height: 100px;

    float: left;

}

#footer .menu{

    width: 892px;

    height: 100px;

    background: url(../images/footer_menu_bg.jpg);

    float: right;

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

border-radius: 8px;

    -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

        box-sizing: border-box;

    padding: 28px 50px 0;

}

#footer .menu li{

    float: left;

    width: 113px;

    margin-bottom: 10px;

}

#footer .menu li a{

    font-size: 14px;

    color: #BFD871;

    padding-left: 10px;

    background: url(../images/footer_menu_icon.png)left 4px no-repeat;

}

#footer .menu li a:hover{

    color: #FFE400;

    background: url(../images/footer_menu_icon.png)left 4px no-repeat;

}

/**************************************************************/

/**************************************************************/

#footer .copyright{

    font-size: 12px;

    color: #000;

    clear: both;

    padding: 20px 0 10px;

    float: left;

}

#footer .copyright a{

    color: #000;

}

#footer .copyright a:hover{

    color: #8C4728;

    text-decoration: underline;

}