/*
Author: E&P Tech Solution Inc.
*/

/*--------------------------------------------------------------
1.0 - Reset  
--------------------------------------------------------------*/

html, body, div, span {
	font-family: inherit;
	font-size: 16px;
	font-style: inherit;
	font-weight: inherit;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	text-align: center;
	font-family: sans-serif;
	font-family: 나눔고딕, 'NanumGothic', 'NanumGothicBold';
	line-height: 1.5;
}
a:focus { outline: thin dotted; }
a:hover, a:active {	outline: 0; }
a img { border: 0; }

/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */
@-webkit-viewport {
	width: device-width;
}
@-moz-viewport {
	width: device-width;
}
@-ms-viewport {
	width: device-width;
}
@-o-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
/* Other fixes*/
i { vertical-align: middle; }

.full-width {
	width: 100%;
	margin: auto;
}
.mainmenu {
	float:right; 
	height:100px; 
	line-height:100px; 
	text-align:center; 
	font-family: 'Open Sans', sans-serif;
	font-family: 나눔고딕, 'NanumGothic', 'NanumGothicBold';
	font-size:15px;
	cursor:pointer;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.mainmenu:hover {
	color:#ff7200;
}

.contentSub {
	max-width:1108px;
	margin:0 auto;
}



/*---------------------------------------
 **   Section: Our focus             -----
-----------------------------------------*/

/*---------------------------------------
 **   Secction:  Separator one        -----
-----------------------------------------*/

/*---------------------------------------
 **   Section: Portfolio          -----
-----------------------------------------*/

/*---------------------------------------
 **   Section: Abot us;              -----
-----------------------------------------*/

/*---------------------------------------
 **   Features            -----
-----------------------------------------*/

/*---------------------------------------
 **   Section blog            -----
-----------------------------------------*/
body.custom-background {
	background-position: top center !important;
	background-attachment: fixed !important;
}

/*---------------------------------------
 **   Responsive            -----
-----------------------------------------*/


@media (max-width: 1920px) {
	body.custom-background{	
		background:#fff;
		background-image:url('../images/back21.jpg'); 
		background-repeat:repeat;
		background-position:right bottom;
		background-attachment:fixed;
		font-family: 'Open Sans', sans-serif;
	}
	#top_pc { display:block; }
	#top_mobile { display:none;}
	.maintitleStr { font-size:3vw; }
	.betweenHeight { height:40px; }
	#QCMSStr { display:block; }
	#leftArrow { display:block; }
	#rightArrow { display:block; }

	.K1_10FunctionsL { float:left; width:47%; height:70px; line-height:70px; margin-top:20px;  }
	.K1_10FunctionsR { float:right; width:47%; height:70px; line-height:70px; margin-top:20px;  }
	.K1_10FunctionsCo1 { width:70px; height:70px; line-height:70px;  font-size:30px;}
	.K1_10FunctionsCo2 { line-height:70px;  }

	.E1_10FunctionsL { float:left; width:47%; height:70px; line-height:70px; margin-top:20px;  }
	.E1_10FunctionsR { float:right; width:47%; height:70px; line-height:70px; margin-top:20px;  }
	.E1_10FunctionsCo1 { width:70px; height:70px; line-height:70px;  font-size:30px;}
	.E1_10FunctionsCo2 { line-height:70px;  }

	#to-top {
	  position: fixed;
	  bottom: 10px;
	  right: 10px;
	  width: 100px;
	  padding: 5px;
	  border: 1px solid #ccc;
	  background: #f7f7f7;
	  color: #333;
	  text-align: center;
	  cursor: pointer;
	  display: none;
	  z-index:10000000000;
	}
	#download_Button {
	  display:none;
	  position: fixed;
	  top: 100px;
	  right: 50px;
	  width: 100px;
	  height:100px;
	  border-radius:100px;
	  padding: 5px;
	  background: rgba(0,0,0,0.5);
	  border:2px solid #aaa;
	  color: #fff;
	  line-height:100px;
	  text-align: center;
	  cursor: pointer;
	  z-index:10000000000;
	  
	  cursor:pointer;
	}
	#download_Button:hover {

	  background: rgba(255,0,0,0.5);
	}

