.formula{background:#fff;margin-bottom:5px;display:inline}p.formula_title{color:#333;font-weight:700;border-bottom:1px solid #e1e1e1;padding-bottom:5px;font-size:16px;margin-bottom:5px}.items_formula{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;width:60%}.content_formula{width:40%;text-align:center}.content_formula img{border-radius:15px}.items_formula button{background:#890f7c;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.item_formula{width:100%;margin-bottom:10px;display:flex;align-content:center;align-items:center;justify-content:flex-start}.item_formula>span:first-child{width:20%;display:block;background:#fa0;border:1px solid #fa0;border-left:0;color:#000;padding:7px 4px}.item_formula>span:last-child{padding-right:5px}.item_formula input{border:1px solid #fa0;padding:7px 5px;border-right:0}.formula_section{display:flex;justify-content:center;flex-wrap:nowrap;flex-direction:row-reverse;align-items:center;gap:5px}.show_result{background:#fea82b;border-radius:5px;width:auto;padding-right:10px}.show_result span{color:#fea82b;padding:5px 5px;display:inline-block;border-radius:5px;background:#333;margin:5px 10px;box-shadow:0 0 1px 1px #fea82b;font-size:16px}.formula_page p.formula_title{display:none}.formula_page .content_formula img{border-radius:15px;max-width:100%;background:#f9f9f9;box-shadow:0 0 2px #d5d5d5}.content_formula_cat{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start}.formula_col img{border-radius:10px;display:block;transition:all .5s}.formula_col h2{text-align:center;font-size:1.2em;position:absolute;color:#000;font-weight:700;z-index:2;border:1px solid;padding:5px;opacity:0;transform:translate(100%,0);transition:all .5s}.content_formula_cat a{width:32.3333%;margin:.5%;position:relative;overflow:hidden;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;border-radius:10px;box-shadow:0 0 2px #d4d4d4;background:#f8f8f8}.content_formula_cat a:before{content:'';position:absolute;background:#fea82b;height:100%;width:100%;z-index:1;transform:translate(-100%,0);opacity:0;transition:all .3s}.content_formula_cat a:hover:before{opacity:1;transform:translate(0,0);transition:all .3s}.content_formula_cat a:hover h2{opacity:1;transform:translate(0,0)}.content_formula_cat a:hover img{filter:grayscale(1);transition:all .3s}.formula_links{background:#fff;margin:10px auto;padding:10px}.similar_formula{color:#88167a;font-size:1.1em;font-weight:700;margin-bottom:10px;border-bottom:3px solid;display:inline-block;padding-bottom:5px}.desc_formula{border-top:1px solid #cdcdcd;padding-top:10px}.desc_formula p{font-size:14px;line-height:2em}@media only screen and (max-width:1000px){.formula_section{flex-direction:column}.content_formula_cat a{width:49%;background:0 0;box-shadow:none}.content_formula_cat a:before{display:none}.formula_col img{background:#f5f5f5}.formula_col h2{font-size:12px;border:unset;font-weight:unset;transform:unset;opacity:1;position:unset;color:#58595b}.items_formula{width:100%}.desc_formula p{font-size:13px}.content_formula{width:100%;text-align:center}.item_formula{margin-bottom:3px}.show_result{margin-bottom:5px}.item_formula>span:first-child{width:40%;padding:8px 0;font-size:12px}.item_formula>span:last-child{font-size:11px;width:40%}.item_formula input{width:100%;display:flex;text-align:center}}