@font-face
{
font-family: Shout;
src: url(fonts/crusoe-text/CrusoeText-Regular.woff);
}
body{
margin:0;
padding:0;
display:block;
background-color:#fff;
/*background-color:#f7fafa;*/
font-family: "Open Sans", Times, "Times New Roman", serif;
font-size:12px;
}

hr{

border:1px dashed #0087BD;
}


    a{
        text-decoration:none;
    color:#0087BD;
    }
    #search_border{
    position:relative;
    width:100%;
    height:75px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding:15px;
	background-color:#0087BD;
	border:2px solid white;
    }
    #main_input{
    position:relative;
    text-decoration:none;
    color:#0087BD;
    font-size:18px;
    width:400px;
    float:left;
    height:50%;
    top:10px;
    border:none;
    border-bottom:1px dotted #0087BD;
    outline:none;
    }
    .input_data{
    position:relative;
    text-decoration:none;
    color:#0087BD;
    font-size:18px;
    width:400px;
    float:left;
    height:50%;
    top:10px;
    border:none;
    border-bottom:1px dotted #0087BD;
    outline:none;
    }
    .input_data_sign{
    position:relative;
    text-decoration:none;
    color:#0087BD;
    font-size:18px;
    width:250px;
    height:40px;
    top:-10px;
    border:none;
    border:1px solid #0087BD;
    outline:none;
	padding-left:10px;
    }
    .input_data_sign_order{
    position:relative;
    text-decoration:none;
    color:#0087BD;
    font-size:18px;
    width:100%;
    height:40px;
    top:-10px;
    border:none;
    border:1px solid #0087BD;
    outline:none;
	padding-left:10px;
    }
    .nav_cover{
    position:relative;
    background-color:#fff;
    /*background-color:#f7fafa;*/
    height:50px;
    color:#0087BD;
    width:auto;
    float:left;
    padding-left:15px;
    padding-right:15px;
    	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
    }
    .nav_cover:hover{
    	background-color:white;
	color:#6E6E6E;
	border-color:#6E6E6E;
    /*border-bottom:1px solid #6E6E6E;*/
    cursor:pointer;
    }
    .nav_cover:active{
    border-bottom:2px solid #C40233;
    color:#C40233;
    cursor:pointer;
    }

    .nav_divider{
    height:60px;width:100%;
    }

    .nav_cover_search{
    position:relative;
    /*background-color:#f7fafa;*/
    bac
    background-color:#fff;
    height:100%;
    width:auto;
    float:left;
    padding-left:15px;
    padding-right:15px;
    }
    .nav_cover_search:hover{
    cursor:pointer;
    }
    .search_bar{
    position:relative;

    top:20px;
    float:left;
    }
    .search_go{
    float:left;
    left:0px;
    border-right:1px solid #0087BD;
    border-top:1px solid #0087BD;
    border-bottom:1px solid #0087BD;
    height:44px;
    top:4px;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	border-bottom-right-radius:10px;
	border-top-right-radius:10px;
    }
    .search_go:hover{

    border-bottom:2px solid #0087BD;
    border-right:2px solid #0087BD;
    }
    .search_go:active{
    border-top:2px solid #0087BD;
    border-bottom:2px solid #0087BD;
    border-right:2px solid #0087BD;
    }
  .no_border:hover{
border-bottom:none;
}
.text_bottom{
position:relative;
bottom:-10px;
}

