@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;}
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);}

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

.character{}
.character img{border-radius:1em; border:#ccc 1px solid; -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;}
.character img:hover{box-shadow:#A7A7A7 2px 2px 6px; cursor:pointer; border-radius:2em; border:#284B8B 1px solid;}
._HostExe div{text-align:center;}
._HostExe div img {display:block; margin:auto; border-radius:1em; border:#ccc 1px solid; -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;}
._HostExe div img:hover{box-shadow:#A7A7A7 2px 2px 6px; cursor:pointer; border-radius:2em; border:#284B8B 1px solid;}

.sponser{padding:2em 0 .5em 0; border-radius:20px; font-size:14px;}
#speakers div{margin-top:20px;}
#speakers img:hover{border:#DEDEDE 1px solid; border-radius:1em; box-shadow:#A7A7A7 2px 2px 6px; cursor:pointer;}

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;}
.bg-light{background:#F8F8F8;}

/* 配色 */
/* 藍 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: #567226;
	color:#000;
	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;}


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 dt{background:#C1D7DC;}
._AM dd:nth-child(odd){background:#DDEAF7;}
._AM dd:nth-child(even){background:#BDD7ED;}

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

._TrackA{}
._TrackA dt{background:#C1D7DC;}
._TrackA dd:nth-child(odd){background:#E1EEDA;}
._TrackA dd:nth-child(even){background:#C6E0B4;}
._TrackB{}
._TrackB dt{background:#C1D7DC;}
._TrackB dd:nth-child(odd){background:#D9E0F1;}
._TrackB dd:nth-child(even){background:#B4C6E7;}
._TrackC{}
._TrackC dt{background:#FFE699;}
._TrackC dd:nth-child(odd){background:#FFFDD0;}
._TrackC dd:nth-child(even){background:#FFFADC;}
._Tabs{}
._Tabs{width:100%;}
._Tabs li{width:calc(100%/3); text-align:center;}
._Tabs li a{color:#323232; background:transparent; border:none;}
._Tabs li:nth-child(1).active a{font-weight:bolder; color:#000; background:transparent; border:none;}
._Tabs li:nth-child(1).active{background:#C6E0B4; border-top-left-radius:15px; border-top-right-radius:15px;}
._Tabs li:nth-child(2).active a{font-weight:bolder; color:#000; background:transparent; border:none;}
._Tabs li:nth-child(2).active{background:#B4C6E7; border-top-left-radius:15px; border-top-right-radius:15px;}
._Tabs li:nth-child(3).active a{font-weight:bolder; color:#000; background:transparent; border:none;}
._Tabs li:nth-child(3).active{background:#FFE699; border-top-left-radius:15px; border-top-right-radius:15px;}

._Blue dl dt._Break{background:#a6a6a6; color:#fff;}

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

.navbar-default.affix{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1000;
}