@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);

body {
	overflow-x: hidden;
	font-family: "Noto Sans TC","微軟正黑體","繁黑體",'Microsoft JhengHei','Microsoft YaHei','Heiti TC','LiHei Pro',sans-serif;
	font-size:16px;
	-webkit-tap-highlight-color:#bd1d21;
	color: #595757;
}
.text-muted {
	color: #d6d2c3;
}
.text-primary {
	color: #F9BF3D
}
.signway{
	color: #d6d2c3;
	font-size: 14px;
}
p {
	font-size: 16px;
	line-height: 1.8;
	font-weight: 400;
}
p.large {
	font-size: 17px
}
a, a:hover, a:focus, a:active, a.active {
	outline: 0
}
a {
	color: #fff;
}
a:hover, a:focus, a:active, a.active {
	color:#ddd;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 400;
}
.img-centered {
	margin: 0 auto
}


/*------------------導覽列-----------------*/

/*--moblie背景--*/
.navbar-default {
	background-color: #c6cdd5;
	border-color: transparent
}
.navbar-default .navbar-brand {
	color: #fff;
	font-family: "Helvetica Bold", "Lantinghei SC", "STHeitiTC-Light", "Microsoft JhengHei", "Arial", sans-serif;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:active, .navbar-default .navbar-brand.active {
	color: #004098;
}
.navbar-default .navbar-collapse {
	border-color: rgba(255,255,255,.02)
}
/*--moblie 漢堡顏色--*/
.navbar-default .navbar-toggle {
	background-color: #c6cdd5;
	border-color: #c6cdd5;
}
/*--moblie 漢堡顏色--*/
.navbar-default .navbar-toggle .icon-bar {
	background-color: #595757
}
/*--moblie 漢堡hover顏色--*/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #e4e9ef;
	    border-color: #e4e9ef;
}
/*--moblie 選單字體設定--*/
.navbar-default .nav li a {
	font-family: "Noto Sans TC","微軟正黑體","繁黑體",'Microsoft JhengHei','Microsoft YaHei','Heiti TC','LiHei Pro',sans-serif,"新細明體",PMingLiU;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #4a4d51;
	font-size: 18px;
}

.navbar-default .nav li a:hover, .navbar-default .nav li a:focus {
	color: #2b2b2b;
	outline: 0
}
.navbar-default .navbar-nav>.active>a {
	border-radius: 0;
	color: #000;
	background-color: #e4e9ef;
}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #000;
	background-color: #e4e9ef;
}

@media (min-width:768px) {
.navbar-default {
	background-color: transparent;
	padding: 25px 0;
	-webkit-transition: padding .3s;
	-moz-transition: padding .3s;
	transition: padding .3s;
	border: 0
}
.navbar-default .navbar-brand {
	font-size: 2em;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.navbar-default .navbar-nav>.active>a {
	border-radius: 0px
}
/*--電腦 導覽列顏色--*/	
.navbar-default.navbar-shrink {
	background-color: #c6cdd5;
	padding: 10px 0
}
.navbar-default.navbar-shrink .navbar-brand {
	font-size: 1.5em
}
}


/*------------------ 主視覺 -----------------*/

header {
	background-image: url(../images/header-bg.jpg);
	background-repeat: none;
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-color: #c5ccd4;
	text-align: center;
}
header .intro-text {
	padding-top: 250px;
	padding-bottom: 100px;
}
@media (min-width:768px) {
header .intro-text {
	padding-top: 500px;
	padding-bottom: 200px
}
}




/*------------------ 關於論壇 -----------------*/

section h2.section-heading {
	font-size: 42px;
	font-family: "Noto Sans TC","微軟正黑體","繁黑體",'Microsoft JhengHei','Microsoft YaHei','Heiti TC','LiHei Pro',sans-serif,"新細明體",PMingLiU;
	margin-top: 0;
	color: #3e3a39;
	font-weight: 600;
}


.section-line{
	max-width:40px;
	margin-bottom: 75px;
	margin-top: 20px;
	border-width:6px;
	border-color:#d80c18;
}



@media (min-width:768px) {
section {
	padding: 150px 0
}
}


/*------------------每個section的背景色-----------------*/

section#about {
	padding: 150px 0;
	background:#fff;
}

