#header .panel-v1{
	background: #212120 !important;
}

#wrapper{
	background-color: #212120;
}

#footer-fixed-height{
    background-color: #212120;
}

.top{
	margin-bottom: 1.6rem;
}

.top .logo-div{
	text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
	top: 0.3rem;
    z-index: 99; /*用於高於 header z-index*/
}

.top .logo-div img{
	width: 60%;
}

/* LOGO 下方標題文字*/
.content .title-area{
	text-align: center;
	padding-top: 0.2rem;
	margin-bottom: 0.5rem;
}

.content .title-area .text-sty1{
	color: #ddc64a;
	font-family: "Microsoft JhengHei", "PingFang TC", sans-serif;
	font-weight: bold;
	font-size: 0.45rem;
	margin-bottom: 0.15rem;
}

.content .title-area .text-sty2{
	color: #bfb58a;
	font-weight: 400;
	font-size: 0.35rem;
	margin-top: 0rem; /*因為 內容文 & 共用 style 這邊要改回來*/
	padding-left: 0rem; /*因為 內容文 & 共用 style 這邊要改回來*/
    letter-spacing: 0.04rem;
}


/* 內容文 & 共用 style */
.position-r{
	position: relative;
}

.separator-line{
    height: 1px;
    background: linear-gradient(to bottom, #fff3a0 0%, #ffd84a 40%, #d4a800 100%);
	margin: 0.5rem 0;
}

.extra-symbol{
    font-size: 0.2rem;
    margin-right: 0.05rem;
}

.display-f{
	display: flex;
}

.color-1{
	color: #ddc64a;
}

.margin-sty1{
	margin-top: 0.8rem !important;
    margin-bottom: 0.2rem !important;
}

.margin-sty2{
	margin-top: 0 !important;
    margin-bottom: 0.1rem !important;
}

.content{
	padding: 0 0.5rem;
    margin-bottom: 1.4rem;
}

.content .text-title{
	color: #ddc64a;
    font-size: 0.35rem;
}

.content .text-table table{
	width: 100%;
}

.content .text-table{
	margin-top: 0.05rem;
}

.content .text-table td{
	color: #bfb58a;
	border: 1px solid #bfb58a;
	text-align: center;
	padding: 0.1rem;
}

.content .text-table td.table-title{
	color: #ddc64a;
}

.content .text-table .grade-icon{
	display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 0.3rem;
    height: 0.3rem;
    color: white;
    border-radius: 999px;
    text-align: center;
    margin: 0 0.05rem;
    font-size: 0.2rem;
    vertical-align: middle;
    box-shadow: inset 0.005rem 0.005rem 0.02rem #FFF, 0.01rem 0.01rem 0.02rem #000;
    transform: translateY(-0.01rem);
}
/* 內容文 & 共用 style */

/* 內容文 - 第一區塊 start */
.content .text-area1 .text-sty1{
	color: #FFF;
	margin-top: 0.2rem;
}

.content .text-area1 .text-sty2{
	color: #bfb58a;
	margin-top: 0.05rem;
	padding-left: 0.2rem;
}

.content .text-area1 .text-sty2 .title{
	color: #FFF;
}

.content .text-area1 .img-sty1{
	position: absolute;
    top: -2.35rem;
    right: -0.2rem;
}

.content .text-area1 .img-sty1 img{
	width: 2.5rem;
}

/* 內容文 - 第一區塊 end */


/* 內容文 - 第二區塊 start */
.content .text-area2 .text-sty1{
	color: #FFF;
	margin-top: 0.2rem;
	font-size: 0.3rem;
}

.content .text-area2 .text-sty2{
	color: #bfb58a;
	margin-top: 0.25rem;
}

.content .text-area2 .text-sty2 .title{
	color: #b7a542;
	font-size: 0.25rem;
}

.content .text-area2 .text-sty3{
	color: #bfb58a;
	padding-left: 0.2rem;
    margin-top: 0.05rem;
}

.content .text-sty4{
    color: #bfb58a;
	margin-top: 0;
}

.content .text-sty5{
    color: #bfb58a;
	margin-top: 0.05rem;
}

.content .text-area2 .img-sty2{
    position: absolute;
    top: -2.1rem;
    right: 0rem;
}

.content .text-area2 .img-sty2 img{
	
}

.content .text-area2 .img-sty3{
    position: absolute;
    bottom: -0.3rem;
    left: -0.4rem;
}

.content .text-area2 .img-sty3 img{
	width: 0.8rem;
}

.content .text-area2 .img-sty4{
    position: absolute;
    top: 0.25rem;
    right: -0.3rem;
}

.content .text-area2 .img-sty4 img{
	width: 0.6rem;
}

.content .text-area2 .img-sty5{
    position: absolute;
    top: -0.8rem;
    right: -0.2rem;
}

.content .text-area2 .img-sty5 img{
	width: 0.5rem;
}

.content .text-area2 .img-sty6{
    position: absolute;
    top: 0.8rem;
    left: -0.35rem;
}

.content .text-area2 .img-sty6 img{
	width: 0.5rem;
}

.content .text-area2 .img-sty7{
    position: absolute;
    right: 0.1rem;
    bottom: -0.5rem;
}

.content .text-area2 .img-sty7 img{
	width: 0.7rem;
}

/* 內容文 - 第二區塊 end */

/* 置底區塊 */
.bottom{
	position: sticky;
    bottom: 1.8rem;
    padding: 0.2rem 0.3rem;
    background: #302e29;
    border-radius: 0.5rem;
    border: 0.08rem solid #ddc64a;
    width: 6.2rem;
    margin: auto;
}

.bottom > div{
	display: flex;
	align-items: center;
    justify-content: center;
}

.bottom .text-area3{
    color: #ddcc7f;
    font-weight: 500;
    text-align: center;
    font-style: italic;
}

.bottom .text-area3 > div{
	margin-bottom: 0.2rem;
    font-size: 0.28rem;
}

.bottom .text-area3 > div span{
    font-size: 0.32rem;
}

.bottom .register-btn{
	cursor: pointer;
	background: #6d6244;
	color: #FFF;
	font-size: 0.32rem;
    padding: 0.08rem 0;
    border-radius: 0.45rem;
    border: 0.04rem solid #ddcc7f;
}

.bottom .register-btn span{
	font-size: 0.5rem;
    font-style: italic;
}

.bottom .fire{
	height: 0.5rem;
	margin-left: 0.1rem;
}