@charset "utf-8";
/* CSS Document */

.wrapS {
	width:90%;
	/*width:984px;*/
	margin:0 auto;
	padding: 0;
}



.iN_titS{
		display: block;
        font-size: 26px;
        font-weight: bold;
        /* margin-bottom: 50px;
        text-shadow: rgb(251 251 251) 0px 0px 12px; */
        position: relative;
        color: #000000;
        text-align: center;            
        margin: 0 auto  0px;
        max-width: calc(100% - 140px);
    }
    
        .iN_titS h2{
            display: inline-block;
            font-size: inherit;
            margin: 0 auto;
            padding: 20px 0px;
            font-weight: inherit;
            position: relative;
            z-index: 2;
        }	
    
        .iN_titS span {
            position: absolute;
            left: calc(50% + 14px);
            bottom: -20px;
            transform: translate(-50%, -50%);
            display: block;
            background-color: #f7ce3c;
            width: 153px;
            height: 21px;
            z-index: 1;
        }
		
.table_title {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 0.3rem 0.2rem;
  border-radius: 0.1rem;
  margin: 0 0 0.3rem 0.1rem;
  line-height: 23px;
}

.table_title hr {
    border: 0;
    border-top: 1px dotted #a2a9b6;
}


.bg-session {
  background-color: rgba(75, 82, 119, 0.8);
  /*background-color:#463f4c;*/
  color: #fff;
  margin-left: 0.1rem;
  height: 1.5rem;
  padding: 0.5rem 0rem 0rem 0.2rem;  
}
	


.bg-session2 {
  background-color: #9a9aaf;
  color: #fff;
  margin-left: 0.1rem;
  padding-left: 0.2rem;
  line-height:25px;
}

.badge2 {
  /*display: inline-block;*/
  padding: 0 0.1rem;
  font-size: 80%;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.3rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  height: 1.2rem;
  margin-left: 0.6rem;
}

.badge-secondary {
  color: #fff;
  background-color: #8394b4;
}
 
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}


 
    @media (max-width: 990px){	
    
        .iN_titS{
            font-size: 22px;
            margin: 0 auto 0px;
             max-width: calc(100% - 100px);
        }        
            .iN_titS span {
                width: 100px;
                height: 20px;
            }
    
	}
.main-content{
/*display: flex;*/
align-content: flex-start;
-webkit-box-pack: center;
justify-content: center;
flex-wrap: wrap;
width: 100%;
padding: 10px 0;
}


.photo {
	width: 150px;
    height: 150px;
    background-size: cover;
    background-position: center;
    border-radius: 10%;
	padding:120px;	
}

.contentS{
    width: 100%;
    padding: 0px 50px;
    text-align: left;
	
	
}
.contentS p{
	
	font-size: 16px;
	line-height:30px;
}

.contentS h3{
	
	font-size: 24px;
	
}

.index_speaker{
		/*font-size: 26px; */
        /*font-weight: bold;*/
        /* margin-bottom: 50px;
        text-shadow: rgb(251 251 251) 0px 0px 12px; */
		display:flex;				
		background-color:#FAFAFA;
		margin:0 auto;
		padding:20px;
		border-radius:20px;
		font-size: 15px;		
       /* position: relative;*/
        color: #000000;
        text-align: center;              
        max-width: calc(100% - 500px);
    }
    
     


.indexspeaker_list {
                /* padding: 10px 0px; */
                padding: 10px 0px 10px 140px;
                position: relative;               
            }




