/* CSS Document */



/*----------------------------------------------------------------------------
 ***                                                                 header
----------------------------------------------------------------------------*/
header{}
.headerInner{}

a:hover{ opacity:0.7; cursor:pointer;}

@font-face {
        font-family: "Kanit";
        src: url(_common/font/Kanit-SemiBold.ttf) format("truetype");
        font-weight: 100;
        font-style: normal; }

@font-face {
        font-family: "KanitRegular";
        src: url(_common/font/Kanit-Regular.ttf) format("truetype");
        font-weight: 100;
        font-style: normal; }

@font-face {
        font-family: "PraJad";
        src: url(_common/font/CSPraJad.otf) format("opentype");
        font-weight: 100;
        font-style: normal; }

@font-face {
        font-family: "THSarabunNew";
        src: url(_common/font/THSarabunNew.ttf) format("truetype");
        font-weight: 100;
        font-style: normal; }

/*----------------------------------------------------------------------------
 ***                                                                 login
----------------------------------------------------------------------------*/
body{ background:none; border:none;}
.contentsArea{ width:975px; margin:30px auto; border:1px solid #CCC; border-top:7px solid #e91d78; box-shadow:none; border-radius:0;}
.contentsAreaInner{ padding:40px 30px;}

.headerContents{ width:auto; margin-bottom:65px; border:none;}
.headerContentsInner{ padding:0;}
h1{ float:left;}

.checkRP { width: 5%; float: left; margin: 0.3rem 0 1rem -0.2rem; }
tt.textRP { font-size: 19px; color: #4D4D4D; line-height: 1.0em; font-family: "KanitRegular"; }


.login .mainSection{ width:770px; margin:0 auto; float:none;}
.login .mainSectionInner{ width:100%; padding:0;}
.login .mainSection p{ font-size:19px; color:#4D4D4D; line-height:1.0em; font-family:"KanitRegular";}


.leftPhoto,
.rightBox{ margin-bottom:40px;}

.leftPhoto{ float:left;}

.rightBox{ float:right; width:370px;}
form{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input{ width:100%;}
input[type="text"]{ border:1px solid #B3B3B3; font-size:18px; padding:6px 10px 5px; margin-bottom:25px; box-sizing:border-box;}
input[type="password"]{ border:1px solid #B3B3B3; font-size:18px; padding:6px 10px 5px; margin-bottom:25px; box-sizing:border-box;}
input[type="submit"]{ font-size:26px; color:#FFF; text-align:center; background-color:#e91d78; border:none; border-radius:10px; box-shadow:1px 1px 1px rgba(137,137,137,0.75); padding:10px 0 7px; margin-bottom:20px; font-family:"KanitRegular";}
input[type="submit"]:hover{ opacity:0.7; cursor:pointer;}

.passForget{}
.passForget img{ margin-right:3px; vertical-align:-2px;}
.Register{}
.Register img{ margin-right:3px; vertical-align:-2px;}

.mainSection .tac{}

/* placeholder */
:placeholder-shown,
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder{ color:#D3D3D3; font-size:14px;}



/*----------------------------------------------------------------------------
 ***                                                            login_select
----------------------------------------------------------------------------*/
.login_select .mainSection{ width:770px; margin:0 auto; float:none;}
.login_select .mainSectionInner{ padding:0;}

h2{ font-size:20px; font-weight:bold; border:none; margin-bottom:20px;}
.logoutBtn{ float:right;}

.loginBtnBox{ margin-bottom:20px; display:flex; justify-content:center;}
.loginBtnBox li{ float:left; margin-right:20px;}
.loginBtnBox li:last-child{ margin-right:0;}

.login_selectText{ font-size:14px; color:#4D4D4D; text-align:center; margin-bottom:20px;}


/*----------------------------------------------------------------------------
 ***                                                               login_forget
----------------------------------------------------------------------------*/

.login_forget .mainSection{ width:770px; margin:0 auto; float:none;}
.login_forget .mainSectionInner{ width:100%; padding:0;}
.login_forget .mainSection h2{text-align:left; font-size:20px; margin-bottom:3px;}
.login_forget .mainSection p{ font-size:19px; color:#4D4D4D; line-height:1.4em;}
.login_forget .mainSection p.txtSizeS{font-size:14px; margin-bottom:10px;}


/*----------------------------------------------------------------------------
 ***                                                                 footer
----------------------------------------------------------------------------*/
.footerArea{ background-color:#CCC;}
.footerAreaInner{ width:975px; margin:0 auto; padding:30px 0 15px;}
.footerLink{ font-size:16px; border-bottom:1px solid #4D4D4D; margin-bottom:12px;}
.footerLink a,
.footerText,
.copyRight{ color:#4D4D4D;}
.footerText,
.copyRight{ font-size:11px; padding:0; line-height:1.2em;}