@charset "utf-8";
/* Style Setting */
body{background:#012b3f;}
#login{position:relative; margin:200px auto; width:920px; height:500px;}
.shadow-box{-webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.50); box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.50);}
/* Cover image */
.welcome{width:470px; height:405px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; position:absolute; top:40px; left:225px; filter:alpha(opacity=0); opacity:0;
background: #1d62b2; /* Old browsers */
background: -moz-linear-gradient(top, #1d62b2 0%, #13428e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1d62b2 0%,#13428e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1d62b2 0%,#13428e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d62b2', endColorstr='#13428e',GradientType=0 ); /* IE6-9 */
}
.welcome .logo{width:232px; height:134px; background:url(../images/login_logo.png) 0 0 no-repeat; display:block; margin:62px auto 0 auto;}
.welcome h4{font-size:30px; font-weight:300; color:#ffffff; text-align:center; padding-top:30px;}
.welcome h4 b{font-weight:500;}
.welcome p{font-size:15px; text-align:center; color:#ffffff; font-weight:100; padding-top:12px;}
.welcome small.copyright{font-size:12px; text-align:center; color:#519dd5; font-weight:100; padding-top:85px; display:block;}
/* From */
.login_form{background:#ffffff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; width:470px; padding:50px 55px 55px 55px; position:absolute; right:40px; filter:alpha(opacity=0); opacity:0;}
.login_form h5{text-align:center; font-size:35px; font-weight:600; color:#353535;}
.login_form small{text-align:center; font-size:14px; font-weight:300; color:#b8b8b8; display:block; padding-top:20px;}
.form{margin-top:55px;}
.form li{position:relative; padding:9px 0; clear:both; overflow:hidden;}
.form li input{padding-left:37px; height:48px; box-shadow:none; border-color:#ededed;}
.form li.id .form-control{background:url(../images/login_ico_user.png) no-repeat 10px center #f9f9f9;}
.form li.pw .form-control{background:url(../images/login_ico_lock.png) no-repeat 10px center #f9f9f9;}
.form label.placeholder{line-height:20px; padding:10px; font-size:14px; position:absolute; top:14px; left:28px; color:#999; font-weight:200;}
.form li.set{margin:14px 0;}
.form li.set a{font-size:14px; font-weight:300; color:#333333;}
.form li.set a:hover{text-decoration:underline;}
.btn_login{width:100%; padding:15px 10px; background:#2196f3; color:#ffffff; font-size:17px;}
.btn_login:hover, .btn_login:focus, .btn_login:active{background:#44acff; color:#ffffff;}

/* Checkbox */
input[type=checkbox].css-check {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=checkbox].css-check + label.check-label{padding-left:28px;height:21px;display:inline-block;line-height:21px;background-repeat:no-repeat;background-position:0 0;font-size:14px;vertical-align:middle;cursor:pointer;color:#333333;font-weight:300;margin-top:0; margin-right:10px;}
input[type=checkbox].css-check:checked + label.check-label {background-position: 0 -21px; color:#333333;}
label.check-label {background-image:url(../images/custom_check.png);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
input[type=checkbox].css-check:disabled + label.check-label{opacity:0.5; cursor:not-allowed;}
input[type=checkbox].check-only + label.check-label-only{padding-left:21px; margin-right:0;}

/* Modal */
.modal-header h5{font-size:18px;}
.modal-body h5{padding:0 0 10px 0; font-weight:300;}
.modal-body a{color:#038ece;}
.modal-body a:hover{text-decoration:underline;}
.modal-body article{line-height:1.2;}
.modal-body article small{font-size:13px; display:block; font-weight:300; padding-top:7px; color:#666666;}
.modal .mbtn_set{padding:0 15px 15px 15px;}
.modal .row{padding:0 15px 25px 15px; clear:both; overflow:hidden; font-size:13px;}
.modal button.close{float:none; position:absolute; top:6px; right:10px; font-size:40px;}
.modal-min{width:400px;}
.modal-body .in-all{padding:15px 15px 0 15px; clear:both; overflow:hidden;}
.modal .btn_set{padding:0 15px 15px 15px; overflow:hidden; clear:both;}
.modal-body .btn{box-shadow:none; text-shadow:none; height:34px; padding:5px 20px;}
.btn-blue{background:#038ece; border:none; color:#ffffff;}
.btn-blue:hover,.btn-blue:active, .btn-blue:focus{background:#1aa0de; color:#ffffff;}

.mbtn{box-shadow:none; text-shadow:none; height:34px; padding:5px 20px;}
.mbtn+.mbtn{margin-left:10px;}
.mbtn-blue{background:#038ece; border:none; color:#ffffff;}
.mbtn-blue:hover,.btn-blue:active, .btn-blue:focus{background:#1aa0de; color:#ffffff;}
.mbtn_set{overflow:hidden; clear:both;}

.search-advance .form-control{width:auto; display:inline-block;}
.search-advance .form-group-inline{padding:10px 5px;}
.search-advance label.section3{width:auto; min-width:120px; padding-right:20px; font-size:14px; font-weight:300;}

/* Loader */
.loader-dim{position:fixed;top:0;left:0;display:none;width:100%;height:100%;margin:0;padding:0;background:#000;filter:alpha(opacity=50);opacity:0.7;-moz-opacity:0.5; z-index:1050;}
.loader{display:none; position:fixed; z-index:1051; height:217px; width:217px; top:290px; left:50%; margin-left:-108px; background:url(../images/loading_circle_frame.png) no-repeat;}
.loading-bg h5{color:#ffffff; display:block; width:100%; text-align:center; font-weight:200; font-size:14px;}
.loader .imgframe{width:160px; height:113px; overflow:hidden; margin:38px auto 5px auto; border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px;}
/* Loading Animate Intro */
.intro_sprite {background:url(../images/loading_img2.png); animation: introsprite 1.7s steps(43) infinite;}
@keyframes introsprite{
    100% {background-position: -6880px;}
}
/* Loading Animate Loop */
.loop_sprite{background:url(../images/loading_img2.png); animation: loopsprite 0.5s steps(11) infinite;}
@keyframes loopsprite{
    0%{background-position:-5120px;}
    100% {background-position:-6880px;}
}