*,*:after,*::before{-moz-box-sizing:border-box;box-sizing:border-box}
.st-content{overflow-y:scroll;background:#f3efe0}
.st-content,.st-content-inner{position:relative}
.st-container{position:relative;overflow:hidden}
.st-pusher{position:relative;left:0;z-index:99;height:100%;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s}
.st-pusher::after{position:absolute;top:0;right:0;width:0;height:0;background:rgba(0,0,0,0.2);content:'';opacity:0;-webkit-transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s}
.st-menu-open .st-pusher::after{width:100%;height:100%;opacity:1;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}
.st-menu{position:absolute;top:0;right:0;z-index:100;visibility:hidden;width:350px;background:#fff;display:none;border-left:2px solid #f7f7f7;border-bottom:2px solid #1bb0ce;overflow-y:auto;height:100%}
.st-menu::after{position:absolute;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.2);content:'';opacity:1;-webkit-transition:opacity 0.5s;transition:opacity 0.5s}
.st-menu-open .st-menu::after{width:0;height:0;opacity:0;-webkit-transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s;transition:opacity 0.5s,width 0.1s 0.5s,height 0.1s 0.5s}
.st-menu ul{margin:0;padding:0;list-style:none}
.st-menu h2{margin:0;padding:1em;color:rgba(0,0,0,0.4);text-shadow:0 0 1px rgba(0,0,0,0.1);font-weight:300;font-size:2em}
.st-menu ul li a{display:block;padding:8px 5px 8px 0;outline:none;color:#2a6ab4;-webkit-transition:background 0.3s,box-shadow 0.3s;transition:background 0.3s,box-shadow 0.3s;font-size:14px;font-weight:bold;line-height:24px}
.st-effect-1.st-menu{visibility:visible;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.st-effect-1.st-menu-open .st-effect-1.st-menu{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display:block}
.st-effect-1.st-menu::after{display:none}
.st-effect-2.st-menu-open .st-pusher{-webkit-transform:translate3d(350px,0,0);transform:translate3d(350px,0,0)}
.st-effect-2.st-menu{z-index:999;display:block;right:auto;border:none}
.st-effect-2.st-menu-open .st-effect-2.st-menu{visibility:visible;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;left:0}
.st-effect-2.st-menu::after{display:none;z-index:999}
.no-csstransforms3d .st-pusher,.no-js .st-pusher{padding-left:300px}
.index_open{padding:10px 10px 10px 15px}
.txt-search{position:relative}
.txt-search input{border:1px solid #deedff;height:33px;width:100%}
input.button-search{background:url(../images/icons.png) no-repeat 5px -536px;display:block;width:49px;height:31px;border:none;position:absolute;top:1px;right:1px;padding:0}
.search{background:url(../images/icons.png) no-repeat 0 -3094px !important}
.ic_home,.ic_guide,.ic_favor,.ic_mathematic,.ic_98,.ic_physical,.ic_chemis,.ic_biologi,.ic_litera,.ic_english,.ic_edit,.ic_shop,.ic_resulf,.ic_view,.ic_tool,.ic_function,.ic_message,.ic_managa,.ic_monney,.ic_massage{display:block;width:26px;height:26px;float:left;margin-right:10px;padding:0;border:1px solid #2a6ab4;border-radius:50%}
.ic_home{background-position:3px -606px}
.ic_guide{background-position:5px -635px}
.ic_favor{background-position:4px -662px}
.ic_mathematic{background-position:0 -709px}
.ic_98{background-position:4px -748px}
.ic_physical{background-position:5px -778px}
.ic_chemis{background-position:5px -819px}
.ic_biologi{background-position:5px -850px}
.ic_litera{background-position:4px -884px}
.ic_english{background-position:2px -915px}
.ic_edit{background-position:5px -1348px}
.ic_shop{background-position:3px -1384px}
.ic_resulf{background-position:5px -1421px}
.ic_view{background-position:9px -1450px}
.ic_tool{background-position:4px -1481px}
.ic_function{background-position:3px -1522px}
.ic_message{background-position:5px -1561px}
.ic_managa{background-position:9px -2787px}
.ic_monney{background-position:3px -2827px}
.ic_massage{background-position:5px -2870px}
ul.list_menu li .ic_dotB{background-position:right -1099px;padding:12px}
.ic_dotR{background-position:right -1137px;padding:12px}
ul.list_menu li{border-bottom:1px solid #f1f1f1}
ul.menu_sub{border-top:1px solid #f1f1f1;display:none}
ul.menu_sub li{background:url(../images/dot.jpg) no-repeat 9px 15px;padding-left:28px}
ul.menu_sub li a{font-weight:normal;color:#333;display:inline-block}
ul.menu_sub li a:hover{color:#ff3300}
ul.menu_sub li:last-child,.forum ul.list li:last-child,ul.list_menu li:last-child{border:none}
ul.menu_sub li a.ic_love,ul.menu_sub li a.ic_lovedefault{background-position:right -1177px;float:right;padding:15px !important}
ul.menu_sub li a.ic_lovedefault{background-position:right -1214px}
ul.menu_sub li ul.menu_sub2 li{background:#eef5fe;padding-left:8px;margin-bottom:1px}
.st-effect-1 ul.menu_sub li ul.menu_sub2 li a{padding:3px 0}
.forum .title{background-color:#f6f6f6;background-image:-moz-linear-gradient(center top,#f6f6f6,#fff);background:-webkit-gradient(linear,0 0,0 100%,from(#f6f6f6),to(#fff));background-repeat:repeat-x;padding:13px;color:#cc3300;font-size:14px;text-align:center}
.forum ul.list li{float:left;border-right:1px solid #dedddd;border-left:1px solid #f6f6f6;text-align:center;width:25%}
.forum ul.list li a{background:#ececec;color:#3a3a3a;font-size:14px;text-transform:uppercase;padding:10px}
.forum ul.list li a.active,.forum ul.list li a:hover{border-bottom:2px solid #ff3300}
ul.list_class li{margin-right:10px;width:22%;margin:10px 12px 5px 0;text-align:center}
ul.list_class li:nth-child(4n){margin-right:0}
ul.list_class li a{background:#dcf5fa;border-radius:3px;color:#004c5b;text-shadow:0 1px 1px #fff;padding:3px 6px}
.contact{text-align:center;font-size:14px;margin-top:20px;color:#3a3a3a}
/*-----------menu trái----------------*/
.box_login{padding:20px 10px;text-align:center;color:#3a3a3a}
.box_login h3{font-size:25px;color:#cc3300;margin-bottom:10px}
a.fb-connect{background:#395d9b;background:-moz-linear-gradient(top,#567ab4 0%,#567ab4 49%,#395d9b 50%,#395d9b 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#567ab4),color-stop(49%,#567ab4),color-stop(50%,#395d9b),color-stop(100%,#395d9b));background:-webkit-linear-gradient(top,#567ab4 0%,#567ab4 49%,#395d9b 50%,#395d9b 100%);background:-o-linear-gradient(top,#567ab4 0%,#567ab4 49%,#395d9b 50%,#395d9b 100%);background:-ms-linear-gradient(top,#567ab4 0%,#567ab4 49%,#395d9b 50%,#395d9b 100%);background:linear-gradient(to bottom,#567ab4 0%,#567ab4 49%,#395d9b 50%,#395d9b 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#567ab4',endColorstr='#395d9b',GradientType=0 );color:#fff;font-weight:bold;height:35px;line-height:32px;display:inline-block;text-decoration:none;font-size:12px;border-radius:4px;text-align:center;text-shadow:0 1px #333;color:#fff;padding:0 4px 0 0;box-shadow:inset 0 1px 0 #6b8dc4;width:204px}
.button_face{background:url(../images/icons.png) 15px -1267px;display:block;float:left;height:35px;width:35px;margin-right:3px;padding:0;border-right:1px solid #314F83}
a.fb-connect:hover{background:#567ab4}
.line{border-bottom:1px solid #bfbfbf;height:14px;line-height:22px;margin-bottom:20px}
.line span{background:#fff;padding:7px 16px;font-size:14px}
.box_login input,.box_login select{border:1px solid #e8e8e8;background:#fefff6;width:100%;font-style:italic;height:33px}
.btn_blueB{background:#4179b8;padding:10px 20px;border:none;color:#fff;text-transform:uppercase;font-size:14px;text-shadow:0 2px 1px #1E5F5E}

/*-----------menu trái----------------*/
.box_personal .top_person{background-color:#f2f2f2;background-image:-moz-linear-gradient(center top,#f2f2f2,#fff);background:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#fff));background-repeat:repeat-x;border-top:1px solid #fff;border-bottom:1px solid #e2e2e2;padding:10px}
.box_personal .top_person a.img{float:left;margin-right:10px}
.box_personal .top_person a.img img{width:64px;height:64px;border:2px solid #009095;border-radius:50%}
.box_personal .top_person p{margin-bottom:5px;font-size:14px;color:#3a3a3a}
.btn_green,a.btn_green{background-color:#2d9b08;background-image:-moz-linear-gradient(center top,#4eb50e,#077d01);background:-webkit-gradient(linear,0 0,0 100%,from(#4eb50e),to(#077d01));background-repeat:repeat-x;border-radius:3px;padding:4px 6px;color:#fff;box-shadow:0 2px 3px #999;text-shadow:0 2px 1px #656363;font-size:12px;border:none;font-weight:bold}
.btn_while{background-color:#e7e7e7;background-image:-moz-linear-gradient(center top,#fcfcfc,#e7e7e7);background:-webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#e7e7e7));background-repeat:repeat-x;border-radius:3px;padding:2px 6px;color:#3a3a3a;box-shadow:0 2px 4px #999;font-size:14px;border:1px solid #e1e1e1}
.box_personal ul.list_menu{padding:10px}
.box_personal ul.list_menu li a{font-weight:normal}
.message{background:#db0303;width:20px;height:20px;font-size:14px;color:#fff;border-radius:50%;display:inline-block;font-weight:bold;text-align:center;line-height:19px;margin-left:3px}
.box_personal .contact{border-bottom:2px solid #1bb0ce;padding-bottom:10px;border-top:none}

















