@charset "utf-8";
/* CSS Document */

/*start bottombox*/
.port-title,.shop-title,.bid-title,.deal-title,.travel-title,.fun-title,.trade-title, .job-title, .social-title {
	width:100%; 
	height:20px; line-height:20px;
	margin:0; margin-top:-8px; 
	padding:0 !important;  padding-left:10px !important;	
	font-size:14px; 
	font-weight:bold;
	background-color:#090 ; border: none; color: #FFF;
}
div#port-box,div#shop-box,div#bid-box,div#deal-box,div#travel-box,div#fun-box,div#trade-box, div#job-box, div#social-box {
	position: fixed;
	z-index:9 !important;
	width: 97.0%;
	height: 435px; height: 68vh; height: 85vh;
	color: black;
	border: #CF0 20px solid;
	border-bottom: #CF0 20px solid;
	visibility: hidden;
	position:absolute;
	bottom: 30px;
	padding-bottom:20px;
	left:0%;
	overflow-y:hidden;
	background-color:#ccff00; overflow:hidden;
}
.port-inc,.shop-inc,.bid-inc,.deal-inc,.travel-inc,.fun-inc,.trade-inc, .job-inc, .social-inc {
	width:100%; 
	height:auto; 
	margin:0; 
	padding:0; 
	margin-top:0px; 
	background-color:#99FF66; 
	font-size:14px; 
	font-weight:bold;
	position:absolute;
	z-index:9;	
}
.port-button,.shop-button,.bid-button,.deal-button,.travel-button,.fun-button,.trade-button, .job-button,.social-button {
	bottom: 10px;
	margin-left:0%;
	width:10%;
	height:25px; line-height:25px;
	z-index:10;
	position:relative;
	padding-left:4px; 
	padding-right:4px;
	background-color: #030;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	border-top-left: solid; border-top-right: solid;
	border-top-left-width: 1px; border-top-right-width: 1px;
	border-color:#CF0;
	border-top-left-radius:10px; border-top-right-radius:10px;
	border:none;
	cursor:pointer;
	text-align:center !important;
}
.port-button:hover,.shop-button:hover,.bid-button:hover,.deal-button:hover,.travel-button:hover,.fun-button:hover,.trade-button:hover,.job-button:hover,.social-button:hover {
	background-color: #CF0 !important;
	color:#000 !important;
	cursor:pointer;
}
.port-close,.shop-close,.bid-close,.deal-close,.travel-close,.fun-close,.trade-close, .job-close,.social-close {
	top: 0px !important;
	right:0;
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	padding-left:2px; 
	padding-right:2px;
	z-index:9;
	position:absolute;
	background-color:#CCC;
	cursor:pointer;
}
/*end bottombox*/












/*start topbox*/
.about-button,.terms-button,.search-button,.support-button,.feedback-button,.share-button, .news-button, .visitor-button, 
.admin-button,.member-button,.office-button,.biztool-button,.bizpartner-button,.bizschool-button,.mybiz-button,.bizcenter-button { outline:none !important;}

.about-iframe-load,.terms-iframe-load,.search-iframe-load,.support-iframe-load,.feedback-iframe-load,.share-iframe-load, .news-iframe-load, .visitor-iframe-load, .admin-iframe-load,.member-iframe-load,.office-iframe-load, .universe-iframe-load,.countrybiz-iframe-load {
	height:80vh; width:100%; margin-top:25px;
}

.about-title,.terms-title,.search-title,.support-title,.feedback-title,.share-title, .search-title, .visitor-title, .admin-title,.member-title {
	width:100%;
	padding:0px; 
	margin:0; 
	padding:0; 
	margin-top:0px; 
	background-color:#090;
	color:#FFFFFF; 
	font-size:14px; 
	font-weight:bold;
	text-align:center;	
	position: absolute; z-index:9;
	left:0;
	/*border-bottom:solid; border-bottom-color: #060; border-width:1px; color: #FFF; padding-left:1%;*/
}

