<html lang="en"><head>

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>KEYSTOYOUNG</title>
        <link href="<?php echo base_url(); ?>assets/third_party/bootstrap/css/bootstrap.min.css" rel="stylesheet">
         <link rel="stylesheet" href="<?php echo base_url(); ?>/assets/css/adminstyle.css">
        <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900"-->
        <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/googlecatamariancss.css">
        <link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/googlelato.css">
        <link rel="stylesheet" href="<?php echo base_url(); ?>/assets/assets/css/breadcrumbs.css">
        <link rel="stylesheet" href="<?php echo base_url(); ?>/assets/css/borabeauty.css">
        <link rel="stylesheet" href="<?php echo base_url(); ?>/assets/css/admin.css">

                <meta name="description" content="">
        <meta name="author" content="">

             <!--    <link rel="apple-touch-icon" sizes="180x180" href="../assets/img/favicon/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="../assets/img/favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="../assets/img/favicon/favicon-16x16.png">
        <link rel="manifest" href="/site.webmanifest"> -->
            </head>

    <body style="background-color:<?php echo BGCOLOR; ?>!important;height: 100%;">

                    <!-- <nav class="navbar navbar-light navbar-expand-lg fixed-top bg-white navbar-custom d-sm-block d-none">
        <div class="container"><img src="http://notesvision.at-webs.hk/assets/img/nchmclogo.png" class="d-none d-sm-block" style=""><img src="http://notesvision.at-webs.hk/assets/img/nchmclogo.png" class="d-block d-sm-none" style="width:50vw;height:auto"><button data-toggle="collapse" class="navbar-toggler" data-target="#navbarResponsive"><span class="navbar-toggler-icon"></span></button>
                        <div class="collapse navbar-collapse " id="navbarResponsive">

            </div>
         </div>
    </nav> -->



     <!-- <nav class="navbar navbar-light navbar-expand-lg fixed-top bg-white navbar-custom d-sm-none d-block">
        <div class="container"><img src="http://notesvision.at-webs.hk/assets/img/nchmclogo.png" class="d-none d-sm-block" style=""><img src="http://notesvision.at-webs.hk/assets/img/nchmclogo.png" class="d-block d-sm-none" style="width:50vw;height:auto"><button data-toggle="collapse" class="navbar-toggler" data-target="#navbarResponsive1"><span class="navbar-toggler-icon"></span></button>
                        <div class="collapse navbar-collapse mt-2 " id="navbarResponsive1">

            </div>
                    </div>
    </nav> -->

    <!-- <div class="collapse navbar-collapse mt-2 " id="navbarResponsive1">
            </div> -->
        <!-- Navigation -->
        <!-- Navigation end -->

    <style>
      .login-container{
/*    margin-top: 5%;
    margin-bottom: 5%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);*/
        margin-top: 5%;
    margin-bottom: 5%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);

}
.login-form-1{
    padding: 5%;

}
.login-form-1 h3{
    text-align: center;
    color: #333;
}
.login-form-2{
    padding: 5%;
    background: #ffffff;

}
.login-form-2 h3{
    text-align: center;
    color: #fff;
}
.login-container form{
    padding: 8%;

}
.btnSubmit
{
    width: 30%;
    border-radius: 1rem;
    padding: 1.5%;
    border: none;
    cursor: pointer;
}
.login-form-1 .btnSubmit{
    font-weight: 600;
    color: #fff;
    /*background-color: #e67358;*/
    background-color: #958778;
}
.login-form-2 .btnSubmit{
    border-radius: 8px;
    font-weight: 600;
    color: #FFFFFF;
    /*background-color: #e67358;*/
    background-color: #958778;
    outline: none;
}
.login-form-2 .btnSubmit:hover{
    transition: 5ms;
    /*background-color: #db8976;*/
    background-color: #B6ACA2;
    outline: none;
}

.login-form-2 .ForgetPwd{
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}
.login-form-1 .ForgetPwd{
    color: #0062cc;
    font-weight: 600;
    text-decoration: none;
}
.vl {
  border-left: 2px solid ;
  border-color: #957C78;
  height: 80%;
  position: absolute;
  top:10%;
  left: 0;
  margin-left: -1px;
}


#section-1 {
  /*background-color: yellow;*/
  /*height: calc(100% - 25%);*/
  min-height:100%;

    margin-bottom: -250px;
    /* Put negative height of the footer here */
    padding-bottom: 250px; /* Put height of the footer here. Needed for higher than screen height

    pages */
}

#bodytext {
/*     min-height:100%;

    margin-bottom: calc(-250px - 10%); /* Put negative height of the footer here */
    /*padding-bottom: calc(250px - 10%);*/
     /* Put height of the footer here. Needed for higher than screen height
    */
}


    </style>
