/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Login Page
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.LoginPage { background: url(../img/bg_info_login.jpg) no-repeat; min-height: 600px; width: 800px; margin: 50px auto; padding: 16px 20px 20px 20px; font-size: 13px; color: #575757; -moz-background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
/* 左側 */
.LoginInfo { width: 470px; *width: 400px; padding: 0px; float: left; line-height: 2em; margin-bottom: 30px; }
.LoginInfo h4 { font-size: 18px; color: #000; }
.LoginInfo h5 { font-size: 15px; color: #f96209; margin-bottom: 0; margin-top: 5px; font-weight: normal; }
.LoginInfo p { margin: 5px 0 15px 0; padding: 0; }
.LoginInfo ul { list-style: none; margin: 0; padding: 0; }
.LoginInfo ul li { background: url(../img/icon_arrow_box.gif) no-repeat left 10px; padding: 0 0 0 15px; list-style: none; }
/* 右側 */
.LoginInput { width: 230px; padding: 0 20px 0 0; *padding: 0 120px 0 0; float: right; margin-bottom: 30px; }
.LoginInput h4 { padding: 15px 0 0 60px; }
.LoginInput ul { list-style: none; margin: 0; padding: 0; }
.LoginInput ul li { list-style: none; margin: 3px 0 10px 0; padding: 0; background: none; }
.LoginInput ul li img { vertical-align: middle; }
.LoginInput ul li input.txtfield { width: 88%; }
.LoginInput ul li input.Codetxt { width: 100px; }
input.btnLogin { width: 110px; height: 31px; font-size: 15px; line-height: 30px; padding: 0px; margin: 0 5px 0 0; color: #fff; font-weight: normal; border: none; background: #008337 url(../img/btn_login_m.jpg) no-repeat 15px 5px; cursor: pointer; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.LoginInput .btnAddMbr { text-decoration:none; line-height: 30px; width: 110px; height: 31px; display: inline-block; text-align: center; font-size: 15px; padding: 0px; margin0; color: #fff; font-weight: normal; border: none; background: #008337; cursor: pointer; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.LoginInput  .btnPW{ float:right;  text-decoration:none; text-align:right; color:#333;}

.LoginInput .btn:hover { background: #333; color: #fff; }
/* 下方 */
.OtherLink { padding: 0; margin: 30px 0 0 0; display: block; clear: both; width: 100%; background: #f7f7f7; }
.OtherLink a { text-decoration: none; color: #fc000b; }
.OtherLink ul { padding: 3px 10px 5px 10px; margin: 10px 0 0 0; border-top: 1px solid #eee; }
.OtherLink li { display: inline; margin: 0 15px 0 0; padding: 0 0 0 14px; background: url(../img/icon_arrow.gif) no-repeat left 7px; }
input.txtfield { border-top-right-radius: 0; border-bottom-right-radius: 0; width: 100%; margin-bottom: 0; display: block; width: 100%; padding: 5px 12px; font-size: 12px; line-height: 1.42857143; color: #999; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
input.btn { display: inline-block; padding: 5px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background: #f5f5f5; border: 1px solid #cccccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
input.btn:hover, input.btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.form-inline input { display: inline-block; margin-bottom: 0; vertical-align: middle; }
/* m版設定 */
body.body-mobile  header { height: auto; }
body.body-mobile  header:after { background: none; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
body.body-mobile .wrapper { min-height: inherit; width: 100%; overflow: hidden; }
body.body-mobile .apt-logo { margin: 20px auto 10px auto; text-align: center; }
body.body-mobile .apt-contents { padding: 0 20px; }
body.body-mobile .LoginPage { width: 100%; background: none; padding: 0; margin: 20px 0 0 0; padding: 0; min-height: inherit; }
body.body-mobile a { color: #333; text-decoration: none; }
body.body-mobile .container { width: 100%; margin: 20px 0; padding: 0; }
body.body-mobile  #Con-Title { font-size: 18px; color: #333; }
body.body-mobile td input { width: 90%; }
body.body-mobile .alert { background: #EDFEF5; padding: 5px 20px; }
body.body-mobile  footer { margin: 0; }
body.body-mobile .form-inline * { display: inline; }
body.body-mobile small.alert { color: #F00; clear: both; background: none; width: 100%; display: block; }
body.body-mobile .align-center { text-align: center; }
body.body-mobile .align-center * { display: inline; }
body.body-mobile input.btnLogin { width: 110px; background: #008337 url(../img/btn_login_m.jpg) no-repeat 15px 5px; }
body.body-mobile  .btnAddMbr { line-height: 30px; width: 110px; height: 31px; display: inline-block; text-align: center; font-size: 15px; padding: 0px; margin: 0; color: #fff; font-weight: normal; border: none; background: #008337; cursor: pointer; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Page 404
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.page-404 { text-align: center; padding: 2em 0 0; margin: 0 10%; }
.page-404 h3 { font-size: 2em; }
.page-404-text { padding: 10px 10px 30px; line-height: 3em; font-size: 1.1em; border-top: 3px solid #cccccc; background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%); background: -o-linear-gradient(top, #eeeeee 0%, #ffffff 100%); background: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 100%); background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 ); }
/* -----------------------------------------------------------------------------------------
0)Responsive
----------------------------------------------------------------------------------------- */
@media (min-width:1200px) {
}
}
@media (max-width:979px) {
}
@media (min-width:768px) and (max-width:979px) {
}
@media (max-width:979px) {
.LoginPage { background: none; width: 100%; margin: 0; padding: 0; }
.LoginInfo, .LoginInput { width: 100%; float: inherit; }
.LoginInfo { }
.LoginInput { padding-bottom: 20px; border-bottom: 2px solid #dddddd; }
.LoginInput h4 { padding: 0; font-size: 18px; color: #000; }
/**/
.page-404 { margin: 0; }
}
@media (min-width:768px) {
}
@media (max-width:767px) {
}
@media (max-width:600px) {
}
@media (max-width:480px) {
}
@media (max-width:380px) {
}
@media (max-width:320px) {
}
/* IE8 uses \0 */
@media all\0 { 
	.LoginInfo { width: 400px;}
	.LoginInput { padding: 0 120px 0 0; }
}
/* IE9 uses \9 */
@media all and (monochrome:0) { 
	.LoginInfo { width: 470px;}
	.LoginInput { padding: 0 20px 0 0; }
} 

/* IE10 and IE11 both use -ms-high-contrast */
@media all and (-ms-high-contrast:none)
{
.LoginInfo { width: 470px;} /* IE10 */
*::-ms-backdrop, .LoginInfo { width: 470px;} /* IE11 */
}