@charset "utf-8";

/*

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

* 	Layout Footer 排版

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

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

	桌機 ( 1200 ~ 以上 )

 	平板 ( 750 ~ 1199 )

	手機 ( 300 ~749 )

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

*/

#footer {

	width: 100%;

	margin: 0 auto;

	padding: 31px 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-top: 31px;

	margin-bottom: -2px;

	z-index: -2;

}



/*第一區塊*/

#f_div1 {

	float: left;

	width: 300px;

	min-height: 260px;

	padding: 0 25px 0 0;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: rgba(0,0,0,0.2);

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

}



/*第二區塊*/

#f_div2 {

	float: left;

	width: 360px;

	min-height: 260px;

	padding: 0 25px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: rgba(0,0,0,0.2);

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

}



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

 	fbfans

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

/*第三區塊*/

#footer_fbfans {

	float: right;

	display: inline-block;

	width: 450px;

	height: 260px;

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

}



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

 	footer_logo：頁尾logo

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

#footer_logo {

	/*display: none;*/

	float: left;

	width: 100%;

	max-width: 180px;

	max-height: 180px;

	text-align: left;

	/*background: #FC0;*/

}

#footer_logo img {

	/*display: none;*/

	/*background: #FC0;*/

	width: auto;

	max-width: 100%;

	max-height: 70px;

	margin: 7px 0;

	padding: 0;

}



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

 	title

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

#footer_title {

	display: inline-block;

	float: left;

	width: 100%;

	height: auto;

	padding: 7px 0px;

	text-indent: 12px;

	/*background: #F00908;*/

	font-size: 1.2em;

	text-align: left;

}



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

 	footer_contact：聯絡方式

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

#footer_contact {

	float: left;

	max-width: 280px;

	height: auto;

	padding: 0 10px;

	/*background: #F0F;*/

}

#footer_contact li {

	display: block;

	margin: 12px 0px;

	padding-left: 20px;

	width: auto;

	text-align: left;

	font-size: 0.9em;

	background-position: left;

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

}

#footer_contact li a {

	/*font-size: 0.9em;*/

}



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

 	social

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

#footer_social {

	clear: both;

	float: left;

	width: auto;

	margin: 12px 0 0 12px;

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

	text-align: center;

	/*background: #FCC;*/

}

#footer_social li {

	float: left;

	display: inline-block;

	margin-right: 21px;

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

}

#footer_social a {

	display: inline-block;

	width: 25px;

	height: 25px;

	background-size: 25px;

	font-size: 10px;

	border-radius: 99px;

	background-position: center;

	cursor: pointer;

}



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

 	footer_nav_map：網站地圖

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

#footer_nav_map {

	width: 100%;

	height: auto;

	margin:0 0 24px 0;

	/*background: #0FF;*/

}

/* 第一層 */

#footer_nav_map > li {

	width: calc(100%/2 - 6px);

	vertical-align: text-top;

	display: inline-block;

	float: left;

	text-align: left;

	margin-bottom: 12px;

	/*min-height: 200px;*/

	/*line-height: 30px;*/

	line-height: 1.1em;

	text-indent: 12px;

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

}

#footer_nav_map > li:last-child {

	/*text-align:right;*/

}

#footer_nav_map > li:last-child li {

	/*text-align:right;*/

}

#footer_nav_map > li > span, #footer_nav_map > li > a {

	padding: 3px 0 10px 0;

}

#footer_nav_map > li > span {

	display: block;

	width: 100%;

	margin-top: 0px;

	padding: 0px;

	line-height: 36px;

}

#footer_nav_map > li > a {

	width: 100%;

}

#footer_nav_map > li > a span {

	display: inline-block;

	display: block;

	margin-top: 0px;

	padding: 0px;

	line-height: 36px;

}

#footer_nav_map > li span a {

	text-decoration: none;

	/*color: #333;*/

	/*margin-top: 24px;*/

}

/* 第二層 */

#footer_nav_map > li ul {

	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;*/

}



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

 	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_logo {

		float: none;

		max-width: 100%;

		text-align: center;

	}

	#footer_title {

		text-align: center;

		line-height: 1.3em;

	}

	#footer_nav_map {

		float: left;

		margin: 0;

	}

	#footer_nav_map > li {

		width: calc(100%/2 - 0px);

	}

	#footer_terms {

		margin: 0 auto 30px auto;

	}

	#footer_fbfans {

		width: 90%;

	}



	/* CROSS */

	#footer_logo ,

	#footer_contact ,

	#footer_title ,

	#footer_fbfans {

		display: none;

	}



}