.biztool-title,.bizpartner-title,.innobiz-title,.bizschool-title,.mybiz-title {
	width:100%;
	height:20px;
	line-height:20px;
	padding:2px; 
	margin:0; 
	padding:0; 
	margin-top:0px; 
	background-color:#ccffff;
	color:#FFFFFF; 
	font-size:14px; 
	font-weight:bold;
	text-align:center;	
	position: absolute;
	left:0;
	border-bottom:solid; border-bottom-color: #060;
	border-top:solid; border-bottom-color: #060;  
	border-width:1px; 
	color: #000; 
	padding-left:1%;
}

.news-title {
	width:100%;
	height:25px;
	line-height:25px; 
	margin:0; 
	padding:0;  
	background-color:#090;
	color:#FFFFFF; 
	font-size:14px; 
	font-weight:bold;
	text-align:center;	
	position: absolute;
	left:0;
	border-bottom:solid; border-bottom-color: #060; border-width:1px; color: #FFF;
}


.admin-title, .member-title,.office-title,.region-title, .countrybiz-title, .universe-title  {
	width:100% !important; height:25px !important; line-height:25px !important; font-weight:bold; background-color: #090; border-bottom:solid; border-width:0; color: #FFF; padding:0;padding-left:2px; position:fixed; left:0; top:0; z-index:9999999999999;
}


.bizcenter-title {
	width:98%; height:22px; font-weight:bold; background-color: #; border-bottom:solid; border-bottom-color:#99FF33; color: #FFF; padding-left:2px; position:relative; z-index:9 !important; background-color:#090; margin-top:-10px; margin-left:0 !important; line-height:22px; text-align:center;"
}

.about-title,.terms-title,.search-title,.support-title,.feedback-title,.share-title,.news-title  {
	width:100%; height:25px; font-weight:bold; color: #FFF; padding-left:2px; position:relative; z-index:9 !important; background-color:#090; margin-top:-10px; margin-left:0 !important; line-height:25px; text-align:center;"
}

.about-title .span1,.terms-title .span1,.search-title .span1,.support-title .span1,.feedback-title .span1,.share-title .span1, .search-title .span1, .bizcenter-title .span1 {
	float:left;margin-left: 20px;
}
.about-title .span2,.terms-title .span2,.search-title .span2,.support-title .span2,.feedback-title .span2,.share-title .span2,.search-title .span2, .bizcenter-title .span2 {
	float:right; margin-right:20px; border-radius:10px; font-size:12px; color:#FFF; cursor:pointer; background-color: #9C0; display:inline-block; width:100px; height:20px; line-height:20px; margin-top:0px; text-align:center; cursor:pointer;
}

.about-button,.terms-button,.search-button,.support-button,.feedback-button,.share-button, .news-button {
	position: absolute;
	top: 30px;
	width:8% !important;
	height:20px;
	line-height:20px;
	z-index:9 !important;  
	background-color: #99FF66; /*00CC00*/background-color: #CCFF99;background-color: #00CC00; 
	color:#FFF;
	font-weight:bold;
	border-color:#CCFF99;
	border-left-width:1px;
	border-right-width:1px;
	border-top:none;
	cursor:pointer;
	font-size:14px;
	text-decoration:none;
	vertical-align:middle;
	padding:0 !important;
	display:inline-block;
}

.biztool-button,.bizpartner-button,.innobiz-button,.bizschool-button,.mybiz-button {
	position: relative;
	top: 0px;
	width:13.5% !important;
	height:20px;
	line-height:20px;
	z-index:99999999999 !important;  
	background-color: #99FF66; /*00CC00*/background-color: #CCFF99;background-color: #060; 
	color:#FFF;
	font-weight:bold;
	border-color:#CCFF99;
	border-left-width:1px;
	border-right-width:1px;
	border:none;
	cursor:pointer;
	font-size:14px;
	text-decoration:none;
	vertical-align:middle;
	padding:0 !important;
	display:inline-block;
}

.about-button span,.terms-button span,.search-button span,.support-button span,.feedback-button span,.share-button span, .news-button span, .visitor-button span {
	display:inline-block; height:20px; line-height:20px; margin-top:-1px; background-color:; width:100%;	
}
.about-button {
	margin-left:4% !important; 
}
.terms-button {
	margin-left:12% !important;
}

.support-button {
	margin-left:20% !important; 
}

.feedback-button {
	margin-left:28% !important;
}
.share-button {
	margin-left:36% !important;
}

