@charset "UTF-8";

table.creditCard {
	width: 75%;
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #009E96;
	border-collapse: collapse;
	background-color: white;
	cellpadding: 0;
	cellspacing: 3;
}

table.creditCard th {
	height: 30px;
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #009E96;
	font-size: 16px;
	color: #ffffff;
	background-color: #009E96;
	-moz-border-radius:;
}

table.creditCard td {
	height: 45px;
	line-hetght: 45px;
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #009E96;
	font-size: 13px;
	color: #006699;
	font-family: Arial, Helvetica, sans-serif, 微軟正黑體;
	-moz-border-radius:;
}
/* line 4, ../sass/public/_widget.scss */
.transform-pullRight .transformSelect {
	float: right;
}
/* line 8, ../sass/public/_widget.scss */
.transformSelect {
	float: left;
}
/* line 11, ../sass/public/_widget.scss */
.transformSelect>li {
	background: url("https://cardtest.esunbank.com.tw/EsunCreditweb/images/public/optionBg.gif")
		repeat-x left top;
	border-top: 1px solid #CCCCCC;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
}
/* line 18, ../sass/public/_widget.scss */
.transformSelect li {
	position: relative;
	list-style: none;
}
/* line 23, ../sass/public/_widget.scss */
.transformSelect span,.transformSelect input[type=text] {
	background: url("https://cardtest.esunbank.com.tw/EsunCreditweb/images/public/transformselect.gif")
		no-repeat right top;
	color: #333;
	cursor: pointer;
	display: block;
	padding: 5px 45px 5px 5px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* line 35, ../sass/public/_widget.scss */
.transformSelect ul span {
	background: none;
}
/* line 40, ../sass/public/_widget.scss */
.transformSelect li.open span,.transformSelect li.open input[type=text]
	{
	-moz-border-radius: 5px 5px/0 0;
	-webkit-border-radius: 5px 0;
	border-radius: 5px 5px/0 0;
}
/* line 45, ../sass/public/_widget.scss */
.transformSelect ul {
	position: absolute;
	border: 1px solid #CCCCCC;
	border-top: 0;
	z-index: 190;
	margin-left: -1px;
	-moz-border-radius: 0 0/3px 3px;
	-webkit-border-radius: 0 3px;
	border-radius: 0 0/3px 3px;
}
/* line 53, ../sass/public/_widget.scss */
.transformSelect ul li {
	height: auto;
}
/* line 56, ../sass/public/_widget.scss */
.transformSelect ul li span {
	border: 0;
	background: #ffffff;
}
/* line 59, ../sass/public/_widget.scss */
.transformSelect ul li span:hover {
	background: #dddddd;
}
/* line 66, ../sass/public/_widget.scss */
.transformSelect input[type=checkbox] {
	position: relative;
	top: 2px;
	margin: 0 5px 0 0;
	cursor: pointer;
}

/* Radio */
/* line 75, ../sass/public/_widget.scss */
.trans-element-radio {
	display: inline-block;
	*display: block;
	zoom: 1;
	width: 16px;
	height: 16px;
	cursor: pointer;
}
/* line 83, ../sass/public/_widget.scss */
.trans-element-radio.checked {
	background: no-repeat url("https://cardtest.esunbank.com.tw/EsunCreditweb/images/public/chk_on.png")
		center center;
}
/* line 87, ../sass/public/_widget.scss */
.trans-element-radio.unchecked {
	background: no-repeat
		url("https://cardtest.esunbank.com.tw/EsunCreditweb/images/public/chk_off.png") center center;
}

/* line 92, ../sass/public/_widget.scss */
.btnRadio img,.trans-element-radio,.trans-element-checkbox,#tristate img
	{
	padding: 5px;
	vertical-align: middle;
	margin: 0 0 3px;
}

/* line 99, ../sass/public/_widget.scss */
.btnRadio img,.btnRadio label {
	cursor: pointer;
}

/* line 105, ../sass/public/_widget.scss */
a.btns {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	color: #fff;
	position: relative;
	vertical-align: top;
	width: 120px;
}
/* line 113, ../sass/public/_widget.scss */
a.btns:after {
	content: "";
	position: absolute;
	right: -3px;
	width: 3px;
	top: 0;
}
/* line 121, ../sass/public/_widget.scss */
a.btns.plr20 {
	padding-left: 20px;
	padding-right: 17px;
}

/* line 127, ../sass/public/_widget.scss */
a.smallBtn {
	padding: 5px 0 6px;
}
/* line 130, ../sass/public/_widget.scss */
a.smallBtn.font13 {
	font-size: 13px;
	padding: 6px 0 6px;
}
/* line 135, ../sass/public/_widget.scss */
a.smallBtn:after {
	height: 27px;
}
/* line 140, ../sass/public/_widget.scss */
a.smallBtn.greyBtn {
	background-position: left -64px;
	color: #009d99;
}
/* line 144, ../sass/public/_widget.scss */
a.smallBtn.greyBtn:after {
	background-position: right -64px;
}

/* line 150, ../sass/public/_widget.scss */
a.midBtn {
	width: 90px;
	padding: 7px 0 8px;
	padding: 8px 0 7px 0\9;
	font-size: 15px;
	background-position: left -128px;
}
/* line 157, ../sass/public/_widget.scss */
a.midBtn.w100 {
	width: 97px;
}
/* line 161, ../sass/public/_widget.scss */
a.midBtn.w150 {
	width: 147px;
}
/* line 165, ../sass/public/_widget.scss */
a.midBtn:after {
	height: 32px;
}
/* line 170, ../sass/public/_widget.scss */
a.midBtn.greyBtn {
	background-position: left -202px;
	color: #009d99;
}
/* line 174, ../sass/public/_widget.scss */
a.midBtn.greyBtn:after {
	background-position: right -202px;
}

/* line 180, ../sass/public/_widget.scss */
a.bigBtn {
	background-position: left -276px;
	padding: 10px 0 2px;
	font-size: 18px;
	height: 29px;
}
/* line 186, ../sass/public/_widget.scss */
a.bigBtn:after {
	height: 39px;
}
/* line 191, ../sass/public/_widget.scss */
a.bigBtn.greyBtn {
	background-position: left -364px;
	color: #009d99;
}
/* line 195, ../sass/public/_widget.scss */
a.bigBtn.greyBtn:after {
	background-position: right -364px;
}

/* line 201, ../sass/public/_widget.scss */
.biggestBtn {
	font-size: 24px;
	background-position: left -452px;
	width: 200px;
	padding: 15px 0 11px;
}
/* line 207, ../sass/public/_widget.scss */
.biggestBtn:after {
	height: 54px;
}

/* padding區塊開始 */
/* line 2, ../sass/public/_decorator_space.scss */
.p10 {
	padding: 10px;
}

p.result {
	padding: 40px;
	color: red;
	overflow: hidden;
	margin: 0px auto;
}

.fancyStyle {
	float: left;
	min-width: 400px;
	overflow: hidden;
	margin: 0px auto;
}

.fancyStyle.maxW500 {
	max-width: 500px;
	overflow: hidden;
	width: 100%;
}

.fancyStyle .leftSide {
	position: relative;
	width: 310px;
	float: left;
	min-height: 495px;
}

.fancyStyle .leftSide>div.infoTxt {
	padding: 30px 0 0 35px;
	width: 240px;
}

.fancyStyle .leftSide>div.infoTxt h3 {
	font-size: 21px;
	padding: 5px 0 10px;
}

.fancyStyle .leftSide>div.infoTxt li {
	margin-bottom: 15px;
}

.fancyStyle .rightSide {
	width: 680px;
	vertical-align: top;
	float: left;
}

.fancyStyle .rightSide .collect {
	width: 34px;
	height: 27px;
	margin: 10px 60px 0 0;
	float: right;
}

.fancyStyle .rightSide .collect.active {
	background-position: left -1064px;
}

.fancyStyle .rightSide .selecTabs {
	padding: 0 0 0 25px;
	width: 595px;
	float: left;
	min-height: 450px;
}

.fancyStyle .rightSide .selecTabs p {
	line-height: 22px;
}

.fancyStyle .rightSide .selecTabs .detailTab li.active span {
	background: #f9f9f9;
}

.fancyStyle .rightSide .selecTabs .detailTab li a.active {
	border-bottom-color: #f9f9f9;
}

.fancyStyle .rightSide .detailTab li a span {
	padding: 12px 28px 13px 27px;
}

.fancyStyle .rightSide .promoTabContent {
	width: 600px;
}

.fancyStyle .rightSide .promoTabContent a {
	color: #009d99;
}

.fancyStyle .rightSide .promoTabContent .inbox {
	padding: 0 15px 0 20px;
	float: left;
}

.fancyStyle .rightSide .promoTabContent .describe li {
	margin-bottom: 25px;
	float: left;
}

.fancyStyle .rightSide .promoTabContent .describe h3 {
	font-size: 15px;
	list-style-position: outside;
}

.fancyStyle .rightSide .promoTabContent .describe div {
	float: left;
	width: 305px;
	margin-left: 20px;
}

.fancyStyle .rightSide .promoTabContent .describe div p {
	line-height: 19px;
	padding: 15px 0;
}

.fancyStyle .rightSide .tableStyle1 {
	width: 100%;
}

.fancyStyle .rightSide .tableStyle1 th {
	background: #e3bc84;
}

.fancyStyle .rightSide .tableStyle1 a.map {
	padding-left: 17px;
	color: #009d99;
}

.fancyStyle.event {
	padding: 20px 35px;
}

.fancyStyle.event h2 {
	padding-bottom: 23px;
}

.fancyStyle.event>div {
	padding: 20px 0 50px;
	float: left;
	width: 100%;
}

.fancyStyle.event>div img {
	margin-right: 20px;
}

.fancyStyle.event>div .inSide {
	float: left;
	line-height: 22px;
	width: 340px;
}

.fancyStyle .head {
	background: #e8f3f2;
	padding-left: 13px;
	color: #009d99;
	text-align: left;
	min-height: 43px;
	line-height: 43px;
}

.fancyStyle.system {
	width: 500px;
	text-align: center;
}

.fancyStyle.system p {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

.fancyStyle .PopSocialShare {
	padding: 0 0 70px 33px;
}

.fancyStyle .PopSocialShare a,.fancyStyle .PopSocialShare span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 6px;
	vertical-align: middle;
}

/* line 6, ../sass/public/_decorator_space.scss */
.pl10 {
	padding-left: 10px;
}

/* line 7, ../sass/public/_decorator_space.scss */
.pt5 {
	padding-top: 5px;
}

/* padding區塊結束 */
/* margin區塊開始 */
/* line 15, ../sass/public/_decorator_space.scss */
.mt10 {
	margin-top: 10px;
}

/* line 16, ../sass/public/_decorator_space.scss */
.mt20 {
	margin-top: 20px;
}

/* line 17, ../sass/public/_decorator_space.scss */
.mt40 {
	margin-top: 40px;
}

/* line 18, ../sass/public/_decorator_space.scss */
.mt300 {
	margin-top: 300px;
}

/* line 20, ../sass/public/_decorator_space.scss */
.mr5 {
	margin-right: 5px;
}

/* line 21, ../sass/public/_decorator_space.scss */
.mr10 {
	margin-right: 10px;
}

/* line 23, ../sass/public/_decorator_space.scss */
.mb5 {
	margin-bottom: 5px;
}

/* line 24, ../sass/public/_decorator_space.scss */
.mb10 {
	margin-bottom: 10px;
}

/* line 25, ../sass/public/_decorator_space.scss */
.mb14 {
	margin-bottom: 14px;
}

/* line 26, ../sass/public/_decorator_space.scss */
.mb20 {
	margin-bottom: 20px;
}

/* line 27, ../sass/public/_decorator_space.scss */
.mb40 {
	margin-bottom: 40px;
}

/* line 29, ../sass/public/_decorator_space.scss */
.ml15 {
	margin-left: 15px;
}

/* line 30, ../sass/public/_decorator_space.scss */
.ml20 {
	margin-left: 20px;
}

/* line 32, ../sass/public/_decorator_space.scss */
.mlr5 {
	margin-left: 5px;
	margin-right: 5px;
}

/* line 36, ../sass/public/_decorator_space.scss */
.mlr10 {
	margin-left: 10px;
	margin-right: 10px;
}

/* line 40, ../sass/public/_decorator_space.scss */
.mAuto {
	margin-left: auto;
	margin-right: auto;
}

/* line 44, ../sass/public/_decorator_space.scss */
.mtb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* margin區塊結束 */
/* width開始 */
/* line 2, ../sass/public/_decorator_width.scss */
.w60 {
	width: 60px;
}

/* line 3, ../sass/public/_decorator_width.scss */
.w100 {
	width: 100px;
}

/* width結束 */
/*-----------------------------------------------------------------------------------*/
/* line 11, ../sass/layout.scss */
body {
	color: #333333;
	font-size: 14px;
	font-family: Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體", sans-serif;
}

/* line 17, ../sass/layout.scss */
html,body {
	margin: 0;
	padding: 0;
}

/*---------------------------------- 全域物件_共用 ----------------------------------*/
/* line 24, ../sass/layout.scss */
a,a:visited {
	text-decoration: none;
}

/*---------------- 對齊、浮動 ----------------*/
/* line 29, ../sass/layout.scss */
.clearfix {
	*zoom: 1;
}
/* line 28, ../sass/custom/_mixin.scss */
.clearfix:before,.clearfix:after {
	content: " ";
	display: table;
}
/* line 33, ../sass/custom/_mixin.scss */
.clearfix:after {
	clear: both;
}

/* line 33, ../sass/layout.scss */
.vt {
	vertical-align: top;
}

.vs {
	vertical-align: super;
}
/* line 37, ../sass/layout.scss */
.inline {
	display: inline;
}

/* line 41, ../sass/layout.scss */
.inline-block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/* line 45, ../sass/layout.scss */
.center {
	text-align: center;
}

/* line 49, ../sass/layout.scss */
.left {
	float: left;
}

/* line 53, ../sass/layout.scss */
.right {
	float: right;
}

/*-- show or hide --*/
/* line 58, ../sass/layout.scss */
.hide {
	display: none !important;
}

/* line 62, ../sass/layout.scss */
.red {
	color: #f05743;
}

/* line 66, ../sass/layout.scss */
.ps {
	color: #eb8300;
}

/*-- 警告文字 --*/
/* line 71, ../sass/layout.scss */
.warm {
	padding-top: 3px;
	color: #f05743;
	padding-bottom: 10px;
}

/* line 77, ../sass/layout.scss */
.textName {
	margin-bottom: 20px;
}

/* line 81, ../sass/layout.scss */
.detailText {
	margin-bottom: 40px;
}
/* line 83, ../sass/layout.scss */
.detailText a {
	color: #009d99;
}

/* line 88, ../sass/layout.scss */
.thankText {
	float: right;
	margin-top: 40px;
}

/* line 93, ../sass/layout.scss */
input[type="text"],input[type="number"],input[type="date"],input[type="email"],input[type="tel"],input[type="password"]
	{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ddd;
	line-height: 30px;
	height: 30px;
	padding: 0 5px;
}
/* line 99, ../sass/layout.scss */
input[type="text"].wrong-input,input[type="number"].wrong-input,input[type="date"].wrong-input,input[type="email"].wrong-input,input[type="tel"].wrong-input
	{
	border-color: #f05743;
}

/* line 104, ../sass/layout.scss */
.inlineBlock>li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: -4px;
	vertical-align: top;
}

