/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2019年8月16日, 下午2:27:52
    Author     : YinJingFei <gushiyuan.org>
*/


header {
    text-align: center;
}

#bagua {
    height: 95%;
    width: 95%;
}

.yaox {
    margin: 0 auto;
    width: 100%;
    height: 15.8%;
}

.yaox_1 {
    float: left;
    width: 10.3%;
    height: 61.8%;
    background-color: black;
    margin: 2% 0 auto 10.3%;
}

.yin {
    float: left;
    width: 10.3%;
    height: 61.8%;
    background-color: white;
    margin: 2% 0 auto 0
}

.yang {
    float: left;
    width: 10.3%;
    height: 61.8%;
    background-color: black;
    margin: 2% 0 auto 0
}

.yaox_3 {
    float: left;
    width: 10.3%;
    height: 61.8%;
    background-color: black;
    margin: 2% auto auto 0;
}

.yaoci {
    float: left;
    height: 61.8%;
    width: 53.8%;
    white-space: nowrap;
    margin: 2% auto auto 0;
}

h4 {
    text-align: center;
}

footer {
    text-align: center;
}