@charset "UTF-8";

#ly-License header { text-align:center; }
#ly-License header p:nth-child(1) { font-size:2em; color:#1c1c1e; margin-bottom: 80px; }
#ly-License header p { color:#3A3A3C; font-weight:400; line-height:1.6; }
#ly-License header p span { line-height:1.6; font-size: 1.25rem; font-weight: 300; }

#ly-License-Manage header { margin-bottom: 54px; }
#ly-License-Manage header p:nth-child(1) { font-size:1.5em; font-weight:500; color:#3a3a3c; }
#ly-License-Manage div.id-cont p.id-descript { line-height:1.6; font-size: 1.125rem; }
#ly-License-Manage div.id-cont p.id-descript span { display:block; line-height:1.6; margin-bottom: 40px; }
#ly-License-Manage div.id-cont form fieldset input:focus { background-color:#f9f9f9; }
#ly-License-Manage div.id-cont form fieldset input[type='text'] { min-width:250px; padding:12px 16px; border:1px solid #EAEAEA; border-radius: 4px; height: 56px; width: 576px;
	font-weight: 300; }
#ly-License-Manage div.id-cont form fieldset input[type='text'][name='serial'] { text-transform:uppercase; }
#ly-License-Manage div.id-cont form fieldset p.type-btn button:focus,
#ly-License-Manage div.id-cont form fieldset p.type-btn button:hover { background-color:#008843; }
#ly-License-Manage div.id-cont form fieldset label { color: #636366; }
#ly-License-Manage div.id-cont div.type-data div.form dl { width: 576px;}
#ly-License-Manage div.id-cont div.type-data div.form dl dt { padding-bottom: 16px;}

#ly-License-Resend header { margin-bottom: 54px; }
#ly-License-Resend header p:nth-child(1) { font-size:1.5em; font-weight:500; color:#3a3a3c; }
#ly-License-Resend div.id-cont p.id-descript { line-height:1.6; font-size: 1.125rem; }
#ly-License-Resend div.id-cont p.id-descript span { display:block; line-height:1.6; }
#ly-License-Resend div.id-cont form fieldset input:focus { background-color:#f9f9f9; }
#ly-License-Resend div.id-cont form fieldset input[type='text'] { min-width:250px; padding:12px 16px; border:1px solid #EAEAEA; border-radius: 4px; height: 56px; }
#ly-License-Resend div.id-cont form fieldset input[type='text'][name='serial'] { text-transform:uppercase; }
#ly-License-Resend div.id-cont form fieldset p.type-btn button:focus,
#ly-License-Resend div.id-cont form fieldset p.type-btn button:hover { background-color:#008843; }
#ly-License-Resend div.id-cont form fieldset label { color: #636366; }

#ly-License-Status div.id-cont header.type-side p { font-size: 1.5em; }

div.id-cont header.type-side h2 { font-size:1.2em; }

