.abgne_tab { position:relative; clear: left; width: 100%;}
ul.tabs { width:100%; overflow:hidden; border-bottom:1px solid #009fa8;}
ul.tabs li { display:inline-block;}
ul.tabs li a { display:inline-block; padding:8px 20px; margin-right:5px; font-size:17px; font-weight:bold; background:#dbdada; color:#666666; border-radius:5px 5px 0 0;}
ul.tabs li a:hover { color:#000000;	background:#c5c5c5;}
ul.tabs li.active a { color:#ffffff; background:#009fa8;}
ul.tabs li.active a:hover {	background:#009fa8;}
div.tab_container {	width:100%; background:#ffffff;}
div.tab_container .tab_content { padding:10px 30px 20px 30px;}
.news_m{ position:absolute; z-index:2; top:5px; right:0; font-size:13px; color:#999999;}
.news_m a{ color:#232323;}
.news_m a:hover {text-decoration: none; color:#009fa8;}

.abgne_tab_links { position:relative; clear: left; width: 100%;}
ul.tabs_links { width:100%; overflow:hidden; border-bottom:1px solid #009fa8;}
ul.tabs_links li { display:inline-block;}
ul.tabs_links li a { display:inline-block; padding:8px 20px; margin-right:5px; font-size:17px; font-weight:bold; background:#dbdada; color:#666666; border-radius:5px 5px 0 0;}
ul.tabs_links li a:hover { color:#000000;	background:#c5c5c5;}
ul.tabs_links li.active a { color:#ffffff; background:#009fa8;}
ul.tabs_links li.active a:hover {	background:#009fa8;}
div.tab_container_links {	width:100%; background:#ffffff;}
div.tab_container_links .tab_content { padding-top:30px;}

/*===平版型區===*/
@media (min-width: 685px) and (max-width: 998px) {
ul.tabs li a { padding:8px 18px; margin-right:5px; font-size:16px;}
div.tab_container .tab_content { padding:10px 30px 25px 30px;}
.news_m{ top:6px; font-size:13px;}

ul.tabs_links li a { display:inline-block; padding:8px 18px; margin-right:5px; font-size:16px;}
div.tab_container_links .tab_content { padding-top:25px;}

ul.clist_c { display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; vertical-align:middle; width:100%; overflow:hidden;}
ul.clist_c li {display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:center; align-items:center; flex:25%; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; background:#dbdada; overflow:hidden;}
ul.clist_c li:last-child { border-right:0px solid #ffffff;}
ul.clist_c li a { display:inline-block; width:100%; padding:8px 15px; font-size:18px; font-weight:bold; color:#666666;}
.clist_class { width:100%; overflow:hidden; padding:12px 0 5px 0;}
.clist_class a{ display:inline-block; vertical-align:middle; font-size:16px; line-height:1.5; color:#000000; border-right:1px solid #cccccc; padding:0 15px; margin:5px 0;}
.clist_class a:hover{ text-decoration:none;}

}

/*===手機版型區===*/
@media screen and (max-width: 686px) {
ul.tabs li a { padding:5px 8px; margin-right:-2px; font-size:15px;}
ul.tabs li a:last-child { margin-right:0px;}
div.tab_container .tab_content { padding:5px 16px 45px 16px;}
.news_m{ top:auto; bottom:16px; right:16px; font-size:13px;}

ul.tabs_links li a { display:inline-block; padding:5px 8px; margin-right:-2px; font-size:15px;}
div.tab_container_links .tab_content { padding-top:20px;}

ul.clist_c { display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; vertical-align:middle; width:100%; overflow:hidden;}
ul.clist_c li {display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:center; align-items:center; flex:50%; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; background:#dbdada; overflow:hidden;}
ul.clist_c li:last-child { border-right:1px solid #ffffff;}
ul.clist_c li a { display:inline-block; width:100%; padding:8px 12px; font-size:16px; font-weight:bold; color:#666666;}
.clist_class { width:100%; overflow:hidden; padding:12px 0 5px 0;}
.clist_class a{ display:inline-block; vertical-align:middle; font-size:15px; line-height:1.4; color:#000000; border-right:1px solid #cccccc; padding:0 13px; margin:5px 0;}
.clist_class a:hover{ text-decoration:none;}
}