/* ================================= */
/*	      MainPage - 1920px          */
/* ================================= */

	#move001 { height:330px; margin-left:-200px; opacity:0;}
	.workS { width:33%; height:100%;}

	#content2Str { width:95%; margin-left:2.5%; text-align:center; color:#fff; line-height:20px; font-size:25px; }

	#content3 { height:670px; }

	#content4 { height:1000px; }
	/*#move0031, #move0032 { width:50%; height:100%; }

	#content51 { height:600px; }
	#move0041 { margin-left:-300px; opacity:0; }

	#content52Str { line-height:200px; font-size:22px; }

	#content53 { height:600px; }
	#move0042 { margin-left:2000px; opacity:0;}
	#content53Title { font-size:35px; }

	#content54Str { line-height:200px; font-size:22px; }

	#content55 { height:600px; }
	.content55title { font-size:35px; }
	#move0043 { position:absolute; float:left; text-align:left; width:50%; height:160px; left:0; top:125px; }
	#move0044 { position:absolute; float:left; text-align:left; width:50%; height:200px; left:60%; top:300px; }

	#content6 { height:700px; }
	.content6Sec { width:25%; }*/

/* ================================= */
/*	        Page1 - 1920px           */
/* ================================= */
	.mainTitleSec { font-size:30px; height:80px; }
	.inqTitleSec { font-size:16px; }
	.inqInputSecL { float:left; width:48%; }
	.inqInputSecR { float:right; width:48%; }

	.testRecordPic { width:31% }
	.testRecordTablePc { display:block; }
	.testRecordTableMo { display:none; }
	#mainFrame1 { height:600px; }
	#mainFrame11 { height:600px; }
	#titlebox1 { height:500px; }
	.flip-container { float:left; width:32%; height:270px; margin-left:1%; margin-top:20px; text-align:center; border-radius:5px; border:1px solid #aaa; }
	.back { width:90%; height:250px; border-radius:5px; padding-left:5%; padding-right:5%; padding-top:20px; background:#000; color:#fff; }

	.webdisplay {
		float:left;
		width:50%;
	}
	#selMenu {
		display:block;
	}

	#contentM1-1 {
		height:1300px;
	}
	.mobiledisplay1 {
		width:30%; margin-left:1%;
	}
	.mobiledisplay2 {
		width:30%; margin-left:4%;
	}
	#contentM1-2 {
		height:1680px;
	}
	.funcDiv {
		float:left; width:33%; height:350px;
	}
/* ================================= */
/*	       Page2-1 - 1920px          */
/* ================================= */

	#mainFrame21 { height:650px; }
	#mainFrame211 { height:650px; }
	#titlebox21 { height:520px; }

	#contentM21-1 { 
		height:580px;
	}

	#contentM21-2 {
		height:870px;
	}
	#contentM21-2111 {
		height:1920px;
	}
	#contentM21-2E {
		height:3110px;
	}
	#contentM21-23 {
		height:2350px;
	}
	#contentM21-23E {
		height:1150px;
	}
	.pbizSec { width:25%; }
	#contentM21-3 {
		height:1450px;
	}
	#contentM21-3E {
		height:2100px;
	}
	#contentM21-321E {
		height:1220px;
	}
	#contentM21-321 {
		height:1850px;
	}
	#contentM21-73E {
		height:920px;
	}


	#move0043 { position:absolute; float:left; top:75px; width:50%; left:2.5%; }
	#move0044 { position:absolute; float:right; top:200px; width:50%; left:55%; }
	#algorithmstr {
		float:left; width:64%;
	}
	#contentM21-4 {
		height:1090px; 
	}
	#contentM21-6 {
		height:1890px; 
	}
	#contentM21-4E {
		height:770px; 
	}
	#contentM21-42 {
		height:1510px;
	}
	#contentM21-42E {
		height:1180px;
	}
	#contentM2_142 {
		height:2000px;
	}
	#contentM2_142E {
		height:950px;
	}
	
	#contentM21-5 {
		height:940px; 
	}
	#contentM21-52 {
		height:900px;
	} 
	#contentM21-62 {
		height:1400px;
	} 
	#contentM21-72 {
		height:1350px;
	}
	#contentM21-82 {
		height:1580px;
	}
	#contentM21-82E {
		height:1480px;
	}
	#contentM21-84 {
		height:810px;
	}
	#contentM21-85 {
		height:1010px;
	}

	#contentM21-151 {
		height:3480px;
	}
	#contentM21-151E {
		height:1280px;
	}
	.screenshot {
		width:50%; height:360px; 
	}
	#contentM4-1 {
		height:1150px; 
	}
	#contentM4-2 {
		height:1140px; 
	}
	#contentM4-3 {
		height:1460px; 
	}
	#contentM4-4 {
		height:1460px; 
	}
	#contentM4-5 {
		height:1460px; 
	}

