@charset "utf-8";
/* CSS Document */

/*-----css基本設定---------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');

*, body, h1, h2, h3, h4, h5, h6, a, p, select  {
	font-family: "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", sans-serif, Arial, Helvetica;
}
/*文字反選顏色*/
::selection, ::-moz-selection {
	background: #e78d09;
	color: #ffffff;
}

/*a:focus {
	background-color: #F7AD00 !important;
}*/
a {
	transition: .5s;
}
/*a:hover {
	filter:brightness(110%);
	transition: .5s;
}*/
/*a:focus img {
	-webkit-filter:saturate(0.2);
}*/


html {
	height: 100%;
	margin: 0;
}
body {
	margin: 0;
	min-height: 100%;
}

/*清除格式*/
.CleanFormat { 
	clear: both;
}
article::after, section::after, header::after {
	content: "";
	display: block;
	clear: both;
}

/*分隔線*/
.Dividers {
	margin: 1vw auto;
	width: 100%;
	height: 1px;
	background: #000;
}

/*------------------------WebStart----------------------*/
#wrap {
	display: block;
	position: relative;
}
/*-------------------------Header-----------------------*/
header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    background: #002286;
}

.logo {
    position: relative;
    display: block;
    padding: 0.5vw;
    width: 4.768vw;
}


/*---------------------------Menu-----------------------*/
#Menu {
    display: block;
    position: absolute;
    right: 0;
    top: calc(50% - 1vw);
    padding-right: 0.78125vw;
}

nav > ul {
	display: block;
    font-size: 0;
}

nav > ul > li {
    display: inline-block;
	vertical-align: top;
    margin-right: 1vw;
	position: relative;
}

nav > ul > li:last-child {
    margin-right: 0;
}

nav > ul > li > a {
    display: block;
    font-size: 1vw;
    font-weight: bold;
    color: #FCF140;
    padding: 0.5vw 1vw;
    line-height: 1vw;
    border-radius: 5vw;
    transition: .5s;
}

nav > ul > li > a:hover {
    color: #fff;
}

nav > ul > li.active  > a {
    background: #FCF140;
    color: #002286;
}
nav > ul > li.active  > a:hover {
    color: #2D75F7;
}

/*次選單*/
nav > ul > li > ul {
	display: none;
    position: absolute;
    padding-top: 0.35vw;
    width: 8vw;
    left: calc(50% - 4vw);
    text-align: center;
}

nav > ul > li:hover > ul {
	display: block;
}

nav > ul > li > ul > li {
    display: block;
}

nav > ul > li > ul > li a {
    display: block;
    font-size: 1vw;
    line-height: 1.2vw;
    padding: 0.5vw;
    background: #fcf140;
    color: #002286;
}

nav > ul > li > ul > li a:hover {
    color: #2D75F7;
}

nav > ul > li > ul > li.active a {
    background: #fff;
}

/*-----手機版選單------*/
.MenuBtn {
    display: none;
    position: absolute;
    width: 10vw;
    height: 10vw;
    top: 2vw;
    right: 2vw;
    text-align: center;
}

.MenuBtn a {
    display: block;
    width: 100%;
}

.MenuBtn span {
    position: absolute;
    display: block;
    width: 100%;
    height: 15%;
    background: #fcf140;
    border-radius: 5vw;
    transition: .5s;
}

.MenuBtn span:first-child {
    top: 0;
}

.MenuBtn span:last-child {
    bottom: 0;
}

.MenuBtn span:nth-child(2) {
    top: 42.5%;
}

.MenuBtn.active span:first-child {
    transform: rotate(45deg);
    top: 42.5%;
}

.MenuBtn.active span:last-child {
    transform: rotate(-45deg);
    bottom: 42.5%;
}

.MenuBtn.active span:nth-child(2) {
    opacity: 0;
}


/*-------------------------BODY-------------------------*/
article {
	
}
section {
    position: relative;
}

.PageBg {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -1;
    background: url("../images/bg_dot.png"), url("../images/bg_siteBg.jpg");
    background-size: cover;
    background-position: center;
}



/*-------------------------FOOTER-----------------------*/
footer {
    background: rgb(233,231,242);
	background: -webkit-linear-gradient(240deg, rgba(233,231,242,1) 50%, rgba(215,238,255,1) 100%);
	background: -o-linear-gradient(240deg, rgba(233,231,242,1) 50%, rgba(215,238,255,1) 100%);
	background: linear-gradient(330deg, rgba(233,231,242,1) 50%, rgba(215,238,255,1) 100%);
}
#footer {
    text-align: center;
}

#footer.IndexFooter {
	padding: 4vw 0;
    background: url(../images/index/bg_indexFoot.png);
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}

#footer.IndexFooter .FooterLogoGroup {
    margin: 0 auto;
}

#footer.IndexFooter .FooterLogoGroup:first-child {
    margin-bottom: 3vw;
	width: 55%;
}

#footer.IndexFooter .FooterLogoGroup:last-child {
    width: 20%;
}



#footer.PageFooter {
    font-size: 0;
    padding: 3vw 0;
}

#footer.PageFooter > div {
    display: inline-block;
    vertical-align: top;
}

#footer.PageFooter .FooterLogoGropuTitle {
    text-align: left;
}

#footer.PageFooter > div:first-child {
    margin-right: 5vw;
    width: 40%;
}

#footer.PageFooter > div:last-child {
    width: 15%;
}


.FooterLogoGropuTitle {
    display: block;
    color: #7A3FD9;
    font-size: 1.2vw;
    margin-bottom: 2vw;
}

.FooterLogoImg {
    font-size: 0;
}

.FooterLogoImg div {
    display: inline-block;
    vertical-align: middle;
}

.FootLogo_1 {
    width: 45%;
    margin-right: 3vw;
}

.FootLogo_2 {
    width: 35%;
}
.FootLogo_3 {
    width: 100%;
}

.copyright {
    display: block;
    margin: 0 auto;
    width: 95%;
    text-align: center;
    font-size: 0.8vw;
    padding: 1vw 0;
    border-top: 1px solid #2053D6;
}

.copyright div {
    font-size: inherit;
}

.copyright div:first-child {
    margin-bottom: 0.5vw;
}

/*----------合作夥伴----------*/


/*----------頁尾底部----------*/


/*--------------------------共用項目-------------------------------*/
img {
    display: block;
    width: 100%;
    height: auto;
}

/*----------影片背景----------*/
.videoBgBk {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden;
	position: absolute;
}

.videoBgBk video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover; /* 讓影片填滿但不變形 */
}


/*----------影片按鈕----------*/
.PlayBtn {
    display: block;
    position: absolute;
    width: 5vw;
    height: 5vw;
    background: url(../images/btn_play.png);
    background-size: contain;
    background-position: center;
    left: calc(50% - 2.5vw);
    top: calc(50% - 2.5vw);
}


/*----------文案內容設定----------*/
.PageArticle {
	padding-top: 5vw;
}

.PageArticle h1 {
    text-align: center;
    font-size: 3vw;
    color: #fff;
    margin-bottom: 2vw;
    line-height: 5vw;
}

.Tag {
    display: inline-block;
    background: rgb(45,117,247);
    background: -webkit-linear-gradient(240deg, rgba(45,117,247,1) 0%, rgba(217,75,248,1) 85%);
    background: -o-linear-gradient(240deg, rgba(45,117,247,1) 0%, rgba(217,75,248,1) 85%);
    background: linear-gradient(330deg, rgba(45,117,247,1) 0%, rgba(217,75,248,1) 85%);
    font-size: 1.2vw;
    padding: 0.5vw 1vw;
    line-height: 1.2vw;
	color: #fff;
}

.Content {
    text-align: justify;
    font-size: 1.2vw;
    line-height: 2.4vw;
}

.Content p {
    font-size: inherit;
    margin-bottom: 2vw;
}

.ContentImg {
    margin-bottom: 2vw;
}

ul.NumList {
    padding-left: 1.2vw;
    list-style: auto;
    font-size: inherit;
}

ul.NumList li {
    font-size: inherit;
	line-height: 2.4vw;
}

ul.NumList li a {
    font-size: inherit;
    text-decoration: underline;
    color: #002286;
}


ul.secNumList {
	list-style: none; /* 移除預設編號 */
	counter-reset: item; /* 重置計數器 */
	font-size: inherit;
	padding-left: 1.8vw;
}

ul.secNumList li {
    counter-increment: item; /* 每個項目 +1 */
    text-indent: -1.8vw;
}

