/* 首頁選單區塊 index, partnership ================================================== */

li.triangleLi{
	position: relative;
	display: none;
}

.triangle-top {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 25px 10px;
	border-color: transparent transparent rgba(255,255,255,1) transparent;
	position: absolute;
	top:-25px;
	left:20px;
}

.menuList_m{
	display: none;
}

.menuList{
	width: 960px;
	padding-top: 25px;
	height: 87px;
	box-sizing: border-box;
	margin: 0 auto;

}

.menuList h1{
	width: 52px;
	height: auto;
	float: left;
}


.menuList h1 img{
	width: 100%;
	height: auto;
}

.menuList ul{
	float: left;
/* 	margin: 20px 0; */
	margin-left: 60px;
	width: 850px;
}

.menuList ul li{
	float: left;
	
}

.menuList ul li a:link,
.menuList ul li a:visited{
	padding: 5px 20px;
	text-align: center;
	text-decoration: none;
	color: #001E61;
	position: relative;
}

.menuList ul li a:hover{
	
}

.menuList ul li a:hover:before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 13px 13px;
	border-color: transparent transparent #001E61 transparent;
	content: '';
	position: absolute;
	top:-6px;
	left:5px;
/* 	box-shadow:rgba(0, 0, 0, 0.3) 2px 2px 4px;  */
}


.centerWrapper.inPages .menuList{
	position: fixed;
	top:0;
	z-index: 2;
}


.pageMenu.inWhite ul li a:link,
.pageMenu.inWhite ul li a:visited{
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px;
	
}

.pageMenu.inWhite ul li a:hover:before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 13px 13px;
	border-color: transparent transparent #fff transparent;
	content: '';
	position: absolute;
	top:-6px;
	left:5px;
	box-shadow:rgba(0, 0, 0, 0.3) 2px 2px 4px;
}


/* 內頁選單區塊 ================================================== */


.pageMenu .subNew{
	padding-top: 0;
	margin-top: 90px;
}


.pageMenu .menuList{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

h1.whiteLogo,
.pageMenu h1.whiteLogo{
	display: none;
}

h1.orgLogo,
.pageMenu h1.orgLogo{
	display: block;
}


.pageMenu.inWhite h1.whiteLogo{
	display: block;
}


.pageMenu.inWhite h1.orgLogo{
	display: none;
}


.pageMenuList{
	width: 100%;
	padding-top: 25px;
	height: 90px;
	margin-bottom: 30px;
/* 	background: rgba(0,0,0,.6); */
	position: fixed;
	top:0;
	z-index: 99;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}


.pageMenuList.darkBack{
	background: rgba(0,30,97,.8);
}

.pageMenu.inWhite ul li a:link,
.pageMenu.inWhite ul li a:visited{
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 2px;
}


.menuBlock{
	width: 960px;
	box-sizing: border-box;
	margin: 0 auto;
}

.menuBlock.index{
	position: absolute;
	z-index: 99999;
}

.menuBlock h1{
	width: 60px;
	height: auto;
	float: left;
}


.menuBlock h1 img{
	width: 100%;
	height: auto;
}

.menuBlock ul{
	float: left;
/* 	margin: 20px 0; */
	margin-left: 60px;
	width: 750px;
	height: 60px;
}

.menuBlock ul li{
	float: left;
	height: 100%;
}

.menuBlock ul li a:link,
.menuBlock ul li a:visited{
	padding: 0px 20px;
	height: 100%;
	text-align: center;
	text-decoration: none;
	color: #001E61;
	position: relative;
	font-size: 17px;
	font-weight: 400;
	line-height: 60px;
/* 	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px; */
}

.menuBlock ul li a:hover{
	
}

.menuBlock ul li a:hover:before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 13px 13px;
	border-color: transparent transparent #001E61 transparent;
	content: '';
	position: absolute;
	top:-6px;
	left:5px;
}