/* ================================= */
/*	       Page2-2 - 1920px          */
/* ================================= */
	#mainFrame22 { height:600px; }
	#mainFrame221 { height:600px; }
	#titlebox22 { height:500px; }

	#contentM22-1 { 
		height:580px;
	}
	#contentM22-2 {
		height:1180px; 
	}
	#page2_2 { width:90%; margin-left:5%; height:600px; background:url(../images/page2_02.png) no-repeat; background-size:contain; background-position:center; }

	#contentM22-3 {
		height:1250px;
	}
	#contentM22-4 {
		height:950px;
	}
	#contentM22-5 {
		height:1270px;
	}
	#admin01 { 
		float:right; width:40%; height:540px; padding-top:30px;
	}
	#admin02 {
		float:left; width:55%; height:520px; font-size:16px; line-height:40px; padding-top:50px;
	}
	.adminpic { float:left; width:100%; }
	#contentM22-6 { 
		height:1150px; 
	}


	

/* ================================= */
/*	       Page2-3 - 1920px          */
/* ================================= */
	#contentM23-1 { 
		height:580px;
	}
	#contentM23-3 {
		display:block; height:1000px; 
	}
	#contentM23-3M {
		display:none;
	}
	#contentM23-4 { 
		height:600px;
	}
	#func3_1 {
		float:left;
		width:50%;
	}
	#func3_2 {
		float:right;
		width:50%;
	}
/* ================================= */
/*	      BlogPage - 1920px          */
/* ================================= */

	#cont1 { height:420px; }
	.blogmaintitleStr { font-size:4vw; }
	.dateSce { display:block; }
	.blogSce { width:700px; }

/* ================================= */
/*	         Page5 - 1920px          */
/* ================================= */
	#content5 { height:650px; }
	#privatesec { height:230px; }

	#footer { height:150px; }
	.infosec { float:left; width:33%; height:115px; margin-top:30px; }
	.footerStr { font-size:14px; }
}	
@media (max-width: 1108px) {
	#top_pc { display:block; }
	#top_mobile { display:none; }
	.maintitleStr { font-size:5vw }
	.betweenHeight { height:40px; }
	#QCMSStr { display:block; }
	#leftArrow { display:block; }
	#rightArrow { display:block; }

	#to-top {
	  position: fixed;
	  bottom: 10px;
	  right: 10px;
	  width: 100px;
	  padding: 5px;
	  border: 1px solid #ccc;
	  background: #f7f7f7;
	  color: #333;
	  text-align: center;
	  cursor: pointer;
	  display: none;
	  z-index:10000000000;
	}

/* ================================= */
/*	      MainPage - 1108px          */
/* ================================= */

	#content1 { height:650px; }
	#move001 { height:430px; margin-left:-200px; opacity:0;}
	.workS { width:25%; height:100%;}

	#content2Str { width:95%; margin-left:2.5%; text-align:center; color:#fff; line-height:200px; font-size:25px; }

	#content3 { height:700px; }
	.featureSec { width:50%; }

	#content4 { height:500px; }
	#move0031, #move0032 { width:50%; height:100%; }

	#content51 { height:600px; }

	#content52Str { line-height:200px; font-size:22px; }

	#content53 { height:600px; }
	#move0042 { margin-left:2000px; opacity:0;}
	#content53Title { font-size:35px; }

	#content54Str { line-height:200px; font-size:22px; }

	#content55 { height:600px; }
	.content55title { font-size:35px; }
	#move0043 { position:absolute; float:left; text-align:left; width:50%; height:160px; left:0; top:125px; }
	#move0044 { position:absolute; float:left; text-align:left; width:50%; height:200px; left:60%; top:300px; }

	#content6 { height:450px; }
	.content6Sec { width:25%; }