.news-button {
	margin-left:44% !important;
}

.search-button {
	margin-left:52% !important;
}


/*
.biztool-button {
	margin-left:4% !important; 
}
.bizpartner-button {
	margin-left:12% !important;
}
.bizschool-button {
	margin-left:20% !important;
}
.mybiz-button {
	margin-left:28% !important;
}
*/


.bizcenter-button {
	margin-left:48% !important;
	top: 45px !important;
	right:0% !important;
	width:17% !important;
	height:28px;line-height:28px;
	z-index:99 !important;
	border-radius:0;
	border-top-left-radius:20px !important;
	position: fixed;
	padding:0px;
	padding-left:4px; 
	padding-right:4px;
	background-color: #060; 
	color:#fff;
	font-weight:bold;
	border-top-left-radius:20px;
	border-bottom-color:#99FF66 !important;
	border-width:0px; border-bottom-width:2px;
	cursor:pointer;
	font-size:14px;
	text-decoration:none;
	text-align:center !important;
}

.admin-button {
	position:relative !important; 
	padding:1px !important;
	font-size:16px !important;
	font-weight:bold; 
	cursor: pointer;
	border: none !important;
	background-color:#090;
	color:#FFF;
	z-index:9999;
	text-align:center;
	display:inline-block;
	width:100%;	
}

.member-button {
	position:relative !important; 
	padding:1px !important;
	font-size:16px !important;
	font-weight:bold; 
	cursor: pointer;
	border: none !important;
	background-color:#060;
	color:#FFF;
	z-index:9999;
	text-align:center;
	display:inline-block;
	width:100% !important;	
}

.member-button:hover {
 color: #060 !important;	
}

/*
.admin-button {
	position:fixed !important; 
	top:50px !important; 
	left:0 !important;
	height:52px; 
	line-height:52px;
	width:18% !important;
	padding:0 !important;
	font-size:16px !important;
	font-weight:bold; 
	cursor: pointer;
	border: none !important;
	background-color:#060;
	color:#FFF;
	z-index:9999;
	text-align:center;
	border-top-right-radius:10px;
	
}
*/

.office-button {
	position:fixed !important; 
	top:50px !important; 
	left:0 !important;
	height:25px;line-height:25px;
	width:18% !important;
	padding:0 !important;
	font-size:16px !important;
	font-weight:bold; 
	cursor: pointer;
	background-color:#060;
	color:#FFF;
	z-index:9999;
	text-align:center;
	border-top-right-radius:10px;
	border-width: 0;
	border-bottom-width:2px;
	border-color:#99FF66;
	
}

.universe-button {
	/*position:fixed !important; 
	top:35px !important; 
	left:20% !important;
	height:30px; 
	line-height:30px;
	width:60% !important;
	padding:0 !important;
	font-size:16px !important;
	font-weight:bold; 
	cursor: pointer;
	background-color: #0C0;
	color: #FFF;
	border-top-left-radius:20px;border-top-right-radius: 20px;
	border-bottom:solid; border-color:#030;
	border-width:0;border-bottom-width:2px;
	z-index:1;*/
}


div#bizcenter-box {
	position: fixed;
	z-index:9999999;
	height: 80%; height:80vh;
	padding:0;
	color: black;
	border: #CF0 20px solid;
	border-bottom: #CF0 40px solid;
	display: none;
	top: 65px !important;
	left:0px !important;
	overflow-y:hidden;
	width: 97.1%;
    overflow:hidden;
	background-color:#060;
}
.bizcenter-inc {
	position: fixed;
	z-index:1;
	width:100%; 
	height:auto; 
	margin:0; 
	padding:0; 
	margin-top:0px; 
	font-size:14px; 
	font-weight:bold;
}




.about-button:hover,.terms-button:hover,.search-button:hover,.support-button:hover,.feedback-button:hover,.share-button:hover, .news-button:hover, .admin-button:hover,.member-button:hover,.office-button:hover, .bizcenter-button:hover, .bizcenter-button:hover  {
	background-color: #CCFF00 !important; color:#000 !important; 
}

.biztool-button:hover,.bizpartner-button:hover,.innobiz-button:hover,.bizschool-button:hover,.mybiz-button:hover  {
	background-color: #CFF !important; color:#000 !important; 
}


