.pcOnly
{
	display:;
}
.smartPhoneOnly
{
	display:none;
}


.debug
{
	display:none;
}


body 
{
	font-size:1em;
	background-color:#ffffc9;
	padding:0;
	margin:0;
}

.divServerMsgArea
{
	text-align:center;
}
.lblSvrInfo , .SvrInfo
{
	color:Blue;
	font-size:1.4em;
}
.lblSvrError
{
	color:Red;
	font-size:1.4em;
}
.contentsArea
{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

.TableTab
{
	table-layout:fixed;
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
	width:1024px;
}
.TableTab .TabA
{
	border-radius:30px 30px 0 0;
	background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
	height:2em;
	cursor:pointer;	
	
}
.TableTab .TabB
{
	border-radius:30px 30px 0 0;
	background-image: linear-gradient(to bottom, #FFB6B6, #FF7F7F);
	height:2em;
	cursor:pointer;	
}
.TableTab .TabC
{
	border-radius:30px 30px 0 0;
	background-image: linear-gradient(to bottom, #AAFF00, #88CC00);
	height:2em;
	cursor:pointer;	
}

.LoginTable
{
	table-layout:fixed;
	margin-left:auto;
	margin-right:auto;
	background-color:White;
	border-collapse: collapse;
	width:460px;
}
.LoginTable th
{
	background-color:#b5daff;
	background-image: linear-gradient(to bottom, #B5DAFF, #d8eeff);
}


.TableTypeBlue
{
	table-layout:fixed;
	margin-left:auto;
	margin-right:auto;
	background-color:White;
	border-collapse: collapse;
	width:1024px;
	text-align:left;
}

.TableTypeBlue th
{
	background-color:#b5daff;
	background-image: linear-gradient(to bottom, #B5DAFF, #d8eeff);
}

.TableTypeBlue_Mini
{
	table-layout:fixed;
	margin-left:auto;
	margin-right:auto;
	background-color:White;
	border-collapse: collapse;
	width:600px;
}


.TableTypePink
{
	table-layout:fixed;
	margin-left:auto;
	margin-right:auto;
	background-color:White;
	border-collapse: collapse;
	width:1024px;
}

.TableTypePink th
{
	background-color:#b5daff;
	background-image: linear-gradient(to bottom, #B5DAFF, #d8eeff);
}


.TableTypeBlue_Mini th
{
	background-color:#b5daff;
}

.TableType_NonLine
{
	table-layout:fixed;
	margin-left:auto;
	margin-right:auto;
	border-collapse:separate;
	border-spacing:1em;
	width:1024px;
}

.TableType_NonLine th
{
	text-align:left;
}



.reqColor
{
	color:Red;
}

.inputText
{
	width:100%;
	box-sizing: border-box;
	height:2.3em;
	border-radius:6px;
	border-style:solid;
	border-width:1px;
	border-color:Silver;
	padding:10px;	
}

.inputDDL
{
	width:100%;
	box-sizing: border-box;
	height:2.3em;
	border-radius:6px;
	border-style:solid;
	border-width:1px;
	border-color:Silver;
	
}

.inputText:read-only
{
	border-color:white;
}

.inputText_ReadOnly
{
	width:100%;
	box-sizing: border-box;
	height:2.3em;
	border-radius:6px;
	border-style:solid;
	border-width:1px;
	border-color:white;
	padding:10px;	
}

.inputDDL_ReadOnly
{
	width:100%;
	box-sizing: border-box;
	height:2.3em;
	border-radius:6px;
	border-style:solid;
	border-width:1px;
	border-color:white;
	color:Black;
}



.divCenter
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:1024px;
}
img
{
	max-width:100%;
}
.spnInfoMsg
{
	font-size:0.8em;
}

.BasicButtonBlue{
	border: 1px solid #15aeec;
	background-color: #49c0f0;
	background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
	background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
	border-radius: 4px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	cursor:pointer;
	margin:4px;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.4) ; 
}

.BasicButtonBlue_disabled{
	border: 1px solid silver;
	background-color: silver;
	background-image: -webkit-linear-gradient(top, silver, silver);
	background-image: linear-gradient(to bottom, silver, silver);
	border-radius: 4px;
	color: gray;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	margin:4px;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.4) ; 
}


.BasicButtonBlue:hover {
	border:1px solid #1090c3;
	background-color: #1ab0ec;
	background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}
.BasicButtonBlue:active {
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2) ; 

}


.BasicButtonPurple{
	border: 1px solid #c6c7ff;
	background-color: #c6c7ff;
	background-image: -webkit-linear-gradient(top, #c6c7ff, #8E92FF);
	background-image: linear-gradient(to bottom, #c6c7ff, #8E92FF);
	border-radius: 4px;
	color: #000;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	cursor:pointer;
	margin:4px;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.4) ; 
}


.BasicButtonPurple:hover {
	border:1px solid #F4F5FF;
	background-color: #F4F5FF;
	background-image: -webkit-linear-gradient(top, #F4F5FF, #c6c7ff);
	background-image: linear-gradient(to bottom, #F4F5FF, #c6c7ff);
}
.BasicButtonPurple:active {
	background: #5B61FF;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #000133;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2) ; 

}


.BasicButtonYellow{
	border: 1px solid #CAC710;
	background-color: #F0EE50;
	background-image: -webkit-linear-gradient(top, #F4F27F, #F0EE50);
	background-image: linear-gradient(to bottom, #F4F27F, #F0EE50);
	border-radius: 4px;
	color: #000;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	cursor:pointer;
	margin:4px;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.4) ; 
}

.BasicButtonYellow_disabled{
	border: 1px solid silver;
	background-color: silver;
	background-image: -webkit-linear-gradient(top, silver, silver);
	background-image: linear-gradient(to bottom, silver, silver);
	border-radius: 4px;
	color: gray;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	margin:4px;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.4) ; 
}

.BasicButtonYellow:hover {
	border:1px solid #EBE71D;
	background-color: #F3F17B;
	background-image: -webkit-linear-gradient(top, #F3F17B, #F7F6AA);
	background-image: linear-gradient(to bottom, #F3F17B, #F7F6AA);
	
}
.BasicButtonYellow:active {
	background: #C5C211;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #a17916;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2) ; 
}

.BasicButtonYellow_CheckON{
	border: 1px solid #CAC710;
	background-color: #F0EE50;
	background-image: -webkit-linear-gradient(top, #F4F27F, #F0EE50);
	background-image: linear-gradient(to bottom, #F4F27F, #F0EE50);
	border-radius: 4px;
	color: #000;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	cursor:pointer;
	margin:4px;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.4) ; 
	background-image:url("../image/enCheck.png");
	background-position:0% 50%;
	background-repeat: no-repeat;
}



.BasicButtonSkyGreen{
	border: 1px solid #AAFF00;
	background-color: #AAFF00;
	background-image: -webkit-linear-gradient(top, #AAFF00, #88CC00);
	background-image: linear-gradient(to bottom, #AAFF00, #88CC00);
	border-radius: 4px;
	color: #000;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	cursor:pointer;
	margin:4px;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.4) ; 
}


.BasicButtonSkyGreen:hover {
	border:1px solid #BBFF32;
	background-color: #BBFF32;
	background-image: -webkit-linear-gradient(top, #BBFF32, #CCFF66);
	background-image: linear-gradient(to bottom, #BBFF32, #CCFF66);
	
}
.BasicButtonSkyGreen:active {
	background: #80c211;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #507916;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2) ; 
}



.BasicButtonPink{
	border: 1px solid #FFB6B6;
	background-color: #FFB6B6;
	background-image: -webkit-linear-gradient(top, #FFB6B6, #FF7F7F);
	background-image: linear-gradient(to bottom, #FFB6B6, #FF7F7F);
	border-radius: 4px;
	color: #000;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	cursor:pointer;
	margin:4px;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.4) ; 
}

.BasicButtonPink:hover {
	border:1px solid #FFB6B6;
	background-color: #FFB6B6;
	background-image: -webkit-linear-gradient(top, #FFB6B6, #FFE5E5);
	background-image: linear-gradient(to bottom, #FFB6B6, #FFE5E5);
	
}
.BasicButtonPink:active {
	background: #FF4C4C;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #603a16;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2) ; 
}





.BasicButtonSilver{
	border: 1px solid #E0E0E0;
	background-color: #E0E0E0;
	background-image: -webkit-linear-gradient(top, #E0E0E0, #F9F9F9);
	background-image: linear-gradient(to bottom, #E0E0E0, #F9F9F9);
	border-radius: 4px;
	color: #000;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	cursor:pointer;
	margin:4px;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.4) ; 
}

.BasicButtonSilver:hover {
	border:1px solid #F9F9F9;
	background-color: #F9F9F9;
	background-image: -webkit-linear-gradient(top, #F9F9F9, #F2F2F2);
	background-image: linear-gradient(to bottom, #F9F9F9, #F2F2F2);
	
}
.BasicButtonSilver:active {
	background: #ADADAD;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #191919;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2) ; 
}


.BasicButtonGreen{
	border: 1px solid #00D600;
	background-color: #00D600;
	background-image: -webkit-linear-gradient(top, #00D600, #00A500);
	background-image: linear-gradient(to bottom, #00D600, #00A500);
	border-radius: 4px;
	color: #000;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	cursor:pointer;
	margin:4px;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.4) ; 
}


.BasicButtonGreen:hover {
	border:1px solid #0AFF0A;
	background-color: #0AFF0A;
	background-image: -webkit-linear-gradient(top, #0AFF0A, #6BFF6B);
	background-image: linear-gradient(to bottom, #0AFF0A, #6BFF6B);
	
}
.BasicButtonGreen:active {
	background: #006600;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #003300;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2) ; 
}

.BasicButtonOrange{
	border: 1px solid #FFA51D;
	background-color: #FFA51D;
	background-image: -webkit-linear-gradient(top, #FFA51D, #E58900);
	background-image: linear-gradient(to bottom, #FFA51D, #E58900);
	border-radius: 4px;
	color: #000;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	cursor:pointer;
	margin:4px;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.4) ; 
}


.BasicButtonOrange:hover {
	border:1px solid #FFB74C;
	background-color: #FFB74C;
	background-image: -webkit-linear-gradient(top, #FFB74C, #FFCC7F);
	background-image: linear-gradient(to bottom, #FFB74C, #FFCC7F);
	
}
.BasicButtonOrange:active {
	background: #7A4700;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #331D00;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.2) ; 
}


.NextorBackorCompBtn
{
	font-size:1.4em;
	width:200px;
	line-height:50px;
}

.LblDetailError
{
	color:Red;
}

.TableTypeBlue .thColorPink,
.TableTypeBlue_Mini .thColorPink
{
	background-color:pink;
}

.TableTypeBlue .thColorSkyGreen,
.TableTypeBlue_Mini .thColorSkyGreen
{
	background-color:#AAFF00;
}

.TableTypeBlue .thColorGreen,
.TableTypeBlue_Mini .thColorGreen
{
	background-color:#00C500;
}

.WideButton
{
	max-width:80%;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}


.em8
{
	width:8em;
}
.em12
{
	width:12em;
}
.em16
{
	width:16em;
}
.em18
{
	width:18em;
}
.em24
{
	width:24em;
}
.em32
{
	width:32em;
}

@media (max-width:400px) 
{
	.em8 , .em12 , .em16 , .em18 , .em24 , .em32 
	{
		width:100%;
	}
	.divCenter
	{
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		width:320px;
	}
	
	.TableTab
	{
		table-layout:fixed;
		margin-left:auto;
		margin-right:auto;
		border-collapse: collapse;
		width:320px;
	}
		
	.TableTypeBlue , .TableTypePink
	{

		margin-left:auto;
		margin-right:auto;
		background-color:White;
		border-collapse: collapse;
		width:320px;

	}

	.TableTypeBlue th , .TableTypePink th
	{
		display:block;
		text-align:center;
		width:316px;
	}
	.TableTypeBlue td , .TableTypePink td
	{
		display:block;
		width:316px;
	}
	
	
	.TableType_NonLine
	{
		table-layout:fixed;
		margin-left:auto;
		margin-right:auto;

		border-spacing:4px;
	
		width:320px;
	}

	.TableType_NonLine td
	{
		font-size:0.8em;
	}
	
	.TableTypeBlue_Mini
	{

		margin-left:auto;
		margin-right:auto;
		background-color:White;
		border-collapse: collapse;
		width:320px;
	}
	.TableTypeBlue_Mini th
	{
		display:block;
		text-align:center;
		width:316px;
	}
	.TableTypeBlue_Mini td
	{
		display:block;
		text-align:center;
		width:316px;
	}

}

input[type=checkbox] {
	width:			24px;
	height:			24px;
	-moz-transform:		scale(1.2);
	-webkit-transform:	scale(1.2);
	transform:		scale(1.2);
	
	position: relative;
	top:5px;
	margin-bottom:15px;
}


input[type=radio] {
	width:			24px;
	height:			24px;
	-moz-transform:		scale(1.2);
	-webkit-transform:	scale(1.2);
	transform:		scale(1.2);
	position: relative;
	top:5px;
	margin-bottom:15px;
}
/*
input[type=button] {
	border: 1px solid #15aeec;
	background-color: #49c0f0;
	background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
	background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
	border-radius: 4px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	cursor:pointer;
	margin:4px;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.4) ; 
}
*/



input[type=button]:disabled {
	border: 1px solid silver;
	background-color: red;
	background-image: -webkit-linear-gradient(top, silver, silver);
	background-image: linear-gradient(to bottom, silver, silver);
	border-radius: 4px;
	color: gray;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	margin:4px;
	box-shadow: 2px 2px 1px 1px rgba(0,0,0,0.4) ; 
}


ul {
    list-style: none;
    padding:0;
}

.conA .container {
    width: auto;
}

.conA ul {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.conA ul li {
    flex: 1 1 30%;
    justify-content：center;
    //margin: 0 auto;
    width: 100%;
    position: relative;
}

.conA p {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translateX(-20%) translateY(-100%);
    color:white;
    font-size:0.9em;
    font-weight:bold;
}

.conA li img {
    width: 100%;
    height: auto;
}     


.conB .container {
    width: auto;
}

.conB ul {
    display: flex;
    flex-wrap: wrap;
}

.conB ul li {
    flex: 1 1 50%;
    justify-content：center;
    //margin: 0 auto;
    width: 100%;
    position: relative;
}

.conB span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translateX(20px) translateY(-52%);
    color:white;
    font-size:0.9em;
    font-weight:bold;
    cursor:pointer;
}

.conB li img {
    width: 100%;
    height: auto;
}     



.con_C .container {
    width: auto;
}

.con_C ul {
    display: flex;
    flex-wrap: wrap;
}

.con_C ul li {
    flex: 1 1 30%;
    justify-content：center;
    //margin: 0 auto;
    width: 100%;
    position: relative;
}

.con_C p {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-26px) translateY(-40px);
    color:white;
    font-size:0.9em;
    font-weight:bold;
    cursor:pointer;
}

.con_C li img {
    width: 100%;
    height: auto;
}     
.mainMenuUl
{
	width:640px;
	margin-left:auto;
	margin-right:auto;
}


.pc30pct{
	width:30%;
}


.lblSvrError_NormalSize
{
	color:Red;
	font-size:0.8em;
}