@charset "utf-8";
#transfer        { margin-top: 20px; }
#transfer header { margin: 0 auto; }
#footer          { margin-top: 0px; }
.gray            { background-color: #f2f2f2; margin-top: 0px; margin-bottom: 0px; padding: 0; }
.container.gray  { max-width: 960px;  margin-top: 20px; }

h1 { max-width: 960px; margin: 0 auto;}
h2 { margin-bottom: 25px; padding-left: 10px; border-left: 3px solid #0080ff; }
h3 { font-size: 14px; padding-left: 5px !important; padding-right: 5px !important; font-weight: bold; margin-bottom: 0px;}
h4 { font-weight: bold;}
h3,p { line-height: 1.7em;}
section.about,section.canDo,section.model,section.step,section.attention,section.otherMethods { background-color: #fff; margin: 0 50px;}
section.about { margin-top: 35px; }
section.step  { padding-bottom: 20px;}
section.otherMethods  { padding-bottom: 60px;}
section.canDo .col-sm-8 { padding-right: 0 !important; padding-left: 14px !important; }
section.canDo .col-sm-4 { padding-left: 0 !important; }

section.about .list        { text-align: center; margin-bottom: 30px;}
section.about .list figure { display: inline-block; margin: 0 20px;}

.btn { border-radius: 0px;}
.btn-primary{ background-color:#0080ff;border-color:#0080ff;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{ background-color:#64b2ff;border-color:#64b2ff;}

ul.indent1.small,
ul.indent2.small{ list-style: none;}

section.step h4 span { color: #0080ff; display: block; margin-bottom: 10px;}


/* Tab */
#transfer .nav                   { margin:20px 0 40px; }
#transfer .nav-tabs>li           { width: 50%; background: none !important;}
#transfer .nav-tabs>li a         { background-color:#eee; color: #999;}
#transfer .nav-tabs>li.active a  { background-color:#fff; color: #000;}
.nav-tabs>li.open>a, .nav-tabs>li.active>a { border-color:#ccc !important; border-bottom-color:#fff!important;}
/* /Tab */


#tab2 .indent1 .nlist li { list-style: none;}
#tab2 .table      { display: table;}
#tab2 .table-c { display:table-cell;}


.abs-br                 { position: absolute; right: 5px; bottom: 5px; color: #fff !important;}
.btn .sprite-icon-blank {background-image: url(../img/icon-blank.png) !important; background-position: 0 0 !important; }


img.w-step { max-width: 303px;}

@media screen and (min-width:978px) {
h2 { font-size: 240%;}
section {  padding: 10px 45px 5px 45px;}

.container .canDo figure { margin-top: 20px; margin-bottom: 0px; padding-left: 5px; padding-right: 5px;}
hr { width: 100%;  border-bottom: 1px solid #ccc; margin-top: 25px !important;}
}


@media screen and (min-width: 768px) and (max-width: 979px) {
h1 { max-width: 768px;}
h1 img { width: 100%;}
h3 {margin-top: 0px;}
.col-xs-3 { width: 12% !important; padding: 2px}
section.about,section.canDo,section.model,section.step,section.attention,section.otherMethods { background-color: #fff; margin: 20px 10px -20px; padding:20px 10px 10px 10px;}
.canDo .row   { min-height: 75px;}
}


@media screen and (max-width:767px) {
#transfer { margin-top: 0px; }
.container.gray { margin-top: 10px ;}
h1 img { width: 100%;}
h2 { font-size: 160%;}
section.about figure { margin-bottom: 10px;}
section.canDo .container figure { text-align: left;}
section { padding: 10px 2px 20px 2px;}
section.about,section.canDo,section.model,section.step,section.attention,section.otherMethods {margin: 0 20px;}
section.about .list figure { width: auto; margin: auto 10px;}

section.step  { padding-bottom: 0px;}
section.otherMethods  { padding-bottom: 0px;}

section.about .list figure { display: inline-block; margin: 0 ;}

.col-xs-3 { width: 24% !important; padding: 0px;}
.gray { background-color: #fff;}
.container figure { width: 85%; margin-left: 5%;}

.container .canDo figure { margin-top: 20px; margin-bottom: 0px; margin-left: 0px; padding-left: 0px; padding-right: 0px;}
.btn     { padding: 5px; margin-bottom: 30px; }
.btn .sprite-icon-blank { background-size:auto;}

#transfer .nav            { margin:20px 0 30px;}
#transfer .nav-tabs       { border-bottom:1px solid #ddd;}
#transfer .nav-tabs>li>a  { padding: 0 10px;}
}

.otherMethods-banner {
  text-align: center;
}
.otherMethods-banner a {
  transition: 0.2s;
}
.otherMethods-banner img {
  max-width: 525px;
  max-height: 125px;
  width: 100%;
  height: auto;
  border: solid 1px #cccccc;
}
.otherMethods-banner a:hover {
  opacity: 0.8;
}