a{ text-decoration: none}
section{ width: 100%; display: block; position: relative}
.bold{ font-weight: bold;}
.center{text-align: center}
.fll{ float: left}
.flr{ float: right}
.mgb-20{ margin-bottom: 20px !important}
.mgb-30{ margin-bottom: 30px !important}
.mgb-40{ margin-bottom: 40px !important}
.mgb-50{ margin-bottom: 50px !important}
.mgb-60{ margin-bottom: 60px !important}
.mgb-80{ margin-bottom: 80px !important}



body{ font-size: 24px; line-height:36px; font-family: 'Noto Sans TC', sans-serif;}
p{ margin-bottom: 30px; font-size: 24px; line-height:36px;}
img{ max-width: 100%}
.red{ color: #e61e19}

/*****************Pages************************/

.nav{ width: 100%; display: inline-block; box-shadow: 0 0 5px #999; padding: 20px 0; text-align: center; margin-bottom: 80px;}
.nav .first{ display: inline-block; position: relative; }
.nav .first > a{ color: #95AB52; border-right: 1px solid #696461; padding: 3px 25px; display: inline-block; }
.nav .first:first-child > a{border-left: 1px solid #696461; }
.nav .first ul {position: absolute;top: 39px; left: -5%; display: none; padding: 0;background-color: #fff; /* 選單背景色 */
    border: 1px solid #94ab51; border-top: 15px solid #94ab51;  min-width: 200px; /* 最小寬度 */ z-index: 1; /* 將選單置於最上層 */}
.nav .first ul li { border-bottom: 1px solid #94ab51; width: 100%; display: block;}
.nav .first ul li:last-child{ border-bottom: 0}
.nav .first ul li a { display: block;  padding: 10px 5px; font-size: 20px; text-decoration: none; color: #696361; /* 修改連結顏色 */}
.nav .first:hover ul { display: block;}
.nav .first ul {transition: all 0.3s ease;}

.fixtp{ position: fixed; right: 0; top: 30%}
.fixtp a{display: block}
.fixtp img{ width: 220px;}
.fixtp img.fist{ width: 170px; float: right; margin-bottom: 10px;}

.main{ min-height: 500px;}
.main section{ margin-bottom: 30px;}
.main .container{ width: 75vw; margin: 0 auto}
.main p{ margin-bottom: 30px;}
section.boxwrap{  margin-bottom: 80px; display: inline-block; width: 100%}
.box{display: inline-block; width: 45%; vertical-align: top; margin: 0 2%}
.box .ti{background: #94ab51; font-size: 36px; font-weight: bold; color: #fff; line-height: 45px; padding: 10px 10px 10px 30px; text-align: left}
.box .ct{border: 1px solid #94ab51;  min-height: 332px; position: relative}
.box .ct .news{ padding:20px 40px; }
.box .ct .news li{ list-style: disc outside; margin-bottom: 10px; line-height: 30px;}
.box .ct .news a{color: #000; font-size: 20px; line-height: 20px;}
.box .ct .more{position: absolute; right: 40px; bottom: 20px; color: #000; font-size: 20px;}
.box iframe{ float: left;}
.box.share .ti{ min-height: 75px; font-size: 22px; line-height: 36px;}
.box.share .ti.smal{ min-height:30px; font-size: 25px;}


.slick-prev:before, .slick-next:before{ color: #f5b32b; font-size: 30px;}
.slick-prev{ left: -35px}
.slick-next{ right: -35px;}

.green{ color:#94ab51 }
.bold{ font-weight: bold;}
h2.ytit{ font-size: 48px; color: #94ab51; margin-bottom: 50px; line-height: 60px; font-weight: bold; text-align: center}
.tit02{ font-size: 42px; color: #94ab51; margin-bottom: 50px; line-height: 60px; font-weight: bold; text-align: center}
.bgg{ width: 100%;display: inline-block; text-align: center; margin-bottom: 15px;}
.bgg span{ font-size: 32px; color: #fff; background: #94ab51; line-height: 48px; font-weight: bold; padding: 10px 20px; display: inline-block; min-width: 500px;}
h3.ytit{ font-size: 36px; color: #94ab51; margin-bottom: 50px; line-height: 60px; font-weight: bold; text-align: center}
h3.ytit .blk{color: #000; font-size: 28px; font-weight: normal}
h3.ytit em{ border-bottom: 10px solid #ffb929}

div.ytit{ font-size: 36px; color: #94ab51; margin-bottom: 50px; line-height: 60px; font-weight: bold; text-align: center}
div.ytit .blk{color: #000; font-size: 28px; font-weight: normal}
div.ytit em{ border-bottom: 10px solid #ffb929}

h2.ytit span{ padding: 8px 60px; border: 1px solid #94ab51; border-radius: 99px;}
.imgct{ text-align: center; margin-bottom: 20px;}
.leftit{ font-size: 48px; display: inline-block; margin-bottom: 50px; margin-top: 30px; color: #94ab51}
.leftit span{ padding: 6px 60px 8px 60px; border: 1px solid #94ab51; border-radius: 99px;}
.leftit-pink{ font-size: 48px; background: #d97269; border-bottom-right-radius: 40px;border-top-right-radius: 40px; display: inline-block; padding: 20px 40px 25px 30px; margin-bottom: 50px; color: #fff}
#subject{ background: url(../images/ixbg.jpg) ; background-size: cover; padding-top: 80px; padding-bottom: 80px; margin-bottom: 0;}


.footer{ background: #e8e7e7; padding: 50px 0; margin-top: 0px;}
.footer .container{ width: 91%; margin: 0 auto}
.footer .sec{display: inline-block; vertical-align: top; font-size: 24px; color: #696361; margin-bottom: 15px; margin-right: 70px;}
.footer .sec.wide{ width: 100%; margin-bottom: 15px; }
.footer .sec >div{ display: inline-block; vertical-align: top;}
.footer .sec .widlogo{ width: calc(100% - 160px); }
.footer .sec .widlogo img{ margin-right: 10px }

.footer .sec >div img{ margin-right: 2px; vertical-align: top}
.footer .sec .spt{ width: 130px; display: inline-block}
.footer .copr{ font-size: 18px; text-align: center; margin-top: 30px; margin-bottom: 30px;}
.copr a{ color: #000}
.backtop{ position: fixed; right: 20px; bottom: 50px; opacity: 0; transition: all 1s}
.backtop.fadein{ opacity: 1}


h2.blueleft{font-size: 40px; color: #0057a7; margin-bottom: 50px;line-height: 60px; font-weight: bold; text-align: left}
hr.blue{ width: 100%; height: 1px; background: #0057a7; border: 0}
h3.ylti{font-size: 36px; color: #94ab51; margin-bottom: 20px;line-height: 50px; font-weight: bold; text-align: center}

.nmwrap{display: flex; flex-direction: row; flex-wrap: wrap;}
.name{ width: 23%; font-size: 32px; padding: 10px; box-sizing: border-box; border: 1px solid #94ab51; display: inline-block; margin-right: 10px; margin-bottom: 10px;}
.name span{ display: block; font-size: 20px; margin-top: 10px;}

.wins{ width: 500px; display: inline-block}
.wins img{ width: 100%; display: inline-block}
.yl-rtit{font-size: 48px; background: #94ab51; color: #fff; border-radius: 40px; padding: 15px 100px; display: inline-block}
.pink-rtit{font-size: 48px; background: #d97269; color: #fff; border-radius: 40px; padding: 15px 100px; display: inline-block}
.tip{ color:#94ab51; font-size: 18px; display: block; font-weight: normal}


.rul1{ padding-left: 0px; display: block}
.rul1 em{ color: #d97269 }
.rul2{padding-left: 0px; display: block}
.rul2 em{ color: #94ab51 }
.rulep{ position: relative; padding-left: 60px;}
.rulep i{ position:absolute; left: -20px;}
p.rulep { margin-bottom: 10px;}

.ctnote{ margin-left: 30px; position: relative; top: -8px;}
.ctnote a{ color: #000}

.ctinfo{ background: #f3e2ce; border-radius: 30px;padding: 30px 50px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center}