@charset "UTF-8";
/*
* @data 2015-4-4
* Author: Linda Lu
*
* E.SUN PAY Stylesheet
--------------------------------
   1. Register
   2. login
   3. Receive
   4. Pay
   5. Setting
   6. RWD
--------------------------------
*/

body { 
	background: #edfaf9;
}
.fromStyle-bg {
	background: #edfaf9 url("../IMG/form/formBg.gif") repeat-x top;
    background-attachment: fixed;
	margin: 0 auto;
}
.fromStyle {
	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;
}
.animate {
    position: relative;
    left: 0;
    right: 0;
	margin: 0 auto 30px auto;
}
.animate.toLeft {
	margin-left: 1%;
}
.animate.toRight {
	margin-left: auto;	
}
.title-applyForm {
	display: block;
	width: 100%;
	color: #333;
	font-size: 16px;
	line-height: 32px;
}

/*=====================================================
   1. Register
=====================================================*/
.cmxform li.item,
.cmxform .list li {
	display: inline-block;
	width: 100%;
	padding: 5px 0px;
}
.cmxform label {
	display: inline-block;
	font-family: Arial,"微軟正黑體","Microsoft JhengHei","新細明體", sans-serif;
	font-size: 14px;
	color: #333;
	text-align: right;
}
.cmxform label.itemName {
	padding: 0px 10px 0 0;
	width: 120px;
}
.cmxform label.itemNameShort {
	padding: 0px 10px 0 0;
	width: 120px;
}
.cmxform label.itemDescription {
    padding:0px 0 0 130px;
    }
p.errorMsg {
    color:red;
    text-align:center;
}

.highLightNotice {
	color:red;
	font-weight:bold;
}


.required:before {
	content: "*";
	color: #eb8300;
	padding-right: 3px;
}
.cmxform input.error,
.cmxform textarea.error {
	border-color: #fcd089;
	background-color: #fff9ed;
}
.cmxform label.error,
.cmxform label.error {
	color: #eb8300;
	font-style: italic;
	padding: 0px 0 0 10px;
}

/* term */
div.paperBlock.member-reg-agree .iframeScroll {
	height: 650px;
}
a[name=BtnMemberReg] {
	pointer-events: none;
	color: gray;
}
a[name=BtnMemberReg].on {
	pointer-events: auto;
	color: #fff;
}
a[name=BtnMemberReg].off {
	pointer-events: none;
	color: gray;
}

/* new */
.btnStyle {
	display: block;
	width: 122px;
	background: #009e96;
	border-top: 2px solid #009e96;
	border-bottom: 2px solid #006f69;
	border-left: none;
	border-right: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin: 20px auto 10px auto;	
	cursor: pointer;
}
.btnStyle:hover {
	border-top-color: #009e96;
	border-bottom-color: #009e96;
}
.registerBtnStyle {
    font-size: 12px;
    margin-top: 0;
    width: 100px;
}
.btnStyle-disabled {
    background: #e6e6e6;
    border-top: 2px solid #E6E6E6;
    border-bottom: 2px solid #E6E6E6;
	color:#009d99;
}
.btnStyle-disabled:hover {
	border-top-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
}
/* auth */
form li input.mail {
	width: 415px;
}
.auth li {
	display: inline-block;
	width: 32%;
	border: 1px solid #e6f4e3;
	background: #e6f4e3 url(../IMG/form/bg_reg_auth.png) no-repeat;
	border-radius: 4px;
	vertical-align: top;
}
ul.auth li.mL {
	margin-left: 1.25%;
}
ul.auth li.yet {
	background-color: #fff7ec;
	border-color: #fcd089;
}
ul.auth > li.yet {
    cursor: pointer;
}
ul.auth ul ul {
	padding: 10px 0 0 0;
}
ul.auth li li {
	display: block;
	width: 100%;
	height: auto;
	background: none;
	border: none;
	text-align: center;
}
ul.auth li span { 
	display: block;
	width: 85%;
	font-size: 14px;
	word-break: break-all;
	margin: 0 auto 10px auto;
	padding: 8px 0;
}
ul.auth li span.unverified　{
	color: #eb8300;
	font-style: italic;
}
ul.auth li span.check {
	color: #009e96;
	font-size: 18px;
	border-bottom: 2px solid #00a89b;
}
.btnStyle.auth {
	position: relative;
	z-index: 9;	
	width: 65%;
	height: 32px;
	line-height: 32px;
	letter-spacing: 0.05em;
	font-size: 18px;
	margin: 0 auto 5px auto;
	padding: 0;	
}
/*
.btnStyle.auth:hover {
	border-top-color: #e6f4e3;
}*/
 input[disabled=""]:hover{
     border-top-color: #e6f4e3;
 }

 input[disabled="disabled"]{
     border-top-color: #e6f4e3;
 }