.index_NewsBg {
        overflow: hidden;
        padding: 100px 0px;
        background-color: #ceceec;
    }
    .index_NewsBg2 {
        overflow: hidden;
        padding: 0px 0px;
        background-color: #ceceec;
    }
    
        .index_NewsBg .wrap {
            font-size: 0px;
            width: 860px;
            max-width: 95%;
        }
    
            .index_NaAreaS{ 
              
            }
    
                /*首頁_列表區塊*/
                .indexNews_listS {
                    /* padding: 10px 0px; */
                   /* padding: 10px 0px 10px 140px;*/
                   position: relative;
                 /* line-height: 1.5;*/
                }
    
                    .indexNewsDateS {
                    /*  position: absolute;*/
                        left: 0;
                        top: 50%;
                        transform: translate(10% , 10%);
                        color: #000000;
                        font-size: 16px;
                        padding: 10px;
                        /*background-color: #ffffff;*/
                        border-radius: 15px 15px;
                        font-weight: bold;
                    }
                        .indexNewsDate2S {
                        position: absolute;
                        left: 200px;
                        top: 50%;
                        transform: translate(0% , -50%);
                        color: #000000;
                        font-size: 16px;
                        padding: 10px;
                        background-color: #ffffff;
                        border-radius: 15px 15px;
                        font-weight: bold;
                    }
    
                    .indexNewsTitleS {  
                        padding: 10px 0;                  
                    }
                        .indexNewsTitleS a {
                            display: block;
                            text-decoration: none;
                            color: #000000;
                            font-size: 16px;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            transition: 0.3s ease all;
                        }
                        .indexNewsTitleS a:hover {
                            opacity: 0.5;
                        }
                        .row {
                                width:100%;
                                text-align:left;
                                background-color:#E6E6F2;
                                margin:0 auto;
                                padding:20px;
                                border-radius:20px;
                        }
						
.fancytable{border:1px solid #cccccc; width:90%;border-collapse:collapse;}
.fancytable td{border:1px solid #cccccc; color:#555555;text-align:center;line-height:28px;}
.headerrow{ background-color:#F1DEFF;} /*線上註冊表格          */
.headerrow td{ color:#050505; text-align:center;}
.datarowodd{background-color:#ffffff;}
.dataroweven{ background-color:#efefef;}
.datarowodd td{background-color:#ffffff;}
.dataroweven td{ background-color:#efefef;}
	  
.fancytable .axisblock{
overflow-x: auto;
}

.speakertable {
	width:70%;
	margin:0px auto;
	padding:0px 20px 10px 20px;
	
}
.videobox {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.videobox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    
    /*手機版_最新消息_列表區塊*/
    
    @media (max-width: 990px){
    
        .index_NewsBgS {
            padding: 50px 0px;
        }
          .index_speaker{ 
                width: 85%;
            }
    
    }
    
    @media (max-width: 768px){
    
        /*首頁_列表區塊*/
        .indexNews_listS {
            padding: 10px 0px ;
            position: unset;
        }
    
            .indexNewsDateS {
                font-size: 14px;
                position: unset;
                left: unset;
                top: unset;
                transform: unset;
                border-radius: 3px ;
                line-height: 1;
                width: auto;
                display: inline-block;
                transform: translate(10% , 10%);
            }
    
            .indexNewsTitleS {  
                padding: 10px 0 0;                  
            }
    
	.index_speaker{
		max-width: calc(100% - 50px);
    
    }
	
    }
 
 
 @media screen and (max-width: 600px){
	 .index_speaker{
		max-width:100%;	
		display:flex;
		flex-direction: column;	    
		flex-wrap:wrap;
		align-items: flex-start;
		
    }
	.wrapS {
		width:90%;
	}
	
	.contentS{
    width: 100%;
    padding: 0px; 
    text-align: left;
	}
	.fancytable img {
		width:100%;
	}
	
  .speakertable {
	width:90%;
	margin:0px auto;		
}


	
 }
 
 
 
 
 @media screen and (max-width: 820px){
	 .index_speaker{
		max-width:70%;		    
			
    }
	.wrapS {
		width:90%;
	}

 }
 
 @media (max-width: 425px){

.bg-session {
  width:100%;
  background-color: rgba(75, 82, 119, 0.8);
  /*background-color:#463f4c;*/  
  color: #fff;
 /*margin-left: 0.1rem;*/
  margin: 0 auto;
  height: 3rem;
  padding: 0.2rem 0rem 0rem 0.2rem;
 line-height:1.3rem;
}
.table_title {
  width:100%;
  font-size:12px;
  margin: 0 auto;
/*  height: 3rem;*/
  padding: 0.2rem 0rem 0rem 0.2rem;
  line-height:1.3rem;  
 }
 
.bg-session2 {
  width:100%;
  font-size:12px;
}
 
 }