@charset "UTF-8";
@font-face {
    font-family: "wending1"; /* 文鼎漢語寬拼音L1標準 */
    src: url("../Font/ARWHanYuL1B5-Md.woff2") format("woff2"),
    url("../Font/ARWHanYuL1B5-Md.woff") format("woff"),
    url("../Font/ARWHanYuL1B5-Md.ttf") format("truetype"),
    url("../Font/ARWHanYuL1B5-Md.svg") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "wending2"; /* 文鼎漢語寬拼音L2 */
    src: url("../Font/ARWHanYuL2B5-Md.woff2") format("woff2"),
    url("../Font/ARWHanYuL2B5-Md.woff") format("woff"),
    url("../Font/ARWHanYuL2B5-Md.ttf") format("truetype"),
    url("../Font/ARWHanYuL2B5-Md.svg") format("woff");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "wending3"; /* 文鼎漢語寬拼音L3 */
    src: url("../Font/ARWHanYuL3B5-Md.woff2") format("woff2"),
    url("../Font/ARWHanYuL3B5-Md.woff") format("woff"),
    url("../Font/ARWHanYuL3B5-Md.ttf") format("truetype"),
    url("../Font/ARWHanYuL3B5-Md.svg") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "wending4"; /* 文鼎漢語寬拼音L4 */
    src: url("../Font/ARWHanYuL4B5-Md.woff2") format("woff2"),
    url("../Font/ARWHanYuL4B5-Md.woff") format("woff"),
    url("../Font/ARWHanYuL4B5-Md.ttf") format("truetype"),
    url("../Font/ARWHanYuL4B5-Md.svg") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "wending5"; /* 文鼎漢語寬拼音L5 */
    src: url("../Font/ARWHanYuL5B5-Md.woff2") format("woff2"),
    url("../Font/ARWHanYuL5B5-Md.woff") format("woff"),
    url("../Font/ARWHanYuL5B5-Md.ttf") format("truetype"),
    url("../Font/ARWHanYuL5B5-Md.svg") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "wending6"; /* 文鼎漢語寬拼音L6 */
    src: url("../Font/ARWHanYuL6B5-Md.woff2") format("woff2"),
    url("../Font/ARWHanYuL6B5-Md.woff") format("woff"),
    url("../Font/ARWHanYuL6B5-Md.ttf") format("truetype"),
    url("../Font/ARWHanYuL6B5-Md.svg") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "wang"; /* 王漢宗中楷體注音 */
    src: url("../Font/wp010-08.woff2") format("woff2"), /*chrome, firefox*/
    url("../Font/wp010-08.woff") format("woff"),
    url("../Font/wp010-08.ttf") format("truetype"), /*chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url("../Font/wp010-08.svg#wp010-08") format("svg");
	font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "wang1"; /* 王漢宗中楷體破音一 */
	src: url("../Font/wp110-08.woff2") format("woff2"),
	url("../Font/wp110-08.woff") format("woff"),
    url("../Font/wp110-08.ttf") format("truetype"),
    url("../Font/wp110-08.svg#wp110-08") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "wang2"; /* 王漢宗中楷體破音二 */
	src: url("../Font/wp210-08.woff2") format("woff2"),
	url("../Font/wp210-08.woff") format("woff"),
    url("../Font/wp210-08.ttf") format("truetype"),
    url("../Font/wp210-08.svg#wp210-08") format("svg");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "wang3"; /* 王漢宗中楷體破音三 */
    src: url("../Font/wp310-08.woff2") format("woff2"),
    url("../Font/wp310-08.woff") format("woff"),
    url("../Font/wp310-08.ttf") format("truetype"), 
    url("../Font/wp310-08.svg#wp310-08") format("svg");
    font-style: normal;
    font-weight: normal;
}

.main{
display:flex;
	/*max-width:950px;*/
	justify-content:center;
}
.mainLeft{
display:flex;
	max-width:950px;
	justify-content:left;
}
ul{
	padding:0;
	list-style:none;
}
.hpreClassLayout {
    display: flex;
    flex-direction: row;
    /*flex-wrap: wrap;*/
    justify-content: flex-start;
    align-items:center;
    padding-bottom:5px;
}
.hpre {
        /*width:25%;*/
        box-sizing: border-box;
        display: flex;
        /*flex:20px;*/
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 10px;
    }


.container{
	/*width: 80%;*/
	height: 100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	/*margin: auto;*/
}
.bpmf{
	/*margin-top: -5px;*/
	display: flex;
	justify-content: space-around;
}
.simple{
	display: flex;
	justify-content: space-around;
}
.pinyin {
	display: flex;
	justify-content: space-around;
}

.bpmf [class*="char"]{
	font-family:"wang"; /* 繁體字注音體 */
	width: 40px;
	text-align:center;
	font-size: 20pt;
	padding-left: 3px;
	margin-left: 6px; 
	margin-right:6px; 
	box-sizing: border-box;   
}
.wang1 {
    font-family: "wang1" !important; /* 繁體字+注音破音一 */
    margin-top: -10px;
}
.wang1Safari { /* only safari */
    font-family: "wang1" !important;
}
.wang2 {
    font-family: "wang2" !important; /* 繁體字+注音破音二 */
    margin-top: -10px;
}
.wang2Safari { /* only safari */
    font-family: "wang2" !important;
}
.wang3 {
    font-family: "wang3" !important; /* 繁體字+注音破音三 */
    margin-top: -10px;
}
.wang3Safari { /* only safari */
    font-family: "wang3" !important;
    
}
.simple [class*="char"]{
	font-family:"SimSun"; /*簡體字*/
	width: 40px; 
	text-align:center;
	font-size:20pt;
	/*padding-left: 3px;*/
	margin-left:6px; 
	margin-right: 6px;
	box-sizing: border-box;   
}
.pinyin [class*="char"]
{
    font-family: "wending1"; /* L1 */
	width:40px; 
	text-align: center; 
	font-size: 30pt;
	margin-left: -16px;
    box-sizing: border-box;
    margin-bottom: -10px;	
	margin-top: -9px;
}
.L2 {
    font-family: wending2 !important;
    
}
.L3 {
    font-family: wending3 !important;
   
}
.L4 {
    font-family: wending4 !important;
    
}
.L5 {
    font-family: wending5 !important;
    
}
.L6 {
    font-family: wending6 !important;
    
}