/* handwriting start */
.pphw-panel {
    overflow: hidden;
    width: 256px;
    height: 263px;
    background-position: 0 -34px;
}

.pphw-panel .yui3-widget-hd {
    height: 29px;
    overflow: hidden;
}

.pphw-panel #pphw-hd-label {
    color: #999;
}

.pphw-panel .yui3-widget-hd span {
    display: block;
    margin: 4px 0 0 60px;
    line-height: 25px;
    font-size: 12px;
}

.pphw-panel .yui3-widget-bd {
    overflow: hidden;
    height: 205px;
}

.pphw-panel .btn-wrapper button {
    margin: 0;
    padding: 0;
    background-color: #FFF;
    border: 0 none;
    cursor: pointer;
    position: absolute;
}

.pphw-panel .pp-gf {
    width: 27%;
    margin: 0 0 0 4px;
    height: 205px;
    overflow: hidden;
}

.pphw-panel .pp-gf button {
    width: 31px;
    height: 31px;
    text-align: center;
    border: 1px double #D0D0D0;
    color: #333;
    top: 29px;
    left: 14px;
    font-size: 16px;
    z-index: 1;
}

.pphw-panel .pp-gf #pphw-cbtn2 {
    top: 59px;
}

.pphw-panel .pp-gf #pphw-cbtn3 {
    top: 89px;
}

.pphw-panel .pp-gf #pphw-cbtn4 {
    top: 119px;
}

.pphw-panel .pp-gf #pphw-cbtn5 {
    top: 149px;
}

.pphw-panel .pp-gf #pphw-cbtn6 {
    top: 179px;
}

.pphw-panel .pp-gf .hover button {
    color: #000;
    border: 2px solid #666;
    font-size: 21px;
    z-index: 2;
}

.pphw-panel .pp-gf #pphw-label-left {
    position: absolute;
    top: 115px;
    left: 49px;
    width: 6px;
    height: 9px;
    margin: 0;
    padding: 0;
    border: none;
    background-position: 0 0;
}

.pphw-panel .pp-u {
    width: 73%;
    border: none;
    margin: 0 4px 0 0;
    float: right;
    height: 205px;
    overflow: hidden;
}

.pphw-panel .pp-u #pphw-flash {
    position: absolute;
    width: 181px;
    height: 181px;
    top: 29px;
    left: 60px;
    border: none;
}

.pphw-panel .pp-u #pphw-qmarkbtn {
    top: 10px;
    left: 209px;
    width: 8px;
    height: 11px;
    background-position: -209px 0;
}

.pphw-panel .pp-u .hover #pphw-qmarkbtn {
    background-position: -191px 0;
}

.pphw-panel .pp-u .active #pphw-qmarkbtn {
    background-position: -227px 0;
}

.pphw-panel .pp-u #pphw-closebtn {
    top: 11px;
    left: 234px;
    width: 9px;
    height: 9px;
    font-size: 0;
    background-position: -63px 0;
}

.pphw-panel .pp-u .hover #pphw-closebtn {
    background-position: -44px 0;
}

.pphw-panel .pp-u .active #pphw-closebtn {
    background-position: -82px 0;
}

.pphw-panel .pp-u #pphw-undobtn {
    width: 50px;
    height: 17px;
    text-align: center;
    color: #FFF;
    top: 212px;
    left: 81px;
    font-size: 12px;
    background-position: -258px -134px;
}

.pphw-panel .pp-u .hover #pphw-undobtn {
    background-position: -258px -114px;
}

.pphw-panel .pp-u .active #pphw-undobtn {
    background-position: -258px -134px;
}

.pphw-panel .pp-u .disabled #pphw-undobtn {
    background-position: -258px -94px;
    cursor: default;
}

.pphw-panel .pp-u #pphw-cleanbtn {
    width: 50px;
    height: 17px;
    text-align: center;
    color: #FFF;
    top: 212px;
    left: 171px;
    font-size: 12px;
    background-position: -258px -74px;
}

.pphw-panel .pp-u .hover #pphw-cleanbtn {
    background-position: -258px -54px;
}

.pphw-panel .pp-u .active #pphw-cleanbtn {
    background-position: -258px -74px;
}

.pphw-panel .pp-u .disabled #pphw-cleanbtn {
    background-position: -258px -34px;
    cursor: default;
}

.pphw-panel .yui3-widget-ft {
    top: 233px;
    height: 29px;
    width: 256px;
    font-size: 12px;
    margin: 0;
    color: #0F0;
    padding: 0;
    overflow: hidden;
    border: none;
    text-align: right;
    position: absolute;
}

.pphw-panel .yui3-widget-ft a: link,.pphw-panel .yui3-widget-ft a: visited {
    color: #059;
}

.pphw-panel .yui3-widget-ft #pphw-bl-link {
    color: #CCC;
    left: 169px;
    top: 9px;
    overflow: visible;
    font-size: 12px;
    position: absolute;
    cursor: pointer;
}

.pphw-panel .yui3-widget-ft .hover #pphw-bl-link {
    color: #039;
    text-decoration: underline;
}

#pphw-triggerbtn {
    width: 26px;
    height: 20px;
    overflow: visible;
    margin: 0 1px 0 3px;
    padding: 0;
    border: none;
    cursor: pointer;
	background: url("https://s.yimg.com/f/i/tw/dictionary/revamp2013/pphw_sprite_2013060603.png") no-repeat scroll -101px 0;
    cursor: default;
    vertical-align: middle;
}

#pphw-triggerbtn:hover {
    background-position: -161px 0;
    overflow: hidden;
}
.pphw-panel, #pphw-label-left, #pphw-undobtn, #pphw-cleanbtn, #pphw-closebtn, #pphw-qmarkbtn {
    background: url("https://s.yimg.com/f/i/tw/dictionary/revamp2013/pphw_sprite_2013060603.png") no-repeat scroll 0 0 transparent;
}
.pphw-panel{
	background-position: 0 -34px;
}
#pphw-panel.yui-panel {
    background-position: 0 -34px;
}
#pphw-triggerbtn.clicked {
    background-color: none;
    background-position: -131px -2px;
    cursor: default;
}

.ie.v6_0 #pphw-triggerbtn {
    margin-top: 5px;
}

/* handwriting stop */