/* ================================= */
/*	        Page1 - 1108px           */
/* ================================= */
	#mainFrame1 { height:600px; }
	#mainFrame11 { height:600px; }
	#titlebox1 { height:500px; }
	.flip-container { float:left; width:32%; height:270px; margin-left:1%; margin-top:20px; text-align:center; cursor:pointer; border-radius:5px; border:1px solid #aaa; }
	.back { width:90%; height:250px; border-radius:5px; padding-left:5%; padding-right:5%; padding-top:20px; background:#000; color:#fff; }

	.webdisplay {
		float:left;
		width:50%;
	}
	#selMenu {
		display:block;
	}
	#contentM1-1 {
		height:1300px;
	}
	.mobiledisplay1 {
		width:30%; margin-left:1%;
	}
	.mobiledisplay2 {
		width:30%; margin-left:4%;
	}
	#contentM1-2 {
		height:1680px;
	}
	.funcDiv {
		float:left; width:33%; height:350px;
	}

/* ================================= */
/*	       Page2-1 - 1108px          */
/* ================================= */

	#mainFrame21 { height:600px; }
	#mainFrame211 { height:600px; }
	#titlebox21 { height:500px; }

	#contentM21-3 {
		height:1000px;
	}
	#contentM21-4 {
		height:1100px;
	}
	#contentM21-5 {
		height:750px;
	}
	#admin01 { 
		float:right; width:40%; height:540px; padding-top:30px;
	}
	#admin02 {
		float:left; width:55%; height:520px; font-size:16px; line-height:40px; padding-top:50px;
	}
	.adminpic { float:left; width:100%; }
	#contentM21-6 { 
		height:800px; 
	}
/* ================================= */
/*	       Page2-2 - 1108px          */
/* ================================= */
	#move0043 { position:absolute; float:left; top:60px; width:50%; left:5%; }
	#move0044 { position:absolute; float:right; top:200px; width:50%; left:55%; }
/* ================================= */
/*	      BlogPage - 1108px          */
/* ================================= */

	#cont1 { height:620px; }
	.blogmaintitleStr { font-size:5vw; }
	.dateSce { display:block; }
	.blogSce { width:700px; }

	#footer { height:200px; }
	.infosec { float:left; width:33%; height:115px; margin-top:50px; }
	.footerStr { font-size:14px; }
}
@media (max-width: 980px) {
/* ================================= */
/*	         Page5 - 980px           */
/* ================================= */

}
@media (max-width: 945px) {

/* ================================= */
/*	         Page1 - 945px           */
/* ================================= */
	#mainFrame1 { height:550px; }
	#mainFrame11 { height:550px; }
	#titlebox1 { height:450px; }

	#mainFrame21 { height:550px; }
	#mainFrame211 { height:550px; }
	#titlebox21 { height:450px; }

	#contentM1-2 {
		height:2300px;
	}
	.flip-container { float:left; width:48%; height:270px; margin-left:1%; margin-top:20px; text-align:center; cursor:pointer; border-radius:5px; border:1px solid #aaa; }
}
@media (max-width: 900px) {
/* ================================= */
/*	         Page1 - 900px           */
/* ================================= */
	#mainFrame1 { height:550px; }
	#mainFrame11 { height:550px; }
	#titlebox1 { height:450px; }

	#mainFrame21 { height:550px; }
	#mainFrame211 { height:550px; }
	#titlebox21 { height:450px; }

/* ================================= */
/*	       BlogPage - 900px          */
/* ================================= */
	.blogmaintitleStr { font-size:6vw; }
	.dateSce { display:none; }
	.blogSce { width:95%; }
}
@media (max-width: 768px) {
	#to-top {
	  position: fixed;
	  bottom: 10px;
	  right: 10px;
	  width: 40px;
	  height:30px;
	  padding: 5px;
	  border: 1px solid #ccc;
	  background: #f7f7f7;
	  color: #333;
	  text-align: center;
	  cursor: pointer;
	  display: none;
	  z-index:10000000000;
	}

