@charset "utf-8";

@font-face {
    font-family: 'BarlowCondensed-Medium';
    src: url('../../../fonts/BarlowCondensed-Medium.ttf');
}

@font-face {
    font-family: 'BarlowCondensed-Bold';
    src: url('../../../fonts/BarlowCondensed-Bold.ttf');
}

@font-face {
    font-family: 'BarlowCondensed-Regular';
    src: url('../../../fonts/BarlowCondensed-Regular.ttf');
}


@font-face {
    font-family: 'BarlowCondensed-MediumItalic';

    src: url('../../../fonts/BarlowCondensed-MediumItalic.ttf');
}



@font-face {
    font-family: 'BarlowCondensed-SemiBold';

    src: url('../../../fonts/BarlowCondensed-SemiBold.ttf');
}

@font-face {
    font-family: 'BarlowCondensed-SemiBoldItalic';

    src: url('../../../fonts/BarlowCondensed-SemiBoldItalic.ttf');
}

.btn_top {
    position: fixed;
    right: 0px;
      /*top: 40%;*/
    bottom:0%;


    z-index: 999;

    width:30px;
   
}
.btn_top img{
   width:100%;

   
}

body {
    font-family: 'Ciutadella-Regular', '微軟正黑體', Arial, Verdana, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: #ffffff;
    -webkit-text-size-adjust: none;
    line-height: 150%;
    background-color: #55a7cc;
    scroll-behavior: smooth;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;

}

input,
form,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
div,
table,
img,
p,
ul,
li {
    margin: 0;
    padding: 0;
}

th {
    text-align: left;
    padding: 5px;
}

td {
    vertical-align: top;
}

#table_form td {
    vertical-align: top;
}

img {
    border: none;
}

input:focus,
textarea:focus {
    outline: none;
}

a,
a:visited {
    text-decoration: underline;
    color: #ffffff;
    -webkit-transition: color 500ms ease-out 0s;
    -moz-transition: color 500ms ease-out 0s;
    -o-transition: color 500ms ease-out 0s;
    transition: color 500ms ease-out 0s;
}

a:hover {
    color: #ffffff;
    text-decoration: underline;
    animation: color_change 0.5s;
}

ul {
    margin-left: 18px;
    margin-top: 0px;
    padding-top: 0px;
}

a:focus {
    outline: none;
}

p {
    clear: both;
    padding-bottom: 40px;
    line-height: 180%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #808285;
    font-size: 60px;
    padding-bottom: 0px;
    font-weight: normal;
}

#container {
    position: relative;
    margin: auto;
    padding: auto;
    /*
       max-width:86%;
  */
    width: 100%;
    margin-top: 0px;
}

#main_container {
    position: relative;
    margin: auto;
    padding: auto;
    width: 100%;
}

#main_content_container {
    width: 100%;
    margin: auto;
    padding: auto;
}

#main_content {
    clear: both;
    width: 100%;
    margin: auto;
    padding: auto;
    min-height: 800px;

    
    margin-top: 0px;
    background-image: url(../../images/bg.jpg?v=22);
    background-repeat: no-repeat;
	
    background-position: center top;
    z-index: 9999;

    
}

.header {
    clear: both;
    width: 100%;
    background-color: #ffffff;
    height: 70px;
}

.header_container {
    clear: both;
    height: 70px;
    max-width: 100%;
    margin: auto;
    background-color: #ffffff;
}

.banner {
    width: 100%;
    position:relative;
}

.banner img {
  
}

.header .bg {
    width: 100%;
    position: relative;
}

.header .bg .img1,
.header .bg .img2 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.header .bg img {
    width: 100%;
}

.header_content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}

.header_content_container {
    max-width: 1380px;
    margin: auto;
    padding-top: 2px;
}

.header_content_logo {
    display: block;
    padding-left: 20px;
    padding-top: 2px;
}

.header_content_logo img {
    max-height: 60px;
    max-width: 100%;
}

.header_content_logo ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.header_content_logo ul li {
    float: left;
    margin-right: 40px;
}

.header_content_logo ul li img {
    max-height: 108px;
}

.header_content_img {
    max-width: 50%;
    padding-top: 4%;
}

.header_content_img img {
    width: 100%;
}
#footer {
    clear: both;
      display:block;
   padding:50px 50px 0px 0px;
-webkit-border-top-right-radius: 200px;
-moz-border-radius-topright: 200px;
border-top-right-radius: 200px;
background: #009F96;
background: linear-gradient(90deg, rgba(0, 159, 150, 1) 0%, rgba(181, 206, 91, 1) 100%);
 
margin-top:150px;

}

#footer_container2 {
   display:block;
   padding:50px 50px 50px 50px;

-webkit-border-top-right-radius: 200px;
-moz-border-radius-topright: 200px;
border-top-right-radius: 200px;
border-top:5px solid #d5e4a8;
border-right:5px solid #d5e4a8;


}

#footer_container {
    max-width: 84%;
    margin: auto;
    position: relative;
}

.footer_left {
    float: left;
    width: 48%;
}

.footer_left .heading {
    clear: both;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ffffff;
    font-size: 32px;
    font-family: 'BarlowCondensed-SemiBold';
}

.footer_left .content a:link,
.footer_left .content a:visited {
    color: #ffffff;
    text-decoration: none;
}

.footer_left .content a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.footer_left .content table td {
    padding: 0px 10px 0px 0px;
}

.footer_left .content table td.col1 {
    padding-top: 5px;
}

.footer_right {
    float: right;
    font-size: 13px;
    line-height: 130%;
}

.agenda_footer {
    font-size: 15px;
    line-height: 130%;
    padding-top: 20px;
}

.countdown_section {
    clear: both;
    width: 100%;
}

.countdown_section_container {
    max-width: 1060px;
    margin: auto;
    position: relative;
}

.speaker_heading{
    width: 100%;

    margin-bottom: 40px;
    /*
    background-image: url(../../images/v/title.png?v=8);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 60px;*/
}


.speaker_heading_container{
  max-width:98%;
  margin:auto;
}

.table_section_title {
    width: 100%;
   
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 60px;
    font-family: 'Ciutadella-MediumIt';
}



.table_section_title td {
    vertical-align: middle;
    font-size: 50px;
    text-align: left;
    text-transform: uppercase;
    padding-left:20px;

}

.table_section_title td.col1,
.table_section_title td.col3 {}

.table_count_down td {
    vertical-align: middle;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
}

.table_count_down tr.row2 td {
    font-size: 24px;
    padding-top: 10px;
}

.count_down_box {
    float: left;
    width: 64px;
    height: 80px;
    background-color: #ffffff;
    text-align: center;
    line-height: 80px;
    color: #00AA8F;
    font-family: 'BarlowCondensed-Bold';
    margin-left: 2px;
    margin-right: 2px;
    font-size: 58px;
}

.home_button_section {
    max-width: 860px;
    margin: auto;
    margin-top: 80px;
    position: relative;
}

.table_home_button {
    /*
	width:100%;
	margin:auto;
	*/
    width: 460px;
    margin: auto;
}

