/* CSS Document */
.i-main {
	position: relative;	
}

.i-index-section {
	width: 100%;
	height: auto;
	background-color: transparent;
	border: 0px solid #FF0004;
}
.i-index-section .div-img {
	width: 100%;
	height: auto;
	opacity: 0;
}
.i-index-section video {
	max-width: 100%;
	max-height: auto;}



.quick-link-block {
	position: relative;
	background-color: #D1F9FF;
	width: 100%;
	filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	-webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	-moz-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
}
@media (min-width: 768px) {
.quick-link-block {
	position: absolute;
	top: 60px;
	left: 60px;
	background-color: #D1F9FF;
	width: 100%;
	max-width: 318px;
	filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	-webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
	-moz-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
}	
}
.quick-link-header-block {
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4));
	-webkit-filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4));
	-moz-filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4));
	background-color: #FFFFFF;
	font-weight: 600;
	font-size: 18px;
}
.quick-link-block ul.quick-link-items {margin: 0;
  padding: 0;
  list-style-type: none;}

.quick-link-items {
}

.quick-link-items > li a {
	text-decoration: none;
	font-family: 'Roboto Serif', 'Noto Serif TC', sans-serif;
	font-weight: 500;
	font-size: 16px;
}
.itemHover {
  color: #fff;
  font-weight: 600;
  transition: background-color 0.4s ease-in-out;
}
.quick-link-items a:hover {
	color: #E94367;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.quick-link-items > li.expanded {
	background-color: #49DCDA;
	color: #fff;
	font-weight: 600;
}

.quick-link-items .sub-items a {
  
}
.quick-link-items .sub-items .current {
  /*position: relative;
  color: #64D7E2;
  border-color: white;*/
}
.quick-link-items .sub-items a:hover {
  color: #E94367;
  -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}



.quick-link-items-block {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
	min-height: 35px;
}
.quick-link-items-block .quick-link-items-dropdown-icon,
.quick-link-items-block .quick-link-items-dropdown-no-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25px;
	margin-right: 0px;
}
.quick-link-items-block .quick-link-items-dropdown-icon {
	cursor: pointer;
}
.quick-link-items-block .quick-link-items-dropdown-icon i {
	font-size: 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: rgba(11,150,162,1.00);
}
.quick-link-items-block a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-grow: 2;
	flex-shrink: 1;
	flex-basis: 0%;
	padding-left: 0px;
	padding-right: 10px;
	color: #060606;
	font-weight: bold;
}
.quick-link-items > li{
	overflow-x: hidden;
	overflow-y: hidden;
}
.quick-link-items > li.expanded {
	padding-bottom: 10px;
	
}
.quick-link-items > li.expanded a {
	/*filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
-webkit-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));
-moz-filter: drop-shadow(0 1px 5px rgba(0,0,0,0.4));*/}
.quick-link-items > li.expanded .quick-link-items-block .quick-link-items-dropdown-icon i {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	color: rgba(255,255,255,1.00);
}
.quick-link-items-block .quick-link-items-dropdown-icon:hover i {
	color: #E94367;
}
.quick-link-items .sub-items {
	margin-left: 30px;
	padding: 0px;
	border-left: 5px solid #50A4AF;
	margin-right: 30px;
	list-style-type: none;
	display: none;
	background-color: rgba(255,255,255,0.50);
}
.quick-link-items > li.expanded .sub-items {
}
.quick-link-items .sub-items > li {
	
	
	
}

.quick-link-items .sub-items > li > a {
	padding-left: 10px;
	padding-right: 10px;
	min-height: 35px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #000000;	
}
.quick-link-items .sub-items {
}























































.bg-01 {
	background-color: #FF0004 !important;
}
.bg-02 {
	background-color: #000DFF !important;
}
.line-01 {
	border: 1px solid #FF0004 !important;
}
.line-02 {
	border: 1px solid #000DFF !important;
}