#aramabox  {
    margin :  auto;
    margin-left :  5px;
    width:  95%;
    min-width:  330px;
    max-width:  100%;
    height:  auto;
    background-color:  white;
    border-radius:  20px;
    z-index: -1;
    border:  2px solid gray;
    margin-right:  30px;
    float:  left;
    box-shadow:  5px 5px 5px grey;
}
#searchbox  {
    margin-top:  20px;
    width:  90%;
    height:  40px;
    margin-left:  20px;
}
*/@font-face  {
    font-family:  'FontAwesome';
    src:  url('fonts/fontawesome-webfont.eot?v=4.4.0');
    src:  url('fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),  url('fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),  url('fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),  url('fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),  url('fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
    font-weight:  normal;
    font-style:  normal;
}
.fa-search:before  {
    content:  "\f002"}
.fa-search-plus:before  {
    content:  "\f00e"}
.fa-search-minus:before  {
    content:  "\f010"}
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
    .search  {
    width:  100%;
    position:  relative;
    display:  flex;
}
.searchTerm  {
    width:  100%;
    height:  auto;
    border-radius:  5px 0 0 5px;
}
.searchButton  {
    width:  40px;
    height:  46px;
}
.wrap {
    width:  83.5%;
    min-width:  280px;
    position:  relative;
    margin-right:  3px;
}
.form-control  {
    width: 90px;
    height: 24px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
#filterbar  {
    float:  left;
    margin-right:  auto;
    width:  100%;
    height:  0px;
    overflow:  hidden;
    z-index: 0;
}
.aramamenu  {
    margin:  0px;
    float:  left;
    width:  30%;
    top :  0px;
    height : auto;
    background-color:  corala;
    margin-top:  20px;
    margin-left:  10px;
    margin-right:  30px;
}
#sellectBox  {
    float:  left;
    top:  50px;
    z-index: 9;
    height:  11px;
    background-color:  corala;
    height: 100%;
    width:  35%;
      min-width:  320px;
    margin:  auto;
    margin-bottom:  15px;
}
#fButonCover  {
    float:  left;
    padding-top:  5%;
    padding-left:  10px;
    padding-bottom:  20px;
    width:  30%;
    height:  100%;
    background-color:  corala;
}
#fbutton  {
    text-align:  left;
    margin-top:  50x;
}
.fvdatetitle4  {
    ;
    font-size:  14px;
    margin-left:  70px;
    padding:  0px;
    width: 70%;
}
#fvdatetitle3  {
    margin-top:  8px;
    margin-left:  -10px;
    text-align:  left;
    font-weight:  bold;
    font-size:  14px;
    padding:  0px;
    width:  80px;
    float:  left;
}
#fvdatetitle2  {
    margin-top:  35px;
    margin-left:  2px;
    text-align:  left;
    font-weight:  bold;
    font-size:  14px;
    padding:  px;
    width:  auto;
    float:  left;
}
#fvdatetitle1  {
    font-size: 1px;
    margin:  auto;
    width:  100%;

}

#filter_error  {
    font-size: 12px;
    font-weight:  bold;
    color: red;
    text-align:  center;

}


#fdateCover  {
    left:  0px;
    top:  0px;
    height:  0px;
    position:  relative;
    width:  0px;
    z-index: 3;
}
#fCount  {
}
#fviewCover  {
    width:  350px;
    height:  0px;
    z-index: -1;
    margin:  2px;
}
#fviewtitle  {
    margin:  px;
    text-align:  left;
    font-weight:  bold;
    font-size:  14px;
    padding:  4px;
    width:  130px;
    float:  left;
}
#fviewcheck  {
    margin:  5px;
    float:  left;
    width:  20px;
    text-align:  center;
}
#fVmax  {
    float:  left;
    text-align:  center;
    padding-top:  4px;
    width:  80px;
}
#fVmin  {
    width:  70px;
    float:  left;
    text-align:  center;
    padding:  4px;
}
#fcommentCover  {
    width:  320px;
    height:  0px;
    margin:  2px;
    z-index: -1;
}
#fcommnettitle  {
    font-weight:  bold;
    font-size:  14px;
    padding:  4px;
    text-align:  left;
    padding:  4px;
    width:  130px;
    float:  left;
}
#fcommentcheck  {
    margin:  5px;
    float:  left;
    width:  20px;
    text-align:  center;
}
#fCmax  {
    float:  left;
    text-align:  center;
    padding-top:  4px;
    width:  80px;
}
#fCmin  {
    width:  70px;
    float:  left;
    text-align:  center;
    padding:  4px }
#flikeCover  {
    width:  320px;
    height:  0px;
    margin:  2px;
    z-index: -1;
}
#fliketitle  {
    font-weight:  bold;
    font-size:  14px;
    padding:  4px;
    text-align:  left;
    padding:  4px;
    width:  130px;
    float:  left;
}
#flikecheck  {
    margin:  5px;
    float:  left;
    width:  20px;
    text-align:  center;
}
#fLmax  {
    float:  left;
    text-align:  center;
    padding-top:  4px;
    width:  80px }
