body{background:#fff}
h1{font-size:1.25em}
.titleBox{margin:5px 10px 2px;float:left}

.mockup{float:left;margin:8px 4px 4px 8px}
.muPrice{margin:5px 10px;padding:2px 5px;border:1px solid #ccc;border-radius:6px;float:left;max-width:190px}
.container{display:inline-block;vertical-align:top;min-width:236px;max-width:1300px;margin:4px;overflow:auto}
.continue{font-weight:700;color:#000;background-color:#ddd;cursor:pointer;border:3px outset #bbb;border-radius:6px;box-shadow:2px 2px 0 0 #999,2px 2px 0 0 #aaa,3px 3px 0 0 #ccc,4px 4px 0 0 #eee;transition:background-color .2s linear;position:fixed;bottom:5px;right:225px;padding:4px}

#bSilk,#bFrame,#bPaper{border-radius:6px;display:inline-block;width:45px;height:36px;margin:0 1px;border:2px inset #ddd}
#bSilk{width:74px}
#bFrame{width:36px}
.bAccent,.bCall,.bFormat1,.bFormat2,.bIns,.bSize,.bStyle,.cSize,.tFrame{height:64px;display:inline-block;background:url(//a.ooi1.com/options8.png) center no-repeat;border:none}
.bCall{width:64px;background-position:0 0}
.bFormat1{width:34px;background-position:-70px 0}
.bFormat2{width:31px;height:36px;background-position:-110px -17px}
.bSize{width:48px;height:36px;background-position:-150px -18px}
.cSize{width:48px;height:16px;background-position:-150px -24px}
.bStyle{width:64px;height:36px;background-position:-205px -18px}
.bAccent{width:34px;background-position:-315px 0}
.bIns{width:64px;background-position:-355px 0;margin:0 -15px -7px -7px}
.bFormat1{margin-right:4px}
.mIns{margin:-15px 0 0 -43px}
.ctxt{margin:40px 0 0 -64px}
.ui{font:500 .875em 'Segoe UI',Verdana,Sans-Serif}
.sbody{border:1px solid #666;background:#eee;padding:10px 0;margin:4px 7px 8px 0;overflow-x:hidden;border-radius:6px;box-shadow:1px 1px 0 0 #333,2px 2px 0 0 #444,3px 3px 0 0 #555,4px 4px 0 0 #666,5px 5px 5px 0 #000}
.swsf{display:inline-block;margin:2px;background:#fff;border:1px solid #ccc;border-radius:4px;vertical-align:top}
.swatch{width:82px;height:82px;border:thin solid #999;margin:1px;border-radius:4px}
.none{height:auto}
.bhr,.insbottom,.insside,.label,.swatch {display:block}
.bspan{display:inline-block;margin:0;padding:3px 1px 0}
.bhr{width:98%;line-height:.25em;border-bottom:1px solid #ccc}
.back{z-index:-800}
.flexDesc{display:inline-flex;justify-content:center;align-items:center;flex-flow:column wrap}

.cbi,.kgti,.ldqi,.mi {width:84px;height:118px;display:block;margin:1px 0 2px 1px}
.cbsamp,.ksamp,.ldqsamp,.misamp{width:68px;height:180px;display:block;margin:1px 1px 2px 0;float:right;border:thin solid #400;border-radius:4px}
.ldqsamp{background:#ccc url(asian-art/ldq-s.jpg)}
.ldqi{background:#ccc url(ldq-xs.jpg)}
.cbsamp{background:#ccc url(asian-art/xap-s.jpg)}
.cbi{background:#ccc url(cb-s.jpg)}
.ksamp{background:#ccc url(asian-art/kgt-s.jpg)}
.kgti{background:#ccc url(kgt-xs.jpg)}
.misamp{background:#ccc url(asian-art/bishou-s.jpg)}
.mi{background:#ccc url(bishou-xs.jpg)}
.b,.language {background:0 0;font-weight:700}

.tensho{background:#ccc url(calligraphy/tensho.jpg);height:166px}
.zhuan{background:#ccc url(calligraphy/zhuan.jpg)}
.reisho{background:#ccc url(calligraphy/reisho.jpg);height:167px}
.lishu{background:#ccc url(calligraphy/lishu.jpg)}
.kaisho{background:#ccc url(calligraphy/kaisho.jpg);height:179px}
.kaishu{background:#ccc url(calligraphy/kaishu.jpg)}
.kaigyosho{background:#ccc url(calligraphy/kaigyosho.jpg);height:173px}
.xingkai{background:#ccc url(calligraphy/xingkai.jpg)}
.gyosho{background:#ccc url(calligraphy/gyosho.jpg);height:182px}
.xingshu{background:#ccc url(calligraphy/xingshu.jpg)}
.gyososho{background:#ccc url(calligraphy/gyososho.jpg);height:191px}
.sosho{background:#ccc url(calligraphy/sosho.jpg);height:201px}
.hangul{background:#ccc url(calligraphy/hangul.jpg)}
.gyosho,.gyososho,.kaigyosho,.kaisho,.reisho,.sosho,.tensho{display:block;width:60px;border:thin solid #400;border-radius:4px}
.hangul,.kaishu,.lishu,.xingkai,.xingshu,.zhuan{display:block;width:51px;height:215px;margin:5px 5px 0;border:thin solid #400;border-radius:4px}
.hangul{width:80px}
.missing{border:1px dashed red}
.insside{background:#fff url(inscription-left3.jpg) no-repeat;width:92px;height:230px;margin:2px}
.insbottom{background:#fff url(inscription-bottom1.jpg);width:83px;height:200px;margin:2px 2px 32px}
.square{background:#ccc url(square.jpg);width:50px;height:50px}
.rect{background:#ccc url(rect.jpg);width:50px;height:100px}
.rect,.square{border:thin solid #400;margin:4px auto;display:block}
.w120{width:120px}
.w130{width:130px}
.w140{width:140px}
.w180{width:180px}
.w190{width:190px}
.w220{width:220px}
.wa{width:auto}
.max{width:95%;max-width:1100px;padding:4px}
.mx6{max-width:600px}
.twotone{max-width:calc(100% - 250px)}
.aspect{width:58%;min-width:255px;max-width:440px}
.h185{height:185px}

.label{padding:1px;border:3px solid #eee;border-radius:4px;text-indent:0;text-align:center;line-height:.75em;vertical-align:bottom;overflow:auto;overflow-y:hidden}
label.label:hover{border:3px solid #ce9;border-radius:4px}
input[type=radio]:checked+label.label{border:3px solid #6c3;border-radius:4px;background:transparent url(check2.png) no-repeat left bottom}
a.al1{text-align:center;padding:0 12px;height:82px;margin:2px 1px;font-weight:700;vertical-align:top;display:inline-flex;justify-content:center;align-items:center;color:hsla(0,0%,20%,1);text-shadow:hsla(0,0%,40%,.5)0 -1px 0, hsla(0,0%,100%,.6)0 2px 1px;background-color:#eee;box-shadow:inset hsla(0,0%,15%,1)0 0 0 4px,inset hsla(0,0%,15%,.8)0 -1px 5px 4px,inset hsla(0,0%,0%,.25)0 -1px 0 7px,inset hsla(0,0%,100%,.7)0 2px 1px 7px;transition:color .2s;height:80px;border-radius:8px;background-image:-webkit-repeating-linear-gradient(left,hsla(0,0%,100%,0)0%,hsla(0,0%,100%,0)6%,hsla(0,0%,100%,.1)7.5%),-webkit-repeating-linear-gradient(left,hsla(0,0%,0%,0)0%,hsla(0,0%,0%,0)4%,hsla(0,0%,0%,.03)4.5%),-webkit-repeating-linear-gradient(left,hsla(0,0%,100%,0)0%,hsla(0,0%,100%,0)1.2%,hsla(0,0%,100%,.15)2.2%),linear-gradient(180deg,hsl(0,0%,78%)0%,hsl(0,0%,90%)47%,hsl(0,0%,78%)53%,hsl(0,0%,70%)100%)}
a.al1:hover{filter:brightness(85%);text-decoration:none}
a.al1:active,a.redbox{color:#05c;text-shadow:hsla(210,100%,20%,.3)0 -1px 0,#b2d8ff 0 2px 1px,hsla(200,100%,80%,1)0 0 5px,hsla(210,100%,50%,.6)0 0 20px;box-shadow:inset hsla(210,100%,30%,1)0 0 0 4px,inset hsla(210,100%,15%,.4)0 -1px 5px 4px,inset hsla(210,100%,20%,.25)0 -1px 0 7px,inset hsla(210,100%,100%,.7)0 2px 1px 7px,hsla(210,100%,75%,.8)0 0 3px 2px,hsla(210,50%,40%,.25)0 -5px 6px 4px,hsla(210,80%,95%,1)0 5px 6px 4px}
.a2{line-height:1.25em}
.pts5{padding:5px 5px 0 !important}
.tinyspace{font-size:.25em}

.cc01{background:url(calligraphy/01.jpg)}
.cc1p{background:url(calligraphy/01p.jpg)}
.cc02{background:url(calligraphy/02.jpg)}
.cc03{background:url(calligraphy/03.jpg)}
.cc3p{background:url(calligraphy/03p.jpg)}
.cc04{background:url(calligraphy/04.jpg)}
.cc4p{background:url(calligraphy/04p.jpg)}
.cc05{background:url(calligraphy/05.jpg)}
.cc06{background:url(calligraphy/06.jpg)}
.cc07{background:url(calligraphy/07.jpg)}
.cc09{background:url(calligraphy/09.jpg)}
.cc9p{background:url(calligraphy/9p.gif)}
.cc10{background:url(calligraphy/10.jpg)}
.cc11{background:url(calligraphy/11.jpg)}
.cc12{background:url(calligraphy/12.jpg)}
.cc13{background:url(calligraphy/13.jpg)}
.cc15{background:url(calligraphy/15.jpg)}
.cc5p{background:url(calligraphy/15p.jpg)}
.cc16{background:url(calligraphy/16.jpg)}
.cc18{background:url(calligraphy/18.jpg)}
.cc19{background:url(calligraphy/19.jpg)}
.cc23{background:url(calligraphy/23.jpg)}

.wh{background:url(calligraphy/white-silk.jpg)}
.iv{background:url(calligraphy/ivory-silk.jpg)}
.gn{background:url(calligraphy/green-silk.jpg)}
.fg{background:url(calligraphy/lt-green-silk.jpg)}
.fb{background:url(calligraphy/lt-blue-silk.jpg)}
.pw{background:url(calligraphy/plain-white-silk.jpg)}
.pi{background:url(calligraphy/plain-ivory-silk.jpg)}
.pm{background:url(calligraphy/plain-mocha-silk.jpg)}
.bk{background:url(calligraphy/black-silk.jpg)}
.cu{background:url(calligraphy/copper-silk.jpg)}
.rd{background:url(calligraphy/red-silk.jpg)}
.yl{background:url(calligraphy/yellow-silk.jpg)}
.cm{background:url(calligraphy/crimson-silk.jpg)}
.bg{background:url(calligraphy/blue-gold-silk.jpg)}

.harw{height:36px;margin:2px 0 0}
.h-dim,.v-dim{line-height:1em;font:.825em "Times New Roman",Georgia,Serif;color:#000;background:#fff;overflow:hidden}
.h-dim{height:28px;padding:4px;margin:1px auto 0;min-width:30px;display:inline-block}
.varw{width:40px;margin:0 0 0 5px}
.v-dim{padding:5px 5px 5px 0}
.vext{width:30px}
.hext{height:32px}
.uah{position:relative;top:0}
.dah{position:relative}
.mt1{margin-top:1px}
.mt5{margin-top:5px}
.p5{padding:5px}
.p10{padding:10px}
.mt15{margin-top:15px}
.ml15{margin-left:15px}
.mln10{margin-left:-10px}
.mln20{margin-left:-20px}
.mtn15{margin-top:-15px}

@media screen and (max-width:1800px){.container{max-width:900px}}
@media screen and (max-width:1500px){.muPrice{clear:left}}
@media screen and (max-width:1200px){.container{max-width:calc(100% - 240px)}}
@media screen and (max-width:999px){.container{max-width:calc(100% - 240px)}.w600{width:96%;margin:2px auto}
.al1{min-width:95px}body{text-align:right}.back{float:none;display:inline-block}}
@media screen and (max-width:820px){.muPrice{clear:none}.container,.twotone{max-width:96%}.muhr,.muR{display:none}
.flexDesc{float:none;flex-flow:row nowrap}.opDesc{width:auto}}
@media screen and (max-width:420px){.container{margin:2px 0;max-width:100%;float:left}.continue{position:static;width:98%;border:0}
.button,.continue,.sbody{box-shadow:none;margin:2px}.mockup{clear:right;margin:2px}.popsilk,.w300,.w400{width:96%;margin:4px auto}}