Body{font-family: 'Roboto-Regular';margin: 0;padding: 0;font-size: 16px;color: #666;font-weight:100;background: #e9ebee;}
.Hide{display:none}

li{list-style:none}
.Hidden{display:none}

.AllArea{float:left; width:100%;position:relative}	
.AllArea.Popup{-webkit-filter: blur(4px);}	
.AllArea .Area{width: 90%;display: table;margin: 0 auto;}


.PageLogin{float:left;background-image: url(/Library/Img/educatemain.jpg);width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;position: fixed;left: 0;top: 0;}
.PageLogin .Form{float:left;position: absolute;left: 30%;top: 50%;width: 40%;height: 160px;margin-top: -80px;}
.PageLogin .Form .Box{float:left;width: 100%;}
.PageLogin .Form .Box .Tab{float:left;width: 20%;margin: 1.5%;background: #fff;padding: 1%;border-radius: 6px;color: #000;text-shadow: 0px 0px 4px #bbb;cursor:pointer}
.PageLogin .Form .Box .Tab:hover{background: #607D8B;}
.PageLogin .Form .Box .Tab i{float:left;width: 100%;text-align: center;font-size: 90px;}
.PageLogin .Form .Box .Tab .Text{float:left;width: 100%;text-align: center;padding: 10px 0;font-size: 13px;}



.Header{float:left;width: 100%;background: #ffffff;z-index: 10;position: relative;border-bottom: 1px solid #cacaca;}
.Header .Area .Left{float:left;width: 240px;position: relative;}
.Header .Area .Left .Logo{float: left;background: #fff url(/library/img/logo.png);border-radius: 300px;width: 117px;height: 117px;margin: 6px 25px 10px 0px;background-size: 108px;background-position: 50%;background-repeat: no-repeat;position: absolute;box-shadow: 0px 23px 39px -20px #adadad;}

.Blank{float:left;width: 98%;padding: 4% 1%;text-align: center;background: #fff;box-shadow: 0px 0px 0px 1px #e6e6e6;}
.Blank i{float: none;font-size: 81px;color: #ccc;}
.Blank .Text{float:left;width: 100%;font-size: 16px;color: #ccc;}

.Header .Area .Right{float: right;width: initial;}
.Header .Area .Right .UserBox{float: right;margin: 11px 0px;}
.Header .Area .Right .UserBox .Link{float:left;margin: 10px 0px;color: #acacac;font-size: 13px;}
.Header .Area .Right .UserBox .Link .Register{width: 100%;text-align: right;font-size: 14px;padding: 3px 0px 2px 3px;color: #000;text-decoration: none;}
.Header .Area .Right .UserBox .Link .Register:hover{color: #666666;}
.Header .Area .Right .UserBox .Link .Login{width: 100%;text-align: right;font-size: 14px;padding: 2px 3px 0px 0px;color: #000;cursor: pointer;}
.Header .Area .Right .Link .Login:hover{color: #666666;}
.Header .Area .Right .UserBox .Profil{float: right;cursor: pointer;position: relative;}
.Header .Area .Right .UserBox .Profil .Img{float: right;overflow: hidden;border-radius: 100px;border: 3px solid rgba(255, 255, 255, 0.47);box-shadow: 0px 0px 7px -4px #000;margin-left: 10px;}
.Header .Area .Right .UserBox .Profil .Img img{float: right;width: 40px;height: 40px;}
.Header .Area .Right .UserBox .Profil .Name{margin-right: 60px;font-size: 14px;text-align: right;margin-top: 8px;color: #000;}
.Header .Area .Right .UserBox .Profil .Firm{margin-right: 60px;font-size: 12px;text-align: right;color: #a0a0a0;}
.Header .Area .Right .UserBox .Profil .Penc{position: absolute;top: 10px;text-align: right;color: #a0a0a0;width: 190px;background: #fff;right: -1px;margin-top: 48px;padding: 10px;border-radius: 3px;box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.17);display: none;}
.Header .Area .Right .UserBox .Profil:hover .Penc{display: block;}
.Header .Area .Right .UserBox .Profil .Penc i{font-size: 44px;text-align: right;width: 100%;top: -26px;position: absolute;right: 0;color: #000;}
.Header .Area .Right .UserBox .Profil .Penc .Men{float: left;width: 100%;text-align: left;text-indent: 10px;font-size: 14px;padding: 6px 0;border-bottom: 1px solid #efefef;color: #000;cursor: pointer;text-decoration: none;}
.Header .Area .Right .UserBox .Profil .Penc .Men:hover{background: #f5f5f5;}
.Header .Area .Right .UserBox .Profil .Penc .Men:last-child{border-bottom:0}

.Header .Area .Center{float: left;}
.Header .Area .Center .MenuList{float:left;}
.Header .Area .Center .MenuList .MenuTab.Ihale{float:left;margin: 17px 0px 0px 0px;padding: 5px 10px;border-radius: 2px;color: #ffffff;font-size: 15px;cursor: pointer;position: relative;background: #E91E63;}
.Header .Area .Center .MenuList .MenuTab.Ihale:Hover{background-color: #b30842;}
.Header .Area .Center .MenuList .MenuTab.Ihale:Hover .Title{color: #fff;}
.Header .Area .Center .MenuList .MenuTabIcon{/* float:left; *//* padding: 17px 6px; *//* cursor: pointer; *//* box-shadow: 0px -1px 0px 1px #e8e8e8; */}
.Header .Area .Center .MenuList .MenuTabIcon.GeriDon{/* background: #f7f7f7; */}
.Header .Area .Center .MenuList .MenuTabIcon:hover{/* background: #eaeaea; */}
.Header .Area .Center .MenuList .MenuTabIcon i{float:left;color: #353535;font-size: 34px;}
.Header .Area .Center .MenuList .MenuTab{float:left;cursor: pointer;position: relative;padding: 25px 15px;font-size: 14px;box-shadow: 1px 0px 0px 0px #ccc;}
.Header .Area .Center .MenuList .MenuTab .Title{float:left}
.Header .Area .Center .MenuList .MenuTab:Hover{background: #000000;color: #fff;}
.Header .Area .Center .MenuList .MenuTab i{float:left;margin-left: 6px;font-size: 14px;}
.Header .Area .Center .MenuList .MenuTab .Penc{display:none;position: absolute;left: 0px;top: 100%;background: #000000;box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.23);padding: 6px 5%;border-radius: 0px;width: 180px;}
.Header .Area .Center .MenuList .MenuTab .Penc i{position: absolute;top: -17px;right: 0;color: #d1d9e6;font-size: 28px;width: 100%;margin: 0;display: none;}
.Header .Area .Center .MenuList .MenuTab .Penc .Menu{float:left;width: 84%;padding: 5px 8%;color: #bfbfbf;text-decoration: none;font-size: 12px;background: rgba(255, 255, 255, 0.18);margin-top: 2px;}
.Header .Area .Center .MenuList .MenuTab .Penc .Menu:hover{float:left;text-decoration: none;color: #fff;}
.Header .Area .Center .MenuList .MenuTab:hover .Arrow{display:block}
.Header .Area .Center .MenuList .MenuTab:hover .Penc{display:block}

.Header .Area .Center .FavoriList{float:left;margin: 12px 10px 0px 10px;padding: 4px 4px 4px 10px;margin-left: 10px;border-left: 1px solid #d1d1d1;}
.Header .Area .Center .FavoriList .Icon{float:left;font-size: 24px;color: #d9d9d9;}
.Header .Area .Center .SearchBox{float:left;background: #f3f3f3;margin: 13px 4px 0px 4px;padding: 4px;border-radius: 3px;width: 380px;position: relative;margin-left: 50px;}
.Header .Area .Center .SearchBox input{float:left;background: transparent;border: 0;font-size: 14px;padding: 7px 0px;text-indent: 35px;outline: none;width: 100%;}
.Header .Area .Center .SearchBox i{float:left;color: #858585;font-size: 25px;padding: 8px;position: absolute;left: 0;top: 0;cursor: pointer;}
.Header .Area .Center .SearchBox i:hover{float:left;color: #000;}


.Header .Area .Center .Lang{float:left;cursor: pointer;position: relative;padding: 8px 8px;margin: 15px;font-size: 14px;box-shadow: 0px 0px 0px 1px #e4e4e4;}
.Header .Area .Center .Lang .Title{float:left}
.Header .Area .Center .Lang:Hover{background: #717171;color: #fff;}
.Header .Area .Center .Lang i{float:left;margin-left: 6px;font-size: 14px;}
.Header .Area .Center .Lang .Penc{display:none;position: absolute;left: 0px;top: 100%;background: #717171;box-shadow: 0px 1px 0px 1px rgb(228, 228, 228);padding: 6px 5%;border-radius: 0px;width: 180px;}
.Header .Area .Center .Lang .Penc i{position: absolute;top: -17px;right: 0;color: #d1d9e6;font-size: 28px;width: 100%;margin: 0;display: none;}
.Header .Area .Center .Lang .Penc .Tabe{float:left;width: 84%;padding: 10px 8%;color: #ffffff;text-decoration: none;font-size: 12px;background: rgba(224, 224, 224, 0.18);margin-top: 2px;}
.Header .Area .Center .Lang .Penc .Tabe.Aktif{background: #FFEB3B !important;color: #000;}
.Header .Area .Center .Lang .Penc .Tabe:hover{float:left;text-decoration: none;color: #000;background: #ececec;}
.Header .Area .Center .Lang:hover .Arrow{display:block}
.Header .Area .Center .Lang:hover .Penc{display:block}

.Header .Area .Center .Clock{float:left;cursor: pointer;position: relative;padding: 3px 8px;margin: 14px 0px;font-size: 14px;}
.Header .Area .Center .Clock input{float:left;border: 0;background: transparent;font-size: 12px;}
.Header .Area .Center .Clock .Date{float:left;cursor: pointer;position: relative;font-size: 11px;width: 100%;}


.Page .Top{float:left;width: 100%;}
.Page .Top .ButtonList{float: left;width: 100%;display: block;background: transparent;height: inherit;margin-bottom: 20px;}
.Page .Top .ButtonList .ButonTab{width: 24.25%;float: left;margin-right: 1%;}
.Page .Top .ButtonList .ButonTab:last-child{margin-right:0;}
.Page .Top .ButtonList .ButonTab .Button{float: left;width: 100%;text-align:center;color:#000;background:#fff;margin-right: 1%;margin-bottom: 0%;border-radius: 2px;box-shadow: 0px 0px 0px 1px #dcdcdc;padding: 10px 0px;cursor: pointer;position: relative;}
.Page .Top .ButtonList .ButonTab .Button i.Count{position: absolute;color: #E91E63;z-index: 1;right: 35px;top: 11px;width: initial;}
.Page .Top .ButtonList .ButonTab .Button i.Count span{background: #E91E63;position: absolute;left: 13px;width: 28px;height: 21px;top: 11px;color: #fff;text-align: center;font-family: calibri;font-size: 20px;}
 span.Page .Top .ButtonList .ButonTab .Button:Hover{float: left;background: #f5f5f5;}
.Page .Top .ButtonList .ButonTab .Button .Text{float: right;width: 100%;text-align: center;font-size: 17px;padding: 12px 0px 7px 0px;}
.Page .Top .ButtonList .ButonTab .Button i{float:left;width: 100%;font-size: 43px;color: #607D8B;}
.Page .Top .ButtonList .ButonTab .ButtonV{float: left;width: 100%;text-align:center;color: #fff;font-size: 12px;background: #F44336;border-radius: 0px;box-shadow: 0px -4px 48px -9px #000;padding: 7px 0px;cursor: pointer;text-decoration: none;}
.Page .Top .ButtonList .ButonTab .ButtonV:Hover{float: left;background: #dc2d20;}

.Page .Left{float:left;width: 82%;}
.Page .Left .Istatistik{float:left;background: #d8b2bf;padding: 2%;width: 96%;box-shadow: 0px 0px 0px 1px #dcdcdc;margin-bottom: 20px;color: #fff;}
.Page .Left .Istatistik .Title{float:left;width: 100%;text-align: center;font-weight: 500;font-size: 24px;border-bottom: 1px solid #eaeaea;padding: 20px 0;margin-bottom: 10px;}
.Page .Left .Istatistik .Box_List{float:left;width: 100%;}
.Page .Left .Istatistik .Box_List .Istatistik_Box{float:left;width: 25%;padding: 10px 0;box-shadow: 1px 0px 0px 0px #ececec;cursor: pointer;position: relative;}
.Page .Left .Istatistik .Box_List .Istatistik_Box:Hover{background-color: #a06378;box-shadow: none;}
.Page .Left .Istatistik .Box_List .Istatistik_Box:last-child{box-shadow: none;}
.Page .Left .Istatistik .Box_List .Istatistik_Box .T1{float:left;width: 100%;text-align: center;font-size: 36px;font-weight: 400;}
.Page .Left .Istatistik .Box_List .Istatistik_Box .T1 span{font-size: 17px;}
.Page .Left .Istatistik .Box_List .Istatistik_Box .T2{float:left;text-align: center;font-size: 14px;width: 100%;padding: 8px 0;}
.Page .Left .Istatistik .Box_List .Istatistik_Box i{float:left;font-size:60px;width:100%;position:absolute;color:#f44336;left:0;bottom:-60px;height:initial;line-height:initial;text-align:center;}
.Page .Left .MenuBox{float:left;width: 100%;}
.Page .Left .MenuBox .Box{width: 100%;float: left;}
.Page .Left .MenuBox .Box .BntBox{float: left;width: 24.25%;text-align: center;color: #E91E63;background: #fff;margin-right:1%;margin-bottom:1%;border-radius: 2px;box-shadow: 0px 0px 0px 1px #dcdcdc;padding: 10px 0px;cursor: pointer;}
.Page .Left .MenuBox .Box .BntBox.Pasif{background: #e9ebee;color: #ababab;box-shadow: 0px 0px 0px 1px #dcdcdc;}
.Page .Left .MenuBox .Box .BntBox:nth-child(+4n){margin-right:0}
.Page .Left .MenuBox .Box .BntBox.Aktif:Hover{float: left;background: #f9f9f9;}
.Page .Left .MenuBox .Box .BntBox .Text{float: right;width: 100%;text-align: center;font-size: 17px;padding: 12px 0px 5px 0px;}

.Page .Left .MenuBox .Box .BntBox i{float:left;width: 100%;font-size: 46px;}

.Page .Right{float: right;width: 17%;}
.Page .Right .BtnR{float: left;width: 100%;text-align:center;margin-bottom: 3%;border-radius: 2px;box-shadow: 1px 2px 5px -2px #929292;padding: 4px 0px;cursor: pointer;}
.Page .Right .BtnR.White{color: #000;background: #ffffff;}
.Page .Right .BtnR.Yellow{color: #000;background: #FFEB3B;}
.Page .Right .BtnR.Gri{color: #fff;background: #607D8B;}
.Page .Right .BtnR.Yellow:hover{background: #e8d424;}
.Page .Right .BtnR.Gri:Hover{float: left;background: #466371;}
.Page .Right .BtnR.White:Hover{background: #f9f9f9;}
.Page .Right .BtnR .Text{float: right;width: 80%;text-align: left;font-size: 13px;line-height: 22px;}
.Page .Right .BtnR i{float:left;width: 20%;font-size: 22px;}

.Page .Right .BtnR.Full{float: left;width: 100%;text-align:center;margin-bottom: 3%;border-radius: 2px;box-shadow: 1px 2px 5px -2px #929292;padding: 4px 0px;cursor: pointer;}
.Page .Right .BtnR.Full .Text{float: right;width: 100%;text-align: center;font-size: 12px;line-height: 22px;}
.Page .Right .BtnR.Full i{float:left;width: 100%;font-size: 38px;}