.pageMenu.inWhite .menuBlock ul li a:hover:before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 13px 13px;
	border-color: transparent transparent #fff transparent;
	content: '';
	position: absolute;
	top:-6px;
	left:5px;
	box-shadow:rgba(0, 0, 0, 0.3) 2px 2px 4px; 
}


/* products頁的Menu區塊 */

.pageWrapper.page_products .pageBanner .productsMenuWrapper h2{
	width: 100%;
	line-height: 3;
	font-size: 20pt;
	color: #fff;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px;
}

.pageWrapper.page_products .pageBanner .productsMenuWrapper{
	width: 960px;
	padding-top: 80px;
	margin: 0 auto;
}

.pageWrapper.page_products .pageBanner .productsMenuWrapper .productsMenu{
	width: 100%;
	height: auto;
}


.pageWrapper.page_products .pageBanner .productsMenuWrapper .productsMenu a.productPick{
	width: 180px;
	height: 105px;
	display: block;
	position: relative;
	background: rgba(217,216,214,.8);
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.pageWrapper.page_products .pageBanner .productsMenuWrapper .productsMenu a.productPick.org{
	background: rgba(217,216,214,.8);
}


.pageWrapper.page_products .pageBanner .productsMenuWrapper .productsMenu a.productPick:first-child,
.pageWrapper.page_products .pageBanner .productsMenuWrapper .productsMenu a.productPick:nth-child(6){
	margin-left: 0px;
}


.pageWrapper.page_products .pageBanner .productsMenuWrapper .productsMenu a.productPick:hover{
/* 	background: rgba(0,30,97,.6); */
	background: rgba(122,151,171,.8);
}

.pageWrapper.page_products .pageBanner .productsMenuWrapper .productsMenu a.productPick p{
	width: 90%;
	color: rgba(43, 95, 129, 1);
	font-size: 10pt;
	line-height: 1.5;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align: center;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.pageWrapper.page_products .pageBanner .productsMenuWrapper .productsMenu a.productPick:hover p{
	color: #fff;
}



.pageWrapper.page_products .pageBanner .productsMenuWrapper .productsMenu a.productPick.currentItem{
	background: rgba(122,151,171,.8);
}




.pageWrapper.page_products .pageBanner .productsMenuWrapper .productsMenu a.productPick.currentItem p{
	color: #fff;
}

/* products的子選單 */
.subNew{
	width: 100%;	
	margin-top: 66px;
	/* padding-top:8px; */
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	display: block;
	position: fixed;
	height: 0px;
	overflow: hidden;
	z-index: 99999;
}


.subWrapper{
	background: rgba(255,255,255,1);
	padding: 15px 0;
	position: relative;
	
}

.subNew.showSub{
	height: 300px;
	//overflow: initial;
}

.subNew .subWrapper ul{
	width: auto;
	height: auto;	
	padding: 0px;
	position: relative;
	margin: 0;
	//padding-left: 20px;
}


.menuBlock ul li.openSub{

}


.subNew .subWrapper ul li {
	float: none;
}

.subNew .subWrapper ul li:last-child{
	margin-bottom: 0px;
}

.subNew .subWrapper ul:before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
/* 	border-width: 15px 0 0 15px; */
	border-width: 0 0 0 0;
	border-color: transparent transparent transparent rgba(255,255,255,1);
	position: absolute;
	top:-15px;
	left: 20px;
}

.subNew .subWrapper ul li a:link,
.subNew .subWrapper ul li a:visited{
	padding: 5px 0px;
	text-align: left;
	text-decoration: none;
	position: relative;
	font-size: 10pt;
	color: #6b8cb5;
	line-height: 2;
	text-shadow: none;
	font-weight: 400;
}

.subNew .subWrapper ul li a:hover{
	color: #001E61;
}

.subNew .subWrapper ul li a:hover:before,
.subNew .subWrapper ul li a:hover:before,
.pageMenuList .menuBlock ul>li>.subNew>ul>li a:hover:before{
	width: 0;
	height: 0;
	border-style: none;
	border-width: 0 0 0px 0px;
	border-color: none;
	content: '';
}


/* contact Form */

textarea:focus, input:focus{
	outline: none;
}

#contactForm{
	width: 100%;
	min-height: 600px;
	height: auto;
	position: fixed;
	background: rgba(255, 255, 255, 0.9);
	top:66px;
	left: 0;
	bottom: 0;
	margin: auto;
	display: none;
	z-index: 9999;
}