/* auth_info */
#citizenid { text-transform: uppercase; }
.sl_select {
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	line-height: 32px;
	height: 32px;
	border: 1px solid #ddd;
	padding: 0 45px 0 5px;
	width: auto;
    background: url("../IMG/form/bg_select.png") right no-repeat;
	background: url("../IMG/form/bg_select.png") right no-repeat,linear-gradient(to bottom, #fff, #E7E7E7);
	color: #333;
	cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 1px;
}
select::-ms-expand {
    display: none;
}
.sl_select option {
	color: #333;
	font-size: 14px;
	font-family: Arial,"微軟正黑體","Microsoft JhengHei","新細明體", sans-serif;
}
.btnRadio img {
	width: 15px;
	height: 15px;
}
.btnRadio_space {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 0;
}
.noteHead {
    /* background: #eff9e2; */
    border: #009d99 1px solid;
    margin: 20px auto;
    padding: 10px;
}

.noteHead:after {
    content: '\25BC';
    font-size: 20px;
    color: #009d99;
    float: right;
    margin-left: 5px;
}

.noteHead.active:after {
    content: "\25B2"; /* Unicode character for "minus" sign (-) */
}

/*=====================================================
   2. Login
=====================================================*/
.cmxform .list li.option {
	padding-left: 110px;
}
.cmxform .list li.option.hide {
	display: none;
}
.table_list .message_title {
	color: #888;
}
.table_list .message_text {
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0.05em;
	padding: 10px 0 3px 5px;
	  word-break: break-all;
}
.table_list .message_text.no_title {
	padding-left: 0;
}

/* summary */
.accounting {
	list-style-type: none;
	margin: -20px;
}
.accounting li {
	float: left;
	width: 50%;
}
.accounting li a {
	display: block;
	padding: 10px;
	color: #888;
	text-align: center;
}
.accounting li .num {
	display: block;
	font-size: 24px;
	letter-spacing: 0.05em;
	margin: 5px 0 0 0;
	padding-left: 5px;
	word-break: break-all;
}
.accounting li span.btn{
    display:block;
}
.accounting li .btn {
	width: 122px;
	padding: 3px 0 5px 0;
	margin: 5px auto 0 auto;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	letter-spacing: 0.1em;
	cursor: pointer;
}
.accounting li.receive .num {
	color: #60cc80;
}
.accounting li.receive.unable .num {
	color: #ddd;
}
.accounting li.receive .btn {
	background-color: #60cc80;
	border-top: 2px solid #60cc80;
  	border-bottom: 2px solid #369b54;
	color: #fff;
}
.accounting li.receive .btn:hover {
	border-top: 2px solid #fdfdfd;
  	border-bottom: 2px solid #60cc80;
}
.accounting li.receive.unable .btn {
	background-color: #60cc80;
	border-top: 2px solid #60cc80;
  	border-bottom: 2px solid #369b54;
	color: #fff;
}

.accounting li.receive.unable .btn-disabled {
    background-color: #e6e6e6;
    border-top: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
    color: #009d99;
     width: 122px;
    padding: 3px 0 5px 0;
    margin: 5px auto 0 auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    letter-spacing: 0.1em;
    display:block;
    cursor:default;
}

   
.accounting li.receive.unable .btn:hover {
	border-top: 2px solid #fdfdfd;
  	border-bottom: 2px solid #60cc80;
}
.accounting li.pay a { 
	border-left: 1px solid #ddd;
}
.accounting li.pay .num {
	color: #f9b852;
}
.accounting li.pay .btn {
	background-color: #f9b852;
	border-top: 2px solid #f9b852;
  	border-bottom: 2px solid #b87409;
	color: #fff;
}
.accounting li.pay .btn:hover {
	border-top: 2px solid #fdfdfd;
  	border-bottom: 2px solid #f9b852;
}
.table_point_list .itemName.gray {
	color: #888;
}

/*=====================================================
   3. Receive
=====================================================*/
table { 
    width: auto;
	border-collapse: collapse;
	border-spacing: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
table#tbPayments thead td {
	font-weight: bold;
}
.nowrap {
	white-space: nowrap;
}

.break {
	word-break: break-all;
	width: 230px;
}
.td-hidden { 
	white-space: nowrap;
	width: auto;
	text-align: right;
}
.td-min-hidden {
	white-space: nowrap;
	width: auto;
}
.table_header {
	border:2px solid #fff;
	color: #fff;
	margin: -20px -20px 18px -20px;
	padding: 10px 20px;
}
.searchbox {

}
.searchbox input[type="text"]{
    vertical-align:super;
}
.searchbox a {
    vertical-align:middle;
}
.table_header p {
	display: inline-block;
	font-size: 24px;
	letter-spacing: 0.05em;
	margin: 5px 0 0 0;
	padding-left: 5px;
}
.table_header p.detail {
	padding-left: 0px;
}
table.dataTable a img { 
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 5px 2px 0;
}
.table_header.receive {
	background-color: #60cc80;
}
table.receive a {
	color: #60cc80;
}
.dataTables_head {
	height: 32px;
	line-height: 24px;
}
.dataTables_head label {
	font-size: 13px;
	color: #555;
}

table thead td select,
table tbody td select,
.dataTables_head select {
	font-size: 14px;
	color: #555;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-color: #ddd;
}


.dataTables_head .right {
	float: right;
}
.dataTables_head .right label {
	padding-right: 5px;	
}

/* sPaginationType */
.paging_simple {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.paging_simple .previous.disabled,
.paging_simple .previous.disabled:hover,
.paging_simple .next.disabled,
.paging_simple .next.disabled:hover {
	color: #009e96;
	background: #e6e6e6;
	border-top: 2px solid #e6e6e6;
	border-bottom: 2px solid #999;
}
.paging_simple .previous:hover {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #e6e6e6;
}
.paging_simple .next.disabled:hover,
.paging_simple .previous.disabled:hover {
	cursor: default;
}
.paging_simple .previous,
.paging_simple .next {
	color: #fff;
	background: #009e96;
	border-top: 2px solid #009e96;
	border-bottom: 2px solid #006f69;  
}
.paging_simple .next:hover {
	border-top-color: #f6fafb;
	border-bottom-color: #009e96;
}

/* wait */
.table_point_list.receive p.itemName {
	color: #60cc80;
}

/* new */
.account_type {
	display: inline-block;
	font-size: 24px;
	line-height: 32px;
	padding: 5px 0 5px 0;
}
.table_point_list img {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin: 0 0 -3px 2px;
}
.wait {
    color: #f54249;
}
.save {
    color: #ffa94c;
}
.ok {
    color: #60cc80;
}
/*=====================================================
   4. Pay
=====================================================*/
.table_header.pay {
	background: #f9b852;
}
.table_header.pay p.block {
	display: block;
}
table.dataTable a img { 
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 5px 2px 0;
}

table.dataTable a input[type=image] { 
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 5px 2px 0;
}

table.pay a {
	color: #ffa94c;
}
.status {
	display: inline-block;
	width: 100px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	vertical-align: middle;
}
input[type=image].status{
    display: inline-block;
	width: 15px;
	height: 15px;
    margin: 0 5px 2px 0;
}
#tbPayments tbody tr ,#tbReceive tbody tr {
    cursor:pointer;

}
#tbPayments tbody tr td.dataTables_empty,#tbReceive tbody tr td.dataTables_empty {
    cursor:default;
}
#tbPayments a.aTradeDetail {
    background:url("../IMG/form/datatable_detail_orange.png") no-repeat scroll 0 0 / 15px 15px;
    padding:0 0 0 18px;
}
#tbReceive a.aTradeDetail {
    background:url("../IMG/form/datatable_detail.png") no-repeat scroll 0 0 / 15px 15px;
    padding:0 0 0 18px;
}
img.status { 
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 0 5px 8px;
}