/* ================================= */
/*	       MainPage - 768px          */
/* ================================= */

	#content1 { height:1120px; }
	#move001 { height:830px; opacity:1;}
	.workS { width:50%; height:450px; }

	#content2Str { width:95%; margin-left:2.5%; margin-right:2.5%; text-align:center; color:#fff; line-height:200px; font-size:19px; }

/* ================================= */
/*	         Page1 - 768px           */
/* ================================= */
	#mainFrame1 { height:500px; }
	#mainFrame11 { height:500px; }
	#titlebox1 { height:400px; }

/* ================================= */
/*	       Page2-1 - 768px          */
/* ================================= */

	#mainFrame21 { height:500px; }
	#mainFrame211 { height:500px; }
	#titlebox21 { height:400px; }

	#contentM21-1 { 
		height:420px;
	}
	#contentM21-2 {
		height:760px; 
	}

	#page2_2 { width:90%; margin-left:5%; height:600px; background:url(../images/pageM2_02.png) no-repeat; background-size:contain; background-position:center; }
	#contentM21-3 {
		height:1000px;
	}
	#contentM21-4 {
		height:1050px;
	}
	#contentM21-5 {
		height:1000px;
	}
	#admin02 {
		float:none; width:95%; height:420px;  font-size:16px; line-height:40px; padding-top:50px;
	}
	#admin01 { 
		float:none; width:100%; height:600px; text-align:center; 
	}
	.adminpic { float:left; width:50%; }
	#contentM21-6 { 
		height:650px; 
	}
/* ================================= */
/*	       Page2-2 - 768px          */
/* ================================= */

	#contentM22-1 { 
		height:420px;
	}
	#contentM22-2 { 
		height:600px;
	}
	#contentM22-3 { 
		height:750px;
	}
/* ================================= */
/*	        Page2-3 - 768px          */
/* ================================= */
	#contentM23-1 { 
		height:480px;
	}
	#contentM23-3 {
		display:none;
	}
	#contentM23-3M {
		display:block;
		height:650px; 
	}
	#contentM23-4 { 
		height:1020px;
	}
	#func3_1 {
		width:100%;
	}
	#func3_2 {
		width:100%;
	}

/* ================================= */
/*	       BlogPage - 768px          */
/* ================================= */
	.blogmaintitleStr { font-size:6.5vw; }
	.titltSec { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}
@media (max-width: 690px) {
	#top_pc { display:none; }
	#top_mobile { display:block; }
	.maintitleStr { font-size:6vw; }
	.betweenHeight { height:20px; }
	#QCMSStr { display:none; }
	#leftArrow { display:none; }
	#rightArrow { display:none; }

	#to-top {
	  position: fixed;
	  bottom: 10px;
	  right: 10px;
	  width: 40px;
	  height:30px;
	  padding: 5px;
	  border: 1px solid #ccc;
	  background: #f7f7f7;
	  color: #333;
	  text-align: center;
	  cursor: pointer;
	  display: none;
	  z-index:10000000000;
	}

/* ================================= */
/*	       MainPage - 690px          */
/* ================================= */

	#content1 { height:1950px; }
	#move001 { height:1710px; margin-left:0px; opacity:1; }
	.workS { width:100%; }

	#content2Str { width:95%; margin-left:2.5%; padding-top:50px; height:150px; text-align:center; color:#fff; line-height:30px; font-size:20px; }

	#content3 { height:1200px; }
	.featureSec { width:100%; }

	#content4 { height:700px; }
	#move0031, #move0032 { width:100%; height:350px; }

	#content51 { height:450px; }

	#content52Str { line-height:200px; font-size:17px; }

	#content53 { height:600px;}
	#move0042 { margin-left:0; opacity:1;}
	#content53Title { font-size:25px; }

	#content54Str { line-height:200px; font-size:17px; }

	#content55 { height:600px; }
	.content55title { font-size:25px; }
	#move0043 { float:none; text-align:left; width:95%; height:160px; margin-left:2.5%; top:100px; }
	#move0044 { float:none; text-align:left; left:0; width:95%; height:200px; margin-left:2.5%; }

	#content6 { height:1300px; }
	.content6Sec { width:100%; }