#contactForm .formWrapper{
	width: 720px;
	margin: 0 auto;
	padding: 50px 0;
	position: relative;
}

#contactForm .formWrapper .formTitle{
	display: flex;
	justify-content: space-between;
	margin-bottom:1.2rem;
}


a#closeForm{
	width: 32px;
	height: 32px;
	display: block;
}


a#closeForm img{
	width: 100%;
	height: auto;
}

#contactForm .formWrapper h2{
	color: #001E61;
	font-size: 1.6em;
	line-height: 1.3;
	font-weight: 300;
/* 	font-family: 'Open Sans', sans-serif; */
	//text-shadow: 2px 2px 5px rgba(255,255,255,.5);
	text-align: left;
}

#contactForm .formWrapper p{
	font-size: .8rem;
}

#contactForm .formWrapper .formBlock{
	width: 100%;
	margin-bottom: 15px;
}

#contactForm .formWrapper .formBlock .formRow{
	width: 100%;
}

#contactForm .formWrapper .formBlock .formRow.commentBox{
	margin-bottom: 10px;
}

#contactForm .formWrapper .formBlock .formRow.checkWBox{
/* 	margin-top: 10px; */
display: flex;
justify-content: space-between;
}



#contactForm .formWrapper .formBlock .formRow.checkWBox img{
	float: left;
}


#contactForm .formWrapper .formBlock .formRow.checkWBox input{
	width: 120px;
	height: 30px;
	float: left;
	line-height: 30px;
	margin-left: 10px;
	padding: 5px;
	border: 1px solid #DBDBDB;
	border-radius: 0;
}


#contactForm .formWrapper .formBlock .formRow .formRowInside{
	width: 49%;
	float: left;
}

#contactForm .formWrapper .formBlock .formRow .formRowInside:last-child{
	margin-left: 2%;
}

#contactForm .formWrapper .formBlock .formRow .formRowInside .formTd{
	display: block; 	
	width: 100%;
	margin: 15px 0;	
	background: #fff;
	padding: 0 10px;
	border: 1px solid #DBDBDB;
}

#contactForm .formWrapper .formBlock .formRow .formRowInside .formTd label{
	width: auto;
	margin-bottom: 0;
}

#contactForm .formWrapper .formBlock .formRow .formRowInside .formTd span{
	color: #3c3c3c;
/* 	font-family: arial, sans-serif; */
	font-weight: 200;
	font-size: 12px;
	border-right: 1px solid #DBDBDB;
	padding-right: 10px;
}

#contactForm .formWrapper .formBlock .formRow .formRowInside .formTd input{
	margin-left: 10px;
	width: 75%;
	border:0px;
	padding:10px 0;
	font-size: 15px;
	color: #868686;
}


#contactForm .formWrapper .formBlock .formRow .formRowInside.sec .formTd input{
	width: 80%;
}

#contactForm .formWrapper .formBlock .formRow .formRowInside.fir .formTd:first-child input{
	width: 81%;
}

#contactForm .formWrapper .formBlock .formRow .formRowInside.fir .formTd:nth-child(2) input{
	width: 83%;
}

#contactForm .formWrapper .formBlock .formRow .formRowInside.fir .formTd:last-child input{
	width: 77%;
}


#contactForm .formWrapper .formBlock .formRow .formRowInside.sec .formTd:first-child input,
#contactForm .formWrapper .formBlock .formRow .formRowInside.sec .formTd:last-child input{
	width: 82%;
}


