@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
*{font-family:'Noto Sans TC', Microsoft Jhenghei,'微軟正黑';}
html, body {width:100%; height:100%;}
body {overflow-x: hidden;}

a {color:#FF0000; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}
a:hover, a:focus {color:#F49C00;}

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

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

.navbar-default {
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	background:#000;
}

.navbar-default .navbar-header .navbar-brand {
	padding:5px 30px;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    font-size: 16px;
    font-weight: 300;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #FFF;
	background:#3F3F3F;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
	font-weight: 500;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
	text-shadow:none;
}

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;}
#section_03{background:#000;} img{border-radius:1em; margin:1em 0 0 0;}
/*#section_03 div div div div:hover img{box-shadow:#A7A7A7 2px 2px 6px; cursor:pointer;}*/

.sponser{padding:2em 0 .5em 0; border-radius:20px; font-size:14px;}
/*#section_04 img{border:#FFF 1px solid; border-radius:1em; margin:0 auto; margin-top: 1em; margin-bottom: 1em;}*/
#section_04 img:hover{border:#DEDEDE 1px solid; border-radius:1em; box-shadow:#A7A7A7 2px 2px 6px;}

#section_05{background:#000;} ul li{margin-bottom:1em;}
#section_05,  ul li h5{font-weight:bold; margin-bottom:.3em;}
#section_05,  iframe{height:500px; width:100%; border:0;}

.col-centered{
display:inline-block;
margin:0 auto;
vertical-align:top;
float:none;
/* inline-block space fix */
margin-right:-4px;}
	
.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: 0px 0;}
#section_02, #section_04, #section_06{background:#000;}
#section_02 {padding-top:150px; padding-bottom:50px ;padding-right: 0px; background-color: #000;}

/* 配色 */
/* 黃 body 的 class name 設成 _Yellow */
._Yellow .navbar-default .nav > li>a,
._Yellow .navbar-default .nav>li>a:focus {
    color:#FDFF28;
}
._Yellow .navbar-default .nav > li>a:hover,
._Yellow .navbar-default .nav>li>a:focus:hover {
    color: #FFF;
	background:#3F3F3F;
}
._Yellow .navbar-default .nav > li.active>a,
._Yellow .navbar-default .nav>li.active>a:focus {
    color: #000;
    background-color:#FDFF28;
	text-shadow:#FFF 0 0 3px;
}
._Yellow .navbar-default .nav > li.active>a:hover,
._Yellow .navbar-default .nav>li.active>a:focus:hover {
    background-color: #FDFF28;
	color:#000;
}