.td_input{
width:100px;height:auto;padding:20px;box-sizing: border-box;
}
    	.view_half{
	position:relative;
	width:55%;
	height:100%;
	float:left;
	text-align:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	color:#0087BD;
	padding-left:15px;

	}
	#stream{
	float:left;
	}
	#nav_add{
	position:fixed;
	width:1100px;
	background-color:#fff;
	height:0px;
	top:50px;
	z-index:4;
	border-bottom:1px solid #0087BD;

	}

	#text_header{
	position:relative;
	color:#0087BD;
	float:left;
	left:15px;
	}
	#register{
		width:250px;
		float:right;
		height:100%;
	}

	.menu_items{
	width:auto;
	height:auto;
	padding:25px;
	background-color:white;
	border:1px dotted #0087BD;
	}
	.in_sing{
		width:75%;
		font-size:18px;
	}
	.logo_menu{
	width:100%;
	}
	#menu{
	position:absolute;
	z-index:3;
	height:0px;
	width:100%;
	background-color:#fff;
	text-align:center;
	color:#0087BD;
	font-size:25px;
	position: fixed;
	top: 0px;
	}
	button{
	position:relative;
	font-size:18px;
	color:#0087BD;
	border: none;
	background: none;

	cursor:pointer;
	background-color:#fff;
	outline:none;
	height:100%;
	border:1px solid #0087BD;
	/*border-radius:10px;*/
	padding:10px;
	}
	button:hover{
	background-color:white;
	color:#6E6E6E;
	border-color:#6E6E6E;
	}
	button:active{
		color: #C40233;
	}
	.add_item{
	position:absolute;
	height:50px;
	width:50px;
	top:10px;
	right:10px;
	font-style:normal;
	}
	#add_item{
	position:absolute;
	height:50px;
	width:50px;
	top:10px;
	right:10px;
	font-style:normal;
	}
	.m_item{
	width:75px;height:75px;border-right:1px solid black;float:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	/*border-bottom:1px solid #0087BD;*/
	}
	.item_type{
	width:75%;;
	float:left;
	}
	#header{
	width:800px;
	height:50px;
	position:relative;
	top:0px;
	background-color:white;
	text-align:center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	/*border-bottom:1px solid #0087BD;*/
	padding-bottom:15px;
	z-index:2;
	margin-left:auto;
	margin-right:auto;

	}
	#view{
	position:relative;
	width:980px;
	height:auto;
	z-index:1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	margin-left:auto;
	margin-right:auto;
	}
	.item{
	width:100%;
	height:60px;
	border-bottom:1px solid black;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding:10px;
	}
	.item:hover{
	background-color:#F5F5F5;
	color:#0087BD;
	cursor:pointer;
	}
	#search{
	position:absolute;float:right;right:70px;font-size:25px;top:15px;
	}
	#footer{
	position:fixed;
	height:60px;
	z-index:3;
	background-color:white;
	width:100%;
	bottom:0px;
	border-top:1px dotted #0087BD;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding:5px;
		margin-left:auto;
	margin-right:auto;
	}
	.footer_button{
	width:50px;
	height:50px;
	}
	.footer_buttons{
	width:auto;
	height:50px;
	}
	.text_header_menu{
	position:relative;
	color:#0087BD;
	float:left;
	left:15px;
	top:-10px;
	}
	.item_chat{
	width:275px;
	height:275px;
	border:2px solid white;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	background-color:#0087BD;
	padding:10px;
	color:white;
	float:left;
	}
	.item_chat:hover{
	background-color:#F5F5F5;
	color:#0087BD;
	cursor:pointer;
	}

	.item_data{
	width:275px;
	height:275px;
	border:2px solid white;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	background-color:#C40233;
	padding:10px;
	color:white;
	float:left;
	}
	.item_data:hover{
	background-color:#F5F5F5;
	color:#0087BD;
	cursor:pointer;
	}

	.item_img{
	width:25%;
	height:auto;
	border:2px solid white;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding:10px;
	color:white;
	float:left;
	}
	.item_img:hover{
	border:2px solid #0087BD;
	color:#0087BD;
	cursor:pointer;
	}

	#nav{
	position:fixed;
	z-index:5;
	top:0px;
	width:950px;
	color:#0087BD;
	height:50px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	}
	.item_main{
	position:relative;
	width:100%;
	height:50px;
	border:2px solid white;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	background-color:white;
	padding:10px;
	color:#0087BD;
	}
	.item_main:hover{
	}
	.item_p{
	width:250px;
	}
	.item_menu{
	width:275px;
	height:150px;
	border:2px solid white;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	background-color:#0087BD;
	padding:10px;
	color:white;
	float:left;
	}
	.item_menu:hover{
	background-color:#F5F5F5;
	color:#0087BD;
	cursor:pointer;
	}
	.files_upload{
		width:49%;
		height:100%;
		float:left;
		background-color:white;
		border-right:1px solid #0087BD;

	}
	.chatspace{
		width:50%;
		height:100%;
		float:right;
		background-color:white;
	}

	.item_final{
	position:relative;
	width:100%;
	height:95%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding:10px;
	color:#0087BD;
	/*color:black;*/
	float:left;
	overflow-y:hidden;
	border:1px solid #ddd;
	/*
	-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
	-moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
	box-shadow        : 0 4px 5px rgba(0,0,0,.5);*/
	}
	.item_final:hover{
	/*color:#0087BD;*/
	color:#0087BD;
	/*cursor:pointer;*/
	/*
	-webkit-box-shadow: 0 4px 50px rgba(0,0,0,.15);
	-moz-box-shadow   : 0 4px 50px rgba(0,0,0,.15);
	box-shadow        : 0 4px 50px rgba(0,0,0,.15);
	border-bottom:3px solid #0087BD;*/
	}
	.startup{
	position:relative;
	width:100%;
	height:auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding:10px;
	/*color:black;*/
	float:left;
	overflow-y:hidden;
	border:0px solid #ddd;
	color:#0087BD;
	text-align:center;
	/*
	-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
	-moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
	box-shadow        : 0 4px 5px rgba(0,0,0,.5);*/
	}
	.main_des{
    width:100%;
    height:700px;
    	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	margin-left:auto;
	margin-right:auto;
    }
    .show_it{
    height:auto;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
    }
    .show_promote{
    height:100%;
    width:33%;
    background-color:#fff;
    text-align:left;

    /*background-color:#f7fafa;*?
    	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	float:left;
	padding:10px;
    }
	p{
	font-size:13px;
	}
	.tag_cover{
	font-size:12px;
	left:-10px;
	}
	.img_sel{
	width:100%;
	height:200px;
	border-bottom:1px solid #0087BD;
	}
    .nav_cover_tag{
    position:relative;
        background-color:#fff;
    /*background-color:#f7fafa;*/
    height:50px;
    color:#0087BD;
    width:auto;
    float:left;
    padding-left:15px;
    padding-right:15px;
    }
    .item_holder{
    width:50%;
    height:320px;
    	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	margin-left:auto;
	margin-right:auto;
    }
	.right{
	position:relative;
	float:right;
	width:120px;
	}
	.like{
	color:green;
	}
	.dislike{
	color:red;
	}
	.center_main_item{
	width:510px;
	height:55px;
	margin-left:auto;
	margin-right:auto;
	}
	.room_size{
	height:auto;
	}
	.right_side_room{
	width:25%;
	text-align:left;
	}
	.area_input_text{
	width:250px;
	height:100px;
	resize:none;
	border:1px solid #0087BD;
    outline:none;

    text-decoration:none;
    color:#0087BD;
    font-size:12px;

	padding:10px;

	}
	#data_div{
	display: none;
	}
	.form_input{
	width:400px;
	}
	.half_startup{
	width:50%;
	text-align:left;
	}
	.back_blue{
	background-color:#0087BD;
	color:white;
	}
	li{
	list-style-type: none;
	}
	.left_text{
	text-align:left;
	}
	.static_menu{
	position:fixed;
	top:0px;
	width:980px;
	z-index:2;
	height:70px;
	background-color:#fff;
	}
	.main_div{
position:relative;
top:60px;
z-index:1;
}
.menu_item{
top:10px;
}
.div_space{
width:100%;height:175px;
}
.front_main_search{
width:650px;
box-sizing: border-box;
}
.front_main_bottom_div{
width:650px;margin-left:auto;margin-right:auto;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	height:auto;
}
select{
border:1px solid #0087BD;
font-size:14px;
color:#0087BD;
/*width:260px;*/
height:40px;
}
    .no_float{
    float:none;
    width:100%;
    /*border:1px solid #0087BD;
    border-radius:15px;*/
    }

