* {
  box-sizing: border-box;
}
h1{
font-size: 28px;
     }
.marked{ background-color:#ff0;}
.content{margin:0 auto;width:960px;}

.main {
  float: left;
  width: 66%;
  padding: 1px;
  margin-top: 15px;
  overflow: hidden;
}
.main_header {
  float: left;
  width: 100%;
  padding: 5px;
  overflow: hidden;
  text-align:center;
}
.main_header_ad {
  float: left;
  width: 100%;
  padding: 10px;
  margin-top: 0px;
  overflow: hidden;
  text-align:center;
}
.right {
  float: left;
  width: 33%;
  padding: 1px;
  margin-top: 16px;
  overflow: hidden;
}
.right_ad {
  float: left;
  width: 100%;
  padding: 1px;
  overflow: hidden;
}
@media only screen and (max-width:800px) {
  .main {
    width: 100%;
    padding: 0;
  }
  .right {
    width: 100%;
	text-align:center;
  }
  .content {width: 100%;}
}

@media only screen and (max-width:500px) {
  .menu, .main, .right {
    width: 100%;
  }
	.right {
	width: 100%;
	text-align:center;
  }
  .content {width: 100%;}
}

.skey{padding: 20px;font-size: 18px;color: #696969;font-family: "inherit","Raleway","Malgun Gothic",sans-serif;font-weight:bold; }
.skey2{font-size: 28px;color: #000000;font-family: "inherit","Raleway","Malgun Gothic",sans-serif;font-weight:bold;}