/* ================================= */
/*	         Page1 - 690px           */
/* ================================= */
	#mainFrame1 { height:500px; }
	#mainFrame11 { height:500px; }
	#titlebox1 { height:450px; }

/* ================================= */
/*	       Page2-1 - 690px          */
/* ================================= */
	#mainFrame21 { height:500px; }
	#mainFrame211 { height:500px; }
	#titlebox21 { height:400px; }

	#contentM21-6 { 
		height:600px; 
	}
/* ================================= */
/*	       Page2-2 - 690px          */
/* ================================= */
	#contentM22-2 {
		height:850px;
	}
	.pbizSec { width:50%; }
	#contentM22-3 { 
		height:920px;
	}
	#move0043 { position:relative; float:left; top:30px; width:100%; left:5%; }
	#move0044 { position:relative; float:right; top:100px; width:100%; left:5%; }

/* ================================= */
/*	       BlogPage - 690px          */
/* ================================= */

	#cont1 { height:520px; }
	.blogmaintitleStr { font-size:7vw; }
	.dateSce { display:none; }

	#footer { height:600px; }
	.infosec { float:none; width:100%; height:130px; margin-top:0; padding-top:40px; }
	.footerStr { font-size:18px; }	
}
@media (max-width: 640px) {

/* ================================= */
/*	         Page1 - 640px           */
/* ================================= */
	#mainFrame1 { height:360px; }
	#mainFrame11 { height:360px; }
	#titlebox1 { height:260px; }

	#mainFrame21 { height:500px; }
	#mainFrame211 { height:500px; }
	#titlebox21 { height:400px; }

	#contentM1-1 {
		height:2350px;
	}
	#contentM1-2 {
		height:4050px;
	}
	.flip-container { float:left; width:95%; height:270px; margin-left:2.4%; margin-top:20px; text-align:center; cursor:pointer; border-radius:5px; border:1px solid #aaa; }
	.webdisplay {
		float:none;
		width:100%;
	}
	#contentM21-1 { 
		height:350px;
	}
	#contentM22-1 { 
		height:350px;
	}

/* ================================= */
/*	        Page2-3 - 640px          */
/* ================================= */

	#contentM23-1 { 
		height:400px;
	}
	#contentM23-3 {
		display:none;
	}
	#contentM23-3M {
		display:block;
		height:600px; 
	}
	#contentM23-4 { 
		height:1020px;
	}
/* ================================= */
/*	         Page5 - 640px           */
/* ================================= */
	#contentM5-1 { height:1050px; }
}
@media (max-width: 550px) {

/* ================================= */
/*	       Page2-1 - 550px          */
/* ================================= */
	#contentM21-2 {
		height:850px; 
	}
	#page2_2 { width:100%; margin-left:0; height:700px; background:url(../images/pageM2_02.png) no-repeat; background-size:contain; background-position:center; }
	#contentM21-3 {
		height:1350px;
	}
	.funcDiv {
		float:left; width:50%; height:350px;
	}
	#contentM21-4 {
		height:950px;
	}
	#contentM21-4 img{
		width:90%;
	}
	#contentM21-6 { 
		height:550px; 
	}
	#contentM23-3M {
		display:block;
		height:550px; 
	}

/* ================================= */
/*	       Page2-2 - 550px          */
/* ================================= */
	#contentM22-4 {
		height:1650px; 
	}
	.screenshot {
		width:100%; height:360px; 
	}
	
}
@media (max-width: 480px) {

/* ================================= */
/*	       Page2-1 - 480px          */
/* ================================= */

	#contentM21-1 {
		height:280px;
	}
	#contentM21-2 {
		height:750px; 
	}
	#page2_2 { width:100%; margin-left:0; height:600px; background:url(../images/pageM2_02.png) no-repeat; background-size:contain; background-position:center; }
	#contentM21-4 {
		height:900px;
	}
	#contentM21-5 {
		height:950px;
	}
	#contentM21-6 { 
		height:500px; 
	}
