﻿.abgne_tab1,
.abgne_tab2 { display:block; z-index:9995; width:90%; max-width:1250px; margin: 0 auto;}
.abgne_tab1 ul.tabs1,
.abgne_tab2 ul.tabs2 { display:block; width: fit-content; text-align:center; margin:0 auto; text-align: center; border-radius:100px; position: relative; z-index: 10;}
.abgne_tab1 ul.tabs1 li,
.abgne_tab2 ul.tabs2 li { width: fit-content; display:inline-block; text-align:center; cursor:pointer; padding-bottom:15px;}
.abgne_tab1 ul.tabs1 li b,
.abgne_tab2 ul.tabs2 li b { display: block; cursor:pointer; text-align:center; font-size:16px; margin: 3px 0 0 0; padding: 15px 40px 20px 40px ; font-weight: normal; font-size:24px; font-weight:bold; color:#ac9076; border-radius:300px; border:#ac9076 1px solid; margin: 0 5px; background:#fff;}
.abgne_tab1 ul.tabs1 li.active,
.abgne_tab2 ul.tabs2 li.active { background: url(../images/tabBG-01.png) no-repeat center bottom; color:#fff;}
.abgne_tab1 ul.tabs1 li.active b,
.abgne_tab2 ul.tabs2 li.active b { color:#fff; border:#ac9076 1px solid; margin: 0 5px; background:#ac9076;}
.abgne_tab1 ul.tabs1 li img,
.abgne_tab2 ul.tabs2 li img { height:45px;}

div.tab_container1,
div.tab_container2 { width: 90%; margin: -40px auto 0 auto; position:relative; max-width:1250px; position: relative; z-index: 1;}
div.tab_container1 .tab_content1,
div.tab_container2 .tab_content2 { padding: 70px 5% 40px 5%; background:#faf9f5; border:#ac9076 1px solid; border-radius:20px; font-size: 20px; line-height:28px; font-weight: bolder; color:#393939;}

h5 { font-family: 'Noto Sans TC', GOTHIC; font-weight:800; display:block; font-size:28px; text-align:center; margin:0; padding:0;}
h6 { color:#ac9076; font-family: 'Noto Sans TC', GOTHIC; font-weight:800; display:block; font-size:24px; line-height:32px; text-align:center; margin:0; padding:0;}

img.chart { width: 100%; display:block; margin: 30px auto;}
/* -- 內容區塊 -- */

.contentLine { border-top:#d5c1ad 1px solid; width:100%; display: block; margin: 20px 0 30px 0;}

.warningS { font-size:14px; line-height:20px; color:#666; display:block; text-align:justify; padding: 20px 0 0 0; border-top: #d5c1ad 1px solid;}
.warningS b { font-size:18px; font-family: 'Noto Sans TC', GOTHIC; font-weight:800; display:block; margin-bottom:5px; color:#000;}

ul.chart01-1 { width: 100%; text-align:center; display: flex; padding: 0; margin: 25px 0 35px 0; gap: 0;}
ul.chart01-1 li { display:inline-block; width: 33.3%; vertical-align:top; padding:0; margin:0; list-style: none;}
ul.chart01-1 li img { width:100%; display:block; margin-bottom: 5px;}
ul.chart01-1 li b { font-family: 'Noto Sans TC', GOTHIC; font-weight:800; display:block; margin-bottom:10px; font-size:36px;}

ul.chart01-5 { text-align:center; width:100%; margin: 15px 0 55px 0;}
ul.chart01-5 li { display:inline-block; width:45%; border-right:#666 1px dotted; padding: 0 2%;}
ul.chart01-5 li:last-child { border:none;}
ul.chart01-5 li img.PIC-PC { width:95%; display:block; margin: 0 auto;}
ul.chart01-5 li img.PIC-M { display:none;}

img.iconStar { display:inline-block; margin: 0 0 0 5px;}

/* --平板版型------------------------------------- */

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
.abgne_tab1 ul.tabs1 li,
.abgne_tab2 ul.tabs2 li { padding-bottom:10px;}
.abgne_tab1 ul.tabs1 li b,
.abgne_tab2 ul.tabs2 li b { padding: 12px 30px 15px 30px ; font-size:20px; border-radius:200px; }

div.tab_container1,
div.tab_container2 { margin: -40px auto 0 auto;}
div.tab_container1 .tab_content1,
div.tab_container2 .tab_content2 { padding: 50px 5% 20px 5%; font-size: 20px; line-height:28px; }

.warningS { font-size:12px; line-height:16px;}
.warningS b { font-size:16px; line-height:20px;}

h5 { font-size:24px;}
h6 { font-size:20px; line-height:28px;}

ul.chart01-1 { width: 100%; text-align:center; display: flex; padding: 0; margin: 25px 0 35px 0; gap: 0;}
ul.chart01-1 li { display:inline-block; width: 33.3%; vertical-align:top; padding:0; margin:0; list-style: none;}
ul.chart01-1 li b { font-size:24px;}

img.iconStar { width:18px;}
}

/* --手機版型------------------------------------- */

@media screen and (max-width: 767px) {
.abgne_tab1,
.abgne_tab2 { width:96%;}
.abgne_tab1 ul.tabs1 li,
.abgne_tab2 ul.tabs2 li { padding-bottom:10px;}
.abgne_tab1 ul.tabs1 li b,
.abgne_tab2 ul.tabs2 li b { padding: 10px 10px 13px 10px ; font-size:15px; border-radius:50px; line-height:18px; margin: 0; line-height:-1px;}

div.tab_container1,
div.tab_container2 { margin: -30px auto 0 auto;}
div.tab_container1 .tab_content1,
div.tab_container2 .tab_content2 { padding: 50px 5% 20px 5%; font-size: 18px; line-height:25px; }

.warningS { font-size:11px; line-height:16px;}
.warningS b { font-size:14px; line-height:20px;}

.contentLine { margin: 10px 0 15px 0;}

h5 { font-size:20px;}
h6 { font-size:18px; line-height:24px;}

ul.chart01-1 li { font-size:14px; line-height:18px;}
ul.chart01-1 li b { font-size:20px; line-height:24px;}

ul.chart01-5 li, ul.chart01-5 li:last-child  { display: block; width:100%; border-right: none; border:#666 1px dotted; padding: 30px; border-radius:20px; margin-bottom: 15px;}
ul.chart01-5 li img.PIC-M { width:80%; display:block; margin: 0 auto; display:block;}
ul.chart01-5 li img.PIC-PC { display:none;}

img.iconStar { width:14px;}
}