@charset "utf-8";

/* 注意，若不是 iotmart landing page 則以下幾行需要修改 */
/* 221, 229, 370 改為 top:0 */

/* =================================================== */
/* =================================================== */
/* =================================================== */
/* Menu */
/* =================================================== */
/* =================================================== */
/* =================================================== */


/* 一層選單 */

#adventech-lp .menuFrame
{
	position:sticky;
	left:0;
	top:0;
	width:100%;
	height:55px;
	z-index:999;
	background-color:#1e3957;
}

#adventech-lp .menuFrame.fixed
{
	position:sticky;
	z-index:9999;
	top:0 !important;
	background-color:rgba(30,57,87,0.9);
}

#adventech-lp .menuFrame > ul
{
	position:relative;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:0;
}

#adventech-lp .menuFrame > ul > li
{
	display:inline-block;
	list-style:none;
	margin-right:-4px;
}

#adventech-lp .menuFrame > ul > li > a
{
	display:block;
	color:#FFF;
	font-size:16px;
	font-weight:500;
	padding:0 23px;
	line-height:55px;
	border-right:1px solid #62686d;
	text-decoration:none;
}

#adventech-lp .menuFrame > ul > li > a:hover
{
	color:#CCC;
}

#adventech-lp .menuFrame > ul > li > a.on .outline
{
	border-bottom:2px solid #FFF;
}

#adventech-lp .menuFrame > ul > li:last-child > a
{
	border:0;
}

#adventech-lp .menuFrame > ul > li > a span.far,
#adventech-lp .menuFrame > ul ul li a span.far
{
	display:none;
}

#adventech-lp .menuFrame .left.openMenu,
#adventech-lp .menuFrame .right.contact
{
	display:none;
}

/* 二層選單 */

#adventech-lp .menuFrame.hasMultiMenu > ul > li.multiMenu
{
	position:relative;
}

#adventech-lp .menuFrame.hasMultiMenu > ul ul
{
	display:none;
	position:absolute;
	z-index:9999;
	top:50px;
	left:0;
	background-color:#FFF;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

#adventech-lp .menuFrame.hasMultiMenu > ul > li.multiMenu:hover ul
{
	display:block;
}
	
#adventech-lp .menuFrame.hasMultiMenu > ul ul li
{
	white-space:nowrap;
	border-bottom:1px solid #DDD;
}

#adventech-lp .menuFrame.hasMultiMenu > ul ul li:last-child
{
	border:0;
}

#adventech-lp .menuFrame.hasMultiMenu > ul ul li a
{
	display:block;
	width:100%;
	line-height:40px;
	text-decoration:none;
	padding:5px 10px;
}

#adventech-lp .menuFrame > ul ul li a.on .outline
{
	border-bottom:2px solid #ff9a00;
}

#adventech-lp .menuFrame.hasMultiMenu > ul ul li a:hover
{
	background-color:#EEE;
}

/* 靠右的彩色連結區塊 */

#adventech-lp .menuFrame ul .rightMenu
{
	float:right;
}

#adventech-lp .menuFrame ul .rightMenu li
{
	display:inline-block;
	margin-right:-4px;
}

#adventech-lp .menuFrame ul .rightMenu li a
{
	display:block;
	height:55px;
	line-height:55px;
	border:0;
	padding:0 20px 0 10px;
	text-decoration:none;
}

#adventech-lp .menuFrame ul .rightMenu li.menu_green
{
	background-color: #64b450;
}

#adventech-lp .menuFrame ul .rightMenu li.menu_green:hover
{
	background-color: #5da34a;
}

#adventech-lp .menuFrame ul .rightMenu li.menu_blue
{
	background-color: #004280;
}

#adventech-lp .menuFrame ul .rightMenu li.menu_blue:hover
{
	background-color: #003d70;
}

#adventech-lp .menuFrame ul .rightMenu li a .icon-next
{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(css-img/icon-next.svg) center center no-repeat;
	background-size: 60% 60%;
	vertical-align: middle;
}

#adventech-lp .menuFrame ul .rightMenu li p
{
	display: inline-block;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}


@media screen and (max-width: 1199px)
{

	#adventech-lp .menuFrame ul li a
	{
		padding:0 20px;
	}

}

@media screen and (max-width: 991px)
{
	#adventech-lp .menuFrame
	{
		top:0;
		height:45px;
		background-color:#FFF;
		border-bottom:1px solid #CCC;
	}

	#adventech-lp .menuFrame.fixed
	{
		top:0 !important;
		width:100%;
		z-index:999;
		background-color:rgba(255,255,255,0.95);
	}

	#adventech-lp .menuFrame .left.openMenu
	{
		display:block;
		width: calc( 100% - 120px );
		float:left;
		padding-left:20px;
	}

	#adventech-lp .menuFrame .left.openMenu a
	{
		display:block;
		color:#385572;
		font-size:16px;
		line-height:45px;
		padding-right:20px;
		text-decoration:none;
	}

	#adventech-lp .menuFrame .left.openMenu a span.fa
	{
		margin-right:10px;
	}

	#adventech-lp .menuFrame .right.contact
	{
		display:block;
		float:right;
	}

	#adventech-lp .menuFrame .right.contact a
	{
		display:block;
		color:#FFF;
		width:115px;
		height:45px;
		font-size:16px;
		line-height:45px;
		background-color:#3b4248;
		text-align:right;
		padding-right:25px;
	}

	#adventech-lp .menuFrame ul
	{
		position:absolute;
		width:100%;
		height:auto;
		left:0;
		top:45px;
		display:none;
		margin:0;
		padding:0;
		background-color:rgba(255,255,255,0.95);
	}

	#adventech-lp .menuFrame > ul > li
	{
		display:block;
		border-bottom:1px solid #CCC;
		margin:0;
	}

	#adventech-lp .menuFrame ul li a
	{
		font-size:16px;
		color:#385572;
		line-height:45px;
		border-right:0;
		padding:0 25px 0 20px;
	}

	#adventech-lp .menuFrame > ul > li:last-child
	{
		border-bottom:2px solid #385572;
	}

	#adventech-lp .menuFrame ul li a span.far
	{
		display:block;
		float:right;
		margin-top:15px;
	}

	#adventech-lp .menuFrame ul .rightMenu
	{
		float:none;
	}

	#adventech-lp .menuFrame ul .rightMenu li
	{
		display:block;
		margin:0;
	}

	#adventech-lp .menuFrame ul .rightMenu li a
	{
		height:45px;
		line-height:45px;
	}

	/* 二層選單 */

	#adventech-lp .menuFrame.hasMultiMenu > ul ul
	{
		position:static;
		box-shadow:none;
	}

	#adventech-lp .menuFrame.hasMultiMenu > ul > li > a:hover
	{
		color:#385572;
	}

	#adventech-lp .menuFrame.hasMultiMenu > ul > li.multiMenu:hover ul
	{
		display:none;
	}

	#adventech-lp .menuFrame.hasMultiMenu > ul ul li:first-child
	{
		border-top:1px solid #CCC;
	}

	#adventech-lp .menuFrame.hasMultiMenu > ul ul li a
	{
		padding-left:40px;
	}

}

@media screen and (max-width: 767px)
{
	#adventech-lp .menuFrame,
	#adventech-lp .menuFrame.fixed
	{
		top:0 !important;
	}

}

@media screen and (max-width: 580px)
{

}

@media screen and (max-width: 580px)
{

}

