body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#SlideShow1
{
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 0;
   margin: 0;
   padding: 0;
   list-style: none;
}
@keyframes SlideShow1-animation
{
   0% { opacity: 0; transform: translateX(100%); animation-timing-function: ease-in; }
   3% { opacity: 1; transform: translateX(0%); animation-timing-function: ease-out; }
   9% { opacity: 1; translateX(0%); }
   12% { opacity: 0; }
   100% { opacity: 0; }
}
#SlideShow1 li span
{
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-size: cover;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   opacity: 0;
   z-index: 0;
   animation: SlideShow1-animation 55000ms linear infinite 0s;
}
#SlideShow1 li:nth-child(1) span
{
   background-image: url('images/SAT_OBC_SCU_LQ_BACK.jpg');
   animation-delay: 0ms;
}
#SlideShow1 li:nth-child(2) span
{
   background-image: url('images/SAT_OBC_SCU_GND_LQ.jpg');
   animation-delay: 5000ms;
}
#SlideShow1 li:nth-child(3) span
{
   background-image: url('images/SAT_SCU_LQ_BACK.jpg');
   animation-delay: 10000ms;
}
#SlideShow1 li:nth-child(4) span
{
   background-image: url('images/A_000_Optical_TestBED.jpg');
   animation-delay: 15000ms;
}
#SlideShow1 li:nth-child(5) span
{
   background-image: url('images/C_12_Laser_Sensing_DeviceW.jpg');
   animation-delay: 20000ms;
}
#SlideShow1 li:nth-child(6) span
{
   background-image: url('images/W_E_11_PolarizerConstant_Fiber_Holder_.jpg');
   animation-delay: 25000ms;
}
#SlideShow1 li:nth-child(7) span
{
   background-image: url('images/W_E_14_Fiber_PolarizerW.jpg');
   animation-delay: 30000ms;
}
#SlideShow1 li:nth-child(8) span
{
   background-image: url('images/B_14_Wide.jpg');
   animation-delay: 35000ms;
}
#SlideShow1 li:nth-child(9) span
{
   background-image: url('images/F_20_2D_Optical_Tilt_MeterW.jpg');
   animation-delay: 40000ms;
}
#SlideShow1 li:nth-child(10) span
{
   background-image: url('images/W_E_16_Fiber_ModW.jpg');
   animation-delay: 45000ms;
}
#SlideShow1 li:nth-child(11) span
{
   background-image: url('images/W_E_26_EDFA.jpg');
   animation-delay: 50000ms;
}
#wb_Card5
{
   position: relative;
   display: inline-block;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   vertical-align: top;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 3px;
   box-shadow: 0px 0px 4px #4F4F4F;
   text-align: center;
}
#Card5-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card5-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 3px 0 3px;
   padding: 10px 5px 10px 5px;
   color: #008080;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
   text-align: center;
}
#Card5-card-item0
{
   background-color: #C0FFA0;
   transition: background-color 500ms linear 0ms;
}
#Card5-card-item1
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   padding: 10px 0 10px 0;
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   text-align: justify;
}
#Card5-card-item2
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   padding: 10px 0 10px 0;
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   text-align: justify;
}
#Card5-card-item3
{
   box-sizing: border-box;
   margin: 0 20px 5px 20px;
   padding: 10px 0 8px 0;
   color: #696969;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   text-align: justify;
}
#Card5-card-item4
{
   display: inline-block;
   height: 26px;
   box-sizing: border-box;
   margin: 0 0 4px 0 ;
   padding: 5px 0 5px 0;
   border: 0px solid #000000;
   border-radius: 0px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #5780FF;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   text-decoration: underline;
}
#Card5-card-item4 a
{
   color: inherit;
   text-decoration: none;
}
#Card5-card-item4 i
{
   margin-right: 0px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#wb_Card5
{
   background-color: #C0FFA0;
   transition: background-color 500ms linear 0ms;
}
#Button1
{
   box-sizing: border-box;
   line-height: 36px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #2E6DA4;
   border-radius: 4px;
   background-color: #4682B4;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
}
#Button1:focus
{
   outline: 0;
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #4682B4;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2
{
   float: left;
}
#LayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#LayoutGrid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: right;
}
#LayoutGrid1:before,
#LayoutGrid1:after,
#LayoutGrid1 .row:before,
#LayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid1:after,
#LayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid3 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid3 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid3 > .row > .col-1
{
   float: left;
}
#LayoutGrid3 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid3:before,
#LayoutGrid3:after,
#LayoutGrid3 .row:before,
#LayoutGrid3 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid3:after,
#LayoutGrid3 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid3 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid2 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid2 > .row > .col-1
{
   float: left;
}
#LayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid2:before,
#LayoutGrid2:after,
#LayoutGrid2 .row:before,
#LayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid2:after,
#LayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid2 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_Card2
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 1px solid #DEDEDE;
   border-radius: 3px;
   text-align: center;
}
#Card2-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card2-card-header
{
   box-sizing: border-box;
   border-bottom: 1px solid #DEDEDE;
   border-radius: 3px 3px 0 0 !important;
   margin: 0;
   padding: 12px 20px 12px 20px;
   background-color: #F7F7F7;
   background-image: none;
   color: #008080;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 17px;
}
#wb_LayoutGrid4
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid4
{
   box-sizing: border-box;
   padding: 20px 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid4 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2
{
   float: left;
}
#LayoutGrid4 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: right;
}
#LayoutGrid4 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#LayoutGrid4:before,
#LayoutGrid4:after,
#LayoutGrid4 .row:before,
#LayoutGrid4 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid4:after,
#LayoutGrid4 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid7
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid7
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid7 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid7 > .row > .col-1, #LayoutGrid7 > .row > .col-2, #LayoutGrid7 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid7 > .row > .col-1, #LayoutGrid7 > .row > .col-2, #LayoutGrid7 > .row > .col-3
{
   float: left;
}
#LayoutGrid7 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 8.33333333%;
   text-align: right;
}
#LayoutGrid7 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 83.33333333%;
   text-align: center;
}
#LayoutGrid7 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 8.33333333%;
   text-align: left;
}
#LayoutGrid7:before,
#LayoutGrid7:after,
#LayoutGrid7 .row:before,
#LayoutGrid7 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid7:after,
#LayoutGrid7 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid7 > .row > .col-1, #LayoutGrid7 > .row > .col-2, #LayoutGrid7 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_Card1
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 3px;
   box-shadow: 0px 0px 4px #4F4F4F;
   text-align: center;
}
#Card1-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card1-card-item0
{
   box-sizing: border-box;
   border-radius: 3px 3px 0 0 !important;
   margin: 20px 20px 0 20px;
   padding: 10px 0 0 0;
   color: #808080;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
}
#Card1-card-item1
{
   box-sizing: border-box;
   margin: 20px 20px 0 20px;
   padding: 0;
   color: #808080;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
}
#Card1-card-item2
{
   display: inline-block;
   height: 35px;
   box-sizing: border-box;
   margin: 25px 20px 20px 20px;
   padding: 10px 16px 10px 16px;
   border: 1px solid #4F4F4F;
   border-radius: 4px;
   background-color: #808080;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#Card1-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#wb_Card1:hover
{
   background-color: #E9FFE9;
   transition: background-color 3000ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0ms;
}
#wb_PanelMenu2 a, #PanelMenu2_markup li a
{
   display: block;
   text-align: left;
   vertical-align: middle;
}
#PanelMenu2_markup
{
   display: none;
   margin: 0;
   padding: 0;
}
#PanelMenu2_panel #PanelMenu2_markup
{
   display: block;
}
#PanelMenu2_markup ul
{
   list-style: none;
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#PanelMenu2_markup li a, #PanelMenu2_markup li a:hover
{
   padding: 10px 10px 10px 10px;
   box-shadow: none;
}
#PanelMenu2_markup .divider
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #C5C5C5;
}
#PanelMenu2_panel
{
   display: none;
   position: absolute;
   top: 0;
   height: 100%;
   width: 180px;
   z-index: 9999;
}
#PanelMenu2_markup li a
{
   color: #454545;
   border: 1px solid #C5C5C5;
   background-color: #F6F6F6;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
}
#wb_PanelMenu2 a
{
   color: #F7F7F7;
   border: 1px solid #000000;
   border-radius: 0px;
   background-color: #4682B4;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-align: center;
}
#PanelMenu2_markup li a:hover
{
   color: #2B2B2B;
   background-color: #EDEDED;
   border: 1px solid #CCCCCC;
}
#wb_PanelMenu2 a:hover
{
   color: #F7F7F7;
   background-color: #DC143C;
   border: 1px solid #2E2E2E;
}
#PanelMenu2_panel
{
   background-color: #F6F6F6;
   overflow-y: auto;
}
#PanelMenu2
{
   line-height: 38px;
   width: 98px;
   height: 38px;
   position: absolute;
   z-index: 999;
}
#PanelMenu2_markup ul li i
{
   font-size: 16px;
   padding: 0 10px 0 0;
   vertical-align: middle;
   width: 16px;
}
#PanelMenu2_markup span
{
   display: inline-block;
   height: 16px;
   vertical-align: middle;
   line-height: 16px;
}
#SlideShow2
{
   overflow: hidden;
   margin: 0;
   box-shadow: 0px 0px 5px #4F4F4F;
}
#SlideShow2 div
{
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 105%;
   left: -5%;
   opacity: 0;
   position: absolute;
   top: -5%;
   transition: opacity 3s, transform 6000ms;
   width: 105%;
   z-index: 2;
}
#SlideShow2 .bottom-left
{
   transform-origin: bottom left;
}
#SlideShow2 .top-right
{
   transform-origin: top right;
}
#SlideShow2 .top-left
{
   transform-origin: top left;
}
#SlideShow2 .bottom-right
{
   transform-origin: bottom right;
}
#SlideShow2 .active:first-child + span + div ~ div
{
   z-index: 1;
}
#SlideShow2 .active
{
   transform: scale(1.5) translate(2.5%);
   opacity: 1;
}