@charset "utf-8";
html * { -webkit-text-size-adjust: 100%; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; }
img { border: 0px none; }

body {
    position: relative;
	width: 100%; 
	height: 100%;
	font-family: 'Microsoft JhengHei','Microsoft YaHei',Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0 auto;
	background: #ffffff;
	cursor: default;
	overflow-x: hidden;
}

@media only screen and (max-width: 480px) {
body { 
    font-size: 16px; 
	}
}
/************************
TOTAL
************************/
.page-container, .page-wrapper {	
	position: relative;
	display: block;
	width: 100%;
	max-width: 1200px;
	word-wrap: break-word; 
	word-break: normal;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	}
@media (min-width:768px){ 
    .page-container,
    .page-wrapper{ width:100%; } 
	}
@media (min-width:992px){ 
    .page-container,
    .page-wrapper{ width:100%; } 
	}
@media (min-width:1280px){ 
    .page-container,
    .page-wrapper{ width:100%; } 
	}
.page-wrapper img, .page-container img { max-width: 100%; }

/************************
BANNER 按鈕
************************/ 
.btn_group { 
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	}
/************************/
.btn { 
	position: relative;
	display: inline-block;
	line-height: 1.0em;
	text-align: center;
	margin: 20px 10px;
	padding: 10px 30px;
	}
.btn, 
.btn:hover { 
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;	
	}
a.btn_00, .btn_00 { 
	min-width: 300px;
	font-size: 30px;
	font-weight: 400;
	padding: 20px 20px;
	color: #ffffff; 
	background: #C01323;
	border-radius: 50px;
	}

@media only screen and (max-width: 992px) {
a.btn_00, .btn_00 { 
	min-width: 250px;
	font-size: 25px;
	padding: 20px 20px;
	}
}
@media only screen and (max-width: 480px) {
a.btn_00, .btn_00 { 
	min-width: 200px;
	padding: 20px 20px;
	}
}	

/************************
KEY-VISUAL 主視覺
************************/
#main_visual .box_01,
#main_visual img,
#main_visual {
	position: relative;
	display: block;
    width: 100%;
	text-align: center;
	}
#main_visual {	
	float: left;	
	min-height: 600px;	
	background: #0f0506;
	background-image: url('../images/kv_bg01.jpg'); 
	background-repeat: no-repeat; 	
    background-position: center 50px;
    background-size: auto 490px;
	overflow: hidden;
	}

#main_visual .txt {
    display: flex;
    width: 45%;
    text-align: left;
    justify-content: center;
    align-items: center;
    margin-top: 90px;
}

#main_visual .note{
	font-size: 13px;
}


.note-white{
color:white;
}

@media only screen and (max-width: 992px) {
#main_visual {	
	min-height: 340px;
    background-size: auto 340px;
	}
#main_visual .txt {
    width: 45%;
	margin-top: 100px;
	padding-left: 20px;
	}
}

@media only screen and (max-width: 768px) {
#main_visual {	
	min-height: 400px;	
	 background-size: auto 300px;
	}
}

@media only screen and (max-width: 600px) {
#main_visual {	
	min-height: 670px;	
	background-image: url('../images/kv_bg01-m.jpg'); 
		background-repeat: no-repeat; 	
    background-position: center 50px;
    background-size:100% auto ;
	overflow: hidden;
	}
	#main_visual .txt {
	padding: 20px 0px 0px;
	text-align: center;	
	flex-direction: column;
	gap: 30px;
	margin-top: 0px;

	width: 94%;
        margin-top: 50px;
        padding-left: 20px;
	}

}


#main_visual .title {
    max-width: 720px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

	
#main_visual .box_02 {
	width: 100%;
	padding: 0px 10%;
	margin-bottom: 60px;	
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
	}
#main_visual .box_02 .pic{
		width: 100%;
		position: relative;
		display: inline-block;
		padding: 0% 0%;
}

#main_visual .box_02 .pic img {
	float: center;
	width: 32.5%;
	box-sizing: border-box;
	position: relative;
		display: inline-block;
	}

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

#main_visual .box_02 {
	width: 100%;
	padding: 0px 0%;

	}

#main_visual .box_02 .pic {
	width: 100%;
	padding: 0px 0%;
	text-align: center;
	}	

	#main_visual .box_02 .pic img {
	float: center;
	width: 32%;
	box-sizing: border-box;
	position: relative;
		display: inline-block;
	}

}


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

	#main_visual .title {
    max-width: 720px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 0px;
    position: relative;

}

#main_visual .box_02 {
	width: 100%;
	padding: 0px 0%;
	text-align: center;
	}	


#main_visual .kv-null{
	height: 380px;
}
}

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

#main_visual .kv-null{
	height: 320px;
}

}


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