section#speaker {
	padding: 120px 0;
	background:#ebeff2;
}

section#program {
	padding: 120px 0;
	background:#fff
}

section#sign {
	padding: 120px 0;
	background-color: #BAE3F9; /* For browsers that do not support gradients */
    background-image: -webkit-linear-gradient(90deg,#273747 ,#708391); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient(90deg,#273747 ,#708391); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient(90deg,#273747 ,#708391); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient(90deg,#273747 ,#708391); /* Standard syntax */
}

section#news {
	padding: 120px 0;
	background:#fff;
}

section#video {
	padding: 120px 0;
	background:#f9f3ea;
}



/*------------------講師介紹------------------*/

.team-member {
	text-align: center;
	margin-bottom: 60px
}
.team-member img {
	margin: 0 auto;
	border: 5px solid #dfe3e8;
	width: 240px;
}
.team-member h4 {
	margin-top: 25px;
	margin-bottom: 0;
	text-transform: none;
	font-size: 21px;
	letter-spacing: 0.1em;
	color: #3e3a39;
	font-weight:500;
}
.team-member p {
	margin-top: 8px;
	font-family: "Noto Sans TC","微軟正黑體","繁黑體",'Microsoft JhengHei','Microsoft YaHei','Heiti TC','LiHei Pro',sans-serif,"新細明體",PMingLiU;
	line-height: 22px;
	font-size: 16px;
	color:#595757;
	font-weight:400;
}


::-moz-selection {
text-shadow:none;
background:#dfe8ef
}
::selection {
	text-shadow: none;
	background: #dfe8ef;
}
img::selection {
	background: 0 0
}
img::-moz-selection {
background:0 0
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin: 20px 0px;
}
th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	font-size: 15px;
}
table tbody tr td {
	padding: 10px
}



/*------------------ Google Maps -----------------*/

#map-canvas {
    height: 100%;
    margin: 0px;
    padding: 50px 0;
}
/* Parallax */

.parallax{
    display: block;
    overflow: hidden;
    width:100%;
    height:500px; 
    padding:0;
    margin:0;
    text-align: center;
    background-attachment:fixed;
    background-repeat:no-repeat; 
    position:relative;
    background-size: cover;
}

.parallax.fixed{
    background-attachment:fixed;
}

.info-content p{
    font-size: 13px;
}





/*------------------ 論壇議程 -----------------*/

.time-heading{
    font-size: 20px;
    margin-bottom: 30px;
    color:#231815;
}

.time-heading i{
    font-size: 30px;
    line-height: 40px;
    margin-right: 10px;
    color:#d80c18;
}

span.address{
    font-size: 15px;
    color:#595757;
    margin-left: 40px;
}

.table-content{
    font-size: 17px;
    color:##595757;
}

.classname{
    font-size: 20px;
    line-height: 26x;
    color:#d80c18;
}

.class_speaker{
	font-size: 17px;
    line-height: 22px;
}
.speaker_hide{
	color:rgba(255,255,255,0);
}

#program>* table {
    width:100%;
    margin: 10px 0;
    padding: 20px 5px;
}

#program>* table tbody tr td {
    padding: 25px;
}
 #program table tbody tr td {
    line-height: 1
}
#program table tbody tr td .dash {
    margin: 5px 0px 6px 0px
}

@media (min-width: 767px) {
#program table tbody tr td .dash {
    display: inline-block;
    margin: 3px 0px 2px 0px
}
}

#program>*:last-child {
    border: none
}
#program>* table tbody tr {
    border-bottom: 1px solid #595757;
}
#program>* table tbody tr:last-child {
    border-bottom: 1px solid #595757;
}

#program>* table tbody tr td:first-child {
    text-align: center
}

#program table tbody tr td .dash {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #d80c18;
}

