@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);

.font-family-1{
	font-family: 'Noto Sans TC', sans-serif;
}
.font-family-2{
	font-family: 'cwTeXYen', sans-serif;
}
.img_object{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.img_object-2{
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.img_object-3{
	object-fit: cover;
	object-position: center;
	width: 120%;
	height: 100%;
}
.font-weight-900{
	font-weight: 900;
}
.font-weight-700{
	font-weight: 700;
}
.font-weight-600{
	font-weight: 600;
}
.font-weight-500{
	font-weight: 500;
}
.letter-spacing-1{
	letter-spacing: 5px;
}
/*
.text-stroke-1{
	-webkit-text-stroke: 1px #fff;
}
*/
.boundary-1{
	padding: 0 50px;
}
.text-shadow{
	text-shadow: 2px 2px 4px #000000, 1.5px 1.5px 3px #ffffff;
}
.text-shadow-1{
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.text-shadow-2{
	text-shadow: 1px -2px 0 #ffffff, 1.5px 1.5px 3px #000;
}
.text-shadow-3{
	color: #d3d3d3;
;	text-shadow: 0 0 10px rgb(42 3 3);
}
.text-size-100{
	font-size: 100px;
}
.text-size-80{
	font-size: 80px;
}
.text-size-60{
	font-size: 60px;
}
.text-size-50{
	font-size: 50px;
}
.text-size-48{
	font-size: 48px;
}
.text-size-46{
	font-size: 48px;
}
.text-size-40{
	font-size: 40px;
}
.text-size-36{
	font-size: 36px;
}
.text-size-34{
	font-size: 34px;
}
.text-size-30{
	font-size: 30px;
}
.text-size-24{
	font-size: 24px;
}
.text-size-16{
	font-size: 16px;
}
.text-size-14{
	font-size: 14px;
}
.text-size-12{
	font-size: 12px;
}
.row{
	margin: 0;
}
.content-row .div_block{
	padding: 0;
}
.fill-available{
	width: -webkit-fill-available;
}
.text-1{
	text-align: right;
	font-size: 40px;
}
.text-2{
	font-size: 20px;
}
.text-3{
	font-size: 36px;
}
.text-4{

}
.text-5{
	font-size: 80px;
}
.text-6{
	text-align: left;
}
.text-7{

}
.text-9{
	padding-right: 10px;
}
.text-10{

}
.text-11{

}
.text-12{
	font-size: 40px;
	margin-top: 3rem!important;
}
.text-14{
	position: relative;
	z-index: 1;
}
.text-14::before{
	position: absolute;
	content: attr(data-storke);
	z-index: -1;
	-webkit-text-stroke: 6px #fff;
	white-space:nowrap;
}
.text-16{
	font-size: 16px;
}
.text-17{
	font-size: 14px;
}
.div-1{
	right: 0;
	padding: 10px;
}
.div-2{
	bottom: 0;
}
.div-3{
	width: 90%;
}
.div-4{
	height: 675px;
}
.div-5{
	padding-top: 10px;
	padding-left: 10px;
}
.div-6{
	max-width: 500px;
	margin: auto;
}
.div-7{
	width: fit-content;
	border-radius: 50px
}
.div-8{
	width: 200px;
	left: 70px;
	top: -70px;
}
.div-9{
	max-width: 350px;
	margin: auto;
}
.div-10{
	height: 1000px;
}
.div-11{
	bottom: 185px;
}
.div-12{
	background-color: #ebebeb;
	background-position: bottom;
	background-size: cover;
	padding-bottom: 80px !important;
}
.div-13{
	margin-right: 3rem;
	margin-left: 3rem;
	margin-bottom: 1.5rem;
}
.div-14{
	height: 1200px;
}
.div-15{
	margin-top: 150px;
}
.div-16{
	max-width: 650px;
	margin: auto;
}
.div-17{
	height: 2569px;
}
.div-18{
	margin-top: 100px;
}
.div-19{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height: 103px;
}
.div-20{
	max-width: 800px;
	margin: auto;
}
.div-21{
	height: 950px;
}
.div-22{
	width: 90%;
	left: 0;
	right: 0;
	margin: auto;
}
.div-23{
	margin-top: -80px !important;
}
.div-24{
	margin-top: 80px !important;
}
.div-25{
	width: 150px;
	z-index: 10;
	top: -70px;
	left: -18px;
}
.div-26{
	width: 180px;
	z-index: 10;
	right: -18px;
	top: -55px;
}
.div-27{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.div-28{
	max-width: 250px;
	margin: auto;
}
.div-29{
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.div-30{
	float: right;
	max-width: 530px;
}
.div-31{
	height: 675px;
}
.div-32{
	right: 0;
	padding: 10px;
	z-index: 10;
}
.div-33{
	top: 0;
	left: 0;
	z-index: -1;
}
.div-34{
	display: none;
}
.div-35{
	width: 80px;
}
.div-36{
	display: block;
}
.div-37{
	display: none;
}
.div-38{
	margin-top: 150px;
	width: 75%;
}
.div-39{
	margin-top: 125px;
}
.div-40{
	margin-top: 60px;
}
.div-41{
	height: auto;
}
.div-42{
	top: 60px;
}
.div-43{
	margin: unset;
}
.div-45{
	z-index: 10;
}
.div-46{
	opacity: unset;
}
.div-48{
	padding: 3rem;
}
.div-49{
	padding: 3rem!important;
}
.div-50{
	display: none;
}
.div-55{
	display: none;
}
.text-color-1{
	color: #df7830 !important;
}
.text-color-2{
	color: #db9961 !important;
}
.text-color-3{
	color: #d3d3d3 !important;
}
.bg-color-1{
	background-color: #eb7219;
}
.bg-color-2{
	background-color: rgb(255 220 122)
}
.border-1{
	border: 1px solid #eb7219;
}
.border-2{
	border: 2px solid #eb7219;
}
.about_item{
	width: 150px
}
.content-row p{
	margin: 0;
}
.content-row .overflow-hidden{
	overflow: hidden;
}

.shadow{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.img-1{
	object-position: top;
}
.img-2{
	object-fit: cover;
}
.img-3{
	height: unset;
}
.img-5{
	display: none;
}
.width-fit-content{
	width: fit-content;
}
.word-break-keep-all{
	word-break: keep-all
}
.triangle-1{
	width: 50px;
	height: 50px;
}
.white-space-nowrap{
	white-space:nowrap;
}

.table-1 td{
	padding: 5px;
	text-align: center;
}

.table-1 tr:nth-child(even) td:first-child{
	background-color: #d46922;
	color: #fff;
}

.table-1 tr:nth-child(odd) td:first-child{
	background-color: #e47327;
	color: #fff;
}

.table-1 tr:nth-child(even){
	background-color: #f2f2f2;
}

.table-1 tr:nth-child(odd){
	background-color: #fff;
}

@media screen and (min-width: 769px) {
	.content-row{
		width: 960px;
	}
	.desktop_hide{
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.mobile-768-hide{
		display: none;
	}
	.content-row{
		width: 100%;

	}
	.text-size-80{
		font-size: 65px;
	}
	.text-size-60{
		font-size: 52px;
	}
	.text-size-48{
		font-size: 40px;
	}
	.text-size-46{
		font-size: 38px;
	}
	.text-size-40{
		font-size: 32px;
	}
	.text-size-36{
		font-size: 28px;
	}
	.text-size-30{
		font-size: 24px;
	}
	.text-size-24{
		font-size: 20px;
	}
	.div-1{
		width: 565px;
	}
	.div-2{
		width: 280px;
	}
	.div-4 {
		height: 610px;
	}
	.div-9{
		max-width: 280px;
		margin: 15px auto !important;
	}
	.div-10 {
		height: 800px;
	}
	.div-14 {
		height: 1010px;
	}
	.div-15 {
		margin-top: 95px;
	}
	.div-17 {
		height: 2005px;
	}
	.div-19 {
		height: 80px;
	}
	.div-21 {
		height: 825px;
	}
	.div-31 {
		height: 480px;
	}
	.div-30{
		float: right;
		width: 90%;
	}
	.text-1{
		font-size: 36px;
		text-align: left;
	}
	.text-2{
		font-size: 18px;
	}
	.text-4{
		padding-left: 125px !important;
	}
	.text-5{
		font-size: 58px;
	}
}
/*@media screen and (max-width: 430px) {*/
@media screen and (max-width: 440px) {
	.mobile-430-hide{
		display: none;
	}
	.content-row {
		width: 100%;
	}
	.text-size-80{
		font-size: 38px;
	}
	.text-size-60 {
		font-size: 32px;
	}
	.text-size-50{
		font-size: 30px;
	}
	.text-size-48 {
		font-size: 24px;
	}
	.text-size-46 {
		font-size: 22px;
	}
	.text-size-40 {
		font-size: 20px;
	}
	.text-size-36 {
		font-size: 17px;
	}
	.text-size-30 {
		font-size: 16px;
	}
	.text-size-24 {
		font-size: 16px;
	}
	.div-1{
		width: unset;
		padding: 0;
	}
	.div-2{
		display: none;
	}
	.div-3{
		width: 100%;
		padding: 10px;
	}
	.div-4 {
		height: 550px;
	}
	.div-8 {
		width: 125px;
		left: 12px;
		top: -35px;
	}
	.div-9 {
		max-width: 220px;
	}
	.div-13{
		min-height: unset;
		margin-right: 10px;
		margin-left: 10px;
	}
	.div-14 {
		height: 665px;
	}
	.div-16{
		/*display: unset !important;*/
		justify-content: start;
		text-align: center;
		padding: 0 10px;
	}
	.div-17 {
		height: 1450px;
	}
	.div-19 {
		height: 45px;
	}
	.div-20 {
		max-width: 330px;
	}
	.div-21 {
		height: 710px;
	}
	.div-20 {
		/*margin-bottom: 0 !important*/
	}
	.div-25 {
		top: -20px;
		width: 100px;
	}
	.div-26 {
		top: -15px;
		width: 100px;
	}
	.div-30 {
		display: none !important;
	}
	.div-31 {
		height: 400px;
	}
	.div-32{
		right: unset;
		display: unset !important;
	}
	.div-34{
		display: block; !important;
		width: 30%;
		margin-left: -10px;
	}
	.div-35{
		width: 50px;
	}
	.div-36{
		display: none;
	}
	.div-37{
		display: block;
	}
	.div-38{
		width: 90%;
	}
	.div-39{
		margin-top: 80px;
	}
	.div-40{
		margin-top: 40px;
	}
	.div-41{
		height: 1200px;
	}
	.div-42{
		top: 0px;
	}
	.div-43{
		/*margin: auto;*/
		/*margin-top: 20px;*/
	}
	.div-46{
		opacity: 0.6;
	}
	.div-47{
		top: -60px !important;
	}
	.div-48{
		padding: 1rem;
	}
	.div-49{
		padding: 0.5rem !important;
	}
	.div-50{
		max-width: 150px;
		margin-left: 10px;
		display: block;
	}
	.div-51{
		display: flex;
		align-items: center;
	}
	.div-52{
		width: 90%;
		margin: auto !important;
		margin-top: -20px !important;
	}
	.div-53{
		display: none !important;
	}
	.div-54{
		margin-top: -17px !important;
	}
	.div-55{
		display: block;
	}
	.div-56{
		width: 70%;
	}
	.text-1{
		word-break: keep-all;
		text-align: center !important;
	}
	.text-3{
		font-size: 24px;
	}
	.text-4 {
		padding-left: 110px !important;
	}
	.text-5 {
		font-size: 28px;
	}
	.text-6{
		text-align: center;
	}
	.text-7{
		display: none;
	}
	.text-8{
		font-size: 20px;
	}
	.text-9{
		padding-right: 0px;
	}
	.text-10{
		margin-top: 10px !important;
	}
	.text-11{
		font-size: 18px !important;
	}
	.text-12{
		word-break: keep-all;
		/*margin-top: 1rem!important;*/
		font-size: 26px;
	}
	.text-13{
		font-size: 16px;
		letter-spacing: unset !important;
	}
	.text-15{
		font-size: 32px !important;
	}
	.text-16{
		font-size: 11px;
	}
	.text-18{
		font-size: 20px !important;
	}
	.text-19{
		font-size: 14px;
		vertical-align: text-top;
	}
	.text-20{
		font-size: 14px;
	}
	.triangle-1{
		width: 30px;
		height: 30px;
	}
	.img-3{
		height: 100%;
	}
	.img-4{
		display: none;
	}
	.img-5{
		display: block;
	}
}