@charset "utf-8";
div, p, header, footer, h1, h2, h3, h4, h5, h6, span, i, b, em, ul, li, dl, dt, dd, ol, body, input, select, form, button {
	margin:0;
	padding:0;
	list-style-type: none;
}
@font-face {font-family: "ico";
  src: url('ico.eot'); /* IE9*/
  src: url('ico.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('ico.woff') format('woff'), /* chrome、firefox */
  url('ico.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('ico.svg#ico') format('svg'); /* iOS 4.1- */
font-weight: normal;
font-style: normal;
}
[class^="i-"]:before, [class*=" i-"]:before,
[class^="i-"]:after, [class*=" i-"]:after {  
  font-family:"ico" !important;
  /*font-size:12px;*/
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;
}
.i-spin {
  -webkit-animation: rotate 1.5s infinite linear;
  animation: rotate 1.5s infinite linear;
}
.i-fast {
  -webkit-animation: rotate 0.5s infinite linear;
  animation: rotate 0.5s infinite linear;
}
.i-pulse {
  -webkit-animation: rotate 1s infinite steps(8);
  animation: rotate 1s infinite steps(8);
}
@keyframes rotate{
0%{ transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@-moz-keyframes rotate{
0%{ -moz-transform:rotate(0deg);}
	100%{-moz-transform:rotate(360deg);}
}
@-ms-keyframes rotate{
0%{ -ms-transform:rotate(0deg);}
	100%{-ms-transform:rotate(360deg);}
}
@-webkit-keyframes rotate{
0%{ -webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);}
}

.i-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.i-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.i-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.i-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.i-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
@-webkit-keyframes moveFromLeft {
from {
-webkit-transform:translateX(-50%);
}
to {
	-webkit-transform:translateX(0%);
}
}
@-moz-keyframes moveFromLeft {
from {
-moz-transform:translateX(-50%);
}
to {
	-moz-transform:translateX(0%);
}
}
@-ms-keyframes moveFromLeft {
from {
-ms-transform:translateX(-50%);
}
to {
	-ms-transform:translateX(0%);
}
}
@-webkit-keyframes moveFromRight {
from {
-webkit-transform:translateX(50%);
}
to {
	-webkit-transform:translateX(0%);
}
}
@-moz-keyframes moveFromRight {
from {
-moz-transform:translateX(50%);
}
to {
	-moz-transform:translateX(0%);
}
}
@-ms-keyframes moveFromRight {
from {
-ms-transform:translateX(50%);
}
to {
	-ms-transform:translateX(0%);
}
}
@-webkit-keyframes moveFromTop {
from {
-webkit-transform:translateY(-50%);
}
to {
	-webkit-transform:translateY(0%);
}
}
@-moz-keyframes moveFromTop {
from {
-moz-transform:translateY(-50%);
}
to {
	-moz-transform:translateY(0%);
}
}
@-ms-keyframes moveFromTop {
from {
-ms-transform:translateY(-50%);
}
to {
	-ms-transform:translateY(0%);
}
}
@-webkit-keyframes moveFromBottom {
from {
-webkit-transform:translateY(50%);
}
to {
	-webkit-transform:translateY(0%);
}
}
@-moz-keyframes moveFromBottom {
from {
-moz-transform:translateY(50%);
}
to {
	-moz-transform:translateY(0%);
}
}
@-ms-keyframes moveFromBottom {
from {
-ms-transform:translateY(50%);
}
to {
	-ms-transform:translateY(0%);
}
}
.i-cloud-download:before {
	content: "\e600";
}
.i-play:before {
	content: "\e601";
}
.i-user:before {
	content: "\e602";
}
.i-facebook:before {
	content: "\e603";
}
.i-like:before {
	content: "\e604";
}
.i-google:before {
	content: "\e605";
}
.i-linkedin:before {
	content: "\e606";
}
.i-twitter:before {
	content: "\e607";
}
.i-download:before {
	content: "\e608";
}
.i-user-id:before {
	content: "\e609";
}
.i-save:before {
	content: "\e60a";
}
.i-selected:before {
	content: "\e60b";
}
.i-home:before {
	content: "\e60c";
}
.i-code:before {
	content: "\e60d";
}
.i-review:before {
	content: "\e60e";
}
.i-pitch:before {
	content: "\e60f";
}
.i-bargraph:before {
	content: "\e610";
}
.i-camera:before {
	content: "\e611";
}
.i-chat:before {
	content: "\e612";
}
.i-flag:before {
	content: "\e613";
}
.i-genius:before {
	content: "\e614";
}
.i-line-graph:before {
	content: "\e615";
}
.i-cd:before {
	content: "\e616";
}
.i-ring:before {
	content: "\e617";
}
.i-recycle:before {
	content: "\e618";
}
.i-mic:before {
	content: "\e619";
}
.i-write:before {
	content: "\e61a";
}
.i-sign:before {
	content: "\e61b";
}
.i-tools:before {
	content: "\e61c";
}
.i-video:before {
	content: "\e61d";
}
.i-upload:before {
	content: "\e61e";
}
.i-more:before {
	content: "\e61f";
}
.i-previous:before {
	content: "\e620";
}
.i-next:before {
	content: "\e621";
}
.i-settings:before {
	content: "\e622";
}
.i-favorite:before {
	content: "\e623";
}
.i-menu:before {
	content: "\e624";
}
.i-love:before {
	content: "\e625";
}
.i-add:before {
	content: "\e626";
}
.i-delete:before {
	content: "\e627";
}
.i-worn:before {
	content: "\e628";
}
.i-stumbleupon:before {
	content: "\e629";
}
.i-return:before {
	content: "\e62a";
}
.i-scanning:before {
	content: "\e62b";
}
.i-v:before {
	content: "\e62c";
}
.i-up:before {
	content: "\e62d";
}
.i-free:before {
	content: "\e62e";
}
.i-format:before {
	content: "\e62f";
}
.i-music:before {
	content: "\e630";
}
.i-listen:before {
	content: "\e631";
}
.i-list:before {
	content: "\e632";
}
.i-alarm:before {
	content: "\e633";
}
.i-close:before {
	content: "\e634";
}
.i-database:before {
	content: "\e635";
}
.i-film-play:before {
	content: "\e636";
}
.i-layers:before {
	content: "\e637";
}
.i-license:before {
	content: "\e638";
}
.i-mike:before {
	content: "\e639";
}
.i-link:before {
	content: "\e63a";
}
.i-picture:before {
	content: "\e63b";
}
.i-break:before {
	content: "\e63c";
}
.i-remove:before {
	content: "\e63d";
}
.i-warning:before {
	content: "\e63e";
}
.i-loading:before {
	content: "\e63f";
}
.i-hd:before {
	content: "\e641";
}
.i-sq:before {
	content: "\e642";
}
.i-lrc:before {
	content: "\e643";
}
.i-search:before {
	content: "\e644";
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	transition-property:all;
	transition-duration: 1s;
	transition-timing-function: ease;
	transition-delay: 0;
}
body {
	font-family: "Abel", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #f9f8f3;
	margin: 0px;
	padding: 0px;
	color: #000;
	/*text-shadow: 0px 1px 0px rgba(3,3,3,0.1);*/
	font-style: normal;
}
li:hover img {
/*box-shadow: 0px 1px 5px rgba(5,5,5,0.5);*/
filter:alpha(opacity:70);
	opacity: 0.7;
}
a {
	text-decoration: none;
	color: #384f5b;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
	color: #0066FF;
}
:hover,:before,:after{
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.ieerror {
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #00;
	background-color: #ff0;
	font-weight: bold;
	font-size: 14px;
	text-transform: capitalize;
}
.rowerror{
	height: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 100px;
	margin-top: 50px;
	float: left;
}
.rowerror h1 {
	color: #79A741;
	height: auto;
	width: 100%;
	text-align: center;
	font-size: 120px;
	font-family: digital;
	float: left;
}
.rowerror h2 {
	float: left;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	height: auto;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
	float: left;
}
.rowerror p {
	float: left;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	height: auto;
	font-size: 26px;
	font-weight: bold;
	float: left;
}
#bDiv{
	position: fixed;
	z-index: 22300;
	clip: rect(auto,auto,auto,auto);
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	margin: auto;
	-webkit-animation: moveFromTop 400ms ease;
	-moz-animation: moveFromTop 400ms ease;
	-ms-animation: moveFromTop 400ms ease;
	color: #000;
	background-color: #FFF;
} 
#bDiv .txet {
	float: left;
	width: 310px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 16px;
	color: #000;
	height: auto;
	line-height: 50px;
	margin-top: 20px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
}
#aDiv{
	position: fixed;
	top: 0;
	left: 0;
    filter:alpha(opacity:80);
	opacity: 0.8;
	z-index: 22200;
	width: 100%;
	background-color: #000;
}
#bDiv .close {
	float: right;
	font-size: 30px;
	line-height: 30px;
	height: 30px;
	cursor: pointer;
	color: #666;
	width: 30px;
	text-align: center;
	position: absolute;
	right: 0px;
	top: 0px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
}
#bDiv .close:hover {
	color: #FF0000;
}
/****DEBUT TEST****/
#loading{
	position: fixed;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 150px;
	height: 150px;
	z-index: 22201;
	border-radius: 100%;
	-webkit-animation: showSweetAlert 1s;
  -moz-animation: showSweetAlert 1s;
  animation: showSweetAlert 1s;
}
#caseBlanche {
	background-color : #007cde;
	height : 150px;
	width : 150px;
	float : left;
	position : relative;
	border-radius : 100%;
}