ul.secNumList li::before {
    content: "(" counter(item) ") "; /* 加上括弧格式的數字 */
}


b, u {
    font-size: inherit;
}


/*--------------------------內容開始-------------------------------*/
.view_w {display: block;}
.view_m {display: none;}


/*---------------首頁---------------*/
/*-----KV-----*/
#KV {
    font-size: 0;
    display: block;
    position: relative;
    text-align: center;
	padding-top: 0;
}

#KV::before {
    content: "";
    display: inline-block;
    width: 1px;
	height: 100vh;
    vertical-align: middle;
}

.KV_TxtBk {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 45%;
}


/*-----首頁網站簡介-----*/
#SiteDec {
	display: block;
	background: url("../images/index/bg_indexInfo_low.png"), rgb(233,231,242);
	background: url("../images/index/bg_indexInfo_low.png"), -webkit-linear-gradient(240deg, rgba(233,231,242,1) 50%, rgba(215,238,255,1) 100%);
	background: url("../images/index/bg_indexInfo_low.png"), -o-linear-gradient(240deg, rgba(233,231,242,1) 50%, rgba(215,238,255,1) 100%);
	background: url("../images/index/bg_indexInfo_low.png"), linear-gradient(330deg, rgba(233,231,242,1) 50%, rgba(215,238,255,1) 100%);
	background-size: 100% auto, 100% 100%;
	background-position: center top 12.5vw, top left;
	background-repeat: no-repeat;
	padding-bottom: 5vw;
}


.SiteDecTxt {
	display: block;
	background: url("../images/index/bg_indexInfo_w.png") no-repeat;
	background-position: right 15% top -2vw;
	background-size: 80% auto;
    padding: 5.8vw 0 5.2vw;
    text-align: center;
    color: #7A3FD9;
    font-size: 1.2vw;
    line-height: 2.4vw;
	margin-bottom: 2vw;
}

.SiteDecTxt p {
    font-size: inherit;
    margin-bottom: 1.2vw;
}

.SiteDecTxt p:last-child {
    margin-bottom: 0;
}

.SiteInfo h1 {
    text-align: center;
    font-weight: bold;
    font-size: 3vw;
    margin-bottom: 2vw;
    color: #2053D6;
}

.SiteInfo h1 span {
    font-size: inherit;
    margin-right: 2vw;
}

.SiteInfo h1 span:last-child {
    margin-right: 0;
}

.SiteInfoContent {
    width: 57%;
    margin: 0 auto 2vw;
    color: #5F5F5F;
    text-align: justify;
	overflow: hidden;
	transition: .5s;
	max-height: 12vw;
}

.SiteInfoContent.active {
	max-height: 105vw;
}

.SiteInfoContent p {
    font-size: 1.1vw;
    margin-bottom: 2vw;
    line-height: 2.4vw;
}

.SiteInfoContent p:last-child {
    margin-bottom: 0;
}

.SiteInfoBtn {
	display: block;
	width: 55%;
	margin: 0 auto;
}

.SiteInfoBtn a {
	display: block;
	width: 10.209vw;
	background: url("../images/btn_close.png");
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	float: right;
	transition: .5s;
}

.SiteInfoBtn.active a img {
	transition: .5s;
	opacity: 1;
}

.SiteInfoBtn.active a img {
	opacity: 0;
}

.SiteInfoBtn a:hover {
    transform: scale(1.05);
}

.SiteInfoBtn::after {
    content: "";
    display: block;
    clear: both;
}

/*-----首頁報名連結區-----*/
#IndexSignup {
	background: url("../images/bg_dot.png"), url("../images/bg_siteBg.jpg");
	background-size: cover;
	background-position: center;
	padding: 5vw 0;
}

.indexSignupTitle {
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.indexSignupTitle span:first-child {
    font-size: 2vw;
}

.indexSignupTitle > span:last-child {
    font-size: 2.4vw;
}

.IndexSignupTxt {
    text-align: center;
    font-size: 3vw;
    font-weight: bold;
    color: #fcf140;
    margin-bottom: 1vw;
}

.IndexSignupDate {
    text-align: center;
    color: #fff;
    margin-bottom: 1vw;
}

.IndexSignupDate div:first-child {
    font-size: 1.1vw;
}

.IndexSignupDate div:last-child {
    font-size: 1.5vw;
    font-weight: bold;
}

.IndexSignupDate span {
    display: inline-block;
    width: 2vw;
    line-height: 2vw;
    background: #fcf140;
    color: #002286;
    margin: 0 0.2vw;
    border-radius: 2vw;
    font-size: 1.2vw;
    vertical-align: middle;
    text-align: center;
}

.IndexSignupBtn {
    margin-bottom: 1vw;
}

.IndexSignupBtn a {
    display: block;
    width: 16vw;
    margin: 0 auto;
    position: relative;
}

.IndexSignupBtn a img {
    position: relative;
    z-index: 0;
    transition: .5s;
}

.IndexSignupBtn a > span {
    display: block;
    position: absolute;
    top: 1.9vw;
    left: 4.9vw;
    font-size: 1.5vw;
    font-weight: bold;
    color: #fff;
    z-index: 1;
    transition: .5s;
}

.IndexSignupBtn a > span span {
	display: block;
    position: relative;
    text-align: center;
    font-size: 0.8em;
	line-height: 0.8em;
}

.IndexSignupBtn a:hover img {
    transform: scale(1.2);
}

.IndexSignupBtn a:hover > span {
    transform: scale(1.5);
}

.earlyBirdTxt {
    text-align: center;
    font-size: 1.2vw;
    color: #fcf140;
    margin: 0 auto 1vw;
	width: 43%;
}

.earlyBirdTxt a {
    font-size: inherit;
    color: #d2e9ff;
    text-decoration: underline;
}

.IndexSignupVideo {
    display: block;
    margin: 0 auto;
    width: 45%;
}

.IndexSignupVideo a {
    display: block;
    position: relative;
    border: 0.5vw solid #fff;
    box-shadow: 0 0 1vw 0vw #000;
    filter: brightness(0.8);
}

.IndexSignupVideo a:hover {
    filter: brightness(1);
}


/*---------------徵選主軸---------------*/
.aboutContent, .ErBirdContent {
    padding: 2vw;
    display: block;
    width: 55%;
    margin: 0 auto;
    background: rgba(255, 255, 255, .8);
	color: #231816;
}

/*---------------立即報名：徵選辦法---------------*/
.descContent {
    display: block;
    width: 58%;
    padding: 2vw;
    margin: 0 auto;
    background: rgba(255, 255, 255, .8);
}

.descBk {
    display: block;
    font-size: 0;
    padding: 1vw 0;
    border-bottom: 1px solid #fcf140;
}

.descBk:last-child {
    border-bottom: 0;
}

.descBk .Tag {
    width: 5vw;
    text-align: center;
    margin-right: 1vw;
    vertical-align: top;
	border-radius: 0.5vw;
}

.descTxt {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 8vw);
    font-size: 1.2vw;
    color: #231816;
}



.descHighBk {
    display: block;
    background: #fcf140;
    padding: 0.5vw 1vw;
    font-size: inherit;
	border-radius: 0.5vw;
}

.descHighBk ul {
    font-size: inherit;
    padding-left: 1.5vw;
}

.descHighBk li {
    text-indent: -1.5vw;
}

.descHighBk li::before {
    content: "◆";
    margin-right: 0.3vw;
}

.DlBk {
    margin-bottom: 1vw;
}

.descTxt > div {
    font-size: inherit;
}

a.downloadBtn {
    display: inline-block;
    font-size: inherit;
    color: #fff;
    background: #2d75f7;
    padding: 0vw 0.5vw 0 0.5vw;
	border-radius: 0.5vw;
}



/*---------------顯恩補助計劃---------------*/
.subsidyContent {
    color: #fff;
    width: 58%;
    margin: 0 auto;
    text-align: justify;
}

.subsidyContent .subTag {
    padding: 1vw 0;
    text-align: center;
}

.subsidySlogan {
    padding: 3vw 0 5vw;
    text-align: center;
    font-size: 1.8vw;
    font-weight: bold;
    color: #fcf140;
}


/*---------------常見問題---------------*/
ul.QaBk {
    display: block;
    margin: 0 auto;
    width: 60%;
}

.QaGroupTitle {
    display: block;
    background: #2d75f7;
    color: #fff;
    padding: 0.5vw 1vw;
    font-size: 1.5vw;
    font-weight: bold;
}

