#header{padding-top:21.48438%;background-image:url("../images/banner.jpg");background-size:cover;background-repeat:no-repeat}
#footer{padding:1em 1em}
@media (min-width: 960px)
{#main-menu li{margin:-0.5em auto;padding:.5em 1em;border-right:1px solid #0076e6}#main-menu li:last-child{border:none}}
.navbar-custom{background-color:#0069cc}
.navbar-custom>li>a{color:#FFFFFF}
.btn-primary{background-color:#3399ff;border-color:#3399ff}
.btn-primary:hover,
.btn-primary:active{background-color:#0080ff;border-color:#0080ff}
.btn-square{border-radius:0}
.logo__image{max-width:100%}
body{background-color:#EFEFEF;letter-spacing:.1em;line-height:1.5}
#wrapper{padding:2em;background-color:#FFFFFF}
@media (min-width: 720px)
{#wrapper{padding:2em 4em}}
h1,h2,h3,h4,h5,h6{margin-bottom:.75em}
h1{font-size:1.8em;color:#3399ff}
h2{font-size:1.5em;color:#1382b6}
h3{font-size:1.2em;color:#1f268d}
#contact dl{clear:both;zoom:0;overflow:hidden}
.contact__name{font-size:1em}
.contact__phone-label,
.contact__phone,
.contact__email-label,
.contact__email{float:left}
.contact__phone-label,
.contact__email-label{margin-right:.5em;clear:left}
.divider{margin-bottom:.5em;color:#3399ff;font-weight:bold}
.speaker{margin-bottom:.5em}
.speaker__name{color:#3399ff}
.speaker__title{margin-left:.5em;margin-bottom:.25em}
.program-info{list-style:none;padding:0}
.program-info__item span{margin-left:.5em;color:#3399ff}
.speaker-card{border:none}
.speaker-card__header{margin-bottom:.5em;border:none;background-color:#3399ff}
.speaker-card__header 
.btn-link{color:#FFFFFF}
.google-maps {
    position: relative;
    padding-bottom: 75%; /* 甇斤���撖祆�� */
    height: 0;
    overflow: hidden;
  }
  .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  body{ 
    padding: 0;
    margin: 0;
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.bob-container{
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
  }
  
  .bob-row{
	margin-right: -15px;
	margin-left: -15px;
  }
  
  .bob-row:before,.bob-row:after{
	display: table;
	content: " ";  
  }
  
  .bob-row:after{
	clear: both;
  }
  
  /*2�蒂��� 銝恣�隞颱�偕撖賊���2�蒂���*/
  .bob-2item{
	width:50%;
  }
  
  /*3�蒂��� �767px隞乩�������*/
  .bob-3item{
	width: 100%;
  }
  /*4�蒂��� �767px隞乩���2����*/
  .bob-4item{
	width:50%;
  }
  
  .bob-2item,.bob-3item,.bob-4item{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float:left;
  }
  
  .bob-2item img,.bob-3item img,.bob-4item img{
	width:80%;
	display: block;
  }


  .goTop {
    position: fixed;
    right: 10px;
    bottom: 10px;}
  .goTopBtn {
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;}
  .fa-arrow-alt-circle-up {
        color: #3399ff;}
/* 40px */
.toTop-arrow {
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 33%;
	opacity: 0.6;
	background: #000;
	cursor: pointer;
	position:fixed;
	right: 1rem;
	bottom: 1rem;
	display: none;
}
.toTop-arrow::before, .toTop-arrow::after {
	width: 18px;
	height: 5px;
	border-radius: 3px;
	background: #f90;
	position: absolute;
	content: "";
}
.toTop-arrow::before {
	transform: rotate(-45deg) translate(0, -50%);
	left: 0.5rem;
}
.toTop-arrow::after {
	transform: rotate(45deg) translate(0, -50%);
	right: 0.5rem;
}
.toTop-arrow:focus {outline: none;}
 
 
/* 48px */
.toTop-arrow {
	width: 3rem;
	height: 3rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 33%;
	opacity: 0.6;
	background: #000;
	cursor: pointer;
	position:fixed;
	right: 1rem;
	bottom: 1rem;
	display: none;
}
.toTop-arrow::before, .toTop-arrow::after {
	width: 25px;
	height: 6px;
	border-radius: 3px;
	background: #f90;
	position: absolute;
	content: "";
}
.toTop-arrow::before {
	transform: rotate(-45deg) translate(0, -50%);
	left: 0.42rem;
}
.toTop-arrow::after {
	transform: rotate(45deg) translate(0, -50%);
	right: 0.42rem;
}
.toTop-arrow:focus {outline: none;}
 
/* 56px */
.toTop-arrow {
	width: 3.5rem;
	height: 3.5rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 33%;
	opacity: 0.6;
	background: #000;
	cursor: pointer;
	position:fixed;
	right: 1rem;
	bottom: 1rem;
	display: none;
}
.toTop-arrow::before, .toTop-arrow::after {
	width: 31px;
	height: 7px;
	border-radius: 3px;
	background: #f90;
	position: absolute;
	content: "";
}
.toTop-arrow::before {
	transform: rotate(-45deg) translate(0, -50%);
	left: 0.4rem;
}
.toTop-arrow::after {
	transform: rotate(45deg) translate(0, -50%);
	right: 0.4rem;
}
.toTop-arrow:focus {outline: none;}