@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

@import url("reset.css");




*{
	font-family: 'Noto Sans TC', sans-serif;
 	box-sizing: border-box;
}
#bttop {
	position: fixed;
	right: 70px;
	bottom: 115px;
  	width:100px;
	height:100px;
	background-image: url(img/bttop.png);
	background-size:cover;
	background-position: center center;
	cursor: pointer;
	z-index:998;
  }
  
  #bttop:hover{
	background-image: url(img/bttop-1.png);
  }

.bl{color: #E04113;}
.bb{font-weight:bold;}

.notered{
	color:#990000;
	font-size:13px;
	line-height:1.6;
}

.outt{
	width:80%;
	margin:20px auto;}

  
  .time {
    width:100%;
    font-size:20px; 
	color:#333333;
	line-height:26px;
	margin-left:40px;
		font-family: 'Ubuntu', sans-serif;
	}
  
  .desc {
    width: 100%;
	font-size:20px; 
	font-weight:bold;
	line-height:1.6;
	color:#000000;
  }

.gg{color:#00AA90;}

.desc h4{
	font-size:22px; 
	line-height:1.4;
	margin-bottom:5px;
}

.ppp{font-weight:bold;
	font-size:20px;}


/* -------------------------------- 

          講者中英文及大頭照

-------------------------------- */


.speak {
    width: 100%;
	font-size:15px;
	padding-block:5px;
}

.speak p{
	font-size:17px;
	line-height:1.6;
}

.ee{
	font-size:14px;
	line-height:1.4;
	padding-bottom:5px;
	color:#666666;
	font-family: 'Roboto', sans-serif;
}


.ee h6{
	font-size:14px;
	margin-block:5px;
}

.btnol, .btnip{
	display:inline-block;
	border-radius:11px;
	color:#ffffff;
	padding:1px 12px 1px 12px;
	font-size:13px;
	font-weight: 100;
	margin:5px;
}

.btnol{	background-color: #D75455;}
.btnip{	background-color: #777777; }


.imgg{
	display:block;
	width:130px;
	height:130px;
}

.imgg img{
	width:100%;
	height:auto;
	padding-right:10px;
}
.people, .people2{
	display:flex;
	width:90%;
	
}
.people h5,.people2 h5{
	padding-top:10px;
	font-family: 'Roboto', 'Noto Sans TC';
	font-weight:bold;
	font-size:16px;
	color:#000000;
}

.h4s{
	font-weight: 100;
	color:#666666;
	font-size:18px;
}

/*-------------------------------- */

body{
	background-image:url(img/==EEEEEE.png);
	background-position:;
	background-repeat:repeat;}



.WRAPPER{width:100%;
	background-image:url(img/web__top__bg_mobile.png);
	background-size:contain;}
	
.TOP{width:100%;height:auto;
	background-image: url(img/top-1.png);
	background-size: contain;
	background-repeat: no-repeat;
	_zoom:1;
	}


.CONTENT{width:100%;
	padding-top:0;
	_zoom:1;overflow:hidden;}
	
.CONTENT h2{
	font-size:28px;
	line-height:1.8;
	font-weight:normal;
	padding-bottom:10px;
	color:#00AA90;	margin-bottom:20px;

	background-image:url(img/bg_h2.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
.CONTENT h3{
	font-size:22px;
	line-height:1.8;
	color:#4E4F97;
	}

.C2 p{
	font-size:15px;
	line-height:1.8;
}

.CONTENTW p{
	margin-bottom:10px;
}

.outt{
	width:90%;
	margin:20px auto;}
	
.CONTENTW{
	width:100%;
	margin:0px auto;
	text-align:top;
	padding:0 30px;
	}	



/* -------------------------------- 

              N  A  V

   -------------------------------- */

nav{width:100%;
	padding:20px 20px;
	margin:0 auto;
	background-color:#f7f8f9;

}

nav ul{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}

nav ul li a{
	text-decoration: none;
	font-size:18px;
	margin: 7px 20px;
	color:#ffffff;
	display: block;
	padding:10px 20px;
	background-color:#666666;
	border-radius: 30px;
	text-shadow: 1px 1px 5px #333333;
	box-shadow: 2px 2px 3px 2px #aaaaaa;
}
nav ul li a:hover{
	color:#ffffff;
	padding:10px 20px;
	background-color:#00AA90;
	border-radius: 30px;
	text-shadow: 1px 1px 5px #333333;
	box-shadow: none;
}



/* -------------------------------- 

               議程 時間軸

   -------------------------------- */



#timeline {
	width:100%;
	margin:20px auto;
	padding:0 30px;
	background-image:url(img/web__agenda__bg.png);
	background-position:top right;
	background-repeat:no-repeat;}

#timeline   li{border-bottom: 1px solid #cccccc;
padding:15px 0;}
  
#timeline   li div{
    
    margin: 0;
    vertical-align: top;
  }
	
 nav ul li a{
	 margin: 7px 7px;}





/* -------------------------------- 

                版權及其他

   -------------------------------- */

.FOOTER{
	width:100%;
	margin:0 auto;
	padding:20px 0;
	text-align:center;}
.FOOTER p{font-size:14px;
	line-height:1.6;
	color:#000000;
	text-align:center;}
.FOOTER a{text-decoration:none; color:#ffffff;}
.FOOTER a:hover{font-weight:bold;}



.topsh {box-shadow: 0 -5px 7px -5px #666666;}




/* ----------------電腦版型---------------- */

@media screen and (min-width:769px) {

.cp{display: flex;}
.people{width:45%;margin-bottom:10px;}
.people2{width:70%}
.people h5{	padding-top:15px;}


.WRAPPER{width:100%;
	background-image:url(img/web__top__bg.png);
	background-position:center top;
	background-repeat:no-repeat;}


.TOP{width:100%;height:370px;
	background-image: url("img/top.png");
	background-repeat:no-repeat;
	background-position: center top;
	_zoom:1;overflow:hidden;
	margin:0 auto;
	border-bottom: solid 1px #ea5c58; 
	background-color:;
	}



.CONTENT{width:100%;
	padding-top:20px;
	_zoom:1;overflow:hidden;
	}
	
.CONTENT h2{

	font-size:32px;
	line-height:1.8;
}

.CONTENT h3{

	font-size:20px;
	line-height:1.8;
	color:#4E4F97}



	
.CONTENTW{
	width:900px;
	margin:0px auto;
	text-align:top;}






/* -------------------------------- 

               議程 時間軸

   -------------------------------- */



#timeline {
	width:900px;
	margin:0px auto;
	background-image:url(img/bg1.png);
	background-position:top right;
	background-repeat:no-repeat;}

#timeline li{border-bottom: 1px solid #cccccc;margin:15px 0;padding-bottom:15px;}



}