@charset "utf-8";

.ctt_admin { display:none !important; } /* Admin Menu Disabled */

/* Desktop Device */
@media all and (min-width:1201px) {
	#pContentWrap {
		width:100%;
		transition:all 0.25s ease-in-out;
	}
	#pContentWrap:after {
		content:"";
		position:absolute;
		left:0;
		top:5px;
		width:100%;
		height:1px;
		background-color:rgba(0,0,0,0.1);
	}
	#pContentWrap .features { margin-top:40px; }
	#pContentWrap .features li {
		font-size:18px;
		color:#212121;
		font-weight:400;
		word-break:keep-all;
		margin-left:15px;
		padding-bottom:15px;
		list-style-type:"\2d\20\20";
	}
	#contentWrap {
		margin-top:50px;
		display:flex;
		align-items:flex-start;
	}
	#contentWrap .pMenu { min-width:250px; max-width:250px; }
	#contentWrap .pMenu li {
		width:250px;
		height:50px;
		font-size:16px;
		color:#616161;
		font-weight:400;
		margin-bottom:1px;
		padding:0 20px;
		background-color:#fafafa;
		background-size:18px;
		background-position:calc(100% - 20px) 50%;
		background-repeat:no-repeat;
		text-align:left;
		transition:all 0.25s ease-in-out;
		cursor:pointer;
		display:flex;
		align-items:center;
	}
	#contentWrap .pMenu li:hover {
		color:#212121;
		background-color:#f0f0f0;
		background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23CCC' d='M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14S23.7,2,16,2z M21.7,16.8l-8,7c-0.4,0.4-1.1,0.3-1.4-0.1 c-0.4-0.4-0.3-1.1,0.1-1.4l0,0l7.1-6.2l-7.1-6.3c-0.4-0.4-0.5-1-0.1-1.4s1-0.5,1.4-0.1l8,7C22.1,15.6,22.1,16.2,21.7,16.8 C21.7,16.7,21.7,16.7,21.7,16.8z'/%3E%3C/svg%3E");
	}
	#contentWrap .pMenu li.active {
		color:#fff;
		background-color:#001f91;
		background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23FFF' d='M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14S23.7,2,16,2z M21.7,16.8l-8,7c-0.4,0.4-1.1,0.3-1.4-0.1 c-0.4-0.4-0.3-1.1,0.1-1.4l0,0l7.1-6.2l-7.1-6.3c-0.4-0.4-0.5-1-0.1-1.4s1-0.5,1.4-0.1l8,7C22.1,15.6,22.1,16.2,21.7,16.8 C21.7,16.7,21.7,16.7,21.7,16.8z'/%3E%3C/svg%3E");
	}
	#contentWrap .content {
		width:100%;
		max-width:calc(100% - 300px);
		margin-left:auto;
	}
	#contentWrap .pArea {
		position:relative;
		min-height:400px;
		padding:40px 40px 40px 430px;
		background-color:#f3f9ff;
		border-radius:30px;
		display:flex;
		align-items:center;
	}
	#contentWrap .pImg {
		position:absolute;
		width:auto;
		height:80%;
		max-height:280px;
		animation:fadeIn 1s ease-in-out;
		animation-fill-mode:forwards;
		opacity:0;
	}
	#contentWrap .pImg.single { top:50% !important; left:80px !important; margin-top:-140px !important; }
	#contentWrap .pImg:nth-of-type(1) { top:50%; left:30px; margin-top:-180px; animation-delay:0s; }
	#contentWrap .pImg:nth-of-type(2) { top:50%; left:130px; margin-top:-100px; animation-delay:0.15s; }
	@keyframes fadeIn {
		from {
			opacity:0;
			transform:translateX(50px);
		}
		to {
			opacity:1;
			transform:translateX(0);
		}
	}
	#contentWrap aside { width:100%; }
	#contentWrap aside h1 {
		font-size:28px;
		color:#001f91;
		font-weight:700;
	}
	#contentWrap .condition { margin-top:20px; }
	#contentWrap .condition b {
		font-size:18px;
		color:#fff;
		font-weight:400;
		padding:6px 15px;
		background-color:#212121;
		border-radius:6px;
		display:inline-block;
	}
	#contentWrap .condition p {
		font-size:18px;
		color:#212121;
		font-weight:400;
		word-break:keep-all;
		margin-top:10px;
	}
	#contentWrap .condition table {
		width:100%;
		margin-top:10px;
		background-color:#FFF;
		border-spacing:0;
	}
	#contentWrap .condition table th {
		font-size:15px;
		color:#fff;
		font-weight:400;
		padding:10px;
		background-color:#001f91;
		border-right:1px solid rgba(255,255,255,0.3);
		text-align:center;
	}
	#contentWrap .condition table td {
		font-size:15px;
		color:#212121;
		font-weight:400;
		padding:10px;
		border-right:1px solid rgba(0,0,0,0.15);
		border-bottom:1px solid rgba(0,0,0,0.15);
		text-align:center;
	}
	#contentWrap .condition table th:last-child,
	#contentWrap .condition table td:last-child { border-right:0; }
	#contentWrap .condition table tr:last-child td { border-bottom:1px solid rgba(0,0,0,0.9); }
	#contentWrap .condition ul { margin-top:30px; }
	#contentWrap .condition ul li {
		font-size:18px;
		color:#212121;
		font-weight:400;
		word-break:keep-all;
		margin-left:15px;
		padding-bottom:15px;
		list-style-type:disc;
	}
	#contentWrap .condition ul.core {
		margin-top:10px;
		margin-bottom:15px;
	}
	#contentWrap .condition ul.core li {
		font-size:16px;
		color:#212121;
		font-weight:400;
		word-break:keep-all;
		margin-left:15px;
		padding-bottom:6px;
		list-style-type:"\2d\20\20";
	}
	#contentWrap .spec {
		margin-top:50px;
		padding:0;
	}
	#contentWrap .spec b {
		font-size:24px;
		color:#212121;
		font-weight:600;
	}
	#contentWrap .spec table {
		width:100%;
		margin-top:10px;
		background-color:#FFF;
		border-top:1px solid rgba(0,0,0,0.9);
		border-left:1px solid rgba(0,0,0,0.15);
		border-spacing:0;
	}
	#contentWrap .spec table th {
		font-size:15px;
		color:#212121;
		font-weight:400;
		padding:15px 10px;
		background-color:#fafafa;
		border-right:1px solid rgba(0,0,0,0.15);
		border-bottom:1px solid rgba(0,0,0,0.15);
		text-align:center;
	}
	#contentWrap .spec table th.tblTitle {
		font-size:18px;
		color:#fff;
		background-color:#292929;
	}
	#contentWrap .spec table td {
		font-size:15px;
		color:#212121;
		font-weight:400;
		padding:15px 10px;
		border-right:1px solid rgba(0,0,0,0.15);
		border-bottom:1px solid rgba(0,0,0,0.15);
		text-align:center;
	}
	#contentWrap .perf {
		margin-top:50px;
	}
	#contentWrap .perf b {
		font-size:24px;
		color:#212121;
		font-weight:600;
	}
	#contentWrap .perf img {
		width:100%;
		height:auto;
		margin-top:10px;
		display:block;
	}
}