#fLmin  {
    width:  70px;
    float:  left;
    text-align:  center;
    padding:  4px;
}
#fshareCover  {
    width:  320px;
    height:  0px;
    margin:  2px;
    z-index: -1;
}
#fsharetitle  {
    font-weight:  bold;
    font-size:  14px;
    padding:  4px;
    text-align:  left;
    padding:  4px;
    width:  130px;
    float:  left;
}
#fsharecheck  {
    margin:  5px;
    float:  left;
    width:  20px;
    text-align:  center;
}
#fSmax  {
    float:  left;
    text-align:  left;
    padding-top:  4px;
    width:  80px;
}
#fSmin  {
    width:  70px;
    float:  left;
    text-align:  center;
    padding:  4px;
}
#navigasyon  {
    text-align:  center;
    font-weight:  bold;
    font-size:  17px;
    float:  left;
    margin:  auto;
    width:  100%;
}
#total_post  {
    text-align:  center;
    font-weight:  bold;
    font-size:  15px;
    float:  left;
    margin:  auto;
    width:  100%;
}

/* ana sayfa daki içeriklerin yerleşimi */
.bolumleme  {
    position:  relative;
    margin:  0px;
    padding-top:  30px ;
    padding-left:  35px ;
    border:  0px solid #ccc;
    float:  right;
    width:  98%;
    height :  auto-flow;
    margin:  10px;
    top :  10px;
}
.result  {
    position:  relative;
    margin-top:  0px;
    margin-left:  0px;
    border:  0px solid #ccc;
    float:  right;
    width:  100%;
    height :  auto-flow;
}
#my-div  {
    width:  340px;
    height:  750px;
    background-color:  white;
    border-radius:  20px;
    z-index: -1;
    border:  2px solid gray;
    float:  left;
    box-shadow:  5px 5px 5px grey;
    margin-right:  25px;
    margin-left:  -10px;
    margin-bottom:  20px;
}
#title_tiktok  {
    left:  0px;
    top:  0px;
    position:  relative;
    margin-left:  auto;
    margin-right:  auto;
    width:  300px;
    height:  95px;
    overflow:  hidden;
    z-index: 0;
}
#visortiktok  {
    left:  5px;
    top:  20px;
    position:  absolute;
    width:  64px;
    height:  64px;
    z-index: 2;
}
#logotiktok  {
    left:  5px;
    top:  20px;
    position:  absolute;
    width:  62px;
    height:  61px;
    z-index: 1;
}
#titleTiktok  {
    left:  85px;
    top:  10px;
    font-size:  17px;
    text-align:  left;
    position:  absolute;
    width:  208px;
    height:  22px;
    font-weight:  bold;
    z-index: 2;
}
#descTiktok  {
    left:  85px;
    top:  35px;
    font-size:  12px;
    text-align:  left;
    position:  absolute;
    width:  208px;
    height:  22px;
    z-index: 2;
}
#Datetitle  {
    left:  115px;
    top:  70px;
    position:  absolute;
    width:  48px;
    height:  8px;
    font-size:  14px;
    font-weight:  bold;
    z-index: 3;
}
#datetext  {
    left:  160px;
    top:  70px;
    font-size:  14px;
    position:  absolute;
    width:  168px;
    height:  8px;
    z-index: 4;
}
#img_tiktok  {
    left:  0px;
    top:  0px;
    position:  relative;
    margin-left:  auto;
    margin-right:  auto;
    width:  300px;
    height:  440px;
    overflow:  hidden;
    z-index: 0;
}
#Contentimg  {
    left:  0px;
    top:  20px;
    z-index: 3;
}
#Like_tiktok  {
    left:  0px;
    top:  0px;
    position:  relative;
    margin-left:  auto;
    margin-right:  auto;
    width:  300px;
    height:  100px;
    overflow:  hidden;
    z-index: 0;
}
#Sentcount  {
    left:  240px;
    top:  80px;
    position:  absolute;
    width:  65px;
    height:  10px;
    text-align:  center;
    z-index: 1;
}
#Commentcount  {
    left:  115px;
    top:  80px;
    position:  absolute;
    width:  65px;
    height:  10px;
    text-align:  center;
    z-index: 2;
}
#Likecount  {
    left:  0px;
    top:  80px;
    position:  absolute;
    width:  65px;
    height:  10px;
    text-align:  center;
    z-index: 3;
}
#sent  {
    left:  252px;
    top:  40px;
    position:  absolute;
    width:  30px;
    z-index: 4;
}
#comment  {
    left:  130px;
    top:  40px;
    position:  absolute;
    width:  30px;
    height:  42px;
    z-index: 5;
}
#like  {
    left:  13px;
    top:  35px;
    position:  absolute;
    width:  30px;
    height:  46px;
    z-index: 6;
}
#Senttext  {
    left:  240px;
    top:  5px;
    font-size:  18px;
    font-weight:  bold;
    position:  absolute;
    width:  60px;
    height:  10px;
    z-index: 7;
}
#Commenttext  {
    left:  105px;
    top:  5px;
    font-size:  18px;
    font-weight:  bold;
    position:  absolute;
    width:  85px;
    height:  10px;
    z-index: 8;
}
#Liketext  {
    left:  13px;
    top:  5px;
    font-size:  18px;
    font-weight:  bold;
    position:  absolute;
    width:  47px;
    height:  11px;
    z-index: 9;
}
#footer_tiktok  {
    left:  0px;
    top:  0px;
    position:  relative;
    margin-left:  auto;
    margin-right:  auto;
    width:  310px;
    height:  100px;
    overflow:  hidden;
    z-index: 0;
}
#Publishertitle  {
    left:  0px;
    top:  20px;
    position:  absolute;
    font-weight:  bold;
    text-align:  left;
    width:  99px;
    height:  8px;
    z-index: 3;
}
#PublisherName  {
    left:  99px;
    top:  20px;
    position:  absolute;
    width:  172px;
    text-align:  left;
    height:  8px;
    z-index: 3;
}
#hastagName  {
    left:  0px;
    top:  50px;
    position:  absolute;
    font-weight:  bold;
    text-align:  left;
    width:  99px;
    height:  8px;
    z-index: 3;
}
#hastagtext  {
    left:  100px;
    top:  50px;
    position:  absolute;
    text-align:  left;
    width:  230px;
    height:  8px;
    z-index: 4;
}

