html{min-height:101%}


*{margin:0; padding:0; min-height:0}
body{font-size:13px; background:#fff; font-family:Helvetica,Arial,Sans-Serif; font-style:normal; font-weight:400; color:#6F6F6F; margin:0; padding:0;word-wrap: break-word;}

#mainhead {width:100%; position:relative; z-index: 100 !important;height: auto; background-color: #FFF; float: left;  padding-bottom: 1%; color: #000 !important;}
#sec {width:100%; }
.pheadleft {width: 20%;float: left;}
.pheadright {width: 80% !important;float: right;}
#content{width:100%; background:#fff;  min-height:100%; height:auto!important; margin:0 auto ;}
#header{background:#fff; height:60px; width: 90%; padding:1% 3% 0 3%; width: 94%; float:left;}
#leftblock{float:left;width:70%;height:auto;}
#leftblock2 { width: 70%; float:left;}
#sidebar{width: 30%;float: left;}
#centerbar{width:55%;float: right; margin-left: 5%;}
#rightblock{float:left;width:30%;height:auto;  display:none;} 
#rightblock2{float:right;width:28%;height:auto;    margin-top: 0.7%; }
#ssbar {position:absolute;}
#ncol   { width: 100%; float: left; background-color: #fff; margin-top: 1%; margin-bottom: 2%; height: auto;
display: flex;overflow: hidden; }
#oslider {  width: 65%; float: left; }
#onews   { width: 35%; float: left;  }
#cnews { display: table; table-layout: fixed; width: 100%; height: 100%; max-height: 400px;}
div#cnews div:nth-child(even) {background: #FBFBFB;}
div#cnews div:nth-child(odd) { }
#cnews1 { text-align: left; display: table-row;  }
#cnews1 span {display: table-cell; vertical-align: middle; ;}
#cnews1:first-child span {  border: none; /* no top border on first li */}
#cnews3 { width: 95%;  float: right;}
#cnews1 a { color: #000;  font-size: 1em; font-weight: bold;}
#cnews1 a:hover {background-color: #F5F5F5;text-decoration: none;}
#mail {width: 100%; float: left;}
#mail img {width: 100%; height: 130px;}
#rightblock3{display: block; float: right;  height: auto; margin-top: 1%; color: #000;  display:none;}
#logo{float:left; line-height:35px; font-size:32px; color:#333; margin: 5px;}
#logo img{width:100%;}
#logo a{font-size:32px; color:#652828;text-decoration: none;}
#logo a:hover{color:#652828;}
#search{float: right; padding-top: 3%; font-size: 32px; color: #333; width: 100%;}
#sestext{    display: block; font-size: 18px; font-style: normal; font-variant: normal; font-weight: 400; height: 32px; position: static; text-align: left; text-decoration: none; width: 100%;}
#intext{width: 100%; float: left; text-decoration: none; padding: 5px; font-size: 14px;height: 33px;}
#s1{width:75%; float:left;overflow: hidden;}
#s2{width:25%; float:right;}
.b-search{color: #FFF; cursor: pointer; display: block; float: left; font-size: 18px; font-style: normal; font-variant: normal; font-weight: 400; height: 32px; letter-spacing: normal; line-height: normal; overflow: hidden; position: static; text-decoration: none; text-shadow: none; vertical-align: middle;  word-spacing: 0px; border-color: #000; border-style: none; background-color: #F10808; width: 100%;}
.b-search:hover {background-color: #AA3737;}
a{font-style:normal; font-variant:normal; color:#1B4570; font-weight:normal; text-decoration:none}
a:hover{color:#1B4570; text-decoration:underline}
div, span, ul, li, menu, nav{border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; margin:0; padding:0;list-style:none;}

#blanks{float:left; width:100%; min-height:640px; margin: auto; margin-top:0px; position:relative; }
#blockhead{ margin-bottom:4px; padding-left:2px; background:#F10808; border:0; color:#fff; font-size:14px; font-weight:bold}
#blockhead2 { margin-top: 4px; margin-bottom: 4px; padding-left: 2px; background: #139378 none repeat scroll 0% 0%; border: 0px none; color: #FFF; font-size: 14px; font-weight: bold;}   
#footer{ font-family:'trebuchet ms'; text-align:center; color:#6E8996;  }
#footer a{color:#fff; font-size:13px}
.footer, .foclear{clear:both}
#copyright { background-color: #151515;color: #CCC; padding: 1% 0;}
#realcopy {width: 94%; height: auto; margin: auto; padding-left: 3%; padding-right: 3%;}
#footerch {width: 100%; margin: auto;background-color: rgb(84, 84, 84); padding: 10px;}
#row4 { width: 240px; height: auto; padding: 10px 20px; margin: auto 10px 10px auto; color: #CCC; border-radius: 10px; float: left;}
#left { width:25%; float:left;}
#right {width:60%; float:right;}
.sticky {   position: fixed !important;  left: 240;  z-index: 100;  border-top: 0;width:100% !important; top: 0px;}
#cnewshead { width: 100%; float: left; background-color: #FFF; color: #F10808; font-size: 150%; text-align: center;}
#cnewshead a {color: #F10808;}
#cnewshead2 { width: 100%; float: left; background-color: #F10808; color: #fff; font-size: 150%; text-align: center;}
#cnewshead2 a {color: #fff;}
#tutor {  width: 100%;  float: left; color: #000;}
#thead { width: 94%;  float: left ; background-color: #008AFF;  color: #FFF;  font-size: 150%;  text-align: left;  padding: 0 3%;}
#thead a {color:#fff;}
#thead2 {width:100%; font-size: 1.2em; font-weight: bold;}
#tbox  { float: left;width: 100%;}
#hbox  {width:100%;font-size: 1.2em; font-weight: bold;}
#qbox  { border: 1px solid #094268; background-color: #D3DFE5; padding: 3%; margin: 1% 0px;  font-weight: bold;
color: #000; width: 90%; border-radius: 0px; font-size: 1.2em;}
#ambox { }
#abox {border: 1px solid #82BEE3; background-color: #F2F2F2; padding: 1%; font-size: 1.2em; color: #000;
margin: 1% 0;  width: 94%; }
#abox:hover {border: 1px solid #F05B0A; background-color: #C0C0C0;}
#ansbox { width: 150px; float: left; background-color: red; height: 20px;  color: #fff;  padding: 1%;  font-size: 15px; cursor: pointer;}
#ansbox3 {    border: 1px solid #82BEE3;   background-color: #D1D1D1;   padding: 1%;   font-size: 1.3em;   color: #000;   margin: 1% 0px;  width: 94%;  float: left; font-weight: bold;}
#ansbox:hover {    background-color: #B12323; width: 149px;}
#slideimg { position: absolute; top: 340px; left: 0px; width: 720px; color: White; font-size: 16px; font-weight: bold; line-height: 50px; text-align: left; background-color: #000;opacity: 0.7;padding-left: 2%;}
#slideimg a {font-size: 25px; color: #fff;}
#blokd {background-color: rgb(255, 255, 255); width: 100%; float: left; margin-bottom: 3%;}
#cmth   { width: 100%; float: left;  }
#cmth1 { background-color: #FFF; width: 94%; padding: 3%; margin-bottom: 20px; overflow: hidden;}
#cmth2 {padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #EEE; color: #000; text-align: justify;}
#cmth2 span {padding-top: 4px; font-weight: bold; font-size: 14px; color: #1B4570;}
#cmth2:first-child span {  border: none; /* no top border on first li */}
#cmth2 a { color: #000;  font-size: 1em; font-weight:bold; }
#cmth2 a:hover {text-decoration: none;}
#cmth2 img {  float: left; position: relative; top: 1px; right: 3px; padding: 2px;}
#awcc1435324375255 { float: left; width: 100%;}
#admob {display:none;}
#adweb {display;block;}
#privacy { color: rgb(0, 0, 0); padding: 1% 2%; line-height: 30px; text-align: justify;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width: 100% !important;
	margin: auto;
}
.split {height:350px; overflow: hidden;}
.split2 {height: 300px; overflow-y: scroll;}
.split3 {height:400px;  overflow-y: scroll;}
.split22000 > div{ 
-webkit-transition: width 0.2s ease; 
-moz-transition: width 0.2s ease; 
-o-transition: width 0.2s ease; 
-ms-transition: width 0.2s ease;    
transition: width 0.2s ease; 
}

#box2000 > div{ 
-webkit-transition: width 0.2s ease; 
-moz-transition: width 0.2s ease; 
-o-transition: width 0.2s ease; 
-ms-transition: width 0.2s ease;    
transition: width 0.2s ease; 
}
#box2000 > div:hover{ width:170%!important;  cursor:pointer;}

#box2001 > div{ 
-webkit-transition: width 0.2s ease; 
-moz-transition: width 0.2s ease; 
-o-transition: width 0.2s ease; 
-ms-transition: width 0.2s ease;    
transition: width 0.2s ease; 
}
#box2001 > div:hover{ width:170%!important;  cursor:pointer;}

