.nav-tabs-bottom-cancel{
			border-bottom:0px !important;
		}
		
		.tab-content-border-cancel{
			border-bottom:0px !important;
			border-left:0px !important;
			border-right:0px !important;			
		}
		
		.course-introduction{
			padding-top:350px  !important;
			width:70%;			
		}			
		
		.font-color{
			color:#567731;
		}
		
	
		
		.padding-left40
		{
			padding-left:40px !important;
		}
		
		.padding-left70
		{
			padding-left:70px !important;
		}		
		
		@media
		  only screen 
		and (max-width: 760px), (min-device-width: 768px) 
		and (max-device-width: 1024px)  {
			.course-introduction{
				padding-top:40px  !important;
				width:100%;
			}

			.padding-left40
			{
				padding-left:0px !important;
			}
			
			.padding-left70
			{
				padding-left:0px !important;
			}	
		}	
	
	
	
		.pic{overflow:hidden;}
		.pic img{transform:scale(1,1);transition: all 1s ease-out;}
		.pic img:hover{transform:scale(1.2,1.2);}	
			
			
		.custom-tab-wrapper {
			margin-top: 20px;
		}

		/* 移除原本底線 */
		.custom-tabs {
			border-bottom: none;
			display: flex;
			justify-content: center;
			gap: 10px;
		}

		/* 每個 tab */
		.custom-tabs > li {
			float: none;
		}

		/* 按鈕樣式 */
		.custom-tabs > li > a {
			border: none;
			border-radius: 30px;
			padding: 10px 20px;
			background: #f5f5f5;
			color: #555;
			font-weight: 500;
			transition: all 0.3s ease;
		}

		/* hover */
		.custom-tabs > li > a:hover {
			background: #7F0015;
			color: #fff;
			transform: translateY(-2px);
		}

		/* active */
		.custom-tabs > li.active > a,
		.custom-tabs > li.active > a:hover,
		.custom-tabs > li.active > a:focus {
			background: #7F0015;
			color: #fff;
			box-shadow: 0 4px 10px rgba(0,0,0,0.15);
		}