#contactForm .formWrapper .formBlock .formRow h4{
	width: 100%;
	background: #fff;
	padding: 10px;
	color: #7B7B7B;
	font-family: arial, sans-serif;
	font-weight: 200;
	font-size: 12px;
	border: 1px solid #DBDBDB;
	border-bottom: 0px;
	margin-bottom: 0;
}

#contactForm .formWrapper .formBlock .formRow h4 span{
	border-right: 1px solid #DBDBDB;
	padding-right: 10px;
	color:#3c3c3c;
}


#contactForm .formWrapper .formBlock .formRow textarea{
	width: 100%;
	border: 0px;
	max-width: 100%;
	min-height: 150px;
	padding: 10px;
	font-size: 15px;
	line-height: 1.5;
	padding-top: 0px;
	color: #868686;
	border: 1px solid #DBDBDB;
	border-top: 0px;
}


/* contacoInfo */


#contactForm .formWrapper .infoBlock{
	position: relative;
	width: 40px;
}

#contactForm .formWrapper .infoBlock .contactInfo{
	width: 60%;
	float: left;
	padding: 0;
}

#contactForm .formWrapper .infoBlock .contactInfo .infoRow{
	width: 100%;
	margin-bottom: 10px;
}

#contactForm .formWrapper .infoBlock .contactInfo .infoRow h3{
	width: auto;
	float: left;
	font-size: 1em;
	color: #7B7B7B;
	font-weight: 500;
}

#contactForm .formWrapper .infoBlock .contactInfo .infoRow a{
	width: 25px;
	height: 25px;
	display: block;
	float: left;
	color: #fff;
	margin-left: 20px;
	position: relative;
}

#contactForm .formWrapper .infoBlock .contactInfo .infoRow a img{
	width: 100%;
	height: auto;
}

#contactForm .formWrapper .infoBlock .contactInfo .infoRow p{
	font-size: 13px;
	line-height: 1.5;
	color: #7B7B7B;
}

