/* -------------------------------------------------------
----------- introduction --------------
---------------------------------------------------------*/
#introduction span.em{
    display:block;
    margin-bottom:10px;  
}
#introduction span.em:last-of-type{
    margin-bottom:20px;  
}

/* -------------------------------------------------------
----------- information --------------
---------------------------------------------------------*/
#information .col-md-4 img{
    padding-top:15px;
}
.special{
		display:inline-block;
		padding:3px 5px;
		margin-bottom:3px;
    color:#1eb858;
		border:#1eb858 1px solid;
		border-radius:5px;
		font-weight:bold;
}

/* -------------------------------------------------------
----------- program --------------
---------------------------------------------------------*/
/*#program .pgm-content{
    padding-top:5px;
}
#program .col-md-4{

}
.pgm-icon{
    width:100%;
    height:2em;
    border-radius:0;
    background-color:#1eb858;
}
.pgm-icon i{
    color:#fff;
    top:2px;
}
*/
.pgm-icon i{
    color:#fff;
}

/* -------------------------------------------------------
----------- speaker --------------
---------------------------------------------------------*/
#speaker h4{
    font-weight:bold;
}

#speaker div.one_item:first-of-type{
    margin-bottom:80px;
}
.speaker-cont img {
  width:110px;
  height:110px;
  margin-bottom:20px;
}

/* -------------------------------------------------------
----------- handout --------------
---------------------------------------------------------*/
#handout h4{
    padding:10px 0;
    font-weight:bold;
    border-top:#666 1px solid;
    border-bottom:#666 1px solid;
}
#handout .col-md-12 p{
    padding:20px;
    border:#ccc 1px solid;
    border-radius:10px;
    height:5em;
}
#handout .notes h3{
    font-size:15px;
    margin:40px 0 10px;
}
#handout .notes p{
    font-size:15px;
}

/* -------------------------------------------------------
----------- media query --------------
---------------------------------------------------------*/
@media only screen and (max-width: 996px) {
    .pgm .col-md-12{
    padding-top:0;
    margin-bottom:30px;
    border:none;
    }
    .pgm .col-md-12:first-of-type{
    border:none;
    }
    .pgm .col-md-5{
        background-color:#aaa;
        color:#fff;
        padding:5px 0;
        margin-bottom:10px;
        text-align:center;
    }
    .pgm .col-md-7 h3{
        line-height:25px;
    }
    .pgm .col-md-7 h3 i{
        line-height:18px;
    }
    #speaker .col-md-12 .col-md-6{
        margin-bottom:30px;
    }
}
@media only screen and (min-width: 767px) {
	.app.form .hero-section {
                width:100%;
                min-height:650px;
		padding: 0;
                overflow:hidden;
                background:url(../images/ban_title_20171003.png) no-repeat center top;
	} 
}
@media only screen and (max-width: 996px) {

}