.QaTitle {
	display: block;
	position: relative;
    font-size: 1.3vw;
    padding: 1vw 2vw;
    font-weight: bold;
    color: #002286;
    cursor: pointer;
}

.QaTitle::after {
    content: "";
    position: absolute;
    right: 2vw;
    top: calc(50% - 0.9vw);
    display: block;
    width: 1.8vw;
    height: 1.8vw;
    background: url(../images/icon_arrow.png), #D94BF8;
    background-repeat: no-repeat;
    background-size: 65% auto;
    background-position: center;
    border-radius: 1.5vw;
    transition: .5s;
}

.active .QaTitle::after {transform: rotate(180deg);}

ul.QaBk > li > ul > li {
    display: block;
    border-bottom: 1px solid #D94BF8;
    background: #fff;
}

ul.QaBk > li > ul > li:last-child {
    border-bottom: 0;
}

.QaAns {
    display: none;
    padding: 0 4vw 1.5vw;
    text-align: justify;
    font-size: 1.2vw;
}

.QaAns p {
    font-size: inherit;
    margin-bottom: 1.5vw;
    line-height: 2.4vw;
}

.QaAns p:last-child {
    margin-bottom: 0;
}

.QaAns ul.NumList {
    margin-bottom: 1.5vw;
}

.QaAns a {
    font-size: inherit;
    color: #2d75f7;
    text-decoration: underline;
}

/*---------------報名表單---------------*/
.SignupBk {
    margin: 0 auto;
    width: 60%;
    padding: 2vw;
    background: rgba(255, 255, 255, 0.8);
}

.SignupNote {
    display: block;
    background: #fcf140;
    padding: 0.5vw 1vw;
    font-size: inherit;
	border-radius: 0.5vw;
}

.SignupNote ul {
    font-size: inherit;
    padding-left: 1.5vw;
}

.SignupNote li {
    text-indent: -1.5vw;
    font-size: inherit;
}

.SignupNote li::before {
    content: "◆";
    margin-right: 0.3vw;
}

.SignupNote li a {
    font-size: inherit;
    color: #01209f;
    text-decoration: underline;
}

.SignupStep {
    color: #2053D6;
    font-size: 1.5vw;
    font-weight: bold;
    padding: 1vw 0;
}

.SignupFormTitle {
    font-size: 1.2vw;
    font-weight: bold;
}

.SignupFormBk sup {
    color: red;
}

.SignupFormInput ul li, .SignupFormInput ul li label div, .SignupFormInput ul li label span {
    font-size: 1.2vw;
}

.SignupFormInput ul li label div {
    font-weight: bold;
    display: inline-block;
    padding-left: 1vw;
    width: calc(100% - 2.2vw);
    vertical-align: top;
}

.SignupFormInput ul li label span {
    font-weight: normal;
}

.SignupFormInput input[type="radio"] {
    width: 1.2vw;
    height: 1.2vw;
    display: inline-block;
    vertical-align: top;
    margin-top: 0.6vw;
}

.SignupFormInput label {
    display: block;
}

.SignupFormLine {
    padding: 1vw 0;
}

.SignupFormLine::before {
    content: "";
    display: block;
    background: #fcf140;
    height: 1px;
}

ul.SignupPrInfo > li.s {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

ul.SignupPrInfo {
    font-size: 0;
}

ul.SignupPrInfo label {
    font-size: 1.2vw;
    font-weight: bold;
}

ul.SignupPrInfo input[type="text"], ul.SignupPrInfo li.l textarea {
    font-size: 1.2vw;
    padding: 0.5vw;
    border-radius: 0.5vw;
    border: 1px;
}

ul.SignupPrInfo li.s input[type="text"] {
    width: 90%;
}

ul.SignupPrInfo li.l input[type="text"], ul.SignupPrInfo li.l textarea {
    width: 95%;
}

ul.SignupPrInfo li.l textarea {
	min-height: 8.7vw;
}


.twzipcode select {
    padding: 0.5vw;
    border: 0;
    border-radius: 0.5vw;
    width: 30%;
	font-size: 1.2vw;
}

.twzipcode {
    margin-bottom: 0.5vw;
}

.twzipcode select:first-child {
    margin-right: 0.5vw;
}

ul.SignupPrInfo > li {
    margin-bottom: 1vw;
}

.SignupNote.sample {
    margin-top: 1vw;
}

.SignupNote.sample div {
    font-size: inherit;
    font-weight: bold;
}

li.num > div {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.2vw;
    margin-left: 1vw;
}

li.num > div span {
    font-size: inherit;
    color: red;
}

li.num > input {
    vertical-align: middle;
    width: 15%;
}

li.date div {
    font-size: 1.2vw;
}

.date select {
    padding: 0.5vw;
    border: 0;
    border-radius: 0.5vw;
    width: 12%;
    margin-right: 0.5vw;
    vertical-align: middle;
}

.date span {
    font-size: inherit;
    margin-right: 1vw;
    vertical-align: middle;
}

.SignupFormInput .date input[type="radio"] {
    display: inline-block;
    margin-right: 0.3vw;
    vertical-align: middle;
    margin-top: 0;
}

ul.SignupPrInfo .date label {
    display: inline-block;
    vertical-align: middle;
}

.FormNote, li.imgupload .Info {
    font-size: 1.2vw;
}

.FormNote a {
    font-size: inherit;
    color: #002286;
    text-decoration: underline;
}

div#ImagesView img {
    width: 18%;
    display: inline-block;
    vertical-align: middle;
    margin: 1%;
	filter: drop-shadow(0 0 0.2vw #959595);
}

.custom-upload-btn, li.pdfupload button, .SendBtn input {
    background: #2D75F7;
    color: #fff;
    font-size: 1.2vw;
    border: 0;
    padding: 0.2vw 1vw;
	cursor: pointer;
}


/* 隱藏原本的 input[type="file"] */
.hidden-file-input {
	display: none;
}

#ErrorInfo, #PdfErrorInfo {
    color: red;
    font-size: 1.2vw;
}

li.pdfupload input[type="text"] {
    width: 50%;
    margin-right: 1%;
}

li.pdfupload span {
    font-size: 1.2vw;
}


li.PrvTxt input[type="checkbox"] {
    width: 1vw;
    height: 1vw;
    margin-right: 0.5vw;
    display: inline-block;
    vertical-align: middle;
}

li.PrvTxt label {
    display: inline-block;
    vertical-align: middle;
}

.PrvTxtBox {
    margin-left: 1.5vw;
    background: #fff;
    font-size: 1.2vw;
    padding: 1vw;
    height: 10vw;
    overflow: auto;
}

.PrvTxtBox p {
    margin-bottom: 0.5vw;
}

li.PrvCode img {
    display: inline-block;
    width: 12%;
    vertical-align: middle;
    margin-right: 1%;
}

li.PrvCode input[type="text"] {
    vertical-align: middle;
}

.SendBtn {
    text-align: center;
}

#SubmitError {
    border: 1px solid #ff0000;
    font-size: 1.2vw;
    color: #ff0000;
    margin-bottom: 1vw;
}


/*-----報名完成-----*/
.SignupBk .Completed {
    text-align: center;
    font-size: 2vw;
    color: red;
    padding: 2vw 0;
}

.SignupBk .CompletedContent {
    text-align: center;
    font-size: 1.2vw;
	padding-bottom: 2vw;
}

.CompletedContent > div:first-child {
    font-size: 1.4vw;
    font-weight: bold;
}

.CompletedContent > div:first-child a {
    font-size: inherit;
    color: #002286;
}

.CompleteInfoList ul {
    display: block;
    list-style: inside;
    text-align: left;
    text-indent: -1.7vw;
}

.CompleteInfoList li {
    font-size: 1.2vw;
    padding-left: 1.7vw;
}

.CompleteInfoList li span, .CompleteInfoList li a {
    font-size: inherit;
    font-weight: bold;
}

.CompleteInfoList li span {
    color: #d40000;
}

.CompleteInfoList li a {
    color: #0a75c1;
    text-decoration: underline;
}

/*----------查閱報名資料(登入)----------*/
.SignupDataLogin {
    margin-top: 2vw;
}

.SignupDataLogin label {
    font-size: 1.5vw;
    display: block;
    text-align: center;
    margin-bottom: 0.5vw;
}

.SignupDataLogin > div {
    margin-bottom: 2vw;
}

.SignupDataLogin > div:last-child {
    margin-bottom: 0;
}