/* ================================= */
/*	       Page2-2 - 480px          */
/* ================================= */

	#contentM22-1 {
		height:280px;
	}	
/* ================================= */
/*	        Page2-3 - 480px          */
/* ================================= */
	#contentM23-1 { 
		height:330px;
	}
	#contentM23-3 {
		display:none;
	}
	#contentM23-3M {
		display:block;
		height:500px; 
	}
	#contentM23-4 { 
		height:1020px;
	}
}
@media (max-width: 360px) {

/* ================================= */
/*	       Page2-1 - 360px          */
/* ================================= */

	#contentM21-1 {
		height:220px;
	}
	#contentM21-2 {
		height:600px; 
	}
	#page2_2 { width:100%; margin-left:0; height:450px; background:url(../images/pageM2_02.png) no-repeat; background-size:contain; background-position:center; }
	#contentM21-3 {
		height:2400px;
	}
	.funcDiv {
		float:left; width:100%; height:350px;
	}
	#contentM21-4 {
		height:700px;
	}
	#contentM21-5 {
		height:1200px;
	}
	#admin02 {
		float:none; width:95%; height:450px;  font-size:14px; line-height:40px; padding-top:20px;
	}
	#admin01 { 
		float:none; width:100%; height:620px; text-align:center;
	}
	.adminpic { float:left; width:100%; }
	#contentM21-6 { 
		height:450px; 
	}	
/* ================================= */
/*	       Page2-2 - 360px          */
/* ================================= */

	#contentM22-1 {
		height:220px;
	}

	#contentM22-2 {
		height:1450px;
	}
	.pbizSec { width:100%; }

	#contentM22-4 {
		height:1400px; 
	}
	.screenshot {
		width:100%; height:300px; 
	}
/* ================================= */
/*	        Page2-3 - 360px          */
/* ================================= */
	#contentM23-1 { 
		height:280px;
	}
	#contentM23-3 {
		display:none;
	}
	#contentM23-3M {
		display:block;
		height:450px; 
	}
	#contentM23-4 { 
		height:1020px;
	}
}
@media (max-width: 320px) {
/* ================================= */
/*	       Page2-1 - 320px          */
/* ================================= */

	#contentM21-4 {
		height:650px;
	}
	#contentM21-5 {
		height:1200px;
	}
	#admin02 {
		float:none; width:95%; height:450px;  font-size:14px; line-height:35px; padding-top:10px;
	}
	#admin01 { 
		float:none; width:100%; height:620px; text-align:center;
	}
	.adminpic { float:left; width:100%; }
	#contentM21-6 { 
		height:400px; 
	}
	#contentM22-4 {
		height:1250px; 
	}
	.screenshot {
		width:100%; height:260px; 
	}
	
}
#work001, #work002, #work003 {
	width:180px; height:180px; 
	border-radius:150px; 
	border:7px solid #aaa; 	
	margin:0 auto;
}
#work0001 {
	width:100%; height:130px; background:#ada83b; border-radius:150px; padding-top:50px;
}
#work0002 {
	width:100%; height:145px; background:#9b950a; border-radius:150px; padding-top:35px;
}
#work0003 {
	width:100%; height:125px; background:#777317; border-radius:150px; padding-top:55px;
}

#work001:hover {
	border:7px solid #ff0012; 
}
#work002:hover {
	border:7px solid #34d293; 
}
#work003:hover {
	border:7px solid #3ab0e2; 
}