tbody td a.status {
    margin:0px 0px 0px 0px;
    padding: 0em 1.2em;
    text-decoration: none;
    letter-spacing: 0px;
}

/* new */
.table_list,
.table_point_list { 
	list-style-type: none;
}
.table_point_list {
	border-bottom: 1px dotted #ddd;
} 
.table_point_list li {
	padding-bottom: 15px;
}
.table_point_list li p {
	display: inline;
}
.table_point_list p.itemName {
	width: 100px;
	color: #ffa94c;
}
.table_point_list p.itemContent {
	display: block;
	font-size: 24px;
	line-height: 24px;
	padding: 5px 0 0 0;
	margin-top: 3px;
}
.table_list li.liMemberID {
    border-top:none;
    padding: 0 0 10px;
}
.table_list li.dvDescInformMsg{
    display: flex;
}
.table_list li.dvDescInformMsg div {
    display: inline-block;
}
.table_list p { 
	display: inline-block;
}

.table_list p.itemName {
	width: 100px;
	color: #888;
	line-height: 20px;
}
.table_list p.itemName.top {
	vertical-align: top;
}
.table_list p.itemContent { 
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	color: #333;
	word-break: break-all;
	max-width: 800px;
	width: 80%;
}
.table_list p.itemContent span.note{
    color:#21A0A0;
}
.table_list li {
	padding: 12px 0 10px 0;
	/*border-bottom: 1px dotted #ddd;*/
    border-top: 1px dotted #ddd;
  	vertical-align: middle;
}