@media (min-width: 600px) {
#program table tbody tr td .dash {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}}

.ps-small{
    color: #595757;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
}



/*------------------ 立即報名 -----------------*/

section h2.section-heading2 {
	font-size: 42px;
	font-family: "Noto Sans TC","微軟正黑體","繁黑體",'Microsoft JhengHei','Microsoft YaHei','Heiti TC','LiHei Pro',sans-serif,"新細明體",PMingLiU;
	margin-top: 0;
	color: #fff;
	font-weight: 600;
}


hr{
	color: #fff;
}


li {
    margin-bottom: 10px;
}

.signway-dark{
	font-size: 15px;
	color: #f9dc2d;
	font-weight: 300;
}
.signway-dark2{
	font-size: 15px;
	color: #fff;
	font-weight: 300;
	list-style: none;
}

.signbox{
	border-bottom: 1px solid rgba(255,255,255,0.6);
}


/*------------------Footer-----------------*/
footer {
	padding: 15px 0;
	background-color: #fff;
}

footer dl.sub-logo { text-align: center; }
footer dl.sub-logo dt { 
	margin-right: 5px;
	text-align: center;
	}
footer dl.sub-logo dd { margin: 0; padding: 0; }
footer dl.sub-logo dd img { margin: auto; }
footer dl.sub-logo dd { margin-bottom: 5px; }
footer .ticket-logo { height: 70px; }



@media only screen and (min-width: 768px) {
  footer { padding: 20px 0; }
  footer dl.sub-logo { margin: 0; height: 30px; overflow: hidden; }
  footer dl.sub-logo dt, footer dl.sub-logo dd { display: inline-block; }
  footer dl.sub-logo dt { margin: 0 8px; }
  footer dl.sub-logo dt:first-child { margin-left: 0; }
  footer dl.sub-logo dt h3 { color: #232331; border: 1px solid #232331; padding: 5px 1em; position: relative; top: -15px; }
  footer dl.sub-logo dd { margin-bottom: 0; }
  footer dl.sub-logo dd:last-child { margin-right: 0; }
}

@media only screen and (min-width: 992px) {
  footer dl.sub-logo { height: 30px; }
  footer dl.sub-logo dt h3 { top: -12px; }
  footer dl.sub-logo dd { margin-right: 10px; }
  footer dl.sub-logo dd img { height: 30px; }
}


@media only screen and (min-width: 1200px) {
 
  footer dl.sub-logo { height: 70px; }
  footer dl.sub-logo dt h3 { top: -10px; }
  footer dl.sub-logo dd { margin-right: 20px; }
  footer dl.sub-logo dd img { height: 65px; }
  
}





/* More */


.btn {
	font-size:18px;
	background-color:rgba(255,255,255,0);
	border-radius:0;
	padding:15px 60px;
	border:1px solid #baa16c;
	color:#baa16c
}

.btn-lg {
	font-size:15px;
	padding:25px 35px
}

.btn-default {
	margin:10px 20px;
	width: 300px;
	font-size:18px;
	background-color:rgba(255,255,255,0.2);
	border-radius:0;
	padding:20px 60px;
	border:1px solid #fff;
	color: #fff;
	transition: all 0.5s;
  	cursor: pointer;
}

.btn-default:focus,
.btn-default:hover {
	background-color:#d80c18;
	border:1px solid #d80c18;
	color:#fff;
}





.btn-custom {
	margin:10px 20px;
	width: 300px;
	font-size:18px;
	background-color:rgba(255,255,255,0.2);
	border-radius:0;
	padding:20px 60px;
	border:1px solid #fff;
	color: #fff;
	transition: all 0.5s;
  	cursor: pointer;
}

.btn-custom:focus,
.btn-custom:hover {
	background-color:#d80c18;
	border:1px solid #d80c18;
	color:#fff;
}





input[type=checkbox].css-checkbox {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
	}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:30px;
	height:22px; 
	display:inline-block;
	line-height:22px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:20px;
	ertical-align:middle;
	cursor:pointer;
	}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -22px;
	}
label.css-label {
	background-image:url(../images/checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}