.universe-button:hover,.countrybiz-button:hover  {
	border-color: #CCFF00; border-width:0;
}

div#about-box,div#terms-box,div#search-box,div#support-box,div#feedback-box,div#share-box,  div#news-box {
	position: absolute;
	z-index:99999; /*value important to allow language to be above*/
	background-color: #090;
	min-height:300px;
	height:90vh;
	color: black;
	border: #CF0 30px solid;
	border-top: #CF0 20px solid;
	border-bottom: #CF0 40px solid;
	/*display: none;*/
	visibility: hidden;
	top: 50px;
	margin-left:-14%; /*-200px;*/
	overflow-y:hidden;
	overflow-x:hidden;
	width: 88.5%;

}

.about-close,.terms-close,.search-close,.support-close,.feedback-close,.share-close, .news-close,.bizcenter-close,.admin-close,.member-close,.office-close  {
	top: 0px !important;
	right:0;
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	padding-left:2px; 
	padding-right:2px;
	z-index:99999;
	position:absolute;
	background-color:#CCC;
	cursor:pointer;
}

.office-out  {
	top: 0px !important;
	right:50px;
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	padding-left:2px; 
	padding-right:2px;
	z-index:99999;
	position:absolute;
	background-color:#CCC;
	cursor:pointer;
}


.admin-close {
	z-index:9999999999999999999999999999999999;
}
.member-close {
	z-index:9999999999999999999999999999999999;
}

.office-close {
	z-index:9999999999999999999999999999999999;
}

div#biztool-box,div#bizpartner-box,div#innobiz-box,div#bizschool-box,div#mybiz-box {
	position: absolute;
	z-index:9999999999999; /*value important to allow language to be above*/
	background-color: #090;
	min-height:300px;
	height:90vh;
	color: black;
	border: #CFF 0px solid;
	border-bottom: #CFF 0px solid;
	visibility: hidden;
	top: 22px;
	left:0%;
	overflow-y:hidden;
	overflow-x:hidden;
	width:97%;
}

div#news-box {
	top: 50px;
}

div#admin-box {
	top:20px;
	position: fixed !important;
	z-index:9999999;
	background-color: #090;
	min-height:300px;
	height:100vh;
	color: black;
	border: #CF0 20px solid;
	border-bottom: #CF0 40px solid;
	visibility: hidden;
	left:0%; /*-200px;*/
	overflow-y:hidden;
	width: 97vw;
}

div#member-box {
	top:20px;
	position: fixed !important;
	z-index:9999999;
	background-color: #090;
	min-height:300px;
	height:100vh;
	color: black;
	border: #CF0 20px solid;
	border-bottom: #CF0 40px solid;
	visibility: hidden;
	left:0%; /*-200px;*/
	overflow-y:hidden;
	width: 97vw; padding-top:0;
}


div#office-box {
	top:60px;
	position: absolute !important;
	z-index:9999999;
	background-color: #090;
	min-height:300px;
	height:80vh;
	color: black;
	border: #CF0 20px solid;
	border-bottom: #CF0 40px solid;
	visibility: hidden;
	left:9.6%; /*-200px;*/
	overflow-y:hidden;
	width: 97vw; 
}

div#universe-box {
	/*top:60px;
	position: absolute !important;
	z-index:9999999;
	background-color: #090;
	min-height:300px;
	height:80vh;
	color: black;
	border: #CF0 20px solid;
	border-bottom: #CF0 40px solid;
	visibility: hidden;
	left:9.6%; /*-200px;*/
	/*overflow-y:hidden;
	width: 97vw;*/
}

.about-inc,.terms-inc,.search-inc,.support-inc,.feedback-inc,.share-inc, .news-inc, .visitor-inc, .admin-inc,.member-inc,.office-inc {
	height:auto; 
	margin:0; 
	padding:0; 
	margin-top:0px; 
	background-color:#99ff66; 
	font-size:14px; 
	font-weight:bold;
	width:100%;	
}

.biztool-inc,.bizpartner-inc,.innobiz-inc,.bizschool-inc,.mybiz-inc, .region-inc,.countrybiz-inc {
	height:auto; 
	margin:0; 
	padding:0; 
	margin-top:0px; 
	background-color:#99FF66; 
	font-size:14px; 
	font-weight:bold;
	width:100%;	
}
/*end topbox*/






