div#container
{
   width: 970px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #F0F8FF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 43px;
   line-height: 47px;
}
#wb_Text1 p, #wb_Text1 ul
{
   margin: 0;
   padding: 0;
   list-style-position: inside;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2
{
   color: #000000;
   font-family: Tahoma;
   font-weight: 400;
   font-size: 21px;
   line-height: 25px;
}
#wb_Text2 p, #wb_Text2 ul
{
   margin: 0;
   padding: 0;
   list-style-position: inside;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border-top-width: 17px;
   border-right-width: 17px;
   border-bottom-width: 20px;
   border-left-width: 17px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #FFFFFF;
   border-right-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
   border-left-color: #FFFFFF;
   border-image-source: url('images/cupertino-1.png');
   border-image-slice: 17 17 20 17;
   border-image-width: 17px 17px 20px 17px;
   border-image-repeat: stretch;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_CssMenu1
{
   border: 0px solid #C0C0C0;
   border-radius: 0px;
   background-color: transparent;
   margin: 0;
   text-align: left;
}
#wb_CssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
    font-size: 0;
}
#wb_CssMenu1 li
{
   display: inline-block;
   margin: 0;
   padding: 0px 0px 0px 0px;
   width: 49.99%;
}
#wb_CssMenu1 a
{
   display: block;
   color: #FFFFFF;
   border: 1px solid #0D6EFD;
   border-radius: 0px;
   background-color: #0D6EFD;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
   vertical-align: middle;
}
#wb_CssMenu1 > ul > li > a
{
   width: calc(100% - 4px);
   box-sizing: border-box;
   height: 28px;
   padding: 0 5px 0px 5px;
   line-height: 26px;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #FFFFFF;
   border: 1px solid #0A58CA;
   background-color: #0B5ED7;
   background-image: none;
}
#wb_CssMenu1 li.firstmain
{
   padding-left: 0px;
}
#wb_CssMenu1 li.lastmain
{
   padding-right: 0px;
}
#wb_CssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#CssMenu1 li i
{
   font-size: 13px;
   margin-right: 4px;
   width: 15px;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border-top-width: 17px;
   border-right-width: 17px;
   border-bottom-width: 20px;
   border-left-width: 17px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #FFFFFF;
   border-right-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
   border-left-color: #FFFFFF;
   border-image-source: url('images/cupertino-1.png');
   border-image-slice: 17 17 20 17;
   border-image-width: 17px 17px 20px 17px;
   border-image-repeat: stretch;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#MediaPlayer1
{
   box-sizing: border-box;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text3
{
   color: #000000;
   font-family: Arial;
   font-weight: 400;
   font-size: 13px;
   line-height: 16px;
}
#wb_Text3 p, #wb_Text3 ul
{
   margin: 0;
   padding: 0;
   list-style-position: inside;
}
#wb_CssMenu1
{
   position: absolute;
   left: 250px;
   top: 475px;
   width: 248px;
   height: 42px;
   z-index: 3;
}
#wb_Image1
{
   position: absolute;
   left: 234px;
   top: 128px;
   width: 502px;
   height: 283px;
   z-index: 2;
}
#wb_Image2
{
   position: absolute;
   left: 234px;
   top: 552px;
   width: 504px;
   height: 238px;
   z-index: 4;
}
#wb_Text1
{
   position: absolute;
   left: 181px;
   top: 42px;
   width: 608px;
   height: 47px;
   text-align: center;
   z-index: 0;
}
#wb_Text2
{
   position: absolute;
   left: 446px;
   top: 420px;
   width: 301px;
   height: 25px;
   z-index: 1;
}
#wb_Text3
{
   position: absolute;
   left: 250px;
   top: 526px;
   width: 167px;
   height: 16px;
   z-index: 6;
}
#wb_MediaPlayer1
{
   position: absolute;
   left: 782px;
   top: 20px;
   width: 151px;
   height: 199px;
   z-index: 5;
}
@media only screen and (min-width: 1920px)
{
div#container
{
   width: 1920px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#wb_Text1
{
   left: 398px;
   top: 32px;
   width: 1125px;
   height: 82px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-size: 53px;
   margin: 0;
   padding: 0;
   text-align: center;
   line-height: 59px;
}
#wb_Text2
{
   left: 855px;
   top: 483px;
   width: 419px;
   height: 35px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   font-size: 29px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 35px;
}
#wb_Image1
{
   left: 653px;
   top: 114px;
   width: 615px;
   height: 343px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_CssMenu1
{
   left: 675px;
   top: 548px;
   visibility: visible;
   display: block;
   margin: 0;
   text-align: left;
}
#wb_CssMenu1 li
{
   width: 49.99%;
}
#wb_CssMenu1 a
{
   color: #FFFFFF;
   border: 1px solid #0D6EFD;
   border-radius: 0px;
   background-color: #0D6EFD;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
}
#wb_CssMenu1 > ul > li > a
{
   width: calc(100% - 4px);
   box-sizing: border-box;
   height: 28px;
   padding: 0 5px 0px 5px;
   line-height: 26px;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #FFFFFF;
   border: 1px solid #0A58CA;
   background-color: #0B5ED7;
   background-image: none;
}
#wb_CssMenu1 li
{
   padding: 0px 0px 0px 0px;
}
#wb_Image2
{
   left: 653px;
   top: 601px;
   width: 618px;
   height: 284px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_MediaPlayer1
{
   left: 1319px;
   top: 32px;
   width: 195px;
   height: 220px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Text3
{
   left: 675px;
   top: 590px;
   width: 167px;
   height: 16px;
   visibility: visible;
   display: inline;
   box-shadow: 0px 0px 0px #000000;
}
#wb_Text3
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 18px;
}
}
@media only screen and (min-width: 1280px) and (max-width: 1919px)
{
div#container
{
   width: 1280px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#wb_Text1
{
   left: 310px;
   top: 38px;
   width: 660px;
   height: 72px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-size: 64px;
   margin: 0;
   padding: 0;
   text-align: center;
   line-height: 71px;
}
#wb_Text2
{
   left: 595px;
   top: 522px;
   width: 362px;
   height: 31px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   font-size: 27px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 32px;
}
#wb_Image1
{
   left: 307px;
   top: 139px;
   width: 667px;
   height: 370px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_CssMenu1
{
   left: 324px;
   top: 574px;
   visibility: visible;
   display: block;
   margin: 0;
   text-align: left;
}
#wb_CssMenu1 li
{
   width: 49.99%;
}
#wb_CssMenu1 a
{
   color: #FFFFFF;
   border: 1px solid #0D6EFD;
   border-radius: 0px;
   background-color: #0D6EFD;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
}
#wb_CssMenu1 > ul > li > a
{
   width: calc(100% - 4px);
   box-sizing: border-box;
   height: 28px;
   padding: 0 5px 0px 5px;
   line-height: 26px;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #FFFFFF;
   border: 1px solid #0A58CA;
   background-color: #0B5ED7;
   background-image: none;
}
#wb_CssMenu1 li
{
   padding: 0px 0px 0px 0px;
}
#wb_Image2
{
   left: 307px;
   top: 636px;
   width: 667px;
   height: 370px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_MediaPlayer1
{
   left: 1039px;
   top: 19px;
   width: 168px;
   height: 191px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Text3
{
   left: 324px;
   top: 618px;
   width: 167px;
   height: 16px;
   visibility: visible;
   display: inline;
   box-shadow: 0px 0px 0px #000000;
}
#wb_Text3
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1279px)
{
div#container
{
   width: 768px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#wb_Text1
{
   left: 20px;
   top: 34px;
   width: 660px;
   height: 55px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-size: 48px;
   margin: 0;
   padding: 0;
   text-align: center;
   line-height: 53px;
}
#wb_Text2
{
   left: 379px;
   top: 500px;
   width: 333px;
   height: 29px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 29px;
}
#wb_Image1
{
   left: 51px;
   top: 117px;
   width: 667px;
   height: 370px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_CssMenu1
{
   left: 79px;
   top: 534px;
   visibility: visible;
   display: block;
   margin: 0;
   text-align: left;
}
#wb_CssMenu1 li
{
   width: 49.99%;
}
#wb_CssMenu1 a
{
   color: #FFFFFF;
   border: 1px solid #0D6EFD;
   border-radius: 0px;
   background-color: #0D6EFD;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
}
#wb_CssMenu1 > ul > li > a
{
   width: calc(100% - 4px);
   box-sizing: border-box;
   height: 28px;
   padding: 0 5px 0px 5px;
   line-height: 26px;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #FFFFFF;
   border: 1px solid #0A58CA;
   background-color: #0B5ED7;
   background-image: none;
}
#wb_CssMenu1 li
{
   padding: 0px 0px 0px 0px;
}
#wb_Image2
{
   left: 51px;
   top: 604px;
   width: 667px;
   height: 370px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_MediaPlayer1
{
   left: 618px;
   top: 13px;
   width: 95px;
   height: 108px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Text3
{
   left: 79px;
   top: 594px;
   width: 167px;
   height: 16px;
   visibility: visible;
   display: inline;
   box-shadow: 0px 0px 0px #000000;
}
#wb_Text3
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
div#container
{
   width: 480px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#wb_Text1
{
   left: 10px;
   top: 29px;
   width: 410px;
   height: 39px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-size: 35px;
   margin: 0;
   padding: 0;
   text-align: center;
   line-height: 38px;
}
#wb_Text2
{
   left: 222px;
   top: 380px;
   width: 258px;
   height: 22px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   font-size: 19px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 22px;
}
#wb_Image1
{
   left: 0px;
   top: 91px;
   width: 480px;
   height: 272px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_CssMenu1
{
   left: 20px;
   top: 434px;
   visibility: visible;
   display: block;
   margin: 0;
   text-align: left;
}
#wb_CssMenu1 li
{
   width: 49.99%;
}
#wb_CssMenu1 a
{
   color: #FFFFFF;
   border: 1px solid #0D6EFD;
   border-radius: 0px;
   background-color: #0D6EFD;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
}
#wb_CssMenu1 > ul > li > a
{
   width: calc(100% - 4px);
   box-sizing: border-box;
   height: 28px;
   padding: 0 5px 0px 5px;
   line-height: 26px;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #FFFFFF;
   border: 1px solid #0A58CA;
   background-color: #0B5ED7;
   background-image: none;
}
#wb_CssMenu1 li
{
   padding: 0px 0px 0px 0px;
}
#wb_Image2
{
   left: 0px;
   top: 503px;
   width: 480px;
   height: 272px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_MediaPlayer1
{
   left: 400px;
   top: 11px;
   width: 80px;
   height: 88px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Text3
{
   left: 20px;
   top: 491px;
   width: 167px;
   height: 16px;
   visibility: visible;
   display: inline;
   box-shadow: 0px 0px 0px #000000;
}
#wb_Text3
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
}
@media only screen and (max-width: 479px)
{
div#container
{
   width: 320px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#wb_Text1
{
   left: 18px;
   top: 41px;
   width: 221px;
   height: 27px;
   visibility: visible;
   display: inline;
}
#wb_Text1
{
   font-size: 24px;
   margin: 0;
   padding: 0;
   text-align: center;
   line-height: 27px;
}
#wb_Text2
{
   left: 16px;
   top: 303px;
   width: 226px;
   height: 19px;
   visibility: visible;
   display: inline;
}
#wb_Text2
{
   font-size: 16px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 19px;
}
#wb_Image1
{
   left: 1px;
   top: 97px;
   width: 320px;
   height: 189px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_CssMenu1
{
   left: 17px;
   top: 338px;
   visibility: visible;
   display: block;
   margin: 0;
   text-align: left;
}
#wb_CssMenu1 li
{
   width: 49.99%;
}
#wb_CssMenu1 a
{
   color: #FFFFFF;
   border: 1px solid #0D6EFD;
   border-radius: 0px;
   background-color: #0D6EFD;
   background-image: none;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   text-align: center;
}
#wb_CssMenu1 > ul > li > a
{
   width: calc(100% - 4px);
   box-sizing: border-box;
   height: 28px;
   padding: 0 5px 0px 5px;
   line-height: 26px;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
   color: #FFFFFF;
   border: 1px solid #0A58CA;
   background-color: #0B5ED7;
   background-image: none;
}
#wb_CssMenu1 li
{
   padding: 0px 0px 0px 0px;
}
#wb_Image2
{
   left: 1px;
   top: 409px;
   width: 318px;
   height: 188px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#wb_MediaPlayer1
{
   left: 245px;
   top: 12px;
   width: 73px;
   height: 86px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#wb_Text3
{
   left: 18px;
   top: 391px;
   width: 167px;
   height: 16px;
   visibility: visible;
   display: inline;
   box-shadow: 0px 0px 0px #000000;
}
#wb_Text3
{
   font-size: 15px;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 16px;
}
}