/* line 112, ../sass/layout.scss */
.inlineBlock>li:first-child {
	margin-left: 0;
}

/* line 116, ../sass/layout.scss */
.container {
	margin: 0 auto;
}
/* line 118, ../sass/layout.scss */
.container.mt30 {
	margin-top: 30px;
}

/*---------------------------------- 全域物件_共用結束 ----------------------------------*/
/*---------------------------------- 頁首 ----------------------------------*/
/* line 124, ../sass/layout.scss */
.header {
	width: 100%;
	position: initial;
	background: url("https://cardtest.esunbank.com.tw/EsunCreditweb/images/public/headerPromotion.png")
		repeat-x;
	height: 40px;
	border-bottom: 1px solid #fff;
	z-index: 400;
}
/* line 131, ../sass/layout.scss */
.header .container {
	overflow: hidden;
}
/* line 134, ../sass/layout.scss */
.header ul {
	overflow: hidden;
}
/* line 136, ../sass/layout.scss */
.header ul a {
	height: 40px;
	line-height: 40px;
	display: block;
	display: inline;
}
/* line 143, ../sass/layout.scss */
.header .left li:first-child {
	background: url("https://cardtest.esunbank.com.tw/EsunCreditweb/images/public/header_separate.png")
		no-repeat right center;
	padding-right: 25px;
}
/* line 146, ../sass/layout.scss */
.header .left li:first-child a {
	padding: 0 5px;
}
/* line 149, ../sass/layout.scss */
.header .left li:first-child img {
	vertical-align: middle;
}
/* line 153, ../sass/layout.scss */
.header .left li:nth-child(2) a {
	font-size: 18px;
	color: #009d99;
	font-weight: bold;
	padding: 0 20px;
}
/* line 160, ../sass/layout.scss */
.header ul.right li {
	float: right;
}
/* line 162, ../sass/layout.scss */
.header ul.right li a.goBack {
	background: url("https://cardtest.esunbank.com.tw/EsunCreditweb/images/public/sprite.png") no-repeat
		left -538px;
	color: #6c6c6c;
	padding-left: 14px;
}