#contactForm .formWrapper .infoBlock #submitMail{
	width: 40px;
	height: 40px;
	display: block;
	background: #001E61;
	float: right;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	font-size: 9pt;
	color: #fff;
}


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

	/* 手機版contact區塊 */
	/* contact Form */

	textarea:focus, input:focus{
		outline: none;
	}

	#contactForm{
		width: 100%;
		min-height: 100%;
		height: auto;
		position: fixed;
		background:#D4D7DE;
		top:0;
		left: 0;
		bottom: 0;
		margin: auto;
		display: none;
		z-index: 999999999999;
		overflow-y: scroll;
	}

	#contactForm .formWrapper{
		width: 90%;
		margin: 0 auto;
		padding: 4rem 0;
		padding-bottom:2rem;
		position: relative;
	}


	a#closeForm{
		width: 32px;
		height: 32px;
		display: block;
	}


	a#closeForm img{
		width: 100%;
		height: auto;
	}

	#contactForm .formWrapper h2{
		color: #3f8cbc;
		font-size: 3rem;
		line-height: 1;
		font-weight: 300;
		//text-shadow: 2px 2px 5px rgba(255,255,255,.5);
	}

	#contactForm .formWrapper p{
		font-size: 1rem;
	}

	#contactForm .formWrapper .formBlock{
		width: 100%;
		margin-bottom: 15px;
	}

	#contactForm .formWrapper .formBlock .formRowInside{
		width: 100%;
	}


	#contactForm .formWrapper .formBlock .formRow .formRowInside{
		width: 100%;
		float: none;
	}

	#contactForm .formWrapper .formBlock .formRow .formRowInside:last-child{
		margin-left: 0%;
	}

	#contactForm .formWrapper .formBlock .formRow .formRowInside .formTd{
		display: flex; 	
		width: 100%;
		margin: 15px 0;	
		background: #fff;
		padding: .6rem;
		border: 1px solid #DBDBDB;
		flex-direction: column;
	}

	#contactForm .formWrapper .formBlock .formRow .formRowInside .formTd span{
		color: #3c3c3c;
		font-family: sans-serif;
		font-weight: 300;
		font-size: 11px;
		line-height: 1.4;
		border-right: 0px;
		padding-right: auto;
	}

	#contactForm .formWrapper .formBlock .formRow h4 span{
		border-right: 0px;
		padding-right: auto;
	}

	#contactForm .formWrapper .formBlock .formRow .formRowInside .formTd input{
		margin-left: 0px;
		width: 100%!important;
		border:0px;
		padding:5px 0;
		font-size: 15px;
		color: #868686;
		margin-bottom: 0;
		padding:.35rem 0;
	}

	#contactForm .formWrapper .formBlock .formRow h4{
		width: 100%;
		background: #fff;
		padding: 10px;
		color: #7B7B7B;
		font-family: arial, sans-serif;
		font-weight: 200;
		font-size: 11px;
		border: 1px solid #DBDBDB;
		border-bottom: 0px;
	}

	#contactForm .formWrapper .formBlock .formRow textarea{
		width: 100%;
		border: 0px;
		max-width: 100%;
		min-height: 150px;
		padding: 10px;
		font-size: 15px;
		line-height: 1.5;
		padding-top: 0px;
		color: #868686;
		border-radius: 0;
		border: 1px solid #DBDBDB;
		border-top: 0px;
	}

	#contactForm .formWrapper .formBlock .formRow.commentBox{
		margin-bottom: 10px;
	}

	#contactForm .formWrapper .formBlock .formRow.checkWBox{
		margin-top: 10px;
		width: 100%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
	}

	#contactForm .formWrapper .formBlock .formRow.checkWBox .imgcodeBox{
		display: flex;
		margin-bottom:1rem;
		justify-content: space-between;
	}



	#contactForm .formWrapper .formBlock .formRow.checkWBox img{
		width:120px;
		height:auto;		
	}


	#contactForm .formWrapper .formBlock .formRow.checkWBox input{
		width: 60%;
		height: auto;
		display: block;
		line-height: 30px;
		margin-left: 10px;
		padding: 5px;
		border: 1px solid #DBDBDB;
		border-radius: 0;
		font-size: 1rem;
		box-shadow: none;
		text-align: center;
		-webkit-appearance: none;
	}


	/* contacoInfo */


	#contactForm .formWrapper .infoBlock{
		position: relative;
		width: 100%;
	}

	#contactForm .formWrapper .infoBlock .contactInfo{
		width: 100%;
		float: none;
		padding: 15px 0;
	}

	#contactForm .formWrapper .infoBlock .contactInfo .infoRow{
		width: 100%;
		margin-bottom: 10px;
	}

	#contactForm .formWrapper .infoBlock .contactInfo .infoRow h3{
		width: auto;
		float: none;
		font-size: 13pt;
		color: #7B7B7B;
		font-weight: 500;
	}

	#contactForm .formWrapper .infoBlock .contactInfo .infoRow a{
		width: 25px;
		height: 25px;
		display: block;
		float: none;
		color: #fff;
		margin-left: 20px;
		position: relative;
	}

	#contactForm .formWrapper .infoBlock .contactInfo .infoRow a img{
		width: 100%;
		height: auto;
	}

	#contactForm .formWrapper .infoBlock .contactInfo .infoRow p{
		font-size: 10pt;
		color: #7B7B7B;
		line-height: 1.5;
	}

	#contactForm .formWrapper .infoBlock #submitMail{
		width: 100%;
		height: auto;
		padding:.5rem 1rem;
		display: block;
		background: #001E61;
		float: none;
		text-align: center;
		text-decoration: none;
		font-size: 1.1rem;
		font-weight: 300;
		color: #fff;
	}

}