@charset "utf-8";

/*

* ------------------------------------------------------------------------------------------------------------------

* 	Layout Footer 排版

* ------------------------------------------------------------------------------------------------------------------

 -------------------------------------------- 

	桌機 ( 1200 ~ 以上 )

 	平板 ( 750 ~ 1199 )

	手機 ( 300 ~749 )

---------------------------------------------

*/

#footer {

	width: 100%;

	margin: 0 auto;

	padding: 12px 0 0 0;

	font-size: 0.9em;

	background: #FC0;

}

#footer a {

	/*font-size: 0.9em;*/

}

#footer_content {

	width: 100%;

	max-width: 1200px;

	margin: 0 auto;

}

#o_div1 {

	display: inline-block;

	width: 100%;

	padding: 0;

	padding-top: 12px;

	margin-bottom: -2px;

	z-index: -2;

}

#o_div2 {

	/*background: #CCC;*/

}



/* --------------------------------------------------------------------	

 	footer_logo：頁尾logo

-------------------------------------------------------------------- */

#footer_logo {

	position: absolute;

	margin-left: 12px;

	/*display: none;*/

	/*background: #FC0;*/

}

#footer_logo img {

	max-width: 100px;

	max-height: 100px;

	/*background: #FC0;*/

}



/* --------------------------------------------------------------------	

 	footer_contact：聯絡方式

-------------------------------------------------------------------- */

#footer_contact {

	float: left;

	width: 100%;

	height: auto;

	padding-bottom: 10px;

	/*background: #F0F;*/

}

#footer_contact li {

	display: inline-block;

	margin: 12px 24px 12px 0;

	padding-left: 30px;

	font-size: 1em;

	width: auto;

	height: 30px;

	line-height: 30px;

	text-align: left;

	background-position: left;

	background-size: 24px;

	/*border: 1px solid #F00;*/

}

#footer_contact li a {

	font-size: 0.9em;

}



/* --------------------------------------------------------------------	

 	social

-------------------------------------------------------------------- */

#footer_social {

	clear: both;

	width: auto;

	/*word-spacing: -4px;*/

	margin: 0 0 10px 7px;

	text-align: center;

	/*border: 1px solid #F00;*/

}

#footer_social li {

	display: inline-block;

}

#footer_social a {

	display: inline-block;

	margin: 0px 7px;

	width: 50px;

	height: 50px;

	font-size: 10px;

	/*border: 1px solid #273868;*/

	border-radius: 99px;

	background-position: center;

	background-size: 50px;

}

/* --------------------------------------------------------------------	

 	footer_nav_map：網站地圖

-------------------------------------------------------------------- */

#footer_nav_map {

	display: none;

}



/* --------------------------------------------------------------------	

 	custom_footer：自訂頁尾

-------------------------------------------------------------------- */

#custom_footer {

	clear: both;

	display: block;

	width: 100%;

	/*max-width: 1200px;*/

	min-width: 320px;

	margin: 0px auto;

	/*border: 1px solid #F00;*/

}



/* --------------------------------------------------------------------	

 	footer_nav_info : 購物相關說明

-------------------------------------------------------------------- */

#footer_nav_article {

	display: inline-block;

	vertical-align: top;

	width: 100%;

	/*max-width: 1200px;*/

	min-width: 280px;

	height: 50px;

	margin: 0 0 12px 0;

	padding: 0px;

	border-top: 1px solid #CCC;

}

#footer_nav_article .footer_nav_title {

	display: none;

	text-align: center;

	font-size: 1em;

	/*text-indent: 5px;*/

}

#footer_nav_article li {

	display: inline-block;

	margin-bottom: 12px;

	margin: 0 7px 12px 7px;

}

#footer_nav_article li:not(:last-child)::after {

	content: " ";

}

#footer_nav_article li a {

	line-height: 50px;

	font-size: 0.9em;

	font-weight: normal;

}



/* --------------------------------------------------------------------	

 	footer_terms : 使用條款、隱私權政策、免責聲明

-------------------------------------------------------------------- */

#footer_terms {

	/*width: 100%;*/

	display: inline-block;

	text-align: center;

	/*padding: 7px 0;*/

	margin: 0 0 0 7%;

	/*border: 1px solid #7D5;*/

}

#footer_terms li {

	display: inline-block;

}

/*#footer_terms li:not(:last-child)::after {

	content: " | ";

}*/

#footer_terms li a {

	padding: 0 3px;

	font-size: 0.9em;

	/*border: 1px solid #CCC;*/

}

#footer_terms li:last-child a {

	/*border-right: none;*/

}



/* --------------------------------------------------------------------	

 	copyright

-------------------------------------------------------------------- */

#copyright {

	display: inline-block;

	/*width: 100%;*/

	margin: 0 0 0 0;

	padding: 0;

	height: 28px;

	font-size: 0.8em;

	line-height: 1.3em;

	/*text-transform:uppercase;*/

	/*border: 1px solid #7D5;*/

}



/*

* ------------------------------------------------------------------------------------------------------------------

* mobile 手機版

* ------------------------------------------------------------------------------------------------------------------

*/

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

{

	/* 暫時 */

	#footer_nav_map {

		display: none;

	}

	#footer_logo {

		display: none;

	}

}