html,body{margin:0;padding:0;width:100%}
#site{margin:0 auto;width:100%;min-width:1000px;}
#titleBar{height:48px;min-width:1000px;width:100%;z-index:1;position:absolute;top:23px;background:#231F20;}
#titleBarContent{height:48px;min-width:1000px;width:100%;position:relative;margin:0 auto;}
#titleBarContent div {position:absolute;top:10px;font:bold 24px Arial; color:#fff}
#titleBarContent div.portfolioTxt { left:140px; }
#titleBarContent div.rightTxt { right:255px; }
#wrapper{z-index:10; color:#000;position:relative;width:100%;margin:0 auto;}
#content{float:right;z-index:10;position:relative;width:538px;font: 14px Arial;margin-right:15px;}
#content .fullname {font-size:44px;}
#menu{margin:0;padding:0;}
#menu .menuMgr { position:absolute; top:34px; left: 0; background: url('menu.png') no-repeat; }
#menu .menuMgr img{padding:0;margin:0;border:0;text-decoration:none; background: url('menu-23.png') no-repeat; outline: none;}
#menu .menuMgr, #menu .menuMgr img { width:736px; background-size: 736px; }
#menu .menuMgr .area1hover { background-position: 0 -601px }
#menu .menuMgr .area2hover { background-position: 0 -1202px }
#menu .menuMgr .area3hover { background-position: 0 -1803px }
#menu .menuMgr .area4hover { background-position: 0 -2404px }

.minIcons .minIconsWrapper { position:absolute;left:28px;top:90px;font:12px Arial;line-height:21px; }
.minIcons .descrImg{width:155px; height:103px;float:left;overflow:hidden;position:relative;cursor:pointer; margin:0 11px 11px 0;  padding: 0px; }
.minIcons .descrImg div{width:145px; height:25px;position:absolute;bottom:0px;background:#000;opacity: 0.7;filter: alpha(opacity=70);color:#fff; padding: 10px 5px 5px 5px;display:none;text-align:left;font-size:12px; text-align: center; line-height: 20px;}
.minIcons img{width:155px; height:103px; margin:0; padding:0; text-decoration:none;border:none;}

#menu area {outline: none;}

#overlay { background-color: #000; position: fixed; margin: auto; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.9; filter: alpha(opacity=90); z-index:999; overflow: auto; display:none; }
#popup { width: 1100px;  height: 600px;  background-color: #fcfcfc; position: absolute; margin-left: auto; margin-right: auto; top: 4%; left: 0; right: 0; z-index:9999; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display:none; }
#popup .right { width: 350px; position: absolute; right: 10px; top: 10px; bottom: 10px; }
#popup .left { position: absolute; left: 10px;	right: 370px; top: 10px; bottom: 10px; }
#popup .right .close { text-align: right; }
#popup .right .close a { color: #444; font: 11px Arial; text-decoration: none; background: #ddd; padding: 5px; letter-spacing: 1px; font-weight: bold; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#popup .right .close a:hover { color: #888; background: #efefef; }
#popup .right .description { position: absolute; border-left: solid 1px #eee; padding-left: 15px; overflow-y: auto; right: 0px; top: 35px; bottom: 0px; }
#popup .right .description h2 { font: 20px Arial; margin: 0 5px 0 0; }
#popup .right .description p { font: 12px Arial; margin: 3px 10px 0 0; line-height: 18px; }


/*@media all and (min-width: 1850px) {
	#popup { width: 1700px;  height: 850px; }
	#popup .right { width: 400px;}
	#popup .left { right: 420px; }
}*/

@media all and (min-width: 1300px) {
	#menu .menuMgr, #menu .menuMgr img { width:736px; height: 601px; background-size: 736px; }
	#menu .menuMgr .area1hover { background-position: 0 -601px }
	#menu .menuMgr .area2hover { background-position: 0 -1202px }
	#menu .menuMgr .area3hover { background-position: 0 -1803px }
	#menu .menuMgr .area4hover { background-position: 0 -2404px }
	#wrapper { width: 1300px; }
	#titleBarContent { width: 1300px; }
}
@media all and (min-width: 1200px) and (max-width: 1299px) {
	#menu .menuMgr, #menu .menuMgr img { width:636px; height: 519px; background-size: 636px; }
	#menu .menuMgr .area1hover { background-position: 0 -519px }
	#menu .menuMgr .area2hover { background-position: 0 -1038px }
	#menu .menuMgr .area3hover { background-position: 0 -1557px }
	#menu .menuMgr .area4hover { background-position: 0 -2076px }
	#content { width:535px }
}
@media all and (max-width: 1199px) {
	#menu .menuMgr, #menu .menuMgr img { width:535px; height: 437px; background-size: 535px; }
	#menu .menuMgr .area1hover { background-position: 0 -437px }
	#menu .menuMgr .area2hover { background-position: 0 -874px }
	#menu .menuMgr .area3hover { background-position: 0 -1311px }
	#menu .menuMgr .area4hover { background-position: 0 -1748px }
	#titleBarContent div.portfolioTxt { left:80px; }
	#content { width:465px }
	#content .fullname {font-size:38px;}
	.minIcons .descrImg{width:130px; height:86px;}
	.minIcons img{width:130px; height:86px; margin:0; padding:0; text-decoration:none;border:none;}
	.minIcons .descrImg div{width:120px; height:25px; font-size:11px;}
	#popup { width:auto; height: auto; min-width: 948px; height: 564px; top: 3%; left: 3%; right: 3%; bottom: 3% }
	#popup .right { position: absolute; right: 10px; top: 10px; bottom: 10px; width: 22%; }
	#popup .left { position: absolute; left: 10px; top: 10px; bottom: 10px; width: 78%;}
}


/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p           (normal)
.jssort01 .p:hover     (normal mouseover)
.jssort01 .pav           (active)
.jssort01 .pav:hover     (active mouseover)
.jssort01 .pdn           (mousedown)
*/
.jssort01 .w {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.jssort01 .c {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 108px;
	height: 72px;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	border: solid 2px #666;
	top: 0px;
	left: 0px;
	width: 104px;
	height: 68px;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c {
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	top: 0px;
	left: 0px;
	width: 104px;
	height: 68px;
	border: solid 2px #666;
}


/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l              (normal)
.jssora05r              (normal)
.jssora05l:hover        (normal mouseover)
.jssora05r:hover        (normal mouseover)
.jssora05ldn            (mousedown)
.jssora05rdn            (mousedown)
*/
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(jssor/img/a17.png) no-repeat;
	overflow:hidden;
}
.jssora05l { background-position: -5px -35px;
-webkit-border-radius: 25px;
-moz-border-radius: 24px;
border-radius: 24px; 
background-color: #000; opacity: 0.7;filter: alpha(opacity=70);}
.jssora05r { background-position: -66px -35px;
-webkit-border-radius: 25px;
-moz-border-radius: 24px;
border-radius: 24px; 
background-color: #000; opacity: 0.7;filter: alpha(opacity=70);}
.jssora05l:hover { background-position: -125px -35px; }
.jssora05r:hover { background-position: -186px -35px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }