/* REQUIRED for core functionality */


/* 頁籤的內容框寬度 */
div#hcg_tabs {
    width: 100%;
}
/* 頁籤的標籤基本設定 */
div#tabs-nav {
    position: relative;
    display: flex;
    justify-content: flex-start;
}
/* 頁籤的標籤間隔 */
div#tabs-nav a:nth-child(even) {
    margin: 0 3px;
}

/* 頁籤的標籤設定 */
a.tabs-menu {
    display: inline-block;
    background-color: #fff;
    font-size: 1.2em;
    color: #252525 !important;
    padding: 1.5% 12%;
    font-weight: normal;
    text-decoration: none;
    border: solid 1px #fff;
    border-bottom: solid 1px #C1C1C1;
    border-radius: 3px 3px 0 0;
	letter-spacing:1px
}

/* 有 3 個 tabs 時 */
#tabs-nav:has(a.tabs-menu:nth-child(3)):not(:has(a.tabs-menu:nth-child(4))) a.tabs-menu {
    padding: 1.5% 12%;
}

/* 有 4 個 tabs 時 */
#tabs-nav:has(a.tabs-menu:nth-child(4)):not(:has(a.tabs-menu:nth-child(5))) a.tabs-menu {
    padding: 2.5% 8.2% 1.5%;
}

/* 被選的頁籤白色顯示 */
a.tabs-menu.tabs-menu-active {
    background-color: #FFF;
    border-bottom: solid 6px #768da4 !important;
    color: #768da4 !important;
    border-bottom: 0;
	font-weight: bold !important;
}

/* 頁籤的內容框 */
.tabs-content {
    margin-top: -2px;
    background-color: #fff;
    overflow: hidden;
    line-height: 1.5;
}

/* 避免一開始全部顯示 */
.tabs-panel {
    display: none;
    min-height: 150px;
    overflow: auto;
    padding: 10px;
    height: auto;
    font-size: 14px;
}



/*----------------------
    TAB
-----------------------*/


#tab-demo{ width:100%; height:auto;}
#tab-demo > ul{ display:block; margin:0;list-style:none;float: right;}
.tab-title{list-style:none;}
#tab-demo > ul > li{ display:inline-block; vertical-align:top;font-family:'微軟正黑體'; margin:0 -1px 10px 0 ; height:25px; line-height:25px; padding:0 15px;list-style:none; box-sizing:border-box;}
#tab-demo >  ul > li a{ color:#666; text-decoration:none; background:#333;}
#tab-demo > ul > li.active{  background:#fff;}
#tab-demo > .tab-inner{ clear:both; color:#000; }
.tab-inner{ padding:0px 15px 0px; height:auto;}





@media screen and (max-width: 810px)
{
    
#tab-demo{ width:80%; height:auto;}
}


@media screen and (max-width: 736px)
{
	
	#tab-demo{ width:100%; height:auto;}

	a.tabs-menu {
    font-size: 1.13em;
    color: #6b6b6b;
    padding: 1.5% 11%;
   
}
	a.tabs-menu.tabs-menu-active {
    border-bottom: solid 4px #768da4 !important;
    color: #768da4 !important;
}
	a:visited.tabs-menu {
    color: #6b6b6b;
}
	
}

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

	a.tabs-menu {
    font-size: 1.0em;
    color: #6b6b6b;
    padding: 2.5% 7.2% 1.5%;
   
}
}

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

	a.tabs-menu {
    font-size: 1.13em;
    color: #6b6b6b;
    padding: 2.5% 6.5% 1.5%;
   
}
}

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

	a.tabs-menu {
    font-size: 1.1em;
    color: #6b6b6b;
    padding: 2.5% 6.5%;
   
}
}