@charset "utf-8";


footer#MainFooter {
	background: #595F68;
	width: 100%;
	padding: 0;
	margin: 0 0 0 0;
	clear: both;
	overflow: hidden;
	color: #555;
	position: relative;
}

footer#MainFooter a { color: #FFF;  }
footer#MainFooter h4 { text-align: left; color: #FFF; border-left:  #FFF 4px solid; padding-left: 6px; clear: both;  }
footer#MainFooter ul { margin: 0 0 25px 0; }
footer#MainFooter ul li { text-align: left; margin-bottom: 2px; padding-bottom: 2px; }
footer#MainFooter ul li a:hover { color: #C30; }


footer > section#Copyright-Info { padding: 45px 0 25px 0; background: #494E56; }
footer > section#Copyright-Info > div.Logo { width: 25%; margin: auto; padding: 0; }
footer > section#Copyright-Info > div.Logo img { width: 100%;text-align: center; }
footer > section#Copyright-Info > h5 { position: relative; color: rgba(255,255,255,0.8);text-align: center;padding: 10px 0 0 0; }
footer > section#Copyright-Info > h5.Company { font-size: 8px;display: block; }
footer > section#Copyright-Info > h5.Copyright { width: 100%; font-size: 10px; margin: 0; }
footer > section#Copyright-Info > h5.Copyright a { color: #FC0; }
footer > section#Copyright-Info > h5 > span#ITILCOPY { color: #FC0; }
footer > section#Copyright-Info > h5 > span#ITILCOPY:hover { cursor: pointer;}


footer .disable { display: none; }

footer div#ITIL-Info { color: #FFF; position: fixed; bottom: 5%; left: 0; width: 100%; display: none; }
footer div#ITIL-Info > div.Content { 
	width: 600px; 
	background-color: rgba(43,46,51,0.95); 
	box-shadow: rgba(0,0,0,0.5) 0 0 80px 0 ;
	border-top-right-radius:10px; 
	border-bottom-right-radius:10px; 
	padding: 15px; 
	position: relative;
}
footer div#ITIL-Info > div.Content a { color: #FC0; }
footer div#ITIL-Info > div.Content > div#ITILInfo-Close { position: absolute; top: 10px; right: 13px; font-size: 16px; }
footer div#ITIL-Info > div.Content > div#ITILInfo-Close:hover { cursor: pointer; }

div#SocialMedia-BAR { position: fixed; bottom: 10%; right: 0px; font-size: 1.3em; }
div#SocialMedia-BAR > div.BTN-Fixed-R { width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(79,83,89,0.65);  }
div#SocialMedia-BAR > div.BTN-Fixed-R:hover { background: #178450 ; transition: 0.3s;}
div#SocialMedia-BAR > div.BTN-Fixed-R a { color: #FFF; display: block; }
div#SocialMedia-BAR > div.FB:hover { background: #33497F; }
div#SocialMedia-BAR > div.Youtube:hover { background: #A51931; }
div#SocialMedia-BAR > div.Location:hover { background: #F96A00 }
div#SocialMedia-BAR > div.Contact:hover { background: #F96A00 }
div#SocialMedia-BAR > div.B-TOP:hover { background: #1169AA }

