/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 04.11.2017, 18:18:15
    Author     : Roland
*/

#content_xpic{
    position: absolute;
    top:10px;
    left:10px;
    z-index: 9999;
}

.openMaps,
.openWeathers,
.myeMail,
.actDate,
.mypic,
.myweather,
.bottomLine,
.title_1,
.title_2,
.title_3,
.title_4,
.title_5,
.title_6,
.title_7,
.title_8,
.cpld2_hp,
.cpld2_top1,
.cpld2_top2,
.cpld2_hw,
.cpld2_ds,
.cpld2_pcb,
.cpld2_manuf,
.cpld2_shematic,
.cpld3_text1,
.cpld3_video1,
.cpld3_text2,
.cpld3_video2,
.cpld3_hp{
    position: absolute;
}

.strdl{
    position: absolute;
    top:200px;
    left:50px;
}

.strdl_lnk{
    position: absolute;
    top:170px;
    left:50px;
}

.hometitle{
    font-family: Verdana;
    font-style: italic;
    color: cornflowerblue;
    text-align: center;
    font-weight: bold;
    height: 30px;
    font-size: 30px;
}

.myeMail,
.webFb,
.actDate,
.openMaps,
.openWeathers{
    width: 100%;
    height: 80px;
}

#hp_background{
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #2F2727, #1a82f7);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #2F2727, #1a82f7);
    /* IE 10 */
    background: -ms-linear-gradient(top, #2F2727, #1a82f7);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #2F2727, #1a82f7);    
    
    position: absolute;
    overflow: auto;
}

.bottomLine{
    font-family: Verdana;
    font-style: italic;
    color: yellow;
    font-weight: bold;
    overflow: hidden;
    top:750px;
    left:0px;
    width: 95%;
    font-size: 12px;
    text-align: center;
    padding-left: 5%;
}

a:link    {color:yellow; background-color:transparent; text-decoration:none}
a:visited {color:yellow; background-color:transparent; text-decoration:none}
a:hover   {color:yellow; background-color:transparent; text-decoration:underline}
a:active  {color:yellow; background-color:transparent; text-decoration:underline}

/* CPLD PCB Page */
.webFb,
.top_link1,
.top_link2,
.top_link3,
.top_link4,
#cpld2_text4,
#cpld2_text5,
#cpld2_text6,
#cpld2_text7,
#cpld2_text8,
#cpld2_text9,
.cpld3_text1,
.cpld3_text2,
.cpld3_hp,
.cpld4_hp,
.content_home,
.content_download,
.content_bw,
.content_dip,
.content_zwz,
.content_bew,
.content_top,
.cpld_text1,
.cpld_text2,
.cpld_text3,
.cpld_text4,
.cpld_text5,
.cpld_text6,
.cpld_hp,
.cpld4_text2,
.cpld4_text3,
.cpld4_text4,
.cpld4_download,
.matrix_text1,
.matrix_text2,
.matrix_text3,
.matrix_text4,
.matrix_text5,
.matrix_text6,
.matrix_text7,
.matrix_text8,
.matrix_hp,
.matrix2_hp,
.matrix3_hp,
.ledcl_hp1,
.ledcl_hp2,
.ledcl_hp3,
.ledcl_video1,
.ledcl_text1,
.ledcl_text2,
.ledcl_text3,
.datalog_txt1,
.datalog_txt2,
.datalog_txt3,
.datalog_hp,
.cube_index1,
.cube_index2,
.cube_index3,
.cube_index4,
.cube_index5,
.cube_index6,
.cube_index7,
.cube_index8,
.wifi_txt1,
.wifi_txt2,
.wifi_txt3,
.wifi_hp,
.wifi_hp2,
#datensch,
#impressum,
#datenschutz,
#imp_back{
    position: absolute;
    font-family: Verdana;
    font-style: italic;
    color: yellow;
    font-weight: bold;
    overflow: hidden;
    font-size: 12px;
}

#datensch{
    width: 99%;
    text-align: right;
    font-size: 10px;
    font-weight: normal;
}

#impressum,
#datenschutz,
#imp_back{
    position: relative;
    left:5%;
    width:90%;
}
.top_link1,
.top_link2,
.top_link3,
.top_link4{
    cursor: pointer;
}