#main_visual .kv-null{
	height: 270px;
}

}

/************************
block 區塊
************************/
main.campaign-main {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	}

.block {
	margin: 0;
	padding: 0;
	}
.block .box ul li,
.block .box ul,
.block .box,
.block {
	position: relative;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	}

.block .pic,
.block .pic img,
.block .box img {
	position: relative;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	}
.block .title {
	max-width: 840px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	}
.block .title01 {
	position: relative;
	display: inline-block;
	width: 95%;	
	max-width: 1200px;
	margin-top: -80px;
	}	
.block .note {
	font-size: 13px;
	line-height: 1.5em;
	text-align: left;
	margin-top: 20px;
	}

.block .note b {

font-size: 110%;
}

.block .note .cs03,
.block .note .cs01 {
	font-weight: 800;
	font-size: 115%;
	}

.block .note .cs04
 {
	color: block;
	font-weight: 800;
	font-size: 115%;
	}

.block p {
	position: relative;
	display: block;
	margin: 0px;
	}
.block .tm2 {
	text-indent: -12px;
	margin-left: 12px;

	}
	
.block .tm2 span{
white-space:nowrap;}

.block p.tm3 {
color: white;
padding-top: 10px;
font-size: 16px;
}

@media only screen and (max-width: 992px) {
.block .title {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	}
}

