/*--Block Section--*/
section.block_1 
{
    background-color: #000; 
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../App_Image/App_Back/section_sqr.jpg);
}
section.block_1 section.strip
{
    align-items: center;
    border-top: 1px solid #ffd700;
    border-image: linear-gradient(to right, #8f6B29, #FDE08D, #DF9F28);
    border-image-slice: 1; 
}
section.block_1 div.col
{
    display: flex; 
    align-items: flex-end; height: 450px;
}
section.block_1 div.col:nth-child(1)
{
    min-width: 450px; margin-right: 10px;
}
section.block_1 div.col:nth-child(2)
{
    width: 100%; position: relative; 
}
section.block_1 div.text
{
    font-family: Verdana, Arial, Sans-Serif; 
}
section.block_1 div.tit
{
    color: #ffd700; 
    font-style: italic; font-weight: bold; font-size: 16pt; 
}
section.block_1 div.tit_sub
{
    color: #fff; padding-top: 20px;
    font-style: italic; font-size: 12pt; 
}
section.block_1 div.line
{
    width: 200px; margin: 80px 0px 30px 0px;
    border-top: 1px solid transparent;
    border-image: linear-gradient(to right, #8f6B29, #FDE08D, #DF9F28);
    border-image-slice: 1;
}
section.block_1 div.txt
{
    color: #fff; font-size: 12pt; 
}
section.block_1 div.button
{
    margin: 80px 0px 7px 0px; 
}
section.block_1 div.button a
{
    display: inline-block;
    padding: 20px 50px;
    background-color: #000; color: #fff;
    font-family: myEarthOrbiter, Verdana, Arial, Sans-Serif;
    border: 1px solid transparent;
    border-image: linear-gradient(to right, #8f6B29, #FDE08D, #DF9F28);
    border-image-slice: 1;
}
section.block_1 div.button a:hover
{
    color: #ffd700;
}
section.block_1 div.media
{
    background-color: transparent; align-self: center; margin: 0 auto;
}
section.block_1 div.media img
{
    position: relative; z-index: 0;     
    width: 500px; border: 1px solid transparent;
    border-image: linear-gradient(to right, #8f6B29, #FDE08D, #DF9F28);
    border-image-slice: 1;
}
section.block_1 div.slide_lbl
{
    position: absolute; z-index: 1; 
    margin-top: -33px; right: 0px; 
}
section.block_1 div.slide_txt
{
    display: none; text-align: center;
    font-size: 16px; padding: 20px 30px; width: 200px;
    background-color: #000; color: #fff; border: solid 1px #fff;
    font-family: myEarthOrbiter, Verdana, Arial, Sans-Serif; 
}
section.block_1 div.slide_cur
{
    display: block;
    border: 1px solid transparent;
    border-image: linear-gradient(to right, #8f6B29, #FDE08D, #DF9F28);
    border-image-slice: 1;
}
/*--Block Section--*/
section.block_2 
{
    color: #000;
    background-color: #fff;
}
section.block_2 div.row
{
    width: 1080px;
    align-items: center;
}
section.block_2 div.row:nth-child(1)
{
    justify-items: right;
    align-items: center;
}
section.block_2 div.row:nth-child(2)
{
    justify-items: left;
}
section.block_2 div.col
{
    padding: 30px 20px; cursor: pointer;
    display: flex; flex-direction: column;
    width: calc(100% - 100px); height: 250px;
    background-color: #edefee; border: solid 1px #fff;
    background: -webkit-linear-gradient(to bottom, #edefee, #d4d4d4);  
    background: linear-gradient(to bottom, #edefee, #d4d4d4); 
    -webkit-box-shadow: -10px 10px 20px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -10px 10px 20px 1px rgba(0,0,0,0.2);
    box-shadow: -10px 10px 20px 1px rgba(0,0,0,0.2); 
}
section.block_2 div.col:hover
{
    border: 1px solid transparent;
    border-image: linear-gradient(to right, #8f6B29, #FDE08D, #DF9F28);
    border-image-slice: 1;
}
section.block_2 div.row:nth-child(1) div.col:nth-child(1)
{
    margin-top: 30px; margin-right: 30px;
}
section.block_2 div.row:nth-child(1) div.col:nth-child(2)
{
    margin-top: 30px; margin-right: 30px;
}
section.block_2 div.row:nth-child(2) div.col:nth-child(1)
{
    margin-top: 30px; margin-left: 30px;
}
section.block_2 div.row:nth-child(2) div.col:nth-child(2)
{
    margin-top: 30px; margin-left: 30px;
}
section.block_2 div.icon
{

}
section.block_2 div.icon img
{
    height: 80%; border-radius: 5px;
}
section.block_2 div.title
{
    display: flex;
    flex: 2; width: 100%;
}
section.block_2 div.title h3 
{
    align-self: center;
}
section.block_2 div.text
{
    display: flex;
    flex: 1; width: 100%;
}
section.block_2 div.text span
{
    align-self: center;
}
/*--Block Section--*/
section.block_3 
{
    background: #edefee;  
    background: -webkit-linear-gradient(to left, #edefee, #edefee, #d8d8d8);  
    background: linear-gradient(to left, #edefee, #edefee, #d8d8d8); 
}
section.block_3 div.tit 
{
    color: #000;
    text-shadow: -5px 5px 5px #808080;
    font-style: italic; font-weight: bold; font-size: 16pt; 
}
section.block_3 div.col:nth-child(1)
{
    display: flex; width: 250px;
    flex-direction: column; 
    margin: 80px 20px 80px 0px; 
}
section.block_3 div.col:nth-child(2)
{
    display: flex; justify-content: center;
    flex-direction: column; width: calc(100% - 250px);
    margin: 30px 0px 30px 0px; padding: 50px 50px;
    background-color: #f5f5f5; border: solid 1px #dcdcdc;
}
section.block_3 div.sub_col
{
    flex: 1;
}
section.block_3 div.sub_col:nth-child(1)
{
    flex-basis: 50px;
}
section.block_3 div.sub_col:nth-child(2)
{
    flex-basis: 100px; 
}
section.block_3 div.sub_col:nth-child(3)
{
    flex-basis: calc(100% - 100px); 
}
section.block_3 div.lnk
{
    display: flex; height: 100%; 
    flex-direction: column; justify-content: space-between; 
}
section.block_3 div.lnk a
{
    color: #808080; text-decoration: none; 
}
section.block_3 div.lnk a.sel
{
    color: #000;
    text-shadow: -5px 5px 5px #808080;
}
section.block_3 div.line
{
    width: 200px; margin: 73px 0px 0px 0px;
    border-top: 1px solid transparent;
    border-image: linear-gradient(to right, #8f6B29, #FDE08D, #DF9F28);
    border-image-slice: 1;
}
section.block_3 div.media
{
    position: relative; 
    display: flex; height: 100%; width: 100%;
    flex-direction: column; font-size: 10pt; background-color: #fff;
    background-size: auto; background-repeat: no-repeat; background-position: center;
    border: 1px solid transparent;
    border-image: linear-gradient(to right, #8f6B29, #FDE08D, #DF9F28);
    border-image-slice: 1;
    -webkit-box-shadow: -10px 5px 20px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -10px 5px 20px 1px rgba(0,0,0,0.2);
    box-shadow: -10px 5px 20px 1px rgba(0,0,0,0.2);
}
section.block_3 div.media_trv0
{
    background-image: url(../App_Image/App_Back/screen_trv0.jpg);
}
section.block_3 div.media_trv1
{
    background-image: url(../App_Image/App_Back/screen_trv1.jpg);
}
section.block_3 div.media_trv2
{
    background-image: url(../App_Image/App_Back/screen_trv2.jpg);
}
section.block_3 div.media_grd0
{
    background-image: url(../App_Image/App_Back/screen_grd0.jpg);
}
section.block_3 div.media_grd1
{
    background-image: url(../App_Image/App_Back/screen_grd1.jpg);
}
section.block_3 div.media_grd2
{
    background-image: url(../App_Image/App_Back/screen_grd2.jpg);
}
section.block_3 div.media_car0
{
    background-image: url(../App_Image/App_Back/screen_car0.jpg);
}
section.block_3 div.media_car1
{
    background-image: url(../App_Image/App_Back/screen_car1.jpg);
}
section.block_3 div.media_sub0
{
    background-image: url(../App_Image/App_Back/screen_sub0.jpg);
}
section.block_3 div.media_sub1
{
    background-image: url(../App_Image/App_Back/screen_sub1.jpg);
}
section.block_3 div.media_sub2
{
    background-image: url(../App_Image/App_Back/screen_sub2.jpg);
}
section.block_3 div.media_lst0
{
    background-image: url(../App_Image/App_Back/screen_lst0.jpg);
}
section.block_3 div.media_lst1
{
    background-image: url(../App_Image/App_Back/screen_lst1.jpg);
}
section.block_3 div.media_lst2
{
    background-image: url(../App_Image/App_Back/screen_lst2.jpg);
}
section.block_3 div.media_lst3
{
    background-image: url(../App_Image/App_Back/screen_lst3.jpg);
}
section.block_3 div.media_mgt0
{
    background-image: url(../App_Image/App_Back/screen_mgt0.jpg);
}
section.block_3 div.media_mgt1
{
    background-image: url(../App_Image/App_Back/screen_mgt1.jpg);
}
section.block_3 div.media_mgt2
{
    background-image: url(../App_Image/App_Back/screen_mgt2.jpg);
}
section.block_3 div.media_mob0
{
    background-image: url(../App_Image/App_Back/screen_mob.jpg);
}
section.block_3 div.col:nth-child(2):hover div.button_pri 
{
    display: block;
}
section.block_3 div.col:nth-child(2):hover div.button_nex 
{
    display: block;
}
section.block_3 div.media div.button_pri
{
    position: absolute; cursor: pointer; display: none;
    top: calc(50% - 26px); left: -30px; padding: 0px 20px 5px 20px;
    border: 1px solid transparent; font-weight: bold; 
    border-image: linear-gradient(to right, #8f6B29, #FDE08D, #DF9F28);
    border-image-slice: 1; background-color: #f5f5f5; 
    font-family: Arial, Sans-Serif; font-size: 30pt;
    -ms-user-select: none; user-select: none;
    -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
}
section.block_3 div.media div.button_nex
{
    position: absolute; cursor: pointer; display: none;
    top: calc(50% - 26px); right: -30px; padding: 0px 20px 5px 20px;
    border: 1px solid transparent; font-weight: bold; 
    border-image: linear-gradient(to right, #8f6B29, #FDE08D, #DF9F28);
    border-image-slice: 1; background-color: #f5f5f5; 
    font-family: Arial, Sans-Serif; font-size: 30pt;
    -ms-user-select: none; user-select: none;
    -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;
}
section.block_3 div.media div.label
{
    position: absolute; 
    top: -25px; right: -15px; padding: 15px 50px;
    border: 1px solid transparent; font-weight: bold; 
    border-image: linear-gradient(to right, #8f6B29, #FDE08D, #DF9F28);
    border-image-slice: 1; background-color: #f5f5f5;
}
section.block_3 div.media div.message
{
    position: absolute;
    right: -15px; bottom: -18px;
    padding: 10px 10px; background-color: #f5f5f5;
    border: 1px solid transparent;  
    border-image: linear-gradient(to right, #8f6B29, #FDE08D, #DF9F28);
    border-image-slice: 1; text-align: right;
}
section.block_3 div.media span
{
    display: none; 
}
section.block_3 div.media span.sel
{
    display: block;
}
/*--Block Section--*/
section.block_4 
{
    color: #000;
    background: #fff;  
}
section.block_4 div.col
{
    padding: 30px 20px; cursor: pointer;
    display: flex; flex-direction: column;
    margin-top: 150px; margin-bottom: 150px;
    background-color: #edefee; border: solid 1px #fff;
    background: -webkit-linear-gradient(to bottom, #edefee, #d4d4d4);  
    background: linear-gradient(to bottom, #edefee, #d4d4d4); 
    -webkit-box-shadow: -10px 10px 20px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: -10px 10px 20px 1px rgba(0,0,0,0.2);
    box-shadow: -10px 10px 20px 1px rgba(0,0,0,0.2); 
}
section.block_4 div.col:hover
{
    border: 1px solid transparent;
    border-image: linear-gradient(to right, #8f6B29, #FDE08D, #DF9F28);
    border-image-slice: 1;
}
section.block_4 div.col:nth-child(1)
{
    flex: 1;
    margin-left: 0px; 
}
section.block_4 div.col:nth-child(2)
{
    flex: 1;
    margin-left: 30px; margin-right: 30px;
}
section.block_4 div.col:nth-child(3)
{
    flex: 1;
    margin-right: 0px; 
}
section.block_4 div.icon
{
    flex: 1; width: 100%; height: 30px;
}
section.block_4 div.icon img
{
    height: 100%; border-radius: 5px;
}
section.block_4 div.title
{
    display: flex;
    flex: 2; width: 100%;
}
section.block_4 div.title h3 
{
    align-self: center;
}
section.block_4 div.text
{
    display: flex;
    flex: 1; width: 100%;
}
section.block_4 div.text span
{
    align-self: center;
}