@charset "UTF-8";

/*==========================================================================================*/


#footer { display:block; padding:5px 11px; margin-top:7px; background:url(../images/navBg.jpg) no-repeat center -50px #e8e8ea; height:600px; padding-top:40px; width:auto; min-height:600px; }
#footer div.centerbox { display:table; width:980px; margin-left:auto; margin-right:auto; }

#footer div.centerbox ul { display:table-cell; text-align:left; margin:0px; padding:0px; padding-right:2px; font-family:Arial; font-size:11px; color:#333; width:122px; 
	*padding-right:0; *display:block; *float:left; *font-size:10px; }
#footer div.centerbox ul li { margin:0; padding:0; padding-left:10px; *padding-left:0px; height:22px; line-height:22px; overflow:hidden; text-shadow:1px 1px 0 white; }
#footer div.centerbox ul li a { margin:0; padding:0; text-decoration:none; }
#footer div.centerbox ul li a:hover { text-decoration:underline; }

#footer div.centerbox ul li.title-orange { font-size:13px; color:#ea5700; height:30px; list-style:none; padding-top:20px; border-top:1px solid #da3245; }
#footer div.centerbox ul li.title-darkred { font-size:13px; color:#da3245; height:30px; list-style:none; padding-top:20px; border-top:1px solid #ea5700; }
#footer div.centerbox ul li.title-green { font-size:13px; color:#619d15; height:30px; list-style:none; padding-top:20px; border-top:1px solid #619d15; }
#footer div.centerbox ul li.title-darkgreen { font-size:13px; color:#46761f; height:30px; list-style:none; padding-top:20px; border-top:1px solid #46761f; }
#footer div.centerbox ul li.title-red { font-size:13px; color:#e5002d; height:30px; list-style:none; padding-top:20px; border-top:1px solid #e5002d; }
#footer div.centerbox ul li.title-blue { font-size:13px; color:#55b7e5; height:30px; list-style:none; padding-top:20px; border-top:1px solid #55b7e5; }
#footer div.centerbox ul li.title-darkblue { font-size:13px; color:#458bc1; height:30px; list-style:none; padding-top:20px; border-top:1px solid #458bc1; }
#footer div.centerbox ul li.title-gray { font-size:13px; color:#535353; height:30px; list-style:none; padding-top:20px; border-top:1px solid #535353; }
#footer div.centerbox ul li.title-4g { font-size:13px; color:#00a0e9; height:30px; list-style:none; padding-top:20px; border-top:1px solid #00a0e9; }