#box2002 > div{ 
-webkit-transition: width 0.2s ease; 
-moz-transition: width 0.2s ease; 
-o-transition: width 0.2s ease; 
-ms-transition: width 0.2s ease;    
transition: width 0.2s ease; 
}
#box2002 > div:hover{ width:170%!important;  cursor:pointer;}

#box2003 > div{ 
-webkit-transition: width 0.2s ease; 
-moz-transition: width 0.2s ease; 
-o-transition: width 0.2s ease; 
-ms-transition: width 0.2s ease;    
transition: width 0.2s ease; 
}
#box2003 > div:hover{ width:170%!important;  cursor:pointer;}

#box2004 > div{ 
-webkit-transition: width 0.2s ease; 
-moz-transition: width 0.2s ease; 
-o-transition: width 0.2s ease; 
-ms-transition: width 0.2s ease;    
transition: width 0.2s ease; 
}
#box2004 > div:hover{ width:170%!important;  cursor:pointer;}

#box2005 > div{ 
-webkit-transition: width 0.2s ease; 
-moz-transition: width 0.2s ease; 
-o-transition: width 0.2s ease; 
-ms-transition: width 0.2s ease;    
transition: width 0.2s ease; 
}
#box2005 > div:hover{ width:170%!important;  cursor:pointer;}

