/*
==================================================

    CSS File Name - user.scss
    Last-updated: 2017-09-13
    
    +1: Utils
    +2: Public
    +3: Main
    +4: MainBody

==================================================
*/
/*--------------------------------------------------
    +1: Utils
==================================================*/
/*
==================================================

    CSS File Name - variable.css
    Last-updated: 2016-05-18

    +1: Media queries breakpoints
    +2: Grid system
    +3: Colors

==================================================
*/
/*--------------------------------------------------
    +1: variables
==================================================*/
/*--------------------------------------------------
    +2: Grid system
==================================================*/
/*--------------------------------------------------
    +3: Navbar
==================================================*/
/*--------------------------------------------------
    +3: Colors
==================================================*/
/*
==================================================

    CSS File Name - mixins.css
    Last-updated: 2016-05-26

    +1: Framework grid generation
    +2: Grid system
    +3: Responsive utilities
    +4: Clearfix
    +5: Layout

==================================================
*/
/*--------------------------------------------------
    +1: Framework grid generation
==================================================*/
/*--------------------------------------------------
    +2: Grid system
==================================================*/
/*--------------------------------------------------
    +3: Responsive utilities
==================================================*/
/*--------------------------------------------------
    +4: Clearfix
==================================================*/
/*--------------------------------------------------
    +5: Layout
==================================================*/
/*--------------------------------------------------
    +2: Public
==================================================*/
a {
  text-decoration: none;
  outline: none; }
  a:link, a:visited, a:hover, a:active {
    text-decoration: none; }

/*--------------------------------------------------
    +3: Main
==================================================*/
.main {
  background: #003262;
  background-image: -webkit-linear-gradient(bottom, #003262, #165f85);
  background-image: -moz-linear-gradient(bottom, #003262, #165f85);
  background-image: -o-linear-gradient(bottom, #003262, #165f85);
  background-image: -ms-linear-gradient(bottom, #003262, #165f85);
  background-image: linear-gradient(to top, #003262, #165f85); }
  .mainContent {
    min-height: 600px;
    background: url("../images/bgi-special-main.png") no-repeat 50% 50%; }
    .mainContent p {
      padding-top: 175px;
      font-size: 42px;
      line-height: 1.6;
      color: #fff;
      text-shadow: 0 4px rgba(12, 44, 72, 0.2); }
      .mainContent p strong {
        display: block;
        font-size: 60px; }
      .mainContent p span {
        color: #efe81e; }
  .mainBottom {
    position: relative;
    min-height: 50px;
    background: #fff url("../images/icon-special-main-bottom.png") no-repeat 50% 100%; }
    .mainBottom i {
      position: absolute;
      left: 50%;
      bottom: 21px;
      width: 54px;
      height: 37px;
      margin-left: -27px;
      background: url("../images/icon-special-main-arrow.png") no-repeat 50% 50%; }

/*--------------------------------------------------
    +4: MainBody
==================================================*/
.mainBody {
  padding-bottom: 100px; }
  .mainBody h1 {
    margin-top: 50px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADAgMAAADTpqbbAAAACVBMVEX////Z2dmysrKhnztlAAAAEUlEQVQI12OQZGBIYWAIYAAAA2UAztiIZP4AAAAASUVORK5CYII=") repeat-x 50% 50%;
    font-weight: bold;
    font-size: 30px;
    color: #1e1e1e;
    text-align: center; }
    .mainBody h1 span {
      display: inline-block;
      padding: 0 .75em;
      background-color: #fff; }
  .mainBody .special-cell {
    margin-top: 50px; }
    .mainBody .special-cell p img {
      width: 100%;
      background-color: #ccc; }
    .mainBody .special-cell p a {
      display: inline-block;
      padding: 12px 58px 12px 26px;
      font-size: 16px;
      background: url("../images/icon-user-arrow.png") no-repeat 80% 16px;
      border: 1px solid #363636;
      color: #333; }
      .mainBody .special-cell p a:hover {
        background-color: #a51a30;
        background-position: 80% -11px;
        border-color: #a51a30;
        color: #fff; }
    .mainBody .special-cell dl {
      padding: 10px 0; }
      .mainBody .special-cell dl dt {
        padding: 10px 0;
        font-weight: bold;
        font-size: 20px;
        color: #333; }
      .mainBody .special-cell dl dd {
        padding: 10px 0;
        color: #666; }