@charset "UTF-8";
/*
* @data 2015-4-4
* Author: Linda Lu
*
* E.SUN PAY Stylesheet
--------------------------------
   1. Sticky Footer
   2. Footer
   3. Header
   4. RWD
--------------------------------
*/

/*=====================================================
   1. Sticky Footer
=====================================================*/
html,body {
    width: 100%;
}
#wrapper {
	min-height: 100%;
	position:relative;
}
#header {
	height: auto;
	width: 100%;
	position: relative;
	padding: 0;
	margin: 0 auto;
}
#content {
	padding: 0 0 97px 0;
}


/*=====================================================
   3. Header
=====================================================*/
.header {
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 40px;
	background-color: #fff;
	text-align: center;
}
.sysName {
	display: inline-block;
	font-size: 18px;
	font-family: sans-serif;
	font-weight: bold;
	line-height: 40px;
	color: #009d99;
	padding-top: 2px;
}

/* Breadcrumb */
.pathArea {
	position: relative;
	width: 100%;
}
.pathArea ul {
	padding: 0 20px;
	max-width: 960px;
	width: 90%;
	margin: 10px auto 10px auto;
}
.pathArea li {
	display: inline-block;
	list-style-type: none;
	font-size: 13px;
}
.pathArea li,
.pathArea li a {
	color: #fff;
}
.pathArea li.pointer {
	cursor: pointer;
}
.pathArea li.pointer:hover {
	text-decoration: underline;
}
.pathArea li:not(:first-child):before {
    content:">";
    display:inline-block;
    padding:0 3px 0 0;
}
/* home */
.path-index {
	display: inline-block;
	width: 16px;
	height: 14px;
	background-size: 16px 14px;
	cursor: pointer;
    text-indent:-9999px;
}
.path-index {
	background-image: url(../IMG/menu/icon_index_hover.png);
}
.path-index.unlink {
    cursor:auto;
}

/*=====================================================
   4. RWD
=====================================================*/
@media screen and (max-width: 768px) {
	#bottomFooter .esun .copyright { display: none; }
	/*#bottomFooter .esun { width: 460px; }*/
}
@media screen and (max-width: 640px) {
	#content { padding: 0 0 114px 0; }
	#bottomFooter { height: 114px; }	
}
@media screen and (max-width: 532px) {
	#bottomFooter .esun li a {
  	display: none;
  	}
  	#bottomFooter .esun { width: 232px; }
	.pathArea ul { width: 95%; padding: 0;	}
	.pathArea li { font-size: 16px; }	
}
@media screen and (max-width: 404px) {
	#content { padding: 0 0 131px 0; }
	#bottomFooter { height: 144px; } /*iphone 4s 會有問題 修正144px*/
}