.bg-color-1{
	background: #CEBCC9;
}
.bg-color-2{
	background: #99467E;
}
.bg-color-3{
	background: #B76AA0;
}
.bg-color-4{
	background: #D6B6CD;
}
.bg-color-5{
	background: #BA81AA;
}
.bg-color-6{
	background: #F4F4F4;
}
.bg-color-7{
	background: linear-gradient(to bottom, #ffea01, #ffd701);
}
.bg-color-8{
	background: #E4DCE2;
}
.bg-color-9{
	background: #FFBF02;
}
.bg-color-10{
	background: #FFEA01;
}
.bg-color-11{
	background: #EDDEE8;
}
.bg-color-12{
	background: #E6C3DB;
}
.bg-color-13{
	background: #F7DFEF;
}
.bg-color-14{
	background: #F7D4EC;
}
.bg-color-15{
	background: #FFF2FC;
}
.bg-color-16{
	background: #DD98C7;
}
.bg-color-17{
	background: #D6B6CC;
}
.text-color-1{
	color: #946986;
}
.text-color-2{
	color: #AD5192;
}
.text-color-3{
	color: #F3CF7C;
}
.text-color-4{
	color: #FFEA04;
}
.text-color-5{
	color: #3A4B4A;
}
.text-color-6{
	color: #FFBF02;
}
.text-color-7{
	color: #FED202;
}
.text-color-8{
	color: #FFA200;
}
.text-color-9{
	color: #7C225D;
}
.text-color-10{
	color: #646A6F;
}
.text-color-11{
	color: #BAB52B;
}
.text-color-12{
	color: #F2A1CA;
}
.border-1{
	border: 2px solid #AD5192;
}
.border-2{
	border: 2px solid #FFE900;
}
.sec_1 .div-1{
	bottom: -36px;
}
.sec_1 .div-2{
	bottom: 80px;
}
.sec_1 .div-3{
	width: 500px;
	margin-bottom: -16px;
}
.sec_1 .div-4{
	height: 380px;
}
.sec_1_1 .div-1{
	width: 415px;
	margin-top: -30px;
}
.sec_1_1 .div-2{
	width: 45%;
	height: 100%;
	position: absolute;
	right: 6px;
	top: 0px;
}
.sec_1_1 .div-3{
	padding-top: 190px;
}
.sec_2 .text-1{
	left: 20%;
	top: 2%;
}
.sec_2 .text-2{
	top: 2%;
	right: 17%;
}
.sec_2 .div-1{
	width: 60px;
}
.sec_2 .div-2{
	top: 35%;
	left: 12%;
}
.sec_2 .div-3{
	top: 35%;
	right: 11%;
}
.sec_2 .div-4{
	width: 140px;
	left: 17%;
}
.sec_2 .div-5{
	width: 170px;
	right: 12%;
	top: 3%;
}
.sec_3 .number{
	border-bottom: 2px solid #FFBF02;
}
.sec_3 .div-1{
	padding-bottom: 90px;
	height: 450px;
	margin: 0 5px;
}
.sec_3 .div-2{
	left: 0;
	bottom: 50px;
	width: 90%;
}
.sec_3 .text-1{
	padding: 30px 0;
}
.sec_4 .text-1{
	line-height: 110px;
	text-align: center;
	width: 120px;
	height: 120px;
	display: inline-block;
	border-radius: 50%;
	margin: 0px 15px;
}
.sec_4 .div-1{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -50px;
    z-index: 13;
    position: relative;
}
.sec_4 .div-2{
	bottom: -60px;
}
.sec_4 .div-3{
	margin-top: 30px;
}
.sec_4 .div-4{
	max-width: 300px;
}
.sec_4 .div-5{
	max-width: 500px;
}
.sec_4 .div-6{
	height: 100%;
	right: 12%;
	display: flex;
	align-items: center;
}
.sec_4 .div-7{
	max-width: 300px;
}
.sec_4 .div-8{
	max-width: 100px;
}
.sec_4 .div-9{
	right: 9%;
	top: 18%;
}
.sec_5{
	height: 1350px;
}
.sec_5 .text-1{
	position: relative;
	text-align: center;
}
.sec_5 .text-1:before{
	width: 9%;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	border-bottom: 12px solid #FFEA01;
}
.sec_5 .text-1:after{
	width: 9%;
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	border-bottom: 12px solid #FFEA01;
}
.sec_5 .div-1{
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
	max-width: auto;
	background-color: #ffea01;
	border-radius: 50%;
	width: 75px;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	z-index: 10;
}
.sec_5 .div-2 .card{
	height: 230px;
}
.sec_7 .div-1{
	max-width: 800px;
}
.sec_7 .div-2{
	bottom: 8%;
}
.sec_8 .div-1{
	margin-left: auto;
	margin-right: auto;
	z-index: 13;
	position: relative;
	margin-top: -45px;
	width: 450px;
}
.sec_8 .div-2{
	margin-top: 50px;
}
.sec_8 .div-3{
	top: 9%;
    right: 5%;
    width: 385px;
}
.sec_8 .div-4{
	top: 27%;
	right: 5%;
	width: 385px;
}
.sec_8 .div-5{
	top: 45%;
	right: 5%;
	width: 385px;
}
.sec_8 .div-6{
	bottom: 9%;
	right: 19%;
	max-width: 185px;
}
.sec_8 .div-7{
	top: 8.5%;
}
.sec_8 .div-8{
    bottom: 7.5%;
    right: 14%;
    max-width: 185px;
}
.sec_8 .div-9{
	top: 20%;
	left: 0;
	right: 0;
	margin: auto;
}
.sec_8 .div-10{
	bottom: 22%;
	left: 17%;
}
.sec_8 .div-11{
	bottom: 22%;
	right: 17%;
}
.sec_8 .div-12{
	top: 48%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 280px;
}
.sec_8 .div-13{
	right: 9%;
	top: 11%;
}
.sec_8 .div-14{
	right: 11%;
	top: 29%;
}
.sec_8 .div-15{
	right: 13%;
	top: 47%;
}
.sec_9{
	height: 900px;
}
.sec_9 .div-1{
	max-width: 380px;
}
.sec_9 .div-2{
	bottom: 35.5%;
	left: 10%;
}
.sec_9 .div-3{
	bottom: 14%;
	right: 34.5%;
}
.sec_9 .text-1{
	top: 18%;
}
.sec_10 .div-1{
	max-width: 350px;
}
.sec_10 .div-2{
	bottom: 10%;
}
.sec_12 .card{
	height: 250px;
}
.sec_12{
	height: 700px;
}
.sec_12 .div-2{
	margin-top: -80px;
	width: 75%;
}
.sec_12 .div-3{
	margin-top: 80px;
}
.sec_12 .div-4{
	height: 450px;
}
.sec_14{
	height: 1260px;
}
.sec_14 .div-1{
	margin-bottom: -55px;
	z-index: 10;
	position: relative;
}
.sec_14 table{
	font-weight: 600;
	margin-top: 140px;
}
.sec_14 table td{
	vertical-align: middle;
	text-wrap: nowrap;
}
.sec_14 .img-1{
	width: 325px;
	position: absolute;
	left: -1%;
	top: -1.5%;
	z-index: 10;
}
.sec_14 .img-2{
	max-width: 220px;
	position: absolute;
	right: 5%;
	top: 0;
	z-index: 10;
}
.sec_16 .img-1{
	max-width: 50px;
	margin-left: 5px;
}
.sec_16 .img-2{
	max-width: 300px;
}
.sec_16 .div-1{
	margin-top: -150px;
}
.sec_16 .div-2{
	margin-top: 150px;
}
.sec_16 .hr{
	border-bottom: 3px dashed #fff;
}
.sec_17 .title{
	max-width: 235px;
}
.sec_17 .div-1{
	top: 28%;
	left: 11%;
}
.sec_17 .div-2{
	top: 47%;
	left: 11%;
}
.sec_17 .div-3{
	bottom: 21%;
	left: 0;
	right: 0;
	margin:auto;
}
.sec_17 .div-4 {
    top: 38%;
    right: 10%;
}
.sec_17 .div-5 {
    top: 56%;
    right: 10%;
}
.sec_17 .text-1{
	position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 15%;
}
.div_block.sec_1{
	height: 1400px;
}
.div_block.sec_1_1{
	height: 700px;
}
.div_block.sec_2{
	height: 880px;
}
.justify{
	text-align: justify;
	text-align-last: justify;
}
.aspect-ratio-1-1{
	aspect-ratio: 1 / 1;
}
.col-3{
	width: 25%;
}
.col-4{
	width: 33.333333%;
}
@media screen and (min-device-width: 576px) and (max-device-width: 991px) { 
	.sec_1 .div-3 {
	    width: 410px;
	    margin-bottom: -16px;
	}
	.sec_1_1 .div-1 {
	    width: 330px;
	    margin-top: -30px;
	}
	.sec_1_1 .div-3 {
	    padding-top: 140px;
	}
	.sec_1 .div-4 {
	    height: 325px;
	}
	.div_block.sec_1_1 {
	    height: 550px;
	}
	.sec_1_1 .div-2 {
	    width: 43%;
	    position: absolute;
	    right: 6px;
	    top: 0px;
	}
	.sec_2 .div-4 {
	    width: 125px;
	    left: 17%;
	}
	.sec_2 .div-5 {
	    width: 115px;
	    right: 16%;
	    top: 5%;
	}
	.sec_2 .text-1 {
	    left: 19%;
	    top: 1%;
	}
	.sec_2 .text-2 {
	    top: 1%;
	    right: 16%;
	}
	.sec_2 .div-1 {
	    width: 40px;
	}
	.div_block.sec_2 {
	    height: 680px;
	}
	.sec_3 .div-1 {
	    height: 360px;
	}
	.sec_4 .text-1 {
	    line-height: 100px;
	    width: 100px;
	    height: 100px;
	}
	.sec_4 .div-4 {
	    max-width: 230px;
	}
	.sec_4 .div-5 {
	    max-width: 370px;
	}
	.sec_4 .div-6 {
	    right: 5%;
	}
	.sec_4 .div-7 {
	    max-width: 220px;
	}
	.sec_4 .div-8 {
	    max-width: 80px;
	}
	.sec_5 {
        height: 1170px;
	}
	.sec_7 .div-1 {
	    max-width: 630px;
	}
	.sec_7 .div-2 {
	    bottom: 5%;
	}
	.sec_8 .div-3 {
	    top: 11%;
	    right: 10%;
	    width: 320px;
	}
	.sec_8 .div-4 {
	    top: 29%;
	    right: 10%;
	    width: 320px;
	}
	.sec_8 .div-5 {
	    top: 47%;
	    right: 10%;
	    width: 320px;
	}
	.sec_8 .div-12 {
	    top: 46%;
	    max-width: 210px;
	}
	.sec_8 .div-13 {
	    right: 13.5%;
	    top: 13%;
	}
	.sec_8 .div-14 {
	    right: 16%;
	    top: 31%;
	}
	.sec_8 .div-15 {
	    right: 19%;
	    top: 49%;
	}
	.sec_8 .div-9 {
	    top: 21%;
	}
	.sec_8 .div-10 {
	    left: 22%;
	}
	.sec_8 .div-11 {
	    right: 22%;
	}
	.sec_14 {
	    height: 1070px;
	}
	.sec_8 .div-1 {
	    width: 370px;
	}
	.sec_8 .div-6 {
	    bottom: 11%;
	    max-width: 155px;
	}
	.sec_8 .div-8 {
	    bottom: 9.5%;
	    max-width: 155px;
	}
	.sec_9 .div-1 {
	    max-width: 350px;
	}
	.sec_9 .div-2 {
	    bottom: 35%;
	}
	.sec_9 .div-3 {
	    bottom: 13.5%;
	    right: 32.5%;
	}
	.sec_9 {
	    height: 800px;
	}
	.sec_12 .card {
	    height: 170px;
	}
	.sec_12 {
	    height: 600px;
	}
	.sec_14 .img-1 {
	    width: 275px;
	    left: -3%;
	    top: 1%;
	}
	.sec_14 .img-2 {
	    max-width: 200px;
	    right: 5%;
	    top: 2%;
	}
	.sec_16 .div-3{
		max-width: 600px;
	}
	.sec_16 .img-2 {
	    max-width: 215px;
	}
	.sec_16 .img-1 {
	    max-width: 32px;
	    margin-left: 5px;
	}
	.sec_17 .title {
	    max-width: 185px;
	}
}
@media screen and (max-width: 576px) {
	.div_block.sec_1 {
		height: 550px;
	}
	.sec_1 .div-3 {
	    width: 250px;
	}
	.sec_1 .div-2 {
	    bottom: 48px;
	}
	.sec_1 .div-4 {
		height: 178px;
	}
	.sec_1_1 .div-1 {
	    width: 193px;
	    margin-top: -8px;
	}
	.sec_1_1 .div-3 {
	    padding-top: 60px;
	}
	.sec_1_1 .div-2 {
	    width: 46%;
	    position: absolute;
	    right: -2px;
	    top: 0px;
	}
	.div_block.sec_1_1 {
	    height: 272px;
	}
	.sec_2 .div-4 {
	    width: 65px;
	    left: 15%;
	}
	.sec_2 .div-5 {
	    width: 80px;
	    right: 10%;
	    top: 1%;
	}
	.sec_2 .text-1 {
	    top: 1%;
	}
	.sec_2 .text-2 {
	    top: 1%;
		right: 18%;
	}
	.sec_2 .div-1 {
	    width: 24px;
	}
	.sec_2 .div-2 {
	    left: 10%;
	}
	.sec_2 .div-3 {
	    right: 9%;
	}
	.div_block.sec_2 {
	    height: 360px;
	}
	.sec_3 .div-1 {
		padding-bottom: 45px;
	    height: 210px;
	}
	.sec_3 .div-2 {
	    bottom: 28px;
	}
	.sec_4 .text-1 {
	    line-height: 80px;
	    width: 80px;
	    height: 80px;
	    margin: 0px 5px;
	}
	.sec_4 .div-1 {
	    margin-bottom: -28px;
	}
	.sec_4 .div-4 {
	    max-width: 150px;
	}
	.sec_4 .div-10{
		padding-top: 34px !important;
	}
	.sec_4 .div-5 {
	    max-width: 200px;
	}
	.sec_4 .div-7 {
	    max-width: 125px;
	}
	.sec_4 .div-8 {
	    max-width: 40px;
	}
	.sec_4 .div-9 {
	    right: -46%;
	    top: 13%;
	}
	.sec_4 .text-2{
		height: 32px;
	}
	.sec_5 .text-1:before {
	    border-bottom: 6px solid #FFEA01;
	}
	.sec_5 .div-2 .card {
		height: 142px;
	}
	.sec_5 .div-1 {
	    top: -23px;
	    width: 50px;
	    height: 50px;
	}
	.sec_5 {
		height: 750px;
	}
	.sec_6{height: 510px;}
	.sec_7 .div-1 {
	    max-width: 350px;
	}
	.sec_7 .div-2 {
		bottom: 0%;
	}
	.sec_8 .div-1 {
	    margin-top: -28px;
	    width: 220px;
	}
	.sec_8 .div-2 {
	    margin-top: 40px;
	}
	.sec_8 .div-12 {
	    top: 47%;
	    max-width: 110px;
	}
	.sec_8 .div-9 {
		top: 22%;
		left: -7px;
		right: 0px;
		margin: auto;
	}
	
	.sec_8 .div-10{
		bottom: 22%;
		left: 23%;
	}
	.sec_8 .div-11 {
	    right: 23%;
	}
	.sec_8 .div-3 {
	    top: 9%;
	    right: 15%;
	    width: 150px;
	}
	.sec_8 .div-4 {
	    top: 27%;
	    right: 15%;
	    width: 150px;
	}
	.sec_8 .div-5 {
	    top: 46%;
	    right: 15%;
	    width: 150px;
	}
	.sec_8 .div-6 {
		bottom: 6%;
	    right: 20%;
	    max-width: 70px;
	}
	.sec_8 .div-13 {
	    right: 17%;
	    top: 10%;
	}
	.sec_8 .div-14 {
	    right: 19%;
	    top: 28%;
	}
	.sec_8 .div-15 {
	    right: 22%;
	    top: 47.5%;
	}
	.sec_8 .div-8 {
		bottom: 5.5%;
		right: 15%;
	    max-width: 80px;
	}
	.sec_9 .text-1 {
	    top: -17%;
	}
	.sec_9 .div-1 {
	    max-width: 205px;
	}
	.sec_9 {
	    height: 495px;
	}
	.sec_10 .div-1 {
	    max-width: 140px;
	}
	.sec_12 .card {
	    height: 100px;
	}
	.sec_12 .div-4 {
	    height: 335px;
	}
	.sec_12 {
	    height: 435px;
	}
	.sec_16 .div-1 {
	    margin-top: -105px;
	}
	.sec_16 .img-2 {
	    max-width: 120px;
	}
	.sec_16 .div-2 {
	    margin-top: 120px;
	}
	.sec_16 .img-1 {
	    max-width: 17px;
	}
	.sec_14 .div-1 {
	    margin-bottom: -68px;
	}
	.sec_14 table {
	    margin-top: 50px;
	}
	.sec_14 .img-1 {
	    width: 125px;
	    left: -3%;
	    top: -2%;
	}
	.sec_14 .img-2 {
	    max-width: 95px;
	    right: 3%;
	    top: 0%;
	}
	.sec_14 {
	    height: 690px;
	}
	.sec_15{
		height: 570px;
	}
	.sec_13{
		height: 477px;
	}
	.sec_16 .div-3{
		max-width: 320px;
	}
	.sec_16 .div-3 img{
		margin-top: 10px;
	}
	.sec_17 .title {
	    max-width: 107px;
	}
	.sec_17 .text-1 {
	    bottom: -2%;
	}
	
.pl-5, .px-5 {
    padding-left: 1rem !important;
}
.pr-5, .px-5 {
    padding-right: 1rem !important;
}
}




@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap');

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.font-family-1{
	font-family: 'Noto Sans TC', sans-serif;
}
.font-family-2{
	font-family: 'cwTeXYen', sans-serif;
}
.font-family-3{
  font-family: "Noto Serif TC", serif;
}
.content-row .div_block{
	padding: 0;
}
.content-row p{
	margin: 0;
}
.content-row .overflow-hidden{
	overflow: hidden;
}
.overflow-hidden{
	overflow: hidden;
}
.text-size-160{
	font-size: 160px !important;
}
.text-size-140{
	font-size: 140px !important;
}
.text-size-120{
	font-size: 120px !important;
}
.text-size-100{
	font-size: 100px !important;
}
.text-size-90{
	font-size: 90px;
}
.text-size-84{
	font-size: 84px;
}
.text-size-82{
	font-size: 82px;
}
.text-size-80{
	font-size: 80px;
}
.text-size-78{
	font-size: 78px;
}
.text-size-76{
	font-size: 76px;
}
.text-size-74{
	font-size: 74px;
}
.text-size-72{
	font-size: 72px;
}
.text-size-70{
	font-size: 70px;
}
.text-size-66{
	font-size: 66px;
}
.text-size-64{
	font-size: 64px;
}
.text-size-62{
	font-size: 62px;
}
.text-size-60{
	font-size: 60px;
}
.text-size-58{
	font-size: 58px;
}
.text-size-56{
	font-size: 56px;
}
.text-size-54{
	font-size: 54px;
}
.text-size-52{
	font-size: 52px;
}
.text-size-50{
	font-size: 50px;
}
.text-size-48{
	font-size: 48px;
}
.text-size-46{
	font-size: 46px;
}
.text-size-42{
	font-size: 42px;
}
.text-size-40{
	font-size: 40px;
}
.text-size-38{
	font-size: 38px;
}
.text-size-36{
	font-size: 36px;
}
.text-size-34{
	font-size: 34px;
}
.text-size-32{
	font-size: 32px;
}
.text-size-30{
	font-size: 30px;
}
.text-size-28{
	font-size: 28px;
}
.text-size-26{
	font-size: 26px;
}
.text-size-24{
	font-size: 24px;
}
.text-size-22{
	font-size: 22px;
}
.text-size-20{
	font-size: 20px;
}
.text-size-18{
	font-size: 18px;
}
.text-size-16{
	font-size: 16px;
}
.text-size-14{
	font-size: 14px;
}
.text-size-12{
	font-size: 12px;
}
.font-weight-900{
	font-weight: 900 !important;
}
.font-weight-700{
	font-weight: 700 !important;
}
.font-weight-600{
	font-weight: 600 !important;
}
.font-weight-500{
	font-weight: 500 !important;
}
.font-weight-400{
	font-weight: 400 !important;
}
.font-weight-300{
	font-weight: 300 !important;
}
.text-blur-1{
  color: #000;
  filter: blur(5px);
}
.text-shadow-1{
	text-shadow: 0 0 5px #ffffff, 
	0 0 20px #ffffff, 
	0 0 30px #ffffff, 
	0 0 25px #ffffff, 
	0 0 25px #ffffff;
}
.text-shadow-2{
	text-shadow: 0 0 5px #ba81a9, 
	0 0 15px #d6b6cc, 
	0 0 15px #d6b6cc, 
	0 0 15px #ba81a9, 
	0 0 15px #ba81a9;
}
.content-row{
	width: 960px;overflow: hidden;
}
.obj-position-top{
	object-position: top;
}
.obj-position-center{
	object-position: center;
}
.obj-position-bottom{
	object-position: bottom;
}
.obj-position-left{
	object-position: left;
}
.obj-position-right{
	object-position: right;
}
.obj-fit-contain{
	object-fit: contain;
}
.obj-fit-cover{
	object-fit: cover;
}
.storke{
	position: relative;
	z-index: 1;
}
.storke::before{
	position: absolute;
	content: attr(data-storke);
	z-index: -1;
	white-space:nowrap;
}
.absolute-align-center{
	top: 50%;
	transform: translateY(-50%);
}
.absolute-content-center{
	left: 50%;
	transform: translateX(-50%);
}
.top-0{
	top: 0;
}
.left-0{
	left: 0;
}
.right-0{
	right: 0;
}
.bottom-0{
	bottom: 0;
}
.width-fit{
	width: fit-content;
}
.rounded-pill{
	border-radius: 15rem !important;
}
.rounded-pill-1{
	border-radius: 1rem !important;
}
.rounded-pill-50{
	border-radius: 50rem !important;
}
.pointer-events-none{
	pointer-events: none;
}
.multiline-ellipsis-clamp-1{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiline-ellipsis-clamp-2{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiline-ellipsis-clamp-3{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.border-white-5{
	border: 5px solid #fff;
}
.letter-spacing-0{
	letter-spacing: 0;
}
.letter-spacing-2{
	letter-spacing: 2px;
}
.letter-spacing-6{
	letter-spacing: 6px;
}
.letter-spacing-8{
	letter-spacing: 8px;
}
.letter-spacing-15{
	letter-spacing: 15px;
}
.letter-spacing-20{
	letter-spacing: 20px;
}
.z-index-10{
	z-index:10;
}
.z-index-11{
	z-index:11;
}
.z-index-12{
	z-index:12;
}
.line-height-12 {
    line-height: 12px;
}
.line-height-14 {
    line-height: 14px;
}
.line-height-16 {
    line-height: 16px;
}
.line-height-18 {
    line-height: 18px;
}
.line-height-20 {
    line-height: 20px;
}
.line-height-22 {
    line-height: 22px;
}
.line-height-24 {
    line-height: 24px;
}
.line-height-26 {
    line-height: 26px;
}
.line-height-28 {
    line-height: 28px;
}
.line-height-30 {
    line-height: 30px;
}
.line-height-32 {
    line-height: 32px;
}
.line-height-34 {
    line-height: 34px;
}
.line-height-36 {
    line-height: 36px;
}
.line-height-38 {
    line-height: 38px;
}
.line-height-40 {
    line-height: 40px;
}
.line-height-42 {
    line-height: 42px;
}
.line-height-44 {
    line-height: 44px;
}
.line-height-46 {
    line-height: 46px;
}
.line-height-48 {
    line-height: 48px;
}
.line-height-50 {
    line-height: 50px;
}
.line-height-52 {
    line-height: 52px;
}
.line-height-54 {
    line-height: 54px;
}
.line-height-56 {
    line-height: 56px;
}
.line-height-58 {
    line-height: 58px;
}
.line-height-60 {
    line-height: 60px;
}
.line-height-62 {
    line-height: 62px;
}
.line-height-64 {
    line-height: 64px;
}
.line-height-66 {
    line-height: 133px;
}
.line-height-68 {
    line-height: 68px;
}
.line-height-70 {
    line-height: 70px;
}
.line-height-72 {
    line-height: 72px;
}
.line-height-74 {
    line-height: 74px;
}
.line-height-76 {
    line-height: 76px;
}
.line-height-78 {
    line-height: 78px;
}
.line-height-80 {
    line-height: 80px;
}
.line-height-82 {
    line-height: 82px;
}
.line-height-84 {
    line-height: 84px;
}
.line-height-86 {
    line-height: 86px;
}
.line-height-88 {
    line-height: 88px;
}
.line-height-90 {
    line-height: 90px;
}
.line-height-92 {
    line-height: 92px;
}
.line-height-94 {
    line-height: 94px;
}
.line-height-96 {
    line-height: 96px;
}
.line-height-98 {
    line-height: 98px;
}
.line-height-100 {
    line-height: 100px;
}
.line-height-102 {
    line-height: 102px;
}
.line-height-104 {
    line-height: 104px;
}
.line-height-106 {
    line-height: 106px;
}
.line-height-108 {
    line-height: 108px;
}
.line-height-110 {
    line-height: 110px;
}
.line-height-112 {
    line-height: 112px;
}
.line-height-114 {
    line-height: 114px;
}
.line-height-116 {
    line-height: 116px;
}
.line-height-118 {
    line-height: 118px;
}
.line-height-120 {
    line-height: 120px;
}
@media screen and (min-width: 992px) {
	.content-row{
		width: 960px !important;
	}
}
@media screen and (min-device-width: 577px) and (max-device-width: 991px) { 
	.content-row{
		width: 768px !important;
	}
	.md-letter-spacing-2{
		letter-spacing: 2px;
	}
	.md-letter-spacing-6{
		letter-spacing: 6px;
	}
	.md-text-size-16 {
	    font-size: 16px !important;
	}
	.md-text-size-18 {
	    font-size: 18px !important;
	}
	.md-text-size-20 {
	    font-size: 20px !important;
	}
	.md-text-size-22 {
	    font-size: 22px !important;
	}
	.md-text-size-24 {
	    font-size: 24px !important;
	}
	.md-text-size-26 {
	    font-size: 26px !important;
	}
	.md-text-size-28 {
	    font-size: 28px !important;
	}
	.md-text-size-30 {
	    font-size: 30px !important;
	}
	.md-text-size-32 {
	    font-size: 32px !important;
	}
	.md-text-size-34 {
	    font-size: 34px !important;
	}
	.md-text-size-36 {
	    font-size: 36px !important;
	}
	.md-text-size-38 {
	    font-size: 38px !important;
	}
	.md-text-size-40 {
	    font-size: 40px !important;
	}
	.md-text-size-42{
		font-size: 42px;
	}
	.md-text-size-46 {
	    font-size: 46px !important;
	}
	.md-text-size-48 {
	    font-size: 48px !important;
	}
	.md-text-size-50 {
	    font-size: 50px !important;
	}
	.md-text-size-52 {
	    font-size: 52px !important;
	}
	.md-text-size-54 {
	    font-size: 54px !important;
	}
	.md-text-size-56{
		font-size: 56px;
	}
	.md-text-size-58{
		font-size: 56px;
	}
	.md-text-size-60 {
	    font-size: 60px !important;
	}
	.md-text-size-62 {
	    font-size: 62px !important;
	}
	.md-text-size-64 {
	    font-size: 64px !important;
	}
	.md-text-size-66 {
	    font-size: 66px !important;
	}
	.md-text-size-70 {
	    font-size: 70px !important;
	}
	.md-text-size-72 {
	    font-size: 72px !important;
	}
	.md-text-size-74 {
	    font-size: 74px !important;
	}
	.md-text-size-76 {
	    font-size: 76px !important;
	}
	.md-text-size-80 {
	    font-size: 80px !important;
	}
	.md-text-size-82 {
	    font-size: 82px !important;
	}
	.md-text-size-100 {
	    font-size: 100px !important;
	}
	.md-text-size-120 {
	    font-size: 120px !important;
	}
	.md-line-height-12 {
	    line-height: 12px;
	}
	.md-line-height-14 {
	    line-height: 14px;
	}
	.md-line-height-16 {
	    line-height: 16px;
	}
	.md-line-height-18 {
	    line-height: 18px;
	}
	.md-line-height-20 {
	    line-height: 20px;
	}
	.md-line-height-22 {
	    line-height: 22px;
	}
	.md-line-height-24 {
	    line-height: 24px;
	}
	.md-line-height-26 {
	    line-height: 26px;
	}
	.md-line-height-28 {
	    line-height: 28px;
	}
	.md-line-height-30 {
	    line-height: 30px;
	}
	.md-line-height-32 {
	    line-height: 32px;
	}
	.md-line-height-34 {
	    line-height: 34px;
	}
	.md-line-height-36 {
	    line-height: 36px;
	}
	.md-line-height-38 {
	    line-height: 38px;
	}
	.md-line-height-40 {
	    line-height: 40px;
	}
	.md-line-height-42 {
	    line-height: 42px;
	}
	.md-line-height-44 {
	    line-height: 44px;
	}
	.md-line-height-46 {
	    line-height: 46px;
	}
	.md-line-height-48 {
	    line-height: 48px;
	}
	.md-line-height-50 {
	    line-height: 50px;
	}
	.md-line-height-52 {
	    line-height: 52px;
	}
	.md-line-height-54 {
	    line-height: 54px;
	}
	.md-line-height-56 {
	    line-height: 56px;
	}
	.md-line-height-58 {
	    line-height: 58px;
	}
	.md-line-height-60 {
	    line-height: 60px;
	}
	.md-line-height-62 {
	    line-height: 62px;
	}
	.md-line-height-64 {
	    line-height: 64px;
	}
	.md-line-height-66 {
	    line-height: 66px;
	}
	.md-line-height-68 {
	    line-height: 68px;
	}
	.md-line-height-70 {
	    line-height: 70px;
	}
	.md-line-height-72 {
	    line-height: 72px;
	}
	.md-line-height-74 {
	    line-height: 74px;
	}
	.md-line-height-76 {
	    line-height: 76px;
	}
	.md-line-height-78 {
	    line-height: 78px;
	}
	.md-line-height-80 {
	    line-height: 80px;
	}
	.md-line-height-82 {
	    line-height: 82px;
	}
	.md-line-height-84 {
	    line-height: 84px;
	}
	.md-line-height-86 {
	    line-height: 86px;
	}
	.md-line-height-88 {
	    line-height: 88px;
	}
	.md-line-height-90 {
	    line-height: 90px;
	}
	.md-line-height-92 {
	    line-height: 92px;
	}
	.md-line-height-94 {
	    line-height: 94px;
	}
	.md-line-height-96 {
	    line-height: 96px;
	}
	.md-line-height-98 {
	    line-height: 98px;
	}
	.md-line-height-100 {
	    line-height: 100px;
	}
	.md-line-height-102 {
	    line-height: 102px;
	}
	.md-line-height-104 {
	    line-height: 104px;
	}
	.md-line-height-106 {
	    line-height: 106px;
	}
	.md-line-height-108 {
	    line-height: 108px;
	}
	.md-line-height-110 {
	    line-height: 110px;
	}
	.md-line-height-112 {
	    line-height: 112px;
	}
	.md-line-height-114 {
	    line-height: 114px;
	}
	.md-line-height-116 {
	    line-height: 116px;
	}
	.md-line-height-118 {
	    line-height: 118px;
	}
	.md-line-height-120 {
	    line-height: 120px;
	}
}
@media screen and (max-width: 576px) {
	.line-height-66 {
    line-height: 33px;
}
	
	.content-row{
		width: 100%;
	}
	.sm-width-unset{
		width: unset !important;
	}
	.sm-width-fit{
		width: fit-content !important;
	}
	.sm-letter-spacing-unset{
		letter-spacing: unset;
	}
	.sm-letter-spacing-1{
		letter-spacing: 1px;
	}
	.sm-letter-spacing-2{
		letter-spacing: 0px;
	}
	.sm-letter-spacing-4{
		letter-spacing: 4px;
	}
	.sm-letter-spacing-6{
		letter-spacing: 6px;
	}
	.sm-obj-position-bottom{
		object-position: bottom !important;
	}
	.sm-obj-position-center{
		object-position: center !important;
	}
	.sm-text-size-8 {
	    font-size: 8px !important;
	}
	.sm-text-size-10 {
	    font-size: 9px !important;
	}
	.sm-text-size-11 {
	    font-size: 11px !important;
	}
	.sm-text-size-12 {
	    font-size: 12px !important;
	}
	.sm-text-size-14 {
	    font-size: 13px !important;
	}
	.sm-text-size-16 {
	    font-size: 16px !important;
	}
	.sm-text-size-18 {
	    font-size: 18px !important;
	}
	.sm-text-size-19 {
	    font-size: 19px !important;
	}
	.sm-text-size-20 {
	    font-size: 20px !important;
	}
	.sm-text-size-22 {
	    font-size: 22px !important;
	}
	.sm-text-size-24 {
	    font-size: 24px !important;
	}
	.sm-text-size-26 {
	    font-size: 24px !important;
	}
	.sm-text-size-28 {
	    font-size: 28px !important;
	}
	.sm-text-size-30 {
	    font-size: 30px !important;
	}
	.sm-text-size-32 {
	    font-size: 29px !important;
	}
	.sm-text-size-34 {
	    font-size: 31px !important;
	}
	.sm-text-size-36 {
	    font-size: 36px !important;
	}
	.sm-text-size-38 {
	    font-size: 38px !important;
	}
	.sm-text-size-40 {
	    font-size: 40px !important;
	}
	.sm-text-size-42{
		font-size: 42px;
	}
	.sm-text-size-46 {
	    font-size: 46px !important;
	}
	.sm-text-size-48 {
	    font-size: 48px !important;
	}
	.sm-text-size-50 {
	    font-size: 50px !important;
	}
	.sm-text-size-52 {
	    font-size: 52px !important;
	}
	.sm-text-size-54 {
	    font-size: 54px !important;
	}
	.sm-text-size-56{
		font-size: 56px;
	}
	.sm-text-size-58{
		font-size: 56px;
	}
	.sm-text-size-60 {
	    font-size: 60px !important;
	}
	.sm-text-size-62 {
	    font-size: 62px !important;
	}
	.sm-text-size-64 {
	    font-size: 64px !important;
	}
	.sm-text-size-66 {
	    font-size: 66px !important;
	}
	.sm-text-size-70 {
	    font-size: 70px !important;
	}
	.sm-text-size-74 {
	    font-size: 74px !important;
	}
	.sm-text-size-76 {
	    font-size: 76px !important;
	}
	.sm-text-size-80 {
	    font-size: 80px !important;
	}
	.sm-text-size-100 {
	    font-size: 100px !important;
	}
	.sm-text-size-120 {
	    font-size: 120px !important;
	}
	.sm-obj-fit-contain{
		object-fit: contain !important;
	}
	.sm-obj-position-top{
		object-position: top !important;
	}
	.sm-line-height-12 {
	    line-height: 12px;
	}
	.sm-line-height-14 {
	    line-height: 14px;
	}
	.sm-line-height-16 {
	    line-height: 16px;
	}
	.sm-line-height-18 {
	    line-height: 18px;
	}
	.sm-line-height-20 {
	    line-height: 20px;
	}
	.sm-line-height-22 {
	    line-height: 22px;
	}
	.sm-line-height-24 {
		line-height: 30px;
	}
	.sm-line-height-26 {
	    line-height: 26px;
	}
	.sm-line-height-28 {
	    line-height: 28px;
	}
	.sm-line-height-30 {
	    line-height: 30px;
	}
	.sm-line-height-32 {
	    line-height: 32px;
	}
	.sm-line-height-34 {
	    line-height: 34px;
	}
	.sm-line-height-36 {
	    line-height: 36px;
	}
	.sm-line-height-38 {
	    line-height: 38px;
	}
	.sm-line-height-40 {
	    line-height: 40px;
	}
	.sm-line-height-42 {
	    line-height: 42px;
	}
	.sm-line-height-44 {
	    line-height: 44px;
	}
	.sm-line-height-46 {
	    line-height: 46px;
	}
	.sm-line-height-48 {
	    line-height: 48px;
	}
	.sm-line-height-50 {
	    line-height: 50px;
	}
	.sm-line-height-52 {
	    line-height: 52px;
	}
	.sm-line-height-54 {
	    line-height: 54px;
	}
	.sm-line-height-56 {
	    line-height: 56px;
	}
	.sm-line-height-58 {
	    line-height: 58px;
	}
	.sm-line-height-60 {
	    line-height: 60px;
	}
	.sm-line-height-62 {
	    line-height: 62px;
	}
	.sm-line-height-64 {
	    line-height: 64px;
	}
	.sm-line-height-66 {
	    line-height: 66px;
	}
	.sm-line-height-68 {
	    line-height: 68px;
	}
	.sm-line-height-70 {
	    line-height: 70px;
	}
	.sm-line-height-72 {
	    line-height: 72px;
	}
	.sm-line-height-74 {
	    line-height: 74px;
	}
	.sm-line-height-76 {
	    line-height: 76px;
	}
	.sm-line-height-78 {
	    line-height: 78px;
	}
	.sm-line-height-80 {
	    line-height: 80px;
	}
	.sm-line-height-82 {
	    line-height: 82px;
	}
	.sm-line-height-84 {
	    line-height: 84px;
	}
	.sm-line-height-86 {
	    line-height: 86px;
	}
	.sm-line-height-88 {
	    line-height: 88px;
	}
	.sm-line-height-90 {
	    line-height: 90px;
	}
	.sm-line-height-92 {
	    line-height: 92px;
	}
	.sm-line-height-94 {
	    line-height: 94px;
	}
	.sm-line-height-96 {
	    line-height: 96px;
	}
	.sm-line-height-98 {
	    line-height: 98px;
	}
	.sm-line-height-100 {
	    line-height: 100px;
	}
	.sm-line-height-102 {
	    line-height: 102px;
	}
	.sm-line-height-104 {
	    line-height: 104px;
	}
	.sm-line-height-106 {
	    line-height: 106px;
	}
	.sm-line-height-108 {
	    line-height: 108px;
	}
	.pt-2, {
    padding-top: 1.2rem !important;
	}
	.py-2 {
    padding-top: 0.5rem !important;
	}
	.text-shadow-1{
	text-shadow: 0 0 5px #ffffff, 
	0 0 10px #ffffff, 
	0 0 10px #ffffff, 
	0 0 10px #ffffff, 
	0 0 10px #ffffff;
	}
	
	.ml-5, .mx-5 {
    margin-left: 1rem !important;}

.mr-5, .mx-5 {
    margin-right: 1rem !important;}
	
.sec_16 .div-3 {max-width: 276px;}
	
.mt-3, .my-3 {
    margin-top: 0.6rem !important;
}
.sec_8 .div-7 {
    top: 11%;
}
}
@media screen and (max-width: 390px) {
	.xs-width-unset{
		width: unset !important;
	}
	.xs-width-fit{
		width: fit-content !important;
	}
	.xs-letter-spacing-unset{
		letter-spacing: unset;
	}
	.xs-letter-spacing-1{
		letter-spacing: 1px;
	}
	.xs-letter-spacing-2{
		letter-spacing: 2px;
	}
	.xs-letter-spacing-4{
		letter-spacing: 4px;
	}
	.xs-letter-spacing-6{
		letter-spacing: 6px;
	}
	.xs-obj-position-bottom{
		object-position: bottom !important;
	}
	.xs-obj-position-center{
		object-position: center !important;
	}
	.xs-text-size-8 {
	    font-size: 8px !important;
	}
	.xs-text-size-10 {
	    font-size: 10px !important;
	}
	.xs-text-size-12 {
	    font-size: 12px !important;
	}
	.xs-text-size-14 {
	    font-size: 14px !important;
	}
	.xs-text-size-16 {
	    font-size: 16px !important;
	}
	.xs-text-size-18 {
	    font-size: 18px !important;
	}
	.xs-text-size-20 {
	    font-size: 20px !important;
	}
	.xs-text-size-22 {
	    font-size: 22px !important;
	}
	.xs-text-size-24 {
	    font-size: 24px !important;
	}
	.xs-text-size-26 {
	    font-size: 26px !important;
	}
	.xs-text-size-28 {
	    font-size: 28px !important;
	}
	.xs-text-size-30 {
	    font-size: 30px !important;
	}
	.xs-text-size-32 {
	    font-size: 32px !important;
	}
	.xs-text-size-34 {
	    font-size: 34px !important;
	}
	.xs-text-size-36 {
	    font-size: 36px !important;
	}
	.xs-text-size-38 {
	    font-size: 38px !important;
	}
	.xs-text-size-40 {
	    font-size: 40px !important;
	}
	.xs-text-size-42{
		font-size: 42px;
	}
	.xs-text-size-46 {
	    font-size: 46px !important;
	}
	.xs-text-size-48 {
	    font-size: 48px !important;
	}
	.xs-text-size-50 {
	    font-size: 50px !important;
	}
	.xs-text-size-52 {
	    font-size: 52px !important;
	}
	.xs-text-size-54 {
	    font-size: 54px !important;
	}
	.xs-text-size-56{
		font-size: 56px;
	}
	.xs-text-size-58{
		font-size: 56px;
	}
	.xs-text-size-60 {
	    font-size: 60px !important;
	}
	.xs-text-size-62 {
	    font-size: 62px !important;
	}
	.xs-text-size-64 {
	    font-size: 64px !important;
	}
	.xs-text-size-66 {
	    font-size: 66px !important;
	}
	.xs-text-size-70 {
	    font-size: 70px !important;
	}
	.xs-text-size-74 {
	    font-size: 74px !important;
	}
	.xs-text-size-76 {
	    font-size: 76px !important;
	}
	.xs-text-size-80 {
	    font-size: 80px !important;
	}
	.xs-text-size-100 {
	    font-size: 100px !important;
	}
	.xs-text-size-120 {
	    font-size: 120px !important;
	}
	.xs-obj-fit-contain{
		object-fit: contain !important;
	}
	.xs-obj-position-top{
		object-position: top !important;
	}
	.xs-line-height-12 {
	    line-height: 12px;
	}
	.xs-line-height-14 {
	    line-height: 14px;
	}
	.xs-line-height-16 {
	    line-height: 16px;
	}
	.xs-line-height-18 {
	    line-height: 18px;
	}
	.xs-line-height-20 {
	    line-height: 20px;
	}
	.xs-line-height-22 {
	    line-height: 22px;
	}
	.xs-line-height-24 {
	    line-height: 24px;
	}
	.xs-line-height-26 {
	    line-height: 26px;
	}
	.xs-line-height-28 {
	    line-height: 28px;
	}
	.xs-line-height-30 {
	    line-height: 30px;
	}
	.xs-line-height-32 {
	    line-height: 32px;
	}
	.xs-line-height-34 {
	    line-height: 34px;
	}
	.xs-line-height-36 {
	    line-height: 36px;
	}
	.xs-line-height-38 {
	    line-height: 38px;
	}
	.xs-line-height-40 {
	    line-height: 40px;
	}
	.xs-line-height-42 {
	    line-height: 42px;
	}
	.xs-line-height-44 {
	    line-height: 44px;
	}
	.xs-line-height-46 {
	    line-height: 46px;
	}
	.xs-line-height-48 {
	    line-height: 48px;
	}
	.xs-line-height-50 {
	    line-height: 50px;
	}
	.xs-line-height-52 {
	    line-height: 52px;
	}
	.xs-line-height-54 {
	    line-height: 54px;
	}
	.xs-line-height-56 {
	    line-height: 56px;
	}
	.xs-line-height-58 {
	    line-height: 58px;
	}
	.xs-line-height-60 {
	    line-height: 60px;
	}
	.xs-line-height-62 {
	    line-height: 62px;
	}
	.xs-line-height-64 {
	    line-height: 64px;
	}
	.xs-line-height-66 {
	    line-height: 66px;
	}
	.xs-line-height-68 {
	    line-height: 68px;
	}
	.xs-line-height-70 {
	    line-height: 70px;
	}
	.xs-line-height-72 {
	    line-height: 72px;
	}
	.xs-line-height-74 {
	    line-height: 74px;
	}
	.xs-line-height-76 {
	    line-height: 76px;
	}
	.xs-line-height-78 {
	    line-height: 78px;
	}
	.xs-line-height-80 {
	    line-height: 80px;
	}
	.xs-line-height-82 {
	    line-height: 82px;
	}
	.xs-line-height-84 {
	    line-height: 84px;
	}
	.xs-line-height-86 {
	    line-height: 86px;
	}
	.xs-line-height-88 {
	    line-height: 88px;
	}
	.xs-line-height-90 {
	    line-height: 90px;
	}
	.xs-line-height-92 {
	    line-height: 92px;
	}
	.xs-line-height-94 {
	    line-height: 94px;
	}
	.xs-line-height-96 {
	    line-height: 96px;
	}
	.xs-line-height-98 {
	    line-height: 98px;
	}
	.xs-line-height-100 {
	    line-height: 100px;
	}
	.xs-line-height-102 {
	    line-height: 102px;
	}
	.xs-line-height-104 {
	    line-height: 104px;
	}
	.xs-line-height-106 {
	    line-height: 106px;
	}
	.xs-line-height-108 {
	    line-height: 108px;
	}
}
@media screen and (max-width: 414px) {
	.custom-sale-prodcut .content-row {
		transform-origin: top left;
	}
}
@media screen and (max-width: 390px) {
	.custom-sale-prodcut .content-row {
    flex-direction: column;
    padding: 0px;
	}
}
@media screen and (max-width: 375px) {
	.custom-sale-prodcut .content-row {
    flex-direction: column;
    padding: 0px;
	}
}