@charset "utf-8";
/* 簡單流變媒體
   注意: 流變媒體要求您必須移除 HTML 中媒體的高度和寬度屬性
   http://www.alistapart.com/articles/fluid-images/ 
*/
Body {
	font-family: "微軟正黑體", Times New Roman, serif;
	font-size: 18px;
	line-height: 150%;
	font-weight: 600;
	color: #222;
}
img, object, embed, video {
	max-width: 100%;
}
.ll-hide {
	display: none;
}
/* Brand 與 主選單相關*/


.navbar-brand {
	font-weight: 600;
	font-size: 20px;
	padding: 10px 20px;
}
.navbar-brand > img {
	z-index: 20;
}
.navbar-inverse {
	/*	background-image: url(../images/template/main-menu-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover; */
	background-color: rgba( 0, 0, 0, 1);
	border-bottom: 0px;
	opacity: .9;
	height: 90px;
}

/*新增選單置中語法*/
.navbar-center {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar-collapse-center {
  text-align: center;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: #fff;
	background-color: rgba( 0, 183, 118,.95);
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: rgba( 0, 0, 0,.50);
}
.nav > li > a {
	vertical-align: bottom;
	padding-top: 35px;
	font-size: 18px;
	height: 89px;
	width: 160px;
}
.dropdown-menu {
	background-color: rgba( 0, 0, 0,.95);
}
.dropdown-menu > li > a {
	font-size: 16px;
	line-height: 145%;
	color: #FFF;
	background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a {
	font-weight: 600;
    color: #00B776;
}
.dropdown-menu > li > a:hover {
	color: #fff;
	background-color: rgba( 0, 183, 118,.95);
}

.top-banner{
	margin-top: 0px;
}
.menu-date {
	font-size: 120%;
	color: #999;
	border-bottom: 1px dashed #666;
	border-top: 1px dashed #666;
	text-align: center;
	padding: 4px 8px;
	font-weight: 400;
	margin: 6px;
}
.search-title {
  font-size: 40px;
  color: #EEE;
  font-weight: 600;
  line-height: 200%;
}
/*輪播調整*/
.carousel-control {
	width: 10%;
}
.glyphicon-chevron-left {
	left: 30%;
	background-color: #000;
	border-radius: 30px;
}
.glyphicon-chevron-right {
	right: 30%;
	background-color: #000;
	border-radius: 30px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	width: 46px;
	height: 46px;
	/* margin-top: -10px; */
	font-size: 30px;
	/* vertical-align: bottom; */
	padding-top: 7px;
}

.search-title {
      font-size: 30px;
      color: #EEE;
      font-weight: 600;
      line-height: 120%;
    }

/*首頁主腰帶相關*/
.info_block {
	padding: 25px 0;
	color: #fff;
	background-image: url(../images/index/info-block-bg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	background-size: cover; 

}
.info_block_inside {
	background-color: #7A48F4;
	width: 100%;
	padding: 2px 0;
	color: #fff;
}
.info_date{
	line-height: 150%;
	font-size: 60px;
	font-family: arial black;
	font-weight: 600;
	color: #fff;
	text-align:center;
	letter-spacing: 2px;
	animation-name: dateShake;
    animation-duration: 3.5s;
    animation-iteration-count:infinite;
}

@keyframes dateShake {

  0%{
      transition: 0%;
       margin-left: -40px;
       opacity: .1;
  }
   15%{
      margin-left: -10px;
      opacity: 1;
  }
  99%{
      margin-left: 60px;

  }
  100%{
      transition: 100%
       margin-left: 70px;
       opacity: 0;
  }

}


.info_year {
		font-size: 48px;
}
.info_weekday {
	margin: 0px 4px;
	font-size: 25px;
	padding: 2px 6px;
	font-family: "微軟正黑體";
	font-weight: 600;
	color: #107a82;
	background-color: #FFF;
	border-radius: 25px;
}
.info_place_title {
	margin-top: 16px;
	text-align: right;
	padding: 0px 10px 0px 0px;
	font-size: 28px;
	letter-spacing: 1px;
	line-height: 105%;
	border-right: 1px solid #FFF;
}
.info_adress {
	margin-top: 16px;
	padding: 0px 10px 0px 0px;
	font-size: 30px;
	letter-spacing: 2px;
	line-height: 80%;
}
.info_adress2 {
	font-size: 15px;
}
/*首頁主標題*/
.topic_title {
	padding: 20px 0px 30px;
	letter-spacing: 2px;
	margin: 10px 0px;
	text-align: center;
	line-height: 150%;
	font-weight: 600;
	color: #00402D;
	font-size: 36px;
}


.title-color-blue{
	color: #4553FF;
}
/*首頁關於論壇介紹*/

.intro-block {
	padding: 70px 0 90px;
	background-image: url(../images/index/intro-bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;
}
.intro-sub-title {
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	padding: 10px 0px;
}
.intro-detail-block {
	font-size: 20px;
	line-height: 200%;
	padding: 25px;/*
	background-color: rgba(255,255,255,0.80);
	border-radius:20px; 
	box-shadow: 0px 0px 15px rgba(0,0,0,0.20)
*/
}

.intro-item {
	margin: 10px -5px;
	text-align: center;
	padding:10px 5px  5px;
	border: 1px solid #DDD;
	border-radius: 20px;
	background-color: #FFF;
	box-shadow: 2px 2px 8px rgba(118,118,118,.40);
}

.intro-item-title {
    padding: 25px 0 0;
    font-size: 22px;
    color: #333333;
    font-weight: 600;
    line-height: 150%;
    margin-left: -20px;
}
.intro-btn {
    width: 160px;
	height:35px;
    color: #FFF;
    background-color: #0088FF;
    border-radius: 20px;
    font-size: 16px;
	font-weight: 600;
    border: 0px;
    background-image: url(../images/index/icon-btn-bg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	background-size: 100%;
}
.intro-btn:hover {
    background-color: #0099ff;
    background-image:none;
}

.mainact-block {
	padding-bottom: 20px;
	background-image: url(../images/index/mainact-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.mainact-photo {
	margin-top: 30px;
	padding: 30px;
	background-color: rgba(255,255,255,.7);
	border-radius: 30px;
}

/*新版首頁論壇*/

/*第一筆橫躺論壇編排*/
.forum-unit-1st {
	height:210px;
	margin: 20px 0px 10px 50px;
	padding: 8px;
	border: 0px;
	border-radius: 25px;
	background-color: #FFF;
	box-shadow: 0px 0px 15px rgba(118,118,118,.40);
	line-height: 150%;
	font-size: 90%;
	color:#0046A8;
	display: flex;
  justify-content: center;
  align-items: center; 
}
.forum-unit-1st:hover{
		color:#65FFBD;
	background-color: #595757;
	box-shadow: 0px 0px 10px rgba(0,102,204,.95);
	   transition:background-color .5s;

	   transition:box-shadow 1s;
		 cursor: pointer;
	}

	.forum-into-bg-blue-1st{
	height:194px;
	width: 85%;
	margin-left: -100px;
	background: linear-gradient(45deg, rgb(100,145,250), rgb(91,81,209));
	border-radius: 10px;
	display: flex;
    justify-content: center;
    align-items: center;
}

	.forum-into-bg-1st{
	width: 100%;
	height:100%;
	background-image: url(../images/index/forum-info-bg-white-left.png);
	background-repeat: no-repeat;
	background-position: center left;
	background-size:auto 100%;
	text-align: center;
	color:#FFF;
	font-size: 15px;
	font-weight:600;
	line-height: 200%;
	display: flex;
    align-items: center;
}


.forum-icon-blue-1st{
	background: linear-gradient(45deg, rgb(100,145,250), rgb(91,81,209));
	    margin-left: -50px;
    width: 105px;
	border: 5px #FFF solid;
	border-radius: 99em;
	box-shadow: 5px 4px 10px rgba(0,0,0,0.30);
	float:left;
}

.forum-into-dp-1st{
		padding: 10px 70px;

	border-right: 1px #FFF solid;
}

.forum-into-title-1st{
	font-size: 170%;
	width:450px;
	line-height: 150%;
	padding-left: -20px;
	margin:auto;
}


.forum-into-go-1st{
font-size: 150%;
text-align:center;
padding-left: 25px;
}

/*下方正常4筆論壇編排*/

.forum-unit {
	margin: 50px 0 10px;
	padding: 8px;
	border: 0px;
	border-radius: 25px;
	background-color: #FFF;
	box-shadow: 0px 0px 15px rgba(118,118,118,.40);
	line-height: 150%;
	font-size: 90%;
	color:#0046A8;

}
.forum-unit:hover{
		color:#65FFBD;
	background-color: #595757;
	box-shadow: 0px 0px 10px rgba(0,102,204,.95);
	   transition:background-color .5s;

	   transition:box-shadow 1s;
		 cursor: pointer;
	}

.forum-into-bg-green{
	margin-top: -40px;
	background: linear-gradient(45deg, rgb(0,191,207), rgb(0,158,194));
	border-radius: 10px;
}

.forum-into-bg-cray{
	margin-top: -40px;
	background: linear-gradient(45deg, rgb(29,185,255), rgb(5,97,204));
	border-radius: 10px;
}

.forum-into-bg-blue{
	margin-top: -40px;
	background: linear-gradient(45deg, rgb(100,145,250), rgb(91,81,209));
	border-radius: 10px;
}

.forum-into-bg-purple{
	margin-top: -40px;
	background: linear-gradient(45deg, rgb(160,132,220), rgb(140,71,215));
	border-radius: 10px;
}

.forum-into-bg{
	width: 100%;
	background-image: url(../images/index/forum-info-bg-white.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size:100%;
	text-align: center;
	padding:20px 10px 50px;
	color:#FFF;
	font-size: 15px;
	font-weight:600;
	line-height: 200%;
}

.forum-into-title{
font-size: 150%;
line-height:135%;
padding-bottom: 10px;
}
.forum-into-date{
font-size: 300%;
    font-family: Abril Titling Nar Bold;
}
.forum-into-place{
font-size: 115%;
}
.forum-into-go{
font-size: 150%;
text-align:center;
padding-bottom: 10px;
}

.forum-item-hr {
	width: 90%;
	color: #FFF;
}

.forum-icon-green{
	background: linear-gradient(45deg, rgb(0,191,207), rgb(0,158,194));
	margin: -50px auto 20px;
    width: 105px;
	border: 5px #FFF solid;
	border-radius: 99em;
	box-shadow: 5px 4px 10px rgba(0,0,0,0.30)
}
.forum-icon-cray{
	background: linear-gradient(45deg, rgb(29,185,255), rgb(5,97,204));
	margin: -50px auto 20px;
    width: 105px;
	border: 5px #FFF solid;
	border-radius: 99em;
	box-shadow: 5px 4px 10px rgba(0,0,0,0.30)
}
.forum-icon-blue{
	background: linear-gradient(45deg, rgb(100,145,250), rgb(91,81,209));
	margin: -50px auto 20px;
    width: 105px;
	border: 5px #FFF solid;
	border-radius: 99em;
	box-shadow: 5px 4px 10px rgba(0,0,0,0.30)
}
.forum-icon-purple{
	background: linear-gradient(45deg, rgb(160,132,220), rgb(140,71,215));
	margin: -50px auto 20px;
    width: 105px;
	border: 5px #FFF solid;
	border-radius: 99em;
	box-shadow: 5px 4px 10px rgba(0,0,0,0.30)
}

/*新版首頁論壇---finish*/


/*動畫 iFrame 比例*/
.embed-responsive-pc {
  padding-bottom: 45%;
}
.embed-responsive-mobile {
  padding-bottom: 172%;
}

/*舊版首頁論壇色塊底色*/
#forum-unit01, #forum-unit02 {
	padding: 20px;
	background-color: #ff0000;
	height: 240px;
}
#forum-unit03, #forum-unit05 {
	padding: 25px 20px;
	background-color: #FFA500;
	height: 450px;
}
#forum-unit04, #forum-unit06 {
	padding: 25px 20px;
	background-color: #0A44A1;
	height: 450px;
}
#forum-unit07, #forum-unit09 {
	padding: 25px 20px;
	background-color: #40C672;
	height: 450px;
}
#forum-unit08, #forum-unit10 {
	padding: 25px 20px;
	background-color: #6464E5;
	height: 450px;
}
/*首頁論壇區塊標題*/
.forum-item-title {
	text-align: center;
	font-size: 30px;
	line-height: 105%;
	height: 60px;
}
.forum-item-title2 {
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
	font-size: 30px;
	line-height: 105%;
	height: 60px;
}


/*單行 title 使用 */
.forum-item-title3 {
	padding-top: 28px;
	text-align: center;
	vertical-align: middle;
	font-size: 30px;
	line-height: 105%;
	height: 60px;
}

.forum-item-date {
	text-align: center;
	font-size: 34px;
	font-weight: 600;
}
.forum-item-time {
	text-align: center;
	font-size: 22px;
}
/*首頁論壇區塊報名按鈕*/
.forum-item-btn {
	width: 100%;
	color: #000;
	background-color: #FFF;
	border-radius: 10px;
	font-size: 24px;
	margin-top: 5px;
	border: 0px;
	line-height: 150%;
}
.forum-item-btn-close {
	width: 100%;
	color: #EEE;
	background-color: #AAA;
	border-radius: 10px;
	font-size: 24px;
	margin-top: 5px;
	border: 0px;
	line-height: 150%;
}
.forum-item-btn:hover {
	width: 100%;
	color: #663300;
	background-color: #ffff33;
	border-radius: 10px;
	font-size: 24px;
	margin-top: 5px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.60);
}
.img-rounded-forum {
	border-radius: 25px;
}
.container-forum {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	width: 1400px;
}
.thumbnail-radius {
	border-radius: 18px;
}
.envalue-stitle {
	font-size: 24px;
	font-weight: 600;
	color: #F4562A;
}
.envalue-box {
	font-size: 18px;
	line-height: 175%;
	height: 470px;
	font-weight: 600;
}
.thumbnail-radius-up {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.thumbnail-radius-up {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.envalue-score {
	color: #ff0066;
	font-weight: 600;
	line-height: 150%;
}
/*相關新聞間距調整*/
.index-news-block {
	margin-bottom: 40px;
	padding: 8px;
	border-radius: 5px;
	background-color: rgba(255,255,255,.85);
	box-shadow: 1px 2px 10px rgba(0,0,0,0.60)
*/
}
.trend-block {
	/*	
	background-image: url(../images/index/trend-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
*/
	margin-bottom: 50px;
}
/* 腰帶計算器 */
.counter-block {
		background-image: url(../images/index/counter-bg.jpg);
	background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
	padding:40px 5px 60px;
}
.counter-block .single-item:hover .icon-holder span:before {
	color: #ffffff;
}
.counter-block .single-item .icon-holder span:before {
	font-size: 60px;
	color: #ff5500;
	line-height: 75px;
	transition: all 500ms ease;
}
.flaticon-shapes:before {
	content: "\f108";
}
.flaticon-business:before {
	content: "\f107";
}
.flaticon-people:before {
	content: "\f111";
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
	font-family: Flaticon;
	font-size: 20px;
	font-style: normal;
	margin-left: 0px;
}
.counter-block .single-item .text-holder h3 {
	color: #ffffff;
	font-size: 18px;
	font-weight: 300;
	text-transform: capitalize;
	margin: 10px 0 0;
}
h1, .h1 {
	font-size: 36px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}
.flaticon-luxury:before {
	content: "\f106";
}
.timer-box {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 120px;
}
.countdown-timer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 665px;
	height: 100%;
	margin: 0 auto;
	padding: 0 30px;
	background: rgba(0, 0, 0, 0.5);
}
.countdown-timer .default-coundown {
	display: table;
	height: 100%;
	width: 100%;
}
.countdown-timer .default-coundown .box {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.countdown-timer li {
	position: relative;
	display: inline-block;
	float: left;
	width: 150px;
	padding: 0 30px;
	;
	border-right: 1px solid rgba(255, 255, 255, 0.08);
	line-height: 30px;
	text-align: center;
}
.countdown-timer li:last-child {
	border-right: none;
}
.countdown-timer li span.days, .countdown-timer li span.hours, .countdown-timer li span.minutes, .countdown-timer li span.seconds {
	font-family: "LiHei Pro", "微軟正黑體", "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size: 48px;
	line-height: 50px;
	color: #d28a00;
	font-weight: 700;
	text-align: center;
	padding: 0;
}
.countdown-timer li span.hours {
	color: #ffd100;
}
.countdown-timer li span.minutes {
	color: #f08f90;
}
.countdown-timer li span.seconds {
	color: #cf57fe;
}
.countdown-timer li span.timeRef {
	font-family: "LiHei Pro", "微軟正黑體", "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	color: #d28a00;
	font-weight: 300;
	text-transform: capitalize;
}
.timer {
	margin-top: -10px;
	text-align: center;
	color: #eee;
}
.countdown-timer li span.timeRef.clr-1 {
	color: #ffd100;
}
.countdown-timer li span.timeRef.clr-2 {
	color: #f08f90;
}
.countdown-timer li span.timeRef.clr-3 {
	color: #cf57fe;
}
/*　腰帶計算器結束 */

.report-block {
	background-image: url(../images/index/report-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding-bottom: 50px;
}
.forum-block {
	background-image: url(../images/index/forum-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 80px 0 110px;
}
.thumbnail-radius {
	border-radius: 18px;
}


/*數位應用週首頁直播*/
.live-area {
  padding: 50px 0px;
  position: relative;
}

.live-table {
	position: absolute;
    top: 10%;
    right: 10%;
    width: 420px;
    background-color: rgba(255, 255, 200, .75);
    color: #313131;
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    line-height: 125%;
    z-index: 3;
    padding: 15px 20px 60px;
}
.live-table-date {
  background-color: #FF8400;
  color: #FFF;
  font-size: 28px;
  border-radius: 25px;
  font-weight: 600;
  padding: 5px;
}
.live-table-com {
  font-size: 24px;
}

/*下方贈獎區塊*/

.gift-go-btn {
    color: #FFF;
    background-color: #ff0066;
    padding:5px 20px;
    border-radius: 30px;
    border: 1px #aaa solid;
    vertical-align: middle;
    backface-visibility: middle;
    animation: twinkle 0.5 alternate infinite;
}

@keyframes twinkle{
	from{ background-color: #ff0066;}
	to{background-color: #3366ff;}
}

.gift-go-btn:hover {
    color: #FFF;
    background-color: #3366ff;
}


.gift-area {
  background-image: url(../images/exh-img/gift-area-bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 60px 0px;
}
.gift-box {
  padding: 25px;
  text-align: center;
  font-size: 20px;
  line-height: 150%;
  font-weight: 600;
  background-color: #FFF;
  border-radius: 30px;
  box-shadow: 0 0 12px rgba(0, 0, 0, .6);
  margin: 20px auto;
}
.gift-box-s {
  padding: 20px;
  text-align: left;
  font-size: 20px;
  line-height: 125%;
  font-weight: 600;
  background-color: #FFF;
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, .5);
  margin: 10px auto;
}
.gift-title {
  color: #1D62BE;
  font-size: 36px;
  font-weight: 800;
  line-height: 200%;
}
.gift-content {
  text-align: left;
  margin-left: 5em;
  text-indent: -5em;
}
.gift-name {
  font-size: 26px;
  color: #1D62BE;
  font-weight: 600;
  line-height: 150%
}

.gift-name-p {
  font-size: 26px;
  color: #7a3bfe;
  font-weight: 600;
  line-height: 150%
}
.gift-right-line{

border-right:1px #1D62DA solid
}
.gift-word-pink {
  color: #FF4771;
}
.gift-word-cray {
  color: #1D62BE;
}
.gift-box-long {
  height: 650px;
}
.gift-box-float {
  width: 1000px;
  position: absolute;
  left: 70px;
  bottom: 50px;
  margin: auto;
}


.footer-block {
	background-image: url(../images/index/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding-top: 40px;
}
.contact-area {
	text-align: left;
	color: #EEE;
	line-height: 200%;
	background-color: rgba(102,51,255,.8);
	padding: 30px;
	border-radius: 20px;
}
.contact-block {
	padding: 30px 0px;
	color: #EEE;
	background-color: rgba(0,0,0,1);
}
.contact-icon {
	color: #F8EF75;
	font-size: 135%;
	padding: 5px;
}
.contact-item {
	font-size: 90%;
	color: #AAA;
	line-height: 100%;
}
.units-area {
	padding: 15px;
	background-color: rgba(255,255,255,1);
	text-align: center;
}
.sponsor-unit {
	font-size: 18px;
	font-weight: 600;
	color: rgba( 253, 48, 3,1);
	padding: 15px;
}
/****************************
*          論壇內頁          *
****************************/

/*論壇海報區塊*/
.edm-block {
	padding: 125px 0px 0px;
}
.edm-block > img {
	box-shadow: 0px 0px 20px rgba(0,0,0,0.30);
	border: #EEE solid 2px;
}
/*首每場論壇資訊腰帶相關---墨綠版*/
.forum_info_block {
	background-color: #00B776;
	width: 100%;
	padding: 25px 0;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	line-height: 150%;
	text-shadow: 1px 1px 6px #333;
}

#forum-03{
	background-color: #ff536f;
}

#forum-05{
	background-color: #3b007e;
}

#forum-08{
	background-color: #0a1378;
}

/*論壇介紹區塊*/
.forum-intro-block{
	background-image: url(../images/forum/forum-intro-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	padding: 80px 0;

}

/*論壇講師介紹區塊*/
.forum-teacher-block{
	background-image: url(../images/forum/forum-teacher-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	padding: 70px 0;

}

.forum-teacher-title{
	width:35%;
	font-size: 32px;
	font-weight: 600px;
	color:#FFB000;
	background-color: rgba(51,153,255,.34);
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	padding: 10px 40px;
	text-align:right;
}

/*講師使用的套件*/
.swiper-container {
    width: 90%;
    height: 500px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    margin:0px 25px;
    padding:30px 25px;
    color:#FFF;
    line-height: 100%;
    width: 290px!important;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*手機板講師設定 */
.forum-mobile-teacher {
    text-align: center;
    font-size: 18px;
    margin:0px;
    padding:20px 10px;
    color:#FFF;
    line-height: 100%;
    width: 100%;
}

/*改變滑動選單樣式*/
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 15px;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    color:#FFF!important;
}

..swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 20px;
    color:#FFF!important;
}

.swiper-button-next, .swiper-button-prev {
	top: 92%;
	width: 50%;
	color:#FFF!important;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	font-family: FontAwesome;
	font-size: 500%;
    content: "\f0da";
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    font-family: FontAwesome;
    font-size: 500%;
    content: "\f0d9";
}

.forum-teacher-line{
	padding-top:20px;
}
.forum-teacher-name{
font-size:30px;
letter-spacing: 1px;
padding:0 5px;
}



/* table-forum 論壇表 */

.forum-table-block{

	padding: 80px 0 50px;

}

.forum-table-title{
	width:35%;
	font-size: 32px;
	font-weight: 600px;
	color:#FFB000;
	background-color: rgba(192,192,192,.34);
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	padding: 10px 40px;
	text-align:right;
	margin-bottom:60px;
}

.forum-table-title-live{
	color:#ffff99;
	background-color: rgba(0,0,0,.5);
}

.forum-bg-gradient {
	background: linear-gradient(to bottom, rgb(190,225,255), rgb(255,255,255));
}

.forum-info {
	text-align: center;
	color: #FFF;
	font-size: 24px;
	font-weight: 600;
	line-height: 150%;
}

.forum-info-map{
	text-align: center;
	color: #FFF;
	font-size: 22px;
	font-weight: 600;
	line-height: 170%;
}

.forum-info > i {
	font-weight: 400;
	font-size: 110%;
	color: #FFF;
}



/*論壇介紹*/
.forum-intro {
	color: #000;
	line-height: 170%;
	padding-bottom: 10px;
}
.forum-intro-5em {
	color: #000;
	line-height: 170%;
	padding-bottom: 10px;
	margin-left:5em;
	text-indent : -5em ;
}
/*論壇介紹－－內容縮排1字元；首行縮排2字元*/
.forum-intro2 {
	color: #000;
	line-height: 170%;
	padding-bottom: 10px;
	margin-left: 1em;
	text-indent : 2em;
}
.forum-intro-stitle {
	text-align: center;
	color: #0066cc;
	line-height: 170%;
	padding-bottom: 10px;
	font-size: 120%;
	font-weight: 600;
}

.table-tr-gradient {
	text-align: center;
	color: #FFF;
	background-color: #FF8700 ;
}

.table-1st-tr-gray{
	background-color: rgba(192,192,192,.34) ;
}
.form-detail {
	font-size: 90%;
	font-weight: 500;
}

.form-name-orange{
	font-size: 125%;
	font-weight:600;
	color:#FF8700;
}
/*論壇主講人照片*/
.ppl-left-pic {
	z-index: 20;
	-webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7));
	filter: drop-shadow(8px 8px 7px rgba(0, 0, 0, 0.3))
}
.ppl-left-name {
	margin-top: 30px;
	margin-left: -60px;
	padding: 50px 0px 35px 60px;
	color: #FFF;
	font-Size: 28px;
	font-weight: 600;
	line-height: 150%;
	text-shadow: 0.05em 0.05em 0.1em #333;
	background: linear-gradient(to right, rgba(102,0,153,.8), rgba(102,0,153,0));
}
#ppl-line3 {
	margin-top: 30px;
	padding: 30px 0px 35px 60px;
	font-Size: 28px;
	font-weight: 600;
	line-height: 120%;
}
.ppl-line3 {
	margin-top: 30px;
	padding: 30px 0px 35px 60px;
	font-Size: 28px;
	font-weight: 600;
	line-height: 120%;
}
.ppl-name {
	letter-spacing: 1px;
}
.ppl-title {
	font-size: 80%;
}

.forum-live-block{
	background-color: rgba(212,212,212,34);
	padding: 100px 0;

}
.forum-live-title{
	font-size: 42px;
	letter-spacing: 2px;
	margin-top: 30px;

}
.forum-live-date{
	font-size: 60px;
	letter-spacing: 2px;
	margin-top: 30px;
    font-family: Abril Titling Nar Bold;
        line-height: 100%;
}
.forum-hr{
	height: 5px;
	width:80%;
	background-image: url(../images/forum/hr-live-title.png);
	background-size: 100%;
	margin:5px auto 25px;
}

.forum-live-box {
    text-align: center;
    position: absolute;
    right: 80px;
    top: 0;
    padding: 50px 20px;
    background: linear-gradient(0deg, rgba(0,0,0,.2), rgba(0,0,0,.6));
    line-height: 150%;
    width: 400px;
    height: 100%;
    color: #FFF;
    font-size: 135%;
    letter-spacing: 1px;
}

.forum-live-box-post {
    text-align: center;
    position: absolute;
    right: 80px;
    top: 0;
    padding: 10px 10px;
    background: linear-gradient(0deg, rgba(0,0,0,.2), rgba(0,0,0,.6));
    line-height: 150%;
    width: 500px;
    height: 100%;
    color: #FFF;
    font-size: 135%;
    letter-spacing: 1px;
}

/*各個場次底板*/
.session-section {
	background-color: #f2f3ef;
	padding: 0;
	border: 12px solid rgba(255,255,255,1.00);
	box-shadow: 0px 0px 20px rgba(118,118,118,.50);
	margin-bottom: 20px;
}
.btn-xl-ss {
	margin: auto;
	padding: 1rem 4.25rem;
	font-size: 125%;
	font-weight: 700;
	background-color: cyan;
	border: none;
	border-radius: 2rem;
}
/* 研討會展示 */
/*腰帶上下間距 */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
	margin-top: 0px;
}
* {
	box-sizing: border-box;
}
/* 佔螢幕總寬 */
.slider {
	width: 100%;
	margin: 100px auto;
}
.slick-slide {
	margin: 0px 20px;
}

.slick-prev:before,  .slick-next:before {
	color: black;
}
.slick-prev:before, .slick-next:before {
	font-size: 35px;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: 1;
}
.slick-active {
	opacity: 1;
}
.slick-current {
	opacity: 1;
}
/*每一場研討會*/
.slide-border {
	position: relative;
	padding: 5px;
}
.slide-item {
	border: 1px solid #DDD;
	border-radius: 8px;
	background-color: #FFF;
}
.slide-item-note {
	position: absolute;
	top: -5px;
	left: -5px;
}
.slide-item-img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.slide-item-title {
	text-align: center;
	color: #333;
	font-weight: 600;
	font-size: 20px;
	line-height: 125%;
	height: 60px;
	border-bottom: 1px solid #EEE;
}
.slide-item-title > a {
	color: #111;
}
.slide-item-title > a:hover {
	color: #00F;
	text-decoration: none;
}
.slide-item-content {
	font-size: 85%;
	color: #666;
	padding: 15px;
	line-height: 100%;
}
/*廠商列表*/
.exh-item {
	margin: 10px 0px;
	text-align: center;
	padding: 15px;
	border: 1px solid #DDD;
	border-radius: 20px;
	background-color: #FFF;
	box-shadow: 0px 0px 15px rgba(118,118,118,.20);
	line-height: 150%;
	font-size: 90%;
}
.exh-item:hover {
	border: 1px solid #EEE;
	box-shadow: 0px 0px 15px rgba(0,255,255,.70);
}
.exh-table {
	font-size: 120%;
	font-weight: 600;
	background-color: rgba(255,255,255,0.75);
	border-radius: 40px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.30);
}
.exh-table-td {
	padding: 25px!important;
	font-family: "微軟正黑體"!important;
	text-align: left!important;
	background-color: #FFF;
	line-height: 180%!important;
}
/* 右下方報名 */
.right-bottom-icon {
	width: 125px;
	text-align: center;
	float: right;
	position: fixed;
	right: 0px;
	color:#fff; 
	z-index: 20;
	padding: 20px 20px;
	cursor: pointer;
	line-height: 80%;
}


#menu01{
				bottom: 38px;
		background-color: rgba(0,0,40,.7);
		border-bottom-left-radius: 10px;
}
#menu02{
	display:none;
		bottom: 140px;
		background-color: rgba(0,0,40,.7);
		border-top-left-radius: 10px;
}
#menu02-2{
		bottom: 140px;
		background-color: rgba(0,0,40,.7);
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
}
#menu03{
	display:none;
		bottom: 38px;
		background-color: rgba(0,0,40,.7);
		border-bottom-left-radius: 10px;
}
#menu01:hover{
	background-color: rgba(0,102,255,.7);
	width: 135px;
	transition: all ease-in-out .3s;
}
#menu02:hover{
	background-color: rgba(0,102,255,.7);
	width: 135px;
	transition: all ease-in-out .3s;
}
#menu02-2:hover{
	background-color: rgba(0,102,255,.7);
	width: 135px;
	transition: all ease-in-out .3s;
}
#menu03:hover{
	background-color: rgba(0,102,255,.7);
	width: 135px;
	transition: all ease-in-out .3s;
}


