@charset "utf-8";

html,body {height: 100%;}
#main-container {min-height: 100%; position: relative; background-color: #F9F9FB;}
#content {background-color: #F9F9FB; padding: 3% 0 180px;}
footer {position: absolute; left: 0; bottom: 0; width: 100%; border-top: 1px solid #ddd;}
#modal-footer {border-top: 1px solid #ddd;padding-bottom: 20px;padding-top: 20px;text-align: center;}


/*btm-ui
**********************/
#btm-ui {padding: 1.8% 0px; position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,.85); text-align: center; z-index: 9;}
#btm-ui span {width: 300px; display: inline-block; color: #fff; padding-top: 15px; padding-bottom: 15px; font-weight: bold; margin: 0 8px;}
#btm-ui span i {font-weight: normal; font-size: 1.8rem; margin-right: 5px;}

.btn {white-space: normal !important;}
#content .btn.btn--lg {padding: 15px 12px !important;margin: 0 auto !important;display: block;}
.input-btn {text-align: center;}
.btn-wrapper {margin-bottom: 10px;}

/*header
*************************/
header {background-color: #154180; overflow: hidden;}
header h1 {float: left;margin: 0;}
header h1 a {font-size: 2.1rem; color: #fff; padding: 15px 25px; display: block;}
header h1 a:hover {text-decoration: none; background-color: #2165CB; color: #fff;}
header ul {overflow: hidden;margin-bottom: 0;}
header li {float: right;}
header li a {display: block; padding: 17px 25px; color: #fff;}
header li a:hover {text-decoration: none; background-color: #2165CB; color: #fff;}
header li input {margin-right: 20px;margin-top: 10px;margin-left: 20px;}

/*member-head
*************************/
#my-head {padding: 1.2%; overflow: hidden; background-color: #fff;}
#my-head .my-head-prof {float: left;}
#my-head .my-head-prof dt {font-size: 3.0rem;}


/*gnav
*************************/
#gnav {overflow: hidden; float: right;}
#gnav li {float: left;}
#gnav li a {display: block; padding: 5px 20px; font-size: 1.5rem;  text-align: center;}
#gnav li a:hover {text-decoration: none; color: #0080FF;}
#gnav li a span {display: block;}
#gnav li a [class*="icon-"],
#gnav li a i {font-size: 3.0rem; display: block;}




/*footer
*************************/
footer ul { padding: 2% ;}
#copy {background-color: #154180; text-align: center; font-size: 1.2rem; padding: 1% 0; color: #fff;}