/*大咖介紹 圖片height:246px; */
body{
	padding: 0 0;
	margin: 0 0;
}
.indexlink>a:hover, .indexlink>a:link, .indexlink>a:visited{
	color: #000;
}
.title_index p{
	color: #C6C6C6;
	/*line-height: 40px;*/
	position: absolute;
	width: 100%;
	padding-top: 30px;
	font-size: 20px;
}
.title_index .container{
	text-align: center;
	position: relative;
}
.col1{
	left: 20%;
	margin-left: -17.96875%;
	position: absolute;
	color: #000000;
}
.col1 a:hover{ 
	opacity: 0.7;
}
.col2{
	left: 45%;
	margin-left: -17.96875%;
	position: absolute;
	z-index: 29;
	color: #000;
}
.col2 a:hover{ 
	opacity: 0.7;
}

.col3{
	left: 70%;
	margin-left: -17.96875%;
	position: absolute;
	color: #000;
}
.col3 a:hover{ 
	opacity: 0.7;
}
.col4{
	left: 95%;
	margin-left: -17.96875%;
	position: absolute;
	color: #000;
}
.col4 a:hover{ 
	opacity: 0.7;
}
.trpic h4{
	margin-top: 25px;
	text-align: center;
}
.trpic{
	display: inline-block;
	padding-top: 100px;
	margin-top: 50px;
}

.trpic .dp{
	box-shadow: 6px 4px 2px rgba(196,196,196,0.45);
	width: 184px;
	height: 246px;
	background: rgb(232,232,232);
	padding-top: 211px;
}
.trpic .dp > div{
	color: #fff;
	text-align: center;
	width: 160px;
	line-height: 35px;
	background: rgb(64,164,199);

}
/*大咖介紹end*/

.transt {
	background-color: transparent;
	height: 150px;
	width: 100%;
}

/*大會介紹 內圖高度396px*/
.ss_intro{
	background-image: url(img/web_index_interduce-04.jpg);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 780px;
}

.ss_intro .container{
	position: relative;
	letter-spacing: 2px;
}

.text_left{
	top: 75px;
	z-index: 40;
	padding: 0;
	margin: 0 auto;
	position: absolute;
	width: 380px;
	height: 250px;
	margin-left: -190px;
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgba(0,0,0,0.5);
	left: 15%;
}
.text_leftb{
	display: inline-block;
	top: 335px;
	z-index: 40;
	padding: 0;
	margin: 0 auto;
	position: absolute;
	width: 380px;
	height: 360px;
	margin-left: -190px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	background-color: rgba(0,0,0,0.5);
	left: 15%;
}

.text_center a:link{
	text-decoration: underline;
}
.text_center{
	top:75px;
	z-index: 40;
	padding: 0;
	margin: 0 auto;
	position: absolute;
	width: 380px;
	height: 620px;
	margin-left: -190px;
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgba(0,0,0,0.5);
	left: 50%;
}
.text_right{
	top: 75px;
	z-index: 40;
	padding: 0;
	margin: 0 auto;
	position: absolute;
	width: 380px;
	height: 620px;
	margin-left: -190px;
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgba(0,0,0,0.5);
	left: 85%;
}

.ss_intro p{
	font-size: 16px;
	color: #A9A9A8;
	padding-top: 5px;
	line-height: 25px;
}
.ss_intro h2{
	padding-top: 5px;
	color: #ffffff;
	font-weight: 500;
}
/*大會介紹END*/

/*講師陣容*/

