@import url(http://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: 20px; font-size: 16px; 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;}

.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;}


section {padding: 50px 0;}
#section_02, #section_04, #section_06{background:#F8F8F8;}

/* 配色 */
/* 黃 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;}

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