.traffic_block {
	position: relative;
	background-color: #7A48F4;
	padding: 0px;
	color: #fff;
	line-height: 180%;
	border-radius: 20px;
}
.traffic_info {
	padding: 20px;
}
.info_btn {
	position: absolute;
	text-align: center;
	bottom: 10px;
	right: 40px
}
.info_btn2 {
	position: absolute;
	text-align: center;
	bottom: 80px;
	right: 40px
}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width: 100%;
}

/*數位應用週與工業局展覽共用*/
.partner-title {
  font-size: 26px;
  padding: 5px;
  color: #1D2C59;
  border-bottom: 0.5px #999 solid;
  border-top: 0.5px #999 solid;
  width: 350px;
  font-weight: 400;
  text-align: center;
  margin: 15px auto;
}
.partner-content {
  text-align: center;
  padding: 15px 0 55px;
}


/***********************************


選單要變小啊!


**************************************/

/* PC小面板: 1199px 以下。 */
@media only screen and (max-width: 1199px) {
.nav > li > a {

	width: auto;
}
}

/***********************************


行動版面開始


**************************************/

/* 行動版面: 760px 以下。 */
@media only screen and (max-width: 768px) {
.ss-hide {
	display: none;
}
.ll-hide {
	display: block;
}
.nav > li > a {
	vertical-align: bottom;
	padding-top: 25px;
	font-size: 18px;
	width: 100%;
}
/*手機版本Slider與上方選單的間距*/
.up-1-slider {
	margin-top: 90px;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
.navbar-inverse .navbar-toggle {
	border-color: #eee;
}
/* Brand 與 主選單相關*/
.navbar-brand {
	padding: 5px 10px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	line-height: 100%;
	background-color: rgba( 0, 0, 0,.95);
	border-color: #101010;
}
.nav > li > a {
	vertical-align: bottom;
	padding-top: 35px;
	font-size: 22px;
	height: 89px;
	width: 100%;
	letter-spacing: 2px
}

.navbar-nav > li > a {
	padding: 10px 10px 0px;
	line-height: 100%;
	height: 45px;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: 100%;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	font-size: 18px;
	color: #EEE;
	line-height: 130%;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
	color: #FFF;
}
.dropdown-menu > li > a {
	font-size: 18px;
	text-align: center;
	line-height: 180%;
	background-color: transparent;
}
/* 放大漢堡選單按鈕 */
.navbar-toggle {
	margin-top: 30px;
	padding: 6px;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 8px;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 32px;
	height: 2px;
	border-radius: 1px;
}
/* 選單子項目間距 */
.menu-date {
	font-size: 120%;
	color: #999;
	border-bottom: 1px dashed #666;
	border-top: 1px dashed #666;
	text-align: center;
	padding: 2px 8px;
	font-weight: 400;
	margin: 5px;
}
/* 改變按鈕底色與邊框 */
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: rgba( 253, 48, 3,.95);
}
/* 數數字區塊高度 */
.single-item {
	height: 500px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.topic_title {
	font-size: 30px;
	letter-spacing: 1px;
	font-weight: 600;
}


/*首頁主腰帶相關*/
.info_block {
	width: 100%;
	padding: 10px 0;
	color: #fff;
	border-top: 3px solid rgba( 0, 0, 0, .5);
}
.info_date {
	text-align: center;
	font-size: 35px;
	line-height: 180%;
}
.info_place_title {
	margin-top: -10px;
	margin-bottom: 10px;
}
.info_adress {
	margin-top: -10px;
	margin-bottom: 10px;
}
/*首頁論壇紅色區塊高度*/
	

/* 論壇各場次區塊 */	
.forum-unit {
	padding: 10px 0px;
}
/* 手機板論壇各場次間距 */	
.forum-row {
	margin: 0px 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.forum-item-title2 {
	font-size: 24px;
	line-height: 125%;
}
.forum-item-time {
	font-size: 18px;
}
/*跑動數字*/	
.single-item {
	height: auto;
}
/****************************
*       論壇內頁手機版        *
****************************/

	
	
/*論壇海報區塊-手機板*/
.edm-block {
	padding: 90px 0px 0px;
}
.edm-block > img {
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
	border: #EEE solid 0px;
}
/*論壇腰帶文字-手機板*/	

.forum-info {
	text-align: center;
	color: #FFF;
	font-size: 20px;
	font-weight: 600;
	line-height: 150%;
}

.forum-info-map {
	font-size: 20px;
	line-height: 150%;
}

.forum-info-address {
	text-align: center;
	color: #FFF;
	font-size: 22px;
	font-weight: 600;
	line-height: 150%;
}

.forum-map{
	color:#fff;
	cursor: pointer;
	background-color: (0,0,0,.01);
}
.forum-map:hover{
	color:#ffff66;
}

.forum-info:hover {
	color: #ffff66;

/*論壇表格文字*/
tr:nth-child(1) >th:first-child {
	border-top-left-radius: 0px;
	font-size: 125%;
}
tr:nth-child(1)>th:last-child {
	border-top-right-radius: 0px;
}
.forum-table {
	font-size: 100%;
	font-weight: 600;
	background-color: rgba(255,255,255,0.75);
	border-radius: 0px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.30);
}
/*論壇主講人照片照片*/
.ppl-left-pic {
	margin: 20px;
	z-index: 20;
	-webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.7));
	filter: drop-shadow(8px 8px 7px rgba(0, 0, 0, 0.3))
}
.ppl-left-name {
	text-align: center;
	margin-top: 30px;
	margin-left: -60px;
	padding: 15px 0px 10px;
	color: #FFF;
	font-size: 28px;
	font-weight: 600;
	line-height: 125%;
	text-shadow: 0.05em 0.05em 0.1em #333;
	background: rgba(102,0,153,.7);
}
/* 腰帶計數器區塊 */	
.single-item {
	height: 200px;
}
.footer-block {
	background-image: none;
	background-color: #000;
	padding-top: 40px;
}
.sponsor-end {
	padding-bottom: 70px;
}
/* 右下方報名 */

/**/
.info_btn {
	margin: auto;
	width: 80%;
	position: static;
	text-align: center;
	padding: 15px 10px;
}
.info_btn2 {
	margin: auto;
	width: 80%;
	position: static;
	text-align: center;
	padding: 15px 10px 25px;
}
.contact-block {
	padding: 0px 0px 30px 0px;
}
	
.exh-item {
	font-size: 22px;
}
	
	
.units-area {
	padding-bottom: 55px;
}

    .partner-title {
      font-size: 25px;
      width: 95%;
    }
	
}