._Yellow dl dt:first-child{background:#FDFF28; color:#000;}
._Yellow dl dd,._Yellow dl dt{border-top:#999 1px solid;}
._Yellow dl dt{background-color:#FEFFE5;}

._Yellow #backTop:hover{background:url(../img/UI/uparr-48-b.png) no-repeat center center #FDFF28;}
._Yellow #register{background:#FDFF28; color:#000;}
._Yellow #register:hover{background:#3F3F3F; text-decoration:none;}

/* 橘 body 的 class name 設成 _Orange */
._Orange .navbar-default .nav > li>a,
._Orange .navbar-default .nav>li>a:focus {
    color:#F49C00;
}
._Orange .navbar-default .nav > li>a:hover,
._Orange .navbar-default .nav>li>a:focus:hover {
    color: #FFF;
	background:#3F3F3F;
}
._Orange .navbar-default .nav > li.active>a,
._Orange .navbar-default .nav>li.active>a:focus {
    color: #FFF;
    background-color:#F49C00;
	text-shadow:#000 1px 1px 3px;
}
._Orange .navbar-default .nav > li.active>a:hover,
._Orange .navbar-default .nav>li.active>a:focus:hover {
    background-color: #F49C00;
	color:#000;
}

._Orange dl dt:first-child{background:#F49C00; color:#FFF;}
._Orange dl dd,._Orange dl dt{border-top:#999 1px solid;}
._Orange dl dt{background-color:#EBE4DA;}

._Orange #backTop:hover{background:url(../img/UI/uparr-48-b.png) no-repeat center center #F49C00;}
._Orange #register{background:#F49C00; color:#000;}
._Orange #register:hover{background:#3F3F3F; text-decoration:none;}

/* 紅 body 的 class name 設成 _Red */
._Red .navbar-default .nav > li>a,
._Red .navbar-default .nav>li>a:focus {
    color:#D73437;
}
._Red .navbar-default .nav > li>a:hover,
._Red .navbar-default .nav>li>a:focus:hover {
    color: #FFF;
	background:#3F3F3F;
}
._Red .navbar-default .nav > li.active>a,
._Red .navbar-default .nav>li.active>a:focus {
    color: #FFF;
    background-color:#D73437;
	text-shadow:#000 1px 1px 3px;
}
._Red .navbar-default .nav > li.active>a:hover,
._Red .navbar-default .nav>li.active>a:focus:hover {
    background-color: #D73437;
	color:#000;
	text-shadow:none;
}
._Red dl dt:first-child{background:#D73437; color:#FFF;}
._Red dl dd,._Red dl dt{border-top:#999 1px solid;}
._Red dl dt{background-color:#FFEFEF;}

._Red #backTop:hover{background:url(../img/UI/uparr-48-b.png) no-repeat center center #D73437;}
._Red #register{background:#D73437; color:#FFF;}
._Red #register:hover{background:#3F3F3F; text-decoration:none;}

/* 紫 body 的 class name 設成 _Purple */
._Purple .navbar-default .nav > li>a,
._Purple .navbar-default .nav>li>a:focus {
    color:#B91FE0;
}
._Purple .navbar-default .nav > li>a:hover,
._Purple .navbar-default .nav>li>a:focus:hover {
    color: #FFF;
	background:#3F3F3F;
}
._Purple .navbar-default .nav > li.active>a,
._Purple .navbar-default .nav>li.active>a:focus {
    color: #FFF;
    background-color:#8426B4;
	text-shadow:#000 1px 1px 3px;
}
._Purple .navbar-default .nav > li.active>a:hover,
._Purple .navbar-default .nav>li.active>a:focus:hover {
    background-color: #8426B4;
	color:#000;
	text-shadow:none;
}

._Purple dl dt:first-child{background:#8426B4; color:#FFF;}
._Purple dl dd,._Purple dl dt{border-top:#999 1px solid;}
._Purple dl dt{background-color:#FAEEFF;}

._Purple #backTop:hover{background:url(../img/UI/uparr-48-b.png) no-repeat center center #8426B4;}
._Purple #register{background:#8426B4; color:#FFF;}
._Purple #register:hover{background:#3F3F3F; text-decoration:none;}

/* 藍 body 的 class name 設成 _Blue */
._Blue .navbar-default .nav > li>a,
._Blue .navbar-default .nav>li>a:focus {
    color:#3391D0;
}
._Blue .navbar-default .nav > li>a:hover,
._Blue .navbar-default .nav>li>a:focus:hover {
    color: #FFF;
	background:#3F3F3F;
}
._Blue .navbar-default .nav > li.active>a,
._Blue .navbar-default .nav>li.active>a:focus {
    color: #FFF;
    background-color:#154A9A;
	text-shadow:#000 1px 1px 3px;
}
._Blue .navbar-default .nav > li.active>a:hover,
._Blue .navbar-default .nav>li.active>a:focus:hover {
    background-color: #154A9A;
	color:#000;
	text-shadow:none;
}

._Blue dl dt:first-child{background:#154A9A; color:#FFF;}
._Blue dl dd,._Blue dl dt{border-top:#999 1px solid;}
._Blue dl dt{background-color:#F1F9FF;}

._Blue #backTop:hover{background:url(../img/UI/uparr-48-b.png) no-repeat center center #154A9A;}
._Blue #register{background:#154A9A; color:#FFF;}
._Blue #register:hover{background:#3F3F3F; text-decoration:none;}

/* 綠 body 的 class name 設成 _Green */
._Green .navbar-default .nav > li>a,
._Green .navbar-default .nav>li>a:focus {
    color:#6AC451;
}
._Green .navbar-default .nav > li>a:hover,
._Green .navbar-default .nav>li>a:focus:hover {
    color: #FFF;
	background:#3F3F3F;
}
._Green .navbar-default .nav > li.active>a,
._Green .navbar-default .nav>li.active>a:focus {
    color: #FFF;
    background-color:#0C660E;
	text-shadow:#000 1px 1px 3px;
}
._Green .navbar-default .nav > li.active>a:hover,
._Green .navbar-default .nav>li.active>a:focus:hover {
    background-color: #0C660E;
	color:#000;
	text-shadow:none;
}

._Green dl dt:first-child{background:#0C660E; color:#FFF;}
._Green dl dd,._Green dl dt{border-top:#999 1px solid;}
._Green dl dt{background-color:#F5FFF3;}

._Green #backTop:hover{background:url(../img/UI/uparr-48-b.png) no-repeat center center #0C660E;}
._Green #register{background:#0C660E; color:#FFF;}
._Green #register:hover{background:#3F3F3F; text-decoration:none;}

/* 灰 body 的 class name 設成 _Grey */
._Grey .navbar-default .nav > li>a,
._Grey .navbar-default .nav>li>a:focus {
    color:#9E9E9E;
}
._Grey .navbar-default .nav > li>a:hover,
._Grey .navbar-default .nav>li>a:focus:hover {
    color: #FFF;
	background:#3F3F3F;
}
._Grey .navbar-default .nav > li.active>a,
._Grey .navbar-default .nav>li.active>a:focus {
    color: #FFF;
    background-color:#4C4C4C;
	text-shadow:#000 1px 1px 3px;
}
._Grey .navbar-default .nav > li.active>a:hover,
._Grey .navbar-default .nav>li.active>a:focus:hover {
    background-color: #4C4C4C;
	color:#000;
	text-shadow:none;
}

._Grey dl dt:first-child{background:#4C4C4C; color:#FFF;}
._Grey dl dd,._Grey dl dt{border-top:#999 1px solid;}
._Grey dl dt{background-color:#EBEBEB;}

._Grey #backTop:hover{background:url(../img/UI/uparr-48-b.png) no-repeat center center #4C4C4C;}
._Grey #register{background:#000; color:#FFF;}
._Grey #register:hover{background:#3F3F3F; text-decoration:none;}

dl div{padding: .5em;}
dl div:first-child{
	font-weight: bolder;
}
dl dd:nth-child(odd){
	background: #fff;
}
dl dd:nth-child(even){
	background:#fff;
}
dl dd div:nth-child(2){
	font-weight: bolder;
}

section.kv a video, section.kv a img{width: 100%;}






/* Jo 特調 */

.subtitle{
  width: 45%;
  margin-bottom: 20px;
  animation: yo 2s ease 
}
@keyframes yo{
	0%{
    transform:translateX(-300px);
    opacity: 0;
  }
	100%{
    transform:translateX(0px);
    opacity: 1;
  }
}
.maintitle{
    width: 100%;
  animation:cool 2s ease 
}
@keyframes cool{
	0%{transform:translateY(500px)}
  opaticy:0;
	100%{transform:translateY(0px)}
  opaticy:1;
}
.title{
  width: 40%;
  margin: 5% 0 0 20% ;
	display: block;
}
#kv h2{
  margin-top: 70px;
  font-size: 40px;
/*  margin-top: 40px;*/
  text-align: center;
}
#kv p{
  margin-top: 40px;
  font-size: 24px;
  text-align: center;
  padding:0 auto ;
}

.photo{
  height: 450px;
  overflow: hidden; 
/*   background-color: #333; */
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
/*
.photo_box{
  width: 48%;
  background-color: #777;
  height: 100%;
}
*/
.photo_box img{
  width: 100%;
}
/*
.photo_empty{
  width: 2%;
}
*/
 .icon_center{
  width: 25%;
  position: relative;
} 
.icon img{
	width:50%;
/*  transform: scale(0.5);*/
/*   margin: 0 auto; */
}
.carousel-control {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0%;
  transform: translate(0%,-30%);
  width: 15%;
  font-size: 100px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}






}
.img-thumbnail {
hover{background:#56ACE1} 
}