@charset "utf-8";
main{ padding-top:60px;}
.PageContent{ width:100%; max-width:1240px; padding:60px 30px; margin:auto;}
.NarrowLayout{ max-width:980px; margin:auto;}
.LinkStyle{ font-size:20px; color:#e09d15; text-decoration:underline; font-weight:bold;}

/*KV*/
.KV{ width:100%; height:522px; background:no-repeat center 60px; background-size: 1920px 550px; background-attachment: fixed; display:flex; flex-direction: column; align-items: center; justify-content: center; position:relative;}
.KV .PageTitle{ font-size:60px; color:#fff; font-weight:bold; text-shadow:0 0 45px rgba(0,0,0,.15);}
.KV .Breadcrumb{ background:#968a56; color:#fff; font-size:18px; border-radius:50px; padding:10px 40px; position:absolute; bottom:60px;}
.KV .Breadcrumb span{ color:#fff; display:inline-block; position:relative; font-size:18px;}
.KV .Breadcrumb a{ font:inherit; color:inherit;}
.KV .Breadcrumb a::after{ content:">"; display:inline-block; color:#fff; font-size:18px; padding:0 5px;}
.KV .Breadcrumb a:hover{ color:#04706d;}

/*條件*/
.ConditionBox{ text-align:right; padding-bottom:25px;}
.ConditionBox .Select{ width:310px; border:1px solid #ccc; border-radius:5px; display:inline-block; padding:0 20px; transition:.2s;}
.ConditionBox select{ width:100%; border:0; background:none; line-height:60px; height:60px; font-size:20px; cursor:pointer;}
.ConditionBox .Select:hover{ border-color:#04706d; transition:.2s;}

/*左右圖文*/
.DoubleLayout{ display:flex;}
.DoubleLayout.Skewers{ align-items: center;}
.DoubleLayout .Side{ flex:1;}
.DoubleLayout .Note{ padding:40px;}
.DoubleLayout .Note .SubTitle{ font-size:18px; font-weight:bold; color:#231815; padding-bottom:20px;}
.DoubleLayout .Note .Tag{ font-size:20px; font-weight:bold; color:#968a56; padding:0 5px}
.DoubleLayout .Note .Title{ font-size:40px; font-weight:bold; line-height:1.4; color:#04706d;}
.DoubleLayout .Note p{ font-size:20px; padding-top:10px; line-height:1.8;}
.DoubleLayout .Note .LinkStyle{ padding-top:20px; display:inline-block; position:relative;}
.DoubleLayout .Note .LinkStyle::after{ content:">"; display:inline-block; position:absolute; right:0; opacity:0; transition:.2s;}
.DoubleLayout:hover .Note .LinkStyle::after{ right:-20px; opacity:1; transition:.2s;}
.DoubleLayout.Companies{ padding:50px 0;}
.DoubleLayout.Companies .Logo{ padding-right:30px;}
.DoubleLayout.Companies .Net{ font-size:30px; font-weight:bold; color:#e09d15;}
.DoubleLayout.Companies .Note{ padding:0;}
.DoubleLayout.Companies .Title{ font-size:60px;}
.DoubleLayout.Companies .SubTitle{ font-size:30px; color:#000; padding:0;}
.DoubleLayout.Companies .MobileNote{ display: none;}
.DoubleLayout .Map{ position: relative; padding-top: 40%;}
.DoubleLayout .Map iframe{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
/*頁簽*/
.TabBox{ padding:80px 0 30px 0; display:flex; gap:10px; justify-content: center;}
.TabBox .Item{ font-size:24px; font-weight:bold; color:#8c8c8c; border-bottom:2px solid rgba(255,235,59,0); padding:5px 30px; cursor:pointer; transition:.2s;}
.TabBox .Item.Focus{ color:#04706d; border-bottom:5px solid #968a56 !important;}
.TabBox .Item:hover{ color:#04706d; border-bottom:5px solid #968a56; transition:.2s;}

/*列表*/
.LsitArea{ display: flex; flex-wrap: wrap;}
.LsitArea .Item{ width:100%; max-width:33.3%; padding:20px 15px 70px; transition:.2s;}
.LsitArea .Item .Photo{ padding-top:70%; background:no-repeat center #eee; background-size:100%; transition:.2s;}
.LsitArea .Item .SubTitle{ font-size:18px; font-weight:bold; color:#231815; padding-top:30px;}
.LsitArea .Item .Tag{ font-size:20px; font-weight:bold; color:#968a56; padding:0 5px}
.LsitArea .Item .Title{ font-size:20px; font-weight:bold; line-height:1.4; color:#04706d; padding-top:5px; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;}
.LsitArea .Item:hover{ text-decoration:none; background-color:#eeece5; transition:.2s;}
.LsitArea .Item:hover .Photo{ background-size:130%;}
.LsitArea .Item:hover .Title{ text-decoration:underline; color:#04706d; transition:.2s;}
.LsitArea.CardStyle{ gap:50px 20px;}
.LsitArea.CardStyle .Item{ background-color:#fff; text-align:center; padding:0 0 60px 0; box-shadow:0 0 45px rgba(0,0,0,.1); position:relative; max-width: calc(33.3% - 14px);}
.LsitArea.CardStyle .Item .Title{ padding:0; margin:30px; -webkit-line-clamp:3; height:84px;}
.LsitArea.CardStyle .Item .More{ color:#968a56; font-size:18px; font-weight:bold; /*border-top:1px solid #ccc;*/ padding:0px 10px; line-height:60px; display:flex; align-items: center; justify-content: center; position:absolute; left:0; right:0; bottom:0;}
.LsitArea.CardStyle .Item .More img{ transform: rotate(-90deg); width:15px; margin-left:10px; transition:.2s;}
.LsitArea.CardStyle .Item:hover .Title{ text-decoration:none;}
.LsitArea.CardStyle .Item:hover  .More img{ transform: rotate(-90deg) translateY(10px); transition:.2s;}

/*列表Hover底線加粗字維持黑色*/
.LsitArea.TitleHoverBlackUnderLineBold .Item .Title{ line-clamp: 3; -webkit-line-clamp: 3; }
.LsitArea.TitleHoverBlackUnderLineBold .Item:hover .Title{ color: #04706d; text-decoration-color: #968a56; text-decoration-thickness: 3px; }

@media screen and (max-width: 768px){
    .LsitArea.TitleHoverBlackUnderLineBold{ gap: 5px; }
    .LsitArea.TitleHoverBlackUnderLineBold .Item{ padding: 5px 0; }
    .LsitArea.TitleHoverBlackUnderLineBold .Item .Title{ padding-top: 2px; line-height: 1.2; }
    .LsitArea.TitleHoverBlackUnderLineBold .Item .SubTitle,
    .LsitArea.TitleHoverBlackUnderLineBold .Item .Tag{ line-height: 1.3; }
    .LsitArea.TitleHoverBlackUnderLineBold .Item .Photo{ margin: auto 0; }
}

.ChartArea .Item{ width:25%; display: flex; flex-direction: column; align-items: center;}
.ChartArea .Chart{ position:relative; margin:auto;}
.ChartArea .Chart .Filling{ width:176px; height:176px; margin:auto; background-color:transparent; padding:5px; border-radius:50%; position:relative;}
.ChartArea .Chart .Filling .Mask{ position:absolute; top:5px; left:5px; right:5px; bottom:5px; margin:auto; background-color:#fff; border-radius:50%;}
.ChartArea .Chart .Filling .Mask .Num{ position:absolute; top:5px; left:5px; right:5px; bottom:5px; margin:auto; font-size:24px; font-weight:bold; width:100px; height:100px; display: flex; align-items: center; justify-content: center; border-radius:50%; box-shadow:0 0 20px 10px rgba(0,0,0,.1); background: linear-gradient(to bottom, #fff 50%,#dedfde 100%);}
.ChartArea .Chart .Filling canvas{ transform: translate( -50%, -50% ) scale(1.13); position: absolute; top: calc( 50% - 5px ); left: 50%; }
.ChartArea .Title{ text-align:center;}
.ChartArea .Item:hover{ background:none;}
.AreaTitle{ font-size:60px; color:#000; font-weight:bold; text-align:center;}
.AreaSubTitle{ font-size:16px; color:#e09d15; font-weight:bold; text-align:center;}


.BorderCard{ gap: 20px 9px; padding:50px 0 80px 0;}
.BorderCard .Item{ width:calc(25% - 12px);}
.BorderCard .Item{ border-radius:5px; display:flex; align-items: center; justify-content: center; padding:10px; border:1px solid #000; text-align:center;}
.BorderCard .Item .Title{ font-size:24px; font-weight:bold; padding:0;}
.BorderCard.Style01 .Item{ border-color:#e09d15;}
.BorderCard.Style02 .Item{ border-color:#3a6ef3;}
.BorderCard.Style02 .Item:hover{ background-color:#d7e0f9;}
.BorderCard.Style02 .Item:hover .Title{ color:#3a6ef3;}

/*文章*/
section.PageContent h2{ font-size:40px; color:#231815; font-weight:bold; padding-bottom:20px; line-height:1.4;}
section.PageContent h3{ font-size:30px; color:#087471; font-weight:bold; padding-bottom:30px; line-height:1.4;}
article.PageContent .Data{ font-size:18px; color:#968a56; font-weight:bold;}
article.PageContent .Data img{ width:15px; margin-right:7px;}
article.PageContent h1{ font-size:40px; color:#04706d; font-weight:bold; padding-bottom:20px; text-align:center; line-height:1.4;}
article.PageContent h2{ font-size:30px; color:#04706d; font-weight:bold; padding-bottom:30px; text-align:center; line-height:1.4;}
article.PageContent h3{ font-size:30px; color:#968a56; font-weight:bold; padding-bottom:10px;}
.PageContent p{ font-size:18px; color:#313131; padding-bottom:20px; line-height:2;}
.PageContent a{ color:#231815; font-weight:bold;}
.PageContent a:hover{ color:#968a56; text-decoration:underline;}
.PageContent ul,
.PageContent ol{ padding-left:25px;}
.PageContent .Decorate::before{ content:""; display:inline-block; background:url(../images/page/icon-title-decorate.png) no-repeat center; background-size:100%; width:60px; height:36px; vertical-align:middle; margin-right:10px;}
.PageContent figcaption{ text-align:center;}
.PageContent figcaption figcaption{ color:#262626; font-size:18px; padding-top:10px;}
.NarrowLayout h1,
.NarrowLayout h2,
.NarrowLayout h3{ text-align:center;}
.BulletinBoard{ border:1px solid #ccc; padding:60px; margin-bottom:30px;}

/*檔案夾*/
.FileCard{ border:1px solid #ccc; padding:35px 25px; border-radius:5px; display:flex; justify-content: space-between; align-items: center; box-shadow:0 0 32px 0 rgba(0,0,0,.1); margin:35px 0;}
.FileCard .Name{ font-size:20px; font-weight:bold; color:#313131;}
.FileCard .Name *{ font:inherit; color:inherit; padding:0;}
.FileCard .Files{ display:flex; gap:30px; width:100%; max-width:730px; justify-content: flex-end;}
.FileCard .Files .Btn{ width:100%; max-width:160px; text-align:center; display:inline-block; border:1px solid #04706d; border-radius:5px; font-size:18px; font-weight:bold; padding:10px 20px; color:#001722;}
.FileCard .Files .Btn:hover{ color:#fff; background-color:#04706d;}
/*投資人*/
.TitleAlConditions{ display:flex; justify-content: space-between; align-items: center;}
.TitleAlConditions h3{ padding:0 !important;}
.TitleAlConditions .ConditionBox{ padding:0;}
.InvestorData{ border-width:0 0 1px 0; border-radius:0; box-shadow:none;}
.InvestorData.FileCard .Files .Btn{ max-width:none; border-radius:5px; background-color:#fff;}
.InvestorData.FileCard .Files .Btn:hover{ background-color:#ffdc28;}
/*條列訊息*/
.ListMessage{ display:flex; gap:60px; align-items: center; border-width:0 0 1px 0; border-radius:0; box-shadow:none; margin:0; transition:.2s;}
.ListMessage .Name{ display: flex; align-items: center; gap:30px}
.ListMessage h3{ padding:0 !important; color:#e09d15 !important;}
.ListMessage .Tag{ font-size: 20px; color: #535353;}
.ListMessage .Play{ width:93px; height:93px; border:0; background-color:#fff; border-radius:50%; box-shadow:0 0 20px 10px rgba(0,0,0,.1); display: flex; justify-content: center; align-items: center; cursor:pointer; padding:5px;}
.ListMessage .Play img{ width:42px; border-radius:50%;}
.ListMessage .Directions{ flex:1; font-weight:bold; font-size:20px; color:#000;}
.ListMessage:hover{ background-color:#fffcec; transition:.2s;}
.ListMessage:hover .Directions{ text-decoration-color: #e09d15; text-decoration-thickness: 3px;}
	
/*方案*/
.PlanArea{ display:flex; gap:30px; align-items: center; padding:80px 0;}
.PlanArea .Item{ flex:1; background-color:#fff; text-align:center; padding:60px 40px; box-shadow:0 0 45px rgba(0,0,0,.1); border-radius:5px;}
.PlanArea .Item h3{ font-size:30px; color:#000;}
.PlanArea .Item .List{ list-style-type:none;}
.PlanArea .Item .List li{ font-size:20px; color:#626262; padding:15px 0; border-bottom:1px solid #ccc; line-height:1.4;}
.PlanArea .Item.MainStyle{ background-color:#e09d15; padding:70px 40px 120px 40px;}
.PlanArea .Item.MainStyle h3{ color:#fff;}
.PlanArea .Item.MainStyle .List li{ color:#fff; border-bottom:1px solid #fff;}
.PlanArea .Item .List li:last-child{ border:0;}

/*圖片列表*/
.ImageList{ display:flex; flex-wrap: wrap; gap:33px;}
.ImageList .Item{ width:calc(25% - 25px); display:block;}
.ImageList .Item .Photo{ overflow:hidden; background:no-repeat center; background-size:cover; position:relative; border:1px solid #ccc; padding-top:70%;}
.ImageList .Item .Photo .Description{ position:absolute; top:100%; left:0; width:100%; height:100%; display: flex; align-items: center; overflow: hidden; padding:20px; color:#fff; font-size:18px; background-color:rgba(122,122,122,.9); transition:.2s;}
.ImageList .Item .Description img{ display:block; margin:10px auto 0 auto;}
.ImageList .Item .Note{ padding-bottom: 30px;}
.ImageList .Item .Note .Name{ font-size:22px; font-weight:bold; color:#001722; padding:10px 0 0 0; text-align:center;}
.ImageList .Item .Note .SubName{ font-size:18px; color:#aaaaaa; text-align:center;}
.ImageList .Item .Note .Description{ display:none;}
.ImageList .Item .Photo:hover .Description{ top:0; transition:.2s;}
.ImageList .Item:hover{ text-decoration:none;}


/*名片列表*/
.IdCardList{ display:flex; width:100%; gap:24px 24px; flex-wrap: wrap;}
.IdCardList .Card{ width:calc(50% - 12px); padding:50px 30px; box-shadow:0 0 45px 10px rgba(0,0,0,.1);}
.IdCardList .Card *{ font-size:20px; font-weight:bold;}

/*表格*/
.Table table{ border-collapse:collapse; width:100%;}
.Table th{ font-size:20px; font-weight:bold; padding:30px; /*border-bottom:4px solid #fff;*/ text-align:left; color:#fff;}
.Table tr:nth-child(4n+1) th:nth-child(odd){ background-color:#04706d;}
.Table tr:nth-child(4n+1) th:nth-child(even){ background-color:#968a56;}
.Table tr:nth-child(4n+3) th:nth-child(odd){ background-color:#968a56;}
.Table tr:nth-child(4n+3) th:nth-child(even){ background-color:#04706d;}
.Table td{ padding:30px; font-size:20px; color:#231815; /*background-color:#fafafa;*/}
.Table .Narrow{ width:300px;}
.Table .Center{ text-align:center;}
.Table td:nth-child(odd) {background-color:#d2d6c8;}
.Table td:nth-child(even) {background-color:#ded9cf;}
.Table tr:nth-child(2n-1) td:nth-child(odd){ background-color:#e5e6d8;}
.Table tr:nth-child(2n-1) td:nth-child(even){ background-color:#eeece5;}

/*表格2*/
.v2 tr:nth-child(4n+2) td:nth-child(odd){ background-color:#d2d6c8;}
.v2 tr:nth-child(4n+2) td:nth-child(even){ background-color:#ded9cf;}
.v2 tr:nth-child(4n+4) td:nth-child(odd){ background-color:#ded9cf;}
.v2 tr:nth-child(4n+4) td:nth-child(even){ background-color:#d2d6c8;}

/*頁碼*/
.PageNum{ text-align:center; padding:10px;}
.PageNum span{ font-size:18px; color:#666; font-weight:bold; width:50px; height:50px; line-height:50px; border-radius:50%; display:inline-block; background-color:#fff; overflow:hidden;}
.PageNum a{ width:inherit; height:inherit; line-height:inherit; font:inherit; color:inherit; display:inline-block; border-radius:50%; border:1px solid rgba(224,157,21,0); transition:.2s;}
.PageNum .Focus{ color:#fff; background-color:#e09d15;}
.PageNum .IconArrow img{ width:13px;}
.PageNum a:hover{ border:1px solid rgba(224,157,21,1); transition:.2s;}

/*文章切換*/
.ArticleSwitch{ display:flex; justify-content: space-between; gap:60px;}
.ArticleSwitch .Btn{ display:flex; gap:15px; align-items: center; flex:1;}
.ArticleSwitch .Btn.Right{ justify-content: flex-end;}
.ArticleSwitch .Btn.Left .SwitchBtn{ left:0px; transition:.2s;}
.ArticleSwitch .Btn.Right .SwitchBtn{ right:0px; transition:.2s;}
.ArticleSwitch .Btn .SwitchBtn{ width:70px; height:70px; border-radius:50%; display:inline-block; /*border:1px solid #ffdc28;*/ overflow:hidden; position:relative; flex-shrink:0; transition:.2s;}
.ArticleSwitch .Btn .SwitchBtn img{ margin-top: 8px; }
.ArticleSwitch .Btn .Name{ color:#000; font-size:20px; padding:5px 2px; /*border-bottom:2px solid #ffdc28;*/}
.ArticleSwitch .Btn:hover,
.ArticleSwitch .Btn:hover .Name{ text-decoration:none;}
.ArticleSwitch .Btn.Left:hover .SwitchBtn{ left:-10px; transition:.2s;}
.ArticleSwitch .Btn.Right:hover .SwitchBtn{ right:-10px; transition:.2s;}
article + .ArticleSwitch{ padding-top:0; margin-top:-20px;}

/*表單*/
.FormArea{ background-color: #ece8d3; max-width: none;}
.FormArea .FormBox{ background-color: #fff; border-radius: 5px; padding: 50px 100px;}
.FormArea .FormBox .Title{ text-align: center;}
.FormArea .FormBox .SubTitle{  text-align: center; color: #968a56; font-size: 16px;}
.FormArea .FormBox .Description{ text-align: center;}
.FormArea .FormBox .DoubleLayout{ gap: 50px;}
.FormArea .FormBox .Necessary::after{ content: '*'; display: inline-block; font-size: 20px; color: #968a56;}
.FormArea .FormBox .Item{ width: 100%; padding-bottom: 20px;}
.FormArea .FormBox .Item .Name{ font-size: 20px; color: #434343;}
.FormArea .FormBox .Item .Field input,
.FormArea .FormBox .Item .Field select{ width: 100%; background-color: #eeece5; border: 0; padding: 5px 15px; font-size: 18px; border-radius: 3px; border: 1px solid rgba(255,220,40,.0);}
.FormArea .FormBox .Item .Field input:focus,
.FormArea .FormBox .Item .Field select:focus{ border: 1px solid #968a56;}
.FormArea .FormBox .Item .Field textarea{ width: 100%; height: 136px; resize: none; background-color: #eeece5; border: 0; padding: 5px 15px; font-size: 18px; border-radius: 3px; border: 1px solid rgba(255,220,40,.0);}
.FormArea .FormBox .Item .Field textarea:focus{ border: 1px solid #968a56;}
.FormArea .FormBox .Item .Verification{ padding-top: 20px;}
.FormArea .FormBox .Terms{ font-size: 18px;}
.FormArea .FormBox .Accept{ padding: 0 0 20px 0;}
.FormArea .FormBox .Accept span{ font-size: 20px; color: #3a6ef3; vertical-align: middle;}
.FormArea .FormBox .Accept input{ width: 20px; height: 20px; border-radius: 3px; margin-right: 10px; vertical-align: middle;}
.FormArea .FormBox .EnterBtn{ background-color: #968a56; color:#fff; font-size: 18px; width: 100%; display: block; border-radius: 5px; text-align: center; border: 0; padding: 10px; cursor: pointer;}

/*問題*/
.PageContent.QuestionArea .Components{ padding-bottom: 40px;}
.PageContent.QuestionArea h2{ font-size: 30px; color: #e09d15; font-weight: bold; padding-bottom: 0;}
.PageContent.QuestionArea .Question{ display: flex; padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.PageContent.QuestionArea .Question .Content{ flex: 1;}
.PageContent.QuestionArea .Question .Content h3{ font-size: 20px; font-weight: bold; color: #000; padding: 0; cursor: pointer;}
.PageContent.QuestionArea .Question .Content .Word{ font-size: 20px; color: #535353; padding-top: 15px;}
.PageContent.QuestionArea .Question .State::after{ content: '+'; display: block; font-size: 24px; padding: 0 40px; cursor: pointer;}
.PageContent.QuestionArea .Question.Close .Content .Word{ display: none;}
.PageContent.QuestionArea .Question.Close .State::after{ content: '-';}
.PageContent.QuestionArea .Question:hover .Content h3{ color: #e09d15;}
.PageContent.QuestionArea .Question:hover .State::after{ color: #e09d15;}

/*搜尋頁*/
.SearchStyle .Function .Title{ color: #000; font-size: 30px; font-weight: bold; padding-bottom: 10px; border-bottom: 2px solid #ffdc28;}
.SearchStyle .Function .TagArea{ display: flex; flex-wrap: wrap; gap: 12px 5px; padding: 30px 0 60px 0;}
.SearchStyle .Function .TagArea .Tag{ font-size: 20px; font-weight: bold; display: inline-block; color: #ffdc28; background-color: #333; padding: 3px 8px;}
.SearchStyle .Function .Classification{ padding: 25px 0 50px 0; display: flex; flex-direction: column; gap: 1rem;}
.SearchStyle .Function .Classification .CategoryGroup { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.5rem; flex-wrap: nowrap;}
.SearchStyle .Function .Classification .CategoryLabel { font-size: 20px; font-weight: bold; min-width: 80px;}
.SearchStyle .Function .Classification .CategoryItems { display: flex; flex-wrap: wrap; gap: 0.5rem; padding-left: 0;}
.SearchStyle .Function .Classification .Item{ font-size: 20px; font-weight: bold; color: #000; margin-right: 30px; display: inline-block;}
.SearchStyle .Function .Classification .Item .Num{ font-size: 16px; color: #e09d15; display: inline-block; padding-left: 5px;}
.SearchStyle .Function .Title{ color: #000; font-size: 30px; font-weight: bold; padding-bottom: 10px;}
.SearchStyle .Function .SearchBar{ background-color: #eee; border-radius: 5px; padding: 30px; margin-bottom: 50px;}
.SearchStyle .Function .MainArea{ display: flex; gap: 10px;}
.SearchStyle .Function .Field{ flex:1; width: 100%;}
.SearchStyle .Function .Field input{ width: 100%; border: 1px solid #ccc; font-size: 20px; padding: 12px 20px; border-radius: 5px;}
.SearchStyle .Function .BtnGroup{ flex:1; display: flex; gap: 10px;}
.SearchStyle .Function .BtnGroup .EnterBtn{ flex:auto; background-color: #eeb70f; color: #000; font-size: 20px; font-weight: bold; display: block; border-radius: 5px; text-align: center; border: 0; padding: 12px; cursor: pointer;}
.SearchStyle .Function .BtnGroup .SubBtn{ flex:auto; text-align: center; font-size: 20px; border-radius: 5px; padding: 12px; cursor: pointer;}
.SearchStyle .Function .BtnGroup .SubBtn.Clear{ background-color: #9ba4b4; color: #000;}
.SearchStyle .Function .BtnGroup .SubBtn.Advanced{ background-color: #333; color: #ffdc28;}
.SearchStyle .Function .BtnGroup .SubBtn.Advanced::after{ content: ''; display: inline-block; border-style: solid; border-color: #ffdc28 transparent; border-width: 10px 7px 0; margin-left: 10px;}
.SearchStyle .Function .BtnGroup .SubBtn.Advanced.Up::after{ margin-bottom: 2px; transform: rotate(180deg); }
.SearchStyle .Function .Hint{ border-top: 1px solid #fff; padding-top: 20px;}
.SearchStyle .Function .Hint .Name{ font-size: 20px; font-weight: bold; color: #000; padding-bottom: 10px;}
.SearchStyle .Function .Hint .List span{ color: #3a6ef3; text-decoration: underline; cursor: pointer; font-weight: bold; margin-right: 10px;}
.SearchStyle .Function .AdvancedArea{ padding-top: 30px;}
.SearchStyle .Function .Condition{ padding: 0 0 20px 0; display: flex; align-items: center; gap: 30px;}
.SearchStyle .Function .Condition .Name{ font-size: 20px; font-weight: bold; color: #000;}
.SearchStyle .Function .Condition .List{ font-size: 18px; color: #000; display: flex; flex: auto; gap:10px;}
.SearchStyle .Function .Condition label{ display: inline-block; padding-right: 20px; font-size: 18px; cursor: pointer;}
.SearchStyle .Function .Condition label input[type="radio"]{ width: 18px; height: 18px; margin-right: 10px; vertical-align: text-top;}
.SearchStyle .Function .Condition input[type="date"]{ line-height: 35px; height: 35px; border: 1px solid #535353; color: #000; background: none; padding: 3px 10px; border-radius: 5px; font-size: 16px; flex: auto;}
.SearchStyle .Function .Condition select{ width: 100%; line-height: 35px; height: 35px; border: 1px solid #535353; color: #000; background: none; padding: 5px 10px; border-radius: 5px; font-size: 16px;}
.SearchStyle .Result .Info{ background-color: #eee; padding: 15px 20px; border-radius: 5px; margin-bottom: 20px; display: flex; align-items: center;}
.SearchStyle .Result .Info p{ flex:1; padding: 0;}
.SearchStyle .Result .Info .TS01{ color: #e09d15; font-size: 30px; font-weight: bold;}
.SearchStyle .Result .Info .TS02{ color: #3a6ef3; font-size: 20px; font-weight: bold;}
.SearchStyle .Result .Info select{ border: 1px solid #535353; background: none; padding: 5px 15px; border-radius: 5px; font-size: 20px;}
.SearchStyle .Result .List .Item { border-left: 2px solid #ffe041; padding-left: 40px; margin: 25px 0 25px 80px;}
.SearchStyle .Result .List .Item .Num{ font-size: 20px; font-weight: bold; color: #e09d15;}
.SearchStyle .Result .List .Item table{ border: 0;}
.SearchStyle .Result .List .Item td{ color: #535353; font-size: 20px; font-weight: bold; padding: 2px 0; vertical-align: top;}
.SearchStyle .Result .List .Item td img{ vertical-align: top;}
.SearchStyle .Result .List .Item td a{ color: #535353;}
.SearchStyle .Result .List .Item td .Tag{ color: #1976d2;}
.SearchStyle .Result .List .Item td.Title{ white-space:nowrap;}
.SearchStyle .Result .List .Item:hover{ background-color: #fffbe8;}

@media screen and (max-width: 1280px) and (min-width: 769px) {
/*方案*/
.PlanArea{ gap:0px;}
.PlanArea .Item{ padding:20px 20px;}
.PlanArea .Item h3{ font-size:24px; padding-bottom:10px;}
.PlanArea .Item .List li{ font-size:16px;}
.PlanArea .Item.MainStyle{ padding:50px 40px; position:relative; z-index:1;}

/*圖片列表*/
.ImageList{ gap:10px;}
.ImageList .Item{ width: calc(25% - 8px);}
}

@media screen and (max-width: 768px){
.PageContent{ padding:50px 10px;}
.PageContent.M-CancelTop{ padding-top:0;}
.LinkStyle{ font-size:16px;}

/*KV*/
.KV{ height:300px; background-attachment:local; background-position:center; background-size:cover;}
.KV .PageTitle{ font-size:28px;}
.KV .Breadcrumb{ width:100%; bottom:-40px; background:none; padding:0 10px;}
.KV .Breadcrumb span{ color:#7a7a7a; font-size:12px;}
.KV .Breadcrumb a::after{ font-size:12px; color:#7a7a7a;}

/*條件*/
.ConditionBox .Select{ width:100%; padding:0 10px;}
.ConditionBox select{ height:40px; line-height:40px; font-size:16px; text-align:center;}

/*左右圖文*/
.DoubleLayout{ flex-direction: column;}
.DoubleLayout .Note{ padding:15px 0;}
.DoubleLayout .Note .SubTitle{ font-size:12px; padding-bottom:10px;}
.DoubleLayout .Note .Tag{ font-size:15px;}
.DoubleLayout .Note .Title{ font-size:20px;}
.DoubleLayout .Note p{ font-size:14px;}
.DoubleLayout .Note .LinkStyle{ padding-top:15px;}
.DoubleLayout.Companies{ padding: 10px 0;}
.DoubleLayout.Companies .Logo{ padding:0; display: flex; align-items: flex-start;}
.DoubleLayout.Companies .Logo img{ width: 40%;}
.DoubleLayout.Companies .Net{ font-size:12px;}
.DoubleLayout.Companies .Title{ font-size:30px;}
.DoubleLayout.Companies .SubTitle{ font-size:20px;}
.DoubleLayout.Companies .MobileNote{ display: block; padding-left: 10px;}
.DoubleLayout.Companies .ForTable{ display: none;}
.DoubleLayout .Map{ padding-top: 100%;}

/*頁簽*/
.TabBox{ gap:20px; padding:30px 0 20px 0}
.TabBox .Item{ font-size:20px; padding:5px;}

/*列表*/
.LsitArea{ gap:15px; padding: 20px 0 50px 0;}
.LsitArea .Item{ max-width:100%; padding:5px; display:flex;}
.LsitArea .Item .Photo{ width:110px; flex-shrink:0; padding-top:0; height:75px; background-size:cover;}
/*.LsitArea .Note{ padding-left:10px;}*/
.LsitArea .Item .SubTitle{ padding:0; font-size:12px;}
.LsitArea .Item .Tag{ font-size:12px;}
.LsitArea .Item .Title{ font-size:16px;}
.LsitArea.CardStyle{ gap:20px 4%;}
.LsitArea.CardStyle .Item{ display:block; max-width:100%; padding:0 0 15px 0;}
.LsitArea.CardStyle .Item .Photo{ width:auto; height:auto; padding-top:70%;}
.LsitArea.CardStyle .Note{ padding:0;}
.LsitArea.CardStyle .Item .Title{ padding-top:10px; margin:10px 20px; font-size:16px; height:auto; -webkit-line-clamp:2;}
.LsitArea.CardStyle .Item .More{ font-size:12px; line-height:35px; position:static;}
.LsitArea.CardStyle .Item .More img{ vertical-align:text-bottom; margin-left:5px;}

.ChartArea{ gap:0;}
.ChartArea .Item{ width: 33.333%;}
.ChartArea .Chart .Filling{ width: 100px; height: 100px;}
.ChartArea .Chart .Filling .Mask .Num{ font-size: 12px; top: 20px; left: 20px; right: 20px; bottom: 20px; width: auto; height: auto; box-shadow:0 0 10px 3px rgba(0,0,0,.1)}
.AreaTitle{ font-size: 36px;}
.AreaSubTitle{ font-size: 12px;}

.BorderCard .Item{ width:calc(50% - 8px);}

/*文章*/
section.PageContent h2{ font-size:26px; padding-bottom:15px}
section.PageContent h3{ font-size:20px; padding-bottom:10px;}
article.PageContent .Data{ text-align:center; font-size:14px; padding-bottom:10px;}
article.PageContent h1{ font-size:26px; padding-bottom:15px; text-align:left;}
article.PageContent h2{ font-size:20px; padding-bottom:10px; text-align:left;}
article.PageContent h3{ font-size:18px; padding-bottom:10px;}
.PageContent p{ font-size:16px;}
.PageContent figcaption figcaption{ font-size:12px;}
.PageContent .Decorate::before{ width:30px; height:18px;}
.BulletinBoard{ padding:20px;}

/*檔案夾*/
.FileCard{ flex-direction: column; align-items: flex-start; margin:10px 0; padding:20px 10px;}
.FileCard .Name{ font-size:16px; padding-bottom:10px;}
.FileCard .Files{ flex-wrap: wrap; justify-content: flex-start; gap:10px 2%;}
.FileCard .Files .Btn{ width:49%; max-width:none; font-size:14px;}
.FileCard.M-Row{ flex-direction: row; align-items: center; gap:10px;}
.FileCard.M-Row .Name{ flex:1;}
.FileCard.M-Row .Files{ flex:1;}
.FileCard.M-Row .Files .Btn{ width:100%;}
/*投資人*/
.TitleAlConditions{ flex-direction: column; flex-direction: column-reverse; align-items: flex-start; gap:20px;}
.TitleAlConditions .ConditionBox{ width:100%; background-color:#fff;}
.InvestorData.FileCard .Files{ flex-wrap: nowrap;}
.InvestorData.FileCard .Files .Btn{ width:auto; padding:5px 10px; flex:auto;}
.InvestorData.FileCard.M-Wrap .Files{ flex-wrap: wrap;}
.InvestorData.FileCard.M-Wrap .Files .Btn{ width:49%; border-radius:5px; padding:10px;}
/*條列訊息*/
.ListMessage{ flex-direction: column; gap:0;}
.ListMessage .Name{ gap:20px;}
.ListMessage .Play{ width:46px; height:46px; box-shadow:0 0 10px 0px rgba(0,0,0,.1);}
.ListMessage .Directions{ width:100%;}

/*方案*/
.PlanArea{ flex-direction: column; align-items: stretch; padding:30px 0; gap:30px;}
.PlanArea .Item{ padding:30px;}
.PlanArea .Item h3{ font-size:24px;}
.PlanArea .Item .List li{ font-size:16px; padding:10px 0;}
.PlanArea .Item.MainStyle{ padding:30px;}

/*圖片列表*/
.ImageList{ flex-direction: column; flex-wrap: nowrap;}
.ImageList .Item{ width:100%; display:flex; align-items: flex-start;}
.ImageList .Item .Photo{ width:150px; flex-shrink:0; padding:0; height:120px;}
.ImageList .Item .Photo .Description{ display:none;}
.ImageList .Item .Note{ padding-left:10px;}
.ImageList .Item .Note .Name{ text-align:left; font-size:20px; padding:0 0 5px 0;}
.ImageList .Item .Note .SubName{ text-align:left; font-size:12px;}
.ImageList .Item .Note .Description{ display:block; font-size:14px; color:#000;}
.ImageList .Item .Note .Description .URL{ color:#e09d15; display:block;}

/*名片列表*/
.IdCardList{ flex-direction: column; gap:20px;}
.IdCardList .Card{ width:100%; padding:30px 20px; box-shadow:0 0 20px 0px rgba(0,0,0,.1);}
.IdCardList .Card *{ font-size:16px;}

/*表格*/
.Table th{ font-size:14px; padding:3px 12px; border-bottom:2px solid #fff;}
.Table td{ padding:7px 12px; font-size:14px;}
.Table .Narrow{ width:auto; min-width:80px;}

/*頁碼*/
.PageNum{ padding:50px 0 10px;}
.PageNum span{ font-size:15px;}

/*文章切換*/
.ArticleSwitch{ flex-direction: column; gap:5px;}
.ArticleSwitch .Btn{ gap:10px;}
.ArticleSwitch .Btn .SwitchBtn{ width:35px; height:35px;}
.ArticleSwitch .Btn .Name{ font-size:12px;}

/*表單*/
.FormArea .FormBox{ padding: 15px 25px;}
.FormArea .FormBox .DoubleLayout{ gap:0;}
.FormArea .FormBox .Item .Name{ font-size: 16px;}
.FormArea .FormBox .Accept{ text-align: center;}
.FormArea .FormBox .EnterBtn{ font-weight: bold;}

/*問題*/
.PageContent.QuestionArea h2{ font-size: 18px;}
.PageContent.QuestionArea .Question .State::after{ padding: 0 10px;}
.PageContent.QuestionArea .Question .Content h3{ font-size: 18px;}
.PageContent.QuestionArea .Question .Content .Word{ font-size: 16px;}

/*搜尋頁*/
.SearchStyle .Function .SearchBar{ padding: 10px; margin-bottom: 30px;}
.SearchStyle .Function .MainArea{ flex-direction: column;}
.SearchStyle .Function .Field input{ padding: 6px; font-size: 16px;}
.SearchStyle .Function .BtnGroup{ flex-wrap: wrap; gap: 10px 2%;}
.SearchStyle .Function .BtnGroup .EnterBtn{ width: 100%; padding: 6px; font-size: 16px;}
.SearchStyle .Function .BtnGroup .SubBtn{ width: 49%; padding: 6px; font-size: 16px;}
.SearchStyle .Function .Condition{ gap: 15px; padding: 0;}
.SearchStyle .Function .Condition .Name{ font-size: 16px; padding: 10px 0;}
.SearchStyle .Function .Condition label{ font-size: 16px;}
.SearchStyle .Function .Condition .List{ font-size: 16px;}
.SearchStyle .Function .Condition.MobileColumn{ flex-direction: column; align-items: flex-start; gap: 0;}
.SearchStyle .Function .Condition.MobileColumn .Name{ width: 100%;}
.SearchStyle .Function .Condition.MobileColumn .List{ width: 100%; flex-direction: column; align-items: center; gap: 5px;}
.SearchStyle .Function .Condition input[type="date"]{ width: 100%;}
.SearchStyle .Function .AdvancedArea{ padding-top: 10px;}
.SearchStyle .Result .Info{ flex-direction: column; background-color: #fff; padding: 0;}
.SearchStyle .Result .Info select{ width: 100%;}
.SearchStyle .Result .List .Item{ margin: 25px 0 25px 20px; padding-left: 15px;}
.SearchStyle .Result .List .Item td{ font-size: 16px;}
.SearchStyle .Function .MobileNone{ display: none;}
}