/*post icerik ğinin yerleşimi*/

#vpost_content {
    margin-left:  30px;
    min-width: 335px;
    max-width: 700px;
   
    float: left;
}
#vpost_title {
    font-size: 35px;
    text-align: center;
    position:  sticky;
    width: 100%;
    margin-bottom: 10px;
    float: left;

}

#v_ekle {
    margin-left: 0px;
    text-align: left;
    font-weight: 700;
    font-size: 14px;
    padding: 0;
    min-width: 335px;
    max-width: 350px;
    height: 500px;
    float: left;
}
#v_icerik {
    background-color: #e9e9e9;
    min-width: 335px;
    max-width: 350px;
    height: 500px;
    left: 785px;
    text-align: left;
    font-weight: 700;
    font-size: 22px;
    padding: 0;
    float: left;
}
#v_icerik_content {
    padding: 0;
    width: 350px;
    position: absolute;
}
#v_post_logo {
    text-align: left;
    font-weight: 400;
    font-size: 18px;
    margin-left: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100px;
}
#title_post_content_date {
	/* date title  */
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    width: 110px;
    height: 20px;
    position: absolute;
    left: 120px;
    top: 10px;
	
}
#title_post_content_value_date {
	/* desc date value */
    text-align: left;
    font-weight: 400;
    font-size: 18px;
    width: 140px;
    position: absolute;
    left: 170px;
    top: 10px;
	
}
#colon_post_date {
	/*  date :  */
    float: left;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    position: absolute;
    top: 10px;
    left: 162px;

}
#title_post_content_region {
	/*  author region title */
	/*  categori title */
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    width: 200px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 135px;
	
}
#title_post_content_value_region {
	/*  author region value */
	/*  categori name value */
    text-align: left;
    font-weight: 400;
    font-size: 18px;
    width: 200px;
    position: absolute;
    left: 150px;
    top: 135px;

}

#colon_post_region {
	/*  author name : */
    float: left;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    position: absolute;
    top: 95px;
    left: 140px;

}

#author_post_content {
	/*  author name title */
	position: absolute;
	float: left;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    height: 30px;
	top: 95px;
	left: 10px;

}
#author_post_content_value {
	/*  author name value */
	position: absolute;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    float: left;
    width: ½100;
    margin: 5px;
	left: 145px;
	top: 90px;

}
#colon_post_author {
	 position: absolute;
    float: left;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    left: 165px;
    margin-bottom: 5px;
	top: 90px;
	
}
#title_post_content {
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    float: left;
    width: 110px;
    height: 20px;
    margin-left: 10px;

}
#title_post_content_value {
    text-align: left;
    font-weight: 400;
    font-size: 18px;
    float: left;
    width: 210px;
    margin-left: 10px;

}
#colon_post_content {
    float: left;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    left: 275px;

}
#title_post_content_desc {
	/* desc title */
    margin-top: 180px;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    float: left;
    width: 140px;
    height: 20px;
    margin-left: 10px;
    position: absolute;

}
#title_post_content_desc_value {
   /* desc value */
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    float: left;
    min-width: 280px;
    max-width: 300px;
    margin-right: 15px;
    margin-left: 20px;
    position: absolute;
	top: 310px;

}
#colon_post_desc {
    float: left;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    width: 5px;
    margin-top: 180px;
    position: absolute;
    margin-left: 155px;
}
#title_post_content_hastag {
    margin-top: 295px;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    float: left;
    width: 140px;
    height: 20px;
    margin-left: 10px;
    position: absolute;
}
#title_post_content_hastag_value {
    margin-top: 297px;
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    float: left;
    min-width: 325px;
    max-width: 350px;
    margin-left: 5px;
    text-indent: 100px;
    position: absolute;
}
#colon_post_hastag {
    float: left;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    width: 5px;
    margin-top: 295px;
    position: absolute;
    margin-left: 80px;
}