.column { background: url(../imgs/register.jpg) no-repeat center; min-height: 740px; margin: 0px auto; overflow: hidden; font-size: 14px; padding: 100px 20px 40px 20px; box-shadow: 0px 0px 1px #ddd; }

.column .column-01 { width: 500px; margin: 0px auto; background-color: #fff; padding: 20px 100px 20px 0px; border-radius: 5px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3) }

.column .column-01 .column-title { text-align: center; padding-left: 100px; font-size: 24px; }
.column .column-01 table { border: none; width: 100%; }
.column .column-01 table tr { }
.column .column-01 table tr td { }
.column .column-01 table tr td.td-01 { width: 130px; text-align: right; color: #333; padding-right: 8px; }
.column .column-01 table tr td.td-01 span { color: #ff0000; padding-right: 5px; }
.column .column-01 table tr td.td-02 { position: relative; height: 70px; }
.column .column-01 table tr td.td-02 input:focus, .column .column-01 table tr td.td-02 input:focus { border-color: #ff5b19; outline: none; transition: border linear 0.2s,box-shadow linear 0.5s; -moz-transition: border linear .2s,-moz-box-shadow linear .5s; -webkit-transition: border linear .2s,-webkit-box-shadow linear .5s; }
.column .column-01 table tr td.td-02 input.error, .column .column-01 table tr td.td-02 input.error { border-color: #e36170; }
.column .column-01 table tr td.td-02 input.error:focus, .column .column-01 table tr td.td-02 input.error:focus { border-color: #e36170; }
.column .column-01 table tr td.td-03 { height: 60px; }
.column .column-01 table tr td.td-03 a { text-decoration: none; color: #ff901a; }

.column .column-01 table tr td.td-02 .btn { min-width: 200px; padding: 10px; }

.column .column-01 table tr td.td-02 i.txtAdd { color: #fff; height: 36px; width: 170px; display: none; background: url(../img/loading4.gif) no-repeat 130px 10px #559350; line-height: 32px; text-align: center; border-radius: 5px; }
.column .column-01 table tr td.td-02 span.error { position: absolute; left: 10px; top: 100%; margin-top: -11px; border: none; color: #e36170; font-size: 14px; }


.co { color: #ff8500; }
.cr { color: #e36170; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; padding: 0px 3px; }
.fs20 { font-size: 20px; padding: 0px 3px; }

.resault-content { text-align: center; min-height: 400px; padding-top: 100px; }
.resault-content .icon-success { background-color: #07C160; color: #fff; text-align: center; line-height: 48px; font-size: 20px; display: inline-block; width: 48px; height: 48px; border-radius: 50%; }
.resault-content .icon-warning { background-color: #f7a54a; color: #fff; text-align: center; line-height: 48px; font-size: 20px; display: inline-block; width: 48px; height: 48px; border-radius: 50%; }
.resault-content h3 {padding-bottom:20px;}
.resault-content .btn { min-width:200px;}

body{background-color:#fff;}
.about { background-color: #4ca3ea;padding-top:40px; }
.about .container:last-child { background-color: rgba(76, 163, 234, 0.9); }
#imgvc{height:20px;}
@media screen and (max-width:767px) { .column{padding:20px;}
    .column .column-01 { width: 100%; padding: 20px; }
    .column .column-01 .column-title { text-align: center; padding-left: 0px; font-size: 24px;padding-bottom:20px; }
    .column .column-01 table tr {display:flex;flex-direction:column; }
    .column .column-01 table tr td.td-01 { width: 100%; text-align: left; color: #333; padding-bottom: 5px; }
    .column .column-01 table tr td.td-02 { position: relative; height: 50px; }
    .column .column-01 table tr td.td-02 span.error {  left: 5px;  margin-top: -15px; font-size: 12px; }
    .resault-content { text-align: center; min-height: 200px; padding-top: 50px; }
    .resault-content > div{text-align:center;margin-bottom:20px;}

    
}