/** post background-color:#fc7460
pads background-color:#0070ec **/
.ringpost{}
.ringcore,.rcdot,.rcdotm,.rcdot:before,.rcdot:after,.rcdotm:before,.rcdotm:after{background-color:#fc7460}
.ringcore:before,.rcside01,.rcside02,.rcside01:before,.rcside01:after,.rcside02:before,.rcside02:after,.ppdota:before,.ppdota:after,.rope:before{background-color:#fff}

.ringcore:after,.pp:before,.pp:after,.ringcorebottom,.ringcorebottom:before,.pp i,.ppdotb:before,.ppdotb:after,.rope:after,.rope01 .pptla:before{background-color:#000}
.pp{background-color:#0070ec}






.ringcore{position:absolute; width:100%; left:0}

.ringcore:before,.ringcore:after,.rcdot01:before,.rcdot01:after,.rcdotm:before,.rcdotm:after,.pp i:before,.pp i:after,.pp:before,.pp:after,.rcside01:before,.rcside01:after,.rcside02:before,.rcside02:after,.ringcorebottom:before{position:absolute; content:""}


.rcdot,.rcdotm,.pp,.rcside01,.rcside02,.ringcorebottom,.ringpost,.rope{position:absolute}



.rcdot01:before,.rcdot01:after{width:100%; height:100%; left:300%}
.rcdot01:before{top:0}
.rcdot01:after{top:3400%}

.rcdot02{top:0}

.rcdotm:before,.rcdotm:after{left:0; width:100%; height:100%}
.rcdotm:before{top:200%}
.rcdotm:after{top:400%}
.rcdot07.rcdotm:after{display:none}







.pp:before,.pp:after{height:25%}
.rp01 .pp:before,.rp01 .pp:after{left:20%}
.rp02 .pp:before,.rp02 .pp:after{right:20%}
.pp:before{top:-25%}


.pp:after{bottom:-25%}


.pp i{position:absolute; top:0}

.ppdota{left:0}
.ppdotb{right:0}

.pp i:before,.pp i:after{height:100%}
.ppdota:before,.ppdota:after{top:100%}
.ppdotb:before,.ppdotb:after{width:100%; top:300%}
.ppdotb:before{left:-800%}
.ppdotb:after{left:0}

.ppdota:before{width:300%}
.ppl .ppdota:before,.ppr .ppdota:after{width:300%}
.ppr .ppdota:before,.ppl .ppdota:after{width:100%}

.ppdotb:before,.ppdotb:after{width:100%}


.ppl .ppdota:before{left:200%}
.ppl .ppdota:after{left:600%}
.ppr .ppdota:before{left:200%}
.ppr .ppdota:after{left:400%}



.rope:before,.rope:after{width:100%; left:0; content:""; position:absolute; z-index:100}






.rcside01:before,.rcside01:after,.rcside02:before,.rcside02:after{width:100%; height:100%}
.rp01 .rcside01:before,.rp01 .rcside01:after,.rp01 .rcside02:before,.rp01 .rcside02:after,.rp02 .rcside01:before,.rp02 .rcside01:after,.rp02 .rcside02:before,.rp02 .rcside02:after{left:0}


.rp01 .rcside02{left:0}
.rp02 .rcside02{right:0}
.rcside02:before{top:200%}
.rcside02:after{top:400%}

.ringcorebottom{bottom:0; left:0}
.ringcorebottom:before{top:0; width:100%; height:100%; left:500%}



.rope{width:944px; height:24px}
.rope:before{top:4px; height:8px}
.rope:after{top:12px; height:4px}
.rope{left:40px}
.rope01{top:40px}
.rope02{top:72px}
.rope03{top:104px}
.ringcore:before{width:50%; height:136px}

.rp01 .ringcore:before{right:4px}
.rp01 .ringcore:after,.rp02 .ringcore:after{width:16px; bottom:-4px; height:4px}
.rp01 .ringcore:after{left:4px}
.rp02 .ringcore:before{left:4px}
.rp02 .ringcore:after{right:4px}



.ringcore{top:4px; height:140px}
.ringpostx{width:24px; height:148px}
.rcdot,.rcdotm{width:4px; height:4px}
.rcdot01{top:-4px; left:4px}

.rcdot03{top:24px}
.rcdot04{top:48px}
.rcdot05{top:72px}
.rcdot06{top:96px}
.rcdot07{top:120px}

.rp01 .rcdotm{left:8px}
.rp02 .rcdotm{right:8px}
.pp{width:36px; height:16px; z-index:110}
.ppl{left:0}
.ppr{right:0}
.pp:before,.pp:after{width:28px}

.pptla{top:4px}
.pptlb{top:48px}
.pptlc{top:80px}

.rcside01,.rcside02,.ringcorebottom{width:4px}

.rcside01{height:12px; top:28px}

.rp01 .rcside01{left:4px}
.rp02 .rcside01{right:4px}
.pp i{width:4px; height:4px}
.rcside01:before{top:32px}
.rcside01:after{top:64px}
.rcside02{height:16px; top:32px}
.ringcorebottom{height:4px}
.ringpost{top:20px}
.rp01{left:36px}
.rp02{right:36px}

.postbox{width:1024px; position:relative; height:208px}



.rr{background-color:#fff; width:4px; position:absolute; height:80px}
.rr:before,.rr:after{background-color:#000; width:100%; position:absolute; content:""}
.rr01{top:128px}
.rr02{top:120px}
.rr03{top:112px}
.rr04{top:104px}
.rr05{top:96px}
.rr06{top:88px}
.rr07{top:80px}
.rr08{top:72px}
.rr09{top:64px}

.rr:after,.rr:before{height:20%}
.rr:before{top:20%}
.rr:after{top:60%}
.rra.rr01{left:0}
.rrb.rr01{right:0}
.rra.rr02{left:4px}
.rrb.rr02{right:4px}
.rra.rr03{left:8px}
.rrb.rr03{right:8px}
.rra.rr04{left:12px}
.rrb.rr04{right:12px}
.rra.rr05{left:16px}
.rrb.rr05{right:16px}
.rra.rr06{left:20px}
.rrb.rr06{right:20px}
.rra.rr07{left:24px}
.rrb.rr07{right:24px}
.rra.rr08{left:28px}
.rrb.rr08{right:28px}
.rra.rr09{left:32px}
.rrb.rr09{right:32px}

.rra01,.rra02{position:absolute; background-color:#fff; width:4px}
.rra01{top:56px; height:12px; z-index:200}
.rra02{top:60px; height:16px}
.rra01:before,.rra01:after,.rra02:before,.rra02:after{position:absolute; content:""; background-color:#fff; width:100%; height:100%}
.rra01:before{top:32px}
.rra01:after{top:64px}
.rra02:before{top:200%}
.rra02:after{top:400%}

.rra01a{left:40px}
.rra01b{right:40px}
.rra02a{left:36px}
.rra02b{right:36px}

.rrc{width:4px; height:8px; position:absolute; background-color:#000}
.rrc:before,.rrc:after{background-color:#000; width:100%; height:100%; position:absolute; content:""}
.rrc:before{top:-100%}
.rrc:after{top:-200%}
.rrca:before{left:100%}
.rrca:after{left:200%}
.rrcb:before{left:-100%}
.rrcb:after{left:-200%}

.rrc01{bottom:0}
.rrc02{bottom:24px}
.rrc03{bottom:48px}
.rrc03:after{display:none}
.rrca.rrc01{left:4px}
.rrcb.rrc01{right:4px}
.rrca.rrc02{left:16px}
.rrcb.rrc02{right:16px}
.rrca.rrc03{left:28px}
.rrcb.rrc03{right:28px}