.cpld2_hp{
    top: 1120px;
    left: 75%;
    height: 50px;
}
.cpld2_top1{
    top: 140px;
    left: 10%;
    height: 50px;
}
.cpld2_top2{
    top: 195px;
    left: 10%;
    height: 50px;
}
.cpld2_hw{
    top: 240px;
    left: 10%;
    height: 170px;
}
.cpld2_ds{
    top: 430px;
    left: 10%;
    height: 200px;
}
.cpld2_pcb{
    position: absolute;
    display: inline;
    top: 300px;
    left: 50%;
}
.cpld2_manuf{
    top: 650px;
    left: 10%;
    height: 150px;
}
.cpld2_shematic{
    position: absolute;
    display: inline;
    top: 700px;
    left: 20%;
    outline: slategray;
}
/* CPLD PCB Video */
.cpld3_text1{
    top: 150px;
    left: 10%;
}
.cpld3_video1{
    display: inline;
    top: 180px;
    left: 10%;
}
.cpld3_text2{
    top: 610px;
    left: 40%;
}
.cpld3_video2{
    display: inline;
    top: 640px;
    left: 40%;
}
.cpld3_hp{
    top: 900px;
    left: 75%;
    height: 50px;
}

/* CPLD Antrieb */
.cpld4_text2{
    left: 670px;
    top: 180px;
}
.cpld4_emb1{
    position: absolute;
    display: inline;
    top: 180px;
    left: 50px;
}
.cpld4_text3{
    left: 720px;
    top: 700px;
}
.cpld4_emb2{
    position: absolute;
    display: inline;
    top: 700px;
    left: 100px;
}
.cpld4_text4{
    left: 770px;
    top: 1220px;
}
.cpld4_emb3{
    position: absolute;
    display: inline;
    top: 1220px;
    left: 150px;
}
.cpld4_download{
    position: absolute;
    top: 1740px;
    left: 50px;
}
.cpld4_hp{
    left: 75%;
    top: 1840px;
}

/* LED Cube */
.cube_index1{
    width: 300px;
    top: 60px;
    left: 180px;
}
.cube_index2{
    width: 90%;
    top: 295px;
    left: 180px;
}
.cube_index4{
    width: 300px;
    top: 350px;
    left: 180px;
}
.cube_index3{
    width: 300px;
    top: 480px;
    left: 40%;
}
.cube_index5{
    height: 500px;
    top: 520px;
    left: 5%;
}
.cube_index6{
    height: 500px;
    top: 520px;
    left: 55%;
}
.cube_index7{
    width: 370px;
    top: 1060px;
    left: 5%;
}
.cube_index8{
    width: 300px;
    top: 1060px;
    left: 45%;
}

/* CPLD Clock */
.cpld_text1{
    top: 100px;
    left: 10%;
    height: 50px;
}
.cpld_text2{
    top: 160px;
    left: 10%;
    height: 30px;
}
.cpld_text3{
    top: 190px;
    left: 10%;
    height: 30px;
}
.cpld_text4{
    top: 220px;
    left: 10%;
    height: 90px;
}
.cpld_emb4{
    position: absolute;
    top: 320px;
    left: 5%;
}
.cpld_emb5{
    position: absolute;
    top: 320px;
    left: 50%;
}
.cpld_text5{
    top: 820px;
    left: 10%;
    height: 70px;
}
.cpld_text6{
    top: 900px;
    left: 10%;
    height: 80px;
}
.cpld_hp{
    top: 1000px;
    left: 75%;
}