div#LocationContactInfo { 
	display: none; 
	width: 300px; 
	padding: 15px; 
	position: fixed; 
	right: 8%; bottom: 0px; 
	background: #494E56; 
	color: #FFF; 
	z-index: 9999; 
	box-shadow: rgba(0,0,0,0.5) 0 0 20px 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px; 
}
div#LocationContactInfo a { color: #FFF; }
div#LocationContactInfo > p { margin:0; padding: 0; }
div#LocationContactInfo > div.BOX { width: 100%; margin: 10px 0; float: initial; }
div#LocationContactInfo > div#TPE { margin-top: 0px }
div#LocationContactInfo > div#KS { margin-bottom: 0px; border-bottom: 0 !important }
div#LocationContactInfo > div.BOX > div.Content > h4 { margin:0; padding: 0; }
div#LocationContactInfo > div.BOX > div.Content > ul.Info li { clear: both; margin: 5px 0; }
div#LocationContactInfo > div.BOX > div.Content > ul.Info li div.ICON { width: 20px; height: 20px; line-height: 20px; font-size: 10px; border-radius: 3px; text-align: center; background: #BA4242; margin: 0 10px 0 0; float: left; }
div#LocationContactInfo > div.BOX > div.BTN-MORE { text-align: center; background: #359B80; text-align: center; height: 30px; line-height: 30px; border-radius: 4px; }
div#LocationContactInfo > div.BOX > div.BTN-MORE:hover { background: #BA4242; }
div#LocationContactInfo > div.BOX > div.BTN-MORE a { display: block; }
div#LocationContactInfo > div.BTN-Close { float: right; margin-bottom: -15px; font-size: 20px; cursor: pointer; }


	@media(max-width: 1160px) {
		footer > section#Copyright-Info > div.Logo { width: 350px; }
		footer > section#Copyright-Info > h5.Company { display: none; }
		footer > section#Copyright-Info > h5.Copyright { padding: 10px 50px 0px 50px;  }
		footer div#ITIL-Info > div.Content { width: 60%; }
		footer div#ITIL-Info > div.Content h3 { font-size: 16px; }
		footer div#ITIL-Info > div.Content p { font-size: 13px; }
	}

	/*iPad 1-~4 Gen Mini*/
	@media (max-width: 900px) {
		footer > section#Copyright-Info > h5.Company { display: none; }
		
	}


	/*Mobile Device Start*/
	@media (max-width: 599px) {
		footer > section#Copyright-Info { padding: 25px 0 25px 0; }
		footer > section#Copyright-Info > div.Logo { width: 250px; }
		footer > section#Copyright-Info > h5.Copyright { padding: 10px 25px 0px 25px; font-size: 12px; }
		footer div#ITIL-Info { bottom: 7%; }
		footer div#ITIL-Info > div.Content { width: 90%; }
		footer div#ITIL-Info > div.Content h3 { font-size: 15px; }
	}

	/*iPhone Plus*/
	@media (max-width: 414px) {

		div#LocationContactInfo { width: 90%; right: 5%; bottom: 50px; font-size: 12px; }
		div#LocationContactInfo > div.BOX { float: initial; border-bottom: solid 1px rgba(255,255,255,0.2); height: 110px; overflow: hidden; }
		div#LocationContactInfo > div#KS { height: 105px; }
		div#LocationContactInfo > div.BOX > div.Content { width: 80%; float: left; }
		div#LocationContactInfo > div.BOX > div.BTN-MORE { width: 20%; float: left; margin: 13% 0 0 0;  }
		div#LocationContactInfo > div.BTN-Close { display: none; }

		div#SocialMedia-BAR { position: fixed; bottom: 0; left: 0px; font-size: 1.3em; width: 100%; z-index: 99999 }
		div#SocialMedia-BAR > div.BTN-Fixed-R { width: 20%; height: 40px; line-height: 40px; float: left; text-align: center;  background: rgba(79,83,89,1); }
		div#SocialMedia-BAR > div.BTN-Fixed-R:hover { background: #178450 ; transition: 0.3s;}
		div#SocialMedia-BAR > div.BTN-Fixed-R a { color: #FFF; }
		div#SocialMedia-BAR > div.FB:hover { background: #33497F; }
		div#SocialMedia-BAR > div.Youtube:hover { background: #A51931; }
		div#SocialMedia-BAR > div.Location:hover {}
		div#SocialMedia-BAR > div.Contact:hover { background: #F96A00 }
		div#SocialMedia-BAR > div.B-TOP:hover { background: #1169AA }
	}

	/*Nexus*/
	@media (max-width: 412px) {

	}

	/*iPhone 6*/
	@media (max-width: 375px) {


	}

	/*Samsung Galaxy*/
	@media (max-width: 360px) {

	}

	/*iPhone 5*/
	@media (max-width: 320px) {


	}