ul.bottomRowSet { position:block; border:0px solid green; 
	margin:60px auto -36px auto;
	font-family:Arial; font-size:11px; color:#333; max-width:900px; text-align:center; }
ul.bottomRowSet li { display:inline-block; margin:0; padding:0 7px 0 3px; overflow:hidden; text-shadow:1px 1px 0 white; border-right:1px solid #777; }
ul.bottomRowSet li:last-child { border-right:0; }
ul.bottomRowSet li a { margin:0; padding:0; text-decoration:none; }
ul.bottomRowSet li a:hover { text-decoration:underline; }



div.logobar { height:80px; width:840px; display:table; position:relative; 
	background:url(../images/icon-footer.png) no-repeat 0px -50px; margin-left:auto; margin-right:auto; }
div.logobar p { width:100px; text-align:left; font-size:11px !important; font-family:Arial; color:#959595; }
div.logobar p.p1 { position:absolute; top:16px; left:160px; }
div.logobar p.p2 { position:absolute; top:10px; left:290px; }
div.logobar p.p3 { position:absolute; top:16px; left:405px; }
div.logobar p.p4 { position:absolute; top:16px; left:515px; }
div.logobar p.p5 { position:absolute; top:16px; left:665px; }
div.logobar p.p6 { position:absolute; top:10px; left:785px; }

div.endbar { height:100px; width:1005px; display:table; position:relative; font-family:微軟正黑體, Arial;
	background:url(../images/icon-footerbg.png) no-repeat 0px -150px; margin-top:40px; margin-left:auto; margin-right:auto; }
div.endbar p { position:absolute; top:20px; left:0px; width:460px; text-align:right; font-size:11px; font-family:微軟正黑體, Arial; }

div.endbar a.endbarlogo-1, 
div.endbar a.endbarlogo-2,
div.endbar a.endbarlogo-3,
div.endbar a.endbarlogo-4 { display:block; position:absolute; cursor:pointer; }
/*
div.endbar a.endbarlogo-1 { width:130px; height:40px; background:url(../images/icon-footer.png) no-repeat -100px 0; bottom:47px; right:333px; }
div.endbar a.endbarlogo-2 { width:65px; height:40px; background:url(../images/icon-footer.png) no-repeat -250px 0; bottom:42px; right:263px; }
div.endbar a.endbarlogo-3 { width:60px; height:40px; background:url(../images/icon-footer.png) no-repeat -350px 0; bottom:42px; right:198px; }
div.endbar a.endbarlogo-4 { width:90px; height:40px; background:url(../images/icon-footer.png) no-repeat -450px 0; bottom:49px; right:93px; }
*/



div.logolinkgroup { position:absolute; left:480px; top:2px; height:37px; padding:10px; display:block; background:url(../images/footerbreak.gif) no-repeat left top;  }
div.logolinkgroup a { float:left; margin:2px 4px; text-decoration:none; }



	/*=====================================================================================*/
	/* SPECIAL FOR IE TABLET VERSION */
	html.onie #footer div.centerbox { width:870px; }
	html.onie div.endbar { width:760px; background:none; }
	html.onie div.endbar p { top:59px; left:30px; width:700px; text-align:center; }
	
	html.onie div.logolinkgroup { left:130px; top:-5px; background:none; border-bottom:1px solid #aaa; }
	html.onie div.logobar { height:80px; width:870px; background:url(../images/icon-footer.png) no-repeat 0px -50px; }
	html.onie div.logobar p.p6 { top:10px; left:780px; width:80px; }
	/*=====================================================================================*/

/* SMALL TABLET */
@media -ms-viewport, screen and (max-width: 1140px) {
	#footer div.centerbox { width:870px; }
	div.endbar { width:760px; background:none; }
	div.endbar p { top:59px; left:30px; width:700px; text-align:center; }
	
	div.logolinkgroup { left:130px; top:-5px; background:none; border-bottom:1px solid #aaa; }
	div.logobar { height:80px; width:870px; background:url(../images/icon-footer.png) no-repeat 0px -50px; }
	div.logobar p.p6 { top:10px; left:780px; width:80px; }
	/*div.logobar { height:130px; width:630px; background:url(../images/icon-footer.png) no-repeat 0px -160px; }
		div.logobar p { text-align:center; }
		div.logobar p.p1 { top:70px; left:0px; }
		div.logobar p.p2 { top:70px; left:100px; }
		div.logobar p.p3 { top:70px; left:190px; }
		div.logobar p.p4 { top:70px; left:280px; }
		div.logobar p.p5 { top:70px; left:370px; }
		div.logobar p.p6 { top:70px; left:460px; }*/
}
/* DESKTOP */
@media -ms-viewport, screen and (min-width: 1141px) { 
	#footer div.centerbox { width:980px; }
	div.endbar { width:1005px; background:url(../images/icon-footerbar.png) no-repeat 0px 0px; }
	div.endbar p { top:20px; left:0px; width:460px; text-align:right; }
	
	div.logolinkgroup { left:480px; top:2px; background:url(../images/footerbreak.gif) no-repeat left top; border-bottom:none;  }
	div.logobar { height:80px; width:920px; background:url(../images/icon-footer.png) no-repeat 0px -50px; }
		div.logobar p { text-align:left; }
		div.logobar p.p1 { top:16px; left:160px; }
		div.logobar p.p2 { top:10px; left:290px; }
		div.logobar p.p3 { top:16px; left:405px; }
		div.logobar p.p4 { top:16px; left:515px; }
		div.logobar p.p5 { top:16px; left:665px; }
		div.logobar p.p6 { top:10px; left:785px; width:100px; }
}