/* 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
} */

/* 桌面版面: 769px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 560px) {
.nav > li:hover .dropdown-menu {
	display: block;
}
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}
.forum-item-title {
}

  /* 桌面版面: 559px 最大*/
@media only screen and (max-width: 559px) {

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	font-size: 20px;
	color: #EEE;
	padding: 6px 0px;
	height: 25px;
}

.forum-unit {
	margin: 50px -25px 30px;
	padding: 10px;
}
.forum-into-title{
font-size: 175%;
line-height:150%;
}
.forum-into-place{
font-size: 150%;
}
	.top-banner{
	margin-top: 90px;
}
    .live-table {
      position: static;
      top: auto;
      right: auto;
      width: 100%;
      font-size: 30px;
      font-weight: 600;
      line-height: 125%;
      padding: 5px;
    }
    .intro-detail-block {

    padding: 10px 0px 0px;
    margin: 0px -10px
}

    .gift-box-float {
      width: auto;
      position: static;
      left: auto;
      bottom: auto;
      margin: auto;
    }
    .gift-box {
      padding: 15px;
      text-align: center;
      font-size: 18px;
      line-height: 150%;
      font-weight: 600;
      background-color: #FFF;
      border-radius: 10px;
      box-shadow: 0 0 5px rgba(0, 0, 0, .3);
      margin: 20px -10px;
    }
    .gift-box-s {
      padding: 15px;
      text-align: left;
      font-size: 18px;
      line-height: 125%;
      font-weight: 600;
      background-color: #ccffff;
      border-radius: 10px;
      box-shadow: none;
      margin: 20px -10px;
    }
    .gift-title {
      font-size: 26px;
    }
    .gift-box-long {
      height: auto;
    }

	.gift-right-line{

border-bottom:1px #1D62DA solid;
border-right:0px;
}

.right-bottom-icon {
    width: 100px;
    padding: 15px;
    font-size: 16px;
    font-weight: 400;

}

.partner-title {
      font-size: 25px;
      width: 95%;
    }

.right-bottom-icon {
	width: 85px;
	text-align: center;
	float: right;
	position: fixed;
	right: 0px;
	color:#fff; 
	z-index: 20;
	padding: 10px 5px;
	cursor: pointer;
	line-height: 80%;
}
#menu01{
		bottom: 45px;
}
#menu02{
		bottom: 120px;
}
#menu02-2{
		bottom: 120px;
}
#menu03{
		bottom: 45px;
}

.forum-teacher-title{
	width: 90%;
}
.forum-table-title{
	width: 90%;
}
.forum-table-title-live{
	color:#ffff99;
	background-color: rgba(0,0,0,.5);
}

.forum-live-box{
position: relative;
right:auto;
top:auto;
margin:-80px auto 0;
width:100%;
    }

.forum-live-box-post {
    text-align: center;

    right: 0px;
    top: 0;
    padding: 0;

}
}