.SignupDataLogin input[type="email"], .SignupDataLogin input[type="password"] {
    display: block;
    margin: 0 auto;
    width: 50%;
    text-align: center;
    font-size: 1.2vw;
    padding: 0.5vw;
    border-radius: 0.5vw;
    border: 1px;
}



/*----------查閱報名資料(內容)----------*/
.labelTitle {
    font-size: 1.2vw;
    font-weight: bold;
    border-left: 0.5vw solid #000;
    padding-left: 0.5vw;
}

.SignupData > ul > li > div:nth-child(2) {
    padding-left: 1vw;
    font-size: 1.2vw;
}

.SignupData > ul > li {
    margin-bottom: 1.2vw;
}

.SignupData > ul > li > div.signupDataYtList {
    font-size: 0;
}

.signupDataYtList div {
    display: inline-block;
    position: relative;
    width: 32%;
    padding-top: 18%;
    margin-right: 2%;
}

.signupDataYtList iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.signupDataYtList div:last-child {
    margin-right: 0;
}

.signupDataPhotoList ul {
    font-size: 0;
}

.signupDataPhotoList ul li {
    display: inline-block;
    width: 18%;
    vertical-align: middle;
    padding: 1%;
}

.signupDataPhotoList a {
    display: block;
    width: 100%;
    padding-top: 100%;
    background-position: center !important;
    background-size: cover !important;
    filter: grayscale(0.5);
    transform: scale(1);
}

.signupDataPhotoList a:hover {
    filter: grayscale(0);
    transform: scale(1.1);
}

.SignupData > ul > li > div.signupDataLink a {
    font-size: 1.2vw;
    color: #002286;
    text-decoration: underline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}

.signupDataPdf a {
    display: block;
    width: 10%;
}






/*---------------評審介紹---------------*/
.CensorAllImg {
    display: block;
    width: 65%;
    margin: 0 auto 5%;
}

span.PageTitleNote {
    display: block;
    text-align: center;
    margin-top: -2vw;
    margin-bottom: 3vw;
    color: #fff;
    font-size: 1.2vw;
}

ul.censorsList {
    display: block;
    font-size: 0;
    width: 65%;
    margin: 0 auto;
    padding-bottom: 5vw;
}

ul.censorsList li {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin-right: 5%;
    margin-bottom: 2vw;
}

ul.censorsList li:nth-child(3n) {
    margin-right: 0;
}

.censorsName {
    font-size: 2vw;
    font-weight: bold;
    color: #fff;
}

.censorsTitle {
    font-size: 1.2vw;
    color: #fcf140;
    line-height: 1.8vw;
    height: 3.6vw;
    border-bottom: 0.2vw solid #fcf140;
    padding-bottom: 0.5vw;
}


/*---------------影音集錦---------------*/
ul.videoList {
    display: block;
    font-size: 0;
    width: 65%;
    margin: 0 auto;
}

ul.videoList > li {
    display: inline-block;
    vertical-align: top;
    width: 47.5%;
    margin-right: 5%;
    margin-bottom: 5%;
}

ul.videoList > li:nth-child(even) {
    margin-right: 0;
}

.VideoCover {
    display: block;
    position: relative;
    box-shadow: 0 0 0.5vw 0 #000;
    width: 100%;
    padding-top: 56.25%;
    background-position: center !important;
    background-size: cover !important;
}

a .VideoTitle {
    font-size: 1.2vw;
    color: #fff;
    transition: .5s;
}

a:hover .VideoTitle {
    color: #fcf140;
}




/*---------------相簿列表---------------*/
#album section {
    display: block;
    margin: 0 auto;
    width: 65%;
    position: relative;
}

.AlbumLineBk {
    position: absolute;
    width: 1px;
    height: 100%;
    display: block;
    background: #fcf140;
    left: calc(50% - 0.5px);
}

.AlbumLineBk::before {
    content: "";
    display: block;
    width: 0.8vw;
    height: 0.8vw;
    background: #fcf140;
    border-radius: 0.4vw;
    position: absolute;
    top: 0;
    left: calc(-0.4vw + 0.5px);
}

ul.AlbumList {
    display: block;
    margin: 0 auto;
    padding: 3vw 0;
}

ul.AlbumList li {
    display: block;
    width: 48%;
    position: relative;
    margin-bottom: 5vw;
}

ul.AlbumList li:nth-child(odd) {
    float: right;
}

ul.AlbumList li:nth-child(even) {
    float: left;
}

ul.AlbumList li:nth-child(2) {
    margin-top: 8vw;

}

ul.AlbumList li::before {
    content: "";
    display: block;
    width: 3%;
    height: 1px;
    background: #fcf140;
    position: absolute;
    top: 1.2vw;
}

ul.AlbumList li:nth-child(odd)::before {
    left: -4.3%;
}

ul.AlbumList li:nth-child(even)::before {
    right: -4.3%;
}

.AlbumYear {
    font-size: 1.5vw;
    color: #fcf140;
}

ul.AlbumList li:nth-child(even) .AlbumYear {
    text-align: right;
}


ul.AlbumList a {
    display: block;
}

a .AlbumCover {
    display: block;
    border: 0.5vw solid #fff;
    width: calc(100% - 1vw);
    padding-top: 56.25%;
    background-size: cover !important;
    background-position: center !important;
	transform: scale(0.95);
	transition: 0.5s;
}

a:hover .AlbumCover {
    filter: grayscale(0);
	transform: scale(1);
}

.AlbumTitle {
    color: #fff;
    font-size: 1.6vw;
    line-height: 2.4vw;
    max-height: 4.8vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制最多顯示 2 行 */
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word; /* 防止長單字溢出 */
}

.AlbumDec {
    font-size: 1.2vw;
    line-height: 1.8vw;
    color: #fcf140;
    height: 5.4vw;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 限制最多顯示 3 行 */
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word; /* 防止長單字溢出 */
}



/*---------------相簿列表---------------*/
.albumPhotoYear {
    font-size: 1.5vw;
    text-align: center;
    color: #fcf140;
}

h2.albumPhotoTitile {
    font-size: 1.8vw;
    text-align: center;
    color: #fff;
    margin-bottom: 2vw;
}

.albumPhotoDec {
    background: rgba(255, 255, 255, .8);
    padding: 1.5vw;
    border-radius: 1.5vw;
    margin-bottom: 2vw;
    font-size: 1.2vw;
}


.albumPhotoDec p:last-child {
    margin-bottom: 0;
}

.albumPhotoList {
    display: block;
    margin-bottom: 2vw;
}

.albumPhotoList ul {
    display: block;
    font-size: 0;
}

.albumPhotoList ul li {
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    border: 0.3vw solid #fff;
    margin-right: calc(5% - 0.9vw);
    margin-bottom: calc(5%);
    overflow: hidden;
}

.albumPhotoList a {
    display: block;
    width: 100%;
    padding-top: 56.25%;
    background-size: cover !important;
    background-position: center !important;
    transform: scale(1);
}

.albumPhotoList ul li:nth-child(3n) {
    margin-right: 0;
}

.albumPhotoList a:hover {
    transform: scale(1.1);
}

.BackToAlbum {
    padding-bottom: 5vw;
}

.BackToAlbum a {
    display: block;
    margin: 0 auto;
    width: 10vw;
}

.BackToAlbum a:hover {
    transform: scale(1.05);
}


/*-----內頁-----*/
.albumPhotoDec.Content span {
    font-size: 1em;
}


/*----------早鳥活動說明----------*/
/*得獎名單*/
#EarlyBirdAward {
    font-size: inherit;
    margin-bottom: 2em;
}

#EarlyBirdAward h2 {
    font-size: 1.5em;
    line-height: 1.8em;
    text-align: center;
    margin-bottom: 0.5em;
    color: #002286;
}

.EBAwardList {
    width: 40%;
    margin: 0 auto;
    text-align: center;
    font-size: inherit;
    border: 2px solid #fcf140;
    border-radius: 1em;
    overflow: hidden;
}

.EBAwardList > div {
    font-size: inherit;
    display: flex;
    border-bottom: 1px solid #fcf140;
}

.EBAwardList > div > div {
    font-size: inherit;
    width: 50%;
	padding: 0.3em 0;
}

.EBAwardListHead {
    background: #fcf140;
    color: #002286;
    font-weight: bold;
}

.EBAwardList > div:first-child, .EBAwardList > div:last-child {
    border-bottom: none;
}

.EBAwardList > div:nth-child(even) {
    background: rgba(255, 255, 255, 0.3);
}

.EBAwardNote {
    text-align: center;
    font-size: 0.8em;
}

/*內容*/