.table_home_button td {
    width: 44%;
    padding-left: 3%;
    padding-right: 3%;
}

.table_home_button .item {
    width: 100%;
}

.table_home_button .item a:link,
.table_home_button .item a:visited {
    background-color: #00aa8f;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 20px 10px 25px 10px;
    font-family: 'BarlowCondensed-SemiBold';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 38px;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.table_home_button .item a:hover {
    background-color: #037966;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 20px 10px 25px 10px;
    font-family: 'BarlowCondensed-SemiBold';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 38px;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.table_home_button .item2 {
    width: 100%;
}

.table_home_button .item2 a:link,
.table_home_button .item2 a:visited {
    background-color: #00848F;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 20px 10px 25px 10px;
    font-family: 'BarlowCondensed-SemiBold';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 38px;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.table_home_button .item2 a:hover {
    background-color: #025e66;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 20px 10px 25px 10px;
    font-family: 'BarlowCondensed-SemiBold';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 38px;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.home_login_section {
    clear: both;
    width: 100%;
    padding-top: 100px;
}

.home_login_section_container {
    max-width: 860px;
    margin: auto;
    position: relative;
}

.home_login_box {
    max-width: 980px;
    min-height: 230px;
    padding: 70px 20px 30px 20px;
    background-image: url(../../images/box.png?v=22);
    background-repeat: repeat-x;
    background-position: bottom center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
}

.home_login_box .hint {
    font-size: 25px;
    padding-top: 10px;
}

.home_login_box .input_box {
    max-width: 580px;
    margin: auto;
}

input.input_login {
    width: 89%;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0px 5% 0px 5%;
    text-align: left;
    border: none;
    font-size: 25px;
    font-weight: normal;
    background-color: #ffffff;
    font-family: 'BarlowCondensed-Regular';
    color: #808080;
}

.btn_home_login {
    clear: both;
    padding-top: 40px;
    width: 250px;
    margin: auto;
}

.btn_home_login a:link,
.btn_home_login a:visited {
    background-color: #00AA8F;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 20px 10px 25px 10px;
    font-family: 'BarlowCondensed-SemiBold';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 42px;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.btn_home_login a:hover {
    background-color: #007c68;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 20px 10px 25px 10px;
    font-family: 'BarlowCondensed-SemiBold';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 42px;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.meeting_section {
    clear: both;
    width: 100%;
    padding-top: 50px;
}

.meeting_section_container {
    max-width: 100%;
    margin: auto;
    position: relative;
}

.meeting_list {
    clear: both;
    width: 100%;
}

.meeting_list .item {
    clear: both;
    width: 100%;
    margin-bottom: 140px;
    position: relative;
}

.meeting_list .item .bottom_icon {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: -5%;
    text-align: center;
}

.meeting_list .item .bottom_icon img {
    max-width: 100%;
}

.meeting_list .photo {
    float: left;
    width: 52%;
    z-index: 99;
    position: relative;
}

.meeting_list .photo img {
    max-width: 100%;
}

.meeting_list .content {
    float: right;
    width: 46%;
    text-align: center;
    color: #ffffff;
    z-index: 99;
    position: relative;
}

.meeting_list .item:nth-child(even) .photo {
    float: right;
}

.meeting_list .item:nth-child(even) .content {
    float: left;
}

.meeting_list .title {
    text-align: center;
    color: #ffffff;
    font-family: 'BarlowCondensed-MediumItalic';
    font-size: 50px;
    padding-bottom: 20px;
    line-height: 100%;
    text-transform: uppercase;
}

.meeting_list .title2 {
    text-align: center;
    color: #ffffff;
    font-family: 'BarlowCondensed-ThinItalic';
    font-size: 40px;
    padding-bottom: 20px;
    line-height: 100%;
    text-transform: uppercase;
}

.button_area {
    clear: both;
    max-width: 300px;
    margin: auto;
    padding-bottom: 40px;
}

.button_area .btn_button1 a:link,
.button_area .btn_button1 a:visited {
    background-color: #00848F;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 10px 10px 15px 10px;
    font-family: 'BarlowCondensed-SemiBold';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 30px;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.button_area .btn_button1 a:hover {
    background-color: #02666e;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 10px 10px 15px 10px;
    font-family: 'BarlowCondensed-SemiBold';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 30px;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.button_area .btn_button2 {
    padding-top: 20px;
}

.button_area .btn_button2 a:link,
.button_area .btn_button2 a:visited {
    background-color: #00AA8F;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 20px 10px 25px 10px;
    font-family: 'BarlowCondensed-SemiBold';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 46px;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.button_area .btn_button2 a:hover {
    background-color: #018a74;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 20px 10px 25px 10px;
    font-family: 'BarlowCondensed-SemiBold';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 46px;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.speaker_section {
    clear: both;
    width: 100%;
}

.speaker_section_container {
    max-width: 1060px;
    max-width: 1200px;
	 max-width: 84%;
    margin: auto;
    position: relative;
}

.speaker_section .table_section_title td.col1,
.speaker_section .table_section_title td.col3 {
    width: 300px;
}

.speaker_category {
    clear: both;
    width: 100%;
    margin-bottom: 40px;
}

.speaker_category .heading {
    display: block;
    background-image: url(../../images/title.png?v=22);
    background-position: left center;
    background-repeat: no-repeat;
    height: 45px;
    line-height: 45px;
    color: #ffffff;
    font-family: 'BarlowCondensed-SemiBold';
    font-size: 34px;
    padding-left: 30px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.speaker_category .content {
    max-width: 820px;
    margin: auto;
}

.speaker_list {
    clear: both;
    width: 100%;
}

.speaker_list .item {
    float: left;
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 5%;
    cursor: pointer;
}

.speaker_list .item .photo {
    /*
	max-width:200px;
	height:200px;
	margin:auto;
	text-align:center;
	border-radius: 50%;
	*/
    max-width: 100px;
    height: 130px;
    margin: auto;
    text-align: center;
    border-radius: 0%;
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.speaker_list .item .photo img {
    width: 100%;
}

.speaker_list .item .title {
    font-family: 'BarlowCondensed-Medium';
    font-size: 20px;
    text-align: center;
    line-height: 100%;
    padding-top: 20px;
}

.speaker_list .item .title2 {
    font-family: 'BarlowCondensed-Medium';
    font-size: 13px;
    text-align: center;
    padding-top: 5px;
    line-height: 120%;
}

.speaker_agenda {
    clear: both;
    max-width: 100%;
    margin: auto;
    margin-bottom: 60px;
}
.speaker_agenda_container{
    /*
    display:block;
    border:4px solid #ffffff;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;*/
}

.speaker_agenda .heading {
    display: block;
    background-image: url(../../images/title.png?v=22);
    background-position: left center;
    background-repeat: no-repeat;
    height: 45px;
    line-height: 45px;
    color: #ffffff;
    font-family: 'BarlowCondensed-SemiBold';
    font-size: 34px;
    padding-left: 30px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.speaker_agenda .content {
    width: 100%;
}


.table_agenda {
    width: 100%;

  
    
}

.table_agenda th {


    color: #ffffff;
    text-align: left;
    padding: 10px 20px 10px 20px;
    font-weight: normal;
  

      background-color: #06a198;
      color:#ffffff;
      font-size:16px;
        font-family: 'BarlowCondensed-SemiBold';
}

.table_agenda tr th:first-child {
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
}
.table_agenda tr th:last-child {
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
}


.table_agenda tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
}
.table_agenda tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-right-radius: 20px;
}




.table_agenda tr th:last-child {
   

	
}

.table_agenda th:first-child {
    
}

.table_agenda td {
    color: #333333;

    padding: 15px 20px 15px 20px;
      padding: 8px 15px 8px 15px;
    line-height: 120%;

font-family: 'BarlowCondensed-Medium';
    font-size: 16px;
    vertical-align: middle;
    background: #e9f1cd;
    color:#2a4859;
    font-size:16px;

    border-left:1px solid #bcc4a7;

      border-bottom:1px solid #bcc4a7;
}

.table_agenda tr td:first-child {
   

    border-left:none;
}

.table_agenda td b{
    font-weight:normal;
      font-family: 'BarlowCondensed-SemiBold';
    
}



.table_agenda tr:nth-child(even) td{
    background-color: #ffffff;
}


.table_agenda tr.row_break td {
   background-color:#fbf9c9 !important;
}



.table_agenda tr.rowtype1 td {
   background-color:#dbeece !important;
}

.table_agenda tr.rowtype2 td {
   background-color:#f4f8e6 !important;
}
.table_agenda tr.rowtype3 td {
   background-color:#fcf8c9 !important;
}
.table_agenda tr.rowtype4 td {
   background-color:#e8f1cd !important;
}

.table_agenda tr.bordertype1 td {
   border-top:3px solid #3d6731 !important;
}

.table_agenda tr.bordertype2 td {
border-bottom:3px solid  #3d6731 !important;
}



.table_agenda tr.rowtype1 td.col3 {
   background-color:#ffffff !important;
}
.table_agenda tr.rowtype2 td.col3 {
   background-color:#ffffff !important;
}



.table_agenda ul {
   margin:0;
   padding:0;
   margin-left:18px;
   padding-top:5px;
}
.table_agenda ul br{
   display:none;
}
.table_agenda ul li {
	   margin:0;
   padding:0;
   margin-bottom:0px;
    padding-bottom:0px;
   line-height:110%;
}


.table_agenda tr:last-child td {
    border-bottom: none;
}

.table_agenda td.col1 {
   
    width: 140px;
    text-align:center;
    font-weight:bold;
}
.table_agenda td.col1 .duration{
   clear:both;
   margin-top:0px;
  font-family: 'BarlowCondensed-Regular';
    font-size:86%;
}

.table_agenda td.col1b {
  
    width: 80px;
}

.table_agenda td.col3 {
   
	 width: 30%;
     font-size:90%;
     font-family: 'BarlowCondensed-Regular';
}

.table_agenda td.col3 span {
   
 
    font-size:120%;
    font-family: 'BarlowCondensed-SemiBold';
    line-height: 120%;
    margin-bottom:5px;
  
}

.table_agenda td.col3 b {
    font-weight: normal;
    font-family: 'BarlowCondensed-SemiBold';
    font-size: 15px;
    line-height: 120%;
}
.table_agenda td.col4{
   
    width:140px;
 }
 

.table_agenda .row_highlight td {
    background-color: #2acdbd;
    color: #0d625a;
    font-family: 'BarlowCondensed-Medium';
    padding: 5px 20px 5px 20px;
    border-bottom: 1px solid #333333;
    font-size: 14px;


    background-color: #bfd67e;
    color:#17a185;
    color:#000000;
    

}
.table_agenda .row_highlight_content td {
    background-color: #c1ebe7;

}


.lightbox {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: none;
}

.lightbox_container {
    max-width: 1000px;
    margin: auto;
}

.lightbox_container2 {
    padding: 50px 20px 50px 50px;
    background-image: url(../../images/lightbox.png?v=22);
    background-repeat: repeat-x;
    background-position: bottom center;
    background-color: #354e76;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.lightbox_content {
    display: block;
    padding-right: 0px;
}

.speaker_detail {
    display: block;
    padding-right: 20px;
}

.speaker_detail_left {
    float: left;
    width: 30%;
}

.speaker_detail_left img {
    width: 100%;
}

.speaker_detail_right {
    float: right;
    width: 64%;
}

.speaker_detail .title {
    font-size: 34px;
    font-family: 'BarlowCondensed-Medium';
    line-height: 120%;
}

.speaker_detail .title2 {
    line-height: 120%;
    font-size: 19px;
    font-family: 'BarlowCondensed-ThinItalic';
}

.speaker_detail .content {
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid #ffffff;
    margin-top: 20px;
}

.speaker_detail .subcontent {
    width: 100%;
    padding-bottom: 20px;
}

.speaker_detail .subcontent_title {
    line-height: 120%;
    font-size: 17px;
    font-family: 'BarlowCondensed-ThinItalic';
}

.speaker_detail .subcontent_desc {
    line-height: 120%;
    font-size: 20px;
    padding-top: 5px;
}

.table_education {
    width: 100%;
}

.table_education td {
    font-size: 20px;
    padding: 0px 10px 5px 0px;
}

.btn_close_lightbox {
    padding-top: 20px;
    max-width: 200px;
    margin: auto;
}

.btn_close_lightbox a:link,
.btn_close_lightbox a:visited {
    background-color: #00AA8F;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 15px 10px 20px 10px;
    font-family: 'BarlowCondensed-SemiBold';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 30px;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.btn_close_lightbox a:hover {
    background-color: #018a74;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 15px 10px 20px 10px;
    font-family: 'BarlowCondensed-SemiBold';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 30px;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.form_area {
    max-width: 980px;
    margin: auto;
       color:#124464;
    
}

.form_area .msg {
    width: 100%;
    text-align: center;
    font-family: 'BarlowCondensed-Medium';
    font-size: 32px;
    padding-top: 30px;
       color:#124464;
}

.table_form {
    width: 100%;
    margin: auto;
}

.table_form td {
    padding: 0px 10px 30px 10px;
    font-family: 'BarlowCondensed-Medium';
    font-size: 15px;
     color:#124464;
     
}

.table_form td.title2 {
    font-size: 15px;
    width: 180px;
    font-family: 'BarlowCondensed-SemiBold';
    text-transform: uppercase;
    color:#124464;
        vertical-align:middle;
}
.table_form td.title2_vtop {
    padding-top: 10px;
    vertical-align:top !important;
}


.table_form td.title2a {
    padding-top: 40px;
}

.table_form td.content2a {
    padding-top: 0px;
}

input.input_middle {
    width: 95%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0px 2% 0px 2%;
    text-align: left;
    border: none;
    font-size: 18px;
    font-weight: normal;
    background-color: #ffffff;
    font-family: 'BarlowCondensed-Medium';
    color: #271B58;
}

textarea.input_middle {
    width: 95%;
    height: 140px;
    line-height: 120%;
    margin: 0;
    padding: 10px 2% 10px 2%;
    text-align: left;
    border: none;
    font-size: 18px;
    font-weight: normal;
    background-color: #ffffff;
    font-family: 'BarlowCondensed-Medium';
    color: #271B58;
}

select.input_middle {
    width: 99%;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0px 0% 0px 2%;
    text-align: left;
    border: none;
    font-size: 18px;
    font-weight: normal;
    background-color: #ffffff;
    font-family: 'BarlowCondensed-Medium';
    color: #271B58;
}

.table_form label {
    margin-right: 30px;
}

input[type=radio] {
    width: 20px;
    height: 20px;
    -moz-appearance: none;
}


.btn_submit {
    padding-top: 30px;
    max-width: 200px;
    margin: auto;
}

.btn_submit a:link,
.btn_submit a:visited {
    background-color: #0c9a8c;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 10px 10px 10px 10px;
    font-family: 'BarlowCondensed-Medium';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 28px;
    text-transform: uppercase;
    border: 2px solid #ffffff;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.btn_submit a:hover {
    background-color: #1c514c;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 10px 10px 10px 10px;
    font-family: 'BarlowCondensed-Medium';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 28px;
    text-transform: uppercase;
    border: 2px solid #ffffff;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.table_checkbox {}

.table_checkbox p {
    padding-bottom: 15px;
}

.table_checkbox td {
    padding: 0px 10px 30px 0px;
}

.table_checkbox td a:link,
.table_checkbox td a:visited {
    color: #ffffff;
    text-decoration: underline;
}

.table_checkbox td a:hover {
    color: #00aa8f;
    text-decoration: underline;
}

.btn_checkbox {
    width: 30px;
}

.btn_checkbox a:link,
.btn_checkbox a:visited,
.btn_checkbox a:hover {
    float: left;
    width: 30px;
    height: 30px;
    background-image: url(../../images/input/checkbox.png?v=22);
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
}

.btn_checkbox a.current:link,
.btn_checkbox a.current:visited,
.btn_checkbox a.current:hover {
    float: left;
    width: 30px;
    height: 30px;
    background-image: url(../../images/input/checkbox2.png?v=222);
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -99999px;
}

.mobile_content {
    display: none;
}


/***********/
.err_msg {
    clear: both;
   
    
    color: #ffffff;
    text-align: center;
    display:block;
    background-color:#990000;
    padding:20px 20px 20px 20px;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-bottom:20px;

}
.loading_form {
    background-image: url(../../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 300px;
    display: none;
}
.loading {
    background-image: url(../../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 200px;
    display: none;
}

.btn_profile {
    clear: both;
    padding-top: 15px;
    width: 100px;
    margin: auto;
}

.btn_profile a:link,
.btn_profile a:visited {
    background-color: #00AA8F;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 10px 10px 15px 10px;
    font-family: 'BarlowCondensed-SemiBold';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 16px;
    line-height: 100%;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.btn_profile a:hover {
    background-color: #007c68;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 10px 10px 15px 10px;
    line-height: 100%;
    font-family: 'BarlowCondensed-SemiBold';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 16px;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.agenda_date {
    font-size: 36px;
    line-height: 120%;
    text-transform: uppercase;
}

.agenda_name {
    font-size: 42px;
    line-height: 120%;
    padding-top: 5px;
    padding-bottom: 30px;
    text-transform: uppercase;
}

.speaker_list_long {
    clear: both;
    width: 100%;
}

.speaker_list_long .item {
    float: left;
    width: 10%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 4%;
    cursor: pointer;
}

.speaker_list_long .item .photo {
    max-width: 100px;
    height: 130px;
    margin: auto;
    text-align: center;
    border-radius: 0%;
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.speaker_list_long .item .photo img {
    width: 100%;
}

.speaker_list_long .item .title {
    font-family: 'BarlowCondensed-Medium';
    font-size: 20px;
    text-align: center;
    line-height: 100%;
    padding-top: 20px;
}
/*
.speaker_list_long .item .title2 br {
    display: none;
}
*/
.speaker_list_long .item .title2 {
    font-family: 'BarlowCondensed-Medium';
    font-size: 13px;
    text-align: center;
    padding-top: 5px;
    line-height: 120%;
}

.speaker_list_7 .item {
    float: left;
    width: 10.28%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 5%;
    cursor: pointer;
}


.speaker_list_6 .item {
    float: left;
    width: 12.66%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 5%;
    cursor: pointer;
}


.speaker_list_5 .item {
    float: left;
    width: 16%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 5%;
    cursor: pointer;
}



.speaker_list_4 .item {
    float: left;
    width: 21%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 5%;
    cursor: pointer;
}


.speaker_list_3 .item {
    float: left;
    width: 29.33%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 5%;
    cursor: pointer;
}

.home_section_msg {
    color: #ffffff;
    margin-bottom: 50px;
}

.home_section_msg p {
    color: #ffffff;
    padding-bottom: 20px;
    font-size: 26px;
}

.home_section_msg_container {}

.topmenu table td {
    padding: 0px 20px 0px 20px;
}

.topmenu {
   padding-top: 30px;
    padding-bottom: 30px;
	background-color:#c3d643;
    
}

.topmenu table{
 margin-bottom: 40px;
     
 }


.workshop_case_list table td {
    padding: 0px 20px 0px 20px;
}

.workshop_case_list {
   padding-top: 30px;
    padding-bottom: 30px;
    
}

.workshop_case_list table{
 margin-bottom: 40px;
     
 }

.btn_button {
    width: 270px;
    margin: auto;
}

.btn_button a:link,
.btn_button a:visited {
    color: #271B58;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 10px 10px 10px 10px;
    font-family: 'BarlowCondensed-Medium';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 28px;
    text-transform: uppercase;
    border: 2px solid #ffffff;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
    background-color: #ffffff;
}

.btn_button a:hover,
.btn_button a.current:link,
.btn_button a.current:visited {
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 10px 10px 10px 10px;
    font-family: 'BarlowCondensed-Medium';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 28px;
    text-transform: uppercase;
    border: 2px solid #ffffff;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;

    background-repeat: repeat-y;
    background-position: center left;
    background-color: #0c9a8c;
}


.btn_button_left {
    width: 240px;
    clear:both;
}

.btn_button_left a:link,
.btn_button_left a:visited {
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 10px 10px 10px 10px;
    font-family: 'BarlowCondensed-Medium';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 28px;
    text-transform: uppercase;
    border: 2px solid #ffffff;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
    background-color: #0c9a8c;
}

.btn_button_left a:hover,
.btn_button_left a.current:link,
.btn_button_left a.current:visited {
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 10px 10px 10px 10px;
    font-family: 'BarlowCondensed-Medium';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 28px;
    text-transform: uppercase;
    border: 2px solid #ffffff;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;

    background-repeat: repeat-y;
    background-position: center left;
    background-color: #1c514c;
}


.new_radio_list{
    max-width: 100%;
 }
 
 
 .new_radio_list .item{
    float:left;
    width:42%;
    margin-right: 4%;
    margin-bottom: 30px;
 }
 
 .new_radio_list .item img{
     width:100%;
  }
 
  
 .new_radio_list .item2{
     clear:both;
     width:100%;
     padding-top:10px;
 text-align: center;
  }


  .new_radio_list_big .item{
    float:left;
    width:48%;
    margin-right: 2%;
    margin-bottom: 30px;
 }
  
p.form_hint{
    font-size:28px;
}

.form_hint{
   
     font-family: 'BarlowCondensed-Regular';
}
p.workshop_temp_text{
    font-size:28px;
}

p.workshop_temp_text{
    font-size:28px;
    padding-top:5%;
}

.btn_button_short {
    width: 200px;
    margin: auto;
}
.btn_button_short2 {
    width: 120px;
    margin: auto;
}


.btn_button_middle {
    width: 200px;
    margin: auto;
}


.btn_button_long {
    width: 480px;
    margin: auto;
}

.btn_button_long a:link,
.btn_button_long a:visited {
    color: #271B58;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 10px 10px 10px 10px;
    font-family: 'BarlowCondensed-Medium';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 28px;
    text-transform: uppercase;
    border: 2px solid #ffffff;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
    background-color: #ffffff;
}

.btn_button_long a:hover,
.btn_button_long a.current:link,
.btn_button_long a.current:visited {
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 10px 10px 10px 10px;
    font-family: 'BarlowCondensed-Medium';
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 28px;
    text-transform: uppercase;
    border: 2px solid #ffffff;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;

    background-repeat: repeat-y;
    background-position: center left;
    background-color: #0c9a8c;
}




.video_list{
	clear:both;
	width:100%;
	
}

.video_list .item{
	clear:both;
	width:100%;
	margin-bottom:20px;
}
.video_list .item .photo{
	float:left;
	width:15%;
	position:relative;
	
		     background-position:center center;
     background-repeat:no-repeat;

     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
	 background-color:#ffffff;
	
	
}
.video_list .item .photo table{
	width:100%;
	height:80px;
}
.video_list .item .photo table td{
	vertical-align:middle;
	text-align:center;
}
.video_list .item .photo img{
	width:100%;
}
.video_list .item .content{
	float:right;
	width:82%;
	position:relative;
}

.video_list .item .content2{
	
	width:100%;
	
}


.video_list .item .title{
	font-size:24px;
	color:#ffffff;
	font-weight:bold;
	line-height:120%;
	padding-top:5px;
}
.video_list .item .desc{
	font-size:18px;
	color:#ffffff;
	line-height:120%;
}




.inside_video_list{
	max-width: 460px;

    padding-top:20px;
}


.inside_video_list .item2{
	float:left;
    width:31.33%;
    margin-right: 2%;
	
}

.inside_video_list .photo2{
	width:100%;
}

.inside_video_list .photo2 img{
	width:100%;
}

.inside_video_list .title2{
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	line-height:120%;
	padding-top:5px;
}


.new_speaker_list{
    max-width:90%;
    margin:auto;
}

.new_speaker_list .item{
    width:100%;
    margin-bottom:50px;
}

.new_speaker_list .photo{
    float:left;
    width:15%;
}
.new_speaker_list .photo img{
    width:100%;
}
.new_speaker_list .desc{
    float:right;
    width:85%;
    padding-top:5px;
    text-align:justify;

}
.new_speaker_list .title_box{
    /*
    background-image:url(../../images/speaker_title.png);
    background-repeat:repeat-y;
*/

    display:block;
    padding:5px 20px 20px 60px;

    background-image:url(../../images/speaker_line.png);
    background-repeat:no-repeat;
    background-position:left 60px bottom;

}




.new_speaker_list .item .title {
    font-family: 'BarlowCondensed-Bold';
    font-size:120%;
    font-size:30px;
    color:#124464;
    

}

.new_speaker_list .item .title2 {

    font-size:100%;
    padding-top: 5px;
 
       color:#124464;
         font-family: 'BarlowCondensed-SemiBoldItalic';
    
    
}
.new_speaker_list .item .desc2 {
   

    display:block;
    padding:20px 20px 20px 60px;
    color:#124464;
}



.agenda_title2{
    display:block;
    margin-top:5px;
    margin-bottom:10px;
    background-image:url(../../images/agenda_date_title.png);
    background-repeat:repeat-y;
    padding:10px 20px 10px 25px;
    color:#004E74;
    font-size:50px;
    font-family: 'Ciutadella-MediumIt';
    line-height:100%;
    text-transform:uppercase;
}


.table_sup {
display:inline;
height:50px;
margin-top:-5px;
}
.table_sup td{
    line-height:100%;
    font-size:28px;
   vertical-align:top;
   padding-top:0px;
   padding-right:10px;
}


.section_about{
    width:100%;
    margin-bottom:80px;
}


.section_about_container{
   max-width:86%;
   margin:auto;
}

.section_about_info_box{
    display:block;
    border:1px solid #ffffff;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:20px 20px 20px 20px;
margin-bottom:3px;
}

.section_about_info_box .item{
   float:left;
   width:31.33%;
   margin-left:1%;
   margin-right:1%;
   
}

.section_about_info_box .item1{
  
    width:36.33%;
   
    
 }


 .section_about_info_box .item2{
   
    width:31.33%;
   
    
 }

 .section_about_info_box .item3{
  
    width:25.33%;
 
    
 }

.table_section_about_info_box td{
    vertical-align:middle;

}

.table_section_about_info_box td.img{
width:70px;
}

.table_section_about_info_box td.img img{
    width:100%;
}

.table_section_about_info_box td.col1{
    padding-left:20px;
}

.table_section_about_info_box .title{
   color:#87B6C3;
   font-size:30px;
   font-family: 'Ciutadella-MediumIt';
}
.table_section_about_info_box .title2{
    color:#ffffff;
   font-size:30px;
   font-family: 'BarlowCondensed-Medium';
   padding-top:15px;
}



.section_about_info_box2{
    width:90%;
    margin:auto;
    padding-top:50px;
}

.section_about_info_box2 .item{
    float:left;
    width:48%;
 
}

.section_about_info_box2 .item2{
    float:right;
}

.section_about_info_box2 .title{
  display:block;
  padding:20px 20px  20px 20px;
  margin-bottom:20px;
  color:#004E74;
  font-size:50px;
  text-align:center;
  font-family: 'Ciutadella-MediumIt';
  background-image:url(../../images/date_title.png?V=22);
 background-repeat:repeat-y;
 background-position:center center;
}



.section_about_info_box2 .desc{
    display:block;
    padding:40px 20px  40px 20px;
    

    text-align:center;
 
   -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

background-color:#169c5e;
background-image:url(../../images/button.png);
background-repeat:repeat-y;


}
  
  
.section_about_info_box2 .desc_container{
    display:block;
 



}
  
.section_about_info_box2 .data1{
    color:#ffffff;
    font-size:40px;
    font-family: 'Ciutadella-MediumIt';
    line-height:100%;
    text-transform:uppercase;
    margin-bottom:20px;
}




.section_about_info_box2 .img{
    width:100%;
 
 }
 .section_about_info_box2 .img img{
     width:100%;
  
  }

  

.section_about_info_box2 .img{
    width:86%;
    margin:auto;
 
 }
 .section_about_info_box2 .img img{
     width:100%;
  
  }

  
.banner_container{
    position:absolute;
    width: 100%;
    height:100%;
    left:0px;
    top:0px;
}
.banner_container2{
    position:relative;
    max-width: 96%;
    margin:auto;
    height:100%;
   
}

.top_logo_list{
    position:absolute;
    left:0px;
    top:0%;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 8%, rgba(255,255,255,1) 62%, rgba(255,255,255,0) 100%);

}

.top_logo_list div{
    color:#2e5b78;
font-size:0.8em;
/*
text-shadow: 1px 1px 2px #000000;
*/
margin-bottom:5px;
}



.top_logo_list ul{
    list-style: none;
    margin:0;
    padding:0;
    padding:25px 10px 10px 20px;
    
}


.top_logo_list ul li{
    margin:0;
    padding:0;
    float:left;
    margin-right:10px;
    color:#2e5b78;
    font-size:0.8em;
    line-height:60px;
    /*
    text-shadow: 1px 1px 2px #000000;
*/
}



.top_logo_list ul li.tspace{
   
    margin-left:10px;
}


.top_logo_list ul li img{
    height:50px;
    width:inherit  !important;
}

.top_logo_list ul li img.img4{
    height:30px;
    width:inherit  !important;
    margin-top:12px;
}



.top_logo_list2{
    position:absolute;
    right:0px;
    top:2%;
    float:right;
}

.top_logo_list2 div{
    color:#ffffff;
font-size:0.8em;
text-shadow: 1px 1px 2px #000000;
margin-bottom:5px;
}

.top_logo_list2 ul{
    list-style: none;
    margin:0;
    padding:0;
    float:right;
}


.top_logo_list2 ul li{
    margin:0;
    padding:0;
    float:left;
    margin-left:10px;
    color:#ffffff;
    font-size:0.8em;
    line-height:60px;
    text-shadow: 1px 1px 2px #000000;
    text-align:right;
}

.top_logo_list2 ul li img{
    height:60px;
    width:inherit  !important;
}


.banner_title{
    position:absolute;
    left:0px;
    bottom:4%;
    width:50%;
}

.banner_title img{
    width:100%;
}


.banner_content{
    position:absolute;
    right:0px;
    bottom:4%;
    width:25%;
    width:35%;
}

.banner_content img{
    width:100%;
}

.speaker_heading img{
    height:70px;
}
.speaker_heading img.title_contact{
    height:60px;
}


.speaker_heading_container2 {
    position:relative;
}


.speaker_heading_container3 {
    position:absolute;
    left:40px;
    top:25px;
     top:12px;
    width:100%;
}
.speaker_heading .in_title{
    font-family: 'BarlowCondensed-SemiBoldItalic';
    color:#ffffff;
    font-size:40px;
    line-height: 100%;
    float:left;
     width:360px;
    margin-right:30px;

    text-transform: uppercase;
}

.speaker_heading .in_subtitle{
    font-size:0.8em;
    color:#124464;
    float:left;
    padding-top:10px;
    
}

.speaker_heading span{
    font-size:0.8em;
    position:absolute;
    left:280px;
    bottom:15px;
}


.table_agenda_left_right{
    width:100%;
}


.table_agenda_left_right td.gcol1{
    width:50%;
    vertical-align: top;
}
.table_agenda_left_right td.gcol2{
    width:50%;
    vertical-align: top;
    border-left:1px solid #6b6b6b;
}

.table_agenda_inside .desc{
    padding-top:0px;
   font-size:80%;
}

.table_agenda_inside .desc span,.table_agenda_inside .desc b{

    font-size:130%;
 }

.table_agenda_inside tr th:first-child {
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
}
.table_agenda_inside tr th:last-child {
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
}




.table_agenda_inside tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}


.table_agenda_inside2 tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
}



.table_agenda_inside2 tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

.table_agenda_inside th{
    height:30px;
}

/*
.table_agenda_inside{
    min-height:1000px;
}*/
.agenda_desc_space{
    clear:both;
    padding-top:3px;
}

.footer_line{
    background-image:url(../../images/footer.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    background-color:#b8cf5a;
    width: 100%;
    height:20px;

}

#footer p{
    margin-bottom:20px;
    padding-bottom:0px;
}

.footer_email{
    margin-bottom:20px;
    clear:both;
  
}

.footer_email a:link,.footer_email a:visited{
    color:#ffffff;
    text-decoration: none;
      color:#ffffff;
    background-color:#B8CF5A;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding:10px 20px 10px 20px ;
float:left;
font-family: 'BarlowCondensed-Medium';
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}

.footer_email a:hover{
   color:#ffffff;
    text-decoration: none;
      color:#ffffff;
    background-color:#124464;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding:10px 20px 10px 20px ;
float:left;
font-family: 'BarlowCondensed-Medium';
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
}


.topmenu2{
    width: 100%;
    /*
    background-image:url(../../images/menu.png);

*/
    background-position: left top;
    background-repeat:repeat-y;
  
    padding-top:10px;

 padding-bottom:10px;
 background-color:#ffffff;
background: #56A8CD;
background: linear-gradient(90deg, rgba(86, 168, 205, 1) 0%, rgba(174, 213, 231, 1) 61%, rgba(255, 255, 255, 1) 100%);
}


.topmenu2_container{
   max-width:1200px;
   margin:auto;
}

.topmenu2 ul{
    list-style:none;
    margin:0;
    padding:0;
    width:100%;

    
}

.topmenu2 ul li{
    
    
    margin:0;
    padding:0;
    float:left;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:0px;
  
    
}


.topmenu2 ul li a:link,.topmenu2 ul li a:visited{
    
float:left;
min-width:160px;
text-align:center;

background: rgb(0,157,148);
background: linear-gradient(180deg, rgba(0,157,148,1) 0%, rgba(0,115,108,1) 100%);

padding:20px  20px 20px 20px;
color:#ffffff;
border:1px solid #ffffff;
font-size:20px;

font-family: 'BarlowCondensed-Bold';

line-height:100%;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-decoration: none;
-webkit-transition: all 500ms ease-out 0s;
-moz-transition: all 500ms ease-out 0s;
-o-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
text-transform: uppercase;
}





.topmenu2 ul li a:hover,.topmenu2 ul li a.current:link,.topmenu2 ul li a.current:visited{
    
    float:left;
    min-width:160px;
    text-align:center;
 background: rgb(25,165,141,1);
    background: linear-gradient(180deg, rgba(25,165,141,1) 0%, rgba(182,206,90,1) 100%);
   
    padding:20px  20px 20px 20px;
    color:#ffffff;
    border:1px solid #ffffff;
    font-size:20px;
    
font-family: 'BarlowCondensed-Bold';
    
    line-height:100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-decoration: none;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;
    text-transform: uppercase;

}
.topmenu2 table{
    margin-top:10px;
    margin-bottom:10px;
}

.topmenu_space{
background: #FFFFFF;
background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(187, 224, 235, 1) 100%);
    width: 100%;
 height:8px;
}


    

.table_checkbox_agree{
    width:100%;
    margin:auto;
}

.table_checkbox_agree td.title3{
    width:30px;
   padding-right:30px;
}

.btn_register{
    
    clear:both;
    width:200px;
    margin:auto;
  
    
}


.btn_register a:link,.btn_register a:visited{
    
display:block;

text-align:center;

background: #124464;


padding:20px  20px 20px 20px;
color:#ffffff;
border:2px solid #ffffff;
font-size:24px;

    font-family: 'BarlowCondensed-SemiBold';
    

line-height:100%;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-decoration: none;
-webkit-transition: all 500ms ease-out 0s;
-moz-transition: all 500ms ease-out 0s;
-o-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
}





.btn_register a:hover,.btn_register a.current:link,.btn_register a.current:visited{
    
    display:block;
   
    text-align:center;
 background: rgb(25,165,141,1);
    background: linear-gradient(180deg, rgba(25,165,141,1) 0%, rgba(182,206,90,1) 100%);
   
   
    padding:20px  20px 20px 20px;
    color:#ffffff;
    border:2px solid #ffffff;
    font-size:24px;
    
    font-family: 'BarlowCondensed-SemiBold';
    
    line-height:100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-decoration: none;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;

}




.attend_lunch_box{
    clear:both;
    display:block;
    margin-bottom:40px;
   
}



.attend_lunch_box_container{
    
    display:block;
    padding:30px 30px 30px 30px; 
    background-color:#45979f;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}


.attend_lunch_box .heading{
 
    margin-bottom:10px;
    font-size:24px;

   font-family: 'BarlowCondensed-Medium';
    text-transform: uppercase;
    color:#cce664;
}


.table_checkbox_lunch{
    width:98%;
    margin:auto;
    margin-top:20px;
}

.table_checkbox_lunch td.title3{
    width:30px;
   padding-right:30px;
}

.remark .heading2{
 
    margin-bottom:2px;
 
    

   font-family: 'BarlowCondensed-Medium';
 
   
}

.remark .desc2{
 
    font-size:15px;
    line-height:120%;
   
}



.btn_back_to_home{
    
    clear:both;
    width:280px;
    margin:auto;
  
     margin-top:20px;
  
}


.btn_back_to_home a:link,.btn_back_to_home a:visited{
    
display:block;

text-align:center;

background: rgb(0,157,148);
background: linear-gradient(180deg, rgba(0,157,148,1) 0%, rgba(0,115,108,1) 100%);

padding:20px  20px 20px 20px;
color:#ffffff;
border:1px solid #ffffff;
font-size:24px;

font-family: 'BarlowCondensed-Medium';

line-height:100%;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-decoration: none;
-webkit-transition: all 500ms ease-out 0s;
-moz-transition: all 500ms ease-out 0s;
-o-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
}





.btn_back_to_home a:hover,.btn_back_to_home a.current:link,.btn_back_to_home a.current:visited{
    
    display:block;
   
    text-align:center;
    background: rgb(182,206,90);
    background: linear-gradient(180deg, rgba(182,206,90,1) 0%, rgba(25,165,141,1) 100%);
    padding:20px  20px 20px 20px;
    color:#ffffff;
    border:1px solid #ffffff;
    font-size:24px;
    
    font-family: 'BarlowCondensed-Medium';
    
    line-height:100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-decoration: none;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;

}




@media only screen and (max-width: 1100px) {
    .new_speaker_list .photo{
     
        width:20%;
    }
 
    .new_speaker_list .desc{
    
        width:80%;
      
    
    }
  }

  #html5-watermark {
    display:none !important;
 }


.at4-follow,.addthis-smartlayers-desktop{
	display:none;
}
.at4-follow,.addthis-smartlayers-mobile{
	display:none;
}
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -1em;
  line-height:0px;
}
.seo_h1{
	display:none;
}


.sponsor_section {
    clear: both;
    width: 100%;
}

.sponsor_section_container {
    max-width: 1060px;
    max-width: 1200px;
	 max-width: 84%;
    margin: auto;
    position: relative;
}

.sponsor_section .table_section_title td.col1,
.sponsor_section .table_section_title td.col3 {
    width: 300px;
}

.sponsor_category {
    clear: both;
    width: 100%;
    margin-bottom: 40px;
}

.sponsor_category .heading {
    display: block;
    background-image: url(../../images/title.png?v=22);
    background-position: left center;
    background-repeat: no-repeat;
    height: 45px;
    line-height: 45px;
    color: #ffffff;
    font-family: 'BarlowCondensed-SemiBold';
    font-size: 34px;
    padding-left: 30px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.sponsor_category .content {
    max-width: 820px;
    margin: auto;
}


.sponsor_heading{
    width: 100%;

    margin-bottom: 40px;
    /*
    background-image: url(../../images/v/title.png?v=8);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 60px;*/
}


.sponsor_heading_container{
  max-width:98%;
  margin:auto;
}


.sponsor_heading img{
    height:70px;
}
.sponsor_heading img.title_contact{
    height:60px;
}


.sponsor_heading_container2 {
    position:relative;
}


.sponsor_heading_container3 {
    position:absolute;
     left:40px;
    top:25px;
     top:12px;
    width:100%;
}
.sponsor_heading .in_title{
      font-family: 'BarlowCondensed-SemiBoldItalic';
    color:#ffffff;
    font-size:40px;
    line-height: 100%;
    float:left;
    width:360px;
    margin-right:30px;
    text-transform: uppercase;

}

.sponsor_heading .in_subtitle{
    font-size:0.8em;
    color:#124464;
    float:left;
    padding-top:10px;
}

.sponsor_heading span{
    font-size:0.8em;
    position:absolute;
    left:280px;
    bottom:15px;
}


.sponsor_agenda {
    clear: both;
    max-width: 100%;
    margin: auto;
    margin-bottom: 60px;
}



.sponsor_list{
    display: flex; 
    justify-content: start; 
    align-items: center; 
    flex-wrap: wrap; 
    clear: both;
    width: 100%;
}

.sponsor_list .item{
    margin: 10px; 
}

.sponsor_list .item .photo img{
   max-width:200px;
   max-height:150px;
}


.btn_button_normal{
    
    clear:both;
    width:200px;
    margin:auto;
  
    
}


.btn_button_normal a:link,.btn_button_normal a:visited{
    
display:block;

text-align:center;

background: rgb(0,157,148);
background: linear-gradient(180deg, rgba(0,157,148,1) 0%, rgba(0,115,108,1) 100%);

padding:20px  20px 20px 20px;
color:#ffffff;
border:1px solid #ffffff;
font-size:24px;

font-family: 'BarlowCondensed-Medium';

line-height:100%;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-decoration: none;
-webkit-transition: all 500ms ease-out 0s;
-moz-transition: all 500ms ease-out 0s;
-o-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
}





.btn_button_normal a:hover,.btn_button_normal a.current:link,.btn_button_normal a.current:visited{
    
    display:block;
   
    text-align:center;
    background: rgb(182,206,90);
    background: linear-gradient(180deg, rgba(182,206,90,1) 0%, rgba(25,165,141,1) 100%);
    padding:20px  20px 20px 20px;
    color:#ffffff;
    border:1px solid #ffffff;
    font-size:24px;
    
    font-family: 'BarlowCondensed-Medium';
    
    line-height:100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-decoration: none;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;

}





.ecert_login_area{
    max-width:680px;
    margin:auto;

    
}
.ecert_form_hint{

    margin-bottom:30px;
    text-align:center;
     color:#124464;
    font-family: 'BarlowCondensed-SemiBold';
}



 
.btn_login {
    clear: both;
 
 
    width:250px;
    margin:auto;
}


.btn_login a:link,.btn_login a:visited{
    
display:block;

text-align:center;

background: #124464;


padding:20px  20px 20px 20px;
color:#ffffff;
border:2px solid #ffffff;
font-size:24px;

    font-family: 'BarlowCondensed-SemiBold';
    

line-height:100%;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-decoration: none;
-webkit-transition: all 500ms ease-out 0s;
-moz-transition: all 500ms ease-out 0s;
-o-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
}





.btn_login a:hover,.btn_login a.current:link,.btn_login a.current:visited{
    
    display:block;
   
    text-align:center;
 background: rgb(25,165,141,1);
    background: linear-gradient(180deg, rgba(25,165,141,1) 0%, rgba(182,206,90,1) 100%);
   
   
    padding:20px  20px 20px 20px;
    color:#ffffff;
    border:2px solid #ffffff;
    font-size:24px;
    
    font-family: 'BarlowCondensed-SemiBold';
    
    line-height:100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-decoration: none;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;

}







.table_form_inside2 td{
    padding:0px 20px 0px 0px;
}
.table_form_inside2 p{
 
}

.table_form_inside2{
   
    
    margin:auto;
}

.table_form_inside2 td.hint_cell{
    text-align:center;
}

.table_form_inside2 .title{

 
    
    padding:0px 10px 20px 0px;
    vertical-align:middle;
    text-align:left;
    width:100px;
 

   font-size: 18px;
   width: 120px;
    font-family: 'BarlowCondensed-SemiBold';
    text-transform: uppercase;
    color:#124464;
 }
 

.table_form_inside2 .content{
    padding:0px 10px 20px 0px;
}

.form_content_area .subheading{
    font-size:15px;
    font-weight:bold;
    margin-bottom:40px;

}
.form_content_area .heading{
    font-size:18px;
    font-weight:bold;
color:#B32471;
border-bottom:1px solid #B32471;
padding-bottom: 10px;
margin-bottom:20px;
}



.ecert_list{


    max-width:480px;
    margin:auto;
}

.ecert_list .item{
width:100%;
margin-bottom:30px;
}

.ecert_list .photo{
    width:100%;
    margin-bottom:20px;
 }
 .ecert_list .photo img{
    width:100%;
  
 }

 .ecert_list .title{
    width:100%;
   
    text-align:center;
    font-family: 'Poppins-Bold';
    color:#914E22;
    font-size:24px;
 }



 .btn_button_download{
    
    clear:both;
    width:200px;
    margin:auto;
  
    
}


.btn_button_download a:link,.btn_button_download a:visited{
    
display:block;

text-align:center;

background: rgb(0,157,148);
background: linear-gradient(180deg, rgba(0,157,148,1) 0%, rgba(0,115,108,1) 100%);

padding:20px  20px 20px 20px;
color:#ffffff;
border:1px solid #ffffff;
font-size:28px;

font-family: 'BarlowCondensed-Medium';

line-height:100%;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-decoration: none;
-webkit-transition: all 500ms ease-out 0s;
-moz-transition: all 500ms ease-out 0s;
-o-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
}





.btn_button_download a:hover,.btn_button_download a.current:link,.btn_button_download a.current:visited{
    
    display:block;
   
    text-align:center;
    background: rgb(182,206,90);
    background: linear-gradient(180deg, rgba(182,206,90,1) 0%, rgba(25,165,141,1) 100%);
    padding:20px  20px 20px 20px;
    color:#ffffff;
    border:1px solid #ffffff;
    font-size:28px;
    
    font-family: 'BarlowCondensed-Medium';
    
    line-height:100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-decoration: none;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;

}



.register_form_box{
    -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #5DC2BC;
background: linear-gradient(90deg, rgba(93, 194, 188, 1) 0%, rgba(1, 159, 151, 1) 100%);
    display:block;
    padding:30px 30px 30px 30px;
}


.section_title_contact{
    color:#ffffff;
    font-family: 'BarlowCondensed-SemiBoldItalic';

    font-size:40px;
    margin-bottom:30px;

}





.table_dialog_msg{
    width:100%;
}
.table_dialog_msg td.col1{
   width:60px;
   padding-right:30px;
}
.table_dialog_msg td{
   vertical-align:top;
}

.table_dialog_msg td.col1 img{
   max-width:100%;
}

.dialog {
    width: 80%;
    max-width: 600px;
    max-height: 80vh;
    /* Responsive height */
    border: none;
    border-radius: 20px;
    padding: 45px 30px 30px 30px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    background-color: #ffffff;
    border:2px solid #16a79f;
}

.dialog_content {
    overflow-y: auto;
    max-height: 70vh;
    font-size: 15px;
}

dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.6);
}

.dialog_content .msg {
    text-align: left;
}
.dialog_content .msg_left {
    text-align: left;
}

.dialog_content .msg_left {
    text-align: left;
}


.dialog_content {}

.dialog_content .heading {
  font-family: 'BarlowCondensed-Medium';
    color: #124464;
    margin-bottom: 15px;
     font-size:18px;
}
.dialog_content .msg {

    color: #124464;
    font-family: 'BarlowCondensed-Medium';
    font-size:18px;
}

.btn_confirm_dialog {
    clear: both;
 
 
    width:150px;
    margin:auto;
    margin-top:30px;
}

.btn_confirm_dialog a:link,.btn_confirm_dialog a:visited{
    
display:block;

text-align:center;

background: #124464;


padding:10px  20px 10px 20px;
color:#ffffff;
border:2px solid #ffffff;
font-size:18px;

    font-family: 'BarlowCondensed-SemiBold';
    

line-height:100%;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-decoration: none;
-webkit-transition: all 500ms ease-out 0s;
-moz-transition: all 500ms ease-out 0s;
-o-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
}





.btn_confirm_dialog a:hover,.btn_confirm_dialog a.current:link,.btn_confirm_dialog a.current:visited{
    
    display:block;
   
    text-align:center;
 background: rgb(25,165,141,1);
    background: linear-gradient(180deg, rgba(25,165,141,1) 0%, rgba(182,206,90,1) 100%);
   
   
padding:10px  20px 10px 20px;
    color:#ffffff;
    border:2px solid #ffffff;
    font-size:18px;
    
    font-family: 'BarlowCondensed-SemiBold';
    
    line-height:100%;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-decoration: none;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
    transition: all 500ms ease-out 0s;

}


.coming_soon{
       font-family: 'BarlowCondensed-SemiBold';
       width:100%;
       text-align:center;
       font-size:38px;
       color:#124464;
                  padding-top:30px;
           margin-bottom:30px;
}