#work0001:hover, #work0002:hover, #work0003:hover {
	-webkit-transform: scale(1.0) rotate(15deg);
	-moz-transform: scale(1.0) rotate(15deg);
	-ms-transform: scale(1.0) rotate(15deg);
}
#work001, #work003, #work003, #work003, #work0001, #work0002, #work0003, #work0004, .emptyButton, #selmenu1, #selmenu2, #selmenu21, #selmenu22, #selmenu23, #readmore1, #leftArrow, #rightArrow {
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.emptyButton {
	width:150px; height:50px; line-height:50px; margin:0 auto;  margin-top:5%; border:1px solid #fff; border-radius:3px; cursor:pointer;
}
.emptyButton:hover {
	background:rgba(255,255,255,0.4);
}

#selmenu1 {
	width:100%; height:39px; border-bottom:1px solid #aaa; text-align:center; font-size:15px; line-height:40px; color:#fff; cursor:pointer;
}
#selmenu2 {
	width:100%; height:40px; text-align:center; font-size:15px; line-height:40px; color:#fff; cursor:pointer;
}
#selmenu21 {
	width:100%; height:39px; border-bottom:1px solid #aaa; text-align:center; font-size:15px; line-height:40px; color:#fff; cursor:pointer;
}
#selmenu22 {
	width:100%; height:40px; border-bottom:1px solid #aaa; text-align:center; font-size:15px; line-height:40px; color:#fff; cursor:pointer;
}
#selmenu23 {
	width:100%; height:40px; text-align:center; font-size:15px; line-height:40px; color:#fff; cursor:pointer;
}
#selmenu1:hover {
	background:rgba(255,255,255,0.4);
}
#selmenu2:hover {
	background:rgba(255,255,255,0.4);
}
#selmenu21:hover {
	background:rgba(255,255,255,0.4);
}
#selmenu22:hover {
	background:rgba(255,255,255,0.4);
}
#selmenu23:hover {
	background:rgba(255,255,255,0.4);
}

#selMenu1Button {
	display:none; position:fixed; width:40px; height:35px; color:#777; background:none; z-index:10000; cursor:pointer;
}
#selMenu1Button:hover {
	color:#ff9103;
}
#readmore1 {
	width:120px; height:40px; line-height:40px; margin-top:25px; border:1px solid #aaa;
}
#readmore1:hover {
	background:#ff9103;
	color:#fff;
	border:1px solid #ff9103;
}

#checkPrivateDiv {
	color:#fff;
}
#checkPrivateDiv:hover {
	color:#f42a36;
}
#agree {
	color:#fff;
}
#agree:hover {
	color:#f42a36;
}
.closeAlertButton1 { width:100%; height:65px; line-height:60px; text-align:center; color:#ff7200; font-size:18px; border-radius:0 0 10px 10px; cursor:pointer;}
.closeAlertButton1:hover { background:#ff7200;  color:#fff;  }

#leftArrow {
	background:url(../images/left_off.png) no-repeat;
	cursor:pointer;
}
#leftArrow:hover {
	background:url(../images/left_on.png) no-repeat;
}

#rightArrow {
	background:url(../images/right_off.png) no-repeat;
	cursor:pointer;
}
#rightArrow:hover {
	background:url(../images/right_on.png) no-repeat;
}
#rightMenuSButton {
	float:right; width:45px; height:35px; margin-right:20px; margin-top:32px; border-radius:5px; background:#ff6000  url(../images/rightmenu.png) no-repeat; background-position:center; cursor:pointer;
}
#rightMenuSButton:active {
	background:#000 url(../images/rightmenu.png) no-repeat; background-position:center; 
}

.scrshot { position:absolute; width:150px; height:25px; right:0; bottom:20px; color:#aaa; cursor:pointer; }
.scrshot:hover { color:#ff7200; }

	.flip-container {
		perspective: 1000;
		transform-style: preserve-3d;
	}

	.flip-container:hover .back {
		transform: rotateY(0deg);
	}
	.flip-container:hover .front {
		transform: rotateY(180deg);
	}
	.flipper {
		transition: 0.6s;
		transform-style: preserve-3d;

		position: relative;
	}
	.front, .back {
		backface-visibility: hidden;
		transition: 0.6s;
		transform-style: preserve-3d;

		position: absolute;
		top: 0;
		left: 0;
	}
	.front {
		z-index: 2000;
		transform: rotateY(0deg);
	}
	.back {
		transform: rotateY(180deg);
	}