#caseBlanche #load {
	color : #FFF;
	text-align : center;
	height: 30px;
	width: 100%;
	line-height: 30px;
	margin-top: -65px;
	font-size: 18px;
	text-transform: uppercase;
	-webkit-animation:swinging 5s ease-in-out 0s infinite;
	-moz-animation:swinging 5s ease-in-out 0s infinite;
	animation:swinging 5s ease-in-out 0s infinite;
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	transform-origin:50% 0;
}
#caseBlanche #test {
	height : 10px;
	width : 10px;
	background-color : #FF0;
	border-radius : 50%;
	margin-top: 10px;
	margin-left: 10px;
}
#caseBlanche #rond {
	height  : 100px;
	width : 100px;
	border : 1px solid #fff;
	border-radius : 50%;
	animation : rond 2s infinite;
	-webkit-animation : rond 2s infinite;
	margin-top: 24px;
	margin-left: 24px;
}

@keyframes rond {
  0% {transform : rotate(0deg);}
  100% {transform : rotate(360deg);}
}

@-webkit-keyframes rond {
  0% {-webkit-transform : rotate(0deg);}
  100% {-webkit-transform : rotate(360deg);}
}
@-webkit-keyframes swinging{
	0% { -webkit-transform: rotate(0); }
	5% { -webkit-transform: rotate(10deg); }
	10% { -webkit-transform: rotate(-9deg); }
	15% { -webkit-transform: rotate(8deg); }
	20% { -webkit-transform: rotate(-7deg); }
	25% { -webkit-transform: rotate(6deg); }
	30% { -webkit-transform: rotate(-5deg); }
	35% { -webkit-transform: rotate(4deg); }
	40% { -webkit-transform: rotate(-3deg); }
	45% { -webkit-transform: rotate(2deg); }
	50% { -webkit-transform: rotate(0); }
	100% { -webkit-transform: rotate(0); }
}
@keyframes swinging{
	0% { transform: rotate(0); }
	5% { transform: rotate(10deg); }
	10% { transform: rotate(-9deg); }
	15% { transform: rotate(8deg); }
	20% { transform: rotate(-7deg); }
	25% { transform: rotate(6deg); }
	30% { transform: rotate(-5deg); }
	35% { transform: rotate(4deg); }
	40% { transform: rotate(-3deg); }
	45% { transform: rotate(2deg); }
	50% { transform: rotate(0); }
	100% { transform: rotate(0); }
}
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-tranform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
@-moz-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-tranform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-tranform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); }
}
/****FIN TEST****/
.data-title{
	display: none;
	position: absolute;
	z-index: 99;
	text-decoration: none;
	font-weight: normal;
	height: auto;
	top: 0;
	left: 0;
	line-height: 20px;
}
.data-title.small{
	font-size: 12px;
	max-width: 150px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-style: normal;
}
/* Tips */
.data-title .tip{ content: ""; position: absolute; width:0; height:0; border-style: solid; line-height: 0px; }
.data-title.south .tip{ left:50%; top:100%;}
.data-title.south.small .tip{ border-width: 7px 5px 0 5px; margin-left:-5px;}
.data-title.west.small .tip{ border-width: 5px 7px 5px 0; margin-left:-7px; margin-top:-5px;}
.data-title.north.small .tip{ border-width: 0 5px 7px 5px; margin-left:-5px; margin-top:-7px;}
.data-title.east.small .tip{ border-width: 5px 0 5px 7px; margin-top:-5px;}
/* confirm */
.data-title ul.confirm{ list-style-type:none;margin-top:5px;display:inline-block;margin:0 auto; }
.data-title ul.confirm li{ padding:10px;float:left;margin:5px;min-width:25px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
/* themes */
.data-title.dark{ background-color:#0078d7; color:#fff; }
.data-title.dark.south .tip{ border-color: #0078d7 transparent transparent transparent; _border-color: #0078d7 #0078d7 #0078d7 #0078d7; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); }
.data-title.dark ul.confirm li{ background-color:#0078d7;}
.data-title.dark ul.confirm li:hover{ background-color:#0078d7;}

.add {
	float: left;
	height: 30px;
	width: 200px;
	text-align: center;
}
.add i {
	height: 30px;
	width: 30px;
	font-size: 26px;
	line-height: 28px;
	color: #888;
	cursor: pointer;
	float: left;
	margin-left: 3px;
	overflow: hidden;
	border-radius: 15px;
}
.add .i-lrc,.add .i-hd,.add .i-sq {
	font-size: 24px;
}
.add .i-play {
	background-color: #cdcdcd;
	color: #fff;
	border-radius: 15px;
}
.add i:hover{
	background-color: #0078d7;
	color: #ff0;
	border-radius: 15px;
}
.add .i-love{
	color: #00CC99;
}
.add .i-add{
	color: #ea4335;
}
.add .i-lrc{
	color: #fbbc05;
}
.add .i-hd{
	color: #34a853;
	cursor: help;
}
.add .i-sq{
	color: #ea4335;
	cursor: help;
}
.add .click:before {
	content: "";
}
.add .click{
	background-color: #FFFF00;
	background-image: url(../ic_play.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 0px;
}
.add .click:hover{
	background-color: #FFFF00;
	border-radius: 0px;
	cursor: wait;
}
#lyrics {
	background-color: #Fff;
	-webkit-animation: moveFromLeft 700ms ease;
	-moz-animation: moveFromLeft 700ms ease;
	-ms-animation: moveFromLeft 700ms ease;
	box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
	position: fixed;
	top: 0px;
	z-index: 53000;
}

#lyrics .lrctitle {
	float: left;
	height: 40px;
	width: 80%;
	line-height: 40px;
	font-weight: bold;
	padding-right: 15%;
	overflow: hidden;
	padding-left: 5%;
	text-transform: capitalize;
	font-size: 14px;
	color: #FFF;
	background-color: #1C60B6;
	padding-top: 10px;
	padding-bottom: 10px;
}
#lyrics .lrcpre {
	float: left;
	width: 90%;
	padding-left: 5%;
	height: auto;
	line-height: 16px;
	color: #333;
	scrollbar-3dlight-color: #FFF;
	scrollbar-highlight-color: #FFF;
	scrollbar-face-color: #f0f0f0;
	scrollbar-arrow-color: white;
	scrollbar-shadow-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-base-color: #FFF;
	scrollbar-track-color: #FFF;
	overflow: scroll;
	overflow-x: hidden;
	font-size: 12px;
}
#lyrics .i-delete {
	float: right;
	font-size: 22px;
	height: 40px;
	width: 18px;
	position: relative;
	margin-right: 5%;
	color: #FF0;
	cursor: pointer;
	line-height: 40px;
	margin-top: -52px;
}

#lyrics .i-delete:hover {
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	color: #FFF;
}
.page {
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}
.page a {
	float: left;
	height: 50px;
	width: 100px;
	color: #FFF;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
}
.page .next {
	background-color: #A1D569;
}
.page .prev {
	margin-left: 5px;
	margin-right: 40px;
	background-color: #49C0EB;
}
.page a i {
	margin-right: 5px;
	margin-left: 5px;
}
.page a:hover {
	color: #FF0;
	background-color: #000;
}
hr {
height:1px;border:none;border-top:1px dashed #99FF99;
}
#header {
	float: left;
	height: 70px;
	width: 100%;
	background-color: #1a5eb6;
	-webkit-box-shadow: 0px 1px 20px #666;
	box-shadow: 0 1px 20px #666;
}
.header {
	height: auto;
	width: 1400px;
	margin-right: auto;
	margin-left: auto;
}
.header .logo {
	float: left;
	height: 70px;
	text-align: center;
	width: 250px;
	overflow: hidden;
	background-color: #FFF;
	-webkit-box-shadow: 0px 1px 20px #666;
	box-shadow: 0 1px 20px #666;
}
.header .logo a{
	color: #FFF;
	font-size: 26px;
	line-height: 22px;
	background-image: url(../a.png);
	float: left;
	width: 100%;
}
.header .logo a:hover {
	background-image: none;
}
.header .logo img {
	height: auto;
	width: 250px;
	float: left;
	background-image: none;
	margin-top: 5px;
	margin-bottom: 5px;
}
.header .search {
	float: left;
	height: 28px;
	width: 310px;
	margin-top: 21px;
	margin-left: 40px;
	border-radius: 15px;
	background-color: #0d53b4;
}
.header .search .keywords {
	float: left;
	height: 28px;
	width: 85%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #bbb;
	font-size: 12px;
	line-height: 28px;
	background-color: transparent;
	border: 0px solid transparent;
	margin-left: 10px;
}
.header .search .submit {
	float: right;
	height: 28px;
	width: 30px;
	background-color: #FFF;
	cursor: pointer;
	border: 0px solid transparent;
	background-color: transparent;
	overflow: hidden;
	margin-right: 5px;
}
.header .search .submit i {
	line-height: 25px;
	text-align: center;
	float: left;
	height: 30px;
	width: 30px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}
