@charset "utf-8";

/* 字型 */
	@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
	/* font-family: 'Noto Sans TC', sans-serif; */

/* camellia-club_menu */
	.camellia-club_menu{
		display: flex;
			flex-wrap: wrap;
			width: 90%;
			margin: 0 auto;
			padding: 5% 0;
	}
	.camellia-club_menu li{
		flex: 1;
	}
	.camellia-club_menu li a{
		display: block;
		position: relative;
		opacity: 1;
	}
	.camellia-club_menu li a:hover{
		opacity: 1;
	}
	.camellia-club_menu li a:hover:before{
		content: '';
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.camellia-club_menu li a.btn01:hover:before{
		background: url('../images/btn01_hover.png') no-repeat center;
		background-size: 100%;
	}
	.camellia-club_menu li a.btn02:hover:before{
		background: url('../images/btn02_hover.png') no-repeat center;
		background-size: 100%;
	}
	.camellia-club_menu li a.btn03:hover:before{
		background: url('../images/btn03_hover.png') no-repeat center;
		background-size: 100%;
	}
	.camellia-club_menu li a.btn04:hover:before{
		background: url('../images/btn04_hover.png') no-repeat center;
		background-size: 100%;
	}
	@media (max-width: 800px) {
		.camellia-club_menu li{
			flex: auto;
			width: 50%;
		}
	}

/* 架構 */
	.Shi_wrapper {
		/* font-family: "微軟正黑體", "Microsoft JhengHei", "Noto Serif", serif, sans-serif; */
	  	font-family: 'Noto Sans TC', sans-serif !important;
	  	width: 100%;
	  	max-width: 1460px;
	  	color: #000;
	  	margin: 0 auto;
	  	background: #db0000;
	  	overflow: hidden;
	  	position: relative;
	}
	.Shi_wrapper h2,
	.Shi_wrapper h3,
	.Shi_wrapper h4,
	.Shi_wrapper p,
	.Shi_wrapper a,
	.Shi_wrapper ul,
	.Shi_wrapper ul li{
		font-family: 'Noto Sans TC', sans-serif !important;
	}
	.Shi_wrapper img {
	  	width: 100%;
	  	display: block;
	}
	.Shi_wrapper section {
		position: relative;
	}
	.Shi_wrapper .text{
		position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
		width: 100%;
	}
	.Shi_wrapper .mb {
	  	display: none !important;
	}
	.Shi_wrapper .btn{
		color: #FFF;
		background: #000;
		padding: 5% 16%;
		display: table;
		text-decoration: none;
		text-align: center;
		transition: all .4s;
	}
	.Shi_wrapper .btn:hover{
		transition: all .4s;
	}
	.Shi_wrapper .mb {
    	display: none !important;
  	}
	@media (max-width: 1460px) {
		
	}
	@media (max-width: 800px) {
	  	.Shi_wrapper .pc {
	    	display: none !important;
	  	}
	  	.Shi_wrapper .mb {
	    	display: block !important;
	  	}
	}

/* 文字大小 */
.Shi_wrapper .fontSize_30px { 
	font-size: 30px;
}
.Shi_wrapper .fontSize_24px { 
	font-size: 24px;
}
.Shi_wrapper .fontSize_20px { 
	font-size: 20px;
}

	@media (max-width: 800px) {
		.Shi_wrapper .fontSize_30px { 
			font-size: 3.6vw;
		}
		.Shi_wrapper .fontSize_24px { 
			font-size: 3vw;
		}
		.Shi_wrapper .fontSize_20px { 
			font-size: 2.4vw;
		}
	}

/* @media (max-width: 500px) {
    .Shi_wrapper .fontSize_24px { 
        font-size: 4.8vw;
    }
	.Shi_wrapper .fontSize_20px { 
        font-size: 4.5vw;
    }
} */


/* section02 */
.Shi_wrapper .section02 ul {
    position: relative;
    margin: 5%;
    padding: 2%;
    border: 2px solid #cca07c;
    color: #cca07c;
    font-weight: normal;
    line-height: 2;
	text-align: center;
}

.Shi_wrapper .section02 .notice {
	text-align: center;
	color: #fff;
	padding: 3% 5%;
 }

.Shi_wrapper .text_gold {
	color: #c59759;
	background: -webkit-linear-gradient(left,#deb94c 0%,#f5e2a9 50%,#f0e4c8 100%);
	background-size: 120%;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	-webkit-animation: shineText 10s infinite;
	animation: shineText 10s infinite;
	-webkit-background-clip: text; 
	-webkit-text-fill-color:transparent;
	z-index:2;
}

/* section03 */
.Shi_wrapper .section03 {
    position: relative;
    margin: 5%;
    padding: 5% 3% 3%;
    border: 2px solid #cca07c;
    color: #fff;
    font-weight: lighter;
    line-height: 2;
}

.Shi_wrapper .section03 p { 
    position: absolute;
    top: -3.5%;
    padding: 0 20px;
    background-color: #db0000;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    font-weight: lighter;
}

@media (max-width: 500px) {
    .Shi_wrapper .section03 p { 
        top: -2.5%;
 
    }
}