<!--     <div class="row " style="">
            <div class="col-12" style="vertical-align: top;">
                <hr style="border: 10px solid #eeeeee;margin-top:0px;margin-bottom:0px;"></hr>
            </div>
    </div> -->
    <!-- <section id="section-1" style="margin-top:61px; min-height: 100vh;padding-bottom: 80px;" > -->
    <section id="section-1" style="" >
                <div class="container login-container " style="background-color: #ffffff;">
            <div class="row">
                <div class="col-md-6 login-form-1 align-self-center">
                        <div style="height: 100%">
                        <img class="d-flex mx-auto" style="margin-top: auto;
margin-bottom: auto;" src="<?php echo base_url(); ?>/assets/img/logo.gif">
                        </div>
                </div>
                <div class="col-md-6 login-form-2">
                    <div class="vl d-none d-md-block"></div>
                    <h3 style="color:#794598;"></h3>
                    <h3 style="color:#036EB7;"></h3>
                    <form method="post" name="form_reg" id="form_reg" action="/at-cms/login/check">


                        <div class="form-group row">
                            <label for="userName" class="col-12 col-xl-3 col-form-label" style="color:#666666;">登入名稱 :</label>
                            <div class="col-12  col-xl-9">
                            <input id="userName" name="userName" type="text" style="background-color : #d1d1d1;" class="form-control" placeholder="" value="">
                            <?php echo form_error('userName'); ?>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="password" class="col-12 col-xl-3 col-form-label" style="color:#666666;">輸入密碼 :</label>
                            <div class="col-12  col-xl-9">
                            <input id="password" name="password" type="password" style="background-color : #d1d1d1;" class="form-control" placeholder="" value="">
                            <?php echo form_error('password'); ?>
                            <?php if (!empty($msg)) {echo $msg;}?>
                            </div>
                        </div>
                        <div class="form-group row ">
                            <div class="col-sm-12 mt-3">
                                <div class="text-center">
                                <input type="submit" class="btnSubmit" value="登入">
                                </div>
                            </div>
                        </div>

                        <?php if ($this->session->flashdata('logout_msg') != false) {?>
                        <div class="alert alert-success alert-dismissable">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <h4>  <i class="icon fa fa-check"></i> Success!</h4>
                            <?php echo $this->session->flashdata('logout_msg'); ?>
                        </div>
                        <?php }?>

                        <?php if ($this->session->flashdata('msg') != false) {?>
                        <div class="alert alert-danger alert-dismissable">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            <h4>  <i class="icon fa fa-ban"></i> 錯誤!</h4>
                            <?php echo $this->session->flashdata('msg'); ?>
                        </div>
                        <?php }?>

                        <?php if (validation_errors() != false) {?>
                                <div class="alert alert-danger alert-dismissable">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                                <h4><i class="icon fa fa-ban"></i> Error!</h4>
                                    <?php echo validation_errors(); ?>
                                </div>
                                <?php }?>

                    </form>
                </div>
            </div>
        </div>

    </section>

            <footer class="text-center py-5" style="height: 250px;">
        <div class="container ">
            <div class="row">
                <div class="col-xs-12 col-md-6 vision-footer-content">

                    <p class="text-left">服務熱線：</p>
                    <p class="text-left">電郵地址：info@keytoyoung.com</p>
                </div>
                <div class="col-xs-12 col-md-6 d-flex justify-content-md-end justify-content-xs-left">
                    <!-- <ul class="list-inline text-right d-inline-flex">
                        <li class="list-inline-item" style="margin-left:2vw;margin-right:2vw;"><a href=""><img width="auto" height="42px" src="http://notesvision.at-webs.hk/assets/img/footer/facebook.png"></a></li>
                        <li class="list-inline-item" style="margin-left:2vw;margin-right:2vw;"><a href=""><img width="auto" height="42px" src="http://notesvision.at-webs.hk/assets/img/footer/instagram.png"></a></li>
                        <li class="list-inline-item" style="margin-left:2vw;margin-right:2vw;"><a href=""><img width="auto" height="42px" src="http://notesvision.at-webs.hk/assets/img/footer/youtube.png"></a></li>
                        <li class="list-inline-item flex-nowrap" style="margin-left:2vw;margin-right:2vw;">微訊</li>
                        <li class="list-inline-item"><img class="d-flex align-items-xl-start" src="http://notesvision.at-webs.hk/assets/img/footer/wechat.png"></li>
                    </ul> -->
                </div>
            </div>
            <hr class="vision-white-line">
            <p class="text-center m-0 small">COPYRIGHT © KEYSTOYOUNG. All Rights Reserved</p>
        </div>
    </footer>

        <!-- Bootstrap core JavaScript -->
        <script src="http://notesvision.at-webs.hk/assets/third_party/jquery/jquery.min.js"></script>
        <script src="http://notesvision.at-webs.hk/assets/third_party/bootstrap/js/bootstrap.bundle.min.js"></script>




</body></html>