#ErBird .Content h3 {
    font-size: 1.2em;
}


#ErBird .Content ol, #ErBird .Content ul, #ErBird .Content li {
    font-size: 1em;
}

#ErBird .Content ol {
    list-style: auto;
    padding-left: 1.2em;
    margin-bottom: 1.2em;
}

#ErBird .Content ul {
    list-style: disc;
    padding-left: 1em;
}	




/*----------台灣100專案----------*/
.tw100Content {
    padding: 2vw;
    display: block;
    width: 80%;
    margin: 0 auto;
    background: rgba(255, 255, 255, .8);
    color: #231816;
}

.tw100TypeBtn {
    display: block;
    font-size: 0;
    text-align: center;
    margin-bottom: 5vw;
}

.tw100TypeBtn > div {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1vw;
}

.tw100TypeBtn > div a {
    border: 1px solid #002286;
    font-size: 1.5vw;
    display: block;
    position: relative;
    padding: 0.5vw 2vw;
    border-radius: 3vw;
    color: #002286;
    width: 12vw;
    background: #eff3ff;
}

.tw100TypeBtn > div.active a {
    background: #fcf140;
    font-weight: bold;
    border: #fcf140;
}

.tw100TypeBtn > div.active a::before {
    content: "";
    display: block;
    position: absolute;
    border: 3px solid #fcf140;
    border-radius: 5vw;
    width: 105%;
    height: 120%;
    left: calc(-2.5% - 3px);
    top: calc(-10% - 3px);
}



h2.tw100Title {
	position: relative;
    display: block;
    text-align: center;
    font-size: 3vw;
    color: #002286;
    line-height: 3vw;
	margin-bottom: 1vw;
}

h2.tw100Title::before, h2.tw100Title::after {
    content: "";
    display: block;
    position: absolute;
    width: 35%;
    height: 1px;
    background: #00207f;
    top: calc(50% - 0.5px);
}

h2.tw100Title::before {
    left: 0;
}

h2.tw100Title::after {
    right: 0;
}

.tw100ListNote {
	display: block;
	font-size: 1.2vw;
    text-align: center;
}


/*-----得獎專案列表-----*/
.tw100List ul li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tw100List ul li div {
    width: 48%;
    padding: 0.5% 1%;
    text-align: center;
    font-size: 1.2vw;
}

.tw100List ul li.Tw100ListHeader {
    background: #002286 !important;
    color: #fff;
    font-weight: bold;
}

.tw100List ul li:nth-child(odd) {
    background: #b5c8ff;
}

/*-----未來教育特別獎列表-----*/
.tw100CoListNote {
    font-size: 1.2vw;
    width: 75%;
    margin: 0 auto 1vw;
}

.tw100CoList {
    width: 80%;
    margin: 0 auto 2vw;
}

.tw100CoList > ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 2vw;
    background: rgba(255, 255, 255, .5);
    border-radius: 1vw;
}

.tw100CoList > ul > li {
    width: 48%;
    border-bottom: 1px solid #000;
    text-align: center;
    font-size: 1.2vw;
	padding: 0.5% 0;
}

.tw100CoList > ul > li:nth-child(1), .tw100CoList > ul > li:nth-child(2) {
    border-top: 1px solid #000;
}

.Tw100CoListTxt {
    text-align: center;
    font-size: 2vw;
    color: #eb612a;
    font-weight: bold;
}




/*----------響應單位----------*/
.SOListNote {
    text-align: center;
    color: #fff;
    font-size: 1.2vw;
    margin: -2vw 0 3vw;
}

#SOList {
    width: 80%;
    margin: 0 auto 5vw;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

#SOList > div {
    width: calc(100% / 3 - 4vw);
    padding: 2vw;
    border-bottom: 1px solid #fff;
}

#SOList h2 {
    font-size: 1.7vw;
    text-align: center;
    color: #fcf140;
    margin-bottom: 1vw;
}

.SOListCover {
    display: block;
    padding: 0.5vw;
    background: #fff;
    margin-bottom: 1vw;
}

.SOListCover a {
    display: block;
    width: 100%;
    padding-top: 120%;
    background-position: center !important;
    background-size: auto 112% !important;
}

.SOListCover a:hover {
    background-size: auto 120% !important;
}

#SOList h3 {
    display: block;
    height: 3.6vw;
    font-size: 1.2vw;
    line-height: 1.8vw;
    color: #fcf140;
    margin-bottom: 1vw;
    text-align: center;
}

.SOListDecBk {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.SOListDec {
    width: 65%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #fff;
    font-size: 1.2vw;
	text-align: justify;
}

.SOListBtn {
    width: 35%;
}

.SOListBtn a {
    transform: scale(1);
    display: block;
}

.SOListBtn a:hover {
    transform: scale(1.1);
}

#SO_07, #SO_08 {
    border-bottom: none !important;
}


/*-----響應單位：彈跳視窗-----*/
#SOPup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 5;
	overflow: auto;
}

.SOPupBk {
    display: block;
    position: relative;
    width: 70%;
    margin: 3vw auto;
}

.SOPupBk ul {
    display: block;
    position: relative;
    padding: 2vw;
    background: #fff;
}

.ClosePup {
    display: block;
    position: absolute;
    width: 3%;
    top: 1vw;
    right: 1vw;
}

.ClosePup a {
    display: block;
    width: 100%;
    padding-top: 100%;
    border-radius: 5vw;
    background: #d148ef;
    position: relative;
}

.ClosePup a span {
    display: block;
    width: 80%;
    position: absolute;
    height: 10%;
    background: #fff;
    top: 45%;
    left: 10%;
    border-radius: 1vw;
}

.ClosePup a span:first-child {
    transform: rotate(45deg);
}

.ClosePup a span:last-child {
	transform: rotate(-45deg);
}

.SOPupBk > ul > li {
	display: none;
}

.SOHead {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    height: 4vw;
    margin-bottom: 1vw;
}

.SOLogo {
	height: 100%;
}

.SOLogo img {
    height: 100%;
    width: auto;
}

.SOTitle {
    font-size: 1.8vw;
    font-weight: bold;
    color: #002286;
	display: none;
}

.SOImg {
    margin-bottom: 1vw;
}

.SOPupBk h3 {
    font-size: 1.8vw;
    color: #2d75f7;
    text-align: center;
    margin-bottom: 1vw;
}

.SOContent {
    font-size: 1.4vw;
    margin-bottom: 1vw;
}

.SOContent p, .SOContent strong {
    font-size: inherit;
}

.SOContent p {
    margin-bottom: 1vw;
}

.SOLink a {
    border: 1px solid #d148ef;
    font-size: 1vw;
    line-height: 2vw;
    padding: 0.5vw 1vw 0.5vw 3vw;
    border-radius: 5vw;
    position: relative;
    display: inline-block;
    color: #2d75f7;
}

.SOLink a::before {
    content: "";
    display: block;
    position: absolute;
    width: 2vw;
    height: 2vw;
    top: 0.5vw;
    left: 0.5vw;
    background: url(../images/SO/Icon_SOLink.png) center no-repeat;
    background-size: 100%;
}





/*----------- 台灣100成果展示 ----------*/
.searchBar {
    display: flex;
    justify-content: center;
    margin-bottom: 1vw;
}

.searchBar input[type="text"] {
    padding: 0.5vw 1vw;
    border-top-left-radius: 5vw;
    border-bottom-left-radius: 5vw;
    border: none;
    width: 25%;
    font-size: 1.2vw;
}

.searchBar input[type="submit"] {
    width: 7%;
    border-top-right-radius: 5vw;
    border-bottom-right-radius: 5vw;
    border: none;
    background: #002286;
    color: #fcf140;
    font-size: 1.5vw;
    font-weight: bold;
}

.searchResults {
    text-align: center;
    font-size: 1.4vw;
    margin-bottom: 1vw;
    color: #fff;
}

.searchResults span {
    font-size: inherit;
    color: red;
    margin: 0 0.5vw;
}


.TodayFocus {
    display: block;
    width: 80%;
    margin: 0 auto 5vw;
}

.ProjectsImg {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
	background-size: cover !important;
	background-position: center !important;
}

.ProjectsImg > div {
    display: block;
    position: absolute;
}

.TodayTop {
    background: red;
    color: #fff;
    top: -1vw;
    left: -4vw;
    padding: 2.5vw 3vw 0;
    font-size: 1.2vw;
    transform: rotate(-45deg);
}

.TodayProjectBk {
    display: block;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    padding: 1vw;
    width: calc(100% - 2vw);
}

