.backimg {
    padding: 0em 0 0em;
    background-color: #141d27;
    background-image: url(../images/back-img01.png);
    background-repeat: repeat;
    background-attachment: fixed;
    color: #fff;
    text-align: left;
}
.top-img {
    padding: 0em 0 10px 0px;
    margin: 0px 0px 10px 0px;
    color: #fff;
    text-align: center;
    width: 100%;
    height: auto;
}
.paper{
  padding: 1em 0 1em;
  margin: 0 1vw 0px 1vw;
  background-color: #fff;
  background-size: cover;
  color: #fff;
  text-align: left;
}
.resizeimage img {
   width: 100%;
}
.list-back{
  padding: 1em 0 1em;
  margin: 5px 0 20px 0;
  background-color: rgba(220,221,221,0.6);
  background-size: cover;
  color: #777;
  text-align: left;
}
.kizi{
  padding: 1vw 2vw 2vw 2vw;
  margin: 1em 0 20px 0;
  background-color: #fff;
  background-size: cover;
  color: #777;
  text-align: left;
}
.banner-ad{
  padding: 1em 0 1em;
  margin: 10px 0 20px 0;
  background-size: cover;
  color: #fff;
  text-align: left;
}
.top-books{
  padding: 15px 0px 1px 0px;
  margin: 0 0px 0px 0px;
  background-color: #;
  background-size: cover;
  color: #fff;
  text-align: left;
}
.text-vw{
  font-size:16px;
  text-align: left;
  color:#44617b;
}
.text-vw-wh{
  font-size:1.5vw;
  text-align: left;
  color:#fff;
}

.submenu-h2{
  font-size:16px;
  margin: 25px 0 5px 0;
  text-align: left;
  color:#494949;
}
.text-vw-h2 {
  font-size:16px;
  margin: 5px 0 5px 0;
  text-align: left;
  color:#44617b;
}
.text-vw-h1{
  font-size:20px;
  margin: 5px 0 5px 0;
  text-align: left;
  color:#44617b;
}
.text-vw-h3{
  font-size:18px;
  margin: 5px 0 5px 0;
  text-align: left;
  color:#44617b;
}
.text-vw-p{
  font-size:15px;
  text-align: left;
}
.text-vw-th{
  font-size:18px;
  margin: 5px 0 5px 0;
  text-align: left;
  color:#44617b;
}
.next_topic{
  font-size:13px;
  margin: 5px 0 5px 0;
  text-align: right;
  color:#44617b;
}
.text-vw-h2-cent{
  font-size:16px;
  margin: 5px 0 5px 0;
  text-align: center;
  color:#44617b;
}
.text-vw-p-cent{
  font-size:12px;
  margin: 2px 0 5px 0;
  text-align: center;
  color:#44617b;
}

.social_item { float:right; }
.social_google { margin-right:-13px; }

.effect h1 {
  height: 120px;
  padding: 20px;
  font-size: 100px;
  transition: .8s;
}
.effect p {
  margin: auto;
  transition: .8s;
  transition-delay: .8s;
}



.DSmenu {
width:300px; 
background:#FFF; 
-webkit-transform:translateX(-300px); 
transform:translateX(-300px); 
-webkit-transition:ease .5s;
transition:ease .5s;
position:absolute; 
position:fixed; 
top:0; 
left:0;
z-index:9999;
}
.DSmenu.action {
width:300px; 
height:600px;
background:#FFF; 
-webkit-transform:translateX(0);
transform:translateX(0); 
}
.DSmenu .DSbtn {
position:absolute; top:0;
right:-50px; 
background:#FFC800;
width:50px; 
height:50px; 
-webkit-transition:ease .5s;
transition:ease .5s;
cursor:pointer;
}


.section {
-webkit-transition:ease .5s;
transition:ease .5s; 
}
.section.blur {
opacity:0.25;
transform:translateX(50px);
-webkit-filter: blur(5px);
filter: blur(5px);
}




 
.page-top
{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
 
.move-page-top
{
	display: block ;
	width: 170px ;
	height: 170px ;

	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;
	z-index:99;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

.move-page-top:hover
{
	opacity: 0.85 ;
}