.file_input{
	font-size:18px;
	color:#0087BD;
	width:260px;
	height:40px;
}


.outer{
width:100%;
height:450px;
box-sizing: border-box;
padding:5px;
}
#left_static_menu{
position:fixed;
left:0px;
top:75px;
width:150px;
height:400px;
text-align:center;
z-index:3;
background-color:#fff;
color:#0087BD;
}
.left_menu{
width:100%;
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 767px)
{
.div_space{
width:100%;height:175px;
display: none;
}
ul{
    padding: 0;
    list-style-type: none;
}

.front_main_search{
    position:relative;
    text-decoration:none;
    color:#0087BD;
    font-size:18px;
	width:90%;
    height:40px;
    top:-10px;
    border:none;
    border:1px solid #0087BD;
    outline:none;
	padding-left:10px;
}
.front_main_bottom_div{
width:100%;margin-left:auto;margin-right:auto;
height:auto;
}

	.img_sel{
	width:100%;
	height:150px;
	border-bottom:1px solid #0087BD;
	}

    .show_it{
    height:275px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
    }
	.center_main_item{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}
	.hide{
	display: none;
	}
	.margin{
	margin-left:auto;
	margin-right:auto;
	width:200px;
	}
	.startup{
	position:relative;
	width:100%;
	height:auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding:10px;
	/*color:black;*/
	float:left;
	overflow-y:hidden;
	/*border:1px solid #ddd;*/
	color:#0087BD;
	text-align:center;
	/*
	-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
	-moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
	box-shadow        : 0 4px 5px rgba(0,0,0,.5);*/
	}

    .show_promote{
    height:auto;
    width:100%;
    /*background-color:#f7fafa;*/
    background-color:#fff;
    	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	float:left;
	padding:10px;
	text-align:left;
    }
	#text_header{
	position:relative;
	color:#0087BD;
	float:left;
	left:15px;
	}
	.logo_menu{
	width:100%;
	}
	#menu{
	position:absolute;
	z-index:3;
	height:0px;
	width:100%;
	background-color:#0087BD;
	text-align:center;
	color:#0087BD;
	font-size:25px;
	position: fixed;
	top: 0px;
	}
	button{
	position:relative;
	font-size:20px;
	color:#0087BD;
	font-style:italic;
	padding:10px;
	border-radius:10px;
	border:1px solid #0087BD;
	cursor:pointer;
	background-color:#fff;
	outline:none;
	height:100%;
	}
	button:hover{
	background-color:white;
	}
	button:active{
	border:1px solid #C40233;
	}
	.add_item{
	position:absolute;
	height:50px;
	width:50px;
	top:10px;
	right:10px;
	font-style:normal;
	}
	.m_item{
	width:75px;height:75px;border-right:1px solid black;float:left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	/*border-bottom:1px solid #0087BD;*/
	}
	.item_type{
	height:100%;
	float:left;
	}
	#header{
	width:100%;
	height:50px;
	position:fixed;
	top:0px;
	background-color:white;
	text-align:center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	/*border-bottom:1px solid #0087BD;*/
	padding-bottom:15px;
	z-index:2;
	}
	#view{
	position:relative;
	top:0px;
	width:100%;
	height:auto;
	z-index:1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding:10px;
	z-index:1;
	}
	.item{
	width:100%;
	height:60px;
	border-bottom:1px solid black;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding:10px;
	}
	#search{
	position:absolute;float:right;right:70px;font-size:25px;top:15px;width:25%;display:none;
	}
	.white_text{
	color:white;
	}
	#footer{
	position:fixed;
	height:60px;
	z-index:3;
	background-color:white;
	width:100%;
	bottom:0px;
	border-top:1px dotted #0087BD;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding:5px;
	}
	.footer_button{
	width:50px;
	height:50px;
	}
	.footer_buttons{
	width:auto;
	height:50px;
	}
	.text_header_menu{
	position:relative;
	color:#0087BD;
	float:left;
	left:15px;
	top:-10px;
	}
		.item_chat{
	width:100%;
	height:275px;
	border:1px solid white;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	background-color:#0087BD;
	padding:10px;
	color:white;
	float:left;
	}
	.item_chat:hover{
	background-color:#F5F5F5;
	color:#0087BD;
	cursor:pointer;
	}

	.item_data{
	width:100%;
	height:275px;
	border:1px solid white;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	background-color:#C40233;
	padding:10px;
	color:white;
	float:left;
	}
	.item_data:hover{
	background-color:#F5F5F5;
	color:#0087BD;
	cursor:pointer;
	}

	.item_stream{
	width:100%;
	height:275px;
	border:1px solid white;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	background-color:#009F6B;
	padding:10px;
	color:white;
	float:left;
	}
	.item_stream:hover{
	background-color:#F5F5F5;
	color:#0087BD;
	cursor:pointer;
	}

}