/* Tablet & Desktop Device */
@media all and (min-width:769px) and (max-width:1200px) {
	#pContentWrap {
		position:relative;
		width:100%;
		transition:all 0.25s ease-in-out;
	}
	#pContentWrap:after {
		content:"";
		position:absolute;
		left:0;
		top:5px;
		width:100%;
		height:1px;
		background-color:rgba(0,0,0,0.1);
	}
	#pContentWrap .features { margin-top:40px; }
	#pContentWrap .features li {
		font-size:18px;
		color:#212121;
		font-weight:400;
		word-break:keep-all;
		margin-left:15px;
		padding-bottom:15px;
		list-style-type:"\2d\20\20";
	}
	#contentWrap { margin-top:50px; }
	#sticky-wrapper { z-index:999 !important; }
	#contentWrap .pMenu {
		position:relative;
		width:100%;
		display:flex;
		flex-direction:row;
	}
	#sticky-wrapper.is-sticky .pMenu:before {
		content:"";
		position:absolute;
		top:0;
		left:-50px;
		right:-50px;
		height:100%;
		background-color:#fff;
		border-left:1px solid #fff;
		box-shadow:0 1px 5px rgba(0,0,0,0.1);
		z-index:-1;
	}
	#contentWrap .pMenu li {
		width:20%;
		font-size:16px;
		color:#616161;
		font-weight:400;
		word-break:keep-all;
		margin:0 auto;
		padding:15px 50px 15px 20px;
		background-color:#fafafa;
		background-size:18px;
		background-position:calc(100% - 20px) 50%;
		background-repeat:no-repeat;
		border-right:1px solid #fff;
		text-align:left;
		transition:all 0.25s ease-in-out;
		cursor:pointer;
		display:flex;
		align-items:center;
	}
	#contentWrap .pMenu li:hover {
		color:#212121;
		background-color:#f0f0f0;
	}
	#contentWrap .pMenu li.active {
		color:#fff;
		background-color:#001f91;
	}
	#contentWrap .content {
		width:100%;
		margin-top:30px;
	}
	#contentWrap .pArea {
		position:relative;
		min-height:350px;
		padding:30px 30px 30px 400px;
		background-color:#f3f9ff;
		border-radius:30px;
		display:flex;
		align-items:center;
	}
	#contentWrap .pImg {
		position:absolute;
		width:auto;
		height:80%;
		max-height:280px;
		animation:fadeIn 1s ease-in-out;
		animation-fill-mode:forwards;
		opacity:0;
	}
	#contentWrap .pImg.single { top:50% !important; left:70px !important; margin-top:-140px !important; }
	#contentWrap .pImg:nth-of-type(1) { top:50%; left:20px; margin-top:-180px; animation-delay:0s; }
	#contentWrap .pImg:nth-of-type(2) { top:50%; left:120px; margin-top:-100px; animation-delay:0.15s; }
	@keyframes fadeIn {
		from {
			opacity:0;
			transform:translateX(50px);
		}
		to {
			opacity:1;
			transform:translateX(0);
		}
	}
	#contentWrap aside { width:100%; }
	#contentWrap aside h1 {
		font-size:24px;
		color:#001f91;
		font-weight:700;
	}
	#contentWrap .condition { margin-top:20px; }
	#contentWrap .condition b {
		font-size:16px;
		color:#fff;
		font-weight:400;
		padding:6px 15px;
		background-color:#212121;
		border-radius:6px;
		display:inline-block;
	}
	#contentWrap .condition p {
		font-size:16px;
		color:#212121;
		font-weight:400;
		word-break:keep-all;
		margin-top:10px;
	}
	#contentWrap .condition table {
		width:100%;
		margin-top:10px;
		background-color:#FFF;
		border-spacing:0;
	}
	#contentWrap .condition table th {
		font-size:15px;
		color:#fff;
		font-weight:400;
		word-break:keep-all;
		padding:10px;
		background-color:#001f91;
		border-right:1px solid rgba(255,255,255,0.3);
		text-align:center;
	}
	#contentWrap .condition table td {
		font-size:15px;
		color:#212121;
		font-weight:400;
		word-break:keep-all;
		padding:10px;
		border-right:1px solid rgba(0,0,0,0.15);
		border-bottom:1px solid rgba(0,0,0,0.15);
		text-align:center;
	}
	#contentWrap .condition table th:last-child,
	#contentWrap .condition table td:last-child { border-right:0; }
	#contentWrap .condition table tr:last-child td { border-bottom:1px solid rgba(0,0,0,0.9); }
	#contentWrap .condition ul { margin-top:30px; }
	#contentWrap .condition ul li {
		font-size:18px;
		color:#212121;
		font-weight:400;
		word-break:keep-all;
		margin-left:15px;
		padding-bottom:15px;
		list-style-type:disc;
	}
	#contentWrap .condition ul.core {
		margin-top:10px;
		margin-bottom:15px;
	}
	#contentWrap .condition ul.core li {
		font-size:16px;
		color:#212121;
		font-weight:400;
		word-break:keep-all;
		margin-left:15px;
		padding-bottom:6px;
		list-style-type:"\2d\20\20";
	}
	#contentWrap .spec {
		margin-top:50px;
		padding:0;
	}
	#contentWrap .spec b {
		font-size:24px;
		color:#212121;
		font-weight:600;
	}
	#contentWrap .spec table {
		width:100%;
		margin-top:10px;
		background-color:#FFF;
		border-top:1px solid rgba(0,0,0,0.9);
		border-left:1px solid rgba(0,0,0,0.15);
		border-spacing:0;
	}
	#contentWrap .spec table th {
		font-size:15px;
		color:#212121;
		font-weight:400;
		padding:15px 10px;
		background-color:#fafafa;
		border-right:1px solid rgba(0,0,0,0.15);
		border-bottom:1px solid rgba(0,0,0,0.15);
		text-align:center;
	}
	#contentWrap .spec table th.tblTitle {
		font-size:15px;
		color:#fff;
		background-color:#292929;
	}
	#contentWrap .spec table td {
		font-size:15px;
		color:#212121;
		font-weight:400;
		padding:15px 10px;
		border-right:1px solid rgba(0,0,0,0.15);
		border-bottom:1px solid rgba(0,0,0,0.15);
		text-align:center;
	}
	#contentWrap .perf {
		margin-top:50px;
	}
	#contentWrap .perf b {
		font-size:24px;
		color:#212121;
		font-weight:600;
	}
	#contentWrap .perf img {
		width:100%;
		height:auto;
		margin-top:10px;
		display:block;
	}
}

