@charset "UTF-8";

#ly-Visual { min-height:calc(92vh - 60px); margin-top:60px; display:-ms-flexbox; display:flex; flex-direction:column; background-color:#555; }
#ly-Visual div.main { position:relative; -ms-flex-positive:1; flex-grow:1; display:-ms-flexbox; display:flex; }
#ly-Visual div.video { width:100%; height:100%; min-height:calc(92vh - 60px); position:absolute; top:0; left:0; overflow:hidden; background:url('../../img/view/index/img-index-background.jpg') center center no-repeat; background-size:cover; }
#ly-Visual div.video video { width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
#ly-Visual div.content { width:100%; min-height:calc(92vh - 60px); position:relative; z-index:2; padding-top:100px; padding-bottom:100px; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; }
#ly-Visual div.content dl { text-align:center; }
#ly-Visual div.content dt { max-width:100%; margin-bottom:40px; }
#ly-Visual div.content dt img { filter:drop-shadow(0 0 10px #000); opacity:.8; }
#ly-Visual div.content dd.descript { color:#eee; }
#ly-Visual div.content dd.download { font-size:1.4rem; font-weight:bold; }
#ly-Visual div.content dd.download a { padding:15px 50px; display:inline-block; background-color:rgba(0, 0, 0, .5); color:#fff; border:2px solid rgba(255, 50, 0, 1); border-radius:200px; text-decoration:none; transition:all ease .3s; }
#ly-Visual div.content dd.download a:focus,
#ly-Visual div.content dd.download a:hover { color:#ff3c00; border-color:#fff; background-color:#fff; }
#ly-Visual div.content dd.analysis { padding-bottom:5px; display:inline-block; border-bottom:1px solid rgba(255, 0, 0, .5); color:#aaa; font-size:.95rem; }
#ly-Visual div.content dd.analysis a { color:white; text-decoration:none; }
#ly-Visual div.content dd.analysis a:focus,
#ly-Visual div.content dd.analysis a:hover { color:#ff3c00; }
#ly-Visual div.content dd.os { margin-top:30px; color:deepskyblue; font-size:.8125rem; }

#ly-Analysis { position:relative; background-color:#240000; }
#ly-Analysis div.frame { text-align:center; }
#ly-Analysis div.frame dd { margin-top:20px; color:#757575; }
#ly-Analysis div.frame p { font-size:1.4em; margin-top:40px; }
#ly-Analysis div.frame p a { padding:15px 50px; display:inline-block; color:#757575; border:2px solid #efefef; border-radius:200px; text-decoration:none; transition:all ease .3s; }
#ly-Analysis div.frame p a:focus,
#ly-Analysis div.frame p a:hover { border-color:#ff3c00; color:#000 }

#ly-Solution { position:relative; background-color:#fafaff; }
#ly-Solution div.frame-custom { position:relative; }
#ly-Solution div.frame-custom div.sub { margin-left:auto; margin-right:auto; }
#ly-Solution div.frame-custom div.sub div { background-position:center center; background-repeat:no-repeat; background-size:contain; }
#ly-Solution div.frame-custom #ly-Adware div { background-image:url('../../img/view/index/img-index-popup.png'); }
#ly-Solution div.frame-custom #ly-Malware div { background-image:url('../../img/view/index/img-index-malware.png'); }
#ly-Solution div.frame-custom #ly-Cleaner div { background-image:url('../../img/view/index/img-index-cleaner.png'); }
#ly-Solution div.frame-custom div img { width:100%; min-width:200px; max-width:350px; }
#ly-Solution div.frame-custom div dt { color:#800; margin-bottom:20px; }
#ly-Solution div.frame-custom div dd { color:#555; font-weight:300; }
#ly-Solution div.frame-custom div dd span { display:block; }