.blue_line{
	/*background-color: #0D75A3;*/
	background-image: url(img/web_index2_teacher-05.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*left: 0%;*/
	width: 100%;
	height: 90px;
	margin-top: -32px;
	z-index: 50;
	/*opacity: 0.9;*/
}
.blue_text{
	color: #fff;
	text-align: center;
	padding-top: 28px;
	letter-spacing: 20px;
	padding-left: 10px;
	font-size: 22px;
}

.small_tr{
	background-image: url(img/web_trintro-03.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	/*background-color: #E8E8E8;*/
	width: 100%;
	height: 510px;
	margin-bottom: -25px;
	margin-top: -15px;
	color: #000000;
	font-weight: 500;
}
.small_tr .container{
	position: relative;
}

li.sp_l{
	position: absolute;
	left: 4.5%;
	bottom: -170px;
	margin-left: -16px;
	margin-top: 75px;
	display: block;
	z-index: 1000000;
}
li.sp_r{
	position: absolute;
	left: 90%;
	bottom: -170px;
	margin-left: -16px;
	display: block;
	z-index: 500;
}
.small_pic{
	height: 132px;
	width: 132px;
	border-radius: 132px;
	background: rgb(232,232,232);
	background-size: 99.5% 99.5%;
	background-position: center;
	box-shadow: 6px 4px 2px rgba(196,196,196,0.45);
}

.sp_1,.sp_2,.sp_3,.sp_4,.sp_5{ 
	display: block;
	margin-top: 75px;
}
.sp_13,.sp_14,.sp_15,.sp_16,.sp_17,.sp_6,.sp_7,.sp_8,.sp_9,.sp_10,.sp_11,.sp_12{ display: none;}

.sp_1, .sp_6, .sp_11, .sp_16{
	left: 20%;
	margin-left: -66px;
	position: absolute;
}
.sp_2, .sp_7, .sp_12, .sp_17{
	left: 35%;
	margin-left: -66px;
	position: absolute;
}
.sp_3, .sp_8, .sp_13{
	left: 50%;
	margin-left: -66px;
	position: absolute;
}
.sp_4, .sp_9, .sp_14{
	left: 65%;
	margin-left: -66px;
	position: absolute;
}
.sp_5, .sp_10, .sp_15{
	left: 80%;
	margin-left: -66px;
	position: absolute;
}
.n_1, .n_2, .n_3, .n_4, .n_5, .n_6, .n_7, .n_8, .n_9, .n_10, .n_11, .n_12, .n_13, .n_14, .n_15, .n_16, .n_17{
	text-align: center;
	margin-top: 145px;
}
.small_tr h4{
	color: #000000;
	text-align: center;
}
.small_tr h4:link{
	color: #000000;
	text-decoration: none;
}
.small_tr h4:visited{
	color: #000000;
	text-decoration: none;
}
.small_tr h4:hover{
	color: #000000;
	text-decoration: none;
}



/*講師陣容END*/

/*Sponsor*/
.sponsor{
	/*background-image: url(img/web_index_sponsor.png);*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 600px;
	margin-bottom: -25px;
	margin-top: 25px;
}
.sponsor .container{
	position: relative;
}
.sponsor h2{
	color: #000000;
	text-align: center;
	letter-spacing: 15px;
	padding-top: 40px;
	font-weight: 500;
	font-size: 22px;
}
.logos{
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	height: 200px;
	vertical-align: middle;
	margin-bottom: 40px;
}
.logos>a>img {
	vertical-align: middle;
}
.logos>a>img#seccon {
	width: 300px;
	margin-top: 73px;
}
.logos>a>img#bob {
	margin-top: 13.5px;
}
.logos>a>img#hitcon {
	width: 250px;
	margin-top: 19px;
}
.logos>a>img#tm {
	width: 250px;
	margin-top: 50px;
}
.logos>a>img#verint {
	width: 250px;
	margin-top: 65px;
}
.logos>a>img#gorilla {
	width: 150px;
	margin-top: 37px;
}
.logos>a>img#devcore {
	width: 250px;
	margin-top: 71px;
}

.coming_soon {
	padding-top: 50px;
	line-height: 100px;
}

/*Sponsor END*/

.gate p{
	padding-left: 15px;
	font-size: 15px;
}
.goto_top p{
	padding-top: 9px;
	padding-left: 15px;
}

@media screen and (max-width: 1199px) {
	.text_left, .text_leftb, .text_center, .text_right {
		width: 330px;
		margin-left: -165px;
	}
	.text_center, .text_right {
		height: 640px;
	}
	.text_leftb {
		height: 380px;
	}
}
@media screen and (max-width: 991px) {
	.sponsor.container {
		width: 800px !important;
	}
	.text_left, .text_leftb, .text_center, .text_right {
		width: 300px;
	}
	.text_left, .text_leftb {
		margin-left: -200px;
	}
	.text_center {
		margin-left: -145px;
		height: 660px;
	}
	.text_right {
		margin-left: -90px;
		height: 660px;
	}
	.text_leftb {
		height: 400px;
	}
	.logos>a>img#seccon {
		width: 200px;
		margin-top: 82px;
	}
	.logos>a>img#bob {
		margin-top: 13.5px;
	}
	.logos>a>img#hitcon {
		width: 200px;
		margin-top: 35px;
	}
	.logos>a>img#tm {
		width: 180px;
		margin-top: 64px;
	}
	.logos>a>img#verint {
		width: 180px;
		margin-top: 75px;
	}
	.logos>a>img#gorilla {
		width: 150px;
		margin-top: 37px;
	}
	.logos>a>img#devcore {
		width: 180px;
		margin-top: 80px;
	}
}
@media screen and (min-width: 768px) {
	.sponsor>.container {
		width: 800px;
	}
}
@media screen and (min-width: 992px) {
	.sponsor>.container {
		width: 970px;
	}
}
@media screen and (min-width: 1200px) {
	.sponsor>.container {
		width: 1170px;
	}
}