/*---------------------------------- 頁尾 ----------------------------------*/
/* line 171, ../sass/layout.scss */
#footerInfo {
  background: #eeeeee;
  width: 100%;
  margin: 0 auto;
  padding: 15px 0;
}
/* line 176, ../sass/layout.scss */
#footerInfo ul {
  text-align: center;
  margin: 0 auto;
}
/* line 179, ../sass/layout.scss */
#footerInfo ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #888888;
  font-size: 13px;
  margin: 0 5px;
}
/* line 184, ../sass/layout.scss */
#footerInfo ul li span {
  margin: 0 5px;
}
/* line 187, ../sass/layout.scss */
#footerInfo ul li a {
  color: #009e96;
  padding: 0 15px;
  border-left: #888888 1px solid;
  border-right: #888888 1px solid;
}
/* line 197, ../sass/layout.scss */
#footer {
	background:
		url("https://cardtest.esunbank.com.tw/EsunCreditweb/images/public/footer_background.gif")
		no-repeat center top;
	width: 100%;
	color: #ffffff;
	overflow: hidden;
}
/* line 202, ../sass/layout.scss */
#footer .container {
	overflow: hidden;
}
/* line 204, ../sass/layout.scss */
#footer .container ul {
	float: left;
}
/* line 206, ../sass/layout.scss */
#footer .container ul li {
	display: block;
	float: left;
}
/* line 209, ../sass/layout.scss */
#footer .container ul li img.logo {
	margin: 8px 0 3px 0;
}
/* line 212, ../sass/layout.scss */
#footer .container ul li a {
	display: block;
	background:
		url("https://cardtest.esunbank.com.tw/EsunCreditweb/images/public/footer_vertical_line.gif")
		repeat-y left top;
	color: #fff;
	margin: 23px 0 0 8px;
	padding-left: 7px;
	vertical-align: top;
}
/* line 223, ../sass/layout.scss */
#footer .container div.right span.copyright {
	display: inline-block;
	margin-top: 23px;
	vertical-align: top;
}
/* line 227, ../sass/layout.scss */
#footer .container div.right span.copyright:before {
	content: "©";
	font-size: 16px;
	float: left;
	margin: 0 4px 0 0;
}
/* line 234, ../sass/layout.scss */
#footer .container div.right a {
	background: none;
}