#ly-Function { background-color:#fff; position:relative; }
#ly-Function header h2 { font-weight:normal; }
#ly-Function div.content div { text-align:center; background-repeat:no-repeat; text-decoration:none; }
#ly-Function div.content div.popup { background-image:url('../../img/view/about/img-about-popup.png'); }
#ly-Function div.content div.malware { background-image:url('../../img/view/about/img-about-malware.png'); }
#ly-Function div.content div.dns { background-image:url('../../img/view/about/img-about-dns.png'); }
#ly-Function div.content div.browser { background-image:url('../../img/view/about/img-about-browser.png'); }
#ly-Function div.content div.cache { background-image:url('../../img/view/about/img-about-cache.png'); }
#ly-Function div.content div.system { background-image:url('../../img/view/about/img-about-system.png'); }
#ly-Function div.content div dl { width:100%; text-align:center; transition:background-color ease .3s; }
#ly-Function div.content div dd { margin-top:15px; line-height:1.6; padding-left:20px; padding-right:20px; }
#ly-Function div.content div:focus dd,
#ly-Function div.content div:hover dd { display:block; }

#ly-Count { position:relative; background-color:#fafafa; }
#ly-Count div.content dl { text-align:center; }
#ly-Count div.content dt { color:#555; }
#ly-Count div.content dd { font-weight:700; color:#222; }

#ly-Faq { position:relative; background-color:#fff; }
#ly-Faq div.frame { text-align:center; }
#ly-Faq div.frame dd { margin-top:20px; color:#757575; }
#ly-Faq div.frame p { font-size:1.4em; margin-top:40px; }
#ly-Faq div.frame p a { padding:15px 50px; display:inline-block; color:#757575; border:2px solid #efefef; border-radius:200px; text-decoration:none; transition:all ease .3s; }
#ly-Faq div.frame p a:focus,
#ly-Faq div.frame p a:hover { border-color:#ff3c00; color:#000 }

/* Mobile */
@media screen and (min-width:1px) and (max-width:799.99px) {
	#ly-Visual div.content dt img { width:100%; min-width:200px; max-width:500px; }
	#ly-Visual div.content dd.descript span { line-height:1.6; }
	#ly-Visual div.content dd.download { margin-top:40px; }
	#ly-Visual div.content dd.analysis { margin-top:40px; }

	#ly-Analysis div.frame dt { font-size:1.8em; }
	#ly-Analysis div.frame dd { line-height:1.6; }

	#ly-Solution div.frame-custom { padding-top:80px; padding-bottom:80px; }
	#ly-Solution div.frame-custom div.sub { text-align:center; }
	#ly-Solution div.frame-custom div.sub div { height:160px; }
	#ly-Solution div.frame-custom div dl { margin-top:40px; }
	#ly-Solution div.frame-custom div dt { font-size:1.5em; }
	#ly-Solution div.frame-custom div dd span { line-height:1.6; }
	#ly-Solution div.frame-custom #ly-Malware,
	#ly-Solution div.frame-custom #ly-Cleaner { margin-top:80px; }

	#ly-Function header h2 { font-size:1.8em; margin-bottom:30px; }
	#ly-Function div.content div { background-position:center top; }
	#ly-Function div.content div:not(:last-of-type) { margin-bottom:50px; }
	#ly-Function div.content dt { font-size:1.4em; color:#333; padding-top:185px; }
	#ly-Function div.content dd { margin-top:15px; line-height:1.6; font-weight:300; word-break:keep-all; color:#555; }

	#ly-Count div.content dl:not(:first-of-type) { margin-top:40px; }

	#ly-Faq div.frame dt { font-size:1.8em; }
	#ly-Faq div.frame dd { line-height:1.6; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1219.99px) {
	#ly-Visual div.content { padding-left:20px; padding-right:20px; }

	#ly-Solution div.frame-custom { padding-left:20px; padding-right:20px; }

	#ly-Count div.content dt { font-size:1.2em; }
	#ly-Count div.content dd { font-size:2em; margin-top:10px; }
}

/* Tablet */
@media screen and (min-width:800px) and (max-width:1219.99px) {
	#ly-Visual div.content dt img { min-width:600px; max-width:600px; }

	#ly-Solution div.frame-custom { padding-top:100px; padding-bottom:100px; }
	#ly-Solution div.frame-custom div.sub div { width:300px; height:195px; }
	#ly-Solution div.frame-custom div dt { font-size:1.7em; }
	#ly-Solution div.frame-custom div dd { font-size:1.1em; }
	#ly-Solution div.frame-custom div dd span { line-height:1.8; }
	#ly-Solution div.frame-custom #ly-Adware dl { margin-right:40px; }
	#ly-Solution div.frame-custom #ly-Malware { margin-top:80px; }
	#ly-Solution div.frame-custom #ly-Malware dl { margin-left:40px; }
	#ly-Solution div.frame-custom #ly-Cleaner { margin-top:80px; }
	#ly-Solution div.frame-custom #ly-Cleaner dl { margin-right:40px; }

	#ly-Function div.content div { width:48%; }
	#ly-Function div.content div:nth-of-type(1),
	#ly-Function div.content div:nth-of-type(2),
	#ly-Function div.content div:nth-of-type(3),
	#ly-Function div.content div:nth-of-type(4) { margin-bottom:30px; }
}

