@charset "utf-8";

/* CSS Document */

.community {

	vertical-align:top;

	text-align:left;

}

.community li {

	height: 28px;

	margin-bottom:10px;

	margin-right:15px;

	display: inline-block;

	text-align: center;

	list-style: none;

	position: relative;

}

.community li:nth-child(even) {

}

.community li.other {

	width: auto !important;

}

.community li.other a {

	display: inline !important;

	text-decoration: underline !important;

}

.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.cart {

	text-indent: -9999px;

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

}

.community li a.facebook {

	width: 97px;

	text-indent: -9999px;

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

}

.community li a.google {

	width: 89px;

	text-indent: -9999px;

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

}

.community li a.twitter {

	width: 81px;

	text-indent: -9999px;

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

}

.community li a.plurk {

	width: 69px;

	text-indent: -9999px;

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

}

.community li a.favorites {

	text-indent: -9999px;

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

}

.community li a.pixnet {

	text-indent: -9999px;

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

}

.community li a.instagram {

	text-indent: -9999px;

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

}

.community li a.sina {

	text-indent: -9999px;

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

}

.community li a.cart:hover {

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

}

.community li a.facebook:hover {

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

}

.community li a.google:hover {

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

}

.community li a.twitter:hover {

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

}

.community li a.plurk:hover {

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

}

.community li a.favorites:hover {

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

}

.community li a.pixnet:hover {

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

}

.community li a.instagram:hover {

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

}

.community li a.sina:hover {

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

}

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



#footer_box {

	width: 100%;

	position: relative;

	background:#1B2E4C;

	padding: 0 10px;

}

#footer {

	max-width:1280px;

	padding-top: 50px;

	padding-bottom: 30px;

	margin: 0 auto;

	position: relative;

}

#footer .logo{

}

#footer .box{

	width: 50%;

	float:left;

	min-height:216px;

	padding-right:5%;

	padding-top:10px;

}

#footer .box:nth-of-type(2){

	padding-left:5%;

	padding-right:0;

	border-left:#111D2F 1px solid;

}

#footer li {

	list-style: none;

}

#footer > ul {

	margin-bottom: 15px;

}

#footer .contact{

	width: 300px;

	height:250px;

	float:left;

	background:#FFF url(../images/footer_img.jpg) 0 0 no-repeat;

	text-indent:-9999px;

}

#footer .contact a{

	width: 100%;

	height: 100%;

	display:block;

}

#footer .menu {

	z-index: 2;

	text-align:left;

	border-bottom:#111D2F 1px solid;

	margin-bottom:20px;

}

#footer .menu ul {

	max-width:250px;

	float:left;

	vertical-align: top;

	position: relative;

}

#footer .menu li {

	width:50%;

	display: block;

	float:left;

	list-style: none;

	font-size: 13px;

	position: relative;

	padding:4px 0 4px 0px;

}

#footer .menu li:before {

	content: '';

	position: relative;

	width:4px;

	height: 4px;

	margin-bottom:2px;

	margin-right:15px;

	display:inline-block;

	background:#3B7FE0;

}

#footer .menu a span {

	color:#777777;

}

#footer .menu a, #footer .menu a:visited {

	color:#8CB4EB;

	font-size: 12px;

	line-height: 1;

	text-decoration: none;

	-webkit-transition: color 200ms linear;

	-moz-transition: color 200ms linear;

	-o-transition: color 200ms linear;

	transition: color 200ms linear;

}

#footer .menu a:hover {

	color:#FFF;

	text-decoration: none;

}

#footer .info {

	line-height: 1.6;

	font-size: 13px;

	text-align: left;

	min-height:121px;

	color: #666666;

	position: relative;

	padding-bottom:15px;

	border-bottom:#111D2F 1px solid;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

#footer .info{

	margin-bottom:20px;

}

#footer .info li{

	color:#DDDDDD;

	font-size: 13px;

	list-style:none;

	line-height:1;

	display:inline-block;

	margin-bottom:20px;

	margin-right:20px;

	text-indent:-45px;

	padding-left:45px;

}

#footer .info li:before{

	content:'';

	display:inline-block;

	margin-right:10px;

	width: 32px;

	height: 32px;

	margin-bottom:0px;

	vertical-align:middle;

}

#footer .info li:nth-of-type(1):before{

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

}

#footer .info li:nth-of-type(2):before{

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

}

#footer .info li:nth-of-type(3):before{

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

}

#footer .info li:nth-of-type(4){

	width:100%;

	margin:0;

}

#footer .info li:nth-of-type(4):before{

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

}

#footer .info .parent li{

	border-bottom:#4F8DAC 1px solid;

}



#copyright_box {

	text-align:center;

	background:#2B2B2B;

}

.copyright {

	max-width:1280px;

	position: relative;

	line-height: 1.4;

	color:#5F5F5F;

	font-size: 12px;

	margin: 0 auto;

	vertical-align: middle;

	padding: 10px;

}

.copyright span {

	color:#5F5F5F;

	text-decoration: underline;

}

.copyright a, .copyright a:visited {

	color:#5F5F5F;

	text-decoration: none;

}

.copyright a:hover {

	color:#787878;

}

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



.frbox {

	width:12%;

	float: left;

	text-align:left;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

#footer .qr {

	width: 100px;

	height: 100px;

	float:right;

	padding:5px;

	margin-bottom: 20px;

	background:#546279;

}

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

@media (max-width: 850px) {

#footer {

	padding-top: 20px;

	padding-bottom: 10px;

}

#footer .logo{

	display:none;

}

#footer .box{

	width: 100%;

	min-height:0;

	padding:0 !important;

	margin:0;

	border:none !important;

}

#footer .info{

	min-height:0;

}

#footer .menu ul{

	width:auto;

	max-width:250px;

}

#footer .menu li{

}

}

@media (max-width: 400px) {

#footer .menu ul{

	max-width: none;

	float:none;

	margin-bottom:15px;

}

#footer .qr{

	margin:0 auto;

	float:none;

	margin-bottom:15px;

}

.community{

	text-align:center;

}

.community li {

	width:28px;

	margin-bottom:0px;

	overflow:hidden;

}

}