/* LED Matrix */
.matrix2_video1,
.matrix2_video2,
.matrix2_video3,
.matrix_pic1,
.matrix_pic2,
.matrix_pic3,
.matrix_pic4,
.matrix_pic5,
.matrix_pic6,
.matrix_pic7,
.matrix_pic8{
    position: absolute;
}
.matrix_pic1{
    top: 120px;
    left: 50%;
}
.matrix_text1{
    top: 330px;
    left: 50%;
}
.matrix_pic2{
    top: 240px;
    left: 5%;
}
.matrix_text2{
    top: 400px;
    left: 5%;
}
.matrix_pic3{
    top: 450px;
    left: 55%;
}
.matrix_text3{
    top: 630px;
    left: 55%;
}
.matrix_pic4{
    top: 580px;
    left: 9%;
}
.matrix_text4{
    top: 710px;
    left: 9%;
}
.matrix_pic5{
    top: 780px;
    left: 45%;
}
.matrix_text5{
    top: 910px;
    left: 45%;
}
.matrix_pic6{
    top: 960px;
    left: 55%;
}
.matrix_text6{
    top: 1090px;
    left: 55%;
}
.matrix_pic7{
    top: 1130px;
    left: 30%;
}
.matrix_text7{
    top: 1265px;
    left: 30%;
}
.matrix_pic8{
    top: 1310px;
    left: 10%;
}
.matrix_text8{
    top: 1450px;
    left: 10%;
}
.matrix_hp{
    top: 1480px;
    left: 75%;
}
/* LED Matrix Video */
.matrix2_video1{
    top: 100px;
    left: 15%;
}
.matrix2_video2{
    top: 430px;
    left: 20%;
}
.matrix2_video3{
    top: 850px;
    left: 25%;
}
.matrix2_hp{
    top: 1150px;
    left: 75%;
}

/* LED Matrix Docu */
.matrix3_emb1,
.matrix3_emb2,
.matrix3_emb3{ 
    position: absolute;
}
.matrix3_emb1{
    top: 100px;
    left: 10%;
}
.matrix3_emb2{
    top: 570px;
    left: 15%;
}
.matrix3_emb3{
    top: 1350px;
    left: 20%;
}
.matrix3_hp{
    top: 1520px;
    left: 75%;
}

/* LED Clock Docu */
.ledcl_video1{
    position: absolute;
}
.ledcl_video1{
    top: 130px;
    left: 15%;
}
.ledcl_emb1,
.ledcl_emb2,
.ledcl_emb3,
.ledcl_emb4{ 
    position: absolute;
}
.ledcl_text1{
    top: 390px;
    left: 15%;
}
.ledcl_hp1{
    top: 420px;
    left: 75%;
}
.ledcl_emb1{
    top: 130px;
    left: 10%;
}
.ledcl_emb2{
    top: 560px;
    left: 15%;
}
.ledcl_emb3{
    top: 990px;
    left: 20%;
}
.ledcl_text2{
    top: 1420px;
    left: 20%;
}
.ledcl_hp2{
    top: 1420px;
    left: 75%;
}
.ledcl_emb4{
    top: 130px;
    left: 15%;
}
.ledcl_text3{
    top: 560px;
    left: 15%;
}
.ledcl_hp3{
    top: 590px;
    left: 75%;
}

/* Bewerbung */
.content_home{
    position: relative;
    width: 650px;
    height: 30px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    font-size: 10px;
}
.content_download{
    position: relative;
    height: 175px;
    width: 650px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
}
.content_bew,
.content_zwz2,
.content_zwz,
.content_ad,
.content_dip,
.content_bw{
    position: relative;
    width: 650px;
    height: 810px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
}
.content_top{
    position: relative;
    width: 650px;
    height: 30px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
}
#acdate{
    position: relative;
    float: right;
}

/* Datalogger */
.datalog_txt1{
    top: 150px;
    left: 10%;
}
.datalog_pic2{
    position: absolute;
    top: 180px;
    left: 10%;
}
.datalog_txt2{
    top: 340px;
    left: 20%;
}
.datalog_pic1{
    position: absolute;
    top: 470px;
    left: 55%;
}
.datalog_txt3{
    top: 470px;
    left: 10%;
}
.datalog_hp{
    top: 670px;
    left: 75%;
}

