/* Evy Add 2019.03.15 */
.online{width: 90px;}

#mgmenu {

	z-index: 1000;

}
.icon-menu{
	display: none;
	font-size: 30px;
	position: absolute;
	top: 2px;
	right: 5px;
}
.icon-menu:hover{
	color: #ff3333;
	cursor: pointer;
}

/* Evy Add 2019.03.18 */
.contact-list span{
	width: 16%;
}
.contact-list input#name, .contact-list input#tel,
.contact-list input#company, .contact-list input#url,
.contact-list input#mail{
	    width: 28%;
}
.inside-content .formError .formErrorContent{
	width: 130px;
}
@media all and (max-width: 768px){
	.contact-list span{
		width: auto;
		display: block;
	}
	.contact-list input#name, .contact-list input#tel,
	.contact-list input#company, .contact-list input#url,
	.contact-list input#mail{
		width: 95%;
	}
}
/* 1. Mega Menu Bar */



.mgmenu_container {

	width: 66%;

	position: relative;

	float: right;

	padding-top: 20px;

}

.mgmenu {

	list-style: none;

	padding: 0;

	margin: 0;

	position: relative; /* For IE7 */

}

.mgmenu > li {

	color: #000;

	display: block;

	float: left;

	cursor: pointer;

	width: 16%;  /*20200320   13.5% 改為 16*/

	text-align: center;

	position: relative;

	border-radius: 3px;

	margin-left:5px;

}

.mgmenu > li:hover, .mgmenu > li span a.active {

	color: #fff;

	border-radius: 3px;

	background-color:#003366;

}

.mgmenu li.noactive {

	background: none;

}

.mgmenu li.phone {

	display:none;

}

.mgmenu > li > a, .mgmenu > li > span a{

	display: block;

	color: #000;

	font-size: 15px;

	font-weight: bold;

	text-align: center;

	padding: 10px 0px;

	border-radius: 3px;

	transition: linear 0.2s;

}

.mgmenu > li > a:hover, .mgmenu > li:hover > span a {

	cursor: pointer;

	color: #fff;

	border-radius: 3px;

	background-color:#003366;

}



/*手機板按鈕*/

.mgmenu_container > .mgmenu > li.mgmenu_button {

	display: none;

	cursor: pointer;

	font-size: 30px;

	position: absolute;

	right: 10px;

	top: -115px;

	border: none;

	background: none;

	text-align: right;

	width: auto;

}

.mgmenu_container > .mgmenu > li.mgmenu_button:hover, .mgmenu_container > .mgmenu > li.mgmenu_button_active {

	color: #ff3333;

}

/*  _______________________________________



    02 DROP DOWNS

    _______________________________________  */



.mgmenu li .dropdown_container {

	position: absolute;

	top: 45px;

	left:0;

	display: none;

	z-index: 101;

	color: #fff;

	list-style: none;

	min-width: 160px;

	border-radius: 3px;

	background-color: #003366;



}

.dropdown_parent i {

	display:none;

}

/*  _______________________________________________



    04 MULTILEVEL DROP DOWN

    _______________________________________________  */



.mgmenu .dropdown_flyout {

	padding: 0;

	margin: 0;

	list-style: none;

	position: relative;

}

.mgmenu .dropdown_flyout li {

	font-size: 14px;

	font-weight: normal;

	position: relative;

}

.mgmenu .dropdown_flyout a {

	font-weight: normal;

	color: #fff;

	display: block;

	font-size: 14px;

	padding: 0;

	margin: 0;

	text-align: left;

	padding: 8px 20px;

	transition: linear 0.2s;

}

.mgmenu .dropdown_flyout a:hover {

	background-color: #ff3333;

	color: #fff;

}

/*  _______________________________________



    07 MOBILE DEVICES

    _______________________________________  */



 @media only screen and (min-width: 767px) {

.mgmenu_container .mgmenu > li {

	display: block !important;

}

.mgmenu_container > .mgmenu > li.mgmenu_button {

	display: none !important;

}

}

/*768-1023*/

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

.mgmenu_container {

	position: relative;

	width: 90%;

	float: none;

	padding-top: 10px;

	margin:auto;

}



.mgmenu li .dropdown_container {

	min-width: 160px;

}

}

 @media only screen and (max-width: 767px) {
.mgmenu{display: none;}
.icon-menu{
	display: block;

}

/*.mgmenu li:nth-child(7){
	border-top: #ddd solid 1px;
}*/

.mgmenu_container {

	width: 100%;

	height: auto;

	margin: 0;

	position: relative;

	bottom: auto;

	padding:0;



}


.mgmenu > li {

	float: none;

	/*display: none;*/

	height: auto;

	width: 100%;

	border-bottom: #ddd solid 1px;

	background-color: #fff;

	border-radius: 0px;

	text-align: left;

	margin:0;

}

.mgmenu li.pc {

	display:none;

}

.mgmenu li.phone {

	display:block;

}

.mgmenu > li:hover {

	color: #fff;

	background-color: #003366;

	border-radius: 0px;

}

.mgmenu > li span a.active {

	color: #000;

	background: none;

	border-radius: 0px;

}

.mgmenu_container > .mgmenu > li.mgmenu_button {

	display: block;

}

.mgmenu > li > a, .mgmenu > li > span a {

	font-size: 16px;

	font-weight: bold;

	text-align: left;

	padding: 10px;

	height: auto;

	border-radius: 0px;

}

.mgmenu > li > a:hover, .mgmenu > li:hover > span a {

	cursor: pointer;

	color: #fff;

	background-color: #003366;

	border-radius: 0px;

}

.dropdown_parent i {

	display: inline-block;

	color: #ccc;

	font-size: 15px;

	font-weight: normal;

	position: absolute;

	right: 10px;

	padding-top:4px;

}

.mgmenu li .dropdown_container {

	position: relative;

	top: 0;

	left:0;

	margin:0;

	display: none;

	z-index: 101;

	color: #000;

	list-style: none;

	width: 100%;

	background-color: #eee;

	border-radius: 0px;

}

.mgmenu .dropdown_flyout {

	padding: 0;

	margin: 0;

	list-style: none;

	padding: 0px;

	position: relative;

}

.mgmenu .dropdown_flyout li {

	font-weight: normal;

	position: relative;

	width: 100%;

	float: none;

}

.mgmenu .dropdown_flyout a {

	font-weight: normal;

	color: #000;

	display: block;

	font-size: 15px;

	margin: 0;

	text-align: left;

	padding: 10px 10px 10px 20px;

}

.mgmenu .dropdown_flyout a:hover {

	background-color: #ff3333;

}

}