/*---------------------------------- 內容 ----------------------------------*/
/* line 242, ../sass/layout.scss */
.fromBg {
	background: #eaf9f8 url("https://cardtest.esunbank.com.tw/EsunCreditweb/images/formBg.gif") repeat-x
		left top;
	margin: 0 auto;
	overflow: hidden;
	/*---------------- step ----------------*/
}
/* line 247, ../sass/layout.scss */
.fromBg .chooseStep {
	border-bottom: none;
	text-align: center;
}
/* line 250, ../sass/layout.scss */
.fromBg .chooseStep .container img {
	width: 100%;
}
/* line 254, ../sass/layout.scss */
.fromBg .applyForm {
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(9, 2, 4, 0.4);
	-moz-box-shadow: 0 0 3px rgba(9, 2, 4, 0.4);
	box-shadow: 0 0 3px rgba(9, 2, 4, 0.4);
	margin: 0 auto 30px auto;
	padding: 20px;
}
/* line 262, ../sass/layout.scss */
.fromBg .msgAlert {
	background: #fee7e4;
	width: 100%;
	border: #f05743 1px solid;
	margin: 0 auto 20px auto;
	padding: 20px 0px;
	overflow: hidden;
}
/* line 269, ../sass/layout.scss */
.fromBg .msgAlert span.magBlock {
	display: block;
	width: 90%;
	color: #f05743;
	margin: 15px auto;
	overflow: hidden;
}
/* line 275, ../sass/layout.scss */
.fromBg .msgAlert span.magBlock img {
	display: block;
	float: left;
	width: 38px;
	margin: 0 5px 0 0;
}
/* line 281, ../sass/layout.scss */
.fromBg .msgAlert span.magBlock span {
	display: block;
	float: left;
}
/* line 284, ../sass/layout.scss */
.fromBg .msgAlert span.magBlock span a {
	color: #009e96;
}
/* line 291, ../sass/layout.scss */
.fromBg .upForm span.magBlock {
	margin: 0 auto;
}
/* line 295, ../sass/layout.scss */
.fromBg .msgPoint {
	background: #f2f2f2;
	padding: 10px 20px;
	margin: 0 auto 40px auto;
}
/* line 299, ../sass/layout.scss */
.fromBg .msgPoint a {
	color: #009d99;
}
/* line 303, ../sass/layout.scss */
.fromBg .mb0 {
	margin-bottom: 0px;
}

