html{height:100%}body{background-color:#f7f7f7;letter-spacing:.2px;height:100%}main{position:relative;max-width:1270px;min-height:900px;background-color:#fff;box-sizing:border-box;margin:auto;top:51px}h1{font-size:16px;margin-bottom:10px}h2{width:100%;margin:20px 0 10px;font-size:18px}a{color:#0081c9}article ul{margin-bottom:10px}article li{list-style-type:disc;margin-left:15px}figure{font-size:0;position:relative}figure figcaption{font-size:14px}.white_pannel{background-color:#fff}.middle{margin:auto;padding:10px 0}.flex_wrap{display:flex;flex-wrap:wrap;justify-content:space-between}.panel{border-radius:4px;background:#fff;padding:20px;margin-bottom:20px;box-sizing:border-box;font-size:18px}.error{color:red}.hide{display:none}.hint{cursor:pointer;margin-top:4px}.ul_style{margin-bottom:15px}.ul_style li{list-style-type:disc;margin-left:30px}input[type=text]{font-size:16px;width:98%;min-height:26px}.login_register{display:flex}.login_register .log_left{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;background:#eaf0fa}.login_register .log_left .background_img{display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:0 20px}.login_register .log_left .background_img img{width:557px;height:440px}.login_register .log_right{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between}.login_register .log_right .form_input{padding:50px 100px}.login_register .log_right .form_input .sub_link{display:flex;justify-content:space-between}.login_register .log_right .form_input .sub_link a{padding:10px 0}.login_register .log_right .form_input .sub_link .submit_reg{width:45%;height:40px}.login_register .log_right .form_input .form{width:100%;max-width:350px}.login_register .log_right .form_input .form .header{margin-bottom:24px;text-align:center}.login_register .log_right .form_input .form .header .title{font-weight:500;font-size:24px;line-height:28px}.login_register .log_right .form_input .form .header .content{margin-top:12px;font-size:14px;line-height:22px}.login_register .log_right .form_input label{text-transform:capitalize}.login_register .log_right .form_input input{border-radius:4px;background:#fff;border:1px solid #e0e0e0;min-height:18px;margin-bottom:15px;padding:14px 12px;box-sizing:border-box;width:100%;box-shadow:none;outline:none;-webkit-appearance:none}#header{position:fixed;display:flex;width:100%;background-color:#0081c9;box-shadow:0 1px 2px 0 rgba(0,0,0,.53);z-index:9;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}#header #search_nav{height:40px;width:calc(100% - 60px);margin:5px;position:relative}#header .user{display:flex;align-items:center;justify-content:space-around;cursor:pointer;width:90px;height:30px;margin:5px;padding:5px;border-radius:5px;background-color:#f1f1f1}#header .user:hover .panel-user{display:block}#header .panel-user{display:none;position:absolute;z-index:1;top:45px;right:4px;width:245px;height:320px;padding:5px 10px;border-radius:5px;border:1px solid #c8c8c8;box-sizing:border-box;background-color:#eee}#header .panel-user input{margin-bottom:10px}#header #nav{display:none;flex-direction:row;position:absolute;width:100%;height:auto;max-height:calc(100vh - 50px);overflow:scroll;left:0;top:38px;padding:0 5px;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.66);box-sizing:border-box}#header #nav a:hover{background-color:#ebf7ff}#header #js_search_suggest{width:100%;padding:5px 0 0 20px}#header #js_search_suggest li:last-child{border-bottom:1px solid #f7f7f7}#header #js_search_suggest .search_a{display:block;position:relative;height:40px;margin:13px 0;box-sizing:border-box;color:#000}#header #js_search_suggest .search_a img{height:100%;width:40px;position:absolute;top:0;left:0}#header #js_search_suggest .search_text{height:40px;display:flex;flex-direction:column;justify-content:center;margin-left:45px}#header #js_search_suggest .search_text span{font-size:15px}#header #js_search_suggest .search_text p{font-size:12px;color:#747474}#header #nav>a{display:inline-block;width:24%;height:23%;padding-top:10px;margin-bottom:15px;color:#000;text-align:center}#header #nav>a img{width:70px;display:block;margin:auto}#logo svg{position:relative;top:4px}#js_search_result li{margin:2px 0;padding:3px 0}form label{display:block;text-transform:uppercase;color:#a7a7a7}form input,form select{border:none;border-bottom:1px solid #ececec}form select{width:100%;height:35px}form textarea{border:1px solid #ececec}form input,form textarea{width:98%;min-height:26px;font-size:16px}#word_edit form{background-color:#fff;padding:10px;width:93%;max-width:600px}#word_edit form>div{margin-bottom:15px}#word_edit form .click{cursor:pointer;background-color:#ffd7d7;padding:6px;box-sizing:border-box;display:inline-block;border-radius:5px;margin:5px 0}#word_edit .exam_vi{font-style:italic;color:#0281c9;margin-bottom:20px}#home #banner{background-image:url(https://oichin.com/image/home/banner2.webp);height:0;padding-bottom:47%;background-size:100%;position:relative}#home #banner .detail{position:absolute;bottom:0;width:55%;left:50%;padding:20px;color:#fff;transform:translate(-50%, 0%);background-color:rgba(51,51,51,.6196078431);border-radius:16px 16px 0 0;border:3px solid #fff;border-bottom:0}#home .table_home tr:nth-child(2n){background-color:#ededed}#home .table_home td{padding:5px 10px}#home .list_word_30 th{text-align:left;font-weight:normal}#home .label_li{font-weight:bold;margin:16px 0 4px 0}#home .list_sentence_new li{margin-bottom:6px}#home details{margin-bottom:10px}#home details summary{width:100%;margin:20px 0 10px;font-size:18px;font-weight:bold;cursor:pointer;list-style:none;display:flex;align-items:center}#home details summary::-webkit-details-marker{display:none}#home details summary::after{content:"▾";margin-left:8px}#home details[open] summary::after{content:"▴"}#cate_choose,#type_choose{display:flex;margin-bottom:10px}.word_selected{background-color:#d5e5ff;margin-right:5px;padding:5px 10px;border-radius:5px}.remove_select{display:inline-block;background-color:#bdc8ff;border-radius:50%;margin-left:7px;padding:4px 8px;cursor:pointer;font-size:10px}.remove_select:hover{background-color:#36454f;color:#fff}.list_check{max-height:150px;overflow:overlay;border:1px solid #dbdbdb;border-radius:5px}.list_check li{border-bottom:1px solid #efefef;cursor:pointer;padding:7px 10px;border-radius:5px}.list_check li:hover{background-color:#36454f;color:#fff}#list_type{max-height:288px}#addnew_cate{margin-top:15px;display:flex;justify-content:space-between}#addnew_cate input{width:75%;border:1px solid #d5e4ff;border-radius:5px;padding:4px 7px}#addnew_cate span{display:inline-block;background-color:#a1ffc6;padding:7px 7px;width:17%;text-align:center;border-radius:5px;border:1px solid #333;cursor:pointer}input[name=learn]{display:inline-block;width:25px;min-height:10px;margin-right:20px}#tab_prac{display:flex;position:relative}#tab_prac a{color:#000}#tab_prac div{cursor:pointer;font-size:19px;font-weight:bold;padding:5px 10px}#tab_prac div:hover{background-color:#7f12ae;color:#fff}#tab_prac .tab_checked{background-color:#e5a5ff}#tab_prac hr{width:100%;height:2px;position:absolute;bottom:-9px;border:none;background-color:#e4a5ff}#word_practice .input-wrapper{position:relative;display:inline-block;width:100%}#word_practice input[type=text]{width:calc(100% - 40px);font-size:18px;padding:4px 8px;box-sizing:border-box;position:relative}#word_practice .list_word{height:100px;overflow:overlay;padding:5px;border:1px solid #cacaca}#word_practice .like-btn{cursor:pointer;display:none;color:#333;background-color:#ddd;font-size:14px;padding:6px;box-sizing:border-box;border-radius:20%}#show_prac .mean{margin-top:15px}#show_prac .usage{font-style:italic;color:#4ea9ff}.ipa{color:#ff641b}.js_try_more{display:flex;justify-content:center;margin:15px}.js_try_more span{background-color:#0281c9;color:#fff;cursor:pointer;padding:10px 20px;border-radius:5px;font-weight:bold}.audio img{width:20px;margin-top:5px}#prac_verbs>div{margin-bottom:25px}#prac_verbs>div label{color:#a7a7a7;display:block}#prac_verbs .v0{font-weight:bold}#prac_verbs .irr{color:#fc7300}#prac_verbs input[type=text]{width:94%;display:block}.label_false{color:#ff6d6d}.label_true{color:#008804}.hidden{display:none;cursor:pointer}#sentence_add .block{margin-bottom:20px}#sentence_add label{display:block;font-weight:bold;margin-bottom:6px}#sentence_add input[type=text],#sentence_add #sentence_add textarea{width:100%;margin-bottom:8px}#sentence_add .true_row,#sentence_add .false_row{border:1px solid #eee;padding:10px;border-radius:6px;margin-bottom:10px}#sentence_add #js_help{background:#f6f6f6;padding:10px 14px;border-radius:6px;margin-bottom:16px}#sentence_add #js_help summary{cursor:pointer;color:#1a73e8;list-style:none;display:flex;align-items:center}#sentence_add #js_help summary::-webkit-details-marker{display:none}#sentence_add #js_help summary::after{content:"▾";margin-left:8px}#sentence_add #js_help[open] summary::after{content:"▴"}#sentence_add #js_exist_warning{color:#c0392b;margin:8px 0;display:none}#sentence_add #js_add_true{cursor:pointer;color:#1a73e8;display:inline-block;margin-bottom:16px}#sentence_add #js_recent{margin-top:30px}#sentence_add #js_recent li{margin-bottom:6px}#sentence_edit .block{margin-bottom:24px}#sentence_edit label{display:block;font-weight:bold;margin-bottom:6px}#sentence_edit .view_mode{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;cursor:pointer}#sentence_edit .view_mode p{padding:8px 0 16px 0}#sentence_edit .view_mode .text_bold{white-space:pre-wrap;font-weight:bold}#sentence_edit .view_mode.hidden_by_edit{display:none}#sentence_edit .edit_mode{display:none}#sentence_edit .edit_mode.active{display:block}#sentence_edit #js_true_list .list_item{border:1px solid #008804}#sentence_edit #js_false_list .list_item{border:1px solid #ff6d6d}#sentence_edit .list_item{border-radius:6px;padding:10px;margin-bottom:10px}#sentence_edit .list_item .note_view{color:#666;font-size:90%;margin-top:4px;padding:4px 0 4px 16px}#sentence_edit .list_item .note_view ul{list-style-type:disc}#sentence_edit .list_item .remove_item{cursor:pointer;color:#c0392b;font-size:90%}#sentence_edit #js_add_true_item,#sentence_edit #js_add_false_item{cursor:pointer;color:#1a73e8;display:inline-block;margin-top:6px}#sentence_edit input[type=text],#sentence_edit textarea{width:98%;margin-bottom:12px}#sentence_edit .save_new_item{margin-top:8px}#sentence_edit .add_del{display:flex;gap:32px;border-top:1px solid #cecece;padding-top:24px}#sentence_practice li{list-style:none;border:1px solid #eee;border-radius:6px;padding:12px;margin-bottom:12px}#sentence_practice .sentence_vi{font-weight:bold;margin-bottom:8px}#sentence_practice input[type=text]{width:100%}#sentence_practice .result_note{margin-top:8px;padding:12px 14px;background:#f6f6f6;border-left:3px solid #0281c9;border-radius:4px;color:#444;line-height:1.6}#sentence_practice .result_note b,#sentence_practice .result_note strong{color:#0281c9}#sentence_practice .btn-loading{opacity:.7;pointer-events:none}#sentence_practice .btn-loading .spinner,#sentence_practice .inline-loading .spinner{width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-right:6px;border:2px solid rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.7);border-radius:50%;animation:spin .8s linear infinite}#sentence_practice .inline-loading{display:inline-flex;align-items:center;gap:8px;opacity:.85}#sentence_practice .fix_wrong{margin-top:8px}#sentence_practice .show_answers{margin-top:8px;margin-left:8px}#sentence_practice .edit_link{margin-top:8px;margin-left:8px;display:inline-block}#sentence_practice .edit_link.hidden{display:none}#sentence_practice .answer_list{margin-top:8px}#sentence_practice .answer_list li{list-style:disc;margin-left:20px;border:none;padding:0;margin-bottom:4px}@media screen and (max-width: 1270px){#product_detail #detail_p{justify-content:center}#product_detail #service{display:none}}@media screen and (max-width: 935px){.login_register{display:block}.login_register .log_left .background_img{padding:20px}.login_register .log_left .background_img img{height:160px}.login_register .log_right .form_input .form{max-width:100%}#product_detail .img_thumb{margin-bottom:20px}#product_detail #service{display:inline}#product_detail #review #review_img,#product_detail #review .rev_total_detail{width:100%}#product_detail #review #review_button{width:50%}#product_detail #review #form_review #vote_choose{width:100%}#product_detail #review #form_review #rev_btn_img{width:100%}}@media screen and (max-width: 844px){#list_p article{width:33.33%}#product_detail #info_p,#product_detail #service{width:100%;padding-bottom:10px}}@media screen and (max-width: 760px){.container{padding:5px}#home #banner .detail{width:90%;padding:8px}#product_detail #cart_button{position:fixed;display:flex;flex-direction:row-reverse;bottom:0;right:0;width:75%;height:42px;z-index:1}#product_detail #cart_button span{border-radius:0;width:50%}#product_detail #review .rev_total_detail{justify-content:center}#product_detail #review #review_button{width:100%}}@media screen and (max-width: 600px){.login_register .log_right .form_input{padding:50px 10px}#header #js_search_suggest{padding:5px 0 0 5px}#header #nav>a{width:33%}#header #nav>a img{width:55px}#list_p article{width:50%}#main_p_cate .head-cate .content_heading{width:85%;top:5%;background-color:hsla(0,0%,100%,.4509803922)}#product_detail #review .rev_total_detail{margin-top:10px}#product_detail #review #popup_img_slider .btn{width:100%}}@media screen and (max-width: 450px){#header #nav>a{width:50%}#home #banner{padding-bottom:44%}#home #banner .detail h1{font-size:15px}#home #banner .detail p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4em;overflow:hidden}#blog_detail .panel{padding:3px}}