.header .search:hover .submit i {
	color: #FF0000;
}
.header .search:hover {
	background-color: #FFF;
}
.header .search:hover .keywords{
	color: #000;
}.header .menu {
	float: right;
	margin-top: 5px;
}
.header .menu h2 {
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	font-size: 20px;
	line-height: 60px;
	height: 60px;
}
.header .menu h2 a{
	color: #FFF;
}
.header .menu h2:hover{
	background-image: url(../a.png);
	border-radius: 50%;
}
.header .menu h2:hover a{
	color: #99FFCC;
}
.header .user {
	float: right;
	height: 40px;
	width: 40px;
	margin-top: 13px;
	margin-left: 20px;
	position: relative;
}
.header .user .i-user,.header .user .i-menu{
	color: #FFF;
	float: left;
	height: 40px;
	width: 40px;
	font-size: 30px;
	line-height: 30px;
	cursor: pointer;
	margin-top: 7px;
}
.header .user .i-user:hover,.header .user .i-menu:hover {
	color: #FF0;
}
.header .user .userbox .ibox {
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}
.header .user .userbox .ibox .userinfo {
	float: left;
	height: 70px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f9dc85;
}
.header .user .ibox .c {
	float: left;
	height: 30px;
	width: 80%;
	line-height: 30px;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}