/*---------------------------------- 下方有一條兩個顏色的線(綠、灰)的標題 ----------------------------------*/
/* line 314, ../sass/layout.scss */
.TwoColorTitle,.TwoColorTitle .Text {
	border-bottom: 2px solid;
}

/* line 318, ../sass/layout.scss */
.TwoColorTitle {
	height: 28px;
	border-color: #ddd;
	margin-bottom: 20px;
	position: relative;
}
/* line 323, ../sass/layout.scss */
.TwoColorTitle .Text {
	display: inline-block;
	border-color: #009d9a;
	padding: 5px 0;
	line-height: 18px;
	font-size: 18px;
	font-weight: bold;
}
/* line 331, ../sass/layout.scss */
.TwoColorTitle .notice {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 5px;
}
/* line 336, ../sass/layout.scss */
.TwoColorTitle .notice span {
	color: #eb8300;
}

/*---------------------------------- 下方有一條兩個顏色的線(綠、灰)的標題(9字以上) ----------------------------------*/
.Muti_TwoColorTitle,.Muti_TwoColorTitle .Text {
	border-bottom: 2px solid;
}

.Muti_TwoColorTitle {
	height: 28px;
	border-color: #ddd;
	margin-bottom: 20px;
	position: relative;
}
.Muti_TwoColorTitle .Text {
	display: inline-block;
	border-color: #009d9a;
	padding: 5px 0;
	line-height: 18px;
	font-size: 18px;
	font-weight: bold;
	max-width: 80%;
}
.Muti_TwoColorTitle .notice {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 5px;
}
.Muti_TwoColorTitle .notice span {
	color: #eb8300;
}