@media only screen and (max-width: 768px) {
.block .title{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
}

/************************/	
.block_01 {
	padding: 0px 5%;
	background-color: #0f0101;
	background-image:url('../images/bk_101.jpg'); 
	background-repeat: no-repeat; 	
    background-size:100% 100%;
    background-position: 50% 100% !important;
	text-align: center;
	}




/************************/	
.block_01 .box_03 {
	width: 100%;
	padding: 40px;
	margin-bottom: 100px;
	background-color: #fff7ef;
    border-radius: 20px;
	box-sizing: border-box;
	}



.block_01 .box_03 .dd {
	width: 100%;
	padding: 20px 0px;
	text-align: left;
	}	


/************************/
.block_01 .box_04 {	
	padding: 20px;
	margin-bottom: 40px;
	}

.block_01 .box_04 .slider-nav {	
	bottom: -20px;
	padding: 0px 2%;
	}
.block_01 .box_04 .slider-nav li {	
	padding-top: 10px;
	padding-bottom: 20px;
    border-radius: 10px;
	width: 20%;
	margin: 0px 1%;
	
	font-size: 22px;
	font-weight: 800;
	
	color: #4d4d4d;
	border: 3px solid #c6c6c6;
	background-color: #c6c6c6;
	}
.block_01 .box_04 .slider-nav li.slick-current {
	color: #ffeec2;
	border: 3px solid #daa752;
	background: linear-gradient(90deg,  #541114 0%, #bc3031 100%);
	}
	
.block_01 .box_04 .slider-for {	
	background-color: #fff7ef;
	padding: 40px;
    border-radius: 20px;
	box-sizing: border-box;
	text-align: left;	
	}
	
.block_01 .box_04 .dt {	
	width: 100%;	
	color: #d70c19;
	font-size: 30px;
	line-height: 1.2em;
	text-align: center;
	margin-top: 0px;
	}	



.block_01 .box_04 .dd {	
	padding-bottom: 20px;
	}	
	
@media only screen and (max-width: 768px) {
.block_01 .box_04 .slider-nav li {	
	font-size: 14px;
	font-weight: 800;
	}


	.block_01 .box_04 .dt {	

	font-size: 25px;
	line-height: 1.2em;

	}
}


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

.block_01 .box_04 .slider-nav {	
	bottom: -20px;
	padding: 0px 0%;
	}

	.block_01 .box_04 {	
	padding: 0px;
	margin-bottom: 40px;
	}
.block_01 .box_04 .slider-nav li {	
	font-size: 10px;
	font-weight: 800;
	}


.block_01 .box_04 .slider-nav li {	

    border-radius: 10px;
	width: 22%;
	margin: 0px 0.1%;
	

	font-weight: 800;
	
	color: #4d4d4d;
	border: 2px solid #c6c6c6;
	background-color: #c6c6c6;
	}
}
	
/************************/
.block_02 {
	width: 100%;
	padding: 50px 6%;
	padding-top: 100px;
	box-sizing: border-box;
	background-color: #000000;
	background-image:url('../images/bk_501.png'); 
	background-repeat: no-repeat; 	
    background-size: 2000px 400px;
    background-position: 50% 200px !important;
	text-align: center;
	}
	
.block_02 .box_02 .slider-for {	
	background-color: #fff7ef;
	padding: 50px;
	padding-top: 60px;
    border-radius: 20px;
	box-sizing: border-box;
	}
.block_02 .box_02 .title01 {
	top: 40px;
	z-index: 20;
	position: relative ;
	
	height: 40px;
	}


	@media only screen and (max-width: 480px) {
.block_02 .box_02 .master-card{
	padding-top: 20px;

}}


	
/************************/
.block_03 {
	padding: 50px 6%;
	background-color: #0f0101;
	background-image:url('../images/bk_301.jpg'); 
	background-repeat: no-repeat; 	
    background-size:100% 100%;
    background-position: 50% 100% !important;
	text-align: center;
	}
	
.block_03 .box_01 li,	
.block_03 .box_01 .pic {	
	position: relative;
	display: inline-block;
	float: left;
	}
.block_03 .box_01 .pic {	
	width: 100%;
	overflow: hidden;
	}	
.block_03 .box_01 li {	
	width: 33.3%;
	box-sizing: border-box;
	padding: 0% 1%;
	}
.block_03 .box_01 li .dd {	
	text-align: left;
	color: #ffffff;
	padding: 0px 0px 0px 20px; 
	margin-left: 24px;
	}
.block_03 .box_01 .note {
	color: #ffffff;
	padding: 0px 20px ;

	
	}

.block_03 .box_01 p.note {
display: inline-block;
position: relative;
	padding-bottom: 20px ;
	
	}


/*@media only screen and (max-width: 768px) {
.block_03 .box_01 li {	
	width: 100%;
	padding: 0px 10%;
	}
}*/

@media only screen and (max-width: 480px) {
.block_03 .box_01 li {	
	width: 100%;
	padding: 0px 3%;
	}

.block_03 .box_01 .pic img {	
	width:70%;
	overflow: hidden;
	}

	.block_03 .box_01 li .dd {
    text-align: left;
    color: #ffffff;
    padding: 0px 0px 0px 3px;
    margin-left: 14px;
    margin-bottom: 30px;
   
}

}
/************************/

.block_03 .box_03 .slider-nav {	
	bottom: -20px;
	padding: 0px 2%;
	}
.block_03 .box_03 .slider-nav li {	
	padding-top: 20px;
	padding-bottom: 20px;
    border-radius: 10px;
	width: 30%;
	margin: 0px 1%;
	
	font-size: 22px;
	font-weight: 800;
	
	color: #4d4d4d;
	border: 3px solid #c6c6c6;
	background-color: #c6c6c6;
	
	box-shadow: 5px 5px 10px 0px rgb(0,0,0,0.2);
	}
	
.block_03 .box_03 .slider-nav li span,
.block_03 .box_03 .slider-nav li b {
	position: relative;
	display: inline-block;
	color: #4d4d4d;
	font-style: italic;
	font-weight: 900;	
	}	
.block_03 .box_03 .slider-nav li b {	
	font-size: 70px;
	}
.block_03 .box_03 .slider-nav li span {	
	font-size: 20px;
	line-height: 1.0em;
	text-align: left;
	}
.block_03 .box_03 .slider-nav li.slick-current span,	
.block_03 .box_03 .slider-nav li.slick-current b {
	color: #ffeec2;
	}
.block_03 .box_03 .slider-nav li.slick-current {
	border: 3px solid #daa752;
	background: linear-gradient(90deg,  #541114 0%, #bc3031 100%);
	}

.block_03 .box_03 .slider-for {	
	background-color: #fff7ef;
	padding: 40px;
    border-radius: 20px;
	box-sizing: border-box;
	box-shadow: 5px 5px 10px 0px rgb(0,0,0,0.2);
	}
.block_03 .box_03 .dt {	
	color: #d70c19;
	font-size: 30px;
	line-height: 1.2em;
	margin-top: 0px;
	}
.block_03 .box_03 .dd {
	padding-bottom: 20px;
	}
	
@media only screen and (max-width: 768px) {
.block_03 .box_03 .slider-nav li b {	
	font-size: 40px;
	}
.block_03 .box_03 .slider-nav li span {	
	font-size: 12px;
	line-height: 1.0em;
	}
}
	
/************************/
.block_04 {
	box-sizing: border-box;
	padding: 0px 5% 50px 5%;
	background: linear-gradient(180deg,  #9c7e58 0%, #a68b61 50%,#000000 100%);
	background-repeat: no-repeat; 	
    background-size:100% 100%;
    background-position: 50% 100% !important;
	text-align: center;

	}
	
.block_04 .box_02 .dd {
	width: 100%;
	text-align: left;
	padding-top: 30px;
	}

.block_04 .box_04,
.block_04 .box_03,
.block_04 .box_02 {	
	background-color: #fff7ef;
	padding: 40px;
    margin: 50px 1%;
	border-radius: 20px;
	box-sizing: border-box;
	}

.block_04 .box_04 .pic,
.block_04 .box_03 .pic,
.block_04 .box_02 .pic {	
    margin-top: 30px;
	}	
	
/************************/
.block_05 {
	width: 100%;
	padding: 20px 5%;
	padding-bottom: 80px;
	box-sizing: border-box;
	background-color: #000000;
	background-image:url('../images/bk_501.png'); 
	background-repeat: no-repeat; 	
    background-size: 2000px 400px;
    background-position: 50% 400px !important;
	text-align: center;
	}
	
.block_05 .box_01 .title01 {	
    margin-top: -30px;
	}
@media only screen and (max-width: 768px) {
.block_05 .box_01 .title01 {	
    width: 80%;
	padding: 0px 10%;
	text-align: center;
	}
}	
/************************/	

.block_05 .box_02 ul {	
	position: relative;
	width: 100%;
	}	
.block_05 .box_02 ul li {	
	position: relative;
	display: inline-block;
	float: left;
	width: 48%;
    min-height: 400px;
	margin: 0px 1%;
	background-color: #fff7ef;
	border-radius: 10px;
	overflow: hidden;
	}

.block_05 .box_02 ul li .tt {	
	font-size: 30px; 
	font-weight: 800;
	color: #231815;
	background: linear-gradient(135deg,  #dfab52 0%,#e2cd8e 40%,#e3d29f 100%);
	padding: 20px 0px;
	}

.block_05 .box_02 ul li .txt {	
	text-align: left;
	padding: 40px;
	font-weight: 800;
	color: #231815;
	}

@media only screen and (max-width: 480px) {
.block_05 .box_02 ul li .txt {	

	padding: 20px;
	
	}

}

.block_05 .box_02 ul li .dt {	
	font-size: 28px; 
	padding-bottom: 10px;
	}
.block_05 .box_02 ul li .dd {	
	font-size: 18px; 
	}
.block_05 .box_02 ul li .dd p {	
	padding-top: 10px;
	}
.block_05 .box_02 ul li .note {	
	color: #6f6f6e;
	padding-top: 10px;	
	}


	

	
@media only screen and (max-width: 768px) {
.block_05 .box_02 ul li {	
	width: 100%;
	margin: 10px 0px;
	min-height: 260px;
	}
}	
/************************/
.block_05 .box_03 {	
	position: relative;
	display: inline-block;
	width: 98%;
    min-height: 400px;
	border-radius: 10px;
	margin-top: 50px;
	margin-bottom: 20px;
	overflow: hidden;
	}

.block_05 .box_03 iframe {
	width: 100%;
	height: 100%;
	min-height: 600px;
	}
	
/************************/

.block_05 .box_10 a.btn_bt {	
	position: relative;
	display: inline-block;
	min-width: 200px;
	padding: 10px 0px;
	margin: 10px 5px;
	border-radius: 50px;
	background: linear-gradient(180deg,  #dfa648 0%, #e3d19a 100%);
	}

.block_05 .box_10 a:hover,
.block_05 .box_10 a {
	color: #000000;
	font-weight: 800;

	justify-content: center;
	align-items: center;
	}
.block_05 .box_10 a.btn_fb img,
.block_05 .box_10 a.btn_line img {
	width: 50px;
	top: 15px;
	margin: 0px 10px;
	}
	
@media only screen and (max-width: 768px) {
.block_05 .box_10 a.btn_bt {	
	display: block;
	}
	
}	
/************************/

.cs01 { color: #e30021; }
.cs02 { color: #000000; }
.cs03 { color: #e0c481; }
.text_underline { text-decoration: underline;}



.block .box .dd2{
	text-align: center;
}



.pc_992, .pc_768, .pc_480 { display: block; }
.mo_992, .mo_768, .mo_480 { display: none; }	

@media only screen and (max-width: 992px) {
.pc_992 { display: none; }
.mo_992 { display: block; }
}
@media only screen and (max-width: 768px) {
.pc_768 { display: none; }
.mo_768 { display: block; }
}
@media only screen and (max-width: 480px) {
.pc_480,  { display: none; }
.mo_480 { display:block !important; }
}


@media only screen and (max-width: 480px) {
.pc_480,  { display: none; }
.mo_480 { display:block !important; }
}


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

.block_01 .box_03,
.block_01 .box_04 .slider-for ,
.block_01 .box_04 .slider-for,
.block_02 .box_02 .slider-for,
.block_03 .box_03 .slider-for,
.block_04 .box_02,
.block_04 .box_03, 
.block_04 .box_04


{
	padding: 20px !important;
	}

}

.null{
	height: 46px;
}

.block .slide-item{

	margin: 1px;

}

#part01,#part02,#part03,#part04{

	position: absolute; 
	top:-150px

}