/* WIFI Demo */
.wifi_txt1{
    top: 200px;
    left: 10%;
}
.wifi_txt2{
    top: 950px;
    left: 10%;
}
.wifi_txt3{
    top: 240px;
    left: 10%;
}
.wifi_pic1{
    position: absolute;
    top: 230px;
    left: 30%;
}
.wifi_pic2{
    position: absolute;
    top: 480px;
    left: 5%;
}
.wifi_pic3{
    position: absolute;
    top: 730px;
    left: 30%;
}
.wifi_pic4{
    position: absolute;
    top: 380px;
    left: 20%;
}
.wifi_pic5{
    position: absolute;
    top: 1130px;
    left: 10%;
}
.wifi_pic6{
    position: absolute;
    top: 1150px;
    left: 45%;
}
.wifi_pic7{
    position: absolute;
    top: 1400px;
    left: 15%;
}
.wifi_pic8{
    position: absolute;
    top: 1450px;
    left: 50%;
}
.wifi_pic9{
    position: absolute;
    top: 180px;
    left: 40%;
}
#wifiimg9{
    width: 200px;
}
.wifi_hp{
    top: 1630px;
    left: 75%;
}
.wifi_hp2{
    top: 800px;
    left: 75%;
}
/* ########################################################################## */

@media (max-width:450px) {
    /* Bewerbung */
    .content_home,
    .content_download{
        margin-top: 10px;
        width: 300px;
    }
}
@media (max-width:800px) {
    /* Top Line */
    .top_link1,
    .top_link2,
    .top_link3,
    .top_link4{
        left: 10px;        
    }
    .top_link1{
        top: 5px;
    }
    .top_link2{
        top: 140px;
    }
    .top_link3{
        top: 160px;
    }
    .top_link4{
        top: 180px;
    }
    /* CPLD PCB */
    .cpld2_top1,
    .cpld2_top2,
    .cpld2_pcb,
    .cpld2_hw,
    .cpld2_ds,
    .cpld2_manuf,
    .cpld2_shematic{
        left: 10px;        
    }
    .cpld2_top1{
        top: 220px;
    }
    .cpld2_top2{
        top: 270px;
    }
    .cpld2_pcb{
        top: 320px;
    }
    .cpld2_hw{
        top: 470px;
    }
    .cpld2_ds{
        top: 640px;
    }
    .cpld2_manuf{
        top: 820px;
    }
    .cpld2_shematic{
        top: 850px;
    }
    .cpld2_hp{
        top: 1260px;
    }

    /* CPLD PCB Video */
    .cpld3_text1,
    .cpld3_text2,
    .cpld3_video1,
    .cpld3_video2{
        left: 10px;
    }
    .cpld3_text1{
        top: 200px;
    }
    .cpld3_video1{
        top: 230px;
    }
    .cpld3_text2{
        top: 610px;
    }
    .cpld3_video2{
        top: 640px;
    }
    .cpld3_hp{
        top: 900px;
    }

    /* CPLD Antrieb */
    .cpld4_text2,
    .cpld4_text3,
    .cpld4_text4,
    .cpld4_download,
    .cpld4_emb1,
    .cpld4_emb2,
    .cpld4_emb3{
        left: 10px;
    }
    .cpld4_text2{
        top: 200px;
    }
    .cpld4_emb1{
        top: 230px;
    }
    .cpld4_text3{
        top: 760px;
    }
    .cpld4_emb2{
        top: 790px;
    }
    .cpld4_text4{
        top: 1320px;
    }
    .cpld4_emb3{
        top: 1350px;
    }
    .cpld4_download{
        top: 1860px;
    }
    .cpld4_hp{
        top: 1980px;
    }

    /* LED Cube */
    .cube_index2,
    .cube_index4,
    .cube_index7{
        left: 10px;
    }
    /* LED Cube */
    .cube_index1{
        left:0px;
        top: 200px;
        width:100%;
        text-align: center;
    }
    .cube_index2{
        top: 440px;
    }
    .cube_index4{
        top: 490px;
    }
    .cube_index3{
        left:0px;
        top: 630px;
        width:100%;
        text-align: center;
    }
    .cube_index5{
        left:0px;
        top: 680px;
        width:100%;
        text-align: center;
    }
    .cube_index6{
        left:0px;
        top: 1220px;
        width:100%;
        text-align: center;
    }
    .cube_index7{
        top: 1750px;
    }
    .cube_index8{
        left:0px;
        top: 1780px;
        width:100%;
        text-align: center;
    }

    /* LED Matrix */
    .matrix_pic1,
    .matrix_text1,
    .matrix_pic2,
    .matrix_text2,
    .matrix_pic3,
    .matrix_text3,
    .matrix_pic4,
    .matrix_text4,
    .matrix_pic5,
    .matrix_text5,
    .matrix_pic6,
    .matrix_text6,
    .matrix_pic7,
    .matrix_text7,
    .matrix_pic8,
    .matrix_text8{
        left:0px;
        width:100%;
        text-align: center;
    }
    .matrix_pic1{
        top: 200px;
    }
    .matrix_text1{
        top: 410px;
    }
    .matrix_pic2{
        top: 440px;
    }
    .matrix_text2{
        top: 600px;
    }
    .matrix_pic3{
        top: 630px;
    }
    .matrix_text3{
        top: 810px;
    }
    .matrix_pic4{
        top: 840px;
    }
    .matrix_text4{
        top: 970px;
    }
    .matrix_pic5{
        top: 1000px;
    }
    .matrix_text5{
        top: 1140px;
    }
    .matrix_pic6{
        top: 1170px;
    }
    .matrix_text6{
        top: 1300px;
    }
    .matrix_pic7{
        top: 1330px;
    }
    .matrix_text7{
        top: 1470px;
    }
    .matrix_pic8{
        top: 1500px;
    }
    .matrix_text8{
        top: 1640px;
    }
    .matrix_hp{
        top: 1680px;
    }

    /* LED Matrix Video */
    .matrix2_video1,
    .matrix2_video2,
    .matrix2_video3{
        left:0px;
        width:100%;
        text-align: center;
    }
    .matrix2_video1{
        top: 220px;
    }
    .matrix2_video2{
        top: 550px;
    }
    .matrix2_video3{
        top: 970px;
    }
    .matrix2_hp{
        top: 1250px;
    }

    /* LED Matrix Docu */
    .matrix3_emb1,
    .matrix3_emb2,
    .matrix3_emb3{
        left:0px;
        width:100%;
        text-align: center;
    }
    .matrix3_emb1{
        top: 220px;
    }
    .matrix3_emb2{
        top: 670px;
    }
    .matrix3_emb3{
        top: 1450px;
    }
    .matrix3_hp{
        top: 1620px;
    }

    /* Bewerbung */
    .content_home,
    .content_download{
        margin-top: 10px;
        width: 405px;
    }
    .content_bw,
    .content_dip,
    .content_ad,
    .content_zwz,
    .content_zwz2,
    .content_bew,
    .content_top{
        display:none;
    }

    /* CPLD Clock */
    .cpld_text1,
    .cpld_text2,
    .cpld_text3,
    .cpld_text4,
    .cpld_text5,
    .cpld_text6,
    .cpld_text7{
        left:10px;
    }
    .cpld_emb4,
    .cpld_emb5{
        left:0px;
        width:100%;
        text-align: center;            
    }
    .cpld_text1{
        top: 200px;
    }
    .cpld_text2{
        top: 270px;
    }
    .cpld_text3{
        top: 300px;
    }
    .cpld_text4{
        top: 330px;
    }
    .cpld_emb4{
        top: 430px;
    }
    .cpld_emb5{
        top: 920px;
    }
    .cpld_text5{
        top: 1400px;
    }
    .cpld_text6{
        top: 1470px;
    }
    .cpld_hp{
        top: 1550px;
    }

    /* Datalogger */
    .datalog_txt1,
    .datalog_pic2,
    .datalog_txt2,
    .datalog_pic1,
    .datalog_txt3{
        left: 10px;
    }

    .datalog_txt1{
        top: 210px;
    }
    .datalog_pic2{
        top: 240px;
    }
    .datalog_txt2{
        top: 400px;
    }
    .datalog_pic1{
        top: 550px;
    }
    .datalog_txt3{
        top: 700px;
    }
    .datalog_hp{
        top: 900px;
    }
    
    /* WIFI Demo */
    .wifi_txt1,
    .wifi_txt2,
    .wifi_txt3,
    .wifi_pic4,
    .wifi_pic1,
    .wifi_pic2,
    .wifi_pic3,
    .wifi_pic5,
    .wifi_pic7,
    .wifi_pic9{
        left: 10px;
    }
    #wifiimg9{
        width:400px;
    }
    .wifi_pic9{
        top: 400px;
    }
    .wifi_pic4{
        top: 690px;
    }
    .wifi_txt1{
        top:210px;
    }
    .wifi_pic5{
        top: 1130px;
    }
    .wifi_pic6{
        top: 1130px;
        left: 230px;
    }
    .wifi_pic7{
        top: 1400px;
    }
    .wifi_pic8{
        top: 1460px;
        left: 120px;
    }
    .wifi_hp2{
        top: 1070px;
    }

    /* LED Clock Docu */
    .ledcl_video1,
    .ledcl_text1,
    .ledcl_emb1,
    .ledcl_emb2,
    .ledcl_emb3,
    .ledcl_text2,
    .ledcl_emb4,
    .ledcl_text3{
        left: 10px;
    }

    .ledcl_video1{
        top: 200px;
    }
    .ledcl_text1{
        top: 460px;
        left: 5%;
    }
    .ledcl_hp1,
    .ledcl_hp2,
    .ledcl_hp3{
        visibility: hidden;
    }
    .ledcl_emb1{
        top: 200px;
    }
    .ledcl_emb2{
        top: 630px;
    }
    .ledcl_emb3{
        top: 1060px;
    }
    .ledcl_text2{
        top: 1490px;
    }
    .ledcl_emb4{
        top: 200px;
    }
    .ledcl_text3{
        top: 630px;
    }
    
    /* Titlepage */
    .bottomLine,
    .myweather,
    .mypic{
        display: none;
    }
    .hometitle {
        top:10px;
        width:100%; 
    }
    .title_1{
        top:50px;
    }
    .title_2{
        top:250px;
    }
    .title_3{
        top:480px;
    }
    .title_4{
        top:625px;
    }
    .title_5{
        top:820px;
    }
    .title_6{
        top:1020px;
    }
    .title_7{
        top:1180px;
    }
    .title_8{
        /* LED Uhr */
        /* visibility: hidden; */
        top:1370px;
    }
    .myeMail{
        /* eMail */
        /* top:1370px; */
        top:1520px;
    }
    .openMaps{
        /* OpenStreetMap */
        /* top:1370px; */
        top:1560px;
    }
    .openWeathers{
        /* OpenWeather */
        /* top:1370px; */
        top:1600px;
    }
    .webFb{
        /* Impressum */
        /* top:1370px; */
        top:1640px;
    }
    .actDate{
        /* top:1370px; */
        /* visibility: hidden; */
        top:1680px;
    }
    
    .openMaps,
    .actDate,
    .openWeathers,
    .myeMail,
    .webFb,
    .title_1,
    .title_2,
    .title_3,
    .title_4,
    .title_5,
    .title_6,
    .title_7,
    .title_8{
        width: 100%;
        left: 0px;
        text-align: center;
    }
}