/* line 342, ../sass/layout.scss */
.respond {
	margin: 0 0 20px 0;
}

/* line 349, ../sass/layout.scss */
.respond-field .respond-field-input .vt-btnRadio span {
	display: block;
}
/* line 359, ../sass/layout.scss */
.respond-field .respond-block-end {
	margin-bottom: 20px;
}
/* line 362, ../sass/layout.scss */
.respond-field .respond-field-detail {
	padding: 0 0 10px 0;
}

/* line 368, ../sass/layout.scss */
.upLoad-field span.ps {
	display: block;
	font-size: 13px;
	margin-left: 16px;
	margin-bottom: 5px;
}
/* line 374, ../sass/layout.scss */
.upLoad-field span.ps:before {
	content: "※";
	margin-left: -16px;
}
/* line 378, ../sass/layout.scss */
.upLoad-field .fileBlock {
	margin: 0 auto 20px auto;
	overflow: hidden;
}
/* line 381, ../sass/layout.scss */
.upLoad-field .fileBlock .fileTitle {
	font-size: 18px;
	font-weight: bold;
	padding: 12px 10px 8px 10px;
	overflow: hidden;
}
/* line 387, ../sass/layout.scss */
.upLoad-field .fileBlock .fileDetial {
	background: #e9f7f7;
	padding: 12px 10px 8px 10px;
	border: #d2e3e3 1px solid;
	overflow: hidden;
}

/*----------------- 大塊輸入框 -----------------*/
/* line 397, ../sass/layout.scss */
textarea {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ddd;
	padding: 10px;
}

