body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#topgrid
{
   background-color: #002C58;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}
#topgrid-grid
{
   display: grid;
   margin-right: auto;
   margin-left: auto;
   max-width: 1280px;
   width: 100%;
   font-size: 0;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: auto auto;
   grid-template-areas:
      "header slogan"
      "menu menu";
}
#topgrid .header
{
   display: flex;
   grid-area: header;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#topgrid .slogan
{
   display: flex;
   grid-area: slogan;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#topgrid .menu
{
   display: flex;
   grid-area: menu;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#wb_topmenu
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: #002C58;
   margin: 0;
   text-align: center;
   position: relative;
   z-index: 1111 !important;
}
#wb_topmenu ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
    font-size: 0;
   position: relative;
   display: inline-block;
}
#wb_topmenu li
{
   display: inline-block;
   margin: 0;
   padding: 0px 8px 0px 0px;
}
#wb_topmenu a
{
   display: block;
   color: #FFFFFF;
   border: 0px solid transparent;
   border-radius: 0px;
   background-color: #002C58;
   background-image: none;
   font-family: Cabin;
   font-weight: normal;
   font-size: 17px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
   vertical-align: middle;
}
#wb_topmenu > ul > li > a
{
   height: 32px;
   line-height: 32px;
   padding: 0px 5px 0px 5px;
}
#wb_topmenu li:hover a, #wb_topmenu a:hover, #wb_topmenu .active
{
   color: #FFD700;
   border: 1px solid transparent;
   background-color: #002C58;
   background-image: none;
}
#wb_topmenu li.firstmain
{
   padding-left: 0px;
}
#wb_topmenu li.lastmain
{
   padding-right: 0px;
}
#wb_topmenu br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
@media all and (max-width:700px) 
{
#wb_topmenu ul
{
   width: 100%;
}
#wb_topmenu li
{
   padding: 0 0px 8px 0px !important;
   width: 100% !important;
}
#wb_topmenu a
{
   box-sizing: border-box;
   float: none !important;
   width: 100% !important;
}
}
#wb_slogan
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 50px 0 0 ;
   padding: 10px 0 0 0;
   text-align: right;
}
#slogan
{
   color: #FFFFFF;
   font-family: Cabin;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   margin: 0;
   text-align: right;
   text-transform: none;
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: url('images/tutorial-header.jpg');
   background-repeat: no-repeat;
   background-position: right center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
}
#LayoutGrid1
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1280px;
}
#LayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .row > .col-1
{
   float: left;
}
#LayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#LayoutGrid1:before,
#LayoutGrid1:after,
#LayoutGrid1 .row:before,
#LayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid1:after,
#LayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 0px)
{
#LayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#hero
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   padding: 0;
}
#hero-grid
{
   display: grid;
   margin-right: auto;
   margin-left: auto;
   max-width: 1280px;
   width: 100%;
   font-size: 0;
   grid-column-gap: 20px;
   grid-row-gap: 20px;
   grid-template-columns: 2% 1fr 1fr 1fr 2%;
   grid-template-rows: auto auto auto auto auto auto;
   grid-template-areas:
      "lpad introduction introduction introduction rpad"
      "lpad learn-how-to-use learn-how-to-use learn-how-to-use rpad"
      "lpad vid1 vid2 vid3 rpad"
      "lpad vid4 vid5 vid6 rpad"
      "lpad vid7 vid8 vid9 rpad"
      "lpad guidance guidance guidance rpad";
}
#hero .lpad
{
   display: flex;
   grid-area: lpad;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .introduction
{
   display: flex;
   grid-area: introduction;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .rpad
{
   display: flex;
   grid-area: rpad;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .learn-how-to-use
{
   display: flex;
   grid-area: learn-how-to-use;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: flex-start;
   align-content: flex-start;
}
#hero .vid1
{
   display: flex;
   grid-area: vid1;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid2
{
   display: flex;
   grid-area: vid2;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid3
{
   display: flex;
   grid-area: vid3;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid4
{
   display: flex;
   grid-area: vid4;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid5
{
   display: flex;
   grid-area: vid5;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid6
{
   display: flex;
   grid-area: vid6;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid7
{
   display: flex;
   grid-area: vid7;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid8
{
   display: flex;
   grid-area: vid8;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid9
{
   display: flex;
   grid-area: vid9;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .guidance
{
   display: flex;
   grid-area: guidance;
   background-color: transparent;
   background-image: url('images/tutorial-header.jpg');
   background-repeat: repeat;
   background-position: right center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 8px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card01
{
   display: grid;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DCDCDC;
   border-radius: 10px;
   box-shadow: 2px 2px 3px 2px #DCDCDC;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font-size: 0;
   grid-column-gap: 5px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card01 .img
{
   display: flex;
   grid-area: img;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card01 .Title
{
   display: flex;
   grid-area: Title;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card01 .detail
{
   display: flex;
   grid-area: detail;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card01 .time
{
   display: flex;
   grid-area: time;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#card01 .button
{
   display: flex;
   grid-area: button;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 30px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Text1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 5px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#wb_Text2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Shape1_text
{
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 2.19%;
   top: 12%;
   width: 94.89%;
   height: 72%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape1
{
   margin: 0 0 5px 0 ;
   vertical-align: top;
}
#card02
{
   display: grid;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DCDCDC;
   border-radius: 10px;
   box-shadow: 2px 2px 3px 2px #DCDCDC;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font-size: 0;
   grid-column-gap: 5px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card02 .img
{
   display: flex;
   grid-area: img;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card02 .Title
{
   display: flex;
   grid-area: Title;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card02 .detail
{
   display: flex;
   grid-area: detail;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card02 .time
{
   display: flex;
   grid-area: time;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#card02 .button
{
   display: flex;
   grid-area: button;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 30px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text3 div
{
   text-align: left;
}
#wb_Text3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 5px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text4 div
{
   text-align: left;
}
#wb_Text4
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Shape2_text
{
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 2.19%;
   top: 12%;
   width: 94.89%;
   height: 72%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape2
{
   margin: 0 0 5px 0 ;
   vertical-align: top;
}
#card-featured
{
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #C0C0C0;
   border-radius: 10px;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}
#card-featured-grid
{
   display: grid;
   margin-right: auto;
   margin-left: auto;
   max-width: 1280px;
   width: 100%;
   font-size: 0;
   grid-column-gap: 10px;
   grid-template-columns: 65% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card-featured .img
{
   display: flex;
   grid-area: img;
   background-color: transparent;
   background-image: url('images/tutorial-introduction.jpg');
   background-repeat: no-repeat;
   background-position: left center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: flex-start;
   align-content: flex-start;
}
#card-featured .Title
{
   display: flex;
   grid-area: Title;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card-featured .detail
{
   display: flex;
   grid-area: detail;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card-featured .time
{
   display: flex;
   grid-area: time;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#card-featured .button
{
   display: flex;
   grid-area: button;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#wb_Text9 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 10px 40px 10px 10px;
   margin: 0;
   text-align: left;
}
#wb_Text9 div
{
   text-align: left;
}
#wb_Text9
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text10 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 10px 20px;
   margin: 0;
   text-align: left;
}
#wb_Text10 div
{
   text-align: left;
}
#wb_Text10
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Shape4_text
{
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 1.31%;
   top: 8.11%;
   width: 96.94%;
   height: 81.08%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#Shape4
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape4
{
   margin: 0 0 15px 0 ;
   vertical-align: top;
}
#wb_Text11 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 15px 0 0 10px;
   margin: 0;
   text-align: left;
}
#wb_Text11 div
{
   text-align: left;
}
#wb_Text11
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#card03
{
   display: grid;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DCDCDC;
   border-radius: 10px;
   box-shadow: 2px 2px 3px 2px #DCDCDC;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font-size: 0;
   grid-column-gap: 5px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card03 .img
{
   display: flex;
   grid-area: img;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card03 .Title
{
   display: flex;
   grid-area: Title;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card03 .detail
{
   display: flex;
   grid-area: detail;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card03 .time
{
   display: flex;
   grid-area: time;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#card03 .button
{
   display: flex;
   grid-area: button;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 30px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text7 div
{
   text-align: left;
}
#wb_Text7
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text8 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 5px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text8 div
{
   text-align: left;
}
#wb_Text8
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Shape3_text
{
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 2.19%;
   top: 12%;
   width: 94.89%;
   height: 72%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape3
{
   margin: 0 0 5px 0 ;
   vertical-align: top;
}
#card04
{
   display: grid;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DCDCDC;
   border-radius: 10px;
   box-shadow: 2px 2px 3px 2px #DCDCDC;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font-size: 0;
   grid-column-gap: 5px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card04 .img
{
   display: flex;
   grid-area: img;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card04 .Title
{
   display: flex;
   grid-area: Title;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card04 .detail
{
   display: flex;
   grid-area: detail;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card04 .time
{
   display: flex;
   grid-area: time;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#card04 .button
{
   display: flex;
   grid-area: button;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#wb_Text12 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 20px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text12 div
{
   text-align: left;
}
#wb_Text12
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text13 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 5px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text13 div
{
   text-align: left;
}
#wb_Text13
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Shape5_text
{
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 2.19%;
   top: 12%;
   width: 94.89%;
   height: 72%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#Shape5
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape5
{
   margin: 0 0 5px 0 ;
   vertical-align: top;
}
#wb_Image6
{
   margin: 0;
   vertical-align: top;
}
#Image6
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 573px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Image7
{
   margin: 0;
   vertical-align: top;
}
#Image7
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 573px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#card05
{
   display: grid;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DCDCDC;
   border-radius: 10px;
   box-shadow: 2px 2px 3px 2px #DCDCDC;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font-size: 0;
   grid-column-gap: 5px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card05 .img
{
   display: flex;
   grid-area: img;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card05 .Title
{
   display: flex;
   grid-area: Title;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card05 .detail
{
   display: flex;
   grid-area: detail;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card05 .time
{
   display: flex;
   grid-area: time;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#card05 .button
{
   display: flex;
   grid-area: button;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#wb_Text14 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 20px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text14 div
{
   text-align: left;
}
#wb_Text14
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text15 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 5px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text15 div
{
   text-align: left;
}
#wb_Text15
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Shape6_text
{
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 2.19%;
   top: 12%;
   width: 94.89%;
   height: 72%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#Shape6
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape6
{
   margin: 0 0 5px 0 ;
   vertical-align: top;
}
#wb_Image8
{
   margin: 0;
   vertical-align: top;
}
#Image8
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 207px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Icon1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0 0 0 5px;
   line-height: 33px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#Icon1
{
   overflow: visible;
   vertical-align: top;
   width: 100%;
   height: 100%;
}
#Icon1
{
   fill: #1C4C8A;
   display: inline-block;
   font-size: 27px;
   vertical-align: middle;
}
#wb_Icon1:hover #Icon1
{
   fill: #1C4C8A;
}
#wb_Text16 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 0 5px;
   margin: 0;
   text-align: left;
}
#Text16-max-width
{
   margin-left: auto !important;
   margin-right: auto !important;
   max-width: 45px;
   width: 100%;
}
#wb_Text16 div
{
   text-align: left;
}
#wb_Text16
{
   display: inline-block;
   margin: 0;
   width: 49px;
   height: 22px;
}
#wb_Icon2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0 0 0 5px;
   line-height: 33px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#Icon2
{
   overflow: visible;
   vertical-align: top;
   width: 100%;
   height: 100%;
}
#Icon2
{
   fill: #1C4C8A;
   display: inline-block;
   font-size: 27px;
   vertical-align: middle;
}
#wb_Icon2:hover #Icon2
{
   fill: #1C4C8A;
}
#wb_Text17 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 0 5px;
   margin: 0;
   text-align: left;
}
#Text17-max-width
{
   margin-left: auto !important;
   margin-right: auto !important;
   max-width: 45px;
   width: 100%;
}
#wb_Text17 div
{
   text-align: left;
}
#wb_Text17
{
   display: inline-block;
   margin: 0;
   width: 49px;
   height: 22px;
}
#wb_Icon3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0 0 0 5px;
   line-height: 33px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#Icon3
{
   overflow: visible;
   vertical-align: top;
   width: 100%;
   height: 100%;
}
#Icon3
{
   fill: #1C4C8A;
   display: inline-block;
   font-size: 27px;
   vertical-align: middle;
}
#wb_Icon3:hover #Icon3
{
   fill: #1C4C8A;
}
#wb_Text18 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 0 5px;
   margin: 0;
   text-align: left;
}
#Text18-max-width
{
   margin-left: auto !important;
   margin-right: auto !important;
   max-width: 45px;
   width: 100%;
}
#wb_Text18 div
{
   text-align: left;
}
#wb_Text18
{
   display: inline-block;
   margin: 0;
   width: 49px;
   height: 22px;
}
#wb_Icon4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0 0 0 5px;
   line-height: 33px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#Icon4
{
   overflow: visible;
   vertical-align: top;
   width: 100%;
   height: 100%;
}
#Icon4
{
   fill: #1C4C8A;
   display: inline-block;
   font-size: 27px;
   vertical-align: middle;
}
#wb_Icon4:hover #Icon4
{
   fill: #1C4C8A;
}
#wb_Text19 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 0 5px;
   margin: 0;
   text-align: left;
}
#Text19-max-width
{
   margin-left: auto !important;
   margin-right: auto !important;
   max-width: 45px;
   width: 100%;
}
#wb_Text19 div
{
   text-align: left;
}
#wb_Text19
{
   display: inline-block;
   margin: 0;
   width: 49px;
   height: 22px;
}
#wb_Icon5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0 0 0 5px;
   line-height: 33px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#Icon5
{
   overflow: visible;
   vertical-align: top;
   width: 100%;
   height: 100%;
}
#Icon5
{
   fill: #1C4C8A;
   display: inline-block;
   font-size: 27px;
   vertical-align: middle;
}
#wb_Icon5:hover #Icon5
{
   fill: #1C4C8A;
}
#wb_Text20 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 0 5px;
   margin: 0;
   text-align: left;
}
#Text20-max-width
{
   margin-left: auto !important;
   margin-right: auto !important;
   max-width: 45px;
   width: 100%;
}
#wb_Text20 div
{
   text-align: left;
}
#wb_Text20
{
   display: inline-block;
   margin: 0;
   width: 49px;
   height: 22px;
}
#wb_Icon6
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0 0 0 5px;
   line-height: 33px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#Icon6
{
   overflow: visible;
   vertical-align: top;
   width: 100%;
   height: 100%;
}
#Icon6
{
   fill: #1C4C8A;
   display: inline-block;
   font-size: 27px;
   vertical-align: middle;
}
#wb_Icon6:hover #Icon6
{
   fill: #1C4C8A;
}
#wb_Text21 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 0 5px;
   margin: 0;
   text-align: left;
}
#Text21-max-width
{
   margin-left: auto !important;
   margin-right: auto !important;
   max-width: 45px;
   width: 100%;
}
#wb_Text21 div
{
   text-align: left;
}
#wb_Text21
{
   display: inline-block;
   margin: 0;
   width: 49px;
   height: 22px;
}
#card06
{
   display: grid;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DCDCDC;
   border-radius: 10px;
   box-shadow: 2px 2px 3px 2px #DCDCDC;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font-size: 0;
   grid-column-gap: 5px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card06 .img
{
   display: flex;
   grid-area: img;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card06 .Title
{
   display: flex;
   grid-area: Title;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card06 .detail
{
   display: flex;
   grid-area: detail;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card06 .time
{
   display: flex;
   grid-area: time;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#card06 .button
{
   display: flex;
   grid-area: button;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#wb_Text22 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 20px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text22 div
{
   text-align: left;
}
#wb_Text22
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text23 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 5px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text23 div
{
   text-align: left;
}
#wb_Text23
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Shape7_text
{
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 2.19%;
   top: 12%;
   width: 94.89%;
   height: 72%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#Shape7
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape7
{
   margin: 0 0 5px 0 ;
   vertical-align: top;
}
#wb_Image9
{
   margin: 0;
   vertical-align: top;
}
#Image9
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 207px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Icon7
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0 0 0 5px;
   line-height: 33px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#Icon7
{
   overflow: visible;
   vertical-align: top;
   width: 100%;
   height: 100%;
}
#Icon7
{
   fill: #1C4C8A;
   display: inline-block;
   font-size: 27px;
   vertical-align: middle;
}
#wb_Icon7:hover #Icon7
{
   fill: #1C4C8A;
}
#wb_Text24 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 0 5px;
   margin: 0;
   text-align: left;
}
#Text24-max-width
{
   margin-left: auto !important;
   margin-right: auto !important;
   max-width: 45px;
   width: 100%;
}
#wb_Text24 div
{
   text-align: left;
}
#wb_Text24
{
   display: inline-block;
   margin: 0;
   width: 49px;
   height: 22px;
}
#wb_Image10
{
   margin: 0;
   vertical-align: top;
}
#Image10
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 573px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Image4
{
   margin: 0;
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 573px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#card07
{
   display: grid;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DCDCDC;
   border-radius: 10px;
   box-shadow: 2px 2px 3px 2px #DCDCDC;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font-size: 0;
   grid-column-gap: 5px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card07 .img
{
   display: flex;
   grid-area: img;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card07 .Title
{
   display: flex;
   grid-area: Title;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card07 .detail
{
   display: flex;
   grid-area: detail;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card07 .time
{
   display: flex;
   grid-area: time;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#card07 .button
{
   display: flex;
   grid-area: button;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#wb_Text25 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 20px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text25 div
{
   text-align: left;
}
#wb_Text25
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text26 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 5px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text26 div
{
   text-align: left;
}
#wb_Text26
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Shape8_text
{
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 2.19%;
   top: 12%;
   width: 94.89%;
   height: 72%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#Shape8
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape8
{
   margin: 0 0 5px 0 ;
   vertical-align: top;
}
#wb_Image1
{
   margin: 0;
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 207px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Icon8
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0 0 0 5px;
   line-height: 33px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#Icon8
{
   overflow: visible;
   vertical-align: top;
   width: 100%;
   height: 100%;
}
#Icon8
{
   fill: #1C4C8A;
   display: inline-block;
   font-size: 27px;
   vertical-align: middle;
}
#wb_Icon8:hover #Icon8
{
   fill: #1C4C8A;
}
#wb_Text27 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 0 5px;
   margin: 0;
   text-align: left;
}
#Text27-max-width
{
   margin-left: auto !important;
   margin-right: auto !important;
   max-width: 45px;
   width: 100%;
}
#wb_Text27 div
{
   text-align: left;
}
#wb_Text27
{
   display: inline-block;
   margin: 0;
   width: 49px;
   height: 22px;
}
#card08
{
   display: grid;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #DCDCDC;
   border-radius: 10px;
   box-shadow: 2px 2px 3px 2px #DCDCDC;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font-size: 0;
   grid-column-gap: 5px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card08 .img
{
   display: flex;
   grid-area: img;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card08 .Title
{
   display: flex;
   grid-area: Title;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card08 .detail
{
   display: flex;
   grid-area: detail;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card08 .time
{
   display: flex;
   grid-area: time;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#card08 .button
{
   display: flex;
   grid-area: button;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#wb_Text28 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 5px 20px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text28 div
{
   text-align: left;
}
#wb_Text28
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text29 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 5px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text29 div
{
   text-align: left;
}
#wb_Text29
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Shape9_text
{
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 2.19%;
   top: 12%;
   width: 94.89%;
   height: 72%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#Shape9
{
   border-width: 0;
   vertical-align: top;
}
#wb_Shape9
{
   margin: 0 0 5px 0 ;
   vertical-align: top;
}
#wb_Icon9
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0 0 0 5px;
   line-height: 33px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#Icon9
{
   overflow: visible;
   vertical-align: top;
   width: 100%;
   height: 100%;
}
#Icon9
{
   fill: #1C4C8A;
   display: inline-block;
   font-size: 27px;
   vertical-align: middle;
}
#wb_Icon9:hover #Icon9
{
   fill: #1C4C8A;
}
#wb_Text30 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 0 5px;
   margin: 0;
   text-align: left;
}
#Text30-max-width
{
   margin-left: auto !important;
   margin-right: auto !important;
   max-width: 45px;
   width: 100%;
}
#wb_Text30 div
{
   text-align: left;
}
#wb_Text30
{
   display: inline-block;
   margin: 0;
   width: 49px;
   height: 22px;
}
#wb_Image12
{
   margin: 0;
   vertical-align: top;
}
#Image12
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 573px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Text31 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 0 20px 0;
   margin: 0;
   text-align: center;
}
#wb_Text31
{
   color: #FFFFFF;
   font-family: Cabin;
   font-weight: normal;
   font-size: 37px;
}
#wb_Text31 div
{
   text-align: center;
}
#wb_Text31
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text32 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 200px 20px 200px;
   margin: 0;
   text-align: center;
}
#wb_Text32
{
   color: #FFFFFF;
   font-family: Cabin;
   font-weight: normal;
   font-size: 21px;
}
#wb_Text32 div
{
   text-align: center;
}
#wb_Text32
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#guidance-grid
{
   display: grid;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font-size: 0;
   grid-template-columns: 120px 375px 1fr 1px 250px;
   grid-template-rows: 15px auto 15px;
   grid-template-areas:
      "icon main text toppad button"
      "icon main text sep button"
      "icon main text bpad button";
}
#guidance-grid .icon
{
   display: flex;
   grid-area: icon;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#guidance-grid .main
{
   display: flex;
   grid-area: main;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid .text
{
   display: flex;
   grid-area: text;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid .toppad
{
   display: flex;
   grid-area: toppad;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#guidance-grid .button
{
   display: flex;
   grid-area: button;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid .sep
{
   display: flex;
   grid-area: sep;
   background-color: #DCDCDC;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid .bpad
{
   display: flex;
   grid-area: bpad;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 25px 0 25px 0;
   margin: 0;
   text-align: left;
}
#wb_Text5 div
{
   text-align: left;
}
#wb_Text5
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 40px 0 0;
   margin: 0;
   text-align: left;
}
#wb_Text6 div
{
   text-align: left;
}
#wb_Text6
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Image5
{
   margin: 0;
   vertical-align: top;
}
#Image5
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 56px;
   height: 56px;
   vertical-align: top;
}
#wb_Image11
{
   margin: 0;
   vertical-align: top;
}
#Image11
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 210px;
   height: 40px;
   vertical-align: top;
}
#footgrid
{
   background-color: #002C58;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}
#footgrid-grid
{
   display: grid;
   margin-right: auto;
   margin-left: auto;
   max-width: 1280px;
   width: 100%;
   font-size: 0;
   grid-template-columns: 1fr;
   grid-template-rows: auto auto;
   grid-template-areas:
      "logo"
      "menu";
}
#footgrid .logo
{
   display: flex;
   grid-area: logo;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#footgrid .menu
{
   display: flex;
   grid-area: menu;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#wb_Image2
{
   margin: 30px 0 0 0 ;
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 264px;
   height: 66px;
   vertical-align: top;
}
#wb_footmenu 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 20px 0 20px 0;
   margin: 0;
   text-align: center;
}
#wb_footmenu div
{
   text-align: center;
}
#wb_footmenu
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_footsub-menu 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 20px 0;
   margin: 0;
   text-align: center;
}
#wb_footsub-menu div
{
   text-align: center;
}
#wb_footsub-menu
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_copyright
{
   margin: 0 0 30px 0 ;
}
#wb_Image3
{
   margin: 20px 0 10px 30px;
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 285px;
   height: 72px;
   vertical-align: top;
}
#wb_slogan480
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0 50px 0 0 ;
   padding: 10px 0 0 0;
   text-align: right;
}
#slogan480
{
   color: #FFFFFF;
   font-family: Cabin;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   margin: 0;
   text-align: right;
   text-transform: none;
}
#wb_Icon1
{
   display: inline-block;
   width: 27px;
   height: 33px;
   text-align: center;
   z-index: 44;
}
#wb_uid5
{
   color: #FFFFFF;
   font-family: "Cabin";
   font-weight: 700;
   font-size: 13px;
}
#wb_Shape1
{
   display: inline-block;
   width: 137px;
   height: 25px;
   z-index: 18;
   position: relative;
}
#wb_Icon6
{
   display: inline-block;
   width: 27px;
   height: 33px;
   text-align: center;
   z-index: 30;
}
#wb_uid4
{
   color: #FFFFFF;
   font-family: "Cabin";
   font-weight: 700;
   font-size: 13px;
}
#wb_Shape2
{
   display: inline-block;
   width: 137px;
   height: 25px;
   z-index: 25;
   position: relative;
}
#wb_uid10
{
   color: #FFFFFF;
   font-family: "Cabin";
   font-weight: 700;
   font-size: 13px;
}
#wb_Image1
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 55;
}
#wb_Icon7
{
   display: inline-block;
   width: 27px;
   height: 33px;
   text-align: center;
   z-index: 51;
}
#wb_Shape3
{
   display: inline-block;
   width: 137px;
   height: 25px;
   z-index: 32;
   position: relative;
}
#wb_uid3
{
   color: #FFFFFF;
   font-family: "Cabin";
   font-weight: 700;
   font-size: 13px;
}
#wb_Image2
{
   display: inline-block;
   width: 264px;
   height: 66px;
   z-index: 131;
}
#wb_Icon4
{
   display: inline-block;
   width: 27px;
   height: 33px;
   text-align: center;
   z-index: 16;
}
#wb_uid2
{
   color: #FFFFFF;
   font-family: "Cabin";
   font-weight: 700;
   font-size: 19px;
}
#wb_copyright
{
   display: block;
   width: 100%;
   z-index: 134;
}
#wb_Icon5
{
   display: inline-block;
   width: 27px;
   height: 33px;
   text-align: center;
   z-index: 23;
}
#wb_uid1
{
   color: #FFFFFF;
}
#cph
{
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   background-color: #FFFFFF;
   background-image: none;
   z-index: 136;
}
#wb_Image3
{
   display: inline-block;
   width: 285px;
   height: 72px;
   z-index: 0;
}
#wb_Image4
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 13;
}
#wb_uid0
{
   color: #FFFFFF;
}
#wb_Image5
{
   display: inline-block;
   width: 56px;
   height: 56px;
   z-index: 69;
}
#Shape1
{
   width: 137px;
   height: 25px;
}
#wb_Icon8
{
   display: inline-block;
   width: 27px;
   height: 33px;
   text-align: center;
   z-index: 58;
}
#wb_Image6
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 34;
}
#Shape2
{
   width: 137px;
   height: 25px;
}
#wb_Icon9
{
   display: inline-block;
   width: 27px;
   height: 33px;
   text-align: center;
   z-index: 65;
}
#wb_Shape8
{
   display: inline-block;
   width: 137px;
   height: 25px;
   z-index: 60;
   position: relative;
}
#Shape3
{
   width: 137px;
   height: 25px;
}
#wb_Image7
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 27;
}
#wb_Shape9
{
   display: inline-block;
   width: 137px;
   height: 25px;
   z-index: 67;
   position: relative;
}
#Shape4
{
   width: 229px;
   height: 37px;
}
#wb_Image8
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 41;
}
#Shape5
{
   width: 137px;
   height: 25px;
}
#wb_Image9
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 48;
}
#Shape6
{
   width: 137px;
   height: 25px;
}
#Shape7
{
   width: 137px;
   height: 25px;
}
#wb_Shape4
{
   display: inline-block;
   width: 229px;
   height: 37px;
   z-index: 10;
   position: relative;
}
#wb_uid9
{
   color: #FFFFFF;
   font-family: "Cabin";
   font-weight: 700;
   font-size: 13px;
}
#wb_Shape5
{
   display: inline-block;
   width: 137px;
   height: 25px;
   z-index: 39;
   position: relative;
}
#wb_slogan
{
   display: block;
   width: calc(100% - 50px);
   z-index: 2;
}
#copyrightnotice
{
   color: #FFFFFF;
   font-size: 13px;
   font-family: "Cabin";
   font-weight: normal;
   font-style: normal;
   text-align: center;
   text-decoration: none;
}
#Shape8
{
   width: 137px;
   height: 25px;
}
#wb_uid8
{
   color: #FFFFFF;
   font-family: "Cabin";
   font-weight: 700;
   font-size: 13px;
}
#wb_Shape6
{
   display: inline-block;
   width: 137px;
   height: 25px;
   z-index: 46;
   position: relative;
}
#wb_Icon2
{
   display: inline-block;
   width: 27px;
   height: 33px;
   text-align: center;
   z-index: 37;
}
#Shape9
{
   width: 137px;
   height: 25px;
}
#wb_Shape7
{
   display: inline-block;
   width: 137px;
   height: 25px;
   z-index: 53;
   position: relative;
}
#wb_uid7
{
   color: #FFFFFF;
   font-family: "Cabin";
   font-weight: 700;
   font-size: 13px;
}
#wb_Icon3
{
   display: inline-block;
   width: 27px;
   height: 33px;
   text-align: center;
   z-index: 8;
}
#wb_topmenu
{
   display: block;
   width: 100%;
   z-index: 3;
}
#wb_Image11
{
   display: inline-block;
   width: 210px;
   height: 40px;
   z-index: 72;
}
#wb_Image12
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 62;
}
#wb_uid6
{
   color: #FFFFFF;
   font-family: "Cabin";
   font-weight: 700;
   font-size: 13px;
}
#wb_Image10
{
   display: block;
   width: 100%;
   height: auto;
   z-index: 20;
}
#wb_slogan480
{
   display: none;
   width: calc(100% - 50px);
   z-index: 1;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#topgrid
{
   visibility: visible;
   display: grid;
}
#topgrid-grid
{
   height: auto;
}
#topgrid
{
   margin: 0;
}
#topgrid-grid
{
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: auto auto;
   grid-template-areas:
      "header slogan"
      "menu menu";
}
#topgrid .header
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#topgrid .menu
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#topgrid .slogan
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#wb_topmenu
{
   width: 1024px;
   height: 35px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   text-align: center;
}
#wb_topmenu li
{
}
#wb_topmenu a
{
   color: #FFFFFF;
   border: 0px solid transparent;
   border-radius: 0px;
   background-color: #002C58;
   background-image: none;
   font-family: Cabin;
   font-weight: normal;
   font-size: 17px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
}
#wb_topmenu > ul > li > a
{
   height: 32px;
   line-height: 32px;
}
#wb_topmenu li:hover a, #wb_topmenu a:hover, #wb_topmenu .active
{
   color: #FFD700;
   border: 1px solid transparent;
   background-color: #002C58;
   background-image: none;
}
#wb_topmenu li
{
   padding: 0px 8px 0px 0px;
}
#wb_slogan
{
   width: calc(100% - 50px);
   visibility: visible;
   display: block;
   margin: 0 50px 0 0 ;
   padding: 10px 0 0 0;
   font-size: 19px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_slogan
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: right;
}
#slogan
{
   color: #FFFFFF;
   font-family: Cabin;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   text-align: right;
   text-transform: none;
}
#cph
{
   left: 0px;
   top: 137px;
   width: 1024px;
   height: 421px;
   visibility: visible;
   display: inline;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 20px;
}
#LayoutGrid1
{
   height: auto;
   padding: 0 15px 0 15px;
}
#LayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid1 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#hero
{
   visibility: visible;
   display: grid;
}
#hero-grid
{
   height: auto;
}
#hero
{
   margin: 0 0 20px 0 ;
}
#hero-grid
{
   grid-column-gap: 10px;
   grid-row-gap: 10px;
   grid-template-columns: 1% 1fr 1fr 1fr 1%;
   grid-template-rows: auto auto auto auto auto auto;
   grid-template-areas:
      "lpad introduction introduction introduction rpad"
      "lpad learn-how-to-use learn-how-to-use learn-how-to-use rpad"
      "lpad vid1 vid2 vid3 rpad"
      "lpad vid4 vid5 vid6 rpad"
      "lpad vid7 vid8 vid9 rpad"
      "lpad guidance guidance guidance rpad";
}
#hero .guidance
{
   display: flex;
   background-color: transparent;
   background-image: url('images/tutorial-header.jpg');
   background-repeat: no-repeat;
   background-position: right center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 8px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .introduction
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .lpad
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .learn-how-to-use
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: flex-start;
   align-content: flex-start;
}
#hero .rpad
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid1
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid2
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid3
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid4
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid5
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid6
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid7
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid8
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid9
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#card01
{
   visibility: visible;
   display: grid;
}
#card01
{
   height: auto;
}
#card01
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card01 .img
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card01 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card01 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card01 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card01 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Text1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text1
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text2
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text2
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape1
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#card02
{
   visibility: visible;
   display: grid;
}
#card02
{
   height: auto;
}
#card02
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card02 .img
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card02 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card02 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card02 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card02 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: flex-start;
}
#wb_Text3
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text3
{
   margin: 0;
   padding: 5px 30px 0 0;
}
#wb_Text4
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text4
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape2
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#card-featured
{
   visibility: visible;
   display: grid;
}
#card-featured-grid
{
   height: auto;
}
#card-featured
{
   margin: 0;
}
#card-featured-grid
{
   grid-column-gap: 10px;
   grid-row-gap: 0px;
   grid-template-columns: 1fr;
   grid-template-rows: auto auto 299px auto auto;
   grid-template-areas:
      "Title"
      "detail"
      "img"
      "time"
      "button";
}
#card-featured .img
{
   display: flex;
   background-color: transparent;
   background-image: url('images/tutorial-introduction.jpg');
   background-repeat: no-repeat;
   background-position: left center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#card-featured .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card-featured .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card-featured .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card-featured .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card-featured ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Text9
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text9
{
   margin: 0;
   padding: 10px 40px 10px 20px;
}
#wb_Text10
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text10
{
   margin: 0;
   padding: 0 0 10px 20px;
}
#wb_Shape4
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 15px 0 ;
}
#wb_Text11
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text11
{
   margin: 0;
   padding: 15px 0 0 10px;
}
#card03
{
   visibility: visible;
   display: grid;
}
#card03
{
   height: auto;
}
#card03
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card03 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card03 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card03 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card03 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card03 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: flex-start;
}
#wb_Text7
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text7
{
   margin: 0;
   padding: 5px 10px 0 0;
}
#wb_Text8
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text8
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape3
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#card04
{
   visibility: visible;
   display: grid;
}
#card04
{
   height: auto;
}
#card04
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card04 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card04 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card04 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card04 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card04 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: flex-start;
}
#wb_Text12
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text12
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text13
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text13
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape5
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image6
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image6
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Image7
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image7
{
   margin-left: auto;
   margin-right: auto;
}
#card05
{
   visibility: visible;
   display: grid;
}
#card05
{
   height: auto;
}
#card05
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card05 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card05 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card05 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card05 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card05 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Text14
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text14
{
   margin: 0;
   padding: 5px 20px 0 0;
}
#wb_Text15
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text15
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape6
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image8
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image8
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Icon1
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon1
{
   line-height: 33px;
}
#Icon1
{
   width: 27px;
   height: 33px;
}
#Icon1
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text16
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text16
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon2
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon2
{
   line-height: 33px;
}
#Icon2
{
   width: 27px;
   height: 33px;
}
#Icon2
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text17
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text17
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon3
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon3
{
   line-height: 33px;
}
#Icon3
{
   width: 27px;
   height: 33px;
}
#Icon3
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text18
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text18
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon4
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon4
{
   line-height: 33px;
}
#Icon4
{
   width: 27px;
   height: 33px;
}
#Icon4
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text19
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text19
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon5
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon5
{
   line-height: 33px;
}
#Icon5
{
   width: 27px;
   height: 33px;
}
#Icon5
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text20
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text20
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon6
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon6
{
   line-height: 33px;
}
#Icon6
{
   width: 27px;
   height: 33px;
}
#Icon6
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text21
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text21
{
   margin: 0;
   padding: 0 0 0 5px;
}
#card06
{
   visibility: visible;
   display: grid;
}
#card06
{
   height: auto;
}
#card06
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card06 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card06 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card06 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card06 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card06 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Text22
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text22
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text23
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text23
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape7
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image9
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image9
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Icon7
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon7
{
   line-height: 33px;
}
#Icon7
{
   width: 27px;
   height: 33px;
}
#Icon7
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text24
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text24
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Image10
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image10
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Image4
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image4
{
   margin-left: auto;
   margin-right: auto;
}
#card07
{
   visibility: visible;
   display: grid;
}
#card07
{
   height: auto;
}
#card07
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card07 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card07 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card07 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card07 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card07 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Text25
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text25
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text26
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text26
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape8
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image1
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Icon8
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon8
{
   line-height: 33px;
}
#Icon8
{
   width: 27px;
   height: 33px;
}
#Icon8
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text27
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text27
{
   margin: 0;
   padding: 0 0 0 5px;
}
#card08
{
   visibility: visible;
   display: grid;
}
#card08
{
   height: auto;
}
#card08
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card08 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card08 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card08 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card08 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card08 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Text28
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text28
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text29
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text29
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape9
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Icon9
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon9
{
   line-height: 33px;
}
#Icon9
{
   width: 27px;
   height: 33px;
}
#Icon9
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text30
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text30
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Image12
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image12
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Text31
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text31
{
   font-size: 37px;
   margin: 0;
   padding: 20px 0 20px 0;
   text-align: center;
}
#wb_Text32
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text32
{
   font-size: 21px;
   margin: 0;
   padding: 0 60px 20px 60px;
   text-align: center;
}
#guidance-grid
{
   visibility: visible;
   display: grid;
}
#guidance-grid
{
   height: auto;
}
#guidance-grid
{
   margin: 0;
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   grid-template-columns: 120px 300px 1fr 1px 250px;
   grid-template-rows: 15px auto 15px;
   grid-template-areas:
      "icon main text toppad button"
      "icon main text sep button"
      "icon main text bpad button";
}
#guidance-grid .icon
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid .main
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#guidance-grid .text
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid .toppad
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid .sep
{
   display: flex;
   background-color: #DCDCDC;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid .bpad
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#wb_Text5
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text5
{
   margin: 0;
   padding: 2px 0 0 0;
}
#wb_Text6
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text6
{
   margin: 0;
   padding: 15px 0 15px 0;
}
#wb_Image5
{
   width: 56px;
   height: 56px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#Image5
{
   width: 56px;
   height: 56px;
}
#wb_Image11
{
   width: 210px;
   height: 40px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#Image11
{
   width: 210px;
   height: 40px;
}
#footgrid
{
   visibility: visible;
   display: grid;
}
#footgrid-grid
{
   height: auto;
}
#footgrid
{
   margin: 0;
}
#footgrid-grid
{
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   grid-template-columns: 1fr;
   grid-template-rows: auto auto;
   grid-template-areas:
      "logo"
      "menu";
}
#footgrid .logo
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#footgrid .menu
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#wb_Image2
{
   width: 264px;
   height: 66px;
   visibility: visible;
   display: inline-block;
   margin: 30px 0 0 0 ;
   padding: 0;
}
#Image2
{
   width: 264px;
   height: 66px;
}
#wb_footmenu
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_footmenu
{
   margin: 0;
   padding: 20px 0 20px 0;
}
#wb_footsub-menu
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_footsub-menu
{
   margin: 0;
   padding: 0 0 20px 0;
}
#wb_copyright
{
   visibility: visible;
   display: block;
}
#wb_Image3
{
   width: 285px;
   height: 72px;
   visibility: visible;
   display: inline-block;
   margin: 20px 0 10px 30px;
   padding: 0;
}
#Image3
{
   width: 285px;
   height: 72px;
}
#wb_slogan480
{
   width: calc(100% - 50px);
   visibility: hidden;
   display: none;
   margin: 0 50px 0 0 ;
   padding: 10px 0 0 0;
   font-size: 19px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_slogan480
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: right;
}
#slogan480
{
   color: #FFFFFF;
   font-family: Cabin;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   text-align: right;
   text-transform: none;
}
#FilePublisher1
{
   left: 578px;
   top: 2005px;
   width: 60px;
   height: 120px;
   visibility: visible;
   display: inline;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#topgrid
{
   visibility: visible;
   display: grid;
}
#topgrid-grid
{
   height: auto;
}
#topgrid
{
   margin: 0;
}
#topgrid-grid
{
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: auto auto;
   grid-template-areas:
      "header slogan"
      "menu menu";
}
#topgrid .header
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#topgrid .menu
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#topgrid .slogan
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#wb_topmenu
{
   width: 768px;
   height: 35px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   text-align: center;
}
#wb_topmenu li
{
}
#wb_topmenu a
{
   color: #FFFFFF;
   border: 0px solid transparent;
   border-radius: 0px;
   background-color: #002C58;
   background-image: none;
   font-family: Cabin;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
}
#wb_topmenu > ul > li > a
{
   height: 32px;
   line-height: 32px;
}
#wb_topmenu li:hover a, #wb_topmenu a:hover, #wb_topmenu .active
{
   color: #FFD700;
   border: 1px solid transparent;
   background-color: #002C58;
   background-image: none;
}
#wb_topmenu li
{
   padding: 0px 4px 0px 0px;
}
#wb_slogan
{
   width: calc(100% - 50px);
   visibility: visible;
   display: block;
   margin: 0 50px 0 0 ;
   padding: 10px 0 0 0;
   font-size: 19px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_slogan
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: right;
}
#slogan
{
   color: #FFFFFF;
   font-family: Cabin;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   text-align: right;
   text-transform: none;
}
#cph
{
   left: 0px;
   top: 137px;
   width: 768px;
   height: 421px;
   visibility: visible;
   display: inline;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 20px;
}
#LayoutGrid1
{
   height: auto;
   padding: 0 15px 0 15px;
}
#LayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid1 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#hero
{
   visibility: visible;
   display: grid;
}
#hero-grid
{
   height: auto;
}
#hero
{
   margin: 0 0 20px 0 ;
}
#hero-grid
{
   grid-column-gap: 20px;
   grid-row-gap: 10px;
   grid-template-columns: 2% 1fr 1fr 2%;
   grid-template-rows: auto auto auto auto auto auto auto;
   grid-template-areas:
      "lpad introduction introduction rpad"
      "lpad learn-how-to-use learn-how-to-use rpad"
      "lpad vid1 vid2 rpad"
      "lpad vid3 vid4 rpad"
      "lpad vid5 vid6 rpad"
      "lpad vid7 vid8 rpad"
      "lpad guidance guidance rpad";
}
#hero .guidance
{
   display: flex;
   background-color: transparent;
   background-image: url('images/tutorial-header.jpg');
   background-repeat: no-repeat;
   background-position: right center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .introduction
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .lpad
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .learn-how-to-use
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: flex-start;
   align-content: flex-start;
}
#hero .rpad
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid1
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid2
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid3
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid4
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid5
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid6
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid7
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid8
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#card01
{
   visibility: visible;
   display: grid;
}
#card01
{
   height: auto;
}
#card01
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card01 .img
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card01 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card01 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card01 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card01 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Text1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text1
{
   margin: 0;
   padding: 5px 2px 0 0;
}
#wb_Text2
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text2
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape1
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#card02
{
   visibility: visible;
   display: grid;
}
#card02
{
   height: auto;
}
#card02
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card02 .img
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card02 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card02 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card02 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card02 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: flex-start;
}
#wb_Text3
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text3
{
   margin: 0;
   padding: 5px 30px 0 0;
}
#wb_Text4
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text4
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape2
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#card-featured
{
   visibility: visible;
   display: grid;
}
#card-featured-grid
{
   height: auto;
}
#card-featured
{
   margin: 0;
}
#card-featured-grid
{
   grid-column-gap: 10px;
   grid-row-gap: 5px;
   grid-template-columns: 1fr;
   grid-template-rows: auto auto 220px auto auto;
   grid-template-areas:
      "Title"
      "detail"
      "img"
      "time"
      "button";
}
#card-featured .img
{
   display: flex;
   background-color: transparent;
   background-image: url('images/tutorial-introduction.jpg');
   background-repeat: no-repeat;
   background-position: left center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-start;
   align-content: flex-start;
}
#card-featured .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card-featured .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card-featured .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card-featured .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card-featured ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Text9
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text9
{
   margin: 0;
   padding: 10px 40px 10px 20px;
}
#wb_Text10
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text10
{
   margin: 0;
   padding: 0 0 10px 20px;
}
#wb_Shape4
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 15px 0 ;
}
#wb_Text11
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text11
{
   margin: 0;
   padding: 15px 0 0 10px;
}
#card03
{
   visibility: visible;
   display: grid;
}
#card03
{
   height: auto;
}
#card03
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card03 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card03 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card03 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card03 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card03 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: flex-start;
}
#wb_Text7
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text7
{
   margin: 0;
   padding: 5px 1px 0 0;
}
#wb_Text8
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text8
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape3
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#card04
{
   visibility: visible;
   display: grid;
}
#card04
{
   height: auto;
}
#card04
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card04 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card04 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card04 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card04 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card04 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: flex-start;
}
#wb_Text12
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text12
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text13
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text13
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape5
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image6
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image6
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Image7
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image7
{
   margin-left: auto;
   margin-right: auto;
}
#card05
{
   visibility: visible;
   display: grid;
}
#card05
{
   height: auto;
}
#card05
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card05 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card05 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card05 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card05 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card05 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Text14
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text14
{
   margin: 0;
   padding: 5px 20px 0 0;
}
#wb_Text15
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text15
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape6
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image8
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image8
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Icon1
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon1
{
   line-height: 33px;
}
#Icon1
{
   width: 27px;
   height: 33px;
}
#Icon1
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text16
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text16
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon2
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon2
{
   line-height: 33px;
}
#Icon2
{
   width: 27px;
   height: 33px;
}
#Icon2
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text17
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text17
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon3
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon3
{
   line-height: 33px;
}
#Icon3
{
   width: 27px;
   height: 33px;
}
#Icon3
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text18
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text18
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon4
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon4
{
   line-height: 33px;
}
#Icon4
{
   width: 27px;
   height: 33px;
}
#Icon4
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text19
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text19
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon5
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon5
{
   line-height: 33px;
}
#Icon5
{
   width: 27px;
   height: 33px;
}
#Icon5
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text20
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text20
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon6
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon6
{
   line-height: 33px;
}
#Icon6
{
   width: 27px;
   height: 33px;
}
#Icon6
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text21
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text21
{
   margin: 0;
   padding: 0 0 0 5px;
}
#card06
{
   visibility: visible;
   display: grid;
}
#card06
{
   height: auto;
}
#card06
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card06 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card06 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card06 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card06 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card06 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Text22
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text22
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text23
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text23
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape7
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image9
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image9
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Icon7
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon7
{
   line-height: 33px;
}
#Icon7
{
   width: 27px;
   height: 33px;
}
#Icon7
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text24
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text24
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Image10
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image10
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Image4
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image4
{
   margin-left: auto;
   margin-right: auto;
}
#card07
{
   visibility: visible;
   display: grid;
}
#card07
{
   height: auto;
}
#card07
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card07 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card07 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card07 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card07 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card07 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Text25
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text25
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text26
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text26
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape8
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image1
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Icon8
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon8
{
   line-height: 33px;
}
#Icon8
{
   width: 27px;
   height: 33px;
}
#Icon8
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text27
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text27
{
   margin: 0;
   padding: 0 0 0 5px;
}
#card08
{
   visibility: visible;
   display: grid;
}
#card08
{
   height: auto;
}
#card08
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card08 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card08 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card08 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card08 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card08 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Text28
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text28
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text29
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text29
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape9
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Icon9
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon9
{
   line-height: 33px;
}
#Icon9
{
   width: 27px;
   height: 33px;
}
#Icon9
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text30
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text30
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Image12
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image12
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Text31
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text31
{
   font-size: 32px;
   margin: 0;
   padding: 20px 0 20px 0;
   text-align: center;
}
#wb_Text32
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text32
{
   font-size: 20px;
   margin: 0;
   padding: 0 20px 20px 20px;
   text-align: center;
}
#guidance-grid
{
   visibility: visible;
   display: grid;
}
#guidance-grid
{
   height: auto;
}
#guidance-grid
{
   margin: 0;
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   grid-template-columns: 100px 1fr 1px 250px;
   grid-template-rows: 15px auto auto 15px;
   grid-template-areas:
      "icon main toppad button"
      "icon main sep button"
      "icon text sep button"
      "icon text bpad button";
}
#guidance-grid .icon
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#guidance-grid .main
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#guidance-grid .text
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid .toppad
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid .bpad
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid .sep
{
   display: flex;
   background-color: #DCDCDC;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#wb_Text5
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text5
{
   margin: 0;
   padding: 15px 0 10px 0;
}
#wb_Text6
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text6
{
   margin: 0;
   padding: 0 0 15px 0;
}
#wb_Image5
{
   width: 56px;
   height: 56px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#Image5
{
   width: 56px;
   height: 56px;
}
#wb_Image11
{
   width: 210px;
   height: 40px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#Image11
{
   width: 210px;
   height: 40px;
}
#footgrid
{
   visibility: visible;
   display: grid;
}
#footgrid-grid
{
   height: auto;
}
#footgrid
{
   margin: 0;
}
#footgrid-grid
{
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   grid-template-columns: 1fr;
   grid-template-rows: auto auto;
   grid-template-areas:
      "logo"
      "menu";
}
#footgrid .logo
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#footgrid .menu
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#wb_Image2
{
   width: 264px;
   height: 66px;
   visibility: visible;
   display: inline-block;
   margin: 30px 0 0 0 ;
   padding: 0;
}
#Image2
{
   width: 264px;
   height: 66px;
}
#wb_footmenu
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_footmenu
{
   margin: 0;
   padding: 20px 0 20px 0;
}
#wb_footsub-menu
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_footsub-menu
{
   margin: 0;
   padding: 0 0 20px 0;
}
#wb_copyright
{
   visibility: visible;
   display: block;
}
#wb_Image3
{
   width: 285px;
   height: 72px;
   visibility: visible;
   display: inline-block;
   margin: 20px 0 10px 30px;
   padding: 0;
}
#Image3
{
   width: 285px;
   height: 72px;
}
#wb_slogan480
{
   width: calc(100% - 50px);
   visibility: hidden;
   display: none;
   margin: 0 50px 0 0 ;
   padding: 10px 0 0 0;
   font-size: 19px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_slogan480
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: right;
}
#slogan480
{
   color: #FFFFFF;
   font-family: Cabin;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   text-align: right;
   text-transform: none;
}
#FilePublisher1
{
   left: 578px;
   top: 2005px;
   width: 60px;
   height: 120px;
   visibility: visible;
   display: inline;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#topgrid
{
   visibility: visible;
   display: grid;
}
#topgrid-grid
{
   height: auto;
}
#topgrid
{
   margin: 0;
}
#topgrid-grid
{
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: auto auto auto;
   grid-template-areas:
      "header header"
      "slogan slogan"
      "menu menu";
}
#topgrid .header
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-start;
   align-content: flex-start;
}
#topgrid .menu
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#topgrid .slogan
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-start;
   align-content: flex-start;
}
#topgrid ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_topmenu
{
   width: 480px;
   height: 283px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   text-align: center;
}
#wb_topmenu li
{
}
#wb_topmenu a
{
   color: #FFFFFF;
   border: 0px solid transparent;
   border-radius: 0px;
   background-color: #002C58;
   background-image: none;
   font-family: Cabin;
   font-weight: normal;
   font-size: 17px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
}
#wb_topmenu > ul > li > a
{
   height: 32px;
   line-height: 32px;
}
#wb_topmenu li:hover a, #wb_topmenu a:hover, #wb_topmenu .active
{
   color: #FFD700;
   border: 1px solid transparent;
   background-color: #002C58;
   background-image: none;
}
#wb_topmenu li
{
   padding-bottom: 1px !important;
}
#wb_slogan
{
   width: calc(100% - 50px);
   visibility: hidden;
   display: none;
   margin: 0 50px 0 0 ;
   padding: 10px 0 0 0;
   font-size: 19px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_slogan
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: right;
}
#slogan
{
   color: #FFFFFF;
   font-family: Cabin;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   text-align: right;
   text-transform: none;
}
#cph
{
   left: 0px;
   top: 440px;
   width: 480px;
   height: 421px;
   visibility: visible;
   display: inline;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 20px;
}
#LayoutGrid1
{
   height: auto;
   padding: 0 15px 0 15px;
}
#LayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid1 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#hero
{
   visibility: visible;
   display: grid;
}
#hero-grid
{
   height: auto;
}
#hero
{
   margin: 0 0 15px 0 ;
}
#hero-grid
{
   grid-column-gap: 10px;
   grid-row-gap: 10px;
   grid-template-columns: 2% 1fr 2%;
   grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
   grid-template-areas:
      "lpad introduction rpad"
      "lpad learn-how-to-use rpad"
      "lpad vid1 rpad"
      "lpad vid2 rpad"
      "lpad vid3 rpad"
      "lpad vid4 rpad"
      "lpad vid5 rpad"
      "lpad vid6 rpad"
      "lpad vid7 rpad"
      "lpad vid8 rpad"
      "lpad guidance rpad";
}
#hero .guidance
{
   display: flex;
   background-color: transparent;
   background-image: url('images/tutorial-header.jpg');
   background-repeat: no-repeat;
   background-position: right center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .introduction
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .lpad
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .learn-how-to-use
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: flex-start;
   align-content: flex-start;
}
#hero .rpad
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid1
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid2
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid3
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid4
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid5
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid6
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid7
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid8
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#card01
{
   visibility: visible;
   display: grid;
}
#card01
{
   height: auto;
}
#card01
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card01 .img
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card01 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card01 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card01 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card01 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Text1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text1
{
   margin: 0;
   padding: 5px 2px 0 0;
}
#wb_Text2
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text2
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape1
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#card02
{
   visibility: visible;
   display: grid;
}
#card02
{
   height: auto;
}
#card02
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card02 .img
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card02 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card02 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card02 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card02 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: flex-start;
}
#wb_Text3
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text3
{
   margin: 0;
   padding: 5px 30px 0 0;
}
#wb_Text4
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text4
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape2
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#card-featured
{
   visibility: visible;
   display: grid;
}
#card-featured-grid
{
   height: auto;
}
#card-featured
{
   margin: 0;
}
#card-featured-grid
{
   grid-column-gap: 10px;
   grid-row-gap: 5px;
   grid-template-columns: 1fr;
   grid-template-rows: auto auto 136px auto auto;
   grid-template-areas:
      "Title"
      "detail"
      "img"
      "time"
      "button";
}
#card-featured .img
{
   display: flex;
   background-color: transparent;
   background-image: url('images/tutorial-introduction.jpg');
   background-repeat: no-repeat;
   background-position: left center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-start;
   align-content: flex-start;
}
#card-featured .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card-featured .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card-featured .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card-featured .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card-featured ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Text9
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text9
{
   margin: 0;
   padding: 10px 0 10px 20px;
}
#wb_Text10
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text10
{
   margin: 0;
   padding: 0 0 10px 20px;
}
#wb_Shape4
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 15px 0 ;
}
#wb_Text11
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text11
{
   margin: 0;
   padding: 15px 0 0 10px;
}
#card03
{
   visibility: visible;
   display: grid;
}
#card03
{
   height: auto;
}
#card03
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card03 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card03 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card03 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card03 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card03 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: flex-start;
}
#wb_Text7
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text7
{
   margin: 0;
   padding: 5px 1px 0 0;
}
#wb_Text8
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text8
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape3
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#card04
{
   visibility: visible;
   display: grid;
}
#card04
{
   height: auto;
}
#card04
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card04 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card04 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card04 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card04 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card04 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: flex-start;
}
#wb_Text12
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text12
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text13
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text13
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape5
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image6
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image6
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Image7
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image7
{
   margin-left: auto;
   margin-right: auto;
}
#card05
{
   visibility: visible;
   display: grid;
}
#card05
{
   height: auto;
}
#card05
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card05 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card05 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card05 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card05 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card05 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Text14
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text14
{
   margin: 0;
   padding: 5px 20px 0 0;
}
#wb_Text15
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text15
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape6
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image8
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image8
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Icon1
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon1
{
   line-height: 33px;
}
#Icon1
{
   width: 27px;
   height: 33px;
}
#Icon1
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text16
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text16
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon2
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon2
{
   line-height: 33px;
}
#Icon2
{
   width: 27px;
   height: 33px;
}
#Icon2
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text17
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text17
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon3
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon3
{
   line-height: 33px;
}
#Icon3
{
   width: 27px;
   height: 33px;
}
#Icon3
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text18
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text18
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon4
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon4
{
   line-height: 33px;
}
#Icon4
{
   width: 27px;
   height: 33px;
}
#Icon4
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text19
{
   width: 44px;
   height: 18px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text19
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon5
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon5
{
   line-height: 33px;
}
#Icon5
{
   width: 27px;
   height: 33px;
}
#Icon5
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text20
{
   width: 44px;
   height: 18px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text20
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon6
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon6
{
   line-height: 33px;
}
#Icon6
{
   width: 27px;
   height: 33px;
}
#Icon6
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text21
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text21
{
   margin: 0;
   padding: 0 0 0 5px;
}
#card06
{
   visibility: visible;
   display: grid;
}
#card06
{
   height: auto;
}
#card06
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card06 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card06 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card06 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card06 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card06 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Text22
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text22
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text23
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text23
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape7
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image9
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image9
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Icon7
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon7
{
   line-height: 33px;
}
#Icon7
{
   width: 27px;
   height: 33px;
}
#Icon7
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text24
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text24
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Image10
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image10
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Image4
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image4
{
   margin-left: auto;
   margin-right: auto;
}
#card07
{
   visibility: visible;
   display: grid;
}
#card07
{
   height: auto;
}
#card07
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card07 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card07 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card07 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card07 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card07 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Text25
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text25
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text26
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text26
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape8
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image1
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Icon8
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon8
{
   line-height: 33px;
}
#Icon8
{
   width: 27px;
   height: 33px;
}
#Icon8
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text27
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text27
{
   margin: 0;
   padding: 0 0 0 5px;
}
#card08
{
   visibility: visible;
   display: grid;
}
#card08
{
   height: auto;
}
#card08
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "img button";
}
#card08 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card08 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card08 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card08 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card08 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#wb_Text28
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text28
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text29
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text29
{
   margin: 0;
   padding: 0 5px 0 0;
}
#wb_Shape9
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Icon9
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon9
{
   line-height: 33px;
}
#Icon9
{
   width: 27px;
   height: 33px;
}
#Icon9
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text30
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text30
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Image12
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image12
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Text31
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text31
{
   font-size: 27px;
   margin: 0;
   padding: 20px 0 20px 0;
   text-align: center;
}
#wb_Text32
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text32
{
   font-size: 16px;
   margin: 0;
   padding: 0 20px 20px 20px;
   text-align: center;
}
#guidance-grid
{
   visibility: visible;
   display: grid;
}
#guidance-grid
{
   height: auto;
}
#guidance-grid
{
   margin: 0;
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   grid-template-columns: 100px 1fr;
   grid-template-rows: auto 1fr auto;
   grid-template-areas:
      "icon main"
      "icon text"
      "button button";
}
#guidance-grid .icon
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid .main
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#guidance-grid .text
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#guidance-grid ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#guidance-grid .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-start;
   align-content: flex-start;
}
#wb_Text5
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text5
{
   margin: 0;
   padding: 10px 0 10px 0;
}
#wb_Text6
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text6
{
   margin: 0;
   padding: 0 20px 0 0;
}
#wb_Image5
{
   width: 56px;
   height: 56px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#Image5
{
   width: 56px;
   height: 56px;
}
#wb_Image11
{
   width: 210px;
   height: 40px;
   visibility: visible;
   display: inline-block;
   margin: 10px 0 15px 0 ;
   padding: 0;
}
#Image11
{
   width: 210px;
   height: 40px;
}
#footgrid
{
   visibility: visible;
   display: grid;
}
#footgrid-grid
{
   height: auto;
}
#footgrid
{
   margin: 0;
}
#footgrid-grid
{
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   grid-template-columns: 1fr;
   grid-template-rows: auto auto;
   grid-template-areas:
      "logo"
      "menu";
}
#footgrid .logo
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#footgrid .menu
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#wb_Image2
{
   width: 264px;
   height: 66px;
   visibility: visible;
   display: inline-block;
   margin: 30px 0 0 0 ;
   padding: 0;
}
#Image2
{
   width: 264px;
   height: 66px;
}
#wb_footmenu
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_footmenu
{
   margin: 0;
   padding: 20px 0 20px 0;
}
#wb_footsub-menu
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_footsub-menu
{
   margin: 0;
   padding: 0 0 20px 0;
}
#wb_copyright
{
   visibility: visible;
   display: block;
}
#wb_Image3
{
   width: 285px;
   height: 72px;
   visibility: visible;
   display: inline-block;
   margin: 20px 0 10px 0 ;
   padding: 0;
}
#Image3
{
   width: 285px;
   height: 72px;
}
#wb_slogan480
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0 0 5px 0;
   font-size: 17px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_slogan480
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#slogan480
{
   color: #FFFFFF;
   font-family: Cabin;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   text-align: center;
   text-transform: none;
}
#FilePublisher1
{
   left: 578px;
   top: 2005px;
   width: 60px;
   height: 120px;
   visibility: visible;
   display: inline;
}
}
@media only screen and (max-width: 479px)
{
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#topgrid
{
   visibility: visible;
   display: grid;
}
#topgrid-grid
{
   height: auto;
}
#topgrid
{
   margin: 0;
}
#topgrid-grid
{
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: auto auto auto;
   grid-template-areas:
      "header header"
      "slogan slogan"
      "menu menu";
}
#topgrid .header
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-start;
   align-content: flex-start;
}
#topgrid .menu
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#topgrid .slogan
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#topgrid ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_topmenu
{
   width: 320px;
   height: 282px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   text-align: center;
}
#wb_topmenu li
{
}
#wb_topmenu a
{
   color: #FFFFFF;
   border: 0px solid transparent;
   border-radius: 0px;
   background-color: #002C58;
   background-image: none;
   font-family: Cabin;
   font-weight: normal;
   font-size: 17px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
}
#wb_topmenu > ul > li > a
{
   height: 32px;
   line-height: 32px;
}
#wb_topmenu li:hover a, #wb_topmenu a:hover, #wb_topmenu .active
{
   color: #FFD700;
   border: 1px solid transparent;
   background-color: #002C58;
   background-image: none;
}
#wb_topmenu li
{
   padding-bottom: 0px !important;
}
#wb_slogan
{
   width: calc(100% - 50px);
   visibility: hidden;
   display: none;
   margin: 0 50px 0 0 ;
   padding: 10px 0 0 0;
   font-size: 16px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_slogan
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: right;
}
#slogan
{
   color: #FFFFFF;
   font-family: Cabin;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   text-align: right;
   text-transform: none;
}
#cph
{
   left: 0px;
   top: 445px;
   width: 320px;
   height: 421px;
   visibility: visible;
   display: inline;
}
#wb_LayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_LayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 20px;
}
#LayoutGrid1
{
   height: auto;
   padding: 0 15px 0 15px;
}
#LayoutGrid1 .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1
{
   padding-right: 15px;
   padding-left: 15px;
}
#LayoutGrid1 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#hero
{
   visibility: visible;
   display: grid;
}
#hero-grid
{
   height: auto;
}
#hero
{
   margin: 0 0 20px 0 ;
}
#hero-grid
{
   grid-column-gap: 5px;
   grid-row-gap: 10px;
   grid-template-columns: 2% 1fr 2%;
   grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
   grid-template-areas:
      "lpad introduction rpad"
      "lpad learn-how-to-use rpad"
      "lpad vid1 rpad"
      "lpad vid2 rpad"
      "lpad vid3 rpad"
      "lpad vid4 rpad"
      "lpad vid5 rpad"
      "lpad vid6 rpad"
      "lpad vid7 rpad"
      "lpad vid8 rpad"
      "lpad guidance rpad";
}
#hero .guidance
{
   display: flex;
   background-color: transparent;
   background-image: url('images/tutorial-header.jpg');
   background-repeat: no-repeat;
   background-position: right center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .introduction
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .lpad
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .learn-how-to-use
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: flex-start;
   align-content: flex-start;
}
#hero .rpad
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid1
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid2
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid3
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid4
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid5
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid6
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid7
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero .vid8
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#hero ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#card01
{
   visibility: visible;
   display: grid;
}
#card01
{
   height: auto;
}
#card01
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "button button";
}
#card01 .img
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card01 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#card01 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card01 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card01 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card01 ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Text1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text1
{
   margin: 0;
   padding: 5px 2px 0 0;
}
#wb_Text2
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text2
{
   margin: 0;
   padding: 10px 5px 0 0;
}
#wb_Shape1
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#card02
{
   visibility: visible;
   display: grid;
}
#card02
{
   height: auto;
}
#card02
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "button button";
}
#card02 .img
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card02 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#card02 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card02 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card02 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card02 ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Text3
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text3
{
   margin: 0;
   padding: 5px 30px 0 0;
}
#wb_Text4
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text4
{
   margin: 0;
   padding: 10px 5px 0 0;
}
#wb_Shape2
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#card-featured
{
   visibility: visible;
   display: grid;
}
#card-featured-grid
{
   height: auto;
}
#card-featured
{
   margin: 0;
}
#card-featured-grid
{
   grid-column-gap: 0px;
   grid-row-gap: 5px;
   grid-template-columns: 1fr;
   grid-template-rows: auto auto 92px auto auto;
   grid-template-areas:
      "Title"
      "detail"
      "img"
      "time"
      "button";
}
#card-featured .img
{
   display: flex;
   background-color: transparent;
   background-image: url('images/tutorial-introduction.jpg');
   background-repeat: no-repeat;
   background-position: left center;
   background-attachment: scroll;
   background-size: cover;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-start;
   align-content: flex-start;
}
#card-featured .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: flex-end;
}
#card-featured .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card-featured .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card-featured .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card-featured ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Text9
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text9
{
   margin: 0;
   padding: 10px 40px 10px 20px;
}
#wb_Text10
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text10
{
   margin: 0;
   padding: 0 0 10px 20px;
}
#wb_Shape4
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 15px 0 ;
}
#wb_Text11
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text11
{
   margin: 0;
   padding: 15px 0 0 10px;
}
#card03
{
   visibility: visible;
   display: grid;
}
#card03
{
   height: auto;
}
#card03
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "button button";
}
#card03 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card03 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: center;
}
#card03 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card03 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card03 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card03 ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Text7
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text7
{
   margin: 0;
   padding: 5px 1px 0 0;
}
#wb_Text8
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text8
{
   margin: 0;
   padding: 10px 5px 0 0;
}
#wb_Shape3
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#card04
{
   visibility: visible;
   display: grid;
}
#card04
{
   height: auto;
}
#card04
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "button button";
}
#card04 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card04 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: center;
}
#card04 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card04 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card04 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card04 ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Text12
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text12
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text13
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text13
{
   margin: 0;
   padding: 10px 5px 0 0;
}
#wb_Shape5
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image6
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image6
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Image7
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image7
{
   margin-left: auto;
   margin-right: auto;
}
#card05
{
   visibility: visible;
   display: grid;
}
#card05
{
   height: auto;
}
#card05
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "button button";
}
#card05 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card05 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: center;
}
#card05 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card05 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card05 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card05 ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Text14
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text14
{
   margin: 0;
   padding: 5px 20px 0 0;
}
#wb_Text15
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text15
{
   margin: 0;
   padding: 10px 5px 0 0;
}
#wb_Shape6
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image8
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image8
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Icon1
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon1
{
   line-height: 33px;
}
#Icon1
{
   width: 27px;
   height: 33px;
}
#Icon1
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text16
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text16
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon2
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon2
{
   line-height: 33px;
}
#Icon2
{
   width: 27px;
   height: 33px;
}
#Icon2
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text17
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text17
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon3
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon3
{
   line-height: 33px;
}
#Icon3
{
   width: 27px;
   height: 33px;
}
#Icon3
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text18
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text18
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon4
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon4
{
   line-height: 33px;
}
#Icon4
{
   width: 27px;
   height: 33px;
}
#Icon4
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text19
{
   width: 44px;
   height: 18px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text19
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon5
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon5
{
   line-height: 33px;
}
#Icon5
{
   width: 27px;
   height: 33px;
}
#Icon5
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text20
{
   width: 44px;
   height: 18px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text20
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon6
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon6
{
   line-height: 33px;
}
#Icon6
{
   width: 27px;
   height: 33px;
}
#Icon6
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text21
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text21
{
   margin: 0;
   padding: 0 0 0 5px;
}
#card06
{
   visibility: visible;
   display: grid;
}
#card06
{
   height: auto;
}
#card06
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "button button";
}
#card06 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card06 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: center;
}
#card06 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card06 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card06 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card06 ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Text22
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text22
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text23
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text23
{
   margin: 0;
   padding: 10px 5px 0 0;
}
#wb_Shape7
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image9
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image9
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Icon7
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon7
{
   line-height: 33px;
}
#Icon7
{
   width: 27px;
   height: 33px;
}
#Icon7
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text24
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text24
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Image10
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image10
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Image4
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image4
{
   margin-left: auto;
   margin-right: auto;
}
#card07
{
   visibility: visible;
   display: grid;
}
#card07
{
   height: auto;
}
#card07
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "button button";
}
#card07 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card07 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: center;
}
#card07 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card07 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card07 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card07 ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Text25
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text25
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text26
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text26
{
   margin: 0;
   padding: 10px 5px 0 0;
}
#wb_Shape8
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Image1
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image1
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Icon8
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon8
{
   line-height: 33px;
}
#Icon8
{
   width: 27px;
   height: 33px;
}
#Icon8
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text27
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text27
{
   margin: 0;
   padding: 0 0 0 5px;
}
#card08
{
   visibility: visible;
   display: grid;
}
#card08
{
   height: auto;
}
#card08
{
   margin: 0;
   grid-column-gap: 5px;
   grid-row-gap: 0px;
   grid-template-columns: 55% 1fr;
   grid-template-rows: auto auto auto auto;
   grid-template-areas:
      "img Title"
      "img detail"
      "img time"
      "button button";
}
#card08 .img
{
   display: flex;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card08 .Title
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: center;
}
#card08 .detail
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#card08 .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card08 .time
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#card08 ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Text28
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text28
{
   margin: 0;
   padding: 5px 0 0 0;
}
#wb_Text29
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text29
{
   margin: 0;
   padding: 10px 5px 0 0;
}
#wb_Shape9
{
   visibility: visible;
   display: inline-block;
   margin: 0 0 5px 0 ;
}
#wb_Icon9
{
   width: 27px;
   height: 33px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Icon9
{
   line-height: 33px;
}
#Icon9
{
   width: 27px;
   height: 33px;
}
#Icon9
{
   line-height: 33px;
   font-size: 27px;
   width: 26px;
}
#wb_Text30
{
   width: 44px;
   height: 22px;
   visibility: visible;
   display: inline-block;
   margin: 0;
}
#wb_Text30
{
   margin: 0;
   padding: 0 0 0 5px;
}
#wb_Image12
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 0;
}
#Image12
{
   margin-left: auto;
   margin-right: auto;
}
#wb_Text31
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text31
{
   font-size: 20px;
   margin: 0;
   padding: 20px 0 20px 0;
   text-align: center;
}
#wb_Text32
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text32
{
   font-size: 16px;
   margin: 0;
   padding: 0 20px 20px 20px;
   text-align: center;
}
#guidance-grid
{
   visibility: visible;
   display: grid;
}
#guidance-grid
{
   height: auto;
}
#guidance-grid
{
   margin: 0;
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   grid-template-columns: 90px 1fr;
   grid-template-rows: auto auto auto;
   grid-template-areas:
      "icon main"
      "icon text"
      "button button";
}
#guidance-grid .icon
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#guidance-grid .main
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: column;
   flex-wrap: nowrap;
   justify-content: flex-start;
   align-items: center;
   align-content: flex-start;
}
#guidance-grid .text
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#guidance-grid ..
{
   display: none;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#guidance-grid .button
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   align-content: flex-start;
}
#wb_Text5
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text5
{
   margin: 0;
   padding: 10px 0 10px 0;
}
#wb_Text6
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_Text6
{
   margin: 0;
   padding: 0 15px 10px 0;
}
#wb_Image5
{
   width: 56px;
   height: 56px;
   visibility: visible;
   display: inline-block;
   margin: 0;
   padding: 0;
}
#Image5
{
   width: 56px;
   height: 56px;
}
#wb_Image11
{
   width: 210px;
   height: 40px;
   visibility: visible;
   display: inline-block;
   margin: 0 0 15px 0 ;
   padding: 0;
}
#Image11
{
   width: 210px;
   height: 40px;
}
#footgrid
{
   visibility: visible;
   display: grid;
}
#footgrid-grid
{
   height: auto;
}
#footgrid
{
   margin: 0;
}
#footgrid-grid
{
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   grid-template-columns: 1fr;
   grid-template-rows: auto auto;
   grid-template-areas:
      "logo"
      "menu";
}
#footgrid .logo
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#footgrid .menu
{
   display: flex;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: center;
   align-content: center;
}
#wb_Image2
{
   width: 232px;
   height: 58px;
   visibility: visible;
   display: inline-block;
   margin: 30px 0 0 0 ;
   padding: 0;
}
#Image2
{
   width: 232px;
   height: 58px;
}
#wb_footmenu
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_footmenu
{
   margin: 0;
   padding: 20px 0 20px 0;
}
#wb_footsub-menu
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
}
#wb_footsub-menu
{
   margin: 0;
   padding: 0 0 20px 0;
}
#wb_copyright
{
   visibility: visible;
   display: block;
}
#wb_Image3
{
   width: 265px;
   height: 67px;
   visibility: visible;
   display: inline-block;
   margin: 20px 0 10px 0 ;
   padding: 0;
}
#Image3
{
   width: 265px;
   height: 67px;
}
#wb_slogan480
{
   width: 100%;
   visibility: visible;
   display: block;
   margin: 0;
   padding: 10px 0 10px 0;
   font-size: 16px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#wb_slogan480
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   text-align: center;
}
#slogan480
{
   color: #FFFFFF;
   font-family: Cabin;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   text-align: center;
   text-transform: none;
}
#FilePublisher1
{
   left: 578px;
   top: 2005px;
   width: 60px;
   height: 120px;
   visibility: visible;
   display: inline;
}
}
body,
#cph
{
   background-color: #f3f7fc;
   background-image: url('images/compass-pattern.svg');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}