body{ font-size:12px; color:#8b8b8b; background-color:#fff; font-family:Arial, Helvetica, sans-serif;padding:0;margin:0;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ ? Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* other */
}

h1 {margin-top:30px;margin-left:15px;margin-bottom:20px;color:#333;font-weight:700;font-size:22px;text-align:left;font-family:Arial;} 
h2 {margin-top:30px;margin-left:15px;margin-bottom:10px;color:#333;font-weight:700;font-size:18px;text-align:left;font-family:Arial;}
h3 {color:#38d;font-size:18px;text-align:left;font-family:Arial;margin-top:40px;margin-left:90px;}

.title_box{
  top:20px;
  left:12%;
  width:400px;
  height:280px;
  background:#222;
  color:#fff;
  opacity: 0.7;
  filter: alpha(Opacity=70);
  z-index: 10;
  position:absolute;
}
.title_box .title_text{
  margin-top:35px;
  margin-left:30px;
  margin-right:20px;
  font-size:2.5rem;
  text-align:left;
}
.title_text .step_one{
    font-size:1.2rem;
    margin-top:20px;
}
.title_text .step_two{
    font-size:1.2rem;
    margin-top:40px;
}

.step_two a {
text-decoration:none;
margin-right:5px;
color:#fe4;
}
.step_two a:hover {
  color:#c00;
}
.step_two img {
margin-left:0px;
margin-right:15px;
width:30px;
}

.content_head{
  width:100%;
  background:#394242;
}
.content_head .content_img{
  margin-top:0;
  margin-left:33%;
  height: 400px;
  width:auto;
  display:block;
  z-index: 0;
}

@media screen and (max-width: 900px) {
.content_head .content_img
{
  margin-top:0;
  margin-left:10%;
  height: 400px;
  width:auto;
  display:block;
  z-index: 0;
}

.title_box{
  top:20px;
  left:5%;
  width:400px;
  height:280px;
  background:#222;
  color:#fff;
  opacity: 0.7;
  filter: alpha(Opacity=70);
  z-index: 10;
  position:absolute;
}
}

@media screen and (max-width: 640px) {
.content_head .content_img
{
  margin-top:0;
  margin-left:5%;
  width:90%;
  height:auto;
  display:block;
  z-index: 0;
}

.title_box{
  top:10px;
  left:0;
  width:300px;
  height:160px;
  background:#222;
  color:#fff;
  opacity: 0.7;
  filter: alpha(Opacity=70);
  z-index: 10;
  position:absolute;
}

.title_box .title_text{
  margin-top:10px;
  margin-left:20px;
  margin-right:10px;
  font-size:2.0rem;
  text-align:left;
}

.title_text .step_one{
    font-size:1.0rem;
    margin-top:10px;
}

.title_text .step_two{
    font-size:0.9rem;
    margin-top:20px;
}
}

.ban_box{
  margin-top:2px;
  width:100%;
/*  margin-left: auto;
  margin-right: auto;*/
}
.ban_box img {
display: block;
width: 90%;
max-width: 450px;
height: auto;
margin: auto;
margin-top:40px;
border-color:#888;
}

.page_txt {margin-top: 0px;margin-left:60px;margin-right:20px;/*text-align:justify;*/text-align:left;
text-indent:30px;font-size:17px;font-family:Arial;color:#333;padding-bottom: 20px;line-height: 1.5;}

.page_txt a {
text-decoration:none;
white-space: nowrap;
color:#14c;
}
.page_txt a:hover {
  color:#c00;
}

.page_txt img {
margin-top:0px;
margin-left:10px;
margin-right:10px;
width:30px;
}

@media screen and (max-width: 800px) {
.page_txt {margin-left: 20px;line-height: 1.3;font-size:16px;}
}

@media screen and (max-width: 640px) {
.page_txt {margin-left: 10px;}
}