@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:#DF5F0E; -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s;}
a:hover, a:focus {color:#F1C11B;}

h1, h2, h3, h4, h5, h6 {font-weight:bold;}
p {margin-bottom: 20px; font-size: 16px; line-height: 1.6; word-break:hyphenate;}
/*section_02*/
#section_02 h4 {
    text-decoration: none;
    color: #000; 
    transition-duration: 0.3s;
}
#section_02 h4:hover {
    color: #DF5F0E;
}

/*section_03 speaker*/
#agenda_TC p {
    position: relative;
    text-decoration: none;
    color: #000; 
    transition-duration: 0.3s;
}
#agenda_TC p:hover {
    color: #fff; 
}
#agenda_TC p:before{
    content:"";
    position: absolute;
    margin-left: 26px;
    margin-top: 14px;
    width: 0;
    height: 0;
    border-bottom: 12px solid #DF5F0E;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    opacity: 0;
    transition-duration: 0.3s;
}
#agenda_TC p:hover:before{
    margin-top: 34px;
    opacity: 1;
}
#agenda_TC p:after{
    content:"前往報名";
    position: absolute;
    font-size: 16px;
    letter-spacing: 2px;
    color: #fff;
    width: 100px;
    height: 40px;
    margin-left: -85px;
    margin-top: 26px;
    padding-top: 8px;
    border-radius: 12px;
    background-color: #DF5F0E;
    opacity: 0;
    transition-duration: 0.3s;
}
#agenda_TC p:hover:after{
    margin-top: 46px;
    opacity: 1;
}

#agenda_TP p {
    position: relative;
    text-decoration: none;
    color: #000; 
    transition-duration: 0.3s;
}
#agenda_TP p:hover {
    color: #fff; 
}
#agenda_TP p:before{
    content:"";
    position: absolute;
    margin-left: 26px;
    margin-top: 14px;
    width: 0;
    height: 0;
    border-bottom: 12px solid #DF5F0E;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    opacity: 0;
    transition-duration: 0.3s;
}
#agenda_TP p:hover:before{
    margin-top: 34px;
    opacity: 1;
}
#agenda_TP p:after{
    content:"前往報名";
    position: absolute;
    font-size: 16px;
    letter-spacing: 2px;
    color: #fff;
    width: 100px;
    height: 40px;
    margin-left: -85px;
    margin-top: 26px;
    padding-top: 8px;
    border-radius: 12px;
    background-color: #DF5F0E;
    opacity: 0;
    transition-duration: 0.3s;
}
#agenda_TP p:hover:after{
    margin-top: 46px;
    opacity: 1;
}

#section_03 a {
    text-decoration: none;
    color: #000; 
    transition-duration: 0.3s;
}
#section_03 a:hover {
    color: #DF5F0E;
}
#agenda_TC a:hover {
    color: #fff;
}
/* btnn */
#section_02 h4 {
    display: inline-block;
    text-align: center;
    margin-left: 30%;
}
.btnn {
    position: relative;
    border-radius: 4px;
    display: inline-block;
    width: 124px;
    height: 30px;
    background-color: #F1C11B;
    text-align: center;
    font-size: 18px;
    padding: 2px;
    letter-spacing: 2px;
    color: #fff;
    margin-left: 15px;
    transition-duration: 0.2s;
}
.btnn:hover {
    margin-left: 27px;
    transform: scale(1.1);
    height: 32px;
    border-radius: 15px;
    letter-spacing: 1px;
    font-weight: 400;
    width: 100px;
}
.btnn:before {
    content:"";
    opacity: 0;
}
.btnn:hover:before {
    content:"";
    position: absolute;
    opacity: 1;
    left: -19px;
    top: 7px;
    width: 0;
    height: 0;
    border-left: 14px solid #333;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.btnn:after {
    content:"";
    opacity: 1;
}
.btnn:hover:after {
    content:"+1";
    position: absolute;
    opacity: 1;
    font-family: futura;
    font-size: 16px;
    font-weight: 500;
    padding-top: 3px;
    padding-left: 1px;
    letter-spacing: -1px;
    right: -12px;
    top: -16px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #F1C11B;
}
.btnn_blue {
    background-color: #1C96D5;
}
.btnn_blue:hover:after {
    background-color: #1C96D5;
}

/* speaker */
.speaker {
    position: relative;
    transition-duration: 0.3s;
    opacity: 0.8;
}

.speaker:hover {
    transform: scale(1.05);
    opacity: 1;
}

.speaker_img {
    width: 200px;
    height: 200px;
    display: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0px solid none;
    border-radius: 1em;
    margin: 1em auto;
    transition-duration: 0.3s;
}

.speaker:before {
    content: "...";
    position: absolute;
    width: 60px;
    height: 50px;
    font-size: 26px;
    left: 0px;
    top: 0px;
    border-radius: 20px;
    background-color: #ddd;
    line-height: 40px;
    opacity: 0;
}
.speaker:after {
    content: "";
    position: absolute;
    width: 0; 
    height: 0; 
    border-left: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #ddd;
    border-top: 8px solid #ddd;
    left: 38px;
    top: 42px;
    opacity: 0;
}

.speaker:hover:before{
    opacity: 1;
}
.speaker:hover:after{
    opacity: 1;
}

.speaker:hover>.speaker_img {
    border-radius: 50%;
}

.speaker h3{
    margin-top: 2px;
}
.speaker p{
    line-height: 24px;
}

.speaker-blue:hover {
    color: #1C96D5;
}
.speaker-blue:hover>.speaker_img-blue {
    border: 6px solid #1C96D5;
}

.speaker-green:hover {
    color: #8ABA28;
}
.speaker-green:hover>.speaker_img-green {
    border: 6px solid #8ABA28;
}

.speaker-yellow:hover {
    color: #F1C11B;
}
.speaker-yellow:hover>.speaker_img-yellow {
    border: 6px solid #F1C11B;
}

.speaker-red:hover {
    color: #DF5F0E;
}
.speaker-red:hover>.speaker_img-red {
    border: 6px solid #DF5F0E;
}
/* speaker */

.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;font-size: 16px}
table th{color:#FFFFFF;}
table td{text-align:left;font-size: 16px}
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_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{
    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 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 #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 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;}