/*start locationbox*/
.africa-title,.america-title,.asia-title,.europe-title,.oceania-title,.countrybiz-title,.directbiz-title,.homebiz-title {
	width:100%; 
	height:25px; line-height:25px;
	margin:0 !important; 
	padding:0 !important;  padding-left:10px !important;	
	font-size:14px; 
	font-weight:bold;
	background-color:#090; border: none; color: #FFF;
	border-bottom:solid;
	border-bottom-color:#99FF66;
	position:fixed; left:0; top:0; z-index:9999999999999;
}
div#africa-box,div#america-box,div#asia-box,div#europe-box,div#oceania-box,div#universe-box,div#countrybiz-box,div#directbiz-box,div#homebiz-box,div#region-box  {
	position: fixed;
	z-index:99999 !important;
	width: 97.2%;
	height: 75vh;
	top: 100px;
	left:0% !important;	
	color: black;
	border: #CF0 20px solid;
	border-bottom: #CF0 20px solid;
	visibility: hidden;	
	padding-bottom:20px;	
	overflow:hidden;
	background-color:#99FF66;
}

div#directbiz-box,div#homebiz-box {
	position: fixed;
	z-index:99999 !important;
	width: 97.2%;
	height: 60vh;
	top: 135px;
	left:0% !important;	
	color: black;
	border: #CF0 20px solid;
	border-bottom: #CF0 20px solid;
	visibility: hidden;	
	padding-bottom:20px;	
	overflow:hidden;
	background-color:#090;
}

.africa-inc,.america-inc,.asia-inc,.europe-inc,.oceania-inc,.universe-inc {
	width:auto; 
	height:auto; 
	margin:0; 
	padding:0; 
	margin-top:0px; 
	background-color:#A4FF75; 
	font-size:14px; 
	font-weight:bold;
	z-index:9; overflow-x:hidden;	
}
.africa-button,.america-button,.asia-button,.europe-button,.oceania-button,.universe-button {
	top: 58px;
	width:10%;
	height:30px; 
	line-height:30px;
	z-index:999;
	position:relative;
	padding-left:4px; 
	padding-right:4px;
	background-color: #060;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	border:none;
	cursor:pointer;
}
.africa-button {
	margin-left:12%;
}
.directbiz-button {
	top: 102px;left:0px;
	width:13.5%;
	height:32px; line-height:32px;	
	position:fixed;
	z-index:0 !important;
	padding-left:4px; 
	padding-right:4px;
	background-color: #090;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	border:none;
	cursor:pointer;
}
.homebiz-button {
	top: 102px;right:0px;
	width:13.0%;
	height:32px; line-height:32px;	
	position:fixed;
	z-index:0 !important;
	padding-left:4px; 
	padding-right:4px;
	background-color: #090;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	border:none;
	cursor:pointer;
}
.region-button {
	top: 70px;left:0px;
	width:18%;
	height:30px; line-height:30px;
	z-index:999;
	position:fixed;
	padding-left:4px; 
	padding-right:4px; padding-top:3px;
	background-color: #060;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	border:none;
	cursor:pointer;
}
.countrybiz-button {
	top: 68px; top: 73px; right:0px;
	width:17%;
	height:25px; line-height:25px;
	z-index:999;
	position:fixed;
	padding-left:4px; 
	padding-right:4px;
	background-color: #060;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	border:none;
	cursor:pointer;
}
.africa-button:hover,.america-button:hover,.asia-button:hover,.europe-button:hover,.oceania-button:hover,.universe-button:hover,.countrybiz-button:hover,.directbiz-button:hover,.homebiz-button:hover,.region-button:hover   {
	background-color: #CF0 !important;
	color:#000 !important;
	cursor:pointer;
}
.africa-close,.america-close,.asia-close,.europe-close,.oceania-close,.universe-close,.countrybiz-close,.directbiz-close,.homebiz-close,.region-close {
	top: 0px !important;
	right:0;
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	padding-left:2px; 
	padding-right:2px;
	z-index:9;
	position:absolute;
	background-color:#CCC;
	cursor:pointer;
}
/*end locationbox*/

