@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
*{font-family:'Noto Sans TC';}
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; width:100%;}

@media only screen and (min-width: 1200px){
header .header-content .header-content-inner img{bottom:0;}
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
header .header-content .header-content-inner img{bottom:50px;}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
header .header-content .header-content-inner img{top:50px;}
}
@media only screen and (max-width: 767px){
header .header-content .header-content-inner img{top:50px;}
}

.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:1em 0;}
#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:600px; 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{
	margin:10px;
	border-radius:10px;
    width:50px;
    height:50px;
    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{
	margin:10px;
	width:41px;
    padding:5px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	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 table th{background:#FDFF28; color:#000;}
._Yellow table td{border-top:#9A8712 1px solid;}
._Yellow table tr._break{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 table th{background:#F49C00; color:#000;}
._Orange table td{border-top:#411F00 1px solid;}
._Orange table tr._break{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 table th{background:#D73437; color:#FFF;}
._Red table td{border-top:#742B2C 1px solid;}
._Red table tr._break{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 table th{background:#8426B4; color:#FFF;}
._Purple table td{border-top:#602788 1px solid;}
._Purple table tr._break{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 table th{background:#154A9A; color:#FFF;}
._Blue table td{border-top:#062655 1px solid;}
._Blue table tr._break{background-color:#F1F9FF;}

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

/* 綠 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 table th{background:#0C660E; color:#FFF;}
._Green table td{border-top:#053106 1px solid;}
._Green table tr._break{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 table th{background:#4C4C4C; color:#FFF;}
._Grey table td{border-top:#353535 1px solid;}
._Grey table tr._break{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;}