body {
}

/* 方程式按鈕區域 */
.mathiconContent{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.mathicon {
    width: 32px;
    height: 32px;
    overflow: hidden;
    /*border: 1px solid #88c0e9;*/
}

.mathicon:hover {
    border: 1px solid #88c0e9;
}


.icon-frac { background-image: url('../images/1.分數.png'); }
.icon-sqrt { background-image: url('../images/2.平方根.png'); }
.icon-root { background-image: url('../images/3.根號.png'); }
.icon-superscript { background-image: url('../images/4.上標.png'); }
.icon-subscript { background-image: url('../images/5.下標.png'); }
.icon-super_sub_script { background-image: url('../images/6.上下標.png'); }
.icon-dot { background-image: url('../images/7.倒數.png'); }
.icon-underline { background-image: url('../images/8.下滑線.png'); }
.icon-overline { background-image: url('../images/9.上滑線.png'); }
.icon-prime { background-image: url('../images/10.單引號.png'); }
.icon-sum { background-image: url('../images/11.求和.png'); }
.icon-plus { background-image: url('../images/12.加號.png'); }
.icon-minus { background-image: url('../images/13.減號.png'); }
.icon-times { background-image: url('../images/14.乘號.png'); }
.icon-div { background-image: url('../images/15.除號.png'); }
.icon-neq { background-image: url('../images/16.不等於.png'); }
.icon-because { background-image: url('../images/17.因為.png'); }
.icon-therefore { background-image: url('../images/18.所以.png'); }
.icon-pm { background-image: url('../images/19.正負.png'); }
.icon-cup { background-image: url('../images/20.聯集.png'); }
.icon-cap { background-image: url('../images/21.交集.png'); }
.icon-perp { background-image: url('../images/22.垂直.png'); }
.icon-infty { background-image: url('../images/23.無窮.png'); }
.icon-leq { background-image: url('../images/24.小於等於.png'); }
.icon-geq { background-image: url('../images/25.大於等於.png'); }
.icon-subset { background-image: url('../images/26.子集.png'); }
.icon-supset { background-image: url('../images/27.父集.png'); }
.icon-subseteq { background-image: url('../images/28.子集或等於.png'); }
.icon-supseteq { background-image: url('../images/29.父集或等於.png'); }
.icon-in { background-image: url('../images/30.包含於.png'); }
.icon-ni { background-image: url('../images/31.不包含於.png'); }
.icon-biggerthan { background-image: url('../images/32.大於.png'); }
.icon-lessthan { background-image: url('../images/33.小於.png'); }
.icon-approx { background-image: url('../images/34.約等於.png'); }
.icon-sim { background-image: url('../images/35.相似.png'); }
.icon-cong { background-image: url('../images/36.全等.png'); }
.icon-uparrow { background-image: url('../images/37.上箭頭.png'); }
.icon-downarrow { background-image: url('../images/38.下箭頭.png'); }
.icon-alpha { background-image: url('../images/39.α.png'); }
.icon-beta { background-image: url('../images/40.β.png'); }
.icon-gamma { background-image: url('../images/41.γ.png'); }
.icon-theta { background-image: url('../images/42.θ.png'); }
.icon-lambda { background-image: url('../images/43.λ.png'); }
.icon-pi { background-image: url('../images/44.π.png'); }
.icon-mu { background-image: url('../images/45.μ.png'); }
.icon-rho { background-image: url('../images/46.ρ.png'); }
.icon-Sigma { background-image: url('../images/47.∑.png'); }
.icon-Omega { background-image: url('../images/48.Ω.png'); }
.icon-Delta { background-image: url('../images/49.Δ.png'); }
.icon-phi { background-image: url('../images/50.空集.png'); }
.icon-triangle { background-image: url('../images/51.三角形.png'); }
.icon-angle { background-image: url('../images/52.角.png'); }
.icon-odot { background-image: url('../images/53.圓.png'); }




/* 方程式顯示區域 */
.mathContent{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    /*border:1px solid red;*/
    margin-bottom: 1rem;
}

.tips {
    color: red;
    margin-bottom: 1rem;
}

.math-field {
    text-align: center;
    width: 100%;
    height: 6rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}