#box2006 > div{ 
-webkit-transition: width 0.2s ease; 
-moz-transition: width 0.2s ease; 
-o-transition: width 0.2s ease; 
-ms-transition: width 0.2s ease;    
transition: width 0.2s ease; 
}
#box2006 > div:hover{ width:170%!important;  cursor:pointer;}


.navbar-brand > img {
    display: block;
    width: 100px;}
.navbar-brand.project > img {
    display: block;
    width: 250px;}

.ansbox3 {
	height: 40px;
	line-height: 40px;
	background: #25A822;
	padding-left: 10px;
	color: #fff;
}

.well {background: #fff !important;}
.nmen a{
	padding: 10px !important;
	margin: 5px 5px;
	background: #de2020 ;
	color: rgb(255, 255, 255) !important;
	border-radius: 2px;
	font-weight: bold;
}
.tmenu a:hover {background-color: #5a768a !important;}
.tmenu a{
	padding: 10px !important;
	margin: 5px 5px;
	background: #208ede;
	color: rgb(255, 255, 255) !important;
	border-radius: 2px;
	font-weight: bold;
}
.promenu a:hover {background-color: #f60 !important;}
.promenu a{ padding: 10px !important; margin: 5px 5px; background: #208ede; color: rgb(255, 255, 255) !important; border-radius: 2px;
font-weight: bold; }

.btn.prosearch { background: #f60; color: #fff !important; }

.prosearch1 ::before {color: #fff !important; }

.nmen a:hover {background-color: #a11010 !important;}
.morenew { background-color: #E60A0A !important; border: #968181 1px solid !important; color: #fff; font-size: 16px;
font-weight: bold; }
.morenew a {color:#fff;}
.facebook { background: #3460a0; color: #fff;}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
.fb_iframe_widget iframe  { position: relative !important; width: 100% !important;  }
.fb_iframe_widget span {width: 100% !important; }
._2p3a {
	width: 100% !important;
	min-width: 0px;
}

.listdept {
	background-color: #fff !important;
	border: #DAD1D1 1px solid !important;
	color: #F60;
	font-size: 15px;
	font-weight: bold;
}

.probanner {background-image: url(../images/main.png);
background-repeat: no-repeat;
background-size: 100%;}

.plogo{ width: 80%; padding: 0px !important; margin: 0px important;}
.plogo img { float:left; width:250px !important; }
.newsbanner {background-image: url( https://news.obiaks.com/images/map.png);
background-repeat: no-repeat;
background-size: 100%;}
.newsbtn {background-color: #E60A0A !important; }
.newsbtnspan {color:#fff !important;}
.carousel-caption {right: 0px !important; left: 0px !important; background: #000;
opacity: 0.5;}
.carousel-caption a {color:#fff !important;}
.web {float: left;  display:block; width:100%}
.mob {display:none !important;}
.tab {display:none;}
.col-sm-12   { float: left; }
.nopad {
    padding: 5px !important;
}



.off::before { color: red; font-size: 20px;}

.fb_iframe_widget {width: 100%;}
.highlight {width: 98%;float: left;background: #fff;margin: 0 1%; padding: 0.5%;}
.myans {
	position: relative;
	float: right;
}
.ap-container {padding: 0px !important;}
.homenav {margin-bottom: 10px;}
.homeleft {width: 20%;float: left;}
.homecenter {width: 100%;float: left;border: 1px solid #ccc;border-radius: 4px;}
.lefthead {
	width: 20%;
	float: left;
}
.centerhead {
	width: 50%;
	float: left;
}
.righthead {
	float: right;
	width: 25%;
	margin-right: 2%;
}
.dropdown-menu li {width:100%;}
.righthead ul {	width: unset;}
.righthead ul li { float:left; }
.homestrech {width: 100%;float: left;}
.newsleft{width: 34%;float: left;}
.newscenter{width: 33%;float: left;}
.newsright {width: 33%;float: right;}

.leftproject {width: 20%;float: left;}
.centerroject {width: 50%;float: left;}
.rightproject {width: 30%;float: left;}

.hometutor {width: 50%;float: left;}
.homebook {width: 50%;float: left;}
#blanks-account {width: 70%;	float: left;margin: 0 15%; min-height: 450px;}
.name-and-slogan {	margin-top: 5px;}
.status-available {color: green;}
.formmini {max-width: 450px;}
.mb50{width: 100%;}
.well.fpad {	border: unset;}
.newsleft.fpad, .leftproject.fpad {	padding-left: unset !important;}
.newsright.fpad, .rightproject.fpad  {padding-right: unset !important;}

.list-group-item:last-child {
	border-bottom-right-radius: unset !important;
	border-bottom-left-radius: unset !important;
}

.list-group-item:first-child {
	border-top-left-radius: unset !important;
	border-top-right-radius: unset !important;
}
.myresult {	width: 100%;	float: left;}
.ajax-poll {}
.book-search {	width: 100% !important;	float: left;}
.ap-container {border-top: unset !important;}
.hometutor, .test1{width:100%; float:left;}
.ajax-poll {
	width: 50%;
	float: left;
}
.tutor-right {
	width: 50%;
	float: right;
}

.homebook {
	width: 100%;
}

#sidebar1 {
height: unset;
   max-height: 400px;
   overflow:hidden;
}

@media screen and (max-width: 979px) {
    .formmini {max-width: unset;}
    #blanks-account {	width: 100%;	float: left;	margin: 0;}
    .ptye {width: 50px;float: right;color: #000;}
.mymb15 {	width: 100%;}
.pheadleft {width: 100%;}
.foldtab {width: 50%;float: left;}
.newsright {width: 50%;float: left;}

.newsleft{width: 100%;float: left;}
.newscenter{width: 100%;float: left;}

.leftproject {width: 30%;float: left;}
.foldproject {width: 70%;float: left;}
.centerroject {width: 100%;float: left;}

.rightproject {width: 100%;float: left;}

.hometutor {width: 100%;float: left;}
.homebook {width: 100%;float: left;}

html{min-height:101%; }
.split {
	height: auto;
	overflow: hidden;
}
.dropdown-menu {min-width:0px !important;}
.facebook { background: #3460a0; color: #fff;}

#rightblock3 {display: none; }


*{margin:0; padding:0; min-height:0}
body{font-size:13px; background:#fff; font-family:Helvetica,Arial,Sans-Serif; font-style:normal; font-weight:400; color:#6F6F6F; margin:0; padding:0;word-wrap: break-word;}
#mainhead {width:100%; position: relative; z-index: 1; }
#content{width:100%; background:#fff; overflow:display; min-height:100%; height:auto!important; margin:0 auto 0px}
#header{background:#fff; height:100% ;width: 90%; padding-left: 5%;padding-right: 5%;}
#rightblock2{float:right;width:100%;height:auto;    margin-top: 0.7%; }
#rightblock3{float:right;height:auto; margin-top: 5px; display: block; position: relative; }
#ansbox {height:50px;}
#leftblock{float:left;width:70%;height:auto;}
#leftblock2{float:left;width:100%;height:auto;}
#ncol   { width: 100%; float: left; background-color: #fff; margin-top: 1%;display:block; }
#oslider {  width: 100%; float: left; }
#onews   { width: 98%; float: left; padding: 1%; }
#cnews { }
#cnews1 { }
#sidebar{width: 100%;}
#centerbar{width:100%;float: right; margin-right: 0px; margin-left: 0px;display: none;}
#rightblock{float: right; width: 40%; height: auto; margin-top: 10px; position: relative; }
#logo{float:left; padding-top:1%;; line-height:35px; font-size:32px; color:#333; padding-left: 0%; width:60%;}
#logo img{width:100px; max-width: 100px;}
#logo a{font-size:32px; color:#652828;text-decoration: none;}
#logo a:hover{color:#652828;}
#search{float: right; padding-top: 0px; font-size: 32px; color: #333; width: 100%;}
#sestext{    display: block; font-size: 18px; font-style: normal; font-variant: normal; font-weight: 400; height: 32px; position: static; text-align: left; text-decoration: none; width: 100%;}
#s1{width:70%; float:left;}
#s2{width:30%; float:right;}
#intext{width: 100%; float: left; text-decoration: none; padding: 5px; font-size: 14px;height: 20px;}
.b-search{color: #FFF; cursor: pointer; display: block; float: left; font-size: 70%; font-style: normal; font-variant: normal; font-weight: 400; height: 32px; letter-spacing: normal; line-height: normal; overflow: hidden; position: static; text-decoration: none; text-shadow: none; vertical-align: middle;  word-spacing: 0px; border-color: #000; border-style: none; background-color: #F10808; width: 100%;}
.b-search:hover {background-color: #AA3737;}
a{font-style:normal; font-variant:normal; color:#1B4570; font-weight:normal; text-decoration:none}
a:hover{color:#1B4570; text-decoration:underline}
div, span, ul, li, menu, nav{border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; margin:0; padding:0;list-style:none;}
#blanks{float:left; width:100%; min-height:640px;height:auto!important; margin:0px auto; background-color: #E1E1E1; padding: 0px; }
#blockhead{margin-top:4px; margin-bottom:4px; padding-left:2px; background:#F10808; border:0; color:#fff; font-size:14px; font-weight:bold}
#footer{margin-top:0px; font-family:'trebuchet ms'; text-align:center; color:#6E8996; background:#f8f8f8;  }
#footer a{color:#fff; font-size:13px}
.footer, .foclear{clear:both}
#copyright { background-color: #151515;color: #CCC;}
#realcopy {width: 94%; height: auto; margin: auto; padding-left: 3%; padding-right: 3%;}
#footerch {width: 100%; margin: auto;background-color: rgb(84, 84, 84);}
#row4 { width: 240px; height: auto; padding: 10px 20px; margin: auto 10px 10px auto; color: #CCC; border-radius: 10px; float: left;}
#left { width:100%; float:left;}
#right {width:100%; float:left; padding-bottom: 1%;}
 
	
	/*Display 'show menu' link*/
.show-menu {display:block;}


.sticky {   position: relative !important;  left: 240;  z-index: 100;  border-top: 0;width:100% !important;}
#cnewshead { width: 100%; float: left;  background-color: #FFF;  color: #FFF;  font-size: 150%;  text-align: center;}
#admob {display:block;}
#adweb {display:none;}
.split {height:auto;}

.split2 {height:auto;}
.homeleft {display: none;}
.homeright {display: none;}
.homecenter {width: 100%;margin: 0;}

}

@media screen and (max-width: 476px) {
    .ajax-poll, .tutor-right {
	width: 100% !important;
	float: left;
}
    #blanks-account {	width: 100%;	float: left;	margin: 0;}
.halfleft {width: 100%;}
.halfright {width: 100%;}
.mymb15 {	width: 100%;}
    .pheadleft {width: 100%;}
.ptye {float: left;color: #000; text-align: center;width: 100%;}
#blanks-account {	width: 100%;	float: left; margin:0;}
.foldtab {width: 100%;float: left;}
.newsleft{width: 100%;float: left;}
.newscenter{width: 100%;float: left;}
.newsright {width: 100%;float: left;}

.leftproject {width: 100%;float: left;}
.foldproject {width: 100%;float: left;}
.centerroject {width: 100%;float: left;}

.rightproject {width: 100%;float: left;}

.hometutor {width: 100%;float: left;}
.homebook {width: 100%;float: left;}
.web {display:none;}
.mob {float: left;  display:block; width:100%;}
.tab {display:none;}
.tabsearch {display:block !important;}
.mobmenu1 {
	width: 40px;
	float: left;
}
.tabsearch {}
.tabsearch1{}
.split2 {height:auto;}
#box2000 {display:none;}
.homeleft {display: none;}
.homeright {display: none;}
.homecenter {width: 100%;margin: 0px;}

}