.TodayProjectBk .Unit {
    font-size: 1vw;
    color: #fff;
}

.TodayProjectBk h2 {
    font-size: 1.5vw;
    color: #fcf040;
}



.tw100ProjectsList > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.tw100ProjectsList > ul > li {
    width: 30%;
    margin-right: 5%;
    margin-bottom: 5vw;
}

.tw100ProjectsList > ul > li:nth-child(3n) {
    margin-right: 0;
}

.tw100ProjectsList .Unit {
    font-size: 1vw;
    color: #5a5a5a;
}

.tw100ProjectsList h2 {
    font-size: 1.4vw;
    color: #002286;
}

.tw100ProjectsList_dec {
    overflow: hidden; /* 隱藏溢出內容 */
    display: -webkit-box; /* 設定為webkit的box模型 */
    -webkit-box-orient: vertical; /* 設定內容垂直排列 */
    -webkit-line-clamp: 3; /* 限制顯示的行數為3行 */
    word-break: break-word; /* 處理長單詞換行 */
    font-size: 1.2vw;
    color: #000;
    line-height: 2vw;
    margin-bottom: 1vw;
}

.tw100ProjectsList_readBtn {
    background: #002286;
    padding: 0 1vw;
    color: #fcf140;
    text-align: center;
    font-size: 1.2vw;
}



/*---------- TW100 專案頁面 ----------*/
.tw100 {
    padding: 2vw;
    display: block;
    width: 60%;
    margin: 0 auto;
    background: rgba(255, 255, 255, .8);
    color: #231816;
}

.tw100 h2 {
    font-size: 2.5vw;
    line-height: normal;
    color: #002286;
}

.tw100_Unit {
    font-size: 1.5vw;
    color: #5a5a5a;
    margin-bottom: 2vw;
}

.tw100_Cover {
    display: block;
    width: 80%;
    padding-top: 45%;
    margin: 0 auto 2vw;
	background-size: cover !important;
	background-position: center !important;
}

.tw100Bk .Tag {
    border-radius: 0.5vw;
    display: block;
    position: relative;
    margin-bottom: 1vw;
}

.tw100Bk {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
	margin-bottom: 1vw;
}

.tw100Txt {
    display: block;
    font-size: 1.2vw;
	width: 100%;
}

.tw100Txt p {
    margin-bottom: 1vw;
}

.tw100Bk::before {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    background: -webkit-linear-gradient(240deg, rgba(217, 75, 248, 1) 0%, rgba(45, 117, 247, 1) 85%);
	-o-linear-gradient(240deg, rgba(45,117,247,1) 0%, rgba(217,75,248,1) 85%);
    background: linear-gradient(330deg, rgba(217, 75, 248, 1) 0%, rgba(45, 117, 247, 1) 85%);
    top: 1vw;
}

ul.tw100youtube {
    display: flex;
    width: 100%;
}

ul.tw100youtube > li {
    width: 30%;
    padding-top: 16.875%;
    position: relative;
    margin-right: 5%;
}

ul.tw100youtube iframe {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

ul.tw100youtube > li:last-child {
    margin-right: 0;
}

ul.tw100_Img {
    display: flex;
    flex-wrap: wrap;
}

ul.tw100_Img li {
    width: 18%;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
}

ul.tw100_Img li:nth-child(5n) {
    margin-right: 0;
}

ul.tw100_Img li a {
    display: block;
    width: 100%;
    padding-top: 100%;
    background-size: cover !important;
    background-position: center !important;
}

.tw100_link a {
    position: relative;
    display: block;
    font-size: 1.2vw;
    color: #002286;
    padding-left: 1vw;
}

.tw100_link a::before {
    display: block;
    content: "";
    width: 0.5vw;
    height: 0.5vw;
    background: #002286;
    position: absolute;
    left: 0vw;
    border-radius: 1vw;
    top: calc(50% - 0.25vw);
}



/*---------- 未來教育特別獎 ----------*/
.tw100_co_list ul {
    display: flex;
    flex-direction: column;
}

.tw100_co_list li {
    margin-bottom: 2vw;
    display: flex;
}

.tw100_co_list li:last-child {
    margin-bottom: 0;
}

.tw100_co_list a {
    display: flex;
    padding: 2vw;
    background: #fff;
    border-radius: 1vw;
    align-items: stretch;
}

.tw100_co_img {
    width: 47%;
    margin-right: 3%;
    background-size: cover !important;
    background-position: center !important;
}

.tw100_co_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
}

.tw100_co_name {
    font-size: 1vw;
    line-height: normal;
    padding: 0.5vw 1.5vw;
    color: #002286;
    background: #fcf140;
    font-weight: bold;
    border-radius: 2vw;
}

h2.tw100_co_title {
    font-size: 2.2vw;
    line-height: normal;
    color: #002286;
}

.tw100_co_Unit {
    font-size: 1.2vw;
    color: #5a5a5a;
    margin-bottom: 1vw;
}

.tw100_co_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.tw100_co_content > div:first-child {
    font-size: 1vw;
    line-height: normal;
    border: 1px solid #002286;
    color: #002286;
    padding: 0.2vw 1vw;
}

.tw100_co_content .content {
    font-size: 1.2vw;
    line-height: normal;
    color: #000;
    font-weight: lighter;
    padding: 0.5vw 0;
}

.tw100_co_read {
	width: 20%;
	text-align: center;
	padding: 0.5vw 1vw;
	margin-left: calc(80% - 2vw);
}






/*---------------------------自適應內容----------------------------*/
/*--高--*/
@media only screen and (max-height: 820px) {

}
@media only screen and (max-height: 600px) {

}



/*--寬--*/

@media only screen and (max-width: 1280px) {

	
}


@media only screen and (max-width: 720px) {
.view_w {display: none;}
.view_m {display: block;}
	
/*----------固定按鈕----------*/
#FixedBtn {
    bottom: 0;
}

.FixedTicket {
    bottom: 0;
}

.FixedTicket a {
    width: 100vw;
    padding: 2vw 0;
    text-align: center;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.FixedTicket a:hover {
    width: 100vw;
    background: #ffec00;
    color: #1c1211;
}
	
span.TicketIcon {
    width: 8vw;
    margin-right: 2vw;
}

.FixedTicket a span {
    font-size: 5vw;
    line-height: 8vw;
    font-weight: bold;
}

.FixedTop {
	top: auto;
	right: -10vw;
    bottom: 15vw;
    width: 10vw;
}

.FixedTop.active {
    right: 2vw;
}
	
.FixedTop a {
    padding: 3vw 2vw;
    width: calc(100% - 4vw);
    border-radius: 5vw;
}	
/*----------選單----------*/

.logo {
    width: auto;
    height: 10vw;
    padding: 2vw 0;
}



.logo img {
    width: auto;
    height: 100%;
    margin: 0 auto;
}

.logo a {
    display: block;
    width: 26.935vw;
    margin: 0 auto;
}
	
#Menu {
	display: none;
    width: 100%;
    top: 14vw;
    height: calc(100vh - 14vw);
    background: #002286;
    padding-right: 0;
}
	
nav {
    padding: 5vw 0;
    height: calc(100% - 10vw);
    overflow: auto;
    width: 90%;
    margin: 0 auto;
}

.MenuBtn {
    display: block;
}
	
nav > ul > li {
    display: block;
    width: 100%;
    margin-bottom: 4vw;
}

nav > ul > li > a {
	padding: 2vw 0;
	font-size: 5vw;
	text-align: center;
	line-height: 6vw;
}	
	
nav > ul > li > ul {
    position: relative;
    width: 100%;
    padding-top: 0;
    left: 0;
}

nav > ul > li:hover > ul {
	display: none;
}	
	
nav > ul > li > ul > li a {
    font-size: 5vw;
    line-height: normal;
    padding: 1.5vw 0;
}

nav > ul > li > ul > li:first-child a {
    border-top-left-radius: 4vw;
    border-top-right-radius: 4vw;
}

nav > ul > li > ul > li:last-child a {
    border-bottom-left-radius: 4vw;
    border-bottom-right-radius: 4vw;
}	
	
/*----------頁尾----------*/
#footer.IndexFooter, #footer.PageFooter {
    padding: 5vw 0;
}

#footer.IndexFooter .FooterLogoGroup:first-child, #footer.PageFooter .FooterLogoGroup:first-child {
    margin-bottom: 5vw;
	margin-right: 0;
    width: 100%;
}
	