/*----------------- 展開 -----------------*/
/* line 404, ../sass/layout.scss */
.accordion {
	border: 1px solid #e0e0e0;
	padding: 10px;
}
/* line 408, ../sass/layout.scss */
.accordion li.has-children.closed h3:after {
	background: url("https://cardtest.esunbank.com.tw/EsunCreditweb/images/public/leftNav_arrow.png")
		no-repeat left bottom;
}
/* line 412, ../sass/layout.scss */
.accordion h3 {
	font-size: 16px;
	border-bottom: none;
	height: 35px;
	line-height: 35px;
	width: 100%;
	position: relative;
	cursor: pointer;
}
/* line 421, ../sass/layout.scss */
.accordion h3:after {
	content: "";
	width: 9px;
	height: 7px;
	margin-right: 5px;
	position: absolute;
	right: 20px;
	top: 12px;
	background: url("https://cardtest.esunbank.com.tw/EsunCreditweb/images/public/leftNav_arrow.png")
		no-repeat left top;
}
/* line 432, ../sass/layout.scss */
.accordion h3:focus {
	outline: none;
}
/* line 436, ../sass/layout.scss */
.accordion h3 span {
	padding-left: 10px;
}
/* line 440, ../sass/layout.scss */
.accordion ul {
	padding: 0 10px;
}
/* line 443, ../sass/layout.scss */
.accordion p {
	padding-bottom: 10px;
}

/* line 448, ../sass/layout.scss */
div.paperBlock {
	clear: both;
	float: none;
	border: 1px solid #e0e0e0;
	margin: 0 0 20px 0;
}
/* line 453, ../sass/layout.scss */
div.paperBlock h3 {
	position: relative;
	font-size: 18px;
	line-height: 35px;
	padding: 10px;
	border-bottom: 1px solid #e0e0e0;
}
/* line 460, ../sass/layout.scss */
div.paperBlock .iframeScroll {
	position: relative;
	width: 100%;
	height: 250px;
}
/* line 464, ../sass/layout.scss */
div.paperBlock .iframeScroll iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: none;
	margin: 0 auto;
}

/* line 476, ../sass/layout.scss */
.paperDetial {
	padding: 10px;
	/*-- 第一層 --*/
}
/* line 479, ../sass/layout.scss */
.paperDetial ul {
	margin: 10px auto 0 auto;
}
/* line 481, ../sass/layout.scss */
.paperDetial ul h4 {
	color: #009d99;
	font-size: 15px;
	margin: 0 0 15px 0;
}
/* line 486, ../sass/layout.scss */
.paperDetial ul li {
	margin: 0 0 15px 0;
	word-break: break-all;
	/*-- 第二層 --*/
}
/* line 489, ../sass/layout.scss */
.paperDetial ul li a {
	color: #009d99;
}
/* line 493, ../sass/layout.scss */
.paperDetial ul li ul {
	margin: 0;
}
/* line 495, ../sass/layout.scss */
.paperDetial ul li ul li {
	margin: 0 0 5px 10px;
	/*-- 第三層 --*/
}
/* line 506, ../sass/layout.scss */
.paperDetial ul.numList {
	margin-left: 15px;
}
/* line 508, ../sass/layout.scss */
.paperDetial ul.numList li {
	list-style: decimal;
}
/* line 512, ../sass/layout.scss */
.paperDetial table.papTable {
	width: 95%;
	margin: 20px auto;
	border-top: #dddddd 1px solid;
	border-left: #dddddd 1px solid;
}
/* line 519, ../sass/layout.scss */
.paperDetial table.papTable tr td table {
	width: 100%;
}
/* line 522, ../sass/layout.scss */
.paperDetial table.papTable tr td table tr td {
	padding: 10px;
	border-right: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
}
/* line 527, ../sass/layout.scss */
.paperDetial table.papTable tr td table tr td.sTitle {
	background: #e5f5f4;
}
/* line 530, ../sass/layout.scss */
.paperDetial table.papTable tr td table tr td.Title {
	background: #f2f2f2;
}

/* line 541, ../sass/layout.scss */
.two .greenText {
	color: #153f48;
}

.wrongMsg {
	color: #f05743;
}

.wrongMsg:before {
	content: "";
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	margin-right: 5px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	background: url("https://cardtest.esunbank.com.tw/EsunCreditweb/images/public/icon_notice.png");
}

.CountDownText {
	height: 48px;
	margin-top: 50px;
	float: right;
}

.CountDownText span {
	color: #eb8300;
}

.CountDownText a {
	color: #009d99;
}

.agreementData {
	border: 1px solid black;
	height: 250px;
	width: 98%;
	overflow: auto;
	font-size: 13px;
	letter-spacing: 2px;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break: break-all;
	margin: 0 auto;
	border: 0;
}

.agreementData td {
	vertical-align: text-top;
}

.agreementData td.index_padding_Td {
	width: 30px;
	padding-left: 10px;
}

.agreementData td.padding_Td {
	padding-left: 10px;
}