/* Mobile Device */
@media all and (max-width:768px) {
	#pContentWrap {
		position:relative;
		width:100%;
		transition:all 0.25s ease-in-out;
	}
	#pContentWrap:after {
		content:"";
		position:absolute;
		left:0;
		top:5px;
		width:100%;
		height:1px;
		background-color:rgba(0,0,0,0.1);
	}
	#pContentWrap .features { margin-top:40px; }
	#pContentWrap .features li {
		font-size:16px;
		color:#212121;
		font-weight:400;
		word-break:keep-all;
		margin-left:15px;
		padding-bottom:15px;
		list-style-type:"\2d\20\20";
	}
	#contentWrap { margin-top:30px; }
	#sticky-wrapper { z-index:1 !important; }
	#contentWrap .pMenu {
		position:relative;
		width:100%;
		display:flex;
		flex-wrap:wrap;
	}
	#sticky-wrapper.is-sticky .pMenu { top:80px !important; }
	#sticky-wrapper.is-sticky .pMenu:before {
		content:"";
		position:absolute;
		top:0;
		left:-50px;
		right:-50px;
		height:100%;
		background-color:#fff;
		box-shadow:0 1px 5px rgba(0,0,0,0.1);
		z-index:-1;
	}
	#contentWrap .pMenu li {
		width:50%;
		font-size:16px;
		color:#616161;
		font-weight:400;
		word-break:keep-all;
		padding:15px 20px;
		background-color:#fafafa;
		background-size:18px;
		background-position:calc(100% - 20px) 50%;
		background-repeat:no-repeat;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		text-align:left;
		transition:all 0.25s ease-in-out;
		cursor:pointer;
		display:flex;
		align-items:center;
	}
	#contentWrap .pMenu li:hover {
		color:#212121;
		background-color:#f0f0f0;
	}
	#contentWrap .pMenu li.active {
		color:#fff;
		background-color:#001f91;
	}
	#contentWrap .content {
		width:100%;
		margin-top:30px;
	}
	#contentWrap .pArea {
		position:relative;
		min-height:350px;
		padding:260px 20px 20px 20px;
		background-color:#f3f9ff;
		border-radius:20px;
		display:flex;
		flex-direction:column;
		align-items:center;
	}
	#contentWrap .pImg {
		position:absolute;
		left:50%;
		width:auto;
		height:80%;
		max-height:180px;
		animation:fadeIn 1s ease-in-out;
		animation-fill-mode:forwards;
		opacity:0;
	}
	#contentWrap .pImg.single { top:40px !important; margin-left:-90px !important; }
	#contentWrap .pImg:nth-of-type(1) { top:20px; margin-left:-140px; animation-delay:0s; }
	#contentWrap .pImg:nth-of-type(2) { top:60px; margin-left:-30px; animation-delay:0.15s; }
	@keyframes fadeIn {
		from {
			opacity:0;
			transform:translateX(50px);
		}
		to {
			opacity:1;
			transform:translateX(0);
		}
	}
	#contentWrap aside { width:100%; }
	#contentWrap aside h1 {
		font-size:20px;
		color:#001f91;
		font-weight:700;
	}
	#contentWrap .condition { margin-top:20px; }
	#contentWrap .condition b {
		font-size:14px;
		color:#fff;
		font-weight:400;
		padding:6px 15px;
		background-color:#212121;
		border-radius:6px;
		display:inline-block;
	}
	#contentWrap .condition p {
		font-size:14px;
		color:#212121;
		font-weight:400;
		word-break:keep-all;
		margin-top:10px;
	}
	#contentWrap .condition table {
		width:100%;
		margin-top:10px;
		background-color:#FFF;
		border-spacing:0;
	}
	#contentWrap .condition table th {
		font-size:14px;
		color:#fff;
		font-weight:400;
		padding:10px;
		background-color:#001f91;
		border-right:1px solid rgba(255,255,255,0.3);
		text-align:center;
	}
	#contentWrap .condition table td {
		font-size:14px;
		color:#212121;
		font-weight:400;
		padding:10px;
		border-right:1px solid rgba(0,0,0,0.15);
		border-bottom:1px solid rgba(0,0,0,0.15);
		text-align:center;
	}
	#contentWrap .condition table th:last-child,
	#contentWrap .condition table td:last-child { border-right:0; }
	#contentWrap .condition table tr:last-child td { border-bottom:1px solid rgba(0,0,0,0.9); }
	#contentWrap .condition ul { margin-top:20px; }
	#contentWrap .condition ul li {
		font-size:16px;
		color:#212121;
		font-weight:400;
		word-break:keep-all;
		margin-left:15px;
		padding-bottom:10px;
		list-style-type:disc;
	}
	#contentWrap .condition ul.core {
		margin-top:10px;
		margin-bottom:15px;
	}
	#contentWrap .condition ul.core li {
		font-size:14px;
		color:#212121;
		font-weight:400;
		word-break:keep-all;
		margin-left:15px;
		padding-bottom:6px;
		list-style-type:"\2d\20\20";
	}
	#contentWrap .spec {
		margin-top:30px;
		padding:0;
	}
	#contentWrap .spec b {
		font-size:18px;
		color:#212121;
		font-weight:600;
	}
	#contentWrap .spec table {
		width:100%;
		margin-top:10px;
		background-color:#FFF;
		border-top:1px solid rgba(0,0,0,0.9);
		border-left:1px solid rgba(0,0,0,0.15);
		border-spacing:0;
	}
	#contentWrap .spec table th {
		font-size:14px;
		color:#212121;
		font-weight:400;
		padding:15px 10px;
		background-color:#fafafa;
		border-right:1px solid rgba(0,0,0,0.15);
		border-bottom:1px solid rgba(0,0,0,0.15);
		text-align:center;
	}
	#contentWrap .spec table th.tblTitle {
		font-size:14px;
		color:#fff;
		background-color:#292929;
	}
	#contentWrap .spec table td {
		font-size:14px;
		color:#212121;
		font-weight:400;
		padding:15px 10px;
		border-right:1px solid rgba(0,0,0,0.15);
		border-bottom:1px solid rgba(0,0,0,0.15);
		text-align:center;
	}
	#contentWrap .perf {
		margin-top:50px;
	}
	#contentWrap .perf b {
		font-size:18px;
		color:#212121;
		font-weight:600;
	}
	#contentWrap .perf img {
		width:100%;
		height:auto;
		margin-top:10px;
		display:block;
	}
}