/* wait */
.btnGroup {
	/*border: 1px solid red;*/
	text-align: center;
}
.btnGroup li { 
	display: inline-block;
	list-style-type: none;
    vertical-align:middle;
}
.btnGroup li.mr { padding-right: 12px; }
.btnStyle.gray {
	color: #009d99;
	background: #e6e6e6;
	border-top: 2px solid #e6e6e6;
	border-bottom: 2px solid #999;
}
/*
.btnStyle.gray:hover{
    border-top: 2px solid #fff;
	border-bottom: 2px solid #e6e6e6;	
}*/

input[disabled=""]:hover{
    border-top: 2px solid #fff;
	border-bottom: 2px solid #e6e6e6;	
}
input[disabled="disabled"]:{
    color: gray;
}

 
.btnGroup.m0 li .btnStyle {
	margin: 0;
}
.btnStyle.auth.gray {
	color: gray;
	/*pointer-events: none;*/
}
/*=====================================================
   5. Setting
=====================================================*/
/* auth */
.noteArea {
	background: #eff9e2;
	border: #d9efc1 1px solid;
	margin: 20px auto;
	padding: 15px;
}
.noteArea ul {
	font-size: 14px;
	line-height: 20px;
	color: #4C5141;
	padding-left: 20px;
}
.noteArea li:before {
	content: "※ ";
	margin-left: -20px;
}
.noteArea li.link,
.noteArea li.link a {
	color: #009e96;
}
.noteArea li.link a {
	cursor: pointer;
}
.account_types {
	width: 100%;
}
.account_types td {
	text-align: center;
	letter-spacing: 0.05em;
	width: 33%;
}
.account_num {
	height: 41px;
	background: url(../IMG/form/bg_set_title.png) repeat-x;
}
.account_num td {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
.account_info tr {
	background: #e9f7f7;
	border-bottom: 2px solid #fff;
}
.account_info td {
	padding: 10px 0;
}
.account_info img.check {
	display: inline-block;
	width: 20px;
	height: 19px;
	margin: 0 5px -4px -25px;
}
.account_info .eng {
	display: inline-block;
	font-family: sans-serif;
	padding: 0 3px;
}
.table_list li.none_border {
	border: none;
}
.table_point_list .bt-gray {
	border-top: 1px dotted #ddd;
	padding-top: 8px;
}
.table_point_list.bb-gray {
	border-bottom: 1px dotted #ddd;
	margin-bottom: 5px;
}
.feedback_title {
	display: inline-block;
	font-size: 24px;
	color: #009e96;
	line-height: 32px;
	padding: 5px 0 5px 0;
}

/* faq */
.selectTypeArea {
	background-color: #e5f5f4;
	padding: 10px 0;
	margin: -20px 0 20px 0;
}
.selectTypeArea img {
	display: inline-block;
	width: 40px;
	float: left;
	margin: -3px 0px 0 5px;
}
.selectTypeArea label {
	font-size: 15px;
	font-weight: bold;
	padding:  0 5px 0 10px;
}
.faq_collapse {
	list-style-type: none;
}
.faq_collapse li {
	display: inline-block;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-all;
	background: url(../images/form/bg_li.gif) repeat-x left bottom;
	padding: 10px 0;
	cursor: pointer;
}
.faq_collapse li.last { background: none; }
.faq_collapse li:before {
	display: inline-block;
	content: url(../images/form/arrow_down_gray.png) center;
	position: relative;
	width: 20px;
	height: 15px;
	line-height: 15px;
	margin-left: 10px;
}
.faq_collapse li:hover {
	color: #009e96;
}
.faq_collapse li:hover:before {
	content: url(../images/form/arrow_down_green.png);	
}
.faq_collapse ul { display: none; }
.faq_collapse ul li {
	color: #666;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background: none;
	padding: 10px;
}
.faq_collapse ul li:before {
	display: none;
}
.faq_collapse ul li:hover {
	color: #666;
	cursor: default;
}
.faq_collapse ul li p {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: black;
	margin: 15px 0 2px 0;
}
.faq_collapse li.active {
	color: #009e96;
	background: none;
	/*background: url(../images/form/bg_collapse.png);*/
	/*border: 1px solid #ddd;*/
	border-top: none;
}
.faq_collapse li.active:hover:before,
.faq_collapse li.active:before {
	content: url(../images/form/arrow_up_green.png);
}
.faq_collapse li.active + ul {
	/*border-bottom: 1px solid #009e96;*/
	background-color: #f6f6f6;
} 
.faq_collapse li.active + ul li { color: #666; }

/*=====================================================
   6. Withdraw
=====================================================*/
.withdrawNumChange {
	cursor:pointer
}
.withdrawNumChange:hover {
	background-color: #edfaff;
}
.withdrawAuthDiv { display: none; }
.table_header.withdraw { background-color: #009ccd; }
.icon.leftTop {
	position: absolute;
	z-index: 99;
	right: 0;
	display: inline-block;
	width: 44px;
	height: 44px;
	cursor: pointer;
}
.icon.leftTop.setting {
	background: url(../images/form/icon_arrowDown.gif) no-repeat center;
	margin: -15px -5px 0 0;	
}
.icon.leftTop.setting:hover {
	background-image: url(../images/form/icon_arrowDown_hover.gif);
}
.icon.leftTop.cancel {
	background: url(../images/form/icon_cancel.png) no-repeat center;
	margin: -10px 5px 0 0;	
}
.icon.leftTop.cancel:hover  {
	background: url(../images/form/icon_cancel_hover.png) no-repeat center;	
}
.accounting li.withdraw { 
	width: 100%;
	text-align: center;
	padding-top: 10px;
	color: #888;
}
.accounting li.withdraw { 
	border-left: 1px solid #ddd;
	padding: 10px;
}
.accounting li.withdraw a { padding: 0; }
.accounting li.withdraw .num {
	color: #009ccd;
}
.accounting li.withdraw .btn {
	background-color: #009ccd;
	border-top: 2px solid #009ccd;
  	border-bottom: 2px solid #025d7a;
	color: #fff;
}
.accounting li.withdraw .btn:hover {
	border-top: 2px solid #fdfdfd;
  	border-bottom: 2px solid #009ccd;
}
.table_list p.itemContent.link {
	font-weight: bold;
	color: #009e96;
	letter-spacing: 0.025em;
}
.itemContent.link .icon {
	display: inline-block;
	width: 44px;
	height: 44px;
	background: url(../IMG/form/icon_setting.png) no-repeat center;
	margin: -15px 0 -15px -5px;
}

/*=====================================================
   7. RWD
=====================================================*/
@media screen and (min-width: 1020px){
	.fromStyle { width: 960px; }
}
@media screen and (max-width: 1019px) and (min-width: 533px) {
	.fromStyle {
	width: 90%;
	margin: 0 5% 30px 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	}
	.animate.toLeft { width: 70%; max-width: 960px; }	
	.animate.toRight { margin-left: 2.5%; }
}
@media screen and (max-width: 1024px) {
	.break { display: none; }	
	.auth { width: 98%; margin: 0 auto; }
	.auth li { width: 32%; }
	.auth li.mL { margin-left: 1%; }
}
@media screen and (max-width: 960px) {
	.auth li span.check {
	display: none;
	}	
	.auth li {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	}
	.auth li.mL { margin-left: 0; }
	.auth li li { margin: 0; }
	.btnStyle.auth {
	max-width: 200px;
	width: 65%;
	height: 45px;
	line-height: 45px;
	}
	.auth img { 
	background-size: 100px auto;
	width: 100px;
	height: 100px;
	margin: 10px 0 0 0;
	}
	.cmxform input.error {
	padding: 0;	
	}
	.cmxform label.error {
	display: block;
	text-align: left;
	padding: 0;
	margin-top: 10px;
	}	
}
@media screen and (max-width: 640px) {
	.cmxform .list li.option { padding-left: 0; }
	.cmxform label.itemName {
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
	font-size: 18px;
	}
    .cmxform label.itemDescription {
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
	font-size: 18px;
    padding:0 0 0 0;
	}

    .cmxform label.itemNameShort {
    display:inline-block;
	margin-bottom: 10px;
	text-align: left;
	font-size: 18px;
    width: auto;
	}
	.required:before { 
	content: "";
	padding-right: 0;
	}
	.required:after { 
	content: "*";
	padding-left: 3px;
	color: #eb8300;
	}
	form li input.mail, 
	form li input {
	width: 95.5%;
	}
	form li input[type="radio"] {
		width: auto;
		margin:0 5px 0 0;
	}
	.table_list .message_text { display: block; }
}
@media screen and (max-width: 532px) {
	.fromStyle {
	width: 95%;
	margin: 0 2.5% 20px 2.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	}
	.btnStyle,
	.btnStyle.orange {
	width: 98%;
	height: 57px;
	line-height: 57px;
	border: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #1f8b85;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.71);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.71);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.71);
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…gd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background: -moz-linear-gradient(270deg, #36dbcf 0%, #00b9ac 50%, #009c91 100%);
	background: -webkit-linear-gradient(270deg, #36dbcf 0%, #00b9ac 50%, #009c91 100%);
	background: linear-gradient(180deg, #36dbcf 0%, #00b9ac 50%, #009c91 100%);
	font-size: 24px;
	padding: 0;
	}
	.btnStyle-disabled {
    background: #e6e6e6;
    border-top: 2px solid #E6E6E6;
    border-bottom: 2px solid #E6E6E6;
	color:#009d99;
}
.btnStyle-disabled:hover {
	border-top-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
}
    .registerBtnStyle {
        font-size: 16px;
        width: 88%;
        height:45px;
        line-height: 45px;
    }
	.btnStyle.auth {
	font-size: 24px;
	max-width: 100%;
	width: 80%;
	}
	.btnStyle.gray {
	color: #009d99;
	background-color: #e5e5e5;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…gd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background: -moz-linear-gradient(270deg, #e5e5e5 0%, #d3d3d3 50%, #c6c6c6 100%);
	background: -webkit-linear-gradient(270deg, #e5e5e5 0%, #d3d3d3 50%, #c6c6c6 100%);
	background: linear-gradient(180deg, #e5e5e5 0%, #d3d3d3 50%, #c6c6c6 100%);
	margin-right: 3%;
	}
	.auth li span { font-size: 18px; }
	.td-hidden { display: none; }
	#example { width: 100%; }
	.btnGroup li { width: 50%; float: left; }
	.btnStyle.gray { border: none; }
	.btnStyle.auth.gray { margin: 0 auto;}
	.btnGroup li.mr { padding-right: 0; }
	.sl_select { width: 98.5%; }
	.btnRadio img { width: 30px; height: 30px; }
	.btnRadio_space { width: 10px; }
	.table_header.pay p { font-size: 22px; }
	.table_list p.itemName {  width: 100%; font-size: 14px; margin-bottom: 10px; }
	.table_list p.itemContent { font-size: 20px; line-height: 24px; }
	.table_list p.itemContent { width: 100%; }
	.table_list textarea { width: 94%; font-size: 16px; }
	.table_list input[type="text"] { width: 96%; font-size: 24px; }
	.table_list label.error { padding: 0 0 5px 0;}
	.dataTables_head .right { width: 100%; text-align: center; margin: 5px 0 10px 0; }
	.selectTypeArea select {
	width: 95%;
	margin: 10px 2.5% 0 2.5%;
	}
	.faq_collapse li { font-size: 18px; }
	.faq_collapse ul li p,
	.faq_collapse ul li { font-size: 16px; line-height: 24px; }
}
@media screen and (max-width: 350px) {
    .td-min-hidden {
        display:none;
    }
}
@media screen and (min-width: 1020px){
    .related-lists {
        max-width: 1024px;
        margin: 2em auto 0;
        float: none;
    }
}   
@media screen and (min-width: 1020px){
    .related-lists .related-content {
        width: 45%;
        margin: 1.125em 2.5%;
            float: left;
    }
}
.section {
    float:left;
}
img.resize{
    width: 100%;
    height: auto;
}