body {
    overflow-x: hidden;
    font-family:'Noto Sans TC', Microsoft Jhenghei, '微軟正黑', sans-serif;
}

a:hover, a:focus {color:#F49C00;}

h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h2{margin-bottom:30px;}
p {margin-bottom: 20px; font-size: 16px; line-height: 1.6; word-break:hyphenate;}

.text-faded {color: rgba(0,0,0,.7);}

header {
    position: relative;
    width:100%;
    height: 100%;
	background-image:url(../img/KV.jpg);
	background-color:#ddd;
	background-position: center 50px;
	background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header .header-content {
    position:relative;
    width: 100%;
	height:75%;
    text-align:center;
}

header .header-content .header-content-inner img{position:absolute; bottom:50px; width:100%;}

.text-faded{text-align:left; text-align: justify;
　text-justify: inter-ideograph;
　-ms-text-justify: inter-ideograph; /*IE9*/
　-moz-text-align-last:justify; /*Firefox*/
　-webkit-text-align-last:justify; /*Chrome*/}
hr.light{border-bottom:#B6CFD2 1px solid; width:100%;}

table{width:100%;}
table th,table td{padding:10px;}
table th{text-align:center;}
table td{text-align:left;}
table th._time{width:20%;}
table th._topic{width:50%;}
table th._speaker{width:30%;}
table tr._break{}
ul li, ol li{text-align:left;}

div.modal{margin-top:-30px; padding-top:30px;}
.modal-header{border-bottom:none;}
.media-body{text-align:left; padding:20px; font-size:16px; line-height:1.6em;}
.media-body ul {
  padding-left: 1.5em;
}

iframe{height:500px; width:100%; border:0;}
	
.footer{height:100px; padding:40px 0 0 0; background:#333;}

/*Main stylesheet for Backtop jQuery Plugin */
#backTop{
    width:45px;
    height:45px;
    text-indent:-9999px;
    cursor:pointer;
    z-index:999999999;
	display:none;
    background:url(../img/UI/uparr-48-w.png) no-repeat center center rgba(0,0,0,0.8);
}

#register{width:40px;
    padding:10px 5px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
    cursor:pointer;
    z-index:999999999;
	display:none;
	-webkit-box-sizing:content-box; background:#000; color:#F49C00; opacity:.8; text-align:center;}

section {padding: 50px 0;}
.bg-light{background:#F8F8F8;}
.bg_grey{background:#d8d8d9;}

/* 配色 */
/* 藍 body 的 class name 設成 _Blue */

h2{color:#003c92;}

._Blue .navbar-default{background:#003c92;}
._Blue .navbar-default .nav > li>a,
._Blue .navbar-default .nav>li>a:focus {
    color:#fff;
}
._Blue .navbar-default .nav > li>a:hover,
._Blue .navbar-default .nav>li>a:focus:hover {
    color: #003c92;
	background:#e0ddd9;font-weight:bolder;
}
._Blue .navbar-default .nav > li.active>a,
._Blue .navbar-default .nav>li.active>a:focus {
    color:#fff;
    background-color:#53CBED;
	text-shadow:#445b1d 1px 1px 3px;
}
._Blue .navbar-default .nav > li.active>a:hover,
._Blue .navbar-default .nav>li.active>a:focus:hover {
    background-color: #fff;
	color:#567226;
	text-shadow:none;
}

._Blue dl dt:first-child{background:#1E4E77; color:#FFF; font-weight:normal;}
._Blue dl dd,._Blue dl dt{border-top:#62615e 1px solid;}
._Blue dl dt{}

._Blue #backTop:hover{background:url(../img/UI/uparr-48-b.png) no-repeat center center #003c92;}
._Blue #register{background:#003c92; color:#FFF;}
._Blue #register:hover{background:#1657A4; text-decoration:none;}


#agenda dl {
  font-size: 1.125em;
}
dl div{padding: .5em;}
/*dl div:first-child{
	font-weight: bolder;
}*/
dl dd:nth-child(odd){
	
}
dl dd:nth-child(even){
	
}
dl dd div:nth-child(2){
	font-weight: bolder;
}
._AM dt._header{background:#1E4E77; color:#fff;}
._AM ._Break{background:#BDD7ED;}
._AM dd:nth-child(odd){background:#edf3f9;}
._AM dd:nth-child(even){background:#DDEAF7;}

._AM, ._PM{}
._PM > div, ._PM > div > div{padding:0;}

._TrackA{}
._TrackA ._Break{background:#C6E0B4;}
._TrackA dd:nth-child(odd){background:#f1f7ed;}
._TrackA dd:nth-child(even){background:#E1EEDA;}
._TrackB{}
._TrackB ._Break{background:#B4C6E7;}
._TrackB dd:nth-child(odd){background:#eef2fb;}
._TrackB dd:nth-child(even){background:#D9E0F1;}
._TrackC{}
._TrackC ._Break{background:#FFE699;}
._TrackC dd:nth-child(odd){background:#fdfbf0;}
._TrackC dd:nth-child(even){background:#FFFADC;}

._Tabs li a{
    display: block;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 10px;
    padding-bottom: 10px;
    color:#323232;
    text-align: center;
    cursor: pointer;
}
._Tabs li a.active {
    font-weight:bolder;
    color:#000;
    border:none;
}
._Tabs ._TrackA a.active {
    background:#C6E0B4;
}
._Tabs ._TrackB a.active {
    background:#B4C6E7;
}
._Tabs ._TrackC a.active {
    background:#FFE699;
}


#join ol li{line-height:1.5em; padding-bottom:1em;}
section.kv a video, section.kv a img{width: 100%;}



/*----------------------<!-- 20191015 edit by kust -->----------------*/

.navbar-toggler-icon {
  background: url('../img/UI/ic_menu.png') center/contain no-repeat;
}
#_Nav {
    background-color: #003c92;
}
#_Nav a {
    color: #fff;
    transition: color 360ms;
}
#_Nav a:hover {
    opacity: .6;
}

.sec_hero {
    position: relative;
    margin-top: 58px;
}
.hero_info {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    bottom: 60px;
    text-align: center;
    color: #fff;
    font-size: 2em;
}
/*.hero_info span {
    display: inline-block;
    border-radius: 20px;
    border: 2px solid #fff;
    padding-left: 2em;
    padding-right: 2em;
}*/

.section-heading {
    -webkit-transition: all 3s ease-in 1s;
    -o-transition: all 3s ease-in 1s;
    transition: all 3s ease-in 1s;
}
#KN_speakers h5 {
    font-weight: 400;
}
#KN_speakers img {
    cursor: pointer;
    transition: opacity 350ms;
    display: block;
}
#KN_speakers img:hover {
    opacity: .6;
}

#intro{text-align:center;}
#intro p{
    color:#000;
    font-size: 1.25em;
    line-height: 1.8;
}
#intro h4{color:#164791;}
#intro h3{color:#39224D;}

/*AGENDA-----------*/
#agenda dd {
    margin-bottom: 0;
}
#agenda dt {
    font-weight: 400;
}
#agenda ._Tabs {
    
}

/*SPEAKER------*/
.speaker_item {
    margin-bottom: 20px;
    cursor: pointer;
}
.speaker_item img {
    margin-bottom: 10px;
    transition: transform 360ms;
}
.speaker_item:hover img {
    transform: scale(1.06);
}

/*SPONSOER------*/
.s_sponsor .host_row {
    text-align: center;
}
.s_sponsor .host_item,
.s_sponsor .sponsor_item {
    display: inline-block;
    line-height: 0;
    border-radius: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
    max-width: 240px;
}
.s_sponsor .host_item a,
.s_sponsor .sponsor_item a {
    display: block;
}
.s_sponsor .host_item img,
.s_sponsor .sponsor_item img {
    display: block;
    transition: transform 300ms;
}
.s_sponsor .host_item:hover img,
.s_sponsor .sponsor_item:hover img {
    transform: scale(1.1);
}

.filters {
  max-width: 1000px;
  margin: 25px auto 10px;
}
.button {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 7px;
  color: #222;
  font-size: 14px;
  cursor: pointer;
  font-family: Verdana, Arial, 'Microsoft JhengHei' ;
  font-weight: bold;
  outline: none;
}
.button:hover {
  background-color: #eee;
  color: #222;
}
.button:active,
.button.is-checked {
  background-color: #337ab7;
  border: 1px solid #337ab7;
}
.button.is-checked {
  color: #fff;
}
/* ---- button-group ---- */
.button-group{text-align:center;}
.button-group:after {
  content: '';
  display: block;
  clear: both;
}
.button-group .button {
  border-radius:10px;
  margin:5px;
}