Added sass and changed basic structure

Many things to do.

modules/card/_card_module.scss

@@ -0,0 +1,105 @@
+// Custom extends and mixins
+// ------------------------------------------------------------------------------
+@import "mixins";
+@import "extends";
+
+// Card module styles
+// ------------------------------------------------------------------------------
+
+.card_body {
+  .bkgBox {
+      transition-duration: 800ms;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      vertical-align: top;
+      z-index: -1;
+  }
+
+  .bkgBox > svg {
+      position: relative;
+  }
+
+  .wrapperBox {
+      display: -webkit-box;
+      display: -webkit-flex;
+      display: -moz-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+      -webkit-align-items: center;
+      -moz-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      -webkit-box-pack: center;
+      -webkit-justify-content: center;
+      -moz-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center;
+      height: 100%;
+  }
+
+  #content {
+      position: relative;
+      padding: 64px 64px 24px 64px;
+      border: 1px solid #FFF;
+      background-color: #F5F5F5;
+      z-index: 40;
+  }
+
+  h1 {
+      margin: 16px 0;
+      color: #1E1E1E;
+      font-family: $primary_font_family;
+      font-size: 24px;
+      line-height: 1.4em;
+      font-weight: normal;
+  }
+
+  p {
+      margin-top: 0;
+      margin-bottom: 16px;
+      font-family: $primary_font_family;
+      font-size: 12px;
+      line-height: 1.4em;
+  }
+
+  .full {
+      position: absolute;
+      width: 128px;
+      height: 128px;
+      top: 16px;
+      left: 16px;
+      background-color: #fff;
+  }
+
+  .mark {
+      float: left;
+      width: 32px;
+      height: 32px;
+      margin-top: 16px;
+  }
+
+  .marked {
+      padding-left: 1em;
+      text-indent: -1em;
+      text-align: center;
+  }
+
+  .marked:before { content: "*\0000a0" }
+
+  .decent { color: #666 }
+
+  a {
+      color: #000;
+      text-decoration: none;
+  }
+      a:hover {
+          color: #F4F9FA;
+          background-color: #0C85FF;
+          text-decoration: none;
+      }
+}