@charset "utf-8";

/* html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; font-family: Arial, Helvetica, Serif, "微軟正黑體","Microsoft JhengHei", 'Open Sans'; } */
/* html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; font-family:'Times New Roman', Times, "PMingLiU", "NSimSun", serif; } */
/* CSS Document */
/* html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; font-family: "微軟正黑體","Microsoft JhengHei"; } */
.font {
	font-family: 'Times New Roman', Times, serif;
}
 
.clearfix:before,
	.clearfix:after { content:""; display:table; }
	.clearfix:after { clear:both; }
	img{ vertical-align: middle; }

	a:link { text-decoration: none;}
	body { background-color: rgb(232, 224, 207) }

/* ----------------Footer---------------------- */
.footerWrap { position: relative; width:100%; height: 700px; background: url(../img/Footer_back.jpg); background-size: cover; }
.footerBlock { position: relative; width: calc(100% - 150px); margin-left: 150px; padding: 25px 0; height: 100%;}
.backGrad { 
	position:absolute; 
	top: 0; bottom: 0; left: 0; right:0;
	background: -moz-linear-gradient(top,  rgba(10,5,0,1) 0%, rgba(10,5,0,0.99) 1%, rgba(22,12,12,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(10,5,0,1) 0%,rgba(10,5,0,0.99) 1%,rgba(22,12,12,0) 100%); 
	background: linear-gradient(to bottom,  rgba(10,5,0,1) 0%,rgba(10,5,0,0.99) 1%,rgba(22,12,12,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0500', endColorstr='#00160c0c',GradientType=0 );
}
.sponWrap { position: relative; width:50%; height:auto;}
.sponBlock { position: relative; float: left; width:100%; height: auto; margin-bottom: 30px; vertical-align: middle; display: flex; align-items: center; }
.sponTxt { float: left; font-size: 22px; letter-spacing: 4px; margin-left: 50px; color: rgb(136, 134, 112); }
.sponLogoWrap { float: left; width: 200px; display:inline; }
.sponLogoWrap.breA { float: left; width: 150px; display:inline; }
.hkmoaLogo { width:100%; display: inline-block; margin-left: 25px; }
.breArt { width:100%; display: inline-block; margin-left: 25px; }
.copyRigWrap { position: absolute; top:30px; bottom:80px; right: 50px; left: 70%; }
.copRig { font-family: 'ProximaNova_Regular'; position: absolute; left:0; bottom: 0; font-size: 18px; letter-spacing: 4px; color: rgb(222, 211, 193);}
.eLeWrap { position:relative; width:100%; border-bottom: 1px solid rgb(83, 80, 76); }
.eLinkWrap { position: relative; width: 100%; padding: 15px 0; font-size: 18px; letter-spacing: 4px; line-height: 20px; color: rgb(165, 158, 140); color: rgb(136, 134, 112) }
.eLinkWrap a { text-decoration: none; color: rgb(165, 158, 140);}
.eLinkWrap a:hover { text-decoration: none; color: rgb(240, 235, 223); }
.eLogo { width:85px; display: inline-block; margin-bottom: 20px;}

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

}
@media only screen and (max-width: 1600px),
            screen and (max-height: 1000px) {
	/* -----------------footer------------------------ */
	.footerBlock { position: relative; width: calc(100% - 100px); margin-left: 100px; padding: 25px 0; height: 100%; }
    .copyRigWrap { top:30px; bottom:30px; right: 50px; left: 60%; }
	.sponLogoWrap { width: 180px; }
	.sponLogoWrap.breA { width: 130px; }
	
}
@media screen and (max-width: 992px) {
	/* -----------------footer------------------------ */
	.footerBlock { position: relative; width: 100%; margin-left: 0; padding: 25px 0; height: 100%; }
	.sponTxt { font-size: 18px; line-height: 22px; letter-spacing: 4px; }
	.sponLogoWrap { width: 150px; }
	.sponLogoWrap.breA { width: 120px; }
}
@media only screen and (max-width: 767px) {
	/* -----------------footer------------------------ */
	.sponWrap { position: relative; width:100%; height:auto; }
	.copyRigWrap { position: relative; width:86%; margin: 0 auto 0 auto; top:auto; bottom:auto; right: auto; left:auto; }
	.footerWrap { position: relative; width:100%; height: auto; }
	.copRig { position: relative; left:auto; bottom: auto;  padding-top: 50px; }
	.sponTxt { font-size: 18px; letter-spacing: 4px; margin-left: 8%;}
	.eLogo { width:65px; margin-bottom: 20px;}
	.eLinkWrap {  padding: 15px 0; font-size: 16px; letter-spacing: 4px; line-height: 20px; }
}

@media only screen and (max-width: 576px) {
    /* ---------------------Footer------------------ */
	.sponLogoWrap { width: 150px; }
	.sponTxt { margin-left: 10%;}
	.copyRigWrap { width:80%; }
}
@media only screen and (max-width: 359px) {
}