#footer.IndexFooter .FooterLogoGroup:last-child, #footer.PageFooter .FooterLogoGroup:last-child {
    width: 100%;
}
	
#footer.PageFooter .FooterLogoGropuTitle {
    text-align: center;
}	
	
.FooterLogoGropuTitle {
    font-size: 4.5vw;
}

.FootLogo_1 {
    width: 70%;
    margin-bottom: 3vw !important;
}

.FooterLogoImg div {
    display: block;
    margin: 0 auto;
}

.FootLogo_2 {
    width: 60%;
}

.FootLogo_3 {
    width: 55%;
}

.copyright {
    font-size: 4.5vw;
    padding: 5vw 0;
}
	
	
/*----------內容頁設定----------*/
.PageArticle {
    padding-top: 16vw;
}	

	
.PageArticle h1 {
    font-size: 10vw;
    line-height: 13vw;
    width: 90%;
    margin: 0 auto 5vw;
}

.Content {
    font-size: 4.5vw;
    line-height: 6.5vw;
}

.Content p {
    margin-bottom: 4.5vw;
}
	

.Content p span {
    font-size: inherit;
}

	
	
/*----------首頁----------*/
.KV_TxtBk {
    width: 95%;
}

.SiteDecTxt {
    padding: 10vw 5vw;
    font-size: 4vw;
    line-height: 7vw;
    background: rgba(255, 255, 255, .2);
    margin-bottom: 8vw;
}

.SiteInfo h1 {
    font-size: 10vw;
    margin-bottom: 5vw;
}

.SiteInfo {
    width: 90%;
    margin: 0 auto;
}

.SiteInfoContent {
    width: 100%;
    max-height: 19.5vw;
    margin-bottom: 0;
}
	
.SiteInfoContent.active {
    max-height: 650vw;
}

.SiteInfoContent p {
    font-size: 4.5vw;
    line-height: 6.5vw;
    margin-bottom: 5vw;
}

.SiteInfoBtn {
    width: 100%;
}

.SiteInfoBtn a {
    width: 35vw;
}

.indexSignupTitle span:first-child {
    font-size: 7.5vw;
}

.indexSignupTitle > span:last-child {
    display: block;
    font-size: 7.5vw;
}

.IndexSignupTxt {
    font-size: 7vw;
    margin-bottom: 5vw;
}

.IndexSignupDate {
    margin-bottom: 5vw;
}

.IndexSignupDate div:first-child {
    font-size: 5vw;
}

.IndexSignupDate div:last-child {
    font-size: 10vw;
}

.IndexSignupDate span {
    width: 10vw;
    height: 10vw;
    border-radius: 5vw;
    margin: 0 2vw;
    font-size: 6vw;
    line-height: 10vw;
}	
	
.earlyBirdTxt {
    font-size: 4.5vw;
	width: 90%;
	margin-bottom: 5vw
}

.IndexSignupBtn {
    margin-bottom: 5vw;
}	
	
.IndexSignupBtn a {
    width: 60vw;
}

.IndexSignupBtn a > span {
    font-size: 6vw;
    top: 7vw;
    left: 17vw;
}
	
	
.IndexSignupVideo {
    width: 90%;
}	
	
	
	
/*----------關於我們----------*/
.aboutContent, .descContent, .ErBirdContent {
    width: 80%;
    padding: 5%;
}
	
/*----------徵選說明----------*/
.descBk .Tag {
    width: 25vw;
    margin: 0 auto 2vw;
}

.Tag {
    display: block;
    font-size: 5vw;
    line-height: 8vw;
}

.descTxt {
    width: 100%;
    display: block;
    font-size: 4.5vw;
    line-height: 7vw;
}

.descHighBk li {
    text-indent: -5vw;
}
	
ul.NumList {
    padding-left: 5vw;
}
	

ul.secNumList {
    padding-left: 6.5vw;
}

.descHighBk {
    padding: 2vw;
}

.descHighBk ul {
    padding-left: 5vw;
}

ul.secNumList li {
    text-indent: -6.5vw;
}

.descBk {
    padding: 5vw 0;
}

.descContent.Content .descBk:first-child {
    padding-top: 0;
}
	
a.downloadBtn {
    display: block;
    font-size: 6vw;
    padding: 1vw 2vw;
    line-height: 8vw;
    text-align: center;
}	
	
/*----------顯恩基金會----------*/
.subsidyContent {
	width: 80%;
}
	
.subsidySlogan {
    font-size: 4.5vw;
}
	
	
	
/*----------報名表單----------*/
.SignupBk {
    width: 80vw;
    padding: 5vw;
}

.SignupNote ul {
    padding-left: 5vw;
}

.SignupNote {
    padding: 3vw;
}

.SignupNote li {
    text-indent: -5vw;
}

.SignupStep {
    font-size: 6.5vw;
    padding: 5vw 0 2vw;
}

.SignupFormTitle {
    font-size: 5vw;
    margin-bottom: 2%;
}

.SignupFormInput ul li, .SignupFormInput ul li label div, .SignupFormInput ul li label span {
    font-size: 4.5vw;
}

.SignupFormInput input[type="radio"] {
    width: 4.5vw;
    height: 4.5vw;
    margin-top: 1vw;
}

.SignupFormInput ul li label div {
    width: calc(100% - 6.5vw);
    padding-left: 2vw;
}

.SignupFormInput label {
}

.SignupFormLine {
    padding: 5vw 0;
}

ul.SignupPrInfo > li.s {
    display: block;
    width: 100%;
}

ul.SignupPrInfo label {
    font-size: 5vw;
    margin-bottom: 2%;
}

ul.SignupPrInfo input[type="text"], ul.SignupPrInfo li.l textarea {font-size: 4.5vw;padding: 1% 5%;}

ul.SignupPrInfo > li {
    margin-bottom: 8vw;
}

ul.SignupPrInfo li.l input[type="text"], ul.SignupPrInfo li.l textarea {
    width: 90%;
}

.twzipcode select {
    width: 45%;
    font-size: 4.5vw;
    margin-bottom: 1%;
}

.twzipcode select:first-child {
    margin-right: 3%;
}

.SignupFormInput ul li {
    margin-bottom: 5%;
}

ul.SignupPrInfo li.l textarea {
    min-height: 45vw;
}

li.num > div {
    font-size: 4.5vw;
    margin-left: 2vw;
    display: inline;
}

li.date div {
    font-size: 4.5vw;
    margin-bottom: 2vw;
}

.date select {
    width: 40%;
    margin-right: 1%;
    margin-bottom: 2%;
}

.date span {
    display: block;
    margin-bottom: 2%;
}

li.date div:last-child {
    text-align: center;
}

.date select:first-child {
    margin-left: 5vw;
}

.FormNote, li.imgupload .Info {
    font-size: 4.5vw;
    margin-bottom: 2%;
}

.custom-upload-btn, li.pdfupload button, .SendBtn input {
    font-size: 4.5vw;
    padding: 1vw 5vw;
}

li.pdfupload span {
    font-size: 4.5vw;
}

li.PrvTxt input[type="checkbox"] {
    width: 4.5vw;
    height: 4.5vw;
    margin-right: 2vw;
}

li.PrvTxt label {
    display: inline;
}

.PrvTxtBox {
    margin-top: 2%;
    margin-left: 7%;
    font-size: 4.5vw;
    padding: 4%;
    height: 45vw;
}

li.PrvCode img {
    width: 45%;
    display: block;
    margin: 0 auto;
}

.PrvCode a {
    margin-bottom: 5%;
    display: block;
}

input#ShowCode {
    margin: 0 auto;
    display: block;
}

.SendBtn {
    padding-top: 5vw;
}
	
	
/*----------報名完成----------*/
.SignupBk .Completed {
    font-size: 7vw;
    margin-bottom: 5vw;
}

.SignupBk .CompletedContent {
    font-size: 4.5vw;
    padding-bottom: 10vw;
}
	
.CompletedContent > div:first-child {
    font-size: 6vw;
    margin-bottom: 2vw;
}

.CompleteInfoList li {
    font-size: 4.5vw;
    padding-left: 6.5vw;
}

.CompleteInfoList ul {
    text-indent: -6.5vw;
}
	
/*----------報名查詢----------*/
.SignupDataLogin label {
    font-size: 4.5vw;
    margin-bottom: 2%;
}

.SignupDataLogin input[type="email"], .SignupDataLogin input[type="password"] {
    font-size: 4.5vw;
    width: calc(100% - 2vw);
    padding: 1vw;
    border-radius: 1.5vw;
}
	
	
	
