/* slide */
.declaration {position: absolute;z-index: 999;top: 0;right: 0;float: left;width: 0;height: 100%;background: rgba(0,0,0,.3);overflow: hidden;}
.declaration a{color: #2579a0;text-decoration: none;}
.declaration>a {float: left;position: absolute;top: 24rem;margin-left: 1rem;float: left;width: 3rem;line-height: 3rem;color: white;text-shadow: 0 0 1px #b8b8b8;font-size: 0rem}
.declaration>a:before {content: '\276F';}
.declaration>a:after {content: '\276F';}
.declaration a.closer{position:absolute;top:1rem;right:1rem; margin-right:-1rem;width: 1.8rem;height: 1.8rem;line-height: 1.4rem;text-align: center;font-weight: bold;border: 2px solid #737373;border-radius: 2rem;color: rgba(255,255,255,.8);background: #4b4a48;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.declaration a.closer>span{display:inline-block;font-size: 2.6rem; position:relative; left:-0.1rem; background:url(../../images/step_pannel_icon.png) 0.46rem -28.49rem no-repeat; background-size:1.9rem 50rem; width:1.8rem; height:1.8rem; transform:rotate(45deg); -webkit-transform:rotate(45deg)}
.declaration a.collapse{color:rgba(255,255,255,1)}
.centered_content {float: left;width: 100%;padding: 1rem;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}
.dec_content {position: absolute;z-index: 1000;right: 0;float: left;width:86%;height: 100%;color: #d6d6d6;background: rgba(0,0,0,.8);overflow-y: scroll}
.dec_content blockquote {margin: 0.5rem 1rem;padding: 0.5rem 1rem;height: 100%;}
#flowAccount .dec_content {overflow: visible}
p.desc, p.sub_desc {float: left;width: 100%;margin: 0;padding: 1.4rem 0;text-align: justify;color:#999; font-size:1.2rem}
label.field_title {float: left;line-height: 1.4rem;margin: 0.8rem 0 0.5rem 0;text-indent: 0.2rem;font-weight: normal;letter-spacing: 0.1rem;font-size: 1.2rem;}
label.field_title {float: left;line-height: 1.4rem;margin: 0.8rem 0 0.5rem 0;text-indent: 0.2rem;font-weight: normal;letter-spacing: 0.1rem;font-size: 1.2rem}
.float_center {margin: 0 auto}
.full_size {width: 100%;}
img.validate_code {float: left;border: 0;}
a.refresh_code {float: left;line-height: 2.7rem;margin: 0 0.5rem;font-size: 1.2rem}
input[type=button].btn_glass, input[type=submit].btn_glass {margin-top:2rem; width: 6.5rem;height: 2.5rem;border: 1px solid #bbb;border-radius: 3px;box-shadow: 0 1px 2px rgba(116,116,116,.3);color: #161616;text-shadow: 1px 0 0 rgba(0,0,0,.3);background: -webkit-gradient(linear,0% 0%,0% 100%,from(#FFFFFF),to(#F0F0F0),color-stop(.5,#d6d6d6));background-image: -o-linear-gradient(top,#FFFFFF 0%,#D6D6D6 50%,#F0F0F0 100%);background: -moz-linear-gradient(0% 0% 270deg,#FFFFFF,#F0F0F0,#d6d6d6 50%);background-image: -ms-linear-gradient(top,#FFFFFF 0%,#D6D6D6 50%,#F0F0F0 100%)}
input.textfield, textarea.textfield {float: left;margin: 0;font-size: 1.2rem;border: 0;width: 100%;/*height: 1.5rem;line-height: 1.5rem; background: transparent; */}/* ??กไ?? */
.validate_wrap {float: left;width: 42%;margin-right: 1rem}
.field_wrap {position: relative;float: left;width: 100%;margin-bottom: 0.8rem;padding: 0.5rem 1rem;display: table-cell;border: 1px solid #ccc;border-radius: 3px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-shadow: 0 1px 0 #eee inset,1px 1px 0 white;background: white;-webkit-tap-highlight-color: transparent;}
.declaration .field_wrap {box-shadow: none;background: #e5e5e5;}
.button_wrap {width: 100%}
.center_wrap {float: none !important;width: 100%;display: box;box-pack: center;box-align: center;/*display: -webkit-box;??*/-webkit-box-pack: center;-webkit-box-align: center;display: -moz-box;-moz-box-pack: center;-moz-box-align: center;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;}
.account_links {float: left;width: 100%;line-height: 3rem;margin: 1rem 0}
.account_link {width: 12rem}
.account_link a {float: left;margin-top: 3.5rem;font-size: 1.2rem}
.account_link a:last-child {float: right}
.declaration.close{animation: slideRight .5s forwards;-webkit-animation: slideRight .5s forwards}
.declaration.open{animation: slideLeft .5s forwards;-webkit-animation: slideLeft .5s forwards}


@keyframes slideLeft{from{width:0} to{width:100%}}
@-webkit-keyframes slideLeft{from{width:0} to{width:100%}}
@keyframes slideRight{from{width:100%} to{width:0}}
@-webkit-keyframes slideRight{from{width:100%} to{width:0}}
//
.validate_tip { float: left; width: 100%; margin-top: 5px; color: #d81400; }