@media (min-width:801px) {

    .top_link1{
        top: 5px;
        left: 5px;
    }
    .top_link2{
        top: 5px;
        left: 250px;
    }
    .top_link3{
        top: 25px;
        left: 300px;
    }
    .top_link4{
        top: 45px;
        left: 350px;
    }

    .mypic{
        top:5px;
        left:5px;
    }
    .myweather{
        top: 5px;
    }
    .hometitle{
        top:20px;
    }
    
    .title_1{
        top:180px;
        left:25%;
    }
    .title_2{
        top:200px;
        left:55%;
    }
    .title_3{
        top:400px;
        left:20%;
    }
    .title_4{
        top:430px;
        left:60%;
    }
    .title_5{
        top:550px;
        left: 25%;
    }
    .title_6{
        top:620px;
        left: 55%;
    }
    .title_7{
        top:750px;
        left: 35%;
    }
    .title_8{
        /* visibility: hidden; */
        top:800px;
        left: 75%;
    }
    .myeMail{
        top:950px;
        left:1%;
        width:33%;
        text-align: left;
    }
    .openMaps{
        top:950px;
        left:32%;
        width:33%;
        text-align: center;
    }
    .openWeathers{
        top:950px;
        left:65%;
        width:33%;
        text-align: right;
    }
    .actDate{
        top:1020px;
        left:65%;
        width:33%;
        text-align: right;
    }
    .webFb{
        top:1020px;
        left:1%;
        width:33%;
        text-align: left;
    }
}