/* FOOTER */

footer{ width: 100%; background: #fff; text-align: center; }
.footerct{ display: inline-block; margin: auto; width: 31%; text-align: left; padding: 0 0 4em 0; margin: 0 1%; color: #5a5a5a; font-size: 0.9em; line-height: 1.5em; vertical-align: top; }
.footerct a{ color: #5a5a5a; font-weight: 300; padding-right: 7px; }
.footerct a:hover{ color: #e5015a; }
.footerct p{ font-size: 0.9em; color: #fff; background: #959595; padding: 3px 0; margin: 0 0 0.3em 2px; width: 80px; text-align: center; }
.footerct span{ font-size: 110%; font-weight: 700; }
.footer-hr { border-top: 1px solid #e0e0e0; height: 1px; margin: 1em 0; overflow: hidden; width: 100%; }
.footer-hidden-hr { display: none; }
.footerct i{ padding: 0 4px 0 0; }

.footer100 { width: 100%; max-width: 970px; margin: 0 auto; vertical-align: top; }
.footercnt970 { width: 100%; max-width: 970px; margin: 0 auto; vertical-align: top; }

.footerlogo img{ height: 36px; margin: 14px 0 13px 0; }
.footerlogo{ display: block; margin: auto; width: 960px; text-align: left; padding: 1em 0 0 0; }
#top_activity_div { position: fixed; right: 0px; bottom: 227px; z-index: 1001 }
#ph_activity{ display: none; float: right;  background-color: #e5015a; border: none; width: 60px;  height: 60px; color: #fff; border-radius: 10px; }

.warranty { width: 90%; padding: 0; margin: 0 auto; border-bottom: 1px solid #e0e0e0; }
.warranty img{ height: 63px; padding: 0 1em; margin: 14px 0px; }

a.question{ display: inline-block; font-size: 0.9em; color: #fff; background: #959595; padding: 0; margin: 4px 0 0 0; width: 7em; text-align: center; }
a.question:hover { color: #fff; background: #e5015a; }

a.map{ display: inline-block; font-size: 1em; color: #959595; border: solid 1px #cdcdcd; background: #fff; padding: 2px 12px; margin: 4px 0; }
a.map:hover { color: #fff; border: solid 1px #e5015a; background: #e5015a; }

a.tag{ display: inline-block; font-size: 1em; color: #5a5a5a; border: solid 1px #cdcdcd; background: #fff; padding: 3px 10px; margin: 2px; }
a.tag:hover { color: #fff; border: solid 1px #e5015a; background: #e5015a; }

.footerform { display: inline-block; height: 30px; font-family: 'Microsoft JhengHei', 'Lato', Calibri, Arial, sans-serif; border: solid 1px #cdcdcd; border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 0.9em; line-height: 30px; color: #959595; background: #fff; padding: 0 10px; margin-top: 0.5em; }
a.footerbutton {
	display: inline-block;
	height: 30px;
	padding: 0 10px;
	margin: 0.5em 0 0 -0.5em;
	text-align: center;
	font-size: 0.9em;
	line-height: 30px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	cursor: pointer;
	color: #ffffff;
	background: #959595;
}
a.footerbutton:hover  {
	color: #ffffff;
	background: #e5015a;
	border: 0;
}


.copyright{ display: block; width: 100%; background: #e5015a; font-size: 0.75em; line-height: 50px; text-align: left; width: 100%; color: #fff; white-space: normal; }
.copyright a{ float: right; color: #fff; padding: 0.5em 0 0 2em; font-size: 170%; }
.copyright a:hover{ color: #000; }




@media (max-width: 1020px){
.footerct{ width: calc(100% - 4em); padding: 0 2em 1em 2em; }
.footerlogo{ width: calc(100% - 4em); padding: 1em 0 0 2em; }
.footercnt970 { width: 90%; }
}


@media (max-width: 960px){
.copyright{ white-space: pre-line; clear: both; line-height: 1.5em; text-align: center; padding-bottom: 1em; }
.copyright a{ float: none; padding: 0 1em; }
}


@media (max-width: 700px){
.warranty { width: 100%; margin-top: 2em; border-top: solid 1px rgba(224,224,224,1); }
.footerlogo{ width: 100%; padding: 1em 0 0 20px; }
}

@media (max-width: 640px){

.warranty img{ height: 45px; padding: 0 0.2em; }
.footerct{ width: 90%; padding: 0 0 1em 0; }
.footer-hidden-hr { display: block; border-top: 0px solid #cdcdcd; height: 1px; margin: 1em 0; overflow: hidden; width: 100%; }
.footer100 { width: 100%; }
.footercnt970 { width: 100%; }
#top_activity { display: none; /*height: 303px;*/ overflow: auto;}
#ph_activity{ display: block;}
.copyright{ padding-bottom: 10px; }
}