#services.section-services.section-padding.section-meta.onepage-section {
  margin-top: 0px;
  padding-bottom: 5px;
  padding-top: 30px;
  left: 3px;
}

.section-title-area {
  margin-bottom: 20px;
}

#news.section-news.section-padding.onepage-section {
  padding-top: 30px;
}

#features.section-features.section-padding.section-meta.onepage-section {
  padding: 20px;
}

ul {
  line-height: 20px;
}

/*首頁3區塊大標題、微軟正黑體*/

.section-title-area .section-title {
  font-size: 30px;
  font-family: Microsoft JhengHei;
  color: #666666;
}

/*首頁資中藝廊底色*/

#gallery.section-gallery.section-padding.section-meta.onepage-section {
  background-color: #f3f4f4;
  padding-top: 20px;
  padding-bottom: 50px;
}

/*1070801以下為修改整個網站段落字體大小及連結顏色*/

#content {
  font-size: 16px;
  line-height: 27px;
  font-family: Microsoft JhengHei;
}

#content a {
  color: #829567;
  text-decoration: none;
  outline: none;
}

#content a:hover {
  text-decoration: underline;
  color: #0275d8;
}

/*---Table---*/

table {
  border-radius: 7px 9px;
  overflow: hidden;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu
strong {
  color: #a60d73;
}

/*--max-width: 1140px; 
10709045_縮小寬度讓首頁大圖particles.js反應正常--*/

.element.style {
  padding-top: 0;
  padding-bottom: 0;
}

/*---style.css檔案 第2360行---*/

.hero-content-style1 {
  font-weight: 400;
}

/*---style.css檔案 第2313行---*/

.hero-slideshow-normal .container {
  z-index: 20;
}

/*---創新、服務、科技字體大小---*/

.hero__content h3 {
  font-size: 42px;
  line-height: 35px;
}

/** 關掉內頁標題自動轉大寫**/

.page-header .entry-title {
  text-transform: none;
}

/** search靠左對齊**/

#search-form {
  margin-left: -12px;
}

.sidebar .widget .search-form .search-submit {
  width: 8em;
}

/* 1070928隱藏文章未分類字體 hide posts images */

.list-article-meta {
  display: none;
}

.entry-excerpt {
  display: none;
}

/* 10701026隱藏電腦版跟手機版文章圖*/

.list-article-thumb,
.blog .list-article-thumb {
  display: none;
}

/** 隱藏最新消息手機版圖示顯示**/

#post-2977.list-article.clearfix.post-2977.post.type-post.status-publish.format-standard.hentry.category-uncategorized {
  margin-bottom: 0px;
  bottom: -3px;
}

/* 1071001修改文章每項列表list上下距離 */

.section-news .list-article,
.archive .list-article,
.blog .list-article {
  padding: 12px 0px;
}

/* 1071030改文章每項列表list字體大小，原本22px */

.blog .entry-title {
  font-size: 18px;
}

/* 10712260改選單三條現顏色(Menu Toggle button with flat menu) */
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before{
  background: #CCCCCC;
}

/*YIS*/
#toggleChat {
    position: fixed;
    bottom: 200px;
    right: 10px;
    z-index: 9997;
    cursor: pointer;
    outline: none;
    background-color: transparent;
    border: none;
    width: 150px;
    height: 150px;
    background-image: url("https://www.itc.ntnu.edu.tw/wp-content/uploads/2024/05/robot_icon-1.png");
    background-repeat: no-repeat;
    background-position: center; 
	align-items: flex-end; 
}
#toggleChat:hover {
    background-image: url("https://www.itc.ntnu.edu.tw/wp-content/uploads/2024/05/robot_icon_ask.png");
    background-position: center; 
	align-items: flex-end; 
}


.chat-container {
    display: none;
    background-color: white; 
    background-image: url('https://www.itc.ntnu.edu.tw/wp-content/uploads/2024/05/robot.png'); 
	background-size: cover;
    background-repeat: no-repeat;
    position: fixed;
	border-radius: 10px; 
    right: 160px; 
    bottom: 20px; 
    z-index: 9999;
    margin: auto;
    border: 2px solid brown; 
    border-radius: 10px; 
	width: 400px;
    height: 400px;

}
@media screen and (max-width: 1000px){

#toggleChat {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9997;
    cursor: pointer;
    outline: none;
    background-color: transparent;		
    background-size: contain;  /* Or background-size: cover; */ 
    border: none;
    width: 50px;
    height: 50px;
    background-image: url("https://www.itc.ntnu.edu.tw/wp-content/uploads/2024/05/robot_icon-1.png");
    background-repeat: no-repeat;
    background-position: center; 
	align-items: flex-end; 
}




    .chat-container {
        top: 0px; 
        left: 10px; 
        bottom: 0px; 
        z-index: 9999;
        width: 90%;
        height: 90%;
    }
	
	#webchat {
        font-size: 1.5rem;  /* 調整字型大小為 16 像素 */

	}
	
}

@media screen and (max-height: 400px){

#toggleChat {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9997;
    cursor: pointer;
    outline: none;
    background-color: transparent;
background-size: contain;  /* Or background-size: cover; */ 
    border: none;
    width: 50px;
    height: 50px;
    background-image: url("https://www.itc.ntnu.edu.tw/wp-content/uploads/2024/05/robot_icon-1.png");
    background-repeat: no-repeat;
    background-position: center; 
	align-items: flex-end; 
}



    .chat-container {
        top: 0px; 
        left: 10px; 
        bottom: 0px; 
        z-index: 9999;
        width: 80%;
        height: 100%;
    }
	
	#webchat {
			font-size: 1.5rem;  /* 調整字型大小為 16 像素 */
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
	}
	
	
}



#webchat {
    position: absolute;
    bottom: 10px;
    z-index: 9998;
    width: 98%;
    height: 80%;
    transform: translateX(1%);
    background-color: transparent;

}



#closeBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    color: white;
    font-size: 20px;
    cursor: pointer;    
    text-shadow: 2px 0 black, -2px 0 black, 0 2px black, 0 -2px black;
}

#beta {
    position: absolute;
    top: 50px;
    right: 50px;
	width: 150px;
    border: none;
	background-size: cover; /* 或者使用 300px 300px 來設定固定大小 */
    background-repeat: no-repeat; /* 確保圖片不會重複 */
	z-index: 9999;
}
#robot_head {
    position: absolute;
    top: 10px;
    left: 20px;
	width: 150px;
    border: none;
	background-size: cover; /* 或者使用 300px 300px 來設定固定大小 */
    background-repeat: no-repeat; /* 確保圖片不會重複 */
	z-index: 9999;
}