.header .user .ibox .c i {
	font-size: 22px;
	line-height: 22px;
	float: left;
	height: 22px;
	width: 22px;
	margin-top: 4px;
	color: #57a78e;
	margin-right: 20px;
}
.header .user .ibox .c a {
	float: left;
	color: #666;
}
.header .user .ibox #logout {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
}
.header .user .ibox .c:hover {
	background-color: #f5f5f5;
}
.header .user .ibox img {
	float: left;
	height: 50px;
	width: 50px;
	box-shadow: 0px 1px 5px rgba(5,5,5,0.5);
	border-radius: 5px;
}
.header .user .ibox .userinfo .usern {
	font-family: 'Open Sans Condensed', sans-serif;
	float: left;
	width: 198px;
	margin-left: 21px;
	height: 26px;
	overflow: hidden;
	font-weight: bold;
}
.header .user .ibox .userinfo .vip {
	margin-left: 21px;
	float: left;
	background-color: #57a78e;
	height: 18px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 11px;
	line-height: 18px;
	color: #FFF;
	margin-top: 4px;
	border-radius: 3px;
}
.header .user .ibox .userinfo .vip.yes {
	color: #000;
	background-color: #FF0;
}
.header .user .userbox {
	float: right;
	height: auto;
	width: 270px;
	color: #000;
	background-color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #1C60B6;
	border-bottom-color: #1C60B6;
	border-left-color: #1C60B6;
	margin-right: -1px;
	position: relative;
	z-index: 350;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	display: none;
}
.header .user .op {
	background-color: #FFF;
	color: #000;
	text-align: center;
	line-height: 40px;
	padding-bottom: 5px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.header .user .op:hover {
	color: #F00;
}
.header .user .userbox .input {
	float: left;
	width: 100%;
	border: 1px solid #eaeaea;
	height: 36px;
	margin-bottom: 20px;
}
.header .user .userbox .input:hover{
	border: #87C6F9 1px solid;
	box-shadow: 0 0 1px rgba(103, 166, 217, 1);
}
.header .user .userbox .input:hover input{
	color: #000;
}
.header .user .userbox .input input {
	margin-left: 5%;
	height: 22px;
	margin-top: 6px;
	width: 90%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #999;
}
.header .user .userbox .loginsubmit {
	float: left;
	height: 30px;
	width: 100px;
	background-color: #90cd00;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	background-image: -webkit-linear-gradient(top, #90cd00, #90cd00);
	background-image: -moz-linear-gradient(top, #90cd00, #90cd00);
	background-image: -o-linear-gradient(top, #90cd00, #90cd00);
	background-image: linear-gradient(to bottom, #90cd00, #90cd00);
}
.header .user .userbox .loginsubmit:hover {
	color: #FF0;
	background-color: #000;
}
.header .user .userbox .register {
	float: left;
	height: 30px;
	color: #666;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eaeaea;
	margin-top: 20px;
	padding-top: 15px;
	line-height: 14px;
	padding-bottom: 5px;
}
.header .user .userbox .register:hover {
	color: #F00;
}
.header .user .userbox .signinwith {
	float: left;
}
.header .user .userbox .google {
	float: left;
	color: #ce4d39;
	font-size: 30px;
	line-height: 26px;
	margin-left: 60px;
}
.header .user .userbox .facebook {
	float: right;
	color: #305891;
	font-size: 30px;
	line-height: 26px;
	margin-left: 50px;
}
.adsbox {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
	overflow-y: hidden;
}
.adsbox .ads {
	background-color: #FFF;
	height: 90px;
	width: 728px;
	margin-right: auto;
	margin-left: auto;
}
#footer {
	float: left;
	height: auto;
	width: 100%;
	color: #FFF;
	background-color: #1c60b6;
}
.footer {
	width: 1400px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 300px;
}
.footer .siteinfo {
	float: left;
	width: 500px;
}
.footer .footertitle {
	float: left;
	height: 50px;
	width: 100%;
	line-height: 50px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF0;
	letter-spacing: 1px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 16px;
}
.footer .siteinfo p {
	float: left;
	height: auto;
	width: 100%;
	color: #CCC;
}
.footer .copyright {
	float: left;
	width: 100%;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #4882c6;
	line-height: 60px;
}
.footer .copyright .a {
	float: left;
}
.footer .copyright .b {
	float: right;
	word-spacing: 3px;
}
.footer .siteinfo .digg {
	float: left;
	height: auto;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 50px;
}
.footer .siteinfo .digg .share {
	float: left;
	height: 40px;
	width: 40px;
	margin-right: 20px;
}
.footer .siteinfo .digg .share i {
	float: left;
	height: 40px;
	width: 40px;
	font-size: 36px;
	line-height: 40px;
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
}
.footer .siteinfo .digg .share i:hover {
	color: #FF0;
}
.footer .link {
	float: left;
	width: 450px;
	margin-left: 60px;
}
.footer .link a {
	float: left;
	width: 50%;
	height: 30px;
	color: #FFF;
	text-indent: 10px;
}
.footer .link a:hover {
	color: #ff0;
}
.footer .link a:before {
	content: "■";
	color: #CCC;
	float: left;
	margin-top: -3px;
	margin-left: -10px;
}
.footer .subscribe {
	float: right;
	height: auto;
	width: 290px;
}
.footer .subscribe .subscribebox {
	float: left;
	height: 30px;
	width: 100%;
	background-color: #FF0;
	margin-top: 40px;
}
.footer .subscribe p {
	float: left;
	width: 100%;
	color: #CCCCCC;
}
.footer .subscribe .subscribebox input {
	float: left;
	width: 70%;
	height: 26px;
	padding-left: 3%;
	background-color: #FFF;
	border: 0px solid transparent;
	color: #999;
	font-size: 12px;
	line-height: 26px;
	margin: 2px;
}
.footer .subscribe .footertitle {

}
.footer .subscribe .subscribebox .mailsubmit {
	line-height: 30px;
	float: right;
	margin-right: 10px;
	font-style: normal;
	cursor: pointer;
	color: #000;
}
.footer .subscribe .subscribebox .mailsubmit:before {
	margin-right: 5px;
}
#box {
	position: fixed;
	float: right;
	width: 50px;
	z-index: 300;
	height: auto;
	right: 20px;
	bottom: 0px;
}
#box #number {
	float: left;
	height: 50px;
	width: 50px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	background-color: #1C60B6;
	cursor: pointer;
	padding-bottom: 10px;
}
#box #number:hover,#box #play:hover{
	background-color: #333;
}
#box #gotop i:hover{
	color: #FF0;
}
#box #number i{
	float: left;
	height: 30px;
	width: 30px;
	font-size: 30px;
	line-height: 30px;
	margin-top: 15px;
	margin-left: 10px;
}
#box #number span {
	float: left;
	height: 20px;
	width: 20px;
	background-color: #000;
	color: #FF0;
	text-align: center;
	border-radius: 10px;
	position: absolute;
	left: 15px;
	top: 10px;
	font-size: 12px;
	line-height: 20px;
}
#box #play {
	float: left;
	height: 50px;
	width: 50px;
	background-color: #1C60B6;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	padding-top: 10px;
	cursor: pointer;
	text-align: center;
}
#box #play i {
	float: left;
	height: 30px;
	width: 30px;
	font-size: 30px;
	line-height: 30px;
	text-align: left;
	color: #FF0;
	margin-top: 10px;
	margin-left: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#box #gotop {
	background-color: #1c60b6;
	float: left;
	height: 50px;
	width: 50px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	display: none;
}
#box .gotop {
	float: left;
	height: 50px;
	width: 50px;
	margin-top: 30px;
}
#box #gotop i {
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	float: left;
	height: 50px;
	width: 50px;
	cursor: pointer;
}
@media (min-width: 700px) and (max-width: 1045px) {
#header,.header {
	height: auto;
	width: 100%;
	background-color: #FFF;
}
#header .header .logo {
-webkit-box-shadow: none;
	box-shadow: none;
}
.header .search {
	background-color: #EAEAEA;
}
.header .search .submit i {
	color: #000;
}
.header .search:hover {
	background-color: #fbbc05;
}
.header .user .i-user,.header .user .i-menu{
	color: #1C60B6;
}
.header .user .i-user:hover {
	color: #000;
}
#header .header .menu {
	width: 100%;
	float: left;
	margin-top: 0px;
	background-color: #1A5EB6;
}
#header .header .user {
	margin-right: 10px;
}
.uploads .data {
	width: 96%;
	margin-left: 2%;
}
.uploads .data .b {
	float: left;
	height: 370px;
	width: 2170px;
}
.uploads .data .a {
	float: left;
	height: 300px;
	width: 2170px;
}
.uploads .data .overflow {
	overflow: auto;
}
#footer .footer {
	width: 100%;
	height: auto;
}
.footer .siteinfo {
	height: auto;
	width: 96%;
	margin-left: 2%;
}
.footer .link {
	padding-left: 2%;
	width: 48%;
	margin-left: 0px;
	height: 230px;
	background-image: url(../a.png);
}
.footer .subscribe {
	width: 48%;
	padding-right: 2%;
	float: left;
	height: 230px;
	background-image: url(../a.png);
}
.footer .copyright {
	width: 96%;
	padding-right: 2%;
	padding-left: 2%;
}
#box #gotop {
	background-color: #666;
	background-image: none;
}
}
@media (max-width: 700px) {
#header,.header {
	height: auto;
	width: 100%;
	background-position: center -5px;
}
.header .logo {
	width: 100%;
	text-align: center;
	background-image: url(../a.png);
}
.header .logo a {
	width: 250px;
	float: none;
	height: 70px;
	overflow: hidden;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-image: none;
}
.header .logo a img {
	display: inline-block;
}
.header .search {
	background-color: #FFF;
	float: left;
	width: 80%;
	margin-left: 2%;
	margin-right: 0px;
}
.header .search .keywords {
	width: 70%;
}
.header .search .submit i {
	color: #000;
}
.header .user {
	float: right;
	margin-right: 2%;
	margin-left: 0px;
}
.header .menu {
	background-color: #007cde;
	margin-top: 15px;
	width: 100%;
}
.header .menu h2 a {
	color: #FFF;
}
.header .menu h2 {
	font-size: 16px;
	text-align: center;
	padding: 0px;
	float: left;
	width: 20%;
}
#footer .footer {
	width: 100%;
	height: auto;
}
.footer .siteinfo {
	width: 96%;
	margin-left: 2%;
	margin-right: 0px;
}
.footer .link {
	width: 96%;
	margin-left: 0px;
	padding-right: 2%;
	padding-left: 2%;
	background-image: url(../a.png);
	padding-bottom: 10px;
}
.footer .subscribe {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.footer .copyright p {
	text-align: center;
	width: 100%;
	line-height: 30px;
}
#box #gotop {
	background-color: #666;
	background-image: none;
}

.page a {
	width: 40%;
	margin-right: 5%!important;
	margin-left: 5%!important;
	float: left;
}
}
i {
	font-style: normal;
}