/* Tablet & Desktop */
@media screen and (min-width:800px) {
	#ly-Visual div.content dd.descript span { display:block; line-height:2; }
	#ly-Visual div.content dd.descript { font-size:1.2em; }
	#ly-Visual div.content dd.download { margin-top:40px; }
	#ly-Visual div.content dd.analysis { margin-top:50px; }

	#ly-Analysis div.frame dt { font-size:2em; }

	#ly-Solution div.frame-custom div.sub { display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; }
	#ly-Solution div.frame-custom div dl { -ms-flex:1; flex:1; }
	#ly-Solution div.frame-custom #ly-Adware { -ms-flex-direction:row-reverse; flex-direction:row-reverse; }
	#ly-Solution div.frame-custom #ly-Cleaner { -ms-flex-direction:row-reverse; flex-direction:row-reverse; }

	#ly-Function header { margin-bottom:40px; }
	#ly-Function header h2 { font-size:2em; }
	#ly-Function div.content { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; }
	#ly-Function div.content div { height:200px; display:-ms-flexbox; display:flex; -ms-flex-align:stretch; align-items:stretch; background-position:center center; border:1px solid #f0f0f0; }
	#ly-Function div.content div:nth-of-type(1),
	#ly-Function div.content div:nth-of-type(2),
	#ly-Function div.content div:nth-of-type(3) { margin-bottom:40px; }
	#ly-Function div.content div:focus,
	#ly-Function div.content div:hover { border:none; }
	#ly-Function div.content div dl { color:rgba(0, 0, 0, .2); display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-direction:column; flex-direction:column; -ms-flex-pack:center; justify-content:center; }
	#ly-Function div.content div:focus dl,
	#ly-Function div.content div:hover dl { color:#fff; background-color:rgba(125, 0, 0, .7); }
	#ly-Function div.content div dt { font-size:1.5em; }
	#ly-Function div.content div dd { display:none; }
	#ly-Function div.content div:focus dd span,
	#ly-Function div.content div:hover dd span { background-color:#fff; color:#000; }

	#ly-Count div.content { display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
	#ly-Count div.content dl { width:100%; }

	#ly-Faq div.frame dt { font-size:2em; }
}

/* Desktop */
@media screen and (min-width:1220px) {
	#ly-Visual div.content dt img { min-width:700px; max-width:700px; }

	#ly-Solution div.frame-custom { padding-top:120px; padding-bottom:120px; }
	#ly-Solution div.frame-custom div.sub { width:1200px; }
	#ly-Solution div.frame-custom div.sub div { width:350px; padding-bottom:227px; }
	#ly-Solution div.frame-custom div dt { font-size:2.5em; }
	#ly-Solution div.frame-custom div dd { font-size:1.2em; }
	#ly-Solution div.frame-custom div dd span { line-height:2; }
	#ly-Solution div.frame-custom #ly-Adware dl { margin-right:60px; }
	#ly-Solution div.frame-custom #ly-Malware { margin-top:100px; }
	#ly-Solution div.frame-custom #ly-Malware dl { margin-left:60px; }
	#ly-Solution div.frame-custom #ly-Cleaner { margin-top:100px; }
	#ly-Solution div.frame-custom #ly-Cleaner dl { margin-right:60px; }

	#ly-Function div.frame { width:1200px; margin-left:auto; margin-right:auto; }
	#ly-Function div.content div { width:31%; }

	#ly-Count div.frame { width:1200px; margin-left:auto; margin-right:auto; }
	#ly-Count div.content dt { font-size:1.4em; }
	#ly-Count div.content dd { font-size:2.5em; margin-top:15px; }
}