/*----------報名查詢內頁----------*/
.labelTitle {
    font-size: 4.5vw;
    padding-left: 3%;
    border-left: 1.5vw solid #000;
}

.SignupData > ul > li > div:nth-child(2) {
    font-size: 4.5vw;
    padding-left: 4vw;
}

.SignupData > ul > li {
    margin-bottom: 5%;
}

.signupDataYtList div {
    display: block;
    width: 100%;
    padding-top: 56.25%;
    margin: 0 0 5% 0;
}

.signupDataPhotoList ul li {
    width: calc(100% / 3 - 2%);
}

.SignupData > ul > li > div.signupDataLink a {
    font-size: 4.5vw;
}

.signupDataPdf a {
    width: 20%;
}
	
	
/*----------Q&A----------*/
ul.QaBk {
    width: 80%;
}

.QaGroupTitle {
    font-size: 5vw;
}

.QaTitle {
    font-size: 4.5vw;
    padding: 1vw 8vw 1vw 4vw;
    text-align: justify;
}

.QaTitle::after {
    width: 4vw;
    height: 4vw;
    border-radius: 2vw;
    top: calc(50% - 2vw);
}

.QaAns {
    font-size: 4.5vw;
}

.QaAns p {
    line-height: 6.5vw;
    margin-bottom: 4.5vw;
}
	
	
ul.NumList li {
    line-height: 6.5vw;
}	
	
/*----------影片集錦----------*/
ul.videoList {
    width: 80%;
}

ul.videoList > li {
    display: block;
    margin: 0 0 10%;
    width: 100%;
}

.PlayBtn {
    width: 15vw;
    height: 15vw;
    top: calc(50% - 7.5vw);
    left: calc(50% - 7.5vw);
}

ul.videoList a img {
    filter: grayscale(0);
}

.VideoCover {
    box-shadow: 0 0 2vw 0 #000;
    margin-bottom: 2vw;
}

a .VideoTitle {
    font-size: 4.5vw;
}
	
/*----------活動花絮----------*/
#album section {
    width: 80%;
}

.AlbumLineBk {
    left: -1px;
}

.AlbumLineBk::before {
    width: 3vw;
    height: 3vw;
    border-radius: 3vw;
    left: calc(-1.5vw + 0.5px);
    top: -3vw;
}

ul.AlbumList li {
    width: 100%;
    float: none !important;
    margin-bottom: 10%;
}

ul.AlbumList li::before {
    left: 0 !important;
    top: 3.5vw;
    width: 5%;
}

.AlbumYear {
    padding-left: 7%;
    font-size: 4.5vw;
    text-align: left !important;
}

a .AlbumCover {
    border: 1.5vw solid #fff;
    width: calc(100% - 3vw);
    transform: scale(0.9);
}
	
a:hover .AlbumCover {
    transform: scale(0.95);
}	

.AlbumTitle {
    padding: 0 0 0 5%;
    font-size: 5vw;
    font-weight: bold;
    max-height: 14vw;
    line-height: 7vw;
    margin-bottom: 3%;
}

.AlbumDec {
    padding-left: 5%;
    font-size: 4.5vw;
    line-height: 6.5vw;
    height: 19.5vw;
}
	
	
	
	
/*----------活動花絮：照片頁----------*/
.albumPhotoYear {
    font-size: 4vw;
}

h2.albumPhotoTitile {
    font-size: 5vw;
}

.albumPhotoDec {
    padding: 5%;
    margin-bottom: 5%;
}
	
.albumPhotoList {
    margin-bottom: 5%;
}

.albumPhotoList ul li {
    width: calc(48% - 2vw);
    border: 1vw solid #fff;
    margin: 0 0 5% !important;
    margin-right: 4% !important;
}

.albumPhotoList ul li:nth-child(even) {
    margin-right: 0 !important;
}

.BackToAlbum a {
    width: 55%;
}
	
	
	
/*----------早鳥報名----------*/
.EBAwardList {
    width: calc(100% - 4px);
}
	
	
	
	
	
	
	
/*----------評審介紹----------*/
.CensorAllImg {
    width: 100%;
	margin-bottom: 10%;
}	
	
span.PageTitleNote {
    font-size: 5vw;
    margin-top: -5vw;
    margin-bottom: 10vw;
}

ul.censorsList {
    width: 80%;
}

ul.censorsList li {
    display: block;
    margin-right: 0;
    margin-bottom: 5vw;
    width: 100%;
}

.censorsName {
    text-align: center;
    font-size: 10vw;
}

.censorsTitle {
    font-size: 5vw;
    line-height: normal;
    height: auto;
    padding-bottom: 3vw;
    text-align: center;
}
	
	
	
	
/*-----得獎名單-----*/
/*---台灣100---*/
.tw100TypeBtn > div a {
    font-size: 4.5vw;
    width: 33.5vw;
    border-radius: 5vw;
}

.tw100TypeBtn > div.active a::before {
    border: 2px solid #fcf140;
    width: 103%;
    height: 120%;
    left: calc(-2% - 2px);
    top: calc(-10% - 2px);
}

.tw100Content {
    width: calc(90% - 10vw);
    padding: 5vw;
}

.tw100TypeBtn > div {
    margin: 0;
}

.tw100TypeBtn > div:first-child {
    margin-right: 5%;
}

h2.tw100Title {
    font-size: 8vw;
    line-height: 8vw;
    margin-bottom: 5%;
}

h2.tw100Title::before, h2.tw100Title::after {
    width: 12%;
}

.tw100ListNote {
    font-size: 4.5vw;
    margin-bottom: 1vw;
}

.tw100List ul li div {
    width: 98%;
    font-size: 4.5vw;
}

.tw100List ul li div:last-child {
    font-weight: bold;
}

.tw100List ul li {
    display: block;
    padding: 2vw 0;
}
	

/*---企業特別獎---*/
.tw100CoListNote {
    width: 100%;
    font-size: 4.5vw;
    margin-bottom: 5vw;
}

.tw100CoList {
    width: 100%;
    margin-bottom: 5vw;
}

.tw100CoList > ul {
    display: block;
    padding: 8% 5%;
    border-radius: 5vw;
}

.tw100CoList > ul > li {
    width: 100%;
    font-size: 5vw;
    font-weight: bold;
    padding: 5% 0;
}

.tw100CoList > ul > li:nth-child(2) {
    border-top: none;
}

.Tw100CoListTxt {
    font-size: 6.5vw;
    line-height: 10vw;
}
	
	

	
/*----------響應單位----------*/
#SOList > div {
    display: block;
    width: 100%;
    padding: 5vw;
}

.SOListNote {
    font-size: 5vw;
}

#SOList {
    width: 90%;
}

#SO_07 {
    border-bottom: 1px solid #fff !important;
}	
	
#SOList h2 {
    font-size: 7vw;
    margin-bottom: 2vw;
}

.SOListCover {
    padding: 3vw;
    margin-bottom: 2vw;
}

#SOList h3 {
    font-size: 5.3vw;
    line-height: normal;
    height: auto;
    margin-bottom: 2vw;
}

.SOListDecBk {
    display: block;
}

.SOListDec {
    width: 100%;
    font-size: 4.5vw;
    margin-bottom: 2vw;
}

.SOListBtn {
    width: 55%;
    margin-left: 45%;
}

.SOPupBk {
    width: 90%;
}

.SOPupBk ul {
    padding: 10vw 5vw 5vw;
}

.SOHead {
    height: 8vw;
    margin-bottom: 2vw;
}
	
#SOPup_01 .SOHead {
    height: 13vw;
}

#SOPup_02 .SOHead {
    height: 15vw;
}	
	
#SOPup_04 .SOHead {
    height: 16vw;
}	
	
#SOPup_05 .SOHead {
    height: 12vw;
}
	
#SOPup_07 .SOHead {
	height: 13vw;
}
	
#SOPup_08 .SOHead {
	height: 17vw;
}	

.SOPupBk h3 {
    font-size: 4.7vw;
    margin-bottom: 2vw;
}

.SOContent {
    font-size: 4.5vw;
    margin-bottom: 2vw;
}

.SOContent p {
    margin-bottom: 2vw;
}

.SOLink a {
    font-size: 4vw;
    line-height: 6vw;
    padding: 2vw 2vw 2vw 10vw;
}

.SOLink a::before {
    width: 6vw;
    height: 6vw;
    top: 2vw;
    left: 2vw;
}

.ClosePup {
    width: 8vw;
    top: 1vw;
    right: 1vw;
}
	
	
	
	
}