@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;}
#section_03 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 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: 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;}

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