/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ---reset.css--- */
html { font-family: "微軟正黑體", Arial; font-size:16px; -webkit-text-size-adjust:none;}
* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */}
* a:link, * a:visited { text-decoration:none;}
* a:hover, * a:active { text-decoration:none;}
.clear { clear:both;}
@font-face { font-family: GOTHIC; src: url(../fonts/GOTHIC.TTF);}
/* --電腦版型------------------------------------- */
body { margin-bottom:0; background: url(../images/mainBanner01.jpg) no-repeat center top fixed;}
body.in { background:none;}
h4,
#SUBMENU { display:none;}
a.top { position:fixed; bottom:20px; right:20px; display:block; z-index:9999;}
/* -- 單元標題圖檔 -- */
img.item { display: block; position:absolute; top: -50px; margin: 0 auto;}
/* -- 內容區 -- */
.mainCon { width:95%; max-width:1250px; margin: 0 auto; position:relative; padding: 0;}
.itemZone { position:absolute; width:100%; top:-45px; left:0; text-align:center;}
/* -- 主選項 -- */
header { width:100%; text-align:center; margin: 0 auto; background: rgba(100,77,63,.65); position:fixed; z-index:9999;}
header ul { text-align:center; padding: 25px 0;}
header ul li { display:inline-block; font-size:18px;}
header ul li a { color:#e0dcd9; display:inline-block; margin: 0 10px; vertical-align:middle;}
header ul li a.video { background:url(../images/iocn_youtube.png) no-repeat center top; display:inline-block; width:33px; height:33px;}
header ul li a.fb { background: url(../images/icon_FB.png) no-repeat center top; display:inline-block; width:33px; height:33px;}
header ul li a.video:hover { background:url(../images/iocn_youtube.png) no-repeat center bottom; display:inline-block; width:33px; height:33px;}
header ul li a.fb:hover { background: url(../images/icon_FB.png) no-repeat center bottom; display:inline-block; width:33px; height:33px;}
header ul li a:hover { color:#fff;}
/* -- 首頁 -- */
#home { width:100%; overflow: hidden; min-height:1030px;}
#home img.title1 { display:block; width:auto; margin: 230px auto 0 auto;}
/* -- 首頁最新消息 -- */
#News { width:100%; background:url(../images/newsBG.png) no-repeat center top #fff; min-height:610px; margin-top: -170px;}
ul.News { text-align:center; width:100%; display: flex; align-items: stretch;}
ul.News li { width:29.3%; margin: 195px 2% 0 2%; display:inline-block; float:left; font-size:24px; font-weight:bold; line-height:30px; text-align:left; border-bottom:#e5e2e0 1px solid; vertical-align:top; padding-bottom:50px; flex: 0 0 0 0; position:relative;}
ul.News li:hover { border-bottom:#644d3f 1px solid;}
ul.News li a { color:#644d3f;}
ul.News li img { border:#ebe6e3 4px solid; display:block; margin-bottom:15px; width:100%; max-width:365px;}
ul.News li .more { background: url(../images/icon_more.png) no-repeat right bottom; font-size:15px; color:#999; display:block; width:auto; text-align:right; padding-right:34px; margin: 20px 0; position:absolute; right:0; bottom:0; height:18px; line-height:18px;}
ul.News li:hover .more { color:#000;}
/*-- 首頁開課資訊 -- */
#Class { background: url(../images/ClassBG.jpg) no-repeat center bottom #453b39; height:487px; position:relative; line-height:25px; text-align:center;}
#Class .spanT { width:100%; display:inline-block; text-align:center; color:#dac5b4; font-size:20px; font-weight:bold; margin: 200px auto 0 auto;}
#Class .spanT2 { width:100%; display:inline-block; text-align:center; color:#dac5b4; font-size:20px; font-weight:bold; margin: 20px auto 0 auto;}
#Class ul.ClassData { width:98%; margin: 40px auto 0 auto; text-align:center;}
#Class ul.ClassData li { display:inline-block; width:12%; margin: 0 0.5%; vertical-align:top;}
#Class ul.ClassData li a:hover b.now { background:#957d69; color:#463c3a; border: #957d69 1px solid;}
#Class ul.ClassData li b { width:100%; border:#a99483 1px solid; background:none; color:#a99483; font-size:24px; font-weight:bold; padding: 20px 0; margin-bottom:5px; display:block;}
#Class ul.ClassData li b.now { background:#a99483; color:#463c3a;}
a.more-C { font-size:15px; color:#e8d6c6; display:block; width:auto; text-align: center;}
a.more-C:hover { color:#fff;}
/*-- 首頁創辦人 -- */
#Founder { background: url(../images/FounderBG.jpg) no-repeat center top; padding-bottom:50px; color:#494949; font-size:18px; font-weight:bold; position:relative; line-height:25px;}
#Founder b { display:block; font-size:50px; color:#774f1c; font-weight:bold; margin-bottom:20px; text-align:right;}
#FounderTxt { margin:130px 35px 0 0; width:40%; float: right; text-align:justify;}
.txt30 { font-size:30px;}
/*-- 首頁首任會長 -- */
#F-Chairman { background:url(../images/FChairmanBG.jpg) no-repeat center top; height:329px; color:#202020; font-size:18px; font-weight:bold; position:relative; line-height:25px;}
#F-Chairman b { display:block; font-size:50px; color:#774f1c; font-weight:bold; margin-bottom:25px;}
#F-ChairTxt { margin: 110px 0 0 100px; width:30%; float:left;}
a.more { background:url(../images/icon_more.png) no-repeat right bottom; font-size:15px; color:#999; display:block; width:auto; text-align:right; padding-right:34px; margin: 20px 0 0 0; height:18px; line-height:18px;}
a.more:hover { color: #000;}
/*-- 首頁現任會長 -- */
#Chairman { background:url(../images/ChairmanBG.jpg) no-repeat center top; height:329px; color:#7b7a7c; font-size:18px; font-weight:bold; position:relative; line-height:25px;}
#Chairman b { display:block; font-size:50px; color:#fff; font-weight:bold; margin-bottom:25px;}
#ChairTxt { float:right; margin:150px 125px 0 0;}
a.more-W { background:url(../images/icon_more.png) no-repeat right bottom; font-size:15px; color:#666; display:block; width:auto; text-align:right; padding-right:34px; margin: 20px 0 0 0; height:18px; line-height:18px;}
a.more-W:hover { color:#fff;}
footer { background: #a79990; text-align:center; padding: 30px 0 45px 0; font-size:13px; color:#e2d9d3; margin-top:0; line-height:20px;}
footer img { display: inline-block; margin: 0 10px 15px 10px;}
#inTop { background: url(../images/storypageBG-1.jpg) no-repeat center top; width:100%; height:340px; position:relative;}
#inTop img.title1 { width:auto; margin: 0 auto; display:block; padding:130px 0 0 0;}
#inTop img.title2 { float:right;}
article { background: url(../images/articleBG.gif) no-repeat center bottom #f4f1f0; width:100%; font-size:18px; line-height:32px; color:#3a322d; padding-bottom:100px; text-align:justify;}
article p { margin-bottom:30px;}
.inCon { width:90%; max-width:1150px; margin: 0 auto; position:relative; border-top:#8f7260 8px solid;}
.head { border:none; margin:0 auto; padding: 0;}
.conR { float:right; width:70%;}
img.picMark { float:left; width:25%;}
h1 { border-bottom: #dcd3ce 1px solid; font-size: 30px; font-weight:bold; color:#5b3b27; padding: 40px 0 20px 0; margin-bottom:40px;}
h2 { color:#9e8a7e; font-size:28px; font-weight:bold; margin: 20px 0 30px 0;}
h2.class { color:#f1543f; margin: 20px 0 15px 0; padding-top:20px; border-top:#ccc 2px dotted;}
h2.event { color:#f1543f; margin: 20px 0 15px 0; padding-bottom:20px; border-bottom:#ccc 1px dotted;}
h2 b { font-size:18px; line-height:32px; color:#3a322d;}
h3 { color:#3a322d; font-size:22px; font-weight:bold; margin-bottom:30px;}
.path { display:block; font-size:15px; color:#d9d9d9; position:absolute; right:0; top:50px;}
.path a { color:#7c7c7c}
.path b { font-weight:bold; color:#3a322d; text-align:right; letter-spacing:1px;}
#subLink { font-size:16px; color:#e5e5e5; margin: -30px 0 50px 0; font-weight:bold;}
#subLink a { display:inline-block; margin: 0 5px; color:#7c7c7c;}
#subLink a:hover { color:#5b3b27;}
img.photoL { float:left; margin: 0 40px 40px 0;}
img.photoR { float:right; margin: 0 0 40px 40px;}
img.photoA { margin: 30px auto 40px auto; width:100%;}
article ul li { margin: 0; width:45%; display:inline-block; list-style:square}
img.chart-PC { width:100%; display:block; margin: 30px 0 50px 0;}
img.chart-M { width:100%; display: none; margin: 30px 0 50px 0;}
/*弟子序*/
ul.team li { font-size:18px; padding: 0 0 0 10px; border-left: #aba19d 1px solid; color:#3a322d; width:15%; display:inline-block; margin-bottom:25px; vertical-align:top;}
ul.team li b { font-size:24px; font-weight:bold; display:block;}
/*組織*/
ul.team2 li { font-size:18px; padding: 0 0 0 10px; border-left: #aba19d 1px solid; color:#3a322d; width:33%; display:inline-block; margin-bottom:25px; vertical-align:top;}
ul.team2 li b { font-size:22px; font-weight:bold; display:block;}
.subTitle { background:#9e8a7e; color:#fff; display: inline-table; font-size:18px; padding: 5px 20px; margin-bottom:20px;}
/*開課資訊*/
img.mapicon { display:inline-block; margin: 0 10px 0 0; vertical-align:middle;}
iframe { width:60%; height:110px; margin-bottom:20px;}
.abgne_tab2 { margin: 0; position:relative; display:block;}
.abgne_tab2 ul.tabs2 { width: 100%; margin: 0 auto; border-bottom:#d8cfca 1px solid; width:100%;}
.abgne_tab2 ul.tabs2 li { display:inline-block; margin: 0; cursor:pointer; font-weight:bold; color:#3a322d; padding:10px 20px; font-size:20px; font-weight:bold; width:auto;}
.abgne_tab2 ul.tabs2 li.active { color:#f4f1f0; background:#9e8a7e;}
div.tab_container2 { width:100%; max-width:1250px; margin: 0 auto; position:relative;}
div.tab_container2 .tab_content2 { padding: 0;}
div.tab_container2 .tab_content2 ul.classlist { width:100%; margin: 30px auto 0 auto;}
div.tab_container2 .tab_content2 ul.classlist li { width:48%; padding: 0 1.5%; font-size:18px; display:inline-block; text-align:left; margin-bottom:15px; vertical-align:top;}
div.tab_container2 .tab_content2 ul.classlist li b { color:#9e8a7e;}
/*觀摩會*/
#selectZone { font-size:16px; color:#e5e5e5; margin: -20px 0 50px 0; font-weight:bold; color:#7c7c7c;}
form { display:inline-block; margin: 0 0 0 5px;}
select { display:inline-block; border:#d5d3d4 1px solid; background:#fff; padding: 10px; font-size:18px; font-family:"微軟正黑體"; font-weight:bold; min-width: 300px;}
img.event { float:right; margin: 0 0 0 20px; width:30%; display: inline-block;}
ul.event { margin: 30px auto 0 auto; width:100%;}
ul.event li { font-size:18px; display:block; text-align:left; margin-bottom:15px; vertical-align:top;}
ul.event li a { color:#830000; padding: 0 0 0 32px; display:block; margin: 15px 0 0 0; font-weight:bold;}
ul.event li a.pdf { background:url(../images/icon_pdf.png) no-repeat left center;}
ul.event li a.album { background:url(../images/icon_photo.png) no-repeat left center;}
ul.event li a.video { background:url(../images/icon_video.png) no-repeat left center;}
ul.event li b { color:#9e8a7e;}
/*影音*/
ul.videoList { margin: 30px auto 0 auto; width:100%;}
ul.videoList li { font-size:24px; display: inline-block; vertical-align:top; width:31%; margin: 0 2% 30px 0; font-weight:bold; line-height:30px; padding-bottom:30px; border-bottom:#d4d2d1 1px solid;}
ul.videoList li a img { display:block; width:100%; margin-bottom:15px;}
ul.videoList li a { color:#f1543f;}
ul.videoList li a b { font-size:16px; color:#999; display:block; margin-top:15px; letter-spacing:1px}
/*最新消息*/
ul.NewsList { text-align:center; width:100%; display: block;}
ul.NewsList li { width:31%; margin: 0 2% 30px 0; display:inline-block; font-size:24px; font-weight:bold; line-height:30px; text-align:left; border-bottom:#e5e2e0 1px solid; vertical-align:top; padding-bottom:50px; position:relative;}
ul.NewsList li:hover { border-bottom:#644d3f 1px solid;}
ul.NewsList li a { color:#644d3f;}
ul.NewsList li img { border:#ebe6e3 4px solid; display:block; margin: 0 auto 15px auto; width:100%; max-width:365px;}
ul.NewsList li .more { background: url(../images/icon_more.png) no-repeat right bottom; font-size:15px; color:#999; display:block; width:auto; text-align:right; padding-right:34px; margin: 20px 0; position:absolute; right:0; bottom:0; height:18px; line-height:18px;}
ul.NewsList li:hover .more { color:#000;}
/* --窄螢幕版型------------------------------------- */
@media screen and (min-width: 1024px) and (max-width: 1249px) {
/* -- 首頁最新消息 -- */
#News { background-size: 1900px auto;}
/*-- 首頁開課資訊 -- */
#Class ul.ClassData li b { width:100%; border:#a99483 1px solid; background:none; color:#a99483; font-size:20px; font-weight:bold; padding: 20px 0; margin-bottom:5px; display:block;}
/*-- 首頁創辦人 -- */
#FounderTxt { margin:130px 35px 0 0; width:50%; float: right; text-align:justify;}
}
/* --平板版型------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1023px) {
.mainCon { width:98%; max-width:1250px; margin: 0 auto; position:relative; padding: 0;}
header ul li { display:inline-block; font-size:16px;}
header ul li a { color:#e0dcd9; display:inline-block; margin: 0 5px; vertical-align:middle;}
/* -- 首頁最新消息 -- */
#News { background-size: 1500px auto;}
ul.News li { width:29.3%; margin: 195px 2% 0 2%; display:inline-block; float:left; font-size:22px; font-weight:bold; line-height:30px; text-align:left; border-bottom:#e5e2e0 1px solid; vertical-align:top; padding-bottom:50px; flex: 0 0 0 0; position:relative;}
/*-- 首頁開課資訊 -- */
#Class ul.ClassData { width:100%; margin: 30px auto 0 auto; text-align:center;}
#Class ul.ClassData li b { width:100%; border:#a99483 1px solid; background:none; color:#a99483; font-size:18px; font-weight:bold; padding: 15px 0; margin-bottom:5px; display:block;}
#Class ul.ClassData li { display:inline-block; width:21%; margin: 0 1% 20px 1%; vertical-align:top;}
/*-- 首頁創辦人 -- */
#Founder { background: url(../images/FounderBG.jpg) no-repeat center top #c6c2b6; background-size:2200px auto; color:#494949; font-size:16px; font-weight:bold; position:relative; line-height:24px;}
#Founder b { display:block; font-size:45px; color:#774f1c; font-weight:bold; margin-bottom:20px; text-align:right;}
#FounderTxt { margin:130px 20px 0 0; width:60%; float: right; text-align:justify;}
/*-- 首頁首任會長 -- */
#F-ChairTxt { margin: 110px 0 0 40px; width:30%; float:left;}
/*-- 首頁現任會長 -- */
#ChairTxt { float:right; margin:150px 40px 0 0;}
a.more-W { background:url(../images/icon_more.png) no-repeat right bottom; font-size:15px; color:#666; display:block; width:auto; text-align:right; padding-right:34px; margin: 20px 0 0 0; height:18px; line-height:18px;}
a.more-W:hover { color:#fff;}
.path { display:block; font-size:15px; color:#d9d9d9; position:absolute; right:5%; top:50px;}
/*--內頁--*/
.inCon { width:90%;}
.conR { float:right; width:65%;}
img.picMark { float:left; width:30%;}
/*弟子序*/
ul.team li { font-size:18px; padding: 0 0 0 10px; border-left: #aba19d 1px solid; color:#3a322d; width:31%; display:inline-block; margin-bottom:25px;}
ul.team li b { font-size:24px; font-weight:bold; display:block;}
/*組織*/
ul.team2 li { font-size:18px; padding: 0 0 0 10px; border-left: #aba19d 1px solid; color:#3a322d; width:45%; display:inline-block; margin-bottom:25px;}
ul.team2 li b { font-size:22px; font-weight:bold; display:block;}
/*開課資訊*/
img.mapicon { display:inline-block; margin: 0 10px 0 0; vertical-align:middle;}
iframe { width:100%; height:110px; margin-bottom:20px;}
.abgne_tab2 ul.tabs2 li { display:inline-block; margin: 0; cursor:pointer; font-weight:bold; color:#3a322d; padding:10px 10px; font-size:16px; font-weight:bold; width:auto;}
.abgne_tab2 ul.tabs2 li.active { color:#f4f1f0; background:#9e8a7e;}
img.event { float:right; margin: 0 0 0 20px; width:40%; display: inline-block;}
/*影音*/
ul.videoList { margin: 30px auto 0 auto; width:100%;}
ul.videoList>li { font-size:24px; display: inline-block; vertical-align:top; width:30%; margin: 0 1% 30px 1%; font-weight:bold; line-height:30px; padding-bottom:30px; border-bottom:#d4d2d1 1px solid;}
}
/* --手機版型------------------------------------- */
@media screen and (max-width: 767px) {
body { margin-bottom:0; background: url(../images/mainBanner01.jpg) no-repeat center top fixed; background-size: 1800px auto;}
header ul { display:none;}
h4 { width:60px; height:45px; background: url(../images/icon_Menu.png) no-repeat center center; background-size:60px 45px; position: fixed; top:10px; right:0; display:block; z-index:9999;}
h4:hover { display:block; width:60px; height:45px; background: url(../images/icon_Menu.png) no-repeat center center; background-size:60px 45px; cursor: pointer;}
#SUBMENU { width:100%; height:100%; padding:0; margin:0; position: fixed; top:0; left:0; display:none; z-index:9997; background: rgba(140,108,81,0.95);}
#SUBMENU ul { padding: 20px 0 0 0; margin: 20px auto 0 auto; width:auto;}
#SUBMENU li a { font-size:1.25em; color: #fff; height:55px; line-height:55px; font-weight:bold; padding:0; text-align:center; text-decoration:none; border:none; display:block;}
#SUBMENU li a:hover { background-color:#000; color: rgba(140,108,81,0.9);}
#home { width:100%; overflow: hidden; min-height:635px;}
#home img.title1 { display:block; width:55%; margin: 110px auto 0 auto;}
.itemZone img { width:40%;}
#Class { background: url(../images/ClassBG-M.jpg) no-repeat center bottom #443a38; height:auto; position:relative; line-height:25px; text-align:center; padding-bottom:50px;}
#Class ul.ClassData { width:98%; margin: 20px auto 0 auto; text-align:center;}
#Class .spanT { width:100%; display:inline-block; text-align:center; color:#dac5b4; font-size:18px; font-weight:bold; margin: 140px auto 0 auto;}
#Class ul.ClassData li b { width:100%; border:#a99483 1px solid; background:none; color:#a99483; font-size:15px; font-weight:bold; padding: 10px 0; margin-bottom:5px; display:block;}
#Class ul.ClassData li { display:inline-block; width:30%; margin: 0 1% 10px 1%; vertical-align:top;}
/* -- 首頁最新消息 -- */
#News { background-size: 1500px auto;}
ul.News { text-align:center; width:100%; display: inline-block; margin-top:170px;}
ul.News li { width:90%; margin: 0 auto 30px auto; display: block; float:none; font-size:22px; font-weight:bold; line-height:30px; text-align:left; border-bottom:#e5e2e0 1px solid; vertical-align:top; padding-bottom:50px; flex: 0 0 0 0; position:relative;}
/*-- 首頁創辦人 -- */
#Founder { background: url(../images/FounderBG-M.jpg) no-repeat center top #d9d7ca; background-size:500px auto; padding-bottom:50px; color:#494949; font-size:18px; font-weight:bold; position:relative; line-height:25px;}
#Founder b { display:block; font-size:45px; color:#774f1c; font-weight:bold; margin-bottom:20px; text-align:right;}
#FounderTxt { margin:380px 5% 0 5%; width:90%;}
/*-- 首頁首任會長 -- */
#F-ChairTxt { margin: 110px 0 0 20px; width:80%; float:left;}
#F-Chairman { background:url(../images/FChairmanBG-M.jpg) no-repeat center bottom; height:480px; color:#202020; font-size:18px; font-weight:bold; position:relative; line-height:25px;}
a.more { background:url(../images/icon_more.png) no-repeat right bottom; font-size:15px; color:#999; display:block; width:80px; text-align:left; padding-right:34px; margin: 20px 0 0 0; height:18px; line-height:18px;}
/*-- 首頁現任會長 -- */
#Chairman { background:url(../images/ChairmanBG-M.jpg) no-repeat center bottom #000; height:480px; color:#7b7a7c; font-size:18px; font-weight:bold; position:relative; line-height:25px;}
#ChairTxt { float: right; margin:150px 20px 0 auto; text-align: right; width:80%;}
footer { background: #a79990; text-align:center; padding: 30px 0 20px 0; font-size:12px; color:#e2d9d3; margin-top:0; line-height:16px;}
footer img { display: block; margin: 0 auto 0 auto;}
/*內頁*/
.path { display:block; font-size:13px; color:#d9d9d9; position:absolute; right:5%; top:0px;}
article ul li { margin: 0; width:100%; display:block; list-style:square}
#inTop { height:180px;}
#inTop img.title1 { width:auto; margin: 0 auto; display:block; padding:25px 0 0 0; width:110px;}
#inTop img.title2 { float:none; width:200px; display:block; margin: 10px auto 0 auto;}
.inCon { width:100%; padding: 0 5%; margin: 0 auto; position:relative;}
.conR { float:none; margin: 0 auto; width:100%;}
img.picMark { float:none; width:50%; display:block; margin: 0 auto 30px auto;}
img.photoL, img.photoR { float:none; margin: 30px auto; width:100%; display:block;}
img.photoA { margin: 30px auto; width:100%; display:block;}
img.chart-M { width:100%; display:block; margin: 30px auto 50px auto; width:80%; max-width:347px;}
img.chart-PC { display: none;}
/*弟子序*/
ul.team>li { font-size:18px; padding: 0 0 0 10px; border-left: #aba19d 1px solid; color:#3a322d; width:45%; display:inline-block; margin-bottom:25px;}
ul.team>li>b { font-size:24px; font-weight:bold; display:block;}
/*組織*/
ul.team2>li { font-size:18px; padding: 0 0 0 10px; border-left: #aba19d 1px solid; color:#3a322d; width:100%; display:inline-block; margin-bottom:25px;}
ul.team2>li>b { font-size:22px; font-weight:bold; display:block;}
/*開課資訊*/
img.mapicon { display:inline-block; margin: 0 10px 0 0; vertical-align:middle;}
iframe { width:100%; height:110px; margin-bottom:20px;}
.abgne_tab2 ul.tabs2 li { display:inline-block; margin: 0; cursor:pointer; font-weight:bold; color:#3a322d; padding:10px 15px; font-size:18px; font-weight:bold; width:auto;}
.abgne_tab2 ul.tabs2 li.active { color:#f4f1f0; background:#9e8a7e;}
div.tab_container2 .tab_content2 ul.classlist li { width:100%; padding: 0 1.5%; font-size:18px; display:inline-block; text-align:left; margin-bottom:15px; vertical-align:top;}
form { display:block; margin: 10px 0 0 0;}
img.event { float:none; margin: 0 auto 20px auto; width:80%; display: block;}
/*影音*/
ul.videoList { margin: 30px auto 0 auto; width:100%;}
ul.videoList li { font-size:24px; display: block; vertical-align:top; width:100%; margin: 0 0 30px 0; font-weight:bold; line-height:30px; padding-bottom:30px; border-bottom:#d4d2d1 1px solid;}
/*最新消息*/
ul.NewsList li { width:100%; margin: 0 0 30px 0; display:block; font-size:24px; font-weight:bold; line-height:30px; text-align:left; border-bottom:#e5e2e0 1px solid; vertical-align:top; padding-bottom:50px; position:relative;}
}
/* header 區塊雜誌社下拉選單 */
header .magazine-menu {
position: relative;
display: inline-block;
padding-bottom: 5px; /* 增加底部空間，避免滑鼠移動時消失 */
}
header .magazine-submenu {
display: none;
position: absolute;
left: 0;
top: 100%; /* 與主選單距離縮小，避免空隙 */
background: #fff;
border: 1px solid #e5e5e5;
min-width: 150px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
z-index: 100;
padding: 0;
margin: 0;
list-style: none;
}
/* 保持武壇雜誌社主選單文字顏色一致 */
header .magazine-menu > a {
color: #e0dcd9; /* 與其他選單相同 */
padding: 8px 6px;
background: transparent;
text-decoration: none;
transition: background 0.2s;
}
header .magazine-menu > a:hover {
color: #fff;
}
header .magazine-menu:hover .magazine-submenu {
display: block;
}
header .magazine-submenu li a {
display: block;
padding: 8px 18px;
color: #333;
text-decoration: none;
border-bottom: 1px solid #e5e5e5;
background: #fff;
transition: background 0.2s, color 0.2s;
}
header .magazine-submenu li a:hover {
color: #333;
}