div.id-cont p.type-btn { text-align: center; margin-top:100px; margin-bottom: 160px; }
div.id-cont p.type-btn button { width:206px; height: 56px; font-size:1.125em; color:#FFFFFF; background-color: #009F4F; border : none; padding:10px 5px; border-radius: 8px; 
	font-weight: 400; border: 1px solid #009F4F; }
div.id-cont p.type-btn button:focus,
div.id-cont p.type-btn button:hover { background-color:#008843; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {

	div.id-cont p.type-btn button { width: 100%;}
	div.id-cont p.type-btn { margin-bottom: 100px;}

	#ly-License header h2 { font-size:1.6em; }
	#ly-License header p { font-size:.9em; font-weight: 400; }
	#ly-License header p span { font-size: 1.125rem; font-weight:350;}
	
	#ly-License-Manage { margin-top:80px; padding-bottom: 0px; }
	#ly-License-Manage div.id-cont {width: 92%;}
	#ly-License-Manage div.id-cont p.id-descript span {font-size: 1.15rem;}
	#ly-License-Manage div.id-cont form fieldset input[type='text'] { width:100%; }
	#ly-License-Manage div.id-cont div.type-data div.form dl { margin-bottom: 30px;}
	div.id-cont p.type-btn { margin-top: 20px;}

	#ly-License-Resend { margin-top:40px; padding-bottom:0px; }
	#ly-License-Resend div.id-cont p.id-descript { font-size: .95rem;}
	#ly-License-Resend div.id-cont { width: 92%;}
	#ly-License-Resend div.id-cont form fieldset input[type='text'] { width:100%; margin-top: 8px; margin-bottom: 30px; }
	#ly-License-Resend div.id-cont form fieldset div { padding-top: 32px;}

	#ly-License-Status div.id-cont { width: 92%;}
	#ly-License-Status div.id-cont table { margin-top: 20px; border: 1px solid #EAEAEA; border-radius: 5px; margin-bottom: 80px;}
	#ly-License-Status div.id-cont table tbody td button { border:none; background-color:transparent; font-size:1em; color:#ff3b30;}
	
	#ly-License-Status div.id-cont table thead th,
	#ly-License-Status div.id-cont table tbody td { border: 1px solid #EAEAEA;}
	div.id-cont header.type-side { text-align:center; margin-bottom:20px; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1219px) {
	#ly-License header { margin-left:20px; margin-right:20px; }
	#ly-License header p { margin-top:20px; }

	#ly-License-Manage { margin-left:20px; margin-right:20px; }
	#ly-License-Manage div.id-cont div.type-data div.form dl { margin-bottom: 30px;}
	#ly-License-Manage div.id-cont div.type-data div.form dl { width: 100%;}

	#ly-License-Resend { margin-left:20px; margin-right:20px; }
	#ly-License-Resend div.id-cont form fieldset input { margin-top:20px; }

	#ly-License-Status { margin: 20px; }
	#ly-License-Status div.id-cont header.type-side p { font-size: 1.5em; text-align: left; }
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1219px) {
	#ly-License header h2 { font-size:1.8em; }

	#ly-License-Manage { margin-top:60px; }
	#ly-License-Manage div.id-cont form fieldset input:not(:last-of-type) { margin-right:20px; }

	#ly-License-Resend { margin-top:60px; padding-bottom:60px; }
	#ly-License-Resend div.id-cont form fieldset input[type='text'] { width:100%; }
}

/* Tablet & Desktop */
@media screen and (min-width:640px) {
	#ly-License header p span { display:block; }

	#ly-License-Manage div.id-cont div.type-data div.form dl { width: 48.5%;}
	#ly-License-Manage div.id-cont form fieldset input[type='text'] { width: 100%;}

	#ly-License-Status div.id-cont header.type-side p { margin-bottom: 40px; }

	div.id-cont header.type-side { text-align:left; }
}

/* Desktop */
@media screen and (min-width:1220px) {
	#ly-License header { margin-top: 140px; }
	#ly-License header h2 { font-size:2em; }
	#ly-License header p { margin-top:30px; font-size:1.1em; }

	#ly-License-Manage { margin-top:100px; }
	#ly-License-Manage div.id-cont { width:64%; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:auto; margin-right:auto; max-width: 1200px;}
	#ly-License-Manage div.id-cont header.type-side { background-position:center top; background-repeat:no-repeat; }
	#ly-License-Manage div.id-cont form { margin-top:40px; }
	#ly-License-Manage div.id-cont form fieldset input:not(:first-of-type) { margin-left: 48px; }
	#ly-License-Manage div.id-cont form fieldset label:first-of-type { margin-right: 565px; }
	/* #ly-License-Manage div.id-cont form fieldset input[type='text'] { width: 100%;} */
	#ly-License-Manage div.id-cont div.type-data div.form { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between;}
	

	#ly-License-Resend { margin-top:80px; }
	#ly-License-Resend div.id-cont { width:64%; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:auto; margin-right:auto; max-width: 1200px;}
	#ly-License-Resend div.id-cont header.type-side { width:304px; text-align:left; background-position:center top; background-repeat:no-repeat; }
	#ly-License-Resend div.id-cont form { margin-top:40px; color: #636366;}
	#ly-License-Resend div.id-cont form fieldset div { width: 100%;}
	#ly-License-Resend div.id-cont form fieldset input { width: 576px;}
	#ly-License-Resend div.id-cont form fieldset input[type='text'] { margin-top: 16px;}

	#ly-License-Status { margin-top:80px; padding-bottom:160px; }
	#ly-License-Status div.id-cont { width:64%; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-left:auto; margin-right:auto; max-width: 1200px;}
	#ly-License-Status div.id-cont header.type-side { background-position:center top; background-repeat:no-repeat; }
	#ly-License-Status div.id-cont div.id-status { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
	#ly-License-Status div.id-cont div.id-status p span { display:inline-block; padding-left:4px; padding-right:4px; }
	#ly-License-Status div.id-cont table { margin-top:50px; border:1px solid #EAEAEA; border-radius: 5px; }
	#ly-License-Status div.id-cont table thead tr { background-color:#F9F9F9; }
	#ly-License-Status div.id-cont table thead th { padding-top:20px; padding-bottom:20px; font-size:1rem; font-weight:400; color: #1c1c1e; }
	#ly-License-Status div.id-cont table thead th:not(:first-of-type) { border-left:1px solid #EAEAEA; }
	#ly-License-Status div.id-cont table tbody tr { border-top:1px solid #EAEAEA;  }
	#ly-License-Status div.id-cont table tbody td { font-weight:300; padding:20px 10px; text-align:center; }
	#ly-License-Status div.id-cont table tbody td:not(:first-of-type) { border-left:1px solid #EAEAEA; }
	#ly-License-Status div.id-cont table tbody td button { border:none; background-color:transparent; font-size:1em; color:#ff3b30; }

	div.id-cont header.type-side { width:304px; }
}